/* Theme Name: Greyholme Dental Suite Theme URI: # Author: Sk Version: 1.0 */ /* Start - Main Style */ *{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden; } body{ margin:0px; padding:0px;background:#e4e7eb; font-family:var(--bodyfont); overflow-x:hidden; } p{ margin:0px; padding:0px; } address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; } label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;} a{ text-decoration:none; border: 0px; outline: none; transition:all .5s} a:hover, a:focus, a:active{ transition:all .5s } a img{ border:none; outline: none;} a:focus {outline:none; } border{ border-collapse:collapse;} hr{ height:1px; background:#333333; border:none;} img { max-width: 100%; height: auto;} strong{font-weight:bold;} button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;} ::-moz-selection { color: #fff; background:var(--main-clr);} ::selection { color: #fff; background: var(--main-clr);} @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Regular.eot'); src: url('assets/fonts/SFProDisplay-Regular.eot') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Regular.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Regular.woff') format('woff'), url('assets/fonts/SFProDisplay-Regular.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Regular.svg#SFProDisplayRegular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Light.eot'); src: url('assets/fonts/SFProDisplay-Light.eot') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Light.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Light.woff') format('woff'), url('assets/fonts/SFProDisplay-Light.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Light.svg#SFProDisplayLight') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Medium.eot'); src: url('assets/fonts/SFProDisplay-Medium.eot') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Medium.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Medium.woff') format('woff'), url('assets/fonts/SFProDisplay-Medium.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Medium.svg#SFProDisplayMedium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Semibold.eot'); src: url('assets/fonts/SFProDisplay-Semibold.eot') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Semibold.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Semibold.woff') format('woff'), url('assets/fonts/SFProDisplay-Semibold.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Semibold.svg#SFProDisplaySemibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Bold.eot'); src: url('assets/fonts/SFProDisplay-Bold.eot') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Bold.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Bold.woff') format('woff'), url('assets/fonts/SFProDisplay-Bold.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Bold.svg#SFProDisplayBold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } /*variables--*/ :root{ --bodyfont: "SFProDisplay", sans-serif; --headfont: "Poppins", serif; --fs-80:80px; --fs-100:100px; --fs-60:60px; --fs-65:65px; --fs-50:50px; --fs-48:48px; --fs-46:46px; --fs-45:45px; --fs-42:42px; --fs-40:40px; --fs-38:38px; --fs-36:36px; --fs-30:30px; --fs-26:26px; --fs-24:24px; --fs-23:23px; --fs-22:22px; --fs-21:21px; --fs-20:20px; --fs-18:18px; --fs-17:17px; --fs-16:16px; --fs-14:14px; --main-clr:#354884; --seconday-color:#ff8b62; --body-font-color:#161617; --black-color:#000; --secondary-font-color:rgba(22,44,105,0.7); --white-color:#fff; --color2:#1f2d40; --grey-color:#95969b; } body{ font-family:var(--bodyfont);} h1{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:400; font-size:var(--fs-48); color: var(--body-font-color); padding:0 0 30px 0 } h2{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300;font-size: var(--fs-48); color: var(--color2);padding: 0 0 30px 0} h3{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:400; font-size:var(--fs-40); color:var(--body-font-color); padding:0 0 25px 0 } h4{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300; font-size: var(--fs-24);color: var(--body-font-color);} h5{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:500; font-size:var(--fs-21); color:var(--body-font-color); } h6{ margin: 0px; padding: 0px;font-family:var(--bodyfont);font-weight:300; font-size:var(--fs-14); color:var(--body-font-color); opacity: 0.7; letter-spacing: 3px; text-transform: uppercase;color:var(--main-clr); padding: 0 0 25px 0} p{ color:var(--body-font-color); font-size:var(--fs-18); line-height:1.6; font-weight: 300 ; padding: 0 0 30px 0} .btncn{ position:relative; display: inline-block; padding:11px 30px 13px; font-size: var(--fs-18);font-weight:400; border-radius:0px; margin:20px 0 20px 0;text-transform:uppercase;font-family:var(--headfont); } .btncn:hover{ background:var(--seconday-color); } .btncn-default{font-weight:400 ; background: var(--seconday-color); color: #fff} .btncn-default:hover{ background:var(--main-clr); } .btncn-secondary{font-weight:400 ; background: var(--main-clr); color: #fff} .btncn-secondary:hover{ background:var(--seconday-color); } .btncn-light{ font-weight:400 ; background: #fff; color: var(--main-clr);} .btncn-light:hover{ background:var(--main-clr);color:#fff } .btncn-dark{ font-weight:500 ; background: var(--main-clr); color: #fff;} .btncn-dark:hover{ background:var(--seconday-color);color:#fff } .main-clr-bg{background-color: var(--main-clr);} .secondary-bg{background-color: var(--seconday-color);} .duel-bg{background:linear-gradient(to bottom, var(--main-clr) 63%, transparent 63%);} .duel-bg-dark{background-image:linear-gradient(to bottom, transparent 50%, #29272a 50%);} .duel-bg-dark2{background-image:linear-gradient(to top, transparent 50%, #29272a 50%);} .duel-bg-light{background-image:linear-gradient(to bottom, #f6f4f7 50%, transparent 50%);} .dark-bg{background-color:#1f2d40} .text-main-clr *{color: var(--color2);} .text-white *{color:#fff} .light-bg{background-color:#e4e7eb} section{ padding:90px 0 } .g-5, .gx-5 { --bs-gutter-x: 5rem;} .hoverImage{position:relative; } .hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(45deg, var(--seconday-color) 0%, transparent 100%); opacity:0; transition:all .5s } .hoverImage:hover:after{ opacity:1; transition:all .5s } .slickButton{z-index: 2} .desktop{ display:block; } .mobile{ display:none; } @media (min-width: 1700px) { .container { max-width: 1380px; } } @media (min-width: 1200px) { .header .container {max-width: 1815px; } } /*Header*/ .headerTop{ background:var(--main-clr); padding:7px 0; } .headerTop ul{ margin:0; padding:0; list-style:none; } .headerTop ul li{ display:inline-block; vertical-align:top; padding:0 22px; position:relative; font-family:var(--bodyfont); color:var(--white-color); font-weight:300; font-size:var(--fs-18); } .headerTop ul li a{ color:#fff } .headerTop ul li a:hover{ color:var(--seconday-color); } .headerTop ul li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:19px; background:var(--white-color); } .headerTop ul li:first-child:before{ display:none; } .headerMian{ position:relative; background: #e4e7eb} .header{ position:relative; z-index: 99999} .headerMian{ transition:all .5s; left: 0; width: 100%} .logo{ width:264px; transition:all .5s; position: relative; z-index: 999} .headerHolder{ display:flex; align-items:center; justify-content:space-between; } .navigation nav ul li a{ z-index: 999; position:relative; } .navigation nav ul{ display:flex; margin:0; padding:0; list-style:none;} .navigation nav ul li a{ font-family:var(--bodyfont); font-weight:300 ; color:var(--color2); font-size: var(--fs-21); position: relative;} .navigation nav ul li a:hover{ color:var(--seconday-color); } .headerRight{ position: relative; z-index: 999 } .navigation {align-self: stretch;} .navigation nav, .navigation nav > ul,.navigation nav > ul > li,.navigation nav > ul > li> a {height: 100%;} .navigation nav > ul > li> a {display: flex;flex-direction: column;justify-content: center;padding-left: 25px;padding-right: 25px} ul.dropdown-menu-holder{flex-wrap:wrap;gap: 30px 0!important;width: 100%;border: none;padding-left: 500px !important;max-width: 1620px;} ul.dropdown-menu-holder li { width:31%; } ul.dropdown-menu-holder li ul{ display:block; } .section-parent-menu{ width:100% } .section-parent-menu{ margin:0 -10px } @media only screen and (min-width:1199px){ .headerMian a{pointer-events: none; } .headerMian:hover a{pointer-events:all;} .mega-menu-wrapper{position: absolute;z-index: 9;inset: 0 0 auto;width: 100vw;max-width: 100vw;background: rgba(39, 39, 39, 95%);padding:30px 10px 4rem;transition: all 0s ease, padding 0s ease;top: 100%;opacity:0.0;visibility: hidden;} .navigation nav ul li:hover .mega-menu-wrapper{opacity:1.0;visibility:visible;transition:all 0s;background: rgba(255, 255, 255, 95%);} ul.dropdown-menu-holder li a{ font-size:var(--fs-24) !important; font-weight:300!important; margin:0 0 15px 0; display:block; } ul.dropdown-menu-holder li ul li a{ font-size: 16px !important; padding:5px 0; display:block; font-weight:300 !important; margin:0 } ul.dropdown-menu-holder li ul li{ width:100% } .navigation nav ul li.normal-menu { position: relative;} ul.sub-menu{flex-direction: column; position: absolute; z-index: 9; inset: 0 0 auto; width: 100%; background:rgba(255, 255, 255, 95%); box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05); top: 100%; opacity: 0; visibility: hidden; width:250px; padding:15px !important; z-index:-9 } .navigation ul li:hover ul.sub-menu{ visibility:visible; opacity:1.0; z-index:9 } .navigation ul li ul.sub-menu li a{ line-height:1.5!important;display:block;padding:5px 0;color:var(--color2); } .navigation ul li ul.sub-menu li a:hover{ color:var(--seconday-color); } ul.sub-menu li {width: 100%;} } .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important; } .headerRight{ display:flex; align-items:center; } .phoneNumber a{ font-weight:600 ; font-size:var(--fs-18); color:var(--color2); font-family:var(--bodyfont); } .phoneNumber a:hover{ color:var(--seconday-color); } .phoneNumber a span{margin-left:10px } .bookAppointment a{padding:44px 50px;display:block;background: var(--seconday-color);color:#fff;position:relative;margin: 0 0 0 50px;font-size: var(--fs-18);letter-spacing: 0.05em;transition:all .5s;text-transform:uppercase;font-weight: 600;font-family:var(--headfont);} .bookAppointment a i{display:none;} .bookAppointment a:after{ content:''; position:absolute; width:999em; left:100%; top:0 ; background:var(--seconday-color); height: 100%;transition: all .5s;} .bookAppointment a:hover,.bookAppointment a:hover:after{background:var(--main-clr);} .fixed{ position:fixed; width:100%; left:0; top:0; z-index:999; background:#fff; transition:all .5s; box-shadow:0 4px 4px rgba(0,0,0,0.1) } .fixed .logo{ width:140px; transition:all .5s; } .fixed .logo img {margin:0} .fixed .bookAppointment a{ padding: 25px 50px; } .banner{ background: #000; padding: 0 0 0 0; position: relative;} .sliderInner{ position:relative; background:#000; overflow:hidden; } .sliderImage{ width:100%; background:#000;position:relative;} .sliderImage::after{ width:100%;height:100%;content:'';top:0;left:0;background: linear-gradient(97deg, #1f2d40, transparent);position:absolute;opacity:0.73} .sliderImage img{ width:100%; height:100%; object-fit:cover;opacity:0.8 } .sliderContent{ position:absolute; top:57%; transform:translateY(-50%); left:0; width:100% } .sliderContent h3{ font-size:var(--fs-20); font-weight:300; text-transform:uppercase; letter-spacing:0.2em; color:var(--white-color) ; padding:0 0 30px 0;font-family:var(--bodyfont); } .sliderContent h3 strong,.sliderContent h2 strong{ font-weight:600 } .sliderContent h2{ color:var(--white-color) ; font-size:var(--fs-80); font-weight: 400; padding: 0 0 30px 0;letter-spacing:-0.025em} .innerBanner .sliderContent h2{ font-size:var(--fs-60); } .sliderContent p{ color:var(--white-color); font-size:var(--fs-24); padding:0 0 40px 0; font-weight:300 } .bannerButtonGroup{ display:flex; gap:12px } .bannerButtonGroup a{ color:#000 } .bannerButtonGroup a.bookBtn{ background:var(--seconday-color);color:#fff } .bannerButtonGroup a.bookBtn:hover{ background:var(--main-clr); color:#fff } .qualitySection h2{ padding:0 0 25px 0 } .qualitySection h6{ padding:0 0 30px 0;opacity:0.7;font-weight:300;} .qualitySection p{ text-align: center; padding: 0 44px 30px;} .qualitySectionSlider{ width:100%; margin:0 auto; } .qualitySectionSlider .slick-slide { margin: 0 40px; } .qualitySectionSlider .slick-list { margin: 0 -40px; } .qualitySectionSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .qualitySectionSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .qualitySectionSlider .slick-prev:hover, .qualitySectionSlider .slick-next:hover{ color:var(--seconday-color); } .qualitySectionSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .qualitySectionSlider .slick-track{ padding:60px 0; overflow:visible; } .sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); } .qualityImage{ position:relative; } .qualityContent{ position:absolute; padding:0 40px; width:100%; left:0; bottom:30px; z-index:2 } .qualityContent h3{ color:#fff; padding:0; transition:all .5s;font-weight:300 } .qualityImage img{ width:100% } .qualityImage:before{ content:''; position:absolute; width:100%; height:100%; bottom:0; left:0; background: rgb(51,59,82); background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); } .qualityLg{ display:flex; justify-content:space-between; gap:20px; margin:55px 0 0 0 } @media only screen and (max-width:1400px){ .qualitySectionSlider .slick-prev{ left:-25px } .qualitySectionSlider .slick-next{ right:-25px } } @media only screen and (max-width:1199px){ .qualitySectionSlider .slick-slide { margin: 0 25px; } .qualitySectionSlider .slick-list { margin: 0 -25px; } .qualitySectionSlider .slick-track{ padding:40px 0 } .qualitySectionSlider {width: 90%; margin: 0 auto; } } @media only screen and (max-width:991px){ .qualitySectionSlider {width: 100%; } } @media only screen and (max-width:767px){ .qualitySectionSlider .slick-center{ transform:scale(1.0); transition:all .5s; } .qualitySectionSlider{width:80% } .qualitySectionSlider .slick-track{ padding:10px 0 } .qualitySectionSlider .slick-prev{ left:-33px } .qualitySectionSlider .slick-next{ right:-33px } .qualitySectionSlider .slick-list {overflow: visible; } .qualitySectionSlider .slick-slide {margin: 0 15px; transition: 0.5s 0.7s; } .qualitySectionSlider .slick-slide:not(.slick-active) {opacity: 0.5; } } .contentSection h2{ font-weight:300; padding:0 0 25px 0 } .contentSection p{ text-align:justify; font-size: var(--fs-20);} .ratingSection{ padding:10px 0 0 0 } .ratingSection h4{ font-size:var(--fs-16); padding:0 0 12px 0; text-transform:uppercase; letter-spacing:1px; font-weight:300 } .number{ font-size:var(--fs-36); font-weight:600;font-family:var(--headfont); } .contentSection2 .contentImage{display: flex;justify-content: flex-end;} .contentImage img{ width:auto;max-width:initial; } .contentTop{position:relative;z-index:2} .bg-logo{position:absolute;top: -160px;right:0;z-index:-1} .contentTop ul{ margin:0; padding:25px 0 0 0; list-style:none; } .contentTop ul li{ font-weight:300 ; font-size:var(--fs-18); } .contentTop ul li a{ color:#161617; padding: 15px 0; display: block; border-bottom: 1px solid #c1c6d4; position: relative;} .contentTop ul li a:after{ content:''; position:absolute; width:0%; height:1px; background:#c1c6d4; bottom:-1px; left:0 ; transition: all .5s;} .contentTop ul li a:hover:after{width:100%; background: var(--seconday-color); transition: all .5s;} .contentTop ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:#161617;} .contentTop ul li a:hover{ color:var(--seconday-color); } .contentTop ul li a:hover:before{ color:var(--seconday-color); } .contentItemInner{display:flex;background: var(--seconday-color);justify-content: space-between;} .contentSliderImage{width: 47%;} .contentSliderImage img{width: 100%;height:100%;object-fit:cover;} .contentSliderContent{width: 53%;padding: 65px 80px;align-self: center} .contentSliderContent h2{ color:#fff; padding:0 0 30px 0 } .contentSliderContent p{ color:#fff; text-align:justify; padding:0 0 20px 0 } .contentSliderContent h6 {color: #fff; font-size: 100%; padding-bottom: 25px; } .contentSliderSection .slick-prev{left: 42%;bottom: 130px;position:absolute;z-index:1;color: #fff;font-size: 24px;border: none;background: transparent;opacity: 0.3;} .contentSliderSection .slick-next{left: calc(42% + 45px);bottom: 130px;position:absolute;z-index:1;background: transparent;color: #fff;font-size: 24px;border: none;opacity: 0.3;} .contentSliderSection .slick-prev:hover,.contentSliderSection .slick-next:hover{opacity: 1} .section-heading{ padding:25px 0 } .buttonGroup { display:flex; gap:15px; align-items: center; margin: 30px 0 0 0} .buttonGroup.text-center{ justify-content:center; } /*.buttonGroup .btncn:first-child{ background:var(--seconday-color); color:#fff; } .buttonGroup .btncn:last-child{ background:#fff; color: var(--main-clr);} .btncn i{ margin:0 10px 0 0 } .buttonGroup .btncn:hover{ background:var(--main-clr); color:#fff }*/ .homepageFormSection{ background:var(--main-clr); } .homepageFormSection h2{ color:#fff } .homepageFormSection h2 strong{font-weight: 600} .homepageFormSection p{font-weight: 300; color: #fff} .formGroup{ display:flex; gap:30px; align-items: flex-end;} .homeFormHolder{padding: 45px 45px 45px 90px;} .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder textarea, .homeFormHolder select{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid rgba(236,236,236, 0.6) !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important; color: rgba(255,255,255, 0.6) !important; box-shadow: none !important; border-radius: 0 !important; } .homeFormHolder select {height: auto!important; appearance: auto!important; padding: 9px 0!important; } .homeFormHolder option {background: var(--color2)!important;} .homepageFormSection .gform-theme--foundation .gform_fields{ align-items:flex-end !important; } .homepageFormSection .gform-theme--foundation .gform_fields{ row-gap:50px !important } .homepageFormSection .gform-field-label {color: #fff!important; font-weight: 300!important; } .homepageFormSection .gfield_required {color: #ff7373; font-weight: 400!important; } .homeFormHolder .inputHolder{ width:100% } ::placeholder { color: rgba(255,255,255, 0.6); opacity: 1; } ::-ms-input-placeholder { color: rgba(255,255,255, 0.6);opacity:1} .formGroup{ margin:0 0 45px 0 } .homeFormHolder input[type=submit]{padding: 20px 36px !important; background: var(--seconday-color) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:500 !important; font-size:var(--fs-18) !important; transition:all .5s !important; border-radius: 0 !important; color: var(--main-clr) !important; margin-top: 20px !important; color: #fff !important; } .homeFormHolder input[type=submit]:hover{ background:#e5673a !important; color:#fff !important; transition:all .5s !important; } .mobile-input{ width:35% !important } .reviewSlider { padding:0 0 0 0 } .reviewSlider .slick-slide { margin: 0 10px; background:#dadee2; padding:30px 20px; } .reviewSlider .slick-list { margin: 0 -10px; } .reviewItem{ text-align:center; } .star{ font-size:16px; color:var(--main-clr); margin:0 0 8px 0 } .reviewItem p{ text-align:center; color: #161617; font-family: var(--bodyfont); font-weight: 300; font-size: var(--fs-16);} .reviewItem h4{color:#000000; font-size: 14px; text-transform: uppercase; font-weight: 300; padding: 15px 0 0 0; letter-spacing: 2px;} .btn-view{ text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); color:#333b52;margin:35px 0 0 0; display:inline-block; } .btn-view:hover{ color:var(--seconday-color); } .reviewSlider .slick-prev{position:absolute;top:50%;transform:translateY(-50%);left: -25px;font-size:25px;border:none;outline:none;background:transparent;color:#a2a2a2;z-index:2} .reviewSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-25px; font-size:25px; border:none; outline:none; background:transparent; color:#a2a2a2 } .reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ color:var(--body-font-color); } .reviewSection h3{ font-size:var(--fs-36); padding-bottom: 20px;} .reviewSection p{ padding-bottom:0 } .mapSection img{ width:100% } .reviewSlider .slick-track{ display: flex !important;} .reviewSlider .slick-slide{ height: inherit !important;} .mapSection img{ width:100% } .footer{ background:var(--main-clr); } .footBottom{ padding:30px 0; background:#465262 } .ftbtm{ justify-content:space-between; align-items:center; display: flex;} .copyright{ font-size:14px; color:rgba(255,255,255,0.4) ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300} .footerTop{ padding:85px 0 50px 0; background:#1f2d40 } .footerTopContent{ display:flex; justify-content:space-between; } .footerwidget_1{width: 40%;} .footerwidget_2{width: 24%;} .footerwidget_3{width: 22%;} .footerTopContent h2{ color:#fff ; font-size: var(--fs-24);padding: 0 0 10px 0;font-weight:300} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.5; padding:0 0 20px 0 ; font-weight: 300} .btnnSocialGrp{ display:flex; align-items:center; margin:0 0 0 0 } .enquiryBtn a{ font-family:var(--bodyfont); font-weight:400; font-size:var(--fs-18); color: #fff; border:1px solid #ffffff; padding: 15px 30px; display: block;} .enquiryBtn a:hover{ background:var(--seconday-color); } .social{ margin:0 0 0 0px; padding:30px 0 0 0 } .social ul{margin:0;padding:0;list-style:none;display: flex;gap: 40px;} .social ul li a{display:block;color:#fff;font-size: 22px;} .social ul li a:hover{ color:var(--seconday-color); } .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--seconday-color); } .footerTopContent table{ width:100%; } .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:31px; font-weight: 300} .footerTopContent table td:first-child{ padding-right:0; } .footerTopContent .btncn-default{ color:#fffbf4; } .footerwidgetInner{ display:flex; gap:50px; align-items:flex-start; } .footerLogo{ width:230px; } .formGroup{position:relative;} .wpcf7-spinner{position:absolute; right:0; bottom:16px;margin:0 !important;} .wpcf7 form .wpcf7-response-output{margin:0 !important; color:#fff !important;} /*! ####################################################################### MeanMenu 2.0.7 -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important} .mean-container a.meanmenu-reveal span{ background:var(--main-clr); } /*Treatment Page*/ .innerBanner{ position:relative;padding:0 } .innerBannerImage img{width:100%;display:block;} .innerbannerContent{ position:absolute; width:100%; left:0; top:60%; transform:translateY(-50%); padding:20px; } .innerbannerContent .bannerButtonGroup{ justify-content:center; } .innerbannerContent h2{ font-size:var(--fs-80); color:#fff; font-weight: 400} .breadcumb{ padding:20px 10px;background:#dbdfe6 } .breadcumb ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; column-gap: 30px;font-weight: 600;color:var(--main-clr);opacity: 0.7} .breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-14); font-weight: 400; text-transform:uppercase; letter-spacing:0.2em ; position:relative; } .breadcumb ul li:after{ content:'/'; position:absolute; color:#cdcdcd; border-radius:50%; right: -18px; top: 0px; } .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{ color:var(--main-clr);font-weight:300 } .breadcumb ul li a:hover{ color:var(--main-clr); } .sidebar .breadcumb{ padding:0 0 20px 0; background:transparent; } .sidebar .breadcumb ul{ display:flex; justify-content:flex-end; margin:0; padding:0; list-style:none; column-gap: 30px;} .sidebar .breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-18); text-transform:uppercase; letter-spacing:1px ; color:rgba(51,59,82,0.3); position:relative; } .sidebar .breadcumb ul li:after{ content:'•'; position:absolute; color:rgba(51,59,82,0.3); border-radius:50%; right: -18px; top: 0px; } .sidebar .breadcumb ul li:last-child:after{ display:none; } .sidebar .breadcumb ul li a{ color:rgba(51,59,82,0.3); } .sidebar .breadcumb ul li a:hover{ color:var(--main-clr); } a.btn-blue{ background:var(--main-clr); color:#fff; } a.btn-blue i{ color:#fff; margin:0 10px 0 0 } a.btn-blue:hover{ background:var(--seconday-color); } .treatmentImageHolder{ display:flex; flex-wrap:wrap; gap:20px; row-gap:30px; justify-content:space-between; } .galInnerContainer{ position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; text-align:center; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; z-index:99;flex-direction: column;} .galInnerContainer ul{ margin:0; padding:0; list-style:none; } .galInnerContainer ul li{ font-size:var(--fs-20); color:#fff; font-weight:300; padding:15px 0 } .galInnerContainer ul li a{ color:#fff } .galInnerContainer ul li a:hover{ color:var(--seconday-color); } .treatmentImage{ overflow:hidden; } .treatmentImage img{ transition: all .5s } .treatmentImage:hover img{ filter:brightness(0.5) blur(30px); transition: all .5s; transform: scale(1.1);} .treatmentImage:hover .qualityContent h3{ opacity:0; visibility:hidden; transition:all .5s } .treatmentImage:hover .galInnerContainer{ opacity:1; visibility:visible; transition: all .5s} .treatmentContent{ color:#161617; font-weight:400; font-family:var(--cabinetGrotesk); font-size:24px; padding:20px 0; } .treatmentHolder a{ display:block; margin-bottom: 40px;} .treatmentHolder a:hover .treatmentContent{ color:var(--main-clr); } .treatmentImage img{ width:100% } .treatmentImage{ position:relative; } .treatmentImage:after{ content: ''; background: rgb(22, 44, 105); background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; opacity: 1; transition: all .5s} .treatmentHolder:hover .treatmentImage:after{ opacity:1 } .postExcerpt p{ padding:20px 0 0 0; font-weight: 300; color: var(--body-font-color);} .permalink a{ padding:10px 0; font-weight:400; font-size:14px; font-family:var(--bodyfont); text-decoration:underline; text-underline-offset:3px; color:var(--body-font-color); } .permalink a:hover{ color:var(--seconday-color); } .blogTop{ background:#ebedf0; padding:15px 20px 15px 35px; margin:0 0 45px 0 ; display:flex; justify-content:space-between; align-items: center;} .sortBy{ font-weight:300; color:#161617; font-size:var(--fs-18); } .categotyDropdown{ width:325px; } .categotyDropdown select{ width:100%; background:transparent; border:none; border-bottom:1px solid #bcbec0 ; padding: 10px 0; font-weight:300; color:#161617; font-size:var(--fs-18);} .treatmentImageSlider{ width:100%; margin:0 auto; } .treatmentImageSlider .slick-slide { margin: 0 40px; } .treatmentImageSlider .slick-list { margin: 0 -40px; } .treatmentImageSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#161617;z-index:2 } .treatmentImageSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#161617;z-index:2 } .treatmentImageSlider .slick-prev:hover, .treatmentImageSlider .slick-next:hover{ color:var(--seconday-color); } .treatmentImageSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s;z-index:3;position:relative; } .treatmentImageSlider .slick-track{ padding:75px 0; overflow:visible; } .treatmentItem{display:block;} .treatmentImageSlider:not(:has( .slickButton)) .slick-center {transform: none; } .treatmentImageSlider:not(:has( .slickButton)) .slick-slide:nth-child(2) {transition: all .5s; transition-delay: 0.5s; transform: scale(1.3); } .pageContent h2{ padding:0 0 30px 0 } .pageContent h6{ padding:0 0 30px 0 } .pageContent p{ padding:0 0 30px 0 } .pageContent h3{ font-size:var(--fs-36);padding:20px 0 20px 0 ; font-weight: 300;color:var(--color2);} .pageContent h4{ font-size:var(--fs-30);padding:20px 0 20px 0 ; font-weight: 300;color:var(--color2);} .pageContent h5{ font-size:var(--fs-26);padding:20px 0 20px 0 ; font-weight: 300;color:var(--color2);} .pageContent h6{ font-size:var(--fs-20);padding:20px 0 20px 0 ; font-weight: 300;color:var(--color2);} .pageContent li {font-size: var(--fs-18); padding-bottom: 15px;color: var(--body-font-color); font-weight: 300; } .pageContent ul,.pageContent ol {padding: 0; margin: 0 0 20px 20px; } .pageContent table {margin-bottom: 40px; } .brdholder{ text-align:right; } .sidebarFormHolder{ background:var(--main-clr); padding:55px; margin:0px 0 0 70px} .sidebarFormHolderLight{ background:#e0dbd3; padding:55px; margin:0px 0 0 70px } .sidebarImg {margin: 0 0 0 70px; } .sidebar {height: 100%; } .sidebarFormHolder{ overflow: auto; position: -webkit-sticky; position: sticky; top: 100px; min-height: 200px; } .sidebarImg img{ width:100% } .sidebar h3{ color:#fff; font-weight:400; font-size:var(--fs-42); } .sidebar p{ text-align:center; color:#fff; font-weight:300; font-size:16px; line-height:1.6 } .sidebar-form{ margin:25px 0 0 0 } .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form select, .sidebar-form textarea{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid rgba(225, 225, 225, 0.302)!important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important; color: rgba(255,255,255, 0.6) !important; margin: 0 0 0px 0 !important; border-radius: 0 !important; box-shadow: none !important;} .sidebar-form .inputHolder { width:100% } .sidebar-form .inputHolder ::placeholder { color:rgba(225, 225, 225, 0.6);; opacity: 1; } .sidebar-form .inputHolder ::-ms-input-placeholder { color: rgba(233,228,218, 0.6);opacity:1} .formGroup{ margin:0 0 30px 0 } .sidebar-form input[type=submit]{padding: 20px 36px !important; background:var(--seconday-color) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:500 !important; font-size:var(--fs-18) !important; transition:all .5s !important; border-radius: 0 !important; color: #fff !important; margin-top: 20px !important; margin-left: auto !important; margin-right:auto !important; display:table !important; } .sidebar-form input[type=submit]:hover{ background:var(--seconday-color) !important; color:#fff !important; transition:all .5s !important; } .sidebar-form select {height: auto!important; appearance: auto!important; padding: 9px 0!important;background:transparent!important; } .sidebar-form option {background: var(--color2)!important;} .sidebar-form .gform-field-label {color: #fff!important; font-weight: 300!important; } .sidebarFormHolderLight h3{ color:var(--body-font-color); font-weight:400; font-size:var(--fs-42); } .sidebarFormHolderLight p{ text-align:center; color:var(--body-font-color); font-weight:300; font-size:16px; line-height:1.6 } .sidebarFormHolderLight .inputHolder input[type=text], .sidebarFormHolderLight .inputHolder input[type=email], .sidebarFormHolderLight .inputHolder input[type=tel]{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid #acabac !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important; color: rgba(0,0,0, 0.4) !important; margin: 0 0 20px 0 !important; border-radius: 0 !important; box-shadow: none !important;} .sidebarFormHolderLight .sidebar-form .inputHolder ::placeholder { color: rgba(0,0,0, 0.4); opacity: 1; } .sidebarFormHolderLight .sidebar-form .inputHolder ::-ms-input-placeholder { color: rgba(0,0,0, 0.4)} .sidebarFormHolderLight input[type=submit]{ padding:15px 30px !important; color: #fff !important; background:var(--main-clr) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:500 !important; font-size:var(--fs-18) !important; transition:all .5s !important; margin: 30px auto 0!important; width: 155px !important; display: block !important; border-radius: 30px !important} .is_stuck {z-index: 2;} .sidesticky{ position:sticky; top:0; overflow:auto; } .pageContent .btn-blue{ margin:10px 0 30px 0 } .pageContent .btncn-default{ margin:0 0 30px 0; background: #9ba2a8; } .pageContent .btncn-default:hover{ background:var(--seconday-color); } .contentSliderHolder{ background:#f8f7f6; padding:45px 0 } .contentSlider .itemHolder{ background:#ebedf0; display:flex; align-items:center; justify-content: space-between;} .itemImage{ width:44%; } .itemContent{ width:54%; padding:0 100px 0 40px } .itemImage img{ width:100% } .itemContent h3{ padding:0 0 20px 0 ; font-weight: 400; color: var(--body-font-color); font-size:var(--fs-30); font-family:var(--cabinetGrotesk); } .itemContent p{ text-align:justify; padding:0 0 30px 0 ; line-height: 1.6} .contentSliderHolder .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:1 } .contentSliderHolder .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:1 } .contentSliderImage img{width:100%} .accordian-new h3 { font-family: var(--bodyfont); font-weight: 400; font-size: var(--fs-20); color:#161617; cursor: pointer; margin-bottom: 0; position: relative; padding: 30px 0; } .ui-accordion-content-new { } .ui-accordion-header-active-new{ border:none !important; } .accordian-new h3:focus { outline: 0} .accordian-new h3:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 30px; font-size: 18px; color:#161617; font-weight: 300; transition: .5s} .faqHolder{position:relative;z-index:2} .bg-logo5{position:absolute;z-index:-1;top:270px;right:0;} .faqHolder h2{font-weight:300 } .inneraccordina-area { padding: 0 0 45px 0; } .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg); } .accordianarea-new .accordian h3.ui-accordion-header-active-new:after { transform: rotate(-180deg); color: #f05824} .ui-accordion-content-new { padding: 0px 0px 10px 0; display: none} .ui-accordion-content-new p { text-align: justify; color: #686868} .accroHolder{border-bottom: 1px solid rgba(10, 10, 10, 20%); } .contactDetails{ margin:20px 0 } .contactmap{ margin:10px 0 45px 0 } .contactmap iframe{} .contactDetails p{ padding:0 0 10px 0 } .contactDetails p strong{ font-weight:500 } .contactDetails p a{ color:var(--body-font-color); } .contactDetails p a:hover{ color:var(--seconday-color); } .blogCategorySelect{ padding:20px 30px ; display:flex; align-items:center; border: 2px solid #9197a4; margin:0 0 40px 0 } .blogCategorySelect span{ font-size:var(--fs-36); font-weight:300; padding:0 12px 0 0; color: var(--body-font-color);} .blogCategorySelect select{ width:100%; border:none; background:transparent; font-size:var(--fs-36); font-weight:600; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrowDark.png); background-repeat:no-repeat; background-position: 100% center; color: var(--body-font-color);} .blogCategorySelect select option {color: var(--body-font-color); } .dark-bg .blogCategorySelect{background:rgba(255, 255, 255, 9%)} .dark-bg .blogCategorySelect select{background-image:url(assets/images/downArrow.png);} .dark-bg .blogCategorySelect select option{background: #272727} .contactmap { overflow: hidden; padding-top: 56.25%; position: relative; margin: 25px 0 25px 0} .contactmap iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;} .blogDetailsBanner{ background: linear-gradient(to bottom, #333b52 0%,#333b52 80%,#e9e4da 80%,#e9e4da 100%); padding:200px 0 0 0 } .blogDetailsBanner h1{ color:#fff; font-size:var(--fs-60); padding:0 0 50px 0 } .tretmentBannerCaption{ position:absolute; bottom:20%; transform:translateY(-50%); z-index:9; width:100%; left:0; } .tretmentBannerCaption h1{ color:#e9e4da; font-size:var(--fs-60); } #reviewtxt .modal-body {padding:30px 35px 35px} .reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: #ff0000;width: 31px;height: 31px;display:flex;align-items:center;justify-content:center;line-height:1;border: 0;border-radius: 11px;font-size:18px;color: #fff;z-index:9;} .modal-backdrop.show {opacity: 0.9;} #reviewtxt .modal-dialog {max-width: 700px;text-align: center;} #reviewtxt h3 {margin-bottom: 10px;} #reviewtxt .star {margin-bottom:10px} #reviewtxt .modal-body {max-height: calc(100vw - 150px);overflow: auto;} .more_txt {font-size: 16px;display: block;color: #ff0000; margin: 15px 0;font-weight: bold;} .reviewSlider .slick-track {display: flex;align-items: stretch;} .reviewSection .slick-slide > div,.reviewItem {height: 100%;} .more_txt:hover {color: #003380;} .reviewSection h2{font-weight:300} .awardsSec{} .awardsRow{display:flex;gap:30px;align-items:center;justify-content: space-between;} .awardsImg img {margin: 0 auto; display: block; filter: grayscale(100%); opacity: 0.4} .footerLogo img{filter: brightness(0) invert(1);} .iconHolder{ margin:10px 0 30px 0 } .iconList{ display:flex; align-items:center; margin:0 0 15px 0 } .iconListIcon{ width:22px; flex-shrink:0; margin:0 8px 0 0;font-size:16px;color:var(--main-clr); } .iconListText{ font-size:var(--fs-18);font-family:var(--bodyfont);font-weight:300;color:var(--body-font-color); } .iconListText a{ color:var(--body-font-color); } .iconListText a:hover{ color:var(--main-clr); } .footer .iconListIcon,.footer .iconListText,.footer .iconListText a{ color:#fff; } .footer .iconListText a:hover{ color:var(--seconday-color); } @media only screen and (max-width:767px){ .iconListIcon{ margin:0 10px 0 0 } } .homeFormImg{height:100%} .homeFormImg img{width:100%;height:100%;object-fit:cover;} .homeGallerySection{position:relative;z-index:2} .bg-logo2{position:absolute;bottom:-170px;left:0;z-index:-1} .contentSliderSection,.reviewSection{position:relative;z-index: 2} .bg-logo3{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index: -1} .beforeAfterGalSec{position:relative;z-index: 2} .bg-logo4{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index: -1} .beforeAfterGalSec .container {max-width: 886px; } .beforeAfterGalSlider .slick-list {overflow: visible; } .beforeAfterGalSlider .slick-slide{background: #272727} .beforeAfterGalSlider .slick-slide img{opacity:0.2;transition:0.3s;display:block;} .beforeAfterGalSlider .slick-slide.slick-center img{opacity:1;transition-delay: 0.5s} .beforeAfterGalSlider .slickButton {position: absolute; width: 52px; height: 50px; border: 0; background: #ffffff; font-size: 28px; top: 50%; transform: translateY(-50%);transition:0.3s } .beforeAfterGalSlider .slickButton:hover{background:var(--seconday-color);color:#fff} .beforeAfterGalImg img {margin: 0 auto; } .beforeAfterGalImg {padding: 0 20px; } .beforeAfterGalSlider .slickButton.slick-prev{left:50px;z-index:2} .beforeAfterGalSlider .slickButton.slick-next{right:50px} .sidebarImg{display:block;} .appointmentSticker { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 99} .appointmentSticker .btncn-secondary{ flex-shrink:0 } .appointmentSticker h2{ font-size:var(--fs-36); padding-bottom:0; padding-right:30px; line-height:1.6 } .teamImage img{ } .teamBox h3{ font-size:var(--fs-30); padding:30px 0 15px 0 ; font-weight:600 } .teamBox h6{ font-size:var(--fs-20); font-weight:300; font-family:var(--bodyfont); opacity:0.6 } .teamSlider .slick-slide {padding: 0 12px;} .teamSlider .slick-list {margin: 0 -12px;} .teamSlider .slick-prev{ position:absolute; top:37%; transform: translateY(-50%); left:-20px; background:transparent; border:none; font-size:20px; transition:all .5s; display: flex; align-items: center; justify-content: center; color: #000; z-index:2 } .teamSlider .slick-next{ position:absolute; top:37%; transform: translateY(-50%); right:-20px; background:transparent; border:none; font-size:20px; transition:all .5s; display: flex; align-items: center; justify-content: center; color: #000; z-index:2} .meetSec{ background: var(--color2);} .meetSec h2{ color:#fff } .meetSecLeft h2 {font-size: var(--fs-60); } .meetTabNav ul li {width: 100%; margin: 0; overflow: hidden; } .meetTabNav .nav-link {font-size: var(--fs-18); border: 0; color:#95969b; font-family:var(--bodyfont); font-weight:300; text-transform: uppercase; letter-spacing: 2px; position:relative; padding:20px 10px 20px 40px; line-height:1; margin-left: -40px; transition: 0.5s; } .meetTabNav .nav-link::before{content: "\f111"; font-family: 'Font Awesome\ 6 Free'; font-size:18px; font-weight: 900; position: absolute; left:1px; top: 14px; color: var(--seconday-color); line-height:30px } .meetTabNav .nav-link.active,.meetTabNav .nav-link:hover {margin-left:0;opacity:1;color:#fff; background: transparent;} .meetTabNav ul {border: 0; } .meetTabThumb {position: relative; } .meetTabThumb img {display: block; width: 100%; } a.meetTabThumbLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .meetPlayBtn {font-size: 40px; color: #fff; border-radius: 50%; border: 1px solid #fff; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } a.meetTabThumbLink:hover {background: #00000075; } .meetTabText {padding: 0 0 0 0; } .meetTabText h3 {color: var(--main-clr); padding-bottom: 10px; } .meetTabText p{text-align: justify; color: #fff} .meetTabText ul{ margin:0; padding:0; list-style:none; } .meetTabText li li{ display:block; } .meetTabText ul li a{ display:block ; font-size:var(--fs-24); font-weight:300; padding:0 0 20px 0; color:#fff } .meetTabText ul li a:hover{ color:var(--main-clr); } .meetTabContent{ display:flex; gap:45px; align-items:center; } .meettabImage{ width:57%; flex-shrink:0; padding-left:30px } .meetSec .accordion-body{ padding:0; border-radius:0; background:transparent; } .meetSecRight .accordion-item{ background:transparent; border: none;} .meetTabText h4{ color:#fff; font-size:var(--fs-24); font-weight:400; color:#fff; line-height:1.5; margin:0; padding-bottom:20px; } .meetTabText p{ font-size:var(--fs-18); font-weight:300 } .contnt-bg-deep{ background:#dadee2 } .content-cn-inner{ padding:30px 60px 30px 30px; } .treatmentImageSlider .qualityContent h3{ text-align:center; font-size:var(--fs-20); padding-top:15px } .treatmentImageSlider .qualityContent{ position:static; } .treatmentImageSlider .treatmentImage:after{ display:none; } .treatmentImageSlider .treatmentImage:before{ display:none; } .treatmentImageSlider .galInnerContainer ul li{ padding:8px 0; font-size:var(--fs-18); font-weight:300 } .treatmentImageSlider .slick-prev{ color:#fff } .treatmentImageSlider .slick-next{ color:#fff } .treatmentImageSlider .treatmentItem:hover .galInnerContainer{ opacity:1; visibility:visible; transition:all .5s } .step-inner{ padding:80px; } .step-inner h2{ color:#fff } .step-inner p{ color:#fff } .step_inner-holder{ display:flex; gap:70px; margin:45px 0 0 0 } .step-box h3{ color:#fff; font-size:var(--fs-36); font-weight:600 } .step-box h3{ position:relative; margin:0 0 30px 0 } .step-box h3:after{ content:''; position:absolute; bottom:0; height:1px; background:#fff; width:calc(100% + 70px); left:0 } .step-box:last-child h3:after{ width:100% } .blogPostRepeater{ margin:35px 0 } .blogPostContent h4{ padding:25px 0 15px 0; font-size:var(--fs-22); } a.postReadMore{ font-size:var(--fs-14); color:var(--seconday-color); font-weight:500; text-decoration:underline; text-underline-offset:5px } a.postReadMore:hover{ color:var(--main-clr); } .blogPostContent{ margin:0 0 30px 0 } .blogPostContent a h4{ color:var(--body-font-color); font-size:var(--fs-30); line-height:1.5 } .blogdetails{ padding-top:45px; } .gform-loader{ position: absolute !important; right: 5px !important; left: inherit !important; top: 40px !important; } #field_submit{ position:relative !important; } .full-page-form input:not([type=radio]):not([type=checkbox]):not([type=submit]),.full-page-form select,.full-page-form textarea {background-color: transparent!important; border: 0!important; box-shadow: none!important; border-bottom: 1px solid #888!important; border-radius: 0!important; } .full-page-form .gform-field-label:not(.gform-field-label--type-sub) {text-transform: uppercase!important; letter-spacing: 0.15em!important; } .full-page-form .gfield_validation_message {position: static!important;} .full-page-form button {background: var(--main-clr) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:500 !important;transition:all .5s !important; border-radius: 0 !important; color: var(--main-clr) !important; margin-top: 20px !important; color: #fff !important; } .full-page-form button:hover{ background: var(--seconday-color) !important; color:#fff !important; transition:all .5s !important; } .full-page-form input[type=submit] {padding: 20px 36px !important; background: var(--seconday-color) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:500 !important; font-size:var(--fs-18) !important; transition:all .5s !important; border-radius: 0 !important; color: var(--main-clr) !important; margin-top: 20px !important; color: #fff !important; } .full-page-form input[type=submit]:hover{ background:#e5673a !important; color:#fff !important; transition:all .5s !important; } .gfield_required,.gfield_validation_message,.gform_submission_error {color: #ff7373!important; font-weight: 400!important; } .gform-icon--circle-error {color:#ff7373!important; border-color:#ff7373!important; } @media only screen and (min-width:1600px){ .container{max-width: 1430px} } @media only screen and (max-width:1600px){ :root{ --fs-80: 60px; --fs-60: 48px; --fs-50: 40px; --fs-48: 39px; --fs-40: 35px; } .logo{ width:235px } .navigation nav > ul > li> a {padding-left: 15px;padding-right: 15px} .bannerContent{ padding-right:0 } .banner .slick-dots{ bottom:60px } .number{ font-size:38px } .ratingSection h4{ font-size:16px } .sliderContent h3{ font-size:14px } section{ padding:60px 0 } .contentTop:not(:last-child){ padding:0 0 60px 0 } .navigation nav > ul > li> a{font-size: 15px} } @media only screen and (max-width:1500px){ .banner .slick-dots{ max-width:1310px } .banner .slick-dots{ } .blogDetailsBanner{ padding:160px 0 0 0 } .tretmentBannerCaption{ bottom:7% } ul.dropdown-menu-holder{ padding:200px !important } .bookAppointment a{ padding: 35px 30px; } } @media only screen and (max-width:1400px){ :root{ --fs-80: 55px; --fs-60: 45px; --fs-50: 36px; --fs-48: 36px; --fs-40: 33px; --fs-36: 30px; --fs-24: 18px; --fs-21: 17px; --fs-20: 16px; --fs-18: 16px; } .bookAppointment a{font-size: var(--fs-21); } .sliderContent p{ font-size: } .contentBottom ul li a{ font-size:20px } .number{ font-size:30px } .contentTop{ margin:0 0 0 0 } .homepageFormSection{ padding:50px 0 } .footerTop{ padding:50px 0 } .footBottom{ padding:30px 0 } .contentSliderContent{ padding:30px 80px 30px 30px; } .sliderContent h2{ font-size:44px; padding:0 0 20px 0 } .content-cn-inner h6{ padding:0 0 10px 0 } .contentSection p{ padding-bottom:20px } .footerwidget_3{ width:27% } .bookAppointment a{ margin:0 0 0 15px } .navigation nav > ul > li> a {padding-left: 10px;padding-right: 10px} .treatmentImageSlider .slick-center { transform: scale(1.0); transition: all .5s; transition-delay: 0.5s;} .treatmentImageSlider .slick-slide { margin: 0 20px; } .treatmentImageSlider .slick-list { margin: 0 -20px; } .step_inner-holder{ gap:15px } } @media only screen and (max-width:1199px){ :root{ --fs-42:34px ; --fs-30:24px ; --fs-60:38px ; } .banner .slick-dots{ max-width:1130px; bottom:10px } .banner ul.slick-dots{ display:none !important; } .bookAppointment a{ margin:0 60px 0 25px;padding: 25px 20px; } .fixed .bookAppointment a{ margin:0 60px 0 25px;padding: 25px 20px; } .slick-slider .qualityContent h3{ font-size:16px } .footerTopContent{ display:block; } .footerwidget_1{ width:100%; } .footerwidget_2{ width:100%; margin:30px 0 10px 0} .footerwidget_3{ width:100%; } .reviewSection{ padding-top:50px; padding-bottom:50px } .mean-container .mean-bar { position: absolute; left: 0; width: 100%; float: none; z-index: 99; top: 14px; background: var(--top-header-bg);} .headerHolder{ position:relative; } .mean-container a.meanmenu-reveal{ color:var(--main-clr); } a{ text-decoration:none; border: 0px; outline: none; transition:none;} a:hover, a:focus, a:active{ transition:none; } .mean-container a.meanmenu-reveal{ border:1px solid var(--seconday-color); padding: 8px 13px 8px; margin-top:0px; color: var(--seconday-color);} .mean-container .mean-nav{ margin-top:58px } .fixed .mean-container .mean-nav{ margin-top:36px } .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); } .mean-container .mean-nav ul li:first-child a{ border:none; } .logo { width: 220px; position:relative; z-index:9999 } .fixed .logo{ width: 100px; } .innerBannerImage img{ height:500px; object-fit:cover; } .sidebarFormHolder{ margin: 0px 0 0 30px; } .itemContent{ padding:0 59px 0 0 } .itemContent p{ line-height:1.4; font-size:16px } .faqHolder{ padding:45px 0 } .sliderContent h3{ padding-bottom:20px } .sliderContent{ top:54% } .qualityContent{ padding:0 20px } .g-5, .gx-5{ --bs-gutter-x: 2rem; } .mean-container a.meanmenu-reveal span{ background:var(--seconday-color); } .headerRight{ position:static; } .mean-nav { box-shadow: -50vw 0 0 #243750, 50vw 0 0 #243750;} .mean-container .mean-nav{ background:#243750 } .treatmentImage{ width:31% } .treatmentImageSlider .treatmentImage{ width:100% } .bookAppointment a:after{display:none;} .headerMian {position: static; } .logo img {margin: 0; } .ratingSection h4 {font-size: 12px; } .reviewSlider {width: 90%; margin: 0 auto; } .contentSliderSection .slick-next, .contentSliderSection .slick-prev {bottom: 59px; } .bookAppointment a{ position:relative; z-index:999 } .mean-container a.meanmenu-reveal{ z-index:9999 } .phoneNumber{ z-index:9999 } .navigation{ visibility:hidden; display:none; } .mean-container a.meanmenu-reveal{ top:6px; } .number{ margin:0 0 20px 0 } .meettabImage{ padding:0 } .meettabImage{ width:45%; } .meetTabContent{ align-items:flex-start; gap:20px; } .meetTabNav .nav-link{ padding: 20px 10px 20px 30px; margin-left: -20px; } .treatmentImageSlider .slick-track{ padding:0; } .homeFormHolder{ padding:45px 0px 0 0px; } .number {font-size: 17px;} .ratingSection h4 {font-size: 13px;margin-bottom:5px;padding-bottom: 0;} .ratingSection .row {--bs-gutter-x: 12px;} .treatmentImageSlider .slick-prev{ left:0 } .treatmentImageSlider .slick-next{ right:0 } .sidebarImg{ margin: 0 0 0 30px; } .step-inner{ padding:50px 30px; } .sidebarImg img{ width:100% } } @media only screen and (max-width:991px){ .sliderImage img{ height:500px } .sidebarFormHolder{ margin:0 } .contentSliderHolder{ padding:0 0 0 0 } .contentSlider .itemHolder{ display:block; } .itemImage{ width:100%; margin:0 0 25px 0 } .itemContent{ width:100%; padding:0 30px 30px } .inneraccordina-area{ padding:0 } .contentItemInner{ flex-direction:column-reverse; } .contentSliderImage{ width:100% } .contentSliderContent{ width:100% } .section-heading{ padding:0 0 25px 0 } .reviewSlider .slick-slide { margin: 0 20px; } .reviewSlider .slick-list { margin: 0 -20px; } .treatmentImage{ width:48% } .sidebarFormHolderLight,.sidebarImg{ margin:30px 0 0 0; } .sidebarFormHolderLight{ padding:45px 25px } .blogDetailsBanner{ padding: 150px 0 0 0; } .awardsRow{flex-wrap:wrap;justify-content:center;gap: 30px; justify-content: center;} .awardsItem {width: calc(50% - 15px); } .reviewSlider {width: 100%;margin: 0 auto;} .contentSliderSection .slick-prev{left: 85%;bottom: 40px;position:absolute;z-index:1;color: #fff;font-size: 24px;border: none;background: transparent;opacity: 0.3;} .contentSliderSection .slick-next{left: calc(85% + 45px);bottom: 40px;position:absolute;z-index:1;background: transparent;color: #fff;font-size: 24px;border: none;opacity: 0.3;} .qualitySection p{padding-left: 0;padding-right:0} .beforeAfterGalSec .container {max-width: calc(100% - 60px);padding:0 10px } .beforeAfterGalSlider .slickButton.slick-prev {left: -30px;width:25px;font-size:18px;height:25px } .beforeAfterGalSlider .slickButton.slick-next {right: -30px;width:25px;font-size:18px;height:25px } .beforeAfterGalImg{padding: 0 5px} .sidebarFormHolder,.sidesticky{position:static;} .number{ margin:0 } .hoverImage img{ width:100% } .formGroup{ flex-wrap:wrap; } .homeFormHolder .inputHolder{ width:100% !important } .step_inner-holder{ flex-wrap:wrap; } .step-box h3:after{width: 100%} .teamSlider .slick-next:hover, .teamSlider .slick-prev:hover{ color:var(--main-clr); } .teamSlider .slick-list {overflow: visible; } .teamSlider .slick-slide {transition: 0.5s 0.7s; } .teamSlider .slick-slide:not(.slick-active) {opacity: 0.5; } .footerLogo {width: 120px; } .tab-content>.tab-pane{ opacity:1; display:block; } .meetSecRight .accordion {--bs-accordion-border-width:0;--bs-accordion-inner-border-radius: 0;--bs-accordion-bg: #ffffff1a;--bs-accordion-active-bg: var(--main-clr);--bs-accordion-btn-color: #fff;--bs-accordion-active-color: #fff;} .meetSecRight .accordion-button::after {filter: brightness(0) invert(1);} .awardsImg {width: calc(33.33% - 20px); } } @media only screen and (max-width:767px){ :root{ --fs-80: 45px; --fs-60: 35px; --fs-50: 32px; --fs-48: 32px; --fs-40: 30px; --fs-36: 28px; } .container{ padding:0 30px; } .btncn{ font-size:16px } .btncn{ padding:13px 17px } .qualityLg{ flex-wrap:wrap; justify-content:center; } .lgItem{ width:45% } .number{ margin:0 0 30px } .contentTop{ margin-bottom:0px } .formGroup{ display:block; } .formGroup{ margin:0 } .reviewSection{ } .reviewItem{ padding:50px 20px } .homeFormHolder input[type=submit]{ margin-top:20px } .headerTop ul li{ padding:0 10px } .reviewItem h6{ font-size:14px } .phoneNumber a span{ display:none; } .bookAppointment span{ display:none; } .logo{ width:180px } .bookAppointment a i{ margin:0;display:block;line-height:inherit; } .phoneNumber a{ width: 40px; height: 40px; background: var(--seconday-color); display: block; text-align: center; color:#fff; line-height:40px } .bookAppointment a{ width: 40px; height: 40px; background: var(--main-clr); display: block; text-align: center; color:#fff; line-height:40px; } .bookAppointment a,.fixed .bookAppointment a{ margin-left:5px; padding:0} .fixed .logo{ width:90px } .fixed{ padding:10px 0 } .sliderImage{ width:100%; } .sliderInner{ position:relative;} .sliderInner:after{ background: rgb(22, 44, 105); background: linear-gradient(360deg, rgba(22, 44, 105, 1) 0%, rgba(22, 44, 105, 0) 100%); } .treatmentHolder a{ margin-bottom:20px; } .blogTop{ flex-direction:column; } .blogTop div{ width:100% } .innerBannerImage{ width:100%; } .innerBannerImage img{ height:390px } .sidebarFormHolder{ padding:45px 25px } .contentSliderHolder .slick-prev{ top:100px; transform:none} .contentSliderHolder .slick-next{ top:100px; transform:none; } .reviewSection{ overflow-x:hidden; } .contactDetails{ margin-bottom:0 } .pageContent{ padding:45px 0 } .qualityImageHolder{ flex-direction:column; } .qualityImage:nth-child(2){ width:100% } .contentSliderSection .slick-next{ left:inherit;right:calc(50% - 30px);bottom:10px } .contentSliderSection .slick-prev{ left:calc(50% - 30px);bottom:10px } .ratingSection{ padding:0 } .contentTop ul{ padding:0 } .contentSliderContent{ padding:30px 15px } .section-heading{ padding:0 } .buttonGroup{ flex-direction:column; } .buttonGroup a{ margin:0 } .btncn{ width:100%; text-align:center; } .reviewItem{ padding:0 } .reviewSlider{ padding:0 } .ftbtm{ flex-direction:column; text-align:center; } .copyright{ padding-bottom:15px; } .headerMian{padding:15px 0 } .phoneNumber a i{ display:block; } .phoneNumber a{ display:flex; align-items:center; justify-content:center; } .bookAppointment a{ border-radius:0; background:var(--seconday-color); } .headerMian .container{ padding:0 15px } .logo,.fixed .logo{ width:200px } .sliderContent{ text-align:center; } .sliderContent h3{ font-size:12px } .sliderContent h2{ font-size:34px; } .bannerButtonGroup{ flex-direction:column; } .bannerButtonGroup a{ margin:0 } .sliderContent{ top:50%; } .homeFormHolder{ padding:20px } .headerTop ul li{ font-size:14px } .treatmentImage{ width:100% } .breadcumb ul{ flex-wrap:wrap; } .innerBanner .sliderImage img{ height:330px; } .desktop{ display:none; } .mobile{ display:block; } .sliderImage img{ filter:brightness(0.7); } .galInnerContainer ul li{ font-size:18px } .sidebar{ margin-top:40px; } .footerTopContent table td{ font-size:14px } .blogDetailsBanner{ padding: 50px 0 0 0; } .blogDetailsBanner h1{ padding:0 0 20px 0 } .blogDetailsBanner .sliderImage img{ height:300px; } .blogDetailsBanner{ margin:0 0 30px 0 } .tretmentBannerCaption h1{ text-align:center; } .reviewSlider {width: 80%;margin: 0 auto;} .reviewSlider .slick-prev {left: -53px;} .reviewSlider .slick-next {right: -53px;} .reviewItem p{font-size:16px} .mean-container a.meanmenu-reveal{ top:-5px; } .contentImage img{ width:100% } .appointmentSticker{ flex-wrap:wrap; } .appointmentSticker h2{ padding-right:0; font-size:20px; } .meetTabContent{ flex-wrap:wrap; } .meettabImage{ width:100% } .content-cn-inner{ padding:50px 20px 20px; } .awardsRow{ gap:15px;justify-content: space-between; } .reviewSlider .slick-slide{ margin:0 } .accordion-button{ box-shadow:none !important; outline:none !important; } .treatmentImageSlider .slick-next{ right:-33px } .treatmentImageSlider .slick-prev{ left:-33px } .treatmentImageSlider .slick-track{ padding:0 } .mean-container .mean-nav{ margin-top:38px } .blogCategorySelect{ flex-wrap:wrap; } .blogCategorySelect span{ font-size:20px; } .blogCategorySelect select{ font-size:20px; } .blogdetails{ padding-top:0 } .banner .sliderImage,.innerBanner .sliderImage,.innerBannerImage {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .banner .sliderImage img,.innerBanner .sliderImage img,.innerBannerImage img{width:100%;height:100%;object-fit:cover} .banner .sliderContent,.innerBanner.banner .sliderContent,.innerbannerContent {position: static;transform: none;padding: 30px 0 40px;} .banner,.innerBanner {z-index: 2;} .full-page-form .gform-theme--foundation .gform_fields {row-gap: 20px!important;} .full-page-form input:not([type=radio]):not([type=checkbox]):not([type=submit]), .full-page-form select, .full-page-form textarea {line-height: 1.5;padding-bottom:3px;padding-left: 0;height: auto;} .full-page-form textarea {padding: 0!important;max-height: 60px!important;min-block-size:1px!important; } .full-page-form .gform-field-label--type-sub {line-height: 1!important; margin-top: 4px!important; } .homeFormHolder .gform-theme--foundation .gform_fields {row-gap: 20px!important;} .homeFormHolder input:not([type=radio]):not([type=checkbox]):not([type=submit]), .full-page-form select, .full-page-form textarea {line-height: 1.5;padding-bottom:3px;padding-left: 0;height: auto;} .homeFormHolder textarea {padding: 0!important;max-height: 60px!important;min-block-size:1px!important; } .homeFormHolder .gform-field-label--type-sub {line-height: 1!important; margin-top: 4px!important; } .sidebar-form .inputHolder .gform_fields {row-gap: 20px!important;} .sidebar-form .inputHolder input:not([type=radio]):not([type=checkbox]):not([type=submit]), .sidebar-form select, .sidebar-form textarea {margin-bottom:0!important;line-height: 1.5;padding-bottom:3px;padding-left: 0;height: auto;} .sidebar-form .inputHolder textarea {padding: 0!important;max-height: 60px!important;min-block-size:1px!important; } .sidebar-form .inputHolder .gform-field-label--type-sub {line-height: 1!important; margin-top: 4px!important; } .sidebar-form .gform-theme--framework .gform_validation_errors{margin:0 0 10px} .sidebar-form {margin: 0;} .teamSlider {max-width: 80%; margin: 0 auto; } .footer-content-block_2, .footer-content-block_3{ display:none; } .footer-heading-block_2, .footer-heading-block_3{ position:relative; cursor:pointer; pointer-events:all; } .footer-heading-block_2:after, .footer-heading-block_3:after{ position:absolute; right:0; top:0px; content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s } .footer-heading-block_2.active:after, .footer-heading-block_3.active:after{ transform: rotate(-90deg); transition: all .5s} .footerwidget_2 {margin-bottom: 25px; } .breadcumb {padding: 10px 5px; } .treatmentImageSlider {width: 80%;margin: 0 auto;} .treatmentImageSlider .slick-slide {margin:0 15px;transition: 0.5s 0.7s;} .treatmentImageSlider .slick-list {overflow: visible;margin: 0 -25px; } .treatmentImageSlider .slick-slide:not(.slick-active) {opacity: 0.5; } } @media (max-width: 1199px) { .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0 } .mega-menu-container.container{ width:100%; padding:0 } .mean-container .mean-nav ul li a.mean-expand{ border:none !important;background:transparent; } .mean-container .mean-nav ul li a.mean-expand:hover{ background:transparent; } .section-parent-menu{ margin:0 } ul.dropdown-menu-holder{ padding:0 !important } } /* End - Main Style */