/*====/========        ===== ==/====/
       Breadcroumb-news area css
 ====/========        =======/====/*/



.breadvroumb_area h1 {
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 20px;
}

.breadcroumb_link,
.breadcroumb_link a {
    color: #565656;
    font-size: 15px;
}

.breadcroumb_link a {
    margin-right: 5px;
}



.service-box-2 .service-thumb {
	margin-bottom: 20px;
}

.service-content h3 {
	margin-bottom: 22px;
}

.service-content-2 h3 {
	font-size: 40px;
}

.service-box.service-box-2 .service-content-2 h3 a:hover {
	color: #000;
}
.service-box {
    padding: 53px;
    background: #fff;
    transition: .4s;
    box-shadow: 0px 16px 32px 0px rgb(82 82 82 / 30%);
    background-color: rgb(47 193 182);
    color: #fff;
}

.service-box-3 {
    padding: 53px;
    background: #fff;
    transition: .4s;
    box-shadow: 0px 16px 32px 0px rgb(82 82 82 / 30%);
    background-color: #fff;
    color: #000;
}




.service-big-number {
    position: absolute;
    top: 0;
    right: 19px;
    font-size: 200px;
    color: #f7f7ff;
}

.service-content-2 h3 a {
	padding-bottom: 23px;
	display: block;
	position: relative;
		color:#fff!important;
}

.service-content-2 h3 a::after, .service-content-2 h3 a::before {
	position: absolute;
	content: "";
	height: 2px;
	width: 50px;
	left: 0;
	background: #e2e0ff;
	bottom: 0;
transition: .4s;

}

.service-content-2 h3 a::before {
	background: #2fc1b6;
	z-index: 9;
	width: 0;
	width: 0px;
	visibility: hidden;
	opacity: 0;
}

.service-content-2 h3 a:hover::before {
	transition: .6s;
	width: 50px;
	visibility: visible;
	opacity: 1;
}
.service-box:hover {


}

.service-box-2 {
	padding: 40px;
}

.service-box.service-box-border {
	border: 2px solid #f4f4f4;

}

.light-bg{
	    background: #eaf8f74f;
		background-image: url(../images/tooth.png);
    background-position: 474px 165px;
    background-repeat: no-repeat;
    background-size: contain;
}
.breadvroumb_area {
    background-image: url(../images/welcome_shap.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 50px 0 50px;
}


.p70{
	padding:70px 0px;
}

.about-content h2 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.orange-text{
color:#fc9928
}
.btn-01.btn-medium-01 {
    padding: 0px 20px;
    color: #fff;
}
.btn-01:hover {
    padding: 0px 20px;
    color: #000!important;
}

.btn-01 {
    padding: 20px 10px;
    border-radius: 0;
    letter-spacing: .5px;
    background-color: #2fc1b6!important;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    text-align: center;

    border-radius: 30px;
    margin-top: 0px;
}
.light-box {
    padding: 30px;
    margin-bottom: 25px;
    background: #2fc1b614;
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}
.card-header {
    /* padding: 0.75rem 0rem; */
    background-color: rgb(252 153 40);
    padding: 7px 0px;
}


.white-text{
	color:#fff!important;
}

.accordion{
	    margin-top: 30px;
}

.candidates-resume-content {
	background-color: #fff;
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
padding: 30px;}
	.resume-info {
		h3 {
			font-size: 30px;
			margin-bottom: 20px;
		}
		h4 {
			font-size: 20px;
			margin-bottom: 15px;
		}
		.form-group {
			margin-bottom: 30px;
            position: relative;
			label {
				font-size: 16px;
				margin-bottom: 12px;
			}
			.form-control {
				box-shadow: var(--box-shadow);
                padding: 5px 20px;
    color: var(--main-color);
    border: 1px solid #d7d7d7;
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    position: relative;
    z-index: 1;
			}
			.nice-select {
				width: 100%;
				height: 50px;
				border-radius: 0;
				box-shadow: var(--box-shadow);
				border: 1px solid #ebebeb;
				padding-left: 20px;
				padding-right: 20px;
				margin-bottom: 30px;
				&::after {
					width: 8px;
					height: 8px;
					right: 20px;
				}
				.current {
					position: relative;
					top: 2px;
				}
				&.height {
					.list {
						height: 80px;
					}
				}
			}
			.date {
				position: relative;
				.form-control {
					color: var(--body-color);
				}
				i {
					position: absolute;
					top: 15px;
					right: 20px;
					font-size: 20px;
				}
			}
            i {
                position: absolute;
                top: 50px;
                right: 15px;
                font-size: 20px;
                z-index: 1;
            }
		}
	}

    .checkboxs {
		position: relative;
		#chb2 {
			position: absolute;
			top: 8px;
			left: 0;
		}
		p {
			padding-left: 20px;
            font-weight: 600;
			a {
				color: var(--main-color);
				&:hover {
					color: var(--optional-color);
				}
			}
		}
	}
}
.table-condensed {
	border-collapse: collapse;
	width: 258px;
	text-align: center;
	.prev {
		background-color: #f2f9fc;
		border-radius: var(--border-radius);
		transition: var(--transition);
		cursor: pointer;
		&:hover {
			background-color: var(--main-color);
			color: var(--white-color);
		}
		
	}
	.next {
		background-color: #f2f9fc;
		border-radius: var(--border-radius);
		transition: var(--transition);
		cursor: pointer;
		&:hover {
			background-color: var(--main-color);
			color: var(--white-color);
		}
	}
	.day {
		transition: var(--transition);
		cursor: pointer;
		transition: var(--transition);
		border-radius: var(--border-radius);
		font-size: 14px;
		&:hover {
			background-color: var(--main-color);
			color: var(--white-color);
		}
	}
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
	border-radius: 0 !important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
	background-color: var(--main-color);
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	background-color: var(--main-color);
}


