:root{ --darkgreen :#011613; --lightgreen:#79D6BB; --mid-green: #002924; } /* reset css */ *,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none; font-family: "Inter", sans-serif;} img{max-width: 100%;} ul,li{list-style: none;margin: 0;letter-spacing: 1px; } a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;} a { text-decoration: none !important; display: inline-block; color: #383838; font-size: 18px; cursor: pointer;} select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;} input::placeholder, textarea::placeholder {opacity: 1;color: #626262;} textarea{resize: none;} body{background: var(--darkgreen);} p {color: #d3d3d3;;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;} iframe { width: 100%; height: 400px; border: none; border-radius: 30px;} h1{font-size:44px; margin: 15px 0 0; text-align: center; color: #d2fff5; font-weight: 400;} h2{font-size:44px; margin: 15px 0 0; font-weight: 400; color:#d2fff5;} h3{font-size:32px;margin:15px 0; font-weight: 200; color: #fff; font-style: italic;} h4{font-size:28px;margin:15px 0; font-weight: 300;} h5{font-size:25px;margin:15px 0; font-weight: 300;} h6{font-size:22px;margin:15px 0; font-weight: 300;} :root{scrollbar-width: none !important;} .fancybox-button--thumbs {display: none !important;} /* reset css */ /* common css */ .wrapper{width: 100%;overflow: hidden;} .fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;} .common-h2{text-align: center; text-transform: uppercase;} .common-span{font-size: 40px;font-weight: 500; display: block; text-align: center;} /* common css */ /* Button */ .common-btn {display: flex;justify-content: flex-start;align-items: center;padding: 20px 0;} .common-btn a { color: #fff; position: relative; background:linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%); padding: 14px 30px; font-size: 16px; cursor: pointer; box-shadow:0px 3px 15px rgb(4 191 148 / 38%); border-radius: 30px; font-weight: 600; border: solid 0.5px #00aa83; display: flex; justify-content: center; align-items: center; gap: 10px; transition: 1s ease;} .common-btn a span{display: flex; justify-content: center; align-items: center;} .common-btn a span img{width: 100%; max-width: 30px; filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(100%); display: inline-block; /* ensure transform works */ animation: slideForwardBack 0.5s ease-in-out infinite alternate;} @keyframes slideForwardBack { from { transform: translateX(0); } to { transform: translateX(5px); } } .common-btn a::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, rgba(0,255,200,0.2), rgba(0,255,200,0.1), transparent); transition: all 0.6s ease; z-index: 0; border-radius: 30px;} .common-btn a:hover::before {left: 0;} .common-btn a {position: relative;z-index: 1;overflow: hidden;} .common-btn.orange-btn a {background: var(--orange);color:#fff;} .inter-link-page{color:#009170;} @media(max-width:576px){ .inner-page-banner-wrapper{background: url(../images/banners/inner-banner-res.webp) no-repeat center center/cover !important;}} /* Dropdown css */ .dropdown-wrapper-li{position: relative;} li.dropdown-wrapper-li .dropdown-wrapper { pointer-events: none; opacity: 0; position: absolute; width: 300px; top: 100px; visibility: hidden; transition: all .2s ease-in; z-index: 1; display: flex; justify-content: center; align-items: stretch; left: -75px;gap: 50px;} .products-images, .products-images img { width: 100%; max-width: 250px; display: flex; justify-content: center; align-items: center;} .products-images img {object-fit: cover;height: 100%;} .first-route-products ul li a:hover, .first-route-products ul li a.act-link {color: #ffd49b !important;} .dropdown-wrapper{position: relative;} li.dropdown-wrapper-li:hover .dropdown-wrapper {visibility: visible;opacity: 1;top:59px;pointer-events: visible;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: linear-gradient(0deg, rgb(0 0 0 / 98%) 0%, rgb(165 53 2 / 91%)100%);} .dropdown-wrapper ul{width: 100%; max-width: 100%;} .dropdown-wrapper li {position: relative;border-bottom: 1px dotted #fff;} .dropdown-wrapper li.act-link{background: var(--orange) !important;} .dropdown-wrapper li.act-link{color:var(--brown) !important;} .dropdown-wrapper ul li a.act-link, .dropdown-wrapper ul li span.act-link { color:#fff !important;} .dropdown-wrapper li:last-child{border-bottom: unset;} .dropdown-wrapper ul{ position:relative ; z-index: 2;} .dropdown-wrapper ul li a, .dropdown-wrapper li span{color: #fff; font-size: 14px !important; padding:5px 10px !important;} .dropdown-wrapper li a {width: 100%;max-width: 350px;padding: 13px 15px !important;transition: transform 0.3s ease, padding-left 0.3s ease;} header.scrolled-header li.dropdown-wrapper-li:hover .dropdown-wrapper{top:56px;} .first-route-products h3 {font-size: 30px;display: inline-block;border-bottom: 2px solid #fefffe;color: #fff;} .first-route-products.act-link .first-route-products ul li img {display: none;} .dropdown-wrapper ul li a {position: relative;color: #fff;display: flex;justify-content: flex-start;align-items: center;} .scrolled-header .dropdown-wrapper ul li a, .scrolled-header .dropdown-wrapper ul li a span{color: #fff !important;} .menu-sub { display: none; } /* Dropdown css */ /* home-banner */ .inner-header-wrapper {width: 100%;position: relative;padding-top: 10px;border-bottom: solid 1px #fff;} .left-header{width: 100%; max-width: 300px; transition: 1s ease;} .left-header img{width: 100%; max-width: 300px; transition: 1s ease;} .header-wrapper {position: fixed;z-index: 2;right: 0;left: 0;} .slider {display: flex;width: 100%;height: 100vh;position: relative;} .slider::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle,rgba(1, 88, 68, 1) 0%, rgba(1, 22, 19, 1) 35%);z-index: -1; } .home-sliders{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position: relative; flex-direction: column; padding-top: 100px;} .scrolled-header .inner-header-wrapper{border-bottom: none;} .scrolled-header .left-header{max-width:250px;} .scrolled-header .left-header img{max-width:250px;} .scrolled-header .header-wrapper {background: #002924;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-bottom: solid 1px #ffffff4a;} .swiper-img{width:100%;max-width:550px;margin: auto;display:flex;justify-content:center; } .swiper-content {width: 100%;max-width: 900px;position: relative;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end; margin-bottom: 180px;} .swiper-img{position: relative;} .slider .fluid-container{display:flex;width:100%;} .swiper-content h2{font-size:45px;color:#fff;} .swiper-content h3{font-size:30px;color:#fff;text-transform:uppercase;margin: 15px 0;position: relative;line-height:1.5; border-left: 4px solid #82ff0e;} .slider h2{color:#fff;text-shadow:1px 2px #000; } .home-sliders h1 {display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: 700;color: var(--lightgreen);font-style: italic;} .home-sliders h2 {text-align: center;color: #fff;font-size: 24px;margin: 20px 0 0;font-weight: 400;line-height: 1.4; font-style: italic;} .home-banner-wrapper {height:100vh} .owl-dots {display: block !important;position: absolute;bottom: 100px;right: 0;left: 0;margin: auto;} .inner-home-wrapper span {font-size: 32px;color: #fff; font-weight: 500; padding-bottom: 15px; line-height: 1.5; text-align: left; width: 100%; max-width: 600px;} .slider-img {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;} .slider-img img{width: 100%; max-width:700px; animation: floatUpDown 3s ease-in-out infinite;} /* Keyframes for up and down animation */ @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); /* move up */ } 100% { transform: translateY(0); /* back to original */ } } .owl-item.active .inner-home-wrapper { transform: none; transition: 1.2s ease-in-out;} .inner-home-wrapper { width: 100%; max-width:100%; display: flex; flex-direction: column; justify-content: center; align-items:center; text-align: center; position: relative; z-index: 1; opacity: 0; transform: translateX(-50px) scale(0.95); animation: slideInScale 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards; padding-bottom: 20px;} /* .simple-steps-cards-wrapper.owl-carousel.owl-drag .owl-item{margin: 0 !important;} */ @keyframes slideInScale { 0% { opacity: 0; transform: translateX(-50px) scale(0.95); } 100% { opacity: 1; transform: translateX(0) scale(1); } } /* owl-carousel css */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%;} .owl-carousel .owl-dots ,.owl-carousel .owl-nav{display:none;font-size:55px} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:#354c42;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display: flex;justify-content: center;align-items: stretch;} .owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav [class*=owl-]{color:#b4b4b4;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-dots .owl-dot{display:inline-block;} .owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .owl-theme .owl-dots .owl-dot.active span{background:#b4b4b4} .owl-dots{text-align-last: center;padding:0;} .owl-carousel button.owl-dot {width: 12px;height: 12px;margin: 15px 5px;background: #fff;border-radius: 50px;display: inline-block;position: relative;transition: all 0.4s ease;} .owl-dots {display: flex !important;justify-content: center;align-items: center;gap: 5px; position: relative;} .owl-dots .owl-dot.active { width: 40px; background: #fff !important; opacity: 1;} @keyframes dotLine { from { width: 40%; opacity: 0.5; } to { width: 80%; opacity: 1; } } /* owl-carousel css */ /* Resp menu css */ .desk-resp-ham {position: relative;} .desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;line-height: 12px;min-height: 40px;display: block !important;width: 55px;text-align: center;right: 5px;bottom: 22px;border-radius: 5px;box-shadow: 0px 3px 15px rgb(4 191 148 / 36%);border: solid 0.5px #00aa83;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);} .desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 2px;right: 0;margin: 0 auto;width:38px;opacity: 1;background: #fff;transition: all .25s ease;} .scrolled-header .desk-resp-ham ul.toggle-desk li{background:#fff} .desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;} .desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;} .desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;} .desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);} .desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;} .desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);} .desk-resp-ham .sidebar { position: fixed; top: 0; right: -100%; width: 40%; height: 100vh; box-sizing: border-box; text-align: center; z-index: 9; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: right 0.5s ease;} .desk-resp-ham .sidebar.active { right: 0;} .desk-resp-ham .sidebar::-webkit-scrollbar {display: none;} .desk-resp-ham .sidebar.active {right: 0;padding: 0 20px;background: #002924; border-left: solid 0.5px #00aa83;box-shadow: 0px 3px 15px rgb(4 191 148 / 36%);} .desk-resp-ham .sidebar.active > a{width: 100%;background: #dcd1bf;display: flex;justify-content: center;align-items: center;padding: 20px 10px;} .desk-resp-ham .sidebar .header-logo img {width: 100%; max-width: 80%;} .desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0; display: flex; align-items: self-start;} .desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;gap: 10px;} .desk-resp-ham .sidebar ul.menu li a {position: relative;color: #fff;width: 100%;justify-content: start;display: flex;padding: 15px 20px 15px 0;font-size: 20px;text-align: start;font-weight: 500;transition: 1s ease;gap: 20px;} .desk-resp-ham .sidebar ul.menu li a.act-link , .desk-resp-ham .sidebar ul.menu li .icons-wrapper.act-link a{color: var(--lightgreen) !important;} .nav-dropdown li a {padding: 10px 0 10px 30px !important;} .nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;} .desk-resp-ham .sidebar ul.menu > li > a:hover, .desk-resp-ham .sidebar ul.menu > li > a.act-link , .menu-sub li a:hover{color: #02a985 !important;} .desk-resp-ham .sidebar ul.menu>li>a {display: flex;gap: 5px;align-items: center; letter-spacing: 0;} .desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;} .nav-dropdown-1 { background: #718d67; border-top: 3px solid #dcd1bf;} /* .desk-resp-ham .sidebar ul.menu > li > span { display: flex; gap: 5px; align-items: center; } */ /* .desk-resp-ham .sidebar ul.menu li span { position: relative; text-transform: capitalize; color: #fff; width: 100%; width: 100%; justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 17px; text-align: left;} */ .desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li > span.act-link {background:var(--lightgreen);color: #fff !important;} .nav-dropdown li.act-link a,.nav-dropdown li:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #dcd1bf !important;} .nav-dropdown li a.act-link::before,.nav-dropdown li a:hover::before,.desk-resp-ham .sidebar ul.menu>li>a.act-link a::before {border-right: 2px solid #ffd49b;border-bottom: 2px solid #ffd49b;} .nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #ffd49b !important;} .desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;} .desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;} .desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;} .nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;padding: 10px 0;border-bottom: 1px dotted #c9c9c9;background:var(--brown);} .nav-dropdown li a {font-size: 15px !important;color: #fff !important;} .desk-resp-ham .sidebar ul.social-icon li:hover a {color: #dcd1bf;} .desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;} .desk-ham-menu li a.act-link ~ ul{display: block !important;} .scrolled-header .desk-resp-ham ul.toggle-desk {bottom:18px;} .sidebar.active .header-logo{display: block;} .header-logo a{padding:20px 0;} .header-desk-resp-wrapper .toggle-desk {top: 29px !important;bottom: unset !important;left: 20px;} .header-desk-resp-wrapper{display: flex; justify-content: center; align-items: center;} .header-desk-resp-wrapper ul.toggle-desk li:nth-of-type(1) { top: 50%; transform: translateY(-50%) rotate(45deg);} .header-desk-resp-wrapper ul.toggle-desk li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;} .header-desk-resp-wrapper ul.toggle-desk li:nth-of-type(3) {top: 52%;transform: rotate(-50deg);} .menu-cta-wrapper{padding-top: 20px;} .menu-cta-wrapper-img img { width: 100%; max-width: 300px !important; box-shadow: 0px 3px 15px rgb(4 191 148 / 54%); border: solid 0.5px #00aa83; border-radius: 20px;} .menu-cta-wrapper > span{display: block; text-align: center; font-size: 20px; color: #fff; padding: 20px 0 20px;} .menu-sub li{width: 100% !important; padding: unset !important;} .menu-sub li a {font-size: 16px !important;font-weight: 300;width: 100% !important;max-width: 100% !important;padding: 5px 0 10px !important;font-weight: 300 !important;} .desk-ham-menu li span img{width: 100%; max-width: 10px;} .menu-sub{margin-left: 200px;} .desk-ham-menu-span {min-width:20px !important;height: 20px !important;background: #fff;border-radius: 100%;padding: unset;display: flex;justify-content: center;align-items: center;margin: 16px 0 0 0;} .icons-wrapper{display: flex; justify-content: center; gap: 10px;} /* .desk-ham-menu li:hover span img{filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7488%) hue-rotate(319deg) brightness(123%) contrast(115%);} */ /* Resp menu css */ .section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0;z-index: 2;height: 100%;} .section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease} /* Index page css */ .biosmarth-gallery-main-wrapper{padding: 60px 0 20px;} .biosmart-gallery-heading-wrapper h2{text-align: center; padding-bottom: 40px;} .biosmart-gallery-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 1px; box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83; border-radius: 50px;} .biosmart-gallery-img{width: 100%; max-width: 25%;} .biosmart-gallery-img img {width: 100%; display: flex;} .biosmart-gallery-inner-wrapper .biosmart-gallery-img:first-child img {border-radius: 50px 0 0 50px;} .biosmart-gallery-inner-wrapper .biosmart-gallery-img:last-child img {border-radius:0 50px 50px 0;} .smile-deserves-main-wrapper{padding: 60px 0;} .smile-deserves-inner-wrapper h2{text-align: center;} .smile-deserves-inner-wrapper h3 {text-align: center;margin: 15px 0 35px;} .smile-deserves-container {display: flex; justify-content: center; align-items: center;box-shadow: 0px 3px 15px rgba(1, 72, 57, 0.6);border: solid 1px #ffffff2e;border-radius: 40px;background: #04342f; overflow: hidden; margin-top: 40px;} .smile-deserves-container-img {width: 100%;max-width: 600px;display: flex;} .smile-deserves-container-img img{width: 100%; max-width:600px;} .smile-deserves-container-content{width: 100%; max-width: 100%; padding: 0 40px;} .smile-deserves-container p{text-align:start; color: #10eeba; line-height: 1.8;} .smile-deserves-container .common-btn{justify-content: start !important;} .smile-deserv-list{padding: 60px 0; position: relative;} .smile-deserv-list::before {position: absolute;content: "";width: 100%;max-width: 180px;height: 300px;background: url(../images/ellipse.webp) no-repeat center center/cover;top: 0;bottom: 0;margin: auto 0;transform: scaleX(-1);left: -30px;} .smile-deserv-list::after {position: absolute;content: "";width: 100%;max-width: 180px;height: 300px;background: url(../images/ellipse.webp) no-repeat center center/cover;top: 0;bottom: 0;margin: auto 0;right: -30px;} .smile-deserv-list ul{display: flex; justify-content: center; align-items: center;} .smile-deserv-list{margin: 160px 0 75px;} .smile-deserv-list ul li {font-size: 24px;text-align: center;color: #ffffffd1;border-right: solid 2px #24594C; width: 100%; max-width: 25%;} .smile-deserv-list ul li:last-child{border-right: none;} .personalized-materials-desgined-main-wrapper {padding: 60px 0;background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .personalized-materials-desgined-inner-wrapper h2{text-align: center;} .personalized-materials-desgined-inner-wrapper h3{text-align: center;} .personalized-materials-desgined-card{width: 100%; max-width: 580px;} .personalized-materials-desgined-wrapper{display: flex; justify-content: center; align-items: center; gap: 70px;} .personalized-materials-desgined-card-img img{width: 100%; max-width: 580px; border-radius: 20px; box-shadow: 0px 3px 15px rgba(1, 72, 57, 1); border: solid 1px #ffffff1f;} .personalized-materials-desgined-wrapper{padding-top: 60px;} .personalized-materials-desgined-card-content{padding: 30px 0;} .personalized-materials-desgined-card-content span{font-size: 38px; color: #fff; text-align: end; display: block;} .personalized-materials-desgined-card-content span sup{font-size: 18px;} .personalized-materials-desgined-card-content h3{text-align:end; font-style: italic; margin: 10px 0 15px;} .personalized-materials-desgined-card-content .common-btn{justify-content: end; padding: 0 0 20px;} .personalized-materials-desgined-wrapper .personalized-materials-desgined-card:last-child{display: flex; flex-direction: column-reverse;} .personalized-materials-desgined-wrapper .personalized-materials-desgined-card:last-child .personalized-materials-desgined-card-content h3{text-align: start !important;} .personalized-materials-desgined-wrapper .personalized-materials-desgined-card:last-child span{text-align: start;} .personalized-materials-desgined-wrapper .personalized-materials-desgined-card:last-child .common-btn{justify-content: start;} .pattern-2{display: none !important;} .personalized-materials-desgined-wrapper .personalized-materials-desgined-card:last-child .personalized-materials-desgined-card-content .common-btn a span img { animation: leftRightWiggle 1s ease-in-out infinite; } /* Keyframes should include both scaleX and translateX together */ @keyframes leftRightWiggle { 0%, 100% { transform: scaleX(-1) translateX(0); } 50% { transform: scaleX(-1) translateX(-5px); } } .Whatever-your-smile-needs-main-wrapper{padding: 60px 0;} .whatever-your-smile-needs-inner-wrapper h2{text-align: center;} .whatever-your-smile-needs-inner-wrapper h3{text-align: center;} .whatever-your-smile-needs-card {width: 100%;max-width: 250px;position: relative;padding: 20px 0; transition: 1s ease;} .whatever-your-smile-needs-card::before {position: absolute;content: "";width: 1px;height: 100%;background: #00917047;right: -39px; top: 0;} .whatever-your-smile-needs-card-img img{width: 100%; max-width: 250px; transition: 1s ease;} .whatever-your-smile-needs-card-img {position: relative;width: 100%;max-width: 250px;left: 0;right: 0;margin: auto;} .whatever-your-smile-needs-card-img p{font-size: 14px;color: #10eeba; display: none; transition: 1s ease;} .whatever-your-smile-needs-card-img::before {position: absolute;content: "";width: 100%;max-width: 30px;height: 30px;object-fit: cover;background: url(../images/icons/right.webp) no-repeat center center/cover;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(98deg) brightness(110%) contrast(101%);bottom: -20px;left: 0;right: 0;margin: 0 auto;transform: rotate(90deg); animation: verticalFloat 2s ease-in-out infinite;} @keyframes verticalFloat { 0% { transform: rotate(90deg) translateX(0); } 50% { transform: rotate(90deg) translateX(-5px); } 100% { transform: rotate(90deg) translateX(0); } } .whatever-your-smile-needs-card .common-btn{justify-content: center; padding: 30px 0;} .whatever-your-smile-needs-card .common-btn a{width: 200px;} .whatever-your-smile-needs-list-wrapper {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap:0 60px;padding-top: 30px;position: relative;} .whatever-your-smile-needs-list-wrapper::before {position: absolute;content: "";width: 97%;height: 1px;background: #00917047;top: 16px;bottom: 0;margin: auto 0;} .whatever-your-smile-needs-list-wrapper .whatever-your-smile-needs-card:nth-child(4)::before , .whatever-your-smile-needs-list-wrapper .whatever-your-smile-needs-card:last-child::before {display: none;} .popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: none;align-items: center;justify-content: center;z-index: 9999;} .popup-content { background:#002924; padding: 20px 30px; border-radius: 10px; max-width: 500px; width: 90%; position: relative; animation: popupIn 0.3s ease; box-shadow: 0px 3px 15px rgb(4 191 148 / 38%); border: solid 0.5px #00aa83;} .close-btn { position: absolute; top: 7px; right: 27px; font-size: 30px; cursor: pointer; color: #fff;} .popup-content p {margin: 0 0 15px;} .popup-content h3 {font-weight: 500;font-size: 26px;font-style: unset;margin: 15px 0 10px;} @keyframes popupIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } .index-page-biosmart-logo-main-wrapper{padding: 60px 0 0;} .index-page-biosmart-logo-inner-wrapper{display: flex; justify-content: center; align-items: center;} .index-page-biosmart-logo-inner-wrapper img{width: 100%; max-width: 1200px; animation: floatUpDowns 2s ease-in-out infinite;} @keyframes floatUpDowns { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); /* move up */ } 100% { transform: translateY(0); /* back to original */ } } .bio-smart-cta-main-wrapper{padding: 60px 0;} .bio-smart-cta-inner-wrapper{position: relative;display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1200px; box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border-radius: 45px; background: url(../images/cta-bg-image.webp) no-repeat center center/cover;} .bio-smart-cta-inner-wrapper::before { position: absolute; width: 100%; max-width: 100%; height: 100%; content: ""; background: linear-gradient(60deg, #0c6759e6 16%, rgb(6 8 8 / 92%) 96%); border-radius: 45px;} .bio-smart-cta-img{width: 100%; max-width: 40%; display: flex;} .bio-smart-cta-img img {width: 100%;max-width: 450px;border-radius: 45px 0 0 45px;z-index: 1;position: relative;} .bio-smart-cta-content{width: 100%; max-width: 60%; position: relative; padding-left: 40px;} .bio-smart-cta-content .common-btn a{background: #fff; color: #000;} .bio-smart-cta-content .common-btn a span img{filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(0%) hue-rotate(195deg) brightness(96%) contrast(100%);} .video-main-wrapper {padding: 50px 0 60px;} .video-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 30px;} .video-biosmart {width: 100%;max-width: 30%;display: flex;justify-content: center;align-items: center;} .video-content{width: 100%; max-width: 68%;} .video-biosmart span {position: relative;width: 270px;height: 270px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background: var(--mid-green);box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 2px #ffffff1f;} .video-biosmart span img {width: 100%;max-width: 100px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(214deg) brightness(107%) contrast(103%);} .video-biosmart span::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; box-shadow: 0 0 #ffffffa3, 0 0 32px #ffffff82; animation: ripples 2s linear infinite; animation-play-state: running; transition: 0.5s; opacity: 1; visibility: visible; transform: scale(1); width: 100%; max-width: 100px; height: 100px; margin: auto; z-index: 0;} @keyframes ripples {to {box-shadow: 0 0 0 32px #ffffff25, 0 0 0 64px #ffffff25;}} .simple-steps-main-wrapper{padding: 60px 0;} .simple-steps-inner-wrapper h2{padding-top: 10px;} .simple-steps-cards-wrapper{display: flex;justify-content: center;align-items: center;gap: 30px;} .simple-steps-cards-wrapper .owl-nav {display: flex !important;justify-content: center;align-items: center;gap: 10px;position: absolute;top: -60px;right: 30px;} .simple-steps-cards-wrapper .owl-nav .owl-prev, .simple-steps-cards-wrapper .owl-nav .owl-next {display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;background-color: var(--navy);border: 2px solid var(--red) !important;border-radius: 100%;} .simple-steps-cards-wrapper .owl-nav .owl-prev span, .simple-steps-cards-wrapper .owl-nav .owl-next span {display: none;} .simple-steps-cards-wrapper .owl-nav .owl-prev:hover, .simple-steps-cards-wrapper .owl-nav .owl-next:hover{background-color: #eab602;} .simple-steps-cards-wrapper .owl-nav .owl-prev:hover span, .simple-steps-cards-wrapper .owl-nav .owl-next:hover span{color: #000;} .simple-steps-card { width: 100%; max-width: 370px; border: solid 2px #214641; padding:30px; border-radius: 20px; transition: 0.6s ease; position: relative; } .simple-steps-card-img span img{width: 100%; max-width:70px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(42deg) brightness(101%) contrast(95%);} .simple-smile-card-content h3 {color: #fff;font-size: 24px;font-weight: 400;padding-top: 10px; font-style: unset;} .simple-smile-card-content p{text-align: start; display: none; } .owl-carousel.simple-steps-cards-wrapper .owl-nav button.owl-prev::before, .owl-carousel.simple-steps-cards-wrapper .owl-nav button.owl-next::before { content: ''; position: absolute; width: 30px; background: url(../images/icons/right.webp) no-repeat center center/contain; filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(150deg) brightness(102%) contrast(105%); height: 30px; z-index: 0;} .owl-carousel.simple-steps-cards-wrapper .owl-nav button.owl-prev::before { transform: scaleX(-1);} .owl-carousel.simple-steps-cards-wrapper .owl-nav button.owl-next, .owl-carousel.simple-steps-cards-wrapper .owl-nav button.owl-prev, .owl-carousel.simple-steps-cards-wrapper button.owl-dot {background: #00372F;color: inherit;padding: 0!important;font: inherit;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 2px #ffffff1f !important;} .simple-smile-card-content p { display: none;} .simple-steps-card.active-step .simple-smile-card-content p { display: block; color: #ffffffa8;} .simple-steps-card.active-step { transform: scale(1.05); transition: 2s ease-in-out; background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);} .owl-carousel.simple-steps-cards-wrapper .owl-stage {margin: 60px 0;} .simple-steps-card.active-step .simple-steps-card-img span {width: 100px;height: 100px;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 1px #009170 !important;display: flex;justify-content: center;align-items: center;border-radius: 100%;background: #011613;} .simple-steps-card.active-step .simple-steps-card-img span img{max-width: 50px; } .simple-steps-card.active-step::before {display: none;} .testimonils-main-wrapper{padding: 40px 0 20px;} .testimonils-inner-wrapper h2{text-align: center; margin: 15px 0 40px;} .testimonils-inner-wrapper .inner-span{font-weight: 300; font-style: italic;} .testimonils-card {width:370px;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 20px 30px;border-radius: 20px;border: solid 1px #79d6bb61; margin: 15px 0; position: relative; z-index: 1;} .testimonils-card-img{display: flex; justify-content: start; align-items: center; gap: 20px;} .testimonils-card-img span img {width: 100%;max-width: 90px;height: 90px;border-radius: 100%;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);} .testimonils-card-img h3{font-size: 26px; font-style: unset;} .testimonils-card-content p{text-align: start;} .testimonils-cards-main-wrapper{display: flex; justify-content: center; align-items: center; gap: 20px; position: relative;} .testimonils-cards-main-wrapper {display: flex;gap: 30px;justify-content: center;} .testimonial-scroll-wrapper { height: 560px; overflow: hidden; position: relative;} .testimonial-scroll-track { display: flex; flex-direction: column;} .testimonils-card {padding: 20px;box-sizing: border-box;} .center-col .testimonial-scroll-track {transform: translateY(100px); } .testimonils-cards-main-wrapper::before{position: absolute; content: ""; width: 100%; height: 200px; background: linear-gradient(to bottom, rgba(1, 22, 19, 0.95), transparent); z-index: 1; top: 0;} .testimonils-cards-main-wrapper::after{position: absolute; content: ""; width: 100%; height: 200px; background: linear-gradient(to top, rgba(1, 22, 19, 0.95), transparent); z-index: 1; bottom: 0;} /* Index page css */ /* Inner Banner */ .inner-page-banner-wrapper {height:450px;position: relative;z-index: 0;} .inner-page-banner-wrapper .fluid-container {height: 100%;} .banner-text {height: 100%;display: flex;justify-content:end;align-items:start;position: relative;flex-direction: column;z-index: 2; padding-bottom: 20px;} .banner-text span {color: #fff;font-size: 30px;text-align: start;line-height: 1.6;} .inner-span-bredcumbs{font-style: italic; font-weight: 200;} .breadcrumbs {display: flex;justify-content: center;align-items: center;gap: 15px;margin: 15px 0;background:linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 8px 15px;border-radius: 8px;box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83;} .breadcrumbs li, .breadcrumbs a {color: #fff;position: relative; font-weight: 600; display: flex;} span.breadcrumbs-active { font-size: 18px !important;} .common-inner-page-wrapper {padding: 60px 0;} .breadcrumbs-img {position: relative;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;} .breadcrumbs-img::before {content: '';position: absolute ;width: 100%;max-width: 40px;height: 40px;border-radius: 50%; } .breadcrumbs-img img {width: 100%;max-width: 25px;filter: brightness(0) saturate(100%) invert(90%) sepia(43%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(105%); animation: pulseRotate 2s ease-in-out infinite;} .inner-banner-content-wrapper{width: 100%;display:flex ; justify-content: space-between; align-items: center;} @keyframes pulseRotate { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(5deg); } } .inner-page-main-wrapper{padding: 120px 0 60px;} .contact-section-main-wrapper .fluid-container{display: flex; justify-content: center; align-items: center;} .contact-us-inner-wrapper {width: 100%;max-width: 1000px;display: flex;justify-content: center;align-items: stretch;border: solid 0.5px #00aa83;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);box-shadow: 0px 3px 15px rgb(4 191 148 / 48%);border-radius: 15px;} .contact-form-section {padding: 50px 40px;background: #002924;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 100%;max-width: 70%;border-radius: 15px 0 0 15px;} .form-header h1 {color:#009170;font-size: 28px;font-weight: 600;margin-bottom: 40px;} .form-row {display: flex;gap: 20px;margin-bottom: 20px;} .form-row input {flex: 1;} input[type="text"], input[type="email"], input[type="tel"], textarea {width: 100%;border: 1px solid #dbdbdb;border-radius: 2px;color:#fff;padding: 12px 20px;outline: none;font-size: 14px; background: #00352F;} textarea { resize: vertical; } .contact-us-btn{padding-top: 25px;} .contact-us-btn button {color: #fff;position: relative;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 14px 30px;font-size: 16px;cursor: pointer;box-shadow: 0px 3px 15px rgb(4 191 148 / 38%);border-radius: 30px;font-weight: 600;border: solid 0.5px #00aa83;display: flex;justify-content: center;align-items: center;gap: 10px;transition: 1s ease;width: 100%;max-width: 240px;} .contact-info-section {background:#007761;color: #fff;padding: 45px 30px 80px;position: relative;display: flex;flex-direction: column;justify-content: space-between;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; max-width: 40%; border-radius: 0 15px 15px 0;} .contact-info-section h3 {font-size: 26px;margin-bottom: 40px;font-style: unset;font-weight: 400;} .contact-info-section h3 span {display: block;font-size:20px;font-weight: 400;color: #d9fffa;margin-top: 5px;} .info-list { list-style: none; padding: 0; margin: 0;} .info-list li {display: flex;align-items: center;gap: 10px;margin-bottom: 30px;} .info-list img {width: 30px;height: 30px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(347deg) brightness(105%) contrast(102%);} .info-list a {color: #fff;background: var(--mid-green);padding: 12px 15px;border-radius: 15px;font-size: 13px;font-weight: 500;text-decoration: none;transition: background 0.3s ease;width:max-content;} .info-list a:hover {background-color: #011613; color: #ffff;} .social-icons {display: flex;gap: 15px;margin-top: 40px;} .social-icons img {width: 24px;height: 24px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(347deg) brightness(105%) contrast(102%);} .form-row input::placeholder , .form-full textarea::placeholder{color: #fff;} select { width: 100%; padding: 10px; font-size: 16px; border: 1px solid #dbdbdb; border-radius: 5px; color: #fff; background-color: #00352f; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("../images/icons/down-arrow.webp"); background-repeat: no-repeat; background-position: right 15px center; background-size: 17px; cursor: pointer;} select option{background: var(--mid-green);color: #ffff;} .select option:hover{ background: var(--lightgreen);} .grecaptcha-badge{right: -1000px !important;} /* About Us */ .about-us-main-wrapper{padding: 120px 0 0;} .about-us-inner-wrapper{display: flex; justify-content: center; align-items:center; gap: 60px;} .about-us-image{width: 100%; max-width:500px;} .about-us-image img{width: 100%; max-width: 500px; border-radius: 20px; box-shadow: 0px 3px 15px rgb(4 191 148 / 54%); border: solid 0.5px #00aa83; transition: 2s all ease-in-out;} .about-us-content{width: 100%; max-width: 700px;} .about-us-content p{text-align: start;} .about-us-content h1{text-align: start;} .about-us-content h3{font-style: unset;} .about-us-image:hover img{transform: scale(1.05); transition: 2s all ease-in-out;} .our-mission-wrapper{padding: 120px 0 ; display: flex; justify-content: center; align-items:center; position: relative;} .our-mission-inner-wrapper{width: 100%; max-width: 900px; position: relative;} .our-mission-inner-wrapper h2{text-align: center;} .our-mission-inner-wrapper p{font-size: 22px; color: #fff; text-align: center;} .our-mission-wrapper::before {position: absolute;content: "";width: 100%;max-width: 150px;height: 270px;background: url(../images/ellipse.webp) no-repeat center center/cover;top: 0;bottom: 0;margin: auto 0;transform: scaleX(-1);left: 35px;} .our-mission-wrapper::after {position: absolute;content: "";width: 100%;max-width: 150px;height: 270px;background: url(../images/ellipse.webp) no-repeat center center/cover;top: 0;bottom: 0;margin: auto 0;right: 35px;} .biosmart-different-main-wrapper{padding: 60px 0; background: url(../images/bio-smart-diffenrt-bg.webp) no-repeat center center/cover; margin: 60px 0; position: relative;} .biosmart-different-main-wrapper::before {position: absolute;content: "";width: 100%;max-width: 100%;height: 100%;top: 0;background: linear-gradient(283deg, rgb(18 117 95) 7%, rgb(0 28 31 / 90%) 79%);} .biosmart-different-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 40px;} .biosmart-different-img{width: 100%; max-width: 45%; position: relative;} .biosmart-different-img img {width: 100%;max-width: 550px;box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83;transition: 2s all ease-in-out;} .biosmart-diffrent-sub-content { border-bottom: solid 1px #ffffff47;} .biosmart-diffrent-content{width: 100%; max-width:55%; position: relative;} .biosmart-diffrent-sub-content h3{font-size: 22px; font-style: unset; margin: 15px 0 0; font-weight: 500;} .biosmart-diffrent-sub-content p{font-size: 16px; text-align: start; color: #ffffffd4;} .who-we-are-mnr{padding: 60px 0;} .who-we-are-list .who-we-are-card:nth-child(2){flex-direction:row-reverse;} .who-we-are-card{width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: center; gap:45px; padding: 50px 0;} .who-we-are-img{width: 100%; max-width: 550px; position: relative;} .who-we-are-img::before {position: absolute;content: "";width: 100%;max-width: 500px;height: 500px;border: solid 2px var(--lightgreen);left: 0px;right: 0;margin: auto;top: -21px;border-radius: 100%;} .who-we-are-img span img ,.one-millifarc-circle-image img{width: 100%; max-width:460px; border-radius: 100%;} .who-we-are-img span {position: relative;width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;} .who-we-are-img span::after {position: absolute;content: "";width: 100%;max-width: 25px;height: 25px;background: var(--lightgreen);border-radius: 100%;top: 24px;left: 111px;} .who-we-are-content{width: 100%; max-width: 50%;} .who-we-are-content p{text-align: start;} .who-we-are-list .who-we-are-card:nth-child(2) .who-we-are-content h2 , .who-we-are-list .who-we-are-card:nth-child(2) .who-we-are-content p{text-align: end;} .who-we-are-img span::before {position: absolute;content: "";width: 100%;max-width: 25px;height: 25px;background: var(--lightgreen);border-radius: 100%;top: 0;right: 0;animation: moonOrbit 20s linear infinite;bottom: 0;left: 0;margin: auto; } /* Reduced the axis of rotation by decreasing translateX */ @keyframes moonOrbit { 0% { transform: rotate(0deg) translateX(250px) rotate(0deg);border-radius: 50%; } 100% { transform: rotate(360deg) translateX(250px) rotate(-360deg);border-radius: 50%; } } @keyframes moonOrbitOpposite { 0% { transform: rotate(180deg) translateX(250px) rotate(0deg);border-radius: 50%; } 100% { transform: rotate(540deg) translateX(250px) rotate(-360deg);border-radius: 50%; } } .who-we-are-img span::after {position: absolute;content: "";width: 100%;max-width: 25px;height: 25px;background: var(--lightgreen);border-radius: 100%;top: 0;left: 0; right: 0; bottom: 0; margin: auto; animation: moonOrbitOpposite 20s linear infinite;} .about-us-find-us .bio-smart-cta-inner-wrapper .bio-smart-cta-content{padding: 0 50px;} .about-us-find-us .bio-smart-cta-inner-wrapper .bio-smart-cta-content h3{font-size: 22px; margin: 10px 0; font-weight: 400;} .about-us-find-us .bio-smart-cta-inner-wrapper .bio-smart-cta-content ul li {font-size: 20px;color: #fff;padding: 10px 0 5px 30px; position: relative; font-weight: 400;} .about-us-find-us .bio-smart-cta-inner-wrapper .bio-smart-cta-content ul li::before {position: absolute;content: "";width: 100%;max-width: 20px;height: 20px;background: url(../images/icons/quality.webp) no-repeat center center/cover;left: 0;top: 13px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} .about-us-find-us .bio-smart-cta-inner-wrapper .bio-smart-cta-content p{text-align: start; color: #fff; font-weight: 400;} .your-smile-journey-main-wrapper{padding: 90px 0 0;} .your-smile-inner-wrapper{display: flex; justify-content: center; align-items: center;} .your-smile-inner-content{width: 100%; max-width: 1100px;} .your-smile-inner-content h2 , .your-smile-inner-content h1{text-align: center;} .your-smile-inner-content p{text-align: center; font-size: 20px; color: #ffffffc4;} .your-smile-inner-content .common-btn{display: flex; justify-content: center; align-items: center; gap: 40px;} .smile-journey-inner-wrapper h2 , .smile-journey-main-wrapper.speaking h2 , .eating-main-wrapper h2{font-size: 37px;} /* About Us */ /* How it Works */ .how-it-works-main-wrapper{padding: 100px 0 0; position: relative;} .how-it-works-inner-wrapper{position: relative;} .how-it-works-main-wrapper::before { position: absolute; content: ""; width: 100%; max-width: 400px; height: 400px; background: url(../images/how-it-works-teeth.webp) no-repeat center center/contain; transform: rotate(28deg); left: -117px; opacity: 0.1; z-index: -1;} .how-it-works-main-wrapper::after {position: absolute;content: "";width: 100%;max-width: 400px;height: 400px;background: url(../images/how-it-works-teeth.webp) no-repeat center center/contain;transform: rotate(-38deg);right: -148px;opacity: 0.1;top: 0;bottom: 0;margin: auto 0;z-index: -1;} .how-it-works-heading-wrapper h1 span{font-style: italic; font-weight: 300;} .how-it-works-heading-wrapper h2 {text-align: center;font-size: 32px;font-style: italic;font-weight: 300;} .how-it-works-heading-wrapper p{text-align: center;} .how-it-works-steps-card{display: flex; justify-content: center; align-items: center; gap: 50px; padding: 50px 0;} .how-it-works-steps-card-img{width: 100%; max-width:550px; position: relative;} .how-it-works-steps-card-img::before {position: absolute;content: "";width: 100%;max-width: 130px;height: 130px;background: #01836B;top: -4px;right: -5px;z-index: -1;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 1px #ffffff1f;} .how-it-works-steps-card-img::after {position: absolute;content: "";width: 100%;max-width: 130px;height: 130px;background: #01836B;bottom: -1px;left: -5px;z-index: -1;border: solid 1px #ffffff1f;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);} .how-it-works-steps-card-img img{ width: 100%; max-width: 550px;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 1px #ffffff1f; transition: 2s all ease-in-out;} .how-it-works-steps-card-content{width: 100%; max-width:650px;} .how-it-works-steps-card-content h3{color: #00C194; font-weight: 300; font-style: unset;} .how-it-works-steps-card-content p{line-height: 1.8; text-align: start;} .how-it-works-steps-card-content span {text-align: start;display: block;color: #fff;font-size: 20px;letter-spacing: 1px;font-weight: 300;} .how-it-works-steps-card-img:hover img{transform: scale(1.05); transition: 2s all ease-in-out;} /* How it Works */ /* braces and aligners */ .braces-aligners-right-main-wrapper{padding: 120px 0 60px;} .braces-aligners-right-img-wrapper img {border-radius: 50px;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 2px #ffffff1f; transition: 2s all ease-in-out;} .braces-aligners-right-img-wrapper img:last-child{display: none;} .braces-aligners-right-inner-wrapper h1 span{font-weight: 300; font-style: italic;} .braces-aligners-right-inner-wrapper p{text-align: center;} .braces-aligners-span{color: #fff; display: block; font-size: 21px; text-align: center;} .people-choosing-aligners-main-wrapper{padding: 60px 0;} .people-choosing-aligners-inner-wrapper h2 , .people-choosing-aligners-inner-wrapper h3{text-align: center;} .braces-aligners-right-img-wrapper:hover img{transform: scale(1.05); transition: 2s all ease-in-out;} .people-choosing-aligners-card {width: 100%;max-width:450px;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 10px 20px;border-radius: 15px;box-shadow: 0px 3px 15px rgb(4 191 148 / 38%);border: solid 0.5px #00aa83; position: relative;} .people-choosing-aligners-cards-wrapper {padding-top: 80px;display: flex;justify-content: center;align-items: stretch;gap: 120px 80px;flex-wrap: wrap;} .people-choosing-aligners-card-img{position: absolute;top: -62px;} .people-choosing-aligners-card-img span {width: 120px;height: 120px;background: var(--darkgreen);display: flex;justify-content: center;align-items: center;border-radius: 100%;border: solid 0.5px #00aa83;} .people-choosing-aligners-card-img span img{width: 100%; max-width: 80px; filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(783%) hue-rotate(253deg) brightness(114%) contrast(100%);} .people-choosing-aligners-card h4 {color: #fff;font-size: 22px;text-align: start;font-weight: 600;margin: 65px 0 0;} .people-choosing-aligners-card p{text-align: start;color:#ffffffb8; line-height: 1.8; margin: 10px 0;} .how-bioSmart-aligners-main-wrapper{margin: 60px 0 0; padding: 60px 0; background: url(../images/make-it-even-better-bg.webp) no-repeat center center/cover; position: relative; border-top: solid 1px #009170;} .how-bioSmart-aligners-main-wrapper::before {position: absolute;content: "";width: 100%;max-width: 100%;height: 100%;background:linear-gradient(283deg, rgba(2, 28, 27, 0.86) 4%, rgb(10 70 55 / 94%) 48%, rgba(2, 28, 27, 0.84) 100%);top: 0;} .how-bioSmart-aligners-main-wrapper::after {content: "";position: absolute;left: 0;width: 100%;height: 1px;background: linear-gradient(to right, #ffffff7a, #009170, #ffffff82);z-index: 2;bottom: 0;} .how-biosmart-aligners-inner-wrapper h2{text-align: center; position: relative;} .how-biosmart-aligners-inner-wrapper h3{text-align: center; position: relative;} .over-other-aligner-brands-main-wrapper{padding: 80px 0; background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .over-other-aligner-brands-inner-wrapper h2{margin: 15px 0 35px; text-align: center;} .over-other-aligner-brands-card{display: flex; justify-content: center; align-items: center; } .over-other-aligner-brands-card-img{width: 100%; max-width: 50%;} .over-other-aligner-brands-card{display: flex; justify-content: center; align-items: center; gap: 60px;} .over-other-aligner-brands-card-img img {border-radius: 30px;box-shadow: 0px 3px 15px rgba(1, 72, 57, 1);border: solid 2px #ffffff1f; transition: 2s all ease-in-out;} .over-other-aligner-brands-card-img:hover img{transform: scale(1.05); transition: 2s all ease-in-out;} .over-other-aligner-brands-card-content{width: 100%; max-width: 50%;} .over-other-aligner-brands-card-sub-content{position: relative;} .over-other-aligner-brands-card-sub-content::before {position: absolute;content: "";width: 1px;height: 113%;background: #00C194;left: -20px;top: 16px; } .over-other-aligner-brands-card-content .over-other-aligner-brands-card-sub-content:last-child::before{display: none;} .over-other-aligner-brands-card-sub-content h3 {font-size: 26px;color: #00C194;font-weight: 400; position: relative;} .over-other-aligner-brands-card-sub-content h3::before {position: absolute;content: "";width: 100%;max-width: 12px;height: 12px;background: #00C194;border-radius: 100%;top: 8px;left: -26px; animation: glowPulse 3s ease-in-out infinite;} @keyframes glowPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 128, 0.7); } 50% { box-shadow: 0 0 8px 6px rgba(0, 255, 128, 0); } } .over-other-aligner-brands-card-sub-content p{font-size: 16px;} .comparison-table-main-wrapper {padding: 60px 0;background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .comparison-table-inner-wrapper h2{text-align: center; margin: 15px 0 5px;} .comparison-table-inner-wrapper h2 span{font-weight: 200; font-style: italic;} .comparsion-table-wrapper {overflow-x: auto; -webkit-overflow-scrolling: touch;} .comparison-table { width: 100%; border-collapse: separate; margin: 20px 0; font-family: sans-serif; min-width: 600px; white-space: nowrap; border-spacing: 0;} .comparison-table th, .comparison-table td {border: 1px solid #00c19466;padding: 25px 22px;text-align: left;font-size: 18px;color: #fff;font-weight: 300;} .comparison-table th {font-weight: bold;} .comparison-table td:first-child { font-weight: bold; } /* Top-left corner */ .comparison-table tr:first-child th:first-child { border-top-left-radius: 12px; } /* Top-right corner */ .comparison-table tr:first-child th:last-child { border-top-right-radius: 12px; } /* Bottom-left corner */ .comparison-table tr:last-child td:first-child { border-bottom-left-radius: 12px; } /* Bottom-right corner */ .comparison-table tr:last-child td:last-child { border-bottom-right-radius: 12px; } /* How it Works */ /* How clear aligners */ .how-clear-aligners-main-wrapper{padding: 60px 0;} .how-clear-aligners-steps-wrapper {display: flex;justify-content: center;align-items: stretch;padding-top: 25px;flex-wrap: wrap;} .how-clear-aligners-inner-wrapper h2{text-align: center;} .how-clear-aligners-inner-wrapper p{text-align: center;} .how-clear-aligners-steps-card-img span {width: 80px;height: 80px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background: #007761;} .how-clear-aligners-steps-card-img span {width: 100px;height: 100px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background: #007761; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: solid 1px #ffffff82;} .how-clear-aligners-steps-card {width: 100%;max-width: 370px;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 25px 30px;border-right: solid 0.5px #00aa836e;box-shadow: 0px 3px 15px rgb(4 191 148 / 0%);border-bottom: solid 0.5px #00aa836e;} .how-clear-aligners-steps-card-img span img{width: 100%; max-width: 45px; filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2%) hue-rotate(246deg) brightness(113%) contrast(100%); animation: floatY 2s ease-in-out infinite;} .how-clear-aligners-steps-card-content h3{font-size: 22px; font-weight: 500; text-align: start; font-style: unset;} .how-clear-aligners-steps-card-content p { text-align: start; color: #ffffffd6; font-size: 17px; margin: 15px 0 0;} .products-main-wrapper { padding: 60px 0 ; background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .products-main-wrapper .tab-wrapper h2{ position: relative;} .products-main-wrapper .tab-wrapper p{text-align: center;} .products-main-wrapper .tab-wrapper .tabs { border-radius: 15px; margin-top: 20px; overflow-x: auto; padding: 10px 0; background: #00201D; box-shadow: 0px 3px 15px rgb(4 191 148 / 54%); border: solid 0.5px #00aa83;} .learn-more-biosmart-card{display: flex; justify-content: center; align-items: center; gap: 60px; width: 100%; max-width: 100%;} .learn-more-biosmart-card-img{width: 100%; max-width: 500px;} .learn-more-biosmart-card img {width: 100%;max-width: 500px;transition: 1s all ease-in-out;border-radius: 30px;} .learn-more-biosmart-card:hover img{ transform: scale(1.05); transition: 1s all ease-in-out;} .learn-more-biosmart-card-content{width: 100%; max-width: 600px;} .learn-more-biosmart-card-sub-content h3 {font-size: 24px;font-style: unset;font-weight: 400;margin: 10px 0 5px; position: relative;} .learn-more-biosmart-card-sub-content h3::before {position: absolute;content: "";width: 16px;height: 16px;background: #01C296;left: -30px;top: 10px;border-radius: 100%; animation: glowPulse 3s ease-in-out infinite;} .learn-more-biosmart-card-sub-content p {text-align: start;color: #ffffffdb; margin: 0 0 20px;} .applied-detection-techniques-img img{width: 100%; max-width: 500px; transition: 1s all ease-in-out;} .gsmk-tabination .tab-wrapper { text-align: center;display: block; margin: auto;width: 100% !important;max-width: 1390px !important; margin: 0 auto !important; } .gsmk-tabination .tabs { margin: 0; display: flex; white-space: nowrap; gap: 25px; justify-content: space-around;} .gsmk-tabination .tab-link { list-style: none; cursor: pointer; transition: all 0.3s ease-in-out; letter-spacing: 1px; font: 20px "Myriad Pro", Verdana, sans-serif; padding: 12px 15px; border-radius: 20px; color: #ffff;} /* .gsmk-tabination .tab-link.active {background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);color: #fff;border: solid 0.5px #00aa83;} */ .gsmk-tabination .tab-link.active , .gsmk-tabination .tab-link:hover{color:#01C296; } .gsmk-tabination .content-wrapper { padding: 30px 10px;} .gsmk-tabination .tab-content {display: none;color: #555;font-weight: 300;font-size: 16px;line-height: 1.6;transform: translateY(15px); animation: fadeIn 0.5s ease forwards;} .gsmk-tabination .tab-content.active {display: block; opacity: 1;} .tabs.dragging {cursor: grabbing;user-select: none;} .tab-wrapper { position: relative;} .tabs {overflow-x: auto;overflow-y: visible;} .your-treatment-tools-main-wrapper{padding: 60px 0;} .your-treatment-tools-inner-wrapper h2{text-align: center;} .your-treatment-tools-inner-wrapper p{text-align: center;} .your-treatment-tools-list-wrapper { display: flex; justify-content: center; align-items: stretch; gap: 70px 60px; flex-wrap: wrap; padding-top: 60px;} .your-treatment-tools-card {width: 100%;max-width: 340px;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 40px 20px;border: solid 0.5px #00aa83;border-radius: 30px; position: relative;} .your-treatment-tools-card-img span img { width: 100%; max-width: 45px; filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(250%) hue-rotate(323deg) brightness(114%) contrast(100%); animation: floatY 2s ease-in-out infinite;} @keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } } .your-treatment-tools-card-img{width: 100%;} .your-treatment-tools-card-img span {position: absolute;width: 90px;height: 90px;background: var(--darkgreen);display: flex;justify-content: center;align-items: center;border-radius: 100%;border: solid 0.5px #00aa83;top: -44px;left: 0;right: 0;margin: auto;} .your-treatment-tools-card-content h3 {font-size: 18px;font-style: unset;margin: 25px 0 0;text-align: center; font-weight: 300;} .inner-more-my-bioSmart-different-main-wrapper { padding: 10px 0 60px;} .inner-more-my-bioSmart-different-inner-wrapper h2{text-align: center;} .inner-more-my-bioSmart-different-inner-wrapper p{text-align: center;} .inner-more-my-bioSmart-different-features { padding: 20px 0 0} .inner-more-my-bioSmart-different-features ul{padding-left: 30px;} .inner-more-my-bioSmart-different-features ul li {color: #00C195;font-size: 20px;padding: 12px 0;position: relative;display: flex;justify-content: start;align-items: center;gap: 20px;} .inner-more-my-bioSmart-different-features ul li span img{width: 100%; max-width:25px;} .inner-more-my-bioSmart-different-features ul li span {min-width:55px;height:55px;background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 100%;} /* How clear aligners */ .biosmart-Personalized-aligners-main-wrapper { padding: 60px 0 0;} .biosmart-Personalized-aligners-inner-wrapper h1{text-align: center;} .biosmart-Personalized-aligners-steps-main-wrapper { padding: 40px 0 60px;} .biosmart-Personalized-aligners-steps-main-wrapper h1{padding-bottom: 40px;} .biosmart-Personalized-aligners-steps-card{display: flex; justify-content: center; align-items: center; gap: 70px;} .biosmart-Personalized-aligners-steps-card-img {width: 100%; max-width: 40%;} .biosmart-Personalized-aligners-steps-card-img img {width: 100%;max-width: 100%;border-radius: 30px;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83; transition: 2s all ease-in-out;} .biosmart-Personalized-aligners-steps-card-content{width: 100%; max-width: 60%;} .biosmart-Personalized-aligners-steps-card-subcontent{position: relative;} .biosmart-Personalized-aligners-steps-card-subcontent h3 { font-size: 24px; margin: 15px 0 10px; color: #00C194; position: relative; font-weight: 500;} .biosmart-Personalized-aligners-steps-card-subcontent h3::before {position: absolute;content: "";width: 37px;height: 1px;background: #00C194;top: 12px;left: -47px;} .biosmart-Personalized-aligners-steps-card-subcontent-wrapper{position: relative; margin-left: 60px; } .biosmart-Personalized-aligners-steps-card-subcontent-wrapper::before {position: absolute;content: "";width: 8px;height: 97%;background: #00453D;top: -6px;left: -47px;z-index: 1;border-radius: 20px;box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83;} .biosmart-Personalized-aligners-steps-card-subcontent p{margin: 0 0 15px; text-align: start;} .biosmart-Personalized-aligners-steps-card-img:hover img{transform: scale(1.05); transition: 2s all ease-in-out;} .why-choose-us-right img {width: 100%;max-width: 400px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 1px solid var(--orange); transition: 1s all ease-in-out;} .sm-aligners-product-cards .people-choosing-aligners-card-img span{background: #007761;} .smart-memory-main-wrapper {position: relative;margin: 40px 0 0;padding: 60px 0;background: url(../images/make-it-even-better-bg.webp) no-repeat center/cover;border-top: solid 1px #009170;} .smart-memory-main-wrapper::before {position: absolute;content: "";width: 100%;max-width: 100%;height: 100%;background: linear-gradient(283deg, rgba(2, 28, 27, 0.86) 4%, rgb(10 70 55 / 94%) 48%, rgba(2, 28, 27, 0.84) 100%);top: 0;} .smart-memory-main-wrapper::after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, #ffffff7a, #009170, #ffffff82); z-index: 2; } .smart-memory-main-wrapper::before { top: 0; } .smart-memory-main-wrapper::after { bottom: 0; } .smart-memory-inner-wrapper{position: relative;} .smart-memory-inner-wrapper h2{text-align: center; font-weight: 500; margin: unset;} .smart-memory-inner-wrapper p{text-align: center; color:#ffffffc4;} .smart-memory-inner-wrapper span {text-align: center;display: block;color: #fff;font-size: 22px;font-weight: 500;} .sm-aligners-product-cards .people-choosing-aligners-cards-wrapper {padding-top: 120px;} .biosmart-Personalized-aligners-steps-card-content{height: 400px; border-radius: 30px; background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%); box-shadow: 0px 3px 15px rgb(4 191 148 / 54%); border: solid 0.5px #00aa83; transition: 2s all ease-in-out; position: relative;} /* .biosmart-Personalized-aligners-steps-card-content::before { position: absolute; content: ""; width: 100%; max-width: 100%; height: 100%; background: #000000a3; border-radius: 30px;}url(../../../school/launched/vidhyasagarips/.htaccess) */ .biosmart-Personalized-aligners-steps-card-content .video-biosmart{height: 100%; max-width: 100%;} .biosmart-Personalized-aligners-steps-card-content .video-biosmart span {background: unset;box-shadow:unset;} .people-choosing-aligners-bottom-content-wrapper{padding: 60px 0 0; display: flex; justify-content: center; align-items: center;} .people-choosing-aligners-bottom-content-inner-wrapper{width: 100%; max-width: 1100px;} .people-choosing-aligners-bottom-content-wrapper span{font-size: 34px; display: block; text-align: center; color: #fff;} .people-choosing-aligners-bottom-content-wrapper p{text-align: center;} .people-choosing-aligners-bottom-content-p {font-size: 22px; color: #fff; margin: unset;} .sm-aligners-product-cards .people-choosing-aligners-card-img span img{ animation: bendLeftRight 1.2s ease-in-out infinite; transform-origin: center center; display: inline-block;} @keyframes bendLeftRight { 0% { transform: rotate(0deg); } 25% { transform: rotate(8deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-8deg); } 100% { transform: rotate(0deg); } } /* go to top */ #to-top {cursor: pointer;position: fixed;bottom: 50px;right: 35px;width: 60px;height: 60px;padding: 6px;border-radius: 50%; z-index: 1;} /* go to top */ /* footer */ .footer-wrapper{position: relative; background:#002924} .inner-footer-wrapper{padding:15px 0;position: relative;z-index:1;} .footer-content{width:100%;max-width:1000px;margin:auto;text-align:center;} .footer-content p{color:#fff;} .footer-contact-links{ padding:20px 0; gap: 35px; } .footer-links-main{width:100%;max-width:100%;} .footer-links-main p{font-size: 17px;} .sub-footer-links li{margin:15px 0; position: relative; padding-left: 20px; transition: transform 0.3s ease; } .sub-footer-links li:hover{transform: translateX(15px) ;} .sub-footer-links li:hover a{color:var(--lightgreen) !important;} .sub-footer-main li:hover{color: var(--yellow);} .sub-footer-main li a{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px; transition: ease all .4s;} .sub-footer-main li:hover a , .sub-footer-main li:hover a span img{color: var(--yellow);} .sub-footer-main li a span {width: 100%;min-width: 50px;border-radius: 100%;background: #009170;height: 50px;display: flex;justify-content: center;align-items: center;border: solid 0.3px #ffffff82;transition: 1s ease;} .sub-footer-main li a span:hover{background: #011613;} .sub-footer-main li a span img {width: 100%;max-width: 25px;filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(377%) hue-rotate(312deg) brightness(117%) contrast(100%);} .sub-footer-links , .sub-footer-main{padding:10px 0;} .footer-contact-links .footer-links-main .sub-footer-links li{text-align: center; font-weight: 700}; .footer-address {width:100%; max-width: 400px;} .footer-2 {border-top: 2px solid #ffffff14;background:#009170;position: relative; padding: 3px 0;} .copyrights {color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 5px 0;position: relative;flex-wrap: wrap;gap: 20px;} .copyrights p {font-size: 14px;margin: 0;} .copyrights span a img {display: flex;justify-content: center;align-items: center;} .footer-logo{ border-bottom: 1px solid #d6cec3; padding: 0 0 30px;} .footer-headings p{color:#fff;position: relative; font-weight: 600; font-size: 22px !important;} .sub-footer-links >li>a, .sub-footer-main>li>a, .footer-links-main p{color:#d6d6d6; text-align: center; font-size: 18px; font-weight: 400;} .sub-footer-main li a:hover{color: var(--orange);} .copyrights p a, .copyrights p {color:#fff;font-size:13px !important; transition: 1s ease;;} .copyrights span a {width: 100%;max-width: 90px;filter: invert(95%) sepia(18%) saturate(0%) hue-rotate(12deg) brightness(119%) contrast(100%);} .copyrights p a:hover{color: #000;} .footer-contact-links .footer-links-main:nth-child(2) .sub-footer-links {display: flex;justify-content: space-around;align-items: center; flex-wrap: wrap;} .footer-contact-links .footer-links-main:nth-child(3) .sub-footer-main{display: flex; justify-content: center; align-items: center; gap: 30px;} .inner-footer-logo a{position: relative;} .footer-headings p::before{position:absolute;content:"";bottom:-5px;background:#af946f;width:115px;height:1px;} .sub-footer-links li a.act-link{color: var(--lightgreen);} /* footer */ /* 3D Scan BooKing */ .scan-3d-main-container-wrapper{padding: 120px 0 60px;} .scan-3d-inner-container-wrapper {max-width: 800px;margin: auto;background: #002924;border-radius: 10px;padding: 30px;box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83;} .scan-3d-inner-container-wrapper h1{padding-bottom: 30px;} .step-3d { display: none;} .step-3d.active {display: block; } .step-3d label a{color: #00C194;} .scan-3d-inner-container-wrapper .form-group label { display: block; margin-top: 20px; font-weight: 400; color: #ffffff;} .scan-3d-inner-container-wrapper .form-group input, .scan-3d-inner-container-wrapper .form-group select, .scan-3d-inner-container-wrapper .form-group textarea {width: 100%;padding: 10px;margin-top: 5px;border: 1px solid #ccc;border-radius: 6px;font-size: 15px;color: #fff;} .scan-3d-inner-container-wrapper .form-group input[type="date"]::-webkit-calendar-picker-indicator {filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(139deg) brightness(109%) contrast(107%);cursor: pointer;} .step-3d .buttons { display: flex; justify-content: space-between; margin-top: 30px;} .step-3d .buttons button {background: #009170;color: white;padding: 10px 20px;border: none;border-radius: 6px;cursor: pointer;font-size: 16px;width: 100%;max-width: 200px;transition: 1s ease;border: solid 1px #ffffff96;} .step-3d .buttons button:hover { background: var(--darkgreen); } .step-3d .radio-group, .checkbox-group {display: flex;gap: 20px;margin-top: 10px;} .step-3d-indicator {display: flex;margin-bottom: 20px;box-shadow: 0px 3px 15px rgb(4 191 148 / 36%);border: solid 0.5px #00aa8321;overflow: auto; justify-content: start; align-items: start;} .step-3d-indicator div {min-width: 184px;text-align: center;padding: 10px;background: #011613;color: #fff;} .step-3d-indicator .active { background: #009170; color: #fff; font-weight: bold;} .step-3d .radio-group input[type="radio"] {width: 16px; height: 16px; margin-right: 8px; accent-color: #009170; } .step-3d .radio-group label { margin-right: 20px; font-size: 15px; display: inline-flex; align-items: center; gap: 6px; margin-top: unset;} .form-group.checkbox-inline {display: flex;justify-content: start;align-items: start;padding: 10px 0;gap: 10px;} .form-group.checkbox-inline input{width: 20px;} .form-group.checkbox-inline label{margin-top: unset;} .step-3d h3{font-size: 24px; font-style: unset;color: #00C194; font-weight: 500; text-align: center;} .support-info-card-main-wrapper{padding: 30px 0 60px;} .support-info-card {background: #002924;border:solid 0.5px #00aa83 ;border-radius: 16px;padding: 30px 25px;width: 100%;max-width: 800px;box-shadow: 0 4px 15px rgba(0, 121, 103, 0.1);margin: auto;} .support-info-card h2 {font-size: 26px;font-weight: 600;margin-bottom: 20px;border-bottom: 1px solid #009170;padding-bottom: 8px;} .support-info-card .info-block {margin-bottom: 20px;} .support-info-card h3 {font-size: 20px;font-weight: 500;margin-bottom: 12px;} .support-expect-list {list-style: none;padding-left: 0;} .support-expect-list li {padding: 8px 0;font-size: 18px;line-height: 1.6;display: flex;align-items: center;gap: 18px;color: #ffffff8f;} .contact-help p {font-size: 15px;margin: 5px 0;display: flex;justify-content: start;align-items: start;gap: 20px;} .contact-help a {color:#00C194;text-decoration: none;font-weight: 500;} .support-expect-list a:hover {text-decoration: underline;} .support-expect-list span img{width: 100%; max-width: 25px; filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(139deg) brightness(109%) contrast(107%);} .contact-help p span img{width: 100%; max-width: 25px; filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(139deg) brightness(109%) contrast(107%);} .info-block.contact-help h3{margin: 15px 0 25px;} /* 3D Scan BooKing */ /* Find an Aligner Near You */ .need-help-finding-right-clinic-main-wrapper{padding:60px 0;} .need-help-finding-right-clinic-inner-wrapper{padding: 60px 0; background: url(../images/cta-bg-image.webp) no-repeat center center/cover; position: relative; border-radius: 45px;} .need-help-finding-right-clinic-inner-wrapper::before { position: absolute; content: ""; width: 100%; max-width: 100%; height: 100%; content: ""; background: linear-gradient(60deg, #0c6759e6 16%, rgb(6 8 8 / 92%) 96%); border-radius: 45px; top: 0;} .need-help-finding-right-clinic-inner-wrapper h3{position: relative; text-align: center; padding: 0 15px;} .need-help-finding-right-clinic-inner-wrapper h2{position: relative; text-align: center; padding: 0 15px;} .need-help-finding-right-clinic-inner-wrapper .common-btn {justify-content: center;} .need-help-finding-right-clinic-inner-wrapper .common-btn a{background: #007761; font-size: 20px;} .need-help-finding-right-clinic-inner-wrapper span{position: relative; text-align: center; display: block; color: #fff; font-size: 20px; padding: 0 15px;} /* Find an Aligner Near You */ /* Error page */ .error-inner-wrapper {padding:60px 0 20px;} .error-inner-wrapper h2{text-align: center; color: #009170;} .error-inner-wrapper span {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;} .error-inner-wrapper span img {width: 100%;max-width:300px; border-radius: 30px;} .error-inner-wrapper p {text-align: center; color: #fff;} .error-inner-wrapper .common-btn {display: flex;justify-content: center;} /* Error page */ /* Clinic Results */ .clinical-results-trust .who-we-are-content p span {font-size: 22px;color: #00C194;font-style: italic;} .clinical-results-diffrent-main-wrapper{padding: 60px 0 50px;} .clinical-results-diffrent-inner-wrapper h2{text-align: center; padding-bottom: 40px;} .clinical-results-diffrent-list {display: flex;justify-content: center;align-items: stretch;gap: 60px;background: linear-gradient(172deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);padding: 30px ;border-radius: 20px;box-shadow: 0px 3px 15px rgb(4 191 148 / 54%);border: solid 0.5px #00aa83;} .clinical-results-diffrent-card {width: 100%;max-width: 33.33%;position: relative;} .clinical-results-diffrent-card::before {position: absolute;width: 100%;max-width: 1px;height: 100%;background: #00aa835e;content: "";right: -29px;} .clinical-results-diffrent-card h3 { text-align: center; font-size: 24px; color: #00C194; font-weight: 400;} .clinical-results-diffrent-card p {text-align: center;color: #ffffffbf;} .case-gallery-main-wrapper{padding: 60px 0 ; position: relative;} .case-gallery-main-wrapper::before {position: absolute;width: 100%;max-width: 100%;height: 100%;top: 0;content: "";background: linear-gradient(283deg, rgb(0 52 41 / 4%) 0%, rgb(48 76 71 / 22%) 124%, rgb(0 52 41 / 20%));border-radius: 130px 130px 0 0;z-index: -1;} .case-gallery-inner-wrapper h2{text-align: center;} .case-gallery-inner-wrapper h3 {text-align: center;font-size: 28px;} .case-gallery-list-card{padding: 40px 0 50px;} .case-gallery-list-card h4 {text-align: center;color: #ffffffcc;margin: 15px 0 25px;font-weight: 400;font-size: 34px;} .case-gallery-list-card-sub-heading-list { display: flex; justify-content: space-around; align-items: center; background: #00201D; padding: 15px 20px; border-radius: 70px; box-shadow: 0px 3px 15px rgb(4 191 148 / 54%); border: solid 0.5px #00aa83;} .case-gallery-list-card-sub-heading-card span {text-align: center;display: block;font-size: 18px;color: #00C194;font-weight: 600;} .case-gallery-list-card-sub-heading-card p {text-align: center;margin: 6px 0 0;font-size: 16px;color: #fff;} .case-gallery-personal-details-wrapper {display: flex;justify-content: center;align-items: center;gap: 70px;padding-top: 20px;} .case-gallery-personal-details-card p{color: #fff;} .case-gallery-personal-details-card p span {color: #00aa83;font-weight: 600;font-size: 20px;} .case-gallery-images-wrapper{display: flex; justify-content: center; align-items: center;gap: 100px; padding-top: 30px;} .case-gallery-images-wrapper-list-cards{padding: 3px 0; position: relative;} .case-gallery-images-wrapper .case-gallery-images-wrapper-list:first-child .case-gallery-images-wrapper-list-cards::before {position: absolute;content: "";width: 100%;max-width: 35px;height: 35px;background: url(../images/icons/right.webp) no-repeat center center/cover;right: -67px;top: 0;bottom: 0;margin: auto;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(85deg) brightness(103%) contrast(104%); animation: slideForwardBack 0.5s ease-in-out infinite alternate;} .case-gallery-images-wrapper-list-cards img {border-radius: 20px;box-shadow: 0px 3px 15px rgb(4 191 148 / 21%);transition: 2s all ease-in-out;width: 100%;max-width: 300px;} .case-gallery-images-wrapper-list p{text-align: center; font-size: 24px; color: #fff;} .case-gallery-list-wrapper .case-gallery-list-card:last-child{padding: 40px 0 0;} /* Clinic Results */ /* Harika CSS */ .search-wrapper{padding: 90px 0px 120px;} .search-wrapper .fluid-container h1{text-align: center; margin: 15px 0 25px;} .search-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 30px;} .search-input-group { display: flex; justify-content: center; align-items: center; border: 1px solid #00aa83; border-radius: 50px; width: 100%; max-width: 700px;} .search-input-group input {background: none;border: none;padding: 20px 16px;min-width: 150px;width: 100%;} .search-input-group input:not(:last-child) {border-right: 1px solid #00aa83;} .search-input-group input::placeholder {color: #d8d1d1;} .search-inner-wrapper .common-btn a{background: #013630;} .doctor-card-inner{display: flex;justify-content: center;align-items:stretch;gap:70px 50px; flex-wrap: wrap;} .doctor-card-wrapper {display: flex;justify-content: center;align-items: center;} .doctor-card-inner-wrpper {position: relative;width: 100%;max-width: 320px;padding: 70px 20px 0px;border-radius: 20px;color: #fff;text-align: center;background: linear-gradient(160deg,#00453d 0%, #001714 60%, #00453d 100%);border: 1px solid #00aa8361;display: flex;flex-direction: column;align-items: center;margin: 0px 0px 80px;} .doctor-card-inner-wrpper .common-btn a{background: #013630;} .profile-pic {position: absolute;top: -60px;width: 120px;height: 120px;border-radius: 50%;border: 1px solid #00ffd1;overflow: hidden;background: #fff;} .profile-pic img {width: 100%;height: 100%;object-fit: cover;} .name {font-size: 18px;margin: 10px 0 0;display: flex;justify-content: center;align-items: center;gap:6px; flex-direction: column;} .name .doctor {font-weight: 400;color: #fff;} .name .clinic {font-size: 15px;color: #00ffd1;font-weight: 400;} .icons {display: flex;justify-content: center;gap: 12px;padding: 20px 0 15px;border-bottom:1px solid #79d6bb2e;width: 100%;} .icons span, .address span, .specialities span:nth-child(1) {background: #02c194;padding: 10px;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 40px;height: 40px;border:1px solid #fff;} .address span, .specialities span{margin: auto; display: block;} .address { padding: 20px 0px 10px; border-bottom: 1px solid #79d6bb2e;} .specialities{padding: 20px 0px;} .icons span img, .address img, .specialities span:nth-child(1) img {width: 100%;max-width: 18px;height: 18px;filter: invert(1)} .doctor-card-inner-wrpper > span img {width: 20px;margin-top: 10px;} .address p { font-size: 13px; margin: 10px 0px 0px; color: #ffffffd9; text-align: center;} .specialities {font-size: 14px;color: #ffffff;margin-bottom: 40px;width: 100%;} .specialities span:nth-child(2) {margin: 10px 0px;} .common-btn.btn{position: absolute;bottom: -50px;margin: auto;left: 0;right:0;display: flex;justify-content: center;align-items: center;} .search-input-group .common-btn a{background: #013630;} .hiddenCard { display: none !important;} /* Harika CSS */ /* Sanjana CSS */ .inner-contant h4{font-size: 25px;color:#00C194;} .inner-contant h3 {margin: 15px 0;font-weight: 500;color: #fff;font-style: inherit;} .privacy-policy-inner-wrapper p{text-align: start;} .privacy-policy-inner-wrapper h2{margin: unset;} .icon-with-content {width: 100%;max-width: 100%;display: flex;justify-content: flex-start;align-items: center;gap:20px;} .icon-with-content img {width: 100%;max-width: 20px;height: auto;filter:brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(139deg) brightness(109%) contrast(107%);} .inner-contant{padding:30px 0; position: relative;} .inner-contant::after {content: "";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background: linear-gradient(to right, #79D6BB, #011613);} .icon-with-content .contact {display: flex;justify-content: flex-start;align-items:start;gap: 20px;padding: 15px 0;} .icon-with-content a, .inner-contant a{color:#00C194;} .inner-contant:last-of-type::after{display: none;} .inner-contant h4{margin: 25px 0 5px;} .content{padding: 0 0 0 40px;} .content p{position: relative;} .content p:before{content: '';position: absolute;left: -40px;top: 0;width: 100%; max-width: 20px;height: 100%;background: url(../images/icons/tooth-2.webp)no-repeat left center/contain; filter: invert(67%) sepia(37%) saturate(465%) hue-rotate(112deg) brightness(94%) contrast(92%); } /* sitemap */ .sitemap-main-wrapper{padding: 100px 0 0;} .sitemap-inner-wrapper ul li a{color:#fff;padding:20px 0;position: relative;} .sitemap-inner-wrapper ul{width: 100%;max-width:300px;margin: auto; position: relative;} .sitemap-inner-wrapper ul::before {content: '';position: absolute;width: 100%;max-width: 30px;height: 100%;background: #00C194;left: -50px;top: 0;} .sitemap-inner-wrapper ul li a:before{content: '';position: absolute;width: 100%;max-width: 10px;height: 10px;background: #fff;left: -40px;top: 0;border-radius: 50%;bottom: 0;margin:auto;} .privacy-policy-sitemap {width: 100%;margin: auto;position: relative;display: flex;justify-content: center;align-items: center;gap: 30px;margin: 90px 0;position: relative;} .privacy-policy-sitemap:before{content: '';position: absolute;width: 100%;max-width: 30px;height: 100%;background: #00C194;left: -50px;top: 0;} .privacy-policy-sitemap a{color: #fff; position: relative;} .privacy-policy-sitemap::before {content: '';position: absolute;width: 100%;max-width: 800px;height: 100%;background: #00C194;left: 0;right: 0;top: -44px;margin: auto;height: 30px;} .privacy-policy-sitemap a::after {content: '';position: absolute;width: 100%;max-width: 10px;height: 10px;background: #fff; left: 0; right: 0; border-radius: 50%;margin: auto;top: -35px;} /* clear aligner */ .clear-aligner-lifestyle-heading-main-wrapper{padding: 90px 0 20px;} .clear-aligner-lifestyle-heading-inner-wrapper h1 , .clear-aligner-lifestyle-heading-inner-wrapper p{text-align: center;} .smile-journey-main-wrapper {padding:60px 0;} .smile-journey-left {width: 100%;max-width: 350px;height: auto; position: sticky; top: 90px;} .smile-journey-right h2 span{font-size: 28px; font-weight: 400; font-style: italic;} .smile-journey-left img {width: 100%; max-width: 350px;height: auto;border-radius: 10px; box-shadow: 0px 3px 15px rgba(1, 72, 57, 1); border: solid 1px #ffffff1f;transition: 2s all ease-in-out;} .smile-journey-right{width: 100%;} .smile-journey-inner-wrapper {display: flex;justify-content: center;align-items:start;gap: 60px;} .smile-journey-left:hover img{transform: scale(1.05); transition: 2s all ease-in-out;} /* wearing your aligners*/ .wear-time {width: 100%;max-width: 350px;border-radius: 40px;border: 1px solid #018E6E;background: #023731;margin: 35px 0 0;} .wear-time h3{display: flex;justify-content: center;align-items: center;} .smile-journey-right h3 {margin: 10px 0;} .wear-time.refer a {display: flex;justify-content: center;align-items: center;font-size: 30px;color: #fff;} .wear-time.refer a img{filter: invert(100%) sepia(2%) saturate(7490%) hue-rotate(252deg) brightness(105%) contrast(101%); width:100%; height:auto;max-width: 30px;} .wear-time.refer {display: flex;justify-content: center;align-items: center;gap: 8px;max-width: 150px;} .smile-journey-right h4{color: #fff;padding: 20px 0 0 0;} .smile-journey-sub-content p{margin:5px 0 10px;} .smile-journey-sub-content h3{margin: 10px 0 0; font-style: unset; font-size: 24px;} .smile-journey-sub-content-list p{font-size:20px;} .smile-journey-sub-content-list p span {font-size: 22px;color: #fff;margin: 10px 0 0;} .smile-journey-right-span{font-size: 20px; color: #fff;} .smile-journey-right .common-btn{padding: 10px 0 20px;} /* heating and drinking */ .eating-main-wrapper {margin: 60px 0 0;padding:60px 0 ;background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .eating-main-wrapper h2{text-align:start; padding: 0 0 40px;margin: 0;} .eating-left{width:100%; max-width: 300px;} .eating-types{display: flex;justify-content: flex-start;align-items: start;gap: 20px;} .eating-types-left {width: 100%;max-width: 70px;height: 70px;border-radius: 50%;background: #007761;display: flex;flex-direction: column;justify-content: center;align-items: center;border: solid 1px #ffffff59;} .eating-types-left img {width: 100%;max-width: 45px;height: auto;animation: floatY 2s ease-in-out infinite;} .eating-right{width: 100%;max-width: 655px;padding: 30px;border: 1px solid #ffffff66;border-radius: 10px; background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);} .eating-main{ display: flex;justify-content: center;align-items:start;gap: 60px;} .eating-types-right h3 {font-size: 22px;font-style: unset;font-weight: 400;margin: 7px 0 10px;} .eating-types-right p { margin: 0 0 15px; text-align: start;} .eating-wrapper .eating-main-wrapper:nth-child(1) , .eating-wrapper .eating-main-wrapper:nth-child(3n){background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} /* smile */ .journey-types h3 {color: #00C194;font-weight: 500;font-size: 24px;font-style: unset;} .journey-types p{margin: 0 0 10px;} .journey-types {padding: 6px 0;} .eating-main-wrapper.cleaning {background: #011613;margin: 0;padding:50px 0;} /*speaking */ .smile-journey-main-wrapper.speaking h2 {text-align: center;padding: 0 0 50px;} .smile-journey-main-wrapper.speaking .wear-time { max-width: 465px;} .smile-journey-main-wrapper .fluid-container , .eating-main-wrapper .fluid-container{max-width: 1100px;} /* support */ .need-support-main-wrapper { background:linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .biomart-support span { display: flex; justify-content: center; align-items: center;gap:20px;} .need-support-main-wrapper p {margin: 0;text-align: center;color: #ffffffb3;font-size: 20px;} .biomart-support span img {width: 100%; max-width: 30px;filter: invert(100%) sepia(96%) saturate(18%) hue-rotate(210deg) brightness(103%) contrast(100%);} .need-support-main-wrapper { padding: 50px 0;} .need-support-inner-wrapper h2 { margin: 15px 0 10px;} .need-support-inner-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;max-width: 885px;margin: auto;} .biomart-support span a {color: #00C194;font-weight: bold; font-size: 24px; margin: 10px 0;} .biomart-support {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px 0 0 0;} .reference-main-wrapper {text-align: center;} .reference-download {width: 100%;max-width: fit-content;margin: 30px auto;padding: 20px;border: solid 0.5px #00aa83;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);border-radius: 40px;} .reference-download a{color: #fff; font-size: 20px;} /* treatment */ .treattment-options-heading-main-wrapper{padding: 100px 0 ; position: relative;} .treattment-options-heading-main-wrapper::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%)); z-index: -1;} .treatment-main-wrapper {padding: 60px 0;} .wt-can-bio-smart-treat h2{text-align: center;} .wt-can-bio-smart-treat h2 span {font-size: 31px;font-weight: 300;font-style: italic;padding: 0 10px 0;} .smart-treat {display: flex;gap: 60px;justify-content: center;align-items: center;border: solid 0.1px #00aa8378;padding: 60px;border-radius: 20px;width: 100%;max-width: 1110px;margin: auto;flex-wrap: wrap;background: linear-gradient(163deg, rgb(13 133 114 / 52%) 0%, rgba(1, 22, 19, 1) 51%, rgb(13 133 114) 129%);} .smart-treat img{width: 100%; max-width: 300px;} .smart-treat-right {width: 100%;max-width: 570px;} .smart-treat-right h3 { color: #00C194; font-weight: 400; font-size: 28px; font-style: unset;} .smart-treat-right p{color:#ffffffc7;} .smart-treat-main {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 40px; padding: 40px 0;} /* ages */ .treatment-for-all-ages-main-wrapper {padding: 60px;background: linear-gradient(283deg, rgb(0 52 41 / 27%) 0%, rgb(12 62 54 / 0%) 45%, rgb(0 52 41 / 28%));} .treatment-for-all-ages-main-wrapper h2 {text-align: center;} .all-ages-type img {width: 100%;max-width: 380px;border-radius: 20px; box-shadow: 0px 3px 15px rgba(1, 72, 57, 1); border: solid 1px #ffffff1f;} .treatment-for-all-ages-main {padding: 30px 0;} .ages-txt {width: 100%;max-width: 380px;padding: 10px 16px;text-align: center;text-align-last: center;} .ages-txt p{text-align: center ;} .ages-txt h4 { color: #00C194; font-size: 24px; font-weight: 500;} .treatment-for-all-ages-main {display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap ;} .all-ages-type{width:100%; max-width: 380px;} /* tailored */ .who-we-are-mnr.treatment-tailored .who-we-are-card {flex-direction: inherit;} .who-we-are-list .who-we-are-card:last-child .who-we-are-content h2, .who-we-are-list .who-we-are-card:last-child .who-we-are-content p {text-align: start;} .who-we-are-mnr.treatment-tailored h2 span {padding: 0 10px 0;font-size: 36px;font-style: italic;} .tailored-content {display: flex;justify-content: start;align-items: center;gap: 10px;} .tailored-content p {font-size: 16px;} .who-we-are-mnr.treatment-tailored {padding: 60px 0 0;} .tailored-content h3 {color: #3be5be;font-size: 20px;min-width: 130px; font-weight: 400;} .tailored-content:first-of-type h3 {min-width: 100px;} /* Sanjana CSS */