/* Theme Name: Park Street Dental Clinic Theme URI: # Author: Sk Version: 1.0 */ *{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden; } body{margin:0px;padding:0px;background: var(--light-bg);font-family:var(--bodyfont);} p{ margin:0px; padding:0px; } address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; } label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;} a{ text-decoration:none; border: 0px; outline: none; transition:all .5s} a:hover, a:focus, a:active{ } a img{ border:none; outline: none;} a:focus {outline:none; } border{ border-collapse:collapse;} hr{ height:1px; background:#333333; border:none;} img { max-width: 100%; height: auto;} strong{font-weight:bold;} button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;} ::-moz-selection { color: #fff; background:var(--main-clr);} ::selection { color: #fff; background: var(--main-clr);} /*variables--*/ :root{ --bodyfont:'fagun', sans-serif; --accent-font: 'fagun', sans-serif; --headfont:'miller-banner', serif; --fs-100:100px; --fs-90:90px; --fs-80:80px; --fs-72:72px; --fs-60:60px; --fs-50:50px; --fs-48:48px; --fs-42:42px; --fs-40:40px; --fs-36:36px; --fs-30:30px; --fs-28:28px; --fs-26:26px; --fs-25:25px; --fs-24:24px; --fs-22:22px; --fs-20:20px; --fs-18:18px; --fs-16:16px; --fs-15:15px; --fs-14:14px; --fs-13:13px; --pdg:100px; --topbar-color: #c4906e; --menu-color: #3c3c3c; --main-clr: #4f0f16; --seconday-color:#f0c183; --tertiary-color:#475342; --dark-bg: #0f0d0d; --hover-color:#896114; --body-font-color:#232323; --head-font-color:#47132b; --black-clr:#000; --light-font-color:#f3ede5; --light-bg: #f3ede5; } body{ font-family:var(--bodyfont); color:var(--body-font-color); background:var(--light-bg);font-weight:300;font-size:var(--fs-18); line-height:1.6} h1{font-size:var(--fs-50);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 20px 0;line-height: 1.3} h2{font-size:var(--fs-50);font-weight:400;margin:0;font-family:var(--headfont);color:var(--main-clr);padding: 0 0 25px 0;line-height: 1.3} h3{font-size:var(--fs-30);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 25px 0;line-height: 1.3} h4{font-size:var(--fs-24);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 20px 0;line-height: 1.3} h5{font-size:var(--fs-20);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 20px 0;line-height: 1.3} h6{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);color:rgba(71,19,43,0.4);padding:0 0 15px 0;text-transform:uppercase;letter-spacing:0.05em;line-height: 1.3} p{ text-align: justify; padding:0 0 30px 0;} .btncn{position:relative;display: inline-block;padding:14px 25px;font-size: var(--fs-16);font-weight:400;border-width: 1px;border-style: solid;border-radius:0;text-align: center;margin:15px 0;font-family:var(--accent-font);transition:0.3s;border: 0;border-left: 8px solid #a11e45;text-transform:uppercase;} .btncn i{ margin:0 10px 0 0;transition:0.3s } .btncn-default{background: #912a47; color:var(--light-bg);border-color:#c48f6e;} .btncn-default:hover{box-shadow:inset 350px 0 0 0 #c48f6e;color:#fff} .btncn-secondary{background:var(--seconday-color);color: var(--main-clr);border-color: #a11e45;} .btncn-secondary:hover{box-shadow:inset 350px 0 0 0 #a11e45;color:#fff} .btncn-tertiary{background:var(--tertiary-color); color:var(--light-bg);border-color:#f1c284} .btncn-tertiary:hover{box-shadow:inset 350px 0 0 0 #f1c284;color:#fff} .btncn-white{background:rgba(255, 255, 255, 0.40); color:#fff;border-color:#455140; } .btncn-white:hover{box-shadow:inset 350px 0 0 0 #455140;border-color:#455140; color:#fff} .btncn-white i{color:var(--main-clr); } .btncn-line{ border-color:var(--main-clr);color:var(--head-font-color);background:transparent;font-weight:400} .btncn-line:hover{ background:var(--main-clr); color:#fff; } .btncn-line2{ border-color:var(--head-font-color);color:var(--head-font-color);background:transparent;} .btncn-line2:hover{ background:var(--head-font-color); color:#fff; } .btncn-line3{ border-color:var(--seconday-color);color:#fff;background:transparent;} .btncn-line3:hover{ background:#fff; color:var(--head-font-color); border-color:var(--seconday-color) } .btncn-line3 i{color: var(--main-clr);} .btncn-default:hover i,.btncn-white:hover i{color:var(--head-font-color)} .buttonGroup{ display:flex; gap:15px } .buttonGroup .btncn{margin-bottom:0} .section{ padding-top:var(--pdg); } .sectionPaddingBtm{ padding-bottom:var(--pdg) } .section .container{ position:relative; } .section-light{ background:var(--light-blue-color); } .light-section{ background:var(--light-bg); } .no-padding-top{ padding-top:0 } .hoverImage{ overflow:hidden; position:relative; } .hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(-45deg,var(--main-clr) 0%, transparent 100%); opacity:0; transition:all .5s;pointer-events:none;} .hoverImage:hover:after{ opacity:0.7; transition:all .5s } .hoverImage img{ width:100%; transition:all .5s } .hoverImage:hover img{ transform:scale(1.1); transition:all .5s } .g-5, .gx-5 { --bs-gutter-x: 5rem;} .g-4, .gx-4 { --bs-gutter-x: 3rem;} .section-heading{ margin:0 0 20px 0;} .section-heading h6{ padding-bottom:15px; } .text-center p{ text-align:center; } .btn-position-absolute { position: absolute; right: 15px; top: 5px;} .btn-position-absolute .btncn{margin:0} .light-bg{background:var(--light-bg) } .dark-bg{background:var(--dark-bg); } .main-clr-bg{background: var(--main-clr);} .duel-bg {background: linear-gradient(180deg, var(--main-clr) 64%, transparent 64%);} .tertiary-bg{background:#3a432c} .mobile{display:none; } .btn-group{ display:flex; margin:30px 0 0 0; gap:15px; } .full-image img{ width:auto; max-width:inherit; } .full-right{ display:flex; justify-content:flex-end; } .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5{ color:#fff } .text-light,.text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5{ color:var(--light-font-color); } .text-white h6{ color:#fff6 } .gform-footer,#field_submit{position:relative!important} .gform-loader {position:absolute!important;right:0!important;top:0!important} .lineHd > *:first-child{display:flex;gap:40px;justify-content:center;align-items:center;} .lineHd h1{font-size: var(--fs-18);text-transform: uppercase;letter-spacing: 0.025em;color: #232323;font-family: var(--bodyfont);gap:50px;margin-bottom: 10px;font-weight:300} .lineHd h1::before,.lineHd h5::after, .lineHd > *:first-child::before,.lineHd > *:first-child::after{content:'';flex-grow:1;display:block;height: 1px;background: var(--main-clr);opacity:0.3;} .text-light .lineHd h1::before,.text-light .lineHd h1::after, .text-light .lineHd > *:first-child::before,.text-light .lineHd > *:first-child::after{background: var(--light-bg);} .text-white .lineHd h1::before,.text-white .lineHd h1::after, .text-white .lineHd > *:first-child::before,.text-white .lineHd > *:first-child::after{background: var(--white-bg);} .lineHd h1 {text-transform:uppercase} @media (min-width: 1600px) { .container{ max-width:1470px } } @media only screen and (max-width:1599px){ :root{ --fs-100:70px; --fs-90:68px; --fs-80:65px; --fs-72:60px; --fs-60:50px; --fs-50:45px; --fs-42:40px; --fs-40:38px; --fs-36:34px; --fs-30:28px; --fs-28:26px; --fs-26:25px; --fs-25:24px; --fs-24:23px; --fs-22:20px; --fs-20:18px; --fs-16:15px; --fs-18:16px; } } @media only screen and (max-width:1399px){ :root{ --fs-100:60px; --fs-90:58px; --fs-80:55px; --fs-72:50px; --fs-60:45px; --fs-50:40px; --fs-42:34px; --fs-40:34px; --fs-36:30px; --fs-30:26px; --fs-28:25px; --fs-26:24px; --fs-25:23px; --fs-24:22px; --fs-22:20px; --fs-20:17px; } } @media only screen and (max-width:1199px){ :root{ --fs-100:50px; --fs-90:48px; --fs-80:47px; --fs-72:45px; --fs-60:42px; --fs-50:40px; --fs-42:32px; --fs-40:32px; --fs-36:24px; --fs-30:23px; --fs-28:22px; --fs-26:22px; --fs-25:21px; --fs-24:20px; --pdg: 50px; } a{ text-decoration:none; border: 0px; outline: none; transition:none;} a:hover, a:focus, a:active{ transition:none; } .lineHd h1, .lineHd > *:first-child{gap:15px} } @media only screen and (max-width:991px){ :root{ --fs-100:38px; --fs-90:37px; --fs-80:36px; --fs-72:35px; --fs-60:34px; --fs-50:32px; --fs-42:30px; --fs-40:30px; --pdg :50px; } p{padding-bottom:20px} .full-image img{ max-width:100% } .tabPaddingY{padding-top: var(--pdg);padding-bottom: var(--pdg); } .btn-position-absolute { position: static;margin-top:30px} .section-heading{ padding-right:0px;text-align:center;margin-bottom:0} } @media only screen and (max-width:767px){ .container{ padding:0 40px; } .btncn{ width:100%; text-align:center; } .buttonGroup{gap:8px;margin-left: -10px;margin-right: -10px} .buttonGroup .btncn{width: auto;flex-grow: 1;padding: 10px 10px;font-size:14px } .buttonGroup .btncn i{margin: 0 5px 0 0 } .desktop{ display:none; } .mobile{display:block;} } @media only screen and (max-width:380px){ } /*Header Start*/ @media (min-width: 1700px) { .header .container { max-width: 1580px; } } .headerTop{background: var(--topbar-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;display: flex;justify-content: center;flex-wrap: wrap;} .headerTop ul li{display:inline-block;vertical-align:top;padding: 0 8px;position:relative;font-family:var(--accent-font);color:#fff;font-weight:300;font-size: var(--fs-14);} .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: 50%;transform: translateY(-50%);width:1px;height: var(--fs-14);background:#fff;} .headerTop ul li:first-child:before{ display:none; } .header-main{width: 100%; transition: all .5s; position:relative; background:#fff } .header{position: fixed; z-index: 999;top: 0;width:100%;left:0;} body{--headerHeight:130px} .fixed{--headerHeight:100px} .logo{width: 295px;transition:all .5s;} .logo a{position:relative;z-index:99} .fixed .logo{width: 250px;} .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: 40px;} .phoneNumber a{color: #000;font-size: var(--fs-18);display: flex;align-items: center;transition:all .5s;} .phoneNumber a i{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; } .headerIcon a, .phoneNumber a{position:relative;z-index:99} .headerIcon i,.phoneNumber i {width: 40px;aspect-ratio: 1;display: flex;justify-content: center;align-items: center;border: 1px #cdc0ad solid;color: #000;border-radius: 50%;transition:0.3s;font-size: var(--fs-15);} .headerIcon a:hover i,.phoneNumber a:hover i{background:var(--seconday-color);border-color:var(--seconday-color)} .navigation nav ul{ display:flex; align-items:flex-start; margin:0; padding:0; list-style:none; } .navigation nav > ul > li >a{line-height:var(--headerHeight);padding: 0 25px;display:block;transition:all .5s;z-index: 99;} .navigation nav ul li a{font-weight:300;font-size: var(--fs-18);position: relative;color: #000;} .navigation nav ul li a:hover{ color:var(--seconday-color); } ul.dropdown-menu-holder{ 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: #2b302f;;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: var(--headerHeight);transition:all .5s} .contact-btn a{font-weight:300;font-size: var(--fs-18);position: relative;color: #000;z-index: 99;} .contact-btn a:hover{ color:var(--seconday-color); } .contact-btn a i{display:none;} .enquery-btn{position:absolute;right:0;top:0;height:100%;z-index: 99;} .enquery-btn a{ height:100%; background:var(--seconday-color); padding: 0 50px; display: flex; justify-content: center; align-items: center; color: #fff;font-size: var(--fs-18); text-transform: uppercase;font-weight:500;color:var(--main-clr);} .enquery-btn a:hover{ background:var(--main-clr);color:#fff } @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;backdrop-filter: blur(3rem);padding-bottom: 4rem;box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .05);opacity: 1;display: none;} .navigation nav ul li:hover .mega-menu-wrapper{padding-top: calc(var(--headerHeight) + 30px);display:block;} ul.dropdown-menu-holder li a{ font-size:var(--fs-20) !important; font-weight:300!important; margin:0 0 15px 0; display:block; } ul.dropdown-menu-holder li ul li a{ font-size: 16px !important; padding:5px 0; display:block; font-weight:300 !important; margin:0 } ul.dropdown-menu-holder li ul li 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;backdrop-filter:blur(3rem);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:8px 0;color: #000;font-size:16px} .navigation ul li ul.sub-menu li a:hover{ color:var(--seconday-color); } ul.sub-menu li {width: 100%;} } .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important; } a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding: 0px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#000;height:2px;margin-top:5px}.mean-container a.meanmenu-reveal span:first-child{margin-top:0px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width: 100%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;}.mean-container .mean-nav ul li li a{width: 100%;padding: 1em 60px 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:100%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:100%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:100%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width: 50px;height: 56px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0);border:0!important;border-left:1px solid rgba(255,255,255,0)!important;border-bottom:1px solid rgba(255,255,255,0)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0)}.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: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mean-remove{display:none!important} @media only screen and (max-width: 1699px) { .headerTop ul li{} .header-right{ gap:20px; } .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; } .header-left{ width: calc(50% - 200px); } .header-right{ width: calc(50% - 200px); } .navigation nav > ul > li >a{ padding:0 15px } } @media only screen and (max-width: 1499px) { /* .headerHolder{ padding:0 } .headerRight{gap:15px} .bookAppointment a{padding-left:20px;padding-right:20px} .logo{height:76px} .fixed .headerMian .logo{height:60px} .header{ --headerHeight: 95px; } .section-parent-menu{ padding:0 0 0 256px;} .fixed .section-parent-menu{padding:0 0 0 215px; } .icon-top{ width:40px; height:40px } .bookAppointment a{ font-size:var(--fs-16); }*/ .phoneNumber span{ display:none; } } @media only screen and (max-width: 1399px) { .header-right { width: calc(50% - 100px)} .header-left { width: calc(50% - 100px)} .header-main .container{ width:100%; max-width:100% } .header-left{ justify-content:flex-start; } .enquery-btn{position: fixed; right: 0; top: 60%; height: inherit; transform: translateY(-50%); writing-mode: vertical-lr; z-index: 1;white-space:nowrap;} .enquery-btn a{ padding:10px 8px;box-shadow: 0 0 0 1px var(--light-bg); } .header-right{ justify-content:flex-end; } } @media only screen and (max-width: 1199px) { .navigation{ visibility:hidden; } .bookAppointment{ margin:0 60px 0 0 } .bookAppointment a{ padding:30px 15px;margin:0 65px 0 20px } .logo,.fixed .logo{width: 240px;} body {--headerHeight: 60px;} .headerHolder{ position:relative;padding:10px 0 } .fixed .bookAppointment a{ padding: 30px 15px; } .fixed .section-parent-menu,.section-parent-menu{ padding:0 } .bookAppointment a:after{ display:none; } .mean-container .mean-bar {position: absolute;left: 0;width: 100%;float: none;z-index: 99;top: 50%;background:transparent;pointer-events: none;} .mean-container .mean-bar a{pointer-events: all;} .mean-container a.meanmenu-reveal{border:1px solid transparent;padding: 8px 13px 8px;margin-top:0px;color:#fff;border-radius:0;height: auto;width:48px;transform: translate(0, -50%);} .mean-container .mean-nav{margin-top: calc(var(--headerHeight) / 2);} .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); } .mean-container .mean-nav ul > li:first-child > a{ border:none; } .mean-container a.meanmenu-reveal span{} .mean-container .mean-nav{background:var(--menu-color);box-shadow: -50vw 0 0 var(--menu-color), 50vw 0 0 var(--menu-color);} .mean-container a.meanmenu-reveal{ z-index:9999 } .mega-menu-container.container{padding:0!important;} .section-parent-menu{padding:0 0 0 0px;margin: 0;} .fixed .section-parent-menu{padding:0 0 0 0px; } .fixed.header{position:absolute;background: transparent;backdrop-filter:none;box-shadow:none;top: 0!important} /*body:has( .halfBanner) .header{position:relative;}*/ body:has( .blogDetailsBanner) .header{position:relative;} .navigation{ visibility:hidden; display:none; } .headerRight {margin-left: auto; } a.mean-expand i {font-size: 14px; } /*.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:#000 } .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; } .header-left{ display:none; } .header-right{ width:75%; padding:0 50px 0 0} } @media only screen and (max-width: 991px) { .phoneNumber span{ display:none; } .headerTop ul li {font-size: 14px; padding: 0 10px; } .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; } } @media only screen and (max-width: 768px) { .enquery-btn{display:none;} } @media only screen and (max-width: 767px) { .header-main{ padding-top:0; padding-bottom:0px } .bookAppointment a{ margin: 0 0 0 0; } .mean-container a.meanmenu-reveal{right:0 !important;padding-right: 0;width:22px} .headerHolder{ gap:5px; } .bookAppointment a{ width:34px; height:34px } .mean-container .mean-nav{} .logo,.fixed .logo { width:140px;flex-shrink:0 } body {--headerHeight: 52px;} .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 } .mean-container .mean-nav{} .mean-container a.meanmenu-reveal{padding: 10px 0px;} .mean-container .mean-bar{} .contact-txt{display:none;} .contact-btn a i{width: 32px; aspect-ratio: 1; display: flex ; justify-content: center; align-items: center; border: 1px #cdc0ad solid; color: #000; border-radius: 50%; transition: 0.3s; font-size: 12px;} .headerIcon i, .phoneNumber i{width:32px;font-size: 12px;} .header-main .container{padding-left:20px;padding-right:20px} .header-right{gap: 10px; padding:0 24px 0 0;width:auto;} body:has( .halfBanner) .header {position: relative; } body:has( .halfBanner) .header-main {position: absolute; width: 100%; } } @media only screen and (max-width: 432px) { .headerMian{ top:50px } } /*Header End*/ /*Banner Start =========================*/ .banner{position:relative;} .bannerSliderItem {position: relative; z-index: 2 } .bannerImage {background: #000;position:relative;z-index: -1; } .bannerImage::after {content:''; background: linear-gradient(166deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); opacity:0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .bannerImage img {display: block;width:100%;object-fit:cover;min-height: 800px; } .bannerContent {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;} .bannerContent h6 {font-size: var(--fs-18);color: #fff;padding:0 0 35px 0;letter-spacing: 0.1em;} .bannerSmallHd{display:flex;align-items:center;gap:15px;margin-bottom:35px} .bannerSmallHdImg{flex-shrink: 0} .bannerContent h2 {color: #fff; font-size: var(--fs-72); font-weight: 500; padding-bottom: 40px; line-height: 1.2; } .bannerContentInr {padding-top:var(--headerHeight);max-width: 650px;} .bannerContent p{color:#fff;font-size:var(--fs-24);font-family:var(--headfont);font-weight:100;} .bannerContent .btncn{margin-top: 0} .bannerSlider {position: relative;} .banner .slick-dots {display: flex;gap: 12px;justify-content:flex-start;position: absolute;bottom: 7%;left: 50%;transform: translate(-50%, 0);list-style:none;font-size:0;margin:0;padding:0 15px;} .banner .slick-dots li{display:block;padding:0;margin:0;width: 16px;height:16px} .banner .slick-dots button {display:block;width: 100%;height:100%;background:#fff;padding:0;margin:0;border:0;transition:0.3s;border-radius:50%;opacity:0.1} .banner .slick-active button {opacity:1} .bannerSliderItem{display:block!important;} .innerBanner{position:relative;background-size: cover;overflow: hidden;} .innerBanner .bannerImage img {min-height: 600px;opacity:0.8} .innerBanner .bannerContent{top: 50%;} .innerBanner .bannerContent h1,.innerBanner .bannerContent h2 {font-size: var(--fs-80); color: #fff;} .innerBanner .bannerContent h1 strong,.innerBanner .bannerContent h1 b {font-weight: 900} .innerBanner .bannerContentInr {max-width: 760px; } .halfBanner{position:relative;padding: calc(var(--headerHeight) + 110px) 0 0px;z-index: 2;color:var(--head-font-color);} .halfBannerBg{position:absolute;top:0;left:0;width:100%;height: 63%;z-index: -1;background: var(--dark-bg);} .halfBannerBg img{width:100%;height:100%;object-fit:cover;opacity: 0.24;} .halfBannerInr{overflow:hidden;} .halfBannerItem{overflow:hidden;} .halfBannerImage{padding:0 0 30px 30px;width: 100%;} .halfBannerImage img{width: 100%;max-width: 100%;object-fit:cover;} .halfBannerImage video{width: 100%; display: block;min-height:614px;object-fit: cover;} .halfBannerImage:has(iframe){ position: relative; width: 100% !important; padding-bottom: 56.25% !important; overflow: hidden; } .halfBannerImage iframe { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .halfBannerCaption{padding: 50px 10px 50px 90px;} .halfBannerCaption h1,.halfBannerCaption h2{font-weight: 400;font-size:var(--fs-60);line-height: 1.2;color:var(--head-font-color); } .halfBannerCaption h1 strong,.halfBannerCaption h2 strong{font-weight: 600} .halfBannerCaption h6{letter-spacing:0.1em;color: var(--body-font-color);font-size: var(--fs-16)} .halfBannerCaption h6 strong{font-weight:600} .halfBannerCaption p{font-size:var(--fs-24);font-weight: 100;text-align:left;} .innerBanner h1,.innerBanner h2,.innerBanner{color:var(--light-bg);} .halfBannerItem{line-height:1.6;background: var(--main-clr);} .innerBanner .halfBannerImage{padding:0;display:flex;;min-height:100%;} .innerBanner .halfBannerImage img{box-shadow:none;} .innerBanner .halfBannerCaption{max-width: 100%;} .innerBanner .halfBannerCaption h1,.innerBanner .halfBannerCaption h2{color: #fff;} .blogDetailsBanner{box-shadow: 0 -200px 0 200px #49252f;background: #49252f} @media only screen and (max-width:1500px){ .bannerContent h6{ font-size:var(--fs-16); } .bannerImage img{ min-height:720px } } @media only screen and (max-width:1399px){ .halfBannerCaption{padding:50px 0 50px 30px} } @media only screen and (max-width:1199px){ .bannerContent {position: static; padding:185px 0 150px 0 ; transform:none; } .innerBanner .bannerContent {position: static; padding: var(--pdg) 0;transform:none; } .bannerImage {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .bannerImage img,.innerBanner .bannerImage img {min-height: auto;height: 100%; } .banner .slick-track {display: flex; } .banner .slick-slide {height: auto; } .banner .slick-slide > div,.bannerSliderItem {height: 100%; } .banner .slick-dots{bottom: 20px} .banner .slick-dots li{width:10px;height: 10px} .madeInUsa img{max-width: 90px} .innerBanner .bannerContent h1{padding-bottom: 20px} .innerBanner .bannerContent .btncn:last-child{margin-top: 0} .halfBannerCaption .btncn {padding: 12px 18px;} } @media only screen and (max-width:991px){ .half-banner-image{ width:100%; padding:45px 0 0 0 } .innerBanner .buttonGroup{ justify-content:center; } .bannerContent {padding: 200px 0px 150px 0px; height: 100%; display: flex ; flex-direction: column; justify-content: center;} .bannerContent br {display: none; } .bannerContent h2 {padding-bottom: 24px; } .bannerContent h6 {padding-bottom: 10px; } .bannerContentInr {text-align: center; margin: 0 auto; } .bannerContentInr .buttonGroup {justify-content: center; } .banner .slick-dots {justify-content: center; } .banner{text-align: center;text-align-last: center;} .bannerImage::after {width: 100%; background: #000; opacity: 0.5; } .halfBanner{padding:calc(var(--headerHeight) + 90px) 0 0;} .halfBannerImage img {max-width: 100%; max-height: max-content; width: 100%;} .halfBannerCaption,.halfBannerCaption p{text-align: center;} .halfBannerCaption{margin-left:auto;margin-right: auto;} .halfBannerCaption .buttonGroup{justify-content:center;} .halfBannerCaption{padding:40px 10px 50px} .halfBannerCaption .buttonGroup{justify-content:center} .halfBannerItem{text-align:center;} .halfBanner.innerBanner{padding-bottom:0} .halfBannerCaption h2 br{display:none;} .innerBanner .halfBannerImage img {width: 100vw;max-width: 100vw;} .innerBanner .halfBannerImage {display: flex; justify-content: center; } .innerBanner {padding-bottom: var(--pdg); text-align: center; } .innerBanner .halfBannerCaption p {text-align: center;} .innerBanner .halfBannerCaption{max-width:500px} .innerBanner .slick-slide > div, .slick-slide .halfBannerItem, .slick-slide .halfBannerItem .container, .slick-slide .halfBannerItem .row{height:auto;} .innerBanner .icon-list {max-width: 300px; text-align: left; margin: 0 auto; } .innerBanner .halfBannerCaption h1,.innerBanner .halfBannerCaption h2 {padding-bottom: 15px; } } @media only screen and (max-width:767px){ .banner .slick-dots {padding: 0px 40px; } .bannerSmallHdImg {flex-shrink: 0; } .innerBanner .halfBannerImage img,.halfBannerImage img{height: auto;} .halfBannerCaption .buttonGroup .btncn{padding: 10px} .bannerContent h6{ font-size:12px } .innerBanner{ padding-top:130px; } .halfBanner{padding:calc(var(--headerHeight) + var(--pdg)) 0 0 0;} .half-banner-image img{ height:auto; } .bannerImage img {object-position: 59% 0%; } .bannerContent {padding: 140px 0 50px 0; } .bannerContentInr {padding: 0; } .halfBanner .container{padding: 0 20px} .halfBannerCaption .btncn{padding:10px 8px} .halfBannerCaption .buttonGroup{gap:5px;padding-right:15px;padding-left:15px} .halfBannerImage{padding:0 0 20px 0px} .halfBannerImage img{box-shadow: -18px 18px #fff,-18px 18px 0 1px var(--seconday-color)} } /*Banner End =========================*/ /*PARTNERS START*/ .partnerLogoSec{overflow:hidden;} .partnerLogoSec.dark{background:var(--dark-bg)} .partnerLogoSlider{overflow: hidden;} .partnerLogoSlider .slick-list{margin: 0 -40px;line-height: 0} .partnerLogoSlider .slick-track{display:flex;align-items: center;} .partnersLogoItem{padding: 0 30px;line-height: 1.2;} .partnersLogoItem img {display: block;transition:0.3s;max-width:250px;max-height:100px;opacity:0.3} .dark .partnersLogoItem img{filter:brightness(0) invert(1);opacity: 0.5} @media only screen and (max-width:991px){ .partnersLogoItem img{max-height:70px;max-width:150px;width:auto;} .partnersLogoItem{padding: 0 20px} .partnerLogoSlider .slick-list{margin: 0 -20px;} } /*PARTNERS END*/ /*WELCOME SECTION*/ .welcomeContent{ text-align:center;margin-left:auto;margin-right:auto; } .welcomeContent h1{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);padding:0 0 20px 0;text-transform:uppercase;color: rgba(71,19,43,0.4);letter-spacing: 0.05em;} .welcomeContent h2{font-size: var(--fs-50)} .welcomeContent p{ text-align:center; } .text-white .welcomeContent h1{font-size:var(--fs-16);color: rgba(255, 255, 255, 0.4);} .innerPageWelcome .welcomeContent p{max-width:100%} .introSection p{ text-align:justify; text-align-last: center; } @media only screen and (max-width:991px){ .welcomeContent h2 br{display:none;} } /*END WELCOME SECTION*/ /*CONTENT START*/ .contentHolder h1{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);padding:0 0 20px 0;text-transform:uppercase;letter-spacing:0.2em;} .contentTop ul{ margin:0; padding:0 0 0 0; list-style:none; } .contentTop ul li{ font-weight:300 ;} .contentTop ul li a{ color:var(--body-font-color); padding: 15px 30px 15px 0; display: block; border-bottom: 1px solid rgba(79, 15, 22, 0.2); position: relative;} .contentTop ul li a:after{ content:''; position:absolute; width:0px; height:1px; background:var(--main-clr); bottom:-1px; left:0 ; transition: all .5s;} .contentTop ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:15px; color:var(--main-clr);transition: all .5s;} .contentTop ul li a:hover{ color:var(--main-clr); } .contentTop ul li a:hover:after{width:100%; background: var(--main-clr); } .contentTop ul li a:hover:before{ color:var(--main-clr); } .contentTabAccHolder .nav-link {padding: 0 0 14px 0; line-height: 1; font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em; border: 0; opacity: 0.2; transition: 0.3s; } .contentTabAccHolder .nav-tabs {justify-content: space-between; gap: 10px; margin-bottom: 46px; } .contentTabAccHolder .nav-link.active {color: var(--body-font-color); background: transparent; border: 0; box-shadow: 0 1px var(--body-font-color); opacity: 1; } .contentTabAccHolder .nav-link:hover {opacity: 1; } .contentTabAccHolder .accordion-button{font-size: var(--fs-16); font-weight:200; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em;transition: 0.3s; } .contentTabAccHolder .accordion-header {padding-bottom:0 } .contentTabAccHolder .accordion-body {padding:15px 0 20px;max-width:570px} .contentTabAccHolder .accordion-body p{max-width:550px } .contentTabAccHolder .accordion { --bs-accordion-bg: transparent; --bs-accordion-border-width: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg:transparent; --bs-accordion-active-color:var(--body-font-color); --bs-accordion-btn-padding-x:0; } .contentSection .full-image{position:relative;} img.award-winning{width: auto;max-width:23%;height:auto;position:absolute;top:50%;right:0;transform: translate(40%,-50%);} .ratingSection{ padding:0 0 15px 0 } .ratingSection h4{ font-size:var(--fs-16); padding:0 0 0; font-weight:300; text-transform:uppercase;font-family:var(--bodyfont);margin:0;letter-spacing:0em;color:#4b0f15; } .number{ font-size:var(--fs-36); font-weight:400;font-family: var(--headfont);color:var(--main-clr);} .rating-spl-sec blockquote {padding:30px 30px 0 !important; background: #efe2dd !important; margin: 10px 0 30px !important;} .rating-spl-sec blockquote p{ color: var(--main-clr) !important; font-weight: 400 !important; } .contentTextSliderBg{background:#c59270} .contentTextSliderSec .contentImage{height:100%} .contentTextSliderSec .contentImage img{height:100%;object-fit:cover;width: 100%} .contentTextSliderCol{padding-top:50px;padding-right:110px;padding-bottom: 50px;} .contentTextSliderWrap{position:relative;margin: 20px 0} .contentTextSliderNav{display:flex;gap:15px;justify-content:flex-end;position:absolute;bottom:25px;right:0} .contentTextSliderNext,.contentTextSliderPrev {font-size: var(--fs-20); background: #ffffff1a; border: 0; outline: 0; color: var(--main-clr); z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%;color:#fff} .contentTextSliderPrev:hover,.contentTextSliderNext:hover{ background:#fff; color:var(--main-clr); } .contentTextSlider .contentText h2 {position:relative;} .contentTextSliderItem{overflow:hidden;padding-left: 60px} .contentTextSlider .contentText h2::after {content: ''; width: 100%; display: block; height: 1px; background: var(--light-bg); margin: 20px 0 0 0; box-shadow: -100px 0 0 var(--light-bg);opacity:0.3 } .service-info-cls blockquote {padding:5px 30px 0 !important; background: #efe2dd !important;} .service-info-cls blockquote p{ color: var(--main-clr) !important; font-weight: 400 !important; } .diamond-invisalign{position:absolute;top:26px;right: 22px;max-width:25%!important} @media only screen and (max-width:1199px){ .ratingSection .row {--bs-gutter-x: 8px; justify-content: space-between; } .ratingSection h4 {font-size: 11px; } .number {font-size: 20px; } .ratingSection .row > [class*=col] {width: auto; } .contentTextSliderCol {padding-right: 34px; } .contentTextSliderItem{padding-left: 34px} } @media only screen and (max-width:991px){ .contentHolder h2 br{display:none;} .contentTabAccHolder .accordion-item:not(:first-child){border-top:1px solid #ddd; } .contentTabAccHolder .tab-content>.tab-pane {display: block; opacity: 1; } .contentTabAccHolder .accordion-body{padding-top:8px} .contentTextSliderNav{position:static;margin-top:15px;justify-content:center;} .contentTextSliderWrap{margin:0} .contentTextSliderPrev i,.contentTextSliderNext i{display:block;} .contentHolder ul{text-align:left;text-align-last:left;} .contentHolder .buttonGroup{justify-content:center;} .ratingSection h4 {letter-spacing: 0;} .contentTextSlider .contentText h2::after{ display:none; } .ps-lg-5{ padding:0 !important } .contentTextSlider .contentText h2{ margin:0px } .contentTextSlider .contentText{text-align:center;text-align-last:center; } .contentTextSliderItem{padding-left: 0} .contentTextSliderSec .contentImage img {height: auto; width: 100%; object-fit: contain; } .contentTextSliderSec .contentImage {height: auto; } .contentTextSliderCol{padding: 40px 20px} .contentSection{text-align:center;text-align-last:center;} } /*CONTENT END*/ /*SERVICE SECTION*/ .service-section-top{padding-bottom:40px} .service-btn{font-size:var(--fs-18);text-transform: uppercase;color:var(--main-clr);text-decoration: underline;transition: 0.3s} .service-btn:hover{color: var(--seconday-color);} .service-slider-wrap{position:relative;} .serviceSlider .slick-slide { margin: 0 9px; } .serviceSlider .slick-list {margin: 0 -9px; } .serviceImage img{width:100%;display:block;} .serviceItemInr{text-align:center;position:relative;display:block;} .serviceText{width: calc(100% - 100px);margin:-70px auto 0;padding:20px 15px 15px;background:var(--light-bg);position:relative;z-index: 2} .serviceItemInr h3{font-size: var(--fs-30);font-weight:400; font-family:var(--headfont);padding:0 0 10px } .serviceItemInr p{font-size: var(--fs-16);padding:0 0 0px; } .serviceItemInr > *:last-child{padding-bottom:0;margin-bottom:0} .serviceItem{position:relative;} .serviceItemHover{width:100%;height:100%;overflow: auto;top:0;left:0;position:absolute;background: var(--main-clr);padding:20px;display:flex;flex-direction:column;opacity:0;transition: 0.3s;pointer-events:none;} .serviceItemHover ul{padding:0;margin:auto 0;font-weight:300;display:flex;flex-direction:column;gap:12px;text-align:center;} .serviceItemHover ul li{display:block;} .serviceItemHover ul li a{color:#fff;font-weight:300} .serviceItemHover ul li a:hover{color:var(--seconday-color);} .serviceItem:hover .serviceItemHover{pointer-events:all;opacity:1} .serviceSlider .slick-track {display: flex; } .serviceSlider .slick-slide {height: auto; } .serviceSlider .slick-slide > div, .serviceItem,.serviceItem > a, .serviceItemInr {height: 100%; } .progress-bar{flex-grow: 1} .progress { display: block; width: 100%; height: 2px; border-radius: 10px; overflow: hidden; background-color: #d7dcd7; background-image: linear-gradient(to right, #39564a, #39564a); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;} .viewBtn{font-weight:400;border-bottom: 2px solid var(--body-font-color);color: var(--body-font-color);} .viewBtn:hover{border-bottom-color:var(--main-clr);color: var(--main-clr);} .service-nav{display:flex;align-items: center;gap:20px;justify-content: space-between;width:calc(100% + 150px);position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);pointer-events:none;} .service-nav-next,.service-nav-prev {font-size: var(--fs-36); background: transparent; border: 0; outline: 0; color: #fff9ee; z-index: 2; transition: 0.3s; width:60px; height:60px; border-radius:50%;} .service-nav-prev:hover,.service-nav-next:hover{ color:var(--seconday-color)} .gallery-section .serviceItem {padding: 14px 15px; background: #47132b1a;transition:0.3s } .gallery-section .serviceText {width: 100%; padding: 20px 0 0; background: transparent; margin: 0;} .gallery-section .serviceItem:hover{background:var(--seconday-color)} .gallery-section .serviceItemInr h3 {font-size: var(--fs-24); font-family: var(--bodyfont); color: var(--body-font-color); } @media only screen and (max-width:1499px){ .service-nav{width:calc(100% + 114px)} } @media only screen and (max-width:1199px){ .serviceText{width: calc(100% - 50px);} .service-slider-wrap {max-width: calc(100vw - 100px); margin: 0 auto; } } @media only screen and (max-width:767px){ .service-slider-wrap {max-width: calc(100% - 60px); margin: 0 auto; } .service-nav {width: calc(100% + 126px); } .service-nav-prev, .service-nav-next {width: 45px; height: 45px; font-size: 20px; background: var(--seconday-color); color: var(--main-clr) !important;} .serviceCol{height: 100%} .serviceSlider{margin-right: auto;margin-left: auto;max-width: 100%;} .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 .serviceText{opacity:0;transition: 0.3s} .slick-slide .serviceItem{background:var(--light-bg);} .slick-slide .serviceItemInr{opacity: 0.3;transition: 0.3s} .slick-slide.slick-active .serviceItemInr,.slick-slide.slick-active .serviceText{opacity:1} .serviceItemHover ul{gap:6px} .serviceText {width: calc(100% - 20px); padding: 10px; margin: -40px auto 0; } .serviceText h3 {font-size: 18px; padding-bottom: 2px; } .service-btn {font-size: 13px; } } /*END SERVICE SECTION*/ /*img-content-sec start*/ .img-content-sec{position:relative;z-index: 2;background:#3a432c} .img-content-img{position:absolute;top:0;right:0;width:46%;height:100%;z-index: -1} .img-content-img img{width:100%;height:100%;object-fit:cover;} .img-content-logo{position:absolute;top:50%;right:46%;width:auto;transform:translate(50%, -50%);} .img-content-main{padding:150px 0} .img-content-slider-wrap{position:relative;} .img-content-slider .slick-list{margin:0 -10px} .img-content-slider .slick-slide{margin:0 10px} .img-content-slider-nav{display:flex;gap:15px;justify-content:flex-end;position:absolute;bottom:15px;right:0} .img-content-slider-prev,.img-content-slider-next {font-size: var(--fs-20); background: #ffffff1a; border: 0; outline: 0; color: #fff; z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%;color:#fff} .img-content-slider-prev:hover,.img-content-slider-next:hover{ background:#fff; color:#3a432c; } @media only screen and (max-width:1199px){ .img-content-main{padding:50px 0} } @media only screen and (max-width:991px){ .img-content-img {position: static; width: 100%; height: auto; } .img-content-logo {position: static; height: 0; transform: none; display: table; margin: -75px auto 0; } .img-content-main{text-align:center;text-align-last: center;} .img-content-slider-nav{position:static;margin-top:15px;justify-content:center;} } /*img-content-sec end*/ /*Team */ .team-slider-sec{ overflow:hidden; } .teamSlider .slick-slide { margin: 0 26px; opacity:1; transition:all .5s ; } .teamSlider .slick-list { margin: 0 -26px; } .teamSlider .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} .teamSlider .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} .teamSlider .slick-next:hover, .teamSlider .slick-prev:hover{ opacity:1; transition:all .5s; background:var(--main-clr); color:#fff } .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(--main-clr), var(--main-clr)); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} .team-slider-bottom{ display:flex; align-items:center; gap:20px ; margin-top: 0px; width: 100%;justify-content:center} .team-slider-bottom .btn-wrap{ display:flex; gap:10px; } .team-slider-bottom .prev-btn, .team-slider-bottom .next-btn{ background:rgba(75, 24, 48, 0.1); width:56px; height:56px; border-radius:50%; color:var(--main-clr); border:none;transition: 0.3s;font-size: var(--fs-20);margin-top:30px;} .team-slider-bottom .next-btn:hover, .team-slider-bottom .prev-btn:hover{ background:var(--main-clr); color:#fff } .team-slider-holder{ position:relative; } .team-list .slick-slide { display:block !important; margin: 30px 25px !important; opacity:1 !important; transition:all .5s !important; } .team-list .slick-list { margin: 0 -26px; } @media only screen and (max-width:991px){ .teamSlider{ width:100% } .team-slider-bottom{ width:100% } .team-slider-holder{ margin-top:30px } .team-list{ width:100% } } .teamImage{margin-bottom:25px;border-radius:500px 500px 0 0;overflow:hidden;} .teamBox h3{font-size:var(--fs-30);padding: 0 0 5px 0;font-weight: 400;color: var(--head-font-color);font-family: var(--headfont);margin-bottom: 0;} .teamBox p{color:rgba(79, 15, 22, .4);line-height:1.3;font-size: var(--fs-16);font-weight:300;padding-bottom:10px !important;} .teamBox p:last-child{padding-bottom: 0} .team-content{ padding:30px 0 0} .team-content h3{ font-size:var(--fs-30); font-family:var(--bodyfont); font-weight:400; margin:0; padding:0 0 12px 0 } .team-content p{ padding-bottom:0; color:#161617 } .modal.teamModal {--bs-modal-border-radius: 0;} .btn-close.teamModalClose {position: absolute;top: 13px;right: 16px;z-index: 9;font-size: 10px;} .teamModal ul{ margin:10px 0 30px 0; padding:0; list-style:none; } .teamModal ul li{ font-size: var(--fs-18); line-height: 1.4; font-weight: 300; margin:0 0 8px 0; position:relative; padding: 0 0 0 30px} .teamModal ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--main-clr); font-family: 'FontAwesome'; } .teamModal ul li a{ color:var(--main-clr); } .teamModal ul li a:hover{ color:var(--seconday-color); } .teamModal .modal-body {padding: 28px 20px; } .doctor-bio-popup .doc-details .doc-name{ font-size: var(--fs-36); padding-bottom: 10px; } .doctor-bio-popup .doc-details .doc-designation{ font-family: var(--bodyfont); font-size: var(--fs-20); padding-bottom: 10px; text-transform: capitalize; color: #a01c44; } .doctor-bio-popup .doc-details .doc-degree{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-bottom: 10px; text-transform: capitalize; } .doctor-bio-popup .doc-details .doc-reg-no{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-bottom: 10px; text-transform: capitalize; color: var(--topbar-color); } .doctor-bio-popup .doc-details .doc-bio{ font-family: var(--bodyfont); font-size: var(--fs-16); padding-top: 30px; text-align: left; } .doctor-bio-popup .doc-details .doc-bio p{padding-bottom:20px;} @media only screen and (max-width:1199px){ .team-content{ padding:15px 0 0 } .team-image img{ width:100% } .team-box-holder .slick-slide { margin: 0 20px;} .team-box-holder .slick-list { margin: 0 -20px; } .team-box-holder .slick-prev{ font-size: var(--fs-20); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%; background:#d3d1cb; color:#000; position:absolute; top:38%; transform:translateY(-50%); left:30px; } .team-box-holder .slick-next{ font-size: var(--fs-20); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%; background:#d3d1cb; color:#000; position:absolute; top:38%; transform:translateY(-50%); right:30px; } .team-box-holder .slick-prev:hover, .team-box-holder .slick-next:hover{ background:var(--main-clr); color:#fff } } @media only screen and (max-width:991px){ .teamHolder{ margin:10px 0 0 0 } .team-content{ padding:0; margin-bottom:20px } .team-content h3{ font-size:28px; } .teamImage{margin-bottom:12px} .teamSec{overflow:hidden;} .teamSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 80px);} .teamSlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .teamSlider .slick-slide{margin:0 5px} .team-list{margin-right: auto;margin-left: auto;max-width: calc(100% - 80px);} .team-list .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .team-list .slick-slide{margin:0 5px} .slick-slide .team-item{opacity: 0.3;transition: 0.3s} .slick-slide .team-item h3,.slick-slide .team-item p{opacity:0;transition: 0.3s} .slick-slide.slick-active .team-item,.slick-slide.slick-active .team-item h3,.slick-slide.slick-active .team-item p{opacity:1} .team-slider-holder,.team-holder{text-align:center;text-align-last: center;} } @media only screen and (max-width:767px){ .team-section-top{ flex-wrap:wrap; text-align: center;} .team-box-holder .slick-slide { margin: 0 10px;} .team-box-holder .slick-list { margin: 0 -10px; } .slick-slide .teamBox{opacity:0;transition: 0.3s} .slick-slide .teamItem{opacity: 0.3;transition: 0.3s} .slick-slide.slick-active .teamItem,.slick-slide.slick-active .teamBox{opacity:1} } /*End Team*/ /*HOME FORM SECTION start*/ .formHolder{position:relative;background: #a01c44;} .formHolderBg{position:absolute;top:0;left:0;width:49%;height:100%} .formHolderBg img{width:100%;height:100%;object-fit:cover;} .formHolder h2{font-size: var(--fs-50);padding-bottom:25px} .formGroup{ display:flex; gap:14px; } .homeFormHolder{ padding:0px 0 0 0 !important } .homeFormHolder .gform_fields {gap: 14px!important; } .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select, .homeFormHolder textarea{width:100% !important; background-color:#fff !important; border:none !important; padding:22px 35px !important; font-size:var(--fs-16)!important; font-weight:300 !important; color:var(--head-font-color) !important;margin:0 0 0px 0 !important;border-radius:0px!important;height:auto!important;line-height: 1.5 !important;padding-left: 20px !important; } .homeFormHolder .inputHolder{ width:100% !important; } .homeFormHolder textarea{max-height: 120px !important; resize: none !important;} .homeFormHolder input:focus { box-shadow: none !important; } .homeFormHolder ::placeholder { color: var(--head-font-color) !important; opacity: 1 !important; } .homeFormHolder ::-ms-input-placeholder { color: var(--head-font-color) !important;} .homeFormHolder select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; } .homeFormHolder option{ background: #000 !important; color: #fff !important; } .homeFormHolder input[type=submit]{padding: 18px 25px !important;background: var(--seconday-color) !important;border:none !important;outline:none !important;cursor: pointer !important;font-weight: 300 !important;font-size: var(--fs-16) !important;margin: 0 0 0 auto!important;color: var(--dark-bg) !important;font-family:var(--bodyfont) !important;flex-shrink: 0 !important;align-self: flex-start !important;letter-spacing: 0.0em !important;border-radius: 0px !important;width:auto !important;height:auto !important;line-height: 1!important;text-transform: uppercase !important;border-left: 8px solid #511117!important;box-shadow: none!important;transition: 0.3s!important} .homeFormHolder input[type=submit]:hover{ background-color:transparent !important; color:#fff!important;box-shadow:inset 250px 0 0 #511117 !important;transition: 0.3s!important; } .homeFormHolder .gform-loader {filter:brightness(0) invert(1)} .formHolderInr{max-width:772px} @media only screen and (max-width:991px){ .homeFormHolder input[type=submit]{margin: 0 auto!important} .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder textarea{padding: 12px 16px!important; } .homeFormHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important} .formHolderBg {position: static; width: 100%; } .formHolderHd {text-align: center; text-align-last: center; } .formHolderHd br{display:none;} } @media only screen and (max-width:767px){ } /*HOME FORM SECTION end*/ /*REVIEW SECTION*/ .reviewSlider{ margin:20px 0 0 0 } .reviewSlider .slick-slide { margin: 0 50px; } .reviewSlider .slick-list { margin: 0 -50px; } .reviewItem{ text-align:center; } .star{ font-size:18px; color:#f0c184; margin:0 0 20px 0 } .reviewItem p{ text-align:center;font-family:var(--bodyfont);max-width:850px;margin-left:auto;margin-right:auto; } .reviewItem h6{ font-size:var(--fs-18); color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 0.1em} .reviewSliderNav{display:flex;justify-content: center;align-items:center;gap: 15px} .reviewSliderNext,.reviewSliderPrev {font-size: var(--fs-20); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%; background:#d3d1cb; color:#000;margin-top: 30px} .reviewSliderPrev:hover,.reviewSliderNext:hover{ background:#000; color:#fff } #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:#f8f8f9; padding: 55px 45px} .more_txt:hover {color: #003380;} .reviewSection .btncn-secondary{ border-color:var(--main-clr); } .reviewSection .btncn-secondary:hover{ border-color:var(--seconday-color); } .reviewSection .slick-track{ display: flex !important;} .reviewSection .slick-slide{height: inherit !important;} .reviewSlider .slick-slide>div{ height:100% } .reviewSection h6{ font-size:var(--fs-16); font-weight:400; font-family:var(--headfont); padding-bottom:30px; letter-spacing:2px; } .reviewSection .section-heading h2{ font-size:var(--fs-48); } .review-holder{padding-top: 20px} .reviewVideoSlider{ width:200%; } .reviewVideoSlider .slick-slide { margin: 0 10px; opacity:0.2; filter:grayscale(100%); transition:all .5s } .reviewVideoSlider .slick-slide h3{ display:none; } .reviewVideoSlider .slick-slide.slick-current{ opacity:1.0; filter:grayscale(0%); transition:all .5s} .reviewVideoSlider .slick-list { margin: 0 -10px; } .width-eighhty{ width:75%; margin:0 auto; } .review-slider-holder .next-btn{ background:var(--seconday-color); width:70px; height:70px; border-radius:50%; color:#fff; border:none; position:absolute; right:-30px; top:36%; transition:all .5s } .review-slider-holder .next-btn:hover{ background:var(--hover-color); transition:all .5s } .review-slider-holder{ position:relative; } .reviewVideoItem img{width: 100%} .progress3 { display: block; width: 100%; height: 2px; border-radius: 3px; overflow: hidden; background-color: rgba(255,255,255,1);background-image: linear-gradient(to right, #cfa285, #cfa285); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} @media only screen and (max-width:991px){ .review-slider-holder {margin-top: 60px; } .reviewSection .section-heading{ text-align:center; } .review-holder{padding-top:0} } @media only screen and (max-width:767px){ .review-slider-holder .next-btn {width: 50px; height: 50px; right: 0; top: 34%; right: -16px;} .reviewSlider{margin-top:0px;width:100%; }/* .reviewSlider .slick-prev{ left:-42px; width: 40px;} .reviewSlider .slick-next{ right:-42px; width: 40px;}*/ .reviewItem{padding: 0} .reviewItem p{font-size: 16px;line-height: 1.4} .review-holder{padding-top: 0} } /*END REVIEW SECTION*/ /*FOOTER start*/ .footer{background:#0f0d0d;color:#fff} .footBottom{ padding:0px 0 30px 0; background:#ffffff0d} .ftbtm{ justify-content:space-between; align-items:center; display: flex; padding-top: 30px;} .copyright{ font-size:14px; color:rgba(255,255,255,0.42) ; text-transform: uppercase; letter-spacing: 2px; font-weight: 300} .footerTop{ padding:70px 0 70px 0; } .footerTopContent{display:flex;justify-content:space-between;gap: 50px;} .footerwidget_1{width: 330px} .footerwidget_2{width: 430px; padding: 15px 0} .footerwidget_3{width:145px; } .footerwidget_4{width:270px;} .footer-logo{max-width: 357px} .footer-logo img{width:100%} .footer-nav ul{ margin:0; padding:0; list-style:none; } .footer-nav ul li{ display:block; } .footer-nav ul li a{ display:block; font-weight:300; font-size:var(--fs-16); color:#fff;margin-bottom: 5px} .footer-nav ul li a:hover{ color:var(--main-clr); } .footerTopContent h2{color:#fff;font-size: var(--fs-24);font-weight: 400;line-height: 1.2;padding: 0 0 25px 0;} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.4; padding:0 0 30px 0 ; font-weight: 300; text-align: left;} .footerTopContent p strong{ font-weight:700 } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent p a i{ margin:0 5px 0 0 } .footerTop .btncn-light:hover{ background:#6daff3 } .footerTop h2{ font-size:var(--fs-36); font-family:var(--headfont);font-weight:400 } .btnnSocialGrp{ display:flex; align-items:center; margin:30px 0 0 0;gap:16px 50px;flex-wrap:wrap; justify-content:center; } .social ul{ margin:0; padding:0; list-style:none!important; display: flex; gap: 10px;flex-wrap:wrap;} .social ul li{padding:0!important} .social ul li a{ display:block ; color:#e9e7dd; font-size:22px; width:53px; height:53px; border-radius:50% ; background:#ffffff0d; display:flex; align-items:center; justify-content: center;} .social ul li a i{ display:block ;} .social ul li a:hover{ background:var(--seconday-color);color:#fff } .social ul li:before,.social ul li:after{display:none!important} .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--hover-color); } .footerTopContent table{ width:100%; max-width:500px} .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:2; font-weight: 200} .footerTopContent table td:first-child{ padding-right:20px; } .footerMap .row{--bs-gutter-x:30px;row-gap:30px} .footerMapImg{display:block;margin-bottom: 15px;background: #fff} .footerMapImg img{width:100%;display:block;border:2px solid #fff;transition: 0.3s} .footerMapText {display: flex;gap: 12px;align-items: center;} .footerMapH h3{padding-bottom:0;color:#fff;font-size: var(--fs-18);font-weight: 400;transition: 0.3s} a.footerMapLink {color: #fff;font-weight: 300;text-transform: uppercase;font-size: 10px;text-decoration: underline;transition: 0.3s} a.footerMapH:hover h3,a.footerMapLink:hover{color: var(--hover-color);} .footerMapImg img:hover{opacity: 0.8} .footer-heading-block {pointer-events: none; } .footer-form-holder{ background:#fff; border-radius:0px; } .footer-form-holder form{ display:flex !important; } .footer-form-holder .gform-body.gform_body{ width:100% } .footer-form-holder input[type=email]{ width:100% !important; border-radius:30px !important; padding:0 22px !important; height:54px !important; border:none !important; outline:none !important; box-shadow:none !important; text-align:left !important;font-size:16px!important } .footer-form-holder input[type=email]::placeholder{color:var(--body-font-color)!important;opacity:1!important} .footer-form-holder input[type=submit]{ border:none !important; outline:none !important; cursor:pointer !important; background:transparent !important; padding:0 30px 0 0 !important; color:#130e2f !important; font-size:var(--fs-14) !important; text-transform:uppercase !important; text-decoration:underline !important; text-underline-offset:5px !important;box-shadow:none !important;height:54px !important;flex-grow: 1; text-align: right!important;text-align-last: right!important;;transition: 0.3s!important} .footer-form-holder input[type=submit]:hover{ color:var(--seconday-color) !important; } .footer-form-holder .gform-footer.gform_footer.top_label{ margin:0 !important } .footer-form-holder .gform_validation_errors{ display:none !important; } .footer-form-holder .validation_message{ position:absolute !important; } .quick-links ul{ margin:0; padding:0; list-style:none; } .quick-links ul li{ display:block; } .quick-links ul li a{ display:block; font-size:var(--fs-16); color:#f4efe8; margin:0 0 5px 0 } .quick-links ul li a:hover{ color:var(--hover-color); } .footerTop h3{ font-size:var(--fs-24); color:#fff; padding-bottom:15px } .footerwidget_4 table tr.current-date-tr td{font-weight: 500 !important;} @media only screen and (max-width:1399px){ .footerwidget_2{ width:330px } } @media only screen and (max-width:1199px){ .footerTop{ padding:45px 0 } .footerTopContent{flex-direction:column;gap:35px} .footerwidget_1{ width:100%;} .footerwidget_2{ width:100%;max-width: 100%} .footerwidget_3{ width:100%; } .footerwidget_4{ width:100%; } .footerwidget_5{ width:100%; } .footer-logo{max-width: 250px} .footer-heading-block{position:relative;pointer-events:all ;padding-right: 20px;} .footer-content-block{ display:none;} .footer-heading-block h2{padding-bottom:0} .footer-content-block > *:first-child{margin-top: 20px} .footer-heading-block:after{ content:''; position:absolute; right:0; top:-3px; content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s } .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} .btnnSocialGrp{ justify-content:flex-start; } .footer-content-block {text-align: left; text-align-last: left; } .footer-heading-block h3 {text-align: left; text-align-last: left;padding-bottom:0 } } @media only screen and (max-width:991px){ .footer-logo{max-width: 150px; margin-left: auto; margin-right: auto;} .btnnSocialGrp{margin-top:15px;flex-direction:column;} .footerTop{text-align:center;text-align-last: center;} .footerTopContent p{text-align:center;text-align-last: center;} .footerMapText{justify-content:center;flex-wrap:wrap;} .footerTopContent table{text-align:left;max-width:100%;width:auto;text-align-last: left;} .footer-form-holder{text-align-last: left;} } @media only screen and (max-width:767px){ .ftbtm {flex-direction: column; align-items: center;text-align:center;row-gap:15px } .footer-form-holder input[type=submit]{padding: 0 20px 0 0 !important} } @media only screen and (max-width:639px){ .footerTop .gform-theme--foundation .gform_fields {display: flex!important; justify-content: space-between;} .gfield gfield--type-email{ flex-grow:1 } } /*FOOTER end*/ /*cta sec start*/ .ctaSecItem{position:relative;display:block;background:#0b1b19;overflow:hidden;} .ctaSecImg img{width:100%;display:block;opacity:0.5;transition:0.5s} .ctaSecText{position:absolute;top:50%;left:50%;width:90%;padding:45px 15px;text-align:center;color:#fff;transform: translate(-50%, -50%);font-size: var(--fs-60);} .ctaSecText h2{font-size: var(--fs-60);color:#fff;display:block;padding-bottom:15px} .ctaSecText i{display:block;} .ctaSecItem:hover{background:var(--main-clr);} .ctaSecItem:hover .ctaSecImg img{transform:scale(1.1);} @media only screen and (max-width:767px){ .ctaSecText {padding: 10px; } } /*cta sec end*/ /*breadcumb start*/ .breadcumb{ padding:25px 0 0px 0;text-transform: uppercase; } .breadcumb ul{ display:flex; justify-content:flex-start;flex-wrap: wrap; margin:0; padding:0; list-style:none} .breadcumb ul li{ font-family:var(--bodyfont); font-size:16px; letter-spacing:0em ;color:rgba(79, 15, 22, 0.40);position:relative;font-weight: 300} .breadcumb ul li:after{ content:'/'; display:inline-block;margin:0 8px;font-weight:300 } .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{color:rgba(79, 15, 22, 0.40);} .dark-bg .breadcumb ul li{color:rgba(255, 255, 255, 0.40)} .dark-bg .breadcumb ul li a{color:rgba(255, 255, 255, 0.40);} .breadcumb ul li a:hover,.dark-bg .breadcumb ul li a:hover{ color:var(--seconday-color); } body:has( .pageContent) .breadcumb ul{justify-content:flex-end;} @media only screen and (max-width:991px){ .breadcumb ul, body:has( .pageContent) .breadcumb ul{justify-content: center;} } @media only screen and (max-width:767px){ .breadcumb ul li{font-size:13px} } /*breadcumb end*/ /*treatmentListSec start*/ .treatmentTabAccHolder .nav-tabs {gap: 24px; margin-bottom: 30px;flex-wrap:nowrap;border:0 } .treatmentTabAccHolder .nav-item {width:100% } .treatmentTabAccHolder .nav-link {padding: 16px 10px 14px; line-height: 1; font-size: var(--fs-18); font-weight:400; margin:0; font-family:var(--headfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.05em; border: 0; transition: 0.5s;background:#ede8e0;text-align:center; border-radius: 0;width:100%;display:block;} .treatmentTabAccHolder .nav-link.active {color: var(--light-font-color); background: var(--dark-bg); border: 0; } .treatmentTabAccHolder .nav-link:hover {background: var(--dark-bg);color: #fff} .treatmentTabAccHolder .accordion-button{font-size: var(--fs-16); font-weight:400; margin:0; font-family:var(--bodyfont); color: var(--body-font-color); text-transform:uppercase; letter-spacing: 0.2em;transition: 0.3s; } .treatmentTabAccHolder .accordion-header {padding-bottom:0 } .treatmentTabAccHolder .accordion-body {padding:0; } .treatmentTabAccHolder .accordion { --bs-accordion-bg: transparent; --bs-accordion-border-width: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg:transparent; --bs-accordion-active-color:var(--body-font-color); --bs-accordion-btn-padding-x:0; } .treatmentList h2{padding-bottom:25px} .treatmentList ul{display:flex;flex-direction:column;gap:13px;margin:0;padding:0} .treatmentList ul li{display:block;} .treatmentList ul li a{display:block;padding: 17px 40px;color:#fff;background:var(--main-clr);font-size:var(--fs-24);transition: 0.3s} .treatmentList ul li a:hover{color:#fff;background:var(--main-clr);} .treatment-box{ position:relative; } .treatment-title{ position:absolute; bottom:0; width:90%; left:50%; transform:translateX(-50%); bottom:0; background:var(--main-clr); color:#fff; text-align:center; color:#fff; transition:all .5s } .treatment-title h3{ color:#fff; padding:0; font-size:var(--fs-24); padding:18px 15px; } .treatment-title:hover{ background:#000; transition:all .5s } .serviceImage{position:relative;z-index: 2} .details-treatment-list{ position:absolute; top:0%;left: 0; text-align:center; width: 100%; height:100%;padding: 15px 15px 85px;display: flex;flex-direction:column;justify-content: center; opacity: 0; transition:all .5s;background:#0008;backdrop-filter: blur(15px);} .details-treatment-list ul{ margin: auto 0; padding:0; list-style:none;height: auto; overflow: auto;} .details-treatment-list ul li{ float:none; display:block; font-size:var(--fs-20); color:#fff; text-align:center; } .details-treatment-list ul li a{ color:#fff; padding:5px 0; display:block; } .details-treatment-list ul li a:hover{ color:var(--seconday-color); } .serviceItemInr:hover .details-treatment-list{ opacity:1; z-index:9; transition:all .5s } .treatmentListSec .row{--bs-gutter-x:32px;row-gap:32px} .service-item {width: 100%;height:100% } .service-item-main {background: var(--light-bg); text-align: center; padding: 55px 20px 40px;height: 100%;transition:0.3s } .service-item-main:hover{box-shadow:inset 0 0 0 5000px #0004} .service-item-main h3 {font-size: var(--fs-30);color: var(--main-clr);padding-bottom: 0;transition:0.3s; } .service-item-main h3:hover{color: var(--main-clr);} .service-list-icon {margin: 0 auto 20px;width: 146px;aspect-ratio: 1;border-radius: 50%;background: #a11e46;display: flex;align-items: center;justify-content: center;} .service-list-icon img{margin: 0 auto;} .service-list-holder-wrap{position:relative;} .service-list-ul ul {display: flex;flex-direction: column;gap: 12px;padding: 20px 0;list-style: none;margin: 0;font-size: var(--fs-18);} .service-list-ul a {color:var(--body-font-color); } .service-list-ul a:hover{color: var(--seconday-color);} @media only screen and (max-width:991px){ .treatmentTabAccHolder .accordion-item:not(:first-child){border-top:1px solid #ddd; } .treatmentTabAccHolder .tab-content>.tab-pane {display: block; opacity: 1; } .treatmentTabAccHolder .accordion-body {padding:15px 0 25px 0; } .treatmentList ul li a {padding: 13px; } .treatmentListSecImg{position:sticky;top:10px} .details-treatment-list{padding-bottom:55px} .service-list-icon {width: 100px; padding: 20px; } } @media only screen and (max-width:767px){ .treatmentListSec {text-align: center; } .treatmentListSec .serviceSlider {max-width: 100%; } } /*treatmentListSec end*/ /*why choose start*/ .why-choose{overflow:hidden;} .why-choose .row {--bs-gutter-x: 108px; text-align: center; } .why-choose p {text-align: center; } .why-choose h3 {font-size: var(--fs-36); padding-bottom: 13px; } .why-choose h4 {font-family: var(--bodyfont); font-size: var(--fs-22); padding-bottom: 13px; } .why-choose-col {padding-top: 50px; padding-bottom: 20px; } .why-choose-col:not(:last-child) {box-shadow: 1px 0 0 rgba(161, 30, 70, 0.3); } .why-choose-col ul, .why-choose-col ol {padding-top:30px} .why-choose ul li{padding-bottom: 25px;} .why-choose ol li{padding-bottom: 25px;} @media only screen and (max-width:991px){ .why-choose-col:not(:last-child) {box-shadow: 0 1px 0 rgba(161, 30, 70, 0.3); } .why-choose-col{padding:40px 0 20px} .why-choose .row{--bs-gutter-x:24px} } /*why choose end*/ /*treatment-process start*/ .treatment-process{overflow:hidden;} .treatment-process .row {--bs-gutter-x: 64px; text-align: center; row-gap:24px} .treatment-process p {text-align: center; } .treatment-process h3 {font-size: var(--fs-36); padding-bottom: 13px; } @media only screen and (max-width:991px){ .treatment-process .row{--bs-gutter-x:24px} } /*treatment-process end*/ /*pageContent start*/ .pageContent p{ line-height: 1.6} .pageContent h1{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);padding:0 0 20px 0;text-transform:uppercase;letter-spacing:0.05em;color:rgba(71,19,43,0.4);} .pageContent h2{font-size:var(--fs-50);margin:0;padding:0 0 20px 0;} .pageContent h3{ padding-top:10px;font-family:var(--headfont);font-size:var(--fs-36);font-weight:500 ; margin: 0;padding-bottom: 20px;color: var(--main-clr);} .pageContent h4{ padding-top:10px;color:var(--black-clr);font-family:var(--headfont);font-size:var(--fs-24);font-weight:300 ; margin: 0;padding-bottom: 30px;color: var(--head-font-color);} .pageContent p a{ color:var(--body-font-color); } .pageContent p a:hover{ color:var(--main-clr); } .pageContent .btncn{ margin-top:0px; } .pageContent .buttonGroup .btncn{margin-bottom:0!important} .pageContent .btncn:not(:last-child),.pageContent .buttonGroup:not(:last-child){ margin-bottom:40px; } .pageContent ul{padding:0 0 0px; list-style:none;margin:0 } ul.two-columns {column-count: 2;column-gap: 25px;} ul.two-columns li {break-inside: avoid;} .pageContent ul li{font-weight: 300;position:relative; padding: 0 0 0 35px; padding-bottom: 10px;} .pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:#902845; font-family: 'FontAwesome'; } /*.pageContent ul li:after {content: ''; display: block; width: 100%; height: 1px; background: #90284547; margin: 18px 0 7px 0; }*/ .pageContent ul li:not(:last-child){margin-bottom:0px} .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: #e2ddd6; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: var(--fs-24); padding:0px 5px 5px 10px; position: absolute; top: 0; left: 0;font-family:var(--headfont); } .pageContent ol li {position: relative; padding: 8px 0px 0px 70px; } .pageContent ol li strong:first-child {display: block; font-size: var(--fs-18); font-weight: bold; font-family: var(--bodyfont); } /*.pageContent ol li:first-child { padding-bottom:30px; } */ .pageContent ol li p i{font-size: 8px; color: var(--main-clr); padding-left: 30px; vertical-align: 4px;} .pageContent .btncn + blockquote{margin-top:0} .pageContent blockquote {padding:30px 30px 0 !important; background: #efe2dd !important; margin: 10px 0 30px !important;} .pageContent blockquote p{ color: var(--main-clr) !important; font-weight: 400 !important; } .pageContent blockquote h3 {background: #2b2933 !important; display: table !important; padding:10px 20px !important; margin-bottom: 20px !important; font-size:var(--fs-14) !important; color:#ede8e0 !important; text-transform: normal; letter-spacing: 0.1em !important; } .pageContent img{display:block;margin-bottom:30px;transition:0.3s} .pageContent a:hover img{filter: brightness(0.6);} .pageContent table{ width:100%;margin-bottom: 30px} .pageContent table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; font-weight: 300; } .pageContent table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; color:#fff } .pageContentAccordion .accordion-item:not(:first-child) {border-top: 1px solid #d7d8ce;} .pageContent .accordian-new{padding-bottom:35px} .pageContent .accordian-new h3{padding-top:25px;padding-bottom:25px;font-weight:600;color: var(--body-font-color);font-size: var(--fs-20);} .pageContent .accordian-new h3::after{color:#000} .pageContent .ui-accordion-content-new{font-weight:400;font-size: var(--fs-20);} .borderBtm{border-bottom: 1px solid #d2d4ca;} .pcGallerySliderItem a,.pcGallerySliderItem a img{display:block;width:100%;margin-bottom:0} .pageContentGallery:not(:last-child){padding-bottom:40px} .pageContentGallery .btncn{margin: 40px 0 0 0} .pageContentText > *:last-child:not(a),.pageContentText ul:last-child li:last-child,.pageContentText ol:last-child li:last-child,.pageContentText > *:last-child > *:last-child:not(a){margin-bottom:0;padding-bottom:0} .pageContentText > a:last-child{margin-bottom:0} .galler-img h3{font-size: var(--fs-24);padding:25px 30px!important;font-weight:500; font-family:var(--headfont); text-align:left } .galler-img{ background:#f6f3ee ; transition: all .5s} .galler-img:hover{ background:var(--main-clr); transition: all .5s} .galler-img:hover h3{ color:#fff; transition: all .5s } .pageContent p a{color:#a11e45;} .pageContent p a:hover{color:var(--topbar-color);} @media only screen and (max-width:991px){ .pageContent blockquote {padding: 0 15px 15px; } .pageContent .btncn:not(:last-child), .pageContent .buttonGroup:not(:last-child){ margin-bottom: 30px; } .pageContent h2 br{display:none;} } @media only screen and (max-width:767px){ .pageContent ol li:before {width: 40px; height: 40px; padding: 4px 2px 2px 5px; } .pageContent ol li {padding: 3px 0 35px 55px; } .pageContent .accordian-new h3{padding-top:15px;padding-bottom:15px;} } /*pageContent end*/ /*sidebar start*/ .sidebarFormHolder{ padding:0; margin:0px;} .sidebarFormHolder h2{font-weight: 400;font-size: var(--fs-36);padding:0 15px 30px;color: var(--main-clr);} .sidebarFormHolder h2 strong{font-weight: 600;} .formImg img{width:100%;display:block;margin-bottom: 0} .sidebarContent{padding:35px 0px 0;background: #efe2dd;} .sidebar p{ text-align-last:center;} .sidebarsticky .btncn{width:100%;text-align:center;margin: 0;font-weight: 300;text-transform: uppercase;letter-spacing: 0.05em !important;padding: 23px 15px !important;} .top-form-content{ padding:0 60px; } .contactPg .sidebarContent {background: #a01c44;} .contactPg .sidebarFormHolder h2 {color: #fff;} .contactPg .sidebar-form input[type=submit]{background:#f2c184!important;color:var(--main-clr)!important} @media only screen and (min-width:992px){ .sidebar,.sidebarFormHolder{height: 100%} .sidebarsticky{position: sticky;top: 70px;z-index:1; } } @media only screen and (max-width: 991px) { .sidebarFormHolder{ margin:0 } .sidebarsticky .btncn{padding:15px;} } @media only screen and (max-width: 767px) { .sidebarFormHolder{ padding:0 } .sidebarContent{ padding:30px 0px 0 } } /*sidebar end*/ /*sidebar form start*/ .sidebar-form .gform_fields {gap: 20px!important; } .sidebar-form .gform_footer{padding-top: 10px !important; padding-bottom: 30px !important;} .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder select,.sidebar-form .inputHolder textarea{width:100% !important;background-color:#fff !important;border:none !important;padding: 14px 24px !important;font-size: 16px !important;font-weight:300 !important;color: var(--head-font-color) !important;margin:0 0 0px 0 !important;border-radius: 0 !important;height:auto!important;} .sidebar-form .inputHolder textarea{max-height: 72px !important;} .sidebar-form .inputHolder { width:100% !important; } .sidebar-form .inputHolder ::placeholder { color: #000000!important; opacity: 1 !important;text-transform:normal } .sidebar-form .inputHolder ::-ms-input-placeholder { color:#00000066!important; opacity: 1 !important;} .sidebar-form input[type=submit]{padding: 19px 27px!important;background: #a11e46 !important;border:none !important;outline:none !important;cursor:pointer !important;font-weight: 500 !important;font-size: 16px !important;box-shadow: none!important;transition: 0.3s!important;margin-top: 0 !important;color:#fff!important;font-family:var(--bodyfont) !important;flex-shrink: 0 !important;align-self: flex-start !important;letter-spacing: 0em !important;margin-left: auto !important;margin-right: auto !important;display: block !important;border-radius: 0 !important;width: auto!important;line-height: 1!important;text-transform: uppercase!important;border-left: 8px solid #c48f6e!important;} .sidebar-form input[type=submit]:hover{background:transparent!important; color:#fff !important;box-shadow:inset 200px 0 0 0 #c48f6e!important;transition: 0.3s!important; } .sidebar-form .inputHolder select{padding-right: 45px !important;background-image: url(assets/images/arrow-down.png) !important;background-repeat: no-repeat !important;background-position: center right 19px !important;appearance:none !important;color: #000000!important;text-transform: none!important;} .sidebar-form option{ background: var(--body-font-color) !important; color:#fff !important; } .sidebar-form .gform-loader {filter:brightness(0) invert(1)} .sidebarContent .gform-body{padding: 0px 40px 0px !important;} @media only screen and (max-width: 991px) { .sidebarContent .gform-body{padding: 0 15px 15px!important} } @media only screen and (max-width: 767px) { .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder textarea{padding: 12px 16px!important;} .sidebar-form .inputHolder textarea{min-height: 60px} .sidebar-form .inputHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important} .sidebar-form input[type=submit]{padding: 17px 18px 20px!important} } /*sidebar form end*/ /*faq start*/ .faqHolder h2{padding-bottom: 20px} .accroHolder {border-bottom:1px solid rgba(79, 15, 22, 0.2); } .accordian-new h3 {font-family: var(--bodyfont); font-weight: 500; font-size: var(--fs-18); cursor: pointer; margin-bottom: 0; position: relative; padding: 25px 30px 25px 0; color: var(--body-font-color);} .accordian-new h3:focus { outline: 0} .accordian-new h3:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 24px; font-size: 20px;font-weight: 300; transition: .5s;color: var(--main-clr);} .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg);} .ui-accordion-content-new { padding: 0px 0px 30px 0; display: none;font-size: var(--fs-18);font-weight:300} .ui-accordion-content-new p { text-align: justify; padding-bottom: 0;} .ui-accordion-content-new p:last-child {padding-bottom: 0;} .accroHolder .btncn{ margin-top:30px; margin-bottom:0 } .contentSection .accordian-new h3{font-size:var(--fs-18);} .contentSection h1{font-size: var(--fs-16); font-weight: 300; margin: 0; font-family: var(--bodyfont); padding: 0 0 20px 0; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(71, 19, 43, 0.4);} @media only screen and (max-width:991px){ .contentSection .accordian-new{text-align:left;text-align-last: left;} .contentSection .accordian-new h3:after{ top: 23px;} } @media only screen and (max-width:767px){ .accordian-new h3{ padding: 15px 30px 15px 0; } .accordian-new h3:after{top: 16px; font-size: 15px;} } /*faq end*/ /*BLOG SECTION*/ .blogCategory{ padding:20px 30px ; display:flex; align-items:center; background: #fcf8fa} .blogCategory span{ font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; padding:0 12px 0 0 } .blogCategory select{ width:100%; border:none; background:transparent; font-family:var(--bodyfont); font-size:var(--fs-30); font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image:url(assets/images/downArrow.png); background-repeat:no-repeat; background-position: 100% center;} .blogCategory select option{} .blogPostRepeater{ margin:35px 0 0 0} .blogPostContent h4{padding: 25px 0 15px 0;} a.postReadMore{ font-size:var(--fs-14); color:var(--seconday-color); font-weight:500; text-decoration:underline; text-underline-offset:5px } a.postReadMore:hover{ color:var(--main-clr); } .blogPostContent a h4{color: var(--main-clr);font-size: var(--fs-24);line-height:1.5;} .blogTop{padding: 12px 40px;margin:0 0 30px 0;display:flex;align-items: center;background: #ebe2da;font-family: var(--headfont);} .sortBy{font-weight: 100;color: var(--main-clr);font-size: var(--fs-24);} .categotyDropdown{ width:100%; margin:0 0 0 15px; } .categotyDropdown select{width:100%;background:transparent;border:none;padding: 5px 0;font-weight: 400;color: var(--main-clr);font-size: var(--fs-24);background-image: url(assets/images/arrow-down.png);background-repeat: no-repeat;background-position: 100% center;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;font-family:var(--headfont);} .categotyDropdown select option{ color:#fff;background:var(--body-font-color); } .blogDtlsTitle{border-top: 2px solid #57555a;} .blogDtlsTitle h1,.blogDtlsTitle h2{font-size:var(--fs-70);} @media only screen and (max-width: 991px) { .blogPostContent h4{ padding-top:10px } .blogCategory{ padding:20px 15px } .blogCategory span{ font-size:16px } .blogCategory select{ font-size:16px } } @media only screen and (max-width: 767px) { .blogTop{ padding:15px; flex-direction:column; justify-content:center; align-items:center; } .categotyDropdown select{ width:100%;background-size:13px;font-size:var(--fs-16);margin:0 } .sortBy{ width:100%; border-bottom: 1px solid #00000026;font-size:var(--fs-16);padding:3px 0 } .categotyDropdown{ width:100%;margin:0 } } /*END BLOG SECTION*/ /*contact SECTION start*/ .mapHolder{ margin:15px 0 35px 0 ;} .mapHolder:has( iframe) { overflow: hidden; padding-top: 56.25%; position: relative; display: block; border: 0px solid #0005;} .mapHolder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;border:0!important } .mapHolder img{width:100%;display:block;} .openingHr table{width: auto;} .openingHr table td{padding: 4px 15px 4px 0; border: 0; font-size: var(--fs-18);font-weight:300} .openingHr h2{ font-size:var(--fs-36); } .openingHr table tr.current-date-tr td{font-weight: 500 !important;} .iconListItem {display: flex; gap: 5px; color: var(--head-font-color);transition:0.3s } .iconListText {align-self:center; } .iconListIcon{margin-top:4px} .iconListIcon img {filter: brightness(0.2); display: block; width: 21px; height: 21px; object-fit: contain;transition:0.3s } .iconListText p {padding: 0; line-height: 1.5; } .iconListItem:hover{color: var(--main-clr);} .iconListItem:hover .iconListIcon img{filter:none;} .contactListHolder{display:flex;flex-direction:column;gap:0px;padding-bottom:20px} .contactListItem a{color:var(--body-font-color);transition: 0.3s} .contactListItem a:hover{color:var(--seconday-color);} .contactListItem strong{text-transform:uppercase;color:#a11e46;font-weight:500;font-size:18px; margin:0 0 5px 0;} .contactListItem{ margin:0 0 30px 0 } .contactListItem table{ margin:0 } @media only screen and (max-width: 1399px) { .iconListIcon{margin-top:2px} } /*contact SECTION end*/ /*BEFORE AFTER SLIDER start*/ .beforeAfterSec{overflow:hidden;} .beforeAfterSec h2{font-size: var(--fs-50);padding-bottom:0} .beforeAfterSecInr{padding-left:0;padding-right:0px;position:relative;} .beforeAfterSlider{width:100%;margin:0 auto;} .beforeAfterSlider .slick-track{ padding:30px 0px; overflow:visible; } .beforeAfterSlider .slick-list {margin:0 -10px;} .beforeAfterSlider .slick-slide {padding: 0 10px; } .beforeAfterSlider .slick-center{ transform:scale(1.3); transition:all .5s; transition-delay:0.5s } .beforeAfterSliderWrap{position:relative;} .beforeAfterNavPrev,.beforeAfterNavNext{font-size:var(--fs-30);border:none;outline:none;background:transparent;color: #ffffff;transition: 0.3s;pointer-events: all;} .beforeAfterNavPrev:hover, .beforeAfterNavNext:hover{ color:var(--main-clr); } .beforeAfterSliderNav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;width: calc(100% + 100px);pointer-events: none;} .beforeAfterdots ul{padding: 0; display: flex ; justify-content: center; margin: 10px 0 0; font-size: 0; list-style: none; gap: 6px;} .beforeAfterdots ul button {width: 12px; height: 12px; border: 0; outline: 0; border-radius: 50%; transition: 0.3s; opacity: 0.1; } .beforeAfterdots ul .slick-active button {opacity: 1; } .beforeAfterdots ul button:hover {opacity: 0.5; } .gallery-title{ padding:18px 30px; background:#ececec; font-size:var(--fs-30); font-family:var(--headfont); } .beafSliderItem img{ width:100% } .gallery-title{color: var(--head-font-color);} .beafSliderItem{transition: 0.3s} .beafSliderItem:hover {box-shadow: 0 0 10px #fff8; } @media only screen and (max-width:1299px){ .beforeAfterSlider .slick-list {margin:0 -10px; } .beforeAfterSlider .slick-slide {padding: 0 10px; } .beforeAfterSlider .slick-track{ padding:20px 0 } .beforeAfterSecInr{padding-left: 50px; padding-right: 50px;} .beforeAfterSliderNav{width: calc(100% + 70px);} } @media only screen and (max-width:991px){ .beforeAfterSlider .slick-center{ transform:scale(1.0); transition:all .5s; } .beforeAfterSlider .slick-track{ padding:10px 0 } .beforeAfterSliderWrap{margin-left: auto;margin-right: auto;} .beforeAfterSliderNav{ display:flex; } } @media only screen and (max-width:767px){ .beforeAfterSecInr {padding-left: 0; padding-right: 0px; } .beforeAfterSliderNav {width:calc(100% + 45px);} .fixed{ background:transparent;box-shadow:none; } .beforeAfterSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 60px);} .beforeAfterSlider .slick-list{margin:0 -5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .beforeAfterSlider .slick-slide{padding:0 5px} .slick-slide .beafSliderItem{opacity: 0.3;transition: 0.3s} .slick-slide.slick-active .beafSliderItem{opacity:1} .gallery-title{padding:10px 15px;text-align:center;font-size: var(--fs-24)} .beforeAfterSecInr .section-heading{text-align:center;} } /*BEFORE AFTER SLIDER end*/ /*Treatment Features Start*/ .treatmentFeaturesInr {overflow: hidden; background: var(--main-clr); color: #fff; padding: 34px 0; } .treatmentFeaturesInr .row {--bs-gutter-x: 0; row-gap: 50px; } .treatmentFeaturesItem {padding: 0 80px; font-size: var(--fs-18); font-weight: 400;box-shadow : 1px 0 0 #ffffff42 } .treatmentFeaturesItem p:last-child {padding-bottom: 0; } .treatmentFeaturesItem h3 {color: #fff; font-size: var(--fs-24); padding-bottom: 20px; font-family: var(--bodyfont); } .treatmentFeaturesItem h3::before {content: ''; width: 44px; height: 44px; display: inline-block; background: var(--main-clr); border-radius: 50%; margin-right: 18px; vertical-align: middle; } @media only screen and (max-width:1599px){ .treatmentFeaturesItem{padding:0 40px} } @media only screen and (max-width:991px){ .treatmentFeaturesInr{padding:0 20px} .treatmentFeaturesInr .row{row-gap:0} .treatmentFeaturesItem{padding: 30px 0px;box-shadow: 0 1px 0 #ffffff42;} } @media only screen and (max-width:991px){ .treatmentFeaturesItem h3::before {width: 30px; height: 30px; margin-right: 10px; } } /*Treatment Features End*/ /*map sec start*/ .mapSec img{width:100%;display:block;} /*map sec end*/ /* Price Table Start */ .fw-price-table table thead th{ background-color: var(--main-clr) !important; color:var(--light-bg) !important; } .fw-price-table table thead th:nth-child(2), .fw-price-table table thead th:nth-child(3), .fw-price-table table thead th:nth-child(4) {border-left:1px solid var(--light-bg) !important;} .fw-price-table table thead th:nth-child(1) {border-left:1px solid var(--main-clr) !important; } .fw-price-table table thead th:nth-child(4) {border-right:1px solid var(--main-clr) !important; } .fw-price-table table tbody{ background-color: var(--light-bg) !important; } .fw-price-table table tbody td:first-child{ font-weight:500 !important; } .fw-price-table tbody td{ background-color: transparent !important; } /* Price Table End */ /*Text content */ .section-heading-content-small{ max-width:880px; margin:0 auto; text-align:center; } .section-heading-content-small p{ text-align:center; } .icon-border-section{ display:flex; padding:45px 0 0 0; gap:70px; } .icon-border-box{ width:25% ; position: relative; padding: 25px 0 0 0} .home-icon{ margin:0 0 25px 0; min-height:132px } .icon-border-box h3{ font-size:var(--fs-24); padding:0 0 15px 0 } .icon-border-box:not(:last-child):after{ content:''; position:absolute; right:-35px; top:0; width:1px; height:100%; background:#172135; } .content-slider{ padding-top:var(--pdg); } .content-slider-main{ background:#fff } .content-slider-inner{ display:flex; } .content-main-image{ width:40% } .content-main-content{ width:60%; padding:50px; } .content-slider-main *{ line-height:0 } .content-slider-main p, .content-slider-main h6, .content-slider-main h2, .content-slider-main .btncn { line-height:1.4 } .contentSliderNext {font-size: var(--fs-20); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%; background:#e2e3e6; color:#000 } .contentSliderPrev {font-size: var(--fs-20); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; width:56px; height:56px; border-radius:50%; background:#e2e3e6; color:#000} .contentSliderPrev:hover,.contentSliderNext:hover{ background:#000; color:#fff } .contentSliderNav{display:flex;gap:15px;justify-content:flex-end;position:absolute;bottom:60px;right: 60px;} @media only screen and (max-width:1199px){ .home-icon img{ max-width:50% } .home-icon{ height:110px } .g-5, .gx-5{ --bs-gutter-x: 1.5rem; } } @media only screen and (max-width:991px){ .icon-section{ padding-top:45px; } .icon-border-section{ flex-wrap:wrap; } .icon-border-box{ width:44% } .icon-border-box:nth-child(2n):after{ display:none; } .content-image{ margin-bottom:45px } .content-slider-inner{ flex-wrap:wrap; } .content-main-image{ width:100% } .content-main-image img{ width:100% } .content-main-content{ width:100% } } @media only screen and (max-width:767px){ :root{ --fs-48: 40px; } .icon-border-box{ width:100% } .icon-border-box:not(:last-child):after{ right:inherit; bottom:0; left:0; width:100%; height:1px; top:inherit; display:block; } .icon-border-section{ padding:0 } .icon-border-section{ gap:10px } .content-main-content{ padding:20px } .contentSliderNav{ position:static; justify-content: center; padding-top: 20px } } .half-bg-section{ background: #172135; background: linear-gradient(180deg,rgba(23, 33, 53, 1) 0%, rgba(23, 33, 53, 1) 50%, rgba(233, 231, 221, 1) 50%, rgba(233, 231, 221, 1) 100%); padding:0 0 var(--pdg);} .gallery-sec-image{ background:#000000; position: relative;} .gallery-sec-image img{ opacity:0.5; width:100% } .gal-sec-caption{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; padding:15px; } .gal-sec-caption h2{ color:#fff; font-size:var(--fs-72); color: #fff} .gal-sec-caption a{ color:#fff; font-size:var(--fs-20); text-transform:uppercase; text-decoration:underline; text-underline-offset:5px; } .gal-sec-caption a:hover{ color:var(--seconday-color); } @media only screen and (max-width:767px){ .gallery-sec-image img{ height:300px; object-fit:cover; } .gal-sec-caption{ width:100% } } .tic-section-holder{ display:flex; gap: 70px; } .tic-box{ width:25%; text-align: left; position: relative;} .tic-box p{ text-align:left; } .tic-section-top{ margin:0 0 30px 0 } .tic-box h4{ font-weight:500; font-size:var(--fs-24); padding:0 0 15px 0 } .tic-box:not(:last-child):after{ content:''; position:absolute; right:-35px; top:0; height:100%; width:1px; background:#fff; } .gallery-slider .slick-slide { margin: 0 10px;} .gallery-slider .slick-list { margin: 0 -10px;} @media only screen and (max-width:991px){ .tic-section-holder{ flex-wrap:wrap; } .tic-box{ width:44% } .tic-box:nth-child(2):after{ display:none; } } @media only screen and (max-width:767px){ .tic-box{ width:100% ; padding: 15px 0 0; border-bottom: 1px solid #fff;} .tic-box:nth-child(2):after{ display:block; } .tic-box:after{ display:none; } .tic-box:last-child:after{ display:none; } .tic-section-holder{ gap:0 } .tic-box:nth-child(2):after{ display:none; } .top-form-content{ padding:0 30px } } .homeFormHolder .gform_validation_errors{ background:#fff !important } .homeFormHolder .gform_validation_errors h2.gform_submission_error{ margin:0 !important; padding: 0 !important } .homeFormHolder .validation_message{ color:#fff !important }