/* Theme Name: Woodmart Child Description: Woodmart Child Theme Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* ---------------------header-start--------------------------- */ .whb-general-header .site-logo { position: relative; } .whb-general-header .site-logo:before { content: ""; background: #fff; position: absolute; width: 110%; height: 130%; left: -10%; top: -15%; border-radius: 0 500px 500px 0; box-shadow: 0px 20px 15px #000000; } .whb-general-header .site-logo img { width: 141px !important; } .whb-general-header { padding-top: 40px !important; border: none !important; } .whb-general-header .container { border: none !important; } .whb-general-header .menu-item a span { font-size: 19px; font-weight: 500; padding-bottom: 0 !important; line-height: 19px !important; } .whb-general-header ul { gap: 40px; display: flex; align-items: center; justify-content: space-between; } .whb-sticked ul.wd-nav li.btn-color-primary { padding: 0px 30px; } .whb-main-header ul.wd-nav li.btn-color-primary span.nav-link-text:after { display: none; } .head-serve { font-size: 16px; padding: 10px 20px; border-radius: 5px; background: #fff !important; transition: 0.5s all ease; } .head-serve:hover { background-color: #0C5E52 !important; color: #fff; } .head-sig { font-size: 16px; padding: 10px 25px; border-radius: 5px; background: #0C5E52 !important; color: #fff; transition: 0.5s all ease; } .head-sig:hover { background-color: #fff !important; color: #000; } /* ---------------------header-end--------------------------- */ /* banner-start----------------------------------------------- */ .banner1 .info-box-wrapper .info-box-content h4 { font-size: 65px; color: #fff; text-transform: capitalize; line-height: 70px; display: inline-block !important; } .banner1 .info-box-wrapper .info-box-content p { font-size: 22px; color: #D7D7D5; } .banner1 .bmin-bt { font-size: 16px; padding: 15px 40px; border-radius: 5px; background: #0C5E52 !important; color: #fff; border: 2px solid #fff !important; transition: 0.5s all ease; } .banner1 .bmin-bt:hover { background: #000 !important; } .banner1 .bexp-bt { font-size: 16px; padding: 15px 40px; border-radius: 5px; background: #000 !important; color: #fff; border: 2px solid #fff !important; transition: 0.5s all ease; } .banner1 .bexp-bt:hover { background: #0c5e52 !important; color: #fff !important; } .bright-bt { background: #0c5e52; color: #fff; font-size: 31px; width: 278px; height: 277px; border-radius: 516px; /* display: flex; */ /* justify-content: center; */ font-weight: 100 !important; /* border: 11px solid #ffffff; */ position: relative; } .bright-bt:before { content: ""; position: absolute; top: -12px; left: -13px; right: 0; bottom: 0; /* background: rebeccapurple; */ border-radius: 50%; border: 12px solid #ffffff6b; height: 301px; width: 303px; font-family: 'George Town'; } .bright-bt:hover { background: #0c5e52 !important; color: #fff !important; } .banner1 .info-box-wrapper .info-box-content h4 b { background: #0c5e52; padding: 7px 15px; border-radius: 5px; display: inline-block !important; font-weight: normal; } .ho-ban .wd-marquee-content { padding-top: 45px; padding-bottom: 45px; position: relative; } .ho-ban .wd-marquee-content .wd-marquee-item { font-size: 26px; color: #0c5e52; font-weight: 100 !important; position: inherit !important; /* overflow: visible !important; */ } .ho-ban .wd-marquee-content .wd-marquee-item:before { content: ''; position: absolute; top: 18px; left: -72px; bottom: 0; background: #0c5e52; height: 1px; /* z-index: 9 !important; */ width: 50px; } /* .ho-ban .wd-marquee-content > :last-child::before { content: none; display: none; } */ .ho-ban .wd-marquee { border-bottom: 2px solid #ffff; } /* banner-end----------------------------------------------- */ .banner-bott .info-box-wrapper h4 { font-size: 65px; color: #fff; } .banner-bott-r2 { position: absolute !important; left: 0 !important; top: 750px; } .bb-sec { overflow: visible !important; height: 1250px; padding-top: 100px !important; /* padding-bottom: 299px !important; */ } /* -----------------banner-bottom-end____________________________ */ /* ------------------------testimonial-start------------------------ */ .testimonial-slider .testimonial-slide { position: relative; /* margin-right: 20px; */ /* width: fit-content !important; */ } .testimonial-slider .testimonial-slide .testimonial-content { position: absolute; top: 5%; left: 5%; height: 90%; width: 90%; background: #ffffffe0; padding: 56px; display: flex; flex-direction: column; /* justify-content: space-between; */ gap: 15px; transition: 1s all ease; } .testimonial-slider .testimonial-slide .testimonial-content h2 { font-size: 75px; margin: 0; line-height: 65px; } .testimonial-slider .testimonial-slide .testimonial-content h4 { font-size: 40px; margin-bottom: 0px; } .testimonial-slider .testimonial-slide .testimonial-content .testimonial-substyle { font-size: 29px; color: #000; } .testimonial-slider .testimonial-slide .testimonial-content p { color: #000; font-size: 18px; padding-top: 16px; } .testimonial-slider .testimonial-slide.slick-current .testimonial-content { height: 90%; width: 90%; top: 5%; left: 5%; background: #166359e6; } .testimonial-slider .testimonial-slide.slick-current .testimonial-content h2 { color: #fff; } .testimonial-slider .testimonial-slide.slick-current .testimonial-content .testimonial-title { color: #fff; } .testimonial-slider .testimonial-slide.slick-current .testimonial-content .testimonial-substyle { color: #fff; } .testimonial-slider .testimonial-slide.slick-current .testimonial-content .testimonial-para p { color: #fff; } .testimonials-slider-coun { border: 1px soild #000 !important; } .testimonials-slider-coun .info-box-content { border: 1px solid #000 !important; display: flex; justify-content: center; align-items: center; height: 533px; width: 67%; border-radius: 50% !important; } .testimonials-slider-coun .info-box-content h4 { font-size: 111px; font-weight: 300; padding-left: 23px; } .testimonials-slider-coun .info-box-content h4 b { font-weight: 200; /* background: rebeccapurple; */ width: 71px; position: relative; right: 8px; } .testimonials-slider-coun h4 b { display: inline-block; position: relative; } .count-cir .wd-info-box { display: flex !important; justify-content: center !important; align-items: center !important; } .count-cir { /* border-right: 1px solid #000; */ /* margin-right: 12p; */ position: relative; } .count-cir::before { content: ''; position: absolute; /* left: 0; */ right: 17px; background: #000; height: 100%; width: 1px; } .testimonial-bt { border: 1px solid #0c5e52; width: 157px; height: 46px; display: flex; justify-content: center; align-items: center; transition: 0.5s all ease; } .testimonial-bt a { color: #0c5e52; font-size: 17px; } .testimonial-bt:hover { background: #fcf4e9; cursor: pointer; color: #000 !important; } .testimonial-bt:hover a { color: #000; } /* ------------------------testimonial-end------------------------ */ .brows-house-sec .info-box-content h4 { color: #fff; font-size: 70px; font-size: 60px; padding-bottom: 12px; } .brows-house-sec .info-box-content p { color: #fff; font-size: 18px; } .brows-house-sec .info-box-content b { color: #0F7E6E; } .brows-house-sec { position: relative; } .brows-house-sec::before { content: ''; position: absolute; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #00000059 !important; display: block; } .house-btn-ro a { height: 71px; font-size: 19px; color: #fff; width: 299px; border-radius: 130px; background: #163641; box-shadow: inset 0 0 49px #215664; border: 1px solid #fff; } .house-btn-ro a:hover { background: transparent; color: #fff; } .house-btn-ro { position: relative; } .house-btn-ro::after { content: url(https://stage.projects-delivery.com/wp/zoe-koskinas/wp-content/uploads/2026/01/Group-32.png); position: absolute; right: 0; bottom: 10%; display: block; } .house-btn-ro::before { content: url(https://stage.projects-delivery.com/wp/zoe-koskinas/wp-content/uploads/2026/01/Group-33.png); position: absolute; left: 0; bottom: 10%; z-index: 10; } .house-marq .wd-marquee-content { padding-top: 45px; padding-bottom: 45px; position: relative; } .house-marq .wd-marquee-content .wd-marquee-item { font-size: 26px; color: #93C1B7; font-weight: 100 !important; } .house-marq .wd-marquee-content .wd-marquee-item:before { content: ''; position: absolute; top: 18px; right: -43%; bottom: 0; background: #fff; height: 1px; width: 40%; } /* .ho-ban .wd-marquee-content > :last-child::before { content: none; display: none; } */ .ho-ban .wd-marquee { border-bottom: 2px solid #ffff; } /* ----------------------------------------hoeuse-exist-start----------------------- */ .exists-row-bt .vc_single_image-wrapper img { border-radius: 50%; animation: rotateCircle 10s linear infinite; position: relative; } .exists-row-bt .vc_single_image-wrapper { position: relative; } @keyframes rotateCircle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .exists-row-bt .vc_single_image-wrapper:before { content: url(https://stage.projects-delivery.com/wp/zoe-koskinas/wp-content/uploads/2026/01/Icon-feather-arrow-down-right.png); position: absolute; top: 0; /* background: rebeccapurple; */ bottom: 0; left: 0; right: 0; z-index: 1; display: flex; justify-content: center; align-items: center; } .exists-row-figure figure { width: 100%; } .exists-row-figure figure .vc_single_image-wrapper { width: 100%; } .exists-row-figure figure img { width: 100%; } .exists-row-bt .info-box-content h4 { font-size: 60px; } .exists-row-bt .info-box-content h4 b { color: #0f7e6e; } .exists-row-bt .info-box-content p { color: #000; font-size: 18px; line-height: 3; } .exists-row-bt a { font-size: 16px; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; padding-left: 40px !important; border-radius: 29px; background: transparent !important; color: #000; border: 2px solid #000 !important; transition: 0.5s all ease; } .exists-row-bt a:hover { background: #0C5E52 !important; color: #fff; /* color: #0C5E52 !important; */ } /* ----------------------------------------hoeuse-exist-end----------------------- */ /* ----------------------packiges-row-start----------------------------- */ .packiges-row .box-icon-wrapper img { animation: rotateCircle 8s linear infinite; } .packiges-row .vc_column-inner { padding-left: 0px !important; } .packiges-row .box-icon-wrapper { position: relative; } .packiges-row .box-icon-wrapper::before { content: url(https://stage.projects-delivery.com/wp/zoe-koskinas/wp-content/uploads/2026/01/Icon-feather-arrow-down-right.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* background: rebeccapurple; */ display: flex; justify-content: center; align-items: center; z-index: 1; } .packiges-row .data-colum { border: 1px solid #000; padding-top: 50px; padding-bottom: 50px; padding-left: 55px; margin-bottom: 0px; border-bottom: none; } .package-slide .packages-img { display: none; } .package-slide .packiges-content { font-size: 20; } .package-slide .packiges-content h1 { font-size: 40px; } .package-slide .packiges-content p { color: #000; font-size: 18px; } .package-slide { padding: 112px; position: relative; height: 100%; /* border: 1px solid #000; */ } .packagea-price { position: absolute; bottom: 0; right: 0; background: #0c5e52; font-size: 44px; /* color: #fff; */ /* padding-top: 10px; */ p CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; padding-right: 2; width: 205px; display: flex; justify-content: center; color: #fff; } .package-slider { height: 600px; } .slick-list { height: 100%; } .package-slider .slick-track { height: 100%; } .packiges-row .wpb_text_column { border: 1px solid #000; } .packiges-row .wpb_single_image { margin-bottom: 0px; height: 530px !important; } .packiges-row figure { width: 100%; } .packiges-row figure .vc_single_image-wrapper { width: 100%; height: 500px !important; } .packiges-row figure img { width: 104%; height: 562px !important; } .packiges-row .vc_column-inner { padding-right: 0px; } .community-row h4 { font-size: 50px; } .community-row h4 b { color: #0c5e52; } .community-row .info-box-inner p { font-size: 18px; color: #000; margin-top: 14px; } /* ----------------------packiges-row-end----------------------------- */ /* ------------------------------------community-start---------------------------/ */ .wd-social-icon { background: linear-gradient(179deg, #082b24, #104a3e); color: #fff !important; padding: 22px !important; width: 67px !important; margin-right: 13px; font-size: 21px !important; } .wd-social-icon:hover { background: #000 !important; } .follow-us { font-size: 16px; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; padding-left: 40px !important; border-radius: 30px; background: transparent !important; color: #000; border: 2px solid #000 !important; transition: 0.5s all ease; margin-top: 25px } .follow-us:hover { background: linear-gradient(179deg, #082b24, #104a3e) !important; color: #fff;/* color: #0C5E52 !important; */ } .ambsiders-row .info-box-content { } .ambsiders-row .info-box-content h4 { font-size: 65px; } .ambsiders-row .info-box-content h4 b { color: #0c5e52; } .ambsiders-row .btn { background: linear-gradient(179deg, #082b24, #104a3e); color: #fff; font-size: 31px; width: 306px; height: 302px; border-radius: 516px; /* display: flex; */ /* justify-content: center; */ font-weight: 100 !important; /* border: 11px solid #ffffff; */ position: relative; line-height: 1.3; font-family: George 'George Town'; } .ambsiders-row { position: relative; } .ambsiders-row::before { content: ''; position: absolute; bottom: 55px; height: 2px; width: 51%; background: #b5b4b5; left: 8%; } /* ------------------------------------community-end---------------------------/ */ .ambassador-slide { display: flex !important; justify-content: space-around; flex-direction: column; padding: 30px 15px; } .ambassador-slide .amb-con { font-size: 19px !important; color: #000; line-height: 34px; position: relative; } .amd-headind { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; height: fit-content; } .amd-headind::before { content: ''; position: absolute; left: 0; height: 2px; width: 35%; background: #0c5e52; display: block; top: 50%; } .amd-headind::after { content: ''; position: absolute; right: 0; height: 2px; width: 35%; background: #0c5e52; display: block; top: 50%; } .ambassador-slide .amb-con::before { content: ',,'; position: absolute; top: -47%; right: 0; font-size: 200px; color: #0c5e52; z-index: -40; letter-spacing: -22px; z-index: 1; } .ambassador-slide .amb-con::after { content: ',,'; position: absolute; top: -47%; left: 0; font-size: 200px; color: #164e43; z-index: -40; letter-spacing: -22px; transform: rotatey(-180deg); z-index: 1; } .slick-prev:before { content: ''; } .slick-next:before { content: ''; } .slick-next.slick-arrow { } .slick-next.slick-arrow i { color: #000; padding-right: 6px; } .slick-next.slick-arrow:hover { background: #000; color: #fff !important; } .slick-next.slick-arrow:hover i { color: #fff !important; } .ambassador-slider .slick-arrow { background: transparent; border: 1px solid #000; font-size: 23px; height: 45px; width: 45px; border-radius: 50%; font-weight: 400; position: absolute; left: 47%; z-index: 10; top: 89%; } .ambassador-slider .slick-arrow.slick-next { left: 51%; } .slick-prev.slick-arrow i { color: #000; padding-right: 6px; } .slick-prev.slick-arrow:hover { background: #000; color: #fff !important; } .slick-prev.slick-arrow:hover i { color: #fff !important; } /* ==================================================footer-start------------------------ */ .footer-main .vc_custom_heading { font-weight: lighter !important; color: #fff; padding-bottom: 32px; } .footer-main .woodmart-nav-link { padding-left: 0p; } .footer-main .menu-item:hover { background: transparent !important; } .footer-main .woodmart-nav-link:hover { background: transparent; color: #fff; } .footer-main .woodmart-nav-link .nav-link-text { color: #fff; } .footer-main .wd-social-icon { background: #0c5e52 !important; color: #fff !important; padding: 15px !important; width: 46px !important; margin-right: 13px; font-size: 15px !important; } .footer-main .wd-social-icon:hover { background: #fff !important; color: #000 !important; } .footer-main .wd-social-icons { display: flex; justify-content: flex-start; padding-top: 36px; } .footer-main .info-box-content { } .footer-main .info-box-content p { color: #fff; } .footer-main h4 { font-size: 16px; color: #fff; font-weight: 200; padding-top: 14px; } .ftb { position: relative; } .ftb::before { content: ''; background: #fff; height: 1px; bottom: -5px; position: absolute; width: 40px; } .footer-bottom .woodmart-nav-link { padding-right: 57px; } .footer-bottom { border-top: 1px solid #fff; padding-top: 24px; margin-top: 20px !important; } .footer-main a { color: #fff; font-size: 16px; } .wd-page-title { background: #fff !important; color: #000 !important; height: 350px !important; } h1.entry-title.title { color: #fff !important; } nav.wd-breadcrumbs a, nav.wd-breadcrumbs span { color: #fff !important; } span.wd-last { color: #000 !important; } .wd-page-title .container { margin-top: 50px !important; } .gform-body input { border: 2px solid #0c5e52 !important; } textarea#input_1_7 { border: 2px solid #0c5e52 !important; } input#gform_submit_button_1 { border: 2px solid #fff !important; background: linear-gradient(179deg, #082b24, #104a3e); color: #fff !important; width: 150px !important; height: 50px !important; border-radius: 25px !important; } @media (min-width:1190px) and (max-width:1400px) { .whb-header #menu-main-menu li .nav-link-text { font-size: 17px; } .whb-general-header .site-logo img { width: 100px !important; } .head-serve { font-size: 13px; padding: 16px !important; /* padding-left: 14px !important; */ } .head-sig { font-size: 14px; padding: 16px; padding-left: 22px !important; padding-right: 22px !important; } .banner1 .info-box-wrapper .info-box-content h4 { font-size: 40px; } .banner1 .info-box-wrapper .info-box-content p { font-size: 20px; } .whb-general-header { padding-top: 30px !important; } #slider-21 .wd-carousel-wrap { height: 875px !important; } .ho-ban .wd-marquee-content .wd-marquee-item { font-size: 20px !important; } .ho-ban .wd-marquee-content .wd-marquee-item:before { width: 65px; left: -80px; } . .banner-bott .info-box-wrapper h4 { font-size: 40px !important; } .banner-bott .info-box-wrapper h4 { font-size: 42px; padding-left: 45px; } .bb-sec { height: 1029px; overflow: visible !important; } .banner-bott-r2 { bottom: -48px !important; overflow: visible !important; } .banner-bott-r2 .wpb_single_image { position: relative; bottom: 62px; } .testimonials-slider-coun .info-box-content { height: 342px; } .testimonials-slider-coun .info-box-content h4 { font-size: 94px; } .house-btn-ro::after { width: 36%; top: 26%; } .house-btn-ro::before { left: -250px; top: 27px; /* max-width: 20px !important; */ /* HEIGHT: 4PX; */ /* background: rebeccapurple; */ } .banner1 .info-box-wrapper .info-box-content h4 b { font-size: 34px; } .exists-row-bt .info-box-content h4 { font-size: 40px; } .exists-row-bt .info-box-content p { font-size: 16px; } .packiges-row .info-box-title { font-size: 40px !important; } .community-row h4 { font-size: 40px; } .community-row .info-box-inner p { font-size: 16px; } .ambsiders-row .info-box-content h4 { font-size: 40px; } .ambsiders-row .wd-info-box { margin-bottom: 0px !important; } .ambsiders-row .btn { height: 220px; width: 226px; font-size: 25px; } .amd-headind::before { top: 23% !important; left: -5px; } .amd-headind::after { top: 22%; right: 0; } .slick-prev.slick-arrow { bottom: -405px; } .brows-house-sec .info-box-content h4 { font-size: 40px; } .brows-house-sec .info-box-content p { font-size: 16px; } .house-marq .wd-marquee-content .wd-marquee-item { font-size: 20px; } .house-marq .wd-marquee-content .wd-marquee-item:before { LEFT: -67px !important; WIDTH: 53PX; } .testimonial-slider .testimonial-slide .testimonial-content { display: block; } .testimonial-slider .testimonial-slide .testimonial-content h2 { font-size: 50px; } .testimonial-slider .testimonial-slide .testimonial-content h4 { font-size: 40px !important; } .testimonial-slider .testimonial-slide .testimonial-content .testimonial-substyle { font-size: 22px !important; } .testimonial-slider .testimonial-slide .testimonial-content .testimonial-para p { font-size: 16px; } .testimonial-slider .testimonial-slide { margin-left: 22px; } .testimonial-slider .testimonial-slide.slick-current .testimonial-content { width: 90%; } .enginer-ex-ro { min-height: 500px !important; } } #slide-33 { position: relative; } #slider-21 .wd-carousel-wrap .wd-slide.wd-carousel-item:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0px; background: linear-gradient(180deg, #000000c4, transparent); z-index: 2; } .testimonial-slider .slick-dots button.slick-dot-number:before { display: none; } .testimonial-slider .slick-dots li.slick-active button.slick-dot-number { background: #f456; } .how_works .how_works_slide { position: relative; background: #fffffff0; height: 250px; border-radius: 500px; width: 250px; margin: 0 auto; overflow: hidden; transition: 0.5s; border: 3px solid #0c5e52; transform: scale(0.9); } .how_works .info-box-wrapper:nth-child(even) { margin-top: 5%; } .how_works .how_works_slide .info-box-content { padding: 15px; display: flex; flex-direction: column; justify-content: center; } .how_works .how_works_slide:before { content: ""; position: absolute; width: 95%; height: 95%; background: #0c5e52; border-radius: 500px; right: -100%; bottom: 2.5%; transition: 0.5s; } .how_works .how_works_slide:hover:before { transition: 0.5s; right: 2.5%; opacity: 1; } .how_works .how_works_slide .info-box-content .info-box-inner.reset-last-child { position: absolute; left: -100%; width: 80%; margin: 0; height: 100%; transition: 0.5s; display: flex; align-items: center; padding: 10px; } .how_works .how_works_slide:hover .info-box-content .info-box-inner.reset-last-child { left: 10%; transition: 0.5s; } .how_works .how_works_slide .info-box-content .info-box-inner.reset-last-child ul { margin: 0; list-style: none; padding: 0; } .how_works .how_works_slide .info-box-content .info-box-inner.reset-last-child ul li { line-height: 18px; } .how_works .how_works_slide:hover, .how_works .wd-active .how_works_slide { transform: scale(1.1); transition: 0.5s; box-shadow: 0px 10px 5px #00000054; } .how_works .how_works_slide .info-box-content .info-box-subtitle { font-size: 35px !important; line-height: 35px !important; } .testimonial-active-number-wrap { position: absolute; top: -0%; width: 7%; overflow: hidden; right: 1%; } .testimonial-active-number-wrap .testimonial-active-number { font-size: 55px !important; background: #0c5e52; color: #fff; opacity: 1 !important; display: flex; align-items: center; justify-content: center; border-radius: 500px; padding: 10px; width: 100%; max-width: 100%; min-width: 100%; } .testimonial-active-number-wrap .testimonial-active-number-track { margin: 0 15px; } .pac-img img { width: 100%; height: 450px; object-fit: cover; transition: opacity 0.5s ease-in-out; opacity: 1; } .pac-img img.fade-out { opacity: 0; } .testimonial-slider .testimonial-slide .testimonial-para { display: none; } .testimonial-slider .testimonial-slide .testimonial-bt { padding: 10px 30px; width: fit-content; } .testimonial-slider .testimonial-slide.slick-current.slick-active .testimonial-bt { border-color: #fff; color: #fff !important; } .testimonial-slider .testimonial-slide.slick-current.slick-active .testimonial-bt a { color: #fff; } .testimonial-slider .testimonial-slide.slick-current.slick-active .testimonial-bt a:hover { color: #0c5e52; } .testimonial-slider .testimonial-slide .testimonial-content .testimonial-bottom { display: flex; flex-direction: column; gap: 25px; } .testimonial-slider button.testimonial-arrow { position: absolute; left: 45%; top: -13%; padding: 0; width: 50px; height: 50px; z-index: 9; padding: 10px; display: flex; align-items: center; } .testimonial-slider button.slick-next.testimonial-arrow.slick-arrow { left: 50%; } .testimonial-slider button.testimonial-arrow:before { display: none; } .testimonial-slider button.testimonial-arrow.slick-arrow img { width: 100%; height: 100%; object-fit: contain; transition: 0.5s; } .testimonial-slider button.testimonial-arrow.slick-arrow:hover img { transition: 0.5s; filter: invert(1); } /* New Home */ header.whb-header.whb-header_604490 { padding-top: 0; } header.whb-header.whb-header_604490 .whb-row.whb-general-header { padding: 0 !important; background: #fff; } header.whb-header.whb-header_604490 .whb-row.whb-general-header .site-logo:before { display: none; } header.whb-header.whb-header_604490 .whb-row.whb-general-header .site-logo { width: 200px; display: flex; justify-content: center; height: 100% !important; max-height: 100% !important; } header.whb-header.whb-header_604490 .whb-row.whb-general-header .site-logo img { width: 100% !important; max-width: 100% !important; height: 100px !important; max-height: 150px !important; } .whb-header_604490 .whb-general-header nav.wd-header-nav.wd-header-main-nav li a { color: #000; } .whb-header_604490 .whb-general-header nav.wd-header-nav.wd-header-main-nav ul { width: 100% !important; display: flex; justify-content: space-between; } header.whb-header.whb-header_604490 .whb-row.whb-general-header .site-logo .wd-logo.wd-main-logo { background: #ffffff; border-radius: 0 0 500px 500px; max-height: 350px !important; height: 150px !important; padding: 10px 20px 30px 20px; display: flex; align-items: center; justify-content: center; height: 150px !important; width: 100%; } footer .wd-nav li a:hover { background: transparent; } .footer_newsletter { padding: 50px; background: #fff; border-radius: 15px; position: relative; } .footer_newsletter:before { content: ""; position: absolute; width: 100%; height: 50%; background-size: contain !important; background-image: url(imgs/newsletter_stamp.png) !important; background: no-repeat; top: -25%; left: -13%; } .footer_newsletter:after { content: ""; width: 98%; height: 5px; position: absolute; left: 1%; top: 0; background: repeating-linear-gradient(-45deg, #43bea4, #43bea4 16.66px, /* First color ends */ #fff 16.66px, /* Second color starts */ #fff 33.32px, /* Second color ends */ #10493d 33.32px, /* Third color starts */ #10493d 50px /* Third color ends */); } .footer_newsletter .easy-newsletter form .input-field label { display: none; } .footer_newsletter .easy-newsletter form .input-field input.wpens_email { position: relative; height: 60px; border-radius: 150px; background: #eef3fa; border: none; } .footer_newsletter .easy-newsletter form { position: relative; } .footer_newsletter .easy-newsletter form .input-field.input-submit { margin: 0; position: absolute; top: 14%; right: 2%; } .footer_newsletter .easy-newsletter form .input-field.input-submit #easy-newsletter-submit { border-radius: 50px; background: linear-gradient(0deg, #104a3e, #082b24); color: #fff; } .footer_newsletter .easy-newsletter form .input-field { margin: 0; } .footer_newsletter p { font-size: 18px; } footer .wd-nav li a { padding: 0; } footer .wd-nav li a span { text-transform: capitalize; font-size: 14px; color: #fff; padding: 10px 0; font-weight: 400; } footer ul.menu.wd-nav li.menu-item a:hover { background: transparent; } footer.wd-footer.footer-container section .footer_logo { width: fit-content; margin: -7% auto 6%; background: #000000; padding: 25px; border-radius: 150px; border-top: 10px solid #fff; } footer.wd-footer.footer-container section { overflow: visible; } .wd-slider .info-box-wrapper .info-box-title strong { font-weight: 100; color: #1da589; } .btn-color-primary { border-radius: 50px; border: 1px solid #fff; background-image: linear-gradient(179deg, #082b24, #104a3e); color: #fff !important; transition: 0.5s; font-size: 20px; font-weight: normal; text-transform: none; padding: 15px 35px; } .btn-color-primary span { color: #fff; } .btn-color-primary:hover { transition: 0.5s; transform: scale(1.1); } .our_story_sec .our_story_banner_img:before { content: ""; width: 150%; height: 110%; background: #104a3e; position: absolute; left: 0; top: -5%; border-top-left-radius: 15px; } main#main-content { padding-block: 0; } .wd-page-title.page-title { height: 400px !important; display: flex; align-items: center; background-image: linear-gradient(179deg, #082b24, #104a3e) !important; } .protocols-slick-slider .protocol-slide { margin: 0 15px; padding: 15px; border-radius: 15px; background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; } .protocols-slick-slider .protocol-slide .protocol-thumb img { height: 450px; object-fit: cover; object-position: top center; transition: 0.5s; } .protocols-slick-slider .protocol-slide .protocol-thumb { border-radius: 15px; overflow: hidden; } .protocols-slick-slider .protocol-slide:hover .protocol-thumb img { transition: 0.5s; scale: 1.1; transform: rotate(5deg); } .protocols-slick-slider .protocol-slide .protocol_footer { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; } .protocols-slick-slider .protocol-slide .protocol_footer .protocol-title { margin: 0; color: #fff; } .protocols-slick-slider .protocol-slide .protocol_footer a.protocol-slide-icon { background: #10493e; color: #fff; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 150px; border: 1px solid #10493e; transition: 0.5s; } .protocols-slick-slider .protocol-slide .protocol_footer a.protocol-slide-icon:hover { transition: 0.5s; border-color: #fff; } .protocols-slick-slider button.slick-arrow { background: transparent; position: absolute; transition: 0.5s; top: 105%; } .protocols-slick-slider button.slick-arrow i { color: #fff; font-size: 50px; } .protocols-slick-slider button.slick-prev.slick-arrow { left: 0; transform: rotate(-35deg); } .protocols-slick-slider button.slick-prev.slick-arrow:hover { transition: 0.5s; transform: rotate(0deg); background: transparent; } .protocols-slick-slider button.slick-next.slick-arrow { transform: rotate(35deg); right: 0; } .protocols-slick-slider button.slick-next.slick-arrow:hover { transition: 0.5s; transform: rotate(0deg); background: transparent; } .our_story_sec .our_story_banner_img .wd-image { position: relative; } .our_story_sec img { border-radius: 15px; } .house-system-grid-wrapper .house-system-item .house-system-number { font-size: 60px; font-weight: 900; color: transparent; -webkit-text-stroke: 1px black; text-align: center; width: 100%; display: block; line-height: 60px; transition: 0.5s; } .house-system-grid-wrapper .house-system-item .house-system-title { font-size: 25px !important; line-height: 30px; text-align: center; width: 50%; margin: 0 auto !important; min-height: 70px; display: flex; align-items: center; justify-content: center; color: #10493e; font-weight: 600; transition: 0.5s; } .house-system-grid-wrapper .house-system-item { position: relative; width: 100%; padding: 10px; cursor: pointer; } .house-system-grid-wrapper .house-system-item .house-system-item_inner { width: 90%; margin-left: auto; margin-top: 10%; position: relative; padding: 15px; border-radius: 15px; height: fit-content; transition: 0.5s; max-height: fit-content; overflow: hidden; } .house-system-grid-wrapper .house-system-item:before { content: ""; width: 200px; height: 200px; background: #10493e; position: absolute; border-radius: 500px; top: 0; left: 0; } .house-system-grid-wrapper .house-system-item .house-system-item_inner:before { content: ""; width: 100%; height: 150px; position: absolute; background: #ebebeb; top: 0; left: 0; transition: 0.5s; border-radius: 15px; } .house-system-grid-wrapper .house-system-item .house-system-item_inner .house-system-item_head { position: relative; } .house-system-grid-wrapper .house-system-item .house-system-item_inner .house-system-content { transition: 0.5s; opacity: 0; position: relative; margin-top: 15px; height: 0; transition: 0.5s; } .house-system-grid-wrapper .house-system-item:hover .house-system-item_inner:before { height: 100% !important; transition: 0.5s; background: #10493e; } .house-system-grid-wrapper .house-system-item:nth-child(even):before { background: #000; } .house-system-grid-wrapper .house-system-item:hover .house-system-item_inner .house-system-number { -webkit-text-stroke: 1px #ffffff; transition: 0.5s; } .house-system-grid-wrapper .house-system-item:hover .house-system-item_inner .house-system-title { color: #fff; transition: 0.5s; } .house-system-grid-wrapper .house-system-item:hover .house-system-item_inner .house-system-content { color: #fff; } .house-system-grid-wrapper .house-system-item:hover .house-system-item_inner { transition: 0.5s; height: fit-content; border: 1px solid #fff; } .house-system-grid-wrapper .house-system-item:hover .house-system-item_inner .house-system-content { max-height: 100%; overflow: hidden; transition: 0.5s; opacity: 1; height: 100%; transition: 0.5s; } .wd-header-nav .btn-color-primary a { padding: 0 !important; line-height: normal; min-height: auto; } .gallery_sec img { border-radius: 15px; transition: 0.5s; position: relative; height: 500px; object-fit: cover; } .gallery_sec img:hover { transition: 0.5s; transform: scale(1.1); z-index: 10; } .gallery_sec, .gallery_sec .vc_row { overflow: visible !important; } .gallery_sec .wd-image { margin: 0; } .why_sec img { width: 80%; } .category-grid-wrapper .category-grid-item { width: 32%; } .category-grid-wrapper .category-grid-item .category-grid-thumb img { border-radius: 15px; height: 350px; object-fit: cover; object-position: center; } .category-grid-wrapper .category-grid-item .category-grid-meta { width: 90%; background: #10493e; padding: 15px; border-radius: 15px; margin-top: -15%; position: relative; } .category-grid-wrapper .category-grid-item .category-grid-meta .category-grid-title, .category-grid-wrapper .category-grid-item .category-grid-meta .category-grid-title a { font-size: 25px; color: #fff; } .category-grid-wrapper .category-grid-item .category-grid-meta .category-grid-excerpt { color: #fff; margin-bottom: 10px; } .category-grid-wrapper .category-grid-item .category-grid-meta .footer .category-grid-meta-info { display: flex; justify-content: space-between; align-items: center; } .category-grid-wrapper .category-grid-item .category-grid-meta .footer .category-grid-meta-info .category-grid-author img { border-radius: 150px; } .category-grid-wrapper .category-grid-item .category-grid-meta .footer .category-grid-meta-info .category-grid-author, .category-grid-date { color: #fff; } .category-grid-wrapper .category-grid-item .category-grid-meta .category-grid-excerpt p { font-weight: 100 !important; font-family: 'Poppins'; display: -webkit-box; -webkit-line-clamp: 2; /* Change 3 to your desired number of lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .copyright_sec { background-image: linear-gradient(45deg, #104a3e, #082b24); } .copyright_sec .social-follow a.wd-social-icon { width: 40px !important; color: #0b372e !important; background: transparent !important; border: 1px solid #fff; height: 40px; position: relative; padding: 0 !important; } .copyright_sec .social-follow a.wd-social-icon span.wd-icon { position: relative; font-size: 13px; } .copyright_sec .social-follow a.wd-social-icon:before { content: ""; width: 25px; height: 25px; background: #fff; position: absolute; border-radius: 150px; transition: 0.5s; } .copyright_sec .social-follow a.wd-social-icon:hover:before { transition: 0.5s; width: 100%; height: 100%; } .why_sec .info-box-wrapper .info-box-title { position: relative; } .why_sec .info-box-wrapper .info-box-content:before { content: ""; background: linear-gradient(45deg, transparent, #104a3e); position: absolute; width: 123%; height: 20%; top: -2%; right: -22%; } .why_sec.coming_soon .info-box-wrapper .info-box-content:before { display: none; }