.default-btn {
	font-size: 16px;
    color: var(--white-color);
    line-height: 1;
    transition: var(--transition);
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: inline-table;
	padding: 18px 30px;
	font-weight: 600;
background-color: var(--main-color);}


.mrgtop20{
	margin-top:20px;
}

.orange-box {
    width: 100%;
    padding: 30px;
    background: #2fc1b6;
	color:#fff;
    text-align: justify;
}

.orange-box h2{
	color:#fff;
	font-size:30px;
}
.orange-box h3{
	color:#fff;
	font-size:25px;
}
.orange-box h1{
	color:#fff;
}
.video-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.app-links {
    padding: 0;
}
.checkbox {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    color: #fff;
}
.checkbox-2 {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    color: #2fc1b6;
}
.app-items {
    padding: 5px 30px;
    list-style-type: none;
    /* font-size: 15px; */
    text-align: left;
}
.client-box {
    padding: 15px;
    box-shadow: 0 0 45px rgb(0 0 0 / 18%);
    position: relative;
    background-color:#2fc1b6;
    color: #fff;
    text-align: center;
    /* width: 300px; */
    left: 0px;
    bottom: 18px;
}

.client-box h5{
	    font-size: 15px;
		color:#fff;
}
.client-box h6 {
    font-size: 13px;
    color: #fff;
}

.tabs {
  width: 100%;
  background-color: #2fc1b6;
  border-radius: 5px 5px 5px 5px;
}
ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}
ul#tabs-nav li {
  float: left;
  font-weight: bold;
  margin-right: 2px;
  padding: 15px 48px;
  border-radius: 5px 5px 5px 5px;
  /*border: 1px solid #d5d5de;
  border-bottom: none;*/
  cursor: pointer;
      font-size: 20px;
}
ul#tabs-nav li:hover,
ul#tabs-nav li.active {
  background-color: #fff;
}
#tabs-nav li a {
  text-decoration: none;
  color: #000;
}
.tab-content {
  padding: 10px;
  border: 5px solid #2fc1b6;
  background-color: #FFF;
}

.sky-blue-text {
    color: #2fc1b6
}
.tab-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
.tab-content h3{
	    font-size: 25px;
        margin-bottom: 15px;
}

.red-text{
	 color: #2fc1b6
}

.mrgtop30{
	margin-top:30px;
}
.btn-b1 {
    padding: 10px 25px;
    position: relative;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 10px;
    background-color: #2fc1b6;
    border-style: none;
    display: inline-block;
}
.contact-info {
    padding: 35px;
    background: #2fc1b6;
    position: relative;
}
.contact-info .address {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0px;
}
.contact-info .address li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 40px;
    color: #fff;
}

.contact-info .address li a{
    color: #fff;
}
.contact-info .address li a:hover{
    color: #000!important;
}


