@import url(bootstrap.min.css);
@import url(swiper-bundle.min.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    font-size: 16px;
    overflow-x: hidden;
}
@media (min-width: 992px) {
    p,
    ul li {
        font-size: 1.25rem;
    }
}
h1,
h2,
h3 {
    color: #174f80;
}
@media (min-width: 992px) {
    h2 {
        margin-bottom: 1rem;
    }
}
h3 {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Poppins", sans-serif;
  }
  
  p{
    font-family: "Lato", sans-serif;
  }

  .benefits-value p{
    font-size: 22px;
    color: #717377;
  }

  .our-consultants p{
    font-size: 22px;
    width: 90%;
    color: #717377;
  }
  .our-consultants .swiper .card .description{
    color: #8e8f91;
  }
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #174f80;
    --bs-btn-border-color: #174f80;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #174f80;
    --bs-btn-hover-border-color: #174f80;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #174f80;
    --bs-btn-active-border-color: #174f80;
    --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #174f80;
    --bs-btn-disabled-border-color: #174f80;
}
.header {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.header .nav-link {
    color: #fff;
    font-family: "Poppins", sans-serif;
}
@media (min-width: 992px) {
    .header .nav-item {
        margin-left: 1rem;
    }
}
.header .navbar-toggler {
    border-color: #fff;
}
.header .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path stroke="rgba(255, 255, 255, 1)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/></svg>');
}
.banner-intro {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    justify-content: flex-end;
}
.container-content::after{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    padding: 111px 0;
    z-index: -1;
}
.banner-intro h1 {
    color: #fff;
}
.banner-intro::after {
    content: "";
    padding-top: 50%;
}
@media (max-width: 767px) {
    .banner-intro::after {
        padding-top: 144%;
    }
    .container-content::after{
        bottom: -42px;
    }
}
.our-services p{
    color: #717377;
  }
.navbar-brand img{
    max-width: 100%;
    width: 100%;
}
.banner-intro .banner-intro-dental {
    position: absolute;
    left: 0;
    top: 0; 
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.banner-intro .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensures the slide fills the Swiper container */
    position: relative; /* Important for containing positioned children */
  }
