@charset "UTF-8"; /*----------------------------------------------------------------------------------- Template Name: Vedhak - Adventure Tours and Travel HTML Template Template URI: site.com Description: Vedhak is a modern Adventure Tours and Travel HTML Template designed for all activities, sports, hiking, or outdoor adventures. Author: WebTend Author URI: https://webtend.net/ Version: 1.0 -------------------------- CSS INDEX -------------------------- 01. Default css 02. Header css 03. About css 04. Features css 05. Service css 06. Gallery css 07. Team css 08. Testimonial css 09. Faqs css 10. Blog css 11. Contact css 12. Footer css 13. Sections css -----------------------------------------------------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600;700&display=swap"); .accommodation-form .nice-select::-webkit-input-placeholder, .accommodation-form .form_control::-webkit-input-placeholder, form.contact-form .form_control::-webkit-input-placeholder { color: #1C231F; } .accommodation-form .nice-select::-moz-placeholder, .accommodation-form .form_control::-moz-placeholder, form.contact-form .form_control::-moz-placeholder { color: #1C231F; } .accommodation-form .nice-select:-ms-input-placeholder, .accommodation-form .form_control:-ms-input-placeholder, form.contact-form .form_control:-ms-input-placeholder { color: #1C231F; } .accommodation-form .nice-select::-ms-input-placeholder, .accommodation-form .form_control::-ms-input-placeholder, form.contact-form .form_control::-ms-input-placeholder { color: #1C231F; } .accommodation-form .nice-select::placeholder, .accommodation-form .form_control::placeholder, form.contact-form .form_control::placeholder, .faqs-tab ul.nav .nav-link, .single-team-item .member-img .hover-content ul.social-link li a:hover, .single-gallery-item-two .gallery-img .hover-content .inner-content .cat-btn, .gallery-filter-button .gallery-btn li, .hero-area-form .adventure-hero-form span, .btn-link, .main-btn.filled-btn, h1, h2, h3, h4, h5, h6, .comments-area .comment .comment-wrap .comment-author-content span.author-name { color: #1C231F; } .footer-default .copyright-area .copyright-nav ul li a:hover, .copyright-area .copyright-nav ul li a:hover, .contact-info-widget .contact-info-box p:hover a, .contact-info-widget .contact-info-box p i, .footer-nav-widget .footer-nav-content ul.footer-nav li a:hover, .footer-newsletter label i, .accommodation-form-three .nice-select:after, .accommodation-form-three label i, .accommodation-form-two .form_group label i, .accommodation-form .nice-select:after, .accommodation-form label, .contact-icon-box .icon i, .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5:hover, .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on:hover, .sidebar-widget-area .category-widget ul.category-nav li a:hover, .post-navigation-item .post-nav-item .content h6:hover, .blog-standard-post-item .entry-content h3.title:hover, .single-blog-post-item .entry-content h4.title:hover, .post-meta ul li span:hover, .accordion-card .accordion-header h4.accordion-title[aria-expanded=true]:after, .single-gallery-item .gallery-content .cat-link:hover, .gallery-filter-button .gallery-btn li.active, .single-service-item-three .text h3.title:hover, .single-service-item-two .text h4.title:hover, .single-service-item .text h3.title:hover, .vedhak-pagination ul li a.next-btn, .fancy-icon-box-three:hover .text .btn-link, .fancy-icon-box-two .icon-title .icon i, .fancy-icon-box .icon i, .features-left-icon-box-two .icon i, .features-thumb-item .text h4.title:hover, .counter-item-two .icon i, .counter-item .icon i, .experience-box .big-text h2.number, .hero-area-form .adventure-hero-form .nice-select:after, .hero-area-form .adventure-hero-form label i, .btn-link:hover { color: #63AC45; } .play-wrapper-one .video-popup, .single-blog-post-item-two .entry-content .btn-link:hover, .single-blog-post-item-two .entry-content h4.title:hover, .acc-sidebar-area .trending-place-widget .place-widget-content .inner-content span i, .video-popup i, ul.ratings li i, .experience-box .big-text h2.number span.symbol, .hero-content .hero-button .btn-link:hover { color: #F7921E; } h1 { font-size: 120px; font-weight: 600; line-height: 0.92em; } h2 { font-size: 45px; font-weight: 600; line-height: 1.2; } h3 { font-size: 30px; font-weight: 500; line-height: 1.3; } h4 { font-size: 27px; font-weight: 500; line-height: 1.2; } h5 { font-size: 24px; font-weight: 600; line-height: 1.2; } .comments-area .comment .comment-wrap .comment-author-content span.author-name, h6 { font-size: 22px; font-weight: 500; line-height: 1.2; } .play-wrapper-one .video-popup, .play-wrapper-one, .footer-newsletter-widget .newsletter-content form label button, .about-company-widget ul.social-link li a, .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content span.price, .faqs-tab ul.nav .nav-link i, .testimonial-slider-three .slick-arrow, .testimonial-arrows .slick-arrow, .single-gallery-item .gallery-img .hover-content .icon-btn, .single-gallery-item .gallery-img .hover-content, .gallery-item .gallery-img .hover-overlay .hover-content .icon-btn, .gallery-item .gallery-img .hover-overlay, .acc-sidebar-area .ad-filer-widget .filter-nav label span.title span.number, .single-service-item-four .img-holder .hover-content .inner-content .icon .icon-btn, .single-service-item-two .img-holder .hover-content .icon-btn, .single-service-item .text .meta .icon-btn, .vedhak-pagination ul li a.next-btn, .vedhak-pagination ul li a.prev-btn, .fancy-icon-box-three .icon, .single-features-item .icon, .features-left-icon-box-two .icon, .features-left-icon-box .icon, .video-popup i, ul.check-style-two li i, ul.check-style-one li i, .avatar-box-item ul.avatar-images li .more-icon, .about-one_image-box .icon-box, .hero-wrapper-three .video-wrapper, .hero-slider-two .slick-arrow, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*---======================== 01. Default css =======================----*/ /* Google Fonts */ /* Base CSS */ html { font-size: 100%; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } a { color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a:hover, a:focus { color: inherit; text-decoration: none; } a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none; } i, span, a { display: inline-block; } h1, h2, h3, h4, h5, h6 { margin: 0px; font-family: "Prompt", sans-serif; } ul, ol { margin: 0px; padding: 0px; list-style-type: none; } p { margin: 0px; } input, textarea { display: inherit; } img { max-width: 100%; } body { font-weight: normal; font-style: normal; font-weight: 300; color: #484848; font-family: "Prompt", sans-serif; font-size: 16px; line-height: 28px; overflow-x: hidden; } /*====== Extra CSS ======*/ .container-fluid { padding-left: 70px; padding-right: 70px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .container-fluid { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1199px) { .container-fluid { padding-left: 15px; padding-right: 15px; } } .mt-minus-85 { margin-top: -85px; } .mt-minus-100 { margin-top: -100px; } .mt-minus-130 { margin-top: -130px; } @media only screen and (min-width: 1200px) { .plr-5p { padding-left: 5%; padding-right: 5%; } /* Margin Left */ .ml-lg-40 { -webkit-margin-start: 40px; margin-inline-start: 40px; } .ml-lg-55 { -webkit-margin-start: 55px; margin-inline-start: 55px; } .ml-lg-60 { -webkit-margin-start: 60px; margin-inline-start: 60px; } .ml-lg-70 { -webkit-margin-start: 70px; margin-inline-start: 70px; } .ml-minus-lg-60 { -webkit-margin-start: -60px; margin-inline-start: -60px; } /* Margin Right */ .mr-lg-70 { -webkit-margin-end: 70px; margin-inline-end: 70px; } .mr-lg-100 { -webkit-margin-end: 100px; margin-inline-end: 100px; } /* Padding Left */ .pl-lg-20 { -webkit-padding-start: 20px; padding-inline-start: 20px; } .pl-lg-30 { -webkit-padding-start: 30px; padding-inline-start: 30px; } .pl-lg-40 { -webkit-padding-start: 40px; padding-inline-start: 40px; } .pl-lg-45 { -webkit-padding-start: 45px; padding-inline-start: 45px; } .pl-lg-50 { -webkit-padding-start: 50px; padding-inline-start: 50px; } .pl-lg-55 { -webkit-padding-start: 55px; padding-inline-start: 55px; } .pl-lg-60 { -webkit-padding-start: 60px; padding-inline-start: 60px; } .pl-lg-70 { -webkit-padding-start: 70px; padding-inline-start: 70px; } .pl-lg-80 { -webkit-padding-start: 80px; padding-inline-start: 80px; } .pl-lg-100 { -webkit-padding-start: 100px; padding-inline-start: 100px; } /* Padding Right */ .pr-lg-30 { -webkit-padding-end: 30px; padding-inline-end: 30px; } .pr-lg-40 { -webkit-padding-end: 40px; padding-inline-end: 40px; } .pr-lg-50 { -webkit-padding-end: 50px; padding-inline-end: 50px; } .pr-lg-60 { -webkit-padding-end: 60px; padding-inline-end: 60px; } .pr-lg-70 { -webkit-padding-end: 70px; padding-inline-end: 70px; } } ul.social-link li { display: inline-block; } .bg_cover { background-position: center center; background-size: cover; background-repeat: no-repeat; } .slick-slide { outline: 0; } .form_group { position: relative; } label { margin-bottom: 0; } .form_control { width: 100%; padding: 0 30px; height: 60px; border: none; } textarea.form_control { padding-top: 15px; display: inherit; height: 145px; } .p-r { position: relative; } .z-1 { z-index: 1; } .z--1 { z-index: -1; } .z-2 { z-index: 2; } .sub-title { font-size: 20px; line-height: 0.9; font-weight: 500; } .sub-title span.number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sub-title span.number:after { content: ""; width: 95px; height: 1px; background-color: #1C231F; margin: 0 25px; } .section-title span.sub-title { margin-bottom: 15px; } .section-title h2 span.thin { font-weight: 200; display: initial; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .section-title h2 { font-size: 36px; } } @media (max-width: 1199px) { .section-title h2 { font-size: 36px; } } @media (max-width: 767px) { .section-title h2 { font-size: 27px; } } .content-box-gap > p { margin-bottom: 30px; } .text-white .sub-title { color: #fff; } .text-white .sub-title:before { background: url(../images/white-prev-arrow.png); } .text-white .sub-title:after { background: url(../images/white-next-arrow.png); } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; } .text-white p { color: #e1e1e1; } /*===== All Bg =====*/ .dark-black-bg { background-color: #1C231F; } .dark-green-bg { background-color: #63AC45; } .light-gray-bg { background-color: #F9F9F7; } /*===== All Button Style =====*/ button { border: none; } .main-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 30px; font-weight: 600; font-size: 14px; text-transform: uppercase; border-radius: 7px; color: #fff; line-height: 21px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .main-btn i { -webkit-margin-start: 10px; margin-inline-start: 10px; } .main-btn.btn-green { background-color: #63AC45; } .main-btn.btn-green:hover { background-color: #1C231F; color: #fff; } .main-btn.btn-yellow { background-color: #F7921E; } .main-btn.btn-yellow:hover { background-color: #1C231F; color: #fff; } .main-btn.btn-black { background-color: #1C231F; } .main-btn.btn-black:hover { color: #fff; } .main-btn.btn-white { background-color: #fff; color: #1C231F; } .main-btn.filled-btn { background-color: transparent; border: 1px solid rgba(28, 35, 31, 0.15); } .main-btn.filled-btn:hover { border-color: #1C231F; } .btn-link { text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 22px; text-decoration: none; } .btn-link i { -webkit-margin-start: 10px; margin-inline-start: 10px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .btn-link:hover i { -webkit-margin-start: 12px; margin-inline-start: 12px; } /*====== Custom Animation =======*/ @-webkit-keyframes shake { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(7px); transform: translateX(7px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes shake { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(7px); transform: translateX(7px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } .animate-float-x { -webkit-animation-name: float-x; animation-name: float-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .animate-float-y { -webkit-animation-name: float-y; animation-name: float-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes float-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes float-x { 0% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes float-x { 0% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } /*====== Search Modal ======*/ .search-modal { background-color: rgba(13, 18, 23, 0.8); } .search-modal .modal-content { padding: 15px 30px; background-color: transparent; border: none; } .search-modal .modal-content label { position: absolute; top: 15px; right: 0; color: #fff; } .search-modal .modal-content .form_control { padding: 0; background-color: transparent; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.7); } .search-modal .modal-content .form_control::-webkit-input-placeholder { color: #fff; } .search-modal .modal-content .form_control::-moz-placeholder { color: #fff; } .search-modal .modal-content .form_control:-ms-input-placeholder { color: #fff; } .search-modal .modal-content .form_control::-ms-input-placeholder { color: #fff; } .search-modal .modal-content .form_control::placeholder { color: #fff; } .search-modal .modal-content .form_control:focus { background-color: transparent; } .modal-open { overflow: auto !important; padding-right: 0 !important; overflow-x: hidden !important; } /*===== Nice NUmber =====*/ .nice-number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } .nice-number input { vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0; text-align: center; } .nice-number input::-webkit-inner-spin-button, .nice-number input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*===== Nice Select =====*/ .nice-select { padding: 0 10px; border: none; border-radius: 0px; font-size: 16px; z-index: 1; } .nice-select:after { position: absolute; right: 0; content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .nice-select ul.list { border-radius: 0; } .nice-select .option { padding: 0 10px; } /*====== Start Preloader css ======*/ .preloader { background-color: #fff; bottom: 0; height: 100vh; left: 0; position: fixed; right: 0; top: 0; width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99999; } .preloader .loader { margin: 0 auto; position: relative; text-align: center; } .preloader .pre-box { width: 50px; height: 50px; background: #F7921E; -webkit-animation: loaderAnimate 0.5s linear infinite; animation: loaderAnimate 0.5s linear infinite; position: absolute; top: 0; left: 0; border-radius: 3px; } .preloader .pre-shadow { width: 50px; height: 5px; background: #000; opacity: 0.1; position: absolute; top: 59px; left: 0; border-radius: 50%; -webkit-animation: loaderShadow 0.5s linear infinite; animation: loaderShadow 0.5s linear infinite; } @-webkit-keyframes loaderAnimate { 17% { border-bottom-right-radius: 3px; } 25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @keyframes loaderAnimate { 17% { border-bottom-right-radius: 3px; } 25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-webkit-keyframes loaderShadow { 50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } } @keyframes loaderShadow { 50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } } /*====== Start Back to top css ======*/ .back-to-top { background-color: #F7921E; border-radius: 50%; bottom: 30px; color: #fff; cursor: pointer; display: none; font-size: 20px; width: 50px; height: 50px; line-height: 50px; position: fixed; right: 30px; text-align: center; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; z-index: 337; } .back-to-top:hover, .back-to-top:focus { background: #0c1b36; color: #fff; } /*==================== End COMMON css ======================*/ /*---================== 02. Header css =================----*/ /* Transparent Header */ .transparent-header { position: absolute; background-color: transparent; top: 30px; left: 0; width: 100%; z-index: 999; } @media (max-width: 991px) { .transparent-header { top: 0; } } /* Top Bar CSS */ .top-bar { padding: 11px 70px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .top-bar { padding: 11px 20px; font-size: 14px; } } .top-bar .top-left span { -webkit-margin-end: 25px; margin-inline-end: 25px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .top-bar .top-left span { -webkit-margin-end: 10px; margin-inline-end: 10px; } } .top-bar .top-left span i { -webkit-margin-end: 15px; margin-inline-end: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .top-bar .top-left span i { -webkit-margin-end: 5px; margin-inline-end: 5px; } } .top-bar .top-right span i { -webkit-margin-end: 15px; margin-inline-end: 15px; } .top-bar .top-right span:after { display: inline-block; content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; margin-left: 30px; margin-right: 30px; } .top-bar .top-right ul.social-link li { -webkit-margin-end: 25px; margin-inline-end: 25px; } /* Header Navigation CSS */ .header-navigation .nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; visibility: hidden; opacity: 0; z-index: 9999; } .header-navigation .nav-overlay.active { visibility: visible; opacity: 1; } .header-navigation .primary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-navigation .site-branding { max-width: 200px; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .header-navigation .site-branding { max-width: 150px; } } @media (max-width: 767px) { .header-navigation .site-branding { max-width: 150px; } } .header-navigation .nav-right-item .main-btn { -webkit-margin-end: 30px; margin-inline-end: 30px; } .header-navigation .nav-right-item .nice-select { font-size: 18px; color: #1C231F; -webkit-padding-start: 0; padding-inline-start: 0; -webkit-padding-end: 15px; padding-inline-end: 15px; z-index: 999; background-color: transparent; } @media (max-width: 575px) { .header-navigation .nav-right-item .nice-select { font-size: 14px; } } .header-navigation .nav-right-item .nice-select ul.list li { font-size: 16px; } .header-navigation .main-menu ul > li { display: inline-block; position: relative; margin-left: 20px; margin-right: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .header-navigation .main-menu ul > li { margin-left: 10px; margin-right: 10px; } } @media (max-width: 1199px) { .header-navigation .main-menu ul > li .search-btn { display: none; } } .header-navigation .main-menu ul > li > a { position: relative; display: block; font-size: 18px; color: #1C231F; font-weight: 500; padding: 10px 0; text-transform: capitalize; line-height: 1; } .header-navigation .main-menu ul > li > a span.dd-trigger { -webkit-margin-start: 5px; margin-inline-start: 5px; } .header-navigation .main-menu ul > li .search-btn { cursor: pointer; } .header-navigation .main-menu ul > li .search-btn:hover { color: #F7921E; } .header-navigation .main-menu ul > li .sub-menu { position: absolute; left: 0; top: 120%; width: 220px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 99; padding: 15px 0; height: auto; text-align: left; border-radius: 5px; -webkit-box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15); box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15); } .header-navigation .main-menu ul > li .sub-menu li { display: block; margin: 0; } .header-navigation .main-menu ul > li .sub-menu li:last-child > a { border-bottom: none; } .header-navigation .main-menu ul > li .sub-menu li a { display: block; padding: 0 25px 0; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 0; line-height: 2.5; margin: 0; color: #1C231F; } .header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger { float: right; } .header-navigation .main-menu ul > li .sub-menu li a:hover { color: #F7921E; } .header-navigation .main-menu ul > li .sub-menu li .sub-menu { left: 100%; top: 50%; } .header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu { top: 0%; } .header-navigation .main-menu ul > li .sub-menu li:hover > a { color: #F7921E; } .header-navigation .main-menu ul > li:hover > a { color: #F7921E; } .header-navigation .main-menu ul > li:hover > .sub-menu { opacity: 1; visibility: visible; top: 100%; } .header-navigation.breakpoint-on .nav-menu { text-align: left; background-color: #fff; position: fixed; top: 0; left: -290px; z-index: 9999; width: 290px; height: 100%; -webkit-transition-duration: 500ms; transition-duration: 500ms; padding: 40px 20px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); display: block; overflow-x: hidden; overflow-y: scroll; } .header-navigation.breakpoint-on .nav-menu.menu-on { left: 0; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li { display: block; margin: 0; border-bottom: 1px solid #ececec; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li:last-child { border-bottom: 0; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu { border-top: 1px solid #ececec; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li a { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 15px 0; color: #000; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu { width: 100%; position: relative; top: 0; left: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; visibility: visible; opacity: 1; display: none; -webkit-transition: none; transition: none; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu > li > a { padding: 0px 20px 0 30px; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu > li > a:hover { border-color: rgba(255, 255, 255, 0.5); } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger { position: absolute; right: 0; top: 10px; height: 25px; width: 25px; border-radius: 3px; z-index: 2; background-color: #F7921E; cursor: pointer; color: #fff; font-size: 16px; } .header-navigation.breakpoint-on .nav-menu .main-menu.menu-on { left: 0; } @media (max-width: 767px) { .header-navigation.breakpoint-on .nav-menu .menu-button { display: block; } } .header-navigation.breakpoint-on .navbar-toggler { display: block; } .header-navigation .navbar-toggler { padding: 10px 7px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: transparent; cursor: pointer; display: none; border-radius: 5px; } @media (max-width: 1199px) { .header-navigation .navbar-toggler { -webkit-margin-start: 30px; margin-inline-start: 30px; } } @media (max-width: 575px) { .header-navigation .navbar-toggler { -webkit-margin-start: 15px; margin-inline-start: 15px; } } .header-navigation .navbar-toggler span { position: relative; background-color: #1C231F; border-radius: 3px; display: block; height: 2px; padding: 0; width: 30px; cursor: pointer; display: block; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .header-navigation .navbar-toggler span:not(:first-child) { margin-top: 5px; } .header-navigation .navbar-toggler.active span:nth-of-type(1) { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); top: 7px; } .header-navigation .navbar-toggler.active span:nth-of-type(2) { opacity: 0; } .header-navigation .navbar-toggler.active span:nth-of-type(3) { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); top: -7px; } /* Default Navigation */ .default-navigation { background-color: #fff; padding: 30px 0; } /* Navigation Two */ .navigation-two.sticky { padding: 20px 0; } /* Navigation Three */ .navigation-three { padding: 30px; } /* Navigation White */ .navigation-white.header-navigation .main-menu ul > li > a { color: #fff; } .navigation-white.header-navigation .main-menu ul > li:hover > a { color: #F7921E; } .navigation-white.header-navigation .nav-right-item .nice-select { color: #fff; } .navigation-white.header-navigation .nav-right-item .nice-select ul.list li { color: #1C231F; } .navigation-white.header-navigation .navbar-toggler { border: 1px solid rgba(255, 255, 255, 0.6); } .navigation-white.header-navigation .navbar-toggler span { background-color: #fff; } .navigation-white.header-navigation.sticky { background-color: #1C231F; } .navigation-white.header-navigation.sticky .site-branding .brand-logo { padding: 0; background-color: transparent; } .navigation-white.header-navigation.sticky .navbar-toggler { border-color: rgba(255, 255, 255, 0.8); } .navigation-white.header-navigation.sticky .navbar-toggler span { background-color: #fff; } /* Header Sticky */ .sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999; -webkit-animation: sticky 1.2s; animation: sticky 1.2s; } @-webkit-keyframes sticky { 0% { top: -200px; } 100% { top: 0; } } @keyframes sticky { 0% { top: -200px; } 100% { top: 0; } } /*---================== 03. Header css =================----*/ /* Hero Slider */ .hero-slider-two .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #FFFFFF; font-size: 18px; color: #fff; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media (max-width: 991px) { .hero-slider-two .slick-arrow { width: 50px; height: 50px; font-size: 16px; } } .hero-slider-two .slick-arrow:hover { border-color: #fff; } .hero-slider-two .slick-arrow.prev { left: 100px; } @media (max-width: 1199px) { .hero-slider-two .slick-arrow.prev { left: 40px; } } .hero-slider-two .slick-arrow.next { right: 100px; } @media (max-width: 1199px) { .hero-slider-two .slick-arrow.next { right: 40px; } } .single-slider .image-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1.4s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1.4s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); z-index: -1; } .single-slider .image-layer:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(129.29deg, rgba(0, 0, 0, 0.6) 16.77%, rgba(0, 0, 0, 0.3) 74.33%); z-index: -1; } .single-slider.slick-current .image-layer { -webkit-transform: scale(1); transform: scale(1); } /* Hero Content */ .hero-content span.sub-title { margin-bottom: 20px; } .hero-content span.sub-title span.number:after { background-color: #fff; } .hero-content h1 { margin-bottom: 35px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .hero-content h1 { font-size: 100px; } } @media (max-width: 1199px) { .hero-content h1 { font-size: 100px; line-height: 1em; } } @media (max-width: 991px) { .hero-content h1 { font-size: 48px; line-height: 1.2; } } .hero-content .hero-button .btn-link { color: #fff; } /* Hero Form */ .hero-area-form { background-color: #fff; padding: 73px 60px 80px; border-radius: 20px; } @media (max-width: 767px) { .hero-area-form { padding: 73px 30px 80px; } } .hero-area-form .adventure-hero-form span { font-weight: 500; font-size: 18px; margin-bottom: 10px; } .hero-area-form .adventure-hero-form label { position: absolute; top: 55px; right: 25px; } .hero-area-form .adventure-hero-form .nice-select, .hero-area-form .adventure-hero-form .form_control { height: 60px; border: 1px solid rgba(28, 35, 31, 0.15); -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1); border-radius: 5px; margin-bottom: 32px; padding: 0 25px; } .hero-area-form .adventure-hero-form .nice-select { line-height: 60px; } .hero-area-form .adventure-hero-form .nice-select:after { right: 25px; } .hero-area-form .adventure-hero-form .main-btn { width: 100%; } /* Hero wrapper */ .hero-wrapper-one .hero-dots { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 17%; z-index: 3; } @media (max-width: 1199px) { .hero-wrapper-one .hero-dots { right: 5%; } } .hero-wrapper-one .hero-dots .slick-dots li { display: block; } .hero-wrapper-one .hero-dots .slick-dots li:not(:last-child) { margin-bottom: 25px; } .hero-wrapper-one .hero-dots .slick-dots li a { position: relative; color: #fff; font-weight: 500; font-size: 20px; line-height: 23px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .hero-wrapper-one .hero-dots .slick-dots li a:hover:after { width: 100%; } .hero-wrapper-one .hero-dots .slick-dots li a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 0%; height: 1px; background-color: #fff; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .hero-wrapper-one .hero-dots .slick-dots li.slick-active a { -webkit-margin-start: -15px; margin-inline-start: -15px; } .hero-wrapper-one .hero-dots .slick-dots li.slick-active a:after { width: 100%; } .hero-wrapper-one .single-slider { padding: 205px 0 210px; } @media (max-width: 767px) { .hero-wrapper-one .single-slider { padding: 155px 0 160px; } } .hero-wrapper-two .single-slider { padding: 308px 0 360px; } @media (max-width: 767px) { .hero-wrapper-two .single-slider { padding: 208px 0 260px; } } .hero-wrapper-three { background-color: #1C231F; padding-top: 270px; } @media (max-width: 767px) { .hero-wrapper-three { padding-top: 170px; } } .hero-wrapper-three .shape { position: absolute; z-index: -1; } .hero-wrapper-three .shape.hero-shape { top: 80px; left: 70px; } .hero-wrapper-three .hero-content { margin-bottom: 90px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .hero-wrapper-three .hero-content h1 { font-size: 100px; } } .hero-wrapper-three .hero-area-form { position: relative; min-width: 690px; margin-bottom: -50px; z-index: 2; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .hero-wrapper-three .hero-area-form { min-width: 620px; } } @media (max-width: 1199px) { .hero-wrapper-three .hero-area-form { min-width: 100%; } } .hero-wrapper-three .video-wrapper { min-height: 730px; } .hero-wrapper-three .video-wrapper:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(28, 35, 31, 0.2); z-index: -1; } /* page banner */ .page-banner { position: relative; z-index: 1; } .page-banner:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(129.29deg, rgba(0, 0, 0, 0.6) 16.77%, rgba(0, 0, 0, 0.3) 74.33%); } .page-banner .page-banner-content h1 { margin-bottom: 20px; } @media (max-width: 1199px) { .page-banner .page-banner-content h1 { font-size: 52px; } } @media (max-width: 767px) { .page-banner .page-banner-content h1 { font-size: 32px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .page-banner .page-banner-content h1 { font-size: 42px; } } .page-banner .page-banner-content ul.breadcrumb-link li { display: inline-block; font-size: 24px; } @media (max-width: 767px) { .page-banner .page-banner-content ul.breadcrumb-link li { font-size: 17px; } } .page-banner .page-banner-content ul.breadcrumb-link li:not(:last-child):after { display: inline-block; content: ""; font-weight: 400; font-family: "Font Awesome 5 Pro"; margin-left: 20px; margin-right: 13px; } /*---================== 03. About css =================----*/ /* About Image Box */ .about-one_image-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } .about-one_image-box .about-img-one { width: 51%; } @media (max-width: 767px) { .about-one_image-box .about-img-one { width: 100%; } } .about-one_image-box .about-img-two { width: 44%; } @media (max-width: 767px) { .about-one_image-box .about-img-two { width: 100%; } } .about-one_image-box .icon-box { position: absolute; top: 50%; left: 53%; -webkit-transform: translate(-53%, -50%); transform: translate(-53%, -50%); width: 160px; height: 160px; border-radius: 50%; background-color: #63AC45; font-size: 80px; color: #fff; } @media (max-width: 767px) { .about-one_image-box .icon-box { top: 45%; -webkit-transform: translate(-53%, -45%); transform: translate(-53%, -45%); } } .about-two_image-box .avatar-box-item { position: relative; -webkit-margin-start: auto; margin-inline-start: auto; margin-top: -115px; -webkit-margin-end: -40px; margin-inline-end: -40px; } @media (max-width: 1199px) { .about-two_image-box .avatar-box-item { -webkit-margin-end: 0; margin-inline-end: 0; } } /* About Content Box */ .about-content-box .experience-box { padding-top: 50px; border-top: 1px solid rgba(28, 35, 31, 0.1); } /* Avatar box item */ .avatar-box-item { max-width: 415px; background: #FFFFFF; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); border-radius: 12px; padding: 32px 40px 35px; } @media (max-width: 767px) { .avatar-box-item { padding: 32px 30px 35px; } } .avatar-box-item h6 { margin-bottom: 19px; } .avatar-box-item ul.avatar-images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .avatar-box-item ul.avatar-images li { width: 45px; -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; } .avatar-box-item ul.avatar-images li:not(first-child) { -webkit-margin-end: -15px; margin-inline-end: -15px; } .avatar-box-item ul.avatar-images li img { width: 45px; height: 45px; border-radius: 50%; } .avatar-box-item ul.avatar-images li .more-icon { width: 45px; height: 45px; border-radius: 50%; background-color: #F7921E; color: #fff; } /* Experience box */ .experience-box { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .experience-box .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50px; height: 50px; -webkit-margin-end: 50px; margin-inline-end: 50px; } @media (max-width: 767px) { .experience-box .icon { -webkit-margin-end: 30px; margin-inline-end: 30px; } } .experience-box .big-text { -webkit-margin-end: 30px; margin-inline-end: 30px; } .experience-box .big-text h2.number { position: relative; font-size: 150px; line-height: 0.75; } @media (max-width: 767px) { .experience-box .big-text h2.number { font-size: 100px; } } .experience-box .big-text h2.number span.symbol { position: absolute; right: -40px; font-size: 32px; vertical-align: top; } .experience-box .text { -ms-flex-preferred-size: min-content; flex-basis: min-content; -ms-flex-item-align: end; align-self: flex-end; } .experience-box .text h6 { font-size: 20px; line-height: 28px; } /*---================== 04. Features css =================----*/ /* Ratings */ ul.ratings li { display: inline-block; } /* Check Style */ ul.check-style-one li { display: -webkit-box; display: -ms-flexbox; display: flex; } ul.check-style-one li:not(:last-child) { margin-bottom: 10px; } ul.check-style-one li i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25px; height: 25px; border-radius: 50%; background-color: #63AC45; color: #fff; font-size: 11px; -webkit-margin-end: 15px; margin-inline-end: 15px; } ul.check-style-two li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 13px 25px; background-color: #FFFFFF; line-height: 24px; font-weight: 500; -webkit-box-shadow: 0px 10px 60px rgba(99, 172, 69, 0.2); box-shadow: 0px 10px 60px rgba(99, 172, 69, 0.2); border-radius: 30px; margin-bottom: 15px; -webkit-margin-end: 15px; margin-inline-end: 15px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { ul.check-style-two li { padding: 13px 15px; } } ul.check-style-two li i { width: 25px; height: 25px; border-radius: 50%; background-color: #63AC45; font-size: 10px; color: #fff; -webkit-margin-end: 10px; margin-inline-end: 10px; } ul.check-style-two.check-width-50 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* Video Popup */ .video-popup i { width: 120px; height: 120px; border-radius: 50%; font-size: 17px; background-color: #fff; } /* Counter Item */ .counter-item-list > .row .col-md-6:nth-child(2) { margin-top: 30px; } @media (max-width: 767px) { .counter-item-list > .row .col-md-6:nth-child(2) { margin-top: 0; } } .counter-item-list > .row .col-md-6:nth-child(3) { margin-top: -30px; } @media (max-width: 767px) { .counter-item-list > .row .col-md-6:nth-child(3) { margin-top: 0; } } @media (max-width: 991px) { .counter-item { text-align: center; } } .counter-item .icon { margin-bottom: 15px; } .counter-item .icon i { font-size: 65px; } .counter-item .text h2 { margin-bottom: 5px; } .counter-item .text P { font-size: 18px; font-weight: 400; } .counter-item-two { background-color: #F9F9F7; padding: 60px 75px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .counter-item-two { padding: 60px 45px; } } @media (max-width: 1199px) { .counter-item-two { padding: 60px 35px; } } @media (max-width: 575px) { .counter-item-two { text-align: center; } } .counter-item-two:hover { background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); } .counter-item-two .icon { margin-bottom: 15px; } .counter-item-two .icon i { font-size: 65px; } .counter-item-two .text h2 { margin-bottom: 5px; } .counter-item-two .text P { font-size: 18px; font-weight: 400; } /* Features Item */ .features-thumb-item .thumb img { width: 100%; } .features-thumb-item .text h4.title { font: 500 24px "Prompt", sans-serif; margin-bottom: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .features-thumb-item .text h4.title:before { content: ""; width: 40px; height: 1px; background-color: #1C231F; -webkit-margin-end: 20px; margin-inline-end: 20px; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .features-thumb-item .text h4.title:hover:before { background-color: #63AC45; width: 50px; } .features-left-icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .features-left-icon-box .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 85px; height: 85px; border-radius: 50%; -webkit-margin-end: 30px; margin-inline-end: 30px; } .features-left-icon-box .icon.bg-one { background-color: rgba(255, 112, 42, 0.1); } .features-left-icon-box .icon.bg-one i { color: #FF702A; } .features-left-icon-box .icon.bg-two { background-color: rgba(99, 172, 69, 0.1); } .features-left-icon-box .icon.bg-two i { color: #63AC45; } .features-left-icon-box .icon i { font-size: 45px; } .features-left-icon-box .text h5.title { margin-bottom: 5px; } .features-left-icon-box-two { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(28, 35, 31, 0.1); border-radius: 7px; background-color: #fff; padding: 40px 65px 35px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .features-left-icon-box-two { padding: 40px 50px 35px; } } @media (max-width: 1199px) { .features-left-icon-box-two { padding: 40px 35px 35px; } } @media (max-width: 575px) { .features-left-icon-box-two { padding: 40px 15px 35px; } } .features-left-icon-box-two:hover { border-color: transparent; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); } .features-left-icon-box-two:hover .icon { background-color: #63AC45; } .features-left-icon-box-two:hover .icon i { color: #fff; } .features-left-icon-box-two .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 85px; height: 85px; border-radius: 50%; background-color: rgba(99, 172, 69, 0.1); -webkit-margin-end: 30px; margin-inline-end: 30px; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media (max-width: 575px) { .features-left-icon-box-two .icon { -webkit-margin-end: 20px; margin-inline-end: 20px; } } .features-left-icon-box-two .icon i { font-size: 45px; } .features-left-icon-box-two .text h6.title { font-weight: 600; margin-bottom: 13px; } .single-features-item { padding: 40px 35px 35px; border-radius: 5px; } .single-features-item.item-bg-one { background-color: #FFF5E9; } .single-features-item.item-bg-one .icon { background-color: #F7921E; } .single-features-item.item-bg-two { background-color: #F0F7ED; } .single-features-item.item-bg-two .icon { background-color: #63AC45; } .single-features-item.item-bg-three { background-color: #FFF1EA; } .single-features-item.item-bg-three .icon { background-color: #FF702A; } .single-features-item.item-bg-four { background-color: #E7F7FE; } .single-features-item.item-bg-four .icon { background-color: #08A8F0; } .single-features-item .icon { width: 100px; height: 100px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 26px; } .single-features-item .icon i { font-size: 50px; color: #fff; } .single-features-item .text h4.title { font: 500 22px "Prompt", sans-serif; margin-bottom: 13px; } .single-features-item .text p { margin-bottom: 30px; } .single-features-item .text .btn-link { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; } .fancy-icon-box { padding: 30px 25px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .fancy-icon-box .icon { margin-bottom: 28px; } .fancy-icon-box .icon i { font-size: 40px; } .fancy-icon-box .text h5.title { margin-bottom: 14px; } .fancy-icon-box .text p { font-weight: 300; } .fancy-icon-box .text span.line { width: 85px; height: 3px; background-color: #63AC45; } .fancy-icon-box-two .icon-title { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; border-bottom: 2px solid rgba(28, 35, 31, 0.1); max-width: 370px; margin-bottom: 23px; } .fancy-icon-box-two .icon-title:after { position: absolute; bottom: -2.5px; left: 0; content: ""; width: 100px; height: 4px; background-color: #63AC45; } .fancy-icon-box-two .icon-title .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 60px; -webkit-margin-end: 35px; margin-inline-end: 35px; } .fancy-icon-box-two .icon-title .icon i { font-size: 60px; } .fancy-icon-box-two .text p { margin-bottom: 15px; } .fancy-icon-box-three:hover .text { background-color: #1C231F; } .fancy-icon-box-three:hover .text h5.title { color: #fff; } .fancy-icon-box-three:hover .text p { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .fancy-icon-box-three .icon { position: relative; z-index: 1; -webkit-margin-start: 40px; margin-inline-start: 40px; margin-bottom: -50px; width: 100px; height: 100px; border-radius: 12px; background-color: #63AC45; color: #fff; } .fancy-icon-box-three .icon i { font-size: 60px; } .fancy-icon-box-three .text { position: relative; padding: 85px 27px 25px 40px; background-color: #FFFFFF; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); border-radius: 7px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .fancy-icon-box-three .text { padding: 85px 27px 25px 30px; } } .fancy-icon-box-three .text h5.title { margin-bottom: 15px; } @media (max-width: 767px) { .fancy-icon-box-three .text h5.title { font-size: 20px; } } .fancy-icon-box-three .text P { border-bottom: 1px solid rgba(28, 35, 31, 0.1); padding-bottom: 32px; margin-bottom: 13px; } /* Pagination */ .vedhak-pagination ul li { display: inline-block; } .vedhak-pagination ul li a span { width: 7px; height: 7px; border-radius: 50%; background-color: #D9D9D9; margin: 0 5px; } .vedhak-pagination ul li a.next-btn, .vedhak-pagination ul li a.prev-btn { width: 65px; height: 65px; border-radius: 50%; border: 1px solid rgba(28, 35, 31, 0.1); } .vedhak-pagination ul li a.prev-btn { -webkit-margin-end: 30px; margin-inline-end: 30px; } .vedhak-pagination ul li a.next-btn { border-color: #63AC45; -webkit-margin-start: 30px; margin-inline-start: 30px; } /*---================== 05. Service css =================----*/ /* Service Slider */ .service-slider-one { margin-left: -15px; margin-right: -15px; } @media (max-width: 575px) { .service-slider-one { margin-left: -12px; margin-right: -12px; } } .service-slider-one .single-service-item { margin-left: 15px; margin-right: 15px; } .service-slider-one .single-service-item-four { margin-left: 15px; margin-right: 15px; } /* Service Item */ .single-service-item .img-holder { position: relative; overflow: hidden; } .single-service-item .img-holder img { width: 100%; } .single-service-item .img-holder .shape { position: absolute; bottom: 0; left: 0; background-color: #fff; width: 100%; height: 40px; -webkit-clip-path: polygon(100% 100%, 100% 100%, 0 100%, 0 95%, 85% 0); clip-path: polygon(100% 100%, 100% 100%, 0 100%, 0 95%, 85% 0); margin-bottom: -0.5px; } .single-service-item .text { background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); padding: 30px 35px; } @media (max-width: 575px) { .single-service-item .text { padding: 30px 25px; } } .single-service-item .text h3.title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: 120%; margin-bottom: 15px; } .single-service-item .text h3.title:before { content: ""; width: 50px; height: 1px; background-color: #1C231F; -webkit-margin-end: 20px; margin-inline-end: 20px; } .single-service-item .text > p { margin-bottom: 30px; } .single-service-item .text .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #D9D9D9; padding-top: 20px; } .single-service-item .text .meta .icon { line-height: 0.5; -webkit-margin-end: 30px; margin-inline-end: 30px; } .single-service-item .text .meta .icon i { font-size: 27px; } @media (max-width: 575px) { .single-service-item .text .meta .icon { -webkit-margin-end: 20px; margin-inline-end: 20px; } } .single-service-item .text .meta .icon-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; height: 40px; background-color: #63AC45; border-radius: 50%; color: #fff; -webkit-margin-start: auto; margin-inline-start: auto; } .single-service-item .text .meta .icon-btn:hover { background-color: #F7921E; } .single-service-item-two:hover .img-holder .hover-overlay { visibility: visible; opacity: 1; } .single-service-item-two:hover .img-holder .hover-content { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: visible; opacity: 1; } .single-service-item-two .img-holder { position: relative; overflow: hidden; } .single-service-item-two .img-holder img { width: 100%; border-radius: 50px; } .single-service-item-two .img-holder .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; background-color: rgba(28, 35, 31, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-service-item-two .img-holder .hover-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -40%); transform: translate(-50%, -40%); visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-service-item-two .img-holder .hover-content .icon-btn { width: 65px; height: 65px; border-radius: 50%; background-color: #63AC45; color: #fff; } .single-service-item-two .img-holder .hover-content .icon-btn i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .single-service-item-two .text ul.ratings { margin-bottom: 11px; } .single-service-item-two .text h4.title { margin-bottom: 10px; } @media (max-width: 1199px) { .single-service-item-two .text h4.title { font-size: 24px; } } .single-service-item-three { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-service-item-three .img-holder, .single-service-item-three .text { width: 50%; } @media (max-width: 991px) { .single-service-item-three .img-holder, .single-service-item-three .text { width: 100%; } } .single-service-item-three .img-holder img { width: 100%; } .single-service-item-three .text { position: relative; padding: 50px 65px; background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); -webkit-margin-start: -80px; margin-inline-start: -80px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-service-item-three .text { padding: 50px 45px; } } @media (max-width: 1199px) { .single-service-item-three .text { padding: 50px 25px; } } @media (max-width: 991px) { .single-service-item-three .text { -webkit-margin-start: 0px; margin-inline-start: 0px; } } .single-service-item-three .text h3.title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: 120%; margin-bottom: 15px; } .single-service-item-three .text h3.title:before { content: ""; width: 50px; height: 1px; background-color: #1C231F; -webkit-margin-end: 20px; margin-inline-end: 20px; } @media (max-width: 575px) { .single-service-item-three .text h3.title { font-size: 22px; } } .single-service-item-three .text > p { margin-bottom: 30px; } .single-service-item-three .text .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #D9D9D9; padding-top: 20px; } @media (max-width: 575px) { .single-service-item-three .text .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .single-service-item-three .text .meta .icon { font-size: 27px; -webkit-margin-end: 30px; margin-inline-end: 30px; } .single-service-item-three .text .meta .main-btn { -webkit-margin-start: auto; margin-inline-start: auto; } @media (max-width: 1199px) { .single-service-item-three .text .meta .main-btn { padding: 16px 10px; } } @media (max-width: 575px) { .single-service-item-three .text .meta .main-btn { -webkit-margin-start: 0; margin-inline-start: 0; margin-top: 15px; } } .single-service-item-three:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .single-service-item-three:nth-child(even) .text { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: -80px; margin-inline-end: -80px; } @media (max-width: 991px) { .single-service-item-three:nth-child(even) .text { -webkit-margin-end: 0px; margin-inline-end: 0px; } } .single-service-item-four:hover .img-holder .hover-content { visibility: visible; opacity: 1; bottom: 0; } .single-service-item-four .img-holder { position: relative; } .single-service-item-four .img-holder .hover-content { position: absolute; padding: 40px; bottom: 50px; left: 0; width: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-service-item-four .img-holder .hover-content .inner-content { padding: 25px 30px; background-color: #fff; border-radius: 12px; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media (max-width: 991px) { .single-service-item-four .img-holder .hover-content .inner-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .single-service-item-four .img-holder .hover-content .inner-content .text { position: relative; } .single-service-item-four .img-holder .hover-content .inner-content .text h4.title { margin-bottom: 10px; } .single-service-item-four .img-holder .hover-content .inner-content .text .btn-link { font-size: 15px; } @media (max-width: 991px) { .single-service-item-four .img-holder .hover-content .inner-content .icon { margin-top: 15px; } } .single-service-item-four .img-holder .hover-content .inner-content .icon .icon-btn { width: 60px; height: 60px; border-radius: 50%; background-color: #F7921E; color: #fff; } @media (max-width: 991px) { .single-service-item-four .img-holder .hover-content .inner-content .icon .icon-btn { width: 40px; height: 40px; font-size: 15px; } } /* Service Details */ .accommodation-details-wrapper .service-content h2.title { margin-bottom: 20px; } @media (max-width: 575px) { .accommodation-details-wrapper .service-content h2.title { font-size: 27px; } } .accommodation-details-wrapper .service-content > p { margin-bottom: 35px; } .accommodation-details-wrapper .service-content > h4 { margin-bottom: 12px; } .features-table thead { background-color: #F9F9F7; text-align: center; } .features-table thead th { padding: 15px 10px; font-size: 20px; font-weight: 500; } .features-table tbody td { padding: 10px 70px; color: #1C231F; font-size: 18px; } @media (max-width: 1199px) { .features-table tbody td { padding: 10px 30px; } } .features-table tbody td span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .features-table tbody td span i { font-size: 30px; -webkit-margin-end: 10px; margin-inline-end: 10px; } .details-form-wrapper { padding: 50px 70px; background-color: #F9F9F7; } @media (max-width: 1199px) { .details-form-wrapper { padding: 50px 30px; } } .details-form-wrapper .section-title { padding-right: 25%; } @media (max-width: 1199px) { .details-form-wrapper .section-title { padding-right: 0; } } .acc-sidebar-area { padding: 40px 40px 0px; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); -webkit-margin-start: 40px; margin-inline-start: 40px; -webkit-margin-end: 16px; margin-inline-end: 16px; } @media (max-width: 991px) { .acc-sidebar-area { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; } } @media (max-width: 575px) { .acc-sidebar-area { padding: 40px 25px 0px; } } .acc-sidebar-area .sidebar-widget .widget-title { padding-bottom: 20px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); margin-bottom: 30px; } .acc-sidebar-area .trending-place-widget .place-widget-content { height: 295px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 20px 30px; } .acc-sidebar-area .trending-place-widget .place-widget-content .inner-content h6 { color: #fff; font-size: 20px; } .acc-sidebar-area .trending-place-widget .place-widget-content .inner-content span { color: #fff; } .acc-sidebar-area .trending-place-widget .place-widget-content .inner-content span i { -webkit-margin-end: 5px; margin-inline-end: 5px; } .acc-sidebar-area .ad-filer-widget .filter-nav ul li { padding-bottom: 13px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); margin-bottom: 15px; } .acc-sidebar-area .ad-filer-widget .filter-nav input { display: none; } .acc-sidebar-area .ad-filer-widget .filter-nav input:checked + label span.title:before { border: 5px solid #63AC45; } .acc-sidebar-area .ad-filer-widget .filter-nav input:checked + label span.title span.number { background-color: #63AC45; } .acc-sidebar-area .ad-filer-widget .filter-nav label { width: 100%; cursor: pointer; } .acc-sidebar-area .ad-filer-widget .filter-nav label span.title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .acc-sidebar-area .ad-filer-widget .filter-nav label span.title:before { content: ""; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #1C231F; -webkit-margin-end: 10px; margin-inline-end: 10px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .acc-sidebar-area .ad-filer-widget .filter-nav label span.title span.number { width: 39px; height: 34px; border-radius: 5px; background-color: #F7921E; color: #fff; font-weight: 400; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-margin-start: auto; margin-inline-start: auto; } .acc-sidebar-area .ad-filer-widget .main-btn { width: 100%; } .acc-sidebar-area .ad-weather-widget .weather-content img { -webkit-box-shadow: 0px 4px 40px rgba(59, 105, 222, 0.4); box-shadow: 0px 4px 40px rgba(59, 105, 222, 0.4); border-radius: 12px; width: 100%; } .acc-sidebar-area .ad-banner-widget .banner-widget-content { padding: 130PX 25px 20px; position: relative; z-index: 1; } .acc-sidebar-area .ad-banner-widget .banner-widget-content:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(26.6%, rgba(28, 35, 31, 0)), color-stop(99.75%, rgba(28, 35, 31, 0.9))); background: linear-gradient(180deg, rgba(28, 35, 31, 0) 26.6%, rgba(28, 35, 31, 0.9) 99.75%); z-index: -1; } .acc-sidebar-area .ad-banner-widget .banner-widget-content h6 { font-size: 18px; color: #fff; } .acc-sidebar-area .ad-banner-widget .banner-widget-content span.price { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .acc-sidebar-area .ad-banner-widget .banner-widget-content span.price:before { content: ""; width: 20px; height: 1px; background-color: #fff; -webkit-margin-end: 10px; margin-inline-end: 10px; } /* Adventure Image box */ .adventure-one_image-box .img-two { position: absolute; right: -30%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .adventure-one_image-box .img-two { right: -15%; } } @media (max-width: 1199px) { .adventure-one_image-box .img-two { right: -5%; } } @media (max-width: 575px) { .adventure-one_image-box .img-two { right: 0%; } } /*---================== 06. Gallery css =================----*/ /* Gallery Filter */ .gallery-filter-button .gallery-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid rgba(28, 35, 31, 0.1); } @media (max-width: 767px) { .gallery-filter-button .gallery-btn { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .gallery-filter-button .gallery-btn li { position: relative; padding: 0 35px 20px; font-weight: 500; font-size: 18px; cursor: pointer; } @media (max-width: 1199px) { .gallery-filter-button .gallery-btn li { padding: 0 15px 20px; font-size: 15px; } } .gallery-filter-button .gallery-btn li:after { position: absolute; content: ""; bottom: -2px; left: 0; width: 100%; height: 4px; background-color: #63AC45; visibility: visible; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media (max-width: 767px) { .gallery-filter-button .gallery-btn li:after { display: none; } } .gallery-filter-button .gallery-btn li.active:after { visibility: visible; opacity: 1; } /* Gallery Slider */ .gallery-slider-one { margin-left: -15px; margin-right: -15px; } .gallery-slider-one .gallery-item { margin-left: 15px; margin-right: 15px; } .gallery-slider-two { margin-left: -15px; margin-right: -15px; } .gallery-slider-two .single-gallery-item-two { margin-left: 15px; margin-right: 15px; } /* Gallery Item */ .gallery-item:hover .gallery-img .hover-overlay { visibility: visible; opacity: 1; } .gallery-item:hover .gallery-img .hover-overlay .hover-content { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .gallery-item .gallery-img { position: relative; overflow: hidden; } .gallery-item .gallery-img img { width: 100%; } .gallery-item .gallery-img .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(28, 35, 31, 0.85); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .gallery-item .gallery-img .hover-overlay .hover-content { visibility: hidden; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .gallery-item .gallery-img .hover-overlay .hover-content .icon-btn { width: 85px; height: 85px; border-radius: 50%; background-color: #F7921E; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 40px; } .gallery-item .gallery-img .hover-overlay .hover-content h4.title { margin-bottom: 15px; } .gallery-item .gallery-img .hover-overlay .hover-content .cat-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gallery-item .gallery-img .hover-overlay .hover-content .cat-link:after, .gallery-item .gallery-img .hover-overlay .hover-content .cat-link:before { content: ""; width: 50px; height: 1px; background-color: #fff; } .gallery-item .gallery-img .hover-overlay .hover-content .cat-link:before { -webkit-margin-end: 25px; margin-inline-end: 25px; } .gallery-item .gallery-img .hover-overlay .hover-content .cat-link:after { -webkit-margin-start: 25px; margin-inline-start: 25px; } .single-gallery-item:hover .gallery-img .hover-overlay { visibility: visible; opacity: 1; } .single-gallery-item:hover .gallery-img .hover-content { visibility: visible; opacity: 1; } .single-gallery-item:hover .gallery-img .hover-content .icon-btn { -webkit-transform: translateY(0px); transform: translateY(0px); } .single-gallery-item .gallery-img { position: relative; overflow: hidden; } .single-gallery-item .gallery-img img { width: 100%; } .single-gallery-item .gallery-img .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(28, 35, 31, 0.4); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-gallery-item .gallery-img .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-gallery-item .gallery-img .hover-content .icon-btn { width: 70px; height: 70px; border-radius: 50%; background-color: #F7921E; color: #fff; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .single-gallery-item .gallery-content { padding-top: 27px; } .single-gallery-item .gallery-content h4.title { margin-bottom: 5px; } @media (max-width: 1199px) { .single-gallery-item .gallery-content h4.title { font-size: 22px; } } .single-gallery-item-two:hover .gallery-img .hover-content { visibility: visible; opacity: 1; } .single-gallery-item-two:hover .gallery-img .hover-content .inner-content { -webkit-transform: translateY(0px); transform: translateY(0px); } .single-gallery-item-two .gallery-img { position: relative; overflow: hidden; } .single-gallery-item-two .gallery-img img { width: 100%; } .single-gallery-item-two .gallery-img .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 65px 60px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-gallery-item-two .gallery-img .hover-content .inner-content { -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-gallery-item-two .gallery-img .hover-content .inner-content .cat-btn { font-weight: 500; line-height: 24px; background-color: #fff; padding: 5px 14px; } .single-gallery-item-two .gallery-img .hover-content .inner-content h6 { background-color: #63AC45; padding: 10px 15px; font-size: 20px; color: #fff; } /*---================== 07. Team css =================----*/ .single-team-item { border-radius: 12px; } .single-team-item:hover .member-img .hover-content, .single-team-item:hover .member-img .hover-overlay { visibility: visible; opacity: 1; } .single-team-item:hover .member-img .hover-content ul.social-link { -webkit-transform: translateY(0px); transform: translateY(0px); } .single-team-item .member-img { position: relative; overflow: hidden; } .single-team-item .member-img img { width: 100%; border-radius: 12px; } .single-team-item .member-img .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; background-color: rgba(28, 35, 31, 0.2); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-team-item .member-img .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-team-item .member-img .hover-content ul.social-link { background-color: #63AC45; padding: 10px 15px; border-radius: 5px; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .single-team-item .member-img .hover-content ul.social-link li { margin-left: 12.5px; margin-right: 12.5px; } .single-team-item .member-img .hover-content ul.social-link li a { color: #fff; } .single-team-item .member-info { padding-top: 30px; } .single-team-item .member-info h4.title { font-size: 22px; line-height: 120%; margin-bottom: 5px; } /*---===================== 08. Testimonial css ======================----*/ /* Testimonial Arrows */ .testimonial-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; } .testimonial-arrows .slick-arrow { width: 65px; height: 65px; border-radius: 50%; border: 1px solid rgba(28, 35, 31, 0.1); cursor: pointer; z-index: 1; } .testimonial-arrows .slick-arrow:hover { border-color: #63AC45; } .testimonial-arrows .slick-arrow.next { -webkit-margin-start: 15px; margin-inline-start: 15px; } /* Testimonial Item */ .author-title-thumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .author-title-thumb .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 85px; height: 85px; -webkit-margin-end: 30px; margin-inline-end: 30px; } .author-title-thumb .author-title h3.title { font-size: 27px; line-height: 165%; } .author-title-thumb .author-title p.position { font: 300 18px "Prompt", sans-serif; line-height: 165%; } .single-testimonial-item .testimonial-content .author-title-thumb { text-align: left; } .single-testimonial-item .testimonial-content > p { font: 300 24px "Prompt", sans-serif; line-height: 165%; margin-bottom: 23px; } @media (max-width: 767px) { .single-testimonial-item .testimonial-content > p { font: 300 22px "Prompt", sans-serif; } } .single-testimonial-item-two .testimonial-content .quote i { font-size: 55px; } .single-testimonial-item-two .testimonial-content > p { font-size: 35px; line-height: 52px; margin-bottom: 25px; } @media (max-width: 767px) { .single-testimonial-item-two .testimonial-content > p { font-size: 24px; line-height: 36px; } } .single-testimonial-item-two .author-title-thumb .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 85px; height: 85px; } .single-testimonial-item-two .author-title-thumb .author-thumb img { width: 100%; border-radius: 50%; } .single-testimonial-item-three { padding: 0 170px; border-left: 1px solid rgba(28, 35, 31, 0.1); border-right: 1px solid rgba(28, 35, 31, 0.1); } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-testimonial-item-three { padding: 0 70px; } } @media (max-width: 1199px) { .single-testimonial-item-three { padding: 0 30px; } } @media (max-width: 575px) { .single-testimonial-item-three { padding: 0 15px; border: none; } } .single-testimonial-item-three .testimonial-inner-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .single-testimonial-item-three .testimonial-inner-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .single-testimonial-item-three .testimonial-inner-content .testimonial-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; height: 310px; -webkit-margin-end: 70px; margin-inline-end: 70px; } @media (max-width: 991px) { .single-testimonial-item-three .testimonial-inner-content .testimonial-thumb { margin-bottom: 50px; } } .single-testimonial-item-three .testimonial-inner-content .testimonial-thumb img { border-radius: 150px 30px 150px 150px; } @media (max-width: 991px) { .single-testimonial-item-three .testimonial-inner-content .testimonial-thumb img { border-radius: 0 150px 150px 150px; } } .single-testimonial-item-three .testimonial-inner-content .testimonial-content { position: relative; z-index: 1; } .single-testimonial-item-three .testimonial-inner-content .testimonial-content:after { position: absolute; top: 50px; right: 0; content: ""; font-family: flaticon_qampin !important; font-size: 200px; color: rgba(28, 35, 31, 0.05); } .single-testimonial-item-three .testimonial-inner-content .testimonial-content .author-title h4 { margin-bottom: 5px; } .single-testimonial-item-three .testimonial-inner-content .testimonial-content > p { font-size: 24px; line-height: 40px; margin-bottom: 20px; } .testimonial-slider-three .slick-arrow { position: absolute; top: 35%; -webkit-transform: translateY(-35%); transform: translateY(-35%); cursor: pointer; z-index: 1; width: 65px; height: 65px; border-radius: 50%; border: 1px solid rgba(28, 35, 31, 0.1); } .testimonial-slider-three .slick-arrow.prev { left: -135px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .testimonial-slider-three .slick-arrow.prev { left: -100px; } } .testimonial-slider-three .slick-arrow.next { right: -135px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .testimonial-slider-three .slick-arrow.next { right: -100px; } } .testimonial-slider-three .slick-dots { text-align: center; margin-top: 80px; } .testimonial-slider-three .slick-dots li { position: relative; width: 20px; height: 20px; border: 1px solid transparent; border-radius: 50%; } .testimonial-slider-three .slick-dots li:after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #63AC45; } .testimonial-slider-three .slick-dots li.slick-active { border-color: #63AC45; } /* Testimonial Image Box */ .testimonial-one_image-box { margin-bottom: -120px; } .testimonial-one_image-box img { max-width: 875px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .testimonial-one_image-box { margin-bottom: 0px; } .testimonial-one_image-box img { max-width: 575px; } } @media (max-width: 1199px) { .testimonial-one_image-box { margin-bottom: 0px; margin-top: 40px; } .testimonial-one_image-box img { max-width: 100%; } } /* Partners Slider */ .partner-slider-one { border-top: 1px solid rgba(28, 35, 31, 0.1); margin-left: -50px; margin-right: -50px; } @media (max-width: 1199px) { .partner-slider-one { margin-left: -30px; margin-right: -30px; } } @media (max-width: 767px) { .partner-slider-one { margin-left: -12px; margin-right: -12px; } } .partner-slider-one .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .partner-slider-one .single-partner-item { padding-left: 50px; padding-right: 50px; text-align: center; } @media (max-width: 1199px) { .partner-slider-one .single-partner-item { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px) { .partner-slider-one .single-partner-item { padding-left: 12px; padding-right: 12px; } } /*---===================== 09. Faqs css ======================----*/ /* Faqs Tab */ .faqs-tab ul.nav { border-bottom: 1px solid rgba(28, 35, 31, 0.1); } .faqs-tab ul.nav .nav-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 24px; background-color: transparent; padding: 0 30px 40px 0; -webkit-margin-end: 70px; margin-inline-end: 70px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .faqs-tab ul.nav .nav-link { padding: 0 20px 40px 0; -webkit-margin-end: 50px; margin-inline-end: 50px; } } @media (max-width: 1199px) { .faqs-tab ul.nav .nav-link { padding: 0 20px 40px 0; -webkit-margin-end: 20px; margin-inline-end: 20px; } } .faqs-tab ul.nav .nav-link:after { position: absolute; bottom: -1.5px; left: 0; content: ""; height: 3px; width: 100%; background-color: #63AC45; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media (max-width: 991px) { .faqs-tab ul.nav .nav-link:after { display: none; } } .faqs-tab ul.nav .nav-link i { width: 80px; height: 80px; border-radius: 50%; background-color: rgba(99, 172, 69, 0.15); font-size: 40px; color: #63AC45; -webkit-margin-end: 30px; margin-inline-end: 30px; } @media (max-width: 1199px) { .faqs-tab ul.nav .nav-link i { -webkit-margin-end: 15px; margin-inline-end: 15px; } } .faqs-tab ul.nav .nav-link.active:after { visibility: visible; opacity: 1; } .faqs-tab ul.nav .nav-link.active i { background-color: #63AC45; color: #fff; } /* Accordion Card */ .accordion-card .accordion-header h4.accordion-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; border-bottom: 1px solid rgba(28, 35, 31, 0.2); padding-bottom: 30px; cursor: pointer; } @media (max-width: 1199px) { .accordion-card .accordion-header h4.accordion-title { font-size: 18px; } } .accordion-card .accordion-header h4.accordion-title:after { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 18px; -webkit-margin-start: auto; margin-inline-start: auto; } .accordion-card .accordion-header h4.accordion-title[aria-expanded=true] { border-color: #1C231F; } .accordion-card .accordion-header h4.accordion-title[aria-expanded=true]:after { content: ""; } .accordion-card .accordion-body { padding: 20px 0 0; } .accordion-card .accordion-body p { line-height: 175%; } /* Counting Box */ .counting-box { padding: 30px 50px; background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); } .counting-box h5 { margin-bottom: 15px; font-weight: 500; } .counting-box h5 span { float: right; } .counting-box .progress { height: 4px; background-color: rgba(28, 35, 31, 0.1); } .counting-box .progress .progress-bar { background-color: #63AC45; } /*---===================== 10. Blog css ======================----*/ /* Post Meta */ .post-meta ul li { display: inline-block; } /* Single Blog Post */ .single-blog-post-item .entry-content { padding-top: 25px; } .single-blog-post-item .entry-content .post-meta ul li { -webkit-margin-end: 25px; margin-inline-end: 25px; margin-bottom: 15px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-blog-post-item .entry-content .post-meta ul li { -webkit-margin-end: 15px; margin-inline-end: 15px; } } @media (max-width: 991px) { .single-blog-post-item .entry-content .post-meta ul li { -webkit-margin-end: 10px; margin-inline-end: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .single-blog-post-item .entry-content .post-meta ul li { -webkit-margin-end: 15px; margin-inline-end: 15px; } } .single-blog-post-item .entry-content h4.title { margin-bottom: 12px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-blog-post-item .entry-content h4.title { font-size: 24px; } } @media (max-width: 991px) { .single-blog-post-item .entry-content h4.title { font-size: 24px; } } .single-blog-post-item-two .post-thumbnail { position: relative; } .single-blog-post-item-two .post-thumbnail img { width: 100%; } .single-blog-post-item-two .post-thumbnail .cat-btn { position: absolute; bottom: -20px; right: 25px; background-color: #63AC45; padding: 5px 25px; font: 500 18px "Prompt", sans-serif; color: #fff; } .single-blog-post-item-two .post-thumbnail .cat-btn:hover { background-color: #F7921E; } .single-blog-post-item-two .entry-content { padding-top: 35px; } .single-blog-post-item-two .entry-content .post-meta ul li { margin-bottom: 10px; } .single-blog-post-item-two .entry-content .post-meta ul li:not(:last-child) { -webkit-margin-end: 25px; margin-inline-end: 25px; } .single-blog-post-item-two .entry-content h4.title { margin-bottom: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-blog-post-item-two .entry-content h4.title { font-size: 22px; } } .single-blog-post-bg-item { position: relative; z-index: 1; padding: 40px 50px; background-color: #fff; -webkit-box-shadow: 0px 5px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 5px 60px rgba(28, 35, 31, 0.07); border-radius: 7px; overflow: hidden; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-blog-post-bg-item { padding: 40px 30px; } } @media (max-width: 1199px) { .single-blog-post-bg-item { padding: 40px 30px; } } .single-blog-post-bg-item:hover .hover-bg { visibility: visible; opacity: 1; } .single-blog-post-bg-item:hover .entry-content .cat-btn { background-color: #F7921E; } .single-blog-post-bg-item:hover .entry-content h4.title { color: #fff; } .single-blog-post-bg-item:hover .entry-content .post-author-thumb a { color: #fff; } .single-blog-post-bg-item:hover .entry-content .post-meta { border-color: rgba(255, 255, 255, 0.3); } .single-blog-post-bg-item:hover .entry-content .post-meta ul li span { color: #fff; } .single-blog-post-bg-item:hover .entry-content .btn-link { color: #fff; } .single-blog-post-bg-item .hover-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-blog-post-bg-item .hover-bg:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(28, 35, 31, 0.65); } .single-blog-post-bg-item .entry-content .cat-btn { font-weight: 500; font-size: 18px; line-height: 24px; background-color: #63AC45; color: #fff; border-radius: 30px; padding: 8px 25px; margin-bottom: 23px; } .single-blog-post-bg-item .entry-content h4.title { font-size: 26px; margin-bottom: 23px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-blog-post-bg-item .entry-content h4.title { font-size: 24px; } } @media (max-width: 1199px) { .single-blog-post-bg-item .entry-content h4.title { font-size: 24px; } } @media (max-width: 991px) { .single-blog-post-bg-item .entry-content h4.title { font-size: 22px; } } .single-blog-post-bg-item .entry-content .post-author-thumb { padding-bottom: 30%; } .single-blog-post-bg-item .entry-content .post-author-thumb img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; -webkit-margin-end: 15px; margin-inline-end: 15px; } .single-blog-post-bg-item .entry-content .post-author-thumb a { font-weight: 500; font-size: 18px; } .single-blog-post-bg-item .entry-content .post-meta { padding-bottom: 15px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); margin-bottom: 17px; } .blog-standard-post-item .entry-content { padding-top: 35px; } .blog-standard-post-item .entry-content .post-meta ul li { -webkit-margin-end: 25px; margin-inline-end: 25px; margin-bottom: 10px; } .blog-standard-post-item .entry-content h3.title { margin-bottom: 10px; font-weight: 500; font-size: 33px; } @media (max-width: 1199px) { .blog-standard-post-item .entry-content h3.title { font-size: 27px; } } @media (max-width: 767px) { .blog-standard-post-item .entry-content h3.title { font-size: 18px; } } .blog-standard-post-item .entry-content .btn-link { font-size: 14px; line-height: 21px; font-weight: 500; } /* Blog Details Wrapper */ .blog-details-wrapper .blog-post .post-meta { padding-top: 35px; margin-bottom: 10px; } .blog-details-wrapper .blog-post .post-meta ul li { -webkit-margin-end: 20px; margin-inline-end: 20px; margin-bottom: 5px; } .blog-details-wrapper .blog-post .main-post { padding-bottom: 55px; } .blog-details-wrapper .blog-post .main-post .entry-content h3.title { margin-bottom: 20px; } .blog-details-wrapper .blog-post .main-post .entry-content > p { margin-bottom: 35px; } .blog-details-wrapper .blog-post .main-post .entry-content h4 { margin-bottom: 15px; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin { position: relative; padding-top: 30px; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin:after { position: absolute; content: ""; left: 0; top: 0; width: 125px; height: 125px; border-radius: 50%; background-color: #F9F9F7; z-index: -1; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content .quote-icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50px; height: 35px; -webkit-margin-end: 20px; margin-inline-end: 20px; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content .quote-admin-content { margin-top: -6px; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content .quote-admin-content h3 { margin-bottom: 13px; } @media (max-width: 1199px) { .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content .quote-admin-content h3 { font-size: 22px; } } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content .quote-admin-content span { font-size: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-details-wrapper .blog-post .main-post .entry-content .quote-admin .quote-inner-content .quote-admin-content span:before { content: ""; width: 70px; height: 2px; background-color: #F7921E; -webkit-margin-end: 15px; margin-inline-end: 15px; } .blog-details-wrapper .blog-post .entry-footer { padding-top: 40px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .blog-details-wrapper .blog-post .entry-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .blog-details-wrapper .blog-post .entry-footer .tag-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .blog-details-wrapper .blog-post .entry-footer .tag-links { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .blog-details-wrapper .blog-post .entry-footer .tag-links h6 { -webkit-margin-end: 15px; margin-inline-end: 15px; font-size: 18px; margin-bottom: 10px; } .blog-details-wrapper .blog-post .entry-footer .tag-links a { padding: 7px 20px; font-weight: 500; font-size: 14px; line-height: 1.2; border: 1px solid rgba(28, 35, 31, 0.1); border-radius: 5px; -webkit-margin-end: 10px; margin-inline-end: 10px; margin-bottom: 10px; } .blog-details-wrapper .blog-post .entry-footer .social-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .blog-details-wrapper .blog-post .entry-footer .social-share { margin-top: 15px; } } .blog-details-wrapper .blog-post .entry-footer .social-share h6 { -webkit-margin-end: 15px; margin-inline-end: 15px; font-size: 18px; } .blog-details-wrapper .blog-post .entry-footer .social-share a { -webkit-margin-end: 20px; margin-inline-end: 20px; } .blog-details-wrapper .blog-post .entry-footer .social-share a:hover { color: #F7921E; } .blog-details-wrapper .entry-footer, .blog-details-wrapper .main-post, .blog-details-wrapper .post-author-box, .blog-details-wrapper .post-navigation-item { border-bottom: 1px solid rgba(28, 35, 31, 0.1); } /* Post Author Box */ .post-author-box { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 575px) { .post-author-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .post-author-box .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 190px; height: 160px; -webkit-margin-end: 50px; margin-inline-end: 50px; } @media (max-width: 575px) { .post-author-box .author-thumb { margin-bottom: 40px; } } .post-author-box .author-content span.position { margin-bottom: 5px; } .post-author-box .author-content p { margin-bottom: 5px; } .post-author-box .author-content ul.social-link li { -webkit-margin-end: 10px; margin-inline-end: 10px; } /* Post Navigation Item */ .post-navigation-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .post-navigation-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-navigation-item { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .post-navigation-item .post-nav-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 370px; } .post-navigation-item .post-nav-item .thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 130px; height: 130px; -webkit-margin-end: 30px; margin-inline-end: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-navigation-item .post-nav-item .thumb { -webkit-margin-end: 20px; margin-inline-end: 20px; } } .post-navigation-item .post-nav-item .content h6 { font-size: 18px; padding-bottom: 15px; line-height: 1.2; margin-bottom: 15px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); } .post-navigation-item .post-nav-item .content span.post-date { line-height: 1; } .post-navigation-item .post-nav-item .content span.post-date a i { -webkit-margin-end: 7px; margin-inline-end: 7px; } /* Comments Area */ .comments-area h5.comments-title { padding-bottom: 25px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); } .comments-area .comment { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 575px) { .comments-area .comment { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .comments-area .comment:nth-child(even) { -webkit-margin-start: 70px; margin-inline-start: 70px; } @media (max-width: 1199px) { .comments-area .comment:nth-child(even) { -webkit-margin-start: 50px; margin-inline-start: 50px; } } @media (max-width: 767px) { .comments-area .comment:nth-child(even) { -webkit-margin-start: 30px; margin-inline-start: 30px; } } .comments-area .comment .comment-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; height: 100px; -webkit-margin-end: 40px; margin-inline-end: 40px; } @media (max-width: 1199px) { .comments-area .comment .comment-avatar { -webkit-margin-end: 20px; margin-inline-end: 20px; } } @media (max-width: 575px) { .comments-area .comment .comment-avatar { margin-bottom: 20px; } } .comments-area .comment .comment-wrap { padding-bottom: 35px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); } .comments-area .comment .comment-wrap .comment-author-content span.author-name { color: #1C231F; margin-bottom: 2px; } .comments-area .comment .comment-wrap .comment-author-content span.author-name span.date { display: block; color: #484848; font: 300 16px "Prompt", sans-serif; margin-bottom: 6px; } .comments-area .comment .comment-wrap .comment-author-content P { margin-bottom: 8px; } /* Comments Respond */ .comments-respond { background-color: #F9F9F7; padding: 45px 70px 50px; } @media (max-width: 767px) { .comments-respond { padding: 45px 30px 50px; } } .comments-respond h4.comments-heading { margin-bottom: 5px; } .comments-respond p { margin-bottom: 30px; } /* Comment Form */ form.comment-form .form_control { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 5px; font-weight: 400; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } form.comment-form .form_control::-webkit-input-placeholder { color: #1C231F; } form.comment-form .form_control::-moz-placeholder { color: #1C231F; } form.comment-form .form_control:-ms-input-placeholder { color: #1C231F; } form.comment-form .form_control::-ms-input-placeholder { color: #1C231F; } form.comment-form .form_control::placeholder { color: #1C231F; } form.comment-form .form_control:focus { border-color: #1C231F; } /* Single widget area */ .sidebar-widget-area .sidebar-widget h5.widget-title { padding-bottom: 22px; border-bottom: 1px solid #1C231F; margin-bottom: 30px; } .sidebar-widget-area .search-widget h5.widget-title { padding-bottom: 0; border-bottom: none; margin-bottom: 20px; } .sidebar-widget-area .search-widget form label { position: absolute; top: 20px; right: 25px; } .sidebar-widget-area .search-widget form .form_control { height: 65px; border: 1px solid rgba(28, 35, 31, 0.1); border-radius: 5px; } .sidebar-widget-area .category-widget h5.widget-title { margin-bottom: 24px; } .sidebar-widget-area .category-widget ul.category-nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(28, 35, 31, 0.1); padding-bottom: 12px; margin-bottom: 12px; } .sidebar-widget-area .category-widget ul.category-nav li a i { -webkit-margin-start: auto; margin-inline-start: auto; } .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content:not(:last-child) { margin-bottom: 40px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); padding-bottom: 40px; } .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content img { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; height: 130px; border-radius: 7px; -webkit-margin-end: 30px; margin-inline-end: 30px; } .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on { line-height: 130%; font-weight: 300; } .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on i { -webkit-margin-end: 10px; margin-inline-end: 10px; } .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5 { font: 500 18px "Prompt", sans-serif; line-height: 120%; padding-bottom: 13px; margin-bottom: 10px; border-bottom: 1px solid rgba(28, 35, 31, 0.1); } .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img { position: relative; overflow: hidden; } .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 30px; } .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content h4.title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #fff; } .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content span.price { width: 65px; height: 65px; border-radius: 50%; background-color: #F7921E; color: #fff; } .sidebar-widget-area .tag-cloud-widget a { font-weight: 500; color: #1C231F; padding: 10px 25px; border-radius: 5px; border: 1px solid rgba(28, 35, 31, 0.1); line-height: 120%; margin-bottom: 10px; -webkit-margin-end: 5px; margin-inline-end: 5px; } .sidebar-widget-area .tag-cloud-widget a:hover { background-color: #63AC45; color: #fff; } /*---===================== 11. Contact css ======================----*/ /* Contact Icon Box */ .contact-icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-icon-box .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; -webkit-margin-end: 25px; margin-inline-end: 25px; } .contact-icon-box .icon i { font-size: 40px; } .contact-icon-box .text h4.title { margin-bottom: 15px; } .contact-icon-box .text p { font-size: 18px; } /* Contact Form */ form.contact-form .form_control { padding: 0 25px; height: 60px; border: 1px solid rgba(28, 35, 31, 0.1); border-radius: 5px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } form.contact-form .form_control:focus { background: #F9F9F7; border-color: #63AC45; } form.contact-form textarea.form_control { height: 160px; padding-top: 15px; } /* Accommodation Form */ .accommodation-form label { position: absolute; top: 0; right: 0; } .accommodation-form .nice-select, .accommodation-form .form_control { background-color: transparent; padding: 0; height: 35px; border-bottom: 1px solid rgba(28, 35, 31, 0.15); margin-bottom: 25px; font-weight: 500; font-size: 20px; padding-bottom: 10px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .accommodation-form .nice-select:focus, .accommodation-form .form_control:focus { border-color: #1C231F; } .accommodation-form .nice-select { height: 40px; line-height: 20px; } .accommodation-form-two .form_group > span { font-weight: 500; font-size: 18px; color: #1C231F; margin-bottom: 10px; } .accommodation-form-two .form_group label { position: absolute; right: 20px; top: 56px; } .accommodation-form-two .form_group .form_control, .accommodation-form-two .form_group .nice-select { height: 60px; padding: 0 20px; background-color: #FFFFFF; border: 1px solid rgba(28, 35, 31, 0.15); -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1); border-radius: 5px; color: #484848; } .accommodation-form-two .form_group .nice-select { line-height: 60px; } .accommodation-form-two .form_group .nice-select:after { right: 20px; } .accommodation-form-two .form_group .main-btn { width: 100%; padding: 20px 30px; line-height: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .accommodation-form-two .form_group .main-btn { padding: 20px 20px; } } .accommodation-form-three label { position: absolute; right: 0; top: 0; } .accommodation-form-three .nice-select, .accommodation-form-three .form_control { background-color: transparent; padding: 0; height: 35px; border-bottom: 1px solid rgba(28, 35, 31, 0.15); -webkit-filter: drop-shadow(0px 10px 60px rgba(28, 35, 31, 0.1)); filter: drop-shadow(0px 10px 60px rgba(28, 35, 31, 0.1)); margin-bottom: 25px; font-weight: 500; font-size: 20px; padding-bottom: 10px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .accommodation-form-three .nice-select::-webkit-input-placeholder, .accommodation-form-three .form_control::-webkit-input-placeholder { color: #1C231F; } .accommodation-form-three .nice-select::-moz-placeholder, .accommodation-form-three .form_control::-moz-placeholder { color: #1C231F; } .accommodation-form-three .nice-select:-ms-input-placeholder, .accommodation-form-three .form_control:-ms-input-placeholder { color: #1C231F; } .accommodation-form-three .nice-select::-ms-input-placeholder, .accommodation-form-three .form_control::-ms-input-placeholder { color: #1C231F; } .accommodation-form-three .nice-select::placeholder, .accommodation-form-three .form_control::placeholder { color: #1C231F; } .accommodation-form-three .nice-select:focus, .accommodation-form-three .form_control:focus { border-color: rgba(28, 35, 31, 0.15); } .accommodation-form-three .nice-select { line-height: 20px; } .accommodation-form-three .nice-select .list li { font-weight: 400; } /* Map Box */ .map-box iframe { display: inherit; width: 100%; border: none; min-height: 500px; } /* Contact Page Map */ .contact-page-map .map-box iframe { min-height: 650px; } /*---===================== 12. Footer css ======================----*/ /* Footer Newsletter */ .footer-newsletter label { position: absolute; top: 23px; left: 30px; } .footer-newsletter .form_control { background-color: #fff; padding: 0 30px; padding-left: 65px; height: 73px; border-radius: 5px; } .footer-newsletter .main-btn { position: absolute; top: 10px; right: 10px; padding: 16px 30px; } /* Footer Widget */ .footer-widget h4.widget-title { font-size: 22px; margin-bottom: 28px; } .about-company-widget .footer-logo { margin-bottom: 33px; } .about-company-widget > p { margin-bottom: 30px; } .about-company-widget ul.social-link li { -webkit-margin-end: 5px; margin-inline-end: 5px; } .about-company-widget ul.social-link li a { width: 45px; height: 45px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); color: #484848; font-size: 17px; } .about-company-widget ul.social-link li a:hover { background-color: #63AC45; color: #fff; border-color: transparent; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .footer-nav-widget.pl-lg-20 { padding-left: 0px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .footer-nav-widget.pl-lg-55 { padding-left: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-nav-widget.pl-lg-55 { padding-left: 55px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .footer-nav-widget.pl-lg-70 { padding-left: 50px; } } .footer-nav-widget .footer-nav-content ul.footer-nav li { font-weight: 400; } .footer-nav-widget .footer-nav-content ul.footer-nav li:not(:last-child) { margin-bottom: 15px; } .footer-newsletter-widget .newsletter-content p { margin-bottom: 32px; } .footer-newsletter-widget .newsletter-content form label { position: absolute; top: 8px; right: 0; } .footer-newsletter-widget .newsletter-content form label button { width: 40px; height: 40px; border-radius: 5px; background-color: #63AC45; font-size: 13px; color: #fff; } .footer-newsletter-widget .newsletter-content form .form_control { border-bottom: 1px solid #1C231F; background-color: transparent; padding: 0; } .contact-info-widget .contact-info-box h4.title { font-size: 22px; margin-bottom: 28px; } .contact-info-widget .contact-info-box p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } .contact-info-widget .contact-info-box p i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 15px; -webkit-margin-end: 12px; margin-inline-end: 12px; } .contact-info-widget .contact-info-box p span, .contact-info-widget .contact-info-box p a { margin-top: -5px; line-height: 26px; } /* Copyright Area */ .copyright-area { padding: 25px 0; } @media (max-width: 991px) { .copyright-area .copyright-nav, .copyright-area .copyright-text { text-align: center; } } .copyright-area .copyright-nav ul li { display: inline-block; } .copyright-area .copyright-nav ul li:not(:first-child) { -webkit-margin-start: 35px; margin-inline-start: 35px; } @media (max-width: 991px) { .copyright-area .copyright-nav ul li:not(:first-child) { -webkit-margin-start: 15px; margin-inline-start: 15px; -webkit-margin-end: 15px; margin-inline-end: 15px; } } /* Footer Default */ .footer-default .footer-newsletter { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer-default .footer-newsletter .section-title span.thin { display: block; } .footer-default .about-company-widget ul.social-link li { -webkit-margin-end: 5px; margin-inline-end: 5px; } .footer-default .about-company-widget ul.social-link li a { background-color: rgba(255, 255, 255, 0.1); color: #B1B6B3; } .footer-default .about-company-widget ul.social-link li a:hover { background-color: #63AC45; color: #fff; } .footer-default .copyright-area { border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-default .copyright-area .copyright-nav ul li a { color: #e1e1e1; } /* Footer Two */ .footer-two .copyright-area { border-top: 1px solid rgba(28, 35, 31, 0.1); } /*---===================== 13. Sections css ======================----*/ .adventure-bgc-section:after { position: absolute; top: 0; left: 0; content: ""; width: 54%; height: 100%; background-color: #F9F9F7; z-index: -1; } @media (max-width: 991px) { .adventure-bgc-section:after { width: 100%; } } .adventure-bgc-section .ad-bgc-shape { position: absolute; top: 0; right: 0; width: 30%; height: 100%; background-color: #F7921E; } @media (max-width: 991px) { .adventure-bgc-section .ad-bgc-shape { display: none; } } .adventure-bgc-section .ad-bg-shape { position: absolute; bottom: 0; left: 0; width: 50%; height: 70%; background-size: contain; } @media (max-width: 991px) { .adventure-bgc-section .ad-bg-shape { display: none; } } .choose-bg-section .choose-bg { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: -1; } @media (max-width: 1199px) { .choose-bg-section .choose-bg { display: none; } } .who-we-bg-section .who-bg { position: absolute; top: 0; left: 0; width: 55%; height: 100%; z-index: -1; } @media (max-width: 767px) { .who-we-bg-section .who-bg { display: none; } } .video-bg-section:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(28, 35, 31, 0.55); mix-blend-mode: multiply; z-index: -1; } .features-bg-section .features-bg { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: -1; } @media (max-width: 1199px) { .features-bg-section .features-bg { width: 45%; } } @media (max-width: 991px) { .features-bg-section .features-bg { display: none; } } .features-bg-section .features-bg-two { position: absolute; top: 0; left: 70px; width: 46%; height: 100%; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .features-bg-section .features-bg-two { left: 0; } } @media (max-width: 991px) { .features-bg-section .features-bg-two { display: none; } } .testimonial-bg-section .testimonial-bg { position: absolute; bottom: 0; left: 0; width: 50%; height: 30%; z-index: -1; } .contact-bg-section { background-size: contain; background-position: bottom center; } .feedback-wrapper-one .testimonial-wrapper { padding: 50px 50px; background-color: #F9F9F7; border-radius: 7px; } @media (max-width: 1199px) { .feedback-wrapper-one .testimonial-wrapper { padding: 50px 30px; } } @media (max-width: 767px) { .feedback-wrapper-one .testimonial-wrapper { padding: 50px 15px; } } .who-we-wrapper { background-color: #F9F9F7; padding: 60px 100px 40px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .who-we-wrapper { padding: 60px 50px 40px; } } @media (max-width: 1199px) { .who-we-wrapper { padding: 60px 50px 40px; } } @media (max-width: 575px) { .who-we-wrapper { padding: 60px 15px 40px; } } .who-we-wrapper .fancy-icon-box.item-active { background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); border-radius: 12px; } .accommodation-form-wrapper { padding: 32px 60px 40px; background-color: #F9F9F7; } @media (max-width: 1199px) { .accommodation-form-wrapper { padding: 32px 30px 40px; } } .accommodation-form-wrapper .accommodation-form-two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .accommodation-form-wrapper .accommodation-form-two { gap: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 1199px) { .accommodation-form-wrapper .accommodation-form-two { gap: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .accommodation-form-wrapper .accommodation-form-two .form_group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 18.5%; } @media (max-width: 1199px) { .accommodation-form-wrapper .accommodation-form-two .form_group { width: 48%; } } @media (max-width: 991px) { .accommodation-form-wrapper .accommodation-form-two .form_group { width: 100%; } } .cta-content-wrapper { padding: 60px 60px; background-color: #F9F9F7; border-radius: 14px; max-width: 500px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .cta-content-wrapper { padding: 60px 50px; } } @media (max-width: 767px) { .cta-content-wrapper { padding: 60px 30px; } } .cta-content-wrapper h3 { font-size: 35px; margin-bottom: 30px; } @media (max-width: 767px) { .cta-content-wrapper h3 { font-size: 24px; } } .cta-content-wrapper h3:after { display: block; margin-top: 30px; content: ""; width: 60px; height: 5px; background: url(../images/line.png) no-repeat; } .cta-content-wrapper p { margin-bottom: 30px; } .play-wrapper-one { min-height: 750px; margin: 0 80px; } @media (max-width: 1199px) { .play-wrapper-one { min-height: 550px; margin: 0 30px; } } .play-wrapper-one:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(28, 35, 31, 0.2); z-index: -1; } .play-wrapper-one .video-popup { width: 135px; height: 135px; border-radius: 50%; background-color: #fff; } .counter-bg-wrapper { background-size: contain; } .counter-bg-wrapper.text-white .counter-item .icon i { color: #fff; } .contact-form-wrapper { -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07); border-radius: 12px; background-color: #fff; padding: 53px 70px 60px; } @media (max-width: 767px) { .contact-form-wrapper { padding: 53px 30px 60px; } } .contact-form-wrapper h3.title { margin-bottom: 10px; } .contact-form-wrapper p { margin-bottom: 32px; } .contact-form-wrapper form.contact-form .form_control { margin-bottom: 10px; } /*# sourceMappingURL=style.css.map */