/* Theme Name: Dover Priory Dental Theme URI: # Author: Sk Version: 1.0 */ *{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:#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;color: var(--main-clr);} 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);} select{white-space: normal;} /*variables--*/ :root{ --bodyfont: "Albert Sans", sans-serif; --accent-font: "Albert Sans", sans-serif; --headfont:"ivymode", sans-serif; --fs-90:90px; --fs-60:60px; --fs-48:48px; --fs-42:42px; --fs-40:40px; --fs-36:36px; --fs-32:32px; --fs-30:30px; --fs-28:28px; --fs-26:26px; --fs-25:25px; --fs-24:24px; --fs-21:21px; --fs-20:20px; --fs-18:18px; --fs-16:16px; --fs-14:14px; --fs-13:13px; --pdg:100px; --topbar-color:#432543; --menu-color:#432543; --main-clr:#945a99; --seconday-color:#432543; --dark-bg:#432543; --hover-color: #6e9aff; --body-font-color:#161617; --head-font-color:#161617; --black-clr:#161617; --light-font-color: #fff; --light-bg:#f8f8f8; } body{ font-family:var(--bodyfont); color:var(--body-font-color); background:#ffffff;font-size:var(--fs-18);line-height:1.6; font-weight: 400 ;} h1{font-size:var(--fs-48);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h2{font-size:var(--fs-48);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding: 0 0 30px 0;line-height: 1.3} h3{font-size:var(--fs-30);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h4{font-size:var(--fs-24);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h5{font-size:var(--fs-20);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h6{font-size:var(--fs-18);font-weight:300;margin:0;font-family:var(--bodyfont);color:rgba(0,0,0,0.7);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.05em;line-height: 1.3} h2 span{ color: var(--main-clr) !important; } p{ padding:0 0 30px 0;} .btncn{position:relative;display: inline-block;padding: 11px 35px 11px;font-size: var(--fs-16);font-weight: 600;text-transform:uppercase;letter-spacing:0.075em;border-width:1px;border-style:solid;text-align: center;margin:15px 0;font-family:var(--accent-font);border-radius: 8px;} .btncn-default{background: var(--main-clr); color:#fff;border-color:var(--main-clr);} .btncn-default:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff} .btncn-secondary{background:var(--seconday-color); color: #fff;border-color:var(--seconday-color);} .btncn-secondary:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff} .btncn-white{background:#fff; color: var(--seconday-color);border-color:#fff; } .btncn-white:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff} .btncn-dark{background:var(--dark-bg); color: #fff;border-color:var(--dark-bg); } .btncn-dark:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff} .btn-line{ border-color:#fff;color:#fff;background:transparent} .btn-line:hover{ background:var(--hover-color); color:#fff;border-color:var(--hover-color) } .btncn i,.btncn img{ margin:0 10px 0 0;transition:0.3s } .btncn-secondary i,.btncn-white i{color:var(--main-clr); } .btncn-default:hover i,.btncn-secondary:hover i,.btncn-white:hover i{color:#fff} .buttonGroup{ display:flex; gap:15px } .section{ padding-top:var(--pdg); } .sectionPaddingBtm{ padding-bottom:var(--pdg) } .section .container{ position:relative; } .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(-45deg,var(--main-clr) 0%, transparent 100%); opacity:0; transition:all .5s } .hoverImage:hover:after{ opacity:0.7; 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 20px 0;padding-right:220px;} .section-heading h6{ padding-bottom:15px; } .text-center p{ text-align:center; } .btn-position-absolute { position: absolute; right: 15px; top: 0px;} .btn-position-absolute .btncn{margin:0} .light-bg{background:var(--light-bg);} .dark-bg{background:var(--dark-bg); } .main-clr-bg{background: var(--main-clr);} .black-bg{background: var(--black-clr);} .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; } .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6{ color:var(--light-bg); } .gform-footer,#field_submit{position:relative!important} .gform-loader {position:absolute!important;right:0!important;top:0!important} .miniSectionHd{display:flex;gap: 3%;align-items: center;padding-bottom: 30px} .miniSectionHd::before,.miniSectionHd::after{background-color: rgb(57, 86, 74); opacity: 0.2;height: 1px;display:block;flex-grow: 1;content: '';width: 10px} .miniSectionHd h6{text-align: center;padding-bottom: 0} .current-date-tr td{font-weight:500 !important; color: var(--main-clr) !important;} .p-justify p{text-align: justify;} .p-justify .text-center p, .text-center .p-justify p{text-align-last: center;} .slick-dots {display: flex; margin: 0; padding: 30px 30px 0; justify-content: center; list-style: none; font-size: 0; line-height: 0; gap: 8px; } .slick-dots button {width: 10px;aspect-ratio: 1;border-radius: 50%;border: 0;background: #f4eef4;transition: 0.3s;} .slick-active button {background:var(--main-clr); } .slick-dots button:hover {background:#bc90c0 } .transform-clr a {color:var(--main-clr) !important;} .transform-clr a:hover {color:var(--hover-color) !important;} @media (min-width: 1600px) { .container{ max-width:1460px } } @media only screen and (max-width:1599px){ :root{ --fs-90:60px; --fs-60:55px; --fs-48:45px; --fs-42:40px; --fs-40:38px; --fs-36:34px; --fs-32:30px; --fs-30:28px; --fs-28:26px; --fs-26:25px; --fs-25:24px; --fs-24:23px; --fs-21:19px; --fs-20:18px; --fs-16:15px; --fs-14:14px; --fs-18:16px; } } @media only screen and (max-width:1399px){ :root{ --fs-90:50px; --fs-60:48px; --fs-48:40px; --fs-42:34px; --fs-40:34px; --fs-36:30px; --fs-32:27px; --fs-30:26px; --fs-28:25px; --fs-26:24px; --fs-25:23px; --fs-24:22px; --fs-21:18px; --fs-20:17px; } } @media only screen and (max-width:1199px){ :root{ --fs-90:45px; --fs-60:44px; --fs-48:40px; --fs-42:32px; --fs-40:32px; --fs-36:24px; --fs-32:23px; --fs-30:23px; --fs-28:22px; --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-90:35px; --fs-60:34px; --fs-48:32px; --fs-42:30px; --fs-40:30px; --pdg :50px; } p{padding-bottom:20px} .full-image img{ max-width:100% } .btn-position-absolute { position: static;margin-top:30px;justify-content: center;} .section-heading{ padding-right:0px;text-align:center;} .p-justify p{text-align-last: center;} } @media only screen and (max-width:767px){ .container{ padding:0 40px; } .btncn{ width:100%; text-align:center; } .buttonGroup{margin-left:-20px;margin-right:-20px;gap:8px} .buttonGroup .btncn{width: auto;flex-grow: 1;padding: 10px 8px 7px 8px;font-size: 14px;letter-spacing:0.04em} .buttonGroup .btncn i,.buttonGroup .btncn img{margin: 0 4px 0 0;max-width:12px } .desktop{ display:none; } .mobile{display:block;} .lineHd h5::before{width:25px;margin-right:5px} .section-heading{margin-bottom:0} } @media only screen and (max-width:380px){ } /*Header Start*/ body{--headerHeight: 146px;} .fixed{--headerHeight: 90px;} .header{position: sticky; top: 0; z-index: 99999; width: 100%; transition: 0.3s;margin-bottom:calc(0% - var(--headerHeight))} .header .container{max-width:1830px;} .headerTop{ background:var(--topbar-color); padding:10px 0; font-size:var(--fs-16);color:#fff;text-transform: uppercase;line-height: 1.2} .headerTop p{ font-weight:400; padding:0;} .headerTop p a{ color:#fff; font-weight:600 } .headerTop p a:hover{ color:#fff;box-shadow: 0 1px 0 #fff} .headerTop ul{ margin:0; padding:0; list-style:none;display:flex;flex-wrap:wrap;justify-content:center; } .headerTop ul li{display:block;vertical-align:top;padding:0;position:relative; font-family:var(--bodyfont); font-weight:400} .headerTop ul li a{ color:#fff; } .headerTop ul li a:hover{ color:#fff;box-shadow: 0 1px 0 #fff } .headerTop ul li:not(:last-child){border-right:1px solid #fff;padding-right:10px;margin-right:10px} .headerMian{width: 100%;transition: all .5s;position: relative;} .logo{height: 108px;transition:all .5s;flex-shrink: 0} .fixed .logo{height: 70px;} .logo img{max-height: 100%;object-fit:contain;width:auto;} .headerHolder{ display:flex; align-items:center; justify-content:space-between;gap:20px;height: var(--headerHeight);transition: 0.3s} .navigation{margin:0 auto 0 40px} .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-21);position: relative;color: #fff;z-index: 10; font-family:var(--bodyfont);} .navigation nav ul li a:hover{ color:var(--hover-color); } ul.dropdown-menu-holder{ flex-wrap:wrap; gap: 30px 20px !important; width: 100%; border: none;align-items:flex-start!important; } ul.dropdown-menu-holder li { width:calc(25% - 15px); } ul.dropdown-menu-holder li ul{ display:block; } .section-parent-menu{ width:100% } .section-parent-menu{ margin:0 -10px; padding:0 0 0 150px;} .navigation {/* align-self: stretch; */} .navigation nav, .navigation nav > ul,.navigation nav > ul > li,.navigation nav > ul > li> a {/* height: 100%; */} /* .navigation nav > ul > li:has( ul) > a::after{content:'\f107';margin-left:5px;font-family:'FontAwesome';font-size:16px} */ .navigation nav > ul > li> a {padding-left: 20px;padding-right: 20px;display: flex;justify-content: center;align-items:center;} .navigation nav > ul > li> a:hover{color:var(--hover-color);} .headerWinnerLogo {margin-right: 18px; } .headerRight{display:flex;align-items:center;gap: 40px;align-self: stretch;} .phoneNumber a{font-family:var(--bodyfont);color:#fff;font-size: var(--fs-21);transition:0.3s;font-weight:300} .phoneNumber a i{color: var(--main-clr);margin-right: 16px;transition:0.3s;vertical-align: middle;} .phoneNumber a img{margin-right: 16px;transition:0.3s;vertical-align: middle;} .phoneNumber a:hover,.phoneNumber a:hover i{ 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{display:block;text-align:center;color: #fff;font-size: 22px;} .headerIcon a:hover{color: var(--main-clr)} /* .bookAppointment{height: 100%} .bookAppointment a{padding: 0px 55px;display:block;background: var(--main-clr); color:var(--head-font-color);position:relative;font-size: var(--fs-18);font-weight: 400; transition:all .5s; font-family: var(--headfont);text-transform: uppercase;margin-left: 20px;height: 100%;line-height: var(--headerHeight);} .bookAppointment a:hover{background:var(--hover-color);color: var(--head-font-color)}*/ .bookAppointment a{margin:0} .bookAppointment a i{ margin:0 10px 0 0;display:none; } .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%;background:var(--menu-color);box-shadow:0 1px 0 0 #57555a;z-index: 999} .header:has(~ .halfBanner){position:sticky;background: var(--dark-bg);} .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;transform: translateY(-50%);}.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:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none; }.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;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} @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: 100vw;max-width: 100vw;background:var(--menu-color);padding: calc(var(--headerHeight) + 30px) 0 60px;transition: all 0s ease, padding 0s ease;box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05);top: 0%;opacity: 0;visibility: hidden;border-bottom: 2px solid #57555a;} .dropdown-menu-holder{overflow-y: auto;} .navigation nav ul li:hover .mega-menu-wrapper{ opacity:1.0; visibility:visible; transition:all 0s ;} ul.dropdown-menu-holder li a{font-size: var(--fs-30) !important;font-weight: 400!important;margin: 0 0 15px 0;display:block;font-family: var(--headfont)!important;transition: 0s} ul.dropdown-menu-holder li ul li a{font-size: var(--fs-20)!important;padding:5px 0;display:table;font-weight:300 !important;margin:0;max-width:100%;;transition: 0s;font-family: var(--bodyfont)!important;line-height: 1.35;} ul.dropdown-menu-holder li ul li a:hover{color:var(--hover-color);transition: 0s} ul.dropdown-menu-holder li ul li{ width:100% } .mega-menu-wrapper a:hover{ color:var(--seconday-color); } li.normal-menu {/* position: relative; */} li.normal-menu ul {position: absolute;top: 100%;left: inherit;flex-direction: column;min-width: 260px;background: var(--menu-color);gap: 0;padding:10px 0;display: none;z-index: 100;border:1px solid #57555a;border-top: 0;} li.normal-menu ul::before{position: absolute;top: 0%;left: inherit;transform:translateY(-100%);content:'';background: transparent;width:100%;height:calc(var(--headerHeight) / 2 - 10px)} li.normal-menu:hover ul{display:block;} 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: 1700px) { .headerTop ul li{ font-size:16px } .headerMian .btncn{ padding:13px 20px } ul.dropdown-menu-holder li a{ font-size:var(--fs-24)!important } ul.dropdown-menu-holder li ul li a{ font-size:var(--fs-18)!important } .section-parent-menu{ padding:0 0 0 270px } .navigation nav > ul > li> a{padding:0 15px} .navigation nav ul li a{font-size: var(--fs-18)} } @media only screen and (max-width: 1500px) { .headerHolder{ padding:0 } .headerRight{gap:15px} /*.bookAppointment a{padding-left:30px;padding-right:30px}*/ } @media only screen and (max-width: 1399px) { .header .container { width:98%; max-width:100% } .logo,.fixed .logo{ height:70px } body,.fixed{--headerHeight:90px;} .bookAppointment a{ margin:0 ; } .section-parent-menu{ padding:0 0 0 185px } .navigation{margin:0 auto 0 0} .phoneNumber a span{display:none;} .phoneNumber a i,.phoneNumber a img{margin: 0;display: block;color: #fff;} .phoneNumber a{font-size: 18px;display: block;} .phoneNumber a:hover{color: #fff;} .phoneNumber a:hover i{color: var(--main-clr);} .phoneNumber a img{filter:brightness(0) invert(1);} .phoneNumber a:hover img{filter:none;} } @media only screen and (max-width: 1199px) { .logo,.fixed .logo{ height:70px } body,.fixed{--headerHeight:90px;} .header .fixed, .header {box-shadow: none;top: 0!important;position: static;background: transparent;} .header:has(~ .halfBanner){position:relative;} .bookAppointment a,.fixed .bookAppointment a{margin: 0 0px 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,ul.dropdown-menu-holder li a, ul.dropdown-menu-holder li ul li a{font-size: var(--fs-18)!important;} .headerHolder{ position:relative; } .mean-container{width:24px;} .mean-container .mean-bar {position: absolute;left: 0;width: 100%;float: none;z-index: 99;top: calc(var(--headerHeight) / 2);background:transparent;pointer-events: none;padding: 0;} .mean-container .mean-bar a{pointer-events: all;} .mean-container a.meanmenu-reveal{border:1px solid transparent;padding: 8px 0;margin-top:0px;color:#fff;border-radius:0;height: auto;} .mean-container .mean-nav{margin-top: calc(var(--headerHeight) / 2);} .mean-container .mean-nav ul li a{ font-family:var(--bodyfont);color:#fff;border-top-color:#fff3; } .mean-container .mean-nav ul li li a{border-top-color:#fff2;} .mean-container .mean-nav > ul > li:first-child > a{ border:none; } .mean-container .mean-nav ul li li a{opacity:1} .mean-container a.meanmenu-reveal span{ background:#fff; } .mean-nav {box-shadow: -50vw 0px 0 0 var(--menu-color), 50vw 0 0 var(--menu-color), 0 1px 0 #fff, 50vw 1px 0 #fff, -50vw 1px 0 #fff;} .mean-container .mean-nav{background:var(--menu-color);} .mean-container a.meanmenu-reveal{ z-index:9999 } .logo,.fixed .logo {position:relative; z-index:9999; transform:translate(0); left:inherit; } .navigation{ visibility:hidden; display:none; } .headerRight {margin-left: auto; } } @media only screen and (max-width: 991px) { .phoneNumber span{ display:none; } .phoneNumber a i{ display:inline; } .headerTop ul li {font-size: 12px;padding: 0 5px;} .headerTop ul li:before{height:13px} } @media only screen and (max-width: 767px) { .phoneNumber a span{ display:none; } .bookAppointment a span{ display:none; } .headerRight {gap: 8px; } .phoneNumber a{width: 35px;height: 35px;line-height: 35px;font-size:14px;text-align:center;display: flex;align-items: center;justify-content: center;} .phoneNumber a img{max-width:16px;filter:brightness(0) invert(1)!important} .headerIcon a{width: 35px; height: 35px; line-height: 35px;font-size:16px } .whatsapp a{width: 35px; height: 35px; line-height: 35px;font-size:20px } .headerHolder {gap: 10px;padding: 8px 0 } .logo,.fixed .logo{height:60px } body,.fixed{--headerHeight:70px;} .bookAppointment a,.fixed .bookAppointment a,.bookAppointment .btncn{ display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; line-height: 35px;font-size:16px; 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 a.meanmenu-reveal{padding: 10px 0px;} .headerRight {display:none !important; position: fixed;top: 50%;transform: translateY(-50%);right: 0;flex-direction: column;gap: 1px;border-radius: 5px 0 0 5px;overflow: hidden;background: #fff;border: 2px solid #fff;border-right: 0;z-index: 99} .headerRight a {border-radius: 0!important; background: var(--seconday-color)!important; border: 0!important; } .headerRight a i {color: #fff!important; } } /*Header End*/ /*Banner Start =========================*/ .banner{position:relative;} .bannerSliderItem {position: relative; z-index: 2;min-height:calc(var(--headerHeight) + 45px); } .bannerImage {background: #000;z-index: -1;position:absolute;top:0;left:0;width:100%;height:100%; } /* .bannerImage:has(video) { aspect-ratio: 16 / 9; } */ .low-transparent-banner .bannerImage{opacity: 0.8;} .bannerImage::after {content:'';background-image: linear-gradient( 0deg, transparent, rgba(0,0,0,0.63) 100%);opacity: 0.5;position: absolute;left: 0;top: 0;width: 100%;height: 42%;} .bannerImage img,.bannerImage video {display: block;width:100%;object-fit:cover;height:100%;opacity:0.45} .bannerContent {padding:calc(var(--headerHeight) + 200px) 0 250px;} .bannerContent h6 {font-size: var(--fs-18);color: #fff;letter-spacing: 0.075em;padding: 0 0 40px 0;} .bannerSmallHd{display:flex;align-items:center;gap:15px;margin-bottom:25px} .bannerSmallHdImg{flex-shrink: 0} .bannerContent h2,.bannerContent h1 {color: #fff;font-size:var(--fs-60);font-weight: 400;} .bannerContentInr {max-width: 960px;text-align: center;margin: 0 auto;} .bannerContent p{color:#fff;font-size:var(--fs-24);font-family:var(--headfont);font-weight:100;} .bannerContent .btncn{margin-top: 0} .bannerSlider {position: relative;} .banner .slick-dots {display: flex;gap: 12px;justify-content:flex-start;position: absolute;bottom: 7%;left: 50%;transform: translate(-50%, 0);list-style:none;font-size:0;margin:0;padding:0 15px;} .banner .slick-dots li{display:block;padding:0;margin:0;width: 16px;height:16px} .banner .slick-dots button {display:block;width: 100%;height:100%;background:#fff;padding:0;margin:0;border:0;transition:0.3s;border-radius:50%;opacity:0.1} .banner .slick-active button {opacity:1} .bannerSliderItem{display:block!important;} .bannerSliderItem::before {height: calc(var(--headerHeight) * 1.5); content: ''; position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(180deg, #00000099, transparent) } .innerBanner .bannerContent {padding: calc(var(--headerHeight) + 130px) 0 200px; } .landingPgBanner .bannerContent {padding: calc(var(--headerHeight) + 50px) 0 var(--pdg); } .landingPgBanner .bannerContentInr {text-align:left;margin-left:0} .landingPgBanner .ratingBtn{margin-bottom: 30px;letter-spacing: 0;text-transform: none;font-size: var(--fs-21);font-weight: 300;color: var(--head-font-color);text-align: left;} .landingPgBanner ul{padding:0 0 25px; list-style:none;margin:0;color:#fff;text-transform:uppercase;} .landingPgBanner .two-columns li {break-inside: avoid;} .landingPgBanner ul li{position:relative; padding: 0 0 15px 35px;line-height: 1.2;} .landingPgBanner ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; font-family: 'FontAwesome'; } .landingPgBanner .ratingBtn:hover img {filter: brightness(0) invert(1); } .landingPgBanner .ratingBtn:hover {color: #fff; } .landingPgBanner .ratingBtn img {margin: 0; transition: 0.3s; vertical-align: middle; } .landingPgBanner .bannerImage img{opacity: 1} .halfBanner{ position:relative; display:flex;background:var(--dark-bg); } .halfBannerImage{ width:56%; } .innerBanner .halfBannerImage{ width:52%;margin-left: auto;position:relative;} .halfBannerImage img{ width:100%;display:block; } .halfBannerCaption{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0 } .halfBannerCaption h1,.halfBannerCaption h2{ color:#fff;font-weight: 200;font-size:var(--fs-60); } .halfBannerCaption h6{ color:#fff;} img.banner-award-winning{width: auto;max-width:18%;height:auto;position:absolute;top:50%;left:0;transform: translate(-45%,-50%);} @media only screen and (max-width:1199px){ .bannerContent ,.innerBanner .bannerContent{padding: calc(var(--pdg) + var(--headerHeight)) 0 120px;} .bannerImage img,.innerBanner .bannerImage img {min-height: auto;height: 100%; } .banner .slick-track {display: flex; } .banner .slick-slide {height: auto; } .banner .slick-slide > div,.bannerSliderItem {height: 100%; } .banner .slick-dots{bottom: 20px} .banner .slick-dots li{width:10px;height: 10px} .madeInUsa img{max-width: 90px} .halfBannerCaption .btncn {padding: 12px 18px;} } @media only screen and (max-width:991px){ .bannerContent {padding: calc(60px + var(--headerHeight)) 0 60px;height: 100%;display: flex;flex-direction: column;justify-content: center;} .innerBanner .bannerContent{padding: calc(60px + var(--headerHeight)) 0 60px;} .bannerContent br {display: none; } .bannerContent h2,.bannerContent h1 {padding-bottom: 24px; } .bannerContent h6 {padding-bottom: 30px; } .bannerContentInr {text-align: center; margin: 0 auto; } .bannerContentInr .buttonGroup {justify-content: center; } .banner .slick-dots {justify-content: center; } .banner{text-align: center;text-align-last: center;} .landingPgBanner .bannerContentInr{text-align:left;text-align-last: left;} .landingPgBanner .bannerContentInr .buttonGroup{justify-content: flex-start;} .landingPgBanner .btncn{text-align:center;text-align-last: center;} .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;} .halfBannerCaption h1, .halfBannerCaption h2{padding-bottom:15px} img.banner-award-winning {top: 100%; left: 50%; max-width: 90px; transform: translate(-50%, -50%); } } @media only screen and (max-width:767px){ .banner .slick-dots {padding: 0px 40px; } .bannerSmallHdImg {flex-shrink: 0; } .halfBannerCaption .buttonGroup .btncn{padding: 10px} .landingPgBanner .ratingBtn {font-size: 14px;padding: 10px; } img.ratingStarImg {max-width: 78px; } img.ratingGoogleImg {max-width: 50px; } .landingPgBanner .bannerImage img {object-position: 70% 50%; opacity: 0.6; } } /*Banner End =========================*/ /*PARTNERS START*/ .partnerLogoSec{overflow:hidden;} .partnerLogoSec.dark{background:var(--dark-bg)} .partnerLogoSlider{overflow: hidden;} .partnerLogoSlider .slick-list{margin: 0 -40px;line-height: 0} .partnerLogoSlider .slick-track{display:flex;align-items: center;} .partnersLogoItem{padding: 0 30px;line-height: 1.2;} .partnersLogoImg img {display: block;transition:0.3s;filter:brightness(0);max-width:250px;max-height:100px;opacity: 0.3} .partnerLogoSec.dark .partnersLogoImg img {filter:none;opacity: 1} @media only screen and (max-width:991px){ .partnerLogoSec.dark{padding: 25px;} .partnersLogoImg img{max-height:70px;max-width:150px;width:auto;} .partnersLogoItem{padding: 0 20px} .partnerLogoSlider .slick-list{margin: 0 -20px;} } /*PARTNERS END*/ /*WELCOME SECTION*/ .welcomeContent{ text-align:center; } .welcomeContent h1{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.2em;} .welcomeContent p{ text-align:justify; text-align-last: center;max-width:799px;margin-left:auto;margin-right:auto; } .innerPageWelcome .welcomeContent p{max-width:100%} .introSection p{ text-align:justify; text-align-last: center; } @media only screen and (max-width:991px){ .welcomeContent h2 br{display:none;} } /*END WELCOME SECTION*/ /*CONTENT START*/ .contentHolder h1,.contentHolder h6{font-size:var(--fs-14);font-weight:500;margin:0;font-family:var(--bodyfont);padding:0 0 20px 0;text-transform:uppercase;letter-spacing:0.2em;color: rgba(0, 0, 0, 0.4);} .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:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:var(--body-font-color);transition: all .5s;} .contentTop ul li a:hover{ color:var(--main-clr); } .contentTop ul li a:hover:after{width:100%; background: var(--main-clr); } .contentTop ul li a:hover:before{ color:var(--main-clr); } .contentTabAccHolder .nav-link {padding: 0 0 14px 0; line-height: 1; font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em; border: 0; opacity: 0.2; transition: 0.3s; } .contentTabAccHolder .nav-tabs {justify-content: space-between; gap: 10px; margin-bottom: 46px; } .contentTabAccHolder .nav-link.active {color: var(--body-font-color); background: transparent; border: 0; box-shadow: 0 1px var(--body-font-color); opacity: 1; } .contentTabAccHolder .nav-link:hover {opacity: 1; } .contentTabAccHolder .accordion-button{font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em;transition: 0.3s; } .contentTabAccHolder .accordion-header {padding-bottom:0 } .contentTabAccHolder .accordion-body {padding:15px 0 20px;max-width:570px} .contentTabAccHolder .accordion-body p{max-width:550px } .contentTabAccHolder .accordion { --bs-accordion-bg: transparent; --bs-accordion-border-width: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg:transparent; --bs-accordion-active-color:var(--body-font-color); --bs-accordion-btn-padding-x:0; } .contentTextSliderSec .contentImage{height:100%} .contentTextSliderSec .contentImage img{height:100%;object-fit:cover;width: 100%} .contentTextSliderCol{padding-top:50px;padding-right:0px;padding-bottom: 50px;} .contentTextSliderWrap{position:relative;margin: 20px 0} .contentTextSliderNav{display:flex;gap: 25px;justify-content:flex-end;position:absolute;top:15px;right:0} .contentTextSliderNav button {background: transparent;border: 0;z-index: 2;transition: 0.3s;border-radius:50%;color: #000;font-size: 24px;} .contentTextSliderPrev{opacity:0.1} .contentTextSliderNav button:hover{ opacity:1; color:var(--hover-color); } .contentTextSlider .contentText h2 {position:relative;padding-right:110px} .contentTextSliderItem{overflow:hidden;padding-left: 70px} .contentTextSlider .contentText h2::after {content: ''; width: 100%; display: block; height: 1px; background: #000; margin: 20px 0 0 0; box-shadow: -100px 0 0 #000, 200px 0 0 #000;} .contentTextSlider .contentText p {max-width: 720px; } .contentSection .full-image{position:relative;} .contentSection .full-image p{font-size: var(--fs-14); margin-top: 5px;} .special-text-convert{color: var(--main-clr) !important; font-size: 20px !important; font-weight: 500 !important; } .contentSection p a{color: var(--main-clr) !important;font-weight:500 !important;} .contentSection p a:hover{ color: var(--hover-color) !important; text-decoration:underline !important; } .contentSection ol {list-style: none; padding: 0; counter-reset: pagecontentOl; margin: 0; } .contentSection ol > li:before {counter-increment: pagecontentOl;content: counter(pagecontentOl)".";width: 40px;height: 40px;background: var(--main-clr);display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 8px 5px 8px 7px;position: absolute;top: 0px;left: 0;transform: translateY(6%);font-family:var(--headfont);color:#fff;} .contentSection ol > li {position: relative;padding: 8px 0 34px 54px;} .contentSection ul{list-style:none;margin:0;padding: 0;} .contentSection ul > li{position:relative; padding: 0 0 15px 35px;line-height: 1.2;} .contentSection ul > li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } .contentSection p:has( + ul){padding-bottom:20px} img.award-winning{width: auto;max-width:23%;height:auto;position:absolute;top:50%;right:0;transform: translate(40%,-50%);} .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;letter-spacing:0.05em } .number{ font-size:var(--fs-40); font-weight:300;font-family: var(--headfont);} @media only screen and (max-width:1199px){ .ratingSection .row {--bs-gutter-x: 8px; justify-content: space-between; } .ratingSection h4 {font-size: 11px; } .number {font-size: 20px; } .ratingSection .row > [class*=col] {width: auto; } .contentTextSliderItem{padding-left: 34px} } @media only screen and (max-width:991px){ .contentHolder h2 br{display:none;} .contentTabAccHolder .accordion-item:not(:first-child){border-top:1px solid #ddd; } .contentTabAccHolder .tab-content>.tab-pane {display: block; opacity: 1; } .contentTabAccHolder .accordion-body{padding-top:8px} .contentHolder {text-align: center; } .contentHolder ul,.contentHolder ol{text-align:left;display:table;margin-left: auto;margin-right:auto;} .contentHolder :is(ul,ol) :is(ul,ol){width:100%} .contentTextSliderNav{position:static;margin-top:15px;justify-content:center;} .contentTextSliderWrap{margin:0} .contentTextSliderPrev i,.contentTextSliderNext i{display:block;} .contentTextSlider .contentText h2::after{ display:none; } .contentTextSlider .contentText h2{margin:0px;padding-right: 0;} .contentTextSlider .contentText{text-align:center;text-align-last:center; } .contentTextSliderItem{padding-left: 0} .contentTextSlider .slick-list{margin:0 -5px} .contentTextSlider .slick-slide{padding:0 5px} .contentTextSliderSec .contentImage img {height: auto; width: 100%; object-fit: contain; } .contentTextSliderSec .contentImage {height: auto; } .contentTextSliderCol{padding: 40px 0px 0;} } /*CONTENT END*/ /*SERVICE SECTION*/ .serviceSlider{overflow:hidden;} .serviceSlider .slick-slide { margin: 0 16px; } .serviceSlider .slick-slide > div{line-height: 0} .serviceSlider .slick-list { margin: 0 -16px; } .serviceItem{ position:relative;transition:all .5s; } .serviceItem a{ color:var(--main-clr); } .serviceItem a:hover{ color:var(--seconday-color); } .serviceItem h3{ padding:25px 0 0 0;color: #fff; font-size: var(--fs-24); padding: 25px 0 45px 0; letter-spacing: 0.01em;position:absolute; left:0; bottom:30px; z-index:1; margin:0; padding:0 30px;width:100% } .slick-slider .serviceItem h3{ display:none; } .slick-slider .serviceItem{ opacity:0.3; pointer-events: none; } .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: translateY(-50%); left:0; background:var(--main-clr); border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #fff; z-index: 9} .serviceSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:0; background:var(--main-clr); border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #fff; z-index: 9} .serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--hover-color); color:#fff } .service-slider-section{position:relative;z-index: 2;overflow: hidden;} .serviceItem .hoverImage:before{ content:''; position:absolute; bottom:0; width:100%; height:40%; background:linear-gradient(0deg, rgba(0, 0, 0, .80),transparent); 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 }*/ @media only screen and (min-width:1200px){ } @media only screen and (max-width:1399px){ .serviceSlider { padding:0 30px;overflow:unset; } .serviceSlider .slick-prev{ left:-25px; } .serviceSlider .slick-next{ right:-25px } } @media only screen and (max-width:991px){ .serviceSlider .slick-list { overflow: visible;} .serviceItem h3{padding: 0 15px; bottom: 16px;font-size: var(--fs-21);text-align: center;width:100%;} .serviceSlider .slick-slide {margin: 0 5px; } .serviceSlider .slick-list {margin: 0 -5px; } .serviceSlider {padding: 0; } } @media only screen and (max-width:767px){ } /*END SERVICE SECTION*/ /*Team */ .teamSec{overflow:hidden;} .teamHolder{ margin:60px 0 0 0 } .teamImage img{display:block;width: 100%;} .teamBox{position: relative;} .teamBox h3{font-size:var(--fs-24);padding: 0 0 15px 0;font-style: oblique;color: #fff;font-family: var(--headfont);margin-bottom: 0;} .teamBoxText p{color:#fff;line-height:1.3;text-transform: uppercase;letter-spacing: 0.1em;font-size:12px} .teamBox p:last-child{padding-bottom: 0} .teamImage{transition:all .5s;margin: 0 0 0px;padding: 0;position: relative;} .teamImage::before{content:''; position:absolute; bottom:0;left:0;width:100%; height:50%; background:linear-gradient(0deg, rgba(0, 0, 0, .70),transparent); z-index:1;} .teamImage:hover{transition:all .5s; } .teamBoxText{position:absolute;bottom:0;padding:0 30px 25px;z-index:1} .teamSliderHolder{position:relative;} .teamNav{display:flex;gap:25px;position:absolute;top:-50px;transform: translateY(-100%);right: 0;font-size:24px} .teamNav button{line-height:1;background:transparent;display:block;color:#000;border:0;transition: 0.3s} .teamPrev{opacity:0.1} .teamNav button:hover{ color:var(--hover-color);opacity:1 } .teamSlider .slick-list {margin: 0 -17px; } .teamSlider .slick-slide {padding: 0 17px; } .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 } .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; } .doctor-bio-popup .doc-details h6{text-transform: capitalize;font-size: var(--fs-16);padding-bottom: 0;} .doctor-bio-popup .doc-details .doc-name{ font-size: var(--fs-36); padding-bottom: 10px; } .doctor-bio-popup .doc-details .doc-designation{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-bottom: 10px; text-transform: capitalize; color: var(--main-clr); letter-spacing: 1px; font-weight: 500; } .doctor-bio-popup .doc-details .doc-degree{ font-family: var(--bodyfont); font-size: 15px; padding-bottom: 10px; text-transform: capitalize; } .doctor-bio-popup .doc-details .doc-reg-no{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-bottom: 10px; text-transform: capitalize; color: var(--hover-color); font-weight: 500; } .doctor-bio-popup .doc-details .doc-bio{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-top: 30px; text-align: left; } .doctor-bio-popup .doc-details .doc-bio p{padding-bottom:20px;} .doctor-bio-popup .doc-details .doc-bio ul{margin:0; padding: 0; padding-bottom: 15px;} .doctor-bio-popup .doc-details .doc-bio ul li{font-size: var(--fs-16); line-height: 1.4; font-weight: 300; margin: 0 0 8px 0; position: relative; padding: 0 0 0 30px; } @media only screen and (max-width:1199px){ .team-content{ padding:15px 0 0 } } @media only screen and (max-width:991px){ .teamHolder{ margin:10px 0 0 0 } .team-content{ padding:0; margin-bottom:20px } .team-content h3{ font-size:28px; } .teamSec{overflow:hidden;} .teamSlider{margin-right: auto;margin-left: auto;max-width: 100%;} .teamSlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .teamSlider .slick-slide {padding: 0 5px; } .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-slide.slick-active .team-item,.slick-slide.slick-active .team-item h3,.slick-slide.slick-active .team-item p{opacity:1} .teamBoxText {width: 100%; text-align: center; padding: 0 10px 20px; } .teamNav {top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - -54px); justify-content: space-between;} .teamNav button {background: var(--main-clr); border: none; font-size: 20px; transition: all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #fff; z-index: 9;opacity:1} .teamNav button:hover{color:#fff} } /*End Team*/ /*HOME FORM SECTION start*/ .formGroup{ display:flex; gap:20px; } .formHolderInr{background:#fff;padding: 50px 80px} .formHolderHd {text-align: center; max-width: 860px; margin: 0 auto; } .homeFormHolder{ padding:12px 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: #fff !important;border: 1px solid #43254380 !important;padding: 12px 25px !important;font-size: var(--fs-18) !important;font-weight: 400 !important;color:var(--head-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(--head-font-color) !important; opacity: 0.3 !important; } .homeFormHolder ::-ms-input-placeholder { color: var(--head-font-color) !important;opacity: 0.3 !important;} .homeFormHolder 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;color: #1616174d !important;} .homeFormHolder input[type=submit]{padding: 13px 39px !important; background-color: var(--dark-bg) !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: var(--light-font-color) !important; font-family: var(--bodyfont) !important; flex-shrink: 0 !important; align-self: flex-start !important; letter-spacing: 0.1em !important; margin-left: auto !important; margin-right: auto !important; display: block !important; border-radius: 8px !important; text-transform: uppercase!important;line-height: 1.6!important} .homeFormHolder input[type=submit]:hover{ background:var(--hover-color) !important; color:#fff!important } .homeFormHolder .gform-loader {filter:brightness(0) invert(1)} @media only screen and (max-width:991px){ .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel]{padding: 12px 16px!important; } .homeFormHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important} .formHolderInr {padding: 30px 15px; } } /*HOME FORM SECTION end*/ /*REVIEW SECTION*/ .reviewSlider{ margin:30px 0 0 0 } .reviewSlider .slick-slide {padding: 0 8px;} .reviewSlider .slick-list { margin: 0 -8px; } .reviewItem{} .star{font-size: 18px;color: #fcbf01;margin: 0 0 10px 0;} .reviewItem p{font-size: var(--fs-16);font-family:var(--bodyfont);max-width:850px;margin-left:auto;margin-right:auto;} .reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 0.05em} .reviewItemHdText h5 {font-size: var(--fs-18);font-family: var(--bodyfont);font-weight: 700;padding-bottom: 3px;} .reviewItemHd {display: flex;gap: 12px;align-items: center;margin-bottom: 15px;} .reviewItemHdText p {font-size: 12px;padding-bottom: 0;} .reviewItemClientImg {flex-shrink: 0;border-radius: 50%;overflow: hidden;} .reviewItemClientImg img {width: 100%;display: block;max-width: 54px;aspect-ratio: 1;object-fit: cover;} .reviewItemGoogleImg {flex-shrink: 0;margin-left: auto;} .reviewItemBd {max-height: 8em;overflow: auto;padding-right: 10px;} .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;} .reviewSlider .slick-track {display: flex;align-items: stretch;} .reviewSection .reviewItem {height: 100%;border: 1px solid rgb(22, 22, 23, 0.102);padding: 25px 35px 30px;border-radius: 32px;} .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: 20px} .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; } .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: 100%;margin: 0 auto 0px;} .reviewVideoItem img{width: 100%} .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;} @media only screen and (max-width:991px){ .review-slider-holder {margin-top: 60px; } .reviewSection .section-heading{ text-align:center; } .review-holder{padding-top:0} } @media only screen and (max-width:767px){ .review-slider-holder .next-btn {width: 50px; height: 50px; right: 0; top: 34%; right: -16px;} .reviewSlider{width:100%;} .reviewSlider .slick-prev{ left:-42px; width: 40px;} .reviewSlider .slick-next{ right:-42px; width: 40px;} .reviewItem{padding: 0} .reviewItem p{font-size: 16px;line-height: 1.4} .review-holder{padding-top: 0} } /*END REVIEW SECTION*/ /*FOOTER map start*/ .footer-map-section{overflow: hidden;} .footer-accro-section .accroHolder{ margin:0 0 18px 0; border:none; } .footer-accro-section .accordian-new h3{background: #fff;padding: 18px 60px 18px 30px;font-size: var(--fs-16);font-family: var(--bodyfont);color:var(--body-font-color);text-transform: uppercase;letter-spacing: 0.05em;} .footer-accro-section .accordian-new h3:after{top:18px;right:15px;content: '\f078';} .footer-accro-section .ui-accordion-content-new{ padding:20px 30px 0 30px; border:none;  } .footer-accro-section .ui-accordion-content-new p{color:var(--body-font-color);padding-bottom: 15px;} .footer-accro-section .ui-accordion-content-new p a{ color:var(--body-font-color); } .footer-accro-section .ui-accordion-content-new p a:hover{ color:var(--hover-color); } .ui-accordion-content-new table{ width:100%;margin-bottom:20px} .ui-accordion-content-new table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; font-weight: 300; } .ui-accordion-content-new table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; color:#fff } .ui-accordion-content-new p{padding-bottom:10px !important;} @media only screen and (max-width:991px){ .footer-map-section .full-image img {width: 100vw; max-width: inherit; flex-shrink: 0; } .footer-map-section .full-image {justify-content: center; } } /*FOOTER map end*/ /*FOOTER start*/ .footer{ background:var(--head-font-color);color:#fff } .footBottom{padding:0px 0 30px 0;background: #222223;} .ftbtm{justify-content:space-between;align-items:center;display: flex;border-top: 0px solid #6b696f;padding-top: 30px;} .copyright{font-size:14px;color:rgba(255,255,255,0.42);text-transform: uppercase;letter-spacing: 0.05em;} .footerTop{ padding:60px 0 70px 0; } .footerTopContent{display:flex;justify-content:space-between;gap: 30px;} .footerwidget_1{width: 23%;} .footerwidget_2{max-width: 15%;} .footerwidget_3{max-width:18%;} .footerwidget_4{max-width:18%;} .footerwidget_5{max-width:18%;} .footer-logo{max-width: 266px} .footer-logo img{width: 50%;} .footer-nav ul{ margin:0; padding:0; list-style:none; } .footer-nav ul li{ display:block; } .footer-nav ul li a{display:block;font-size: var(--fs-14);color:#fff;margin-bottom: 8px} .footer-nav ul li a:hover{ color:var(--hover-color); } .footerTopContent h2{ color:#fff ; font-size: var(--fs-24); font-weight: 300; line-height: 1.2; padding: 0 0 15px 0} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.2; padding:0 0 30px 0 ; font-weight: 300; text-align: left;} .footerTopContent p strong{ font-weight:700 } .footerTopContent p a:hover{ color:var(--hover-color); } .footerTopContent p a i{ margin:0 5px 0 0 } .footerTop .btncn-light:hover{ background:#6daff3 } .footerTop h2{font-size: 12px;font-family: var(--bodyfont);font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;} .social ul{ margin:0; padding:0; list-style:none; display: flex; gap: 32px;flex-wrap:wrap;} .social ul li a{ display:block ; color:#fff; font-size:22px; } .social ul li a i{ display:block ;} .social ul li a:hover{ color:var(--hover-color); } .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--hover-color); } .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-heading-block {pointer-events: none; } @media only screen and (max-width:1199px){ .footerTop{ padding:45px 0 } .footer-logo{max-width: 150px} .footerTopContent{flex-direction:column;gap:35px} .footerwidget_1{ width:100%;} .footerwidget_2{ width:100%;max-width: 100%} .footerwidget_3{ width:100%;max-width:100% } .footerwidget_4{ width:100%;max-width:100% } .footerwidget_5{ width:100%;max-width:100% } .footer-heading-block{position:relative;pointer-events:all ;padding-right: 20px;} .footer-content-block{ display:none;} .footer-heading-block h2{padding-bottom:0} .footer-content-block > *:first-child{margin-top: 20px} .footer-heading-block:after{ content:''; position:absolute; right:0; top:-3px; content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s } .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} } @media only screen and (max-width:767px){ .ftbtm {flex-direction: column; align-items: center;text-align:center;row-gap:15px } } /*FOOTER end*/ /*cta sec start*/ .ctaSec{position:relative;z-index: 2} .ctaSecBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#000} .ctaSecBg img{width:100%;height:100%;object-fit:cover;display:block;opacity:0.45} .ctaSecText > a:last-child{margin-bottom:0} @media only screen and (max-width:767px){ } /*cta sec end*/ /*breadcumb start*/ .breadcumb{ padding:13px 0;} .breadcumb ul{ display:flex; justify-content:flex-start;flex-wrap: wrap; margin:0; padding:0; list-style:none} .breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-14); letter-spacing:0em ;color:rgba(22, 22, 23, 1); position:relative;font-weight: 600} .breadcumb ul li:after{ content:'/'; display:inline-block;margin:0 6px;font-weight:300;color:rgba(22, 22, 23, 0.2);} .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{ color:rgba(22, 22, 23, 0.2);font-weight:400} .breadcumb ul li a:hover{ color:var(--main-clr); } @media only screen and (max-width:767px){ .breadcumb ul{justify-content:center} .breadcumb ul li{font-size:13px} } /*breadcumb end*/ /*treatmentListSec start*/ .treatmentTabAccHolder .nav-tabs {gap: 24px;margin-bottom: 30px;flex-wrap:nowrap;border:0;justify-content: space-between;border-bottom: 1px solid #cccccc;padding-bottom: 1px;} .treatmentTabAccHolder .nav-item {} .treatmentTabAccHolder .nav-link {padding: 0 0 25px 0;line-height: 1;font-size: var(--fs-30);font-weight: 400;margin:0;font-family:var(--headfont);color: var(--body-font-color);border: 0;transition: 0.5s;background: transparent;text-align:center;border-radius: 0;width:100%;display:block;} .treatmentTabAccHolder .nav-link.active {box-shadow: 0 3px 0 var(--main-clr);} .treatmentTabAccHolder .nav-link:hover {color: var(--main-clr);} .treatmentTabAccHolder .accordion-button{font-size: var(--fs-20);margin:0;font-family: var(--headfont);color: var(--body-font-color);transition: 0.3s;} .treatmentTabAccHolder .accordion-header {padding-bottom:0 } .treatmentTabAccHolder .accordion-body {padding:0; } .treatmentTabAccHolder .accordion { --bs-accordion-bg: transparent; --bs-accordion-border-width: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg:transparent; --bs-accordion-active-color:var(--body-font-color); --bs-accordion-btn-padding-x:0; } .treatmentList h2{padding-bottom:25px} .treatmentList ul{display:flex;flex-direction:column;gap:13px;margin:0;padding:0} .treatmentList ul li{display:block;} .treatmentList ul li a{display:block;padding: 17px 40px;color:#fff;background:var(--main-clr);font-size:var(--fs-24);transition: 0.3s} .treatmentList ul li a:hover{color:#fff;background:var(--main-clr);} @media only screen and (max-width:991px){ .treatmentTabAccHolder .accordion-item:not(:first-child){border-top:1px solid #ddd; } .treatmentTabAccHolder .tab-content>.tab-pane {display: block; opacity: 1; } .treatmentTabAccHolder .accordion-body {padding:15px 0 25px 0; } .treatmentList ul li a {padding: 13px; } .treatmentListSecImg{position:sticky;top:10px} } @media only screen and (max-width:767px){ .treatmentListSec {text-align: center; } } /*treatmentListSec end*/ /*pageContent start*/ .pageContent p{ line-height: 1.5} .pageContent h1{font-size:var(--fs-14);font-weight:500;margin:0;font-family:var(--bodyfont);padding:0 0 20px 0;text-transform:uppercase;letter-spacing:0.2em;color: rgba(0, 0, 0, 0.4);} .pageContent h2{font-size:var(--fs-48);margin:0;padding:0 0 20px 0;} .pageContent h3{ padding-top:10px;font-family:var(--headfont);font-size:var(--fs-36);margin: 0;padding-bottom: 30px;color: var(--head-font-color);} .pageContent h4{ padding-top:10px;color:var(--black-clr);font-family:var(--headfont);font-size:var(--fs-24);font-weight:300 ; margin: 0;padding-bottom: 30px;color: var(--head-font-color);} .pageContent p a{ color:var(--body-font-color); } .pageContent p a:hover{ color:var(--main-clr); } .pageContent .btncn { margin-bottom:50px; } .pageContent ol {list-style: none; padding: 0; counter-reset: pagecontentOl; margin: 0; } .pageContent ol li:before {counter-increment: pagecontentOl;content: counter(pagecontentOl)".";width: 40px;height: 40px;background: var(--main-clr);display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 8px 5px 8px 7px;position: absolute;top: 0px;left: 0;transform: translateY(6%);font-family:var(--headfont);color:#fff;/* color: #000; */} .pageContent ol li {position: relative;padding: 8px 0 34px 54px;} .pageContent .btncn + blockquote{margin-top:0} .pageContent blockquote {padding: 40px 50px; background: #faf7fa; margin: 20px 0 30px;} .pageContent blockquote h3 {text-transform: uppercase; font-size: var(--fs-18); font-family: var(--bodyfont); font-weight: 700;padding-bottom:15px} .pageContent blockquote > *:first-child:not(a) {padding-top: 0; } .pageContent blockquote > *:last-child:not(a) {padding-bottom: 0; } .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{position:relative; padding: 0 0 15px 35px;line-height: 1.2;} .pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } .pageContent table{ width:100%;margin-bottom: 30px} .pageContent table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; font-weight: 300; } .pageContent table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; color:#fff } .pageContentAccordion .accordion-item:not(:first-child) {border-top: 1px solid #d7d8ce;} .pageContent .accordian-new{padding-bottom:35px} .pageContent .accordian-new h3{padding-top:25px;padding-bottom:25px;font-weight:300} .pageContent.p-justify p {text-align-last: left; } .pageContentText > *:last-child:not(a),.pageContentText ul:last-child li:last-child,.pageContentText ol:last-child li:last-child{margin-bottom:0;padding-bottom:0} .pageContentText > a:last-child{margin-bottom:0} .borderBtm{border-bottom: 1px solid #d2d4ca;} .price-table td:last-child {font-weight: bold;color: var(--seconday-color);} .price-table th:last-child {background: var(--seconday-color);} .price-table h4 {padding-bottom: 20px; } @media only screen and (max-width:991px){ .pageContent blockquote {padding: 25px 20px; } } @media only screen and (max-width:767px){ .pageContent ol li:before {width: 40px; height: 40px; padding: 4px 2px 2px 5px; } .pageContent ol li {padding: 3px 0 35px 55px; } .pageContent .accordian-new h3{padding-top:15px;padding-bottom:15px;} } /*pageContent end*/ /*sidebar start*/ .sidebarFormHolder{ padding:0; margin:0px;} .sidebarFormHolder h2{font-weight: 400;font-size: var(--fs-36);color:#fff;padding-bottom: 30px;} .sidebarFormHolder h2 strong{font-weight: 600;} .formImg img{width:100%;display:block;} .sidebarContent{padding: 36px 50px 50px;background: var(--main-clr);} .sidebar p{ text-align-last:center !important; color: #fff !important; padding-bottom: 20px !important;} .sidebarsticky .btncn{width:100%;text-align:center;margin: 0;font-weight: 400;text-transform: uppercase;letter-spacing: 0.05em;padding: 23px 15px;} @media only screen and (min-width:992px){ .sidebar,.sidebarFormHolder{height: 100%} .sidebarsticky{position: sticky;top: 70px;z-index:1; } } @media only screen and (max-width: 991px) { .sidebarFormHolder{ margin:0 } .sidebarsticky .btncn{padding:15px;} } @media only screen and (max-width: 767px) { .sidebarFormHolder{ padding:0 } .sidebarContent{ padding:30px 15px } .sidebar{ margin-top:10px } } /*sidebar end*/ /*sidebar form start*/ .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: #fff !important;border:none !important;padding: 16px 30px !important;font-size: var(--fs-16) !important;font-weight: 400 !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:0.6 !important;text-transform:uppercase;letter-spacing:0.1em } .sidebar-form .inputHolder ::-ms-input-placeholder { color: var(--body-font-color) !important; opacity:0.6 !important;} .sidebar-form input[type=submit]{padding: 13px 39px !important;background-color: var(--dark-bg) !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:var(--light-font-color)!important;font-family: var(--bodyfont) !important;flex-shrink: 0 !important;align-self: flex-start !important;letter-spacing: 0.1em !important;margin-left: auto !important;margin-right: auto !important;display: block !important;border-radius: 8px !important;text-transform: uppercase!important; line-height: 1.6!important} .sidebar-form input[type=submit]:hover{background-color:var(--hover-color)!important; color:var(--light-font-color) !important } .sidebar-form option{ background: var(--body-font-color) !important; color:#fff !important; } .sidebar-form .inputHolder 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;text-transform: uppercase;color: rgba(22, 22, 23, 0.6) !important;} .sidebar-form.download input[type=submit]{padding: 17px 55px 17px 24px!important;background-image:url(assets/images/download.png); background-size: 20px;background-position:center right 24px;background-repeat: no-repeat;} .sidebar-form .gform-loader {filter:brightness(0) invert(1)} @media only screen and (max-width: 767px) { .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel]{padding: 12px 16px!important;} .sidebar-form .inputHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important} } /*sidebar form end*/ /*faq start*/ .accroHolder {border-bottom:1px solid #d2d4ca; } .accordian-new h3 {font-family: var(--bodyfont);font-weight: 600;font-size: var(--fs-18);cursor: pointer;margin-bottom: 0;position: relative;padding: 24px 30px 24px 0;} .accordian-new h3:focus { outline: 0} .accordian-new h3:after {content: "\f063";font-family: 'FontAwesome';position: absolute;right: 0;top: 24px;font-size: 20px;font-weight: 300;transition: .5s} .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg);} .ui-accordion-content-new { padding: 0px 0px 30px 0; display: none} .ui-accordion-content-new p { text-align: justify;} .ui-accordion-content-new p:last-child {padding-bottom: 0} @media only screen and (max-width:767px){ .accordian-new h3{ padding: 15px 30px 15px 0; } .accordian-new h3:after{top: 16px; font-size: 15px;} } /*faq end*/ /*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{} .blogPostContent h4{padding: 25px 0 15px 0;} 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: #000;font-size:var(--fs-24);line-height:1.3;font-family:var(--bodyfont);font-weight: 500} .blogTop{padding: 12px 0;margin:0 0 35px 0;display:flex;align-items: center;background: rgba(255, 255, 255, 10%);font-family: var(--headfont);border-bottom: 1px solid #cccccc;} .sortBy{color: var(--head-font-color);font-size: var(--fs-26);} .categotyDropdown{ width:100%; margin:0 0 0 0px; } .categotyDropdown select{width:100%;background:transparent;border:none;padding:5px 35px 5px 15px;font-weight: 400;color: var(--head-font-color);font-size: var(--fs-26);background-image: url(assets/images/downArrow.png);background-repeat: no-repeat;background-position: 100% center;background-size: 25px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;font-family:var(--headfont);} .categotyDropdown select option{ color:#fff;background:var(--body-font-color); } .pageContent .breadcumb{padding-top:0} .pageContent .breadcumb ul{padding:0 0 10px 0} .pageContent .breadcumb ul li {padding: 0; } .pageContent .breadcumb ul li:before {display: none; } .blogDetailsTitle h1 {font-size: var(--fs-48); letter-spacing: 0; font-family: var(--headfont); text-transform: none; color: var(--head-font-color); padding-bottom: 35px; } .blogDetailsFeatureImg {margin-bottom: 45px; } @media only screen and (max-width: 991px) { .blogPostContent h4{ padding-top:10px } .blogCategory{ padding:20px 15px } .blogCategory span{ font-size:16px } .blogCategory select{ font-size:16px } .pageContent .breadcumb ul{padding:0 0 10px 0} .pageContent .breadcumb ul li {padding: 0; } .pageContent .breadcumb ul li:before {display: none; } .blogDetailsTitle h1 {padding-bottom: 30px; } .blogDetailsFeatureImg {margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .blogTop{padding: 0;flex-direction:column;justify-content:center;align-items:center;margin-bottom:25px;border-bottom: 0;} .categotyDropdown select{width:100%;background-size:16px;font-size:var(--fs-18);margin: 5px 0 0 0;padding: 5px 0;border-top: 1px solid #0005;} .sortBy{ width:100%; border-bottom: 1px solid #ffffff26;font-size:var(--fs-18);padding:3px 0 } .categotyDropdown{ width:100%;margin:0 } .blogPostContent a h4,.blogPostContent,.blogPostContent p{text-align: center;} .blogDetailsTitle{text-align:center;} } /*END BLOG SECTION*/ /*contact SECTION start*/ .mapHolder{ margin:15px 0 30px 0 ;} .mapHolder { overflow: hidden; padding-top: 56.25%; position: relative; display: block; border: 0px solid #0005;} .mapHolder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;border:0!important } .openingHr table{width: auto;} .openingHr table td{padding: 8px 10px 8px 0; border: 0; font-size: var(--fs-20);} .openingHr h2{ font-size:var(--fs-36); } .iconListHolder{margin-bottom:30px} .iconListItem {display: flex; gap: 10px; color: var(--head-font-color);transition:0.3s;margin-bottom:10px } .iconListText {align-self:center; } .iconListIcon{margin-top:2px} .iconListText p {padding: 0; line-height: 1.5; } .iconListItem:hover{color: var(--main-clr);} .iconListItem:hover .iconListIcon img{filter:none;} .contactPageContent h5{padding-bottom: 10px !important;} .contactPageContent p{padding-bottom: 5px !important; } .contactPageContent .openingHr table{width: auto; margin-bottom: 10px !important;} .contactPageContent .openingHr table td{padding: 8px 10px 8px 0; border: 0; font-family: var(--bodyfont); font-size: var(--fs-16);} .sidebarContent p{padding-bottom: 30px !important; font-size:var(--fs-16); } /*.sidebarContent h2{padding-bottom: 0px !important; } */ @media only screen and (max-width: 1399px) { .iconListIcon{margin-top:2px} } /*contact SECTION end*/ /*BEFORE AFTER SLIDER start*/ .beforeAfterSec{overflow:hidden;} .beforeAfterSecInr{padding-left:0;padding-right:0px;position:relative;} .beforeAfterSlider{width:100%;margin:0 auto;} /*.beforeAfterSlider .slick-track{overflow:visible; }*/ .beforeAfterSlider .slick-list {margin:0 -7px;} .beforeAfterSlider .slick-slide {padding: 0 7px; } .beforeAfterSlider .slick-slide > div{line-height: 0} /*.beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s }*/ .beforeAfterSliderWrap{position:relative;} .beforeAfterNavPrev,.beforeAfterNavNext{font-size:var(--fs-30);border:none;outline:none;background:transparent;color: #ffffff;transition: 0.3s;pointer-events: all;} .beforeAfterNavPrev:hover, .beforeAfterNavNext:hover{ color:var(--main-clr); } .beforeAfterSliderNav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;width: calc(100% + 100px);pointer-events: none;} .beforeAfterSlider .slick-dots {display: flex; margin: 0; padding: 40px 30px 0; justify-content: center; list-style: none; font-size: 0; line-height: 0; gap: 8px; } .beforeAfterSlider .slick-dots button {width: 10px; aspect-ratio: 1; border-radius: 50%; border: 0; background: var(--main-clr); opacity: 0.1; transition: 0.3s; } .beforeAfterSlider .slick-active button {opacity: 1; } .beforeAfterSlider .slick-dots button:hover {opacity: 0.7; } .gallery-title{ padding:18px 30px; background:#ececec; font-size:var(--fs-30); font-family:var(--headfont); } .beafSliderItem img{ width:100% } .gallery-title{color: var(--head-font-color);} .beafSliderItem{transition: 0.3s} .beafSliderItem:hover {box-shadow: 0 0 10px #fff8; } .beafSliderItem img {aspect-ratio:297 / 307;object-fit:cover} .gallery-left ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 15px;text-transform: uppercase;font-size: var(--fs-16);} .gallery-left li{overflow:hidden} .gallery-left label {display:block;padding-left: 31px;opacity: 0.4;position: relative;margin-left: -31px;transition: 0.3s;cursor: pointer;} .gallery-left input[type=radio]{width:13px;height:13px;border-radius:50%;background:var(--main-clr);appearance:none;position: absolute;top: 5px;left: 0;} .gallery-left label:hover{opacity: 1;} .gallery-left label:has( input:checked) {margin: 0;opacity: 1;} .gallerySec .hoverImage img {aspect-ratio:1;object-fit:cover} .gallerySec .serviceItem h3 {font-size:var(--fs-18);text-align:center;font-family:var(--bodyfont);bottom: 50%;transform: translateY(50%);opacity:0;transition:0.3s} .gallerySec .hoverImage:after{background:#7e4b82cc;backdrop-filter:blur(10px);} .gallerySec .hoverImage:before{display:none} .gallerySec .serviceItem:hover .hoverImage:after{opacity:1} .gallerySec .serviceItem:hover h3{opacity:1} @media only screen and (max-width:1299px){ .beforeAfterSlider .slick-list {margin:0 -10px; } .beforeAfterSlider .slick-slide {padding: 0 10px; } .beforeAfterSecInr{padding-left: 50px; padding-right: 50px;} .beforeAfterSliderNav{width: calc(100% + 70px);} } @media only screen and (max-width:991px){ .beforeAfterSlider .slick-center{ transform:scale(1.0); transition:all .5s; } .beforeAfterSliderWrap{margin-left: auto;margin-right: auto;} .beforeAfterSliderNav{ display:flex; } .gallery-left label:has( input:checked) {background: var(--main-clr); color: #fff; border-color: var(--main-clr); } .gallery-left label {border-radius: 5px; padding: 4px 7px; font-size: 12px; line-height: 1.3; margin: 0; border: 1px solid #0004; opacity: 1; } .gallery-left input[type=radio] {display: none; } .gallery-left ul {flex-direction: row; flex-wrap: wrap; gap: 7px; } .gallery-left {margin-bottom: 20px; } } @media only screen and (max-width:767px){ .beforeAfterSlider .slick-dots{padding-top:25px} .beforeAfterSecInr {padding-left: 0; padding-right: 0px; } .beforeAfterSliderNav {width:calc(100% + 45px);} .beforeAfterSlider .slick-slide{padding:0 5px} .slick-slide .beafSliderItem{opacity:0.3} .slick-slide.slick-active .beafSliderItem{opacity:1} .gallery-title{padding:10px 15px;text-align:center;font-size: var(--fs-24)} .beforeAfterSecInr .section-heading{text-align:center;} .landingGalSec{overflow:hidden;} .landingGalSlider .slick-list{overflow:visible;} .landingGalSlider .slick-slide{padding:0 5px} } /*BEFORE AFTER SLIDER end*/ /*icon box sec start*/ .listBoxSec{overflow:hidden;} .iconBoxSec{overflow:hidden;} .listBoxSec .row{--bs-gutter-x:200px;} .listBox {max-width: 540px; } .iconBox > *:last-child:not(a) {padding-bottom: 0;margin-bottom:0 } .iconBox > a:last-child{margin-bottom:0} .iconBox i {font-size: 32px; color: var(--main-clr); margin-bottom: 20px; } .listBox ul{padding:0 0 0px;list-style:none;margin:0;font-size: var(--fs-16);padding-bottom: 20px;} .listBox ul li{font-weight: 300;position:relative; padding: 0 0 0px 35px;line-height: 1.2;} .listBox ul li:before{content:'\f058';position:absolute;left:0;top:0;color: var(--main-clr);font-family: 'Font Awesome 6 Free';} .listBoxt ul li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); } .listBox ul li:not(:last-child){margin-bottom:30px} .listBox p {font-size: var(--fs-14); } .listBox p strong{letter-spacing: 3px;} .listBox h2 {max-width: 400px; } .iconBox h3 {padding-bottom: 20px; } .listBoxSec .btncn:last-child{margin-bottom:0} .listBoxCol:nth-child(2) {box-shadow: 50vw 0 0 50vw var(--main-clr); background: var(--main-clr); } .listBoxCol:nth-child(2) ul li:before {color: var(--seconday-color); } .listBox .text-normal-typo{text-transform: none !important; padding-bottom:10px !important;} @media only screen and (max-width:1199px){ .listBoxSec .row{--bs-gutter-x:100px} } @media only screen and (max-width:991px){ .listBoxCol:nth-child(2) {box-shadow: 0 100vh 0 100vh var(--main-clr); padding-top: 50px; margin-top: 50px; } .listBox,.listBox h2 {max-width: 100%; } } /*icon box sec end*/ /*landing sec one start*/ .landingSecOneItemInr{text-align:center;position:relative;display:block;} .landingSecOneItemText{width: calc(100% - 70px);margin: -40px auto 0;padding: 22px 15px 20px 15px;background: #fff;position:relative;z-index: 2;transition: 0.3s} .landingSecOneItemInr h3{font-size: var(--fs-24);font-weight:400;font-family:var(--headfont);padding:0 0 10px;transition: 0.3s} .landingSecOneItemImage img{width:100%;display:block;transition: 0.3s} .landingSecOneItemText > *:last-child{padding-bottom:0;margin-bottom:0} .landingSecOneItemText:hover{background:var(--main-clr)} .landingSecOneItemText:hover h3{color:#fff} .landingSecOneItem:hover .landingSecOneItemImage img{opacity:0.6} @media only screen and (max-width:1199px){ .landingSecOneItemText{width: calc(100% - 50px);} } @media only screen and (max-width:767px){ .landingSecOne{overflow:hidden} .landingSecOne .slick-list{margin:0 -5px;overflow: visible;} .landingSecOne .slick-slide{margin:0 5px} .slick-slide .landingSecOneItemText{opacity:0;transition: 0.3s} .slick-slide .landingSecOneItemInr{opacity: 0.3;transition: 0.3s} .slick-slide.slick-active .landingSecOneItemInr,.slick-slide.slick-active .landingSecOneItemText{opacity:1} .landingSecOneItemText {width: calc(100% - 20px); padding: 10px; margin: -20px auto 0; } .landingSecOneItemText h3 {font-size: 18px; padding-bottom: 2px; } } /*landing sec one end*/ /*landing sec one start*/ .landingBoxItem {background: #fff; padding: 40px 62px; } .landingBoxItem h4 {padding-bottom: 5px; } .landingBoxItem h3 {padding-bottom: 18px; font-size: var(--fs-36); } .landingBoxItem > a:last-child {margin-top: 0;} @media only screen and (max-width:1399px){ .landingBoxItem{padding:25px 15px} } @media only screen and (max-width:991px){ .landingBoxItem > a:last-child {margin: 0; } } /*landing sec one end*/ /* Sticky WhatsApp Button */ .sticky-whatsapp { position: fixed; bottom: 30px; right: 30px; width: 64px; height: 64px; border-radius: 50%; background-color: #25D366; /* WhatsApp green */ border: 4px solid #ffffff; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 32px; text-decoration: none; box-shadow: 0 8px 24px rgba(0,0,0,0.25); z-index: 9999; transition: transform 0.2s ease, box-shadow 0.2s ease; animation: sp-whatsapp-pulse 2.2s infinite; } /* Hover effect */ .sticky-whatsapp:hover { transform: scale(1.05); box-shadow: 0 12px 30px rgba(0,0,0,0.3); color: #ffffff; } /* Pulse (soft ring) */ @keyframes sp-whatsapp-pulse { 0% { box-shadow: 0 8px 24px rgba(0,0,0,0.25), 0 0 0 0 rgba(37, 211, 102, 0.55); } 70% { box-shadow: 0 8px 24px rgba(0,0,0,0.25), 0 0 0 18px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 8px 24px rgba(0,0,0,0.25), 0 0 0 0 rgba(37, 211, 102, 0); } } /* Speech bubble */ .sticky-whatsapp__bubble { position: absolute; right: calc(100% + 14px); bottom: 50%; transform: translateY(50%) translateX(10px); background: #ffffff; color: #111; font-size: 14px; line-height: 1.2; font-weight: 600; padding: 10px 12px; border-radius: 999px; white-space: nowrap; box-shadow: 0 10px 26px rgba(0,0,0,0.18); opacity: 0; pointer-events: none; transition: opacity 220ms ease, transform 220ms ease; } /* Bubble arrow */ .sticky-whatsapp__bubble::after { content: ""; position: absolute; top: 50%; right: -8px; transform: translateY(-50%); width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #ffffff; } /* Show bubble on hover */ .sticky-whatsapp:hover .sticky-whatsapp__bubble { opacity: 1; transform: translateY(50%) translateX(0); } /* Also show bubble briefly on load */ @media (min-width: 769px) { .sticky-whatsapp__bubble { animation: sp-whatsapp-bubble-in 7s ease-in-out infinite; } } /* Bubble appears for a moment then hides */ @keyframes sp-whatsapp-bubble-in { 0%, 12% { opacity: 1; transform: translateY(50%) translateX(0); } 20%, 100% { opacity: 0; transform: translateY(50%) translateX(10px); } } /* Hide on tablets & mobile */ @media (max-width: 768px) { .sticky-whatsapp { display: none; } } /* ===== Universal Pop-up ===== */ .sp-modal { display:none; } .sp-modal.is-open { display:block; } .sp-modal__overlay{ position:fixed; inset:0; background:rgba(0,0,0,.70); z-index:9998; } .sp-modal__panel{ position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:min(760px, calc(100vw - 32px)); background:#fff; border-radius:18px; box-shadow:0 24px 80px rgba(0,0,0,.25); z-index: 9999999; overflow:hidden; } .sp-modal__header{ background: var(--main-clr); /* soft aqua like ref */ padding:22px 24px 18px; } .sp-modal__title{ margin:0; font-size:44px; line-height:1.05; letter-spacing:-0.02em; color: #fff; /* deep purple */ font-weight: 300; padding: 0 0 10px 0; } .sp-modal__intro{ margin:10px 0 0; color: #fff; font-size:15px; max-width:60ch; padding: 0; } .sp-modal__close{ position:absolute; right:14px; top:10px; width:40px; height:40px; border:0; background:transparent; font-size:34px; line-height:40px; cursor:pointer; color: #ffff; } .sp-modal__options{ padding:22px 24px 26px; display:grid; gap:18px; } .sp-option{ display:flex; align-items:center; gap:16px; width:100%; text-align:left; background:#f7f7fb; border:2px solid #4b1b56; border-radius:18px; padding:18px 18px; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; } .sp-option:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(0,0,0,.10); } .sp-option__icon{ width:46px; height:46px; border-radius:50%; border:2px solid #4b1b56; display:flex; align-items:center; justify-content:center; color:#4b1b56; background:#fff; flex:0 0 auto; } .sp-option__title{ display:block; font-weight: 400; font-size: 24px; color:#4b1b56; } .sp-option__sub{ display:block; margin-top:6px; font-size:14px; color:#4b1b56; opacity:.85; } .sp-modal__back{ border:0; background:transparent; color: #fff; font-weight: 300; cursor:pointer; margin:0 0 10px; padding:0; } .sp-modal__form{ padding:18px 24px 26px; } /* Desktop only trigger behaviour is in JS + button visibility. But modal itself can still open on mobile if you want; if you want to fully disable: */ @media (max-width: 768px){ /* comment out if you DO want it on mobile */ /* .sp-modal.is-open{ display:none !important; } */ }