.banner-intro .container-content {
    position: absolute;
    z-index: 1;

    color: #fff;
    bottom: -56.2rem;
    width: 100%;
    left: 0;
    padding-top: 4rem;
    padding-bottom: 0rem;
 
}
.banner-intro .container-content .line {
    position: absolute;
    width: 50%;
    height: 0.5rem;
    bottom: -50px;
}
.banner-intro .container-content .line.bg-light-blue {
    background-color: #457194;
    left: 0;
}
.banner-intro .container-content .line.bg-dark-blue {
    background-color: #174f80;
    right: 0;
}
.banner-intro .container-content p {
    margin-bottom: 0;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 767px) {
    .services-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.services-grid .card {
    border-radius: 0;
    color: #fff;
}







.embed-item .testimonial strong{
    color: #194e80!important;
}
.services-grid .card.bg-light-blue {
    background-color: #457194;
}
.services-grid .card.bg-dark-blue {
    background-color: #174f80;
}
.services-grid .card .card-title {
    font-weight: 500;
}
.services-grid .card .card-body {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
}
.services-grid .card .card-body p {
    margin-bottom: 0;
    color: #fff;
}
.icon {
    width: 4rem;
    height: 4rem;
    display: inline-block;
}
.icon.icon-smile-planning{
    background-image: url('../img/icon5.svg');
  }
.icon.icon-mobile-planning{
    background-image: url('../img/smile_curve.svg');
  }
.icon.icon-biomechanics-planning{
    background-image: url('../img/Bio_design.svg');
}
.icon.icon-treatment-planning{
    background-image: url('../img/expert_consultation.svg');
}
.icon.icon-case-planning{
    background-image: url('../img/case_monitoring.svg');
  }
.icon.icon-EXPERT-planning {
   
    background-image: url('../img/icon1-01.svg');
}
.icon.icon-whatsapp {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 252 252" style="enable-background:new 0 0 252 252;" xml:space="preserve"><style type="text/css">.st0{fill:%232CAC42;}.st1{fill:%23FFFFFF;}</style><g><path class="st0" d="M11,241l19.78-59.34c-10.04-16.88-15.81-36.58-15.81-57.65C14.97,61.6,65.57,11,127.98,11S241,61.6,241,124.02s-50.6,113.02-113.02,113.02c-18.99,0-36.88-4.71-52.58-12.98L11,241z"/><path class="st1" d="M200.09,161.63c-5.22-9.86-24.46-21.14-24.46-21.14c-4.35-2.48-9.61-2.76-12.09,1.67c0,0-6.25,7.5-7.84,8.58c-7.26,4.92-13.99,4.73-20.79-2.06l-15.79-15.79l-15.79-15.79c-6.79-6.79-6.98-13.52-2.06-20.79c1.08-1.59,8.58-7.84,8.58-7.84c4.43-2.49,4.15-7.74,1.67-12.09c0,0-11.28-19.24-21.14-24.46c-4.2-2.22-9.35-1.44-12.7,1.91L70.7,60.8c-22.12,22.12-11.23,47.08,10.89,69.2l20.21,20.21l20.21,20.21c22.12,22.12,47.08,33.01,69.2,10.89l6.97-6.97C201.54,170.97,202.31,165.82,200.09,161.63z"/></g></svg>');
}
.icon.icon-tick {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23184d7f"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>');
}
.icon.icon-quote-comma {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 252 252" style="enable-background:new 0 0 252 252;" xml:space="preserve"><style type="text/css">.st0{fill:%231A3A60;}</style><g><path class="st0" d="M10.65,129.08L48.49,16h56.33l1.64,111.44V236H10.65V129.08z M145.54,129.08L183.36,16h56.33l1.66,111.44V236h-95.81V129.08z"/></g></svg>');
}
.bg-light {
    background-color: #dfe6ec !important;
}
.bg-pattern {
    background-image: url("../img/bg-ortho.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.bg-pattren-2 {
    background-image: url("../img/bg-benefits.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.our-services {
    padding-top: 3rem;
    padding-bottom: 13rem;
}

.orthodontics-basics-to-beyond .title{
    font-weight: bold;
}

.orthodontics-basics-to-beyond p {
    width: 90%;
    font-size: 28px;
}
.orthodontics-basics-to-beyond {
    margin-top: -10rem;
    margin-bottom: 2rem;
}
.orthodontics-basics-to-beyond .title,
.orthodontics-basics-to-beyond p {
    color: #fff;
}
.orthodontics-basics-to-beyond .content {
    display: flex;
    flex-wrap: wrap;
}
.orthodontics-basics-to-beyond .content .col-img {
    width: 40%;
}
@media (max-width: 767px) {
    .orthodontics-basics-to-beyond .content .col-img {
        width: 100%;
        margin-bottom: 0;
    }
}
.orthodontics-basics-to-beyond .content .col-content {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 3rem;
}
@media (max-width: 767px) {
    .orthodontics-basics-to-beyond .content .col-content {
        width: 100%;
        padding: 2rem 1rem;
    }
}
.btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.btn .icon {
    width: 1.75rem;
    height: 1.75rem;
}
@media (min-width: 992px) {
    .btn-lg {
        --bs-btn-padding-y: 1.2rem;
        --bs-btn-padding-x: 1.5rem;
    }
}
.our-consultants {
    padding-bottom: 5rem;
}
.our-consultants .swiper {
    width: 100%;
    height: 100%;
}
.our-consultants .swiper .swiper-slide {
    padding: 1rem;
}
.our-consultants .swiper .card {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
    padding: 1rem;
    border: 0;
    border-radius: 0;
    text-align: center;
    height: 589px;
    cursor: pointer;
}
.our-consultants .swiper .card .title {
    color: #174f80;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.our-consultants .swiper .card .description {
    font-size: 1.125rem;
}
.our-consultants .swiper .card img {
    margin-bottom: 1rem;
}
.are-you-looking {
    padding: 2rem 0;
    background-color: #194e80;
}
.are-you-looking .text {
    font-size: 1.75rem;
    color: #fff;
    font-weight: 700;
}
.are-you-looking .text a {
    color: #fff;
}
.benefits-value {
    padding: 3rem 0;
}
.list-with-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
}

.our-consultants .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 80px; 
    height: 80px;
    background-image: url('../img/consultant_right.svg');
    background-size: cover; 
    background-repeat: no-repeat;
    top: 0;
}

.our-consultants .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 80px; 
    height: 80px;
    background-image: url('../img/consultant_left.svg');
    background-size: cover; 
    background-repeat: no-repeat;
    top: 0;
}

.photo-gallery{
    position: relative;
    overflow-x: clip;
}

.photo-gallery .swiper{
    position: inherit;
}

.photo-gallery .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 80px; 
    height: 80px;
    background-image: url('../img/gallery_right.svg');
    background-size: cover; 
    background-repeat: no-repeat;
    right: 12rem;
    top: 0;
}

.photo-gallery .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 80px; 
    height: 80px;
    background-image: url('../img/gallery_left.svg');
    background-size: cover; 
    background-repeat: no-repeat;
    left: 12rem;
    top: 0;
}

.mission-vision p{
    color: #000;
    font-size: 22px;
  }

.list-with-bullets li {
    position: relative;
    padding-bottom: 15px;
    padding-left: 2.5rem;
    color: #717377;
}
.list-with-bullets li .icon.icon-tick {
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
}
.mission-vision {
    padding: 3rem 0;
}
.mission-vision blockquote {
    position: relative;
    padding-left: 3rem;
}
.mission-vision .icon-quote-comma {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 0;
}



.footer .address{
    display:flex;
    align-items: center;
    gap: 15px;
}

.footer .address img{
    max-width: 40px;
    width: 40px;
}


.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}




