/* Theme Name: Dentistry On Gipsy Hill 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; } body{ margin:0px; padding:0px;background:#ffffff; font-family:var(--bodyfont);} 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?#iefix') 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#SFProDisplay-Regular') 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?#iefix') 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#SFProDisplay-Light') 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?#iefix') 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#SFProDisplay-Medium') 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?#iefix') 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#SFProDisplay-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Serenity'; src: url('assets/fonts/Serenity-Light.eot'); src: url('assets/fonts/Serenity-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Serenity-Light.woff2') format('woff2'), url('assets/fonts/Serenity-Light.woff') format('woff'), url('assets/fonts/Serenity-Light.ttf') format('truetype'), url('assets/fonts/Serenity-Light.svg#Serenity-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; ascent-override: 80%; } @font-face { font-family: 'Serenity'; src: url('assets/fonts/Serenity-ExtraLight.eot'); src: url('assets/fonts/Serenity-ExtraLight.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Serenity-ExtraLight.woff2') format('woff2'), url('assets/fonts/Serenity-ExtraLight.woff') format('woff'), url('assets/fonts/Serenity-ExtraLight.ttf') format('truetype'), url('assets/fonts/Serenity-ExtraLight.svg#Serenity-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; ascent-override: 80%; } @font-face { font-family: 'Serenity'; src: url('assets/fonts/Serenity-Medium.eot'); src: url('assets/fonts/Serenity-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Serenity-Medium.woff2') format('woff2'), url('assets/fonts/Serenity-Medium.woff') format('woff'), url('assets/fonts/Serenity-Medium.ttf') format('truetype'), url('assets/fonts/Serenity-Medium.svg#Serenity-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; ascent-override: 80%; } /*variables--*/ :root{ --bodyfont: "SFProDisplay", sans-serif ; --accent-font: 'Serenity', sans-serif; --headfont:'Serenity', sans-serif; --fs-70:70px; --fs-50:50px; --fs-42:42px; --fs-40:40px; --fs-36:36px; --fs-30:30px; --fs-26:26px; --fs-25:25px; --fs-24:24px; --fs-20:20px; --fs-18:18px; --fs-16:16px; --fs-14:14px; --pdg:100px; --main-clr:#b596e9; --topbar-color:#20204c; --seconday-color:#4a5776; --black-clr:#000; --dark-bg:#45506b; --hover-color:#6d41b7; --body-font-color:#20204c; --light-font-color:#2a2a2a; --light-bg:#e5f5f5; --white-color:#ffffff; } body{ font-family:var(--bodyfont); color:var(--body-font-color); background:#fffefa} h1{ margin: 0px; padding: 0px; font-weight:200; font-size:var(--fs-70); color:var(--body-font-color); font-family:var(--headfont); padding:0 0 30px 0 } h1 em{ font-weight:400; font-style:italic; } h2{ margin: 0px; font-size: var(--fs-50); color: var(--body-font-color); font-weight: 200; padding: 0 0 30px 0; line-height: 1.3; font-family:var(--headfont); letter-spacing:1px; } h2 strong{ font-weight:500 } h2 em{ font-weight:400; } h3{ font-size:var(--fs-30); padding:0 0 30px 0; } h4{ font-weight: 300; font-size: var(--fs-20); padding:0 0 30px 0; } h5{font-size:var(--fs-20); padding:0 0 30px 0; } h6{ font-size:var(--fs-14); padding:0 0 30px 0; color:rgba(0,0,0,0.7) ; text-transform:uppercase; letter-spacing:0.22em; font-weight:200; margin:0; font-family:var(--bodyfont);} body{ font-size:var(--fs-20); line-height:1.6; font-weight: 300 ; font-family: var(--bodyfont); color: var(--body-font-color);} p{ text-align: justify; padding:0 0 30px 0;} .btncn{ position:relative; display: inline-block; padding:14px 35px 14px; font-size: var(--fs-20); font-weight:500; border-radius:0; text-align: center; margin:15px 0; font-family:var(--accent-font); } .btncn-default{ background: var(--main-clr); color: #fff; } .btncn-secondary{ background: #eeeae7; color: var(--black-clr); } .btncn-secondary i{color:var(--main-clr); } .btncn-white{ background:#fff; color: var(--main-clr); } .btncn-default:hover{ background:var(--hover-color); } .btncn-secondary:hover{ background:var(--hover-color); color:#fff } .btncn-white:hover{ background:var(--hover-color); color:#fff } .btn-line{ border:1px solid var(--main-clr); color:var(--seconday-color); font-family:var(--bodyfont); } .btn-line:hover{ background:var(--main-clr); color:#fff; } .buttonGroup{ display:flex; gap:15px } .dark-bg .btncn-default:hover{ background:#fff; border-color:#fff;color:var(--main-clr) } .btncn-default i, .btncn-secondary i{ margin:0 10px 0 0 } .section{ padding-top:var(--pdg); } .sectionPaddingBtm{ padding-bottom:var(--pdg) } .section .container{ position:relative; } .section-light{ background:var(--light-blue-color); } .light-section{ background:var(--light-bg); } .no-padding-top{ padding-top:0 } .hoverImage{ overflow:hidden; position:relative; } .hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(0deg, rgba(118,44,128,0.7) 0%, transparent 100%); opacity:0; transition:all .5s } .hoverImage:hover:after{ opacity:1; transition:all .5s } .hoverImage img{ width:100%; transition:all .5s } .hoverImage:hover img{ transform:scale(1.1); transition:all .5s } .g-5, .gx-5 { --bs-gutter-x: 5rem;} .g-4, .gx-4 { --bs-gutter-x: 3rem;} .section-heading{ margin:0 0 30px 0 } .section-heading h6{ padding-bottom:15px; } .text-center p{ text-align:center; } .light-bg{ background:#f5f5f7 } .dark-bg{ background:var(--dark-bg); } .text-clr-main,.text-clr-main *{color: var(--body-font-color);} .mobile{ display:none; } .btn-group{ display:flex; margin:30px 0 0 0; gap:15px; } .full-image img{ width:auto; max-width:inherit; } .full-right{ display:flex; justify-content:flex-end; } .miniSectionHd{display:flex;gap: 10%;align-items: center;padding-bottom: 20px} .miniSectionHd::before,.miniSectionHd::after{background-color: rgb(57, 86, 74); opacity: 0.2;height: 1px;display:block;flex-grow: 1;content: '';width: 10px} .miniSectionHd h2{font-size:var(--fs-20);font-family:var(--bodyfont); color: #666564; text-transform: uppercase; text-align: center;letter-spacing: 0.1em;padding-bottom: 0} .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6{ color:#fff } .gform-footer,#field_submit{position:relative!important} .gform-loader {position:absolute!important;right:0!important;top:0!important} @media only screen and (max-width:1599px){ :root{ --fs-70:60px; --fs-50:45px; --fs-42:40px; --fs-40:38px; --fs-36:34px; --fs-30:28px; --fs-26:25px; --fs-25:24px; --fs-24:23px; --fs-20:18px; --fs-16:15px; --fs-14:14px; --fs-18:16px; } } @media only screen and (max-width:1399px){ :root{ --fs-70:50px; --fs-50:40px; --fs-42:34px; --fs-40:34px; --fs-36:30px; --fs-30:26px; --fs-26:24px; --fs-25:23px; --fs-24:22px; --fs-20:17px; } } @media only screen and (max-width:1199px){ :root{ --fs-70:45px; --fs-50:40px; --fs-42:32px; --fs-40:32px; --fs-36:24px; --fs-30:23px; --fs-26:22px; --fs-25:21px; --fs-24:20px; } a{ text-decoration:none; border: 0px; outline: none; transition:none;} a:hover, a:focus, a:active{ transition:none; } } @media only screen and (max-width:991px){ :root{ --fs-70:40px; --fs-50:35px; --fs-42:30px; --fs-40:30px; --pdg :50px; } p{padding-bottom:20px} html{overflow-x: hidden;} } @media only screen and (max-width:767px){ .container{ padding:0 40px; } .btncn{ width:100%; text-align:center; } .buttonGroup .btncn{width: auto;} .desktop{ display:none; } .mobile{display:block;} .lineHd h5::before{width:25px;margin-right:5px} } @media only screen and (max-width:380px){ } /*Header Start*/ :root{--navbar-color:#eeeae7} .header{--headerHeight:104px;position: sticky; top: 0; z-index: 99999; width: 100%; transition: 0.3s;} .headerTop{ background:var(--topbar-color); padding:7px 0; } .headerTop p{ color:var(--light-font-color); font-weight:300; padding:0; font-size:var(--fs-18); } .headerTop p a{ color:var(--light-font-color); font-weight:600 } .headerTop p a:hover{ color:var(--main-clr); } .headerTop ul{ margin:0; padding:0; list-style:none; } .headerTop ul li{display: inline-block;vertical-align:top;padding:0 15px;position:relative;font-family:var(--bodyfont);color:#fff;font-weight:400;font-size:var(--fs-18);} .headerTop ul li a{ color:#fff; } .headerTop ul li a:hover{ color:var(--main-clr); } .headerTop ul li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:19px; background:#fff; } .headerTop ul li:first-child:before{ display:none; } .headerMian{width: 100%;transition: all .5s;background: #eeeae7;} .logo{height: 70px;transition:all .5s;flex-shrink: 0} .logo img{max-height: 100%;object-fit:contain;width:auto;} .headerHolder{display:flex;align-items:center;justify-content:space-between;padding: 0 0 0 60px;gap:20px;height: var(--headerHeight);transition: 0.5s} .navigation{margin: 0 auto 0 20px;} .navigation nav ul{ display:flex; align-items:center; margin:0; padding:0; list-style:none; } .navigation nav ul li a{font-weight:300;font-size: var(--fs-20);position: relative;color:var(--body-font-color);z-index: 10;font-family: var(--bodyfont);} .navigation nav ul li a:hover{color: var(--hover-color);} .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 {padding-left: 20px;padding-right: 20px;display: flex;flex-direction: column;justify-content: center;} .headerWinnerLogo {margin-right: 18px; } .headerRight{ display:flex; align-items:center;gap:35px;align-self: stretch; } .phoneNumber a{font-family: var(--headfont);color:var(--body-font-color);font-size: var(--fs-24);display: flex;align-items: center;} .phoneNumber a i{margin-right: 10px;font-size: 83%;vertical-align: middle;} .phoneNumber a:hover{ color:var(--hover-color); } .whatsapp a{ color:#fff; font-size:24px; display:block; width:40px; height:40px; border-radius:50%; background:#25d366; text-align:center; line-height:40px;} .whatsapp a:hover{opacity: 0.7} .headerIcon a{font-size:18px; display:block; width:40px; height:40px; border-radius:50%;border:1px solid var(--main-clr); text-align:center; line-height:40px;color: var(--main-clr);} .headerIcon a:hover{background: var(--main-clr);color: #fff} .bookAppointment{height: 100%} .bookAppointment a{padding: 0px 55px;display:block;background: var(--main-clr);color: #fff;position:relative;font-size: var(--fs-18);font-weight: 600;transition:all .5s;font-family: var(--accent-font);margin-left: 20px;height: 100%;line-height: var(--headerHeight);text-transform: uppercase;letter-spacing: 0.05em} .bookAppointment a i{ margin:0 10px 0 0; } .bookAppointment a:hover{background:var(--hover-color);color:#fff} .headerSocial a{ font-size:22px; color:#000; position:relative; top:2px; } .headerSocial a:hover{ color:var(--seconday-color); } .fixed{position:sticky;top:0;left:0;width:100%;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index: 999} .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important; } 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:2px;margin-top:5px}.mean-container a.meanmenu-reveal span:first-child{margin-top:0px}.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:var(--body-font-color);border-top:1px solid rgba(0,0,0,.3);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(0,0,0,.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} .top-bar-wrapper {background: #a4b16d; /* purple brand */ font-size: 14px; } .top-bar a {text-decoration: none; } .top-link {display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #fff; } .top-link i{font-size:130%} .top-link:hover{color:var(--hover-color);} .top-button {background: #fff; padding: 6px 14px; font-size: 14px; font-weight: 500; color: #111; text-align: center; text-decoration: none; transition: background 0.3s ease; } .top-button:hover {background: #ccc; } @media only screen and (min-width:1200px){ .headerMian a{position:relative;z-index: 10;} .headerMian:hover a{pointer-events:all;} .mega-menu-wrapper{position: absolute;z-index: 9;inset: 0 0 auto;width: 100%;max-width: 100vw;background:var(--navbar-color);padding:0px 0 90px;transition: padding .5s ease, opacity .5s ease;box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05);top: 100%;opacity: 0;overflow-y:auto} .fixed .mega-menu-wrapper{max-height: calc(100vh - 110px)} .navigation nav ul li:not(:hover) .mega-menu-wrapper{ pointer-events: none; } .navigation nav ul li:not(:hover) .mega-menu-wrapper * { pointer-events: none !important; } .navigation nav ul li:hover .mega-menu-wrapper{pointer-events:all;opacity:1.0;padding-top:30px;background:var(--navbar-color)} .navigation nav ul.dropdown-menu-holder li a{ font-size:var(--fs-36) ; font-weight:400; margin:0 0 15px 0; display:block;font-family:var(--headfont); } .navigation nav ul.dropdown-menu-holder li ul li a{ font-size: var(--fs-20); padding:5px 0; display:block; font-weight:300; margin:0;width:100%;transition:0.2s;font-family:var(--bodyfont);line-height:1.2 } .navigation nav ul.dropdown-menu-holder li ul li a:hover{color:var(--hover-color);} .mega-menu-wrapper a:hover{ color:var(--seconday-color); } .mega-menu-wrapper{overflow: auto;} ul.dropdown-menu-holder{gap: 65px 20px;width: 100%;border: none;justify-content: flex-start;align-items:flex-start!important;flex-wrap: wrap;} ul.dropdown-menu-holder li ul{ display:block; } ul.dropdown-menu-holder > li { width:calc(25% - 15px); } .section-parent-menu{ width:100% } .mega-menu-container {padding: 0; display: flex; justify-content: space-between; gap: 20px; } .mega-menu-img {width: 26%; } .mega-menu-img img {width: 100%; display: block; } .dropdown-menu-left {width: 55%; } .dropdown-menu-right {width: 45%;display:flex;flex-direction:column;gap:20px } .dropdown-menu-left ul li {width: 48%; } .dropdown-menu-left ul {display: flex; justify-content: space-between; gap: 0; flex-wrap: wrap; } .dropdown-menu-right ul {flex-direction: column; } li.normal-menu {position: relative;} li.normal-menu ul {position: absolute;top: 100%;left: 0px;flex-direction: column;min-width: 260px;background: var(--navbar-color);gap: 0;padding:10px 0;display: block;z-index: 100;opacity:0;transform: translateY(-20px);transition:0.5s;pointer-events:none;z-index: -1 !important;} li.normal-menu:hover ul{opacity:1;transform:none;pointer-events:all} li.normal-menu ul a {padding: 10px 25px;display: block;} .headerMian .container-fluid{ padding:0 0 0 15px } .mobileMenu{display:none;} } @media only screen and (max-width: 1899px) { .headerTop ul li{ font-size:16px } .headerMian .btncn{ padding:13px 20px } ul.dropdown-menu-holder li a{ font-size:var(--fs-18)!important } .navigation nav > ul > li> a{;padding:0 12px} .navigation nav ul li a{font-size: var(--fs-18)} .headerHolder{padding-left: 0px} .navigation{margin:0 auto 0 20px} .bookAppointment a{margin:0;padding:0 35px;} } @media only screen and (max-width: 1599px) { .headerHolder{ padding:0 } .headerRight{gap:15px} .bookAppointment a{padding-left: 25px;padding-right: 25px;} .phoneNumber a{font-size: 18px;} } @media only screen and (max-width: 1399px) { .header .container { width:98%; max-width:100% } .logo{ height:50px } .header{--headerHeight:90px} /*.fixed.header{--headerHeight:80px}*/ .bookAppointment a{ margin:0 ; } .navigation{margin:0 auto 0 0} .phoneNumber a span{display:none;} .phoneNumber a i{margin: 0} .phoneNumber a{font-size: 17px;display: block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--main-clr);text-align: center;line-height: 34px;background: var(--main-clr);color: #fff;} .phoneNumber a:hover{color: #fff;background: var(--hover-color);} .phoneNumber a:hover i{color: #fff;} } @media only screen and (max-width: 1199px) { .header .fixed, .header {position: relative; box-shadow: none; top: 0!important; } .bookAppointment a,.fixed .bookAppointment a{ margin:0 42px 0 0px;} .headerHolder{ position:relative; } .section-parent-menu{ padding:0 0 0 0 } .bookAppointment a:after{ display:none; } .headerMian{position:static;} .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0} .header .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 } .mobileMenu li a{font-size: var(--fs-18);} .headerHolder{ position:relative; } .mean-container .mean-bar { position: absolute; left: 0; width: 100%; float: none; z-index: 99; top: 22px; background:transparent;pointer-events: none;} .mean-container .mean-bar a{pointer-events: all;} .mean-container a.meanmenu-reveal{ border:1px solid transparent; padding: 8px 13px 8px; margin-top:0px; color: var(--seconday-color);border-radius:0;height: auto;} .mean-container .mean-nav{margin-top: 54px;} .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); } .mean-container .mean-nav > ul > li:first-child > a{ border:none; } .mean-container a.meanmenu-reveal span{ background:var(--seconday-color); } .mean-nav {box-shadow: -50vw 0 0 var(--navbar-color), 50vw 0 0 var(--navbar-color);} .mean-container .mean-nav{background:var(--navbar-color);} .mean-container a.meanmenu-reveal{ z-index:9999 } .logo,.fixed .logo {position:relative; z-index:9999; transform:translate(0); left:inherit; } .header{--headerHeight:80px} .fixed.header{--headerHeight:80px} .navigation{ visibility:hidden; display:none; } .headerRight {margin-left: auto; } .mega-menu-img{display:none;} } @media only screen and (max-width: 991px) { .phoneNumber span{ display:none; } .phoneNumber a i{ display:inline; } .headerTop ul li {font-size: 14px; padding: 0 10px; } } @media only screen and (max-width: 767px) { .phoneNumber a span{ display:none; } .bookAppointment a span{ display:none; } .headerRight {gap: 8px; } .phoneNumber a{width: 55px; height: 55px; line-height: 55px;font-size:25px } .headerIcon a{width: 55px; height: 55px; line-height: 55px;font-size:25px } .whatsapp a{width: 55px; height: 55px; line-height: 55px;font-size:25px } .headerHolder {gap: 10px;padding: 8px 0 } .logo,.fixed .logo{height:45px } .header{--headerHeight:70px} .fixed.header{--headerHeight:70px} .bookAppointment a,.fixed .bookAppointment a{ display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; line-height: 55px;font-size:25px; border-radius:50%; background:transparent; color:#fff; text-align:center; line-height:35px; padding:0 ;border: 1px solid var(--main-clr);color: var(--main-clr);margin-right: 0px;} .fixed .bookAppointment a{padding: 0} .bookAppointment{height:auto;} .bookAppointment a i{ margin:0;display:block; } .headerTop p{ font-size:14px } .header .container{ padding:0px 10px; } .mean-container .mean-nav{ margin-top:50px } .mean-container a.meanmenu-reveal{padding: 10px 0px;} .mean-container .mean-bar{top: 15px} .headerRight {right: 0; flex-direction: column; gap: 1px; border-radius: 5px 0 0 5px; overflow: hidden; background:#fff; border: 1px solid #fff; } .headerRight a {border-radius: 0!important; background: var(--main-clr)!important; border: 0!important; } .headerRight a i {color: #fff!important; } .top-bar-right { justify-content: flex-start;} .top-bar-left, .top-bar-right { flex-wrap: nowrap; width: 100%; } .top-bar { flex-direction: column; gap: 0.5rem;} .top-button{ width:100% } .top-bar-left{ justify-content:space-between; } .langTranslator, .phoneNumber, .bookAppointment {display: none;} } /*Header End*/ /*START BANNER*/ .banner{ background: var(--main-clr); position: relative;} .bannerImage img{ width:100% } .bannerCaption{ position:absolute; width:100%; top:50%; transform:translateY(-50%); z-index:1 } .bannerCaption h2{ font-weight:900; color:#fff; font-size:24px; letter-spacing:0.2rem; text-transform:uppercase;font-family:var(--bodyfont); } .bannerCaption h1{ color:#fff; font-size:120px; padding:0 0 20px 0; } .banner-btn-group{ display:flex; gap:14px; } .banner h5{ font-weight:300; font-family: var(--bodyfont); font-size:var(--fs-16); color:#fff ; text-transform: uppercase; letter-spacing: 2.2px; padding-bottom: 20px; margin: 0} .banner h5 span, .banner h5 strong{ font-weight:600 } .banner h1{ font-weight:500; font-size:84px; color:#fff; line-height:1.2; letter-spacing:2px; } .banner-logo-holder{ max-width:600px; margin:0 0 45px 0 } .inner-banner h1{ font-size:var(--fs-60); font-weight:200 } .halfInnerBanner,.halfBanner{ position:relative; display:flex;background:var(--dark-bg); } .halfBannerImage{ width:56%; } .innerBanner .halfBannerImage{ width:50%;margin-left: auto;} .halfBannerImage img{ width:100%;display:block; min-height: 500px; object-fit: cover;} .innerBanner .halfBannerCaptionInr{padding-right: 10px} .halfBannerCaption{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0 } .halfBannerCaption h1,.halfBannerCaption h2{ color:#fff;font-weight: 200;line-height: 1;font-size:var(--fs-70); } .halfBannerCaption h6{ color:#fff;} .halfBannerCaption .buttonGroup { flex-wrap: wrap;} @media only screen and (max-width:991px){ .halfBannerImage,.innerBanner .halfBannerImage {width: 100%; } .halfBannerCaption {position: static; transform: none; padding: 50px 0 50px; text-align: center; } .halfBanner {flex-direction: column; } .halfBannerCaption .buttonGroup {justify-content: center; } .halfBannerCaption .buttonGroup .btncn{width: auto!important;} .innerBanner .halfBannerCaptionInr{padding-right: 0px} } @media only screen and (max-width:767px){ .halfBannerImage img{height: auto;min-height:1px;} } /*END BANNER*/ /*WELCOME SECTION*/ .welcomeContent{ text-align:center; } .welcomeContent h6{ font-weight:300; font-family:var(--bodyfont); font-size: var(--fs-16);margin:0 } .welcomeContent p{ font-weight:300; text-align:center; text-align:justify; text-align-last: center; } .welcomeSection .container{ position:relative; z-index:1 } .side-line-image{ position:absolute; bottom:-350px; right:-175px; z-index:1; opacity:0.7 } .welcomeSection{ position:relative; } .introSection p{ text-align:justify; text-align-last: center; } @media only screen and (max-width:991px){ .welcomeContent br{display:none;} } /*END WELCOME SECTION*/ /*SERVICE SECTION*/ .service-slider-section{overflow: hidden;} .serviceSlider{ margin:10px 0 0 0 } .serviceSlider .slick-slide { margin: 0 10px; } .serviceSlider .slick-list { margin: 0 -10px; } .serviceItem h3{ padding:25px 0 0 0;} .serviceItem a{ color:var(--main-clr); } .serviceItem a:hover{ color:var(--seconday-color); } .serviceItem{ opacity:0.3; pointer-events: none; transition:all .5s; } .serviceItem h3{display:none;color: #000;font-size: var(--fs-24);font-family: var(--headfont);font-weight: 300;padding: 25px 0 45px 0;} .serviceSlider .slick-active .serviceItem{ opacity:1.0; pointer-events: inherit;transition:all .5s; } .serviceSlider .slick-active .serviceItem h3{ display:block; } .serviceSlider .slick-prev{position:absolute;top:50%;transform: translateX(-100%) translateY(-50%);left: -16px;background:#ffffff;border:none;font-size:20px;transition:all .5s;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;border-radius: 0%;color: #000;z-index: 9} .serviceSlider .slick-next{ position:absolute; top:50%; transform: translateX(100%) translateY(-50%); right:-16px; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--main-clr); color:#fff } .service-slider-section .btn-position-absolute{ top:-15px; } .service-slider-section .section-heading h2{ padding-right:220px; } .serviceItem{ position:relative; } .serviceItem h3{padding: 35px 0;} .serviceItem:.hoverImage:before{ content:''; position:absolute; top:0; width:0%; height:2px; background:var(--main-clr); z-index:1; transition:all 1s } .serviceItem:hover .hoverImage:before{ content:''; position:absolute; top:0; width:100%; height:2px; background:var(--main-clr); z-index:1; transition:all 1s } .progress { display: block; width: 100%; height: 2px; border-radius: 10px; overflow: hidden; background-color: #d7dcd7; background-image: linear-gradient(to right, #39564a, #39564a); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;} .serviceSlider:not(:has( .slickButton)) + .progress-bar {display: none;} /*END SERVICE SECTION*/ .treatment-welcome:after{ display:none; background:transparent; } .treatment-welcome{ background:#fff } .treatment-welcome h6{ color:rgba(42,42,42,0.7) } .treatment-welcome h2{ color:var(--main-clr); font-size:var(--fs-48); } .treatment-welcome p{ color:var(--body-font-color); } .treatment-welcome .qualityContent h3{ color:var(--body-font-color); } .big-img-holder img{width:100%;display:block;} /*CONTENT SECTION*/ .contentSection{ position:relative; z-index:1;overflow:hidden; } .ratingSection{ padding:15px 0 } .ratingSection h4{ font-size:var(--fs-16); padding:0 0 0; font-weight:300; text-transform:uppercase;font-family:var(--bodyfont);margin:0 } .number{ font-size:var(--fs-40); font-weight:300;font-family: var(--headfont);} .absolutBtn{ position:absolute; top:30px; right:30px; z-index:12 } .contentSection h6 {font-size: var(--fs-16); } .contentSection h2 {line-height: 1.2; } /*.contentHolder ul{ margin:0 0 25px 0; padding:0 0 0 0; list-style:none; } .contentHolder ul li{ font-family: var(--cabinetGrotesk); font-weight:300 ; font-size:var(--fs-20); margin:0 0 15px 0; position:relative; padding:0 0 0 25px; } .contentHolder ul li:after{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } */ .contentTop ul{ margin:0; padding:0 0 0 0; list-style:none; } .contentTop ul li{ font-weight:300 ; font-size:var(--fs-20); } .contentTop ul li a{ color:var(--body-font-color); padding: 15px 0; display: block; border-bottom: 2px solid #dbddd8; position: relative;} .contentTop ul li a:after{ content:''; position:absolute; width:0px; height:2px; background:var(--main-clr); bottom:-2px; left:0 ; transition: all .5s;} .contentTop ul li a:hover:after{width:100%; background: var(--hover-color); transition: all .5s;} .contentTop ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:var(--body-font-color);} .contentTop ul li a:hover{ color:var(--hover-color); } .contentTop ul li a:hover:before{ color:var(--hover-color); } .contentSection h2 strong{ font-weight:500 } /*CONTENT SECTION END*/ /*new parent*/ .new-patient h2{font-size:var(--fs-60);} .new-patient h3{font-weight: 400;letter-spacing: 0.1rem} /*NEW PARENT END*/ /*HOME GALLERY*/ .dark-bg .section-heading h2{ color:#fff ; font-size: var(--fs-60);} .dark-bg .section-heading p{ color:#fff; text-align:justify; text-align-last: center;} .home-gallery-holder{ margin-top:15px } .buttonGroupCenter{ justify-content:center; margin:40px 0 0 0; display:flex; } .dark-bg .btncn-secondary{ color:#fff } .spacial-padding{ padding-bottom:450px; } /*END HOME GALLERY*/ /*DUEL BG SECTION*/ .duel-bg{ background: linear-gradient(to bottom, transparent 50%, var(--dark-bg) 50%);} .duel-bg-reverse{ background: linear-gradient(to top, transparent 50%, var(--dark-bg) 50%);} .sp-section{ position:relative; } .sp-section-bottom{ position:absolute; width:100%; bottom:0; z-index:1 ; left: 0; display: flex; justify-content: flex-end; align-items: flex-end;} .sp-section-bottom h2{ margin:0; padding:0 65px 30px ; font-size:var(--fs-60); color:#fff; font-weight:500 } .sp-section-bottom .btncn{ margin:0; padding:40px 45px; font-size:var(--fs-22); } .sp-section-bottom .btncn i{margin: 0 15px 0 0} /*END DUEL BG SECTION*/ /*APPOINTMENT */ .appointmentSticker{ background:var(--main-clr); padding:40px 65px; display:flex; align-items:center; justify-content:space-between; } .appointmentSticker h2{ padding:0 } .appointmentSticker h2{ color:#fff; font-size:var(--fs-42); } /*END APPOINTMENT*/ /*DOCTOR SLIDER*/ @media screen and (min-width: 991px) { .doctorSliderNav .slick-list{ padding-right:250%; margin-right:-250%; } .doctorSliderNav .slick-slide{ position:relative ; width:400px } .doctorSliderNav .slick-slide img{ transition: all .5s; width:100%; height:380px; object-fit:cover; object-position:top; transition-delay:0.5s; filter: grayscale(100%);opacity:0.2} .doctorSliderNav .slick-slide.slick-active img{ transition: all .5s; width:100%; height:488px; transition-delay:0.5s; filter: grayscale(0%);opacity:1 } .doctorSliderNav .slick-slide.slick-active + div{ padding-left:0; } .doctorSliderNav .slick-slide{ transition:all .5s } .doctorSliderNav .slick-track{ display:flex; align-items:center; } } .doctorSliderNav .slick-slide { margin: 0 8px; } .doctorSliderNav .slick-list { margin: 0 -8px; } .doctorSliderNav .slick-prev{ position:absolute; left:-160px; bottom:30px; border:none; outline:none ; background:transparent; font-size: 25px; opacity: 0.5} .doctorSliderNav .slick-next{ position:absolute; left:-100px; bottom:30px; border:none; outline:none ; background:transparent; font-size: 25px; opacity: 0.5} .doctorSliderNav .slickButton:hover{ opacity:1.0 } .doctorItem h2{ font-weight:400 } .doctorItem h4{ font-size:var(--fs-24); text-transform:uppercase; margin:0; padding:0 0 15px 0;color:var(--seconday-color); } .doctorItem h6{ font-size:var(--fs-18); text-transform: uppercase; letter-spacing: 1px; margin: 0} /*END DOCTOR SLIDER*/ /*PARTNERS START*/ .partnerLogoHolder{ padding:30px 0 0; } .partnersLogoRow{display:flex;gap:35px;align-items:center; justify-content: space-between;} .partnersLogoImg img {margin: 0 auto; display: block;transition:0.3s;filter:grayscale(1);opacity:0.6 } .partnersLogoImg:hover img{opacity: 1;filter: none} .partnersHd h6{font-size:var(--fs-18);} @media only screen and (max-width:991px){ .partnersLogoRow{flex-wrap:wrap;justify-content:center;gap: 30px; justify-content: center;} .partnersLogoItem {width: calc(30% - 15px); } } /*PARTNERS END*/ /*HOME FORM SECTION*/ .formHolderDark{position: relative;z-index:3; background: #762c80} .formHolderBg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2} .formHolderBg img{width:100%;height:100%;object-fit:cover;object-position:bottom right} .formHolder p{font-size: var(--fs-16);} .right-full-image{ width:50%; right: 0; height:100%; position:absolute; top: 0} .right-full-image img{ height:100%; width:100%; object-fit:cover; } .formGroup{ display:flex; gap:20px; } .homeFormHolder{ padding:25px 0 0 0 !important } .homeFormHolder .gform_fields {gap: 20px!important; } .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select{width:100% !important; background-color: #ffffff !important; border:none !important; padding:24px 35px !important; font-size:16px !important; font-weight:300 !important; color:var(--body-font-color) !important;margin:0 0 0px 0 !important;border-radius:0!important;height:auto!important;line-height: 1.5 !important; } .homeFormHolder .inputHolder{ width:100% !important; } .homeFormHolder::placeholder { color: var(--body-font-color) !important; opacity: 1 !important; } .homeFormHolder::-ms-input-placeholder { color: var(--body-font-color) !important;} .homeFormHolder input[type=submit]{padding: 17px 10px !important; background: var(--main-clr) !important; border:none !important; outline:none !important;cursor: pointer !important; font-weight:400 !important; font-size: var(--fs-16) !important;transition:all .5s !important; margin-top: 0 !important; color: #fff !important;font-family:var(--bodyfont) !important; flex-shrink: 0 !important; align-self: flex-start !important; letter-spacing: 0.02em !important; border-radius: 0 !important;width: 100% !important;height: 100% !important;} option{ background: var(--main-clr) !important; color:#fff !important; } .homeFormHolder select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; } .homeFormHolder input[type=submit]:hover{ background:var(--hover-color) !important; color:#fff !important } .formHolderDark p{ color:#fff ; text-align:left; line-height:1.6; font-size: var(--fs-16);} .hmfrmcon{ padding:90px 90px 90px 0 } .formHolderDark .section-heading{ padding:0; margin:0 } .formHolderDark .bgImage{ width:43%; position:absolute; top:0; right:0; height:100% } .formHolderDark .bgImage img{ width:100%; height:100%; object-fit:cover; } .formHolderDark{ position:relative; overflow:hidden; } .homeFormHolder .gform-loader {filter:brightness(0) invert(1)} .sideImage{ margin-bottom:-1px; margin-left:-120px } /*END HOME FORM SECTION*/ /*Team */ .teamHolder{ margin:60px 0 0 0 } .teamImage img{display:block; } .teamBox h3{font-size:var(--fs-30);padding: 0 0 10px 0;font-weight: 200;color: #000;font-family: var(--headfont);margin-bottom: 0;} .teamBox h5 {padding-bottom: 8px; font-weight: 200;color: #00000091;} .teamBox p{color:#8f8e8c;} .teamImage{overflow:hidden;transition:all .5s;margin: 0 0 35px;} .teamImage:hover{transition:all .5s; } .teamImage:hover img{transform:none } .midBtn .btncn-default{ background:var(--deep-blue); border-color:var(--deep-blue); } .midBtn .btncn-default:hover{ background:var(--seconday-color); border-color: var(--seconday-color); } .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} .teamSlider .slick-next:hover, .teamSlider .slick-prev:hover{ color:var(--main-clr); } .teamSlider .slick-list {margin: 0 -20px; } .teamSlider .slick-slide {padding: 0 20px; } .teamSlider{padding-top:60px} .modal.teamModal {--bs-modal-border-radius: 0;} .btn-close.teamModalClose {position: absolute;top: 13px;right: 16px;z-index: 9;font-size: 10px;} .teamModal ul{ margin:10px 0 30px 0; padding:0; list-style:none; } .teamModal ul li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 30px} .teamModal ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } .teamModal ul li a{ color:var(--main-clr); } .teamModal ul li a:hover{ color:var(--seconday-color); } .teamModal .modal-body {padding: 28px 20px; } .teamModal h3{font-size: var(--fs-30);padding: 0 0 10px 0;font-weight: 200;color: #000;font-family: var(--headfont);margin-bottom: 0;} .teamModal h5 {padding-bottom: 8px;font-weight: 200;color: #00000091;} .teamModal p {font-size: var(--fs-18);text-align: left;color: #4a4a4a;} /*End Team*/ /*REVIEW SECTION*/ .reviewSlider{ margin:30px 0 0 0 } .reviewSlider .slick-slide { margin: 0 8px; } .reviewSlider .slick-list { margin: 0 -8px; } .reviewItem{ text-align:center; } .star{ font-size:20px; color:var(--black-clr); margin:0 0 20px 0 } .reviewItem p{ text-align:center; font-weight:400 ; font-family:var(--bodyfont); } .reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 1px} .btn-view{ text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); color:#000000 } .btn-view:hover{ color:var(--seconday-color); } .reviewSlider .slick-prev{ position:absolute; font-size:25px; border:none; outline:none; color:var(--black-clr); left:-80px; top:0%; transition: all .5s; height: 100%; background: transparent; width: 57px; } .reviewSlider .slick-next{ position:absolute; font-size:25px; border:none; outline:none; color:var(--black-clr); top: 0; right:-80px; transition: all .5stransition: all .5s; height: 100%; background: transparent; width: 57px; } .reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ background:transparent; color: var(--hover-color); transition: all .5s} #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;font-family: var(--bodyfont);} .reviewSlider .slick-track {display: flex;align-items: stretch;} .reviewSection .reviewItem {height: 100%; background:#f8f8f9; padding: 55px 45px} .more_txt:hover {color: #003380;} .reviewSection .btncn-secondary{ border-color:var(--main-clr); } .reviewSection .btncn-secondary:hover{ border-color:var(--seconday-color); } .reviewSection .slick-track{ display: flex !important;} .reviewSection .slick-slide{height: inherit !important;} .reviewSlider{ width:80%; margin:0 auto; } .reviewSlider .slick-slide>div{ height:100% } .reviewSection h6{ font-size:var(--fs-16); font-weight:400; font-family:var(--headfont); padding-bottom:30px; letter-spacing:2px; } .reviewSection .section-heading h2{ font-size:var(--fs-48); } .review-holder{padding-top: 60px} .video-holder h2{ font-weight:400; font-style:var(--fs-48); color:#fff; letter-spacing:2px; mix-blend-mode:overlay; position:relative; text-align:center; padding:0 30px; z-index:2; position:absolute; top:55%; transform:translateY(-50%); width:100% } h2.btm-txt-vid{ font-weight:400; font-style:var(--fs-48); color:#fff; letter-spacing:2px; text-align:center; padding:0 30px; z-index:1; opacity: 0.12; position:absolute; width:100%; top:55%; transform:translateY(-50%); width:100%; mix-blend-mode:inherit; } .video-caption{ top:65%; transform:translateY(-50%); width:100%; text-align:center; position:absolute; } .video-btn{ font-family:var(--accent-font); color:#ffffff; font-size:var(--fs-16); text-transform:uppercase; letter-spacing:1px; opacity:0.5 } .video-btn:hover{ opacity:1.0 } .progress3 { display: block; width: 100%; height: 2px; border-radius: 3px; overflow: hidden; background-color: rgba(207,207,194,1);background-image: linear-gradient(to right, #415f51, #415f51); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} .reviewVideoSlider{ width:200%; } .reviewVideoSlider .slick-slide { margin: 0 10px; opacity:0.2; filter:grayscale(100%); transition:all .5s } .reviewVideoSlider .slick-slide h3{ display:none; } .reviewVideoSlider .slick-slide.slick-current{ opacity:1.0; filter:grayscale(0%); transition:all .5s} .reviewVideoSlider .slick-list { margin: 0 -10px; } .slider-video { overflow: hidden; padding-top: 56.25%; position: relative;} .slider-video iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;} .width-eighhty{ width:75%; margin:0 auto; } .review-slider-holder .next-btn{ background:var(--seconday-color); width:70px; height:70px; border-radius:50%; color:#fff; border:none; position:absolute; right:-30px; top:36%; transition:all .5s } .review-slider-holder .next-btn:hover{ background:var(--hover-color); transition:all .5s } .review-slider-holder{ position:relative; } .reviewSlider {width: 75%;margin: 0 auto 60px;} .reviewVideoItem img{width: 100%} @media only screen and (max-width:991px){ .review-slider-holder {margin-top: 60px; } .reviewSection .section-heading{ text-align:center; } } @media only screen and (max-width:767px){ .review-slider-holder .next-btn {width: 50px; height: 50px; right: 0; top: 34%; right: -16px;} .reviewSlider .slick-prev{ left:-30px; } .reviewSlider .slick-next{ right:-30px } .reviewSlider{ padding:0 20px;margin-bottom:30px } .reviewSlider .slick-prev{ left:-42px; width: 40px;} .reviewSlider .slick-next{ right:-42px; width: 40px;} .reviewSlider{ width:88%; padding:0 } .reviewItem{padding: 0} .reviewItem p{font-size: 16px;line-height: 1.4} .review-holder{padding-top: 20px} } /*END REVIEW SECTION*/ /*TREATMENT PAGE*/ .main-content-center p{ text-align:justify; text-align-last:center; } .traement-dark{ background:url(assets/images/gal-bg.jpg) no-repeat; background-size: cover; padding:90px 0px; } /*INNER BANNER*/ .innerBanner{ position:relative; } .banerImageHolder{ position:relative;} .bannerImage img{ width:100%; } .innerbannerContent{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); padding:20px } .innerbannerContent .bannerButtonGroup{ justify-content:center; } .innerbannerContent h2{ font-size:var(--fs-70); color:#fff; padding:0 0 20px 0; } .innerbannerContent .btncn-white{ color:var(--body-font-color); } .innerbannerContent .btncn-white:hover{ color:#fff; background: var(--seconday-color);} .partnetSectionTreatment{ padding:0 0 75px 0 } .treatmentImageHolder{ display:flex; flex-wrap:wrap; gap:20px; row-gap:20px; justify-content:center; margin:0 0 0 0 } .treatment-repeat{ width:calc(25% - 15px); position:relative; } .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 } .galInnerContainer ul{ margin:0; padding:0; list-style:none; } .galInnerContainer ul li{ font-size:var(--fs-20); color:#fff; font-weight:300; padding:5px 0 } .galInnerContainer ul li a{ color:#fff } .galInnerContainer ul li a:hover{ color:var(--main-clr); } .treatmentImage{ overflow:hidden; } .treatmentImage img{ transition: all .5s } .treatment-repeat:hover img{ filter:brightness(0.5) blur(30px); transition: all .5s; transform: scale(1.1);} .treatment-repeat:hover .galInnerContainer{ opacity:1; visibility:visible; transition: all .5s} .qualityContent h3{ font-size:var(--fs-30); font-weight:300; font-family:var(--headfont); color: var(--body-font-color);} .last-treatment .qualityContent h3{ color:var(--main-clr); } .qualityContent a:hover h3{ color:var(--main-clr); } .treatmentImageHolder .qualityContent{ position:static; bottom:30px; left:0; width:100% } .treatmentImageHolder .qualityContent h3{ margin:0; color:#010101; font-weight:300; font-size:var(--fs-24); padding:25px 0 15px; transition:all .3s } .treatmentImageHolder .treatmentImage{ margin:0 } .treatment-repeat:hover .qualityContent h3{ opacity:0; transition:all .3s } /*CTA SECTION*/ .cts-section{ background:url(assets/images/cta-section-bg.jpg) no-repeat; background-size:cover; padding: 75px 0; background-attachment: fixed;} .cts-section p { font-size:var(--fs-18); } @media only screen and (max-width: 1400px) { .innerBanner{ padding:0 0 0 0 } .innerbannerContent h2{ font-size:50px; } } @media only screen and (max-width: 991px) { .innerbannerContent h2{ font-size:40px; padding:0 0 30px 0 } .bannerImage img{ height:430px; object-fit:cover; } } @media only screen and (max-width: 767px) { .innerbannerContent h2{ font-size:32px } .innerbannerContent .btncn-white{ padding:13px 15px } } /*END INNER BANNER*/ /*PAGINATION SECTION*/ .pagination{ padding:40px 0 0 0 } .pagination ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; gap:30px; } .pagination ul li{ font-family:var(--bodyfont); font-size:var(--fs-18); text-transform:uppercase; letter-spacing:1px ; color:rgba(0,0,0,0.4); position:relative; } .pagination ul li:after{ content:''; position:absolute; background:#cdcdcd; width:6px; height:6px; border-radius:50%; right: -18px; top: 10px; } .pagination ul li:last-child:after{ display:none; } .pagination ul li a{ color:rgba(0,0,0,0.4); } .pagination ul li a:hover{ color:var(--main-clr); } @media only screen and (max-width: 991px) { .pagination{ padding:25px 0 0 0 } } /*END PAGINATION SECTION*/ /*BLOG SECTION*/ .blogCategory{ padding:20px 30px ; display:flex; align-items:center; background: #fcf8fa} .blogCategory span{ font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; padding:0 12px 0 0 } .blogCategory select{ width:100%; border:none; background:transparent; font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrow.png); background-repeat:no-repeat; background-position: 100% center;} .blogCategory select option{} .blogPostRepeater{ margin:35px 0 0 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 a h4{ color:var(--body-font-color); font-size:var(--fs-20); line-height:1.5; font-family:var(--bodyfont); } .blogTop{ padding:6px 40px; margin:0 0 30px 0 ; display:flex; align-items: center; background:#eeeeed;font-family: var(--headfont); } .sortBy{ font-weight:200; color:var(--body-font-color); font-size:var(--fs-36); } .categotyDropdown{ width:100%; margin:0 0 0 15px; } .categotyDropdown select{ width:100%; background:transparent; border:none; padding: 5px 0; font-weight:500; color:var(--body-font-color); font-size:var(--fs-36);background-image: url(assets/images/arrowDown.png); background-repeat: no-repeat; background-position: 100% center; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; font-family:var(--headfont); } .categotyDropdown select option{ color:#fff } @media only screen and (max-width: 991px) { .blogPostContent h4{ padding-top:0 } .blogCategory{ padding:20px 15px } .blogCategory span{ font-size:16px } .blogCategory select{ font-size:16px } .blogPostContent .hoverImage{ margin-bottom:15px } } @media only screen and (max-width: 767px) { .blogCategory select{ background-size:16px } } /*END BLOG SECTION*/ /*BLOG DETAILS BANNER*/ .blog-feature-img img{width: 100%;display: block;} @media only screen and (max-width: 1199px) { .blogdetails h1{ font-size:40px ; padding: 0 0 20px 0} } @media only screen and (max-width: 1199px) { .blogdetails h1{ font-size:36px } } /*END BLOG DETAILS BANNER*/ /*BLOG DETAILS*/ .pageContent p{ line-height: 1.5} .pageContent h3{ padding-top:20px;font-family:var(--headfont);font-size:var(--fs-36);font-weight:200 ; margin: 0;padding-bottom: 15px;color: var(--body-font-color);} .pageContent h4{ padding-top:10px;font-family:var(--headfont);font-size:var(--fs-30);font-weight:200 ; margin: 0;padding-bottom: 15px;color: var(--body-font-color);} .pageContent h5{ padding-top:10px;font-family:var(--headfont);font-size:var(--fs-24);font-weight:200 ; margin: 0;padding-bottom: 15px;color: var(--body-font-color);} .pageContent blockquote {padding: 0 44px 10px; background: #eeeeed; margin: 20px 0 40px; } .pageContent blockquote h3 {background: #fffefa; display: table; padding: 6px 34px 20px; margin-bottom: 28px; } .pageContent h2{color: var(--body-font-color); } .pageContent h1{ font-size:var(--fs-14); padding:0 0 10px 0; color:rgba(0,0,0,0.7) ; text-transform:uppercase; letter-spacing:0.22em; font-weight:200; margin:0; font-family:var(--bodyfont);} .pageContent ul{padding:0 0 30px; list-style:none;margin:0 } ul.two-columns {column-count: 2;column-gap: 25px;} ul.two-columns li {break-inside: avoid;} .pageContent ul li{ line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 30px} .pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--body-font-color); font-family: 'FontAwesome'; } .pageContent ol{padding-bottom:30px;margin: 0} .pageContent p a{ color:var(--hover-color) !important; } .pageContent p a:hover{ color:var(--main-clr) !important; } .pageContent table{ width:100%;margin:0px 0 30px } .pageContent table td{ padding:10px; border:1px solid #3c3d4238; } .pageContent table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238;color:#fff } /*END BLOG DETAILS*/ /*BLOG DETAILS SIDEBAR*/ .brdholder{ text-align:right; } .darksidebar-bg{ } .sidebarFormHolder{ padding:0; margin:0px 0 0 45px;} .sidebarFormHolder h2{font-weight: 200; font-size: var(--fs-42);color: #fff} .sidebarFormHolder h2 strong{font-weight: 300;} .sidebarImage img{ width:100% } .sidebar{min-height: 200px; z-index:1; } .sidebarContent{ padding:55px ;background: var(--main-clr);} @media only screen and (min-width:992px){ .sidebarContent{position: sticky;top: 100px} .sidebar,.sidebarFormHolder{height: 100%} } .sidebar h3{ color:var(--body-font-color); font-weight:300; font-family:var(--bodyfont); font-size:var(--fs-42); } .sidebar p{ text-align:center; font-weight:400; font-size:16px; color:#fff;} .sidebar-form .gform_fields {gap: 20px!important; } .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder select{width:100% !important; background-color: #ffffff !important; border:none !important; padding:17px 30px !important; font-size: 16px !important; font-weight:300 !important; color: var(--body-font-color) !important; margin:0 0 0px 0 !important; border-radius: 0 !important;height:auto!important;} .sidebar-form .inputHolder { width:100% !important; } .sidebar-form .inputHolder ::placeholder { color: var(--body-font-color)!important; opacity: 1 !important; } .sidebar-form .inputHolder ::-ms-input-placeholder { color: var(--body-font-color) !important; opacity: 1 !important;} .sidebar-form input[type=submit]{padding:20px 25px !important; background: var(--body-font-color) !important;border:none !important;outline:none !important;cursor:pointer !important;font-weight:500 !important;font-size: var(--fs-20) !important; transition:all .5s !important; margin-top: 0 !important; color: #fff !important; font-family:var(--headfont) !important;flex-shrink: 0 !important; align-self: flex-start !important; letter-spacing: 0.02em !important; margin-left: auto !important; margin-right: auto !important; display: block !important; border-radius: 0 !important;} .sidebar-form input[type=submit]:hover{background:var(--hover-color) !important; color:#fff !important } option{ background: var(--seconday-color) !important; color:#fff !important; } .sidebar-form select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; } .sidebar-form .gform-loader {filter:brightness(0) invert(1)} .sidesticky{ position:sticky !important; top:0 !important; overflow:auto !important; } .breadcumb{ padding:14px 10px !important; } .breadcumb.main{ position:relative; z-index:9 ; background:#f6f6f3; } .breadcumb ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; column-gap: 30px;opacity: 0.6s} .breadcumb ul li{ font-family:var(--bodyfont); font-size:12px; text-transform:uppercase; letter-spacing:0.2em ; color:var(--body-font-color); position:relative; } .breadcumb ul li:after{ content:'/'; position:absolute; color:rgba(0,0,0,0.7); border-radius:50%; right: -18px; top: 0px; } .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{ color:rgba(0,0,0,0.7); } .breadcumb ul li a:hover{ color:var(--main-clr); } .callToBook{ background:var(--seconday-color); text-align:center; } .callToBook a{ display:block; padding:20px; font-weight:500; font-size:var(--fs-24); text-transform:uppercase; color:#fff; letter-spacing:1px } .callToBook a i{ margin:0 10px 0 0 } @media only screen and (max-width: 991px) { .sidebarFormHolder{ margin:0 } .sidebar{ margin-top:45px; } .breadcumb ul{ justify-content:center; } } @media only screen and (max-width: 767px) { .sidebarFormHolder{ padding:0 } .sidebarContent{ padding:30px } .sidebar{ margin-top:10px } .breadcumb ul{ flex-wrap:wrap; } } /*END BLOG DETAILS SIDEBAR*/ /*GALLERY*/ .gal-image img{width: 100%;display: block;} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before {left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before {z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .section-heading-inner{ display:flex; align-items:center; justify-content:center; gap:30px; } .share-social-icons ul{ margin:0; padding:0; list-style:none; } .share-social-icons ul li{ float:none; display:inline-block; vertical-align:top; } .share-social-icons ul li a{ color:var(--main-clr); font-size:var(--fs-30); margin:0 10px; } .section-heading-inner h2{ padding:0 } .insta-feed{ margin:30px 0 0 0 } .section-heading-inner h2 a{ font-weight:600; color:var(--body-font-color); } .section-heading-inner h2 a:hover{ color:var(--main-clr); } /*END GALLERY*/ /*CONTACT ICON*/ .iconHolder{ margin:10px 0 30px 0 } .iconList{ display:flex; align-items:center; margin:0 0 20px 0 } .iconListIcon{ width:26px; flex-shrink:0; margin:0 05px 0 0; color:var(--main-clr); font-size:18px } .iconListText{ font-size:var(--fs-18); color:var(--body-font-color); font-family:var(--bodyfont); } .iconListText a{ color:var(--body-font-color); } .iconListText a:hover{ color:var(--seconday-color); } .mapHolder{ margin:15px 0 30px 0 ;} .mapHolder { overflow: hidden; padding-top: 56.25%; position: relative; display: block;} .mapHolder iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } .openingHr table{} .openingHr td{ padding:5px 5px 5px } .openingHr h2{ font-size:var(--fs-36); } @media only screen and (max-width:767px){ .iconListIcon{ margin:0 10px 0 0 } } /*END CONTACT ICON*/ /*TREATMENT BOX*/ .treatmentImage{ margin:0 0 30px 0 ; overflow: hidden; position: relative;} .treatmentImage img{ width:100% ; transition: all .5s;display:block;} .treamentHolder{ position:relative; } .treamentHolder h3{ color:var(--body-font-color); transition:all .5s } .treamentHolder a:hover h3{ color:var(--seconday-color); transition:all .5s } .treamentCaption{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; padding:30px; width: 100%; left: 0; opacity: 0; visibility: hidden;transition: all .5s;} .treamentCaption ul{ margin:0; padding:0; list-style:none; } .treamentCaption ul li{ float:none; font-size:var(--fs-20); margin:12px 0 } .treamentCaption ul li a{color:#fff; } .treamentHolder *{ box-sizing:border-box; } .treamentHolder:hover .treatmentImage img{filter: blur(65px); transition: all .5s;} .treamentHolder:hover .treamentCaption{ opacity:1.0; visibility:visible; transition: all .5s;} .pageContent .btncn { margin:25px 0 50px 0; } .treatmentContentHolder h2{ text-transform:none; } .treatmentContentHolder .btncn-white{ border:1px solid var(--body-font-color); } .treatmentBoxHolder{ display:flex; background:#f7f7f7; } .treatmentContent{ width:50%; display:flex; align-items:center; padding:45px } .treatmentContent ul{ margin:0; padding:0; list-style:none; } .treatmentContent ul li{ font-size:var(--fs-20); color:var(--body-font-color); font-weight:400; padding:10px 0 } .address-holder{ margin:0 0 50px 0 } @media only screen and (max-width:1399px){ .treatmentContent{ padding:30px; } } @media only screen and (max-width:991px){ .treamentHolder{ margin-bottom:30px; } .treatmentImage{ margin:0 0 20px 0 } } @media only screen and (max-width:767px){ .treatmentBoxHolder{ flex-direction:column; } .treatmentContent{ width:100%; padding:5px 30px 30px } .treatmentBoxHolder{ margin-bottom:25px } } /*PINK SECTION*/ .pink-section{ background:var(--seconday-color); text-align:center; } .pink-section h2{ color:#fff } .pink-section .btncn-default{ background:var(--main-clr); } .pink-section .buttonGroupCenter{ margin:0 } .pink-section .btncn-default:hover{ background:transparent; } /*TREATMENT GALLERY*/ .treatmentGallery h2{ text-transform:none; } /*ACCRIDIAN SECTION*/ .faqHolder{background: var(--topbar-color);color: #fff;} .faqHolder h2{color: #fff;} .faqHolder h2 strong,.faqHolder h2 b{font-weight: 500} .accordian-new h3 { font-family: var(--bodyfont); font-weight: 400; font-size: var(--fs-20); color: #fff; cursor: pointer; margin-bottom: 0; position: relative; padding: 30px 30px 30px 0; } .accroHolder {border-bottom:1px solid rgba(255, 255, 255, 0.2); } .ui-accordion-content-new { } .ui-accordion-header-active-new{} .accordian-new h3:focus { outline: 0} .accordian-new h3:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 30px; font-size: 20px; color: #fff; font-weight: 300; transition: .5s} .inneraccordina-area { padding: 10px 0 45px 0; } .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg); color: #ffff} .accordianarea-new .accordian h3.ui-accordion-header-active-new:after { transform: rotate(-180deg); color: #fff} .ui-accordion-content-new { padding: 0px 0px 30px 0; display: none} .ui-accordion-content-new p { text-align: justify; padding-bottom: 0} .accroContent{ border-bottom:1px solid #d3d3d3; } .accroContent h3{ margin:0; padding:30px 0; font-size:var(--fs-20); font-weight:500; font-family:var(--headfont); position: relative; cursor: pointer;} .accroContent ul{margin: 0;padding: 0 0 30px 25px} h3.clcikbtn-new-3:after { content: "+"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 26px; font-size: 20px; color: #fff; font-weight: 300; transition: .5s} h3.ui-accordion-header-active-new-3:after { content: '\f068'; color: #fff;} .accordian-new-3 .accroContent{ border-bottom:1px solid #c8c6c1; } .content-tab-section .accroContent h3{ padding:25px 0; font-weight:300;font-size:var(--fs-30); } .gallerySlider .slick-slide { margin: 0 10px; } .gallerySlider .slick-list { margin: 0 -10px; } .gallerySlider .serviceItem{ opacity:1.0 } .gallerySlider .slick-prev{ position:absolute; top:50%; transform: translate(-100%, -50%); left:-10px; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .gallerySlider .slick-next{ position:absolute; top:50%; transform: translate(100%, -50%); right:-10px; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .gallerySlider .slick-next:hover, .gallerySlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--hover-color); color:#fff } @media only screen and (max-width:767px){ .accordian-new h3{ padding: 15px 30px 15px 0; } .accordian-new h3:after{ top:17px; font-size:17px } } /*BEFORE AFTER SLIDER*/ .beforeAfterSlider{ width:100%; margin:0 auto; } .beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .beforeAfterSlider .slick-prev:hover, .beforeAfterSlider .slick-next:hover{ color:var(--body-font-color); } .beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .beforeAfterSlider .slick-track{ } .sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); } .beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:-60px; background:transparent; border:none; font-size:20px; transition:all .5s; width: 47px; height: 47px; background: #ceeff0; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--main-clr); } .beforeAfterSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:-60px; background:transparent; border:none; font-size:20px; transition:all .5s; width: 47px; height: 47px; background: #ceeff0; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--main-clr);} .beforeAfterSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s } @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ .beforeAfterSlider .slick-center{ transform:scale(1.0); transition:all .5s; } .beforeAfterSlider{ margin:0 auto; width:75% } .beforeAfterSlider .slick-track{ padding:10px 0 } .beforeAfterSlider .slick-prev{ left:-40px } .beforeAfterSlider .slick-next{ right:-40px } } /*FOOTER*/ .footer{ background:var(--topbar-color);color:#fff } .footBottom{ padding:0px 0 30px 0; } .ftbtm{ justify-content:space-between; align-items:center; display: flex; border-top: 1px solid #41416b; padding-top: 30px; } .copyright{ font-size:14px; color:rgba(255,255,255,0.42) ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300} .footerTop{ padding:50px 0 70px 0; } .footerTopContent{display:flex;justify-content:space-between;row-gap: 50px;} .footerwidget_1{width: 38%;} .footerwidget_2{width: 17%;margin-left: auto;} .footerwidget_3{ width:15%; } .footerwidget_3{width:18%;min-width: 250px;} .footerContent h4{ font-family:var(--headfont); font-size:var(--fs-26); color:#fff ; line-height:1.4 } .footer-nav{ } .footer-nav ul{ margin:0; padding:0; list-style:none; } .footer-nav ul li{ display:block; } .footer-nav ul li a{ display:block; font-weight:300; font-size:var(--fs-16); line-height:36px; color:#fff } .footer-nav ul li a:hover{ color:var(--main-clr); } .footerLogo img{ filter: grayscale(1) brightness(100); margin:0 0 30px 0 } .footerTopContent h2{ color:#fff ; font-size: var(--fs-36); font-weight: 300; line-height: 1.4; padding: 0 0 20px 0} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:2; padding:0 0 30px 0 ; font-weight: 300; text-align: left;} .footerTopContent p strong{ font-weight:700 } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent p a i{ margin:0 5px 0 0 } .btnnSocialGrp{ display:flex; align-items:center; margin:15px 0 0 0 } .btnnSocialGrp .btncn-secondary{ color:#fff } .footerTop .btncn-light:hover{ background:#6daff3 } .footerTop h2{ font-size:var(--fs-24); font-family:var(--headfont); } .social ul{ margin:0; padding:0; list-style:none; display: flex; gap: 24px} .social ul li a{ display:block ; color:#fff; font-size:25px; } .social ul li a:hover{ color:var(--main-clr); } .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent table{ width:100%; } .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.8; font-weight: 200} .footerTopContent table td:first-child{ padding-right:20px; } .footer-main-cn {display:flex;gap: 50px;align-items: flex-start;} .breadcumb.mobile{ background:var(--light-blue-color); } .blogdetails h1{ font-size:var(--fs-60); } .both-address-section h2{ } .both-address-section .iconListText{ font-size:var(--fs-20); line-height:35px; font-weight:300 } .both-address-section .iconListText span{ color:var(--main-clr); } .both-address-section .iconList{ margin:0 0 10px 0 } .both-address-section .iconListText a:hover{ color:var(--hover-color); } .both-address-section .iconListText i{ margin:0 10px 0 0 } .both-address-section .section-heading h2{ font-size:var(--fs-48); } .btn-position-absolute { position: absolute; right: 15px; top: 10px;} .homeGallerySection .container{ position:relative; } .homeGallerySection .section-heading h2{ padding-right:200px; } .team-content{ padding:30px 0 0} .team-content h3{ font-size:var(--fs-30); font-family:var(--bodyfont); font-weight:300; margin:0; padding:0 0 12px 0 } .team-content p{ padding-bottom:0; color:#161617 } .team-bio p{ font-size:var(--fs-18); text-align:left; } .team-bio p a{ color:var(--main-clr); text-decoration:underline; text-underline-offset:5px; cursor:pointer; } .team-bio p a:hover{ color:var(--hover-color); } .tag-line-box{ position:relative; } .tag-line-box img{ width:100%; } .tag-line-box-caption{ position:absolute; bottom:45px; left:0; width:100%; padding:0 60px } .tag-line-box-caption-inner{ background:rgba(255,255,255,0.7); padding:30px 50px; display:flex; align-items:center; justify-content:space-between; } .tag-line-box-caption-inner h2{ padding:0 } .border-heading{ border-bottom:2px solid #d2e3e8; } .border-heading h2 span{ position:relative; } .border-heading h2 span:after{ content:''; position:absolute; bottom:-35px; background:#1e718b ; height: 2px; left: 0; width: 100%; } .abt-conetnt-box{ padding:60px 0 0 0 } .abt-conetnt-box h3{ font-size:var(--fs-36); font-weight:300; font-family:var(--headfont); } .formHolderDark h2{ color:#fff; font-family:var(--bodyfont); font-weight:100 } .formHolderDark h2 strong{ font-weight:400 } .address-bottom{ display:flex; align-items:center; justify-content:space-between; gap:25px; } .address-left h5{ margin:0; font-size:var(--fs-28); font-weight:300; color:var(--main-clr); padding:0 0 15px 0 } .address-bottom .btncn-default{ margin:0 } .address-left p{ padding:0; font-size:var(--fs-16); } .both-address-section .border-heading { margin:0 0 60px 0 } .footerTopContent .btncn-default{ } .footerTopContent .btncn-default:hover{ opacity:0.8 } .footer-heading-block {pointer-events: none;} .contact-page-details .address-bottom{ align-items: flex-start; flex-direction: column; text-align:left; } .contact-page-details .btncn-default{ background:var(--seconday-color); } .contact-page-details .btncn-default:hover{ opacity:0.8 } .content-tab-section{ padding:20px 0 40px 45px; } .beforeAfterSlider{ width:100%; margin:0 auto; } .beforeAfterSlider .slick-slide { margin: 0 40px; } .beforeAfterSlider .slick-list { margin: 0 -40px; } .beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:30%; z-index: 9; font-size:30px; border:none; outline:none; background:transparent; color:#fff; width:46px; height:66px; background:#fff; color:var(--black-clr); text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 0} .beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:30%; font-size:30px; border:none; outline:none; width:46px; height:66px; background:#fff; color:var(--black-clr); text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 0} .beforeAfterSlider .slick-prev:hover, .beforeAfterSlider .slick-next:hover{ color:#fff; background:var(--main-clr); } .beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .beforeAfterSlider .slick-track{ padding:60px 0; overflow:visible; } .sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); } .traement-dark .section-heading h2{ color:#fff; font-size:var(--fs-48); } .traement-dark .btncn-white:hover{ background:var(--main-clr); } .current-date-tr td{ font-weight:500 !important } .address-bx p{ line-height:1.7 } .fallback-content a { font-family: var(--headfont); color: #fff; font-size: var(--fs-18);} .fallback-content a:hover{ color:var(--main-clr); } @media only screen and (max-width:1199px){ .footerTopContent h2{ font-size:36px } .footerTop{ padding:45px 0 } .footBottom{padding: 15px 0} .footerTopContent{ display:block; } .footerwidget_1{ width:100%;margin-bottom:35px } .footerwidget_2{ width:100%;} .footerwidget_3{ width:100%; } } @media only screen and (max-width:767px){ .footerTopContent h2{ font-size:32px } .enquiryBtn a{ padding:15px 20px } .ftbtm{ flex-direction:column; align-items: center;} .copyright{ padding-bottom:15px } .btnnSocialGrp{ flex-direction:column; } .footerTopContent h2{ font-size:24px } .copyright{ text-align:center; } } /*FOOTER END*/ /*video page start*/ .video-list-video {position: relative; } .video-list-video iframe,.video-list-video video {aspect-ratio: 1920 / 1080; width: 100%; max-width: 100%; height: auto; display: block; } .video-list-caption {text-align: center; margin-top: 28px; } .video-list-caption h3 {font-weight: 300; font-size: var(--fs-24); } .video-list-caption h3:empty{display:none;} .video-list-caption h3:last-child{margin-bottom: 0;padding-bottom: 0} /*video page end*/ /*RESPONSIVE CSS*/ .desktop{ display:block; } .mobile{ display:none; } .buttonGroup{ align-items:center; } .buttonGroup .whatsapp a{ margin:0 } .service-slider-holder .next-btn{ background:var(--seconday-color); width:70px; height:70px; border-radius:50%; color:#fff; border:none; position:absolute; right:-30px; top:36%; transition:all .5s } .service-slider-holder .next-btn:hover{ background:var(--main-clr); transition:all .5s } .service-slider-holder{ position:relative; } @media only screen and (max-width:1700px){ .bannerCaption h1{ font-size:75px } .inner-banner .bannerCaption h1{ font-size:70px } .phContent{ font-size:18px; } .banner h5{ font-size:16px; padding:0 0 10px 0 } } @media only screen and (max-width:1599px){ .service-slider-section .serviceSlider {max-width: calc(100% - 140px);margin:0 auto; } .gallerySlider {max-width: calc(100% - 140px);margin:0 auto; } } @media only screen and (max-width:1399px){ .bannerCaption h1{ font-size:80px } .bannerCaption h2{ font-size:20px } .contentHolder:not(:last-child){ padding:0 0 50px 0 } .btncn{ padding: 15px 25px 13px; } .duel-bg{ padding-top:0 } .sp-section-bottom .btncn{ padding: 30px 45px; } .no-padding-top{ padding-top:0 } .phContent{ font-size:14px; } .phContent span{ font-size:12px; } .phIcon{ width:30px; height:30px; font-size:13px; } .bannerCaption h1{ font-size:65px } .bannerCaption{ top:55% } .serviceSlider .slick-prev{ left:-25px; } .serviceSlider .slick-next{ right:-25px } .footerContent h4{ font-size:22px; margin:0 } .qualityContent h3{ margin:0; font-size:26px; } .hmfrmcon{ padding:50px 50px 50px 0 } .g-5, .gx-5 { --bs-gutter-x: 2rem;} .inner-banner .bannerCaption h1{ font-size:60px; } } @media only screen and (max-width:1300px){ .serviceItem h3{ font-size:28px; } } @media only screen and (max-width:1199px){ .welcomeLeft, .welcomeRight{ width:50% } .g-5, .gx-5{ --bs-gutter-x: 3rem; } .welcomeContent{ gap:120px } .buttonGroup a{ margin:0 } .contentHolder ul li a{ font-size:20px; padding:12px 0 } .sp-section-bottom h2{ padding:0 30px 20px } .sp-section-bottom .btncn{ padding:25px 25px } .formHolderDark .align-items-center { align-items: flex-end !important;} .formHolderDark p br{ display:none; } .formHolderDark h2{ font-size:30px } .hmfrmcon{ padding-top:50px; padding-bottom:50px } .ratingSection h4{ font-size:16px } .number{ font-size:26px } .innerbannerContent{top:50%} .treatment-welcome:before { height: 30%; top: -30%;} .treatment-repeat{ width:48% } .serviceSlider{ margin:20px 0 0 0 } .team-content{ padding:15px 0 0 } .tag-line-box-caption-inner{ padding:15px 30px } .abt-conetnt-box{ padding:40px 0 0 0 } .abt-conetnt-box h3{ margin:0 } .address-bottom{ margin:0 0 45px 0 } .footer-logo{ width:200px } .footer-nav{ margin-bottom:30px } .footBottom{ padding-bottom:30px } .inner-banner .bannerCaption h1{ font-size:50px; } .full-image img{ max-width:100% } .sidebarContent{ padding:40px 20px; } .video-caption{ top: 70%; } .bannerCaption h1{ font-size:55px; } .banner-logo-holder{ margin:0 0 20px 0 } .footer-heading-block{position:relative;pointer-events:all } .footer-content-block{ display:none;} .footer-heading-block:after{ content:''; position:absolute; right:0; top:6px; content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s } .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} .partnerLogoHolder{padding-top: 0} } @media only screen and (max-width:991px){ .bannerCaption h1{ font-size:55px } .bannerCaption h2{ font-size:15px } .welcomeContent{ flex-direction:column; gap: 10px} .welcomeLeft, .welcomeRight{ width:100% } .service-slider-section .serviceSlider {max-width: calc(100% - 100px); margin: 25px auto 0; } .sp-section-bottom h2{ font-size:24px } .sp-section-bottom .btncn{ font-size:16px } .doctorSliderNav .slick-slide.slick-current{ outline:2px solid var(--seconday-color); outline-offset:-2px } .doctorItemNav{ display:block !important; } .desktop{ display:none; } .mobile{ display:block; } .doctorSliderNav .slick-next{ left: inherit; right: 0; bottom:inherit; top:50%; transform:translateY(-50%); } .doctorSliderNav .slick-prev{right: inherit; left: 0; bottom:inherit; top:50%; transform:translateY(-50%); } .doctorSliderNav { padding:0 50px } .hmfrmcon{ padding-right:0; padding-left:0 } .beforeAfterSlider{ width:85% } .formHolderBg {position: static; margin: 0 0 50px 0; } .formHolderDark::after {width: 100%; } .formHolderDark {padding-top: 0; background: var(--deep-blue); } .formHolderBg img {aspect-ratio: 1.38; } .contentHolder ul li a:before{ top:12px; } .appointmentSticker{ padding:30px; flex-wrap: wrap; text-align: center; justify-content: center;} .teamHolder{ margin:10px 0 0 0 } .midBtn{ margin-top:0 !important } .welcomeLeft h2 br{ display:none; } .welcomeLeft:after{ display:none; } .g-5, .gy-5 { --bs-gutter-y: 0rem !important;} .partnetSectionTreatment{ padding:0 0 50px 0 } .hoverImage{ margin:0 0 30px 0 } .formHolderDark{ background:var(--main-clr); } .inner-banner .bannerCaption h1{ font-size:50px; } .traement-dark{ padding: 30px 28px; } .team-content{ padding:0; margin-bottom:20px } .team-content h3{ font-size:28px; } .abt-conetnt-box .btn-line{ margin:0 0 30px 0 } .right-full-image{ width:100%; position:static; } .formHolder{ background-size:cover !important; } .content-tab-section{ padding: 0 } .beforeAfterSlider .slick-prev{ left:-39px; } .beforeAfterSlider .slick-next{ right:-28px } .welcome-content{ margin-top:0 } .welcome-content{ padding:0 } .service-slider-section .btn-position-absolute{ top:0 } .serviceItem h3{ font-size:20px; padding:0 0px 15px } .full-image{ margin-bottom:30px; } .partnersLogoImg {width: calc(33% - 15px); text-align: center; } .partnersLogoRow {gap: 20px; } .full-image img {width: 100%; max-width: 100%; } .service-slider-section .section-heading {margin: 0; } .teamSlider {padding-top: 22px; } .footer-logo{ width:150px } .faqHolder h2{padding-bottom: 0} .pageContent blockquote {padding: 0 15px 15px; } .gallery-item .hoverImage {margin: 0; } .pageContent h2 br,.pageContent h3 br{display: none;} } @media only screen and (max-width:767px){ .container{ padding:0 30px } .bannerCaption h1{ font-size:42px } .btncn{ padding: 8px 15px } .btncn-default i, .btncn-secondary i{ margin:0 5px 0 0 } .number{ margin-bottom:25px } .contentHolder ul li a:before{ top:12px } .sp-section-bottom{ position: static; background: var(--main-clr); flex-direction: column; align-items: center; box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr), -50vw -65px 0 var(--main-clr), 50vw -65px 0 var(--main-clr); padding-bottom: 30px; padding-top: 25px; } .sp-section-bottom h2{ padding:15px; text-align:center; } .sp-section-bottom .btncn{ font-size:15px } .welcomeLeft:after{ display:none; } .innerbannerContent h2{ font-size:40px } .innerbannerContent{ padding:0 } .g-5, .gy-5{--bs-gutter-y: 1rem;} .treamentHolder h3{ padding:0; margin:0 } .pageContent h2{ font-size:30px; } .accordian-new h3{ font-weight:500; font-size:18px; } .blogTop{ padding:15px; flex-direction:column; justify-content:center; align-items:center; } .categotyDropdown select{ width:100% } .sortBy{ width:100%; border-bottom: 1px solid #00000026; } .categotyDropdown{ width:100% } .blogPostContent a h4{ margin:0 } .halfInnerBanner{ display:block; } .formGroup{ flex-wrap:wrap; gap:0 } .iconList{ margin:0 0 20px 0 } .categotyDropdown select{ background-size:15px } .categotyDropdown{ margin:0 } .phContent{ display:none; } .banner-logo-holder{ gap:10px } .welcomeContent h6{ padding:0 0 15px 0 } .serviceItem h3{ padding:0 15px 15px; text-align: center;} .ratingSection h4 {font-size: 10px; } .ratingSection .row {--bs-gutter-x: 10px; } .number {font-size: 22px;margin-bottom:0 } .footerContent h4{ font-size:20px } .mapHolder{ margin:0 0 30px 0 } .both-address-section .section-heading{ margin:0 } .banner h5{ font-size:14px; } .inner-banner .bannerCaption h1{ font-size:42px; } .treatment-repeat{ width:100% } .welcomeSection:before{ top: -30%; height: 30%; } .treatment-welcome:before{ top: -5%; height: 5%; } .innerBanner img{ object-fit:cover; } .beafSliderItem{ flex-direction:column; } .beafSliderItem img{ width:100% } .bannerCaption{ text-align:center; } .banner-btn-group{ flex-direction:column; } .banner-btn-group .btncn{ margin:0 } .welcomeSection { margin:0 0 0 0 } .btn-position-absolute{ position:static; } .homeGallerySection .section-heading{ margin:0 0 5px 0 } .tag-line-box-caption{ position:static; padding:0; } .tag-line-box-caption-inner{ padding:15px ; background: rgb(233 233 233 / 70%)} .tag-line-box-caption-inner{ flex-direction:column; text-align:center; } .homeFormHolder{ padding:0 } .address-bottom{ flex-direction:column; text-align:center; } .address-left p{ text-align:center; } .footBottom{ padding-bottom:0 } .inneraccordina-area{ padding-bottom:0 } .both-address-section .border-heading { margin: 0 0 35px 0;} .blogTop{ border-radius:4px; } .homeGallerySection .section-heading h2{ padding-right:0 } .service-slider-section .section-heading h2{ padding-right:0; padding-bottom:0 } .serviceSlider .slick-next {right: -10px;background:var(--main-clr);color:#fff;top: 40%} .serviceSlider .slick-prev {left: -10px;background:var(--main-clr);color:#fff;top: 40%} .service-slider-section .serviceSlider {max-width: calc(100% - 120px);margin: 25px auto 0;padding: 0;} .service-slider-section .btn-position-absolute{margin: 30px auto 0;justify-content: center;} .serviceSlider .slick-list{overflow:visible;margin: 0 -5px;} .serviceSlider .slick-slide{margin:0 5px} section:has( .teamSlider) {overflow: hidden; } .teamSlider .slick-list {overflow: visible;margin: 0 -5px; } .teamSlider .slick-slide{padding:0 5px} .teamSlider {max-width: calc(100% - 120px); margin-left: auto; margin-right: auto; } .teamSlider .slick-prev {width: 46px; height: 46px; left: -10px; background: var(--main-clr); color: #fff!important; transform: translate(-100%,-50%); top: 30%; } .teamSlider .slick-next {width: 46px; height: 46px; right: -10px; background: var(--main-clr); color: #fff!important; transform: translate(100%,-50%); top: 30%; } .slick-slide .team-item{opacity: 0.3;transition: 0.3s} .slick-slide .team-item h3, .slick-slide .team-item p{opacity:0;transition: 0.3s} .slick-current .team-item,.slick-current .team-item h3,.slick-current .team-item p{opacity: 1;} .contentSection h6{padding-bottom: 12px} .full-image{ margin:0 0 25px 0 } .btn-group{ flex-direction:column; gap:0; margin:0; } .btn-group .btncn{ margin:3px 0 } .breadcumb.main{ position:static; margin:0 } .beforeAfterSlider .slick-track{ padding:0 } .insta-feed{ margin:0 } .btm-txt-vid{ display:none; } .video-holder h2{ position:static; top:inherit; transform:translateY(0); mix-blend-mode: normal; padding:15px } .video-holder{ background:var(--seconday-color); } .video-caption{ position:static; top:inherit; transform:translateY(0); } .video-caption{ padding-bottom:15px } .content-tab-section{ padding:0 } .breadcumb ul li{ font-size:12px; } .gallerySlider {max-width: calc(100% - 50px); } ul.two-columns{column-count: 1} html{ overflow-x:hidden; } .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select{padding: 12px 18px !important;} } /* End - Main Style */