/* Theme Name: Dentexcel 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; } 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%;} h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 30px 0; } ::-moz-selection { color: #fff; background:var(--main-clr);} ::selection { color: #fff; background: var(--main-clr);} @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Regular.eot'); src: url('assets/fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Regular.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Regular.woff') format('woff'), url('assets/fonts/SFProDisplay-Regular.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Light.eot'); src: url('assets/fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Light.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Light.woff') format('woff'), url('assets/fonts/SFProDisplay-Light.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Light.svg#SFProDisplay-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Medium.eot'); src: url('assets/fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Medium.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Medium.woff') format('woff'), url('assets/fonts/SFProDisplay-Medium.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Semibold.eot'); src: url('assets/fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Semibold.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Semibold.woff') format('woff'), url('assets/fonts/SFProDisplay-Semibold.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } /*variables--*/ :root{ --bodyfont: "SFProDisplay", sans-serif; --headfont:"articulat-cf", sans-serif; --secondary-font:"Montserrat", sans-serif; --accent-font: "SFProDisplay", sans-serif ; --fs-100:100px; --fs-80:80px; --fs-70:70px; --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-28:28px; --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:#a04e9f; --seconday-color:#d8bf48; --black-clr:#1c1b26; --body-font-color:#1c1b26; --light-bg:#f8f2f9; } html{ font-family:var(--bodyfont); color:var(--body-font-color); font-size:var(--fs-20); } body{ font-family:var(--bodyfont); color:var(--body-font-color); font-size:var(--fs-20); background:#fff; } h1{ margin: 0px; padding: 0px; font-weight:300; font-size:var(--fs-48); color:var(--main-clr); font-family:var(--headfont); padding:0 0 30px 0 } h1 em{ font-weight:400; font-style:italic; } h2{ margin: 0px; font-size: var(--fs-42); color: var(--black-clr); font-weight: 200; padding: 0 0 30px 0; line-height: 1.4; font-family:var(--headfont); letter-spacing:1px; } h2 strong{ font-weight:600 } h2 em{ font-weight:400; } h3{ font-size:var(--fs-30); padding:0 0 30px 0; } h4{ font-weight: 300; font-size: var(--fs-20); padding:0 0 30px 0; } h5{font-size:var(--fs-20); padding:0 0 30px 0; } h6{ font-size:var(--fs-16); padding:0 0 30px 0; color:rgba(0,0,0,0.7) ; text-transform:uppercase; letter-spacing:3px; font-weight:300; margin:0; font-family:var(--accent-font); font-weight:300 } p{ font-size:var(--fs-20); line-height:1.6; font-weight: 300 ; text-align: justify; padding:0 0 30px 0; color:var(--black-clr); font-family: var(--accent-font); } .section{ padding:110px 0 0 0; overflow-x:hidden; } .section-padding-bottom{ padding-bottom:110px; } .no-padding{ padding:0 } .section p a,.section ul li a{ color:var(--main-clr); } .section p a:hover{ color:var(--seconday-color); } .section ul li a:hover{ color:var(--seconday-color); } .btncn{ position:relative; display: inline-block; padding:16px 35px 14px; font-size: var(--fs-18); font-weight:400; border-radius:0; text-align: center; margin:15px 0; font-family:var(--headfont); color: var(--black-clr); font-weight: 300; border: none; border: 1px solid transparent; line-height: 1.4} .btncn-main{ background: var(--seconday-color); box-shadow: inset 0 0 0 0 var(--main-clr); } .btncn-secondary{ background: var(--main-clr); color:#fff ; box-shadow: inset 0 0 0 0 var(--seconday-color); } .btncn-white{ background:#fff; box-shadow: inset 0 0 0 0 var(--seconday-color); } .btncn-border{ border:1px solid var(--main-clr); color:var(--black-clr); box-shadow: inset 0 0 0 0 var(--main-clr); } .btncn-border-dark{ border:1px solid var(--seconday-color); color:var(--seconday-color); box-shadow: inset 0 0 0 0 var(--main-clr); } .btncn-white i{ margin:0 10px 0 0; color:var(--main-clr); } .btncn-main:hover{ box-shadow: inset 300px 0 0 0 var(--main-clr); color:#fff; border:1px solid #fff } .btncn-secondary:hover{ box-shadow: inset 300px 0 0 0 var(--seconday-color); color:#fff; border:1px solid var(--main-clr); } .btncn-white:hover{ box-shadow: inset 300px 0 0 0 var(--seconday-color); color:#fff ; border:1px solid #fff} .btncn-border:hover{ box-shadow: inset 300px 0 0 0 var(--main-clr); color: #fff; border:1px solid var(--seconday-color);} .btncn-border-dark:hover{ box-shadow: inset 300px 0 0 0 var(--main-clr); color: #fff; border:1px solid var(--seconday-color) ;} .dark-bg{ background:var(--main-clr); } .buttonGroup{ display:flex; gap:15px } .btn-justify-center{ justify-content:center; } .section .container{ position:relative; } .hoverImage{ overflow:hidden; position:relative; } .hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(0deg, rgba(112,39,120,0.7) 0%, transparent 100%); opacity:0; transition:all .5s } .hoverImage:hover:after{ opacity:1; transition:all .5s } .hoverImage img{ width:100%; transition:all .5s } .hoverImage:hover img{ transform:scale(1.1); transition:all .5s } .full-image img{ width:100%; max-width:100%; } .full-right{ display:flex; justify-content:flex-end; } .text-white p, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color:#fff } .light-bg{ background:var(--light-bg); } /*HEADER*/ @media (min-width: 1700px) { .container { max-width: 1420px; } .header .container { max-width: 1580px; } } .headerTop{ background:var(--seconday-color); padding:7px 0;position:relative; z-index:99999 } .headerTop p{ color:var(--light-font-color); font-weight:300; padding:0; font-size:var(--fs-18); } .headerTop p a{ color:var(--light-font-color); font-weight:600 } .headerTop p a:hover{ color:var(--main-clr); } .headerTop ul{ margin:0; padding:0; list-style:none; } .headerTop ul li{display:inline-block;vertical-align:top;padding:0 22px;position:relative;font-family:var(--accent-font); color:#fff; font-weight:400;font-size:var(--fs-18);} .headerTop ul li a{ color:#fff; } .headerTop ul li a:hover{ color:var(--main-clr); } .headerTop ul li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:19px; background:#fff; } .headerTop ul li:first-child:before{ display:none; } .header-main{width: 100%; transition: all .5s; background: #fff; } .header{position: relative; z-index: 999} .header-main{transition:all .5s; width: 100%; z-index:999; position:relative; } .logo{ width:230px; transition:all .5s; } .headerHolder{ display:flex; align-items:center; justify-content:space-between; padding:0 0; } .header-left{ width:calc(50% - 200px); display: flex; align-items: flex-end; gap: 170px; justify-content: flex-end;} .header-right{ width:calc(50% - 200px); display: flex; justify-content: flex-start; align-items: center; gap:50px;} .phoneNumber a{font-family:var(--headfont);font-weight: 300;color: var(--black-clr) ;font-size: var(--fs-18); display: flex; align-items: center; transition:all .5s; } .phoneNumber a i{ font-size:18px; color:var(--main-clr); margin:0 12px 0 0 } .phoneNumber a:hover{ color:var(--seconday-color); transition:all .5s; opacity:1.0 } .whatsapp-link{ background:#25d366; color:#fff; border-radius:50%; padding:5px; width:45px; height:45px; display:flex; justify-content:center; align-items:center; flex-shrink:0 } .whatsapp-link a{ color:#fff; font-size:26px; } .whatsapp-link:hover{ background:var(--main-clr); } .contact-menu a{ color:#fff; font-weight:300; font-size:var(--fs-24); font-family:var(--headfont); } .contact-menu a i{ display:none; } .contact-menu a:hover{ color:var(--main-clr); } .toggle-menu-btn a{ color:#fff; font-weight:300; font-size:var(--fs-24); font-family:var(--headfont); } .toggle-menu-btn a:hover{ color:var(--main-clr); } .toggle-menu-btn a i{ margin:0 5px 0 0 } .main-menu-holder{ background:var(--seconday-color); width:100%; ; padding:80px 0 } .menu-inner-holder{ display: flex; justify-content:space-between; } .menu-column-1{ width:24%;} .menu-column-2{ width:48%;} .menu-column-3{ width:28%;} .main-nav ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; } .main-nav ul li{ display:block; } .main-nav ul li a{ display:block; color:rgba(255,255,255,0.80); font-weight:200; font-family:var(--headfont); font-size:var(--fs-36); padding:25px 0 } a.menu-close-btn { color:#fff; text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); font-family:var(--accent-font); } .menu-close-btn{ position:absolute; right:15px; top:-30px; } .main-menu-holder .container{ position:relative; } .main-menu-holder{ box-shadow: 0px -200px 0px 0px var(--seconday-color); display:none; min-height:100vh; } .main-nav ul li ul{ padding:15px 0 0 0 } .make-en a i{ display:none; } .navigation nav ul{ display:flex; align-items:center; margin:0; padding:0; list-style:none; } .navigation nav > ul > li >a{ line-height: 100px; padding: 0 25px; display:block; transition:all .5s } .navigation nav ul li a{ font-weight:300; font-size: var(--fs-18); position: relative; color: var(--headfont); color: var(--black-clr);} .navigation nav ul li a:hover{ color:var(--seconday-color); } ul.dropdown-menu-holder{ align-items: flex-start!important;flex-wrap:wrap; gap: 0 !important; row-gap: 30px !important; width: 100%; border: none; justify-content: space-between; } ul.dropdown-menu-holder li { width:25%; } ul.dropdown-menu-holder li ul{ display:block; } .section-parent-menu{ width:100% } .section-parent-menu{ margin:0 -10px; padding:0 90px } .fixed{position:fixed; top:0; left:0; width:100%; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,0.1); animation: slideDown 0.35s ease-out; } .fixed .navigation nav > ul > li >a{ line-height: 85px; transition:all .5s } .contact-btn a{ font-weight:300; font-size: var(--fs-18); position: relative; color: var(--headfont); color: var(--black-clr);} .contact-btn a:hover{ color:var(--seconday-color); } .enquery-btn{ position:absolute; right:0; top:0; height:100%; } .enquery-btn a{ height:100%; background:var(--main-clr); padding: 0 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-family: var(--headfont); font-size: var(--fs-18); text-transform: uppercase; box-shadow: inset 0 0 0 0 var(--black-clr);} .enquery-btn a:hover{ box-shadow: inset 300px 0 0 0 var(--black-clr); } .mean-container .mean-nav ul li a.mean-expand:after{ content:'\f063'; color:#fff; font-family: 'FontAwesome'; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked:after{ content:'\f062'; color:#fff; font-family: 'FontAwesome'; } .btn-wrap{ display:none; } @media only screen and (min-width:1200px){ .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: #fff; padding-bottom: 60px; ; box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05); top: 100%; opacity: 1; display: none;} .navigation nav ul li:hover .mega-menu-wrapper{ background:#fff; padding-top:30px; display:block; } ul.dropdown-menu-holder li a{ font-size:var(--fs-20) !important; font-weight:600!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 a:hover{ text-decoration:underline; text-underline-offset:5px; } ul.dropdown-menu-holder li ul li{ width:100% } .navigation nav ul li.normal-menu { position: relative;} ul.sub-menu{flex-direction: column; position: absolute; z-index: 9; inset: 0 0 auto; width: 100%; background:#fff; box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05); top: 100%; opacity: 0; visibility: hidden; width:250px; padding:15px 30px !important; z-index:-9 } .navigation ul li:hover ul.sub-menu{ visibility:visible; opacity:1.0; z-index:9 } .navigation ul li ul.sub-menu li a{ line-height:1.5!important;display:block;padding:5px 0;color:var(--black-clr); font-size:16px } .navigation ul li ul.sub-menu li a:hover{ color:var(--seconday-color); } ul.sub-menu li {width: 100%;} ul.dropdown-menu-holder {display: block!important; column-count: 4; column-gap: 30px; } ul.dropdown-menu-holder > li {width: 100%; break-inside: avoid-column; } } a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:16px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important} .mean-container a.meanmenu-reveal span{ background:var(--main-clr); } .mean-container .mean-nav{ background:var(--main-clr); } .mean-container .mean-bar { position: absolute; left: 0; width: 100%; float: none; z-index: 99; top: 35px; background: var(--top-header-bg);} .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(--main-clr); padding: 8px 13px 9px; margin-top:-14px; border-radius: 4px;} .mean-container .mean-nav{ margin-top:26px } .fixed .mean-container .mean-nav{ margin-top:36px } .mean-container .mean-nav ul li a{ font-family:var(--headfont); text-transform:inherit; font-weight:300 } .mean-container .mean-nav ul li:first-child a{ border:none; } .mean-container .mean-nav ul li a.mean-expand{ border:none !important; background:transparent !important; } .mean-nav{ box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr); } .mean-container .mean-nav ul li a.mean-expand{ font-family:arial } .mean-container .mean-nav ul li{min-height:auto!important} /*END HEADER*/ /*START BANNER*/ .banner{ background: var(--black-clr); position: relative; line-height: 0} .bannerImage img{ width:100% } .bannerCaption{ position:absolute; width:100%; top:50%; transform:translateY(-50%); z-index:1 } .bannerCaption h2{ color:#fff; font-size:86px; padding:0 0 20px 0; font-family:var(--headfont); font-weight:200; line-height:1.2 } .banner-btn-group{ display:flex; gap:14px; } .bannerCaption h5{ font-weight:400; font-family: var(--secondary-font); font-size:var(--fs-16); color:#fff ; text-transform: uppercase; letter-spacing: 2.2px; padding:0 0 35px 0; margin: 0; } .bannerCaption h5 span, .bannerCaption h5 strong{ font-weight:600 } .banner-logo-holder{ max-width:600px; margin:0 0 45px 0 } .inner-banner h1{ padding-bottom:0; font-weight: 200} .bannerCaption p{ color:#fff } .bannerImage{ position:relative; } .bannerImage:after{ content:''; position:absolute; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); width:50%; height:100%; top:0; left:0 } .top-bracket-text{ display:flex; align-items:center; gap:15px; margin:0 0 25px 0 } .brackrt-image{ width:30px; } .inner-banner .bannerImage:after{ display:none; } .inner-banner .bannerImage{ filter:brightness(0.3); } .banner:after{ content:''; position:absolute; background:rgba(0,0,0,.38); width:50%; left:0; top:0; height:100% } .banner .slick-dots{ position:absolute; bottom:100px; left:50%; transform:translateX(-50%); max-width:1420px; z-index:99; width:100%; margin:0; padding:0 15px; list-style:none; display:flex; gap:10px; } .banner .slick-dots li button{ display:block; width:16px; height:16px; border-radius:50%; background:rgba(255,255,255,0.20); text-indent:-999em; border:none; outline:none; cursor:pointer; } .banner .slick-dots li.slick-active button{ background:rgba(255,255,255,1.0) } /*END BANNER*/ /*WELCOME SECTION*/ .welcomeSection{ } .welcomeContent{ text-align:center; padding:0 30px; } .welcomeContent h1{ font-weight:300; font-family:var(--accent-font); font-size: var(--fs-16); letter-spacing:3px; margin:0 ; text-transform:uppercase; color:var(--black-clr); opacity:0.5 } .welcomeContent h2{ font-size:var(--fs-42); font-weight: 300; letter-spacing: .5px; color: var(--body-font-color);} .welcomeContent h2 strong{ font-weight:600 } .welcomeContent h3 { color:var(--main-clr); font-weight:300 } .welcomeContent p{ font-weight:300; text-align:center; font-size:var(--fs-20); text-align:justify; text-align-last: center; font-family:var(--accent-font); } .welcomeSection .container{ position:relative; z-index:1 } .side-line-image{ position:absolute; bottom:-350px; right:-175px; z-index:1; opacity:0.7 } .welcomeSection{ position:relative; } .welcomeSection .btncn-default:hover{ background:var(--seconday-color); color:#fff; } .welcome-content{ background:#fff; position:relative; margin-top:-135px; padding:65px 10px 0 } .introSection p{ text-align:justify; text-align-last: center; } .welcomeSection p a{ color:var(--main-clr); } .welcomeSection p a:hover{ color:var(--seconday-color); } /*END WELCOME SECTION*/ .full-image img{ width:auto; max-width:inherit; } .full-right{ display:flex; justify-content:flex-end; } .full-image img { width: auto; max-width: inherit;} .top-content-overlap h6{ color:rgba(255,255,255,0.7) } .top-content-overlap p{ font-size:var(--fs-18); } /*SERVICE SECTION*/ .serviceSlider{ width:150%; } .serviceSlider .slick-slide { margin: 0 10px; opacity:0.2; filter:grayscale(100%); transition:all .5s } .serviceSlider .slick-slide h3{ display:none; } .serviceSlider .slick-slide.slick-current{ opacity:1.0; filter:grayscale(0%); transition:all .5s} .serviceSlider .slick-slide.slick-current + .slick-slide{ opacity:1.0; filter:grayscale(0); transition:all .5s } .serviceSlider .slick-slide.slick-current h3, .serviceSlider .slick-slide.slick-current + .slick-slide h3{ display:block; } .serviceSlider .slick-list { margin: 0 -10px; } .serviceItem h3{ padding:25px 0 0 0; font-family: 'AvenirRoman'; } .serviceItem a{ color:var(--main-clr); } .serviceItem a:hover{ color:var(--seconday-color); } .serviceItem{ opacity:1.0; transition:all .5s; } .serviceItem h3{ display:none; font-size: var(--fs-24); font-family: var(--headfont); font-weight: 400; padding: 25px 0 45px 0; letter-spacing: 1px; } .serviceSlider .slick-active .serviceItem{ opacity:1.0; pointer-events: inherit;transition:all .5s; } .serviceSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:0; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .serviceSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:0; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .serviceSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--main-clr); color:#fff } .service-slider-section .btn-position-absolute{ top:-15px; } .service-slider-section .section-heading h2{ padding-right:220px; } .serviceItem{ position:relative; } .service-list-holder, .service-list-holder2{ display:flex; gap:20px; margin: 30px 0 0 0; flex-wrap: wrap; justify-content: center;} .sevice-list{ width:calc(25% - 15px);; background:#f5ecf6; transition:all .5s } .sevice-list a{ padding:30px; display:block; } .service-list-icon{ margin:0 0 25px 0; } .service-list-icon img{ filter:brightness(0); transition:all .5s } .sevice-list h4{ font-size:var(--fs-24); font-weight:300; padding:0 0 15px 0; color:var(--black-clr); } .sevice-list p{ text-align:left; font-size:var(--fs-16); padding-bottom:20px } .service-captions a{ color:#fff } @media only screen and (min-width:768px){ .sevice-list:hover{ background:var(--main-clr); } .sevice-list:hover h4, .sevice-list:hover p{ color:#fff ; transition:all .5s} .sevice-list:hover .service-list-icon img{ filter:inherit; transition:all .5s } } .show-more{ padding:40px 0 0 0 } .show-more a{ font-family:var(--accent-font); font-weight:300; font-size:var(--fs-16); text-transform:uppercase; color:var(--black-clr); text-decoration:underline; text-underline-offset: 5px; } .show-more a:hover{ color:var(--main-clr); } .progress { display: block; width: 100%; height: 2px; border-radius: 3px; overflow: hidden; background-color: rgba(207,207,194,1);background-image: linear-gradient(to right, var(--seconday-color), var(--seconday-color)); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} .service-slider-bottom{ display:flex; align-items:center; gap:20px } .service-slider-bottom .btn-wrap{ display:flex; gap:10px; } .service-slider-bottom .prev-btn{ background:rgba(255, 255, 255, 0.20); width:44px; height:44px; border-radius:50%; color:#fff; border:none; display:none; } .service-slider-holder .next-btn{ background:var(--seconday-color); width:70px; height:70px; border-radius:50%; color:#fff; border:none; position:absolute; right:-30px; top:36%; transition:all .5s } .service-slider-holder .next-btn:hover{ background:var(--main-clr); transition:all .5s } .service-slider-holder{ position:relative; } .service-heading-block {display: none; } .service-content-block .btncn {margin-bottom: 0; display: none; } /*END SERVICE SECTION*/ .treatment-welcome:after{ display:none; background:transparent; } .treatment-welcome{ background:#fff } .treatment-welcome h6{ color:rgba(42,42,42,0.7) } .treatment-welcome h2{ color:var(--main-clr); font-size:var(--fs-48); } .treatment-welcome p{ color:var(--body-font-color); } .treatment-welcome .qualityContent h3{ color:var(--body-font-color); } /*CONTENT SECTION*/ .contentSection{ position:relative; z-index:1 } .ratingSection{ padding:25px 0 } .ratingSection h4{ font-size:var(--fs-16); padding:0 0 10px 0; font-weight:300; text-transform:uppercase; font-family:var(--accent-font); } .number{ font-size:var(--fs-40); font-weight:400; font-family: var(--headfont);} .absolutBtn{ position:absolute; top:30px; right:30px; z-index:12 } .contentBottom{ } /*.contentHolder ul{ margin:0 0 25px 0; padding:0 0 0 0; list-style:none; } .contentHolder ul li{ font-family: var(--cabinetGrotesk); font-weight:300 ; font-size:var(--fs-20); margin:0 0 15px 0; position:relative; padding:0 0 0 25px; } .contentHolder ul li:after{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } */ .list-buttons ul{ margin:0; padding:0 0 0 0; list-style:none; } .list-buttons ul li{ font-weight:300 ; font-size:var(--fs-20); } .list-buttons ul li a{ color:var(--body-font-color); padding: 15px 0; display: block; border-bottom: 1px solid #cfcfc2; position: relative; font-weight: 300; font-family: var(--accent-font);} .list-buttons ul li a:after{ content:''; position:absolute; width:0%; height:1px; background:var(--main-clr); bottom:-1px; left:0 ; transition: all .5s;} .list-buttons ul li a:hover:after{width:100%; background: var(--main-clr); transition: all .5s;} .list-buttons ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:var(--body-font-color);} .list-buttons ul li a:hover{ color:var(--main-clr); } .list-buttons ul li a:hover:before{ color:var(--main-clr); } .contentSection h2 strong{ font-weight:500 } .content-gradient{ background: rgb(20,52,57); background: linear-gradient(180deg, rgba(20,52,57,1) 0%, rgba(45,134,146,1) 100%); } .content-gradient.contentTop ul li a{ border-bottom:2px solid rgba(255,255,255,0.10); color:#fff; } .content-gradient.contentTop ul li a:after{ content:''; position:absolute; width:60px; height:2px; background:#ffffff; bottom:-2px; left:0 ; transition: all .5s;} .content-gradient.contentTop ul li a:hover:after{width:100%; background: #fff; transition: all .5s;} .content-gradient.contentTop ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:#fff;} .content-gradient p{ font-size:var(--fs-18); } .content-sec-bottom{ padding:100px 0 0 0 } .content-sec-bottom h3{ font-size:var(--fs-24); color:#fff; font-family: 'DunbarTall-Book'; line-height:1.5; } .content-sec-bottom h6{ font-size:var(--fs-18); color:rgba(255,255,255,0.40); font-weight:300; padding:15px 0 0 0 } .page-content-padding-right{ padding-right:50px; } .page-content-padding-left{ padding-left:50px; } /*CONTENT SECTION END*/ /*new parent*/ .new-patient h2{font-size:var(--fs-60);} .new-patient h3{font-weight: 400;letter-spacing: 0.1rem} /*NEW PARENT END*/ /*HOME GALLERY*/ .dark-bg .section-heading h2{ color:#fff ; } .dark-bg .section-heading p{ color:#fff; text-align:justify; text-align-last: center;} .home-gallery-holder{ margin-top:15px } .buttonGroupCenter{ justify-content:center; margin:40px 0 0 0; display:flex; } .dark-bg .btncn-secondary{ color:#fff } .spacial-padding{ padding-bottom:450px; } /*END HOME GALLERY*/ /*DUEL BG SECTION*/ .duel-bg{ background: linear-gradient(to bottom, #2d8692 48%,#ffffff 48%);} .sp-section{ position:relative; } .sp-section-bottom{ position:absolute; width:100%; bottom:0; z-index:1 ; left: 0; display: flex; justify-content: flex-end; align-items: flex-end;} .sp-section-bottom h2{ margin:0; padding:0 65px 30px ; font-size:var(--fs-60); color:#fff; font-weight:500 } .sp-section-bottom .btncn{ margin:0; padding:40px 45px; font-size:var(--fs-22); } .sp-section-bottom .btncn i{margin: 0 15px 0 0} .cts-image .full-image{ position:relative; } .cts-image h2{ position:absolute; bottom:30px; left:40px; padding:0; margin:0; color:#fff; font-weight:500; font-size:72px; mix-blend-mode:soft-light; } /*END DUEL BG SECTION*/ /*APPOINTMENT */ .appointmentSticker{ background:var(--main-clr); padding:40px 65px; display:flex; align-items:center; justify-content:space-between; } .appointmentSticker h2{ padding:0 } .appointmentSticker h2{ color:#fff; font-size:var(--fs-42); } /*END APPOINTMENT*/ /*DOCTOR SLIDER*/ @media screen and (min-width: 991px) { .doctorSliderNav .slick-list{ padding-right:250%; margin-right:-250%; } .doctorSliderNav .slick-slide{ position:relative ; width:400px } .doctorSliderNav .slick-slide img{ transition: all .5s; width:100%; height:380px; object-fit:cover; object-position:top; transition-delay:0.5s; filter: grayscale(100%);opacity:0.2} .doctorSliderNav .slick-slide.slick-active img{ transition: all .5s; width:100%; height:488px; transition-delay:0.5s; filter: grayscale(0%);opacity:1 } .doctorSliderNav .slick-slide.slick-active + div{ padding-left:0; } .doctorSliderNav .slick-slide{ transition:all .5s } .doctorSliderNav .slick-track{ display:flex; align-items:center; } } .doctorSliderNav .slick-slide { margin: 0 8px; } .doctorSliderNav .slick-list { margin: 0 -8px; } .doctorSliderNav .slick-prev{ position:absolute; left:-160px; bottom:30px; border:none; outline:none ; background:transparent; font-size: 25px; opacity: 0.5} .doctorSliderNav .slick-next{ position:absolute; left:-100px; bottom:30px; border:none; outline:none ; background:transparent; font-size: 25px; opacity: 0.5} .doctorSliderNav .slickButton:hover{ opacity:1.0 } .doctorItem h2{ font-weight:400 } .doctorItem h4{ font-size:var(--fs-24); text-transform:uppercase; margin:0; padding:0 0 15px 0;color:var(--seconday-color); } .doctorItem h6{ font-size:var(--fs-18); text-transform: uppercase; letter-spacing: 1px; margin: 0} /*END DOCTOR SLIDER*/ /*PARTNERS START*/ .partnerLogoHolder{ padding:0 0 0 0;} .partnersLogoRow{display:flex;gap:35px;align-items:center; justify-content: space-between;} .partnersLogoImg img {margin: 0 auto; display: block; } .partnersHd h6{font-size:var(--fs-18);} .partition-heading{ position:relative; margin:0 0 40px 0 } .partition-heading:after{ content:''; position:absolute; top:50%; transform: translateY(-50%); left:0; width:100%; background:#e8e1d5; height:1px; z-index:1 } .partition-heading h4{ color:#6f6c67; font-size:var(--fs-20); text-transform:uppercase; letter-spacing:4px; font-family:var(--accent-font); text-align: center; display: inline-block; padding: 0 100px; position: relative; background: #fffff3; position: relative; z-index: 2} .home-page .partition-heading h4{ color:#6f6c67; font-size:var(--fs-20); text-transform:uppercase; letter-spacing:4px; font-family:var(--accent-font); text-align: center; display: inline-block; padding: 0 100px; position: relative; background: var(--light-bg); position: relative; z-index: 2} /*PARTNERS END*/ /*HOME FORM SECTION*/ .formHolder{ position: relative;z-index:3;} .right-full-image{ width:50%; right: 0; height:100%; position:absolute; top: 0} .right-full-image img{ height:100%; width:100%; object-fit:cover; } .formGroup{ display:flex; gap:15px; } .homeFormHolder{ padding:20px 0 0 0; } .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select, .homeFormHolder input[type=url] { width:100% !important; height:72px !important;line-height: 72px!important; background:#fff !important ; border: none !important; outline: none !important; font-family: var(--accent-font) !important; color: var(--black-clr)!important; font-size: var(--fs-16) !important; font-weight: 300 !important; border-radius: 0px !important;} .homeFormHolder input[type=text]:focus, .homeFormHolder input[type=email]:focus, .homeFormHolder input[type=tel]:focus, .homeFormHolder select:hover{ outline:1px solid #fff !important; outline-offset:-2px } .homeFormHolder textarea{ width:100% !important; min-block-size:72px !important; height:72px !important; background:#fff !important ; border: none !important; outline: none !important; font-family: var(--accent-font) !important; color: var(--black-clr) !important; font-size: var(--fs-16) !important; font-weight: 300 !important; resize: none !important; border-radius: 0px !important;} .homeFormHolder .inputHolder{ width:100% } .homeFormHolder ::placeholder { color: var(--black-clr) !important; opacity: 1 !important; } .homeFormHolder ::-ms-input-placeholder { color: var(--black-clr) !important;} .homeFormHolder select{ background-image:url(assets/images/select-down-arrow.png) !important ; background-repeat:no-repeat !important; background-position: 98% center !important; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; -ms-appearance:none; -o-appearance:none; } .homeFormHolder input[type=submit]{ padding:17px 45px !important; background:var(--seconday-color) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:400 !important; font-size:16px !important; transition:all .5s !important; color:#f5ede0 !important; font-family:var(--headfont) !important; font-weight:300; height:72px !important; box-shadow: inset 0 0 0 0 var(--black-clr) !important; border-radius: 0px !important;width: 100%!important} option{ background:var(--seconday-color) !important; color:#fff !important; } .homeFormHolder input[type=submit]:hover{ color:#fff !important ; box-shadow: inset 300px 0 0 0 var(--black-clr) !important; } .text-area-holder{ width:100% } .formHolderDark p{ color:#fff ; text-align:left; line-height:1.6; font-size: var(--fs-16);} .formHolder .section-heading h2{ color:#fff ; font-size: var(--fs-42); padding: 0 0 30px 0} .hmfrmcon{ padding:90px 90px 90px 0 } .formHolderDark .bgImage{ width:43%; position:absolute; top:0; right:0; height:100% } .formHolderDark .bgImage img{ width:100%; height:100%; object-fit:cover; } .formHolderDark{ position:relative; overflow:hidden; } .sideImage{ margin-bottom:-1px; margin-left:-120px } .hmfrmcon p{ font-size:var(--fs-16); } .homeFormHolder .gform_fields {gap: 20px !important; } .para-text p{color: #fff; margin: 40px 0px 0px 0px; } .para-text p a{color:var(--seconday-color);} .para-text p a:hover{font-weight:400;} /*END HOME FORM SECTION*/ /*Team */ .teamHolder{ } .teamImage img{ } .teamBox h3{ font-size:var(--fs-28); padding:0 0 10px 0; font-weight:300; font-family:var(--headfont); } .teamBox h5{ color:rgba(22, 22, 23, 0.5); font-size:var(--fs-20); font-family:var(--accent-font); font-weight:300; padding:0 } .team-bio{padding-top:12px} .teamImage{ overflow:hidden; transition:all .5s; margin:0 auto 30px ; } .midBtn .btncn-default{ background:var(--deep-blue); border-color:var(--deep-blue); } .midBtn .btncn-default:hover{ background:var(--seconday-color); border-color: var(--seconday-color); } .teamSlider .slick-slide { margin: 0 20px;} .teamSlider .slick-list { margin: 0 -20px; } .teamSlider{ margin:30px 0 20px 0 } .team-section .btncn-main{ background:var(--seconday-color); color:#fff } .team-section .btncn-main:hover{ box-shadow: inset 300px 0 0 0 var(--main-clr); color: #fff; border: 1px solid var(--seconday-color); } .team-section .btn-wrap{ display:none; } .modal.teamModal {--bs-modal-border-radius: 0;} .btn-close.teamModalClose {position: absolute;top: 13px;right: 16px;z-index: 9;font-size: 10px;} .teamModal ul{ margin:10px 0 30px 0; padding:0; list-style:none; } .teamModal ul li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 30px} .teamModal ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } .teamModal ul li a{ color:var(--main-clr); } .teamModal ul li a:hover{ color:var(--seconday-color); } .teamModal .modal-body {padding: 28px 20px; } .show-doctor-bio{display:inline-block;color: var(--main-clr);} .show-doctor-bio:hover{color: var(--hover-color);} /*End Team*/ /*REVIEW SECTION*/ .review-holder{ padding:30px 0 0 0 } .reviewSlider{ margin:30px 0 0 0 } .reviewSlider .slick-slide { margin: 0 8px; } .reviewSlider .slick-list { margin: 0 -8px; } .reviewItem{ text-align:center; padding:0 75px; } .star{ font-size:20px; color:var(--main-clr); margin:0 0 20px 0 } .reviewItem p{ text-align:center; font-weight:300 ; } .reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 1px} .btn-view{ text-decoration:underline; text-underline-offset:5px; font-size:var(--fs-18); color:#000000 } .btn-view:hover{ color:var(--seconday-color); } .reviewSlider .slick-prev{ position:absolute; font-size:25px; border:none; outline:none; color:var(--black-clr); left:-50px; top:50%; transform:translateY(-50%); padding:0; background:transparent; } .reviewSlider .slick-next{ position:absolute; font-size:25px; border:none; outline:none; color:var(--black-clr); right:-50px; top:50%; transform:translateY(-50%); bottom:inherit; padding:0; background:transparent; } #reviewtxt .modal-body {padding:30px 35px 35px} .reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: #ff0000;width: 31px;height: 31px;display:flex;align-items:center;justify-content:center;line-height:1;border: 0;border-radius: 11px;font-size:18px;color: #fff;z-index:9;} .modal-backdrop.show {opacity: 0.9;} #reviewtxt .modal-dialog {max-width: 700px;text-align: center;} #reviewtxt h3 {margin-bottom: 10px;} #reviewtxt .star {margin-bottom:10px} #reviewtxt .modal-body {max-height: calc(100vw - 150px);overflow: auto;} .more_txt {font-size: 16px;display: block;color: #ff0000; margin: 15px 0;font-weight: bold;} .reviewSlider .slick-track {display: flex;align-items: stretch;} .reviewSection .reviewItem {height: 100%; background:#eaf5f7; padding: 55px 45px} .more_txt:hover {color: #003380;} .reviewSection .btncn-secondary{ border-color:var(--main-clr); } .reviewSection .btncn-secondary:hover{ border-color:var(--seconday-color); } .reviewSection .slick-track{ display: flex !important;} .reviewSection .slick-slide{height: inherit !important;} .reviewSlider{ width:75%; margin:0 auto 60px; } .reviewSlider .slick-slide>div{ height:100% } .width-eighhty{ width:75%; margin:0 auto; } .reviewSection h6{ font-size:var(--fs-16); font-weight:400; font-family:var(--headfont); padding-bottom:30px; letter-spacing:2px; } .reviewSection .section-heading h2{ font-size:var(--fs-48); } .reviewItem h6{ font-weight:200 ; padding-top: 10px;} .progress2 { display: block; width: 100%; height: 2px; border-radius: 3px; overflow: hidden; background-color: rgba(213,211,198,1);background-image: linear-gradient(to right, var(--seconday-color), var(--seconday-color)); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} .progress3 { display: block; width: 100%; height: 2px; border-radius: 3px; overflow: hidden; background-color: rgba(207,207,194,1);background-image: linear-gradient(to right, var(--seconday-color), var(--seconday-color)); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} .reviewVideoSlider{ width:200%; } .reviewVideoSlider .slick-slide { margin: 0 10px; opacity:0.2; filter:grayscale(100%); transition:all .5s } .reviewVideoSlider .slick-slide h3{ display:none; } .reviewVideoSlider .slick-slide.slick-current{ opacity:1.0; filter:grayscale(0%); transition:all .5s} .reviewVideoSlider .slick-list { margin: 0 -10px; } .slider-video { overflow: hidden; padding-top: 56.25%; position: relative;} .slider-video iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;} .video-holder h2{ font-weight:400; font-style:var(--fs-48); color:#fff; letter-spacing:2px; mix-blend-mode:overlay; position:relative; text-align:center; padding:0 30px; z-index:2; position:absolute; top:55%; transform:translateY(-50%); width:100% } h2.btm-txt-vid{ font-weight:400; font-style:var(--fs-48); color:#fff; letter-spacing:2px; text-align:center; padding:0 30px; z-index:1; opacity: 0.12; position:absolute; width:100%; top:55%; transform:translateY(-50%); width:100%; mix-blend-mode:inherit; } .video-caption{ top:65%; transform:translateY(-50%); width:100%; text-align:center; position:absolute; } .video-btn{ font-family:var(--accent-font); color:#ffffff; font-size:var(--fs-16); text-transform:uppercase; letter-spacing:1px; opacity:0.5 } .video-btn:hover{ opacity:1.0 } /*END REVIEW SECTION*/ /*TREATMENT PAGE*/ .main-content-center p{ text-align:justify; text-align-last:center; } .traement-dark{ background:url(assets/images/gal-bg.jpg) no-repeat; background-size: cover; padding:90px 0px; } .text-white p, .text-white h2{ color:#fff } .trtmnt-accordian-new h3 { color:#fffff3 ;font-size:var(--fs-24); font-weight: 200; padding: 25px 29px 25px 0;display: block;position: relative;cursor:pointer; font-family: var(--headfont);} .trtmnt-ui-accordion-header-active-new{ border:none !important; } .trtmnt-accordian-new h3:focus { outline: 0} .trtmnt-accordian-new h3:after {content: "+";font-family: var(--headfont); position: absolute;right: 0;top: 22px;font-size: 24px;color: #fff;font-weight: 300;transition: .5s} .trtmnt-accordian-new h3.trtmnt-ui-accordion-header-active-new:after { content: "-";font-family: var(--headfont); position: absolute;right: 0;top: 22px;font-size: 24px;color: #fff;font-weight: 300;transition: .5s} .trtmnt-ui-accordion-content-new { padding: 0px 0px 10px 0; display: none} .trtmnt-ui-accordion-content-new p { font-weight:300; text-align:left; } .trtmnt-accroHolder{ border-bottom:1px solid #61786c; } .trtmnt-accroHolder:last-child{ border:none; } .trtmnt-accordian-new ul{ margin:10px 0 30px 0; padding:0; list-style:none; } .trtmnt-accordian-new ul li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 15px} .trtmnt-accordian-new ul li:before{ content:'•'; position:absolute; left:0; top:0; color:#fff; font-family: 'FontAwesome'; } .details-side-content-heading{ position:relative; margin:0 0 35px 0 } .details-side-content-heading:after{ content:''; position:absolute; left:0; top:16px; background:#61786c; width:100%; height:1px; } .details-side-content h6{ color:#fffff3; display:inline-block; padding:0 25px 0 0; background:var(--seconday-color); position: relative; z-index: 1; font-size: var(--fs-20);} .details-side-content /*INNER BANNER*/ .innerBanner{ position:relative; } .banerImageHolder{ position:relative;} .bannerImage img{ width:100%; } .innerbannerContent{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); padding:20px } .innerbannerContent .bannerButtonGroup{ justify-content:center; } .innerbannerContent h2{ font-size:var(--fs-70); color:#fff; padding:0 0 20px 0; } .innerbannerContent .btncn-white{ color:var(--body-font-color); } .innerbannerContent .btncn-white:hover{ color:#fff; background: var(--seconday-color);} .inner-no-overlap{ margin:0 } .halfInnerBanner{ position:relative; display:flex; justify-content:flex-end; padding:0 0 0 0 ; background: #222222} .halfBannerImage{ width:45%; } .halfBannerImage img{ width:100% } .halfBannerCaption{ position:absolute; top:58%; transform:translateY(-50%); width:100%; left:0 } .halfBannerCaption h2{ font-size:70px; color:#fff; font-weight:200; font-family:var(--headfont); } .inner-banner-content-area{padding-right: 70px;} .partnetSectionTreatment{ padding:0 0 75px 0 } .treatmentImageHolder{ display:flex; flex-wrap:wrap; gap:20px; row-gap:60px; justify-content:center; margin:0 0 0 0 } .treatment-repeat{ width:32%; position:relative; } .galInnerContainer{ position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; text-align:center; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; z-index:99 } .galInnerContainer ul{ margin:0; padding:0; list-style:none; } .galInnerContainer ul li{ font-size:var(--fs-20); color:#fff; font-weight:300; padding:8px 0; font-family:var(--accent-font); } .galInnerContainer ul li a{ color:#fff } .galInnerContainer ul li a:hover{ color:var(--main-clr); } .treatmentImage{ overflow:hidden; } .treatmentImage img{ transition: all .5s } .treatment-repeat:hover img{ filter:brightness(0.5) blur(30px); transition: all .5s; transform: scale(1.1);} .treatment-repeat:hover .galInnerContainer{ opacity:1; visibility:visible; transition: all .5s} .qualityContent h3{ font-size:var(--fs-30); font-weight:300; font-family:var(--headfont); color: var(--body-font-color);} .last-treatment .qualityContent h3{ color:var(--main-clr); } .qualityContent a:hover h3{ color:var(--main-clr); } .treatmentImageHolder .qualityContent{ } .treatmentImageHolder .qualityContent h3{ margin:0; color:var(--black-clr); font-weight:normal; font-size:var(--fs-24); padding:25px 0 0; transition:all .3s ; font-weight:400; font-family:var(--headfont); } .treatmentImageHolder .treatmentImage{ margin:0; } /*CTA SECTION*/ .cts-section{ background:url(assets/images/cta-section-bg.jpg) no-repeat; background-size:cover; padding: 75px 0; background-attachment: fixed;} .cts-section p { font-size:var(--fs-18); } /*END INNER BANNER*/ /*PAGINATION SECTION*/ .pagination{ padding:40px 0 0 0 } .pagination ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; gap:30px; } .pagination ul li{ font-family:var(--bodyfont); font-size:var(--fs-18); text-transform:uppercase; letter-spacing:1px ; color:rgba(0,0,0,0.4); position:relative; } .pagination ul li:after{ content:''; position:absolute; background:#cdcdcd; width:6px; height:6px; border-radius:50%; right: -18px; top: 10px; } .pagination ul li:last-child:after{ display:none; } .pagination ul li a{ color:rgba(0,0,0,0.4); } .pagination ul li a:hover{ color:var(--main-clr); } /*END PAGINATION SECTION*/ /*BLOG SECTION*/ .blogCategory{ padding:20px 30px ; display:flex; align-items:center; background: #fcf8fa} .blogCategory span{ font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; padding:0 12px 0 0 } .blogCategory select{ width:100%; border:none; background:transparent; font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrow.png); background-repeat:no-repeat; background-position: 100% center;} .blogCategory select option{} .blogPostRepeater{ margin:35px 0 } .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:#fff; font-size:var(--fs-20); line-height:1.5; font-family:var(--accent-font); font-weight: 300; margin: 0} .blogPostContent a:hover h4{ color:var(--main-clr); } .blogTop{ padding:15px 40px; margin:0 0 30px 0 ; display:flex; align-items: center; background:var(--light-bg); } .sortBy{ font-weight:300; color:var(--black-clr); font-size:var(--fs-24); font-family:var(--accent-font); } .categotyDropdown{ width:100%; margin:0 0 0 15px; } .categotyDropdown select{ width:100%; background:transparent; border:none; padding: 5px 0; font-weight:500; color:var(--black-clr); font-size:var(--fs-24); background-image: url(assets/images/arrowDown.png); background-repeat: no-repeat; background-position: 100% center; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; font-family: var(--accent-font); font-weight: 600} .categotyDropdown select option{ color:#fff } .blogPostContent .hoverImage{ } .full-part-banner{ background: rgb(15,55,61); background: linear-gradient(180deg, rgba(15,55,61,1) 0%, rgba(39,168,188,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); padding:90px 0 0 0 } .full-part-banner h1{ font-size:60px; text-align:center; padding-bottom:60px; } .blog-details-brd.breadcumb ul { margin:0; justify-content: center; padding:20px 0 } .full-part-banner .bannerImage{ box-shadow: 10px 10px 25px 3.36px rgba(0, 0, 0, 0.30); } .faq-section h2{ } .blog-box-full{ display:flex; align-items:center; gap:65px; } .bolg-box-image{ width:480px; flex-shrink:0 } .blog-box-container h3{ font-family:var(--headfont); font-size:var(--fs-30); font-weight:300 } .blog-box-container a h3{ color:var(--black-clr); text-decoration:none; } .blog-box-container a:hover h3{ color:var(--main-clr); } .blog-box-container .read-more a{ font-weight:400; color:var(--black-clr); font-family:var(--accent-font); font-size:var(--fs-16); text-transform:uppercase; text-decoration:underline; text-underline-offset:5px; } .blog-box-container .read-more a:hover{ color:var(--main-clr); } .blog-loop:not(:last-child) .blog-box-full{ margin-bottom:40px; } /*END BLOG DETAILS BANNER*/ /*BLOG DETAILS*/ .pageContent p{ font-size:var(--fs-20); line-height: 1.5; } .pageContent h3{ padding-top:10px; font-family:var(--headfont);font-size:var(--fs-32);font-weight:200 ; margin: 0} .pageContent ul{ margin:10px 0 30px 0; padding:0; list-style:none; } .pageContent ul li{ font-size: var(--fs-20); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 15px} .pageContent ul li:before{ content:'•'; position:absolute; left:0; top:0; color:var(--black-clr); font-family: 'FontAwesome'; } .pageContent p a{ color:var(--main-clr); } .pageContent p a:hover{ color:var(--seconday-color); } .pageContent table{ width:100%; max-width:380px } .pageContent table td{ color:var(--black-clr) ; font-size:var(--fs-18); font-family:var(--secondary-font); line-height:1.8; font-weight: 400} .pageContent table td:first-child{ padding-right:20px; } .pageContent h1{ font-size:var(--fs-16); padding:0 0 30px 0; color:rgba(0,0,0,0.7) ; text-transform:uppercase; letter-spacing:3px; font-weight:300; margin:0; font-family:var(--accent-font); font-weight:300; opacity:0.7 } .pageContent ol {list-style: none; padding: 0; counter-reset: pagecontentOl; margin: 0; } .pageContent ol li:before {counter-increment: pagecontentOl; content: counter(pagecontentOl)"."; width: 51px; height: 51px; background: #e8e8e9; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: var(--fs-24); padding: 5px 5px 5px 10px; position: absolute; top: 0; left: 0; } .pageContent ol li {position: relative; padding: 8px 0 35px 70px; font-weight:300 } .pageContent ol li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); margin:0 0 10px 0 } .pageContent blockquote {padding:0 34px 10px; background: #f3f3f4; margin: 40px 0 30px; } .pageContent blockquote h3 {background: #2b2933; display: table; padding:10px 20px; margin-bottom: 20px;font-size:var(--fs-14);color:#ede8e0; text-transform: uppercase; letter-spacing: 0.1em; } .blog-banner:after{ display:none; } .blog-banner .bannerImage:after{ display:none; } .blog-title{ text-align:center; padding:65px 0 60px 0 } .blog-title h2{ padding:0; color:#fff; font-size:var(--fs-60); font-weight:200 } .treatment-tbl table{min-width:100%; border:1px solid var(--main-clr) !important;} .treatment-tbl table td{border-color:var(--seconday-color) !important; font-family: var(--headfont) !important; font-size: var(--fs-16) !important;} .treatment-tbl table td strong{font-weight:600 !important;} /*END BLOG DETAILS*/ /*BLOG DETAILS SIDEBAR*/ .brdholder{ text-align:right; } .darksidebar-bg{ } .sidebarFormHolder{ padding:0; margin:5px 0 0 0} .sidebarFormHolder h2{font-weight: 400; font-size: var(--fs-40); color: #fff;} .sidebarImage img{ width:100% } .sidebar{ overflow: auto; z-index:1; } .sidebarContent{ padding:55px 45px ; background: var(--main-clr);} .sidebar h3{ color:var(--seconday-color); font-weight:300; font-family:var(--bodyfont); font-size:var(--fs-42); } .sidebar p{ text-align:center; font-weight:400; font-size:16px; color:#fff } /*.sidebar-form .inputHolder{} .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder select{ width:100% !important; background-color:transparent !important; border:none !important; border-bottom:1px solid rgba(255,255,255,0.38)!important; padding:15px 0 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:300 !important; color: rgba(255,255,255,0.38) !important; margin: 0 0 20px 0 !important; border-radius: 0 !important; box-shadow: none !important;} .sidebar-form .inputHolder { width:100% } .sidebar-form .inputHolder ::placeholder { color:rgba(255,255,255,0.38); opacity: 1; } .sidebar-form .inputHolder ::-ms-input-placeholder { color: rgba(255,255,255,0.38);} .formGroup{ } .sidebar-form input[type=submit]{ padding:15px 45px !important; background:var(--main-clr); !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:300 !important; font-size:var(--fs-16) !important; transition:all .5s !important; margin: 15px auto !important; display: block !important; border-radius: 0 !important; color: var(--btn-clr) !important; text-transform:uppercase; font-family:fontawesome; letter-spacing: 2px; } .sidebar-form input[type=submit]:hover{ background:var(--seconday-color) !important; color:#fff !important } */ .sidebar-form input[type=text], .sidebar-form input[type=email], .sidebar-form input[type=tel], .sidebar-form select{ width:100% !important; height:64px !important; line-height:64px !important; background:#fff !important ; border: none !important; outline: none !important; font-family: var(--accent-font) !important; color: var(--black-clr) !important; font-size: var(--fs-16) !important; font-weight: 300 !important; border-radius: 0 !important;} .sidebar-form .gform_fields{gap: 20px!important} .sidebar-form input[type=text]:focus, .sidebar-form input[type=email]:focus, .sidebar-form input[type=tel]:focus, .sidebar-form select:hover{ outline:1px solid #fff !important; outline-offset:-2px !important } .sidebar-form textarea{ width:100% !important; height:64px !important; padding:0px 12px !important; background:#fff !important ; border: none !important; outline: none !important; margin: 0 !important; font-family: var(--accent-font) !important; color: var(--black-clr) !important; font-size: var(--fs-16) !important; font-weight: 300 !important; resize: none !important; border-radius: 0 !important;min-height: auto !important;line-height: 64px!important} .sidebar-form .inputHolder{ width:100% } .sidebar-form ::placeholder { color: var(--black-clr) !important; opacity: 1 !important; } .sidebar-form ::-ms-input-placeholder { color: var(--black-clr) !important;} .sidebar-form select{ background-image: url(assets/images/select-down-arrow.png) !important; background-repeat: no-repeat !important; background-position: 96% center !important; -webkit-appearance:none; -moz-appearance:none; appearance:none !important; -ms-appearance:none; -o-appearance:none; } .sidebar-form input[type=submit]{ padding:17px 45px !important ; background:var(--seconday-color) !important; border:none !important; outline:none !important; cursor:pointer !important; font-weight:400 !important; font-size:16px !important; transition:all .5s !important; color:#f5ede0 !important; font-family:var(--headfont) !important; font-weight:300; height:64px !important; display:block !important; margin:0 auto !important; box-shadow: inset 0 0 0 0 var(--black-clr) !important; border-radius: 0 !important; } option{ background:var(--seconday-color) !important; color:#fff !important; } .sidebar-form input[type=submit]:hover{ color:#fff !important; box-shadow: inset 300px 0 0 0 var(--black-clr) !important;} .sidesticky{ position:sticky; top:0; overflow:auto; } .breadcumb{ padding:8px 0; } .breadcumb.main{ position:relative; z-index:9 ; background:#f3f3f4 } .breadcumb ul{ display:flex; justify-content:center; margin:0; padding:0; list-style:none; column-gap: 30px; position: relative; } .breadcumb ul li{ font-family:var(--accent-font); font-weight: 600; font-size:var(--fs-16); text-transform:uppercase; letter-spacing:0.2em ; color: var(--black-clr); position:relative; } .breadcumb ul li:after{ content:'/'; position:absolute; color:var(--black-clr); border-radius:50%; right: -20px; top: -1px; font-family: var(--accent-font);} .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{ color: var(--black-clr); font-weight:300 } .breadcumb ul li a:hover{ color:var(--main-clr); } .callToBook{ background:var(--seconday-color); text-align:center; } .callToBook a{ display:block; padding:20px; font-weight:500; font-size:var(--fs-24); text-transform:uppercase; color:#fff; letter-spacing:1px } .callToBook a i{ margin:0 10px 0 0 } /*END BLOG DETAILS SIDEBAR*/ /*GALLERY*/ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before {left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before {z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .social-share-section{ } .section-heading-inner{ display:flex; align-items:center; justify-content:center; gap:30px; } .share-social-icons ul{ margin:0; padding:0; list-style:none; } .share-social-icons ul li{ float:none; display:inline-block; vertical-align:top; } .share-social-icons ul li a{ color:var(--main-clr); font-size:var(--fs-30); margin:0 10px; } .section-heading-inner h2{ padding:0 } .insta-feed{ margin:30px 0 0 0 } .section-heading-inner h2 a{ font-weight:600; color:var(--body-font-color); } .section-heading-inner h2 a:hover{ color:var(--main-clr); } .image-gallery-selector .gal-image img { border: 1px solid var(--seconday-color); } .image-gallery-selector .gal-image h5{ color:var(--main-clr); text-align: center; font-family:var(--headfont); font-size:var(--fs-22); font-weight: 700; text-transform: capitalize; margin-top: 10px; } /*END GALLERY*/ /*CONTACT ICON*/ .iconHolder{ margin:10px 0 30px 0 } .iconList{ display:flex; align-items:center; margin:0 0 20px 0 } .iconListIcon{ width:26px; flex-shrink:0; margin:0 5px 0 0; color:var(--main-clr); font-size:18px } .iconListText{ font-size:var(--fs-20); color:var(--black-clr); font-family:var(--accent-font); font-weight:300 } .iconListText a{ color:var(--black-clr) } .iconListText a:hover{ color:var(--main-clr); } .mapHolder{ margin:0px 0 15px 0 ; border: 1px solid #2f2841} .mapHolder { overflow: hidden; padding-top: 56.25%; position: relative; display: block;} .mapHolder iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } .openingHr td{ padding:5px 5px 5px } .openingHr h2{ font-size:var(--fs-36); } .add-con-hold{ margin:0 0 30px 0 } .time-holder table td{ color:var(--seconday-color); font-family:var(--bodyfont); font-size:var(--fs-18); font-weight:300 } .contact-gallery:not(.slick-initialized) img{display:none} .contact-gallery:not(.slick-initialized){height:100px;background:repeating-linear-gradient(90deg, #eee, #eee 32%, transparent 32%, transparent 35%)} .contact-gallery .slick-slide{padding:0 10px} .contact-gallery .slick-list{margin:0 -10px} .con-gal-image img{ width:100%;aspect-ratio:23/13 } .contact-gallery{ margin:0 0 30px 0;overflow:hidden; } .contact-gallery .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:0; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .contact-gallery .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:0; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .contact-gallery .slick-next:hover, .contact-gallery .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--seconday-color); color:#fff } .contact-content-block p{ padding-bottom:20px; } .contact-details-accro{ border-bottom:1px solid #bcbcbc; padding:20px 0 } .contact-heading-block{ font-size:var(--fs-30); color:var(--black-clr); font-family:var(--headfont); font-weight:300; position:relative; cursor: pointer;} .contact-content-block{ display:none; } .contact-content-block{ padding:20px 0 0 0 } .contact-heading-block:after{ content:''; position:absolute; right:0; top:6px; content: "\f061"; font-family: 'FontAwesome'; color:var(--black-clr); transform: rotate(90deg);transition: all .5s; font-size:20px; } .contact-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} @media only screen and (max-width:767px){ .iconListIcon{ margin:0 10px 0 0 } .inner-banner-content-area{padding-right: 0px;} } /*END CONTACT ICON*/ /*TREATMENT BOX*/ .treatmentImage{ margin:0 0 30px 0 ; overflow: hidden; position: relative;} .treatmentImage img{ width:100% ; transition: all .5s;display:block;} .treamentHolder{ position:relative; } .treamentHolder h3{ color:var(--body-font-color); transition:all .5s } .treamentHolder a:hover h3{ color:var(--seconday-color); transition:all .5s } .treamentCaption{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; padding:30px; width: 100%; left: 0; opacity: 0; visibility: hidden;transition: all .5s;} .treamentCaption ul{ margin:0; padding:0; list-style:none; } .treamentCaption ul li{ float:none; font-size:var(--fs-20); margin:12px 0 } .treamentCaption ul li a{color:#fff; } .treamentHolder *{ box-sizing:border-box; } .treamentHolder:hover .treatmentImage img{filter: blur(65px); transition: all .5s;} .treamentHolder:hover .treamentCaption{ opacity:1.0; visibility:visible; transition: all .5s;} .pageContent .btncn { margin:25px 0 50px 0; } .treatmentContentHolder h2{ text-transform:none; } .treatmentContentHolder .btncn-white{ border:1px solid var(--body-font-color); } .treatmentBoxHolder{ display:flex; background:#f7f7f7; } .treatmentContent{ width:50%; display:flex; align-items:center; padding:45px } .treatmentContent ul{ margin:0; padding:0; list-style:none; } .treatmentContent ul li{ font-size:var(--fs-20); color:var(--body-font-color); font-weight:400; padding:10px 0 } .pageContent h4{ color:var(--main-clr); font-size:var(--fs-20); font-weight:600; margin:0 } .address-holder{ margin:0 0 50px 0 } /*PINK SECTION*/ .pink-section{ background:var(--seconday-color); text-align:center; } .pink-section h2{ color:#fff } .pink-section .btncn-default{ background:var(--main-clr); } .pink-section .buttonGroupCenter{ margin:0 } .pink-section .btncn-default:hover{ background:transparent; } /*TREATMENT GALLERY*/ .treatmentGallery h2{ text-transform:none; } /*ACCRIDIAN SECTION*/ .accordian-new h3 { font-family: var(--bodyfont); font-weight: 400; font-size: var(--fs-20); color: var(--body-font-color); cursor: pointer; margin-bottom: 0; position: relative; padding: 30px 30px 30px 0; } .ui-accordion-content-new { } .ui-accordion-header-active-new{} .accordian-new h3:focus { outline: 0} .accordian-new h3:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 30px; font-size: 20px; color: #000000; font-weight: 300; transition: .5s} .inneraccordina-area { padding: 10px 0 45px 0; } .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg); color: #3b3b3b} .accordianarea-new .accordian h3.ui-accordion-header-active-new:after { transform: rotate(-180deg); color: #f05824} .ui-accordion-content-new { padding: 0px 0px 30px 0; display: none} .ui-accordion-content-new p { text-align: justify; padding-bottom: 20px} .accroContent{ border-bottom:1px solid #d3d3d3; } .accroContent h3{ margin:0; padding:30px 0; font-size:var(--fs-20); font-weight:500; font-family:var(--headfont); position: relative; cursor: pointer;} .accroContent p{ font-size:var(--fs-20); } h3.clcikbtn-new-3:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 26px; font-size: 20px; color: #000000; font-weight: 300; transition: .5s} h3.ui-accordion-header-active-new-3:after { transform: rotate(180deg); color: #3b3b3b;} .accordian-new-3 .accroContent{ border-bottom:1px solid #d7ddd1; } .ui-accordion-content-new-2{ display:none; } .content-tab-section .accroContent h3{ padding:25px 0; font-weight:500 ; font-size: var(--fs-20); font-family: var(--headfont); padding-right: 25px;} .accordian-new-2 .accroContent h3{ font-size:var(--fs-24); font-weight:400 } h3.clcikbtn-new:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 26px; font-size: 20px; color: #000000; font-weight: 300; transition: .5s} h3.ui-accordion-header-active-new:after { transform: rotate(180deg); color: #3b3b3b;} .gallerySlider .slick-slide { margin: 0 10px; } .gallerySlider .slick-list { margin: 0 -10px; } .gallerySlider .serviceItem{ opacity:1.0 } .gallerySlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:0; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .gallerySlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:0; background:#ffffff; border:none; font-size:20px; transition:all .5s; width: 46px; height: 66px; display: flex; align-items: center; justify-content: center; border-radius: 0%; color: #000; z-index: 9} .gallerySlider .slick-next:hover, .gallerySlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--seconday-color); color:#fff } /*BEFORE AFTER SLIDER*/ .beforeAfterSlider{ width:100%; margin:0 auto; } .beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:-50px; font-size:30px; border:none; outline:none; background:transparent; color:#fff } .beforeAfterSlider .slick-prev:hover, .beforeAfterSlider .slick-next:hover{ color:var(--body-font-color); } .beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .beforeAfterSlider .slick-track{ } .sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); } .beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform: translateY(-50%); left:-60px; background:transparent; border:none; font-size:20px; transition:all .5s; width: 47px; height: 47px; background: #ceeff0; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--main-clr); } .beforeAfterSlider .slick-next{ position:absolute; top:50%; transform: translateY(-50%); right:-60px; background:transparent; border:none; font-size:20px; transition:all .5s; width: 47px; height: 47px; background: #ceeff0; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--main-clr);} .beforeAfterSlider .slick-next:hover, .serviceSlider .slick-prev:hover{ opacity:1; transition:all .5s } /*FOOTER*/ .footer{ background:#222222; } .footBottom{ padding:0px 0 30px 0; } .ftbtm{ justify-content:space-between; align-items:center; display: flex; border-top: 1px solid #343434; padding-top: 30px; } .copyright{ font-size:14px; color:rgba(255,255,255,0.42) ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300} .footer-logo img{ } .footerTop{ padding:0 0 50px 0; } .footerTopContent{ display:flex; justify-content:space-between; } .footerwidget_1{ width:15%; } .footerwidget_2{ width:30%; } .footerwidget_3{ width:15%; } .footerwidget_4{ width:20%; } .footerContent h4{ font-family:var(--headfont); font-size:var(--fs-26); color:#fff ; line-height:1.4 } .footerwidget_1, .footerwidget_4{ padding:50px 0 0 0 } .footer-nav{ } .footer-nav ul{ margin:0; padding:0; list-style:none; } .footer-nav ul li{ display:block; } .footer-nav ul li a{ display:block; font-weight:200; font-size:var(--fs-16); line-height:36px; color:#fff } .footer-nav ul li a:hover{ color:var(--seconday-color); } .footerLogo img{ filter: grayscale(1) brightness(100); margin:0 0 30px 0 } .footerTopContent h2{ color:#fff ; font-size: var(--fs-36); font-weight: 300; line-height: 1.4; padding: 0 0 25px 0} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:2; padding:0 0 30px 0 ; font-weight: 200; text-align: left;} .footerTopContent p strong{ font-weight:700 } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent p a i{ margin:0 5px 0 0 } .btnnSocialGrp{ display:flex; align-items:center; margin:15px 0 0 0 } .btnnSocialGrp .btncn-secondary{ color:#fff } .footerTop .btncn-light:hover{ background:#6daff3 } .footerTop h2{ font-size:var(--fs-24); font-family:var(--headfont); font-weight: 300} .social{ margin:45px 0 0 0; } .social ul{ margin:0; padding:0; list-style:none; display: flex; gap: 30px} .social ul li a{ display:block ; color:#fff; font-size:20px; } .social ul li a:hover{ color:var(--seconday-color); } .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent table{ width:100%; } .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.8; font-weight: 200} .footerTopContent table td:first-child{ padding-right:20px; } .footer-main-cn h2{ font-size:var(--fs-36); } .breadcumb.mobile{ background:var(--light-blue-color); } .blogSection{ padding-bottom:45px ; padding-top: 90px} .blogdetails h1{ font-size:var(--fs-60); } .both-address-section h2{ } .both-address-section .iconListText{ font-size:var(--fs-20); line-height:35px; font-weight:300 } .both-address-section .iconListText span{ color:var(--main-clr); } .both-address-section .iconList{ margin:0 0 10px 0 } .both-address-section .iconListText a:hover{ color:var(--hover-color); } .both-address-section .iconListText i{ margin:0 10px 0 0 } .both-address-section .section-heading h2{ font-size:var(--fs-48); } .section-heading h2{ color:var(--black-clr); font-size:var(--fs-42); padding:0 0 20px 0 } .section-heading h2 strong{ font-weight:400 } .section-heading p{ text-align:center; color:var(--seconday-color); font-size:var(--fs-16); } .btn-position-absolute { position: absolute; right: 15px; top: 10px;} .homeGallerySection .container{ position:relative; } .homeGallerySection .section-heading h2{ padding:0 } .homeGallerySection .section-heading h2 strong{ font-weight:400 } .homeGallerySection .section-heading{ display:flex; align-items:center; gap:50px; text-align:center; justify-content:center; padding-bottom:30px; } .homeGallerySection .section-heading .btncn-default{ background:var(--seconday-color); color:#fff; font-weight:400 } .homeGallerySection .section-heading .btncn-default:hover{ background:var(--main-clr); } .heading-with-btn{ display:flex; align-items:center; justify-content:space-between;gap:15px } .heading-with-btn h2{ padding-bottom:0 } .heading-with-btn .btncn{flex-shrink: 0} .view-all-mobile{display:none;} .team-content{ padding:30px 0 0; text-align: center;} .team-content h3{ font-size:var(--fs-30); font-family:var(--secondary-font); font-weight:300; margin:0; padding:0 0 12px 0; color:var(--seconday-color) } .team-content p{ padding-bottom:0; color:#161617 } .tag-line-box{ position:relative; } .tag-line-box img{ width:100%; } .tag-line-box-caption{ position:absolute; bottom:45px; left:0; width:100%; padding:0 60px } .tag-line-box-caption-inner{ background:rgba(255,255,255,0.7); padding:30px 50px; display:flex; align-items:center; justify-content:space-between; } .tag-line-box-caption-inner h2{ padding:0 } .border-heading{ border-bottom:2px solid #d2e3e8; } .border-heading h2 span{ position:relative; } .border-heading h2 span:after{ content:''; position:absolute; bottom:-35px; background:#1e718b ; height: 2px; left: 0; width: 100%; } .abt-conetnt-box{ padding:60px 0 0 0 } .abt-conetnt-box h3{ font-size:var(--fs-36); font-weight:300; font-family:var(--headfont); } .formHolderDark h2{ color:#fff; font-family:var(--secondary-font); font-weight:100 } .formHolderDark h2 strong{ font-weight:400 } .address-bottom{ display:flex; align-items:center; justify-content:space-between; gap:25px; } .address-left h5{ margin:0; font-size:var(--fs-28); font-weight:300; color:var(--main-clr); padding:0 0 15px 0 } .address-bottom .btncn-default{ margin:0 } .address-left p{ padding:0; font-size:var(--fs-16); } .both-address-section .border-heading { margin:0 0 60px 0 } .footerTopContent .btncn-default{ } .footerTopContent .btncn-default:hover{ opacity:0.8 } .contact-page-details .address-bottom{ align-items: flex-start; flex-direction: column; text-align:left; } .contact-page-details .btncn-default{ background:var(--seconday-color); } .contact-page-details .btncn-default:hover{ opacity:0.8 } .beforeAfterSlider{ width:100%; margin:0 auto; } .beforeAfterSlider .slick-slide { margin: 0 40px; } .beforeAfterSlider .slick-list { margin: 0 -40px; } .beforeAfterSlider .slick-prev{ position:absolute; top:50%; transform:translateY(-50%); left:30%; z-index: 9; font-size:30px; border:none; outline:none; background:transparent; color:#fff; width:46px; height:66px; background:#fff; color:var(--black-clr); text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 0} .beforeAfterSlider .slick-next{ position:absolute; top:50%; transform:translateY(-50%); right:30%; font-size:30px; border:none; outline:none; width:46px; height:66px; background:#fff; color:var(--black-clr); text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 0} .beforeAfterSlider .slick-prev:hover, .beforeAfterSlider .slick-next:hover{ color:#fff; background:var(--main-clr); } .beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .beforeAfterSlider .slick-track{ padding:60px 0; overflow:visible; } .sp-hover .btncn-default:hover{ background:transparent; border-color:var(--seconday-color); } .traement-dark .section-heading h2{ color:#fff; font-size:var(--fs-48); } .traement-dark .btncn-white:hover{ background:var(--main-clr); } .current-date-tr td{ font-weight:500 !important } .sp-header-highlight{ background:var(--seconday-color); } .address-bx p{ line-height:1.7 } .half-banner .bannerImage{ width:50%; box-shadow: 10px 10px 25px 3.36px rgba(0, 0, 0, 0.30); } .half-banner{ display:flex; justify-content: flex-end; background: rgb(15,55,61); background: linear-gradient(180deg, rgba(15,55,61,1) 0%, rgba(39,168,188,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);} .half-banner h1{ font-size:80px; } .gal-image img{ width:100% } .footer-heading-block { pointer-events: none;} .tab-content {display: none; padding: 40px 0} .tab-nav { display: flex; list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #cedad7; justify-content: space-between;} .tab-nav li a { display: block; text-decoration: none; font-weight:300; font-size:16px; text-transform:uppercase; letter-spacing:4px; color:rgba(22, 22, 23, 0.20); padding:15px 0; position:relative; } .tab-nav li a.active{color:rgba(22, 22, 23, 1.00);} .tab-nav li a.active:after{ content:''; position:absolute; bottom:0; width:100%; height:1px; background: #83958e; left: 0; bottom: -1px} .accordion-toggle { display: none; padding: 10px; background: var(--light-bg); cursor: pointer; text-decoration: none; font-weight:300; font-size:16px; text-transform:uppercase; letter-spacing:4px; color:rgba(22, 22, 23, 0.50); position:relative; padding: 15px; margin: 0 0 5px 0;} .accordion-toggle.active { } .tab-content h3{ padding-bottom: 30px; margin: 0; color: var(--main-clr); font-family: var(--headfont); font-size: var(--fs-36); font-weight: 300; } .accordion-toggle:after{ content:'+'; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:20px; color:#000 } .accordion-toggle.active:after{ content:'-'; color:#fff } .accordion-toggle.active{ background:var(--main-clr); color:#fff } .content-item-inner{ display:flex;justify-content:space-between; background: var(--light-bg);} .content-slider-image{ width:45%; } .content-slider-content{ width:55%; padding:50px 75px;align-self: center; } .content-slider-image * {height: 100%; object-fit: cover; } .content-slider .slick-prev { position:absolute; bottom:50px; right:120px; z-index:9; border:none; background:transparent; font-size:30px; opacity:0.5;color:#000 } .content-slider .slick-next { position:absolute; bottom:50px; right:75px; z-index:9; border:none; background:transparent; font-size:30px; opacity:0.5;color:#000 } .content-slider .slick-next:hover, .content-slider .slick-prev:hover{ opacity:1.0 } .contact-icon{ display:none; } .content-slider p a{ color:var(--main-clr); } .content-slider p a:hover{ color:var(--seconday-color); } .treatment-tabs .tab-nav{ border:none; } .treatment-tabs .tab-nav li a.active:after{ display:none; } .treatment-tabs ul li { width:100% } .treatment-tabs ul{ gap:20px; } .treatment-tabs ul li a{ display:block; background:#f3f3f4; text-align:center; color:var(--black-clr); } .treatment-tabs ul li a.active{ background:var(--black-clr); color:#fff } .treatment-tabs .tab-content{ padding:0 ; position: relative;} .treatment-tabs .service-list-holder{ margin:20px 0 } .dark-bg legend, .dark-bg label{ color:#fff !important; font-size: 18px !important; } .para-text.dark-bg .homeFormHolder input[type=submit]{ width:auto !important } /*SERVICE SECTION*/ .service-captions{ position:absolute; width:100%; height:100%; background:var(--topbar-color); padding: 50px; display: flex; flex-direction: column; justify-content: center; text-align: center; opacity: 0; visibility: hidden; transition: all .5s; z-index: 99} .service-captions h4{ font-size:var(--fs-24); color:#fff } .service-captions ul{ margin:0; padding:0; list-style:none; } .service-captions ul li{ display:block; } .service-captions ul li a{ display:block; color:#fff; padding: 5px 0} .service-captions ul li a:hover{ color:var(--seconday-color); } .serviceCol:hover .service-captions{ opacity:1; visibility:visible; transition:all .5s; } .serviceItemIcon{ overflow:hidden; } .serviceItemIcon img{ transition:all .5s } .serviceCol:hover .serviceItemIcon img{ filter:brightness(0.5) blur(10px) ; transform: scale(1.2); transition:all .5s } .serviceCol .service-captions a:hover h4{ color:var(--secondary-font); } .serviceCol .service-hd h3{ display:block; pointer-events:inherit; } .service-hd{ } .serviceItemInr{ position:relative; } @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ .service-slider-section .section-heading h2{ padding-bottom:0 } .service-nav-prev, .service-nav-next {width: 45px; height: 45px; font-size: 20px; } .serviceCol{height: 100%} .serviceSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 100px);} .serviceSlider .slick-list{margin:0 -5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .serviceSlider .slick-slide{margin:0 5px} .slick-slide .serviceItem{opacity: 0.3;transition: 0.3s} .slick-slide.slick-active .serviceItem{opacity:1} .serviceSlider{ line-height:1 } } /*END SERVICE SECTION*/ @media screen and (max-width: 767px) { .tab-nav { display: none; } .accordion-toggle { display: block; } } @media only screen and (max-width: 1699px) { :root{ --fs-48: 40px; --fs-40: 35px; --fs-24: 22px; --fs-100:80px; --fs-80:60px; --fs-70:50px; --fs-60:40px; --fs-65:45px; --fs-50:40px; --fs-48:40px; --fs-46:38px; --fs-45:37px; --fs-42:34px; --fs-40:32px; --fs-38:31px; --fs-36:32px; --fs-30:28px; --fs-28:26px; --fs-26:24px; --fs-24:22px; --fs-23:21px; --fs-22:20px; --fs-21:20px; --fs-20:18px; --fs-18:17px; --fs-17:16px; --fs-16:16px; --fs-14:14px; } .bannerCaption h1{ font-size:70px } .inner-banner .bannerCaption h1{ font-size:70px } .halfBannerCaption h2{ font-size:60px } .banner h5{ font-size:16px; padding:0 0 10px 0 } .headerTop ul li{ font-size:16px } .header-right{ gap:20px; } .phoneNumber a, .contact-menu a, .toggle-menu-btn a{ font-size:17px; } .main-menu-holder{ padding:30px 0 } .main-nav ul li a{ font-size:30px; } .main-nav ul{ gap:35px; } .main-nav ul li ul li a{ font-size:18px; } .bannerCaption{ top:50% } .header-left{ width: calc(50% - 150px); } .header-right{ width: calc(50% - 150px); } .navigation nav > ul > li >a{ padding:0 15px } .bannerCaption h2{ font-size:75px; padding-top:10px; } .banner .slick-dots{ max-width:1320px; bottom:50px } } @media only screen and (max-width: 1399px) { :root{ --fs-60: 45px; --fs-48: 36px; --fs-42: 30px; --fs-18: 16px; --fs-28: 22px; } .welcomeSection{ padding:50px 0 0 } .section{ padding:50px 0 0 0 } .section-padding-bottom{ padding-bottom:50px; } .no-padding{ padding:0 } .contentHolder:not(:last-child){ padding:0 0 50px 0 } .btncn{ padding: 15px 25px 13px; } .duel-bg{ padding-top:0 } .sp-section-bottom .btncn{ padding: 30px 45px; } .no-padding-top{ padding-top:0 } .halfBannerCaption h2{ font-size:60px } .phContent{ font-size:14px; } .phContent span{ font-size:12px; } .phIcon{ width:30px; height:30px; font-size:13px; } .bookAppointment a{ font-size:15px; padding: 35px 15px; } .fixed .bookAppointment a{ font-size:15px; padding: 35px 15px; } .navigation nav ul li a{ font-size:17px; } .navigation nav ul{ } .bookAppointment a{ margin:0 0 0 15px; } .bannerCaption h1{ font-size:60px } .bannerCaption{ top:55% } .serviceSlider { padding:0 0; } .serviceSlider .slick-prev{ left:-25px; } .serviceSlider .slick-next{ right:-25px } .footerContent h4{ font-size:22px; margin:0 } .qualityContent h3{ margin:0; font-size:26px; } .hmfrmcon{ padding:50px 50px 50px 0 } .g-5, .gx-5 { --bs-gutter-x: 2rem;} .inner-banner .bannerCaption h1{ font-size:60px; } .top-content-overlap{ margin:0 } .treatmentImageHolder .qualityContent h3{ font-size:24px; } .treatmentImageHolder{ row-gap:30px } .galInnerContainer{ padding:20px } .galInnerContainer ul li{ font-size:18px } .content-sec-bottom{ padding:50px 0 0 0 } .cts-image h2{ font-size:60px } .full-part-banner h1{ font-size:55px; padding-bottom:40px; } .innerBanner{ padding:0 0 0 0 } .innerbannerContent h2{ font-size:50px; } .treatmentContent{ padding:30px; } .serviceItem h3{ font-size:22px; } .header-right { width: calc(50% - 100px)} .header-left { width: calc(50% - 100px)} .teamSlider{margin: 40px 0 40px 0; } .footerwidget_4{ width:24% } .header-main .container{ width:100%; max-width:100% } .header-left{ justify-content:flex-start; } .enquery-btn{ position:fixed; right:0; top:300px; height:inherit; transform-origin: top right; transform: rotate(90deg); z-index: 1} .enquery-btn a{ padding:10px 15px; } .header-right{ justify-content:flex-end; } .section-parent-menu{ padding:0 30px } .contact-btn a{ font-size:17px } .banner h5{ font-size:14px } .banner .slick-dots{ max-width:1140px; bottom:15px } .bannerCaption h2{ font-size:58px } .service-list-holder{ margin:0 } .page-content-padding-right, .page-content-padding-left{ padding:0 } .blog-title{ padding:45px 0 } } @media only screen and (max-width: 1199px) { :root{ --fs-60: 40px; --fs-36: 27px; --fs-32: 28px; --fs-30: 25px; --fs-24: 18px; --fs-22: 18px; } .logo{ position:relative; z-index:9999 } .welcomeLeft, .welcomeRight{ width:50% } .g-5, .gx-5{ --bs-gutter-x: 3rem; } .welcomeContent{ gap:120px } .buttonGroup{ flex-direction:column; } .buttonGroup a{ margin:0 } .contentHolder ul li a{ font-size:20px; padding:12px 0 } .sp-section-bottom h2{ padding:0 30px 20px } .sp-section-bottom .btncn{ padding:25px 25px } .formHolderDark .align-items-center { align-items: flex-end !important;} .formHolderDark p br{ display:none; } .formHolderDark h2{ font-size:30px } .hmfrmcon{ padding-top:50px; padding-bottom:50px } .ratingSection h4{ font-size:16px } .number{ font-size:24px } .phoneNumber, .bookAppointment a{ position:relative; z-index:9999 } .halfBannerCaption h2{ font-size:50px; padding:0 0 15px 0 } .innerbannerContent{top:50%} .navigation{ visibility:hidden; } .header-main .container-fluid{ } .bookAppointment{ margin:0 60px 0 0 } .treatment-welcome:before { height: 30%; top: -30%;} .treatment-repeat{ width:48% } .bookAppointment a{ padding:30px 15px } .logo{ width:180px } .headerHolder{ padding:10px 0 } .fixed .bookAppointment a{ padding: 30px 15px; } .fixed .section-parent-menu{ padding:0 } .serviceSlider{ margin:20px 0 0 0 } .team-content{ padding:15px 0 0 } .tag-line-box-caption-inner{ padding:15px 30px } .abt-conetnt-box{ padding:40px 0 0 0 } .abt-conetnt-box h3{ margin:0 } .reviewSection .reviewItem{ padding:30px; } .address-bottom{ margin:0 0 45px 0 } .footerLogo{ width:120px } .footerTop h2{ font-size:25px; } .footer-nav{ margin-bottom:30px } .footBottom{ padding-bottom:30px } .inner-banner .bannerCaption h1{ font-size:50px; } .mean-container a.meanmenu-reveal{ right:7px !important } .full-image img{ max-width:100% } .sidebarContent{ padding:40px 20px; } .video-caption{ top: 70%; } .bannerCaption h1{ font-size:55px; } .banner-logo-holder{ margin:0 0 20px 0 } .serviceItem h3{ font-size:20px; } .cts-image h2{ font-size:50px } .inner-banner h1{ padding-bottom:25px; } .bannerCaption{ top:50% } .breadcumb ul{ margin:0; margin-top:0; } .full-part-banner{ padding:50px 0 0 0 } .full-part-banner h1{ font-size:45px; } .bookAppointment a{ margin:0 65px 0 20px } .headerHolder{ position:relative; } .section-parent-menu{ padding:0 0 0 0 } .mean-container a.meanmenu-reveal{ margin-top:-20px } a, a:hover{ transition:none; } .mean-container a.meanmenu-reveal{ background:#fff ; border-radius: 0; border: none;} .mean-container .mean-nav ul li li a{ padding:15px 10%; font-size:14px !important } .bookAppointment a:after{ display:none; } .header-main{position:static;} .footerTopContent h2{ font-size:28px } .footerTop{ padding:45px 0 } .footBottom{padding: 15px 0} .footerTopContent{ display:block; } .footerwidget_1{ width:100%; } .footerwidget_2{ width:100%; margin:30px 0 30px 0} .footerwidget_3{ width:100%; } .blogdetails h1{ font-size:36px } .blogdetails h1{ font-size:40px ; padding: 0 0 20px 0} .menu-column-3{ display:none; } .menu-column-1{ width:100%; } .main-nav ul li ul{ position:static; width:100%; display:none; } .phoneNumber span{ display:none; } .phoneNumber a{ background: var(--main-clr); color: #fff; border-radius: 50%; padding: 5px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .phoneNumber a i{ margin:0; color:#fff } .header-left{ gap:120px; } .main-nav ul{ gap:20px; } .main-nav li{ position:relative; } .main-nav .dropdown-toggle{ position: absolute; right: 0; top: 0; width: 45px; height: 45px; text-align: center; line-height: 35px; font-size: 24px; color:#fff } .main-nav .dropdown-toggle::after{ display:none; } .main-nav ul li ul li{ width:100%; padding:0 0 0 30px; } .main-nav ul li ul li a{ line-height:34px; } .teamSlider .slick-slide{ margin:0 10px; } .teamSlider .slick-list { margin: 0 -10px; } .teamBox h5{ font-size:16px; } .footerwidget_2{ padding:0 0 30px 0; margin:0 } .footer-logo{ width:180px; } .footerwidget_4{ width:100%; } .footer-content-block{ display:none; } .footer-heading-block{ position:relative; cursor:pointer; pointer-events:all; } .footer-heading-block:after{ content:''; position:absolute; right:0; top:6px; content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s } .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} .footer-heading-block{ pointer-events:inherit; } .halfInnerBanner{ padding:0 } .halfBannerImage img{ height:500px; object-fit:cover; } .halfBannerCaption{ top:50% } .halfBannerImage{ width:45% } .no-padding{ padding:50px 0} .details-side-content{ padding-top:30px; } .breadcumb{ padding:12px 0 } .team-section .btn-wrap{ display:block; } .team-section .next-btn{ background: var(--seconday-color); width: 50px; height: 50px; border-radius: 50%; color: #fff; border: none; position: absolute; right: 30px; top: 36%; transition: all .5s; } .header-left{ display:none; } .header-right{ width:75%; padding:0 50px 0 0} .banner .slick-dots{ max-width:960px } .banner:after{ width:60% } .sevice-list h4{ font-weight:400 } .sevice-list { width: calc(50% - 20px);} .content-slider-content{ padding:30px } .reviewItem{ padding:0 25px } .footerwidget_1, .footerwidget_4{ padding:0 } .blog-box-full{ gap:40px } } @media only screen and (max-width: 991px) { :root{ --fs-30: 22px; --fs-32: 26px; } .welcomeContent{ flex-direction:column; gap: 10px} .welcomeLeft, .welcomeRight{ width:100% } .serviceSlider{ margin:0 } .serviceSlider .slick-next{ bottom:-2px; top:inherit; left:55%; right:inherit; } .serviceSlider .slick-prev{ bottom:-2px; top:inherit; left: 39%; right: inherit;} .serviceSlider {padding:0 0 30px 0 } .ratingSection{ padding:10px 0 0 0 } .sp-section-bottom h2{ font-size:24px } .sp-section-bottom .btncn{ font-size:16px } .doctorSliderNav .slick-slide.slick-current{ outline:2px solid var(--seconday-color); outline-offset:-2px } .doctorItemNav{ display:block !important; } .desktop{ display:none; } .mobile{ display:block; } .doctorSliderNav .slick-next{ left: inherit; right: 0; bottom:inherit; top:50%; transform:translateY(-50%); } .doctorSliderNav .slick-prev{right: inherit; left: 0; bottom:inherit; top:50%; transform:translateY(-50%); } .doctorSliderNav { padding:0 50px } .hmfrmcon{ padding-right:0; padding-left:0 } .beforeAfterSlider{ width:85% } .halfBannerCaption h2{ font-size:42px } .formHolderBg {position: static; margin: 0 0 50px 0; } .formHolderDark::after {width: 100%; } .formHolderDark {padding-top: 0; background: var(--deep-blue); } .formHolderBg img {aspect-ratio: 1.38; } .contentHolder ul li a:before{ top:12px; } .appointmentSticker{ padding:30px; flex-wrap: wrap; text-align: center; justify-content: center;} .teamHolder{ margin:10px 0 0 0 } .midBtn{ margin-top:0 !important } .welcomeLeft h2 br{ display:none; } .welcomeLeft:after{ display:none; } .g-5, .gy-5 { --bs-gutter-y: 0rem !important;} .partnetSectionTreatment{ padding:0 0 50px 0 } .phoneNumberIcon{ margin:0 0 0 20px } .hoverImage{ margin:0 0 30px 0 } .formHolderDark{ background:var(--main-clr); } .inner-banner .bannerCaption h1{ font-size:50px; } .halfBannerCaption h2{ font-size:50px; } .traement-dark{ padding: 30px 28px; } .team-content{ padding:0; margin-bottom:20px } .team-content h3{ font-size:28px; } .abt-conetnt-box .btn-line{ margin:0 0 30px 0 } .right-full-image{ width:100%; position:static; } .formHolder{ background-size:cover !important; } .reviewSection .section-heading{ text-align:center; } .content-tab-section{ padding:30px 0 } .beforeAfterSlider .slick-prev{ left:-39px; } .beforeAfterSlider .slick-next{ right:-28px } .welcome-content{ margin-top:0 } .welcome-content{ padding:0 } .service-slider-section .btn-position-absolute{ top:0 } .service-slider-section{ padding-bottom:50px } .serviceItem h3{ font-size:20px; padding:0 15px 15px } .full-image{ margin-bottom:30px; } .serviceSlider { margin:30px 0 0 0; width:190%; } .serviceSlider .slick-slide.slick-current + .slick-slide{ opacity: 0.2; filter: grayscale(100%);} .homeGallerySection .section-heading{ flex-direction:column; gap:20px; padding-bottom:0 } .half-banner .bannerImage{ width:100% } .innerbannerContent h2{ font-size:40px; padding:0 0 30px 0 } .bannerImage img{ height:550px; object-fit:cover; } .inner-banner .bannerImage img { height: 350px; object-fit: cover; object-position:0px; } .treamentHolder{ margin-bottom:30px; } .treatmentImage{ margin:0 0 20px 0 } .partnersLogoRow{flex-wrap:wrap;justify-content:center;gap: 30px; justify-content: center;} .partnersLogoItem {width: calc(30% - 15px); } .sidebarFormHolder{ margin:0 } .sidebar{ margin-top:45px; } .breadcumb ul{ justify-content:center; } .blogPostContent h4{ padding-top:0 } .blogPostContent{ margin:0 0 30px 0 } .blogCategory{ padding:20px 15px } .blogCategory span{ font-size:16px } .blogCategory select{ font-size:16px } .blogPostContent .hoverImage{ margin-bottom:15px } .pagination{ padding:25px 0 0 0 } .header-left{ gap:35px; } .make-en span{ display:none; } .make-en a{ background: #25d366; color: #fff; border-radius: 50%; padding: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .make-en a i{ display:block; } .ratingSection{ margin:0 0 30px 0 } .partnersLogoImg{ width:30% } .reviewVideoSlider{ width:100% } .reviewVideoSlider .reviewVideoItem img{ width:100% } .reviewVideoSlider .slick-slide { margin: 0 10px; opacity: 1; filter: grayscale(0); transition: all .5s;} .service-slider-holder{ margin-top:65px; } .reviewVideoSlider{ width:190% } .reviewVideoSlider .slick-slide{ opacity: 0.2 ; filter: grayscale(100%); transition: all .5s; } .teamSlider { width:190%; } .teamSlider .slick-slide{ opacity: 0.2 ; filter: grayscale(100%); transition: all .5s; } .teamSlider .slick-slide.slick-current{ opacity: 1.0 ; filter: grayscale(0%); transition: all .5s; } .teamSlider .slick-prev{ display:none !important; } .team-section .next-btn{ background: var(--seconday-color); width: 50px; height: 50px; border-radius: 50%; color: #fff; border: none; position: absolute; right: 30px; top: 36%; transition: all .5s; } .no-padding{ padding-bottom:50px } .details-side-content{ padding-top:30px; } p{ padding-bottom:20px; } .banner:after{ width:100% } .banner .slick-dots{ max-width:720px } .btncn-border{ flex-shrink:0 } .team-section .next-btn{ top:42% } .content-item-inner{ flex-direction:column; } .content-slider-image, .content-slider-content{ width:100% } .footerTop{ padding-bottom:10px } .halfBannerImage{ width:100% } .halfBannerImage img{ height:400px; filter:brightness(0.6); } .bolg-box-image{ width:280px } .blog-title{ padding:30px 0 } } @media only screen and (max-width: 767px) { :root { --fs-60: 30px; --fs-48: 30px; --fs-42: 26px; --fs-18: 16px; --fs-20: 17px; } .bannerCaption h1{ font-size:42px } .btncn{ font-size:15px; padding: 15px 20px 13px; } .btncn-default i, .btncn-secondary i{ margin:0 5px 0 0 } .serviceSlider .slick-next{ left:60% } .serviceSlider .slick-prev{ left:40% } .number{ margin-bottom:25px } .reviewSlider .slick-prev{ left:-30px; } .reviewSlider .slick-next{ right:-30px } .reviewSlider{ padding:0 20px } .reviewItem{ padding:0 30px 30px 30px } .contentHolder ul li a:before{ top:12px } .sp-section-bottom{ position: static; background: var(--main-clr); flex-direction: column; align-items: center; box-shadow: -50vw 0 0 var(--main-clr), 50vw 0 0 var(--main-clr), -50vw -65px 0 var(--main-clr), 50vw -65px 0 var(--main-clr); padding-bottom: 30px; padding-top: 25px; } .sp-section-bottom h2{ padding:15px; text-align:center; } .sp-section-bottom .btncn{ font-size:15px } .mean-container a.meanmenu-reveal{ margin-top:-7px } .header-main{ padding-top:0; padding-bottom:0px } .bookAppointment a{ margin: 0 0 0 0; } .mean-container a.meanmenu-reveal{ right:0 !important ; top: -17px; padding-right: 0} .headerHolder{ gap:5px; } .bookAppointment a{ width:34px; height:34px } .mean-container .mean-nav{ margin-top:20px } .welcomeLeft:after{ display:none; } .logo{ width:140px } .fixed .logo { width: 120px; } .innerbannerContent h2{ font-size:40px } .innerbannerContent{ padding:0 } .g-5, .gy-5{--bs-gutter-y: 1rem;} .treamentHolder h3{ padding:0; margin:0 } .pageContent h2{ font-size:30px; } .accordian-new h3{ font-weight:500; font-size:18px; } .blogTop{ padding:15px; justify-content:center; align-items:center; } .categotyDropdown select{ width:100% } .sortBy{ width:130px } .categotyDropdown{ width:100% } .blogPostContent a h4{ margin:0 } .halfBannerImage{ width:100% } .halfBannerCaption{ text-align:center;text-align-last: center; position: static; transform: translate(0); padding: 15px 0} .halfInnerBanner{ display:block; } .formGroup{ flex-wrap:wrap; gap:0 } .iconList{ margin:0 0 20px 0 } .blogSection{ padding:30px 0 } .categotyDropdown select{ background-size:14px 14px } .categotyDropdown{ margin:0 } .phContent{ display:none; } .bookAppointment a{ width:39px; height:39px; background:var(--main-clr) ; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 } .phoneNumberIcon{ margin:0 0 0 15px } .headerTop ul li{ padding:0 10px } .banner-logo-holder{ gap:10px } .welcomeContent h6{ padding:0 0 15px 0 } .serviceItem h3{ padding:15px 15px 15px; text-align: center;} .serviceSlider .slick-prev{ left:24% } .number{ font-size:30px; } .reviewSlider .slick-prev{ left:-20px; width: 40px;} .reviewSlider .slick-next{ right:-20px; width: 40px;} .footerContent h4{ font-size:20px } .contentSection{ padding-top:0 } .mapHolder{ margin:0 0 30px 0 } .both-address-section .section-heading{ margin:0 } .banner h5{ font-size:14px; } .inner-banner .bannerCaption h1{ font-size:40px; } .halfBannerCaption h2{ font-size:35px; } .treatment-repeat{ width:100% } .welcomeSection:before{ top: -30%; height: 30%; } .treatment-welcome:before{ top: -5%; height: 5%; } .innerBanner img{ height:400px; object-fit:cover; } .halfBannerCaption{ background:var(--black-clr); } .beafSliderItem{ flex-direction:column; } .beafSliderItem img{ width:100% } .fixed .mean-container .mean-nav { margin-top: 16px;} .bannerCaption{ text-align:center; } .banner-btn-group .btncn{ margin:0 } .welcomeSection { margin:0 0 0 0 } .btn-position-absolute{ position:static; } .homeGallerySection .section-heading{ margin:0 0 5px 0 } .tag-line-box-caption{ position:static; padding:0; } .tag-line-box-caption-inner{ padding:15px ; background: rgb(233 233 233 / 70%)} .tag-line-box-caption-inner{ flex-direction:column; text-align:center; } .homeFormHolder{ padding:0 } .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select, .homeFormHolder textarea{height: 46px !important; line-height: 46px !important; padding-top: 0 !important; padding-bottom: 0 !important; min-block-size: 46px !important;} .homeFormHolder input[type=submit] {height: 46px !important; padding: 10px 10px !important; line-height: 1 !important; } .sidebar-form input[type=text], .sidebar-form input[type=email], .sidebar-form input[type=tel], .sidebar-form select, .sidebar-form textarea{height: 46px !important; line-height: 46px !important; padding-top: 0 !important; padding-bottom: 0 !important; min-block-size: 46px !important;} .sidebar-form input[type=submit] {height: 46px !important; padding: 10px 25px !important; line-height: 1 !important; } .reviewSlider{ width:100%; padding:0; margin:0 } .address-bottom{ flex-direction:column; text-align:center; } .address-left p{ text-align:center; } .footBottom{ padding-bottom:30px } .reviewSection .section-heading{ text-align:center; } .inneraccordina-area{ padding-bottom:0 } .both-address-section .border-heading { margin: 0 0 35px 0;} .blogTop{ border-radius:4px; } .homeGallerySection .section-heading h2{ padding-right:0 } .bookAppointment a i{ display:block; } .service-slider-section .section-heading h2{ padding-right:0; padding-bottom:0 } .full-image{ margin:0 0 25px 0 } .footerTop h2{ font-size:30px; } .btn-group{ flex-direction:column; gap:0; margin:0; } .btn-group .btncn{ margin:3px 0 } .breadcumb.main{ position:static; margin:0 } .beforeAfterSlider .slick-track{ padding:0 } .insta-feed{ margin:0 } .btm-txt-vid{ display:none; } .video-holder h2{ position:static; top:inherit; transform:translateY(0); mix-blend-mode: normal; padding:15px } .video-holder{ background:var(--seconday-color); } .video-caption{ position:static; top:inherit; transform:translateY(0); } .video-caption{ padding-bottom:15px } .content-tab-section{ padding:0 } .breadcumb ul li{ font-size:12px; } .cts-image h2{ font-size:28px; left:10px; bottom:10px; position:static; padding:10px; background:var(--seconday-color); mix-blend-mode:normal; } .gallery-item .hoverImage{ margin:0 } .content-tab-section .accroContent h3{ font-size:20px; padding-right:25px; } .full-part-banner h1{ font-size:35px; } .full-part-banner .bannerImage img{ height:260px } .partnersLogoImg{ width:45% } .time-holder{ margin-bottom:30px; } .innerbannerContent h2{ font-size:32px } .innerbannerContent .btncn-white{ padding:13px 15px } .treatmentBoxHolder{ flex-direction:column; } .treatmentContent{ width:100%; padding:5px 30px 30px } .footerTopContent h2{ font-size:32px } .enquiryBtn a{ padding:15px 20px } .ftbtm{ flex-direction:column; align-items: center;} .copyright{ padding-bottom:15px } .btnnSocialGrp{ flex-direction:column; } .footerTopContent h2{ font-size:24px } .copyright{ text-align:center; } .beforeAfterSlider .slick-center{ transform:scale(1.0); transition:all .5s; } .beforeAfterSlider{ margin:0 auto; width:75% } .beforeAfterSlider .slick-track{ padding:10px 0 } .beforeAfterSlider .slick-prev{ left:-40px } .beforeAfterSlider .slick-next{ right:-40px } .accordian-new h3{ padding: 15px 30px 15px 0; } .accordian-new h3:after{ top:17px; font-size:17px } .sidebarFormHolder{ padding:0 } .sidebarContent{ padding:30px } .sidebar{ margin-top:10px } .breadcumb ul{ flex-wrap:wrap; } .blogCategory select{ background-size:16px } .headerTop ul li{ font-size:14px; } /* .header-right{ position:fixed; right:0; top:200px; display:flex; flex-direction:column; z-index:9999; background:var(--main-clr); gap:0; width:auto; } .phoneNumber a, .whatsapp-link, .make-en a{ border-radius:0; border:1px solid rgba(255,255,255,0.5); width:40px; height:40px; font-size:20px; }*/ .make-en a{ margin:0 } .toggle-menu-btn span{ display:none; } .contact-menu span{ display:none; } .phoneNumber a, .contact-menu a, .toggle-menu-btn a{ font-size:30px; } .main-nav ul li a{ font-size:26px; } .whatsapp-link a{ font-size:20px; } .main-menu-holder{ padding:35px 15px } .bannerCaption h1{ font-size:35px; } .banner h5{ padding-bottom:0 } .brackrt-image{ width:50px; } .bannerCaption .banner-btn-group{ justify-content:center; } .ratingSection h4{ font-size:12px; } .number{ font-size:16px; } .ratingSection .row>*{ padding-right:5px; padding-left:5px;width:auto } .ratingSection .row{--bs-gutter-x: 5px;justify-content: space-between;} .btncn{ font-size:14px; } .partnersLogoImg{ width:42% } .serviceSlider{ width:190% } .service-slider-holder .next-btn{ width:50px; height:50px; right:0; top:34% } .serviceSlider .slick-slide.slick-current + .slick-slide { opacity: 0.2 ; filter: grayscale(100%); transition: all .5s;} .hoverImage{ margin:0 0 15px 0 } .partition-heading h4{ padding:0 20px; } .review-holder{ padding:0 } .welcomeContent{ padding:0 } .contact-menu a i{ display:block; } .halfBannerImage img{ height:auto; } .halfBannerCaption{ padding:30px 0 } .halfBannerCaption .banner-btn-group{ justify-content:center; } .sidebarContent h2{ font-size:26px; } .footerTop{ padding-bottom:10px; } .details-side-content{ padding-top:0 } .sortBy{ font-size:18px } .categotyDropdown select{ font-size:18px; } .contact-icon{background: var(--main-clr); color: #fff; border-radius: 50%; padding: 5px; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .contact-txt{ display:none; } .header-right{ gap:10px; } .phoneNumber a{ width:38px; height:38px; font-size:20px } .whatsapp-link{ width:38px; height:38px; } .header-right{ padding: 0 30px 0 0; } .bannerCaption h2{ font-size:45px; } .bannerCaption p{ text-align:center; } .banner .slick-dots{ justify-content:center; } .welcomeContent h1{ font-size:14px; } .banner-btn-group{ margin-top:15px } .sevice-list{ width:100% } .next-btn2{ background: var(--seconday-color); width: 40px; height: 40px; border-radius: 50%; color: #fff; border: none; position: absolute; right: 0px; top: 45%; transition: all .5s; } .content-slider .slick-next{ right: 20px; } .content-slider .slick-prev{ right: 70px; } .heading-with-btn{ flex-direction:column; } .view-all-mobile{ display:inline-flex; } .view-all-desktop{ display:none; } .btn-wrap{ display:block; } sevice-list{ margin-bottom:20px; } .pageContent .banner-btn-group{ margin-bottom:30px; } .sidebar{ margin-top:45px; } .faq-section h2{ padding-bottom:10px } .blog-box-full{ flex-direction:column; gap: 10px} .bolg-box-image, .blog-box-container{ width:100% } .container{ padding-right:30px; padding-left:30px; } .header .container{ padding:0 15px } .banner .slick-dots {bottom: 30px; } .banner .slick-dots li button {width: 9px; height: 9px; } .service-heading-block {display: flex; gap: 10px; align-items: center; padding: 15px; } .service-heading-block h4,.service-heading-block * {padding: 0; margin: 0; } .service-heading-block .service-list-icon {width: 35px;flex-shrink:0 } .service-heading-block .service-list-icon img {max-height: 35px; } .service-heading-block::after {content: '+'; font-family: 'FontAwesome'; margin-left: auto; font-size: 13px; } .service-content-block h4,.service-content-block .service-list-icon {display: none; } .sevice-list .service-content-block a {padding: 0 15px 20px; } .service-content-block .btncn {display: inline-block; margin-top: 0; } .service-content-block {display: none; } .active .service-heading-block::after {content: '\f068'; } h6 {padding-bottom: 10px; font-size: 14px;letter-spacing:0.1em } .teamSlider{margin-bottom:10px} .pageContent h1{ font-size: 14px;letter-spacing:0.1em } } @media only screen and (max-width: 550px) { .bannerImage img { height: 550px; object-fit: cover; object-position:-690px; } .inner-banner .bannerImage img { height: 350px; object-fit: cover; object-position:0; } } @media only screen and (max-width: 499px) { .header {position: sticky; z-index: 9; top: -65px;} .contact-btn{display:none;} }