.modal-footer {
    justify-content: flex-start;
}
.photo-gallery {
    background-color: #174f80;
    padding: 5rem 0;
}
.photo-gallery h2 {
    color: #fff;
}
.footer {
    background-color: #565656;
    padding: 3rem 0 1rem;
}
.footer .address {
    position: relative;
  
}
.footer .address .icon-location {
    position: absolute;
    left: 0;
    top: 0.5rem;
}
.footer h2,
.footer ul li,
.footer ul li a,
.footer p {
    color: #fff;
}
.footer .ul-with-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer .ul-with-icons li {
    margin-bottom: 0.5rem;
}
.footer .ul-with-icons li .icon-footer {
    position: absolute;
    left: 0;
    top: 0.3rem;
    font-size: 1.25rem;
    width: auto;
}
.footer .ul-with-icons li a {
    position: relative;
    padding-left: 2rem;
    text-decoration: none;
    display: inline-block;
}
.footer hr {
    border-color: #fff;
}
.footer .cpy-right {
    margin: 0;
    color: #8a8a8a;
    font-size:1rem;
}
/*# sourceMappingURL=style.css.map */

@media screen and (width: 2560px) {
    .banner-intro .container-content{
        bottom: -72.3rem;
    }
    .banner-intro{
      justify-content: flex-start;  
    }
    .banner-intro::after {
        content: "";
        padding-top: 47%;
    }
}



@media (max-width: 1599px) and (min-width: 1367px) {
    .photo-gallery .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
        left: 0rem;
    }
    .photo-gallery .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
        right: 0rem;
    }
    .mission-vision p {
        color: #717377;
        font-size: 24px;
    }
    .banner-intro .container-content{
        padding-bottom: 0rem;
        bottom: -44.4rem;
    }
  
}

@media (max-width: 1850px) and (min-width: 1601px) {
    .photo-gallery .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
        left: 6rem;
    }
    .photo-gallery .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
        right: 6rem;
    }
    .banner-intro .container-content{
        padding-bottom: 1rem;
    }
    .banner-intro::after {
        content: "";
        padding-top: 50%;
    }
    .banner-intro .container-content{
        bottom: -50.9rem;
    }
    .container-content::after{
        top: 16px;
    }
}

@media (max-width: 1450px) and (min-width: 1400px) {
    .banner-intro .container-content{
        bottom: -41.8rem;
    }
}

@media (max-width: 1366px) and (min-width: 1281px) {
    .header .navbar-brand{
        width: 15%;
    }
    .navbar-nav .nav-link{
        font-size: 16px;
    }
    .banner-intro .container-content{
        bottom: -39.5rem;
    }
    .container-content::after {
        top: 30px;
    }
}
@media (max-width: 1280px) and (min-width: 1201px) {
    .header .navbar-brand{
        width: 15%;
    }
    .navbar-nav .nav-link{
        font-size: 16px;
    }
    .banner-intro .container-content{
        bottom: -36rem;
    }
    .container-content::after {
        top: 45px;
    }
    .banner-intro .container-content .line.bg-light-blue,
    .banner-intro .container-content .line{
        bottom: -57px;
    }
}


@media (max-width: 1152px) and (min-width: 1024px) {

    .banner-intro{
        overflow-x: hidden;
    }
    .banner-intro .container-content{
        bottom: -32.7rem;
    }
    .container-content::after{
        bottom: -42px;
    } 
    .services-grid{
        display: inline-block;
    }   
    .banner-intro::after {
        content: "";
        padding-top: 56%;
    }
}


@media screen and (width: 844px) {
    .banner-intro .container-content {
        bottom: -26.5rem!important;
    }
}

@media screen and (width: 820px) {
    .banner-intro .container-content {
        bottom: -25rem!important;
    }
    .banner-intro::after {
        content: "";
        padding-top: 58%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .banner-intro{
        overflow-x: hidden;
    }
    .banner-intro .container-content{
        bottom: -24rem;
    }
    .container-content::after{
        bottom: -42px;
    }
    .services-grid{
        display: inline-block;
    }
    .banner-intro::after {
        content: "";
        padding-top: 56%;
    }
}

@media screen and (max-width: 767px) {
    .photo-gallery .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
        left: -2rem;
    }
    .photo-gallery .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        right: -2rem;
    }
    .banner-intro .container-content {
        padding-bottom: 2rem;
        bottom: -32rem;
    }   
    .banner-intro{
        overflow-x: hidden;
    }
    .navbar-brand img {
        max-width: 100%;
        width: 80%;
    }
    .navbar-brand{
        width: 78%;
    }
}


@media screen and (width: 425px) {
    .banner-intro .container-content {
        padding-bottom: 2rem;
        bottom: -37rem;
    }   
}

@media screen and (width: 320px) {
    .navbar-brand {
        width: 72%;
    }
}


.faq {
    font-weight: bold;
    font-size: 1.2rem !important;
    color: #174f80 !important;
}

.faq-p {

    font-size: 1.2rem !important;

}