/* Theme Name: Raquel Britzke Author: WebSkitters Description: Property Listing Site Version: 1.0 */ /* Google Fonts loaded via preload for performance see WPCode snippet */ .bnr-round-img2, a { -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out } .modal-design .modal-body, a, body { padding: 0 } a, input[type=submit] { -webkit-transition: .3s ease-in-out; outline: 0 !important } .slick-next::before, .slick-prev::before { font-size: 20px; font-family: FontAwesome; left: 50% } .bannerimg, .bimg, .blogSection, .bnr-round-img, .bpara, .form-round-img, .gal-img, .homebanner, .imgratio, .innerbanner, .left-right-sec, .service-sec, .text-scroll-sec, .trnsfmtn-sec, .video-play, .video-poster { overflow: hidden } .bnr-round-img img, .mission-bottom figure img { max-height: 100%; max-width: 100% } #scroll, .accordion-button::after, .bnr-round-img2, .btext .btop span:first-child em, .btn, .btn-white, .info-box, .info-box2, .mission-sec .sec-head, .not-found-page .page-content, .slick-dots, .social a i, .step-box, .text-box, .video-text { text-align: center } .bannerimg img, .blog-thumb-image img, .formimg, .gal-img img, .imgratio img, .ser-img img, .stry-img img, .team-img img { object-fit: cover } @font-face { font-family: "Cooper BT W01 Light"; src: url("fonts/Cooper BT W01 Light.eot"); src: url("fonts/Cooper BT W01 Light.eot?#iefix") format("embedded-opentype"), url("fonts/Cooper BT W01 Light.woff") format("woff"), url("fonts/Cooper BT W01 Light.woff2") format("woff2"), url("fonts/Cooper BT W01 Light.ttf") format("truetype"), url("fonts/Cooper BT W01 Light.svg#Cooper BT W01 Light") format("svg"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: ft_regola_neue_medium; src: url("fonts/ftregolaneue-medium-webfont.eot"); src: url("fonts/ftregolaneue-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ftregolaneue-medium-webfont.woff2") format("woff2"), url("fonts/ftregolaneue-medium-webfont.woff") format("woff"), url("fonts/ftregolaneue-medium-webfont.ttf") format("truetype"), url("fonts/ftregolaneue-medium-webfont.svg#ft_regola_neuemedium") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: ft_regola_neue; src: url("fonts/ftregolaneue-regular.6afaafc-webfont.eot"); src: url("fonts/ftregolaneue-regular.6afaafc-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ftregolaneue-regular.6afaafc-webfont.woff2") format("woff2"), url("fonts/ftregolaneue-regular.6afaafc-webfont.woff") format("woff"), url("fonts/ftregolaneue-regular.6afaafc-webfont.ttf") format("truetype"), url("fonts/ftregolaneue-regular.6afaafc-webfont.svg#ft_regola_neueregular") format("svg"); font-weight: 400; font-style: normal } :root { --font-heading: "Basis-Grotesque-Arabic-Pro-Bld"; --font-body: "Basis-Grotesque-Arabic-Pro"; --font-cooperLight: "Cooper BT W01 Light"; --font-neue: "ft_regola_neue"; --font-neue-m: "ft_regola_neue_medium"; --darkGreen: #294021; --Black: #000; --White: #ffffff; --YellowLight: #ffff5e; --Rich-Black: #272220; --Light-Gray: #f5f5f5; --Light-Gray2: #e1e1e1; scroll-behavior: smooth } body { margin: 0; font-family: var(--font-neue); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; font-weight: 300; font-style: normal; color: var(--darkGreen); font-size: 16px; line-height: 1.7; background-color: #fff } a:focus, a:hover { color: var(--Purple1) } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; padding: 0; color: var(--dark-Blue); font-style: normal } .bannertext-para p:last-child, .blog-detail-header .athr-name, .copyright p, .form-wrap p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child { margin-bottom: 0 } .h1-title, h1 { font-weight: 500; font-size: 96px; line-height: 7rem; font-family: var(--font-neue-m); color: var(--darkGreen) } #scroll i, .h4-title, h4 { font-size: 28px } .h2-title, .stry-text p strong, .varbl strong, h2 { font-weight: 500; font-family: var(--font-neue-m); color: var(--darkGreen) } .h1-title strong, .h2-title strong, h1 strong, h2 strong { font-weight: inherit; color: var(--darkGreen); font-family: var(--font-cooperLight) } .h3-title, h3 { font-weight: 400; line-height: 1.5rem; color: var(--darkGreen); font-family: var(--font-cooperLight) } .h4-title, .h5-title, .h6-title, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700 } .h4-title, h4 { line-height: 2rem; color: var(--Rich-Black) } .h5-title, h5 { line-height: 1.6rem; color: var(--dark-Blue) } .h6-title, h6 { font-size: 18px; line-height: 1.2rem; color: var(--Rich-Black) } .stepModal h3, b, strong { font-weight: 700 } p { margin: 0 0 16px } a { margin: 0; text-decoration: none !important; color: #ecb61e; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out } a:hover { color: red } img { max-width: 100% } input[type=email], input[type=password], input[type=tel], input[type=text], select { background-color: transparent; width: 100%; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: #000; border: 1px solid rgba(255, 255, 255, .7); height: 58px; padding: 0 16px; outline: 0 !important } select, textarea { -webkit-appearance: none; width: 100% } #scroll, #scroll:hover, #scroll:hover i, .accordion-body a, .bannertext h1, .bannertext-wrap, .bpara, .btext h3, .contact-left ul li a, .expand-text-btn i, .fbox ul li a, .footermain, .footermain .h4-title, .form-wrap p, .info-box .h5-title, .info-box p, .mission-text h5, .navbar-nav>li>a, .readmore, .subheading, .text-box, input[type=submit] { color: var(--darkGreen) } textarea { background-color: transparent; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 1px solid rgba(255, 255, 255, .7); padding: 12px 16px; color: #000; height: 158px; outline: 0 !important } select { border: 1px solid rgba(255, 255, 255, .7); padding: 0 15px 0 11px; outline: 0; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } select::-ms-expand { display: none } input[type=submit] { background: var(--YellowLight); height: 50px; line-height: 50px; border: 1px solid var(--darkGreen); -webkit-appearance: none; appearance: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; min-width: 160px; cursor: pointer; font-size: 16px; font-weight: 400; padding: 0 30px; transition: .3s ease-in-out; margin-top: 35px } .bdate, .bpara, .btext .btop span:nth-child(2), .copyright, .fbox ul li p, .pagination li { font-size: 14px } input[type=submit]:where(:hover, :focus) { background: var(--darkGreen) !important; color: var(--White) !important } ::-webkit-input-placeholder { opacity: .7; color: #000 } :-ms-input-placeholder { opacity: .7; color: #000 } ::-moz-placeholder { opacity: .7; color: #000 } :-moz-placeholder { opacity: .7; color: #000 } .imgratio { position: relative; padding-top: 100%; width: 100%; margin: 0 } .imgratio img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out } .pagination { margin: 50px 0 0; padding: 0 } .pagination li { width: 32px; margin: 0 2px; height: 36px; line-height: 34px; color: var(--Black); font-family: var(--font-neue) } .pagination li img { margin-top: -3px; transition: .3s ease-in-out } .pagination li a, .pagination li span { display: flex; border-radius: 4px; height: 100%; font-size: 14px; width: 100%; align-items: center; justify-content: center; text-align: center; color: var(--darkGreen); line-height: inherit; padding: 0; background-color: #ebe5d9; border: 1px solid; outline: 0 !important; box-shadow: none !important } .btn, .navbar-nav>li>a { font-size: 16px; line-height: normal; font-weight: 400 } .pagination li.next, .pagination li.prev { min-width: 76px } .pagination li.prev i { margin-right: 7px; flex-shrink: 0; font-size: 12px } .pagination li.next i { margin-left: 7px; flex-shrink: 0; font-size: 12px } .pagination li a:focus, .pagination li a:hover, .pagination li.active a, .tb-content .pagination .page-numbers.current, .tb-content .pagination .page-numbers:hover { background-color: var(--darkGreen) !important; border-color: var(--darkGreen) !important; color: var(--White) !important } .pagination li.disabled a, .pagination li.disabled span { color: rgb(41 64 33 / 18%) } #scroll i, .btext h3:hover, .contact-left ul li a:hover, .copyright a:hover, .fbox ul li a:hover, .fsocial a:hover i, .navbar-nav>li.current-menu-item>a, .navbar-nav>li.menu-item-has-children:hover>a, .navbar-nav>li>a:hover, .readmore:hover, .top-header a:hover { color: var(--Black) } .pagination li:hover a img { filter: brightness(0) invert(1) } .alignright { float: right; margin: 0 0 20px 20px } .alignleft { float: left; margin: 0 20px 20px 0 } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; float: none; clear: both } .form_input_check label { position: relative; margin: 0; padding-left: 40px; display: inline-block } .footermain .fsocial a i, .form_input_check label span, .form_input_radio label span { margin: 0; padding: 0 } .form_input_check label input[type=checkbox], .form_input_radio label input[type=radio] { visibility: hidden; display: none } .form_input_check label input[type=checkbox]+span::before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border: 1px solid #3e3e42; background: 0 0 } .form_input_check label input[type=checkbox]+span::after { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; -webkit-transition: .2s; transition: .2s; background: url(images/tick.svg) center center/15px no-repeat } .form_input_check label input[type=checkbox]:not(:checked)+span::after, .form_input_radio label input[type=radio]:not(:checked)+span::after { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .form_input_check label input[type=checkbox]:checked+span:after, .form_input_radio label input[type=radio]:checked+span:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .form_input_radio label { position: relative; margin: 0; padding-left: 30px; display: inline-block } .form_input_radio label input[type=radio]+span::before { content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border: 2px solid #000; border-radius: 100%; background: #fff } .form_input_radio label input[type=radio]+span::after { content: ""; width: 12px; height: 12px; background: #4b0049; position: absolute; top: 6px; left: 5px; border-radius: 100%; -webkit-transition: .2s; transition: .2s } #scroll, #scroll i { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } #scroll { position: fixed; right: 20px; bottom: 20px; width: 55px; height: 55px; background-color: var(--White); border: 1px solid var(--White); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 68px; cursor: pointer; display: none !important; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); z-index: 9 } #scroll:hover { background: var(--White); border-color: var(--darkGreen) } #scroll:hover i { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .navbar-brand { padding: 0; margin: 0; display: block; flex-shrink: 0 } .hidden-item, .navbar-collapse .navbar-toggler, .sub-menu { display: none } .htw-icon img, .navbar-brand img { max-height: 100% } .navbar { background: 0 0; margin: 0; padding: 0; min-height: inherit; height: inherit; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0 } .main-head, .page-body { background-color: #ebe5d9 } .navbar-nav { padding-left: 0 } .navbar-nav li { position: relative; list-style: none } .navbar-nav>li { margin: 0 50px 0 0; padding: 0; position: relative } .navbar-nav>li:last-child, .tb-list ul li:last-child { margin-right: 0 } .navbar-nav>li:first-child { margin-left: 0 } .navbar-nav>li>a { padding: 5px 0; display: block; font-family: var(--font-neue); position: relative; text-transform: capitalize } .navbar-nav>li>a:after { content: ""; background: var(--darkGreen) } .modal-design .btn-close:hover, .navbar-nav>li.current-menu-item>a:after, .navbar-nav>li.menu-item-has-children:hover>a:after, .navbar-nav>li>a:hover:after, .ser-box:hover::before, .slick-next:hover, .slick-prev:hover { opacity: 1 } .sub-menu { position: absolute; top: 100%; left: 0; z-index: 1000; border: 1px solid rgba(0, 0, 0, .15); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 220px; padding: 0 } .sub-menu>li>a { color: #000; display: block; width: 100%; padding: 6px 10px; line-height: 1.2 } .sub-menu>li { width: 100%; display: block } .sub-menu>li.current-menu-item>a, .sub-menu>li.menu-item-has-children:hover>a, .sub-menu>li>a:hover { background: #eab71e; color: #fff } .navbar-nav>li:last-child>.sub-menu { right: 0; left: inherit; padding: 0 } .navbar-nav>li>.sub-menu .sub-menu { position: absolute; left: 100%; top: 0 } .navbar-collapse { max-width: fit-content } .btext .readmore, .fbox ul li a { display: inline-flex } #navoverlay { display: block; pointer-events: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: 0 0; margin: 0; padding: 0; z-index: 99; -webkit-transition: background-color .5s linear; transition: background-color .5s linear } .btn { position: relative; border: 1px solid transparent; padding: 15px 30px; min-width: 140px; border-radius: 30px; font-family: var(--font-cooperLight) } .bannerimg img, .bimg, .btext h3, .btn img, .expand-text-btn i, .gal-img img, .gal-img::before, .htw-box::before, .lbox, .readmore, .readmore img, .ser-box::before, .ser-text, .social a i, .step-box, .tb-list ul li a::after, .text-box, .view-details { transition: .3s ease-in-out } .btn:hover img, .readmore:hover img { transform: translateX(7px) } .book-now-ser .btn.btn-outline-dark, .btn.btn-primary, .hright .btn.btn-outline-dark, .order-now-btn .btn.btn-outline-dark { background-color: var(--YellowLight); color: var(--darkGreen); border-color: var(--darkGreen) } .btn.btn-primary:where(:hover, :active) { background-color: var(--darkGreen); color: var(--White); border-color: var(--darkGreen) } .btn.btn-outline-light { background-color: transparent; color: var(--color-white); border-color: var(--color-white) } .btn.btn-outline-light:where(:hover, :active) { background-color: var(--color-para); color: var(--color-main); border-color: var(--color-main) } .btn.btn-dark { background-color: var(--Rich-Black); color: var(--White); border-color: var(--Rich-Black) } .btn.btn-dark:where(:hover, :active) { background-color: var(--dark-Blue); color: var(--White); border-color: var(--dark-Blue) } .btn.btn-outline-dark { background-color: transparent; color: var(--darkGreen); border-color: var(--darkGreen) } .slick-next::before, .slick-prev::before { color: inherit; top: 50%; position: absolute } .btn.btn-outline-dark:where(:hover, :active) { background-color: var(--Rich-Black); color: var(--White); border-color: var(--Rich-Black) } .btn.mw-auto { min-width: auto !important } .py60, .sec-space { padding: 60px 0 } .main-head { position: sticky; padding: 15px 0; border-bottom: 2px solid var(--darkGreen); top: 0; left: 0; z-index: 91 } .main-head .navbar { position: initial } .hright .btn { padding: 11px 30px } .search-btn { padding: 10px; margin: 0 10px } .plus-btn { padding: 5px; margin-left: 12px } .slick-dots button { width: 12px; height: 12px; border: 1px solid #000; background-color: #ccc; border-radius: 100%; outline: 0; box-shadow: none; font-size: 0; padding: 0; display: block; margin: 3px } .slick-dots .slick-active button { background-color: var(--color-main); border-color: var(--color-main) } .slick-dots { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; list-style: none; margin: 0; padding: 0 } .flogo, .slick-dots li, .social a { display: inline-block; vertical-align: top } .expand-text-btn i, .readmore img { vertical-align: middle } .slick-next, .slick-prev { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); z-index: 9; width: 50px; height: 50px; color: var(--White); background-color: var(--darkGreen); font-size: 0; border: none !important; box-shadow: none; outline: 0; border-radius: 100%; opacity: .5; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out } .bannerbox, .bannerimg, .bannertext, .bannertext-wrap, .blog-box, .bnr-img-col, .fbox ul li a, .footermain, .form-wrap, .gal-img, .info-col, .price_col { position: relative } .slick-next::before, .slick-prev::before, .video-play { transform: translate(-50%, -50%) } .slick-next { left: auto; right: 20px } .slick-prev::before { content: "\f104" } .slick-next::before { content: "\f105" } .bannertext h1, .blog-inner-txt h3, .blog-inner-txt h4, .blog-inner-txt h5, .blog-inner-txt h6, .blog-inner-txt ul, .footermain .h4-title { font-family: var(--font-neue-m); font-weight: 500 } .bannertext { z-index: 1; padding-right: 60px } .bannertext-wrap { font-size: 18px; font-family: var(--font-neue); line-height: 1.8rem; font-weight: 300; max-width: 765px } .bannertext h1 strong, .info-box2 p, .readmore, .stry-text h2 span, .stry-text h3, .tb-list ul li a { font-family: var(--font-cooperLight) } .bnr-round-img { position: absolute; left: -51px; bottom: 160px; width: 153px; height: 153px; border-radius: 100%; background-color: var(--YellowLight) } .bnr-round-img2 { position: fixed; right: 10px; top: 40%; z-index: 99; display: block; width: 80px; height: 80px; line-height: 80px; border-radius: 100%; background: #fff; cursor: pointer; box-shadow: 0 0 15px #e4e4e4; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out } .bannerimg, .bannerimg img, .gal-img img { width: 100%; height: 100% } .bannertext p { padding-right: 65px } .bannertext .btn, .tb-list { margin-top: 35px } .pbox h3, .stext h3 { font-family: var(--font-heading); text-transform: uppercase; font-size: 30px } .bannertext h1 strong { font-weight: 400; color: inherit } .bdate, .btext .btop, .social a i { color: var(--Slate4) } .bannerimg { margin: 0; min-height: 602px; border-radius: 30px } .bannerimg img, .fbox .contact-nav li span { position: absolute; left: 0; top: 0 } .blog-row { margin: -20px } .blog-row [class*=col-] { padding: 20px } .row-gap40 { margin-bottom: -40px } .row-gap40>[class*=col-] { padding-bottom: 40px } .blog-box { display: block; height: 100% } .bimg { padding-top: 100%; border-radius: 20px } .pt110 { padding-top: 110% } .blog-box:hover .bimg { box-shadow: 0 15px 15px #b7b7b7 } .realted .bimg { padding-top: 72% } .btext { padding: 30px 0 } .btext h3 { line-height: 1.8rem; margin-bottom: 20px } .btext .readmore { margin-top: 25px; vertical-align: top } .btext .readmore img { margin-left: 10px } .btext .btop { margin-bottom: 26px } .accordion-item:not(:last-child), .bdate, .health-text-para, .mb-20, .modal-design .h2-title, .stext .spara, .transfrm-head p { margin-bottom: 20px } .btext .btop span, .h5-title, h5 { font-size: 18px } #kajabi-form input[type=email], #kajabi-form input[type=password], #kajabi-form input[type=tel], #kajabi-form input[type=text], #kajabi-form textarea, .form-sec .gform_wrapper textarea { font-size: 14px !important; background-color: #ebe5d9 !important; color: var(--darkGreen) !important } .btext .btop span:first-child em { background-color: #bdbdbd; color: var(--White); width: 24px; height: 24px; line-height: 26px; display: inline-block; border-radius: 100%; font-size: 12px; font-style: normal } .readmore { font-size: 16px; line-height: 1rem } .bpara { font-weight: 400; line-height: 24px; font-family: var(--font-neue); height: 72px; margin-bottom: auto; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical } .copyright-show .copyright, .gal-img, .pbox, .sbox, .step-box, .video-poster { display: block } .bpara p { color: inherit } .pbox h3 { line-height: 30px; font-weight: 600; margin: 30px 0 21px } .pbox { border-bottom: 1px solid #000 } .sbox { background-color: #fff } .stext { padding: 35px 40px 45px } .stext h3 { line-height: 32px; font-weight: 700; margin: 0 0 20px } .stext .spara { min-height: 78px; line-height: 26px } .home-service { background-color: #636466 } .home-service h2 { color: var(--color-white) } .sbox .imgratio { padding-top: 60% } .gal-img { padding-top: 100%; border-radius: 30px } .gal-img::before { content: ""; position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; border-radius: 100%; background: url(images/zoom.png) center no-repeat #28402187; transform: translate(-50%, -50%) scale(0); z-index: 1; opacity: 0; backdrop-filter: blur(4px) } .gal-img:hover::before { opacity: 1; transform: translate(-50%, -50%) scale(1) } .gal-img img { position: absolute; top: 0; left: 0 } .gal-img:hover img { transform: scale(1.2) } .footermain { padding: 80px 0 0; background-color: #deccba } .footermain .h3-title { font-size: 24px; line-height: 1.4rem; margin-bottom: 30px } .column-count2 { column-count: 2 } .fpara { margin-bottom: 25px; line-height: 28px } .footermain .h4-title { font-size: 20px; line-height: normal; text-transform: capitalize; margin-bottom: 25px } .copyright, .top-header { text-transform: uppercase } .flogo, .form-wrap p { margin-bottom: 30px } .social a { margin: 2px 8px } .social a i { width: 38px; height: 38px; line-height: 38px; font-size: 20px; border: 1px solid var(--Slate4); border-radius: 100% } .social a i:hover { background-color: var(--White); border-color: var(--Rich-Black); color: var(--Rich-Black) } .social a:focus i { background-color: var(--White); border-color: var(--Purple1); color: var(--Purple1) } .fbox ul { margin: 0; padding: 0; list-style: none; font-size: 15px; font-weight: 400 } .fbox .btn { margin-top: 20px; height: 40px; line-height: 38px } .blog-inner-txt .blog-quote, .mission-text h4, .mission-text h5 { line-height: 1.9rem; font-family: var(--font-neue-m); font-weight: 500 } .fbox .form-control, .fbox .gform_wrapper input[type=text] { box-shadow: none !important; height: 36px !important; border-width: 0 0 1px !important; border-color: var(--darkGreen) !important; border-radius: 0 !important; padding: 0 0 15px !important; background-color: transparent !important } .fbox ul li, .jurny_step_bx .htw-para { margin-bottom: 10px } .fbox .contact-nav li { padding-left: 34px; position: relative; margin-bottom: 18px } .copyright { color: rgb(41 64 33 / 70%); padding: 20px 0; border-top: 1px solid #a9a9a9; margin-top: 80px; letter-spacing: 3px } .copyright-show .footermain { padding-bottom: 0 } .footer-logo { margin-top: 45px } .copyright p a { color: inherit; margin-bottom: 0 } .fsocial { margin: 0 -10px } .fsocial a i { font-size: 28px; color: var(--darkGreen); padding: 5px; margin: 0 8px } .blog-inner-txt ul li, .whychoose-right ul li { padding-left: 37px; background: url(images/tick.svg) left top no-repeat } .langSelect { width: 80px; background-size: 10px; height: 40px; border: 1px solid var(--Black); border-radius: 5px; background-position-x: 90%; padding-right: 25px; margin-left: 20px } .border-b, .homebanner { border-bottom: 2px solid var(--darkGreen) } ::-webkit-scrollbar { width: 3px } ::-webkit-scrollbar-track { background: #f1f1f1 } ::-webkit-scrollbar-thumb { background: var(--Rich-Black) } ::-webkit-scrollbar-thumb:hover { background: var(--Rich-Black) } .bnr-img-col::before, .form-wrap::before { width: 2px; background-color: var(--darkGreen); content: "" } .video-text { font-size: 12px; line-height: 1rem; color: #707077; margin-top: 10px } .form-control, .step-box { color: var(--darkGreen) !important } .blogfindCity-box { padding-top: 50px } .bnr-img-col { padding-left: 70px } .bnr-img-col::before { position: absolute; top: -350px; bottom: -350px; left: 26px } .border-t { border-top: 2px solid var(--darkGreen) } .border-l { border-left: 2px solid var(--darkGreen) } .border-r, .contact-left, .form-part { border-right: 2px solid var(--darkGreen) } .pl50 { padding-left: 50px } .pr50 { padding-right: 50px } .radius30 { border-radius: 30px } .form-control { border: 1px solid #a8b8a6 !important; border-radius: 30px !important; padding: 0 30px !important; height: 50px !important; font-size: 14px; box-shadow: none !important; outline: 0 !important; background-color: #ebe5d9 !important } .form-control:focus, .form-wrap .gform_wrapper input[type=email]:focus, .form-wrap .gform_wrapper input[type=text]:focus { border-color: var(--darkGreen) !important } .form-control::placeholder { color: rgb(41 64 33 / 60%) } .form-wrap { padding: 98px 10% 90px 140px } .form-wrap::before { position: absolute; left: 12px; top: 0; bottom: 0 } .form-img { min-height: 367px } .form-round-img { position: absolute; left: -54px; bottom: 104px; width: 130px; height: 130px; border-radius: 100%; background-color: var(--YellowLight) } .meal-form-sec figure, .popup-img { margin: 0 } .faq-box h2, .mb-40, .team-member-sec .mission-wrapper:not(:last-child), .trnsfmtn-sec .subheading { margin-bottom: 40px } .px60 { padding: 0 60px } .pr60 { padding-right: 60px } .pr40 { padding-right: 40px } .pl60 { padding-left: 60px } .mission-text, .pl40 { padding-left: 40px } .text-box { padding: 25px 30px; font-size: 20px; line-height: normal } .text-box:hover { background-color: rgb(255 255 255 / 40%) } /* ===== TEXT SCROLL TICKER ===== */ .text-scroll-sec { padding: 14px 0; background: #d4c9b9; overflow: hidden } .text-slide { display: flex; flex-direction: row; align-items: center; white-space: nowrap; width: max-content; animation: textScrollTicker 25s linear infinite } .text-slide:hover { animation-play-state: paused } .text-box { display: inline-flex; align-items: center; flex-shrink: 0; padding: 5px 30px; font-size: 16px; line-height: normal; white-space: nowrap } .text-box::after { content: "✦"; margin-left: 30px; color: #3d5a1e; font-size: 12px } @keyframes textScrollTicker { 0% { transform: translateX(0) } 100% { transform: translateX(-50%) } } .mission-sec { margin-top: 18px; padding-bottom: 60px } .mission-sec .sec-head { max-width: 800px; margin: 0 auto 50px } .video-poster { position: relative; border-radius: 30px } .video-play { position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; border-radius: 100%; background: rgb(255 255 255 / 34%) center no-repeat; z-index: 1; backdrop-filter: blur(20px); animation: 4s linear infinite animate-pulse } .form2-round-img, .htw-mobile-slider .slick-arrow[class*=slick-]:hover, .service-slider .slick-arrow[class*=slick-]:hover, .slick-dots .slick-active button { background-color: var(--YellowLight) } @keyframes animate-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .7), 0 0 0 0 rgba(255, 255, 255, .7) } 40% { box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, .7) } 80% { box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0) } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0) } } .blog-inner-txt .blog-quote, .mission-text h4 { font-size: 18px; color: var(--darkGreen); border-left: 3px solid var(--darkGreen); padding-left: 24px } .blog-inner-txt ul, .contact-left ul, .whychoose-right ul { padding-left: 0; list-style: none } .mission-text h5 { font-size: 20px; margin-bottom: 30px } .info-box .h5-title, .info-box p { font-family: var(--font-cooperLight); font-weight: 400 } .mission-text .h3-title, .mission-text h3 { margin-bottom: 28px } .essential-cntnt-wpr, .mission-wrapper { border: 2px solid var(--darkGreen); padding: 50px 60px; border-radius: 30px } .mission-bottom { margin-top: 25px; margin-left: 40px } .mission-bottom figure { display: flex; align-items: center; height: 45px; margin-right: 25px } .mission-bottom figure img { object-fit: contain } .subheading { font-family: var(--font-neue-m); line-height: normal; font-weight: 500 } .accordion-button, .stepCount, .varbl { font-family: var(--font-neue) } .step-box { padding: 40px; height: 100%; position: relative } .btn-white, .new-price-sec .price_wrppr h2, .new-price-sec .price_wrppr h3, .ser-text h3 { color: var(--White) } .service-slider .slick-track, .step-icon { display: flex } .view-details { opacity: 0; position: absolute; bottom: -20px; left: 0; right: 0; max-width: fit-content; margin: 0 auto } .step-box:hover .view-details { opacity: 1; bottom: 20px } .step-box:hover { background-color: #f1eee9; box-shadow: 0 0 15px #ccc; height: calc(100% + 50px) !important; transform: translateY(-25px) } .step-icon { height: 125px; align-items: center; justify-content: center; margin: 0 0 25px } .step-box h3 { font-size: 20px; margin-bottom: 15px; line-height: 1.3rem } .step-para { font-size: 14px; line-height: 1.4rem } .step-col { margin-top: 30px } .btn-center { margin-top: 50px } .slick-slider.gal-slider { margin: 0 -20px } .gal-slider .slick-slide { padding: 0 20px } .gal-slider .slick-next, .gal-slider .slick-prev { position: absolute; right: 20px; top: -55px; font-size: 0; opacity: 1; height: 30px; border-radius: 0; width: 40px } .gal-slider .slick-next:hover, .gal-slider .slick-prev:hover { background-color: var(--YellowLight) !important } .gal-slider .slick-next::before, .gal-slider .slick-prev::before, .htw-mobile-slider .slick-arrow[class*=slick-]::before, .service-slider [class*=slick-]::before { content: none } .gal-slider .slick-prev { background: url(images/angle-left.svg) center left 18px no-repeat; left: auto; right: 60px; border: 1px solid var(--darkGreen) !important; border-width: 1px 0 1px 1px !important; border-radius: 20px 0 0 20px } .gal-slider .slick-next { background: url(images/angle-right.svg) center right 18px no-repeat; border: 1px solid var(--darkGreen) !important; border-width: 1px 1px 1px 0 !important; border-radius: 0 20px 20px 0 } .ser-box, .ser-img { position: relative; border-radius: 22px; overflow: hidden } .ser-img { padding-top: 116%; width: 100%; margin: 0 } .ser-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .service-slider .blog-box { position: relative; padding-bottom: 20px } .service-slider .btext .readmore { position: absolute; bottom: 0; left: 0 } .service-slider .slick-slide { height: auto !important; padding: 0 12px } .ser-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 36px 30px; z-index: 1 } .ser-box::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%); background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%); opacity: .7; z-index: 1 } .ser-text h3 { line-height: 2.3rem; margin-bottom: 25px } .essential-para-list>ul>li li, .htw-box h3 { margin-bottom: 8px } .service-slider { margin: 0 -12px; width: 100vw } @media screen and (min-width:1800px) { .service-slider { width: 95vw } } @media screen and (min-width:1920px) { .service-slider { width: 90vw } } .btn-white { padding: 7px 15px; min-width: 130px; border: 1px solid var(--White); border-radius: 30px; font-size: 14px; display: inline-block; vertical-align: top } .btn-white:where(:hover, :focus) { background-color: var(--darkGreen); color: var(--White) !important } .htw-mobile-slider .slick-arrow[class*=slick-], .service-slider .slick-arrow[class*=slick-] { font-size: 0; opacity: 1; left: auto; height: 30px; width: 40px; top: -20px } .htw-sec { overflow-x: hidden } .htw-mobile-slider .slick-prev, .service-slider .slick-prev { right: calc((100% - 1060px)/ 2); background: url(images/angle-left.svg) center left 18px no-repeat; border: 1px solid var(--darkGreen) !important; border-width: 1px 0 1px 1px !important; border-radius: 20px 0 0 20px } .htw-mobile-slider .slick-next, .service-slider .slick-next { right: calc((100% - 1140px)/ 2); background: url(images/angle-right.svg) center right 18px no-repeat; border: 1px solid var(--darkGreen) !important; border-width: 1px 1px 1px 0 !important; border-radius: 0 20px 20px 0 } .htw-icon { display: flex; align-items: center; justify-content: center; max-width: fit-content; margin: 0 0 25px } .stepCount { color: #2e3e23; font-size: 14px; line-height: normal; font-weight: 600; margin-bottom: 6px } .htw-box h3 { font-size: 24px; line-height: normal; font-family: var(--font-cooperLight) } .htw-para { font-size: 14px; line-height: 24px } .htw-box { position: relative; max-width: 314px; cursor: pointer } .htw-box::before { content: ""; position: absolute; top: 0; right: 0; border-right: 2px solid var(--darkGreen); border-top: 2px solid var(--darkGreen); opacity: 0; width: 0; height: 0 } .htw-box:hover::before { width: 100px; height: 100px; opacity: .5 } .l-row { margin: -15px; flex-wrap: wrap } .l-col { padding: 15px; max-width: 20% } .lbox { width: 202px; height: 102px; max-width: 100%; border: 1px solid var(--darkGreen); border-radius: 10px; display: flex; align-items: center; justify-content: center } .lbox:hover { box-shadow: 0 0 23px #2940217a } .accordion-button, .form-sec .gform_wrapper textarea, .modal-design .btn-close, .tb-content .pagination .page-numbers { box-shadow: none !important; outline: 0 !important } .team-img { display: block; width: 100% } .team-img img { mix-blend-mode: multiply } .info-box { max-width: 212px; margin: 0 auto } .info-box figure, .info-box2 figure { height: 95px; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; max-width: fit-content } .info-box .h5-title { font-size: 40px; line-height: normal } .info-box p { line-height: 1.8rem } .btn-small-head, .btn-small-head strong, .stry-text h2 { font-weight: 500 } .slick-current.info-col::after { content: "" !important; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #294021; background: -moz-linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%) } @media screen and (min-width:576px) { .info-col::after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #294021; background: -moz-linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%) } .info-col:last-child:after { content: none } .htw-mobile-slider .slick-dots { display: none !important } } .expand-text-btn { font-size: 17px; display: inline-block; position: relative; vertical-align: top; margin-top: 10px; padding-right: 20px } .whatsapp-icon { position: fixed; right: 10px; bottom: 10px; z-index: 9; display: none } .expand-text-btn i { font-size: 90%; width: 15px; height: 15px; position: absolute; right: 0; top: 5px; margin: 0 } .active .expand-text-btn i { transform: rotate(-90deg) } textarea.form-control { height: 116px !important; padding-top: 16px !important; resize: none } .form-part { padding: 170px 90px 170px 0; min-height: 100% } .stry-row { max-width: 1280px; margin: 0 auto } @media (min-width:992px) { .font47 { font-size: 47px !important } .colcount2 { padding-left: 80px } .colcount4 { padding-left: 60px } .blog-col:nth-child(odd) { padding-right: 35px } .blog-col:nth-child(2n) { padding-left: 35px } .blog-col:first-child, .blog-col:nth-child(2) { border: none } .form-sec .formimg { margin-top: 30px; margin-bottom: 30px } .navbar-nav>li:hover>ul.sub-menu { display: block } } .formimg { border-radius: 40px; min-height: 550px; width: 100% } .form2-round-img { position: absolute; right: -65px; bottom: 25%; width: 131px; height: 131px; overflow: hidden; border-radius: 100% } .modal-design .btn-close { position: absolute; right: 10px; top: 10px; padding: 20px; opacity: .7; z-index: 1 } .modal-design .modal-content { padding: 60px 70px 60px 45px; border-radius: 40px; background-color: #ebe5d9 } .popup-img img { border-radius: 40px; margin: 0; display: block; width: 100% } .form-title { margin-bottom: 35px } .modal-design .modal-dialog { max-width: 1140px } .popup-form { padding-left: 45px } .whychoose-left { max-width: 550px } .whychoose-left, .whychoose-right { padding: 60px 0; height: 100% } .whychoose-right { padding-left: 50px; border-left: 2px solid var(--darkGreen) } .whychoose-right ul { font-size: 20px; line-height: 1.7rem; font-weight: 500; font-family: var(--font-neue-m) } .whychoose-right ul li { margin-bottom: 24px } .innerbanner .form-part { padding: 70px 100px 70px 0 } .contact-left { padding: 90px 0 } .contact-left ul { margin-top: 20px } .contact-left ul li { margin-bottom: 24px; display: flex; font-size: 18px; line-height: 1.3rem } .contact-left ul li span { flex-shrink: 0; margin-right: 10px } .contact-right { padding: 20px 0 20px 20px } .faq-box { border: 2px solid var(--darkGreen); border-radius: 30px; padding: 60px 50px } .faq-box .accordion { max-width: 900px; margin: 0 auto } .accordion-button { position: relative; color: var(--darkGreen) !important; font-size: 18px !important; line-height: 1.3rem; padding: 21px 70px 21px 30px !important } .accordion-body, .info-box2 .h5-title, .stry-text h3, .tb-list ul li a, .top-header a { color: var(--darkGreen) } .accordion-button, .accordion-item { background-color: transparent !important } .accordion-item { border: 1px solid #a8b8a6 !important; border-radius: 30px !important } .accordion-button::after { width: 44px !important; height: 44px !important; display: flex; border-radius: 100%; padding: 0 !important; justify-content: center; align-items: center; background: url(images/plus.svg) center no-repeat #294021 !important; position: absolute; right: 9px; top: 9px } .accordion-button:not(.collapsed)::after { background: url(images/minus.svg) center no-repeat #294021 !important } .accordion-body a { text-decoration: underline !important; font-family: var(--font-cooperLight) } .btn-small-head strong, .info-box2 .h5-title, .stry-text h2, .top-header, .top-header a { font-family: var(--font-neue-m) } .accordion-body { font-size: 16px; line-height: 1.6rem; padding: 0 20px 20px 30px } .btn-small-head, .info-box2 p { font-size: 24px; color: var(--darkGreen) } .btn-small-head { line-height: normal; margin-bottom: 5px !important } .stry-img { float: left; margin-right: 95px; width: 450px; position: relative } .stry-img img { border-radius: 30px; min-height: 450px; width: 100% } .info-box2 p, .stry-text h2 span, .stry-text h3, .varbl, .varbl p { font-weight: 400 } .stry-text h3 { line-height: 2rem; margin-bottom: 10px } .stry-text { padding-top: 30px } .varbl { line-height: normal; font-size: 18px } .varbl p { border-right: 1px solid var(--darkGreen); margin-bottom: 14px !important; margin-right: 10px; padding-right: 10px } .varbl p:last-child { border: none } .stry-list:nth-child(2n) .stry-img { float: right; margin: 0 0 0 100px } .stry-sec { padding-bottom: 60px } .stry-list:last-of-type { border: none !important } .freebie-sec .form-part { height: 100%; padding: 155px 0 } .freebie-sec .form-part form, .page-template-blog .freebie-sec .form-part { padding-right: 100px } .info-box2 { max-width: 212px; margin: 0 auto; padding: 15px 0 } .info-box2 .h5-title { font-size: 48px; line-height: 3rem; font-weight: 400; margin-bottom: 25px } .info-box2 p { line-height: 1.8rem; margin-bottom: 0 } .info-sec2 { padding: 20px 0 } .info-sec2 .info-col::after { width: 2px; background: #294021; background: -moz-linear-gradient(180deg, rgba(41, 64, 33, .15029761904761907) 0, #294021 50%, rgba(41, 64, 33, .16430322128851538) 100%); background: -webkit-linear-gradient(180deg, rgba(41, 64, 33, .15029761904761907) 0, #294021 50%, rgba(41, 64, 33, .16430322128851538) 100%); background: linear-gradient(180deg, rgba(41, 64, 33, .15029761904761907) 0, #294021 50%, rgba(41, 64, 33, .16430322128851538) 100%) } .ser-box:hover .btn-white, .share-icon:hover, .tb-list ul li a::after { background-color: var(--darkGreen) } .tb-list ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; margin: 0; border-bottom: 2px solid var(--darkGreen) } .not-found-page h1, .privacy-sec h1 { margin-bottom: 20px; text-align: center } .tb-list ul li a { font-size: 20px; line-height: normal; min-width: 120px; display: block; text-align: center; padding: 20px 0; position: relative } .tb-list ul li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; height: 6px; z-index: 1 } .tb-list ul li a.active::after, .tb-list ul li a:hover::after { width: 100%; bottom: -4px; opacity: 1 } .blog-box-full { padding: 40px 0; height: 100% } .blog-box-full .btext { max-width: 390px; padding: 0 } .blog-box-full .btext h3 { line-height: 2.6rem; font-size: 25px } .blog-box-full .bpara { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3 } .blog-box-full .bimg { padding-top: 84% } .blog-box-full .btext .readmore { margin-top: 15px } .share-icon { width: 50px; height: 50px; border: 2px solid; background: rgb(0 0 0 / 34%) center no-repeat; position: absolute; bottom: 20px; right: 20px; z-index: 1; border-radius: 100% } .top-header { margin-top: -15px; padding: 5px 0; background-color: var(--YellowLight); margin-bottom: 15px; font-size: 16px; color: #284021 } .top-header img { height: 24px; margin-left: 4px } .homebanner .bnr-round-img { bottom: 110px } .medium-btn { min-width: 194px } .small-btn { min-width: 165px } .bnr-round-img2:hover { background: var(--YellowLight) } .ser-img-anchor { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2 } .ser-box:hover .btn-white { color: var(--White) !important } .form-part textarea { -ms-overflow-style: none; scrollbar-width: none } .form-part textarea::-webkit-scrollbar { display: none } .footermain .fsocial { display: flex; align-items: center; margin: 0 } .footermain .fsocial a:not(:last-child) { margin-right: 29px } .footermain .fsocial a { line-height: 1 } .footermain .fsocial a img { width: 36px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .fbox .gform_wrapper input[type=submit], .form-sec .gform_wrapper input[type=submit], .form-wrap .gform_wrapper input[type=submit], .popup-form .gform_wrapper input[type=submit] { -webkit-appearance: none; font-weight: 400; -webkit-transition: .3s ease-in-out; margin-top: 0; min-width: 160px; cursor: pointer; outline: 0 !important; font-family: var(--font-cooperLight) !important } .footermain .fsocial a:hover img { filter: brightness(0) } .form-sec .gform_wrapper input[type=email], .form-sec .gform_wrapper input[type=tel], .form-sec .gform_wrapper input[type=text], .form-wrap .gform_wrapper input[type=email], .form-wrap .gform_wrapper input[type=tel], .form-wrap .gform_wrapper input[type=text], .popup-form .gform_wrapper input[type=email], .popup-form .gform_wrapper input[type=text] { border: 1px solid #a8b8a6 !important; border-radius: 30px !important; padding: 0 30px !important; height: 50px !important; font-size: 14px !important; box-shadow: none !important; outline: 0 !important; color: var(--darkGreen) !important; background-color: #ebe5d9 !important } .form-sec .gform_wrapper textarea { height: 116px !important; border: 1px solid #a8b8a6 !important; border-radius: 30px !important; padding: 16px 30px !important; resize: none } .form-sec .gform_wrapper input[type=submit], .form-wrap .gform_wrapper input[type=submit], .popup-form .gform_wrapper input[type=submit] { background: var(--YellowLight); color: var(--darkGreen); width: 100%; height: 50px; line-height: 50px; border: 1px solid var(--darkGreen); appearance: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; font-size: 16px; padding: 0 30px; transition: .3s ease-in-out } .fbox .gform_wrapper input[type=submit] { background-color: transparent; color: var(--darkGreen); border-color: var(--darkGreen); height: 40px; line-height: 40px; border: 1px solid var(--darkGreen); appearance: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; font-size: 16px; padding: 0 30px; transition: .3s ease-in-out } .whatsapp-menu { width: 32px !important } .sec-space .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button, .sec-space .ti-widget.ti-goog .ti-review-item>.ti-inner { background-color: #deccba !important } .tb-content .pagination .page-numbers { display: flex !important; border-radius: 4px; align-items: center; justify-content: center; text-align: center; color: var(--darkGreen); padding: 0; background-color: #ebe5d9; border: 1px solid; width: 32px; margin: 0 2px; font-size: 14px; height: 36px; line-height: 34px; color: var(--Black); font-family: var(--font-neue) } .tb-content .pagination .next.page-numbers, .tb-content .pagination .prev.page-numbers { min-width: 76px; width: auto } .blog-detail-header .author-name { display: flex; align-items: center } .blog-detail-header .author-name p:not(:last-child) { border-right: 3px solid var(--darkGreen); margin-right: 15px; padding-right: 15px } .author-name p span { font-weight: 600 } .blog-detail-header { margin-bottom: 50px } .blog-thumb-image { width: 100%; height: 724px; max-width: 900px; margin: 0 auto; padding: 0 15px } .blog-thumb-image img { width: 100%; height: 100%; object-position: top center } .blog-inner-txt h4 { color: var(--darkGreen); line-height: 3rem } .blog-inner-txt ul { font-size: 20px; line-height: 1.7rem; display: flex; flex-wrap: wrap } .blog-inner-txt ul li { margin-bottom: 24px; width: 50% } .privacy-sec h1 { font-size: 75px } .not-found-page h1 { font-size: 50px } .not-found-page-srch .not-found-outer-wppr { display: flex; align-items: center; justify-content: center; flex-wrap: wrap } .navbar-nav li.menu-item-has-children a, .not-found-page-srch .not-found-wppr:not(:last-child) { margin-right: 20px } .not-found-page-srch .not-found-outer-wppr input[type=text] { min-width: 400px; border: 1px solid #000; border-radius: 30px; height: 50px } .not-found-page-srch .not-found-outer-wppr input[type=submit] { margin-top: 0 } .service-row { --bs-gutter-y: 20px } .our-service-sec .service-innr-wppr .serv-txt-wppr .btext { display: flex; flex-direction: column; justify-content: space-between; height: 100% } .bannertext h1, h1 { font-size: 36px; line-height: 3rem } .h2-title, .modal-design .h2-title, h2 { font-size: 24px; line-height: 2rem } .blog-inner-txt h3, .btext h3, .h3-title, .ser-text h3, h3 { font-size: 22px } .stry-text h3, .subheading { font-size: 24px } .blog-inner-txt h4, .info-box p, .jurny_step_bx h3 { font-size: 20px } .font47 { font-size: 30px !important } .stry-text h2 { color: var(--darkGreen); font-size: 30px; line-height: 1.5rem } .blog-detail-header h1 { font-size: 36px } .blog-inner-txt h5 { font-size: 19px } .blog-inner-txt h6 { color: var(--darkGreen); font-size: 18px } .navbar-nav>li>a:after { content: ""; display: block; width: 100%; height: 2px; background: var(--darkGreen); position: absolute; bottom: 0; border-radius: 0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; left: 0 } .whatsapp-menu { margin: 0 40px 0 auto; display: inline-block } .service-head { text-align: center; margin-bottom: 41px } .serv-detail-img { max-width: 700px; width: 100%; margin: 0 30px 41px 0; float: left } .form-img img, .health-img img, .serv-detail-img img, .single-services .serv-detail-header .serv-detail-img img, .st_goal_image img, .video-poster img { width: 100%; height: 100%; object-fit: cover } .step-icon img { width: 100%; height: 100%; object-fit: contain } .sub-menu>li>a { color: var(--darkGreen); font-size: 16px; font-weight: 400 } .sub-menu { background: #ebe5d9 } .sub-menu>li.current-menu-item>a, .sub-menu>li.menu-item-has-children:hover>a, .sub-menu>li>a:hover { background-color: var(--Rich-Black) } .team-member-img { border-radius: 15px; overflow: hidden; padding-top: 100%; position: relative } .team-member-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: top } .htw-icon, .info-box figure, .info-box2 figure { width: 100px } .innerbanner .bannerimg, .innerbanner .formimg { min-height: 484px } .bannerbox { padding: 55px 0 } .htw-icon { height: 100px } .innerbanner .bnr-round-img { right: -65px; bottom: 25%; width: 131px; height: 131px } .navbar-nav .clickD { position: absolute; right: 0; top: 3px; width: 20px; height: 20px; background: url(images/sort-down.svg) center center/10px no-repeat; display: block; cursor: pointer; transition: .3s ease-in-out } .navbar-nav .clickD.toggled, .navbar-nav .clickD:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .brdr_both, .jurny-step-sec { border-top: 2px solid var(--darkGreen); border-bottom: 2px solid var(--darkGreen) } .jurny_step_col { width: 20%; flex: 0 0 auto; position: relative } .jurny_step_rw { justify-content: center; --bs-gutter-y: 40px; --bs-gutter-x: 60px } .jurny_step_bx .htw-icon { height: auto; width: 90px } .jurny_step_col::before, .price_col::before { width: 1px; position: absolute; content: ""; right: 0 } .jurny_step_bx .stepCount, .price_wrppr h2 { text-transform: uppercase; margin-bottom: 10px } .price_rw { --bs-gutter-x: 80px } .price_col::before { top: 0; height: 100%; background: #294021; background: -moz-linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, #294021 0, rgba(0, 0, 0, 0) 100%) } .jurny_step_col::before { top: 50%; height: 80%; transform: translateY(-50%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #294021 50%, rgba(0, 0, 0, 0) 100%) } .jurny_step_col:last-child::before, .main-head .hright .search-btn, .price_col:last-child::before { display: none } .price_wrppr { text-align: center; display: flex; flex-direction: column; align-items: center; height: 100% } .price_wrppr h3.price { font-size: 40px; font-weight: 700; line-height: 1; display: flex; flex-direction: column } .price_wrppr h3.price .popular_txt { font-size: 18px; font-weight: 400; margin-top: 10px } .price_wrppr ul { padding: 0; margin: 0 0 30px; list-style: none } .price_wrppr li { text-align: left; margin-bottom: 10px; position: relative; padding-left: 35px } .price_wrppr li::before { position: absolute; content: ""; background: url(assets/images/green-tick.svg) center/100% no-repeat; width: 24px; height: 24px; left: 0; top: 2px } .new-secvices-wrappr .btn.btn-outline-dark, .new-secvices-wrappr a, .price_wrppr .btn.small-btn { margin-top: auto } .jurny_step_bx .htw-para p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical } .new-secvices-wrappr { height: 100%; display: flex; flex-direction: column; align-items: flex-start } .new-price-sec .price_wrppr { box-shadow: rgba(50, 50, 93, .1) 0 50px 100px -20px, rgba(0, 0, 0, .2) 0 30px 60px -30px; padding: 0 0 30px !important; overflow: hidden } .new-price-sec .price_rw { --bs-gutter-x: 30px; align-items: center } .new-price-sec .ser-price-heading { padding: 30px 25px; background-color: var(--darkGreen); width: 100% } .new-price-sec .price_wrppr ul { padding: 0 30px } .new-price-sec .price_wrppr .small-btn { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; background-color: transparent; border: 1px solid #fff; color: #fff; background-color: var(--YellowLight); color: var(--darkGreen); border-color: var(--darkGreen) } .new-price-sec .price_wrppr .small-btn:hover { background-color: var(--YellowLight); color: var(--darkGreen); border-color: var(--darkGreen); background-color: var(--darkGreen); color: var(--White); border-color: var(--darkGreen) } .new-price-sec .price_wrppr li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; position: absolute; background: 0 0/100%; width: 24px; height: 24px; left: 0; top: 2px; font-weight: 900; color: #b0814a } .jurny-step-sec .jurny_step_bx .htw-icon { width: 90px; height: 90px; object-fit: contain } .new-price-sec .price_wrppr h2, .new-price-sec .price_wrppr h3.price .popular_txt { color: var(--YellowLight) } .home .meal-form-sec .form-wrap { height: 100%; display: flex; flex-direction: column; justify-content: center } .home .meal-form-sec figure { margin: 0; padding-right: 18px } .health-row { display: flex; margin: 0 -15px; align-items: center; flex-wrap: wrap } .health-sec .stry-list:nth-child(2n) .health-row { flex-direction: row-reverse !important } .health-text { width: 55%; padding: 0 15px } .health-img { width: 45%; padding: 0 15px } .essential-check-sec .mission-wrapper { text-align: center; margin-bottom: 30px } #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon { margin: 0 !important } .essectial-sec { padding-top: 60px } .whychoose-right.essential-para-list { padding: 0; border: 0 } .essential-para-list ul .hlth-tst-hdng { font-size: 16px; margin-bottom: 5px; font-weight: 700 } .whychoose-right.essential-para-list ul li { background-size: 18px; background-position: left top 6px; padding-left: 31px; font-size: 16px } .essential-para-list>ul>li { font-size: 16px; margin-bottom: 16px } .health-text-para>p:not(:last-child) { margin-bottom: 5px } .essential-row .health-text { width: 100%; text-align: left } .essential-row .essential-image-lft { width: 100%; border-radius: 20px; overflow: hidden; margin: 0 auto 30px } .essential-row .essential-image-lft>img { width: 100%; max-height: 520px; -o-object-fit: cover; object-fit: cover } .nofication-tag { position: fixed; top: 17vh; right: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-color: #fffe5e; color: #000; opacity: 1; z-index: 1000; padding: 16px 4px } .nofication-tag:hover { background-color: var(--Rich-Black); color: var(--White) } #kajabi-form .kajabi-form__content { width: 100%; max-width: 100% !important } #kajabi-form input[type=email], #kajabi-form input[type=password], #kajabi-form input[type=tel], #kajabi-form input[type=text] { border: 1px solid #a8b8a6 !important; border-radius: 30px !important; padding: 0 30px !important; height: 50px !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0 !important } #kajabi-form textarea { border: 1px solid #a8b8a6 !important; border-radius: 30px !important; padding: 15px 30px !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; height: 150px !important; resize: none } #kajabi-form button[type=submit] { background: var(--YellowLight); color: var(--darkGreen); width: 100%; height: 50px; line-height: 50px; border: 1px solid var(--darkGreen); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 30px; min-width: 160px; cursor: pointer; font-size: 16px; font-weight: 400; padding: 0 30px; outline: 0 !important; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; font-family: var(--font-cooperLight) !important; margin-top: 12px } #kajabi-form button[type=submit]:focus, #kajabi-form button[type=submit]:hover { background: var(--darkGreen) !important; color: var(--White) !important } .book-now-ser .btn.btn-outline-dark:where(:hover, :active), .hright .btn.btn-outline-dark:where(:hover, :active), .order-now-btn .btn.btn-outline-dark:where(:hover, :active) { background-color: var(--darkGreen); color: var(--White); border-color: var(--darkGreen) } .hright .btn { border-width: 1px } .blog-inner-txt.service-clinic-prog ul { display: block; font-size: 17px } .blog-inner-txt.service-clinic-prog ul li { width: initial; display: table; background: initial; position: relative; padding-left: 20px; margin-bottom: 33px } .blog-inner-txt.service-clinic-prog ul li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--darkGreen); top: 11px; left: 0 } .service-detail-sec .service-innr-txt h2:first-child { margin-bottom: 33px } .service-detail-sec .service-innr-txt p { margin-bottom: 16px } .order-now-btn ol { display: block; padding-left: 0; counter-reset: my-awesome-counter; list-style: none } .order-now-btn ol li { display: table; position: relative; padding-left: 54px; counter-increment: my-awesome-counter; margin-bottom: 18px } .order-now-btn ol li::before { content: "Step " counter(my-awesome-counter); position: absolute; left: calc(-1 * var(--size) - 10px); line-height: var(--size); top: 0; left: 0; color: var(--darkGreen); font-weight: 700; text-align: center } .service-detail-clinic .serv-detail-img { max-width: 593px } #qlwapp.qlwapp-bottom-right { bottom: auto !important; top: calc(40% + 70px) !important } #qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle { width: 80px; height: 80px; margin-right: 10px !important; font-size: 37px } .wp-icon-box { top: 53%; background: #25d366; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16) } .wp-icon-box:hover { background: #1a9f4c } .wp-icon-box img { width: 100%; max-width: 38px } .navbar-collapse { margin-left: auto } .new-price-sec .price_wrppr, .new-price-sec .ser-price-heading { background: var(--darkGreen); border-radius: 30px } .new-price-sec .price_wrppr h2, .new-price-sec .price_wrppr h3 { color: #fff } .new-price-sec .price_col::before { display: none !important } .blogList .btext .bpara, .blogList .btext h3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden } .hd_text { display: flex; align-items: center; justify-content: center } .hd_text_link { display: inline-flex; align-items: center } .new-price-sec .ser-price-heading { background-color: var(--darkGreen); border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 10px } .main-head .hright { margin-left: 20px } .st_row { align-items: center; flex-direction: row-reverse } .mission-sec .st_row .sec-head { text-align: left } .blogList .btext h3 { -webkit-line-clamp: 1 } .blogList .btext .bpara { -webkit-line-clamp: unset } .new-price-sec .price_wrppr, .new-price-sec .ser-price-heading { background: #d7cfb6 } .new-price-sec .price_wrppr h2 { font-weight: 700; color: #b0814a; text-transform: capitalize } .new-price-sec .price_wrppr h3 { color: #294021 } .new-price-sec .price_wrppr h3.price .popular_txt { color: #294021; font-weight: 600 } .new-price-sec .price_wrppr li { padding-left: 25px; color: #294021 } .social_fixed_wrappr { display: flex; flex-direction: column; position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 99 } .social_fixed_wrappr>* { position: static !important; display: flex; align-items: center; justify-content: center } .social_fixed_wrappr>:not(:last-child) { margin-bottom: 15px } .page-template-blog .form-sec.innerbanner .gform_footer.before { padding-right: 120px !important } .kajabi-form--inline { padding: 0 !important } .footermain.border-t #kajabi-form .kajabi-form__content fieldset { background: #deccba !important } .single-services .serv-detail-header .serv-detail-img { margin: 0; float: none; height: 100% } .single-services .serv-detail-header .serv-detail-head { width: 44%; padding-right: 12px } .single-services .serv-detail-header .container { display: flex; flex-wrap: wrap } .single-services .serv-detail-header .service-innr-txt { width: 56%; padding-left: 12px } .footermain .fsocial a:last-child img { margin-bottom: -2px } .single-serv-dtls .blog-inner-txt.service-clinic-prog ul li{ margin-bottom: 12px; } .single-serv-dtls .blog-inner-txt.service-clinic-prog ul li:last-child{ margin-bottom: 0; } .single-serv-dtls.service-detail-sec .service-innr-txt p { margin-bottom: 10px; } .single-serv-dtls .hlth-tst-hdng { font-weight: 700; } @media (min-width:1430px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1430px } .serv-txt-wppr { height: calc(100% - 333px) } } @media (max-width:1429px) { .text-box { font-size: 18px } .video-poster img { height: 400px; object-fit: cover } .step-box { padding: 20px 10px } .ser-text h3 { font-size: 28px } .btext h3 { font-size: 25px } .fsocial a i { font-size: 26px; margin: 0 4px } .colcount4 { padding-left: 15px } .colcount2 { padding-left: 50px } .modal-design .h2-title { font-size: 46px } .stry-text h2 { font-size: 32px } .stry-img { margin-right: 60px } .stry-list:nth-child(2n) .stry-img { margin: 0 0 0 60px } .stry-text { padding-top: 15px } .htw-mobile-slider .slick-prev, .service-slider .slick-prev { right: calc((100% - 884px)/ 2) } .htw-mobile-slider .slick-next, .service-slider .slick-next { right: calc((100% - 960px)/ 2) } .footermain .fsocial a img { width: 28px } .footermain .fsocial a:not(:last-child) { margin-right: 21px } .navbar-nav>li { margin: 0 18px 0 0 } } @media (max-width:1400px) { .serv-txt-wppr { height: calc(100% - 333px) } .serv-detail-img { max-width: 720px } .jurny_step_rw { --bs-gutter-x: 40px } .jurny_step_bx .htw-icon { width: 65px } .price_wrppr h3.price { font-size: 32px } } @media (max-width:1300px) { .text-box { font-size: 16px } } @media (max-width:1200px) { .serv-txt-wppr { height: calc(100% - 261px) } .mission-wrapper { padding: 40px } .team-img img { width: 100%; height: 100% } .mission-wrapper .col-lg-5 { padding-right: 0 } .single-services .serv-detail-header .container { display: block } .single-services .serv-detail-header .serv-detail-head { width: auto; padding-right: 0 } .single-services .serv-detail-header .serv-detail-head .serv-detail-img { margin: 0 20px 20px 0; float: left } .single-services .serv-detail-header .service-innr-txt { width: auto; padding-left: 0 } } @media (max-width:1199px) { .navbar-brand img { max-height: 100%; max-width: 160px } .navbar-nav>li { margin: 0 14px 0 0 } .navbar-nav>li>a { font-size: 15px } .search-btn { margin: 0 5px } .plus-btn { margin-left: 3px } .bannertext h1 { font-size: 50px; line-height: 4rem } .form-wrap { padding: 50px 0 50px 110px } .form-img { min-height: 300px } .font47 { font-size: 30px !important; line-height: 2.5rem } .form-part { padding: 90px 90px 90px 0 } .htw-mobile-slider .slick-prev, .service-slider .slick-prev { right: 170px } .htw-mobile-slider .slick-next, .service-slider .slick-next { right: 130px } .blog-thumb-image { height: 670px } .blog-inner-txt h2 { line-height: 1.2 } .blog-inner-txt h3 { font-size: 28px } .blog-inner-txt h4 { font-size: 25px; line-height: 1.2 } .blog-inner-txt h5 { font-size: 22px } .blog-inner-txt h6 { font-size: 18px } .serv-txt-wppr { height: calc(100% - 216px) } .serv-detail-img { max-width: 600px } .jurny_step_col { width: 33.33% } .jurny_step_col:nth-child(3)::before { display: none } .price_wrppr h2 { font-size: 20px } .price_rw { --bs-gutter-x: 30px } .price_wrppr ul { margin-bottom: 20px } .new-secvices-wrappr h2 { font-size: 22px; line-height: 1.5rem } .new-secvices-wrappr .htw-icon { width: 85px; height: 85px; margin-bottom: 15px } .new-price-sec .price_wrppr ul { padding: 0 20px } .innerbanner .bnr-round-img { right: inherit; width: 110px; height: 110px; left: -20px } .bannertext { padding-right: 35px } } @media (max-width:1169px) { .h1-title, h1 { font-size: 50px; line-height: 4rem } .h2-title, h2 { font-size: 34px } .h3-title, h3 { font-size: 20px; line-height: 1.5rem } .info-box p { font-size: 18px } .htw-mobile-slider .slick-prev, .service-slider .slick-prev { right: 157px } .htw-mobile-slider .slick-next, .service-slider .slick-next { right: 117px } } @media (max-width:991px) { .single-serv-dtls .serv-detail-header .serv-detail-head .serv-detail-img{ max-width: 100%; } .single-serv-dtls .serv-detail-header .serv-detail-head{ margin-bottom: 20px; } .navbar-toggler { position: relative; width: 33px; height: 29px; padding: 0; outline: 0 !important; border: none !important; box-shadow: none !important; order: 2; margin-left: 20px } .whatsapp-menu { margin: 0 0 0 auto } .stick, .stick:after, .stick:before { width: 30px; height: 3px; background: var(--darkGreen); position: absolute; left: 0; top: auto; transition: .6s; border-radius: 5px } .stick:before { content: ""; top: -10px; left: 0 } .stick:after { content: ""; top: 10px; left: 0 } .stick.open { transform: translateX(-50px); background: 0 0 } .stick.open:before { transform: rotate(45deg) translate(42px, -28px); left: 2px } .stick.open:after { transform: rotate(-45deg) translate(42px, 28px); left: 2px } .navbar-nav .clickD, .sub-menu>li.menu-item-has-children .clickD { top: 8px; right: 10px; -webkit-transform: rotate(0); transform: rotate(0) } .navbar-nav .clickD:hover { -webkit-transform: inherit; transform: inherit } .navbar-nav .clickD.toggled { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .navbar-nav>li>.sub-menu .sub-menu, .sub-menu { position: relative; width: 100%; left: inherit; top: inherit; border: none; right: inherit } .bannertext, .bannertext p, .navbar-nav>li.menu-item-has-children, .page-template-blog .freebie-sec .form-part { padding-right: 0 } .navbar-nav>li { margin: 0; padding: 0 } .navbar-nav>li>a { padding: 7px 0; display: inline-block; vertical-align: top; font-size: 20px; font-family: var(--font-heading); color: var(--Black); margin-bottom: 8px; color: var(--darkGreen) } .navbar-nav li.menu-item-has-children>a { padding-right: 30px } .sub-menu>li>a { padding-left: 40px } .sub-menu .sub-menu>li>a { padding-left: 60px } .sub-menu .sub-menu .sub-menu>li>a { padding-left: 80px } .navbar-nav>li>a:after { bottom: 0; border-radius: 0; width: 100%; height: 2px; left: 0 } .navbar-nav>li.current-menu-item>a, .navbar-nav>li.menu-item-has-children:hover>a, .navbar-nav>li>a:hover { color: var(--darkGreen) } .navbar-collapse { background: #ebe5d9; position: fixed; top: 0; height: 100% !important; width: 320px; overflow-y: auto; padding: 25px; max-width: 100%; transition: transform .2s ease-in-out !important; right: 0; margin: 0; display: block !important; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform .2s ease-in-out !important; z-index: 100 } .navbar-collapse.collapsing, .navbar-collapse.show { display: block !important; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: transform .2s ease-in-out !important; transition: transform .2s ease-in-out !important } .navbar-collapse .navbar-nav { margin: 50px 0 0; padding: 0 } .navbar-collapse .navbar-toggler { display: block; right: 20px; top: 20px; position: absolute } #navoverlay.open { background-color: rgb(0 0 0 / 80%); pointer-events: all; -webkit-transition: background-color .5s linear; transition: background-color .5s linear; backdrop-filter: blur(1px) } body.open-nav, html.open-nav { overflow: hidden } .h1-title, h1 { font-size: 36px } .h2-title, h2 { font-size: 34px; line-height: 3rem } .h3-title, h3 { font-size: 22px } .h4-title, .htw-box h3, h4 { font-size: 20px } .h5-title, h5 { font-size: 18px } .h6-title, h6 { font-size: 17px } .bnr-img-col { padding-left: 15px; margin-bottom: 40px } .bnr-img-col::before, .form-wrap::before, .info-sec .info-col:nth-child(2n):after { content: none } .bnr-round-img { left: 0; bottom: -30px; width: 113px; right: 0; height: 113px; margin: 0 auto } .bannertext h1 { font-size: 40px; line-height: 3.4rem } .bannerbox, .innerbanner .form-part, .py60, .sec-space { padding: 40px 0 } .bannerimg { padding-top: 100%; min-height: auto } .contact-right, .form-wrap { padding: 0 0 40px; text-align: center } .form-round-img { left: 0; bottom: auto; right: 0; top: -80px; width: 80px; height: 80px; margin: 0 auto } .blog-box-full .bimg, .colcount1, .colcount2 { margin-bottom: 30px } .bannertext-wrap, .meal-form-sec figure { text-align: center } .mission-wrapper { padding: 40px 30px } .mission-text { padding-left: 0; padding-top: 40px } .mission-bottom { margin-top: 25px; margin-left: 0 } .mission-sec { margin-top: 18px; padding-bottom: 40px } .step-box { padding: 10px } .service-slider, .single-services .serv-detail-header .serv-detail-head, .single-services .serv-detail-header .service-innr-txt { width: 100% } .btn-center { margin-top: 35px } .l-col { max-width: 33.33% } .info-sec .info-col { padding: 20px 0 } .info-box figure { height: 65px; margin: 0 auto 10px } .colcount2, .form-sec .pl40 { padding-left: 15px } .formimg { margin-top: 40px } .form-part { border: none; padding: 40px 0 } .copyright { margin-top: 30px; padding-bottom: 55px } .footermain { padding-top: 50px } .popup-form { padding-left: 0 } .popup-img img { height: 400px; object-fit: cover; margin-bottom: 15px } .modal-design .modal-content { padding: 45px 30px 30px; max-width: 90%; margin: 0 auto } .modal-design .h2-title { font-size: 36px; line-height: 3rem } .form-title { margin-bottom: 25px } .spet-list+.btn-left { text-align: center; margin-top: 20px !important } .form2-round-img { right: 0; bottom: auto; top: -58px; width: 98px; height: 98px } .contact-left { padding: 40px 0; border: none } .innerbanner .bannerimg, .innerbanner .formimg { min-height: 250px } .faq-box { padding: 25px 20px } .whychoose-right { padding: 0 0 35px !important; border: none } .whychoose-left, .whychoose-right { padding: 40px 0; height: auto } .whychoose-right ul li:last-child { margin-bottom: 0 } .stry-img { float: none !important; margin: 0 auto 30px !important; width: auto; max-width: fit-content } .stry-img img { min-height: auto; width: auto } .stry-text { padding-top: 0 } .stry-text h3 { font-size: 24px; line-height: normal } .freebie-sec .form-part form { max-width: 100%; padding-right: 0 } .blog-box-full .btext { max-width: 100% } .blog-box-full { padding: 30px 0; height: auto } .blog-box-full .bpara { height: auto } .blog-box-full .btext h3 { font-size: 27px; line-height: 2.2rem } .step-box:hover { transform: scale(1.04) !important; transform: none; height: 100% } .step-box .view-details { position: static; margin-top: 20px; transform: none; display: inline-flex; margin-bottom: 20px; align-items: center; opacity: 1 } .step-box .view-details img { margin-left: 8px } .colcount2 .fbox ul { column-count: 2 } .service-slider .slick-next, .service-slider .slick-prev { display: none !important } .htw-mobile-slider .slick-arrow[class*=slick-], .service-list.service-slider .slick-arrow[class*=slick-] { top: unset; bottom: -32px } .htw-mobile-slider .slick-list, .service-list.service-slider .slick-list { padding: 0 0 36px } .htw-mobile-slider .slick-next, .service-list.service-slider .slick-next { right: 50%; margin-right: -40px; display: inline-block !important } .htw-mobile-slider .slick-prev, .service-list.service-slider .slick-prev { right: auto; left: 50% !important; margin-left: -40px; display: inline-block !important } .blog-detail-header h1, .not-found-page h1, .privacy-sec h1 { font-size: 40px } .blog-thumb-image { height: 500px; max-width: 700px } .blog-inner-txt ul { font-size: 16px } .not-found-page-srch .not-found-outer-wppr input[type=text] { min-width: 350px } .innerbanner .bnr-round-img { bottom: -20px; width: 90px; height: 90px; left: -15px } .new-secvices-rw, .price_rw { --bs-gutter-y: 30px; justify-content: center } .price_col:nth-child(2n)::before { display: none } .new-price-sec .price_rw { align-items: stretch } .health-row, .health-sec .stry-list:nth-child(2n) .health-row { flex-direction: column-reverse !important } .health-img, .health-text { width: 100%; text-align: center } .health-img { margin-bottom: 20px } .blog-inner-txt.service-clinic-prog ul li { margin-bottom: 17px } .home .transfrm-sec .health-text, .service-detail-sec .service-innr-txt h2:first-child { margin-bottom: 22px } .main-head .hright { margin-left: 0 } .mission-sec .st_row .sec-head { padding: 26px 0 0; margin: 0 } .page-template-blog .form-sec.innerbanner .gform_footer.before { padding-right: 20px !important; padding-left: 20px !important } .htw-box { max-width: calc(100% - 20px) } .navbar-nav>li>ul.sub-menu.show { display: block } .single-services .serv-detail-header .container { display: flex } .single-services .serv-detail-header .serv-detail-head .serv-detail-img { margin: 0 0 20px; float: none; width: 100% } } @media (max-width:767px) { .aligncenter, .alignleft, .alignright { float: none; display: block; margin-left: auto; margin-right: auto; max-width: 100%; clear: both; margin-bottom: 24px } .htw-box { max-width: 100%; margin-top: 30px; height: auto; padding: 0 10px } .ser-text h3 { font-size: 24px } .htw-sec .sec-head, .ti-widget.ti-goog .ti-col-1 .ti-reviews-container, .ti-widget.ti-goog .ti-widget-container { margin-bottom: 0 !important } .formimg { min-height: 200px } .video-play { width: 70px; height: 70px } .video-poster img { height: 290px } .gal-img::before { width: 60px; height: 60px } .tb-list ul li a { min-width: 80px } .meal-form-sec figure { padding: 0 15px } .colcount2 .fbox ul { column-count: 3 } .expand-text-btn { margin-top: 0 } .stry-para p { margin-bottom: 5px } .htw-mobile-slider .item:last-child, .stry-para p:last-child { margin-bottom: 0 } .htw-mobile-slider .slick-arrow[class*=slick-] { top: -152px } .ti-widget.ti-goog .ti-col-1 .ti-footer { margin-bottom: 14px !important } .ti-widget.ti-goog .ti-controls-line { margin: 16px auto 0 !important } .service-list.service-slider .slick-arrow[class*=slick-] { bottom: -26px } .blog-inner-txt h2 { font-size: 28px } .blog-inner-txt h3 { font-size: 25px } .blog-inner-txt h4 { font-size: 22px } .blog-inner-txt ul li { width: 100%; margin-bottom: 18px } .blog-inner-txt h5 { font-size: 20px } .not-found-page h1 { font-size: 30px; line-height: 1.2 } .not-found-page-srch .not-found-outer-wppr input[type=text] { min-width: 260px; height: 40px } .not-found-page-srch .not-found-outer-wppr input[type=submit] { height: 40px; line-height: 1.2 } .not-found-page-srch .not-found-wppr:not(:last-child) { margin-right: 10px } .serv-txt-wppr { height: calc(100% - 246px) } .htw-icon { margin-bottom: 15px; height: 70px; width: 70px } .new-secvices-wrappr, .price_wrppr { height: inherit } .info-box figure { height: 49px; width: 70px } .jurny_step_col { width: 50% } .jurny_step_col::before { display: block !important } .jurny_step_col:last-child:before, .jurny_step_col:nth-child(2n):before, .price_col:last-child:before { display: none !important } .price_col::before { display: block !important; width: 100%; height: 1px; top: inherit; bottom: 0; background: linear-gradient(90deg, rgba(41, 64, 33, 0) 0, #294021 50%, rgba(0, 0, 0, 0) 100%) } .price_wrppr { padding-bottom: 40px } .price_rw { --bs-gutter-y: 20px; --bs-gutter-x: 0px } .price_col:last-child .price_wrppr { padding-bottom: 0 } .new-secvices-rw { --bs-gutter-y: 40px; --bs-gutter-y: 50px } .new-secvices-wrappr h2 { line-height: 1.2; margin-bottom: 15px; text-align: center; width: 100% } .jurny_step_rw { --bs-gutter-x: 20px } .new-secvices-wrappr .htw-icon { margin-left: auto; margin-right: auto } .new-secvices-wrappr a { margin-top: 14px } .new-secvices-wrappr .btn.btn-outline-dark { margin-top: 10px } .htw-mobile-slider .htw-icon { margin-bottom: 14px } .htw-mobile-slider .stepCount, .social_fixed_wrappr>:not(:last-child) { margin-bottom: 10px } .htw-mobile-slider .item { margin: 0 0 36px } .htw-mobile-slider { padding-top: 20px } .essential-row { margin-top: 0 !important } .essential-cntnt-wpr { padding: 20px } .form-img { min-height: 1px; vertical-align: initial; height: 100%; display: block } } @media (max-width:575px) { .hright .btn, .stry-img .share-icon, .stry-para { display: none } body { font-size: 15px; line-height: 1.5 } .modal-design .h2-title { font-size: 27px; line-height: 2.4rem } .bnr-round-img2 { width: 60px; height: 60px; line-height: 60px; right: 10px } #qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle { width: 60px; height: 60px; font-size: 35px } .footermain .h4-title { margin-bottom: 5px } .fsocial a i { font-size: 24px; margin: 0 } .btn-center .btn, .fbox .btn { min-width: auto } .fbox ul li:last-child { margin-bottom: 0 } .accordion-button { padding: 21px 60px 21px 20px !important } .blog-detail-header, .faq-box h2, .team-member-sec .mission-wrapper:not(:last-child) { margin-bottom: 30px } .form-wrap p, .info-box2 p { font-size: 16px } .footermain .fsocial, .tb-list ul { justify-content: center } .hright .btn { padding: 5px 20px } .search-btn { padding: 5px 0 } .plus-btn { margin-left: 0 } .navbar-toggler { margin-left: 10px } .bannerbox { padding: 20px 0 40px } .bnr-round-img { bottom: -24px; width: 78px; right: 0; left: 0; height: 78px } .py60, .sec-space { padding: 40px 0 } .bannertext h1 { font-size: 27px; line-height: 2rem } .h2-title, h2 { font-size: 26px; line-height: 1.9rem; margin-bottom: 12px } .blog-box-full .bimg, .form-title, .form-wrap p, .mission-text .h3-title, .mission-text h3 { margin-bottom: 15px } .bannertext-wrap { font-size: 15px; line-height: 1.3rem } .bnr-img-col, .sec-head.mb-40 { margin-bottom: 25px } .bannertext .btn, .btn-center { margin-top: 25px } .btn { padding: 15px 25px; font-family: var(--font-cooperLight) } .form-part .mb-20, .form-wrap .mb-20, .htw-icon, .innerbanner .bannertext h1, .modal-design .h2-title, .popup-form .mb-20, .step-box h3 { margin-bottom: 10px } .form-control { height: 42px !important; padding: 0 20px !important } input[type=submit] { height: 42px; line-height: 42px } .form-wrap { padding: 0 0 30px } .mission-wrapper { padding: 30px 15px 25px } .mission-text { padding-top: 25px } .mission-bottom figure { height: 30px } .subheading { font-size: 26px } .step-col { margin-top: 20px } .step-icon img { max-height: 100%; max-width: 100%; object-fit: contain } .step-icon { height: 95px; margin: 0 0 15px } .spet-list+.btn-left { margin-top: 10px !important } .colcount1, .colcount2, .colcount3, .trnsfmtn-sec .subheading { margin-bottom: 20px } .gal-slider .slick-next, .gal-slider .slick-prev { top: -40px } .blogList .btn-center { margin-top: 8px } .text-box { padding: 15px 10px } .ser-text h3 { font-size: 20px; line-height: normal; margin-bottom: 17px } .ser-text { padding: 25px } .lbox { height: 72px } .l-col { padding: 5px } .l-row { margin: -5px } .mission-sec .sec-head { margin-bottom: 35px } .blog-inner-txt .blog-quote, .mission-text, .mission-text h4 { font-size: 16px; line-height: 1.5rem } .mission-text h5 { font-size: 17px; line-height: 1.4rem; margin-bottom: 20px } .btext h3 { line-height: 22px; font-size: 18px; margin-bottom: 8px } .btext { padding: 25px 0 15px } .service-row { --bs-gutter-y: 30px } .btext .readmore { margin-top: 10px } .blog-box-full { padding: 30px 0 20px } .bpara { font-size: 14px; line-height: 19px; height: 58px } .info-box .h5-title { font-size: 28px } .info-box p { font-size: 15px; line-height: 20px } .formimg { margin-top: 40px } .font47 { font-size: 26px !important; line-height: 2rem } .form-part { padding: 25px 0 40px } .form2-round-img { top: -60px; width: 60px; height: 60px; left: 0; right: 0; margin: 0 auto } .footermain { padding-top: 30px } .copyright { margin-top: 25px; font-size: 12px; letter-spacing: 0; padding: 10px 0 } .info-sec .info-col, .modal-design .btn-close { padding: 10px } .service-slider { margin: 0 } .modal-design .modal-content { padding: 35px 15px 15px; max-width: 95%; margin: 0 auto; border-radius: 20px } .video-poster img { height: 240px } .video-play { width: 50px; height: 50px; background-size: 20px } .htw-mobile-slider [class*=col-] { padding: 0 15px } .htw-mobile-slider .slick-dots, .infoslide .slick-dots, .l-row .slick-dots, .step-list-slider .slick-dots { position: static; margin-top: 15px } .htw-mobile-slider .htw-box { margin-top: 0 } .info-box figure { height: 49px } .whychoose-right ul { font-size: 16px; line-height: 1.4rem; margin-bottom: 0 } .whychoose-right ul li { background-size: 18px; margin-bottom: 12px; padding-left: 27px } .contact-left, .whychoose-left, .whychoose-right { padding: 30px 0 } .btn-small-head { font-size: 20px; line-height: normal } .stry-text h2 { font-size: 23px; line-height: normal } .stry-text h3 { font-size: 19px } .varbl { font-size: 15px } .stry-img { margin-bottom: 20px !important } .innerbanner .form-part { padding: 20px 0 30px } .info-box2 .h5-title { font-size: 26px; line-height: 2rem; margin-bottom: 10px } .blog-col:first-child { border: none } .blog-col:first-child .blog-box-full { padding-top: 0; margin-top: 0 } .blog-box-full .btext h3 { font-size: 20px; line-height: 1.8rem } textarea.form-control { height: 86px !important; padding-top: 12px !important } .info-box2 { padding: 0 } .btext .readmore, .stry-para { padding: 10px 0 } .contact-left ul li { font-size: 16px; margin-bottom: 17px } .htw-sec .sec-head { margin-bottom: 15px !important } .form-round-img { top: -80px; width: 78px; height: 78px } .popup-img img { height: 280px } .text-box, .top-header { font-size: 14px } .stry-para { max-height: 200px; overflow-y: auto } .whatsapp-icon { width: 40px } .stry-sec { padding-bottom: 40px } .flogo { max-width: 150px; margin-bottom: 20px } .fbox { text-align: center } .top-header img { height: 21px; margin-left: 4px } .whatsapp-menu { margin: 0 10px 0 auto; width: 30px } .share-icon { position: absolute; top: -8px; right: 0; width: 40px; height: 40px } .share-icon-flx { position: relative } .htw-mobile-slider .slick-arrow[class*=slick-] { display: none !important } .trnsfmtn-sec.border-t { border-top: 0; padding-top: 8px !important } .footermain .fsocial a:not(:last-child) { margin-right: 13px } .fbox .gform_wrapper input[type=text] { text-align: center; margin-top: 10px !important } .fbox .gform_wrapper.gravity-theme .gform_footer { justify-content: center; padding-bottom: 0 } .blog-detail-header h1, .privacy-sec h1 { font-size: 27px; margin-bottom: 10px; line-height: 1.1 } .blog-inner-txt h2 { font-size: 24px } .blog-inner-txt h3 { font-size: 22px } .blog-inner-txt h4, .not-found-page h1 { font-size: 20px } .blog-inner-txt h5 { font-size: 18px } .blog-inner-txt h6 { font-size: 17px } .blog-thumb-image { height: 450px } .blog-inner-txt ul li { background-size: 18px; margin-bottom: 12px; padding-left: 27px; line-height: 1.4 } .serv-txt-wppr { height: calc(100% - 467px) } .innerbanner .bnr-round-img { width: 70px; height: 70px; bottom: -30px; left: 5px } .wp-icon-box img { max-width: 32px } .wp-icon-box { top: 51% } } @media (max-width:479px) { .hright .btn { padding: 4px 10px; font-size: 14px } .subheading { font-size: 25px; line-height: 1.8rem } #scroll { right: 10px; bottom: 10px; width: 35px; height: 35px; line-height: 38px } #scroll i { font-size: 22px } .lbox { width: 100%; height: 62px } .l-col { padding: 5px } .l-row { margin: -5px } .tb-list ul li a { min-width: 80px; padding: 15px 17px } .pagination { flex-wrap: wrap; margin-top: 25px } .pagination li { margin: 2px } .font47 { font-size: 24px !important; line-height: 1.8rem } .accordion-button { padding: 16px 60px 16px 20px !important; font-size: 16px !important; line-height: 1.3rem } .accordion-button::after { width: 34px !important; height: 34px !important } .accordion-body { font-size: 14px; line-height: 1.2rem; padding: 0 20px 20px } .form-round-img, .form2-round-img, .homebanner .bnr-round-img, .innerbanner .bnr-round-img, .innerbanner .form2-round-img { bottom: 10px; right: 15px; left: auto } .form-round-img { top: -130px } .colcount2 .fbox ul { column-count: 2 } .mb-40 { margin-bottom: 25px } .blog-box-full { padding: 15px 0 20px } .blog-box-full .btext .readmore { margin-top: 5px } .faq-box { padding: 20px 10px } .formimg { margin-top: 30px } .py60, .sec-space { padding: 40px 0 } .fbox .btn { margin-top: 10px } .not-found-page-srch .not-found-outer-wppr input[type=text] { min-width: 230px; margin-bottom: 10px } .team-member-sec .mission-wrapper:not(:last-child) { margin-bottom: 20px } .innerbanner .bnr-round-img { bottom: -30px } .htw-icon { height: 60px; width: 60px } .form2-round-img, .innerbanner .form2-round-img { top: -40px } .jurny_step_col { width: 100% } .jurny_step_col::before, .jurny_step_col:nth-child(2n)::before { display: block !important; width: 100%; height: 1px; top: inherit; bottom: 0; background: linear-gradient(90deg, rgba(41, 64, 33, 0) 0, #294021 50%, rgba(0, 0, 0, 0) 100%) } .jurny_step_rw { --bs-gutter-y: 20px } .jurny_step_bx { padding-bottom: 20px; text-align: center } .jurny_step_bx .htw-icon { width: 55px; margin: 0 auto 15px } .price_wrppr h2 { font-size: 18px } .price_wrppr h3.price { font-size: 26px } .price_wrppr li::before { width: 18px; height: 18px; top: 3px } .price_wrppr li { padding-left: 30px } .blog-inner-txt.service-clinic-prog ul { font-size: 16px } .blog-inner-txt.service-clinic-prog ul li::before { top: 9px; width: 5px; height: 5px } .blog-inner-txt.service-clinic-prog ul li { padding-left: 16px } } @media (max-width:359px) { .navbar-brand img { max-width: 144px } .whatsapp-menu { margin: 0 5px 0 auto } .not-found-page-srch .not-found-wppr:not(:last-child) { margin-right: 0; margin-bottom: 10px } } /* ===== Hero Social Proof ===== */ /* Hide the Elfsight floating badge (replaced by inline hero social proof) */ #__EAAPS_PORTAL { display: none !important; } .hero-social-proof { display: flex; align-items: center; gap: 10px; margin: 20px 0 28px; flex-wrap: wrap; } .hero-google-logo { width: 57px; height: auto; flex-shrink: 0; display: block; } .hero-stars { color: #FBBC04; font-size: 18px; letter-spacing: 2px; line-height: 1; } .hero-rating-text { color: #294021; font-size: 15px; line-height: 1.2; } .hero-rating-text strong { font-size: 16px; font-weight: 700; color: #294021; } @media (max-width: 991px) { .hero-social-proof { justify-content: center; width: 100%; } .hero-google-logo { width: 44px; } .hero-stars { font-size: 16px; } .hero-rating-text { font-size: 14px; text-align: center; } .hero-rating-text strong { font-size: 14px; } } @media (max-width: 575px) { .hero-social-proof { justify-content: center; gap: 7px; margin: 16px 0 22px; width: 100%; } .hero-google-logo { width: 38px; } .hero-stars { font-size: 14px; letter-spacing: 1px; } .hero-rating-text { font-size: 13px; text-align: center; } .hero-rating-text strong { font-size: 13px; } } /* ===== End Hero Social Proof ===== */