.mini-cart-content .mini-cart-close i, body, html { font-size: 15px } .fi:before, .hero .slick-dots li, .wpo-project-area-s2 .wpo-project-wrap .project-grids, .wpo-team-section .team-wrapper .slick-dots li, .wpo-team-section-s2 .team-wrapper .slick-dots li, ul { margin: 0 } .theme-btn, .theme-btn-s2, .view-cart-btn, .wpo-page-title { z-index: 1; position: relative } .sr-only, .sticky-header, .wow { visibility: hidden } :root { scroll-behavior: unset } body { font-family: "DM Sans",sans-serif; background-color: #fff; overflow-x: hidden } p { font-size: 16px; line-height: 1.8em } h1, h2, h3, h4, h5, h6 { color: #213644; font-family: Vidaloka,serif; font-weight: 600 } ul { padding-left: 0 } body a { text-decoration: none; transition: .2s; color: #213644 } body a:hover { text-decoration: none; color: #8e713e } img { max-width: 100% } .sr-only { display: none !important; opacity: 0 } .mini-cart-content .mini-cart-item-des, .page-wrapper, .wpo-team-section .team-wrapper .team-single, .wpo-team-section-s2 .team-wrapper .team-single { position: relative; overflow: hidden } .section-padding, .wpo-project-area-s2, .wpo-service-section-s3 { padding: 120px 0 } @media (max-width:991px) { .section-padding { padding: 90px 0 } } .contact-validation-active label.error { color: red; font-size: calc-rem-value(14); font-weight: 400; margin: 5px 0 0; text-align: left; display: block } .contact-validation-active #c-loader, .contact-validation-active #loader { display: none; margin-top: 10px } .contact-validation-active #c-loader i, .contact-validation-active #loader i { font-size: 30px; font-size: calc-rem-value(30); color: #8e713e; display: inline-block; -webkit-animation: 2s linear infinite rotating; animation: 2s linear infinite rotating } .contact-validation-active #c-error, .contact-validation-active #c-success, .contact-validation-active #error, .contact-validation-active #success { width: 100%; color: #fff; padding: 5px 10px; font-size: 16px; text-align: center; display: none } .contact-validation-active #c-success, .contact-validation-active #success { background-color: #009a00; border-left: 5px solid green; margin-bottom: 5px } .contact-validation-active #c-error, .contact-validation-active #error { background-color: #ff1a1a; border-left: 5px solid red } @-webkit-keyframes rotating { from { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes rotating { from { transform: rotate(0) } to { transform: rotate(360deg) } } .rotating { -webkit-animation: 5s infinite alternate rotating; animation: 5s infinite alternate rotating } .wpo-section-title { margin-bottom: 60px; text-align: center; position: relative } .wpo-section-title span { text-transform: uppercase; color: #8e713e; font-family: "DM Sans",sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: .2em } #usps, .blog-sidebar .widget h3, .theme-btn, .theme-btn-s2, .view-cart-btn, .wpo-checkout-area .submit-btn-area .theme-btn, .wpo-checkout-area .submit-btn-area .view-cart-btn, .wpo-section-title h2 { text-transform: capitalize } .wpo-section-title h2 { margin: 20px 0 0; position: relative; font-family: Vidaloka,serif; font-size: 46px; font-weight: 400; line-height: 46px } @media (max-width:1399px) { .wpo-section-title h2 { font-size: 40px } } @media (max-width:1199px) { .wpo-section-title h2 { font-size: 33px } } @media (max-width:767px) { body { font-size: 14px } .section-padding { padding: 80px 0 } .contact-validation-active #c-error, .contact-validation-active #c-success, .contact-validation-active #error, .contact-validation-active #success { font-size: 15px } .wpo-section-title { margin-bottom: 40px } .wpo-section-title h2 { font-size: 32px; line-height: 40px } } @media (max-width:330px) { .wpo-section-title h2 { font-size: 30px } } .wpo-section-title p { font-size: 18px } .wpo-section-title .shape-title { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%) } .blog-sidebar .wpo-instagram-widget ul li img, .wpo-about-section .about-left img, .wpo-blog-pg-section .entry-media img, .wpo-blog-section .blog-wrapper .blog-single .images img, .wpo-blog-single-section .entry-media img, .wpo-blog-single-section .post .gallery img, .wpo-checkout-area .payment-area, .wpo-contact-pg-section .office-info .office-info-item .office-info-icon .icon .fa-solid, .wpo-payment-area, .wpo-project-area-s2 .wpo-project-wrap .project-grids .grid img, .wpo-section-title .shape-title img, .wpo-shop-section .grid img, .wpo-site-footer .instagram ul li img, .wpo-site-header .row { width: 100% } .theme-btn, .view-cart-btn { background: #8e713e; color: #fff; display: inline-block; font-weight: 700; padding: 15px 45px; border: 0; -webkit-backface-visibility: hidden; font-size: 14px; font-size: calc-rem-value(16); transition: .3s ease-in-out; overflow: hidden } .theme-btn:after, .view-cart-btn:after { position: absolute; content: ""; top: -50%; left: 0; width: 100%; height: 100%; background: #fff; transition: .3s ease-in-out; opacity: 0; z-index: -1 } .blog-sidebar .category-widget ul a.active, .blog-sidebar .category-widget ul a:hover, .blog-sidebar .category-widget ul li:hover:before, .blog-sidebar .recent-post-widget .post h4 a:hover, .blog-sidebar .wpo-newsletter-widget span a:hover, .cart-area .cart-wrap .product a:hover, .goldText, .mini-cart-content .mini-cart-item-des a:hover, .theme-btn:active, .theme-btn:hover, .topbar .contact-info ul li a:hover, .view-cart-btn:active, .view-cart-btn:hover, .wpo-blog-pg-section .entry-meta ul li a:hover, .wpo-blog-pg-section .post a.read-more:hover, .wpo-blog-pg-section .post h3 a:hover, .wpo-blog-single-section .author-box .social-link a:hover, .wpo-blog-single-section .comments-area .comment-reply-link:hover, .wpo-blog-single-section .entry-meta ul li a:hover, .wpo-blog-single-section .more-posts a:hover .post-control-link, .wpo-blog-single-section .tag-share .tag a:hover, .wpo-blog-single-section .tag-share-s2 .tag a:hover, .wpo-page-title .wpo-breadcumb-wrap ol li a:hover, .wpo-project-area-s2 .project-wrapper .project-single:hover .project-single-text a h2, .wpo-project-area-s2 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 a:hover, .wpo-project-section .project-wrapper .project-single:hover .project-single-text a h2, .wpo-project-single-area .wpo-project-single-wrap .project-single:hover .project-single-text a h2, .wpo-shop-section .details h3 a:hover, .wpo-shop-single-section .product-info .client-rv .rating i { color: #8e713e } .bgBlue a, .wpo-about-text .theme-btn:hover, .wpo-blog-section .blog-wrapper .blog-single:hover .text h2, .wpo-blog-section .blog-wrapper .blog-single:hover .text span, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .text h2, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .text span, .wpo-cta-section .cta-wrapper .cta-right a:hover, .wpo-header-style-3 .topbar .contact-intro li, .wpo-header-style-3 .topbar ul li span, .wpo-project-area-s2 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 a, .wpo-service-section .scervice-wrap .scervice-item:hover .scervice-item-text a h2, .wpo-service-section .scervice-wrap .scervice-item:hover .scervice-item-text a h2 span, .wpo-service-section .scervice-wrap .scervice-item:hover .scervice-item-text p, .wpo-service-section-s2 .scervice-wrap .scervice-item:hover .scervice-item-text a h2, .wpo-service-section-s2 .scervice-wrap .scervice-item:hover .scervice-item-text a h2 span, .wpo-service-section-s2 .scervice-wrap .scervice-item:hover .scervice-item-text p, .wpo-service-section-s3 .scervice-wrap .scervice-item:hover .scervice-item-text a h2, .wpo-service-section-s3 .scervice-wrap .scervice-item:hover .scervice-item-text a h2 span, .wpo-service-section-s3 .scervice-wrap .scervice-item:hover .scervice-item-text p, .wpo-site-footer li, .wpo-site-footer p, a:hover .scervice-item h2, form .theme-btn:hover { color: #fff } .sticky-on, .theme-btn:hover:after, .view-cart-btn:hover:after { opacity: 1; top: 0 } @media (max-width:991px) { .theme-btn, .view-cart-btn { font-size: 18px; font-size: calc-rem-value(18) } } @media (max-width:767px) { .theme-btn, .theme-btn-s2, .view-cart-btn { padding: 12px 18px; font-size: 13px } } .form input, .form select, .form textarea { border-color: #bfbfbf; border-radius: 0; outline: 0; box-shadow: none; color: #595959; font-style: normal } .form input:focus, .form select:focus, .form textarea:focus { border-color: #8e713e; -o-box-shadow: 0 0 5px 0 #bea689; -ms-box-shadow: 0 0 5px 0 #bea689; box-shadow: 0 0 5px 0 #bea689 } .form ::-webkit-input-placeholder { font-style: italic; color: #595959 } .form :-moz-placeholder { font-style: italic; color: #595959 } .form ::-moz-placeholder { color: #595959; font-style: normal } .form :-ms-input-placeholder { color: #595959; font-style: normal } .form select { font-style: normal; background: url(/images/select-icon.png) right center no-repeat; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer } .form select::-ms-expand { display: none } .form ::placeholder { font-style: normal } .blog-sidebar .recent-post-widget .post, .social-links, .static-hero .swiper-slide, .static-hero-s2 .swiper-slide, .static-hero-s3 .swiper-slide, .wpo-blog-single-section .comment-respond .form-inputs, .wpo-hero-slider .swiper-slide, .wpo-hero-slider-s2 .swiper-slide, .wpo-project-area-s2 .project-wrapper .project-single .project-single-img, .wpo-project-section .project-wrapper .project-single .project-single-img, .wpo-project-single-area .wpo-project-single-wrap .project-single .project-single-img, .wpo-site-footer .link-widget, .wpo-team-section-s2 .team-wrapper .team-single .team-single-img { overflow: hidden } .wpo-page-title { background: url(/images/slider/slider2.webp) center/cover no-repeat; min-height: 450px; display: flex; justify-content: center; flex-direction: column } .wpo-page-title:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; content: ""; z-index: -1; opacity: .5 } .wpo-page-title .wpo-breadcumb-wrap { text-align: center; margin-top: 10px } .preloader .loader-circle, .preloader .loader-line-mask { left: 50%; margin-left: -60px; margin-top: -60px; position: absolute; top: 50% } .wpo-page-title .wpo-breadcumb-wrap h1 { font-size: 60px; color: #fff; line-height: 60px; margin-top: -10px; margin-bottom: 20px; font-weight: 400; text-transform: capitalize } .wpo-page-title .wpo-breadcumb-wrap h2 { display: inline-block; padding: 0 20px 0 5px; color: #fff; position: relative; font-size: 20px; font-family: "DM Sans",sans-serif } .hero .slick-dots button:before, .hero .slide .slider-bg, .validation-summary-valid, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-dots, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-nav.disabled, .wpo-checkout-area #open3, .wpo-checkout-area #open4, .wpo-checkout-area .payment-name, .wpo-contact-map-section h2.hidden, .wpo-page-title .wpo-breadcumb-wrap ol li:last-child:after, .wpo-partners-section .hidden, .wpo-partners-section .partners-slider .owl-nav, .wpo-shop-single-section .product-details .product-option .product-row button:after, .wpo-shop-single-section .product-details .product-option .theme-btn:before, .wpo-shop-single-section .product-details .product-option .view-cart-btn:before, .wpo-site-footer-s2:before, .wpo-site-header .menu-close, .wpo-team-section .team-wrapper .slick-dots button:before, .wpo-team-section-s2 .team-wrapper .slick-dots button:before { display: none } .preloader { background-color: #213644; width: 100%; height: 100%; position: fixed; z-index: 1000; overflow: hidden } .preloader .vertical-centered-box { position: absolute; width: 100%; height: 100%; text-align: center } .preloader .vertical-centered-box:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em } .preloader .vertical-centered-box .content { box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: left; font-size: 0 } .preloader *, .wpo-checkout-area .active-border { transition: .3s } .preloader .loader-circle { width: 120px; height: 120px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1) } .preloader .loader-line-mask { width: 60px; height: 120px; overflow: hidden; transform-origin: 60px 60px; -webkit-mask-image: -webkit-linear-gradient(top,#000000,#fff0); -webkit-animation: 1.2s linear infinite rotate; animation: 1.2s linear infinite rotate } .preloader .loader-line-mask .loader-line { width: 120px; height: 120px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .5) } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } } .sticky-header::before, .topbar::before, .wpo-site-header::before { transform: translate(-50%,-50%); background: #fff; z-index: -1; content: "" } @keyframes rotate { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @-webkit-keyframes fade { 0% { opacity: 1 } 50% { opacity: .25 } } @keyframes fade { 0% { opacity: 1 } 50% { opacity: .25 } } @-webkit-keyframes fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } .blog-sidebar .widget h3 { font-size: 23px; font-size: calc-rem-value(23); color: #213644; margin: 0 0 1.3em; position: relative; font-family: Vidaloka,serif; padding-bottom: 20px; font-weight: 400 } .blog-sidebar .widget h3:before { content: ""; background-color: #8e713e; width: 55px; height: 4px; position: absolute; left: 0; bottom: 0; border-radius: 10px } .blog-sidebar .widget h3:after { content: ""; background-color: #f2f2f2; width: 80%; height: 4px; position: absolute; left: 65px; bottom: 0; border-radius: 10px } .blog-sidebar > .widget + .widget { margin-top: 65px } .blog-sidebar .search-widget form div, .cart-search-contact form div, .header-search-area form, .hero-style-1 .slide .row, .wpo-about-area-s2 .wpo-about-img, .wpo-about-section .about-left, .wpo-blog-pg-section .format-gallery, .wpo-blog-pg-section .format-quote h3, .wpo-blog-pg-section .format-quote p, .wpo-blog-pg-section .format-standard, .wpo-blog-section .blog-wrapper .blog-single .images, .wpo-blog-single-section .tag-share .tag li, .wpo-blog-single-section .tag-share-s2 .tag li, .wpo-checkout-area .input-wrap, .wpo-project-area-s2 .wpo-project-wrap .wpo-project-item, .wpo-site-footer .about-widget .logo span, .wpo-site-footer .container, .wpo-site-header .navigation > .container, .wpo-team-section .team-wrapper .team-single .team-single-img, .wpo-team-section-s2 .team-wrapper .team-single .team-single-img { position: relative } .blog-sidebar .about-widget { text-align: center; background-color: #f1eae5; padding: 45px; position: relative; z-index: 1 } .blog-sidebar .about-widget ul { list-style: none; display: flex; justify-content: center } .blog-sidebar .about-widget ul li, .cart-area .cart-wrap .action li.c-btn, .wpo-shop-single-section .product-details .product-rt .rating { margin-right: 10px } .blog-sidebar .about-widget ul li:last-child, .pagination-wrapper .pg-pagination li:last-child { margin-right: 0 } .blog-sidebar .about-widget ul li a { text-decoration: none; display: block; width: 40px; height: 40px; line-height: 44px; background-color: #fff; border-radius: 50% } .blog-sidebar .about-widget p { font-size: 15px; font-size: calc-rem-value(15); margin-bottom: 1.2em; color: #484653 } .blog-sidebar .about-widget a { font-family: Vidaloka,serif; font-size: 14px; font-size: calc-rem-value(14); color: #213644 } .blog-sidebar .about-widget a:hover { color: #8e713e !important } .blog-sidebar .category-widget ul, .cart-area .cart-wrap td ul, .cart-area .cart-wrap th ul, .education-area ul, .ex-wiget ul, .wpo-blog-pg-section .entry-meta ul, .wpo-blog-single-section .entry-meta ul, .wpo-checkout-area .checkout-wrap ul, .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text ul, .wpo-pricing-section-s2 .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text ul, .wpo-project-single-area .wpo-project-single-wrap .list-widget ul, .wpo-service-single-area .wpo-service-single-wrap .list-widget ul, .wpo-shop-single-section .product-details ul, .wpo-site-footer ul, .wpo-site-header #navbar ul { list-style: none } .blog-sidebar .category-widget ul li { font-size: 19px; font-size: calc-rem-value(19); position: relative } .blog-sidebar .category-widget ul li span { position: absolute; right: 0 } .blog-sidebar .category-widget ul > li + li { margin-top: 12px; padding-top: 12px } .blog-sidebar .category-widget ul a { display: block; color: #474f62; font-size: 16px; font-weight: 600 } .blog-sidebar .category-widget ul a span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #eaeaea; text-align: center; border-radius: 50%; font-size: 18px } .blog-sidebar .recent-post-widget .posts > .post + .post { margin-top: 15px; padding-top: 15px } .blog-sidebar .recent-post-widget .post .img-holder { width: 90px; float: left } .blog-sidebar .recent-post-widget .post .img-holder img, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .submit-area button, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .submit-area button { border-radius: 6px } .blog-sidebar .recent-post-widget .post .details { width: calc(100% - 90px); float: left; padding-left: 20px } .blog-sidebar .recent-post-widget .post h4 { font-size: 18px; font-size: calc-rem-value(18); font-weight: 500; line-height: 1.3em; margin: 0 0 .3em; font-family: "DM Sans",sans-serif } .blog-sidebar .recent-post-widget .post h4 a { display: inline-block; color: #213644 } .blog-sidebar .recent-post-widget .post .details .date { font-size: 13px; font-size: calc-rem-value(13); color: #0d0925 } .blog-sidebar .recent-post-widget .post .details .date i { display: inline-block; padding-right: 7px } .blog-sidebar .tag-widget ul li a:hover, .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]:hover, .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text a:hover, .wpo-pricing-section-s2 .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text a:hover, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav [class*=owl-]:hover { background: #8e713e; color: #fff } .topbar .contact-intro li, .topbar ul li { font-size: 16px; color: #66717a; line-height: 1em; font-family: "DM Sans",sans-serif; float: left } .pagination-wrapper { text-align: center; margin-top: 60px } .pagination-wrapper-left { text-align: left } .pagination-wrapper-right, .wpo-cta-section .cta-wrapper .cta-right { text-align: right } .topbar { background: #f7f2ee; font-size: 16px; color: #e5e3e3; margin: 0; position: relative; z-index: 1 } @media (max-width:991px) { .wpo-page-title .wpo-breadcumb-wrap { margin-top: 0 } .blog-sidebar { margin-top: 80px; max-width: 400px } .pagination-wrapper { text-align: left; margin-top: 40px } .pagination-wrapper-right { margin-top: 45px; text-align: left } .topbar { text-align: center; padding: 0 } } .topbar::before { position: absolute; left: 100%; top: 50%; width: 60%; height: 100%; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,5% 100%); clip-path: polygon(0 0,100% 0,100% 100%,5% 100%) } .topbar ul { overflow: hidden; list-style: none; float: right; margin-bottom: 0 } @media (max-width:767px) { .wpo-page-title { min-height: 250px } .wpo-page-title .wpo-breadcumb-wrap h1 { font-size: 30px; line-height: 35px; margin-bottom: 10px } .wpo-page-title .wpo-breadcumb-wrap h2 { font-size: 18px } .blog-sidebar { margin-top: 60px; max-width: 400px } .blog-sidebar .category-widget ul li, .blog-sidebar .recent-post-widget .post h4 { font-size: 16px; font-size: calc-rem-value(16) } .blog-sidebar .category-widget ul a span { font-size: 14px; font-size: calc-rem-value(14) } .header-style-1 { text-align: center; padding: 20px 0 } .topbar ul { display: flex; flex-wrap: wrap } } .topbar ul li { padding: 15px 9px } .topbar ul li span { font-family: "DM Sans",sans-serif; font-size: 16px; font-weight: 700; color: #8e713e; line-height: 1em } .topbar .contact-intro li { padding: 15px 10px; position: relative } .topbar .contact-intro li:last-child, .wpo-header-style-2 .wpo-site-header::before, .wpo-header-style-3 .topbar:before { position: unset } .topbar .contact-intro li::after { position: absolute; content: ""; right: 0; top: 50%; background: #c4c4c4; width: 1px; height: 16px; transform: translateY(-50%) } @media (max-width:410px) { .topbar .contact-intro li::after { position: unset } } @media (max-width:1199px) { .blog-sidebar .recent-post-widget .post h4 { margin: 0 } .topbar::before { width: 0 } .topbar ul { float: none; display: inline-block; display: flex; justify-content: center; align-items: center } .topbar .contact-intro li, .topbar ul li span { font-size: 15px } .topbar .contact-intro { float: none; display: inline-block; display: flex; justify-content: center; align-items: center; padding-top: 5px } } .team-info-wrap ul, .topbar ul li:first-child { padding-left: 0 } .topbar .contact-intro ul { float: left; margin-bottom: 0 } @media (max-width:1200px) { .blog-sidebar .about-widget { padding: 35px } .topbar ul li { font-size: 12px; padding: 15px 10px } } @media (max-width:991px) { .topbar ul { float: none; display: inline-block; display: flex; justify-content: center; align-items: center } .topbar ul li { padding: 15px 10px; font-size: 13px } .topbar .contact-intro ul { float: none } .topbar { padding: 10px 0 } } @media (max-width:767px) { .topbar .contact-intro { padding-top: 2px } .topbar ul li { float: left; border: none; padding: 8px 6px; font-size: 13px } } @media (max-width:590px) { .topbar ul li { float: none } .topbar ul { flex-wrap: wrap } } .sticky-header, .wpo-site-header { background-color: #213644; position: relative; z-index: 11 } .sticky-header::before, .wpo-site-header::before { position: absolute; top: 56%; width: 55%; height: 115%; -webkit-clip-path: polygon(0 0,100% 0,95% 100%,0% 100%); clip-path: polygon(0 0,100% 0,95% 100%,0% 100%) } .sticky-header { background-color: #213644; box-shadow: 0 -5px 15px rgb(8 106 216 / .2901960784) } .sticky-header::before { top: 50.5%; height: 101% } .sticky-on { visibility: visible } @media (min-width:991px) { .wpo-site-header { padding: 0 130px } } .wpo-site-header .container-fluid { padding-right: 0 } @media (max-width:991px) { .sticky-header::before, .wpo-site-header::before { position: unset } .wpo-site-header { padding: 20px 0; background: #fff } .wpo-site-header .sticky-header { background: #fff } .wpo-site-header .container { width: 100%; max-width: 100% } .wpo-site-header .header-right { right: -10px } .wpo-site-header .navbar-header button span { background-color: #fff; width: 20px; display: block; height: 2px; margin-bottom: 5px } } .wpo-site-header #navbar { margin-left: 35px; transition: .5s } @media (max-width:991px) and (max-width:991px) { .wpo-site-header #navbar { top: 0; visibility: visible; opacity: 1 } } @media (max-width:991px) and (max-width:767px) { .wpo-site-header .header-right { right: -25px } .wpo-site-header .navbar-header { margin-left: 0 } } .wpo-site-header .header-right { display: flex; justify-content: flex-end; z-index: 991; position: relative; align-items: center } .wpo-site-header .header-right button { padding: 0; border: 0; outline: 0 } .wpo-site-header .header-right > div { float: left; position: relative; margin-right: 8px } .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn { padding: 15px 30px } .wpo-site-header .header-right > div:last-child { margin: 0 0 0 10px; position: relative } .projectBlock .project-single a, .scervice-item:hover .scervice-item-img svg, .wpo-blog-pg-section .post h3 a, .wpo-service-item:hover svg, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item:hover .goldText, .wpo-shop-section .details h3 a, .wpo-site-header .header-search-form.header-search-content-toggle .fi:before { color: #213644 } @media (max-width:1199px) { .sticky-header::before, .wpo-site-header::before { width: 52% } .wpo-site-header #navbar { margin-left: 0 } } @media (max-width:991px) { .wpo-site-header .navbar-header button span:last-child { margin: 0 } .wpo-site-header #navbar > ul { z-index: 101 } .wpo-site-header #navbar ul a { color: #000 } .wpo-site-header #navbar ul a:hover, .wpo-site-header #navbar ul li.current a { color: #8e713e } .wpo-site-header .navbar-toggler .first-angle, .wpo-site-header .navbar-toggler .last-angle { transition: .3s } .wpo-site-header .x-close .middle-angle { opacity: 0 } .wpo-site-header .x-close .first-angle { position: absolute; -webkit-transform: rotate(-44deg); top: 16px; left: 10px } .wpo-site-header .x-close .last-angle { -webkit-transform: rotate(44deg); position: absolute; top: 16px; right: 10px } .wpo-site-header .navbar-collapse.collapse { display: none } .wpo-site-header .navbar-collapse.collapse.in, .wpo-site-header .navbar-header .collapse, .wpo-site-header .navbar-toggle { display: block } .wpo-site-header .navbar-header { float: none; position: relative; z-index: 99; text-align: center } .navbar-brand { width: 100px !important; height: 100px !important; top: -10px !important } .wpo-site-header .navbar-nav, .wpo-site-header .navbar-nav > li, .wpo-site-header .navbar-right { float: none } } @media (max-width:335px) { .wpo-site-header .header-right { margin-top: -40px; right: -250px } .wpo-site-header .header-right > div { margin-right: 0; float: none } } .team-info-img, .team-info-text { box-shadow: 0 6px 20.1px 4.9px rgb(176 191 238 / .12) } .wpo-site-header .navigation { margin-bottom: 0; padding: 0; border: 0; border-radius: 0 } .wpo-site-header #navbar > ul li a:focus, .wpo-site-header #navbar > ul li a:hover, .wpo-site-header #navbar > ul li.active a { text-decoration: none; color: #a28059 !important } @media screen and (min-width:992px) { .blog-sidebar { padding-left: 45px } .wpo-site-header #navbar { justify-content: center } .wpo-site-header #navbar li, .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a { position: relative } .wpo-site-header #navbar > ul > li.active > a:before, .wpo-site-header #navbar > ul > li > a:before { position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #8e713e; content: ""; opacity: 0; visibility: hidden; transition: .3s; border-radius: 3px } .wpo-site-header #navbar > ul > li > a.active:before, .wpo-site-header #navbar > ul > li > a:hover:before { opacity: 1; visibility: visible } .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before { font-family: fontawesome; content: "\e649"; font-size: .73333rem; position: absolute; right: 15px; top: 58%; transform: translateY(-50%) } .wpo-site-header #navbar > ul > li:hover > .sub-menu { top: 100%; visibility: visible; opacity: 1 } .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu { left: 100%; visibility: visible; opacity: 1 } .wpo-site-header #navbar > ul > li > a { font-size: 19px; padding: 35px 20px; display: block; color: #fff; font-weight: 400; position: relative; font-family: Vidaloka,serif; text-transform: capitalize } .wpo-site-header #navbar > ul .sub-menu { background-color: #fff; box-shadow: 0 2px 20px 0 rgb(62 65 159 / .09); width: 230px; position: absolute; padding: 20px 0; left: 0; top: 90%; z-index: 10; font-family: Vidaloka,serif; visibility: hidden; opacity: 0; transition: .3s } } @media screen and (min-width:992px) and (max-width:1870px) { .wpo-site-header #navbar > ul > li > a { padding: 35px 18px } } .navbar-brand { position: absolute; width: 150px; height: 150px; top: 0 } .wpo-site-header .navbar-header .navbar-brand img { max-width: 150px } @media (max-width:575px) { .wpo-site-header .navbar-header .navbar-brand img { max-width: 150px } } @media (max-width:1700px) { .wpo-site-header { padding: 0 30px } } @media (max-width:1500px) { .wpo-site-header #navbar > ul > li > a { padding: 30px 15px } .wpo-site-header { padding: 0 10px } } @media (max-width:1400px) { .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn { padding: 10px 15px; font-size: 15px } .wpo-site-header #navbar > ul > li > a { padding: 30px 10px; font-size: 18px } } @media (max-width:1200px) { .wpo-site-header #navbar > ul > li > a { padding: 30px 6px; font-size: 16px } } .wpo-header-style-1 .wpo-site-header, .wpo-header-style-3 .wpo-site-header { position: absolute; left: 0; width: 100%; z-index: 99; background: #fff0 } .wpo-header-style-1 .wpo-site-header::before, .wpo-header-style-3 .wpo-site-header::before { top: 50%; width: 55%; height: 100% } .hero .slick-next, .hero .slick-prev, .wpo-team-section .team-wrapper .slick-next, .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-prev { background-color: rgb(172 141 104 / .3); width: 55px; height: 55px; z-index: 10; border-radius: 50%; transition: .5s } .hero .slick-next:hover, .hero .slick-prev:hover, .wpo-team-section .team-wrapper .slick-next:hover, .wpo-team-section .team-wrapper .slick-prev:hover, .wpo-team-section-s2 .team-wrapper .slick-next:hover, .wpo-team-section-s2 .team-wrapper .slick-prev:hover { background-color: rgb(172 141 104 / .6) } .hero .slick-prev, .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-prev { left: -100px } .hero .slick-prev:before, .wpo-team-section .team-wrapper .slick-prev:before, .wpo-team-section-s2 .team-wrapper .slick-prev:before { font-family: fontawesome; content: "\e629"; opacity: 1 } .hero .slick-next, .wpo-team-section .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-next { right: -100px } .hero .slick-next:before, .wpo-team-section .team-wrapper .slick-next:before, .wpo-team-section-s2 .team-wrapper .slick-next:before { font-family: fontawesome; content: "\e628"; opacity: 1 } .hero:hover .slick-prev, .static-hero .swiper-button-prev, .static-hero-s2 .swiper-button-prev, .static-hero-s3 .swiper-button-prev, .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider-s2 .swiper-button-prev { left: 25px } .hero:hover .slick-next, .static-hero .swiper-button-next, .static-hero-s2 .swiper-button-next, .static-hero-s3 .swiper-button-next, .wpo-hero-slider .swiper-button-next, .wpo-hero-slider-s2 .swiper-button-next { right: 25px } .hero .slick-dots, .static-hero .swiper-container-horizontal > .swiper-pagination-bullets, .static-hero .swiper-pagination-custom, .static-hero .swiper-pagination-fraction, .static-hero-s2 .swiper-container-horizontal > .swiper-pagination-bullets, .static-hero-s2 .swiper-pagination-custom, .static-hero-s2 .swiper-pagination-fraction, .static-hero-s3 .swiper-container-horizontal > .swiper-pagination-bullets, .static-hero-s3 .swiper-pagination-custom, .static-hero-s3 .swiper-pagination-fraction, .wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .wpo-hero-slider .swiper-pagination-custom, .wpo-hero-slider .swiper-pagination-fraction, .wpo-hero-slider-s2 .swiper-container-horizontal > .swiper-pagination-bullets, .wpo-hero-slider-s2 .swiper-pagination-custom, .wpo-hero-slider-s2 .swiper-pagination-fraction { bottom: 30px } @media (max-width:991px) { .page-wrapper, .wpo-site-header .navbar-toggler .first-angle, .wpo-site-header .navbar-toggler .last-angle { transition: .3s } .body-overlay:before { content: ""; width: 100%; height: 100%; background: rgb(0 0 0 / .9); position: absolute; left: 0; top: 0; z-index: 10; transition: .3s } .wpo-site-header .navigation { padding: 20px 0 } .wpo-site-header #navbar > ul > li a { display: block; font-size: 15px; font-size: calc-rem-value(15); color: #fff; font-weight: 600 } .wpo-site-header #navbar > ul .menu-item-has-children > a.active, .wpo-site-header #navbar > ul .menu-item-has-children > a.rotate, .wpo-site-header #navbar > ul .menu-item-has-children > a:hover, .wpo-site-header #navbar > ul > li a.active, .wpo-site-header #navbar > ul > li a:hover { color: #fff } .wpo-site-header #navbar > ul .sub-menu > li:last-child { border-bottom: 0 } .wpo-site-header #navbar > ul > li > .sub-menu a { padding: 8px 15px 8px 45px } .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu a { padding: 8px 15px 8px 65px } .wpo-site-header #navbar > ul .menu-item-has-children > a { position: relative; color: #ddd } .wpo-site-header #navbar > ul .menu-item-has-children > a:before { font-family: fontawesome; content: "\f054"; font-size: 11px; font-size: calc-rem-value(11); position: absolute; right: 30px; top: 50%; transform: translateY(-50%); transition: .3s } .wpo-site-header #navbar > ul .menu-item-has-children > a.rotate:before { transform: rotate(90deg); top: 29% } .wpo-site-header .container { width: 100% } .wpo-site-header .mobail-menu button { background-color: #8e713e; width: 40px; height: 35px; border: 0; padding: 5px 10px; outline: 0; position: relative; z-index: 20 } .wpo-site-header .mobail-menu button:focus { outline: 0; box-shadow: none } .wpo-site-header .mobail-menu button span { background-color: #fff; width: 20px; display: block; height: 2px; margin-bottom: 5px } .wpo-site-header .mobail-menu button span:last-child { margin: 0 } .wpo-site-header #navbar { background: #213644; display: block !important; width: 300px; height: 100%; margin: 0; padding: 0; border: 0; position: fixed; left: -320px; top: 0; z-index: 999999; opacity: 0; visibility: hidden; border-right: 2px solid #8e713e } .wpo-site-header #navbar .navbar-nav { display: block; height: 100%; overflow: auto; padding-bottom: 60px } .wpo-site-header #navbar > ul { position: relative; z-index: 101 } .wpo-site-header #navbar ul a { color: #000 } .wpo-site-header #navbar ul a:hover, .wpo-site-header #navbar ul li.current a { color: #8e713e } .wpo-site-header #navbar .close-navbar { background-color: #fff; width: 40px; height: 40px; color: #000; border: 0; outline: 0; position: absolute; left: -41px; top: 90px; z-index: 20 } .wpo-site-header .menu-close { display: block; z-index: 99; background: 0 0; color: #fff; border: 1px solid #fff; text-align: center; margin: 30px 30px 30px auto; width: 40px; height: 40px; line-height: 40px } .wpo-site-header .slideInn { left: 0 !important; opacity: 1 !important; visibility: visible !important } .wpo-site-header .x-close .middle-angle { opacity: 0 } .wpo-site-header .x-close .first-angle { position: absolute; -webkit-transform: rotate(-44deg); top: 16px; left: 10px } .wpo-site-header .x-close .last-angle { -webkit-transform: rotate(44deg); position: absolute; top: 16px; right: 10px } .wpo-site-header .navbar-collapse.collapse { display: none } .wpo-site-header .navbar-collapse.collapse.in, .wpo-site-header .navbar-header .collapse, .wpo-site-header .navbar-toggle { display: block } .wpo-site-header .navbar-header, .wpo-site-header .navbar-nav, .wpo-site-header .navbar-nav > li, .wpo-site-header .navbar-right { float: none } .wpo-site-header #navbar > ul > li > a { padding: 15px 30px; font-size: 15px } .wpo-header-style-1 .wpo-site-header, .wpo-header-style-3 .wpo-site-header { border-bottom: 0; background: rgb(255 255 255 / .2) } } @media (max-width:767px) { .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn { padding: 8px 15px; font-size: 12px; font-weight: 400; text-align: center } .wpo-site-header .header-right > div:last-child { margin: 3px 0 0 10px } .wpo-site-header .navbar-header .navbar-brand { font-size: 24px } .wpo-site-header #navbar .navbar-nav { margin: 0 } .header-right .theme-btn, .header-right .view-cart-btn { padding: 20px 5px } .wpo-site-header .header-right .close-form { display: none } } .static-hero, .static-hero-s2, .static-hero-s3, .wpo-hero-slider, .wpo-hero-slider-s2 { width: 100%; height: 900px; display: flex; position: relative; z-index: 0 } .static-hero .hero-container, .static-hero .swiper-container, .static-hero-s2 .hero-container, .static-hero-s2 .swiper-container, .static-hero-s3 .hero-container, .static-hero-s3 .swiper-container, .wpo-hero-slider .hero-container, .wpo-hero-slider .swiper-container, .wpo-hero-slider-s2 .hero-container, .wpo-hero-slider-s2 .swiper-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .static-hero .hero-inner, .static-hero .slide-inner, .static-hero-s2 .hero-inner, .static-hero-s2 .slide-inner, .static-hero-s3 .hero-inner, .static-hero-s3 .slide-inner, .wpo-hero-slider .hero-inner, .wpo-hero-slider .slide-inner, .wpo-hero-slider-s2 .hero-inner, .wpo-hero-slider-s2 .slide-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left } .static-hero .hero-inner:before, .static-hero .slide-inner:before, .static-hero-s2 .hero-inner:before, .static-hero-s2 .slide-inner:before, .static-hero-s3 .hero-inner:before, .static-hero-s3 .slide-inner:before, .wpo-hero-slider .hero-inner:before, .wpo-hero-slider .slide-inner:before, .wpo-hero-slider-s2 .hero-inner:before, .wpo-hero-slider-s2 .slide-inner:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #213644; content: ""; opacity: .8 } .static-hero .hero-inner .slide-content, .static-hero .slide-inner .slide-content, .static-hero-s2 .hero-inner .slide-content, .static-hero-s2 .slide-inner .slide-content, .static-hero-s3 .hero-inner .slide-content, .static-hero-s3 .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content, .wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider-s2 .hero-inner .slide-content, .wpo-hero-slider-s2 .slide-inner .slide-content { padding-top: 80px } .static-hero .swiper-button-next, .static-hero .swiper-button-prev, .static-hero-s2 .swiper-button-next, .static-hero-s2 .swiper-button-prev, .static-hero-s3 .swiper-button-next, .static-hero-s3 .swiper-button-prev, .wpo-hero-slider .swiper-button-next, .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider-s2 .swiper-button-next, .wpo-hero-slider-s2 .swiper-button-prev { background: rgb(255 255 255 / .2); width: 60px; height: 60px; line-height: 60px; border: 2px solid #fff; border-radius: 50%; opacity: .7; text-align: center; transition: .3s; color: #fff } .static-hero .swiper-button-next:hover, .static-hero .swiper-button-prev:hover, .static-hero-s2 .swiper-button-next:hover, .static-hero-s2 .swiper-button-prev:hover, .static-hero-s3 .swiper-button-next:hover, .static-hero-s3 .swiper-button-prev:hover, .wpo-hero-slider .swiper-button-next:hover, .wpo-hero-slider .swiper-button-prev:hover, .wpo-hero-slider-s2 .swiper-button-next:hover, .wpo-hero-slider-s2 .swiper-button-prev:hover { opacity: .9 } .static-hero .swiper-button-next:before, .static-hero .swiper-button-prev:before, .static-hero-s2 .swiper-button-next:before, .static-hero-s2 .swiper-button-prev:before, .static-hero-s3 .swiper-button-next:before, .static-hero-s3 .swiper-button-prev:before, .wpo-hero-slider .swiper-button-next:before, .wpo-hero-slider .swiper-button-prev:before, .wpo-hero-slider-s2 .swiper-button-next:before, .wpo-hero-slider-s2 .swiper-button-prev:before { font-size: 20px; color: #fff } .static-hero .swiper-pagination-bullet, .static-hero-s2 .swiper-pagination-bullet, .static-hero-s3 .swiper-pagination-bullet, .wpo-hero-slider .swiper-pagination-bullet, .wpo-hero-slider-s2 .swiper-pagination-bullet { width: 12px; height: 12px; text-align: center; line-height: 12px; font-size: 12px; color: #000; opacity: 1; background: rgb(255 255 255 / .2) } .static-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .static-hero-s2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .static-hero-s3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .wpo-hero-slider-s2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px } .static-hero .gradient-overlay, .static-hero-s2 .gradient-overlay, .static-hero-s3 .gradient-overlay, .wpo-hero-slider .gradient-overlay, .wpo-hero-slider-s2 .gradient-overlay { background-color: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; opacity: .5 } .static-hero .gradient-overlay + .container, .static-hero .swiper-slide, .static-hero-s2 .gradient-overlay + .container, .static-hero-s2 .swiper-slide, .static-hero-s3 .gradient-overlay + .container, .static-hero-s3 .swiper-slide, .wpo-hero-slider .gradient-overlay + .container, .wpo-hero-slider .swiper-slide, .wpo-hero-slider-s2 .gradient-overlay + .container, .wpo-hero-slider-s2 .swiper-slide { position: relative; z-index: 11 } .static-hero .slide-text, .static-hero .slide-title, .static-hero-s2 .slide-text, .static-hero-s2 .slide-title, .static-hero-s3 .slide-text, .static-hero-s3 .slide-title, .wpo-hero-slider .slide-text, .wpo-hero-slider .slide-title, .wpo-hero-slider-s2 .slide-text, .wpo-hero-slider-s2 .slide-title { max-width: 1000px } .static-hero .slide-title h2, .static-hero-s2 .slide-title h2, .static-hero-s3 .slide-title h2, .wpo-hero-slider .slide-title h2, .sliderTitle, .wpo-hero-slider-s2 .slide-title h2 { font-size: 70px; font-weight: 400; line-height: 90px; margin: 10px 0 15px; color: #fff; text-transform: capitalize } @media (max-width:1199px) { .static-hero, .static-hero-s2, .static-hero-s3, .wpo-hero-slider, .wpo-hero-slider-s2 { height: 680px } .static-hero .slide-title h2, .static-hero-s2 .slide-title h2, .static-hero-s3 .slide-title h2, .wpo-hero-slider .slide-title h2, .sliderTitle, .wpo-hero-slider-s2 .slide-title h2 { font-size: 50px; font-size: calc-rem-value(50); line-height: 65px; margin-top: 0 } } .static-hero .slide-text p, .static-hero-s2 .slide-text p, .static-hero-s3 .slide-text p, .wpo-hero-slider .slide-text p, .wpo-hero-slider-s2 .slide-text p { font-size: 22px; line-height: 35px; max-width: 680px; margin-bottom: 40px; color: #e2e2e2 } @media (max-width:991px) { .static-hero .hero-inner .slide-content, .static-hero .slide-inner .slide-content, .static-hero-s2 .hero-inner .slide-content, .static-hero-s2 .slide-inner .slide-content, .static-hero-s3 .hero-inner .slide-content, .static-hero-s3 .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content, .wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider-s2 .hero-inner .slide-content, .wpo-hero-slider-s2 .slide-inner .slide-content { padding-top: 35px } .static-hero .swiper-button-next, .static-hero .swiper-button-prev, .static-hero-s2 .swiper-button-next, .static-hero-s2 .swiper-button-prev, .static-hero-s3 .swiper-button-next, .static-hero-s3 .swiper-button-prev, .wpo-hero-slider .swiper-button-next, .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider-s2 .swiper-button-next, .wpo-hero-slider-s2 .swiper-button-prev { display: none } .static-hero, .static-hero-s2, .static-hero-s3, .wpo-hero-slider, .wpo-hero-slider-s2 { height: 600px } .static-hero .slide-title h2, .static-hero-s2 .slide-title h2, .static-hero-s3 .slide-title h2, .wpo-hero-slider .slide-title h2, .sliderTitle, .wpo-hero-slider-s2 .slide-title h2 { font-size: 30px; font-size: calc-rem-value(40); line-height: normal } .static-hero .slide-text p, .static-hero-s2 .slide-text p, .static-hero-s3 .slide-text p, .wpo-hero-slider .slide-text p, .wpo-hero-slider-s2 .slide-text p { font-size: 18px; font-size: calc-rem-value(18) } .static-hero .slide-btns, .static-hero-s2 .slide-btns, .static-hero-s3 .slide-btns, .wpo-hero-slider .slide-btns, .wpo-hero-slider-s2 .slide-btns { max-width: 400px } } .static-hero .btns .theme-btn, .static-hero .btns .view-cart-btn, .static-hero .slide-btns .theme-btn, .static-hero .slide-btns .view-cart-btn, .static-hero-s2 .slide-btns .theme-btn, .static-hero-s2 .slide-btns .view-cart-btn, .static-hero-s3 .slide-btns .theme-btn, .static-hero-s3 .slide-btns .view-cart-btn, .wpo-hero-slider .slide-btns .theme-btn, .wpo-hero-slider .slide-btns .view-cart-btn, .wpo-hero-slider-s2 .slide-btns .theme-btn, .wpo-hero-slider-s2 .slide-btns .view-cart-btn { border-radius: 0; font-weight: 600; font-size: 18px } .static-hero .btns .theme-btn:after, .static-hero .btns .view-cart-btn:after, .static-hero .slide-btns .theme-btn:after, .static-hero .slide-btns .view-cart-btn:after, .static-hero-s2 .slide-btns .theme-btn:after, .static-hero-s2 .slide-btns .view-cart-btn:after, .static-hero-s3 .slide-btns .theme-btn:after, .static-hero-s3 .slide-btns .view-cart-btn:after, .wpo-contact-area button, .wpo-hero-slider .slide-btns .theme-btn:after, .wpo-hero-slider .slide-btns .view-cart-btn:after, .wpo-hero-slider-s2 .slide-btns .theme-btn:after, .wpo-hero-slider-s2 .slide-btns .view-cart-btn:after { border-radius: 0 } @media (max-width:767px) { .static-hero .swiper-button-next, .static-hero .swiper-button-prev, .static-hero-s2 .swiper-button-next, .static-hero-s2 .swiper-button-prev, .static-hero-s3 .swiper-button-next, .static-hero-s3 .swiper-button-prev, .wpo-hero-slider .swiper-button-next, .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider-s2 .swiper-button-next, .wpo-hero-slider-s2 .swiper-button-prev { display: none } .static-hero, .static-hero-s2, .static-hero-s3, .wpo-hero-slider, .wpo-hero-slider-s2 { height: 500px } .static-hero .slide-title h2, .static-hero-s2 .slide-title h2, .static-hero-s3 .slide-title h2, .wpo-hero-slider .slide-title h2, .sliderTitle, .wpo-hero-slider-s2 .slide-title h2 { font-size: 20px; font-size: calc-rem-value(30); line-height: normal } .static-hero .slide-text, .static-hero-s2 .slide-text, .static-hero-s3 .slide-text, .wpo-hero-slider .slide-text, .wpo-hero-slider-s2 .slide-text { max-width: 500px } .static-hero .slide-text p, .static-hero-s2 .slide-text p, .static-hero-s3 .slide-text p, .wpo-hero-slider .slide-text p, .wpo-hero-slider-s2 .slide-text p { font-size: 16px; font-size: calc-rem-value(16); line-height: 22px; margin-bottom: 30px } } .wpo-site-footer { background: url(/images/footerbg.webp) bottom/100% no-repeat #213644; position: relative; font-size: 15px; overflow: hidden; z-index: 1 } .wpo-site-footer:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #213644; opacity: .95; z-index: -1 } .wpo-site-footer .wpo-upper-footer { padding: 100px 120px; position: relative; z-index: 1 } @media (max-width:1800px) { .wpo-site-footer .wpo-upper-footer { padding: 80px 50px } } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .col, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-title, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-gallery, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .col, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-title, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-item .wpo-service-single-main-img, .wpo-site-footer .widget-title { margin-bottom: 30px } .wpo-site-footer .widget-title h3 { font-weight: 600; font-size: 25px; line-height: 36px; color: #fff; margin: 0; position: relative; font-family: Vidaloka,serif } .wpo-site-footer .about-widget .logo { font-size: 45px; font-family: Vidaloka,serif; color: #8e713e; line-height: 40px; max-width: 150px } .wpo-site-footer .about-widget .logo span i { position: absolute; left: 1px; top: 3px; font-size: 13px } .wpo-site-footer .about-widget p { margin-bottom: .8em; line-height: 1.9em } .wpo-blog-pg-section .format-quote p, .wpo-pricing-section .wpo-pricing-wrap .col:last-child .wpo-pricing-item, .wpo-pricing-section-s2 .wpo-pricing-wrap .col:last-child .wpo-pricing-item, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-img .content h2, .wpo-shop-single-section .product-details .tg-btm p, .wpo-shop-single-section .product-info .client-rv:last-child, .wpo-shop-single-section .product-info .review-form form > div:last-child, .wpo-shop-single-section .product-info .tab-pane p:last-child, .wpo-site-footer .about-widget p:last-child, .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dotted.slick-slider, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dotted.slick-slider { margin-bottom: 0 } .wpo-site-footer .about-widget ul { overflow: hidden; padding-top: 10px } .wpo-site-footer .about-widget ul li { font-size: 22px; float: left } .wpo-site-footer .about-widget ul li a { color: #fff; width: 36px; height: 36px; line-height: 40px; border: 1px solid #fff; display: block; text-align: center; border-radius: 50%; font-size: 18px } .wpo-site-footer .about-widget ul li a:hover { background: #fff; color: #8e713e !important } .wpo-site-footer .about-widget ul li + li { margin-left: 25px } @media screen and (max-width:1600px) { .wpo-site-footer .about-widget ul li + li { margin-left: 10px } } @media screen and (min-width:1500px) { .wpo-site-footer .link-widget { padding-left: 65px } } .wpo-site-footer .link-widget ul li { position: relative; padding-top: 15px } .wpo-site-footer .link-widget ul li a { color: #fff; font-size: 17px } .wpo-site-footer .link-widget ul li a:hover { text-decoration: underline } .wpo-site-footer .wpo-lower-footer { text-align: center; position: relative; border-top: 1px solid #5f5e5e } .wpo-site-footer .wpo-lower-footer .row { padding: 20px 0; position: relative } .wpo-site-footer .wpo-lower-footer ul { display: flex; justify-content: space-between } .wpo-site-footer .wpo-lower-footer ul li { font-size: 18px; margin: 0; color: #fff } .wpo-site-footer .wpo-lower-footer ul li a { color: #fff; text-decoration: none } .sticky-header { width: 100%; position: fixed; left: 0; top: -200px; z-index: 9999; opacity: 0; transition: .7s } .progress, .wpo-about-section .about-left .about-left-text img { width: 150px; height: 150px } .service-sidebar .wpo-contact-widget h2::before, .wpo-about-section, .wpo-service-section .scervice-wrap .scervice-item:hover .scervice-item-img, .wpo-service-section-s2 .scervice-wrap .scervice-item:hover .scervice-item-img, .wpo-service-section-s3 .scervice-wrap .scervice-item:hover .scervice-item-img { background: #fff } .wpo-about-section .about-left .about-left-text { background: #8e713e; width: 270px; text-align: center; border: 10px solid #fff; border-left: 0; padding: 40px 0 23px; position: absolute; top: 50%; left: 0; transform: translateY(-50%) } .wpo-about-section .about-left .about-left-text h5 { font-family: "DM Sans",sans-serif; font-size: 18px; font-weight: 700; line-height: 76px; letter-spacing: .43em; color: #fff; margin-bottom: -14px; text-align: center } .wpo-about-section .about-left .about-left-text span { font-family: Vidaloka,serif; font-size: 72px; font-weight: 400; line-height: 76px; color: #213644; margin-bottom: 0; text-align: center } .wpo-about-section .about-right .text { background: #f7f2ee; padding: 74px 72px } .wpo-about-section .about-right .text span { font-family: "DM Sans",sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: .2em; color: #8e713e } .wpo-about-section .about-right .text h2 { font-family: Vidaloka,serif; font-size: 42px; font-weight: 400; line-height: 53px; color: #0d0925; margin-top: 9px; margin-bottom: 23px } @media (max-width:1399px) { .wpo-about-section .about-right .text { padding: 29px 40px } .wpo-about-section .about-right .text h2 { font-size: 40px } } @media (max-width:1199px) { .wpo-site-footer .link-widget { padding-left: 20px } .wpo-about-section .about-right .text { padding: 20px 40px } .wpo-about-section .about-right .text h2 { font-size: 36px; margin-bottom: 5px; line-height: 40px } } @media (max-width:991px) { .wpo-site-footer .wpo-upper-footer { padding: 60px 30px 0 } .wpo-site-footer .widget-title h3 { font-size: 1.25rem } .wpo-site-footer .about-widget .logo { font-size: 40px } .logo.widget-title { display: inline-block; max-width: unset; width: 100px } .wpo-site-footer .link-widget { padding-left: 0 } .wpo-site-footer .wpo-lower-footer ul { flex-wrap: wrap; justify-content: center } .wpo-site-footer .wpo-lower-footer ul li:first-child { margin-bottom: 10px } .wpo-site-footer .wpo-lower-footer ul li { float: none; display: block } .wpo-about-section .about-left { margin-bottom: 40px } .wpo-about-section .about-right .text { padding: 75px 72px } .wpo-about-section .about-right .text h2 { margin-bottom: 23px; font-size: 42px } } @media (max-width:767px) { .wpo-site-footer .wpo-upper-footer { padding: 30px 20px 0 } .wpo-site-footer .widget-title { margin-bottom: 20px } .wpo-site-footer .link-widget { max-width: 350px } .wpo-site-footer .wpo-lower-footer ul li { font-size: 14px } .wpo-about-section .about-right .text h2 { font-size: 36px; margin-bottom: 5px; line-height: 40px } } .wpo-about-section .about-right .text p { font-family: "DM Sans",sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; color: #66717a; padding-bottom: 11px } @media (max-width:1199px) { .wpo-about-section .about-right .text p { margin-bottom: 5px; line-height: 25px; padding-bottom: 5px } } @media (max-width:991px) { .wpo-about-section .about-right .text p { font-size: 16px; line-height: 30px; padding-bottom: 11px } } @media (max-width:525px) { .wpo-about-section .about-left .about-left-text { width: 200px; padding: 20px } .wpo-about-section .about-left .about-left-text img { width: 80px; height: 80px } .wpo-about-section .about-left .about-left-text h5 { font-size: 16px; line-height: 40px } .wpo-about-section .about-left .about-left-text span { font-size: 35px; line-height: 45px } .wpo-about-section .about-right .text { padding: 30px 20px } .wpo-about-section .about-right .text h2 { font-size: 25px } .wpo-about-section .about-right .text p { font-size: 15px; line-height: 25px; padding-bottom: 11px } } .wpo-about-section .about-right .text ul, .wpo-checkout-area .biling-item-2 label.fontsize, .wpo-donations-details .form-group .error { margin-bottom: 20px } .wpo-about-section .about-right .text ul li { padding: 10px 0 10px 40px; position: relative; color: #5a5753; list-style: none } .wpo-about-section .about-right .text ul li:before { position: absolute; left: 0; top: 10px; width: 25px; height: 25px; line-height: 25px; background: rgb(172 141 104 / .2); border-radius: 50%; content: "\f00c"; font-family: fontawesome; text-align: center; color: #8e713e; font-size: 13px } .wpo-about-section .about-right .text a, .wpo-checkout-area .contact-form input, .wpo-checkout-area .contact-form select { margin-top: 10px } .wpo-service-section, .wpo-service-section-s2, .wpo-service-section-s3 { background: #213644; position: relative; z-index: 1; padding: 165px 0; color: #fff } .wpo-service-section .shape-1, .wpo-service-section-s2 .shape-1, .wpo-service-section-s3 .shape-1 { position: absolute; top: 0; left: 0; z-index: -1 } .wpo-service-section .shape-1::before, .wpo-service-section-s2 .shape-1::before, .wpo-service-section-s3 .shape-1::before { width: 108px; height: 100px; background: #8e713e; position: absolute; content: ""; top: 18%; left: 12%; transform: translate(-50%,-50%); -webkit-animation: 3s linear infinite bounceTop; animation: 3s linear infinite bounceTop; border-radius: 49% 51% 67% 33%/48% 16% 84% 52% } @-webkit-keyframes bounceTop { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-20px) } } @keyframes bounceTop { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-20px) } } .wpo-service-section .wpo-section-title h2, .wpo-service-section-s2 .wpo-section-title h2, .wpo-service-section-s3 .wpo-section-title h2 { color: #fff; margin-top: 20px } .wpo-service-section .scervice-wrap .scervice-item, .wpo-service-section-s2 .scervice-wrap .scervice-item, .wpo-service-section-s3 .scervice-wrap .scervice-item { background: #fff; padding: 45px 40px; transition: .4s ease-in-out } @media (max-width:1399px) { .wpo-service-section .scervice-wrap .scervice-item, .wpo-service-section-s2 .scervice-wrap .scervice-item, .wpo-service-section-s3 .scervice-wrap .scervice-item { padding: 22px } } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-img, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-img, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-img { width: 80px; height: 80px; border-radius: 50%; background: #f7f2ee; display: flex; align-items: center; justify-content: center; transition: .4s ease-in-out } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text h2, .serviceSliderTitle, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text a h2 { font-family: Vidaloka,serif; font-size: 26px; font-weight: 400; line-height: 35px; color: #0d0925; margin-top: 35px; text-transform: uppercase; transition: .4s ease-in-out } .owl-item:hover .serviceSliderTitle { color:#fff; } @media (max-width:1199px) { .wpo-service-section .shape-1::before, .wpo-service-section-s2 .shape-1::before, .wpo-service-section-s3 .shape-1::before { top: 16%; left: 10% } .wpo-service-section .scervice-wrap .scervice-item, .wpo-service-section-s2 .scervice-wrap .scervice-item, .wpo-service-section-s3 .scervice-wrap .scervice-item { padding: 22px 15px } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text a h2 { font-size: 24px; line-height: 30px } } @media (max-width:991px) { .wpo-service-section, .wpo-service-section-s2, .wpo-service-section-s3 { padding-top: 90px; padding-bottom: 60px } .wpo-service-section .scervice-wrap .scervice-item, .wpo-service-section-s2 .scervice-wrap .scervice-item, .wpo-service-section-s3 .scervice-wrap .scervice-item { margin-bottom: 30px } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text a h2 { font-size: 22px } } @media (max-width:767px) { .wpo-service-section, .wpo-service-section-s2, .wpo-service-section-s3 { padding-top: 80px; padding-bottom: 50px } .wpo-service-section .scervice-wrap .scervice-item, .wpo-service-section-s2 .scervice-wrap .scervice-item, .wpo-service-section-s3 .scervice-wrap .scervice-item { padding: 45px 40px } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-img, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-img, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-img { margin: 0 auto } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text { text-align: center } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text a h2 { font-size: 20px } } @media (max-width:399px) { .wpo-site-header .navbar-header .navbar-brand img { max-width: 120px } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text a h2, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text a h2 { font-size: 19px } } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text a h2 span, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text a h2 span, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text a h2 span { color: #8e713e; transition: .4s ease-in-out } .wpo-service-section .scervice-wrap .scervice-item .scervice-item-text p, .wpo-service-section-s2 .scervice-wrap .scervice-item .scervice-item-text p, .wpo-service-section-s3 .scervice-wrap .scervice-item .scervice-item-text p { font-family: "DM Sans",sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; color: #66717a; transition: .4s ease-in-out; margin-bottom: 0 } .wpo-service-section .scervice-wrap .scervice-item:hover, .wpo-service-section-s2 .scervice-wrap .scervice-item:hover, .wpo-service-section-s3 .scervice-wrap .scervice-item:hover { color: #fff !important; background: #8e713e } .wpo-service-section-s2 .scervice-wrap .scervice-item:hover .scervice-item-text h2 { color: #fff !important } .wpo-cta-section { margin-top: -70px; position: relative; z-index: 1; padding-bottom: 25px } .wpo-cta-section .cta-wrapper { background: #8e713e; padding: 45px 70px } .wpo-cta-section .cta-wrapper .cta-left h2 { font-family: Vidaloka,serif; font-size: 42px; font-weight: 400; line-height: 51px; text-align: left; color: #fff; margin-bottom: 0 } @media (max-width:1199px) { .wpo-cta-section .cta-wrapper { padding: 45px } .wpo-cta-section .cta-wrapper .cta-left h2 { font-size: 35px } } @media (max-width:991px) { .wpo-cta-section { margin: 0; padding: 90px 0 71px } .wpo-cta-section .cta-wrapper { padding: 25px } .wpo-cta-section .cta-wrapper .cta-left h2 { font-size: 28px; line-height: 40px } } .wpo-cta-section .cta-wrapper .cta-right a { background: #fff; color: #8e713e; transition: .4s ease-in-out } #Donations .theme-btn::after, #Donations .view-cart-btn::after, .cart-area .submit-btn-area .theme-btn:after, .cart-area .submit-btn-area .view-cart-btn:after, .error-404-section .error-message .theme-btn::after, .error-404-section .error-message .view-cart-btn::after, .wpo-about-area-s2 .wpo-about-text .btns .theme-btn:after, .wpo-about-area-s2 .wpo-about-text .btns .view-cart-btn:after, .wpo-checkout-area .submit-btn-area .theme-btn::after, .wpo-checkout-area .submit-btn-area .view-cart-btn::after, .wpo-contact-area button:after, .wpo-cta-section .cta-wrapper .cta-right a:after, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .submit-area button::after, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .submit-area button::after { background: #213644 } .wpo-team-section .team-wrapper .team-single .team-single-img::after, .wpo-team-section-s2 .team-wrapper .team-single .team-single-img::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #0d0925; opacity: 0; visibility: hidden; transition: .4s ease-in-out } .wpo-project-area-s2 .project-wrapper .project-single .project-single-img img, .wpo-project-section .project-wrapper .project-single .project-single-img img, .wpo-project-single-area .wpo-project-single-wrap .project-single .project-single-img img, .wpo-team-section .team-wrapper .team-single .team-single-img img, .wpo-team-section-s2 .team-wrapper .team-single .team-single-img img { width: 100%; transition: .4s ease-in-out } .wpo-team-section .team-wrapper .team-single .team-single-text, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text { text-align: center; background: #8e713e; width: 250px; padding: 15px 0; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,-50%); transition: .4s ease-in-out; opacity: 0; visibility: hidden } @media (max-width:1199px) { .wpo-team-section .team-wrapper .team-single .team-single-text, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text { width: 200px } } @media (max-width:480px) { .wpo-team-section .team-wrapper .team-single .team-single-text, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text { width: 250px } } .wpo-team-section .team-wrapper .team-single .team-single-text a h2, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text a h2 { font-family: Vidaloka,serif; font-size: 25px; font-weight: 400; line-height: 30px; color: #fff; margin-bottom: 3px; transition: .4s ease-in-out; text-transform: capitalize; display: inline-block } .wpo-blog-section .blog-wrapper .blog-single:hover .images .date span, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .images .date span, .wpo-shop-section .details del, .wpo-team-section .team-wrapper .team-single .team-single-text a h2:hover, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text a h2:hover { color: #0d0925 } .wpo-team-section .team-wrapper .team-single .team-single-text span, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text span { font-family: "DM Sans",sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: .06em; color: #fff; text-transform: uppercase; display: block } .wpo-team-section .team-wrapper .team-single:hover .team-single-img::after, .wpo-team-section-s2 .team-wrapper .team-single:hover .team-single-img::after { opacity: .3; visibility: visible } .wpo-project-area-s2 .project-wrapper .project-single:hover .project-single-img img, .wpo-project-section .project-wrapper .project-single:hover .project-single-img img, .wpo-project-single-area .wpo-project-single-wrap .project-single:hover .project-single-img img, .wpo-service-section-s3 .scervice-wrap .scervice-item:hover .scervice-item-img img, .wpo-team-section .team-wrapper .team-single:hover .team-single-img img, .wpo-team-section-s2 .team-wrapper .team-single:hover .team-single-img img { transform: scale(1.1) } .wpo-team-section .team-wrapper .team-single:hover .team-single-text, .wpo-team-section-s2 .team-wrapper .team-single:hover .team-single-text { bottom: -33px; opacity: 1; visibility: visible } .wpo-project-area-s2 .project-wrapper .slick-slider, .wpo-project-section .project-wrapper .slick-slider, .wpo-shop-section .shop-grids, .wpo-team-section .team-wrapper .slick-slider, .wpo-team-section-s2 .team-wrapper .slick-slider { margin: 0 -15px } .wpo-project-area-s2 .project-wrapper .slick-slide, .wpo-project-section .project-wrapper .slick-slide, .wpo-team-section .team-wrapper .slick-slide, .wpo-team-section-s2 .team-wrapper .slick-slide { margin-right: 15px; margin-left: 15px } @media (max-width:1699px) { .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-prev { left: -80px } .wpo-team-section .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-next { right: -80px } } @media (max-width:1599px) { .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-prev { left: -60px } .wpo-team-section .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-next { right: -60px } } @media (max-width:1499px) { .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-prev { left: -35px } .wpo-team-section .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-next { right: -35px } } .wpo-team-section .team-wrapper .slick-dots, .wpo-team-section-s2 .team-wrapper .slick-dots { bottom: -30px } @media screen and (min-width:992px) { .wpo-site-header #navbar > ul > li .sub-menu a { font-size: 17px; font-size: calc-rem-value(16); display: block; padding: 10px 15px; color: #213644; position: relative; text-transform: capitalize; overflow: hidden; font-weight: 400; font-family: Vidaloka,serif } .wpo-site-header #navbar > ul > li .sub-menu a:after { position: absolute; left: 15px; bottom: 4px; width: 0; height: 2px; content: ""; background: #8e713e; transition: .3s; opacity: 0; visibility: hidden } .wpo-site-header #navbar > ul > li .sub-menu a.active:after, .wpo-site-header #navbar > ul > li .sub-menu a:hover:after { width: 40px; opacity: 1; visibility: visible } .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu { left: 110%; top: 0 } .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a { position: relative } .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before { font-family: fontawesome; content: "\f054"; font-size: 11px; font-size: calc-rem-value(11); position: absolute; right: 15px; top: 50%; transform: translateY(-50%) } .wpo-site-header #navbar > ul > li:hover > .sub-menu { top: 100%; visibility: visible; opacity: 1 } .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu { left: 100%; visibility: visible; opacity: 1 } .static-hero .swiper-pagination-bullet, .static-hero-s2 .swiper-pagination-bullet, .static-hero-s3 .swiper-pagination-bullet, .wpo-hero-slider .swiper-pagination-bullet, .wpo-hero-slider-s2 .swiper-pagination-bullet, .wpo-site-header #navbar .close-navbar, .wpo-site-header .navbar-header .open-btn { display: none } .hero .slick-dots, .wpo-team-section .team-wrapper .slick-dots, .wpo-team-section-s2 .team-wrapper .slick-dots { display: none !important } } .wpo-team-section .team-wrapper .slick-dots li.slick-active button, .wpo-team-section-s2 .team-wrapper .slick-dots li.slick-active button { background-color: #fff; border: 2px solid #8e713e } .wpo-team-section .team-wrapper .slick-dots button, .wpo-team-section-s2 .team-wrapper .slick-dots button { background-color: #8e713e; width: 14px; height: 14px; border: 2px solid #fff0; border-radius: 50% } .wpo-project-area-s2 .wpo-section-title .shape-title, .wpo-project-section .wpo-section-title .shape-title { left: 75px } .wpo-project-area-s2 .project-right, .wpo-project-section .project-right { text-align: center; border: 1px solid #e0d8ce; padding-top: 15px; width: 230px; height: 82px; margin: 0 0 0 auto } .wpo-project-area-s2 .project-wrapper .project-single, .wpo-project-section .project-wrapper .project-single { background: #fff; transition: .4s ease-in-out; padding: 35px } @media (max-width:1280px) { .wpo-project-area-s2 .project-wrapper .project-single, .wpo-project-section .project-wrapper .project-single { padding: 30px 25px } } .projectBlock .project-single-text, .wpo-project-area-s2 .project-wrapper .project-single .project-single-text, .wpo-project-section .project-wrapper .project-single .project-single-text, .wpo-project-single-area .wpo-project-single-wrap .project-single .project-single-text { padding-top: 35px; text-align: left } .projectBlock .project-single-text span, .wpo-project-area-s2 .project-wrapper .project-single .project-single-text span, .wpo-project-section .project-wrapper .project-single .project-single-text span, .wpo-project-single-area .wpo-project-single-wrap .project-single .project-single-text span { font-family: "DM Sans",sans-serif; font-size: 13px; font-weight: 700; line-height: 17px; text-transform: uppercase; letter-spacing: .13em; color: #8e713e; transition: .4s ease-in-out; display: block } .wpo-project-area-s2 .project-wrapper .project-single .project-single-text a h2, .wpo-project-section .project-wrapper .project-single .project-single-text a h2, .wpo-project-single-area .wpo-project-single-wrap .project-single .project-single-text a h2 { font-family: Vidaloka,serif; text-transform: capitalize; font-size: 25px; font-weight: 400; line-height: 30px; margin-bottom: 0; margin-top: 9px; transition: .4s ease-in-out; display: inline-block } .wpo-testimonial-section, .wpo-testimonial-section-s2 { position: relative; z-index: 1; margin-top: -530px } .wpo-testimonial-section .testimonial-wrapper, .wpo-testimonial-section-s2 .testimonial-wrapper { background: url(/images/new/bathroom.webp) center/cover,no-repeat; width: 100%; position: relative; z-index: 1 } .wpo-testimonial-section .testimonial-wrapper::before, .wpo-testimonial-section-s2 .testimonial-wrapper::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #0d0925; opacity: .5; z-index: -1 } .wpo-testimonial-section .testimonial-wrapper .testimonial-text, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text { background: #fff; margin-top: 80px; margin-left: 80px; text-align: center; padding: 80px 50px 180px; border-bottom: 10px solid #8e713e } @media (max-width:1399px) { .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-prev { left: -15px } .wpo-team-section .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-next { right: -15px } .wpo-testimonial-section .testimonial-wrapper .testimonial-text, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text { padding: 64px 40px 177px; margin-left: 50px; margin-top: 48px } } @media (max-width:1199px) { .wpo-testimonial-section .testimonial-wrapper .testimonial-text, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text { padding: 32px 20px 106px; margin-left: 50px; margin-top: 19px } } @media (max-width:991px) { .wpo-team-section .team-wrapper .team-single .team-single-text a h2, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text a h2 { font-size: 23px } .wpo-team-section .team-wrapper .slick-next, .wpo-team-section .team-wrapper .slick-prev, .wpo-team-section-s2 .team-wrapper .slick-next, .wpo-team-section-s2 .team-wrapper .slick-prev { display: none !important } .wpo-project-area-s2, .wpo-project-section { padding-top: 82px } .wpo-project-area-s2 .wpo-section-title, .wpo-project-section .wpo-section-title { text-align: center } .wpo-project-area-s2 .wpo-section-title .shape-title, .wpo-project-section .wpo-section-title .shape-title { left: 50% } .wpo-project-area-s2 .project-right, .wpo-project-section .project-right { margin: 0 auto; width: 240px; height: 88px } .wpo-project-area-s2 .project-wrapper, .wpo-project-section .project-wrapper { padding-bottom: 90px } .wpo-testimonial-section, .wpo-testimonial-section-s2 { margin: 0; padding-bottom: 73px } .wpo-testimonial-section .testimonial-wrapper .testimonial-text, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text { margin: 80px 80px 0; padding: 80px 50px 180px } .wpo-testimonial-section .testimonial-wrapper .testimonial-img, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-img { display: none } } @media (max-width:767px) { .wpo-cta-section { padding: 80px 0 41px } .wpo-cta-section .cta-wrapper .cta-left h2 { text-align: center } .wpo-cta-section .cta-wrapper .cta-right { text-align: center; margin-top: 20px } .wpo-team-section .team-wrapper .team-single .team-single-text a h2, .wpo-team-section-s2 .team-wrapper .team-single .team-single-text a h2 { font-size: 20px; line-height: 25px } .wpo-project-area-s2, .wpo-project-section { padding-top: 72px } .wpo-project-area-s2 .project-right, .wpo-project-section .project-right { width: 180px; height: 75px } .wpo-project-area-s2 .project-wrapper, .wpo-project-section .project-wrapper { padding-bottom: 80px } .wpo-testimonial-section, .wpo-testimonial-section-s2 { margin: 0; padding-bottom: 63px } .wpo-testimonial-section .testimonial-wrapper .testimonial-text, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text { margin: 80px 80px 0; padding: 30px 20px 120px } } .wpo-service-section-s2 .scervice-item .scervice-item-img, .wpo-service-section-s3 .scervice-item .scervice-item-img, .wpo-testimonial-section .testimonial-wrapper .testimonial-text img, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text img { margin: 0 auto } .wpo-testimonial-section .testimonial-wrapper .testimonial-text p, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text p { font-family: Vidaloka,serif; font-size: 23px; font-weight: 400; line-height: 40px; color: #484653; padding: 0 20px; margin-bottom: 0; margin-top: 50px } @media (max-width:1399px) { .wpo-testimonial-section .testimonial-wrapper .testimonial-text p, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text p { font-size: 19px; padding: 0 10px } } @media (max-width:1199px) { .wpo-testimonial-section .testimonial-wrapper .testimonial-text p, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text p { font-size: 19px; padding: 0 } .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots { bottom: 5% } } @media (max-width:425px) { .wpo-service-section .shape-1::before, .wpo-service-section-s2 .shape-1::before, .wpo-service-section-s3 .shape-1::before { position: unset } .wpo-service-section .scervice-wrap .scervice-item, .wpo-service-section-s2 .scervice-wrap .scervice-item, .wpo-service-section-s3 .scervice-wrap .scervice-item { padding: 25px 20px } .wpo-testimonial-section .testimonial-wrapper .testimonial-text, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text { margin: 20px 20px 0; padding: 20px 10px 80px } .wpo-testimonial-section .testimonial-wrapper .testimonial-text p, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text p { font-size: 15px; line-height: 25px } } .wpo-testimonial-section .testimonial-wrapper .testimonial-text h3, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text h3 { font-family: Vidaloka,serif; font-size: 26px; font-weight: 400; line-height: 32px; color: #0d0925; margin-top: 50px; position: relative } .wpo-testimonial-section .testimonial-wrapper .testimonial-text h3::after, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text h3::after { position: absolute; top: -30px; left: 50%; content: ""; background: #8e713e; width: 90px; height: 3px; transform: translate(-50%,-50%) } .wpo-testimonial-section .testimonial-wrapper .testimonial-text span, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-text span { font-family: "DM Sans",sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; color: #66717a } .wpo-testimonial-section .testimonial-wrapper .testimonial-img, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-img { padding-top: 100px } .wpo-testimonial-section .testimonial-wrapper .testimonial-img img, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-img img { width: 100%; -o-object-fit: cover; object-fit: cover } .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none } .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots li, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots li { margin: 0 .25rem } .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots button, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: rgba(255,255,255,.2); text-indent: -9999px; opacity: .5 } .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots li.slick-active button, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots li.slick-active button { background-color: #8e713e; opacity: 1 } .wpo-testimonial-section-s2.wpo-testimonial-section-s2, .wpo-testimonial-section.wpo-testimonial-section-s2 { margin-top: 0 } .wpo-partners-section { background: url(/images/new/garden.webp) center/cover no-repeat; position: relative; z-index: 1 } .wpo-partners-section::before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #213644; z-index: -1; opacity: .9 } .wpo-partners-section .partners-slider .grid img { margin: 0 auto; transition: .3s ease-in-out } .wpo-partners-section .partners-slider .grid:hover img { filter: grayscale(100%) } .wpo-partners-section .partners-slider .owl-item img { width: unset } .wpo-blog-section { background: #ede4de } .wpo-blog-section .blog-wrapper .blog-single .images .date { position: absolute; bottom: -66px; left: 50%; transform: translate(-50%,-50%); background: #f7f2ee; text-align: center; width: 63px; height: 72px; -webkit-clip-path: polygon(0 20%,100% 0,100% 100%,0% 100%); clip-path: polygon(0 20%,100% 0,100% 100%,0% 100%); transition: .4s ease-in-out } .wpo-blog-section .blog-wrapper .blog-single .images .date h3 { font-family: "DM Sans",sans-serif; font-size: 29px; font-weight: 700; padding-top: 15px; margin-bottom: -7px; color: #213644 } .wpo-blog-section .blog-wrapper .blog-single .images .date span { font-family: "DM Sans",sans-serif; font-size: 15px; font-weight: 700; line-height: 23px; color: #8e713e; transition: .4s ease-in-out } .wpo-blog-section .blog-wrapper .blog-single .text { padding: 60px 40px 50px; border: 1px solid #f7f2ee; border-top: 0; transition: .4s ease-in-out; text-align: left } .wpo-blog-section .blog-wrapper .blog-single .text span { font-family: "DM Sans",sans-serif; font-size: 13px; font-weight: 500; line-height: 17px; letter-spacing: .13em; color: #66717a; transition: .4s ease-in-out; text-transform: uppercase } .wpo-blog-section .blog-wrapper .blog-single .text h2 { font-family: Vidaloka,serif; font-size: 21px; font-weight: 400; line-height: 32px; color: #000; margin-top: 10px; margin-bottom: 37px; transition: .4s ease-in-out } .wpo-blog-section .blog-wrapper .blog-single .text a { color: #8e713e; background: #f7f2ee; font-family: "DM Sans",sans-serif; font-size: 13px; font-weight: 500; line-height: 17px; letter-spacing: .16em; text-align: center; padding: 15px 20px; transition: .4s ease-in-out; border: 1px solid #fff0 } .wpo-blog-section .blog-wrapper .blog-single:hover .images .date, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .images .date { background: #f7f2ee; -webkit-clip-path: polygon(0 0,100% 20%,100% 100%,0% 100%); clip-path: polygon(0 0,100% 20%,100% 100%,0% 100%) } .wpo-blog-section .blog-wrapper .blog-single:hover .text, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .text { background: #8e713e; margin-top: 10px; padding: 50px 40px; border: 1px solid #fff0; border-top: 0 } .wpo-blog-section .blog-wrapper .blog-single:hover .text a, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .text a { background: #fff0; color: #fff; border: 1px solid #fff } .wpo-blog-section .blog-wrapper .wpo-blog-slider.owl-carousel { width: 101% } .wpo-blog-section .blog-wrapper .blog-single .text, .wpo-blog-section .blog-wrapper .wpo-blog-slider.owl-carousel .blog-single { background-color: #fff } .wpo-about-area-s2 .wpo-about-img:before { position: absolute; left: 3%; top: 3%; width: 94%; height: 94%; content: ""; border: 1px solid } .wpo-about-area-s2 .wpo-about-text { padding-left: 80px } @media (max-width:1400px) { .wpo-about-area-s2 .wpo-about-text { padding-left: 40px } } .wpo-about-area-s2 .wpo-about-text .wpo-about-title span { display: inline-block; font-size: 18px; line-height: 26px; color: #8e713e; padding-left: 80px; position: relative } .wpo-about-area-s2 .wpo-about-text .wpo-about-title span:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 70px; height: 1px; content: ""; background: #8e713e } .wpo-about-area-s2 .wpo-about-text .wpo-about-title h2 { font-weight: 700; font-size: 45px; line-height: 65px; margin-top: 20px; margin-bottom: 30px } @media (max-width:1200px) { .wpo-about-area-s2 .wpo-about-text { padding-left: 20px } .wpo-about-area-s2 .wpo-about-text .wpo-about-title h2 { font-size: 35px; line-height: 55px; margin-bottom: 20px } } .wpo-about-area-s2 .wpo-about-text p { font-size: 16px; color: #595959 } .wpo-about-area-s2 .wpo-about-text .btns { display: flex; align-items: center; margin-top: 40px } .wpo-about-area-s2 .wpo-about-text .btns ul { display: flex; align-items: center; list-style: none; padding-left: 20px } #Donations .submit-area, .error-404-section, .wpo-project-area-s2 .wpo-section-title, .wpo-service-section-s2 .scervice-item, .wpo-service-section-s3 .scervice-item, .wpo-shop-single-section .shop-single-slider .slider-for, .wpo-shop-single-section .shop-single-slider .slider-nav .slick-slide { text-align: center } .wpo-service-section-s2 .scervice-item .scervice-item-img img, .wpo-service-section-s3 .scervice-item .scervice-item-img img { width: 40px } .wpo-service-section-s2 .wpo-service-slider .owl-nav button, .wpo-service-section-s3 .wpo-service-slider .owl-nav button { position: absolute; transform: translateY(-50%); height: 50px; width: 50px; line-height: 46px; text-align: center; background: #fff0; transition: .3s; background: #fff0; border: 1px solid #8e713e; color: #8e713e; text-decoration: none; border-radius: 50% } .wpo-service-section-s2 .wpo-service-slider .owl-nav button:hover, .wpo-service-section-s3 .wpo-service-slider .owl-nav button:hover { background: #8e713e; color: #fff; text-decoration: none; border-radius: 50% } .wpo-service-section-s2 .wpo-service-slider .owl-nav .owl-prev, .wpo-service-section-s3 .wpo-service-slider .owl-nav .owl-prev { left: -9%; bottom: 30% } .wpo-service-section-s2 .wpo-service-slider .owl-nav button.owl-next, .wpo-service-section-s3 .wpo-service-slider .owl-nav button.owl-next { right: -9%; bottom: 30% } @media (max-width:1599px) { .wpo-service-section-s2 .wpo-service-slider .owl-nav .owl-prev, .wpo-service-section-s3 .wpo-service-slider .owl-nav .owl-prev { left: -60px } .wpo-service-section-s2 .wpo-service-slider .owl-nav button.owl-next, .wpo-service-section-s3 .wpo-service-slider .owl-nav button.owl-next { right: -60px } } @media (max-width:1499px) { .wpo-project-area-s2 .project-wrapper .project-single .project-single-text a h2, .wpo-project-section .project-wrapper .project-single .project-single-text a h2 { font-size: 20px } .wpo-service-section-s2 .wpo-service-slider .owl-nav .owl-prev, .wpo-service-section-s3 .wpo-service-slider .owl-nav .owl-prev { left: -35px } .wpo-service-section-s2 .wpo-service-slider .owl-nav button.owl-next, .wpo-service-section-s3 .wpo-service-slider .owl-nav button.owl-next { right: -35px } } @media (max-width:1399px) { .wpo-service-section-s2 .wpo-service-slider .owl-nav .owl-prev, .wpo-service-section-s3 .wpo-service-slider .owl-nav .owl-prev { left: -15px } .wpo-service-section-s2 .wpo-service-slider .owl-nav button.owl-next, .wpo-service-section-s3 .wpo-service-slider .owl-nav button.owl-next { right: -15px } } .wpo-service-section-s2 .wpo-service-slider .owl-dots, .wpo-service-section-s3 .wpo-service-slider .owl-dots { position: absolute; left: 50%; transform: translateX(-50%); display: none } .wpo-service-section-s2 .wpo-service-slider .owl-dots button, .wpo-service-section-s3 .wpo-service-slider .owl-dots button { border: 0; width: 10px; height: 12px; margin: 5px; border-radius: 50%; background-color: rgba(142,113,62,.5) } .cart-area .cart-wrap .action a:hover, .cart-area .submit-btn-area button:hover, .wpo-checkout-area .create-account button:hover, .wpo-service-section-s2 .wpo-service-slider .owl-dots button.active, .wpo-service-section-s3 .wpo-service-slider .owl-dots button.active { background: #8e713e } .wpo-team-section-s2 { padding-bottom: 90px } .wpo-team-section-s2 .team-wrapper .team-single { position: relative; margin-bottom: 30px } .wpo-team-section-s2 .team-wrapper .team-single .team-single-text { width: 100%; position: unset; opacity: 1; visibility: visible; left: 0; transform: none } .wpo-fun-fact-section, .wpo-fun-fact-section-s2 { text-align: center; background: #8e713e; position: relative; z-index: 1; overflow: hidden } .wpo-fun-fact-section h2, .wpo-fun-fact-section-s2 h2 { font-size: 30px; font-size: calc-rem-value(30); font-weight: 600; margin: 0 0 1.8em } .wpo-fun-fact-section .wpo-fun-fact-grids .grid, .wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid { width: 25%; float: left } .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 65px; font-size: calc-rem-value(65); font-weight: 700; color: #fff; margin: 0 0 .2em; font-family: Vidaloka,serif; display: flex; align-items: center; justify-content: center } .wpo-fun-fact-section .grid h3 + p, .wpo-fun-fact-section-s2 .grid h3 + p { font-size: 20px; font-size: calc-rem-value(15); text-transform: uppercase; margin: 0; color: #fff; font-family: "DM Sans",sans-serif; letter-spacing: 3px } .wpo-fun-fact-section .shape-1, .wpo-fun-fact-section-s2 .shape-1 { position: absolute; left: 0; top: 0; z-index: -10 } .wpo-fun-fact-section .shape-1 svg, .wpo-fun-fact-section .shape-2 svg, .wpo-fun-fact-section-s2 .shape-1 svg, .wpo-fun-fact-section-s2 .shape-2 svg { fill: #213644 } .wpo-fun-fact-section .shape-2, .wpo-fun-fact-section-s2 .shape-2 { position: absolute; right: 0; bottom: 0; z-index: -10 } .wpo-project-single-area { padding-bottom: 70px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-title h3, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-title h3 { font-weight: 400; font-size: 35px; line-height: 130.5%; margin-bottom: 20px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item { margin-bottom: 50px } .ex-wiget ul li, .wpo-checkout-area .note-area p, .wpo-checkout-area label, .wpo-contact-pg-section .wpo-contact-title p, .wpo-payment-area .contact-form label, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item p, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-item p, .wpo-shop-single-section .product-details .product-rt span, .wpo-shop-single-section .product-info .client-rv .name-rating .product-rt span { color: #484653 } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img { margin-bottom: 50px; margin-top: 20px } .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-], .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav [class*=owl-] { background: #fff; width: 50px; height: 50px; line-height: 58px; padding: 0; margin: 0; border-radius: 50%; color: #8e713e; transition: .3s; border: 0 } .wpo-blog-pg-section .format-gallery .owl-nav .owl-next, .wpo-blog-pg-section .format-gallery .owl-nav .owl-prev, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-next, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%) } .wpo-blog-pg-section .format-gallery .owl-nav .owl-prev, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-prev { left: 15px } .wpo-blog-pg-section .format-gallery .owl-nav .owl-next, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-next { right: 15px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right { max-width: 380px; flex-basis: 35%; margin-left: auto; margin-bottom: 50px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul { list-style: none; padding: 50px 30px; box-shadow: 0 2px 10px rgb(14 29 44 / .15) } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li { display: flex; padding: 10px 0; font-size: 16px; color: #213644; position: relative; justify-content: space-between; font-weight: 600 } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li span { flex-basis: 60%; color: #484653; font-weight: 400 } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li:last-child { padding-bottom: 0; border-bottom: 0 } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li:first-child { padding-top: 0 } .wpo-project-single-area .wpo-project-single-wrap .list-widget ul li { padding: 7px 0 7px 35px; position: relative; color: #484653 } .wpo-project-single-area .wpo-project-single-wrap .list-widget ul li:before, .wpo-service-single-area .wpo-service-single-wrap .list-widget ul li:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; line-height: 25px; border-radius: 50%; background: rgb(172 141 104 / .1); content: "\f00c"; font-family: fontawesome; text-align: center; color: #8e713e; font-size: 14px } .wpo-project-single-area .wpo-project-single-wrap .wpo-p-details-img, .wpo-service-single-area .wpo-service-single-wrap .wpo-p-details-img, .wpo-shop-single-section .product-info .review-form .give-rat-sec { margin-bottom: 10px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote { padding: 45px; background: rgb(172 141 104 / .1); text-align: center; border-radius: 15px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote p { font-size: 22px; margin-bottom: 30px; color: #213644; line-height: 44px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote span { font-size: 22px; font-weight: 600; color: #213644 } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote span span { color: #8e713e; font-weight: 400 } .wpo-contact-pg-section form select:focus, .wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area select.form-control, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area select.form-control { background: url(/images/select-icon2.png) calc(100% - 15px) center no-repeat #fff0 } @media (max-width:1280px) { .wpo-project-area-s2 .project-wrapper .project-single .project-single-text span, .wpo-project-section .project-wrapper .project-single .project-single-text span, .wpo-project-single-area .wpo-project-single-wrap .project-single .project-single-text span { font-size: 12px } } @media (max-width:580px) { .wpo-project-area-s2 .project-wrapper .project-single, .wpo-project-section .project-wrapper .project-single, .wpo-project-single-area .wpo-project-single-wrap .project-single { padding: 25px 15px } } .wpo-service-single-area { padding-bottom: 80px } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-item { margin-bottom: 40px } .wpo-service-single-area .wpo-service-single-wrap .list-widget ul li { padding: 10px 0 10px 35px; position: relative; color: #484653 } .wpo-contact-pg-section, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area { padding-bottom: 0 } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item { padding: 20px; box-shadow: 0 2px 10px 2px rgb(21 44 88 / .05); margin-bottom: 30px; display: inline-block } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item i::before { font-size: 60px; color: #8e713e; line-height: 1.5 } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 { font-weight: 400; font-size: 22px; margin-bottom: 12px; margin-top: 0 } @media (max-width:1400px) { .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 { font-size: 19px; margin-bottom: 10px } } @media (max-width:1200px) { .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 50px; ont-size: calc-rem-value(50) } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right { flex-basis: 100%; margin-bottom: 40px } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item { padding: 20px 10px } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 { font-size: 17px; margin-bottom: 10px } .wpo-contact-pg-section .office-info .col .office-info-item { margin-bottom: 30px } .wpo-contact-pg-section .office-info .col:last-child .office-info-item { margin-bottom: 0 } } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item p { margin-bottom: 5px } .team-pg-area { max-width: 1080px; margin: 0 auto } .team-info-img { padding: 25px } .team-info-img img { width: 100%; height: 465px; -o-object-fit: cover; object-fit: cover } .team-info-text { padding: 58px 50px } .team-info-text ul li { font-size: 17px; color: #1d2327; font-weight: 400; margin-bottom: 22px; list-style: none } .team-info-text ul li:last-child { padding-bottom: 0; margin-bottom: 0 } .team-info-text ul li span { font-size: 16px; color: #8c8c8c; display: inline-block; position: relative; padding-left: 5px; font-weight: 400 } .at-progress { box-shadow: 0 5px 15px 0 rgb(62 65 159 / .1); padding: 40px 0 } @media (max-width:991px) { .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots { bottom: 10%; left: 50% } .wpo-about-area-s2 .wpo-about-text { padding-left: 0; padding-top: 30px } .wpo-service-section-s2 .wpo-service-slider .owl-nav button, .wpo-service-section-s3 .wpo-service-slider .owl-nav button { display: none } .wpo-service-section-s2 .wpo-service-slider .owl-dots, .wpo-service-section-s3 .wpo-service-slider .owl-dots { display: block } .wpo-team-section-s2 { padding-bottom: 60px } .wpo-fun-fact-section h2, .wpo-fun-fact-section-s2 h2 { font-size: 26px; font-size: calc-rem-value(26) } .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 40px; font-size: calc-rem-value(40) } .wpo-fun-fact-section .grid h3 + p, .wpo-fun-fact-section-s2 .grid h3 + p { font-size: 14px; font-size: calc-rem-value(14) } .wpo-project-single-area { padding-bottom: 40px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right { margin-left: 0; max-width: 100%; margin-top: 20px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote { padding: 20px; margin-top: 30px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote p { font-size: 16px; margin-bottom: 20px } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote span { font-size: 16px } .wpo-project-single-area .wpo-project-single-wrap .list-widget-s { margin-top: 30px } .wpo-service-single-area { padding-bottom: 50px } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 { font-size: 22px } .team-info-img { margin-bottom: 40px } .team-info-img img { height: 100% } .at-progress { padding-bottom: 0 } } .team-info-text h2 { font-size: 27px; font-weight: 400; color: #213644; margin-top: 0; margin-bottom: 25px; text-align: center; background: #eee; padding: 20px } .exprience-wrap p { color: #5d5851 } .exprience-wrap h2 { margin-bottom: 20px; font-weight: 400; color: #213644 } .progress { background: 0 0; margin: 0 auto; box-shadow: none; position: relative; overflow: unset } .progress:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 6px solid #ebebeb; position: absolute; top: 0; left: 0 } .education-area ul li:before, .progress .progress-value, .progress:before { border-radius: 50%; position: absolute } .progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1 } .progress .progress-left { left: 0 } .progress .progress-bar { width: 100%; height: 100%; background: 0 0; border-width: 6px; border-style: solid; position: absolute; top: 0 } .progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; transform-origin: center left } .progress .progress-right { right: 0 } .progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; transform-origin: center right; -webkit-animation: 1.8s linear forwards loading-1; animation: 1.8s linear forwards loading-1 } .progress .progress-value { width: 90%; height: 90%; background: #fff; font-size: 30px; color: #8e713e; line-height: 135px; text-align: center; top: -5%; left: 5%; font-weight: 400; font-family: Vidaloka,serif } .progress .progress-bar, .wpo-donations-amount input:focus, .wpo-donations-details input:focus, .wpo-donations-details textarea:focus, .wpo-shop-single-section .product-info .nav-tabs .active, .wpo-shop-single-section .product-info .nav-tabs li:hover { border-color: #8e713e } .progress-name { position: absolute; left: 50%; transform: translateX(-50%); bottom: 25%; width: 100%; text-align: center } .progress-name span { font-size: 15px; color: #213644; line-height: 15px } .progress.blue .progress-left .progress-bar { -webkit-animation: 1.5s linear 1.8s forwards loading-2; animation: 1.5s linear 1.8s forwards loading-2 } .progress.yellow .progress-left .progress-bar { -webkit-animation: 1s linear 1.8s forwards loading-3; animation: 1s linear 1.8s forwards loading-3 } .progress.pink .progress-left .progress-bar { -webkit-animation: .4s linear 1.8s forwards loading-4; animation: .4s linear 1.8s forwards loading-4 } .progress.green .progress-left .progress-bar { -webkit-animation: 1.2s linear 1.8s forwards loading-5; animation: 1.2s linear 1.8s forwards loading-5 } @-webkit-keyframes loading-1 { 0% { transform: rotate(0) } 100% { transform: rotate(180deg) } } @keyframes loading-1 { 0% { transform: rotate(0) } 100% { transform: rotate(180deg) } } @-webkit-keyframes loading-2 { 0% { transform: rotate(0) } 100% { transform: rotate(90deg) } } @keyframes loading-2 { 0% { transform: rotate(0) } 100% { transform: rotate(90deg) } } @-webkit-keyframes loading-3 { 0% { transform: rotate(0) } 100% { transform: rotate(120deg) } } @keyframes loading-3 { 0% { transform: rotate(0) } 100% { transform: rotate(120deg) } } @-webkit-keyframes loading-4 { 0% { transform: rotate(0) } 100% { transform: rotate(46deg) } } @keyframes loading-4 { 0% { transform: rotate(0) } 100% { transform: rotate(46deg) } } @-webkit-keyframes loading-5 { 0% { transform: rotate(0) } 100% { transform: rotate(36deg) } } @keyframes loading-5 { 0% { transform: rotate(0) } 100% { transform: rotate(36deg) } } @media only screen and (max-width:990px) { .progress { margin-bottom: 60px } } .progress:before { left: -14px; top: -15px; width: 120%; height: 120%; background: #fff; content: "" } .education-area { max-width: 600px } .education-area ul li { padding-bottom: 15px; position: relative; padding-left: 20px; color: #484653 } .education-area ul li:before { left: 0; top: 5px; width: 6px; height: 6px; background: #8e713e; content: "" } .ex-wiget, .exprience-area { padding-top: 60px } .ex-wiget h2 { font-size: 30px; font-weight: 400; color: #213644; margin-bottom: 30px } @media (max-width:767px) { .wpo-testimonial-section .testimonial-wrapper .testimonial-slider .slick-dots, .wpo-testimonial-section-s2 .testimonial-wrapper .testimonial-slider .slick-dots { bottom: 2% } .wpo-service-section-s2 .scervice-item, .wpo-service-section-s3 .scervice-item { padding: 45px 20px } .wpo-team-section-s2 { padding-bottom: 50px } .wpo-fun-fact-section, .wpo-fun-fact-section-s2, .wpo-project-single-area { padding-bottom: 30px } .wpo-fun-fact-section h2, .wpo-fun-fact-section-s2 h2 { font-size: 25px; font-size: calc-rem-value(25) } .wpo-fun-fact-section .wpo-fun-fact-grids .grid, .wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid { width: 50%; margin-bottom: 50px } .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 35px; font-size: calc-rem-value(35) } .team-info-img img, .wpo-project-area-s2 .wpo-project-wrap .project-grids .grid, .wpo-project-area-s2 .wpo-project-wrap .project-grids .grid:nth-child(4) { width: 100% } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-title h3, .wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-title h3 { font-size: 25px } .wpo-service-single-area { padding-bottom: 40px } .team-info-text { padding: 40px 20px } .team-info-img { padding: 40px } .custom-grid { float: left; width: 50% } .exprience-area { padding-top: 30px } } @media (max-width:375px) { .custom-grid { float: none; width: 100% } } @media (max-width:1199px) { .wpo-blog-section .blog-wrapper .blog-single .text, .wpo-blog-section .blog-wrapper .blog-single:hover .text, .wpo-blog-section .blog-wrapper .wpo-blog-slider .owl-item.active.center .text { padding: 60px 20px 50px } } .wpo-contact-pg-section .office-info .office-info-item .office-info-text p, .wpo-shop-single-section .product-info .review-form .give-rat-sec p { margin-bottom: 0; color: #484653 } .wpo-shop-single-section .product-info .review-form .give-rating:hover label:hover input ~ .icon, .wpo-shop-single-section .product-info .review-form .give-rating:not(:hover) label input:checked ~ .icon { color: #ffd400 } .wpo-shop-single-section .product-info .review-form .give-rating label input:focus:not(:checked) ~ .icon:last-child { color: #ddd; text-shadow: 0 0 5px #ffd400 } @media (max-width:450px) { .wpo-about-area-s2 .wpo-about-text .wpo-about-title h2 { font-size: 25px; line-height: 40px } } .field-validation-error.invalid-feedback, .payment-name.active, .wpo-blog-single-section .more-posts .next-post > a > span, .wpo-blog-single-section .more-posts .previous-post > a > span, .wpo-checkout-area #open2, .wpo-checkout-area .create-account.active, .wpo-checkout-area .payment-name.active { display: block } .wpo-checkout-area .payment-select ul, .wpo-service-section-s2 .owl-carousel .owl-stage { display: flex } .form-check input[type=hidden], .wpo-checkout-area .payment-option.active .payment-name, .wpo-payment-option.active .payment-name { display: none !important } .wpo-blog-pg-section .entry-meta, .wpo-blog-single-section .entry-meta { list-style: none; overflow: hidden; margin: 35px 0 } .wpo-blog-pg-section .entry-meta ul li a, .wpo-blog-single-section .entry-meta ul li a { color: #636893 } .wpo-blog-pg-section .entry-meta ul li + li, .wpo-blog-single-section .entry-meta ul li + li { margin-left: 20px; padding-left: 20px; position: relative } .wpo-blog-pg-section .entry-meta ul li + li:before, .wpo-blog-single-section .entry-meta ul li + li:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; content: ""; background: #8e713e; border-radius: 50% } .wpo-blog-pg-section .post p, .wpo-blog-single-section .post p { margin-bottom: 1.5em; color: #484653 } @-webkit-keyframes save-the-date-pulse { from,to { transform: scale3d(1,1,1) } 50% { transform: scale3d(.95,.95,.95) } } @keyframes save-the-date-pulse { from,to { transform: scale3d(1,1,1) } 50% { transform: scale3d(.95,.95,.95) } } @media (min-width:1440px) { .wpo-blog-single-section .container { max-width: 1320px } } .wpo-blog-single-section .entry-meta ul li { font-weight: 500; font-size: 14px; font-size: calc-rem-value(14); float: left; text-transform: uppercase; color: #484653 } .wpo-blog-single-section .entry-meta ul li i { position: relative; top: 2px; margin-right: 3px } @media (max-width:440px) { .wpo-cta-section .cta-wrapper .cta-left h2 { font-size: 21px; line-height: 30px } .wpo-blog-pg-section .entry-meta ul li + li:before, .wpo-blog-single-section .entry-meta ul li + li:before { display: none } .wpo-blog-pg-section .entry-meta ul li + li, .wpo-blog-single-section .entry-meta ul li + li { margin-left: 0; padding-left: 0 } .wpo-blog-pg-section .entry-meta ul li, .wpo-blog-single-section .entry-meta ul li { float: none; display: block; margin-bottom: 5px } } .wpo-blog-single-section .post h2 { font-size: 35px; font-size: calc-rem-value(35); margin: -.22em 0 .7em; line-height: 1.3em; font-family: Vidaloka,serif; font-weight: 400 } .wpo-blog-single-section .post h3 { font-size: 24px; font-size: calc-rem-value(24); font-weight: 400; line-height: 1.3em; margin: 1.8em 0 1em } @media (max-width:991px) { .wpo-blog-single-section .post h2 { font-size: 30px; font-size: calc-rem-value(30) } .wpo-blog-single-section .post h3 { font-size: 22px; font-size: calc-rem-value(22) } } @media (max-width:767px) { .wpo-blog-single-section .entry-meta { margin: 25px 0 } .wpo-blog-single-section .entry-meta ul li { font-size: 12px; font-size: calc-rem-value(12) } .wpo-blog-single-section .post h2 { font-size: 25px; font-size: calc-rem-value(25) } .wpo-blog-single-section .post h3 { font-size: 20px; font-size: calc-rem-value(20) } } @media screen and (min-width:1200px) { .pagination-wrapper-right { padding-right: 50px } } @media (max-width:575px) { .wpo-fun-fact-section .grid h3 + p, .wpo-fun-fact-section-s2 .grid h3 + p { letter-spacing: 0 } .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul { padding: 50px 20px } } .wpo-contact-pg-section form input.form-control, .wpo-contact-pg-section form select, .wpo-contact-pg-section form textarea { background: #fff0; width: 100%; height: 50px; border: 1px solid #fff0; border-radius: 0; box-shadow: none !important; padding-left: 25px; border: 1px solid #ebebeb } @media (max-width:991px) { .wpo-contact-pg-section form input, .wpo-contact-pg-section form select, .wpo-contact-pg-section form textarea { height: 45px } } .wpo-contact-pg-section form input:focus, .wpo-contact-pg-section form select:focus, .wpo-contact-pg-section form textarea:focus { border-color: #8e713e; background: #fff0 } .wpo-contact-pg-section form textarea { height: 180px; padding-top: 15px } .wpo-contact-pg-section form { margin: 0 -15px; overflow: hidden } .wpo-contact-pg-section form :-moz-placeholder, .wpo-contact-pg-section form :-ms-input-placeholder, .wpo-contact-pg-section form ::-moz-placeholder, .wpo-contact-pg-section form ::-webkit-input-placeholder { font-style: normal; color: #333 } .wpo-contact-pg-section form select { display: inline-block; color: #333; cursor: pointer; opacity: 1; padding: 6px 25px; font-size: 15px; font-size: calc-rem-value(15); -webkit-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: none; background-repeat: no-repeat; position: relative } .wpo-contact-pg-section form .submit-area { text-align: center; width: 100%; margin-bottom: 10px; margin-left: 0 } .wpo-contact-pg-section form .submit-area .theme-btn, .wpo-contact-pg-section form .submit-area .view-cart-btn { border-radius: 0; font-family: "DM Sans",sans-serif; font-size: 16px } .wpo-contact-pg-section form .submit-area .theme-btn:after, .wpo-contact-pg-section form .submit-area .view-cart-btn:after { border-radius: 0; background: #213644 } .wpo-contact-pg-section .office-info { padding-bottom: 100px } .wpo-contact-pg-section .office-info .office-info-item { text-align: center; box-shadow: 0 5px 15px 0 rgb(62 65 159 / .1); padding: 40px } .wpo-contact-pg-section .office-info .office-info-item .office-info-icon { width: 85px; height: 85px; background: #f5f5f5; line-height: 110px; text-align: center; margin: 0 auto; border-radius: 50% } .wpo-contact-pg-section .office-info .office-info-item .office-info-icon .icon .fa-solid:before { font-size: 45px; color: #8e713e } .wpo-contact-pg-section .office-info .office-info-item .office-info-text h2 { font-size: 30px; font-weight: 500; margin: 20px 0 } .wpo-contact-pg-section .wpo-contact-form-area { padding: 50px 50px 0; background: #fff; box-shadow: 0 1px 15px 0 rgb(62 65 159 / .1); margin-bottom: -125px; position: relative; z-index: 1 } .wpo-contact-map-section .wpo-contact-map { height: 1000px } .wpo-contact-map-section iframe { width: 100%; height: 100%; border: 0; outline: 0; filter: grayscale(100%) } @media (max-width:767px) { .wpo-contact-pg-section form .submit-area { margin-bottom: 0 } .wpo-contact-pg-section .office-info { padding-bottom: 60px } .wpo-contact-pg-section .wpo-contact-form-area { padding: 50px 30px 30px } } .bgBlue { background-color: #213644 !important; color: #fff } .accordion-button:not(.collapsed) { color: #fff !important; background-color: #213644 !important; box-shadow: inset 0 -1px 0 rgb(0 0 0 / .125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; transform: rotate(-180deg) } .list-position-inside, .nv-terms ul, .projectsInsights ul, .validation-summary-errors ul { list-style-position: inside } .wpo-service-section-s2 .owl-stage-outer { display: flex; flex: 1 0 auto; height: 100% } .wpo-service-section-s2 .grid { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch } .projectBlock .project-single { background-color: #fff; padding: 30px 25px } @media (max-width:767.98px) { .wpo-site-header .navbar-header .navbar-brand img { position: absolute; right: 76px; width: 100px; top: -20px } .wpo-site-header .navbar-header { float: right } } .team-single-text { min-height: 112px } .project-single-text h3 { font-size: 1.2rem } .wpo-blog-section .blog-wrapper .blog-single .text span, .wpo-project-section .project-wrapper .project-single .project-single-text span { letter-spacing: revert-layer } .form-check-input { position: relative; z-index: 2 } .scervice-item-img svg { width: 64px; height: 64px; color: #8e713e } .wpo-service-item svg { width: 60px; height: 60px; color: #8e713e } .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item .goldText i::before { font-size: 14px !important; line-height: normal !important } .bgNone { background-color: unset } svg.swiper-navigation-icon { height: 50%; width: 50% } @media (min-width:992px) { .testimonial-slider .slick-dots { margin-left: 50px !important } } @media (min-width:1400px) { .testimonial-slider .slick-dots { margin-left: 80px !important } } @media (min-width:768px) and (max-width:991.98px) { .wpo-site-header .navbar-header { margin-left: 62px } } @media (max-width:991.98px) { .wpo-page-title .wpo-breadcumb-wrap h1 { font-size: 35px; line-height: normal; margin-top: 80px } .navbar-brand { margin-right: unset } .position-md-absolute { position: absolute !important } .wpo-hero-slider .slide-btns { width: 100%; text-align: center; max-width: unset } .wpo-hero-slider .slide-content { text-align: center } .menu-item-has-children { position: relative } .menu-item-has-children > .sub-menu { display: none } .menu-item-has-children:hover > .sub-menu { display: block } .menu-item-has-children.submenu-open > a { font-weight: 700 } #breadCrumb .breadcrumb { width: 100%; justify-content: center } #breadCrumb nav { display: flex; justify-content: center } } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { background-repeat: no-repeat } .swiper-pagination-bullet-active { background-color: #8e713e !important; } @media (max-width:767px) { .topbar .contact-intro li, .topbar ul li span { font-size: 12px; } } #ccc-info { display: none; visibility: hidden; } .grecaptcha-badge { visibility: hidden } .swiper-slide .theme-btn-outline { display: inline-block; font-weight: 700; padding: 15px 45px; border: 0; font-size: 18px; font-size: calc-rem-value(16); transition: .3s ease-in-out; overflow: hidden; background: none; color: #fff; } .swiper-slide .theme-btn-outline:hover { background-color: #fff; border-color: #8e713e; color: #8e713e; } .theme-btn-outline { display: inline-block; font-weight: 700; padding: 15px 45px; border: 0; font-size: 14px; font-size: calc-rem-value(16); transition: .3s ease-in-out; overflow: hidden; background: none; border: 1px solid #213644; color: #213644; } .theme-btn-outline:hover { background-color: #fff; border-color: #8e713e; color: #8e713e; } .swiper-slide .theme-btn-outline { display: inline-block; font-weight: 700; padding: 15px 45px; border: 0; font-size: 18px; font-size: calc-rem-value(16); transition: .3s ease-in-out; overflow: hidden; background: none; color: #fff; } .swiper-slide .theme-btn-outline:hover { background-color: #fff; border-color: #8e713e; color: #8e713e; } .wpo-service-single-item ul { list-style-position:inside; } .btn-outline-primary:hover, .btn-primary { color: #fff; background-color: #8e713e; border-color: #8e713e; border-radius: 0px; } .btn-outline-primary, .btn-primary:hover { color: #8e713e; background-color: #fff; border-color: #8e713e; border-radius: 0px; } .bg-primary { background-color: #213644 !important; color: #fff !important; } .bg-primary p { color: #fff !important; }