.contact-info .address li i {
    position: absolute;
    color: #fff;
    left: 0;
    top: 4px;
    font-size: 25px;
}.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}
.socials li {
    border: 0;
    margin: 8px 25px 8px 0;
    outline: 0;
}
.contact-info .address .location span, .contact-info .address li span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.contact-info h2 {
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: -5px;
    position: relative;
    color: #fff;
}

.socials li i {
	    font-size: 25px;
		color:#fff;
}

.contact-info h3 {
	color:#fff;
}
.featured-blocks-container {
    margin-left: -1.25rem;
    margin-top: 25px;
    align-self: flex-end;
    background-color: #2fc1b6;
    padding: 1.875rem;
    color: #fff;
    align-self: flex-start
}


.blog-warp-value {
    padding: 18px 25px 60px;
    margin: -43px 9px 0px;
    color: #000;
    background: #fbf2e84d;
    z-index: 9999;
    margin-top: 20px;
}
.blog-warp-inner-value {
    margin: 0% 10% 0% 2%;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 36%);
}

.blog-warp-list-value {
    min-height: 280px;
    padding: 0px;
    margin: 0px;
}

.blog-warp-list-value li {
    list-style: none;
    font-size: 18px;
    padding: 5px;
}

.blog-list-shadow {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 36%);
    background: #fefbf8;
    padding: 20px 5px 20px;
}
.mgu-pb-35 {
    text-align: center;
    padding-bottom: 35px;
}

.blog-list-pd-tb {
    padding-top: 12px;
    padding-bottom: 12px;
}

.blog-warp-list-value li a {
    list-style: none;
    font-size: 18px;
    padding: 5px;
    color: #000;
    text-decoration: none;
}


.blog-headings h3 {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0px;
    font-size: 30px;
    margin-bottom: 15px;
}

.blog-box {
    background: #fff;
    padding: 20px 15px;
    color: #888;
    text-align: center;
    border: 1px solid #f9f6ef;
min-height: 560px;
	margin-top:20px;
}

.blog-box p {
    font-size: 15px;
}

.blog-box h5 {
    font-size: 20px;
}
.pd-20 {
    padding-top: 20px;
}

