/* Theme Name: MBA Lawyers 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:#fff; font-family:var(--bodyfont); overflow-x:hidden; } p{ margin:0px; padding:0px; } address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; } label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;} a{ text-decoration:none; border: 0px; outline: none; transition:all .5s} a:hover, a:focus, a:active{ transition:all .5s } a img{ border:none; outline: none;} a:focus {outline:none; } border{ border-collapse:collapse;} hr{ height:1px; background:#333333; border:none;} img { max-width: 100%; height: auto;} strong{font-weight:bold;} button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;} ::-moz-selection { color: #fff; background:var(--seconday-color);} ::selection { color: #fff; background: var(--seconday-color);} /*variables--*/ :root{ --bodyfont: "Montserrat", sans-serif; --headfont: "Montserrat", sans-serif; --fs-100:100px; --fs-72:72px; --fs-60:60px; --fs-65:65px; --fs-50:50px; --fs-48:48px; --fs-46:46px; --fs-45:45px; --fs-42:42px; --fs-40:40px; --fs-38:38px; --fs-36:36px; --fs-32:32px; --fs-30:30px; --fs-26:26px; --fs-24:24px; --fs-23:23px; --fs-22:22px; --fs-21:21px; --fs-20:20px; --fs-18:18px; --fs-17:17px; --fs-16:16px; --fs-14:14px; --main-clr:#000000; --seconday-color:#9b7650; --body-font-color:#000000; --black-color:#000000; --white-color:#fff; --light-font-clr:#64686c; --light-bg:#f7f7f8; } body{ font-family:var(--bodyfont);} h1{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:500; font-size:var(--fs-48); color: var(--body-font-color); padding:0 0 30px 0 } h2{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:300;font-size: var(--fs-48); line-height: 1.3; padding: 0 0 30px 0} h3{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:500; font-size:var(--fs-40); color:var(--body-font-color); padding:0 0 25px 0 } h4{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:500; font-size: var(--fs-24);color: var(--body-font-color);} h5{ margin: 0px; padding: 0px;font-family:var(--headfont);font-weight:500; font-size:var(--fs-21); } h6{ margin: 0px; padding: 0px;font-family:var(--bodyfont);font-weight:300; font-size:var(--fs-14); color:var(--light-font-clr); letter-spacing: 2px; text-transform: uppercase; padding: 0 0 25px 0} h2 strong{ font-weight:600 } p{ color:var(--body-font-color); font-size:var(--fs-16); line-height:1.5; font-weight: 300 ; padding: 0 0 30px 0; text-align: justify;} .btncn{ position:relative; display: inline-block; padding:11px 30px 13px; font-size: var(--fs-18);font-weight:300; border-radius:0px; margin:20px 0 20px 0; font-family:var(--bodyfont); } .btncn i{ margin:0 10px 0 0 } .btncn:hover{ background:var(--seconday-color); } .btncn-default{font-weight:400 ; background: var(--seconday-color); color: var(--white-color);} .btncn-default:hover{color: var(--white-color); background: var(--main-clr);} .btncn-secondary{ background: #64686c; color: #fff} .btncn-secondary:hover{ background:var(--main-clr); } .btncn-light{ font-weight:400 ; background: #fff; color: var(--main-clr);} .btncn-light:hover{ background:var(--main-clr);color:#fff } .btncn-dark{ font-weight:500 ; background: var(--main-clr); color: #fff;} .btncn-dark:hover{ background:var(--seconday-color);color:#fff } .btncn-black{ font-weight:500 ; background: var(--black-color); color: #fff; display: inline-flex; align-items: center; gap: 15px} .btncn-black:hover{ background:var(--seconday-color);color:#fff } .btncn-acent{ font-weight:500 ; background: #eff0f0; color: var(--black-color); display: inline-flex; align-items: center; gap: 15px} .btncn-acent:hover{ background:var(--seconday-color);color:#fff } .btncn-white{ font-weight:400 ; background: #fff; color: var(--main-clr); border: 1px solid #eeeeee;} .btncn-white:hover{ background:var(--main-clr); color:#fff } .btncn-border{font-weight:400 ; background: transparent; color: var(--white-color); border: 1px solid var(--seconday-color); line-height: 1.4;} .btncn-border:hover{background: var(--white-color); color: var(--main-clr);} .main-clr-bg{background-color: var(--main-clr);} .secondary-bg{background-color: var(--seconday-color);} .duel-bg{background:linear-gradient(to bottom, var(--main-clr) 63%, transparent 63%);} .duel-bg-dark{background-image:linear-gradient(to bottom, transparent 50%, #29272a 50%);} .duel-bg-dark2{background-image:linear-gradient(to top, transparent 50%, #29272a 50%);} .duel-bg-light{background-image:linear-gradient(to bottom, #f6f4f7 50%, transparent 50%);} .dark-bg{background-color:#1f2d40} .text-main-clr *{color: var(--color2);} .text-white *{color:#fff} .light-bg{background-color:#e4e7eb} section{ padding:90px 0 } .g-5, .gx-5 { --bs-gutter-x: 5rem;} .hoverImage{position:relative; } .hoverImage img{ width:100% } .hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(45deg, var(--seconday-color) 0%, transparent 100%); opacity:0; transition:all .5s } .hoverImage:hover:after{ opacity:1; transition:all .5s } .desktop{ display:block; } .mobile{ display:none; } @media (min-width: 1700px) { .container { max-width: 1380px; } } @media (min-width: 1200px) { } /*Header*/ .headerTop{ background:var(--black-color); padding:15px 0; } .header-top-content{ display:flex; align-items:center; justify-content:space-between; padding:0 70px; } .headert-top-left, .headert-top-right{ display:flex; gap:25px; align-items:center; } .header-inline-icon-box{ color:#fff; font-weight:300 } .header-inline-icon-box i{ color:var(--seconday-color); margin:0 8px 0 0 } .header-inline-icon-box a{ color:var(--white-color);} .header-inline-icon-box a:hover{ color:var(--seconday-color); } .header-inline-icon-box strong{ font-weight:600 } .header{ position:absolute; z-index: 99999; top: 0; left: 0; width: 100%} .headerMian{ transition:all .5s; left: 0; width: 100%; background:transparent; display: flex; justify-content: space-between; position:relative;} .logo{ width:196px; transition:all .5s; z-index: 999} .headerHolder{ display:flex; align-items:center; justify-content:space-between; gap: 75px; width: 100%; padding: 0 0 0 70px} .navigation{ margin-left:auto } .navigation ul li a{ z-index: 999; position:relative; } .navigation nav ul{ display:flex; margin:0; padding:0; list-style:none; gap:60px; align-items:center; } .navigation nav ul li a{ font-family:var(--bodyfont); font-weight:300 ; color:var(--white-color); font-size: var(--fs-18); position: relative;} .navigation nav ul li a:hover{ color:var(--seconday-color); } .headerRight{ position: relative; z-index: 999 } .navigation nav>ul>li>a{ line-height: 124px; display: block; } .navigation nav ul li.special-headet-btn a{ line-height:47px; padding:0 48px; border:1px solid #fff; } .fixed .navigation nav ul li.special-headet-btn a{ line-height:47px; } ul.dropdown-menu-holder{ flex-wrap:wrap;gap: 30px 10px!important;width: 100%;border: none; } ul.dropdown-menu-holder li { width:100%; } ul.dropdown-menu-holder li ul{ display:block; } .section-parent-menu{ width:100% } .section-parent-menu{ margin:0 -10px } @media only screen and (min-width:1199px){ ul.dropdown-menu-holder{ display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px; } .fixed{ position:fixed; width:100%; left:0; top:0; z-index:999; background:rgba(0,0,0,0.9); transition:all .5s; box-shadow:0 4px 4px rgba(0,0,0,0.1); backdrop-filter:blur(10px); } .fixed .headerHolder{ transition:all .5s; } .fixed .logo{ width:120px; transition:all .5s } .navigation nav>ul>li>a{ line-height: 110px; display: block; } .fixed .navigation nav>ul>li>a{ line-height:70px } } .language{ margin:0 15px 0 45px } .language a{ display:block; width:41px; height:41px; background:var(--main-clr); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:9px; } .social-icn a{ display:block; width:41px; height:41px; background:var(--main-clr); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:9px; color:#fff; } .contact-icn a{ display:flex; align-items:center; gap:10px ; font-family:var(--bodyfont); font-size:var(--fs-21); font-weight:300; color: var(--black-color);} .contact-icn a i{ font-size:30px ; color: #46d650} .contact-icn a:hover{ color:var(--seconday-color); } .book-online{ flex-shrink:0 } .book-online a{ color:var(--white-color); font-weight:500 ; background:var(--seconday-color) ; height: 100%; display: inline-flex; justify-content: center; align-items: center; padding:0 45px ; text-transform: uppercase; letter-spacing: 0.5px; font-size: var(--fs-18);position:relative;z-index:3} .book-online a:hover{ background:var(--main-clr); color:var(--white-color); } .social{ margin:45px 0 0 0; } .social ul{ padding:0; list-style:none; display: flex; gap: 15px; justify-content: center;} .social ul li a{ display:block ; color:#fff; font-size:20px; width:48px; height:48px; background:var(--seconday-color); border-radius:50%; text-align:center; line-height:48px; } .social ul li a:hover{ background:#fff; color:#000 } @media only screen and (min-width:1199px){ .headerMian a{pointer-events: none;} .headerMian:hover a{pointer-events:all;} .mega-menu-wrapper{position: absolute;z-index: 9;inset: 0 0 auto;width: 100vw;max-width: 100vw;background: var(--main-clr);top: 0;z-index: -1;height:0;transition:height 0.5s;overflow:hidden} .navigation nav ul li:hover .mega-menu-wrapper{z-index: 1;height: 540px;} .mega-menu-container{padding-top: 130px;padding-bottom:4rem} ul.dropdown-menu-holder li a{ font-size:var(--fs-18) !important; font-weight:300!important; margin:0 0 15px 0; display:block; } ul.dropdown-menu-holder li ul li a{ font-size: 16px !important; padding:5px 0; display:block; font-weight:300 !important; margin:0 } ul.dropdown-menu-holder li ul li{ width:100% } li.normal-menu {position: relative;} li.normal-menu ul {position: absolute;top: 100%;left: inherit;display:block;flex-direction: column;min-width: 260px;background: var(--main-clr);gap: 0;padding:10px 0 10px;border: 0px solid #57555a;border-top: 0;opacity: 0;visibility: hidden;transform: translateY(-50px);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;z-index: 999;} 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{opacity: 1;visibility: visible;transform: translateY(0);z-index: 999;} li.normal-menu ul a {padding: 10px 25px;display: block; font-size: var(--fs-18) !important; color: var(--white-color) !important;} li.normal-menu ul a:hover{ color:var(--seconday-color) !important;opacity: 1;visibility: visible;transform: translateY(0);z-index: 999;} li.normal-menu ul li{ position:relative; } li.normal-menu ul li ul{ position:absolute; left:100%; top:0; display:none; } li.normal-menu ul li a:hover ul{ display:block; } .headerRight .navigation li{position: relative;} .headerRight .navigation li ul {position: absolute;top: 100%;left: inherit;flex-direction: column;min-width: 260px;background: var(--white-color);gap: 0;padding:10px 0 10px;display: none;z-index: 100;border: 0px solid #57555a;border-top: 0; } .headerRight .navigation li:hover ul{display:block;} .headerRight .navigation li a {padding: 10px 25px;display: block; font-size: var(--fs-18) !important; color: var(--black-color) !important;} .headerRight .navigation li a:hover{ color:var(--seconday-color) !important; } } @media only screen and (min-width:1401px){ .mega-menu-container{padding-top: 160px;} .navigation nav ul li:hover .mega-menu-wrapper{height: 560px;} } .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important; } .headerRight{ display:flex; align-items:center; gap:60px } .phoneNumber a{ font-weight:600 ; font-size:var(--fs-18); color:var(--color2); font-family:var(--bodyfont); } .phoneNumber a:hover{ color:var(--seconday-color); } .phoneNumber a span{margin-left:10px } .bookAppointment a{padding:15px 25px;display:block;background: var(--main-clr);color:#fff;position:relative;margin: 0 0 0 50px;font-size: var(--fs-18);letter-spacing: 0.05em;transition:all .5s; font-weight: 400;font-family:var(--headfont); text-align: center;} .bookAppointment a i{display:none;} .bookAppointment a:hover{background:rgba(243, 237, 228, 1.0); color: var(--body-font-color);} .banner{ background: #000; padding: 0 0 0 0; position: relative; line-height: 1} .slick-slide> div{ line-height:0 } .sliderInner{ position:relative; background:#000; overflow:hidden; } .sliderImage{ width:100%; background:#000;position:relative;} .sliderImage:after{ } .sliderImage img{ width:100%; height:100%; object-fit:cover;opacity:1.0 } .sliderContent{ position:absolute; top:55%; transform:translateY(-50%); left:0; width:100% } .sliderContent h3{ font-size:var(--fs-36); font-weight:500; text-transform:uppercase; color:var(--white-color) ; padding:0 0 20px 0;font-family:var(--bodyfont); } .sliderContent h3 strong,.sliderContent h2 strong{ font-weight:600 } .sliderContent h2{ color:var(--white-color) ; font-size:var(--fs-72); font-weight: 700; padding: 0 0 45px 0; font-family: var(--bodyfont); text-transform: uppercase;} .innerBanner h1{ color:var(--white-color); font-size:var(--fs-100); } .innerBanner .sliderContent h2{ text-transform:inherit; font-weight:300 ; font-size: var(--fs-72); padding: 0 0 20px 0; line-height: 1.3} .innerBanner .sliderContent p{ text-align:left; } .innerBanner img{ filter:brightness(0.4); } .halfBanner{ position:relative;padding:164px 0 100px 0 !important; background: var(--black-color);} .halfBannerImage img{width:50%;margin-left:auto;display:block;height: 100%;object-fit:cover;} .halfBannerCaption{padding: 100px;min-height:550px;display:flex;flex-direction: column;justify-content: center;} .halfBannerCaption h2{ color:#fff; } .innerbannerContent h2{ font-size:var(--fs-80); color:#fff; font-weight: 400} .sliderContent p{ color:var(--white-color); font-size:var(--fs-16); padding:0 0 20px 0; font-weight:300; font-family:var(--bodyfont); text-align:center; } .bannerButtonGroup{ display:flex; gap:12px; margin:0 0 15px 0 } .bannerButtonGroup a.bookBtn{ background:var(--seconday-color); color:var(--black-color); } .bannerButtonGroup a.bookBtn:hover{ background:var(--main-clr); color:#fff } .slider-content-inner{ max-width:690px; margin:0 auto; text-align:center; } .slider-item-inner{ position:relative; } .banner-holder{ padding:0 } .banner .slick-dots{ position:absolute; bottom:0 ; bottom: 180px; width: 100%; display: flex; justify-content: center; margin: 0; padding: 0; list-style: none; gap: 10px} .banner .slick-dots li button{ text-indent:-999em; width:15px; height:15px; border:1px solid #fff; border-radius:50% } .banner .slick-dots li.slick-active button{ background:transparent; } .btncn-transparent{ background:rgba(255, 255, 255, 0.2); color: #fff} .btncn-transparent:hover{ background:var(--seconday-color); color:var(--black-color); } .welcomeContent p{ text-align:justify; text-align-last: center; } .welcomeContent h1, .blogSection h1{ color:var(--seconday-color); font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .welcomeContent h2{ font-weight:300 } .welcomeContent h2 strong{ font-weight:600 } .welcomeContent p a {color: var(--seconday-color); text-decoration: underline;} .welcomeContent p a:hover{color: var(--light-font-clr); } .qualitySection h2{ padding:0 0 25px 0 } .qualitySection h6{ padding:0 0 30px 0;opacity:0.7;font-weight:300;} .qualitySection p{ text-align: center; padding: 0 44px 30px;} .qualitySectionSlider{ width:100%; margin:0 auto; } .qualitySectionSlider .slick-slide { margin: 0 40px; } .qualitySectionSlider .slick-list { margin: 0 -40px; } .qualitySectionSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .qualitySectionSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .qualitySectionSlider .slick-prev:hover, .qualitySectionSlider .slick-next:hover{ color:var(--seconday-color); } .qualitySectionSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .qualitySectionSlider .slick-track{ padding:60px 0; overflow:visible; } .sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); } .qualityImage{ position:relative; } .qualityContent{ position:absolute; padding:0 40px; width:100%; left:0; bottom:30px; z-index:2 } .qualityContent h3{ color:#fff; padding:0; transition:all .5s;font-weight:300 } .qualityImage img{ width:100% } .qualityLg{ display:flex; justify-content:space-between; gap:20px; margin:55px 0 0 0 } .serviceSlider .slick-slide { margin: 0 10px; } .serviceSlider .slick-list { margin: 0 -10px; } .serviceSlider .slick-prev{position:absolute; top:50%; transform: translateY(-50%); left:-35px; border:none; font-size:20px; transition:all .5s; color: var(--body-font-color); background:transparent; } .serviceSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:-35px; border:none; font-size:20px; transition:all .5s; color: var(--body-font-color); background:transparent;} .serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ color:var(--seconday-color); } .serviceItem h3{ text-align:left; padding:20px 0; font-weight:300; font-size:var(--fs-24); color:var(--black-color); } .serviceItem{ position:relative; } .serviceItem h3{ position:absolute; bottom:0; left:50% ; transform: translateX(-50%) ; font-weight: 300; font-size: var(--fs-24); color:var(--black-color); background: #fff; padding: 14px 20px; width: calc( 100% - 60px ); text-align: center;} .serviceSlider { padding:0 0 20px 0 } .icon-box{ text-align:center; position: relative; padding: 0 40px; height: 100%} .icon-box:after{ content:''; position:absolute; right:0; top:0; height:100%; background:var(--seconday-color); width:1px; } .icon-box-last:after{ display:none; } .icon-box p{ text-align:center; padding:0 } .icon-box p strong{ font-weight:600; } .icon-box-image{ height:68px; margin:0 0 25px 0 } .full-video-section video{ width:100%; height:auto } @media only screen and (max-width:1199px){ .qualitySectionSlider .slick-slide { margin: 0 25px; } .qualitySectionSlider .slick-list { margin: 0 -25px; } .qualitySectionSlider .slick-track{ padding:40px 0 } } @media only screen and (max-width:767px){ .qualitySectionSlider .slick-center{ transform:scale(1.0); transition:all .5s; } .qualitySectionSlider{ margin:0 auto; width:75% } .qualitySectionSlider .slick-track{ padding:10px 0 } .qualitySectionSlider .slick-prev{ left:-40px } .qualitySectionSlider .slick-next{ right:-40px } } .contentSection h2{ } .contentSection p{ } .ratingSection{ padding:10px 0 0 0 } .ratingSection h4{ font-size:var(--fs-14); padding:0 0 5px 0; font-weight:300; text-transform:uppercase; } .number{ font-size:var(--fs-36); font-weight:300;font-family:var(--bodyfont); } .contentSection2 .contentImage{display: flex;justify-content: flex-end;} .contentTop{position:relative;z-index:2} .bg-logo{position:absolute;top: -160px;right:0;z-index:-1} .contentTop ul{ margin:0; padding:25px 0 0 0; list-style:none; } .contentTop ul li{ font-weight:300 ; font-size:var(--fs-18); } .contentTop ul li a{ color:#161617; padding: 15px 0; display: block; border-bottom: 1px solid #c1c6d4; position: relative;} .contentTop ul li a:after{ content:''; position:absolute; width:0%; height:1px; background:#c1c6d4; bottom:-1px; left:0 ; transition: all .5s;} .contentTop ul li a:hover:after{width:100%; background: var(--seconday-color); transition: all .5s;} .contentTop ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:#161617;} .contentTop ul li a:hover{ color:var(--seconday-color); } .contentTop ul li a:hover:before{ color:var(--seconday-color); } .contentItemInner{display:flex;background: var(--seconday-color);justify-content: space-between;} .contentSliderImage{width: 47%;} .contentSliderImage img{width: 100%;height:100%;object-fit:cover;} .contentSliderContent{width: 53%;padding: 65px 80px;align-self: center} .contentSliderContent h2{ color:#fff; padding:0 0 30px 0 } .contentSliderContent p{ color:#fff; text-align:justify; padding:0 0 20px 0 } .contentSliderContent h6 {color: #fff; font-size: 100%; padding-bottom: 25px; } .contentSliderSection .slick-prev{left: 42%;bottom: 130px;position:absolute;z-index:1;color: #fff;font-size: 24px;border: none;background: transparent;opacity: 0.3;} .contentSliderSection .slick-next{left: calc(42% + 45px);bottom: 130px;position:absolute;z-index:1;background: transparent;color: #fff;font-size: 24px;border: none;opacity: 0.3;} .contentSliderSection .slick-prev:hover,.contentSliderSection .slick-next:hover{opacity: 1} .section-heading{ padding:25px 0 } .buttonGroup { display:flex; gap:15px; align-items: center; margin: 30px 0 0 0} .buttonGroup.text-center{ justify-content:center; } .contentSlider h2{ font-size:var(--fs-36); } .contentSlider .slick-prev{ position:absolute; top:20px; left:inherit; right: 50px; background:#f6f0e5; border:none; font-size:20px; transition:all .5s; width: 43px; height: 59px; display: flex; align-items: center; justify-content: center; color: #000; z-index:2 } .contentSlider .slick-next{ position:absolute; top:20px; right:-1px; background:#f6f0e5; border:none; font-size:20px; transition:all .5s; width: 43px; height: 59px; display: flex; align-items: center; justify-content: center; color: #000; z-index:2} .contentSlider .slick-next:hover, .contentSlider .slick-prev:hover{ background:var(--main-clr); } .section-heading h2{ font-size:var(--fs-42); } .teamSlider .slick-slide { margin: 0 8px; } .teamSlider .slick-list { margin: 0 -8px; } .team-slider{ text-align:center; } .team-slider h3{ font-size:var(--fs-24); font-weight:300; text-align:center; padding:20px 0; } .team-slider h3 span{ display:block; color:var(--main-clr); font-size:var(--fs-14); font-family:var(--bodyfont); color:var(--main-clr); font-weight:300; text-transform:uppercase; padding-top:15px; letter-spacing:2px; } .teamSlider ul.slick-dots{ margin:0; padding:0; list-style:none; display:flex; } .teamSlider ul.slick-dots li{ width:100% ; flex-grow: 1} .teamSlider ul.slick-dots li button{ text-indent:-999em; width:100%; height:1px; background:#e8e8ea; border:none; } .teamSlider ul.slick-dots li.slick-active button{ background:var(--black-color); } .exparties-header{ display:flex; justify-content:space-between; align-items:flex-end; margin:0 0 45px 0 } .exparties-heading h2{ padding-bottom:0 } .exparties-buttons .btncn { margin:0 } .exparties-heading h1{ color:var(--seconday-color); font-size:var(--fs-14); text-transform:uppercase; font-weight:300; padding:0 0 15px 0; letter-spacing:1px } .exparties-icon-box{ display:flex; align-items:center; gap:15px ; border:1px solid #e8e8e8; padding:15px 25px; transition:all .5s } .exparties-icon-box:hover{ border-color:var(--seconday-color); transition:all .5s } .exparties-icon{ width:60px; flex-shrink:0 } .exparties-content p{ padding:0 ; text-align: left; font-size: var(--fs-16);} .team-member-con{ text-align:center; } .team-member-con:hover .team-member-image{ box-shadow: 3.5px 6.062px 16.38px 1.62px rgba(39, 39, 39, 0.067); transition: all .5s} .team-member-image{ border:1px solid var(--seconday-color); transition: all .5s } .team-member-details{ padding:25px 0 } .team-member-details h4{ font-weight:500; font-size:var(--fs-24); padding:0 0 12px 0 } .team-member-details h6{ font-size:var(--fs-16); letter-spacing:inherit; padding-bottom:0 } .team-member-image{ position:relative; } .badge{ position:absolute; top:10px; right:10px; } .teamHolder{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .accreditation-logo{padding-top: 10px;} .accreditation-logo img{width:100px;} /* Timeline Style -Start */ .timeline { position: relative; } /* Vertical line */ .timeline::before { content: ""; position: absolute; left: 9px; top: 0; bottom: 0; width: 2px; background-color: #f5f1ed; } /* Timeline item */ .timeline-item { position: relative; margin-bottom: 20px; } /* Dot */ .timeline-dot { position: absolute; left: 0; top: 6px; width: 18px; height: 18px; background-color: var(--seconday-color); border-radius: 50%; } /* Content */ .timeline-content { padding-left: 30px; } .timeline-year { color: var(--seconday-color); font-family: var(--headfont); font-weight: 600; margin-bottom: 8px; } .timeline-content ul{ list-style:none;margin:0;padding-top: 20px; } .timeline-content ul li{position:relative; padding: 0 0 15px 25px;line-height: 1.7;} .timeline-content ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--seconday-color); font-family: 'FontAwesome'; } .timeline-content li { margin-bottom: 6px; color: #333; } /* Timeline Style - End */ @media only screen and (min-width:768px){ .homeTeamSlider{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media only screen and (min-width:992px){ .homeTeamSlider{grid-template-columns: repeat(4, 1fr);} } .homeTeamSlider .slick-prev{ position:absolute; top:40%; transform: translateY(-50%); left:-45px; background:#f5f1ed; border:none; font-size:20px; transition:all .5s; display: flex; align-items: center; justify-content: center; color: #000; z-index:2; border-radius:50%; width:40px; height:40px; display:flex; justify-content:center; align-items:center; } .homeTeamSlider .slick-next{ position:absolute; top:40%; transform: translateY(-50%); right:-45px; background:#f5f1ed; border:none; font-size:20px; transition:all .5s; display: flex; align-items: center; justify-content: center; color: #000; z-index:2; border-radius:50%; width:40px; height:40px; display:flex; justify-content:center; align-items:center;} .homeTeamSlider .slick-prev:hover, .homeTeamSlider .slick-next:hover{ background:var(--seconday-color); color:#fff } .homeTeamSlider .slick-list{ overflow:visible; } .homeTeamSlider .slick-slide { margin: 0 10px; } .homeTeamSlider .slick-list { margin: 0 -10px; } .homeTeamSlider .slick-slide{ opacity:0.5 } .homeTeamSlider .slick-slide.slick-active{ opacity:1.0 } .home-contact-section{ background:url(assets/images/home-contact-bg.jpg) no-repeat; background-size:cover; padding: 0; background-attachment: fixed;} .home-contact-form-holder{ background:rgba(0,0,0,0.8); padding:80px; } /*.teamSlider .slick-slide { margin: 0 70px; } .teamSlider .slick-list { margin: 0 -70px; } .team-image{ width:340px; height:340px; display:flex; justify-content:center; align-items:center; margin:0 auto; } .team-image img{ width:300px; height:300px; border-radius:50%; outline:1px solid var(--main-clr); outline-offset:10px; align-items:center; justify-content:center; } .team-slider h3{ font-size:var(--fs-32); font-weight:300; text-align:center; padding:20px 0 } .team-slider h3 span{ display:block; color:var(--main-clr); font-size:var(--fs-18); font-family:var(--bodyfont); color:var(--main-clr); font-weight:300; text-transform:uppercase; padding-top:15px; } .teamSlider .slick-prev{ position:absolute; top:40%; 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:40%; 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); } */ .blogSlider .slick-slide { margin: 0 15px; } .blogSlider .slick-list { margin: 0 -15px; } .blogSlider .slick-prev{ position:absolute; top:40%; transform: translateY(-50%); left:-60px; background:#f5f1ed; border:none; font-size:20px; transition:all .5s; display: flex; align-items: center; justify-content: center; color: #000; z-index:2; border-radius:50%; width:50px; height:50px; display:flex; justify-content:center; align-items:center; } .blogSlider .slick-next{ position:absolute; top:40%; transform: translateY(-50%); right:-60px; background:#f5f1ed; border:none; font-size:20px; transition:all .5s; display: flex; align-items: center; justify-content: center; color: #000; z-index:2; border-radius:50%; width:50px; height:50px; display:flex; justify-content:center; align-items:center;} .blogSlider .slick-prev:hover, .blogSlider .slick-next:hover{ background:var(--seconday-color); color:#fff } .practice-area{ background:#272626; padding:60px 0 75px 0; } .practic-icon-holder{ display:flex; } .practice-icon{ width:20%; text-align:center; } .practice-icon-image{ height:85px; } .practice-icon span{ display:block; color:#fff ; padding: 15px 0 0 0; font-size: var(--fs-20);} .qualitySectionSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:-60px; background:#f6f0e5; border:none; font-size:20px; transition:all .5s; width: 43px; height: 59px; display: flex; align-items: center; justify-content: center; color: #000; z-index:2 } .qualitySectionSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:-60px; background:#f6f0e5; border:none; font-size:20px; transition:all .5s; width: 43px; height: 59px; display: flex; align-items: center; justify-content: center; color: #000; z-index:2} .qualitySectionSlider .slick-next:hover, .qualitySectionSlider .slick-prev:hover{ background:var(--main-clr); } .homepageFormSection{ } .homepageFormSection h2{ } .homepageFormSection h2 strong{font-weight: 600} .homepageFormSection p{font-weight: 300; font-size: var(--fs-16); text-align: center;} .home-form-inner{ background:#f7f7f8; padding:80px 150px } .formGroup{ display:flex; gap:30px; align-items: flex-end;} .homeFormHolder{} .gform-theme--foundation .gform_fields{row-gap:10px !important} .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel]{ width:100% !important; background:transparent !important; border:none !important; padding:15px !important; font-size:14px !important; font-weight:300 !important; color: #fff !important; box-shadow: none !important; border-radius: 0 !important; border-bottom: 1px solid var(--seconday-color) !important; text-transform: uppercase !important; padding-left: 0!important; padding-right: 0 !important; height: 54px !important} .homeFormHolder select{width:100% !important;background-color:transparent !important;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(255, 255, 255, 1)'/%3E%3C/svg%3E") !important;border:none !important;font-size:14px !important;font-weight:300 !important;color: #fff !important;box-shadow: none !important;border-radius: 0 !important;border-bottom: 1px solid var(--seconday-color) !important;text-transform: uppercase !important;padding-left: 0!important;padding-right: 0 !important;height: 54px !important;line-height: 54px !important;} .homeFormHolder select option{background:#000} .homeFormHolder textarea{ width:100% !important; background:transparent !important; border:none !important; padding:15px !important; font-size:14px !important; font-weight:300 !important; color: #fff !important; box-shadow: none !important; border-radius: 0 !important; border-bottom: 1px solid var(--seconday-color) !important; text-transform: uppercase !important; padding-left: 0!important; padding-right: 0 !important; height: 100px !important; resize:none !important; } .homeFormHolder .inputHolder{ width:100% } .homeFormHolder ::placeholder { color: #fff; opacity: 1; } .homeFormHolder ::-ms-input-placeholder { color: #fff; opacity:1} .formGroup{ margin:0 0 45px 0 } .homeFormHolder input[type=submit]{padding: 15px 36px !important;background: var(--seconday-color) !important; border:none !important;outline:none!important;cursor:pointer;font-weight:400!important;font-size:var(--fs-16)!important;transition:all .5s;border-radius: 0 !important; font-weight: 300 !important} .homeFormHolder input[type=submit]:hover{ background:var(--black-color) !important; color:#fff !important; transition:all .5s; } .homeFormHolder .gform-field-label--type-sub {color: #fff!important; } .mobile-input{ width:35% !important} .reviewSlider { padding:20px 0 0 0 } .reviewSlider .slick-slide { margin: 0 10px; } .reviewSlider .slick-list { margin: 0 -10px; } .reviewItem{ text-align:center; } .star{ font-size:16px; color:var(--main-clr); margin:0 0 20px 0 } .reviewItem p{ text-align:center; font-family: var(--bodyfont); font-weight: 300;} .reviewItem h4{color:#000000; font-size: 16px; text-transform: uppercase; font-weight: 500; padding: 25px 0 0 0; letter-spacing: 2px; font-family: var(--bodyfont);} .btn-view{ text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); color:#333b52;margin:35px 0 0 0; display:inline-block; } .btn-view:hover{ color:var(--seconday-color); } .reviewSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:0; background: var(--black-color); border:none; font-size:20px; transition:all .5s; color: var(--black-color); z-index:2; background:url(assets/images/previous.png) no-repeat; width:160px; height:107px; } .reviewSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:0px; border:none; font-size:20px; transition:all .5s; z-index:2; color: var(--black-color); background:url(assets/images/next.png) no-repeat; width:120px; height:108px;} .reviewSlider .slick-next:hover, .reviewSlider .slick-prev:hover{ } .reviewSection h3{ font-size:var(--fs-36); padding-bottom: 20px;} .reviewSection p{ padding-bottom:0 } .mapSection img{ width:100% } .reviewSlider .slick-track{ display: flex !important;} .reviewSlider .slick-slide{ height: inherit !important;align-self: center;} .review-item-inner{ max-width:650px; margin:0 auto; } .review-item-inner h4{ color:#fff ; font-weight: 600; } .btn-google-review{ font-size:var(--fs-20); font-weight:400; color:var(--black-color); text-decoration:underline; text-underline-offset: 5px; margin-top: 15px} .btn-google-review:hover{ color:var(--seconday-color); } .social-share-section{ background:#f8f2e5 } .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 } .mapSection img{ width:100% } .footer{ background:var(--main-clr); } .footBottom{ padding:30px 0; background:#fff } .ftbtm{ justify-content:space-between; align-items:center; display: flex;} .copyright{ font-size:14px; color:#999999 ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300} .footerTop{ padding:0 0 0 0; background:#000000 } .footerTopContent{ display:flex; justify-content:space-between; gap:80px ; align-items: flex-start;} .footerwidget_1{width: 30%; padding: 80px 0} .footerwidget_2{width: 30%; border: 1px solid #1b1b1b; padding: 80px 45px 35px 45px} .footerwidget_3{width: 30%; padding: 80px 0px 35px 0px} .footer-content{ padding:30px 0 0 0 } .footer-content h4{ color:var(--seconday-color); font-size:12px; text-transform:uppercase; padding:0 0 10px 0 } .footer-content ul{ margin:0; padding:10px 0; list-style:none; } .footer-content ul li{ display:block; } .footer-content ul li a{ display:block; color:#fff; line-height:32px; font-size:16px; font-weight:300 } .footer-content ul li a:hover{ color:var(--seconday-color); } .footer-content .btncn-default:hover{ background:#fff; color:var(--black-color); } .footerwidget_3 a{ text-align:center; color:#fff; font-size:25px } .footerwidget_3 a:hover{ color:var(--seconday-color); } .footerwidget_4 p a{ color:#fff } .footerwidget_4 p a:hover{ color:var(--seconday-color); } .footerTopContent h2{ color:#fff ; font-size: 36px ;padding: 0 0 20px 0;font-weight:500} .footerTopContent h3{ color:#fff ; font-size: 24px ;padding: 0 0 20px 0;font-weight:500} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.5; padding:0 0 20px 0 ; font-weight: 300} .footerwidget_4 p{ line-height:30px } .btnnSocialGrp{ display:flex; align-items:center; margin:0 0 0 0 } .enquiryBtn a{ font-family:var(--bodyfont); font-weight:400; font-size:var(--fs-18); color: #fff; border:1px solid #ffffff; padding: 15px 30px; display: block;} .enquiryBtn a:hover{ background:var(--seconday-color); } /*.social{ margin:0 0 0 0px; padding:0 0 0 0 } .social ul{margin:0;padding:0;list-style:none;display: flex;gap: 20px;} .social ul li a{display:block;color:var(--main-clr);font-size: 22px;} .social ul li a:hover{ background:#fff !important; color:#000 !important } */ .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--seconday-color); } .footerTopContent table{ width:100%; } .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:31px; font-weight: 300} .footerTopContent table td:first-child{ padding-right:0; } .footer-icon-box-list{ display:flex; align-items:flex-start; gap: 20px; margin: 0 0 20px 0} .footer-icon-box-list a{ font-size:var(--fs-16); color:var(--white-color); font-weight:300 } .footer-icon-box{ padding-top:10px; } .footerwidgetInner{ } .formGroup{position:relative;} .wpcf7-spinner{position:absolute; right:0; bottom:16px;margin:0 !important;} .wpcf7 form .wpcf7-response-output{margin:0 !important; color:#fff !important;} .footer-btn-sec{ display:flex; align-items:center; gap:60px } .btn-make{ border:1px solid #fff; color:#fff; border-radius:30px; } /*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 25px;line-height: 1.2;} .partnersLogoImg img {display: block;max-width:150px;max-height:150px;} .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*/ .teamDtlsItemtextCol {display: flex; flex-direction: column; justify-content: center; } .teamDtlsItemText {background: #fff; padding: 60px; min-height: calc(100% - 140px); display: flex; flex-direction: column; justify-content: center; } .teamDtlsItemText > *:last-child:not(a){padding-bottom:0} .teamDtlsItemsWrap {display: flex; flex-direction: column; gap: 60px; } .teamDtlsItem:nth-child(even) .row {flex-direction: row-reverse; } .teamDtlsItemText h6 {color: var(--main-clr); } .teamDtlsItemText ul {padding:0 0 30px 16px;margin:0 } .teamDtlsItemText ul li::marker {font-size: 80%; } .teamDtlsItemText ul li{padding:0 0 5px 2px} /*! ####################################################################### MeanMenu 2.0.7 -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding: 0px 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:100}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:1px;margin-top:5px}.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:100%;padding:15px 10px;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:100%;padding:10px 20px;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:400;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important} .mean-container a.meanmenu-reveal span{ background:var(--main-clr); } .mean-container .mean-nav ul li a:hover{ background:transparent; } .mean-container .mean-nav ul li a{ border-top:1px solid rgba(255,255,255,.1) } .mean-container .mean-nav ul li li a{ border-top:1px solid rgba(255,255,255,.1) } .mean-container a.meanmenu-reveal{font-family: var(--bodyfont);} .mobilemenu{ visibility:hidden; } /*Treatment Page*/ .innerBanner{ position:relative;padding:0 } .innerBannerImage img{width:100%;display:block;} .innerbannerContent{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); padding:20px; } .innerbannerContent .bannerButtonGroup{ } .innerbannerContent h2{ font-size:var(--fs-80); color:#fff; font-weight: 400} .breadcumb{ padding:20px 10px 18px;background:transparent; position:relative; z-index:99; margin-top:-60px } .breadcumb ul{ display:flex; justify-content:flex-start; margin:0; padding:0; list-style:none; column-gap: 30px;font-weight: 600;color:var(--main-clr);opacity: 0.7} .breadcumb ul li{ font-family:var(--bodyfont); font-size:12px; font-weight: 500; text-transform:uppercase; letter-spacing:0.2em ; position:relative; color:#fff} .breadcumb ul li:after{ content:'|'; position:absolute; color:#fff; border-radius:50%; right: -18px; top: 0px; } .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{ color:#fff;font-weight:300 } .breadcumb ul li a:hover{ color:var(--seconday-color); } .sidebar .breadcumb{ padding:0 0 20px 0; background:transparent; } .sidebar .breadcumb ul{ display:flex; justify-content:flex-end; margin:0; padding:0; list-style:none; column-gap: 30px;} .sidebar .breadcumb ul li{ font-family:var(--bodyfont); font-size:var(--fs-18); text-transform:uppercase; letter-spacing:1px ; color:rgba(51,59,82,0.3); position:relative; } .sidebar .breadcumb ul li:after{ content:'•'; position:absolute; color:rgba(51,59,82,0.3); border-radius:50%; right: -18px; top: 0px; } .sidebar .breadcumb ul li:last-child:after{ display:none; } .sidebar .breadcumb ul li a{ color:rgba(51,59,82,0.3); } .sidebar .breadcumb ul li a:hover{ color:var(--main-clr); } .sidebar-form .gform_validation_errors{max-width:calc(100% - 30px);margin-left:15px} a.btn-blue{ background:var(--main-clr); color:#fff; } a.btn-blue i{ color:#fff; margin:0 10px 0 0 } a.btn-blue:hover{ background:var(--seconday-color); } .treatmentImageHolder{ display:flex; flex-wrap:wrap; gap:20px; row-gap:30px; justify-content:center; margin: 30px 0 0 0} .treatment-repeat{ width:32% } .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:15px 0 } .galInnerContainer ul li a{ color:#fff } .galInnerContainer ul li a:hover{ color:var(--seconday-color); } .treatmentImage{ overflow:hidden; } .treatmentImage img{ transition: all .5s } .treatmentImage:hover img{ filter:brightness(0.5) blur(30px); transition: all .5s; transform: scale(1.1);} .treatmentImage:hover .qualityContent h3{ opacity:0; visibility:hidden; transition:all .5s } .treatmentImage:hover .galInnerContainer{ opacity:1; visibility:visible; transition: all .5s} .treatmentContent{ color:#161617; font-weight:400; font-family:var(--cabinetGrotesk); font-size:24px; padding:20px 0; } .treatmentHolder a{ display:block; margin-bottom: 40px;} .treatmentHolder a:hover .treatmentContent{ color:var(--main-clr); } .treatmentImage img{ width:100% } .treatmentImage{ position:relative; } .treatmentImage:after{ content: ''; background: rgb(22, 44, 105); background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; opacity: 1; transition: all .5s} .treatmentHolder:hover .treatmentImage:after{ opacity:1 } .postExcerpt p{ padding:20px 0 0 0; font-weight: 300; color: var(--body-font-color);} .permalink a{ padding:10px 0; font-weight:400; font-size:14px; font-family:var(--bodyfont); text-decoration:underline; text-underline-offset:3px; color:var(--body-font-color); } .permalink a:hover{ color:var(--seconday-color); } .blogTop{ background:#ebedf0; padding:15px 20px 15px 35px; margin:0 0 45px 0 ; display:flex; justify-content:space-between; align-items: center;} .sortBy{ font-weight:300; color:#161617; font-size:var(--fs-18); } .categotyDropdown{ width:325px; } .categotyDropdown select{ width:100%; background:transparent; border:none; border-bottom:1px solid #bcbec0 ; padding: 10px 0; font-weight:300; color:#161617; font-size:var(--fs-18);} .treatmentImageSlider{ width:100%; margin:0 auto; } .treatmentImageSlider .slick-slide { margin: 0 40px; } .treatmentImageSlider .slick-list { margin: 0 -40px; } .treatmentImageSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#161617;z-index:2 } .treatmentImageSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#161617;z-index:2 } .treatmentImageSlider .slick-prev:hover, .treatmentImageSlider .slick-next:hover{ color:var(--seconday-color); } .treatmentImageSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .treatmentImageSlider .slick-track{ padding:75px 0; overflow:visible; } .treatmentItem{display:block;} .pageContent h2{ padding:0 0 30px 0 } .pageContent h6{ padding:0 0 30px 0; } .pageContent p{ text-align:left !important; padding:0 0 30px 0 } .pageContent h3{ font-size:var(--fs-30);padding:20px 0 20px 0 ; font-weight: 300;} .brdholder{ text-align:right; } .sidebarFormHolder{ background:#f2f2f2; padding:0; margin:0px 0 0 0; z-index: 999} .sidebarFormHolderLight{ background:#e0dbd3; padding:55px; margin:0px 0 0 0 } .sidebarImg { } .sidebar {/*height: 100%;*/ margin:0 0 0 70px; background:#f2f2f2; padding:0 } .sidebarFormHolder{ overflow: auto; position: -webkit-sticky; position: sticky; top: 100px; min-height: 200px; padding-top:25px } .sidebarImg img{ width:100% } .sidebar h3{ color:var(--body-font-color); font-weight:600; font-size:var(--fs-30); } .sidebar p{ text-align:center !important; color:var(--body-font-color); font-weight:300; font-size:16px; line-height:1.6 } .sidebar-form{ margin:25px 0 0 0 } .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel]{ width:100% !important; background:#fff !important; border:none !important; padding:15px !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:0 !important; font-weight:300 !important; color: #000000 !important; border-radius: 0 !important; box-shadow: none !important; height: 54px !important} .sidebar-form .inputHolder { width:100% } .sidebar-form .inputHolder ::placeholder { color:#cfc8ba; opacity: 1; } .sidebar-form .inputHolder ::-ms-input-placeholder { color:#cfc8ba;opacity:1} .formGroup{ margin:0 0 20px 0 } .sidebar-form input[type=submit]{padding: 15px 36px;background:#36322e;border:none;outline:none;cursor:pointer;font-weight:500;font-size:var(--fs-18);transition:all .5s;border-radius: 0;color: #fff; margin-top: 20px;margin-left: auto;margin-right:auto;display:table; font-family: var(--headfont);} .sidebar-form input[type=submit]:hover{ background:var(--seconday-color); color:#fff; transition:all .5s; } .sidebar-form select {border: 0!important; border-radius: 0!important; box-shadow: none!important; height: 54px!important; font-size: 14px!important; line-height: 54px!important;color:#cfc8ba!important;text-transform:uppercase!important; } .sidebar-form select option{color:#000!important} .sidebarFormHolderLight h3{ color:var(--body-font-color); font-weight:400; font-size:var(--fs-42); } .sidebarFormHolderLight p{ text-align:center; color:var(--body-font-color); font-weight:300; font-size:16px; line-height:1.6 } .sidebarFormHolderLight .inputHolder input[type=text], .sidebarFormHolderLight .inputHolder input[type=email], .sidebarFormHolderLight .inputHolder input[type=tel]{ width:100% !important; background:transparent !important; border:none !important; border-bottom:1px solid #acabac !important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important; color: rgba(0,0,0, 0.4) !important; margin: 0 0 20px 0 !important; border-radius: 0 !important; box-shadow: none !important;} .sidebarFormHolderLight .sidebar-form .inputHolder ::placeholder { color: rgba(0,0,0, 0.4); opacity: 1; } .sidebarFormHolderLight .sidebar-form .inputHolder ::-ms-input-placeholder { color: rgba(0,0,0, 0.4)} .sidebar-form input[type=submit]{ padding:15px 30px !important; color: #fff !important; background:var(--seconday-color) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:600 !important; font-size:var(--fs-16) !important; transition:all .5s !important; margin: 30px auto 0!important; display: block !important; border-radius: 0 !important; width: 100% !important} .sidebar-form input[type=submit]:hover{ background:var(--main-clr) !important; } .sidesticky{ position:sticky; top:0; overflow:auto; } .pageContent .btn-blue{ margin:10px 0 30px 0 } .sidebar-form .gform_body{ padding:0px 40px 0 40px } .memberSideBarMain .sidebar{background:none !important;} .memberSideSec{padding:0px !important;background:none !important;} .memberSideSec h3 {padding-bottom: 10px !important;} .memberSideSec h6{font-size: var(--fs-16) !important; padding: 0 0 10px 0 !important;} .member-social-sec{display: flex; justify-content: center; gap:15px;} .member-social-sec a{ align-items: center; font-size: var(--fs-20) !important; padding:6px 14px 6px !important;} .mem-social-link i{margin-right: 0px !important;} .logo-block { display: flex; align-items: center; justify-content: space-around; gap: 25px; flex-wrap: wrap; padding-bottom: 20px; } .logo-block img { width: auto; object-fit: contain; } .contentSliderHolder{ background:#f8f7f6; padding:45px 0 } .contentSlider .itemHolder{ background:#ebedf0; display:flex; align-items:center; justify-content: space-between;} .itemImage{ width:44%; } .itemContent{ width:54%; padding:0 100px 0 40px } .itemImage img{ width:100% } .itemContent h3{ padding:0 0 20px 0 ; font-weight: 400; color: var(--body-font-color); font-size:var(--fs-30); font-family:var(--cabinetGrotesk); } .itemContent p{ text-align:justify; padding:0 0 30px 0 ; line-height: 1.6} .contentSliderHolder .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:1 } .contentSliderHolder .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:1 } .contentSliderImage img{width:100%} .pageContent blockquote{ border:1px solid #f0f1f1; padding:30px 30px 30px 30px; margin:15px 0 ; position: relative;} .pageContent blockquote p:last-child{ padding-bottom:0 !important; } .pageContent blockquote:after{ content:''; position:absolute; top:20px; left:0; width:1px; height:50px; background:var(--seconday-color); } .pageContent blockquote h6{ color:var(--seconday-color); } .accordian-new h3 { font-family: var(--bodyfont); font-weight: 600; font-size: var(--fs-16); color:var(--seconday-color); cursor: pointer; margin-bottom: 0; position: relative; padding: 25px 25px 25px 0; } .ui-accordion-content-new { } .ui-accordion-header-active-new{ border:none !important; } .accordian-new h3:focus { outline: 0} .accordian-new h3:after { content: "\2b"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 22px; font-size: 18px; color:var(--seconday-color); font-weight: 300; transition: .5s} .accordian-new h3.ui-accordion-header-active-new:after { content: "\f068"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 22px; font-size: 18px; color:var(--seconday-color); font-weight: 300; transition: .5s} .pageContent h1{ color:var(--seconday-color); font-size:var(--fs-14); text-transform:uppercase; font-weight:300; padding:0 0 15px 0; letter-spacing:1px } .pageContent ul{ 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.7;} .pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--seconday-color); font-family: 'FontAwesome'; } .pageContent ul li a{color: var(--seconday-color);} .pageContent ul li a:hover{color: var(--light-font-clr); } .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(--seconday-color);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 0px 34px 54px;} .pageContent ol li a{color: var(--seconday-color); } .pageContent ol li a:hover{color: var(--light-font-clr); text-decoration: underline; } .pageContent p a{color: var(--seconday-color); text-decoration: underline;} .pageContent p a:hover{color: var(--light-font-clr); } .faqHolder{position:relative;z-index:2; background: #faf8f6} .bg-logo5{position:absolute;z-index:-1;top:270px;right:0;} .inneraccordina-area { padding: 0 0 45px 0; } .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg); } .accordianarea-new .accordian h3.ui-accordion-header-active-new:after { transform: rotate(-180deg); color: #f05824} .ui-accordion-content-new { padding: 0px 0px 10px 0; display: none} .faqHolder .accroHolder h3{ font-size:var(--fs-18); font-weight:500; color:var(--main-clr); } .faqHolder .accordian-new h3:after{ color:var(--main-clr); } .faqHolder .accroHolder p a {color: var(--seconday-color); text-decoration: underline;} .faqHolder .accroHolder p a:hover{color: var(--light-font-clr); } .faqHolder .accroHolder ul li:not(:last-child){padding-bottom: 10px !important;} .faqHolder .accroHolder ol li:not(:last-child){padding-bottom: 10px !important;} .faqHolder .accroHolder ul li a {color: var(--seconday-color); } .faqHolder .accroHolder ul li a:hover{color: var(--light-font-clr); text-decoration: underline; } .content-accro-sec p a {color: var(--seconday-color); text-decoration: underline;} .content-accro-sec p a:hover{color: var(--light-font-clr); } .accordian-new-2 h3.ui-accordion-header-active-new-2:after { transform: rotate(180deg); } .accordianarea-new-2 .accordian h3.ui-accordion-header-active-new-2:after { transform: rotate(-180deg); color: #f05824} .ui-accordion-content-new-2 { padding: 0px 0px 10px 0; display: none} .ui-accordion-content-new-2 p { text-align: justify; color: #686868} .accordian-new-2 h3:after { content: "\2b"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 30px; font-size: 18px; color:#161617; font-weight: 300; transition: .5s} h3.clcikbtn-new-2.ui-accordion-header-active-new:after{ content: "\f068"; } h3.clcikbtn-new-2.ui-accordion-header-active-new-2:after{ content: "\f068"; } .accordian-new-3 h3.ui-accordion-header-active-new-3:after { transform: rotate(180deg); } .accordianarea-new-3 .accordian h3.ui-accordion-header-active-new-3:after { transform: rotate(-180deg); color: #f05824} .ui-accordion-content-new-3 { padding: 0px 0px 10px 0; display: none} .ui-accordion-content-new-3 p { text-align: justify; color: #fff} .accordian-new-3 h3:after { content: "\2b"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 30px; font-size: 18px; color:var(--main-clr); font-weight: 300; transition: .5s} h3.clcikbtn-new-3.ui-accordion-header-active-new:after{ content: "\f068"; } h3.clcikbtn-new-3.ui-accordion-header-active-new-3:after{ content: "\f068"; } .accordian-new-3 h3{ color:var(--main-clr); font-weight:300; padding:20px 0; font-size:var(--fs-36); } .accroHolder h3{ position:relative; cursor:pointer; } .accroHolder{border-bottom: 1px solid #efe9e3; position: relative;} .accroHolder:after{ content:''; position:absolute; width:40%; background:var(--seconday-color); left:0 ; bottom: -1px; height: 2px; max-width: 240px} .deep-bg-section .accroHolder{ border-bottom:1px solid #525151 } .contactDetails{ margin:20px 0 } .contactmap{ margin:10px 0 45px 0 } .contactmap iframe{} .contactDetails p{ padding:0 0 10px 0 } .contactDetails p strong{ font-weight:500 } .contactDetails p a{ color:var(--body-font-color); } .contactDetails p a:hover{ color:var(--seconday-color); } .blogCategorySelect{ padding:20px 30px ; display:flex; align-items:center; border: 2px solid var(--main-clr); margin:0 0 40px 0 ; font-family: var(--headfont);} .blogCategorySelect span{ font-size:var(--fs-20); font-weight:300; padding:0 12px 0 0; color: var(--main-clr); font-family: var(--headfont);} .blogCategorySelect select{ width:100%; border:none; background:transparent; font-size:var(--fs-20); font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrowDark.png); background-repeat:no-repeat; background-position: 100% center; color: var(--main-clr); font-family: var(--headfont);} .dark-bg .blogCategorySelect{background:rgba(255, 255, 255, 9%)} .dark-bg .blogCategorySelect select{background-image:url(assets/images/downArrow.png);} .dark-bg .blogCategorySelect select option{background: #272727} .contactmap { overflow: hidden; padding-top: 56.25%; position: relative; margin: 25px 0 25px 0} .contactmap iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;} .blogDetailsBanner{ background: linear-gradient(to bottom, #333b52 0%,#333b52 80%,#e9e4da 80%,#e9e4da 100%); padding:200px 0 0 0 } .blogDetailsBanner h1{ color:#fff; font-size:var(--fs-60); padding:0 0 50px 0 } .tretmentBannerCaption{ position:absolute; bottom:20%; transform:translateY(-50%); z-index:9; width:100%; left:0; } .tretmentBannerCaption h1{ color:#e9e4da; font-size:var(--fs-60); } #reviewtxt .modal-body {padding:30px 35px 35px} .reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: #ff0000;width: 31px;height: 31px;display:flex;align-items:center;justify-content:center;line-height:1;border: 0;border-radius: 11px;font-size:18px;color: #fff;z-index:9;} .modal-backdrop.show {opacity: 0.9;} #reviewtxt .modal-dialog {max-width: 700px;text-align: center;} #reviewtxt h3 {margin-bottom: 10px;} #reviewtxt .star {margin-bottom:10px} #reviewtxt .modal-body {max-height: calc(100vw - 150px);overflow: auto;} .more_txt {font-size: 16px;display: block;color: #ff0000; margin: 15px 0;font-weight: bold;} .reviewSlider .slick-track {display: flex;align-items: stretch;} .reviewSection .slick-slide > div,.reviewItem {height: 100%;} .more_txt:hover {color: #003380;} .reviewSection .slider-counter {text-align: center; color: #fff;margin-top:25px;display:none; } .awardsSec{} .awardsRow{display:flex;gap:30px;align-items:center;justify-content: space-between;} .awardsImg img {margin: 0 auto; display: block; filter: grayscale(100%); opacity: 0.4} .iconHolder{ margin:10px 0 30px 0 } .iconList{ display:flex; align-items:center; margin:0 0 15px 0 } .iconListIcon{ width:22px; flex-shrink:0; margin:0 8px 0 0;font-size:16px;color:var(--main-clr); } .iconListText{ font-size:var(--fs-16);font-family:var(--bodyfont);font-weight:300;color:#fff; line-height:1.8 } .iconListText a{ color:var(--body-font-color); } .iconListText a:hover{ color:var(--main-clr); } .footer .iconListIcon,.footer .iconListText,.footer .iconListText a{ color:#fff; } .footer .iconListText a:hover{ color:var(--seconday-color); } @media only screen and (max-width:767px){ .iconListIcon{ margin:0 10px 0 0 } } .homeFormImg{height:100%} .homeFormImg img{width:100%;height:100%;object-fit:cover;} .homeGallerySection{position:relative;z-index:2} .bg-logo2{position:absolute;bottom:-170px;left:0;z-index:-1} .contentSliderSection,.reviewSection{position:relative;z-index: 2} .bg-logo3{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index: -1} .reviewSection{ background:url(assets/images/testimonials-bg.jpg) no-repeat; background-size: cover; } .beforeAfterGalSec{position:relative;z-index: 2} .bg-logo4{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index: -1} .beforeAfterGalSec .container {max-width: 886px; } .beforeAfterGalSlider .slick-list {overflow: visible; } .beforeAfterGalSlider .slick-slide{background: #272727} .beforeAfterGalSlider .slick-slide img{opacity:0.2;transition:0.3s;display:block;} .beforeAfterGalSlider .slick-slide.slick-center img{opacity:1;transition-delay: 0.5s} .beforeAfterGalSlider .slickButton {position: absolute; width: 52px; height: 50px; border: 0; background: #ffffff; font-size: 28px; top: 50%; transform: translateY(-50%);transition:0.3s } .beforeAfterGalSlider .slickButton:hover{background:var(--seconday-color);color:#fff} .beforeAfterGalImg img {margin: 0 auto; } .beforeAfterGalImg {padding: 0 20px; } .beforeAfterGalSlider .slickButton.slick-prev{left:50px;z-index:2} .beforeAfterGalSlider .slickButton.slick-next{right:50px} .sidebarImg{display:block; padding: 25px} .appointmentSticker { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 99} .appointmentSticker .btncn-secondary{ flex-shrink:0 } .appointmentSticker h2{ font-size:var(--fs-36); padding-bottom:0; padding-right:30px; line-height:1.6 } .teamImage img{ } .teamBox h3{ font-size:var(--fs-30); padding:30px 0 15px 0 ; font-weight:600 } .teamBox h6{ font-size:var(--fs-20); font-weight:300; font-family:var(--bodyfont); opacity:0.6 } .meetSec{ background: var(--color2);} .meetSec h2{ color:#fff } .meetSecLeft h2 {font-size: var(--fs-60); } .meetTabNav ul li {width: 100%; margin: 0; overflow: hidden; } .meetTabNav .nav-link {font-size: var(--fs-18); border: 0; color:#95969b; font-family:var(--bodyfont); font-weight:300; text-transform: uppercase; letter-spacing: 2px; position:relative; padding:20px 10px 20px 40px; line-height:1; margin-left: -40px; transition: 0.5s; } .meetTabNav .nav-link::before{content: "\f111"; font-family: 'Font Awesome\ 6 Free'; font-size:18px; font-weight: 900; position: absolute; left:1px; top: 14px; color: var(--seconday-color); line-height:30px } .meetTabNav .nav-link.active,.meetTabNav .nav-link:hover {margin-left:0;opacity:1;color:#fff; background: transparent;} .meetTabNav ul {border: 0; } .meetTabThumb {position: relative; } .meetTabThumb img {display: block; width: 100%; } a.meetTabThumbLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .meetPlayBtn {font-size: 40px; color: #fff; border-radius: 50%; border: 1px solid #fff; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } a.meetTabThumbLink:hover {background: #00000075; } .meetTabText {padding: 0 0 0 0; } .meetTabText h3 {color: var(--main-clr); padding-bottom: 10px; } .meetTabText p{text-align: justify; color: #fff} .meetTabText ul{ margin:0; padding:0; list-style:none; } .meetTabText li li{ display:block; } .meetTabText ul li a{ display:block ; font-size:var(--fs-24); font-weight:300; padding:0 0 20px 0; color:#fff } .meetTabText ul li a:hover{ color:var(--main-clr); } .meetTabContent{ display:flex; gap:45px; align-items:center; } .meettabImage{ width:57%; flex-shrink:0; padding-left:30px } .meetSec .accordion-body{ padding:0; border-radius:0; background:transparent; } .meetSecRight .accordion-item{ background:transparent; border: none;} .meetTabText h4{ color:#fff; font-size:var(--fs-24); font-weight:400; color:#fff; line-height:1.5; margin:0; padding-bottom:20px; } .meetTabText p{ font-size:var(--fs-18); font-weight:300 } .content-cn-inner{ padding:30px 60px 30px 30px; } .treatmentImageSlider .qualityContent h3{ text-align:center; font-size:var(--fs-20); padding-top:15px } .treatmentImageSlider .qualityContent{ position:static; } .treatmentImageSlider .treatmentImage:after{ display:none; } .treatmentImageSlider .treatmentImage:before{ display:none; } .treatmentImageSlider .galInnerContainer ul li{ padding:8px 0; font-size:var(--fs-18); font-weight:300 } .treatmentImageSlider .slick-prev{ color:#fff } .treatmentImageSlider .slick-next{ color:#fff } .treatmentImageSlider .treatmentItem:hover .galInnerContainer{ opacity:1; visibility:visible; transition:all .5s } .step-inner{ padding:80px; } .step-inner h2{ color:#fff } .step-inner p{ color:#fff } .step_inner-holder{ display:flex; gap:70px; margin:45px 0 0 0 } .step-box h3{ color:#fff; font-size:var(--fs-36); font-weight:600 } .step-box h3{ position:relative; margin:0 0 30px 0 } .step-box h3:after{ content:''; position:absolute; bottom:0; height:1px; background:#fff; width:calc(100% + 70px); left:0 } .step-box:last-child h3:after{ width:100% } .blogPostRepeater{ margin:35px 0 } .blogPostContent h4{ padding:25px 0 15px 0; font-size:var(--fs-22); } a.postReadMore{ font-size:var(--fs-14); color:var(--seconday-color); font-weight:500; text-decoration:underline; text-underline-offset:5px } a.postReadMore:hover{ color:var(--main-clr); } .blogPostContent{ margin:0 0 30px 0 } .blogPostContent a h4{ color:var(--body-font-color); font-size:var(--fs-30); line-height:1.5 } .blogdetails{ padding-top:45px; padding-bottom:0 } .blogPostContent p{ padding:15px 0 15px 0; font-size:var(--fs-20); text-align:left; } .blogdetails h1{ padding-bottom:45px ; font-weight:300 } .blogPostContent a.blog-read-more{ display:inline-block; line-height:1.4; color:var(--body-font-color); text-decoration:underline; text-underline-offset:5px; font-weight:500; text-transform:uppercase; } .blogPostContent a.blog-read-more:hover{ color:var(--seconday-color); } .approachBd .row {--bs-gutter-x: 0; } .row:nth-child(odd) .approachBdText {padding-right: 73px; } .row:nth-child(even) .approachBdText {padding-left: 75px; } .approachBd .row:not(:last-child) {margin-bottom: 120px; } .approachBd .row:nth-child(odd){flex-direction:row-reverse} .approachBdText h2{ font-size:var(--fs-36); } .approachBd{ position:relative; } .approachBd::after {position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; content: ''; background: #ccc9c3; } .approachBdImg img{ width:100% } .qualitySection{ } .treatment-welcome{ background:#fff; padding-bottom:90px } .treatment-welcome .qualityContent{ position:static; padding:30px 0 30px 0; } .treatment-welcome .qualityContent h3{ font-size:var(--fs-24); color:var(--black-color); } .treatment-welcome .qualityContent a:hover h3{ color:var(--seconday-color); } .deep-bg-section{ background:#272626 } .contact-section h3{ color:var(--main-clr); } .contact-section p{ padding:0 0 0 } .sidebarFormHolder{ position:sticky; top:0 } .quote-section h2{ font-weight:500; font-size:var(--fs-42); line-height:1.5; padding:30px 0 } .sidebarFormHolder h6{ font-weight:300; font-size:var(--fs-14); text-transform:uppercase; letter-spacing:1px; color: var(--seconday-color); padding-bottom: 0} .team-section{ background:var(--light-bg); } .cta-section{ position: relative; z-index: 9; overflow: hidden; background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100px, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 100%); padding: 200px 0 90px 0} .cta-image{ position:absolute; right:0; top:0; height:100%; width:40%; } .cta-image img{width: 100%; height:100%; object-fit:cover; } .cta-inner{ position:relative; } .cta-inner .nextPreviousButtons{ position:absolute; right:0; bottom:-45px; font-size:30px; gap:30px; color: #333333} .cta-inner .nextPreviousButtons .prevBtn2 i{ color:#333333 } .cta-inner .nextPreviousButtons .nextBtn2 i{ color:#333333 } .cta-inner .nextPreviousButtons .prevBtn2{ cursor:pointer; } .cta-inner .nextPreviousButtons .nextBtn2{ cursor:pointer; } .cta-inner .nextPreviousButtons .prevBtn2:hover i{ color:#fff } .cta-inner .nextPreviousButtons .nextBtn2:hover i{ color:#fff } .cta-section ul{ list-style:none;margin:0 } .cta-section ul li{position:relative; padding: 0 0 15px 35px;line-height: 1.7;} .cta-section ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--seconday-color); font-family: 'FontAwesome'; } .cta-section ul li a{color: var(--seconday-color);} .cta-section ul li a:hover{color: var(--light-font-clr); } .cta-gallery{ background:url(assets/images/cta-gallery-bg.jpg) no-repeat; background-size:cover; padding: 210px 0 } .cta-gallery h2{ color:#fff } .special-offer{ background:#404040; padding:0px; background-image:url(assets/images/special-offer-image.jpg); background-repeat:no-repeat; background-size:45%; } .offer-inner{ padding:120px 0 } .special-offer h5{ color:#fff; font-size:var(--fs-24); text-transform:uppercase; letter-spacing:2px;padding-bottom:20px ; font-weight: 500} .special-offer h2, .special-offer p{ color:#fff } .footer-heading-block{ pointer-events:none; } .team-image img{ width:100% } .treatment-details{ background:#f7f7f8 } .treatment-details h2{ margin-bottom:30px } .iconBox{max-width:350px;margin:0 auto;text-align:center;text-align-last: center;padding-top:30px} .iconBox h3{padding-bottom:15px;font-size: var(--fs-30);} .iconBoxImg{width:144px;aspect-ratio:1;border-radius: 50%;border: 1px solid var(--seconday-color);margin: 0 auto 20px;display:flex;align-items:center;justify-content:center;} .iconBoxCol:not(:last-child){border-right: 1px solid var(--black-color);} .treatment-details .iconBox{text-align:left;text-align-last: left;} .contactItemHolder{padding-bottom: 25px} .contactItem {display: flex; gap: 15px; font-size: var(--fs-18); padding: 5px 0; } .contactIcon {width: 27px; text-align: center; flex-shrink: 0; font-size: var(--fs-18);color:var(--dark-color); } .contactText p,.contactText a {flex-grow: 1; color: var(--dark-color);padding-bottom: 0} .contactText a:hover {color: var(--seconday-color)} .current-date-tr td{font-weight:500 !important; color: var(--main-clr) !important;} .pageContent table{ width:100%; margin: 0 0 30px 0; table-layout: fixed; } .pageContent table td{ font-size:var(--fs-16); font-family:var(--bodyfont); line-height:2; font-weight: 300; border: 1px solid #d6d5d2; padding: 12px} .pageContent table td:first-child{ padding-right:20px; } .home-blog-section h2{ border-bottom:1px solid var(--seconday-color); padding-bottom:15px ; margin:0 0 35px 0 } .home-blog-section h1{color: var(--seconday-color); font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .contact-sec .accroHolder h3{font-size:var(--fs-26);} .contact-sec .accroHolder h5{font-size:var(--fs-18); padding-bottom: 10px;} .why-shoose-section{ background:var(--black-color); position:relative; overflow:hidden; } .why-choose-image{ width:36%; position:absolute; top:0; left:0; height:100% } .why-choose-image img{ height:100%; object-fit:cover; width: 100%} .choose-slider-main{ display:flex; } .choose-slider-left{ padding:100px 40px; width:50% ; display: flex; flex-direction: column; justify-content: space-between;} .choose-slider-right{ padding:100px 0px 80px 60px; width:50% ; border-left: 1px solid var(--seconday-color);} .choose-slider-left h2{ color:#fff } .choose-slider-left h6{ color:var(--seconday-color); } .content-slide-item .btncn-white{ color:#fff ; background: transparent; line-height: 1.4} .content-slide-item .btncn-white:hover{ background:var(--white-color); color:var(--black-color); } .why-shoose-section ul{ list-style:none;margin:0;padding-left: 1rem !important; padding-top: 1rem !important; } .why-shoose-section ul li{position:relative; padding: 0 0 10px 25px;line-height: 1.7;} .why-shoose-section ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--seconday-color); font-family: 'FontAwesome'; } .why-shoose-section ul li a{color: var(--seconday-color);} .why-shoose-section ul li a:hover{color: var(--light-font-clr); } .why-shoose-section h4{ padding-bottom: 20px !important; } .why-shoose-section p{ text-align: left !important; padding-bottom: 20px !important; } .why-shoose-section p{ padding-bottom: 20px !important; } .why-shoose-section p:last-child{padding-bottom:0px !important;} .nextPreviousButtons{ display:flex; gap:15px } .nextPreviousButtons .prevBtn, .nextPreviousButtons .nextBtn{ background:#1a1a1a ; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items:center; justify-content: center; color: #fff; cursor: pointer;} .nextPreviousButtons .prevBtn:hover, .nextPreviousButtons .nextBtn:hover{ background:var(--seconday-color); } .mobile{ display:none; } .desktop{ display:block; } .skip-link { position: absolute; top: -40px; left: 10px; background: #000; color: #fff; padding: 8px 12px; z-index: 1000; text-decoration: none;} .skip-link:focus { top: 10px;} .sideLogo{ position:fixed; right:-50px; top:50%; transform:translateY(-50%); z-index: 1} .banner-holder{ position:relative; z-index:9 } .why-shoose-section, .home-contact-section, .reviewSection, .footer{ position:relative; z-index:9 } #toTop { width: 40px; height: 40px; background: var(--seconday-color); color: #fff; position: fixed; bottom: 30px; right: 30px; display: none; border-radius: 50%; z-index: 999; display: flex; justify-content: center; align-items: center; cursor: pointer;} .icon-list-holder .icon-list{ display:flex; align-items:flex-start; gap:15px } .icon-list-holder .icon-list-text{ color:#fff; } .icon-list-holder .icon-list-text p{ color:#fff; gap:15px; } .icon-list-holder .icon-list-icon{ color:var(--seconday-color); } .social ul{ justify-content:flex-start; margin:30px 0 0 0 } .banner-timing select{appearance: none; padding: 13px 35px 13px 17px; min-width: 250px; border: 1px solid var(--light-bg); background: transparent url(assets/images/arrow-down2.png) center right 10px / auto no-repeat; color: var(--light-bg);} .banner-timing select option{color: #000} .modal {--bs-modal-zindex: 100000;} .modal-backdrop {--bs-backdrop-zindex:99999;} @media only screen and (max-width:1700px){ .contact-icn span{ display:none; } .sideLogo{ display:none; } } @media only screen and (min-width:1199px){ .mobilemenu{ display:none; } } @media only screen and (min-width:1600px){ .container{max-width: 1430px} } @media only screen and (max-width:1850px){ :root{ --fs-80: 60px; --fs-60: 48px; --fs-50: 40px; --fs-48: 39px; --fs-42: 37px; --fs-40: 35px; --fs-100:75px; --fs-24:20px; } .navigation nav ul{ gap:40px } .bannerContent{ padding-right:0 } .banner .slick-dots{ bottom:60px } .number{ font-size:38px } .ratingSection h4{ font-size:16px } section{ padding:60px 0 } .treatment-welcome{ padding-bottom:60px; } .contentTop:not(:last-child){ padding:0 0 60px 0 } .special-offer h5{ font-size:20px; } .headert-top-left, .headert-top-right{ gap:20px } .header-inline-icon-box{ font-size:12px } .headerHolder{ gap:20px } .header-top-content{ padding:0 30px } .headerHolder{ padding:0 0 0 30px } .navigation nav>ul>li>a{ line-height:90px } .book-online a{ padding:0 20px; font-size:14px } ..halfBannerCaption{ padding:0 } } @media only screen and (max-width:1500px){ .banner .slick-dots{ } .blogDetailsBanner{ padding:160px 0 0 0 } .tretmentBannerCaption{ bottom:7% } .bookAppointment a{ padding: 20px 20px; margin: 0 0 0 25px; } .language { margin: 0 15px 0 15px;} .offer-inner{ padding:55px 0 } } @media only screen and (max-width:1400px){ :root{ --fs-80: 55px; --fs-60: 45px; --fs-50: 36px; --fs-48: 36px; --fs-40: 33px; --fs-36: 30px; --fs-24: 18px; --fs-21: 17px; --fs-20: 16px; --fs-18: 16px; --fs-100: 60px; --fs-72: 60px; } .bookAppointment a{font-size: var(--fs-21); } .sliderContent p{ font-size: } .contentBottom ul li a{ font-size:20px } .number{ font-size:30px } .contentTop{ margin:0 0 0 0 } .homepageFormSection{ padding:50px 0 } .footBottom{ padding:30px 0 } .contentSliderContent{ padding:30px 80px 30px 30px; } .sliderContent h2{ font-size:44px; padding:0 0 20px 0 } .qualitySectionSlider .slick-prev{ left:0 } .qualitySectionSlider .slick-next{ right:0px } .content-cn-inner h6{ padding:0 0 10px 0 } .contentSection p{ padding-bottom:20px } .footerTopContent h2{ font-size:30px; } .bookAppointment a{ margin:0 0 0 15px } .navigation nav ul{ gap:30px } .treatmentImageSlider .slick-center { transform: scale(1.0); transition: all .5s; transition-delay: 0.5s;} .treatmentImageSlider .slick-slide { margin: 0 20px; } .treatmentImageSlider .slick-list { margin: 0 -20px; } .step_inner-holder{ gap:15px } .approachBd .row:not(:last-child){ margin-bottom:70px } .reviewSlider{ padding:0 30px; } .reviewSlider .slick-prev{ left:-25px; } .reviewSlider .slick-next{ right:-25px } .bookAppointment a { padding: 13px 13px;} .headerHolder{ gap:50px } .cta-inner{ padding:30px } .home-form-inner{ padding:75px } .cta-gallery{ padding:100px 0 } .header-inline-icon-box{ font-size:12px } .book-online a{ font-size:14px } .logo{ width:150px } .navigation nav ul li.special-headet-btn a{ padding:0 30px } .ratingSection h4{ font-size:14px } .blogSlider { margin:0 30px } .footerTopContent{ gap:40px } .footerLogo img{ width:150px } .sliderImage img{ height:600px; } .cta-section{ padding:120px 0 80px 0 } .header-inline-icon-box span{ display:none; } } @media only screen and (max-width:1199px){ :root{ --fs-42:34px ; --fs-30:24px ; --fs-60:38px ; --fs-72: 50px; } .bookAppointment a{ margin:0 60px 0 25px;padding: 25px 20px; } .slick-slider .qualityContent h3{ font-size:16px } .reviewSection{ padding-top:50px; padding-bottom:50px } .mean-container .mean-bar { position: absolute; left: 0; width: 100%; float: none; z-index: 99; top: 0; background: var(--top-header-bg);} .headerHolder{ position:relative; } .mean-container a.meanmenu-reveal{ color:var(--main-clr); } a{ text-decoration:none; border: 0px; outline: none; transition:none;} a:hover, a:focus, a:active{ transition:none; } .mean-container a.meanmenu-reveal{ border:1px solid var(--white-color); padding: 8px 13px 8px; margin-top:0px; color: var(--white-color);} .mean-container .mean-nav{margin-top: 0;} .mean-container .mean-nav > ul{padding-top:80px} .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); } .mean-container .mean-nav ul li:first-child a{ border:none; } .mean-container .mean-nav ul ul{font-size: 14px} .logo { position:relative; z-index:9999; transform:translate(0); left:inherit; width:90px; } .innerBannerImage img{ height:500px; object-fit:cover; } .sidebarFormHolder{ } .itemContent{ padding:0 59px 0 0 } .itemContent p{ line-height:1.4; font-size:16px } .faqHolder{ padding:45px 0 } .sliderContent h3{ padding-bottom:20px } .sliderContent{ top:58% } .qualityContent{ padding:0 20px } .g-5, .gx-5{ --bs-gutter-x: 2rem; } .mean-container a.meanmenu-reveal span{ background:var(--white-color); } .headerRight{ position:static; } .mean-container .mean-nav { box-shadow: -50vw 0 0 #000, 50vw 0 0 #000;} .mean-container .mean-nav{ background:#000 } .treatmentImageSlider .treatmentImage{ width:100% } .bookAppointment a:after{display:none;} .headerMian {position: static; } .logo img {margin: 0; } .ratingSection h4 {font-size: 12px; } .qualitySectionSlider,.reviewSlider {width: 90%; margin: 0 auto; } .contentSliderSection .slick-next, .contentSliderSection .slick-prev {bottom: 59px; } .bookAppointment a{ position:relative; z-index:999 } .mean-container a.meanmenu-reveal{ z-index:9999 } .phoneNumber{ z-index:9999 } .navigation{ visibility:hidden; display:none; } .mean-container a.meanmenu-reveal{ top:20px; } .number{ margin:0 0 20px 0 } .meettabImage{ padding:0 } .meettabImage{ width:45%; } .meetTabContent{ align-items:flex-start; gap:20px; } .meetTabNav .nav-link{ padding: 20px 10px 20px 30px; margin-left: -20px; } .treatmentImageSlider .slick-track{ padding:0; } .fixed .logo{ width:90px } .fixed .headerHolder{ height:80px } .treatmentImageSlider .slick-prev{ left:0 } .treatmentImageSlider .slick-next{ right:0 } .sidebarImg{ margin: 0 0 0 0; } .step-inner{ padding:50px 30px; } .sidebarImg img{ width:100% } .bookAppointment a{ padding:20px 20px } .headerHolder{ height:80px; justify-content:space-between; padding: 0 ; margin: 0 30px} .welcomeSection{ padding-bottom:15px; } .contentSlider .slick-prev{ top:inherit; bottom:0 } .contentSlider .slick-next{ top:inherit; bottom:0 } .treatment-repeat{ width:48% } .treatment-welcome{ padding-bottom:45px; } .book-online a{ display:none; } .serviceSlider{ margin:0 50px } .mean-container .mean-nav ul li a.mean-expand{ border:none !important; background:transparent !important; } .banner .slick-dots{ bottom:45px } .icon-box-last:after{ content: ''; position: absolute; right: 0; top: 0; height: 100%; background: var(--seconday-color); width: 1px; display:block; } .icon-box{ margin:10px 0; height:96% } .btncn{ padding: 11px 20px 13px; white-space:nowrap; } .exparties-header{ gap:30px } .choose-slider-right{ padding: 50px 0px 50px 20px; } .choose-slider-left{ padding:50px 30px } .footerwidget_1{ padding-bottom:0 } .footerwidget_2{ padding:45px } .footerwidget_3{ padding:45px 0 0 } .footerTopContent{padding-bottom: 70px} .reviewSection .slick-dots{ width: 100%; display: flex; justify-content: center; margin: 30px 0 0 0; padding: 0; list-style: none; gap: 10px} .reviewSection .slick-dots li button{ text-indent:-999em; width:15px; height:15px; border:1px solid #fff; border-radius:50% } .reviewSection .slick-dots li.slick-active button{ background:transparent; } .blogSlider .slick-prev{ left:-54px } .blogSlider .slick-next{ right:-54px } .home-contact-form-holder{ padding:40px } .sidebar{ margin:30px 0 0 0 } .halfBannerCaption{ padding:0 } .reviewSection .slider-counter{display: block;} .reviewSlider .slick-prev {width: 50px;background: #f5f1ed;height: 50px;border-radius: 50%;} .reviewSlider .slick-next {width: 50px;background: #f5f1ed;height: 50px;border-radius: 50%;} } @media only screen and (max-width:991px){ .sliderImage img{ height:500px } .sidebarFormHolder{ margin:0 } .contentSliderHolder{ padding:0 0 0 0 } .contentSlider .itemHolder{ display:block; } .itemImage{ width:100%; margin:0 0 25px 0 } .itemContent{ width:100%; padding:0 30px 30px } .inneraccordina-area{ padding:0 0 30px 0} .contentItemInner{ flex-direction:column-reverse; } .contentSliderImage{ width:100% } .contentSliderContent{ width:100% } .section-heading{ padding:0 0 25px 0 } .reviewSlider .slick-slide { margin: 0 5px; } .reviewSlider .slick-list { margin: 0 -5px; } .treatmentImage{ width:100% } .sidebarFormHolderLight,.sidebarImg{ margin:0 0 0 0; } .memberSideBarMain{order:-1} .memberSideBarMain .sidebarImg{padding-top: 0} .sidebar .d-lg-none h2:last-child{padding-bottom:0} .sidebarFormHolderLight{ padding:45px 25px } .blogDetailsBanner{ padding: 150px 0 0 0; } .awardsRow{flex-wrap:wrap;justify-content:center;gap: 30px; justify-content: center;} .awardsItem {width: calc(50% - 15px); } .qualitySectionSlider,.reviewSlider {width: 100%;margin: 0 auto;} .contentSliderSection .slick-prev{left: 85%;bottom: 40px;position:absolute;z-index:1;color: #fff;font-size: 24px;border: none;background: transparent;opacity: 0.3;} .contentSliderSection .slick-next{left: calc(85% + 45px);bottom: 40px;position:absolute;z-index:1;background: transparent;color: #fff;font-size: 24px;border: none;opacity: 0.3;} .qualitySection p{padding-left: 0;padding-right:0} .beforeAfterGalSec .container {max-width: calc(100% - 60px);padding:0 10px } .beforeAfterGalSlider .slickButton.slick-prev {left: -30px;width:25px;font-size:18px;height:25px } .beforeAfterGalSlider .slickButton.slick-next {right: -30px;width:25px;font-size:18px;height:25px } .beforeAfterGalImg{padding: 0 5px} .sidebarFormHolder,.sidesticky{position:static;} .number{ margin:0 } .hoverImage img{ width:100% } .homeFormHolder{ padding:45px 45px 0 45px; } .formGroup{ flex-wrap:wrap; } .homeFormHolder .inputHolder{ width:100% !important } .step_inner-holder{ flex-wrap:wrap; } .step-box h3:after{width: 100%} .practic-icon-holder{ flex-wrap:wrap; justify-content:center; row-gap:30px; } .practice-icon{ width:32%; } .approachBd::after{ display:none; } .row:nth-child(odd) .approachBdText{ padding:30px 0 0} .row:nth-child(even) .approachBdText{ padding:30px 0 0 } .footerLogo { width:220px; } .team-section{ text-align:center; } .team-section p{ text-align:center; } .teamSlider { margin-top:30px } .special-offer{ background-image:none; } .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:var(--seconday-color); transform: rotate(90deg);transition: all .5s } .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} .footerTopContent{ flex-direction:column; gap: 30px} .footerwidget_1, .footerwidget_2, .footerwidget_3, .footerwidget_4, .footerwidget_5{ width:100% } .iconBoxCol:not(:last-child){ border:none; } .sliderContent h3{ font-size:24px } .why-choose-image{ width:100%; position:static; } .why-choose-image img { width:100% } .choose-slider-left{ padding-left:0 } .home-contact-form-holder{ padding:40px } .teamHolder{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .cta-image{ position:relative; width:100% } .cta-image img{ width:100% } .cta-section{ padding:0 0 80px 0 } .footerwidget_2{ padding:25px 15px 15px 15px } .footerwidget_3{padding:20px 15px 10px 15px} .cta-inner .nextPreviousButtons {bottom: -50px; right: 50%; transform: translateX(50%); } } @media only screen and (max-width:767px){ :root{ --fs-80: 45px; --fs-60: 35px; --fs-50: 32px; --fs-48: 32px; --fs-40: 30px; --fs-36: 28px; --fs-100: 50px; --fs-72: 40px; } h1,h2,h3,h4,h5,h6{ line-height:1.4 } .container{ padding:0 30px; } .btncn{ font-size:16px } .btncn{ padding:13px 17px } .qualityLg{ flex-wrap:wrap; justify-content:center; } .lgItem{ width:45% } .number{ margin:0 0 30px } .contentTop{ margin-bottom:0px } .formGroup{ display:block; } .formGroup{ margin:0 } .homeFormHolder input[type=submit]{ margin-top:20px } .headerTop ul li{ padding:0 10px } .reviewItem h6{ font-size:14px } .phoneNumber a span{ display:none; } .bookAppointment span{ display:none; } .logo{ width:180px } .bookAppointment a i{ margin:0;display:block;line-height:inherit; } .phoneNumber a{ width: 40px; height: 40px; background: var(--seconday-color); display: block; text-align: center; color:#fff; line-height:40px } .bookAppointment a{ width: 40px; height: 40px; background: var(--main-clr); display: block; text-align: center; color:#fff; line-height:40px; padding:0 } .bookAppointment a{ margin-left:5px } .fixed .logo{ width:90px } .fixed{ padding:10px 0 } .sliderImage{ width:100%; } .sliderInner{ position:relative;} .sliderInner:after{ background: rgb(22, 44, 105); background: linear-gradient(360deg, rgba(22, 44, 105, 1) 0%, rgba(22, 44, 105, 0) 100%); } .treatmentHolder a{ margin-bottom:20px; } .blogTop{ flex-direction:column; } .blogTop div{ width:100% } .innerBannerImage{ width:100%; } .innerBannerImage img{ height:450px } .contentSliderHolder .slick-prev{ top:100px; transform:none} .contentSliderHolder .slick-next{ top:100px; transform:none; } .reviewSection{ overflow-x:hidden; } .contactDetails{ margin-bottom:0 } .pageContent{ padding:45px 0 } .qualityImageHolder{ flex-direction:column; } .qualityImage:nth-child(2){ width:100% } .contentSliderSection .slick-next{ left:inherit;right:calc(50% - 30px);bottom:10px } .contentSliderSection .slick-prev{ left:calc(50% - 30px);bottom:10px } .ratingSection{ padding:0 } .contentTop ul{ padding:0 } .contentSliderContent{ padding:30px 15px } .section-heading{ padding:0 } .buttonGroup{ } .buttonGroup a{ margin:0 } .ftbtm{ flex-direction:column; text-align:center; } .copyright{ padding-bottom:15px; } .headerMian{padding: 0;} .phoneNumber a i{ display:block; } .phoneNumber a{ display:flex; align-items:center; justify-content:center; } .bookAppointment a{ border-radius:0; border-radius:50%; } .headerMian .container{ padding:0 15px } .logo,.fixed .logo{ width:90px } .sliderContent{ text-align:center; } .sliderContent h3{ font-size:18px } .sliderContent h2{ font-size:28px; } .bannerButtonGroup a{ margin:0 } .sliderContent{ top:57%; } .homeFormHolder{ padding:0 } .headerTop ul li{ font-size:14px } .treatmentImage{ width:100% } .breadcumb ul{ flex-wrap:wrap; justify-content:center; } .innerBanner .sliderImage img{ height:600px; } .desktop{ display:none; } .mobile{ display:block; } .sliderImage img{ filter:brightness(0.7); } .galInnerContainer ul li{ font-size:18px } .memberSideBarMain .sidebar{ margin-top:0px; } .footerTopContent table td{ font-size:14px } .blogDetailsBanner{ padding: 50px 0 0 0; } .blogDetailsBanner h1{ padding:0 0 20px 0 } .blogDetailsBanner .sliderImage img{ height:300px; } .blogDetailsBanner{ margin:0 0 30px 0 } .tretmentBannerCaption h1{ text-align:center; } .qualitySectionSlider{width: 80%;margin: 30px auto 0;} .qualitySectionSlider{ width:100% } .reviewSlider .slick-prev {left: -25px; width: 40px; height: 40px;} .reviewSlider .slick-next {right:-25px; width: 40px; height: 40px;} .reviewItem p{font-size:16px} .mean-container a.meanmenu-reveal{top:20px} .contentImage img{ width:100% } .appointmentSticker{ flex-wrap:wrap; } .appointmentSticker h2{ padding-right:0; font-size:20px; } .meetTabContent{ flex-wrap:wrap; } .meettabImage{ width:100% } .content-cn-inner{ padding:20px; } .awardsRow{ gap:10px } .reviewSlider .slick-slide{ margin:0 } .tab-content>.tab-pane{ opacity:1; display:block; } .accordion-button{ box-shadow:none !important; outline:none !important; } .treatmentImageSlider .slick-next{ right:10px } .treatmentImageSlider .slick-prev{ left:10px } .treatmentImageSlider .slick-track{ padding:0 } .mean-container .mean-nav{ margin-top:0px } .blogCategorySelect{ flex-wrap:wrap; } .blogCategorySelect span{ font-size:20px; } .blogCategorySelect select{ font-size:20px; } .blogdetails{ padding-top:0 } .contentSlider .slick-dots{ display:flex; justify-content:center; gap:10px } .contentSlider .slick-dots li button{ border:none; text-indent:-999em; border-radius:50%; background:#bfa16452; width:15px; height:15px; border:none; } .contentSlider .slick-dots li.slick-active button{ background:var(--main-clr); } .practice-icon{ width:48% } .footer-btn-sec{ gap:10px; } .social ul{ gap:20px; } .section-heading-inner{ flex-direction:column; } .social-icn a{ width:40px; height:40px; } .language a{ width:40px; height:40px } .language{ margin: 0 5px 0 15px; } .headerHolder{} .fixed .headerHolder{height:60px; } .sliderImage img{ height:610px; } .qualitySectionSlider .slick-slide { margin: 0 0px; } .qualitySectionSlider .slick-list { margin: 0 0px; } .qualitySectionSlider .slick-track{ padding:0 0 0} .approachBd .row:not(:last-child){ margin-bottom:40px; } .treatment-repeat{ width:100% } .treatment-welcome .qualityContent{ padding-bottom:0 } .treatment-welcome .qualityContent{ padding: 20px 0 10px 0; } .blogdetails h1{ padding-bottom:20px; } .banerImageHolder .bannerImage img{ height:320px; object-fit:cover; } .sliderContent p{ text-align:center; } .serviceSlider .slick-list{ overflow:visible; } .serviceSlider .slick-slide{ opacity:0.3 } .serviceSlider .slick-slide.slick-current{ opacity:1 } .number{ font-size:18px } .quote-section h2{ font-size:26px } .home-form-inner{ padding:30px } .breadcumb{ margin-top:-70px } .innerbannerContent .container{ padding:0 } .bannerButtonGroup .btncn { text-align:center; font-size:15px } .header-top-content{ flex-direction:column; row-gap:10px } .header-top-content{ padding:0 20px } .icon-box:after{ display:none; } .exparties-header{ flex-direction:column; } .welcomeSection{ padding-bottom:45px } .mobile{ display:block; } .desktop{ display:none; } .choose-slider-main{ flex-direction:column; } .choose-slider-left{ width:100% ; padding:30px 0 0} .choose-slider-right{ width:100% ; border:none; padding: 30px 0} .home-contact-form-holder{ padding:30px } .homeTeamSlider { width:80%; margin:0 auto; } .blogSlider .slick-prev{ width:40px; height:40px } .blogSlider .slick-next{ width:40px; height:40px } .blogSlider .slick-list{ overflow:visible; } .blogSlider .slick-slide { margin: 0 10px; } .blogSlider .slick-list { margin: 0 -10px; } .blogSlider .slick-slide{ opacity:0.5 } .blogSlider .slick-slide.slick-active{ opacity:1.0 } .welcomeContent h1{ padding-bottom:20px } .footerwidget_1{ padding-bottom:0 } .innerBanner .sliderContent p{ text-align:center; } .cta-inner{ padding:30px 0 0 0} .btncn{ font-size:14px } .mobile-none{ display:none; } .headerTop{display:none!important} .banner .slick-dots li button {width: 9px; height: 9px;} .sidebar-form{margin-top: 0} .sidebar-form .gform_body{padding: 0 15px} .sidebar-form .gform_footer {margin-top: 5px!important; } .no-slider .homeTeamSlider{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 12px;width: 100%; } .no-slider .homeTeamSlider .team-member-details {padding: 15px 0; } .no-slider .team-member-details h4 {font-size: 15px; padding-bottom: 3px; } .no-slider .team-member-details h6 {font-size: 12px; } #reviewtxt .modal-dialog{padding:10px} .memberSideBarMain .sidebarImg{max-width: 230px; margin-left: auto; margin-right: auto; padding-bottom: 0;} } @media (max-width: 519px) { .teamHolder{display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } } @media (max-width: 1199px) { .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0 } .mega-menu-container.container{ width:100%; padding:0 } .mean-container .mean-nav ul li a.mean-expand{ border:none !important;background:transparent; } .mean-container .mean-nav ul li a.mean-expand:hover{ background:transparent; } .section-parent-menu{ margin:0 } ul.dropdown-menu-holder{ padding:0 !important } }