/* Theme Name: Crown Dental Theme URI: # Author: Sk Version: 1.0 */ /* Start - Main Style */ *{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);} /*variables--*/ :root{ --bodyfont: 'quasimoda', sans-serif; --accent-font:'quasimoda', sans-serif; --headfont:'quasimoda', sans-serif; --fs-60:60px; --fs-50:50px; --fs-48:48px; --fs-42:42px; --fs-36:36px; --fs-32:32px; --fs-30:30px; --fs-24:24px; --fs-22:22px; --fs-20:20px; --fs-18:18px; --fs-16:16px; --fs-14:14px; --pdg:100px; --topbar-color:#f7fdfd; --main-clr:#087e91; --seconday-color:#0bb6c6; --dark-bg:#124044; --hover-color:#055d6b; --body-font-color:#000; --head-font-color:#000; --light-font-color:#f8f3ea; --light-bg:#e6f8f9; --navbar-color:#ffffff; } body{ font-family:var(--bodyfont); color:var(--body-font-color); background:#fff} h1{font-size:var(--fs-48);font-weight:300;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.3} h2{font-size:var(--fs-48);font-weight:300;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:300;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:300;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:300;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-14);font-weight:400;margin:0;font-family:var(--bodyfont);color:rgba(0,0,0,0.7);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.2em;line-height: 1.3} body{ font-size:var(--fs-18); line-height:1.6; font-weight: 400 ; 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:16px 30px; font-size: var(--fs-18); font-weight:600; border-radius:50px;border-width:0px;border-style:solid; text-align: center;line-height: 1.2; margin:15px 0; font-family:var(--accent-font); } .btncn-default{background: var(--main-clr); color:#fff;border-color:var(--main-clr);} .btncn-default:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff} .btncn-secondary{background:var(--seconday-color); color: #fff;border-color:var(--main-clr);} .btncn-secondary:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff} .btncn-white{background:#fff; color:var(--main-clr);border-color:#fff; } .btncn-white:hover{background:var(--hover-color);border-color:var(--hover-color);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(--hover-color); 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} @media (min-width: 1600px) { .container{ max-width:1470px } } @media only screen and (max-width:1599px){ :root{ --fs-60:55px; --fs-50:47px; --fs-48:45px; --fs-42:40px; --fs-36:32px; --fs-32:30px; --fs-30:28px; --fs-24:23px; --fs-22:20px; --fs-20:18px; --fs-18:16px; --fs-16:15px; --fs-14:14px; } } @media only screen and (max-width:1399px){ :root{ --fs-60:45px; --fs-50:42px; --fs-48:40px; --fs-42:36px; --fs-36:30px; --fs-32:28px; --fs-30:26px; --fs-24:22px; --fs-22:20px; --fs-20:17px; } } @media only screen and (max-width:1199px){ :root{ --fs-60:42px; --fs-50:40px; --fs-48:38px; --fs-42:32px; --fs-36:26px; --fs-32:24px; --fs-30:23px; --fs-24:20px; } a{ text-decoration:none; border: 0px; outline: none; transition:none;} a:hover, a:focus, a:active{ transition:none; } .btncn{padding: 16px 22px} } @media only screen and (max-width:991px){ :root{ --fs-60:33px; --fs-50:32px; --fs-48:31px; --fs-42:30px; --pdg :50px; } p{padding-bottom:20px;margin-bottom: 0;} .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: 14px 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} .footBottom{ padding-bottom:30px !important; } } @media only screen and (max-width:380px){ } /*Header Start*/ .header{--headerHeight:120px;position: sticky; top: 0; z-index: 99999; width: 100%; transition: 0.3s;} .headerTop{ background:var(--topbar-color); padding:6px 0; } .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(--hover-color); } .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:var(--navbar-color);} .logo{ height:70px; transition:all .5s; flex-shrink: 0} .logo img{max-height: 100%;object-fit:contain;width:auto;} .headerHolder{ display:flex; align-items:center;gap:30px;height: var(--headerHeight);transition: 0.5s} .navigation{margin:0} .navigation nav ul{display:flex;margin:0;padding:0;list-style:none;} .navigation nav ul li a{font-weight:300;font-size: var(--fs-18);position: relative;color:var(--body-font-color);z-index: 10;font-family:var(--accent-font);} .navigation nav ul li a:hover{ color:var(--hover-color); } .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: 30px;padding-right: 30px;display: flex;flex-direction: column;justify-content: center;} .headerWinnerLogo {margin-right: 18px; } .headerRight{ display:flex; align-items:center;gap:35px;align-self: stretch;margin-left:auto; } .phoneNumber a{font-family:var(--bodyfont);color: #fff;font-size: var(--fs-18);} .phoneNumber a i{color: var(--main-clr);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 a i{ display:none; } .headerSocial a{ font-size:22px; color:#000; position:relative; top:2px; } .headerSocial a:hover{ color:var(--seconday-color); } .fixed{position:sticky;top:0;left:0;width:100%;background: var(--navbar-color);box-shadow: 0 5px 15px rgb(0 0 0 / 10%);z-index: 999} .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: var(--body-font-color);border-top: 1px solid rgba(0,0,0,.5);text-decoration:none;}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top: 1px solid rgba(0, 0, 0,.25);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: 45px 0 90px;transition: all 0s ease, padding 0s ease;top: 100%;opacity: 0;visibility: hidden;overflow: auto;} .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-36);font-weight: 600;margin:0 0 15px 0;display:block;font-family:var(--headfont);letter-spacing: -0.03em;color: var(--main-clr);line-height: 1.2;} .navigation nav ul.dropdown-menu-holder li ul li a{font-size: var(--fs-20);padding: 7px 0;display:block;font-weight:500;margin:0;width:100%;transition:0.2s;font-family:var(--bodyfont);color:var(--body-font-color);line-height: 1.5;} .navigation nav ul.dropdown-menu-holder li ul li a:hover{color:var(--hover-color);} ul.dropdown-menu-holder{gap: 0 !important;row-gap: 30px !important;width: 100%;border: none;column-count: 3;display: block!important;} ul.dropdown-menu-holder > li {width: 100%;break-inside: avoid-column;margin-bottom: 50px;} ul.dropdown-menu-holder li ul{ display:block; } .mega-menu-wrapper a:hover{ color:var(--seconday-color); } .section-parent-menu{width:100%;max-width: 1350px;margin-left: auto;margin-right: auto;} .mega-menu-container {padding: 0; display: flex; justify-content: space-between; gap: 20px; } .mega-menu-img {width: 26%; } .mega-menu-img img {width: 100%; display: block; } li.normal-menu {position: relative;} li.normal-menu li:not(:last-child){border-bottom: 1px solid #efefef;} li.normal-menu ul {position: absolute;top: 100%;left: 0px;min-width: 305px;background: var(--navbar-color);padding: 0;display: none;z-index: 100;border-top: 0;box-shadow: 0 8px 9px rgba(0, 0, 0, 10%);} li.normal-menu:hover ul{display:block;} li.normal-menu ul a {padding: 8px 15px;display: block;} .headerMian .container-fluid{ padding:0 0 0 15px } .header .container{max-width:1780px} .mobileMenu{display:none;} } @media only screen and (max-width: 1700px) { .headerTop ul li{ font-size:16px } ul.dropdown-menu-holder li a{ font-size:var(--fs-18)!important } .navigation nav > ul > li> a{;padding:0 20px} .navigation nav ul li a{font-size: var(--fs-18)} .headerHolder{padding-left: 20px} .navigation{margin:0 auto 0 20px} } @media only screen and (max-width: 1500px) { .headerHolder{ padding:0 } .headerRight{gap:15px} .bookAppointment a{padding-left:30px;padding-right:30px} } @media only screen and (max-width: 1399px) { .logo{ height:50px } .header{--headerHeight:90px} /*.fixed.header{--headerHeight:80px}*/ .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 var(--main-clr); text-align: center; line-height: 40px; color: var(--main-clr);} .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{position:static;} .mega-menu-wrapper{ background:transparent; position:relative; width:100%; padding:0} .header .mega-menu-container.container{ width:100%; padding:0 } .mean-container .mean-nav ul li a.mean-expand{ border:none !important;background:transparent; } .mean-container .mean-nav ul li a.mean-expand:hover{ background:transparent; } .section-parent-menu{ margin:0 } ul.dropdown-menu-holder{ padding:0 !important } .mobileMenu li a{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: var(--main-clr);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: var(--main-clr);} .mean-nav {box-shadow: -50vw 0 0 var(--light-bg), 50vw 0 0 var(--light-bg);} .mean-container .mean-nav{background: var(--light-bg);} .mean-container a.meanmenu-reveal{ z-index:9999 } .logo,.fixed .logo {position:relative; z-index:9999; transform:translate(0); left:inherit; } .header{--headerHeight:80px} .fixed.header{--headerHeight:80px} .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 } .logo,.fixed .logo{height:34px } .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:30px;} .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:47px } .mean-container a.meanmenu-reveal{padding: 10px 0px;} .mean-container .mean-bar{top: 18px} } /*Header End*/ /*Header Top bar*/ .top-bar-wrapper {background: var(--topbar-color);font-size: var(--fs-16);padding: 13px 0;} .top-bar-wrapper .container{max-width:1780px} .top-bar a {text-decoration: none; } .top-link {display: flex;align-items: center;gap: 9px;font-weight: 500;color: var(--body-font-color);transition:0.3s;letter-spacing:-0.03em} .top-link i{font-size: 100%;color:var(--seconday-color);transition:0.3s} .top-link:hover{color:var(--seconday-color)} .top-link:hover i{color:var(--seconday-color);} .top-button {background: var(--main-clr);padding: 8px 24px;font-weight: 400;color: #fff;text-align: center;text-decoration: none;transition: background 0.3s ease;border-radius: 100px;} .top-button:hover {background:var(--seconday-color) } .top-bar-left{gap: 28px;} .top-link.social i{color:var(--main-clr)} .top-link.social:hover i{color:var(--seconday-color)} .top-bar-right{gap:25px;} .top-bar-right .top-link {gap: 0; } .top-bar-right .top-link i {margin-right: 9px; } @media (max-width: 1199px) { .top-bar-right {position: fixed; bottom: 0; right: 0; width: 100%; background: var(--seconday-color); z-index: 99; gap: 0;box-shadow:0 0 10px #0004 } .top-bar-right > .top-link:nth-child(odd) {background: var(--main-clr); } .top-bar-right > .top-link {flex-grow: 1;justify-content: center; padding: 10px 7px; color: #fff; } .top-bar-right > .top-link i{ color:#fff} } @media (max-width: 767px) { .top-bar {flex-direction: column; align-items: flex-start; } .top-bar-left{gap: 15px; } .top-bar-wrapper{padding:5px 0} .top-bar-right .top-link span{display:none;} } @media (max-width: 500px) { .top-button {padding: 5px 15px; } } /*Header Top bar End*/ /*START BANNER*/ .halfBannerItem{overflow:hidden;} .halfBannerImage{padding:0 0 30px 30px;width: 100%;/* max-width: inherit; *//* border-radius: 0 0 0 23%; *//* box-shadow: -28px 28px #fff, -28px 28px 0 1px var(--seconday-color); */object-fit: cover;min-height: 820px;} .halfBannerImage img{ max-width:inherit;border-radius:0 0 0 23%;box-shadow:-28px 28px #fff,-28px 28px 0 1px var(--seconday-color);object-fit:cover;} .halfBannerCaption{padding:50px 0} .halfBannerCaption h1,.halfBannerCaption h2{font-weight: 400;font-size:var(--fs-60);} .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-22);font-weight: 400;text-align:left;} .innerBanner{background:#f8f8f8;box-shadow: 5px 8.66px 35px 0px rgba(0, 0, 0, 0.08);} .innerBanner{line-height:0} .halfBannerItem{line-height:1.6} .innerBanner .halfBannerImage{padding:0;display:flex;;min-height:100%;} .innerBanner .halfBannerImage img{border-radius: 0;box-shadow:none;} .innerBanner .halfBannerCaption{max-width:500px;padding: 50px 0} .innerBanner .slick-dots {display: flex; list-style: none; padding: 0 12px 15px; margin-bottom: 0; margin-top: -28px; position: relative; z-index: 2; font-size: 0; line-height: 0; gap: 10px; } .innerBanner {overflow: hidden; } .innerBanner .slick-dots button {border: 0; width: 12px; height: 12px; background: var(--main-clr); border-radius: 50%; opacity: 0.5; transition: 0.3s; } .innerBanner .slick-dots .slick-active button {opacity: 1; } .banner-timing{padding: 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;} .innerBanner .slick-track {display: flex; } .innerBanner .slick-slide {height: auto; } .innerBanner .slick-slide > div, .slick-slide .halfBannerItem, .slick-slide .halfBannerItem .container,.slick-slide .halfBannerItem .row {height: 100%; } .halfBannerImage .loc-map {position: relative;padding-bottom: 91.25%; padding-top: 25px; height: 0; width:100% } .halfBannerImage .loc-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sliderFade { position: relative; /* width: 100%; */ /* height: 100%; */ max-width: inherit; border-radius: 0 0 0 23%; box-shadow: -28px 28px #fff, -28px 28px 0 1px var(--seconday-color); object-fit: cover; } .sliderFade img { position: absolute; left: 0; top: 0; /* width: 100%; */ opacity: 0; transition: opacity 1.5s ease-in-out; max-width: inherit; border-radius: 0 0 0 23%; box-shadow: -28px 28px #fff, -28px 28px 0 1px var(--seconday-color); object-fit: cover; } .sliderFade img.active { opacity: 1; } @media only screen and (max-width:1199px){ .halfBannerImage img {max-height: 550px; } } @media only screen and (max-width:991px){ .halfBannerImage img {max-width: 100%; max-height: max-content; width: 100%; margin-bottom: 35px;} .halfBannerCaption,.halfBannerCaption p{text-align: center;} .halfBannerCaption{margin-left:auto;margin-right: auto;} .halfBannerCaption .buttonGroup{justify-content:center;} .halfBannerCaption{padding:0} .innerBanner .halfBannerImage img {width: 100vw;max-width: 100vw;} .innerBanner .halfBannerImage {display: flex; justify-content: center; } .innerBanner {padding-bottom: 30px; text-align: center; } .innerBanner .halfBannerCaption p {text-align: center;} .innerBanner .halfBannerCaption{max-width:500px;padding:0px} .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; } .innerBanner .slick-dots {margin-top: 11px; justify-content: center; } .innerBanner .icon-list p {text-align: left; } .halfBannerImage .loc-map{margin-bottom:45px;} } @media only screen and (max-width:767px){ .halfBanner .buttonGroup{margin:0 -10px} .halfBannerImage{padding:0 0 20px 0px;min-height: 450px;} .halfBannerImage img{box-shadow: -18px 18px #fff,-18px 18px 0 1px var(--seconday-color)} } /*END BANNER*/ /*WELCOME SECTION*/ .welcomeContent{ text-align:center; } .innerPageWelcome .welcomeContent h1{letter-spacing:0.1em;opacity: 0.4} .welcomeContent h1{font-size: var(--fs-14);font-weight:400;margin:0;font-family:var(--bodyfont);padding: 0 0 22px 0;text-transform:uppercase;letter-spacing: 0.20em;} .welcomeContent p{ text-align:justify; text-align-last: center; } .welcomeContent p:last-child{padding-bottom:0} .introSection p{ text-align:justify; text-align-last: center; } @media only screen and (max-width:991px){ .welcomeContent br{display:none;} } /*END WELCOME SECTION*/ /*PARTNERS START*/ .paymentOptionSec{overflow:hidden;} .paymentOptionSec h6{font-size: var(--fs-18);letter-spacing: 0.05em} .paymentOptionSlider{overflow: hidden;} .paymentOptionSlider .slick-list{margin: 0 -40px;line-height: 0} .paymentOptionSlider .slick-track{display:flex;align-items: center;} .paymentOptionItem{padding: 0 40px;line-height: 1.2;} .paymentOptionImg img {display: block;transition:0.3s;max-width:334px;max-height:65px;} .bottom-border{border-bottom:1px solid var(--seconday-color);} @media only screen and (max-width:991px){ .paymentOptionImg img{max-height:30px;max-width:140px;width:auto;} .paymentOptionItem{padding: 0 20px} .paymentOptionSlider .slick-list{margin: 0 -20px;} } /*PARTNERS END*/ /*homeServiceList START*/ .homeServiceList {background: linear-gradient(90deg, var(--main-clr) 50%, #E6F8F9 50%);color: #fff;font-size: var(--fs-30);} .homeServiceListRight h2 {color: var(--main-clr) !important; border-color: var(--main-clr) !important;} .homeServiceListRight a {color: var(--main-clr) !important;} .homeServiceList h2 {font-size: var(--fs-60); color: #fff; border-bottom: 1px solid #fff; margin-bottom: 44px; } .homeServiceList ul {list-style: none;padding: 0;margin: 0 0 65px 0;display: flex;flex-direction: column;gap: 28px;text-transform: uppercase;} .homeServiceList a {color: #fff;transition: 0.4s;border-bottom:1px solid transparent;font-weight: 200;} .homeServiceList ul a{font-weight:300} .homeServiceList a:hover {color: #fff;border-bottom-color: #fff; } .homeServiceListRight {text-align: right; } .homeServiceListInr{position:relative;} .homeServiceListLogo{position:absolute;top:-30px;left:50%;transform: translate(-50%, 0);width: 18%;max-width: 254px;aspect-ratio: 1;border-radius:50%;background:var(--main-clr);display:flex;align-items:center;justify-content: center;border:1px solid #fff;} .homeServiceListLogo img{max-width: 65%;} @media only screen and (max-width:991px){ .homeServiceList {background: var(--seconday-color);text-align: center;font-size:var(--fs-20);overflow: hidden;} .homeServiceListLogo {position:static;width: 100px;transform: none;margin: 40px auto;} .homeServiceListRight {text-align: center} .homeServiceListLeft {background: var(--main-clr);box-shadow: 0 0 0 90px var(--main-clr), -50vw 0 0 90px var(--main-clr) , 50vw 0 0 90px var(--main-clr);} .homeServiceList ul {gap: 15px; margin: 0 0 31px 0; } .homeServiceList h2 {margin-bottom: 22px; padding-bottom: 20px;font-size:var(--fs-48); } } /*homeServiceList end*/ /*SERVICE SECTION*/ .service-item-main {background: var(--light-bg); text-align: center; padding: 65px 20px; border-radius: 200px 200px 0 0; height: 100%; } .service-list-icon {width: 168px; aspect-ratio: 1; background: var(--main-clr); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 22px; } .service-item-main h3 {font-size: var(--fs-42); color: var(--main-clr); padding-bottom: 0; } .service-list-holder-wrap{position:relative;} .service-item-hover {border-radius: 200px 200px 0 0; padding: 50px 20px; border: 1px solid var(--main-clr); position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; background: #fff; font-size: var(--fs-20); color: var(--main-clr); text-align: center; opacity: 0; transition: 0.4s; } .service-item {position: relative; width: calc(33.33% - 35px); max-width: 381px; } .service-item-hover h4 {font-size: var(--fs-32); padding-bottom: 15px; color: var(--main-clr); } .service-list-holder {display: flex; justify-content: center; flex-wrap: wrap; gap: 52px;position:relative } .service-item-hover p {text-align: center; padding-bottom: 16px; max-width: 276px; } .service-item:hover .service-item-hover{opacity:1} .service-list-nav{display:none;} @media only screen and (max-width:1199px){ .service-list-icon {width: 100px; } .service-item-hover {padding: 20px 20px; } } @media only screen and (max-width:991px){ .service-list-holder {gap: 40px; } .service-item {width: calc(50% - 25px); } } @media only screen and (max-width:767px){ .service-list-nav{display:flex;align-items: center;justify-content:space-between;position:absolute;top: 55%;left:50%;transform:translate(-50%,-50%);width: calc(100% + 92px);pointer-events:none;} .service-list-nav button{width: 36px;height: 36px;border:0;border-radius:50%;background: var(--seconday-color);color: #fff;pointer-events: all;} .service-item{display:block!important;max-width:100%} .service-list-holder-wrap{max-width: 250px;margin-left:auto;margin-right:auto;} .service-list-holder{display:block;} .service-list-holder .slick-slide{margin:0 5px} .slick-slide .service-item{opacity:0.5;transition: 0.4s} .slick-slide.slick-active .service-item{opacity:1} .service-list-holder .slick-list{margin:0 -5px;overflow:visible;} .service-list-container{overflow:hidden;} } /*END SERVICE SECTION*/ /*CONTENT START*/ .contentSection ul{margin:0 0 10px 0;padding:0;list-style:none;} .contentSection ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px} .contentSection ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'Font Awesome 6 Free';} .contentSection ul li strong{display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); } .contentSection h1{font-size:var(--fs-14);font-weight:400;margin:0;font-family:var(--bodyfont);color:rgba(0,0,0,0.7);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.2em;line-height: 1.3} .contentTop h2{font-weight: 300} .contentTop ul{ margin:0; padding:0 0 0 0; list-style:none; } .contentTop ul li{ font-weight:300 ; font-size:var(--fs-20); } .contentTop ul li a{ color:var(--body-font-color); padding: 15px 0; display: block; border-bottom: 2px solid #dbddd8; position: relative;} .contentTop ul li a:after{ content:''; position:absolute; width:0px; height:2px; background:var(--main-clr); bottom:-2px; left:0 ; transition: all .5s;} .contentTop ul li a: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); } .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{margin:0 0 30px 40px} .contentSection .full-image img{border-radius:0 0 0 23%;box-shadow:-28px 28px #fff,-28px 28px 0 1px var(--seconday-color)} .contentSection .full-image.full-right{margin:0 40px 30px 0} .contentSection .full-image.full-right img{border-radius:0 23% 0 0;box-shadow:28px 28px #fff,28px 28px 0 1px var(--seconday-color)} .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-36); font-weight:300;font-family: var(--headfont);} .contentImg img{width:100%;border-radius: 500px 500px 0 0} .contentTextSliderWrap{position:relative;margin: 20px 0} .contentTextSliderNav{display:flex;gap:34px;justify-content:flex-end;position:absolute;bottom:15px;right:0} .contentTextSliderNext,.contentTextSliderPrev {font-size: var(--fs-42); background: transparent; border: 0; outline: 0; color: var(--main-clr); z-index: 2; transition: 0.3s;font-weight:300 } .contentTextSliderPrev {opacity: 0.1} .contentTextSliderPrev:hover,.contentTextSliderNext:hover{color: var(--seconday-color);opacity: 1} .contentTextSliderItem ul{padding:0 0 10px; list-style:none;margin:0 } .contentTextSliderItem ul li{font-weight: 300;position:relative; padding: 0 0 20px 40px} .contentTextSliderItem ul li:before{ content:'\f00c'; position:absolute; left:0; top:0; color:var(--head-font-color); font-family: 'FontAwesome'; } .contentTextSlider .slick-list{margin:0 -10px} .contentTextSlider .slick-slide{margin:0 10px} .pros-cons {display: flex; gap: 0px 25px; } .pros-cons-item {width: 100%;} .pros-cons h3 {font-size: var(--fs-32); padding-bottom: 24px; } .pros-cons-item ul li{font-size: var(--fs-22);font-weight:400;line-height:1.3 } .pros ul li:before{content: '\f058';color:var(--seconday-color);} .cons ul li:before{content: '\f057';color: var(--seconday-color);} .contentSlider .slick-dots {display: flex;list-style: none;padding: 0 12px 0px;m;margin: -15px auto 2px auto;position: relative;z-index: 2;font-size: 0;line-height: 0;gap: 10px;} .contentSlider .slick-dots li{all:unset} .contentSlider .slick-dots li:first-child{margin-left: calc(50% + 2.5rem)} .contentSlider {overflow: hidden; } .contentSlider .slick-dots button {border: 0; width: 12px; height: 12px; background: var(--main-clr); border-radius: 50%; opacity: 0.5; transition: 0.3s; } .contentSlider .slick-dots .slick-active button {opacity: 1; } @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; } } @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; } .contentTextSliderNav{position:static;margin-top:15px;justify-content:flex-start;} .contentTextSliderWrap{margin:0} .contentTextSliderPrev i,.contentTextSliderNext i{display:block;} .contentSlider .slick-dots {margin: 11px auto 15px;} .contentSlider .slick-dots li:first-child{margin-left:0} } @media only screen and (max-width:767px){ .contentSection .full-image{margin:0 0 20px 20px;} .contentSection .full-image img{box-shadow:-18px 18px #fff,-18px 18px 0 1px var(--seconday-color)} .contentSection .full-image.full-right{margin:0 20px 20px 0;} .contentSection .full-image.full-right img{box-shadow:18px 18px #fff,18px 18px 0 1px var(--seconday-color)} .pros-cons {flex-direction: column; } .pros-cons-item ul li {font-size: var(--fs-20); } } /*CONTENT END*/ /*location-sec start*/ .location-sec {position:relative;} .location-sec-bg-shape{position:absolute;z-index: -1;top: 0;right: 0;max-width: 21%;transform: translateY(-44%);} .location-slider .slick-slide {padding: 0 24px; } .location-slider .slick-list {margin: 0 -24px; } .location-slider-item h3 {font-size: var(--fs-32); } .location-item-img {aspect-ratio: 445 / 320; width: 100%; margin-bottom: 35px; } .location-item-img iframe {width: 100%; height: 100%; display: block; } .location-item-text p {font-size: var(--fs-20); font-weight: 400; padding-bottom: 20px; } .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-slider-item .btncn{margin-top:30px} .location-slider .slick-prev {width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--seconday-color); color: #fff; position: absolute; top: 32%; left: -10px; transform: translate(-100%,-50%);z-index: 2} .location-slider .slick-next {width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--seconday-color); color: #fff; position: absolute; top: 32%; right: -10px; transform: translate(100%,-50%); } @media only screen and (max-width:1599px){ .location-slider{margin:0 50px} } @media only screen and (max-width:767px){ .location-slider {max-width: 250px; margin-left: auto; margin-right: auto; } .location-slider .slick-slide {padding: 0 8px; } .location-slider .slick-list {margin: 0 -8px;overflow:visible;} .slick-slide .location-slider-item{opacity:0.5;transition: 0.4s} .slick-slide .location-item-text{opacity:0;transition: 0.4s} .slick-slide.slick-active .location-slider-item,.slick-slide.slick-active .location-item-text{opacity:1} .location-slider-item h3{font-size: var(--fs-24);font-weight: 400;text-align: center;} } /*location-sec end*/ /*REVIEW SECTION*/ .reviewSection h2{padding-bottom:20px} .reviewSlider .slick-slide { margin: 0 8px; } .reviewSlider .slick-list { margin: 0 -8px; } .reviewItem{ text-align:center; } .star{ font-size:20px; color:var(--seconday-color); margin:0 0 20px 0 } .reviewItem p{ text-align:center; font-size: var(--fs-18); font-family:var(--bodyfont);max-width:330px;margin-left:auto;margin-right:auto; font-weight:400 } .reviewItem h6{ font-size:var(--fs-18); color:var(--body-font-color); margin:0; padding:0; text-transform:uppercase; font-weight:400 ; letter-spacing: 0.05em} .reviewSlider .slick-prev{ position:absolute; font-size:20px; border:none; outline:none; color:#fff; left:-26px; top:50%;transform: translateY(-50%);transition: all .5s;background:var(--seconday-color); width: 52px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:50% } .reviewSlider .slick-next{ position:absolute; font-size:20px; border:none; outline:none; color:#fff; right:-26px; top:50%;transform: translateY(-50%);transition: all .5s;background:var(--seconday-color); width: 52px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:50% } .reviewSlider .slick-prev:hover, .reviewSlider .slick-next:hover{ background:var(--hover-color); color: #fff; 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;} .reviewSlider .slick-slide {height: auto;} .reviewSlider .slick-slide > div{height: 100%} .reviewSection .reviewItem {height: 100%; background:#fff; padding: 55px 30px} .more_txt:hover {color: #003380;} @media only screen and (max-width:991px){ } @media only screen and (max-width:767px){ .reviewSlider .slick-prev{width:36px;height: 36px;font-size:16px;left: -18px} .reviewSlider .slick-next{width:36px;height: 36px;font-size:16px;right: -18px} .reviewSection {overflow: hidden; } .reviewSlider .slick-list {overflow: visible; } .slick-slide .reviewItem{opacity: 0.7;transition: 0.3s} .slick-slide.slick-active .reviewItem{opacity:1} } /*END REVIEW SECTION*/ /*GALLERY start*/ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: var(--seconday-color); position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 1px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before {left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before {z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid var(--seconday-color); -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer;background:var(--seconday-color); } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; /* -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);*/ } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; /* -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);*/ } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .twentytwenty-overlay{display:none;} .before-after-list-holder {display: flex; justify-content: center; flex-wrap: wrap; gap: 70px 60px;position:relative } .before-after-item {position: relative;width: calc(33% - 40px);} .before-after-item h3{padding-bottom:15px} .before-after-img-caption {display: flex; justify-content: space-between; padding-top: 16px; text-transform: uppercase; } .before-after-img-caption p{padding-bottom:0} .before-after-list-nav{display:none;} @media only screen and (max-width:1199px){ } @media only screen and (max-width:991px){ .before-after-list-holder {row-gap: 40px; } .before-after-item {width: 100%; } } @media only screen and (max-width:767px){ .before-after-list-nav{display:flex;align-items: center;justify-content:space-between;position:absolute;top: 50%;left:50%;transform:translate(-50%,-50%);width: calc(95%);pointer-events: none;} .before-after-list-nav button{width: 36px;height: 36px;border:0;border-radius:50%;background: var(--seconday-color);color: #fff;pointer-events: all; display: flex; justify-content: center; align-items: center;} .before-after-list-holder-wrap{max-width: 240px;margin-left:auto;margin-right:auto;position: relative;} .before-after-list-holder{display:block;} .before-after-list-holder .slick-slide{margin:0 5px} .slick-slide .before-after-item{opacity:0.5;transition: 0.4s} .slick-slide .before-after-img-caption,.slick-slide .before-after-item h3{opacity:0;transition: 0.4s} .slick-slide.slick-active .before-after-item,.slick-slide.slick-active .before-after-img-caption,.slick-slide.slick-active .before-after-item h3{opacity:1} .before-after-list-holder .slick-list{margin:0 -5px;overflow:visible;} .before-after-sec{overflow:hidden;} } /*GALLERY end*/ /*cta start*/ .cta-sec {position: relative; } .cta-sec-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: flex; } .cta-sec-bg img {width: 50%; height: 100%; object-fit: cover; } .cta-text-wrap {max-width: 740px; border: 1px solid var(--seconday-color); color: #fff; text-align: center; padding: 15px; border-radius: 400px 400px 0 0; aspect-ratio: 740 / 620; margin: 0 auto; } .cta-text {background: var(--seconday-color); border-radius: 400px 400px 0 0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center; padding: 90px 30px; } .cta-text h2 {color: #fff; font-size: var(--fs-60); font-weight: 300; padding-bottom: 15px; letter-spacing: -0.003em; } .cta-text p {text-align: center; font-size: var(--fs-20); max-width: 408px; padding-bottom: 19px; } @media only screen and (max-width:1199px){ .cta-text-wrap {max-width: 580px; } .cta-text {padding: 40px 30px;} } @media only screen and (max-width:767px){ .cta-text-wrap {aspect-ratio: auto; padding: 10px;max-width:350px;margin:0 auto;border-radius:25px } .cta-text {padding: 25px 15px 10px;border-radius:20px} .cta-text p:last-of-type{padding-bottom:10px} } /*cta end*/ /*FOOTER start*/ .footBottom{ padding:0px 0 30px 0;background:var(--light-bg); } .ftbtm{ justify-content:space-between; align-items:center; display: flex;padding-top: 30px; } .copyright{ font-size:14px; color:#999999; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 300} .footerTop{padding: 70px 0;} .footerTopContent{display:flex;justify-content:space-between;gap: 50px;} .footerwidget_1{width: 37%;} .footerwidget_2{width: 12%;margin-left: 20px;min-width: 170px;} .footerwidget_3{width: 36%;min-width: 240px;} .footer-logo{max-width: 540px;} .footer-nav ul{margin:0;padding:0;list-style:none;display: grid;grid-template-columns: 1fr 1fr;gap: 15px;} .footer-nav ul li{ display:block; } .footer-nav ul li a{ display:block; font-weight:400; font-size:var(--fs-18); color:#000; text-transform: uppercase;} .footer-nav ul li a:hover{ color:var(--seconday-color); } .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(--seconday-color); } .footerTopContent p a i{ margin:0 5px 0 0 } .footerTop .btncn-light:hover{ background:#6daff3 } .footerTop h2{font-size: var(--fs-30);font-weight: 300;line-height: 1.2;} .social ul{margin:0;padding:0;list-style:none;display: flex;gap: 15px;margin-top: 0;justify-content: space-between;} .social ul li a{display:block;color: var(--main-clr);font-size: 24px;} .social ul li a i{ display:block ;} .social ul li a:hover{ color:var(--seconday-color); } .footerTopContent table{ width:100%; } .footerTopContent table td{ color:#fff ; font-size:var(--fs-16); font-family:var(--bodyfont); line-height:1.8; font-weight: 200} .footerTopContent table td:first-child{ padding-right:20px; } .footer-heading-block {pointer-events: none; } .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(--seconday-color); } .footerAward{padding-bottom: 10px} @media only screen and (max-width:1199px){ .footerTop{ padding:45px 0 } .footBottom{padding-bottom:80px} .footer-logo{max-width: 250px} .footerTopContent{flex-direction:column;gap: 34px;} .footerwidget_1{width:100%;} .footerwidget_2{width:100%;margin: 0;} .footerwidget_3{ width:100%; } .footerwidget_4{ width:100%; } .social ul{justify-content: flex-start;gap: 35px} .footerwidget_1 .btncn:last-child{margin-bottom:0} .footer-heading-block h2{padding-bottom:0} .footer-heading-block{position:relative;pointer-events:all ;padding-right: 20px;} .footer-content-block{ display:none;} .footer-content-block > *:first-child{padding-top: 23px;} .footer-heading-block:after{content:'';position:absolute;right:0;top: 0px;content: "\f061";font-family: 'FontAwesome';color: #2e2e2e;transform: rotate(90deg);transition: all .5s} .footer-heading-block.active:after{ transform: rotate(-90deg); transition: all .5s} } @media only screen and (max-width:767px){ .ftbtm {flex-direction: column; align-items: center;text-align:center;row-gap:15px } .footer-nav ul{grid-template-columns: 1fr} } /*FOOTER end*/ /*breadcumb start*/ .breadcumb{padding: 36px 0 0;background: transparent;} .breadcumb ul{display:flex;flex-wrap: wrap;margin:0;padding:0;list-style:none} .breadcumb ul li{font-family:var(--bodyfont);font-size: var(--fs-18);color: var(--seconday-color);position:relative;font-weight: 400;} .breadcumb ul li:after{content: '\f111';display:inline-block;margin: 0 10px;0;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 7px;vertical-align: middle;color: var(--main-clr);} .breadcumb ul li:last-child:after{ display:none; } .breadcumb ul li a{color: var(--body-font-color);font-weight: 400;} .breadcumb ul li a:hover{ color:var(--main-clr); } @media only screen and (max-width:767px){ } /*breadcumb end*/ /*SERVICE SECTION*/ .serviceSection{position:relative;} .service-sec-bg-shape{position:absolute;z-index: -1;top: 0;right: 0;max-width: 18%;transform: translateY(-70%);} .serviceSection .container{overflow:hidden;} .serviceImage{position:relative;padding: 0 14px 14px 0;border-radius: 0 50% 0 0;transition: 0.3s;display:block;} .serviceImage img{width: 100%;transition: 0.3s;border-radius: 0 47% 0 0;box-shadow: 15px 13px #fff,15px 13px 0 1px var(--seconday-color);} .serviceContent h3{ padding:0; transition:all .5s;font-weight:300;font-size:var(--fs-30); } .serviceContent{padding-top:30px;} .serviceImageUl{position:absolute;top: 0;left:0;width:100%;height: 100%;display: flex;justify-content:center;align-items: center;flex-direction:column;text-align:center;padding:20px;opacity: 0;transition: 0.3s;} .serviceImageUl ul{padding:0;margin:0;list-style:none;font-size:var(--fs-24);} .serviceImageUl ul a{padding:5px;color:#fff;display:block;} .serviceImageUl ul a:hover{color:var(--seconday-color);} .serviceContent a h3:hover{color: var(--seconday-color);} /*.serviceItem:hover img {opacity: 0.2;filter: blur(9px)}*/ /*.serviceItem:hover .serviceImage{background: var(--dark-bg);overflow:hidden;} .serviceItem:hover .serviceImage{background: var(--dark-bg);overflow:hidden;}*/ .serviceItem:hover .serviceImage{opacity: 0.6} .serviceItem:hover .serviceImageUl {opacity: 1;} @media only screen and (max-width:1199px){ .serviceContent{padding-top:15px} } @media only screen and (max-width:767px){ } /*END SERVICE SECTION*/ /*cta2-sec start*/ .cta2-sec{background: var(--seconday-color);padding: 70px 0} .cta2-sec h2{color: #fff;letter-spacing: -0.03em;padding-bottom:0} @media only screen and (max-width:991px){ .cta2-sec{text-align: center;padding:var(--pdg) 0;} } /*cta2-sec end*/ /*faq start*/ .faqHolder{background: #f8f8f8} .faqHolder h2{padding-bottom:10px} .accroHolder {border-bottom:0px solid rgba(163, 233, 233, 0.5); } .accordian-new h3 {font-family: var(--bodyfont);font-weight: 300;font-size: var(--fs-24);cursor: pointer;margin-bottom: 0;position: relative;padding: 20px 30px 20px 0;color: var(--bodyfont);} .accordian-new h3:focus { outline: 0} .accordian-new h3:after {content: "+";position: absolute;right: 0;top: 19px;font-weight: 300;transition: .5s} .accordian-new h3.ui-accordion-header-active-new:after {content: "-";} .ui-accordion-content-new {padding: 0px 13% 10px 0;display: none} .ui-accordion-content-new p { text-align: left; padding-bottom: 0} @media only screen and (max-width:767px){ .accordian-new h3{ padding: 15px 30px 15px 0; } .accordian-new h3:after{top: 19px; font-size: 15px;} .ui-accordion-content-new{padding-right:0} } /*faq end*/ /*glance start*/ .glance-sec{position:relative;} .glance-sec-bg-shape{position:absolute;z-index: -1;top: 0;right: 0;max-width: 18%;transform: translateY(-48%);} .glance-item{display:flex;gap:24px;align-items:center;} .glance-icon{width:92px;aspect-ratio:1;border-radius: 50%;background:var(--seconday-color);display:flex;align-items: center;justify-content: center;flex-shrink:0} .glance-text h6{font-size:var(--fs-18);letter-spacing: 0.03em;padding-bottom: 6px;font-weight: 300;color: var(--body-font-color);} .glance-text p{font-size:var(--fs-24);padding-bottom:0px;line-height:1.3;text-align:left;} @media only screen and (max-width:1199px){ .glance-icon {width: 65px; padding: 16px; } .glance-item {gap: 18px; align-items: flex-start;} } /*glance end*/ /*benefit start*/ .benefit-sec p{text-align: left;} .benefit-list-holder {display: flex; justify-content: center; flex-wrap: wrap; gap: 50px 70px;position:relative } .benefit-item {position: relative; width: calc(50% - 35px); } .benefit-item h3{padding-bottom:15px;font-size: var(--fs-30);} .benefit-item p{padding-bottom:0} .benefit-list-nav{display:none;} @media only screen and (max-width:1199px){ } @media only screen and (max-width:991px){ .benefit-list-holder {gap: 30px;margin-top:10px } .benefit-item {width: calc(50% - 15px); } } @media only screen and (max-width:767px){ .benefit-item {width: 100%; } .benefit-list-nav{display:flex;align-items: center;justify-content:space-between;position:absolute;top: 50%;left:50%;transform:translate(-50%,-50%);width: calc(100% + 107px);pointer-events: none;} .benefit-list-nav button{width: 36px;height: 36px;border:0;border-radius:50%;background: var(--seconday-color);color: #fff;pointer-events: all;} .benefit-list-holder-wrap{max-width: 240px;margin-left:auto;margin-right:auto;position: relative;} .benefit-list-holder{display:block;} .benefit-list-holder .slick-slide{margin:0 5px} .slick-slide .benefit-item{opacity:0.5;transition: 0.4s} .slick-slide.slick-active .benefit-item{opacity:1} .benefit-list-holder .slick-list{margin:0 -5px;overflow:visible;} .benefit-sec{overflow:hidden;} } /*benefit end*/ /*pageContent start*/ .pageContent{position:relative;} .pageContent-logo-outline{position:absolute;top:45%;max-width: 13vw;min-width:100px;left:0} .pageContent p{ line-height: 1.5} .pageContent h1{font-size:var(--fs-14);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-50);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 a{ color:var(--body-font-color); } .pageContent p a:hover{ color:var(--main-clr); } .pageContent .btncn { margin-bottom:50px; } .pageContent .icon-list-holder{margin-bottom:30px} .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:8px 5px 5px 10px; position: absolute; top: 0; left: 0;font-family:var(--headfont); } .pageContent ol li {position: relative; padding: 8px 0 35px 70px; } .pageContent ol li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); } .pageContent blockquote {padding:24px 34px 10px; background: #e8eeee; margin: 0px 0 30px; } .pageContent blockquote h4{padding-bottom:10px} .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 ul li strong:first-child {display: block; font-size: var(--fs-24); font-weight: 400; font-family: var(--headfont); } .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 } .pageContent .btncn{display:inline-block;} .pageContent .accordian-new{padding-bottom:40px} .pageContent h3.clcikbtn-new{font-size: var(--fs-20);font-family: var(--bodyfont);font-weight: 500;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: 20px;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{ 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:not(a),.pageContentText ul:last-child li:last-child,.pageContentText ol:last-child li:last-child{margin-bottom:0;padding-bottom:0} .pageContentText > a:last-child{margin-bottom:0} @media only screen and (max-width:991px){ .pageContent blockquote {padding: 15px 15px 15px; } .pageContent ul li{padding-left: 25px} .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:after{font-size:15px} } /*pageContent end*/ /*sidebar start*/ .sidebarFormHolder{ padding:0; margin:0px;} .sidebarFormHolder h2{font-weight: 300; font-size: var(--fs-36);color: var(--body-font-color);padding:0 10px 25px} .sidebarFormHolder h2 strong{font-weight: 600;} .sidebarContent{padding: 55px 0 0;background: var(--light-bg);} .sidebar p{ text-align-last:center;} @media only screen and (min-width:992px){ .sidebar,.sidebarFormHolder{height: 100%} .sidebarContent{position: sticky;top: 70px;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,.sidebar-form .inputHolder textarea{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 textarea{min-height: 97px} .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 28px!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{background:var(--hover-color)!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/arrowDown2.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 20px!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 10px 20px!important} } /*sidebar form 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);} .blogTop{padding: 12px 25px;margin:0 0 30px 0;display:flex;align-items: center;background:#e7eded;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/arrowDown.png);background-repeat: no-repeat;background-position: 100% center;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;font-family:var(--headfont);} .categotyDropdown select option{ color:#fff;background:var(--body-font-color); } .blogDtlsTitle h1,.blogDtlsTitle h2{font-size:var(--fs-60);} .blog-feature-img img{display:block;margin:0 auto;width:100%} @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:16px;font-size:var(--fs-16);margin:0 } .sortBy{ width:100%; border-bottom: 1px solid #1d1b2642;font-size:var(--fs-16);padding:5px 0 3px } .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: 2px solid #728f94;} .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;} /*contact SECTION end*/ /* Popup Wrapper */ #sp-bottom-popup { position: fixed; bottom: 40px; left: 0; width: 70%; background: #05B6C6; padding: 10px 20px; z-index: 99999; box-shadow: 0 -3px 12px rgba(0,0,0,0.15); display: flex; justify-content: center; left: 15%; border-radius: 15px; } #sp-bottom-popup .sp-popup-inner { max-width: 1200px; width: 100%; display: flex; align-items: centre; justify-content: space-between; gap: 30px; } #sp-bottom-popup h3 { margin: 0 0 -2px; font-size: 22px; font-weight: 700; padding: 0; color: white; } #sp-bottom-popup p { margin: 0; font-size: 17px; padding: 0; color: white; } #sp-bottom-popup .close-popup { position: absolute; top: 12px; right: 20px; background: transparent; border: none; font-size: 26px; cursor: pointer; } /* Gravity Form */ #sp-bottom-popup .sp-form { min-width: 340px; margin-top: 10px; } @media(max-width: 768px){ #sp-bottom-popup { padding: 10px 20px; width: 80%; left: 10%; bottom: 50px; } #sp-bottom-popup .sp-popup-inner { flex-direction: column; text-align: centre; gap: 15px; } } body #gform_fields_3 {row-gap: 10px !important;} body #gform_wrapper_3 .gform-footer {margin: 0 !important;} body #gform_submit_button_3 { background: #ffffff; color: #05B6C6 !important; border: none; padding: 10px 20px; font-weight: 600; border-radius: 17px; cursor: pointer; } .before-after-img-without-slider img:first-child{/* border-bottom:4px solid #05B6C6; */} .twentytwenty-container-without-slider.before-after-img-without-slider img{object-fit: cover;/* aspect-ratio: 6 / 4; */height: 100%;width: 100%;}