.light-bg2{
    background: #eaf8f74f;
}
.light-text-1 {
    color:#138c82;
    padding: 0px;
}
#mds-grey-bg {
    padding: 30px 0px;
}
.highlight-item {position: relative; margin:5px; z-index:3;border-radius: 10px;overflow: hidden;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1); margin-bottom: 10px}.highlight-item .post-image1 {border-radius: 0px;margin-bottom: 0;overflow: hidden;margin: 0;}.highlight-item .post-image1 img{transition: transform 650ms ease-in-out,filter 650ms ease-in-out; overflow: hidden; width:100%; height:auto}.highlight-item:hover .post-image1 img{transform: scale3d(1.05,1.05,1.05)}
.highlight-item .post-image1 .mask {content: ' ';position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;background: -webkit-gradient(linear, left top, left bottom, from(rgba(65, 34, 54, 0)), to(#040404));background: linear-gradient(to bottom, rgba(65, 34, 54, 0) 55%, #131313 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7a42a', endColorstr='#f7a42a',GradientType=0 );opacity: 1; border-radius:0px}
.highlight-item .post-content1 {position: absolute; bottom: 0; padding: 5px 20px;margin-bottom: 15px;width: 100%;text-align: center;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}.highlight-item .post-content1 h5{font-size:20px; color:#fff}.highlight-item .post-content1 p{color:#fff}.highlight-item a .post-content1 {color: #fff;} .highlight-item:hover .post-content1{bottom:10px;-webkit-transition:all .3s ease;transition:all .3s ease}

.content-img-wrap {
    max-width: 634px;
    width: 100%;
    height: 608px;
    position: relative;
}
.content-img-wrap .content-img-1 {
    max-width: 302px;
    width: 100%;
    height: 480px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 60px 0 60px 0;
    overflow: hidden;
    z-index: 1;
}
.content-img-wrap .content-img-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-img-wrap .content-img-2 {
    max-width: 302px;
    width: 100%;
    height: 294px;
    overflow: hidden;
    border-radius: 0 60px 0 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.content-img-wrap .content-img-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-img-wrap .content-img-3 {
    max-width: 302px;
    width: 100%;
    height: 294px;
    overflow: hidden;
    border-radius: 60px 0 60px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.content-img-wrap .content-img-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-img-wrap .border-shape {
    max-width: 347px;
    width: 100%;
    height: 552px;
    border: 1px solid #2fc1b6;
    border-radius: 60px 0 60px;
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
}

.container-fluid1 {
    padding-left: 40px;
    padding-right: 40px;
}
.content-item {
    display: grid;
    align-items: center;
    grid-template-columns: 85px 1fr;
    padding: 30px;
    border: 1px solid #E0E5EB;
    border-radius: 10px;
    grid-gap: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mb-30 {
    margin-bottom: 30px;
}
.content-item .icon {
    background-color: #ECF3F8;
    height: 85px;
    width: 85px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.content-item .icon img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.content-item .content p {
    margin-bottom: 0;
}

.content-item:hover{
	        border: 1px solid transparent;
        box-shadow: 0px 10px 28px rgba(19, 36, 39, 0.13);
}
.content-item .icon:hover {
	           background-color: #2fc1b6;
}
	
	.find-degree {
    background-image: url(../images/shape-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
	
.text-black{
	color:#000
}	
	
.featured-blocks-copy p{
	text-align:justify;
}	
	
.p-0{
	padding:0px;
}	
	
        .image-container {
            position: relative;
            overflow: hidden;
			margin-bottom:20px;
        }
        .image-container img {
            width: 100%;
            transition: transform 0.5s ease;
        }
        .image-container:hover img {
            transform: scale(1.1);
        }
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(4 94 123 / 42%);
    overflow: hidden;
    height: 0;
    color: white;
    transition: height 0.5s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
        .image-container:hover .overlay {
            height: 100%;
        }	
	
.icon-s {
    font-size: 30px!important;
    background: #045e7b;
    border-radius: 50px;
    padding: 15px;
    color: #ffffff;
}
.fancyicon-s {
    font-size: 30px!important;
    background: #138d83;
    border-radius: 50px;
    padding: 15px;
    color: #ffffff;
}	
	
	
.grey-btn{background: #efefef; padding: 10px 15px;width: 100%;display: block;margin-bottom: 10px; color: #222} .grey-btn i{padding-right: 10px; font-weight: bold;color:#2fc1b6;font-size:18px} .grey-btn:hover i{color:#fff} .grey-btn:hover{background: #2fc1b6;color:#222}	
	
	.img-shadow{
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    }
	
    
    #breadcrumb {
        border-bottom: 1px solid #efefef;
        background-color: #fff;
        border-radius: 0;
        padding: 0px 0;
    }
    
    .breadcrumb {
        margin-bottom: 0;
        background-color: transparent;
        border-radius: 0;
        font-weight: normal;
        font-size: 13px
    }
    
    .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }
    
    .breadcrumb a {
        color: #1f1914;
        font-weight: bold
    }


#mds-grey-bg h2{
    font-size: 35px;
}


  .fee-title {
    font-size: 2rem;
    font-weight: 700;
    color: #004080;
  }
  .program-card {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    color: #000;
}
  .program-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
  }
  .note {
    font-size: 17px;
    color: #ffffff;
    margin-top: 20px;
}




@media (min-width: 992px) and (max-width: 1272px) {
    .main-menu nav ul li a {
        font-size: 12px;
        padding: 25px 7px;
    }
}


@media only screen and (max-width: 992px) {
    .content-img-wrap {
        margin: 0 auto;
    }
}	

@media only screen and (max-width: 767px) {
    .content-item {
        grid-template-columns: 1fr;
    }
	.container-fluid1 {
    padding-left: 30px;
    padding-right: 30px;
}
.content-img-wrap .border-shape {
    max-width: 290px;
}
.service-box-2 {
	padding: 15px;
}
.service-box-2 .service-thumb {
    margin-bottom: 0px;
}
.featured-blocks-container {
    margin-left: 0;
    margin-top: 0px;
    align-self: flex-end;
    background-color: #2fc1b6;
    padding: 1.875rem;
    color: #fff;
    align-self: flex-start;
    position: relative;
    z-index: 1;
}
.sticky-icon {
    z-index: 1;
    position: fixed;
    top: 30%;
    right: 0%;
    width: 215px;
    display: flex;
    flex-direction: column;
}
.sticky-icon a {
    transform: translate(185px,0px);
    text-align: left;
    margin: 2px;
    text-decoration: none;
    padding: 6px;
    font-size: 17px;
    font-family: 'Oswald', sans-serif;
    transition: all 0.8s;
}

.mrgntop20-mob{
	margin-top:20px;
}



}