/* Theme Name: Parkfield Dental Theme URI: # Author: Sk Version: 1.0 */ .team-header-text h1 { font-size: var(--fs-16); font-weight: 300; margin: 0; font-family: var(--bodyfont); color: rgba(0, 0, 0, 0.7); padding: 0 0 10px 0; text-transform: uppercase; letter-spacing: 0.22em; line-height: 1.3; } *{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden; } body{ margin:0px; padding:0px;background:#ffffff; font-family:var(--bodyfont);} p{ margin:0px; padding:0px; } address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; } label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;} a{ text-decoration:none; border: 0px; outline: none; transition:all .5s} a:hover, a:focus, a:active{ transition:all .5s } a img{ border:none; outline: none;} a:focus {outline:none; } border{ border-collapse:collapse;} hr{ height:1px; background:#333333; border:none;} img { max-width: 100%; height: auto;} strong{font-weight:bold;} button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;} ::-moz-selection { color: #fff; background:var(--main-clr);} ::selection { color: #fff; background: var(--main-clr);} @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Regular.eot'); src: url('assets/fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Regular.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Regular.woff') format('woff'), url('assets/fonts/SFProDisplay-Regular.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Light.eot'); src: url('assets/fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Light.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Light.woff') format('woff'), url('assets/fonts/SFProDisplay-Light.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Light.svg#SFProDisplay-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Medium.eot'); src: url('assets/fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Medium.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Medium.woff') format('woff'), url('assets/fonts/SFProDisplay-Medium.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('assets/fonts/SFProDisplay-Semibold.eot'); src: url('assets/fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SFProDisplay-Semibold.woff2') format('woff2'), url('assets/fonts/SFProDisplay-Semibold.woff') format('woff'), url('assets/fonts/SFProDisplay-Semibold.ttf') format('truetype'), url('assets/fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } /*variables--*/ :root{ --bodyfont: "SFProDisplay", sans-serif ; --accent-font: "articulat-cf", sans-serif; --headfont:"Playfair Display", serif; --secondary-font:"Montserrat", sans-serif; --fs-70:70px; --fs-60:60px; --fs-48:48px; --fs-40:40px; --fs-36:36px; --fs-32:32px; --fs-30:30px; --fs-24:24px; --fs-20:20px; --fs-18:18px; --fs-16:16px; --fs-14:14px; --fs-13:13px; --pdg:100px; --topbar-color:#20292c; --main-clr:#488fa2; --seconday-color:#272b5b; --dark-bg:#20292c; --hover-color:#20292c; --body-font-color:#010101; --head-font-color:#20292c; --light-font-color:#f8f3ea; --light-bg:#f6f6f8; --navbar-color:#20292c; --headerHeight:120px; } body{ font-family:var(--bodyfont); color:var(--body-font-color); } h1{font-size:var(--fs-60);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h2{font-size:var(--fs-60);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding: 0 0 30px 0;line-height: 1.3} h3{font-size:var(--fs-30);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h4{font-size:var(--fs-24);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h5{font-size:var(--fs-20);font-weight:400;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h6{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);color:rgba(0,0,0,0.7);padding:0 0 10px 0;text-transform:uppercase;letter-spacing:0.22em;line-height: 1.3} body{ font-size:var(--fs-20); line-height:1.6; font-weight: 300 ; font-family: var(--bodyfont); color: var(--body-font-color);} p{ text-align: justify; padding:0 0 30px 0;} .btncn{ position:relative; display: inline-block; padding:14px 35px 14px; text-transform: capitalize; font-size: var(--fs-18); font-weight:300; border-radius:0;border-width:1px;border-style:solid; text-align: center; margin:15px 0; font-family:var(--accent-font); letter-spacing:0.05em; white-space:nowrap; } .btncn-default{background: var(--main-clr); color:#fff;border-color:var(--main-clr);} .btncn-default:hover{background:var(--hover-color);border-color:var(--main-clr); color:#fff} .btncn-secondary{ color: #fff;border-color:var(--main-clr);} .btncn-secondary:hover{background:#fff;border-color:var(--main-clr);color:var(--main-clr);} .btncn-white{background:#fff; color: var(--head-font-color);border-color:#fff; } .btncn-white:hover{background:var(--hover-color);border-color:var(--main-clr);color:#fff} .btncn-line{ border-color:var(--seconday-color);color:var(--body-font-color);background:transparent} .btncn-line:hover{ background:var(--hover-color);border-color: var(--main-clr); color:#fff; } .btncn i{ margin:0 10px 0 0;transition:0.3s } .btncn-secondary i,.btncn-white i,.btncn-line i{color:var(--main-clr); } .btncn-default:hover i,.btncn-secondary:hover i,.btncn-white:hover i,.btncn-line:hover i{color:#fff} .buttonGroup{ display:flex; gap:15px } .section{ padding-top:var(--pdg); } .sectionPaddingBtm{ padding-bottom:var(--pdg) } .section .container{ position:relative; } .light-bg{ 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 } .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} .section-heading{ padding-right:220px; } .dark-bg{background:var(--dark-bg); } .main-clr-bg{background: var(--main-clr);} .mobile{display:none; } .btn-group{ display:flex; margin:30px 0 0 0; gap:15px; } .full-image img{ width:auto; max-width:inherit; } .full-right{ display:flex; justify-content:flex-end; } .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6{ color:#fff } .gform-footer,#field_submit{position:relative!important} .gform-loader {position:absolute!important;right:0!important;top:0!important} .case-study-section{ background:var(--main-clr); margin-top:var(--pdg); padding-bottom:var(--pdg); } .case-study-section .bracket-heading h2{ color:#fff; } .case-study-section .bracket-sub-heading h3{ color:#fff; } .case-study-section .content-repeater{ margin-top:45px; } .case-study-section .content-repeater-inner h2, .case-study-section .content-repeater-inner p{ color:#fff; } .case-study-section .content-repeater-inner blockquote{ position:relative; padding-left: 45px} .case-study-section .content-repeater-inner blockquote:before{ content: '\f10d'; font-family: 'FontAwesome'; position: absolute; color: #fff; font-size: 50px; top: -16px; left: -12px; } @media (min-width: 1600px) { .container{ max-width:1470px } } @media only screen and (max-width:1599px){ :root{ --fs-70:60px; --fs-60:55px; --fs-48:45px; --fs-40:38px; --fs-36:34px; --fs-32:28px; --fs-30:28px; --fs-24:23px; --fs-20:18px; --fs-18:16px; --fs-16:15px; --fs-14:14px; } } @media only screen and (max-width:1399px){ :root{ --fs-70:50px; --fs-60:45px; --fs-48:40px; --fs-40:34px; --fs-36:30px; --fs-32:26px; --fs-30:26px; --fs-24:22px; --fs-20:17px; } } @media only screen and (max-width:1199px){ :root{ --fs-70:45px; --fs-60:42px; --fs-48:40px; --fs-40:32px; --fs-36:24px; --fs-32:22px; --fs-30:23px; --fs-24:20px; --pdg: 65px; } a{ text-decoration:none; border: 0px; outline: none; transition:none;} a:hover, a:focus, a:active{ transition:none; } .g-5, .gx-5{ --bs-gutter-x: 30px; } } @media only screen and (max-width:991px){ :root{ --fs-70:35px; --fs-60:32px; --fs-48:30px; --fs-40:28px; --pdg :50px; } p{padding-bottom:20px} .full-image img{ max-width:100% } } @media only screen and (max-width:767px){ .container{ padding:0 40px; } .btncn{ width:100%; text-align:center; } .buttonGroup .btncn{width: auto;flex-grow: 1;padding: 10px 10px;font-size: 14px; } .buttonGroup{gap: 8px} .buttonGroup .btncn i{margin: 0 5px 0 0 } .desktop{ display:none; } .mobile{display:block;} .lineHd h5::before{width:25px;margin-right:5px} .btn-position-absolute { position: static;margin-top:30px} .section-heading{ padding-right:0px} } @media only screen and (max-width:380px){ } /*Header Start*/ .header{position: sticky; top: 0; z-index: 99999; width: 100%; transition: 0.3s;} .headerTop{ background:var(--topbar-color); padding:6px 0; position:relative; z-index:10 } .headerTop p{ color:var(--white-color); font-weight:300; padding:0; font-size:var(--fs-18); } .headerTop p a{ color:#eee; font-weight:600 } .headerTop p a:hover{ color:var(--seconday-color); } .headerTop ul{ margin:0; padding:0; list-style:none;display:flex;flex-wrap:wrap;justify-content:center; } .headerTop ul li{display:block;vertical-align:top;padding:0 22px;position:relative; color:#fff;font-size:var(--fs-18); font-family:var(--bodyfont); font-weight:400} .headerTop ul li a{ color:#fff } .headerTop ul li a:hover{ color:var(--main-clr); } .headerTop ul li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:19px; background:#fff; } .headerTop ul li:first-child:before{ display:none; } .headerMian{width: 100%;transition: all .5s;background: transparent;} .page-id-23 .headerMian{width: 100%;transition: all .5s;background: #21292c;} .logo{ height:161px; transition:all .5s; flex-shrink: 0; align-self: flex-start; padding-top: 15px; transition:all .5s} .page-id-23 .logo {height:85px;} .logo img{max-height: 100%;object-fit:contain;width:auto;} .headerHolder{ display:flex; align-items:center; justify-content:space-between; padding:0 0 0 75px;gap:20px;height: var(--headerHeight);transition: 0.5s} .navigation{margin:0 auto 0 70px} .navigation nav ul{ display:flex; align-items:center; margin:0; padding:0; list-style:none; } .navigation nav ul li a{font-weight:300;font-size: var(--fs-18);position: relative;color: #fff;z-index: 10; font-family:var(--accent-font);} .navigation nav ul li a:hover{ color:var(--main-clr); } .navigation {align-self: stretch;} .navigation nav, .navigation nav > ul,.navigation nav > ul > li,.navigation nav > ul > li> a {height: 100%;} .navigation nav > ul > li> a {padding-left: 20px;padding-right: 20px;display: flex;flex-direction: column;justify-content: center;} .headerWinnerLogo {margin-right: 18px; } .headerRight{ display:flex; align-items:center;gap:15px;align-self: stretch; } .phoneNumber a{font-family:var(--bodyfont);color: #fff;font-size: var(--fs-18);} .phoneNumber a i{margin-right: 10px} .phoneNumber a:hover{ color:var(--main-clr); } .whatsapp a{ color:#fff; font-size:24px; display:block; width:40px; height:40px; border-radius:50%; background:#25d366; text-align:center; line-height:40px;} .whatsapp a:hover{opacity: 0.7} .headerIcon a{font-size:18px; display:block; width:40px; height:40px; border-radius:50%;border:1px solid var(--main-clr); text-align:center; line-height:40px;color: var(--main-clr);} .headerIcon a:hover{background: var(--main-clr);color: #fff} .bookAppointment{height: 100%} .bookAppointment a{padding: 0px 55px;display:block;background: var(--main-clr); color:#fff;position:relative;font-size: var(--fs-24);font-weight: 500; transition:all .5s; font-family: var(--headfont);margin-left: 20px;height: 100%;line-height: var(--headerHeight);} .bookAppointment a i{ margin:0 10px 0 0;display:none; } .bookAppointment a:hover{background:var(--hover-color);color: #fff} .headerSocial a{ font-size:22px; color:#000; position:relative; top:2px; } .headerSocial a:hover{ color:var(--seconday-color); } .fixed{position:sticky;top:0;left:0;width:100%;background:var(--dark-bg); box-shadow: 0 5px 115px rgba(255, 255, 255, 0.03); z-index: 999} .fixed .logo{ height:106px; transition:all .5s } .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important; } a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:2px;margin-top:5px}.mean-container a.meanmenu-reveal span:first-child{margin-top:0px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:capitalize}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important} @media only screen and (min-width:1200px){ .headerMian a{position:relative;z-index: 10;} .headerMian:hover a{pointer-events:all;} .mega-menu-wrapper{ position: absolute; z-index: 9; inset: 0 0 auto; width: 100vw; max-width: 100vw; background:var(--navbar-color); padding:50px 0 90px; transition: all 0s ease, padding 0s ease; box-shadow: 0 -200px 0px 0px var(--navbar-color); top: 100%; opacity: 0; visibility: hidden;} .navigation nav ul li:hover .mega-menu-wrapper{ opacity:1.0; visibility:visible; transition:all 0s ;} .navigation nav ul.dropdown-menu-holder li a{ font-size:var(--fs-32) ; font-weight:400; margin:0 0 15px 0; display:block;font-family:var(--headfont); } .navigation nav ul.dropdown-menu-holder li ul li a{ font-size: var(--fs-20); padding:5px 0; display:block; font-weight:300; margin:0;width:100%;transition:0.2s;font-family:var(--bodyfont); } .navigation nav ul.dropdown-menu-holder li ul li a:hover{color:var(--main-clr);} .mega-menu-wrapper a:hover{ color:var(--main-clr); } ul.dropdown-menu-holder{gap: 30px;width: 100%;border: none;justify-content: space-between;align-items:flex-start!important;} .dropdown-menu-holder>li {width: 25%;} .section-parent-menu{ width:100% } .mega-menu-container {padding: 0; display: flex; justify-content: space-between; gap: 20px; } .dropdown-menu-holder li ul{ display:block; } li.normal-menu {position: relative;} li.normal-menu ul {position: absolute;top: 100%;left: 0px;flex-direction: column;min-width: 260px;background: var(--dark-bg);gap: 0;padding:10px 0;display: none;z-index: 100;border-top: 0;} li.normal-menu:hover ul{display:block;} li.normal-menu ul a {padding: 10px 25px;display: block;} .headerMian .container-fluid{ padding:0 0 0 15px } .mobileMenu{display:none;} } @media only screen and (max-width: 1700px) { .headerTop ul li{ font-size:16px } .headerMian .btncn{ padding:13px 20px } .navigation nav > ul > li> a{;padding:0 20px} .headerHolder{padding-left: 20px} .navigation{margin:0 auto 0 20px} } @media only screen and (max-width: 1500px) { .logo{ height:130px; } .fixed .logo{ padding-top:7px; height:92px; } .headerHolder{ padding:0 } .headerRight{gap:15px} .bookAppointment a{padding-left:30px;padding-right:30px} .header{ --headerHeight: 100px; } } @media only screen and (max-width: 1399px) { .header .container { width:98%; max-width:100% } .bookAppointment a{ margin:0 ; } .navigation{margin:0 auto 0 0} .phoneNumber a span{display:none;} .phoneNumber a i{margin: 0} .phoneNumber a{font-size: 18px; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 40px; color: #fff;} .phoneNumber a:hover{color: #fff;background: var(--main-clr);} .phoneNumber a:hover i{color: #fff;} } @media only screen and (max-width: 1199px) { .header .fixed, .header {position: relative; box-shadow: none; top: 0!important; } .bookAppointment a,.fixed .bookAppointment a{ margin:0 42px 0 0px;} .headerHolder{ position:relative; } .section-parent-menu{ padding:0 0 0 0 } .bookAppointment a:after{ display:none; } .headerMian{ background:transparent; } .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0} .header .mega-menu-container.container{ width:100%; padding:0 } .mean-container .mean-nav ul li a.mean-expand{ border:none !important;background:transparent; } .mean-container .mean-nav ul li a.mean-expand:hover{ background:transparent; } .section-parent-menu{ margin:0 } ul.dropdown-menu-holder{ padding:0 !important } .mobileMenu li a{font-size: var(--fs-18);} .headerHolder{ position:relative; } .mean-container .mean-bar { position: absolute; left: 0; width: 100%; float: none; z-index: 99; top: 22px; background:transparent;pointer-events: none;} .mean-container .mean-bar a{pointer-events: all;} .mean-container a.meanmenu-reveal{ border:1px solid transparent; padding: 8px 13px 8px; margin-top:0px; color: #fff;border-radius:0;height: auto;} .mean-container .mean-nav{margin-top: 54px;} .mean-container .mean-nav ul li a{ font-family:var(--bodyfont); } .mean-container .mean-nav > ul > li:first-child > a{ border:none; } .mean-container a.meanmenu-reveal span{ background:#fff; } .mean-nav {box-shadow: -50vw 0 0 var(--navbar-color), 50vw 0 0 var(--navbar-color);} .mean-container .mean-nav{background:var(--navbar-color);} .mean-container a.meanmenu-reveal{ z-index:9999 } .navigation{ visibility:hidden; display:none; } .headerRight {margin-left: auto; } .mega-menu-img{display:none;} } @media only screen and (max-width: 991px) { .phoneNumber span{ display:none; } .phoneNumber a i{ display:inline; } .headerTop ul li {font-size: 14px; padding: 0 10px; } } @media only screen and (max-width: 767px) { .phoneNumber a span{ display:none; } .bookAppointment a span{ display:none; } .headerRight {gap: 8px; } .phoneNumber a{width: 35px; height: 35px; line-height: 35px;font-size:14px } .headerIcon a{width: 35px; height: 35px; line-height: 35px;font-size:16px } .whatsapp a{width: 35px; height: 35px; line-height: 35px;font-size:20px } .headerHolder {gap: 10px;padding: 8px 0 } .page-id-23 .headerHolder {height: 140px} .logo,.fixed .logo{height:100px !important; flex-shrink:0 } .page-id-23 .logo {height:40px; !important;} .header{--headerHeight:70px} .fixed.header{--headerHeight:70px} .bookAppointment a,.fixed .bookAppointment a{ display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; line-height: 35px;font-size:16px; border-radius:50%; background:transparent; color:#fff; text-align:center; line-height:35px; padding:0 ;border: 1px solid var(--main-clr);color: var(--main-clr);margin-right: 0px;} .fixed .bookAppointment a{padding: 0} .bookAppointment{height:auto;} .bookAppointment a i{ margin:0;display:block; } .headerTop p{ font-size:14px } .header .container{ padding:0px 10px; } .mean-container .mean-nav{ margin-top:50px } .mean-container a.meanmenu-reveal{padding: 10px 0px;} .mean-container .mean-bar{top: 15px} .headerRight {position: fixed; top: 50%; transform: translateY(-50%); right: 0; flex-direction: column; gap: 1px; border-radius: 5px 0 0 5px; overflow: hidden; background:#fff; border: 1px solid #fff; } .headerRight a {border-radius: 0!important; background: var(--main-clr)!important; border: 0!important; } .headerRight a i {color: #fff!important; } .logo a{ display:block; } .logo img{ height:100px } } /*Header End*/ /*Banner Start =========================*/ .banner{position:relative; margin-top: -120px;} .bannerSliderItem {position: relative; z-index: 2; } .bannerImage {background: #000;position:relative;z-index: -1; } .bannerImage::after {content:'';background-image: linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);opacity: 0.6;position: absolute;left: 0;top: 0;width: 70%;height: 100%;} .bannerImage img {display: block;width:100%;object-fit:cover;min-height: 800px;} .bannerContent {position: absolute;left: 0;top: 30%;width: 100%;} .bannerContent h6 {font-size: var(--fs-18); color: #fff;letter-spacing: 2px;padding-bottom:25px ; font-family: var(--secondary-font); font-weight: 400} .bannerContent h6 strong{ font-weight:600 } .bannerSmallHd{display:flex;align-items:center;gap:15px;margin-bottom:25px} .bannerSmallHdImg{flex-shrink: 0} .bannerContent h2 {color: #fff;font-size:var(--fs-70); padding-bottom: 40px;} .bannerContentInr {max-width: 775px;} .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;} .bannerLogos{display:flex;max-width: 500px;gap:20px;justify-content: space-between;align-items:center;margin-top: 30px} .bannerLogoItem{max-width: 130px;} .bannerLogos img{max-height: 120px;object-fit:contain;} .innerBanner{position:relative; margin-top: -120px; padding-top: var(--headerHeight);} .innerBanner .bannerImage img {min-height: 516px} .innerBanner .bannerContent{top: 50%;bottom: initial;transform: translateY(-50%);text-align: center;} .innerBanner .bannerContent h1 {font-size: var(--fs-48); color: #fff;font-weight: 400} .innerBanner .bannerContent h1 strong,.innerBanner .bannerContent h1 b {font-weight: 900} .innerBanner .bannerImage img {opacity: 0.4;} .halfBanner{ position:relative; display:flex;background:var(--dark-bg); } .halfBannerImage{ width:46%; } .innerBanner .halfBannerImage{ width:46%;margin-left: auto;position:relative;} .halfBannerImage img{ width:100%;display:block; height:620px; object-fit:cover; } .halfBannerCaption{ position:absolute; top:55%; transform:translateY(-50%); width:100%; left:0; } .halfBannerCaption h1,.halfBannerCaption h2{ color:#fff;font-weight: 400;font-size:var(--fs-70); } .halfBannerCaption h6{ color:#fff;} img.banner-award-winning{width: auto;max-width:18%;height:auto;position:absolute;top:50%;left:0;transform: translate(-45%,-50%);} .locationBanner .halfBannerCaption {top: calc(50% + 60px);} .halfBannerCaption .icon-list {margin-bottom: 20px} .halfBannerCaption .icon-list-holder a,.halfBannerCaption .icon-list-holder a i {color:#fff;transition:0.3s} .halfBannerCaption .icon-list-holder a:hover,.halfBannerCaption .icon-list-holder a:hover i {color:var(--main-clr)} .banner-timing{padding: 0 0 20px 0} .banner-timing h6{padding-bottom: 9px} .banner-timing select {appearance: none; padding: 13px 35px 13px 17px; min-width: 250px; border: 1px solid var(--main-clr);background: transparent url(assets/images/arrowDown2.png) center right 10px / auto no-repeat;color:#fff} .banner-timing option{background:var(--body-font-color)} .halfBannerImage iframe,.halfBannerImage video {aspect-ratio: 900 / 510;width: 100%;height: auto;display: block;position: relative;z-index:2;min-height: 500px;object-fit:cover;} .halfBannerImage:after{pointer-events:none;touch-action:none!important;z-index:3} .location-video-holder-inr p{padding-bottom:0} .halfBannerCaptionInr p{ color:#fff } /* New styles for video cover effect */ .halfBannerImage { position: relative; overflow: hidden; /* hide overflow so the video can bleed outside */ } .halfBannerImage iframe { /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* width: 177.78%; */ /* scale up to cover a 1.28:1 container with a 16:9 video */ /* height: 100%; */ /* transform: translate(-50%, -50%); */ /* pointer-events: none; */ /* optional: disable YouTube interactions if desired */ } @media only screen and (max-width:1799px){ .halfBannerCaptionInr{min-height:auto;padding: 30px} .halfBannerCaption h1, .halfBannerCaption h2{ font-size:60px} } @media only screen and (max-width:1799px){ .halfBannerCaption h1, .halfBannerCaption h2{ font-size:50px} } @media only screen and (max-width:1399px){ .halfBannerCaption{ top:60% } .halfBannerImage img{ height:500px;} } @media only screen and (max-width:1199px){ .bannerContent,.innerBanner .bannerContent {position: static; padding: 300px 0 200px;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,.halfBannerCaption h1, .halfBannerCaption h2{padding-bottom: 20px} .innerBanner .bannerContent .btncn:last-child{margin-top: 0} .halfBannerCaption .btncn {padding: 12px 18px;} .halfBannerImage img{ height:400px;} .halfBannerCaption h1, .halfBannerCaption h2{ font-size:40px;} } @media only screen and (max-width:991px){ .bannerContent {padding: 250px 0px 80px 0px; height: 100%; display: flex ; flex-direction: column; justify-content: center;} .innerBanner .bannerContent {padding: 60px 30px;} .bannerContent br {display: none; } .bannerLogos{margin-top: 20px} .halfBannerImage,.innerBanner .halfBannerImage {width: 100%; } .halfBannerCaption {position: static; transform: none; padding: 40px 0; text-align: center; } .halfBanner {flex-direction: column; } .halfBannerCaption .buttonGroup {justify-content: center; } .halfBannerCaption .buttonGroup .btncn{width: auto!important;} .halfBannerCaption h1, .halfBannerCaption h2{padding-bottom:15px} .halfBanner.innerBanner{background: #fff} .halfBannerCaptionInr{padding:0px} img.banner-award-winning {top: 100%; left: 50%; max-width: 90px; transform: translate(-50%, -50%); } .innerBanner{ padding-top:0 } .halfBannerImage{ position:relative; } .halfBannerImage:after{ content: ''; background-image: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .halfBannerCaption{ background:var(--topbar-color); } .halfBannerImage iframe,.halfBannerImage video{min-height:auto} .halfBannerCaptionInr p{ text-align:center} } @media only screen and (max-width:767px){ .banner{text-align: center;text-align-last: center;} .banner .slick-dots{justify-content: center;} .banner .slick-dots {padding: 0px 40px; } .bannerImage::after {width: 100%; } .bannerSmallHdImg {flex-shrink: 0; } .innerBanner .halfBannerImage img{height: 300px;} .halfBannerCaption .buttonGroup .btncn{padding: 10px} .bannerContent h6{ font-size:12px; } .halfBannerImage img{ height:300px; } .logo{ margin-top:0px; padding-top:5px;} } /*Banner End =========================*/ /*PARTNERS START*/ .partnerLogoSec{overflow:hidden;} .partnerLogoSec.dark{background:var(--dark-bg);padding: 50px 0;} .partnerLogoSlider{overflow: hidden;} .partnerLogoSlider .slick-list{margin: 0 -40px;line-height: 0} .partnerLogoSlider .slick-track{display:flex;align-items: center;} .partnersLogoItem{padding: 0 40px;line-height: 1.2;} .partnersLogoImg img {display: block;transition:0.3s;filter:brightness(0);max-width:250px;max-height:100px;opacity: 0.3} .dark .partnersLogoImg img {filter:brightness(0) invert(1);opacity: 1} @media only screen and (max-width:991px){ .partnerLogoSec.dark{padding: 25px;} .partnersLogoImg img{max-height:50px;max-width:100px;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;letter-spacing:0.1em;color: var(--head-font-color);opacity: 1;padding-bottom:20px} .welcomeContent h2{font-size: var(--fs-48);color: var(--body-font-color);} .welcomeContent p{ text-align:justify; text-align-last: center; } .homeWelcomeInr {background: #fff; margin-top: -170px; position: relative; padding: 70px 0; } .homeWelcomeInr .welcomeContent p{color: var(--head-font-color);} .homeWelcomeInr .welcomeContent h2{font-size: var(--fs-60);color: var(--head-font-color);} .homeWelcomeInr .welcomeContent{max-width:100%} @media only screen and (max-width:1199px){ .homeWelcomeInr{padding: 50px 0;margin-top:-50px} } @media only screen and (max-width:991px){ .welcomeContent h2 br{display:none;} } @media only screen and (max-width:767px){ .welcomeContent p{ text-align:center; } } /*END WELCOME SECTION*/ /*CONTENT START*/ .contentTop h2{font-weight: 300} .contentTop ul{ margin:0; padding:0 0 30px 0; list-style:none; } .contentTop ul li{ font-weight:300 ; font-size:var(--fs-20); } .contentTop ul li a{ color:var(--body-font-color); padding: 15px 0; display: block; border-bottom: 2px solid #dbddd8; position: relative;} .contentTop ul li a:after{ content:''; position:absolute; width:0px; height:2px; background:var(--main-clr); bottom:-2px; left:0 ; transition: all .5s;} .contentTop ul li a:hover:after{width:100%; background: var(--hover-color); transition: all .5s;} .contentTop ul li a:before{ content:'\f061' ; font-family: 'FontAwesome'; position:absolute; right:0; top:13px; color:var(--body-font-color);} .contentTop ul li a:hover{ color:var(--hover-color); } .contentTop ul li a:hover:before{ color:var(--hover-color); } .content-inner{ padding:0 0 0 55px; } .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 #85958a; 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:517px } .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:15px 0 } .ratingSection h4{ font-size:var(--fs-16); padding:0 0 0; font-weight:300; text-transform:uppercase;font-family:var(--bodyfont);margin:0;letter-spacing:0.05em } .number{ font-size:var(--fs-40); font-weight:300;font-family: var(--headfont);} .contentSlider h2{font-size: var(--fs-48);color: var(--body-font-color);} .contentSlider .slick-next {position: absolute; top: 35px; right: 0; font-size: var(--fs-30); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; } .contentSlider .slick-prev {opacity: 0.1; position: absolute; top: 35px; right: 54px; font-size: var(--fs-30); background: transparent; border: 0; outline: 0; color: var(--head-font-color); z-index: 2; transition: 0.3s; } .contentSlider .slick-next:hover,.contentSlider .slick-prev:hover{color: var(--hover-color);opacity: 1} .bracket-heading{ display:flex; align-items:center; justify-content:center; margin: 0 0 70px 0; gap: 40px;} .bracket-heading h2{ padding:0; margin:0 } .bracket-left, .bracket-right{ width:50px; } .content-repeater .row:not(:last-child) { margin-bottom: 100px;} .content-repeater .row{ --bs-gutter-x: 0; } .content-image img{ width:100% } .content-repeater .row:nth-child(2n+1) .content-repeater-inner { padding-right: 85px; } .content-repeater .row:nth-child(2n) .content-repeater-inner {padding-left: 85px; } .content-repeater{ position:relative; } .content-repeater:after{ content:''; position:absolute; left:50%; transform:translateX(-50%); height:100%; width:1px; background:#cecfd2; top:0 } .single-item:after{ display:none; } .content-repeater-inner p em{ color:var(--main-clr); } @media only screen and (max-width:1399px){ .content-repeater .row:not(:last-child) { margin-bottom: 55px; } } @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; } .contentSlider .slick-prev {right: inherit;left: -35px;top:50%;opacity:1 } .contentSlider .slick-next {right: -35px;top:50%; } .contentSlider {margin: 0 auto; max-width: calc(100% - 40px); } .content-repeater .row:nth-child(2n+1) .content-repeater-inner{ padding-right: 30px; } .slider-heading{ padding-right:0 } } @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; } .bracket-heading{ margin:0 0 40px 0 } .bracket-left, .bracket-right{ width:25px } .content-repeater:after{ display:none; } .content-repeater .row:nth-child(2n+1) .content-repeater-inner{ padding:0 } .content-repeater-inner{ padding:30px 0 0 0 !important } .contentSlider .slick-prev {right: inherit;left: -35px;top:100px;opacity:1 } .contentSlider .slick-next {right: -35px;top:100px; } } @media only screen and (max-width:767px){ .contentSlider {margin: 0 auto; max-width: calc(100% - 20px); } .bracket-heading{ gap:15px; } .bracket-left, .bracket-right{ display:none; } } /*CONTENT END*/ /*SERVICE SECTION*/ .serviceSlider .slick-slide { margin: 0 10px; } .serviceSlider .slick-list {padding: 0 -10px; } .serviceItem a{ color:var(--head-font-color);display:block; } .serviceItem a:hover{ color:#fff; } .serviceItemInr{padding: 0px;background:#ebebed;transition: 0.5s;text-align:center; position: relative;} .serviceItemIcon{margin-bottom: 0;} .serviceItemIcon img{ width:100% } .serviceItem h3{font-size: var(--fs-24);padding:12px;font-weight:300; position:absolute; bottom:15px; left: 50%; transform: translateX(-50%); margin:0; background:var(--main-clr); color:#fff; width:calc(100% - 70px); transition:all .5s } .serviceItem p{font-size: var(--fs-16);padding:0 0 0px; } .serviceItem h3:hover{ background:var(--hover-color) ; border-color:var(--main-clr); transition:all .5s } .serviceSlider .slick-track {display: flex; } .serviceSlider .slick-slide {height: auto; } .serviceSlider .slick-slide > div, .serviceItem,.serviceItem > a, .serviceItemInr {height: 100%; } .service-nav{display:flex;align-items: center;gap:20px;justify-content: space-between;width:calc(100% + 45px);position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);pointer-events:none;} .service-nav-prev,.service-nav-next{background:var(--main-clr);border:0;font-size:23px;transition:all .3s;width: 60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius: 0%;color: #fff;flex-shrink: 0;pointer-events: all;} .service-nav-prev:hover,.service-nav-next:hover{background:var(--hover-color); color:#fff } .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{position:relative; display: inline-block; padding:14px 35px 14px; font-size: var(--fs-18); font-weight:300; border-radius:0;border-width:1px;border-style:solid; text-align: center; margin:15px 0; font-family:var(--accent-font); letter-spacing:0.05em; background:var(--hover-color); color:#fff; border-color:var(--hover-color); font-family:var(--accent-font); } .viewBtn:hover{ background:var(--main-clr); color:#fff } .service-captions{ position:absolute; width:100%; height:100%; background:var(--topbar-color); z-index:9 ; padding: 50px; display: flex; flex-direction: column; justify-content: center; text-align: center; opacity: 0; visibility: hidden; transition: all .5s} .service-captions h4{ font-size:var(--fs-24); color:#fff } .service-captions ul{ margin:0; padding:0; list-style:none; } .service-captions ul li{ display:block; } .service-captions ul li a{ display:block; color:#fff; padding: 5px 0} .service-captions ul li a:hover{ color:var(--main-clr); } .serviceItem:hover .service-captions{ opacity:1; visibility:visible; transition:all .5s; } .service-captions a h4{transition: all .5s } .service-captions a:hover h4{ color:var(--main-clr); transition: all .5s} @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ .service-slider-section .section-heading h2{ padding-bottom:0 } .service-nav-prev, .service-nav-next {width: 45px; height: 45px; font-size: 20px; } .serviceCol{height: 100%} .serviceSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 100px);} .serviceSlider .slick-list{margin:0 -5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .serviceSlider .slick-slide{margin:0 5px} .slick-slide .serviceItem{opacity: 0.3;transition: 0.3s} .slick-slide.slick-active .serviceItem{opacity:1} .serviceSlider{ line-height:1 } } /*END SERVICE SECTION*/ /*Team */ .teamHolder{ margin:60px 0 0 0 } .team-content{ padding:25px 0 0} .teamBox{ text-align:center; } .teamBox h3{ font-size:var(--fs-30);font-weight:400; margin:0; padding:0 0 12px 0;color: #000;} .teamBox p{color:#868687;line-height:1.3; text-align: center;} .teamBox p:last-child{padding-bottom: 0} .teamImage{overflow:hidden;transition:all .5s;position: relative; width: 275px; height: 275px; border-radius: 10px; margin: 0 auto 20px; display: block;} .teamImage{ outline:1px solid var(--main-clr); outline-offset:10px; } .teamImage img{display:block; object-fit: cover; width: 100%; height: 100%} .teamImage:hover img{transform:none } .finalist-img{position:absolute;bottom: 0;right:0;width:auto;max-width: 34%} .team-nav{display:flex;align-items: center;gap:20px;justify-content: space-between;width:calc(100% + 45px);position:absolute;top:40%;left:50%;transform: translate(-50%, -50%);pointer-events:none;} .team-nav-prev,.team-nav-next{background:var(--main-clr);border:0;font-size:23px;transition:all .3s;width: 60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius: 0%;color: #fff;flex-shrink: 0;pointer-events: all;} .team-nav-prev:hover,.team-nav-next:hover{background:var(--hover-color); color:#fff } .teamSlider .slick-list {margin: 0 -20px; } .teamSlider .slick-slide {padding: 0 20px; } .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; } .team-header{ display:flex; justify-content:space-between; align-items:center; margin:0 0 60px 0 } .team-header h2{ font-size:var(--fs-48); } .video-popup-icon-btn{ position:absolute; bottom:10px; right:10px; background:var(--main-clr); color:#fff; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; z-index:99 ; } .show-doctor-bio{ display:block; margin-top:10px; color:var(--main-clr); } .team-content{ margin:0 0 10px 0 } .team-header{ margin-bottom:45px } .team-item{ margin-bottom:30px; } @media only screen and (max-width:1399px){ .teamImage{ width:225px; height:225px } } @media only screen and (max-width:1199px){ .team-content{ padding:15px 0 0 } } @media only screen and (max-width:991px){ .team-header{ flex-direction:column; align-items: flex-start;} } @media only screen and (max-width:767px){ .teamHolder{ margin:10px 0 0 0 } .team-nav-prev, .team-nav-next {width: 45px; height: 45px; font-size: 20px; } .teamSlider{margin-right: auto;margin-left: auto;max-width: calc(100% - 100px);} .teamSlider .slick-list{margin:-5px;width: calc(100% + 10px);max-width: calc(100% + 10px);overflow: visible;} .teamSlider .slick-slide {padding: 0 5px; } .slick-slide .team-item{opacity: 0.3;transition: 0.3s} .team-content{opacity:0;transition: 0.3s} .slick-active.slick-slide .team-item,.slick-active.slick-slide .team-content{opacity:1} .teamImage{ width:210px; height:210px } .team-list-slider ul.slick-dots{ margin:25px 0 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:15px; } .team-list-slider ul.slick-dots li button{ width:12px; height:12px; border-radius:50% ; border: 1px solid var(--main-clr); background: #fff; text-indent: -999em;} .team-list-slider ul.slick-dots li.slick-active button{ background:var(--main-clr); } .teamBox{ padding-top:15px } } /*End Team*/ /*home tab start*/ .meetTabNav ul li {width: 100%;margin: 0;overflow: hidden;} .meetTabNav .nav-link {font-size: var(--fs-36); border: 0; color: var(--head-font-color); font-family: var(--headfont); font-weight: 400; opacity: 0.20; position: relative; padding: 20px 10px 20px 60px; line-height: 1; margin-left: -60px; transition: 0.5s} .meetTabNav .nav-link::before{content: "\f111";font-family: "FontAwesome";font-size:30px;font-weight: 900;position: absolute;left:1px;top: 25px;color: var(--main-clr);} .meetTabNav .nav-link.active,.meetTabNav .nav-link:hover {margin-left:0;opacity:1;color: var(--seconday-color);background: transparent;} .meetTabNav ul {border: 0; } .meetTabThumb {position: relative; } .meetTabThumb img {display: block; width: 100%; } a.meetTabThumbLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .meetPlayBtn {font-size: 40px; color: #fff; border-radius: 50%; border: 1px solid #fff; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } a.meetTabThumbLink:hover {background: #00000075; } .meetTabText {padding: 30px 0 0 0; } .meetTabText h3 {padding-bottom: 10px;} .meetTabText p{text-align: justify;} .meetTabText .btncn{font-size:var(--fs-24);font-weight:500} .meetTabText .section-degrees h4{font-family: var(--headfont2) !important; padding-bottom: 20px;} .meetSec .accordion-item{background: transparent} .meetSec .accordion-body{padding:0} .meetSec .accordion {--bs-accordion-inner-border-radius: 0; --bs-accordion-border-radius: 0; --bs-accordion-border-width: 0; --bs-accordion-border-color:transparent; --bs-accordion-btn-focus-box-shadow:none; } .meetSec .accordion-button {background: transparent;color: var(--head-font-color);font-size:var(--fs-24);font-family:var(--bodyfont);padding: 15px 0;} .meetSec .accordion-button::after {content: '\f107';font-family: 'FontAwesome';font-size:18px;font-weight:900;background:none;} .meetSec .accordion-button:not(.collapsed)::after{content: '\f107';background:none;} .meetSec .accordion-header{padding:0} .meetSec h2{font-size: var(--fs-48);} @media only screen and (max-width:991px){ .meetSec .tab-content>.tab-pane {display: block; opacity: 1; } .meetSec .tab-pane:not(:last-child) {border-bottom: 1px solid #0003;} .meetTabContent {padding: 10px 0 25px 0;} .meetTabThumb {max-width: 350px;} .meetPlayBtn {width: 50px; height: 50px; font-size: 25px; } } /*home tab end*/ /*HOME FORM SECTION start*/ .formHolder p{font-size: var(--fs-16);} .formHolder h2 strong{font-weight: 400} .formHolder h2{font-weight: 300;font-size: var(--fs-48);} .formGroup{ display:flex; gap:20px; } .homeFormHolder{ padding:25px 0 0 0 !important } .homeFormHolder .gform_fields {gap: 20px!important; align-items: flex-start !important;} .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select{width:100% !important; background-color: #fff !important; border:none !important; padding:24px 35px !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;line-height: 1.5 !important; } .homeFormHolder .inputHolder{ width:100% !important; } .homeFormHolder ::placeholder { color: var(--head-font-color) !important; opacity: 1 !important; } .homeFormHolder ::-ms-input-placeholder { color: var(--head-font-color) !important;} .homeFormHolder option{ background: var(--main-clr) !important; color:#fff !important; } .homeFormHolder select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; } .homeFormHolder input[type=submit]{padding: 10px 10px !important; background: var(--main-clr) !important; border:none !important; outline:none !important;cursor: pointer !important; font-weight:300 !important; font-size: var(--fs-24) !important;transition:all .5s !important; margin-top: 0 !important; color: #fff !important;font-family:var(--headfont) !important; flex-shrink: 0 !important; align-self: flex-start !important; letter-spacing: 0.02em !important; border-radius: 0 !important;width: 100% !important;height: 100% !important; height: 72px !important; } .homeFormHolder input[type=submit]:hover{ background:#fff !important; color:var(--main-clr)!important; } .homeFormHolder label, .homeFormHolder legend{ color:#fff !important } .gform-theme--foundation fieldset, .gform-theme--foundation legend{ color:#fff !important } .homeFormHolder .gfield--input-type-html small{ color:#fff !important } .homeFormHolder .gform-loader {filter:brightness(0) invert(1)} .form-full-image{ max-width:2560px; margin: 0 auto;} .form-full-image img{ width:100% } .form-holder-main{ margin-top:-200px; } .form-holder-main{ padding:55px 65px 75px 65px; } .form-heading-img{ margin:0 0 20px 0 } .form-heading-img h2{ display:flex; align-items:center; gap:20px; justify-content:center; } .form-heading-img h2 img{ width:73px; flex-shrink:0 } .form-heading-img h2{ margin:0; padding:0 } @media only screen and (max-width:991px){ .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel]{padding: 12px 16px!important; } .homeFormHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important} .form-holder-main{ margin-top:-80px } .homeFormHolder input[type=submit]{ height: 48px !important; font-size:16px !important } } @media only screen and (max-width:767px){ .form-holder-main{ padding:35px; } .form-heading-img h2{ text-align:center; } .form-holder-main{ margin-top:-30px } .form-heading-img h2{ flex-direction:column; } } /*HOME FORM SECTION end*/ /*REVIEW SECTION*/ .reviewSec h2{font-size: var(--fs-48);color: var(--body-font-color);} .reviewSlider{ margin:30px 0 0 0 } .reviewSlider .slick-slide { margin: 0 8px; } .reviewSlider .slick-list { margin: 0 -8px; } .reviewItem{ text-align:center; } .star{ font-size:20px; color:var(--main-clr); margin:0 0 20px 0 } .reviewItem p{ text-align:center; font-size: var(--fs-20); font-family:var(--bodyfont);max-width:800px;margin-left:auto;margin-right:auto; } .reviewItem h6{ font-size:16px; color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:300 ; letter-spacing: 0.05em} .reviewSlider .slick-prev{ position:absolute; font-size:25px; border:none; outline:none; color:var(--body-font-color); left:-80px; top:0%; transition: all .5s; height: 100%; background: transparent; width: 57px; } .reviewSlider .slick-next{ position:absolute; font-size:25px; border:none; outline:none; color:var(--body-font-color); top: 0; right:-80px; transition: all .5stransition: all .5s; height: 100%; background: transparent; width: 57px; } .reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ background:transparent; color: var(--hover-color); transition: all .5s} #reviewtxt .modal-body {padding:30px 35px 35px} .reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: #ff0000;width: 31px;height: 31px;display:flex;align-items:center;justify-content:center;line-height:1;border: 0;border-radius: 11px;font-size:18px;color: #fff;z-index:9;} .modal-backdrop.show {opacity: 0.9;} #reviewtxt .modal-dialog {max-width: 700px;text-align: center;} #reviewtxt h3 {margin-bottom: 10px;} #reviewtxt .star {margin-bottom:10px} #reviewtxt .modal-body {max-height: calc(100vw - 150px);overflow: auto;} .more_txt {font-size: 16px;display: block;color: #ff0000; margin: 15px 0;font-weight: bold;} .reviewSlider .slick-track {display: flex;align-items: stretch;} .reviewSection .reviewItem {height: 100%; background:#f8f8f9; padding: 55px 45px} .more_txt:hover {color: #003380;} .reviewSection .btncn-secondary{ border-color:var(--main-clr); } .reviewSection .btncn-secondary:hover{ border-color:var(--seconday-color); } .reviewSection .slick-track{ display: flex !important;} .reviewSection .slick-slide{height: inherit !important;} .reviewSlider{ width:80%; margin:0 auto; } .reviewSlider .slick-slide>div{ height:100% } .reviewSection h6{ font-size:var(--fs-16); font-weight:400; font-family:var(--headfont); padding-bottom:30px; letter-spacing:2px; } .reviewSection .section-heading h2{ font-size:var(--fs-48); } .review-holder{padding-top: 20px} .reviewVideoSlider{ width:200%; } .reviewVideoSlider .slick-slide { margin: 0 10px; opacity:0.2; filter:grayscale(100%); transition:all .5s } .reviewVideoSlider .slick-slide h3{ display:none; } .reviewVideoSlider .slick-slide.slick-current{ opacity:1.0; filter:grayscale(0%); transition:all .5s} .reviewVideoSlider .slick-list { margin: 0 -10px; } .width-eighhty{ width:75%; margin:0 auto; } .review-slider-holder .next-btn{ background:var(--seconday-color); width:70px; height:70px; border-radius:50%; color:#fff; border:none; position:absolute; right:-30px; top:36%; transition:all .5s } .review-slider-holder .next-btn:hover{ background:var(--hover-color); transition:all .5s } .review-slider-holder{ position:relative; } .reviewSlider {width: 75%;margin: 0 auto 60px;} .reviewVideoItem img{width: 100%} .progress3 { display: block; width: 100%; height: 2px; border-radius: 3px; overflow: hidden; background-color: rgba(207,207,194,1);background-image: linear-gradient(to right, #415f51, #415f51); background-repeat: no-repeat; background-size: 0 100%; transition: all .5s;} @media only screen and (max-width:991px){ .review-slider-holder {margin-top: 60px; } .reviewSection .section-heading{ text-align:center; } } @media only screen and (max-width:767px){ .review-slider-holder .next-btn {width: 50px; height: 50px; right: 0; top: 34%; right: -16px;} .reviewSlider{margin-bottom:30px;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:var(--dark-bg);color:#fff } .footBottom{ padding:0px 0 30px 0; } .ftbtm{ justify-content:space-between; align-items:center; display: flex; border-top: 1px solid #494951; 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:60px 0 40px 0; } .footerTopContent{display:flex;justify-content:space-between;gap: 50px;} .footerwidget_1{width: 35%; display: flex; gap: 50px;} .footerwidget_2{width: 20%;margin-left: auto;} .footerwidget_3{width:21%;min-width: 240px;} .footerwidget_4{ width: 175px;} .footer-logo{max-width: 130px} .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: 300; line-height: 1.2; padding: 0 0 15px 0} .footerTopContent p{ color:#fff; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.2; padding:0 0 30px 0 ; font-weight: 300; text-align: left;} .footerTopContent p strong{ font-weight:700 } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent p a i{ margin:0 5px 0 0 } .footerTop .btncn-light:hover{ background:#6daff3 } .footerTop h2{ font-size:var(--fs-24); font-family:var(--headfont); } .social ul{ margin:0; padding:0; list-style:none; display: flex; gap: 25px;margin-top:25px} .social ul li a{ display:block ; color:#fff; font-size:24px; } .social ul li a i{ display:block ;} .social ul li a:hover{ color:var(--main-clr); } .footerTopContent p a{ color:#fff } .footerTopContent p a:hover{ color:var(--main-clr); } .footerTopContent table{ width:100%; } .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.8; font-weight: 200} .footerTopContent table td:first-child{ padding-right:20px; } .footer-heading-block {pointer-events: none; margin:0 0 15px 0 } .footer-icon-list {display: flex; gap: 12px; font-size: var(--fs-16); color: #fff; transition: 0.3s; } .footer-icon-list-icon {flex-shrink: 0; line-height: 1.4; width: 19px; } .footer-icon-list-text p {padding-bottom: 0; transition: 0.3s; } .footer-icon-list:not(:last-child) {margin-bottom: 15px; } a.footer-icon-list:hover p,a.footer-icon-list:hover{color: var(--main-clr); } .footerAward{padding-bottom: 10px} .footer-map-section{ background:#e0e1e3 ; overflow: hidden;} .footer-accro-section{ padding:65px 0 } .footer-accro-section h2{ font-size:var(--fs-48); } .footer-accro-section .accroHolder{ margin:0 0 18px 0; border:none; } .footer-accro-section .accordian-new h3{ background:#ccced0; padding:15px 30px; font-size:var(--fs-24); font-family:var(--headfont); color:var(--body-font-color); } .footer-accro-section .accordian-new h3:after{ top:18px; right:15px; } .footer-accro-section .ui-accordion-content-new{ padding:20px 30px 0 30px; border:none; } .footer-accro-section .ui-accordion-content-new p{ color:var(--body-font-color); } .footer-nav ul{ margin:0; padding:0; list-style:none; } .footer-nav ul li{ display:block; } .footer-nav ul li a{ display:block; font-size:var(--fs-16); line-height:30px; color:#fff } .current-date-tr td{ font-weight:500 !important } @media only screen and (max-width:1399px){ .footer-logo{ width:115px } .footer-logo2{ width:120px; } .footerwidget_1{ gap:30px; width: 30%} .footerTopContent{ gap:25px; } .footerwidget_3{ min-width:260px } } @media only screen and (max-width:1199px){ .footerTop{ padding:45px 0 } .footer-logo{max-width: 200px} .footerTopContent{flex-direction:column;gap:30px } .footerwidget_1{ width:100%;margin-bottom:25px } .footerwidget_2{ width:100%;} .footerwidget_3{ width:100%; } .footerwidget_4{ width:100%; } .social ul{margin-top: 30px} .footer-heading-block{position:relative;pointer-events:all ;padding-right: 20px;} .footer-content-block{ display:none;} .footer-content-block > *:first-child{padding-top: 10px} .footer-heading-block:after{ content:''; position:absolute; right:0; top:-3px; content: "\f061"; font-family: 'FontAwesome'; color:#fff; transform: rotate(90deg);transition: all .5s } .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} } @media only screen and (max-width:991px){ .footer-accro-section{ padding:45px 0 } } @media only screen and (max-width:767px){ .ftbtm {flex-direction: column; align-items: center;text-align:center;row-gap:15px } .footer-accro-section{ padding-bottom:25px; } .footer-map-section .full-image{ padding-bottom:30px } .footer-accro-section .accordian-new h3{ padding-left:15px; } .footer-accro-section .ui-accordion-content-new{ padding:20px 0 } .footerTopContent h2{ padding-bottom:0 } } /*FOOTER end*/ /*cta sec start*/ .ctaSecInr{position:relative;} .ctaSecBg img{width:100%;display:block;} .ctaSecText{position:absolute;top:0;right:0;max-width:100%;max-width:100%;padding:45px 54px;mix-blend-mode: soft-light;text-align:right;} .ctaSecText h2{color:var(--light-bg);font-size:clamp(20px, 7vw, 120px);line-height: 0.9;font-weight: 300} @media only screen and (max-width:767px){ .ctaSecText {padding: 10px; } .ctaSecText h2 {font-size: 26px; padding: 0;} } /*cta sec end*/ /*breadcumb start*/ .breadcumb{padding:13px 0 10px 0;background:var(--light-bg);} .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: 12px;text-transform:uppercase;letter-spacing: 0.1em;color:var(--head-font-color);position:relative;font-weight: 300;} .breadcumb ul li:after{content:'/';display:inline-block;margin: 0 5px;font-weight:300} .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{ color:var(--head-font-color);font-weight: 300} .breadcumb ul li a:hover{ color:var(--main-clr); } @media only screen and (max-width:991px){ .breadcumb ul{ justify-content: center;} } @media only screen and (max-width:767px){ .breadcumb ul li{font-size:12px} } /*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:300; 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:200; 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; } @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; } } /*treatmentListSec end*/ /*pageContent start*/ .pageContent p{ line-height: 1.5} .pageContent h1{font-size:var(--fs-16);font-weight:300;margin:0;font-family:var(--bodyfont);color:var(--head-font-color);padding:0 0 25px 0;text-transform:uppercase;letter-spacing:0.1em;} .pageContent h2{font-size:var(--fs-48);font-weight:400;margin:0;padding:0 0 20px 0;color: var(--body-font-color);} .pageContent h3{ padding-top:10px;font-family:var(--headfont);font-size:var(--fs-36);font-weight:300 ; margin: 0;padding-bottom: 30px;color: var(--body-font-color)} .pageContent h4{ padding-top:10px;color:var(--body-font-color);font-family:var(--headfont);font-size:var(--fs-24);font-weight:300 ; margin: 0;padding-bottom: 30px;color: var(--body-font-color)} .pageContent p em{ color:var(--main-clr); } .pageContent p a{ color:var(--body-font-color); } .pageContent p a:hover{ color:var(--main-clr); } .pageContent .btncn { margin-bottom:50px; } .pageContent ol {list-style: none; padding: 0; counter-reset: pagecontentOl; margin: 0; } .pageContent ol li:before {counter-increment: pagecontentOl; content: counter(pagecontentOl)"."; width: 51px; height: 51px; background: var(--main-clr); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: var(--fs-24); padding:0px 5px 5px 10px; position: absolute; top: 7px; left: 0;font-family:var(--headfont); color:#fff } .pageContent ol li {position: relative; padding: 8px 0 15px 70px; } .pageContent ol li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); } .pageContent .btncn + blockquote{margin-top:0} .pageContent blockquote {padding:20px 34px 20px; background: #ede8e0; margin: 5px 0 30px; } .pageContent blockquote h3 {background: #2b2933; display: table; padding:10px 20px; margin-bottom: 20px;font-size:var(--fs-14);color:#ede8e0; text-transform: uppercase; letter-spacing: 0.1em; } .pageContent blockquote p{ padding-bottom:15px } .pageContent blockquote p:last-child{ padding-bottom:0; } .pageContent ul{padding:0 0 30px; list-style:none;margin:0 } ul.two-columns {column-count: 2;column-gap: 25px;} ul.two-columns li {break-inside: avoid;} .pageContent ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px} .pageContent ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'FontAwesome'; } .pageContent p a, .pageContent li a{ text-decoration:underline; color:var(--main-clr); text-underline-offset:5px } .pageContent p a:hover, .pageContent li a:hover{ color:var(--secondary-font); } .pageContent table{ width:100%;margin-bottom: 30px; table-layout: fixed;} .pageContent table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; font-weight: 300; } .pageContent table th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; color:#fff } .ui-accordion-content-new table{ width:100%;margin-bottom: 30px} .ui-accordion-content-new table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; font-weight: 300; } .ui-accordion-content-new table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; color:#fff } .pageContent .accordian-new{padding-bottom:40px} .pageContent h3.clcikbtn-new{font-size: var(--fs-20);font-family: var(--bodyfont);font-weight: 300;color: var(--body-font-color);padding:20px 25px 20px 0;line-height: 1.4;position:relative;cursor: pointer;} .pageContent .ui-accordion-header-active-new{ border:none !important; } .pageContent .accordian-new h3:focus { outline: 0} .pageContent .accordian-new h3:after {content: "\f063";font-family: 'FontAwesome';position: absolute;right: 0;top: 20px;font-size: 22px;color: #000;font-weight: 300;transition: .5s} .pageContent .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg);} .pageContent .ui-accordion-content-new {padding: 0px 0 20px;display: none} .pageContent .ui-accordion-content-new p {text-align: justify;} .pageContent .accroHolder:not(:last-child){ border-bottom:1px solid #d7d8ce; } .pageContent .ui-accordion-content-new h4,.pageContent .ui-accordion-content-new h5{font-size: var(--fs-20);font-weight:400;} .pageContent .ui-accordion-content-new > *:first-child{padding-top:0} .pageContentText > *:last-child,.pageContentText ul:last-child li:last-child,.pageContentText ol:last-child li:last-child{margin-bottom:0;padding-bottom:0} .pageContent video{ margin:0 0 15px 0; width:100%; height:auto; } .slider-heading h2{ padding:0; text-transform:capitalize; } .slider-heading{ position:relative; margin:0 0 30px 0; padding:0 100px 30px 0; } .slider-heading:after{ content:''; position:absolute; bottom:0; background:#d3e1e7; width:calc(100% + 48px); height:1px; left:-48px; } .sleeplogoHolder{ display:flex; gap:20px; align-items:center; margin:0 0 30px 0 } .sleeplogoHolder .btncn{ margin:0 0 10px 0!important ; text-transform: capitalize;} .test-video{ position:relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .test-video iframe{ width:100%; height:100%; position:absolute; top: 0; left: 0; bottom: 0; right: 0; } .test-box{ border-top:1px solid #dbddd8; border-left:1px solid #dbddd8; border-bottom:1px solid #dbddd8; border-right:1px solid #dbddd8; padding:30px; } .col-lg-6.test-box:nth-child(2n){ border-left:none; } .testimonails-name{ text-transform:capitalize; font-style:italic; font-size:var(--fs-20); } .testimonails-box{ position:relative; padding-left:45px } .testimonails-box:after{ content:'\f10d'; font-family: 'FontAwesome'; position:absolute; color:#cccc; font-size:50px; top: -16px; left: -12px; color: var(--main-clr);} .test-box{ height:100% } @media only screen and (max-width:991px){ .pageContent blockquote {padding: 15px 15px 15px; } .pageContent ul li{padding-left: 25px} .slider-heading{ padding-right:0 } } @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:after{font-size:15px} } /*pageContent end*/ /*sidebar start*/ .sidebarFormHolder{ padding:0; margin:0px;} .sidebarFormHolder h2{font-weight: 300; font-size: var(--fs-40);color: #fff;padding:0 10px 25px} .sidebarFormHolder h2 strong{font-weight: 600;} .sidebarContent{padding: 55px 0 0;background: var(--head-font-color);} .sidebar p{ text-align-last:center;} @media only screen and (min-width:992px){ .sidebar,.sidebarFormHolder{height: 100%} .sidebarContent{position: sticky;top: 130px;z-index:1; } } @media only screen and (max-width: 991px) { .sidebarFormHolder{ margin:0 } .sidebar{ margin-top:45px; } .sidebarContent{ padding:30px 0px 0; } } @media only screen and (max-width: 767px) { .sidebarFormHolder{ padding:0 } .sidebar{ margin-top:10px } } /*sidebar end*/ /*sidebar form start*/ .sidebar-form .gform_fields {gap: 20px!important; } .sidebar-form .inputHolder input[type=text], .sidebar-form .inputHolder input[type=email], .sidebar-form .inputHolder input[type=tel], .sidebar-form .inputHolder select{width:100% !important; background-color:#fff !important; border:none !important; padding:17px 30px !important; font-size: 16px !important; font-weight:300 !important; color: var(--body-font-color) !important; margin:0 0 0px 0 !important; border-radius: 0 !important;height:auto!important;} .sidebar-form .inputHolder { width:100% !important; } .sidebar-form .inputHolder ::placeholder { color: var(--body-font-color)!important; opacity: 1 !important; } .sidebar-form .inputHolder ::-ms-input-placeholder { color: var(--body-font-color) !important; opacity: 1 !important;} .sidebar-form input[type=submit]{padding: 23px 40px 26px!important;background: var(--main-clr) !important;border:none !important;outline:none !important;cursor:pointer !important;font-weight:400 !important;font-size: var(--fs-24) !important;transition:all .5s !important;margin-top: 0 !important;color:#fff!important;font-family:var(--headfont) !important;flex-shrink: 0 !important;align-self: flex-start !important;letter-spacing: 0em !important;margin-left: auto !important;margin-right: auto !important;display: block !important;border-radius: 0 !important;width: 100%!important;line-height: 1!important;} .sidebar-form input[type=submit]:hover{opacity: 0.8 !important; color:#fff !important } .sidebar-form option{ background: var(--body-font-color) !important; color:#fff !important; } .sidebar-form .inputHolder select{padding-right: 55px !important; background-image: url(assets/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: center right 36px !important; appearance:none !important; } .sidebar-form .gform-loader {filter:brightness(0) invert(1)} .sidebarContent .gform-body{padding: 0 60px 40px!important} .sidebar-form .gform-theme--framework .gform_validation_errors{ width:80%; margin:0 auto 15px; } .sidebarContent p{ color:#fff } .sidebarContent legend, .sidebarContent label, .sidebarContent .gfield--type-html small{ color:#fff !important; font-size:12px } @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]{padding: 12px 16px!important;} .sidebar-form .inputHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:12px!important} .sidebar-form input[type=submit]{padding: 17px 10px 20px!important} } /*sidebar form end*/ /*faq start*/ .faqHolder h2{padding-bottom: 10px;font-size: var(--fs-48);color: var(--body-font-color);} .accroHolder {border-bottom:1px solid #d2d4ca; } .accordian-new h3 { font-family: var(--bodyfont); font-weight: 500; font-size: var(--fs-20); cursor: pointer; margin-bottom: 0; position: relative; padding: 33px 30px 33px 0;color: var(--bodyfont);} .accordian-new h3:focus { outline: 0} .accordian-new h3:after { content: "\f063"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 30px; font-size: 20px;font-weight: 300; transition: .5s} .accordian-new h3.ui-accordion-header-active-new:after { transform: rotate(180deg);} .ui-accordion-content-new { padding: 0px 0px 30px 0; display: none} .ui-accordion-content-new p { text-align: justify; padding-bottom: 15px} .footer-accro-section .accordian-new h3:after { content: "+"; font-size:15px; } .footer-accro-section .accordian-new h3.ui-accordion-header-active-new:after { content: "+"; transform: rotate(45deg);} @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*/ .blogPostRepeater{ margin:35px 0 0 0} .blogPostContent h4{padding: 25px 0 15px 0;font-size:var(--fs-20);line-height:1.5;font-family:var(--bodyfont);font-weight: 300} a.postReadMore{ font-size:var(--fs-14); color:var(--seconday-color); font-weight:500; text-decoration:underline; text-underline-offset:5px } a.postReadMore:hover{ color:var(--main-clr); } .blogPostContent a h4{color: var(--body-font-color); font-family: var(--headfont); font-size: var(--fs-24);} .blogTop{padding: 0px 25px 20px 0;margin:0 0 30px 0;display:flex;align-items: center;border-bottom: 1px solid #d7dddb; font-family: var(--headfont);} .sortBy{font-weight: 100;color: var(--head-font-color);font-size: var(--fs-40); display: flex; align-items: center; gap: 12px; flex-shrink: 0} .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-40);background-image: url(assets/images/downArrow.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 h1,.blogDtlsTitle h2{font-size:var(--fs-48);} .blogPostContent a .gallery-title{ color:var(--body-font-color); } .gal-img img{ width:100% } .btn-readmore{ font-size:var(--fs-16); color:#20292c; font-family:var(--bodyfont); font-weight:300; text-decoration:underline; text-underline-offset:5px; text-transform:uppercase; } .btn-readmore:hover{ color:var(--main-clr); } @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 } .sortBy img{ display:none; } } @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:16px;font-size:var(--fs-16);margin:0 } .sortBy{ width:100%; border-bottom: 0px solid #1d1b2642;font-size:var(--fs-16);padding:3px 0 } .categotyDropdown{ width:100%;margin:0 } } /*END BLOG SECTION*/ /*contact SECTION start*/ .mapHolder{ margin:15px 0 30px 0 ;} .mapHolder { overflow: hidden; padding-top: 56.25%; position: relative; display: block; border: 0px solid #0005;} .mapHolder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .openingHr table{width: auto;} .openingHr table td{padding: 8px 10px 8px 0; border: 0; font-size: var(--fs-20);} .openingHr h2{ font-size:var(--fs-36); } .pageContent .clcikbtn-new:has( i){padding-left: 40px;} .pageContent .clcikbtn-new i{position:absolute;top:22px;left:0;} .icon-list {display: flex; gap: 12px; font-size: var(--fs-20); color: var(--body-font-color); transition: 0.3s;margin-bottom:30px } .icon-list-icon {flex-shrink: 0; line-height: 1.4; width: 24px;color:var(--body-font-color); } .icon-list-text p {padding-bottom: 0; transition: 0.3s; } .icon-list:not(:last-child) {margin-bottom: 15px; } a.icon-list:hover,a.icon-list:hover .icon-list-icon{color: var(--main-clr); } /*contact SECTION end*/ /*BEFORE AFTER SLIDER start*/ .beforeAfterSec h2{font-size: var(--fs-40);} .beforeAfterSecInr{padding-left:0;padding-right:0px} .beforeAfterSlider{width:100%;margin:0 auto;overflow:hidden;} .beforeAfterSlider .slick-track{ padding:30px 0; 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:20px 30px; background:#ececec; font-size:var(--fs-30); font-family:var(--headfont); } .beafSliderItem img{ width:100% } .beforeAfterSliderNav{ display:none; } .beforeAfterSecInr h2{ text-align:center; } @media only screen and (max-width:1299px){ .beforeAfterSlider .slick-list {margin:0 -10px; } .beforeAfterSlider .slick-slide {padding: 0 10px; } .beforeAfterSlider .slick-track{ padding:40px 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: 90% } .beforeAfterSec{} .beafSliderItem img{ height:250px; object-fit:cover; } .beforeAfterSec .container{ padding:0 } .beforeAfterSecInr .text-white{ padding:0 30px; } .fixed{ background:transparent; } } /*BEFORE AFTER SLIDER end*/ /*location start*/ .location-list-sec{position:relative;} .location-list-holder-wrap{position:relative;} .location-list-holder {display: flex; justify-content: center; flex-wrap: wrap; gap: 30px;position:relative; } .location-item {position: relative; width: calc(33.33% - 20px);} .location-item-main{background: var(--light-bg);display: flex; flex-direction: column;} .location-list-text {padding: 35px 45px;transition:0.3s;display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; justify-content: space-between;} .location-list-text h3 {font-size: var(--fs-32); color: var(--head-font-color); padding-bottom: 10px;transition:0.3s } .location-list-img {background:var(--main-clr)} .location-list-img img{transition:0.3s;width:100%;display:block} .location-list-link{color:var(--head-font-color);font-weight:400;border-bottom:1px solid var(--head-font-color);transition: 0.3s;display: inline-block;} .location-list-link:hover{color:var(--main-clr);border-bottom-color:var(--main-clr);} .location-item-hover {background: var(--light-bg); padding: 40px 46px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; height: 100%;color:var(--head-font-color);font-weight:400;opacity:0;transition:0.3s;overflow:auto; } .location-item-hover h3 {font-size:var(--fs-30);color:var(--head-font-color);padding-bottom: 15px} .location-item-hover p strong{font-weight:500} .location-item:hover .location-item-hover{opacity:1} .location-list-nav{display:none;} .icon-list {display: flex;gap: 16px;font-size: var(--fs-18);color: var(--body-font-color);transition: 0.3s;margin-bottom:8px;font-size: var(--fs-18); } .icon-list-icon {flex-shrink: 0;line-height: 1.8;width: 24px;color: var(--seconday-color);transition: 0.3s;} .icon-list-text{align-self:center;} .icon-list-text p {padding-bottom: 0; transition: 0.3s;font-size: var(--fs-18); } a.icon-list:hover,a.icon-list:hover .icon-list-icon{color: var(--hover-color); } .location-opening-hours-tbl{margin-bottom:10px} .location-opening-hours-tbl :is(td,th){padding:3px 0} .location-opening-hours-tbl :is(td:first-child,th:first-child) {padding-right:10px;} h5:has( + .location-opening-hours-tbl){padding-bottom:10px;font-family:var(--bodyfont);font-weight:500} .location-video-holder{overflow:hidden;} .welcomeSection p em{ color:var(--main-clr); } .accordion-wrapper a{ color:var(--main-clr) ; text-decoration:underline; text-underline-offset:5px; } .journey-page-content ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px} .journey-page-content ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'FontAwesome'; } .downoad-icon-box a{ display:flex; gap:20px ; align-items: center; padding: 10px; border-radius: 0px; border:1px solid #ccc;} .downoad-icon-box a:hover{ border-color:var(--main-clr); } .download-icon{ width:40px; flex-shrink:0 } .download-content h4{ margin:0; padding:0 0 10px 0; font-size:var(--fs-20); } .download-content h6{ margin:0; } .cost-box{ height:100%; background:#fff; border:1px solid #ccc; padding:0 } .cost-box h3{ color:#fff; background:var(--main-clr); padding:20px; } .cost-des{ padding:15px 20px; } .cost-des p{ padding-bottom:0; font-size: var(--fs-30); font-weight: 500} .cost-box ul{ padding:10px 20px 25px; list-style:none; } .cost-box ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px} .cost-box ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'FontAwesome'; } @media only screen and (max-width:1399px){ .location-item-hover {padding: 20px; } .location-item-hover p {padding-bottom: 15px; } .location-item-hover .btncn {margin-bottom: 0; } } @media only screen and (max-width:991px){ .location-item {width: calc(50% - 15px); } .location-list-text{padding:15px} .location-item-hover{font-size:14px} .location-list-text{align-items:center;} } @media only screen and (max-width:767px){ .location-list-nav{display:flex;align-items: center;justify-content:space-between;position:absolute;top: 50%;left:50%;transform:translate(-50%,-50%);width: calc(100% + 100px);pointer-events:none;} .location-list-nav button{width: 36px;height: 36px;border:0;border-radius:50%;background: var(--main-clr);color: #fff;pointer-events: all;display: flex;align-items: center;justify-content: center;} .location-item{display:block!important;max-width:100%} .location-list-holder-wrap{max-width: 250px;margin-left:auto;margin-right:auto;} .location-list-holder{display:block;} .location-list-holder .slick-slide{margin:0 5px} .location-item{background:var(--dark-bg)} .slick-slide .location-item-main{opacity:0.3;transition: 0.4s} .slick-slide.slick-active .location-item-main{opacity:1} .location-list-holder .slick-list{margin:0 -5px;overflow:visible;} .location-list-sec{overflow:hidden;} .location-list-text h3 {font-size: 19px; } .location-list-link {font-size: 15px; } .location-list-text {text-align: center; } .location-item-hover {padding: 14px; } .location-item-hover .btncn {font-size: 14px; padding: 8px 15px; margin: 0; } .location-item-hover h3 {font-size: var(--fs-24); padding-bottom: 10px; } .location-item-hover p {padding-bottom: 10px; } } /*location end*/