/* font-family: "Inter", sans-serif; */
/* font-family: "Urbanist", sans-serif; */
/* font-family: "DM Sans", sans-serif; */

@font-face {
  font-family: "ProximaNovaBold";
  src: url('../fonts/Proxima-Nova-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNovaRegular";
  src: url('../fonts/Proxima-Nova-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: "Urbanist", sans-serif;
}
body .container{max-width:1500px;}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: "DM Sans", sans-serif;
}

a{
    text-decoration: none;
}

ul{
    list-style: none;
}

img{
    width: 100%;
}

/* Header Start */

header .navbar {
    padding: 0 25px;
}
.nav-logo {
    margin: 0;
    padding: 0;
}
.nav-logo img {
    width: 200px;
}
/* Show dropdown on hover */
.nav-item.dropdown {
  position: relative;
  padding-bottom: 20px; /* creates hover buffer */
}

.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 20px;
}


/* Keep link clickable */
.nav-item.dropdown > .nav-link {
  cursor: pointer;
}

.nav-item {
    color: #5E5E5E;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
    text-decoration: none;
}
.nav-item a {
    margin-right: 10px;
}

/* ensure link is the positioning context */
.navbar .nav-link {
  position: relative;
  z-index: 2; /* keep it above dropdown-menu if needed */
}

/* base underline (hidden by default) */
.navbar .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background: #27AAE1;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 180ms ease, opacity 180ms ease;
  opacity: 0;
  pointer-events: none;
}

/* show on hover */
.navbar .nav-link:hover::before {
  transform: scaleX(1);
  opacity: 1;
}


/* show when dropdown is open — covers aria-expanded, .show on parent, and .show on menu */
.navbar .nav-link[aria-expanded="true"]::before,
.nav-item.dropdown.show > .nav-link::before,
.dropdown.show > .nav-link::before,
.nav-item.dropdown .dropdown-menu.show ~ .nav-link::before /* fallback */ {
  transform: scaleX(1);
  opacity: 1;
}

/* Troubleshooting fallback if other rules override — remove after it works */
.navbar .nav-link[aria-expanded="true"]::before,
.nav-item.dropdown.show > .nav-link::before {
  transform: scaleX(1) !important;
  opacity: 1 !important;
}

.header-btn{
    padding: 15px 70px;
    background: #022561;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18.667px;
    line-height: 26.667px;
    text-transform: capitalize;
    border-radius: 38px;
}


/* Header End */


/* Hero Start */
.dot{
     display: inline-flex;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 20px;
    margin: 0px 10px;
}
.banner{
    background-image: url('../img/banner-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 25px;
    border-radius: 30px;
    padding:100px;
}
.banner .banner-text{
    padding: 164px 0 0 134px;
}
.banner .subtitle {
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 77.333px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -1.33px;
}

.banner .subtitle-index {
    color: #FFF;
    font-family: "ProximaNovaBold", sans-serif;
    font-size: 85px;
    font-weight: 800;
    line-height: 90px;
    letter-spacing: -1.33px;
    margin-top: 0;
}
.ban-h3{
   font-family: "ProximaNovaRegular", sans-serif; 
}
.ban-p{
    font-family: "ProximaNovaRegular", sans-serif; 
}
.banner .text {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 30.436px;
}
.btn-started {
    background: #022561;
    border-radius: 38px;
    padding: 15px 50px;
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 18.667px;
    font-weight: 500;
    line-height: 26.667px;
    margin-right: 16px;
    transition: 0.3s ease-in-out;
}
.btn-started:hover {
    border: 1px solid #022561;
    background: none;
    color: #022561;
}

.btn-contact{
    background: none;
    border: 1px solid #fff;
    border-radius: 38px;
    padding: 15px 50px;
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 18.667px;
    font-weight: 500;
    line-height: 26.667px;
    transition: 0.3s ease-in-out;
}
.btn-contact:hover{        
    color: #022561;
}
.owl-dots {
    text-align: center;
    padding-top: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 30px 8px;
    background: rgba(255, 255, 255, 0.50);
}
.owl-dots button.owl-dot.active {
    background-color: #fff;
    position: relative;
}
  .owl-dots button.owl-dot:focus {
    outline: none;
}
.owl-dots button.owl-dot.active:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50px;
    position: absolute;
    left: -6px;
    bottom: -6px;
}
/* Hero End */


/* Service Start */
.services {
    padding: 130px 0 210px 0;
    position: relative;
}
.service-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 3px solid #022561;
    border-radius: 50px 0px 50px 0px;
    padding: 17px;
    background: white;
    cursor: pointer;
height:388px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}


