* {
font-family: "Inter", sans-serif;
}
body {
padding: 0;
margin: 0;
overflow-x: hidden;
}
.navbar-main {
background-color: #176C64;
background-image: url('../img/header_bg.png');
width: 100%;
box-sizing: border-box;
}
.navbar {
padding: 13px 0;
display: flex;
align-items: center;
}
.page-width {
max-width: 1360px;
width: 100%;
padding: 0 40px;
margin: 0 auto;
box-sizing: border-box;
}
.main-nav {
display: flex;
width: 100%;
align-items: center;
}
.nav-links ul {
display: flex;
}
.nav-links ul li {
list-style: none;
padding: 4.365px 23.477px 5.24px 23.477px;
display: flex;
}
.nav-links ul li a {
color: #FFF;
font-size: 17.074px;
font-style: normal;
line-height: 22.197px;
text-decoration: none;
font-family: "Inter", sans-serif;
font-weight: 700;
}
.nav-links ul li span {
margin-left: 6px;
display: flex;
align-items: center;
}
.navbar-nav li.menu-item-has-children {
position: relative;
}
.navbar-nav li.menu-item-has-children:after {
content: '';
position: absolute;
right: -2px;
top: 0;
bottom: 0;
margin: auto 0px;
background-image: url('../img/nav-arrow.svg');
width: 24px;
height: 12px;
}
.navbar-nav li.menu-item-has-children > span {
position: absolute;
top: 0;
right: 0;
}
.navbar-nav li.menu-item-has-children > span:after {
content: "\276E";
transform: rotate(-90deg);
position: absolute;
right: -17px;
color: var(--bgwhclr);
transition: all 0.3s ease-in-out;
}
.navbar-nav li.menu-item-has-children > span.active:after {
transform: rotate(90deg);
}
.navbar-nav ul.sub-menu {
position: absolute;
left: 0;
padding: 34px 0 10px;
width: 280px;
list-style: none;
background-color: #176C64;
opacity: 0;
visibility: hidden;
transform: translate(0%, 50%);
transition: all 0.3s ease-in-out;
flex-wrap: wrap;
gap: 0;
top: -4px;
}
.navbar-nav li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translate(0%, 0%);
display: block;
z-index: 9;
top: 36px;
}
.navbar-nav li ul.sub-menu a {
color: #fff;
}
.navbar-nav ul.sub-menu > li {
padding: 10px 15px;
font-size: 14px;
width: 100%;
background: var(--primary-color);
}
.right-menu {
display: flex;
width: 40%;
justify-content: end;
}
.right-menu .right-one {
display: flex;
align-items: center;
display: flex;
padding: 0 12px;
gap: 12px;
}
.right-menu .right-one div:nth-child(2) {
display: flex;
flex-direction: column;
gap: 2.4px;
}
.left-menu-container {
display: flex;
align-items: center;
width: 60%;
gap: 20px;
}
.right-one div:nth-child(2) span:nth-child(1), .right-one div:nth-child(2) span a {
color: #FFF;
font-family: "Inter", sans-serif;
font-size: 18.812px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration: none;
}
.right-one div span:nth-child(2) {
color: #FFF;
font-family: "Inter", sans-serif;
font-size: 13.169px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.banner-section {
background: radial-gradient(129.99% 129.99% at 50% 50%, #2DA093 0%, #015350 100%);
overflow: hidden;
}
.banner-section .main-banner {
display: flex;
align-items: center;
position: relative;
justify-content: end;
}
.right-banner img {
width: 100%;
}
.main-banner .right-banner {
display: flex;
position: relative;
left: 245px;
}
.left-banner h1 {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-size: var(--font-size-74, 74px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-88_8, 88.8px);
margin: 0;
font-family: "Manrope", sans-serif;
padding-bottom: 35px;
}
.left-banner h1 span{
display: block;
font-family: "Manrope", sans-serif;
}
.left-banner p {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32.4px;
margin: 0;
padding-bottom: 34px;
max-width: 522px;
}
.Banner-btn a {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
text-decoration: none;
padding: 13px 30px;
border-radius: 100px;
display: inline-block;
border: 1px solid #2D9F92;
}
.Banner-btn .left-btn {
background: #1E6760;
}
.Banner-btn .left-btn:nth-child(2),.Banner-btn .left-btn:nth-child(3) {
background: #fff;
color: #1E6760;
margin-left: 20px;
}
.Banner-btn .left-btn:last-child:hover,.Banner-btn .left-btn:nth-child(2):hover{
color: #fff;
}
.main-banner .left-banner {
position: absolute;
left: 0;
z-index: 2;
}
.story .inner-story {
display: flex;
gap: 10px;
padding: 120px 0;
}
.inner-story .right-story span {
color: #2D9F92;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-21, 21px);
letter-spacing: var(--letter-spacing-2, 2px);
text-transform: uppercase;
}
.inner-story .left-story, .inner-story .right-story {
width: 50%;
}
.inner-right h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
/* 110% */
letter-spacing: var(--letter-spacing--2, -2px);
margin: 18px 0;
}
.right-story .inner-right {
max-width: 540px;
margin-top: 46px;
padding-left: 24px;
}
.right-story .inner-right p {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin-bottom: 21px;
}
.right-story .inner-right a {
padding: 15px 31px;
display: inline-block;
border-radius: 1000px;
background: #2D9F92;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: var(--font-size-16, 16px);
text-decoration: none;
}
.Dental-service {
background: #F1F5F5;
padding: 100px 0;
}
.Dental-service .dental-header {
display: flex;
gap: 20px;
}
.Dental-service .dental-header h2, .Dental-service .dental-header p {
width: 50%;
}
.Dental-service .dental-header h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
}
.Dental-service .dental-header p {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin: 0;
}
.three-boxes {
margin-top: 52px;
display: flex;
gap: 24px;
}
.three-boxes .dental-thumb {
border-radius: 18.661px;
background: var(--color-cyan-89, #D3F4ED);
padding: 128px 31px 60px;
position: relative;
width: 32%;
}
.digit-percent {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
font-size: 96px;
font-style: normal;
font-weight: var(--font-weight-400, 400);
}
.thumb-scale {
position: absolute;
top: 0;
left: 0;
}
.clt-satis {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-size: 24.881px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
padding-top: 16px;
}
.thumb-scale svg {
border-radius: 18.661px 0 18.661px 0;
background: var(--color-cyan-40, #2D9F92);
padding: 20px;
width: 76.73px;
height: 60px;
}
.inner-dental-cure {
padding: 73px 0 110px;
}
.inner-dental-cure {
padding: 73px 0 110px;
display: flex;
gap: 72px;
align-items: center;
}
.inner-dental-cure .inner-cure, .inner-dental-cure .cure-image {
width: 50%;
}
.inner-dental-cure .inner-cure h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-family: "Inter", sans-serif;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
letter-spacing: var(--letter-spacing--2, -2px);
line-height: normal;
margin: 0;
margin-bottom: 20px;
}
.inner-dental-cure .inner-cure p {
color: #50575E;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
}
.cure-image img {
width: 100%;
}
.Dental-service.drak-green {
background: #1B8077;
}
.dark-green h2 {
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin-top: 0;
margin-bottom: 20px;
}
.dark-green p {
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin-bottom: 0;
}
.three-boxes .digit-percents {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: 24.881px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: 32.346px;
margin-bottom: 16px;
}
.three-boxes .clt-satisd {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin-bottom: 20px;
}
.think-nw {
padding: 85px 0;
}
.inner-think-w {
display: flex;
gap: 60px;
}
.caring-nature h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-family: "Inter", sans-serif;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 43px;
}
.caring-nature .left-cont-bx {
display: flex;
gap: 15px;
margin-bottom: 33px;
}
.caring-nature .left-cont-bx .image-bx svg {
width: 39px;
height: 39px;
}
.left-cont-bx .content-ltw h3 {
color: #2D9F92;
font-family: "Inter", sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 35px;
margin: 0;
padding-bottom: 5px;
}
.left-cont-bx .content-ltw p {
color: #50575E;
font-family: "Inter", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.left-cont-bx .image-bx {
display: flex;
max-width: 93px;
max-height: 93px;
border-radius: 16px;
background: var(--color-cyan-40, #2D9F92);
padding: 26px;
}
.staff-ex .light-bg {
border-radius: 20px;
background: #F6FFFD;
padding: 42px;
}
.light-bg span {
color: #1CA782;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: block;
}
.light-bg h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin-top: 22px;
margin-bottom: 42px;
}
.image-staff img {
border-radius: 18.988px;
background: linear-gradient(212deg, #8BD8D1 3.31%, #F6FFFD 82.7%);
width: 100%;
height: 100%;
}
.image-staff {
position: relative;
width: 23%;
}
.image-staff p {
position: absolute;
bottom: 0;
background: linear-gradient(180deg, rgba(51, 163, 153, 0.00) 0%, #33A399 100%);
width: 100%;
border-radius: 0 0 15px 15px;
margin: 0;
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 23.735px;
font-style: normal;
font-weight: 700;
line-height: 23.735px;
/* 100% */
letter-spacing: -0.712px;
padding-bottom: 15px;
}
.image-staff p span {
color: #FFF;
font-family: "Inter", sans-serif;
font-size: 17.089px;
font-style: normal;
font-weight: 400;
line-height: 23.735px;
letter-spacing: -0.513px;
margin-top: 2px;
}
.inner-meet-up {
display: flex;
gap: 26px;
flex-wrap: wrap;
}
.inner-location .map-box {
border-radius: 24px;
background: #F6FFFD;
padding: 76px 48px 28px;
position: relative;
width: 24.5%;
}
.inner-pace p, .inner-pace p a {
margin: 0;
display: flex;
gap: 18px;
color: #636363;
font-family: "Inter", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
.inner-pace p {
padding-bottom: 18px;
}
.location {
padding: 58px 0;
}
.location h2 {
color: #2D9F92;
font-family: "Inter", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 47px;
letter-spacing: -1.2px;
text-align: center;
margin-bottom: 100px;
margin-top: 0;
}
.inner-location .map-box {
border-radius: 24px;
background: #F6FFFD;
padding: 76px 48px 28px;
position: relative;
}
.inner-location .map-box img {
position: absolute;
top: -33px;
left: 43%;
}
.location .inner-location {
display: flex;
flex-wrap: wrap;
gap: 60px 25px;
justify-content: space-between;
}
.staff-ex {
margin-bottom: 81px;
}
.hassle-appointment {
background: radial-gradient(129.99% 129.99% at 50% 50%, #2DA093 0%, #015350 100%);
}
.inner-appointment {
position: relative;
}
.hassle-appointment .hot-small {
position: absolute;
z-index: 0;
height: 100%;
left: 40px;
}
.hassle-appointment .inner-hassle {
padding: 100px 0;
position: relative;
display: flex;
gap: 80px;
}
.hassle-appointment .inner-hassle {
padding: 100px 0;
position: relative;
display: flex;
gap: 80px;
}
.hassle-appointment .inner-hassle .left-hassle {
width: 50%;
position: relative;
}
.hassle-appointment .inner-hassle .left-hassle img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
.hassle-appointment .inner-hassle .right-hassle {
width: 50%;
}
.inner-hassle .right-hassle span {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--font-size-15, 15px);
font-style: normal;
font-weight: var(--font-weight-600, 600);
line-height: var(--font-size-15, 15px);
letter-spacing: var(--stroke-weight-4, 4px);
text-transform: uppercase;
margin-bottom: 20px;
}
.inner-hassle .right-hassle h2 {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
padding: 20px 0px 30px;
margin: 0;
}
.inner-hassle .left-hassle .weekdays {
border-radius: 15px;
background: var(--color-cyan-89, #D3F4ED);
padding: 30px;
position: absolute;
bottom: 30px;
left: 20px;
width: 100%;
max-width: 360px;
}
.inner-hassle .left-hassle .weekdays p {
display: flex;
justify-content: space-between;
margin: 0;
margin-bottom: 15px;
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: var(--font-size-18, 18px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-32_4, 32.4px);
/* 180% */
}
.inner-hassle .left-hassle .weekdays a {
border-radius: 100px;
border: var(--stroke-weight-1, 1px) solid var(--color-cyan-26, #1E6760);
padding: 14px 31px;
display: block;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--ronie-foxcreation-net-green-pea, var(--color-cyan-26, #1E6760));
text-align: center;
/* ronie.foxcreation.net/Semantic/Link */
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
/* 130% */
text-decoration: none;
margin-top: 40px;
}
.inner-hassle .left-hassle .weekdays a span {
display: flex;
}
.hassle-farm .input-block {
display: flex;
gap: 30px;
margin-bottom: 20px;
}
.hassle-farm .input-block input {
border-radius: 10px;
background: var(--color-white-solid, #FFF);
border: none;
padding: 15px 30px;
gap: 30px;
width: 50%;
font-size: 16px;
}
.hassle-farm #Select_Services {
display: flex;
width: 100%;
border: none;
border-radius: 10px;
padding: 15px 30px;
margin-bottom: 20px;
background-color: #fff;
}
.hassle-farm form {
padding: 50px 40px;
border-radius: 15px;
background: var(--color-grey-95, #F1F5F5);
}
.hassle-farm textarea {
padding: 15px 30px;
display: flex;
border-radius: 10px;
background: var(--color-white-solid, #FFF);
border: none;
height: 150px;
margin-bottom: 20px;
width: -webkit-fill-available;
font-size: 16px;
resize: none;
}
.inner-hassle .right-hassle p span {
color: #636363;
font-family: "Inter", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 25px;
letter-spacing: -0.36px;
text-transform: none;
margin-bottom: 0;
margin-left: 8px;
}
.butn-popular {
border-radius: 100px;
background: var(--color-cyan-26, #1E6760);
border: none;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
padding: 14px;
width: 100%;
}
.social-media {
background: #F6FFFD;
padding: 58px 0;
}
.header-social {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 36px;
}
.header-social h2 {
color: #33A399;
text-align: center;
-webkit-text-stroke-width: .4px;
-webkit-text-stroke-color: #FFF;
font-family: "Inter", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 64px;
margin: 0;
}
.header-social a {
padding: 9px 33px;
border-radius: 75.203px;
border: 1px solid #33A399;
background: #33A399;
text-decoration: none;
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
display: inline-block;
}
.social-media .social-bot-img {
width: 100%;
}
.footer {
background: #2D9F92;
padding-top: 74px;
padding-bottom: 20px;
}
.footer ul li {
list-style: none;
}
.footer .inner-footer {
display: flex;
gap: 28px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(211, 244, 237, 0.35);
}
.inner-footer .left-first {
width: 44%;
padding-right: 4%;
}
.inner-footer ul {
width: 15%;
padding-left: 0;
}
.inner-footer ul ul{
width:100%;
}
.inner-footer ul:nth-child(2){
width: 20%;
}
.left-first p {
color: var(--ronie-foxcreation-net-porcelain, var(--color-grey-95, #F1F5F5));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
padding-top: 35px;
padding-bottom: 23px;
padding-right: 40px;
margin: 0;
}
.left-first .nav-below {
display: flex;
justify-content: space-between;
padding-top: 40px;
}
.foot-lft {
display: flex;
flex-direction: column;
}
.foot-lft span {
color: var(--ronie-foxcreation-net-iceberg, var(--color-cyan-89, #D3F4ED));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
}
.foot-lft a {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--item-spacing-25, 25px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-32_5, 32.5px);
text-decoration: none;
}
.inner-footer ul {
margin: 0;
}
.inner-footer ul h3 {
margin-top: 0;
color: #51D2C5;
font-family: "Inter", sans-serif;
font-size: var(--font-size-23, 23px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-29_9, 29.9px);
margin-bottom: 19px;
}
.inner-footer ul li {
color: var(--ronie-foxcreation-net-porcelain, var(--color-grey-95, #F1F5F5));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin-bottom: 4px;
}
.inner-footer ul li a{
color: var(--ronie-foxcreation-net-porcelain, var(--color-grey-95, #F1F5F5));
text-decoration: none;
}
.left-story img {
width: 100%;
}
::placeholder, select {
color: #A6A6A6;
font-family: "Inter", sans-serif;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: normal;
}
.inner-think-w .caring-nature, .inner-think-w .right-cont-wx {
width: 50%;
}
.inner-think-w .right-cont-wx img {
width: 100%;
}
.right-menu.mobile-open {
display: none;
}
.btm-consis {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
margin-top: 21px;
text-align: center;
}
.background-clr-banner {
background: radial-gradient(129.99% 129.99% at 50% 50%, #2DA093 0%, #015350 100%);
overflow: hidden;
}
.banner-in {
position: relative;
}
.banner-in .content-box p{
width: 75%;
}
.banner-in>img {
position: absolute;
right: -130px;
height: 100%;
object-fit: cover;
max-width: 100%;
}
.content-box {
padding: 141px 0;
max-width: 650px;
position: relative;
}
.content-box h1 {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--font-size-74, 74px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-88_8, 88.8px);
margin: 0;
padding-bottom: 20px;
}
.content-box p {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32.4px;
margin: 0;
}
.pink-wili span a {
display: inline-block;
text-decoration: none;
}
.pink-wili span:nth-child(1) a {
padding: 13px 30px;
text-decoration: none;
border-radius: 100px;
background: #1E6760;
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
color: #fff;
}
.pink-wili {
margin-top: 34px;
display: flex;
gap: 20px;
align-items: center;
margin-bottom: 80px;
}
.pink-wili span:nth-child(2) a {
padding: 13px 30px;
background: var(--color-white-solid, #FFF);
border-radius: 100px;
color: #1E6760;
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
}
.pink-wili span:nth-child(3) {
margin-left: 20px;
}
.banner-bottom-img {
display: flex;
gap: 15px;
align-items: center;
}
.banner-bottom-img span:nth-child(2) {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28.8px;
}
.inner-art .fif-per {
border-radius: 15px;
background: var(--color-cyan-89, #D3F4ED);
padding: 28px 35px;
position: relative;
}
.inner-art .fif-per img {
position: absolute;
right: 0;
top: 0;
height: 100%;
object-fit: cover;
}
.inner-art .fif-per .nw-di {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: 88.4px;
display: block;
margin-bottom: 84px;
position: relative;
z-index: 9;
}
.inner-art .fif-per .art-right {
text-align: right;
position: relative;
z-index: 99;
}
.inner-art .fif-per .art-right b {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
text-align: right;
font-family: "Inter", sans-serif;
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px);
display: block;
}
.inner-art .fif-per .art-right p {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
text-align: right;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
padding-top: 8px;
}
.ada-member {
padding: 40px 35px;
background: var(--color-grey-95, #F1F5F5);
border-radius: 15px;
position: relative;
}
.ada-member img {
/* position: absolute; */
/* width: 100%; */
/* top: 0; */
}
.hap-pat {
text-align: center;
position: relative;
display: flex;
flex-direction: column;
}
.hap-pat span {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
text-align: center;
/* ronie.foxcreation.net/Manrope/Bold */
font-family: "Inter", sans-serif;
font-size: var(--font-size-68, 68px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-88_4, 88.4px);
/* 130% */
}
.hap-pat p {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
}
.left-ada p {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 49.4px;
margin: 0;
padding-bottom: 13px;
}
.left-ada .btm-cony {
padding-top: 13px;
}
.left-ada .btm-cony p {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
padding-bottom: 0;
}
.ada-member {
padding: 40px 35px;
background: var(--color-grey-95, #F1F5F5);
border-radius: 15px;
position: relative;
display: flex;
justify-content: space-between;
}
.art-dentistry {
margin-top: -120px;
}
.art-dentistry .inner-art {
display: flex;
gap: 30px;
}
.art-dentistry .inner-art .fif-per {
width: 30%;
}
.art-dentistry .inner-art .ada-member {
width: 70%;
}
.ada-member>img {
position: absolute;
width: 95%;
top: 12px;
left: 0;
height: 95%;
object-fit: cover;
}
.art-dentistry {
padding-bottom: 0px;
}
/* Homepage dental */
.offer-dental {
background: var(--color-grey-95, #F1F5F5);
padding: 100px 0;
}
.offer-dental .inner-excep {
display: flex;
gap: 60px;
}
.offer-dental .inner-excep .let-offer, .offer-dental .inner-excep .rit-offer {
width: 50%;
}
.offer-dental .inner-excep .rit-offer span {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
font-family: "Inter", sans-serif;
font-size: var(--font-size-15, 15px);
font-style: normal;
font-weight: var(--font-weight-600, 600);
line-height: var(--font-size-15, 15px);
letter-spacing: var(--stroke-weight-4, 4px);
text-transform: uppercase;
}
.offer-dental .inner-excep .rit-offer h2 {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
margin-top: 15px;
margin-bottom: 24px;
}
.offer-dental .inner-excep .rit-offer ul li {
list-style: none;
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
font-family: "Inter", sans-serif;
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px);
/* 130% */
margin-bottom: 16px;
position: relative;
}
.offer-dental .inner-excep .rit-offer ul li::before {
content: '';
width: 18px;
height: 18px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,");
position: absolute;
left: -34px;
top: 5px;
}
.offer-dental .inner-excep .rit-offer ul {
padding-left: 36px;
}
.offer-dental .inner-excep .let-offer img {
width: 100%;
}
.rit-offer .btm-video {
margin-top: 34px;
position: relative;
}
.rit-offer .btm-video video {
border-radius: 15px;
}
.exceptional-dental-care {
padding: 74px 0;
}
.exceptional-dental-care span {
color: #1CA782;
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-21, 21px);
letter-spacing: var(--letter-spacing-2, 2px);
text-transform: uppercase;
margin-bottom: 18px;
display: block;
}
.exceptional-dental-care span:nth-child(3) {
margin-bottom: 56px;
}
.exceptional-dental-care h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 20px;
}
.grid-blocks .inner-rct {
border-radius: 10px;
border: var(--height-1, 1px) solid var(--color-grey-87, #DCDCDE);
background: var(--color-white-solid, #FFF);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
padding: 49px 33px;
text-align: center;
}
.grid-blocks .inner-rct h3 a {
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--line-height-24, 24px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-31_2, 31.2px);
}
.grid-blocks .inner-rct h3 a:after{
display:none
}
.grid-blocks .inner-rct p {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin-bottom: 34px;
}
.grid-blocks .inner-rct a {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
text-decoration: none;
display: inline-block;
position: relative;
}
.grid-blocks .inner-rct a::after {
content: '';
width: 100%;
height: 2px;
background-color: #222;
position: absolute;
bottom: -5px;
left: 0;
}
.exceptional-dental-care .grid-blocks {
display: flex;
flex-wrap: wrap;
gap: 20px 15px;
justify-content: space-between;
}
.grid-blocks .inner-rct {
width: 27%;
}
.dental_insurance {
padding: 85px 0 85px;
}
.dental_insurance h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 20px;
}
.dental_insurance p {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
text-align: center;
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
}
.inner-insurance .image-grd {
display: flex;
gap: 20px;
justify-content: flex-start;
padding-top: 40px;
}
.image-grd .inner-grid {
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
align-items: center;
width: 190px;
}
.image-grd .inner-grid img {
width: auto;
max-height: 80px;
object-fit: contain;
}
.image-grd .inner-grid span {
color: #000;
font-family: "Inter", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 44.844px;
}
.inner-review .testimonials {
border-radius: 15px;
background: var(--color-cyan-89, #D3F4ED);
padding: 25px 37px 40px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 20px;
text-align: center;
}
.tst-caro {
width: 33.33%;
padding: 20px 0px;
}
.testimonials .testimonials-action {
position: absolute;
right: 0;
top: 0;
border-radius: 0 15px;
}
.page-template-tmpl-home .client-expe, .single-locationpost .client-expe{
padding-top: 240px;
}
.client-expe {
padding-top: 95px;
padding-bottom: 95px;
background: var(--color-grey-95, #F1F5F5);
}
.inner-client>span {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
font-family: "Inter", sans-serif;
font-size: var(--font-size-15, 15px);
font-style: normal;
font-weight: var(--font-weight-600, 600);
line-height: var(--font-size-15, 15px);
letter-spacing: var(--stroke-weight-4, 4px);
text-transform: uppercase;
margin-bottom: 15px;
}
.beautiful-smile {
background-repeat: no-repeat;
padding-top: 86px;
background-size: 100%;
/* padding-bottom: 86px; */
opacity: var(--opacity-95, 0.95);
background-image: url('../img/Group\ 220.png');
background-repeat: no-repeat;
background-size: cover;
}
.inner-beautiful-smile {
display: flex;
gap: 120px;
}
.inner-beautiful-smile .right-beauty h2 {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
margin: 0;
margin-bottom: 24px;
}
.inner-beautiful-smile .right-beauty p {
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
margin-bottom: 24px;
width: 80%;
}
.inner-beautiful-smile .left-beauty img {
position: relative;
margin-top: -148px;
}
.inner-beautiful-smile .right-beauty a {
padding: 13px 30px;
text-decoration: none;
display: inline-block;
background: var(--color-cyan-89, #D3F4ED);
border-radius: 100px;
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
}
.left-beauty {
position: relative;
width: 40%;
margin-bottom: -4px;
}
.right-beauty {
width: 60%;
}
.article {
background: #F6FFFD;
padding-top: 100px;
padding-bottom: 100px;
}
.inner-article {
display: flex;
gap: 50px;
}
.left-beauty>span {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
font-size: var(--font-size-15, 15px);
font-style: normal;
font-weight: var(--font-weight-600, 600);
line-height: var(--font-size-15, 15px); /* 100% */
letter-spacing: var(--stroke-weight-4, 4px);
text-transform: uppercase;
margin-bottom: 8px;
}
.inner-article .left-beauty h2 {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
margin-top: 8px;
margin-bottom: 13px;
}
.inner-article .left-beauty p {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 00;
}
.article .left-beauty {
position: relative;
width: 30%;
}
.article .right-beauty {
display: flex;
gap: 30px;
width: 70%;
}
.right-beauty .block-article {
border-radius: 10px;
background: var(--color-cyan-89, #D3F4ED);
}
.right-beauty .block-article img {
width: 100%;
border-radius: 10px 10px 0 0;
display: flex;
}
.right-beauty .block-article .inner-blg {
padding: 21px 25px 25px;
}
.right-beauty .block-article .inner-blg a.rmore {
color: #1E6760;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: var(--line-height-20_8, 20.8px);
text-decoration: none;
}
.block-article .inner-blg h3 a {
color: #494949;
font-family: "Inter", sans-serif;
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px);
margin: 0;
margin-bottom: 10px;
text-decoration: none;
}
.block-article .inner-blg .align-line {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
font-family: "Inter", sans-serif;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-25_2, 6.2px);
display: flex;
gap: 9px;
align-items: center;
margin-bottom: 12px;
}
.block-article .inner-blg p {
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
margin-bottom: 25px;
}
.easy-step {
padding-top: 100px;
background: #F6FFFD;
position: relative;
}
.easy-step .absolute-step {
position: absolute;
right: 0;
height: 100%;
max-width: 50%;
width: 100%;
object-fit: cover;
border-radius: 20px;
border-radius: 96px 0 0 0;
}
.inner-easy-step {
width: 48%;
}
.inner-easy-step span {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
font-family: "Inter", sans-serif;
font-size: var(--font-size-15, 15px);
font-style: normal;
font-weight: var(--font-weight-600, 600);
line-height: var(--font-size-15, 15px);
letter-spacing: var(--stroke-weight-4, 4px);
text-transform: uppercase;
}
.inner-easy-step h2 {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-family: "Inter", sans-serif;
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
padding: 15px 0;
margin: 0;
}
.inner-easy-step p {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
font-family: "Inter", sans-serif;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
}
.easy-grid {
margin-top: 124px;
margin-bottom: 100px;
display: flex;
position: relative;
gap: 20px;
}
.easy-grid .inner-easy-grid {
border-radius: 15px;
background: var(--color-cyan-89, #D3F4ED);
max-width: 248px;
width: 100%;
}
.easy-grid .inner-easy-grid span.count-no, .easy-grid .inner-easy-grid span.no {
display: flex;
padding: 0 10.73px 0 10px;
justify-content: center;
align-items: center;
background: var(--color-cyan-40, #2D9F92);
color: var(--ronie-foxcreation-net-iceberg, var(--color-cyan-89, #D3F4ED));
font-size: var(--font-size-68, 68px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-88_4, 88.4px);
max-width: 106px;
border-radius: 15px 0;
}
.appoint-bx {
padding: 25px;
}
.appoint-bx h4 {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px);
margin: 0;
margin-bottom: 12px;
}
.easy-grid .appoint-bx h4 span {
display: block;
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px);
}
.appoint-bx p {
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin: 0;
}
.insurance-btn {
padding: 16px 31px;
border-radius: 1000px;
border: var(--height-1, 1px) solid var(--color-spring-green-26, #008763);
background: #2D9F92;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: var(--font-size-16, 16px);
text-decoration: none;
display: inline-flex;
}
.btn-list {
text-align: center;
margin-top: 26px;
}
.denticare {
display: flex;
padding-top: 84px;
border-radius: 21px;
margin-bottom: -232px;
}
.denticare .left-denti {
width: 100%;
}
.denticare .right-denti {
max-height: 387px;
}
.left-denti .inner-denti {
padding: 60px 65px 60px 40px;
display: flex;
flex-direction: column;
width: 48%;
box-sizing: border-box;
background: #187C74;
}
.right-conti {
width: 52%;
box-sizing: border-box;
}
.left-denti .inner-denti h5 {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0;
}
.left-denti .inner-denti h3 {
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 64px;
letter-spacing: -1.2px;
margin: 0;
margin-bottom: 19px;
}
.left-denti .inner-denti p {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.48px;
text-align: left;
margin: 0;
margin-bottom: 54px;
}
.right-denti img {
border-radius: 0 21px 21px 0;
height: 100%;
height: 100%;
max-height: 387px;
width: 100%;
object-fit: cover;
}
.denticare .flickity-page-dots {
left: 32px;
bottom: 52px;
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
.denticare .flickity-page-dots .dot.is-selected {
background: #FFF !important;
}
.flickity-page-dots .dot {
background: #D9D9D9 !important;
opacity: 1 !important;
}
.denticare .flickity-prev-next-button {
right: -269px;
left: unset !important;
}
.denticare .flickity-prev-next-button.next {
right: -280px;
}
.denticare .flickity-button {
width: 68px;
border-radius: 100%;
background: #fff !important;
opacity: 1 !important;
height: 68.022px;
}
.denticare .flickity-prev-next-button.next {
background: transparent !important;
}
.denticare .flickity-prev-next-button .flickity-button-icon {
display: none;
}
.denticare .flickity-prev-next-button.previous::before {
content: '';
background-image: url("data:image/svg+xml;utf8,");
width: 35px;
display: inline-block;
height: 34px;
background-repeat: no-repeat;
background-size: contain;
right: 10px;
margin-right: 18px;
}
/* Next Arrow */
.denticare .flickity-prev-next-button.next::before {
content: '';
background-image: url("data:image/svg+xml;utf8,");
width: 35px;
display: inline-block;
height: 34px;
background-repeat: no-repeat;
background-size: contain;
margin-left: 19px;
}
.flickity-page-dots .dot.is-selected {
background: #348279 !important;
}
.client-expe h2 {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
/* 130% */
margin-top: 5px;
margin-bottom: 30px;
}
.ada-member .left-ada {
position: relative;
}
.testimonials h3 {
color: var(--custom-made-axiomthemes-com-black, var(--color-black-solid, #000));
text-align: center;
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px);
margin-top: 29px;
margin-bottom: 0;
}
.testimonials span {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
}
.testimonials p {
color: var(--ronie-foxcreation-net-black-50, var(--color-black-50, rgba(0, 0, 0, 0.50)));
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
margin-bottom: 0;
margin-top: 14px;
}
.root-canal .inner-easy-grid span.no, .root-canal .inner-easy-grid>span {
color: var(--ronie-foxcreation-net-iceberg, var(--color-cyan-89, #D3F4ED));
font-size: 40px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-88_4, 88.4px);
}
.map-sec {
padding: 85px 0;
}
.map-sec .inner-box {
display: flex;
gap: 30px;
}
.left-map {
width: 50%;
}
.left-map span {
color: #686868;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.left-map h2 {
color: #2D9F92;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 11px 0;
}
.left-map p {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin: 0;
}
.laftbottom {
margin-top: 45px;
display: flex;
flex-direction: column;
gap: 20px;
}
.laftbottom .sign-box {
display: flex;
gap: 40px;
align-items: center;
}
.sign-box span, .sign-box span a {
color: #3B3B3B;
font-size: 19.885px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
.inner-faq .accordion {
color: #FFF;
text-align: left;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-20_8, 20.8px);
background-color: transparent;
border: none;
padding: 20px 38px;
width: 100%;
position: relative;
padding-right: 50px;
cursor: pointer;
}
.inner-faq .panel {
padding: 0 38px;
display: none;
background-color: transparent;
overflow: hidden;
color: #FFF;
text-align: left;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-20_8, 20.8px);
background-color: transparent;
}
.absolute-step {
position: relative;
}
.faq-answer img {
position: absolute;
top: 0;
height: 100%;
}
.faq-answer .inner-faq {
display: flex;
gap: 60px;
position: relative;
justify-content: center;
}
.inner-faq .faq-lt {
width: 35%;
}
.inner-faq .faq-rt {
width: 54%;
}
.faq-answer {
padding: 105px 0;
background: radial-gradient(129.99% 129.99% at 50% 50%, #2DA093 0%, #015350 100%);
position: relative;
}
.faq-lt span {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.faq-lt h2 {
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 47px;
letter-spacing: -1.2px;
margin-top: 10px;
margin-bottom: 55px;
}
.faq-lt p {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20.41px;
letter-spacing: -0.48px;
margin: 0;
margin-bottom: 32px;
}
.faq-lt a {
border-radius: 100px;
background: #1E6760;
display: inline-flex;
color: #FFF;
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
padding: 16px 18px;
text-decoration: none;
}
.inner-faq .accordion::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: 34px;
top: 50%;
transform: translateY(-50%);
background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
background-size: 100% 2px, 2px 100%;
background-position: center;
background-repeat: no-repeat;
}
.inner-faq .accordion.active::after {
background: linear-gradient(#fff, #fff);
background-size: 100% 2px;
height: 2px;
}
.inner-faq1 {
border-radius: 20px;
border: 1px solid #5BC0B7;
margin-bottom: 17px;
}
.treatment-package {
padding-top: 70px;
padding-bottom: 70px;
}
.treatment-package h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: 700;
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 22px;
}
.treatment-package p {
color: #50575E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
padding: 0 31px;
}
.inner-package {
display: flex;
gap: 30px;
margin-top: 130px;
}
.inner-package .teeth-image {
width: 33%;
border-radius: 20px;
background: #D3F4ED;
padding: 20px;
text-align: center;
position: relative;
}
.inner-package .teeth-image img {
position: absolute;
top: -85px;
left: 34%;
}
.inner-package .teeth-image h3 {
color: #000;
font-size: 23.133px;
font-style: normal;
font-weight: 700;
line-height: 28.39px;
margin-top: 90px;
margin-bottom: 19px;
}
.teeth-image h6 {
color: #3B3B3B;
font-size: 19.274px;
font-style: normal;
font-weight: 400;
line-height: 26.287px;
margin: 0;
}
.teeth-image p {
color: #3B3B3B;
font-size: 14.991px;
font-style: normal;
font-weight: 400;
line-height: 26.287px;
padding: 0;
margin: 0 0px 20px;
}
.teeth-image .doc-guide {
color: #3B3B3B;
font-size: 14.991px;
font-style: normal;
font-weight: 400;
line-height: 26.287px;
margin-top: 20px;
margin-bottom: 20px;
}
.teeth-image a {
padding: 14px 32px;
text-decoration: none;
border-radius: 107.078px;
border: 1.071px solid #33A399;
background: #33A399;
display: inline-block;
margin-bottom: 29px;
color: #FFF;
text-align: center;
font-size: 14.991px;
font-style: normal;
font-weight: 600;
line-height: 26.287px;
}
.best-smile-grid {
padding-top: 79px;
padding-bottom: 79px;
}
.best-smile-grid span {
color: #2D9F92;
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-21, 21px);
letter-spacing: var(--letter-spacing-2, 2px);
text-transform: uppercase;
display: block;
text-align: center;
}
.best-smile-grid h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 20px 0;
}
.best-smile-grid p {
color: var(--point-moxcreative-com-abbey, var(--color-grey-34, #50575E));
text-align: center;
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-24, 24px);
margin: 0;
}
.best-grid-box {
margin-top: 73px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 30px;
}
.best-grid-box .inner-best-smile {
background: #F6FFFD;
box-shadow: 0 0 10.035px 0 rgba(0, 0, 0, 0.11);
border-radius: 21.815px;
width: 31%;
margin: 0 14px;
}
.inner-best-smile>img {
width: 100%;
border-radius: 21.815px 21.815px 0 0;
}
.inner-best-smile .rt-can {
padding: 30px 20px;
text-align: left;
}
.inner-best-smile .small-img {
margin-top: -56px;
border-radius: 105.803px;
border: 7.635px solid #FFF;
background: #2D9F92;
width: 100px;
height: 100px;
z-index: 9;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
box-sizing: border-box;
overflow: hidden;
left: 15px;
}
img.ser_image {
height: 214px;
width: 100%;
object-fit: cover;
}
.inner-best-smile .small-img img {
height: 60px;
}
.rt-can h3{
margin: 0;
margin-bottom: 5px;
}
.rt-can h3 a {
color: #2D9F92;
font-size: 23.565px;
font-style: normal;
font-weight: 700;
line-height: 28.92px;
text-align: left;
text-decoration: none;
}
.rt-can p {
color: #494949;
font-size: 17.452px;
font-style: normal;
font-weight: 400;
line-height: 27.269px;
letter-spacing: -0.524px;
margin-bottom: 54px;
text-align: left;
}
.rt-can a.button-three {
padding: 14px 32px;
color: #FFF;
text-align: center;
font-size: 15.271px;
font-style: normal;
font-weight: 600;
line-height: 26.778px;
border-radius: 109.076px;
border: 1.091px solid #2D9F92;
background: #2D9F92;
text-decoration: none;
display: inline-block;
}
.client-expe.padding-reduce {
padding-top: 80px;
}
.inner-box .right-map {
width: 50%;
}
.inner-box .right-map img {
width: 100%;
}
.canal-treatment {
padding-top: 78px;
padding-bottom: 28px;
}
.canal-treatment h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 22px;
}
.canal-treatment p {
color: #50575E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin: 0;
width: 84%;
margin: auto;
}
.canal-treatment img {
width: 100%;
margin-top: 47px;
}
.tooth-treatment h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: center;
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: 700;
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 22px;
}
.tooth-treatment p {
color: #50575E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.tooth-treatment .green-tooth {
border-radius: 20px;
border: 1px solid #33A399;
padding: 40px 32px;
gap: 60px;
display: flex;
margin: 0 10px;
}
.tooth-treatment .teeth {
margin-top: 25px;
}
.tooth-treatment .green-tooth .left-teeth, .tooth-treatment .green-tooth .right-teeth {
width: 50%;
}
.tooth-treatment .green-tooth .left-teeth h3 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
text-align: left;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 10px;
}
.green-tooth .left-teeth p {
color: #50575E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
text-align: left;
}
.green-tooth .left-teeth a {
border-radius: 100px;
border: 1px solid #33A399;
padding: 13px 30px;
background: #33A399;
color: #FFF;
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
text-decoration: none;
display: inline-block;
}
.green-tooth .left-teeth {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 10px 0;
}
.tooth-treatment .flickity-page-dots {
bottom: 144px;
left: 33px;
display: flex;
}
.right-teeth img {
width: 100%;
}
.straight-line-content {
display: flex;
margin-top: 60px;
gap: 20px
}
.straight-line-content .ban-bot {
display: flex;
gap: 20px;
align-items: center;
}
.straight-line-content .ban-bot span p {
color: #FFF;
font-size: 15.816px;
font-style: normal;
font-weight: 900;
line-height: 19.411px;
margin: 0;
padding: 0;
}
.dental-clinic .right-banner {
right: -200px;
}
.innerdental-cure {
padding: 60px 0 20px;
}
.line-grid-cure {
display: flex;
gap: 35px;
border-radius: 20px;
border: 1px solid #D3F4ED;
background: #FFF;
max-width: 1240px;
margin: 0 auto;
margin-bottom: 37px;
}
.line-grid-cure img {
border-radius: 20px 0 0 20px;
width: 100%;
height: 100%;
object-fit: cover;
}
.dentalcure .day-box {
display: flex;
gap: 80px;
justify-content: space-between;
margin-bottom: 12px;
}
.line-grid-cure .location-dw {
padding: 50px 30px 30px;
max-width: 310px;
width: 100%;
box-sizing: border-box;
}
.dentalcure h3{
margin-top: 28px;
margin-bottom: 11px;
}
.dentalcure h3 a {
color: #33A399;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.96px;
text-decoration: none;
}
.dentalcure h4 {
color: #50575E;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.72px;
margin-top: 0;
margin-bottom: 29px;
}
.dentalcure span {
color: #33A399;
font-size: 22.932px;
font-style: normal;
font-weight: 700;
line-height: 22.932px;
margin-bottom: 10px;
display: inline-block;
}
.dentalcure .day-box p {
color: #50575E;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 31px;
margin: 0;
/* margin-bottom: 10px; */
}
.location-dw {
border-radius: 20px;
background: #F2F2F2;
position: relative;
}
.location-dw>svg {
position: absolute;
top: -44px;
left: 50%;
width: 100%;
right: 50%;
transform: translate(-50%, 1px);
}
.dentalcure a.button-three {
border-radius: 100px;
border: 1px solid #33A399;
padding: 13px 30px;
background: #33A399;
display: inline-block;
color: #FFF;
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-20_8, 20.8px);
text-decoration: none;
margin-bottom: 53px;
cursor: pointer;
}
.location-dw .loca-new {
display: flex;
gap: 14px;
flex-direction: column;
}
.location-dw .loca-new .inner-loca {
display: flex;
gap: 20px;
}
.location-dw .loca-new .inner-loca span, .location-dw .loca-new .inner-loca a {
color: #50575E;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration: none;
}
.line-grid-cure .inner-line-cu, .line-grid-cure .third-chamber {
width: 35%;
}
.line-grid-cure .dentalcure {
width: 30%;
}
.line-grid-cure .third-chamber {
display: flex;
align-items: center;
justify-content: center;
}
.item {
display: none;
}
.item.show {
display: flex;
}
#loadMore {
display: block;
cursor: pointer;
margin: 0 auto;
padding: 16.111px 37.179px;
border-radius: 123.932px;
background: #33A399;
border: navajowhite;
border: 1px solid #33A399;
color: #FFF;
text-align: center;
font-size: 19.829px;
font-style: normal;
font-weight: 500;
line-height: 25.778px;
margin-bottom: 82px;
}
iframe {
aspect-ratio: 16/9;
width:100%;
}
.video-container {
margin: 2rem;
max-height: 300px;
}
.image-container img {
display: block;
max-width: 100%;
/* border-radius: 20px; */
}
.container {
display: grid;
place-content: center;
position: relative;
overflow: hidden;
border-radius: 1rem;
--position: 50%;
}
.slider-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left;
}
.image-before {
position: absolute;
inset: 0;
width: var(--position);
}
.slider {
position: absolute;
inset: 0;
cursor: pointer;
opacity: 0;
/* for Firefox */
width: 100%;
height: 100%;
}
.slider:focus-visible~.slider-button {
outline: 5px solid black;
outline-offset: 3px;
}
.slider-line {
position: absolute;
inset: 0;
width: .2rem;
height: 100%;
background-color: transparent;
/* z-index: 10; */
left: var(--position);
transform: translateX(-50%);
pointer-events: none;
}
.slider-button {
position: absolute;
background-color: #fff;
color: black;
padding: .5rem;
border-radius: 100vw;
display: grid;
place-items: center;
top: 50%;
left: var(--position);
transform: translate(-50%, -50%);
pointer-events: none;
/* z-index: 100; */
box-shadow: none;
height: 30px;
width: 30px;
}
.dental-clinics {
padding-top: 94px;
padding-bottom: 94px;
background: #F6FFFD;
}
.dental-clinics .inner-dental-clinic {
display: flex;
gap: 30px;
align-items: center;
}
.inner-dental-clinic .left-clinic {
width: 40%;
}
.inner-dental-clinic .right-clinic {
width: 60%;
position: relative;
padding: 30px 0;
}
.right-clinic .container {
width: 100%;
margin: 0 auto;
}
.right-clinic .container .image-container {
position: relative;
max-height: 475px;
border-radius: 20px;
overflow: hidden;
}
.right-clinic .background-green {
border-radius: 20px;
background: #2D9F92;
position: absolute;
height: 100%;
width: 43%;
top: 0;
left: 25px;
}
.inner-dental-clinic .left-clinic h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-size: var(--font-size-48, 48px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52_8, 52.8px);
letter-spacing: var(--letter-spacing--2, -2px);
margin: 0;
margin-bottom: 16px;
}
.inner-dental-clinic .left-clinic p {
color: #50575E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin: 0;
margin-bottom: 20px;
}
.inner-dental-clinic .left-clinic a {
padding: 16px 31px;
border-radius: 5px;
border: var(--height-1, 1px) solid var(--color-spring-green-26, #008763);
background: #2D9F92;
display: inline-block;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: var(--font-size-16, 16px);
text-decoration: none;
border-radius: 107.078px;
}
.Dentalcure {
padding-top: 68px;
padding-bottom: 150px;
}
.inner-dentalcure span {
color: #2D9F92;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
display: block;
text-align: center;
}
.inner-dentalcure h2 {
color: #222;
text-align: center;
font-size: 41.208px;
font-style: normal;
font-weight: 700;
line-height: 48.419px;
padding: 12px 0 15px;
margin: 0;
}
.inner-dentalcure p {
color: #50575E;
text-align: center;
font-size: 16.483px;
font-style: normal;
font-weight: 400;
line-height: 25.755px;
letter-spacing: -0.494px;
margin: 0;
margin-bottom: 33px;
}
.main-dentalcure .dental-box {
border-radius: 20.233px;
border: 1px solid #D3F4ED;
background: #F6FFFD;
padding: 54.6px 46.28px 38.065px 40.154px;
text-align: center;
}
.main-dentalcure {
display: flex;
gap: 14px;
margin-bottom: 69px;
}
.main-dentalcure .dental-box {
width: 25%;
}
.dental-box h3 {
color: #000;
text-align: center;
font-size: 22.256px;
font-style: normal;
font-weight: 700;
line-height: 37.087px;
letter-spacing: -0.668px;
margin-top: 69px;
margin-bottom: 10px;
}
.dental-box a, .dental-box p {
color: #50575E;
font-size: 16.483px;
font-style: normal;
font-weight: 500;
line-height: 37.087px;
letter-spacing: -0.494px;
text-decoration: none;
display: block;
margin: 0;
}
.contact-form .inner-contact {
display: flex;
border-radius: 20.604px;
background: #D3F4ED;
}
.inner-contact .contact-form-inner {
padding: 34px 54px 41px;
}
.inner-contact .left-contact {
width: 45%;
}
.inner-contact .contact-form-inner {
width: 55%;
display: flex;
align-items: center;
}
.contact-form .inner-form span {
color: #33A399;
font-size: 24.725px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
}
.contact-form .inner-form h2 {
color: #222;
font-size: 41.208px;
font-style: normal;
font-weight: 700;
line-height: 48.419px;
margin: 0;
padding: 0;
text-align: left;
margin-top: 5px;
}
.form-command {
margin: 30px 0;
margin-bottom: 0;
}
.form-command .single-note {
display: flex;
gap: 30px;
justify-content: space-between;
}
.names-form label, .full-width label {
color: #33A399;
text-align: center;
font-size: 16.483px;
font-style: normal;
font-weight: 700;
line-height: 100%;
margin-bottom: 20px;
display: inline-block;
}
.names-form input, .names-form select, .full-width select {
border-radius: 100px;
border: 0.98px solid #33A399;
background-color: #E6FFFD;
margin-bottom: 20px;
padding: 11px 20px;
color: #454545;
font-size: 16.483px;
font-style: normal;
font-weight: 400;
line-height: 21.428px;
width: -webkit-fill-available;
background-position: 96% center;
}
.names-form ::placeholder {
color: #454545;
font-size: 16.483px;
font-style: normal;
font-weight: 400;
line-height: 21.428px;
}
.names-form.appoint-day {
position: relative;
}
.names-form.appoint-day input {
padding-left: 50px;
}
.names-form.appoint-day::before {
content: "";
position: absolute;
left: 22px;
top: 59%;
transform: translateY(-50%);
width: 17.5px;
height: 20.5px;
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
background-image: url("../img/Group\ \(17\).png");
}
.full-width label {
color: #33A399;
text-align: center;
font-size: 16.483px;
font-style: normal;
font-weight: 700;
line-height: 100%;
/* 16.483px */
}
.single-note .names-form {
width: 48%;
}
.single-note.sbmit-bx .names-form {
display: flex;
}
.single-note.sbmit-bx .names-form input {
width: auto;
margin: 0;
margin-right: 10px;
width: 15.453px;
height: 15.453px;
}
.form-command .single-note.sbmit-bx .names-form {
color: #33A399;
font-size: 12.362px;
font-style: normal;
font-weight: 500;
line-height: 14.423px;
justify-content: flex-end;
}
.single-note.sbmit-bx {
align-items: center;
}
.single-note.sbmit-bx a {
text-decoration: none;
padding: 16.597px 38.302px;
border-radius: 127.673px;
background: #33A399;
color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: 26.556px;
}
.form-command .names-form.submit-btn input {
width: auto;
height: auto;
color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: 26.556px;
/* 147.533% */
border-radius: 127.673px;
background: #33A399;
}
.contact-form .inner-contact img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20.604px 0 0 20.604px;
}
.Dentalcure .inner-dentalcure {
max-width: 1236px;
margin: 0 auto;
}
.main-dentalcure {
margin-bottom: 45px;
}
.contact-form .inner-form span {
font-size: 20px;
text-transform: none;
}
.blogs {
padding-top: 68px;
padding-bottom: 25px;
}
.blogs span {
color: #2D9F92;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
display: block;
text-align: center;
}
.blogs h2 {
color: #222;
text-align: center;
font-size: 41.208px;
font-style: normal;
font-weight: 700;
line-height: 48.419px;
margin: 12px 0;
}
.blogs p {
color: #50575E;
text-align: center;
font-family: Inter;
font-size: 16.483px;
font-style: normal;
font-weight: 400;
line-height: 25.755px;
letter-spacing: -0.494px;
margin: 16px 0;
}
.blogs-inner {
margin-top: 36px;
display: flex;
flex-wrap: wrap;
gap: 36px 0px;
justify-content: space-between;
margin-bottom: 60px;
}
.blogs-inner .main-blgs {
border-radius: 20px;
border: 1px solid #33A399;
background: #F6FFFD;
padding: 19px 22px 38px;
position: relative;
width: 44%;
}
.blogs-inner .main-blgs .blc-grid img {
border-radius: 20px;
width: 100%;
max-height: 300px;
min-height: 300px;
object-fit: cover;
}
.date-line-art {
display: flex;
padding: 28px 0 15px;
align-items: center;
gap: 15px;
}
.main-blgs h3 {
color: #222;
font-family: Inter;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.96px;
margin: 0;
}
.main-blgs h3 a{
text-decoration:none;
color: #222;
}
.main-blgs p {
color: #50575E;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.48px;
text-align: left;
padding: 10px 0 15px;
margin: 0;
}
.main-blgs a.button-three {
border-radius: 76.552px;
background: #2D9F92;
padding: 12.248px 23.731px;
display: inline-block;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-family: var(--font-family-Font-2, Inter);
font-size: 14px;
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: 12.248px;
text-decoration: none;
border: 1px solid #2D9F92;
}
.inner-right-faq .panel {
display: none;
background-color: transparent;
overflow: hidden;
color: #33A399;
text-align: left;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-20_8, 20.8px);
background-color: transparent;
}
.main-faq-chamber {
padding: 100px 0;
}
.inner-main-faq .left-faq-inn .upper-box {
border-radius: 20px;
background: #F6FFFD;
}
.left-faq-inn .upper-box {
padding: 65px 41px 0;
}
.left-faq-inn .upper-box span {
color: #2D9F92;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.left-faq-inn .upper-box h2 {
color: #222;
font-family: Inter;
font-size: 41px;
font-style: normal;
font-weight: 700;
line-height: 48.419px;
margin: 23px 0 5px;
}
.left-faq-inn .upper-box img {
width: 100%;
}
.main-faq-chamber .inner-main-faq {
display: flex;
gap: 19px;
max-width: 1236px;
margin: 0 auto;
}
.main-faq-chamber .inner-main-faq .left-faq-inn {
width: 40%;
}
.main-faq-chamber .inner-main-faq .right-faq-inn {
width: 60%;
}
.main-faq-chamber .inner-main-faq .gettouch {
padding: 50px 24px 24px;
background: #33A399;
border-radius: 0 0 20px 20px;
display: flex;
gap: 32px;
justify-content: space-between;
align-items: center;
margin-top: -4px;
}
.gettouch .left-gettouch {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25.755px;
letter-spacing: -0.6px;
width: 50%;
}
.gettouch .right-touch {
width: 50%;
display: flex;
justify-content: flex-end;
}
.gettouch .right-touch a {
border-radius: 100px;
background: #FFF;
display: inline-block;
text-decoration: none;
color: #33A399;
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: var(--font-size-16, 16px);
padding: 16px 31px;
display: flex;
align-items: center;
}
.inner-right-faq .line-fq {
border-radius: 12px;
border: 1px solid #C2E9E5;
padding: 22px 50px 22px 32px;
margin-bottom: 20px;
}
.line-fq .accordion {
color: #33A399;
text-align: left;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-20_8, 20.8px);
border: none;
background: none;
padding: 0;
position: relative;
width: 100%;
cursor: pointer;
}
.inner-right-faq .panel p {
margin-bottom: 0;
font-size: 14px;
color: #000;
font-weight: 400;
}
.accordion::after {
content: '';
width: 18px;
height: 18px;
position: absolute;
right: -22px;
top: 50%;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%2333A399' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.accordion.active::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' stroke='%2333A399' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.inner-right-faq .panel p {
margin-bottom: 0;
font-size: 14px;
color: #000;
font-weight: 400;
}
.Dental-service.intellignt-space {
background: #F6FFFD;
padding: 80px 0;
}
.intellignt-space h2 {
color: var(--ronie-foxcreation-net-timber-green, var(--color-cyan-14, #1B2C2A));
font-size: var(--font-size-40, 40px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-52, 52px);
}
.intellignt-space p {
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 28.8px);
}
.intellignt-space .dental-thumb h4 {
font-size: 24.881px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: 32.346px;
margin: 0;
}
.intellignt-space .dental-thumb p {
color: #494949;
font-size: 19.905px;
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: 35.829px;
text-align: left;
margin: 13px 0 25px;
}
.intellignt-space .dental-thumb a {
border-radius: 100px;
border: var(--height-1, 1px) solid var(--color-spring-green-26, #008763);
background: #2D9F92;
text-decoration: none;
padding: 15px 31px;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: var(--font-size-16, 16px);
display: inline-block;
}
.flex-pay {
padding: 72px 0 50px;
background: #F6FFFD;
margin: 15px 0;
}
.flex-pay .inner-flex {
display: flex;
gap: 78px;
align-items: flex-end;
justify-content: flex-end;
position: relative;
}
.flex-pay .inner-flex .right-flex {
width: 48%;
}
.inner-flex .right-flex ul li {
color: #50575E;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 42px;
letter-spacing: -0.72px;
}
.inner-flex .left-flex {
border-radius: 20px;
background: #D3F4ED;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
left: 0;
height: 560px;
max-width: 485px;
top: -110px;
}
.inner-flex .left-flex h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 61px;
letter-spacing: -1.44px;
margin: 0;
}
.inner-flex .left-flex p {
color: #50575E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin: 0;
padding-top: 20px;
}
.story-tw-btn {
display: flex;
gap: 18px;
}
.Dental-service.intellignt-space.white-bsck {
background-color: #fff;
}
.intellignt-space.white-bsck .three-boxes {
margin-top: 0;
}
.insurance-provider {
padding-top: 70px;
}
.insurance-provider h2 {
color: var(--custom-made-axiomthemes-com-mine-shaft, var(--color-grey-13, #222));
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 58px;
letter-spacing: -1.44px;
margin: 0;
margin-bottom: 42px;
text-align: center;
}
.insurance-provider .max-box {
display: flex;
border-radius: 16.379px;
margin-bottom: 61px;
}
.insurance-provider .max-box .inner-max-bo, .insurance-provider .max-box .drack-max {
max-width: 50%;
padding: 34px 50px;
display: flex;
align-items: center;
width: 100%;
}
.insurance-provider .max-box .inner-max-bo {
background: #D3F4ED;
border-radius: 16px 0 0 16px;
}
.insurance-provider .max-box .drack-max {
background: #33A399;
border-radius: 0 16px 16px 0;
}
.inner-max-bo h3 {
color: #33A399;
font-size: 36.598px;
font-style: normal;
font-weight: 700;
line-height: 44.223px;
/* 120.833% */
letter-spacing: -1.098px;
margin: 0;
}
.drack-max p {
color: #FFF;
font-family: var(--font-family-Font-2, Inter);
font-size: 16px;
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: 19.655px;
margin: 0;
}
.insurance-provider .companies-logo {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
margin-bottom: 75px;
}
.insurance-provider .brand-btm {
text-align: center;
}
.insurance-provider .brand-btm a {
border-radius: 100px;
border: var(--height-1, 1px) solid var(--color-spring-green-26, #008763);
background: #2D9F92;
padding: 16px 30px;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
text-align: center;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-500, 500);
line-height: var(--font-size-16, 16px);
text-decoration: none;
display: inline-block;
}
.companies-logo span img {
max-width: 200px;
}
.article-banner img, .img-article img {
width: 100%;
margin: auto;
display: block;
}
.img-article img {
border-radius: 20px;
object-fit: cover;
}
.img-article {
margin-bottom: 43px;
}
.main-article {
margin-top: -330px;
}
.main-article .docta-main {
display: flex;
gap: 60px;
}
.docta-main .left-docta {
width: 70%;
}
.docta-main .right-docta {
width: 30%;
}
.docta-main .left-docta h1 {
color: #222;
font-size: 54px;
font-style: normal;
font-weight: 700;
line-height: 70px;
margin: 0;
padding-bottom: 17px;
}
.docta-main .left-docta h2 {
color: #222;
font-size: 41.208px;
font-style: normal;
font-weight: 700;
line-height: 48.419px;
margin: 0;
margin-bottom: 15px;
}
.img-article.inner-img {
margin-bottom: 15px;
}
.docta-main .left-docta p {
color: #50575E;
font-size: 16.483px;
font-style: normal;
font-weight: 400;
line-height: 25.755px;
letter-spacing: -0.494px;
margin: 0;
padding-bottom: 30px;
}
.docta-main .right-docta .inner-listing {
border-radius: 20px;
background: #F6FFFD;
padding: 27px 16px 14px;
}
.inner-listing h3 {
color: #222;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0;
padding-bottom: 13px;
}
.inner-listing ul {
margin: 0;
list-style: none;
padding-left: 0;
}
.first-mmain ul {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.first-mmain ul li{
width: 48%;
}
.first-mmain ul li a {
padding: 12px 12px;
border-radius: 25.605px;
border: 0.853px solid #33A399;
color: #33A399;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: block;
text-decoration: none;
}
.first-mmain ul li a:hover{
background:#000;
}
.inner-listing .second-listing {
margin-top: 79px;
margin-bottom: 69px;
}
.second-listing ul li {
color: #33A399;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 23px;
}
.bottom-list-image {
border-radius: 0 0 20px 20px;
background: #33A399;
border-radius: 20px;
position: relative;
text-align: center;
}
.bottom-list-image img {
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.bottom-list-image .appoint {
padding: 20px 15px;
/* position: absolute; */
background: #33A399;
width: -webkit-fill-available;
border-radius: 0 0 20px 20px;
bottom: 0 !important;
margin-top: -20px;
position: relative;
}
.bottom-list-image .appoint h4 {
color: #FFF;
text-align: center;
font-size: 30.693px;
font-style: normal;
font-weight: 600;
line-height: 100%;
font-variant: all-small-caps;
margin: 19px 0;
}
.bottom-list-image span {
color: #FFF;
text-align: center;
font-size: 21.101px;
font-style: normal;
font-weight: 600;
line-height: normal;
font-variant: all-small-caps;
letter-spacing: 0.1em;
}
.bottom-list-image h4 {
color: #FFF;
text-align: center;
font-size: 30.693px;
font-style: normal;
font-weight: 600;
line-height: 100%;
font-variant: all-small-caps;
margin: 19px 0;
}
.bottom-list-image a {
display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
border-radius: 959.157px;
background: #FFF;
color: #33A399;
text-align: center;
font-size: 21.101px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration: none;
}
.social-icon {
display: flex;
align-items: center;
gap: 10px;
padding: 19px 0;
border-top: 1px solid #BABABA;
color: #33A399;
font-size: 17.14px;
font-style: normal;
font-weight: 500;
line-height: 33.565px;
/* 195.833% */
letter-spacing: -0.514px;
}
.social-icon span {
margin-right: 25px;
}
.social-icon a {
display: inline-flex;
}
.most-related-slider {
padding: 49px 0 105px;
background: #F6FFFD;
}
.inner-slider-rela span {
color: #2D9F92;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
display: block;
text-align: center;
}
.inner-slider-rela h2 {
color: #222;
text-align: center;
font-size: 41.208px;
font-style: normal;
font-weight: 700;
line-height: 48.419px;
margin: 12px 0 23px;
}
.main-related .main-blgs {
border-radius: 20px;
border: 1px solid #33A399;
background: #FFF;
padding: 20px;
width: 28.5%;
margin: 6px 15px;
}
.most-related-slider .main-blgs:hover {
box-shadow: 0px 0px 5px hsl(0deg 0% 0% / 27%);
}
.main-related .blc-grid img {
border-radius: 20px;
width: 100%;
max-height: 300px;
min-height: 300px;
object-fit: cover;
}
.main-related .main-blgs .blc-grid .date-line-art span {
color: #33A399;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.main-related .main-blgs .blc-grid h3 {
color: #222;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.75px;
}
.article-banner img {
height: 411px;
object-fit: cover;
}
figure {
position: absolute;
background-image: url("../img/d3.jpg");
background-size: cover;
font-size: 0;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0 21px 21px 0;
}
.divisor {
background-image: url("../img/d4.jpg");
background-size: cover;
position: absolute;
width: 50%;
bottom: 0;
height: 100%;
border-radius: 0 21px 21px 0;
}
.divisor::before, .divisor::after {
content: '';
position: absolute;
right: -2px;
width: 4px;
height: calc(50% - 25px);
background: white;
z-index: 3;
}
.divisor::before {
top: 0;
box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, .3);
}
.divisor::after {
bottom: 0;
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .3);
}
.handle {
position: absolute;
height: 50px;
width: 50px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 1;
background: #fff;
border-radius: 50%;
}
.handle::before,.handle::after {
content: '';
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px;
}
.handle::before {
border-right: 10px solid #D9D9D9;
left: 50%;
margin-left: -17px;
}
.handle::after {
border-left: 10px solid #D9D9D9;
right: 50%;
margin-right: -17px;
}
input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
top: 49%;
left: -26px;
transform: translateY(-50%);
background-color: transparent;
width: calc(100% + 50px);
z-index: 2;
&:focus, &:active {
border: none;
outline: none;
}
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 50px;
width: 50px;
border-radius: 50%;
background: transparent;
border: 4px solid white;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
}
input[type=range]::-moz-range-track {
-moz-appearance: none;
height: 15px;
width: 100%;
background-color: transparent;
position: relative;
outline: none;
}
.inner-class-slide {
display: flex;
border-radius: 20px;
overflow: hidden;
}
.button-box {
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
&:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* background-color: #1E6760; */
border-radius: 10rem;
z-index: -2;
}
&:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #D4A017;
transition: all .3s;
border-radius: 10rem;
z-index: -1;
}
&:hover {
color: #fff;
&:before {
width: 100%;
}
}
}
.button-two {
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
&:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 10rem;
z-index: -2;
}
&:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #D4A017;
transition: all .3s;
border-radius: 10rem;
z-index: -1;
}
&:hover {
color: #fff !important;
&:before {
width: 100%;
}
}
}
.button-three {
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
&:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2D9F92;
border-radius: 10rem;
z-index: -2;
}
&:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #D4A017;
transition: all .3s;
border-radius: 10rem;
z-index: -1;
}
&:hover {
color: #fff !important;
border: 1px solid #D4A017 !important;
background: #D4A017 !IMPORTANT;
&:before {
width: 100%;
}
}
}
.button-four {
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
&:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #D3F4ED;
border-radius: 10rem;
z-index: -2;
}
&:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #D4A017;
transition: all .3s;
border-radius: 10rem;
z-index: -1;
}
&:hover {
color: #fff !important;
&:before {
width: 100%;
}
}
}
.button-boxx {
position: relative;
overflow: hidden;
border-radius: 100px;
width: 100%;
}
/* Base background */
.button-boxx::after {
content: '';
position: absolute;
inset: 0;
background-color: #1E6760;
z-index: 0;
}
/* Hover animation layer */
.button-boxx::before {
content: '';
position: absolute;
inset: 0;
width: 0%;
background-color: #D4A017;
transition: width 0.35s ease;
z-index: 1;
}
.button-boxx:hover::before {
width: 100%;
}
.button-boxxx {
position: relative;
overflow: hidden;
border-radius: 100px;
width: 100%;
}
/* Base background */
.button-boxxx::after {
content: '';
position: absolute;
inset: 0;
background-color: #33A399;
color: #fff;
z-index: 0;
}
/* Hover animation layer */
.button-boxxx::before {
content: '';
position: absolute;
inset: 0;
width: 0%;
background-color: #D4A017;
transition: width 0.35s ease;
z-index: 1;
}
.button-boxxx:hover::before {
width: 100%;
}
/* Input stays above animation */
.butn-popular {
position: relative;
z-index: 2;
background: transparent;
/* IMPORTANT */
border: none;
color: #fff;
cursor: pointer;
border-radius: 100px;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20.8px;
padding: 14px;
width: 100%;
}
.inner-footer ul li a:hover, .nav-links ul li a:hover, .right-one div:nth-child(2) span a:hover, .foot-lft a:hover, .sign-box span a:hover {
color: #D4A017;
}
.inner-footer li.current-menu-item a, .inner-footer li.current_page_item a,
.nav-links li.current-menu-item a, .nav-links li.current_page_item a,
.nav-links li.current-menu-ancestor a{
color: #D4A017;
}
.inner-rct {
background: #fff;
border-radius: 16px;
padding: 24px;
text-align: center;
transition: transform 0.35s ease, box-shadow 0.35s ease;
transform: translateY(0) scale(1);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.inner-rct:hover {
transform: translateY(1px) scale(1.02);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}
/* Image smooth pop */
.inner-rct img {
transition: transform 0.35s ease;
}
.inner-rct:hover img {
transform: scale(1.08);
}
/* Learn more subtle motion */
.inner-rct a {
display: inline-block;
margin-top: 12px;
color: #1E6760;
font-weight: 600;
transition: transform 0.3s ease, color 0.3s ease;
}
.inner-rct:hover a {
transform: translateX(6px);
color: #D4A017;
}
.inner-easy-grid, .block-article, .map-box, .inner-review .testimonials, .ada-member, .inner-art .fif-per, .dental-thumb, .image-staff, .inner-best-smile, .teeth-image, .line-grid-cure, .dental-box, .main-blgs, .left-flex, .companies-logo span img {
transition: transform 0.35s ease, box-shadow 0.35s ease;
transform: translateY(0) scale(1);
}
.inner-easy-grid:hover, .block-article:hover, .map-box:hover, .ada-member:hover, .inner-art .fif-per:hover, .dental-thumb:hover, .image-staff:hover, .inner-best-smile:hover, .teeth-image:hover, .line-grid-cure:hover, .dental-box:hover, .main-blgs:hover, .left-flex:hover, .companies-logo span img:hover {
transform: translateY(1px) scale(1.02);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}
/* Number bubble animation */
.inner-easy-grid span {
transition: transform 0.35s ease, background 0.35s ease;
}
.top-btn-fixy {
position: absolute;
top: 0;
right: 0;
}
.top-btn-fixy a {
color: #FFF;
text-align: center;
font-size: 19.241px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: 25.013px;
/* 130% */
text-decoration: none;
padding: 15px;
display: inline-block;
border-radius: 0 0 24.051px 24.051px;
background: #37B7AA;
max-width: 177.975px;
height: 65px;
border-radius: 0 0 24.051px 24.051px;
background: #37B7AA;
display: flex;
align-items: center;
}
/* --- Back To Top Code --- */
.back-to-top {
position: fixed;
z-index: 9;
bottom: 150px;
right: -2px;
background-color: #fff;
padding: 10px 12px 5px;
border-radius: 10px 0 0 10px;
cursor: pointer;
box-shadow: 0 0 10px #979797;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
#btn-back-to-top.show {
opacity: 1;
visibility: visible;
}
.back-to-top i {
transition: all 0.3s ease-in-out;
}
.back-to-top:hover {
background-color: #000;
}
.back-to-top:hover i {
color: #fff;
}
header.navbar-main.fixed-header {
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
section.services_t.treatment-package{
background: #F6FFFD;
}
section.tooth-treatment {
padding-top: 70px;
}
.single-locationpost .exceptional-dental-care {
background: #F6FFFD;
}
.single-locationpost .staff-ex .light-bg{
background: transparent;
}
.page-template-tmpl-patient-resources .Dental-service {
background: #F6FFFD;
}
.page-template-tmpl-patient-resources .Dental-service h2{
color:#000;
}
.why-img-wrap .grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
/* EACH COLUMN */
.right-col {
display: grid;
grid-template-rows: 1fr 220px;
gap: 28px;
}
/* IMAGE BOX */
.right-img {
overflow: hidden;
border-radius: 28px;
}
.right-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* STAT CARD */
.stat-box .right-inn-box {
background: #dff6f1;
padding: 25px;
border-radius: 28px;
display: inline-block;
width: 260px;
text-align: left;
height: 196px;
box-sizing: border-box;
}
.stat-box h2 {
color: var(--ronie-foxcreation-net-jungle-green, var(--color-cyan-40, #2D9F92));
font-family: var(--font-family-Font-1, Inter);
font-size: var(--font-size-68, 68px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-88_4, 88.4px); /* 130% */
margin: 0;
}
.stat-box p {
margin-top: 8px;
color: var(--ronie-foxcreation-net-tundora, var(--color-grey-29, #494949));
font-family: var(--font-family-Font-1, Inter);
font-size: var(--item-spacing-20, 20px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-26, 26px); /* 130% */
}
/* SUPPORT CARD */
.support-box .right-inn-box{
background: #2aa89a;
color: #fff;
padding: 25px;
border-radius: 28px;
display: inline-block;
width: 260px;
text-align: left;
height: 196px;
box-sizing: border-box;
}
.support-box h3 {
margin: 0 0 12px;
color: var(--custom-made-axiomthemes-com-white, var(--color-white-solid, #FFF));
/* ronie.foxcreation.net/Semantic/Heading 5 */
font-family: var(--font-family-Font-1, Inter);
font-size: var(--font-size-23, 23px);
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-29_9, 29.9px); /* 130% */
display: flex;
align-items: center;
gap: 10px;
}
.support-box p {
color: var(--ronie-foxcreation-net-porcelain, var(--color-grey-95, #F1F5F5));
font-family: var(--font-family-Font-2, Inter);
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-28_8, 23.8px); /* 180% */
margin-bottom: 0;
}
.support-box {
text-align: right;
}
/* SECOND COLUMN – IMAGE BIGGER */
.right-col:last-child {
grid-template-rows: 200px 1fr;
}
.video-banner {
position: relative;
max-width: 572px;
width: 100%;
border-radius: 16px;
overflow: hidden;
}
.video-banner img {
width: 100%;
display: block;
}
.video-overlay {
position: absolute;
inset: 0;
border-radius: 15px;
background: var(--color-cyan-26, lch(39.11 24.61 186.82 / 0.7));
display: flex;
align-items: center;
justify-content: center;
}
.play-btn {
width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
}
.play-btn:hover {
transform: scale(1.1);
}
.play-btn::before {
content: "";
border-left: 18px solid #2D9F92;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
margin-left: 5px;
}
.heading_content_wrp p {
text-align: center;
color: #50575E;
}
.heading_content_wrp {
padding-bottom: 35px;
}
.page-template-tmpl-services section.services_t.treatment-package {
background: #fff;
}
.inner-right h2 strong {
font-weight: var(--font-weight-700, 700);
display: block;
}
.tooth-benefits {
padding: 60px 20px;
background: #fff;
}
.benefits-wrap {
/*max-width: 1200px;*/
margin: auto;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 40px;
}
/* CENTER IMAGE */
.tooth-image img {
width: 100%;
max-width: 100%;
display: block;
margin: 0;
}
/* BENEFITS */
.benefits {
display: flex;
flex-direction: column;
gap: 20px;
}
.benefit p {
color: #3B3B3B;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
letter-spacing: -0.42px;
}
.benefit {
position: relative;
font-size: 14px;
line-height: 1.5;
max-width: 208px;
width: 100%;
/* height: 85px; */
padding: 12px 12px;
border-radius: 12px;
background: #FFF;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
box-sizing: border-box;
}
/* CHECK ICON */
.check {
width: 22px;
height: 22px;
background: #33A399;
color: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
flex-shrink: 0;
z-index: 1;
}
/* ALIGNMENTS */
.left .benefit {
padding-right: 22px;
}
.benefits.left p {
text-align: left;
margin: 0;
padding: 0;
}
.benefits.right p {
margin: 0;
padding: 0;
text-align: left;
}
.left .check {
position: absolute;
right: -11px;
top: 50%;
transform: translateY(-50%);
}
.right .benefit {
padding-left: 22px;
}
.right .check {
position: absolute;
left: -11px;
top: 50%;
transform: translateY(-50%);
}
/* DOTTED CONNECTORS */
.left .benefit::after,
.right .benefit::after {
content: "";
position: absolute;
top: 50%;
width: 160px;
border-top: 1px dotted #ccc;
}
.left .benefit::after {
left:100%;
}
.right .benefit::after {
right: 100%;
}
.benefits {
align-items: center;
}
.tooth-image {
z-index: 1;
max-width: 411px;
width: 100%;
}
.benefits.left .benefit:nth-child(2n) {
left: 70px;
position: relative;
}
.benefits.right .benefit:nth-child(2n) {
left: -70px;
position: relative;
}
.inner-story .left-story span {
border-radius: 10px;
background-color: #2D9F92;
background-image: url('../img/circ12.svg');
background-size: cover;
background-position: center top;
box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.10);
width: 92%;
position: relative;
z-index: 999;
overflow: hidden;
display: flex;
justify-content: center;
}
.inner-story .left-story{
position: relative;
}
.inner-story .left-story:after {
background-image: url('../img/dots.svg');
background-position: right -26px;
background-repeat: no-repeat;
padding: 0px 30px 0px 0px;
content: '';
position: absolute;
top: -42px;
right: 6px;
width: 100%;
height: 100%;
z-index: 99;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('../img/select.svg');
background-repeat: no-repeat;
background-position: 97% center;
}
.main-banner .inner_pages_banner{
left: 206px;
}
span.span {
display: block;
}
.postid-1930 .main-banner .inner_pages_banner, .single-locationpost .main-banner .inner_pages_banner {
left: 312px;
}
.page-template-tmpl-locations .main-banner .inner_pages_banner {
left: 275px;
}
.p-btn {
background: #fff;
max-width: 54px;
width: 100%;
font-size: 12px;
color: #000;
position: absolute;
z-index: 9;
bottom: 10px;
left: 12px;
text-align: center;
padding: 4px;
box-sizing: border-box;
border-radius: 6px;
}
.n-btn {
background: #fff;
max-width: 54px;
width: 100%;
font-size: 12px;
color: #000;
position: absolute;
z-index: 9;
bottom: 10px;
right: 12px;
text-align: center;
padding: 4px;
box-sizing: border-box;
border-radius: 6px;
}
.blog .blogs span, .blc-grid span {
text-transform: none;
}
.blog section.social-media, .single-post section.social-media{
display: none;
}
.inner-slider-rela .flickity-viewport{
padding-bottom: 30px;
}
.fancybox-container {
z-index: 999999;
}
.container-fluid.for-section {
text-align: center;
padding: 20px 0px 50px;
}
.bottom_content {
padding: 0px 30px;
}
.img-compare {
width: 100%;
overflow: hidden;
position: relative;
height: 387px;
overflow: hidden;
}
.img-after,
.img-before {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.img-after img,
.img-before img {
height: 100%;
object-fit: cover;
}
.img-before {
width: 100%;
overflow: hidden;
z-index: 2;
}
.compare-slider {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: ew-resize;
z-index: 5;
}
.divider {
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
background: #ffffff;
transform: translateX(-50%);
z-index: 4;
pointer-events: none;
}
.divider::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
background: #ffffff;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}
.divider::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
background-image: url("../img/arrow-before-after.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: translate(-50%, -50%);
z-index: 6;
}