.services .service-card img {
    margin-bottom: 40px;
    width: 70px;
}
.services .service-card h2 {
    
    font-family: Urbanist;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

.services .service-card p {
    
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align:center;
    
}
.services .service-card a {
    border-radius: 81px;
    width: 120px;
    padding: 10px 11px;
    display: flex;
    justify-content:center;
    color: #fff;
    font-weight:600;
    background:#022561;
}
/*.services .service-card a:hover {*/
/*	background:#27AAE1;color:white;*/
/*}*/
.services:before {
    content: url('../img/teeth-before.png');
    position: absolute;
    top: 50px;
    left: 70px;
}
.services::after {
    content: url('../img/teeth-after.png');
    position: absolute;
    bottom: 40px;
    left: auto;
    right: 160px;
    width: 163.876px;
    height: 163.873px;
}
/* Service End */

/* About Start */
.about-us {
    background: #fbfbfb;
    padding: 16px;
}
.about-us img {
    width: 100%;
    margin: -75px 0;
    border-radius: 30px;
}
.about-us h4 {
    display: inline-block;
    background: #FFF;
    border-radius: 1333.333px;
    padding: 8px 22.667px;
    color: #434343;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 21.333px;
    text-transform: capitalize;
}
.about-us h3 {
    color: #656565;
    font-family: "ProximaNovaBold", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 76.745px;
    letter-spacing: -1.215px;
}
.about-us p {
    font-family: "ProximaNovaRegular", sans-serif;
    color: #848484;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;     
}
.about-us .btn-read {
    padding: 20px 50px;
    border-radius: 38px;
    background: #27AAE1;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 500;     
}

/* About End */


/* Featured Start */
.featured {
    position: relative;
    padding: 293px 0 230px 0;
}
.featured h4 {
    display: inline-block;
    color: #656565;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.333px;
    text-transform: capitalize;
    background: #EDF2FB;
    border-radius: 1333.333px;
    padding: 8px 22.667px;
}
.featured h3 {
    color: #656565;
    text-align: center;
    font-family: "DM Sans";
    font-size: 70.655px;
    font-style: normal;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: -1.215px;
    width: 804px;
    margin: 0 auto;
    padding-top: 29px;
}
.featured p {
    width: 712px;
    margin: 0 auto;
    color: #848484;
    text-align: center;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30.436px;
    padding: 28px 0 46px 0;
}
.featured .featured-card {
    border: 1.289px solid #27AAE1;
    overflow: hidden;
    border-radius: 30.941px;
    height: 477px;
    margin-bottom: 35px;
    transition: .3s ease-in-out;
}
.featured .featured-card h2 {
    margin: 0;
    padding: 45px 0 0 41px;
    color: #3F3F3F;
    font-family: "DM Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.832px;
}
.featured .featured-card p {
    width: 404.805px;
    color: #868686;
    font-family: "DM Sans";
    font-size: 20.627px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.941px;
    text-align: left;
    padding: 2px 0 24px 30px;
}
.featured .featured-card img {
    width: 95%;
    border-radius: 30.941px;
    background: linear-gradient(0deg, #EDF2FB 0%, #EDF2FB 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    margin: 0 auto;
    display: block;
    height: 268.151px;
}
.featured .featured-card:hover {
    background: linear-gradient(0deg, #27AAE1 0%, #27AAE1 100%), #FFF;
}

.featured .featured-card:hover * {
    color: #fff;
    cursor: pointer;
}

.featured::before {
    content: "";
    position: absolute;
    top: 200px;
    left: 130px;
    width: 55px;
    height: 55px;
    background-image: url(../img/teeth-before.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.featured::after {
    content: "";
    position: absolute;
    top: 460px;
    right: 70px;
    width: 120px;
    height: 120px;
    background-image: url(../img/featured-after.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Featured End */

/* Why Choose Us Start */
.why-choose-us {
    position: relative;
    background: #fbfbfb;
    padding: 16px;
}
.why-choose-us img {
    width: 100%;
    margin: -75px 0;
    border-radius: 30px;
}
.why-choose-us h4 {
    display: inline-block;
    background: #FFF;
    border-radius: 1333.333px;
    padding: 8px 22.667px;
    color: #434343;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 21.333px;
    text-transform: capitalize;
}
.why-choose-us h3 {
    color: #656565;
    font-family: "ProximaNovaBold", sans-serif;
    font-size: 60px;
    font-weight: 800;
    line-height: 76.745px;
    letter-spacing: -1.215px;
}
.why-choose-us p {
    font-family: "ProximaNovaRegular", sans-serif;
    color: #848484;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;     
}
.why-choose-us .btn-read {
    padding: 20px 50px;
    border-radius: 38px;
    background: #27AAE1;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 500;     
}

.why-choose-us::before{
    content: "";
    position: absolute;
    top: -200px;
    left: 130px;
    width: 80px;
    height: 80px;
    background-image: url(../img/teeth-after.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.why-choose-us::after{
    content: "";
    position: absolute;
    top: -220px;
    right: 560px;
    width: 42px;
    height: 42px;
    background-image: url(../img/teeth-before.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Why Choose Us End */



/* Teams Start */
.teams {
    padding: 188px 0 0 0;
    text-align: center;
}
.teams h4 {
    color: #656565;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.333px;
    text-transform: capitalize;
    border-radius: 1333.333px;
    background: #EDF2FB;
    border-radius: 1333.333px;
    display: inline-block;
    padding: 8px 22.667px;
    margin-bottom: 29px;
}
.teams h3 {
    color: #656565;
    text-align: center;
    font-size: 70px;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: 1.5px;
    margin-bottom: 45px;
}
.team-card img {
    border-radius: 22px;
    width: 100%;
}

.teams .team-card {
    position: relative;
}
.teams .team-card .team-card-info {
    border-radius: 11px;
    background: #ffffff;
    position: absolute;
    top: 310px;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.531px;
    left: 15px;
    padding: 11px 0px;
}
.teams .team-card .team-card-info h4 {
    color: #10244B;
    font-family: Urbanist;
    font-size: 22.125px;
    font-weight: 600;
    background: none;
    margin: 0;
}
.teams .team-card .team-card-info p {
    color: #93A0AF;
    font-family: "Inter", sans-serif;
    font-size: 17.7px;
    margin: 0;
}

/* Teams End */


/* Counter Start */
.counter {
    padding-top: 88px;
    text-align: center;
    padding-bottom: 114px;
}
.counter .counter-card h4 {
    color: #10244B;
    text-align: center;
    font-family: Urbanist;
    font-size: 44.25px;
    font-weight: 600;
    line-height: 50px;
}
.counter .counter-card p {
    color: #A6A6A6;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 17.7px;
    font-weight: 400;
    line-height: 33.63px;
}
.review .review-heading h4 {
    border-radius: 1333.333px;
    background: #EDF2FB;
    display: inline-block;
    color: #656565;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 21.333px;
    padding: 8px 22.667px;
    text-transform: capitalize;
    margin-bottom: 29px;
}
.review .review-heading {
    text-align: center;
}
.review .review-heading h3 {
    color: #656565;
    text-align: center;
    font-family: "DM Sans";
    font-size: 70.655px;
    font-style: normal;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: -1.215px;
    margin-bottom: 52px;
}

/* Counter End */


/* Review Start */
/* .review {
    padding-bottom: 186px;
}
.testimonials-sec {
    border-radius: 12.073px;
    border: 1.207px solid #939393;
    background: #FFF;
    padding: 37px 33px;
    margin: 0 9px;
    opacity: 0.4;
}
.testimonials-sec .author-box ul {
    display: flex;
}
.testimonials-sec .author-box ul li i {
    color: #FFC947;
    margin-right: 5px;
    font-size: 18px;
    margin-bottom: 32px;
}
.testimonials-sec .author-box ul {
    margin: 0;
    padding: 0;
}
.testimonials-sec p {
    color: #656565;
    font-family: "DM Sans";
    font-size: 21.731px;
    line-height: 30px;
}
.testimonials-sec .box-lft {
    display: flex;
    align-items: center;
}
.testimonials-sec .box-lft img {
    margin-right: 18px;
    width: 53px;
}
.testimonials-sec .box-lft .text h4 {
    color: #656565;
    font-family: "Inter", sans-serif;
    font-size: 19.317px;
    font-weight: 600;
    line-height: 28.975px;
    margin-bottom: 6px;
}
.testimonials-sec .box-lft .text p {
    color: #656565;
    font-family: "Inter", sans-serif;
    font-size: 16.902px;
    font-weight: 400;
    line-height: 24.146px;
}
.item.slick-slide.slick-current.slick-active.slick-center .testimonials-sec {
    opacity: 1;
} */
/* Review End  */


/* Night Guard Specialist Start */

.night-guard .night-row {
    border: 1px solid #D8D8D8;
    padding: 80px 20px;
    border-radius: 31.89px;
}
.night-guard img {
    width: 100%;
    border-radius: 32.919px;
    height: 300px;
    object-fit: cover;
}
.lpc-content .lpcc-image img {
    width: 20%;
    position: absolute;
    top: 10px;
    right: 280px;
    height: 90px;
    object-fit: scale-down;
}
.lpc-content .lpccc-image img {
    width: 15%;
    position: absolute;
    top: 10px;
    right: 280px;
    height: 80px;
    object-fit: scale-down;
}
.night-guard .specialist h4 {
    color: #434343;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;    
    font-weight: 500;
    line-height: 21.333px;
    text-transform: capitalize;
    border-radius: 1333.333px;
    background: #F9F9F9;
    width: 60%;
    margin: 0 auto;
    padding: 8px 22.667px;
}

.night-guard .specialist h2 {
    color: #656565;
    text-align: center;
    font-family: "DM Sans";
    font-size: 44px;    
    font-weight: 700;
    line-height: 59.802px;
    letter-spacing: -0.947px;
}
.night-guard .specialist p {
    color: #656565;
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;    
    font-weight: 500;
    line-height: 26px;
}
.night-guard .specialist .btn-upload {
    border-radius: 38px;
    background: #022561;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18.667px;
    font-weight: 500;
    line-height: 26.667px;
    padding: 15px 65px;
    display: table;
    margin: 0 auto;
}

/* Night Guard Specialist End */


/* RX FORM Start */
.rx-form {
    background-image: url(../img/rx-form.png);
    background-position: center;
    background-size: cover;
    text-align: center;
    border-radius: 30px;
    margin: 114px 35px;
    padding: 97px 0;
}
.rx-con{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.rx-form h4 {
    border-radius: 1333.333px;
    background: rgba(237, 242, 251, 0.30);
    color: #FFF;
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.333px;
    text-transform: capitalize;
    padding: 8px 22px;
    display: inline-block;
}
.rx-form h3 {
    color: #FFF;
    text-align: left;
    font-size: 70.655px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: -1.215px;
    width: 100%;
    margin: 30px auto;
}
.rx-form img {
    width: 100%;
    border-radius: 30.941px;
    background: #ffffff4f;
    padding: 40px 45px;
}
.rx-form .btn-download {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18.667px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.667px;
    text-transform: capitalize;
    border-radius: 38px;
    border: 1.333px solid #FFF;
    margin-top: 42px;
    padding: 10px 30px;
}
.rx-form .btn-download:hover {
    border: none;
    background: #022561;
}
.rx-form .btn-upload{
     background: #022561;
     color: #FFF;
    font-family: "DM Sans";
    font-size: 18.667px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.667px;
    text-transform: capitalize;
    border-radius: 38px;
    border:  1.333px solid transparent;
    margin-top: 42px;
    padding: 10px 30px;
}
.rx-form .btn-upload:hover {
    border: 1.333px solid #FFF;
    background: transparent;
}
/* RX FORM End */


.nav-item .col-md-2 {
    width: 19%;
}
.dropdown-item {
    font-size: 15px !important;
    font-weight: 500;
}

.dropdown-menu .col-md-3 h6 {
    font-weight: bold;
    margin-bottom: 10px;
}

.dropdown-menu[data-bs-popper] {
    top: 80px;
    left: -20px; 
}

a.tel-btn {
    color: rgba(0, 0, 0, .55);
    font-size: 20px;
    font-weight: 600;
}
a.tel-btn i {
    margin-right: 5px;
    background: #022561;
    color: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
}
a#search-btn {
    padding: 0px 25px;
}
a#search-btn i {
    font-size: 20px;
    color: #616068;
}

.morphsearch {
	width: 200px;
	min-height: 40px;
	background: #27aae1e0;
	position: absolute;
	z-index: 10000;
	top: 0;
	right: 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transition-property: min-height, width, center, center;
	transition-property: min-height, width, center, center;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	opacity: 0;
	display: flex;
	align-items: center;
}

.morphsearch.open {
	width: 100%;
	min-height: 100%;
	top: 0px;
	right: 0px;
	opacity: .93;
}

.morphsearch-form {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	position: relative;
	-webkit-transition-property: width, height, -webkit-transform;
	transition-property: width, height, transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.morphsearch.open .morphsearch-form {
	width: 80%;
	height: 160px;
	-webkit-transform: translate3d(0,3em,0);
	transform: translate3d(0,3em,0);
}

.morphsearch-input {
	width: 100%;
	height: 100%;
	padding: 0 10% 0 10px;
	font-weight: 700;
	border: none;
	background: transparent;
	font-size: 0.8em;
	color: #FFF;
	-webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
	transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
}

.morphsearch-input::-ms-clear {
    display: none;
}

.morphsearch.hideInput .morphsearch-input {
	color: transparent;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.morphsearch.open .morphsearch-input {
	font-size: 9em;
	border-bottom: 1px solid;
	text-align: center;
}

/* placeholder */
.morphsearch-input::-webkit-input-placeholder {
	color: #FFF;
}

.morphsearch-input:-moz-placeholder {
	color: #FFF;
}

.morphsearch-input::-moz-placeholder {
	color: #FFF;
}

.morphsearch-input:-ms-input-placeholder {
	color: #FFF;
}

.gn-search:focus::-webkit-input-placeholder {
	color: transparent;
}

input[type="search"] {
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;	
}

.morphsearch-input:focus,
.morphsearch-submit:focus {
	outline: none;
}

.morphsearch-submit {
	position: absolute;
	width: 80px;
	height: 80px;
	text-indent: 100px;
	overflow: hidden;
	right: 0;
	top: 50%;
	background: transparent url(../img/magnifier.svg) no-repeat center center;
	background-size: 100%;
	border: none;
	pointer-events: none;
	transform-origin: 50% 50%;
	opacity: 0;
	-webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
	transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
}

.morphsearch.open .morphsearch-submit {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
	transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morphsearch-close {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 12em;
	top: 34em;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
}

.morphsearch.open .morphsearch-close {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morphsearch-close::before,
.morphsearch-close::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	border-radius: 3px;
	/* opacity: 0.5; */
	background: #FFF;
}

.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after {
	opacity: .8;
}

.morphsearch-close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.morphsearch-close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.morphsearch-content {
	color: #FFF;
	margin-top: 4.5em;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 0 10.5%;
	background: #fbfbfb;
	position: absolute;
	pointer-events: none;
	opacity: 0;
}

.morphsearch.open .morphsearch-content {
	opacity: 1;
	height: auto;
	overflow: visible;
	pointer-events: auto;
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.dummy-column {
	width: 30%;
	padding: 0 0 6em;
	float: left;
	opacity: 0;
	-webkit-transform: translate3d(0,100px,0);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.morphsearch.open .dummy-column:first-child {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.morphsearch.open .dummy-column:nth-child(2) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.morphsearch.open .dummy-column:nth-child(3) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morphsearch.open .dummy-column {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.dummy-column:nth-child(2) {
	margin: 0 5%;
}

.dummy-column h2 {
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 800;
	color: #c2c2c2;
	padding: 0.5em 0;
}

.round {
	border-radius: 50%;
}

.dummy-media-object {
	padding: 0.75em;
	display: block;
	margin: 0.3em 0;
	cursor: pointer;
	border-radius: 5px;
	background: rgba(118,117,128,0.05);
}

.dummy-media-object:hover,
.dummy-media-object:focus {
	background: rgba(118,117,128,0.1);
}

.dummy-media-object img {
	display: inline-block;
	width: 50px;	
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.dummy-media-object h3 {
	vertical-align: middle;
	font-size: 0.85em;
	display: inline-block;
	font-weight: 700;
	margin: 0 0 0 0;
	width: calc(100% - 70px);
	color: rgba(145,145,145,0.7);
}

.dummy-media-object:hover h3 {
	color: rgba(236,90,98,1);
}

/* Overlay */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.morphsearch.open ~ .overlay {
	opacity: 0;
}

@media screen and (max-width: 53.125em) {
	.morphsearch-input {
		padding: 0 25% 0 10px;
	}
	.morphsearch.open .morphsearch-input {
		font-size: 2em;
	}
	.dummy-column {
		float: none;
		width: auto;
		padding: 0 0 2em;
	}
	.dummy-column:nth-child(2) {
		margin: 0;
	}
	.morphsearch.open .morphsearch-submit {
		-webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
		transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
	}
}

@media screen and (max-width: 60.625em) {
	.morphsearch {
		width: 80%;
		top: 10%;
		right: 10%;
	}
}


.nav-item .col-md-2 {
    width: 33%;
    margin-bottom: 30px;
    position:relative;
}
.dropdown-item {
    font-size: 13px;
}

.dropdown-menu .col-md-3 h6 {
    font-weight: bold;
    margin-bottom: 10px;
}


.about {
    padding: 40px 0px;
}

.about h3 {
    font-size: 35px;
    font-weight: 500;
}


.about h4 {
    font-size: 20px;
    font-weight: 300;
}
.about h5 {
    font-size: 18px;
    font-weight: 700;
}
.about p {
    font-size: 16px;
    margin-bottom: 20px;
}
.about img {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 30px;
    width: 550px;
    display: block;
    margin: auto;
}

.about .value h3 {
    font-size: 40px;
}

.about .value h4 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}

.about .value p {
    font-size: 20px;
}




/* Footer Start */
.footer{
    position: relative;
}
.footer .footer-content {
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

.footer .footer-content img {
    width: 200px;
}

.footer .footer-content p {
    color: #848484;
    text-align: center;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30.436px;
}
.footer .footer-content ul {
    display: flex;
    justify-content: center;
    margin-top: 37px;
}
.footer .footer-content ul li {
    margin-right: 25px;
}
.footer .footer-content ul li a {
    color: #5E5E5E;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;    
    font-weight: 400;
    line-height: 30.4px;
    text-transform: capitalize;
}
.footer .footer-info {
    display: flex;
    justify-content: space-around;
    margin-top: 47px;
}
.footer .footer-info .phone, .email, .careers {
    display: flex;
    align-items: center;
}
.footer-info .text h4 {
    color: rgba(66, 66, 66, 0.40);
    font-family: "DM Sans";
    font-size: 14.139px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.636px;
    margin: 0;
}
.footer-info .text h3 {
    color: rgba(66, 66, 66, 0.80);
    font-family: "DM Sans";
    font-size: 21.208px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.636px;
}
.footer .footer-info .phone, .email, .careers, .icon {
    margin-right: 27px;
}
.footer .footer-info .phone, .email, .careers, .icon img {
    height: 40px;
}
.compliance {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.compliance img {
    width: 15%;
}

.powered-by {
    border-radius: 1333.333px;
    background: #fbfbfb;
    width: 25%;
    text-align:center;
    margin: 0 auto;
    margin-top: 15px;
    padding: 8px 22px;
    margin-bottom: 25px;
}
.powered-by a {
    color: #656565;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;    
    text-transform: capitalize;
}

.footer::before{
    content: url('../img/teeth-before.png');
    position: absolute;
    top: -50px;
    left: 100px;
}

.footer::after{
    content: url('../img/teeth-after.png');
    position: absolute;
    right: 80px;
    bottom: 16px;
}
/* Footer End */


body .uwy.userway_p1 .userway_buttons_wrapper {
    top: auto !important;
    bottom: 10px !important;
    right: -50px !important;
}


/* Inner pages Style Start */
.dropdown-menu[data-bs-popper]
#single_featured{
    padding: 100px !important;
}
#single_why_chooseus{
    margin-top: 207px !important;
    margin-bottom: 150px !important;
}
#single_testimonals{
    margin-top: -50px;
     margin-bottom: 100px !important;
}
#single_aboutus{
    margin-top: 125px !important;
    margin-bottom: 160px !important;
}

/* Inner pages Style End */

a#megaMenu .col-md-2:first-child {border-right: 1px solid;}
.navbar-nav .dropdown-menu .col-md-2:first-child {
    border-right: 1px solid #27aae1;
    width: 14% !important;
}
.navbar-nav .dropdown-menu .col-md-2:nth-child(2) {
    padding-left: 70px;
    width: 22%;
}
.navbar-nav .dropdown-menu h6.text-uppercase {
    font-weight: 700;
}
.navbar-nav .dropdown-menu a.dropdown-item:hover {
    background-color: #0b9efa70;
}
ul.navbar-nav li.nav-item:nth-child(2) .dropdown-menu {
    left: -500px;
    border-radius: 20px;
}
ul.navbar-nav li.nav-item:nth-child(2) .dropdown-menu .col-md-2 {
    width: 20%;
}
.nav-item .col-md-2:hover:before {
    content: "";
    background: #0a9ffa;
    width: 90%;
    height: 8px;
    display: block;
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu:hover:before {
    content: "";
    background: #0a9ffa;
    width: 90%;
    height: 8px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
}
.services-img {
    background-image: url(../img/service-bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;       /* or contain */
    background-position: center;
    border-radius:30px;
}

.service-row img {
    transition: transform 0.4s ease;
    width:600px;
    height:350px;
    object-fit:contain;
}

.service-row img:hover {
    transform: scale(1.08);
}

/*.services{*/
/*    background:#fbfbfb;*/
/*}*/

.service-row h2 {
    color: #656565;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -1.215px;
}
.service-row p {
    color: #848484;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}
section.inner-review {
    padding: 150px 0 150px;
}
section.faq {
    padding: 150px 150px;
}
section.faq .w-head h2 {
    color: #656565;
    text-align: center;
    font-family: "DM Sans";
    font-size: 70.655px;
    font-style: normal;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: -1.215px;
    width: 100%;
    margin: 0 auto 50px;
}
section.faq button.accordion-button {
    margin: 0;
    color: #3F3F3F;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}
section.faq .accordion-body p {
    color: #848484;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}




.featured .featured-card-1 img {
    width: 95%;
    border-radius: 30.941px;
    background: linear-gradient(0deg, #EDF2FB 0%, #EDF2FB 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    margin: 0 auto;
    display: block;
    height: 268.151px;
}
.featured .featured-card-1{

	height:500px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    background:white;
    border:2px solid #27AAE1;
    border-radius:40px;
	margin-bottom:50px
}
.featured-card-1 h2{
      
    color: #3F3F3F;
    font-family: "DM Sans";
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.832px;
}
.featured .featured-card-1 p {
    width:100%;
    color: #848484;
    text-align: center;
    font-family: Urbanist;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 30.436px;
    margin-top:20px;
    margin-bottom:20px;
	padding:0px;
    
}
.featured .featured-card-1:hover {
    background: linear-gradient(0deg, #27AAE1 0%, #27AAE1 100%), #FFF;
}
.featured .featured-card:hover {
    background: linear-gradient(0deg, #27AAE1 0%, #27AAE1 100%), #FFF;
}

.featured .featured-card-1:hover * {
    color: #fff;
    cursor: pointer;
}
.service-text p{
    color: #848484;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}
.service-text h1{
    color: #656565;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -1.215px;
}
.service-text ul li{
    color: #848484;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
}
.product-ban {
    height: 300px; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;            
    font-weight: 600;
    letter-spacing: 3px;          
    color: #fff;
}

.product-page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 80px 40px;
    max-width: 1400px;
    margin: auto;
}

/* LEFT SIDE */
.main-image img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.thumbnails {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.thumbnails img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #eee;
}

/* RIGHT SIDE */
.right h1 {
    font-size: 32px;
    font-weight: 700;
    color: #3d3d3d;
    margin-bottom: 20px;
     text-transform: uppercase;
}

.price-box {
    margin-bottom: 10px;
}

.old-price {
    text-decoration: line-through;
    color: #999;
    margin-right: 10px;
    font-size: 18px;
}

.new-price {
    font-size: 26px;
    font-weight: 700;
    color: #555;
}

.measure {
    font-size: 16px;
    margin-bottom: 25px;
}

/* Quantity Box */
.qty-box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 140px;
}

.qty-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: white;
    border: 1px solid #ddd;
    font-size: 22px;
    cursor: pointer;
}

.qty-number {
    font-size: 20px;
}

/* Add to Cart */
.cart-btn {
    background: #27AAE1;
    padding: 18px 40px;
    border: none;
    font-size: 18px;
    border-radius: 6px;
    cursor: pointer;
    color: white;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Payment buttons */
.pay-row {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.pay-btn {
    flex: 1;
    padding: 18px;
    border: none;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
}

.pay-btn.black {
    background: #000;
    color: white;
}

.pay-btn.green {
    background: #00d05a;
    color: white;
}

/* Category */
.category {
    font-size: 16px;
}

.category span {
    color: #ffb300;
    font-weight: 600;
}
.products-banner{
    background-image: url('../img/banner-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 65px;
    border-radius: 30px;
}
.products-text{
    display:flex;
    flex-direction:column;
    gap:15px;
    justify-content:center;
    align-items:left;
    padding-left:100px;
    color:white;
}
.products-text h3{
       font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.products-text h1{
     font-size: 40px;
     font-weight: 700;
    letter-spacing: 2px;
}
.products-text p{
 font-size: 18px;
    font-weight: 600;
}
.second-sec{
    margin:100px 0px;
}
.second-sec-content{
    display:flex;
    gap:30px;
}
.product-sticky{
    display:flex;
    flex-direction:column;
    gap:15px;
}
.second-sec h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color:#27AAE1;
}
.product-sticky {
  position: sticky;
  top: 120px; /* adjust based on your header height */
  height: fit-content;
  flex: 1;
}

.products-list {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px; /* space between cards */
}

.product-card {
  width: 420px;
  height: 350px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: sans-serif;
  transition: 0.3s ease;
  cursor:pointer;
}

.product-image {
  background: linear-gradient(135deg, #fbe6d7, #f7e9dc);
  padding: 20px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor:pointer;
}

.product-image img {
  width: 90%;
  transition: transform 0.4s ease;
}

/* Hover Zoom Effect */
.product-card:hover .product-image img {
  transform: scale(1.1);
}

.product-content {
  padding: 20px;
}

.product-content h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: transform 0.3s ease; /* Add smooth animation */
}

/* Move up slightly on hover */
.product-card:hover .product-content h2 {
  transform: translateY(-3px);
  color:#27AAE1;
}
.large-product-card {
  display: flex;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  overflow: hidden;
  padding: 20px;
  position: relative;
  align-items: center;
  gap: 40px;
  margin-bottom:20px;
  border: 2px solid #41a7d9 !important;
}

/* LEFT IMAGE */
.lpc-image {
  flex: 1;
  border-radius: 16px;
  overflow: hidden;
}

.lpc-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* RIGHT CONTENT */
.lpc-content {
  flex: 1.3;
  padding-right: 30px;
}

.lpc-count {
  color: #41a7d9 !important;
  font-size: 14px;
  font-weight: 600;
}

.lpc-content h2 {
  font-size: 32px;
  margin: 20px 0 15px;
  font-weight: 700;
  color: #222;
}

.lpc-content p {
  color: #777;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* VIEW PRODUCTS link */
.lpc-link {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  padding-bottom: 3px;
  display: inline-block;
  transition: transform 0.3s ease, border-color 0.3s ease;
  color: #41a7d9 !important;
  border-bottom: 2px solid #41a7d9 !important;
}

/* Hover effect */
.lpc-link:hover {
  transform: translateY(-3px); 
}


/* TOP-RIGHT BADGE */
.lpc-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 8px 20px;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  background: #009AC6 !important;
}
.product-sec-3{
    padding-bottom:100px;
}
.product-sec-3 h1{
    margin-bottom:30px;
    text-align:center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color:#27AAE1;
}
.product-sec-3 h3{
    margin-top:30px;
font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    color:black;
    cursor:pointer;
}
.product-sec-3 h3:hover{
color:#27AAE1;
    
}
.product-1-banner{
    background-image: url('../img/product-1-banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 65px;
    border-radius: 30px;
}
.products-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 20px; 
  padding: 0px 140px;
  margin-top:-60px;
  margin-bottom:100px;
}
.products-cols .product-box{
    background:#FCF8ED;
    border-radius:20px;
    padding:50px 20px;
    display:flex;
    justify-content:center;
    flex-direction:column;
}
.products-cols .product-box h1{
    font-size:25px;
    color:#5B7083;
}
.product-about{
    color:white;
    display:flex;
    gap:30px;
    margin:150px 0px;
}
.abt-text{
    padding:50px 70px;
    border-radius:20px;
    background:#5B7083;
    width:50%;
    display:flex;
    flex-direction:column;
    gap:30px;
}
.abt-text h1{
    font-size:40px;
    font:bold;
}
.abt-text p{
    font-size:18px;
     font-weight:700;
}
.abt-text button{
    padding: 15px 20px;
    border-radius: 50px;
    background: #D7A254;
    color: white;
    border: 1px solid transparent; /* Important */
    transition: 0.3s ease; /* Smooth hover */
    width:60%;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.abt-text button:hover{
    background: transparent;
    color: #D7A254;
    border: 1px solid #D7A254;
}

.product-abt-bg{background-image: url(../img/product-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 30px;display: flex; flex-direction:column; margin-left: -80px;margin-top: -60px;align-items: center;height: 600px; width:605px;}

.product-abt-bg button{
    background:#5B7083;
    font-size:16px;
    font-weight:700;
    color :white;
    border: none;
    border-radius: 20px;
	padding:20px ;
	margin-left:40px;
	margin-top:10px
}
.product-sec-4{
    background:#FCF8ED;
    padding:100px 0px;
}
.how-to-get{
    
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:10px;
}
.how-to-get h1{
    color:#5b7083;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.how-to-get p{
    font-size:20px;
    text-align:center;
    color:#5b7083;
    font-weight:600;
}
.how-to-get-sec{
    background:#5B7083;
    margin:0px 100px;
    border-radius: 40px 40px 0px 0px;
    display:flex;
    overflow:hidden;
}
.how-to-get-sec img{
    width:560px;
}
.how-to-get-text{
    display: flex;
    flex-direction: column;
   justify-content: space-around;
    padding: 50px;
    width: 100%;
}
.how-to-get-text h2{
    color:#D7A254;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.how-to-get-text .circle{
    background:#d7a254;
    width:30px;
    height:30px;
    border-radius:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
}
.how-to-get-text h3{
    color:white;
    font-size:22px;
}
.how-to-get-text p{
color:white;}
.onboarding{
        margin: 0px 100px;
    background: #D7A254;
    padding: 40px;
    border-radius: 0px 0px 40px 40px;
    display: flex;
    align-items: center;
}
.onboarding h1{
    font-size:40px;
    color:white;
}
.onboarding p{
    font-size:20px;
    color:white;
    width:60%;
}
.onboarding button{
     padding: 15px 20px;
     border-radius: 50px;
     background: white;
     color: #D7A254;
     border: 1px solid transparent; /* Important */
     transition: 0.3s ease; /* Smooth hover */
     width: 200px;
     height: 50px;
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 2px;
}
.onboarding button:hover{
     background: transparent;
    color: white;
    border: 1px solid white;
}
.product-faq{
    background:white;
    padding:100px 0px;
}
.product-faq h1{
    color:#D7A254;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    text-align:center;
    margin-bottom:20px;
}
/* Accordion Container Background Removed */
.product-faq .accordion {
    border: none;
}

/* Accordion Item */
.product-faq .accordion-item {
    border: none;
    background: #ECE7DB;   /* Beige color */
    margin-bottom: 15px;
    border-radius: 12px;
    overflow: hidden;
}

/* Accordion Button (Header) */
.product-faq .accordion-button {
    background: #ECE7DB;
    border-radius: 12px;
    padding: 25px 25px;
    font-size: 20px;
    font-weight: 600;
    color: #4F5A61; /* Gray-blue text like image */
    box-shadow: none !important;
}

/* Remove default blue background when opening */
.product-faq .accordion-button:not(.collapsed) {
    background: #ECE7DB;
    color: #4F5A61;
    box-shadow: none;
}

/* Custom Arrow */
.product-faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234F5A61' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    transform: rotate(0deg);
    transition: 0.3s;
}

/* Rotate Arrow When Open */
.product-faq .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

/* Accordion Body */
.product-faq .accordion-body {
    background: #ECE7DB;
    padding: 0px 25px 25px 25px;
    color: #4F5A61;
    font-size: 16px;
}

 .retainer-slider {
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            border-radius: 10px;
            padding: 50px 0;
        }
        
        .slide-track {
            display: flex;
            width: calc(200%); /* Doubled for seamless looping */
            animation: scroll 20s linear infinite;
        }
        
        .slide-track:hover {
            animation-play-state: paused;
        }
        
        .slide {
            display: inline-block;
            padding: 0 20px;
            flex-shrink: 0;
        }
        
        .slide img {
            height: 150px;
            width: auto;
        }
        
        .slide img:hover {
            transform: scale(1.05);
        }
        
        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
.retainer h3{
            color: #656565;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: -1.215px;
        }
        .retainer p{
            color: #848484;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
        }
        
.retainer-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 16px;
  padding: 20px 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  gap: 30px;
  margin-bottom:20px;
  border: 2px solid #0989bf;

}

.product-left {
  display: flex;
  align-items: center;
  gap: 20px;
  width:75%;
}

.product-img {
  width: 350px;
  height: auto;
  border-radius: 12px;
}

.product-info h2 {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}

.subtitle {
  margin: 4px 0 0;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.product-features p {
  margin: 6px 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-features img {
  width: 16px;
}

.product-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.see-more {
  font-size: 14px;
  letter-spacing: 2px;
  color: #05b5ff;
  text-decoration: none;
  border-bottom: 2px solid #05b5ff;
  padding-bottom: 2px;
  display: inline-block;
}
.see-more:hover {
  border-bottom-color: #89D1F0;
  color: #89D1F0;
}


.order-btn {
  background: #0989bf;
  color: #fff;
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.order-btn:hover{
    color:white;
}
.retainer-cards{
    margin:100px 0px;
}


/* MODAL OVERLAY */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-overlay.active {
  display: flex;
}

/* MODAL BOX */
.modal-box {
  background: #fff;
  width: 90%;
  max-width: 1200px;
  border-radius: 16px;
  padding: 30px;
  position: relative;
}

/* CLOSE BUTTON */
.modal-close {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

/* CONTENT LAYOUT */
.modal-content {
  display: flex;
  flex-direction:row;
  background:transparent;
  border:0px solid transparent;
}

/* IMAGE SECTION */
.modal-image {
  flex: 1;
}

.main-img {
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  margin-bottom: 16px;
}

/* THUMBNAILS */
.thumbnail-row {
  display: flex;
  gap: 12px;
  width: 479px;
    flex-wrap: wrap;
}

.thumb {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.6;
  border: 2px solid transparent;
  transition: 0.3s;
}

.thumb:hover {
  opacity: 1;
}

.thumb.active {
  opacity: 1;
  border-color: #e11d48;
}

/* INFO SECTION */
.modal-info {
  flex: 1;
display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category {
  font-size: 14px;
  color: #777;
}

.modal-info h2 {
  font-size: 32px;
  margin: 10px 0;
}

.modal-info p {
  color: #444;
  line-height: 1.6;
}

.modal-info ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.modal-info li {
  margin-bottom: 10px;
}

/* BUTTON */
.view-btn {
  background: #2087B2;
  color: #fff;
  border: none;
  padding: 14px 26px;
  border-radius: 999px;
  cursor: pointer;
      width: 100%;
    margin-top: 185px;
}
section.contact-bg-row {
    background-image: url(../images/contact-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
    position: relative;
    z-index: 1;
}
section.contact-bg-row:before {
    content: "";
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.contact-bg-sec h2 {
    color: #fff;
    font-size: 85px;
    font-weight: 800;
    line-height: 90px;
    letter-spacing: -1.33px;
    margin-bottom: 15px;
}
.contact-bg-sec p {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    width: 42%;
}
.contact-bg-sec ul {
    margin: 0;
    padding: 0;
}
.contact-bg-sec ul li {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}
.contact-bg-sec ul li a {
    color: #fff;
}
.contact-bg-sec ul li a i {
    margin-right: 10px;
}
.contact-banner {
    background-image: url('../img/contact.png');
    background-size: cover; /* ensures image covers entire banner */
    background-repeat: no-repeat;
    background-position: center; /* centers the image */
    height: 400px; /* fixed banner height */
    margin: 0 65px;
    border-radius: 30px;
}
.contact-box{
    display:flex;
    gap:40px;
    margin:50px 0px;
}
.contact-form{
    display:flex;
    flex-direction:column;
       background: linear-gradient(236deg, #307e9f 0%, #30aadd 100%);
      border-radius:20px;
      padding:40px;
      width:50%;
      gap:15px;
}
.contact-form h3{
    font-size:14px;
    font-weight:600;
    color:white;
}
.contact-form h1{
    font-size:40px;
    font-weight:600;
    color:white;
}
.contact-form p{
    font-size:20px;
    font-weight:500;
    color:white;
}
.input-group {
  display: flex;
  gap: 20px;        
  width: 100%;
}

.input-row {
  display: flex;
  flex-direction: column;
  flex: 1;          
}
.input-row label {
    color:white;
    font-size:18px;
    font-weight:600;
}
    
.input-row input {
  width: 100%;      
  border: none;
  border-bottom: 2px solid #fff;
  padding: 6px 4px;
  outline: none;
  background: transparent;
  border-radius: 0;
}
.input-row input::placeholder{
    color: rgba(255, 255, 255, 0.7);
    font-size:18px;
    font-weight:600;
}
.input-row select {
  width: 100%;
  border: none;
  border-bottom: 2px solid #fff;
  padding: 6px 4px;
  outline: none;
  background: transparent;
  color: #fff;
  appearance: none;
}

.input-row option {
  color: #000;
}
.input-row textarea {
  width: 100%;
  min-height: 100px;
  border: none;
  border-bottom: 2px solid #fff;
  padding: 6px 4px;
  outline: none;
  background: transparent;
  color: #fff;
  resize: vertical;
}

.input-row textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.consent-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
}

.consent-row input[type="checkbox"] {
  margin-top: 4px;
  accent-color: #27AAE1; /* matches your gradient */
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.contact-form button{
    padding: 8px 50px;
        border-radius: 38px;
        width: 40%;
        background: #fff;
        color: #27AAE1;
        font-family: "DM Sans";
        font-size: 18px;
        font-weight: 500;
        border: 1px solid white;
}
.contact-desc{
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 50%;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08),
    0 2px 6px rgba(0, 0, 0, 0.05);
}

.contact-desc h1{
    font-size:40px;
    font-weight:600;
    color:#36353B;
}
.contact-desc p{
    font-size:18px;
    font-weight:500;
    color:#36353B;
}
.contact-desc .h2-box{
  border-bottom: 1px dotted #000;
  padding-bottom: 10px;
  display:flex;
  justify-content:space-between;
}

.contact-desc h2{
    font-size:16px;
    font-weight:500;
    color:#36353B;
}
.contact-desc button{
    padding: 8px 50px;
        border-radius: 38px;
        width: 100%;
        background: #27AAE1;
        color: #fff;
        font-family: "DM Sans";
        font-size: 18px;
        font-weight: 500;
        border: 1px solid white;
}
.dropdown-bg-banner{
    background-image: url('../img/dropdown-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 65px;
    border-radius: 30px;
}
.drop-con{
    display:flex;
    gap:50px;
    margin:100px 0px;
    justify-content: space-between;
}
.drop-text{
    display:flex;
    flex-direction:column;
    gap:20px;
    width:50%;
}
.drop-text h1{
    font-size:36px;
    color:#36353B;
}
.drop-text h2{
    font-size:25px;
    color:#27AAE1;
    font-weight:600;
}
.drop-text p{
    font-size:20px;
    color:#36353B;
    font-weight:600;
}
.drop-text button {
    padding: 16px ;
    border-radius: 38px;
    width: 40%;
    background: #27AAE1;
    color: #fff;
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 500;
    border: 1px solid white;
    text-transform: uppercase;
    transition: all 0.3s ease; 
}

.drop-text button:hover {
    background: #fff;      
    color: #27AAE1;         
    border: 1px solid #27AAE1; 
}
.drop-icon-box{
    display:flex;
    flex-direction:column;
    gap:20px;
    width:40%;
}
.drop-icon{
    display:flex;
    gap:15px;
    background:#cfecf7;
    padding:20px 30px;
    border-radius:15px;
    align-items: flex-start;
}
.drop-icon svg{
    width:50px;
}
.drop-icon h1{
    font-size:24px;
    color:#27AAE1;
    font-weight:600;
    margin-bottom: 0px;
}
.drop-icon p{
    font-size:18px;
    color:#616068;
    margin-bottom:0px;
}
.drop-icon:hover{
    border:2px solid #27AAE1;
    cursor:pointer;
}
.benefit{
    margin-top: -100px;
    display:flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.benefit h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color: #27AAE1;
}
.benefit h1{
    font-size:36px;
    color:#36353B;
}
.benefits-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 100px 50px;
    justify-content: center;
}

.benefit-box{
    padding: 25px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px; 
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
}
.benefit-box:nth-last-child(1),
.benefit-box:nth-last-child(2){
    flex: 0 0 calc(33.333% - 20px);
}
.benefit-box:hover{
    border:2px solid #27AAE1;
    cursor:pointer;
}
.benefit-box svg{
    width:50px;
}
.benefit-box h1{
    font-size:24px;
    color:#27AAE1;
    font-weight:600;
    margin-bottom: 0px;
}
.benefit-box p{
    font-size:18px;
    color:#616068;
    margin-bottom:0px;
}
.prove-box{
	display:flex;
	gap:50px;
padding-top: 150px;
    padding-bottom: 300px;
	align-items:center;
}
.prove{
	display:flex;
	gap:20px;
width:50%;
flex-direction:column;
}
.prove h3{
	font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color: #27AAE1;
}
.prove h1{
	 font-size:40px;
    color:#36353B;
	font-weight:600;
}
.prove button{
	padding: 16px ;
    border-radius: 38px;
    width: 40%;
    background: transparent;
    color: #27AAE1;
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #27AAE1;
    text-transform: uppercase; 
 transition: all 0.3s ease; 
}

.prove button:hover {
    background: #27AAE1;      
    color: white;         
    border: 1px solid #27AAE1; 
}

.steps-card{
  background: #27AAE1;
  border-radius: 16px;
  padding: 30px;
  border: 2px solid rgba(255,255,255,0.8);
  color: #fff;
  width: 50%;
}

.prove-icon{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.step-number{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  flex-shrink: 0;
}

.step-content h3{
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.step-content p{
  margin: 6px 0 0;
  font-size: 15px;
  opacity: 0.9;
}

.divider{
  height: 1px;
  background: rgba(255,255,255,0.4);
  margin: 22px 0;
}
.testi{
  position: relative;
  max-width: 900px;
  margin: auto;
  margin-bottom: 100px;
}

.quote-icon{
  position: absolute;
  left: -50px;
  top: 0;
  font-size: 80px;
  color: #27AAE1;
  font-weight: 700;
  line-height: 1;
}

.testi-cloud{
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
  margin: 0 0 40px;
}

.testi-author{
  display: flex;
  align-items: center;
  gap: 15px;
}

.testi-author img{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}

.testi-author h4{
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.testi-author span{
  display: block;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #27AAE1;
  margin-top: 4px;
}
.overview-bar{
        display: flex;
    justify-content: flex-end;
    align-items: center;
}
.overview-bar ul{
    display:flex;
    gap: 30px;
    margin-bottom: 0px;
     list-style: none;
}

.overview-bar ul li a{
    font-size: 18px;
    text-decoration: none;
    color:#2EADE2;
  font-weight: 600;
}
.overview-bar ul li a:hover{
    color: #3b3636;
}
.overview-bar button{
  background: #022561;
    color: white;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-left:30px;
}


.info-bar {
  display: flex;
  background: #b4e6ff80;
    border-radius: 70px 0px 70px 0px;
  overflow: hidden;
  margin:100px 0px;
}

.info-item {
  flex: 1;
  text-align: center;
  padding: 50px 20px;
  position: relative;
}

.info-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  height: 70%;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}

.info-item h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
}

.info-item .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.info-item a {
  font-size: 16px;
  color: #008c8c;
  text-decoration: none;
}

.info-item a:hover {
  text-decoration: underline;
}
.spec-title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
}

.blue-bar {
  width: 6px;
  height: 40px;
  background: #2EADE2;
}

.spec-title h1 {
  font-size: 32px;
  font-weight: 500;
}

.spec-row {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 40px;
  padding: 30px 0;
  border-bottom: 2px solid #fff;
}

.spec-label {
  font-weight: 600;
  color: #333;
  font-size: 20px;
}

.spec-content {
  color: #444;
  line-height: 1.6;
  font-size: 18px;
  font-weight: 500;
}

.spec-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.spec-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
}

.spec-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #2EADE2;
  position: absolute;
  left: 0;
  top: 7px;
}

/* ===== Slider Wrapper ===== */
.testi-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* ===== Track ===== */
.testi-track {
  display: flex;
  transition: transform 0.6s ease-in-out;
  will-change: transform;
}

/* ===== Testimonial Card (YOUR DESIGN) ===== */
.testi{
  position: relative;
  max-width: 900px;
  min-width: 100%;
  margin: auto;
  margin-bottom: 100px;
  padding: 20px 20px;
  box-sizing: border-box;
}

/* Quote */
.quote-icon{
  position: absolute;
  left: 0px;
  top: 0;
  font-size: 80px;
  color: #27AAE1;
  font-weight: 700;
  line-height: 1;
}

/* Text */
.testi-cloud{
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
  margin: 0 50px 40px;
}

/* Author */
.testi-author{
  display: flex;
  align-items: center;
  gap: 15px;
}

.testi-author img{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}

.testi-author h4{
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.testi-author span{
  display: block;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #27AAE1;
  margin-top: 4px;
}

/* ===== Dots ===== */
.testi-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: -60px;
}

.testi-dots span {
  width: 10px;
  height: 10px;
  background: #cfd8dc;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
}

.testi-dots span.active {
  background: #27AAE1;
}

.featured-card-2 {
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #fff; /* optional, helps shadow stand out */
   border-radius: 25px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s, box-shadow 0.3s;
    border: 2px solid #27AAE1;
    margin:20px 0px;
    height:550px;
}

/* Optional hover effect for interactivity */
.featured-card-2:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25);
    cursor:pointer;
}
.featured-card-2 img{
    width: 100%;
    height: 252px;
    object-fit: cover;
    border-radius: 25px;
    object-position: top;
}

.featured-card-2 h2{
    font-size:25px;
    font-weight:600;
    color:black;
    margin-bottom:0px; 
    text-align:center;
}
.featured-card-2 h3 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
}
.featured-card-2 p{
    font-size:18px;
    font-weight:600;
    text-align:center;
    width:100%;
    padding:0px;
    line-height:22px;
}

.cat-sec{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:50px 0px;
}
.cat-item{
	font-size:18px;
	padding:10px 20px;
	background:#fff;
	color:#27AAE1;
	border:1px solid #27AAE1;
	
	border-radius:20px;
	text-align:center;
	cursor:pointer;
	border:1px solid #27AAE1;
}
.cat-item:hover{
	background:#27AAE1;
	color:white;
	border:1px solid #27AAE1;
}
.cat-item:hover a {
    color: #fff;
}
img.section_logo {
    height: auto;
    margin-bottom: 35px;
    margin-top: 36px;
}
.ortho-banner{
    background-image: url(../img/ortho-bg.png
);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 65px;
    border-radius: 30px;
    padding: 100px;
}
.ortho-banner .banner-text{
      padding: 105px 0 0 134px;
}
.ortho-banner .subtitle {
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 77.333px;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -1.33px;
}

.ortho-banner .subtitle-index {
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.33px;
}
.ortho-banner .text {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 30.436px;
}
.image-slider {
  position: relative;
  width: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-img {
  width: 350px;
  border-radius: 12px;
  transition: opacity 0.4s ease;
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
}

.arrow.prev { left: -15px; }
.arrow.next { right: -15px; }

.arrow:hover {
  background: #0989bf;
}
.ban-about{
    padding-top:100px;
    text-align:center;
}
.ban-about h2{
        color: #27AAE1;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.ban-about p{
        font-size: 22px;
    font-weight: 500;
    color:#333333;
}
.ban-about .btn{
    font-size: 15px;
    font-weight: 700;
    color:#333;
    display:inline-block;
    cursor:pointer;
    position:relative;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ban-about .btn::after{
    content:"";
    position:absolute;
    left: 11px;
    bottom: 1px;
    width: 87%;
    height: 2px;
    background: #cdccd3;
    transition:0.3s;
}


.ban-about .btn:hover::after{
    background:#27AAE1;
}
.acrylic{
    padding:100px 0px;
}
.acrylic h1{
    color: #656565;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: -1.215px;
    text-align:center;
}
.acrylic h2{
    font-size: 25px;
    font-weight: 600;
    text-align:center;
    color:#022561;
}
.dayguard{
    display:flex;
    align-items:center;
}
.dayguard-head img{
    width: 350px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    margin-bottom: 20px;
}
.dayguard-head h3{
    color: #656565;
    text-align: left;
    font-size: 45px;
    font-weight:800;
    font-style: normal;
    font-weight: 700;
    /*line-height: 77px;*/
    letter-spacing: -1.215px;
    padding-top: 29px;
}
.dayguard-head p{
    font-size:18px;
}
.day-card{
    border-radius:25px;
}
.day-card:hover{
        transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.care-kit {
    padding: 100px 20px;
    background: #f8fbff;
    font-family: "Poppins", sans-serif;
}



.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.subtitle {
    display: inline-block;
    color: #0ea5e9;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.section-header h2 {
    font-size: 42px;
    color: #0f172a;
    margin-bottom: 15px;
}

.section-header p {
    max-width: 700px;
    margin: auto;
    color: #64748b;
    line-height: 1.7;
}







/* Reminders */
.reminders {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.reminders-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.reminder {
    padding: 35px;
    border-radius: 20px;
}
.info {
    background: #eff6ff;
    border-left: 6px solid #03A9F4;
}
.warning {
    background: #eff6ff;
    border-left: 6px solid #0ea5e9;
}
.care-1{
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin: 50px 0px;
}
.banner-contact img.oneimg {
    width: 50%;
    margin-right: 70px !important;
    margin-top: -80px;
}
.banner-contact img.twoimg {
    width: 30%;
    display: block;
    margin: 0 auto;
    margin-right: 140px;
    margin-top: -60px;
}

.reminder h4 {
    margin-bottom: 12px;
    color: #0f172a;
}

.reminder p {
    color: #475569;
    line-height: 1.7;
}
.featured-card-2 .lpcc-image img {
    width: 100%;
    object-fit: cover;
    height: 100px;
    border-radius: 0 !important;
}
.retainer h1.head1 {
    color: #0989bf;
    text-align: center;
    font-family: "DM Sans";
    font-size: 70.655px;
    font-style: normal;
    font-weight: 700;
    line-height: 76.745px;
    margin: 0 0 100px;
}
.retainer a.btn.btn-read {
    padding: 20px 50px;
    border-radius: 38px;
    background: #27AAE1;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 500;
}
.about .our-wo {
    width: 60%;
}
/*===============================================================*/
#expansion-development {
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 0 70px;
}
.expansion-main-heading {
    font-family: 'ProximaNovaBold', sans-serif;
    font-size: 50px;
    color: #45a9dd;
    margin-bottom: 50px;
    text-align: center;
}
.expansion-row {
    margin-bottom: 75px;
}
.expansion-image-card {
    border: 2px solid #45a9dd;
    border-radius: 18px;
    padding: 24px;
    background: #ffffff;
    width: 95%;
}
.expansion-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 7px;
    transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.expansion-img:hover {
    transform: scale(1.015);
}
.expansion-content {
    /* padding-left: 60px; */
    /* padding-right: 20px; */
}
.expansion-content h3 {
    color: #5e5e60;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 20px;
}
.expansion-content p {line-height: 1.5;padding-bottom: 10px;}
.expansion-content p strong {
    font-family: 'ProximaNovaBold', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.expansion-order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2998cf;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    min-width: 92px;
    height: 30px;
    padding: 21px 25px;
    border-radius: 30px;
    margin-top: 5px;
    transition: all 0.3s ease;
}
.expansion-order-btn:hover {
    background: #167caf;
    color: #ffffff;
    text-decoration: none;
}
.expansion-button-right {
    padding-right: 60px;
}
/*=============================================================*/
section.about-section img {
    /* width: 90% !important; */
    margin: 0 auto !important;
    display: table !important;
}
section.about-section p {
    color: #656565;
    font-family: 'Urbanist';
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    /* width: 83%; */
}
section.about-section p.mb-0.text-muted {
    width: 100%;
}
section.py-5.bg-white.about-section .container {
    max-width: 1200px;
}
section.py-5.bg-white.about-section {
    padding-top: 20px !important;
}
/* =========================================================================== */
.testimonial-reference {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 75px 0 90px;
}
.testimonial-reference .review-heading {
    text-align: center;
    margin-bottom: 55px;
}
.testimonial-reference .review-heading h4 {
    margin: 0 0 22px;
    font-family: 'ProximaNovaBold', Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 4px;
    color: #27aae1;
    text-transform: uppercase;
}
.testimonial-reference .review-heading h3 {
    margin: 0;
    font-family: 'DM Sans';
    color: #656565;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 76.745px;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
}
.testimonial-reference .testimonials-slider {
    width: calc(100% - 120px);
    max-width: 1500px;
    margin: 0 auto;
    overflow: visible;
}
.testimonial-reference .slick-list {
    overflow: visible !important;
}
.testimonial-reference .slick-track {
    display: flex !important;
    align-items: stretch;
}
.testimonial-reference .slick-slide {
    height: auto !important;
    padding: 0 24px;
    box-sizing: border-box;
    opacity: 0.28;
    transition:opacity 0.6s ease,transform 0.6s ease;
}
.testimonial-reference .slick-slide.slick-current {
    opacity: 1;
}
.testimonial-reference .testimonials-sec {
        width: 100%;
        height: 100%;
        min-height: 450px;
        padding: 105px 65px;
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid #eeeeee;
        display: flex;
        flex-direction: column;
        box-shadow:
        0 3px 12px rgba(0, 0, 0, 0.015);
        transition:
        border-color 0.4s ease,
        box-shadow 0.4s ease;
        }

.testimonial-reference .slick-current .testimonials-sec {
    border-color: #ececec;
    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.025);
}
.testimonial-reference .quote-icon {
    height: 65px;
    margin-bottom: 30px;
    font-family: Georgia, serif;
    font-size: 95px;
    line-height: 0.9;
    font-weight: 700;
    color: #df1853;
}
.testimonial-reference .slick-slide:not(.slick-current) .quote-icon {
    color: #ee89a6;
}
.testimonial-reference .testimonials-sec > p {
    max-width: 100%;
    margin: 0 0 45px;
    font-family: 'ProximaNovaRegular', Arial, sans-serif;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 500;
    color: #363636;
}
.testimonial-reference .testimonial-name {
    margin-top: auto;
    font-family: 'ProximaNovaRegular';
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #303030;
}
.testimonial-reference
.slick-slide:not(.slick-current)
.testimonials-sec > p {

    color: #888888;
}
.testimonial-reference
.slick-slide:not(.slick-current)
.testimonial-name {

    color: #888888;
}
.testimonial-reference .author-box,
.testimonial-reference .box-lft {

    display: none !important;
}
.testimonial-reference .slick-arrow,
.testimonial-reference .slick-dots {

    display: none !important;
}
section.hom-feat {
    padding-top: 130px;
    padding-bottom: 130px;
}
section.hom-feat img {object-fit: unset;}
div#dayguard .top-he h3 {
    padding: 0;
}