@charset "UTF-8"; /** * Name: Vitour - Travel & Tour Booking HTML Template * Version: 1.0.2 * Author: Themesflat * Author URI: http://www.themesflat.com */ /** * Name: Vitour - Travel & Tour Booking HTML Template * Version: 1.0.2 * Author: Themesflat * Author URI: http://www.themesflat.com */ /** * Name: Vitour - Travel & Tour Booking HTML Template * Version: 1.0.2 * Author: Themesflat * Author URI: http://www.themesflat.com */ /** * scroll-top * PreLoad * pagination * Social * price-range * video * widget Tour List * Counter * widget Destination * Blog * widget clip text * widget icon box * widget Testimonial * widget Team * Gallery * widget Image Box * Faq * Count Down * slider * Button * Tab */ @import "animate.css"; @import "jquery.fancybox.min.css"; @import "magnific-popup.css"; @import "swiper-bundle.min.css"; @import "nice-select.css"; @import "../../assets/fonts/style.css"; @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Yesteryear&display=swap"); @import "../css/bootstrap.css"; /* Header -------------------------------------------------------------- */ .header-top { padding-left: 209px; background-color: #EBEBEB; } .header-top .header-top-wrap .header-top-right ul li:not(:last-child) { margin-right: 36px; } .header-top .header-top-wrap .header-top-right ul li i { color: #4DA528; margin-right: 8px; font-size: 15px; } .header-top .header-top-wrap .header-top-right ul li span { font-size: 15px; font-weight: 400; line-height: 19.53px; } .header-top .header-top-wrap .header-top-left .booking { margin-right: 32px; } .header-top .header-top-wrap .header-top-left .booking i { color: #4DA528; margin-right: 5px; } .header-top .header-top-wrap .header-top-left .booking span { font-size: 14px; font-weight: 500; line-height: 17px; text-decoration: underline; } .header-top .header-top-wrap .header-top-left .follow-social span { font-size: 15px; font-weight: 500; line-height: 19.53px; margin-right: 18px; } .header-top .header-top-wrap .header-top-left .follow-social ul { background-color: #DCDCDC; padding: 8px 30px; } .header-top .header-top-wrap .header-top-left .follow-social ul li:not(:last-child) { margin-right: 22px; } .header-top .header-top-wrap .header-top-left .follow-social ul li a { color: rgba(0, 0, 0, 0.72); } .header-top .header-top-wrap .header-top-left .follow-social ul li a:hover { color: #4DA528; } .header-top .header-top-wrap .header-top-left .follow-social ul li a i { font-size: 12px; } .notification .dropdown-menu { min-width: 285px; right: 0 !important; left: auto !important; top: 47px !important; padding: 25px 15px; box-shadow: rgba(20, 25, 38, 0.1) 0px 4px 24px 2px; border-radius: 16px; border: unset !important; transform: translate(0px, 27px) !important; } .notification .dropdown-menu li:not(:last-child) { margin-bottom: 15px; } .notification .dropdown-menu .message-item { gap: 15px; } .notification .dropdown-menu .message-item .image { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; background-color: #4DA528; color: #FFFFFF; } .notification .dropdown-menu .message-item .body-title { color: #000000; font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 3px; } .notification .dropdown-menu .message-item .text-tiny { color: #4F545A; font-size: 12px; line-height: 15px; } .dropdown.account .dropdown-menu { min-width: 150px; right: 0 !important; left: auto !important; top: 47px !important; padding: 25px 15px; box-shadow: rgba(20, 25, 38, 0.1) 0px 4px 24px 2px; border-radius: 16px; border: unset !important; transform: translate(0px, 31px) !important; } .dropdown.account .dropdown-menu li:not(:last-child) { margin-bottom: 10px; } .header-sidebar { background-color: #4DA528; padding: 30px 60px; } .header-sidebar i { font-size: 33px; color: #FFFFFF; } .header-account ul li { color: #4DA528; } .header-account ul li i { font-size: 20px; top: 5px; position: relative; } .header-account ul li a { color: #081E2A; font-size: 16px; font-weight: 500; display: flex; gap: 7px; } .header-account ul li a:hover { color: #4DA528; } .header-account .register ul li a img { width: 40px; height: 40px; border-radius: 100%; border: 2px solid #FFFFFF; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14); } .header-account .search-mobie a i { font-size: 19px; color: #081E2A; } .header-account .search-mobie .show-search { margin-top: 5px; display: inline-block; } .dropdown-menu.top-search { padding: 0; min-width: max-content; right: 0px !important; transform: translate(0px, 63px) !important; left: auto !important; top: 0px !important; } .show-search.show i::before { content: "\e986"; font-size: 17px; padding: 1px; } .main-header { z-index: 99; width: 100%; position: relative; background-color: #FFFFFF; } #showlogo { display: none; } /* Header Email */ .main-header .header-account { padding: 12px 0; gap: 26px; } .main-header .header-account .currency .nice-select { border: unset !important; border-radius: unset; padding: 8px 20px 8px 20px; } .main-header .header-account .currency .nice-select .current { font-size: 16px; font-weight: 500; line-height: 20px; color: #000000; } .main-header .header-account .currency .nice-select:after { border-bottom: 1.7px solid #000000; border-right: 1.7px solid #000000; margin-top: -6px; right: 5px; } .main-header .header-account .language .nice-select { border: unset !important; border-radius: unset; padding: 8px 26px 8px 0px; } .main-header .header-account .language .nice-select img { width: 20px; margin-right: 8px; } .main-header .header-account .language .nice-select .current { font-size: 16px; font-weight: 500; line-height: 20px; color: #000000; } .main-header .header-account .language .nice-select:after { border-bottom: 1.7px solid #000000; border-right: 1.7px solid #000000; margin-top: -6px; right: 5px; } .main-header .header-account .language .nice-select.open .list { width: 200px; } .main-header .logo-box .logo img { display: inline-block; max-width: 100%; width: 128px; height: auto; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .main-header .logo-box .logo { position: relative; } #header { width: 100%; } .main-header .header-lower { position: relative; padding-left: 214px; padding-right: 45px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-header .header-lower .fly-ab { position: absolute; width: auto; left: -8px; top: 0; } .main-header .header-lower .nav-outer { position: relative; } .main-header .header-upper .logo-box { position: relative; padding: 10px 0px 10px; } .main-header .header-upper .logo-box .logo { position: relative; } /* Main Menu */ .main-header .main-menu { position: relative; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .main-header .main-menu .navbar-collapse { padding: 0px; display: block; } .main-header .header-lower .main-menu .navigation { position: relative; } .main-header .main-menu .navigation > li { position: relative; display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin-right: 26px; } .main-header .sticky-header .nav-outer .options-box { margin-top: 40px; } /*Sticky Header*/ .main-header .sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .main-header .sticky-header .mobile-nav-toggler { display: none; cursor: pointer; } .main-header .sticky-header .logo { position: relative; padding: 7px 0px; } .main-header.fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -op-animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .main-menu .navigation > li > a { position: relative; display: block; text-align: center; line-height: 26px; font-weight: 600; padding: 33px 0px; letter-spacing: 0px; color: #081E2A; font-size: 15px; text-transform: capitalize; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .main-header .main-menu .navigation > li:last-child { margin-right: 0; } .main-header .main-menu .navigation > li:last-child > a { padding-right: 0px; } .main-header .sticky-header .main-menu .navigation > li { position: relative; } .main-header .sticky-header .main-menu .navigation > li:last-child { margin-right: 0; } .main-header .main-menu .navigation > li:last-child ul { right: 0px; } .main-header .sticky-header .main-menu .navigation > li > a:after { top: 22px; } .main-header .sticky-header .main-menu .navigation > li > a > span { top: 10px; } .main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a { opacity: 1; color: #4DA528; } .main-header .main-menu .navigation > li > ul { position: absolute; width: 243px; border-radius: 6px; z-index: 1; padding: 20px 30px 20px 30px; transform: translateY(15px); -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; opacity: 0; visibility: hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; background-color: #FFFFFF; box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05); } .main-header .main-menu .navigation > li > ul.from-right { left: auto; right: 0px; } .main-header .main-menu .navigation > li > ul > li { position: relative; width: 100%; opacity: 0; text-align: left; transform: translateY(11px); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin-bottom: 15px; } .main-header .main-menu .navigation > li > ul > li:last-child { margin-bottom: 0; } .main-header .main-menu .navigation > li:hover > ul > li { opacity: 1; transform: translateY(0px); } .main-header .main-menu .navigation > li > ul > li:last-child { border-bottom: none; } .main-header .main-menu .navigation > li > ul > li > a { position: relative; display: block; line-height: 24px; font-weight: 600; font-size: 15px; text-transform: capitalize; color: #081E2A; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .main-header .main-menu .navigation > li > ul > li:hover > a { color: #4DA528; } .main-header .main-menu .navigation > li > ul > li:hover > a::before { opacity: 1; } .main-header .main-menu .navigation > li > ul > li.dropdown2 > a:after { font-family: "icomoon"; content: "\e9da"; position: absolute; right: 5px; top: 1px; width: 10px; height: 20px; display: block; color: #081E2A; line-height: 20px; font-size: 8px; font-weight: normal; text-align: center; z-index: 5; } .main-header .main-menu .navigation > li > ul > li.dropdown2:hover > a:after { color: #4DA528; } .main-header .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: 0px; width: 243px; border-radius: 6px; z-index: 1; padding: 20px 30px 20px 30px; box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; opacity: 0; visibility: hidden; visibility: hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; background-color: #FFFFFF; } .main-header .main-menu .navigation > li > ul > li > ul.from-right { left: auto; right: 0px; } .main-header .main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); opacity: 0; margin-bottom: 15px; transform: translateY(-8px); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .main-header .main-menu .navigation > li > ul > li > ul > li:last-child { margin-bottom: 0; } .main-header .main-menu .navigation > li > ul > li.dropdown2:hover > ul > li { opacity: 1; transform: translateY(0px); -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -ms-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms; } .main-header .main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom: none; } .main-header .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; line-height: 24px; font-weight: 600; font-size: 15px; text-transform: capitalize; color: #081E2A; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .main-header .main-menu .navigation > li > ul > li > ul > li > a:hover::before { opacity: 1; } .main-header .main-menu .navigation > li > ul > .current > a { color: #4DA528; } .main-header .main-menu .navigation > li > ul > li > ul > .current > a { color: #4DA528; } .main-header .main-menu .navigation > li > ul > li > ul > li:hover > a { color: #FFFFFF; } .main-header .main-menu .navigation > li > ul > li > ul > li:hover > a { color: #4DA528; } .main-header .main-menu .navigation > li.dropdown2:hover > ul { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .main-header .main-menu .navigation li > ul > li.dropdown2:hover > ul { transform: translateY(15px); opacity: 1; visibility: visible; } .main-header .main-menu .navigation > li.dropdown2 > a::after { content: ""; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; margin-left: 6px; vertical-align: middle; } .main-header .main-menu .navbar-collapse > ul li.dropdown2 .dropdown2-btn { position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; color: #4DA528; line-height: 28px; border: 1px solid #EDEEEE; background-size: 20px; cursor: pointer; z-index: 5; display: none; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .mobile-menu { position: fixed; left: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; visibility: hidden; z-index: 999999; } .mobile-menu .nav-logo { position: relative; background: #0A0A0A; box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08); padding: 12px 20px; } .mobile-menu .nav-logo img { max-width: 123px; } .mobile-menu .bottom-canvas { padding: 20px; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { visibility: visible; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile-menu-visible .mobile-menu .menu-box { left: 0px; -webkit-overflow-scrolling: touch; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease 0s; visibility: hidden; opacity: 0; } .mobile-menu .menu-box { position: absolute; left: -300px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background-color: #0A0A0A; z-index: 5; border-radius: 0px; -webkit-overflow-scrolling: touch; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .close-btn { position: fixed; right: 16px; top: 25px; line-height: 30px; width: 30px; text-align: center; font-size: 16px; color: #FFFFFF; cursor: pointer; transition: all 0.3s ease; z-index: 9999999999; opacity: 0; visibility: hidden; } .close-btn::before { content: "\e986"; font-family: "icomoon"; font-size: 20px; font-weight: 100; } .bottom-canvas .menu-outer .collapse { display: block; } .mobile-menu-visible .close-btn { visibility: visible; opacity: 1; } .mobile-menu .close-btn:hover { opacity: 0.5; } .mobile-menu .navigation { position: relative; display: block; width: 100%; } .mobile-menu .navigation li { position: relative; display: block; } .mobile-menu .navigation li { position: relative; display: block; } .mobile-menu .navigation li > ul > li:last-child { border-bottom: none; } .mobile-menu .navigation li.dropdown2 .dropdown2-btn { position: absolute; right: 0px; top: 0px; width: 100%; text-align: end; line-height: 44px; cursor: pointer; z-index: 5; } .mobile-menu .navigation li.dropdown2 .dropdown2-btn::before { content: "\e905"; font-family: "icomoon"; font-size: 14px; color: #FFFFFF; } .mobile-menu .navigation li.dropdown2 > ul li a { border-bottom: unset; } .mobile-menu .navigation li.dropdown2 .dropdown2-btn span { opacity: 0; } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul { display: none; background: #081E2A; padding: 15px 20px; border-radius: 10px; } .mobile-menu .navigation li > ul > li, .mobile-menu .navigation li > ul > li > ul > li { margin-bottom: 0; } .mobile-menu .navigation li > ul > li > a, .mobile-menu .navigation li > ul > li > ul > li > a { padding: 7px 0px !important; font-size: 14px !important; font-weight: 500; } .mobile-menu .navigation li > ul > li > ul { padding-left: 15px; } .mobile-menu .navigation li > ul > li > ul > li > a { padding-left: 40px; } .mobile-menu .close-btn:hover { opacity: 0.5; } .mobile-menu .navigation li > ul > li:last-child { border-bottom: none; } .mobile-menu .navigation li > a { position: relative; display: block; font-weight: 600; line-height: 24px; padding: 10px 0px; font-size: 15px; color: #FFFFFF; text-transform: capitalize; } .mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a { color: #4DA528; } .mobile-button { display: none; text-transform: capitalize; color: #FFFFFF; cursor: pointer; } .mobile-button i { font-size: 25px; color: #081E2A; padding: 5px; } .main-header.header-style3.is-fixed.is-fixed.is-small { background-color: rgb(33, 38, 34); } .mobile-menu .login-box { border-bottom: 1px solid #EDEEEE; padding-bottom: 20px; margin-bottom: 20px; } .mobile-menu .login-box svg { margin-right: 5px; } .mobile-menu .menu-outer { margin-bottom: 20px; } .mobile-menu .button-mobi-sell .sc-button { display: block; } .main-header .mobile-menu .menu-box .mCSB_scrollTools { width: 3px; } .header-lower.is-fixed.is-small { top: 0px; margin: 0 !important; opacity: 1; visibility: visible; background-color: #FFFFFF; } .header-lower.is-fixed { padding-left: 225px; padding-right: 225px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 999; opacity: 0; position: fixed; top: -150px; left: 0; width: 100%; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #ECECEC; } .header-style1 .header-top { padding-right: 157px; padding-left: 210px; background-color: #4DA528; } .header-style1 .header-top .header-top-right ul li i { color: #FFFFFF; } .header-style1 .header-top .header-top-right ul li span { color: #FFFFFF; } .header-style1 .header-top .header-top-left .booking { color: #FFFFFF; } .header-style1 .header-top .header-top-left .follow-social span { color: #FFFFFF; } .header-style1 .header-top .header-top-left .follow-social ul { background-color: #FF970D; padding: 9px 30px; } .header-style1 .header-top .header-top-left .follow-social ul li a:hover { color: #FFFFFF; } .header-style1 .header-lower { padding-left: 173px; padding-right: 298px; } .header-style1 .header-lower .logo-box { clip-path: polygon(0 0, 79% 0, 100% 100%, 0% 100%); background: #081E2A; min-height: 100%; padding: 34px 100px 34px 40px; } .header-style1 .header-lower .main-menu .navigation > li > a { padding: 38px 0px; } .header-style1 .header-lower .header-account .search-mobie { margin: 0px 20px; } .header-style1 .header-lower .header-account .icon-bar-header a { color: #081E2A; background-color: #FF970D; padding: 20px; border-radius: 5px; display: inline-block; font-size: 22px; } .header-style1 .header-lower .header-account .icon-bar-header a:hover { background-color: #4DA528; color: #FFFFFF; } .header-style2 .header-top { padding-left: 199px; padding-right: 302px; padding-top: 15px; padding-bottom: 15px; background-color: #4DA528; } .header-style2 .header-top .mask-header3 { position: absolute; left: 0; right: 0; } .header-style2 .header-top .header-top-left .follow-social ul { background-color: transparent; padding: 0px 0px; } .header-style2 .header-top .header-top-left .follow-social ul li a { color: #FFFFFF; } .header-style2 .header-top .header-top-left .follow-social ul li a:hover { color: #FF970D; } .header-style2 .header-top .header-top-right ul li { color: #FFFFFF; } .header-style2 .header-top .header-top-right ul li i { color: #FFFFFF; } .header-style2 .header-lower { padding-left: 201px; padding-right: 306px; } .header-style2 .header-account .search-mobie { margin: 0px 20px; } .header-style2 .header-account .icon-bar-header a { color: #FFFFFF; background-color: #4DA528; padding: 20px; border-radius: 5px; display: inline-block; font-size: 20px; } .header-style2 .header-account .icon-bar-header a:hover { background-color: #FF970D; color: #FFFFFF; } .header-style3 { position: absolute; background-color: transparent; } .header-style3 .header-top { padding-left: 0px; margin: 5px 0px 9px 0px; background-color: transparent; } .header-style3 .header-top .header-top-right ul li { color: #FFFFFF; } .header-style3 .header-top .header-top-left { background-color: #4DA528; clip-path: polygon(4% 0%, 100% 0, 100% 100%, 0% 100%); padding: 5px 50px 5px 43px; } .header-style3 .header-top .header-top-left .follow-social ul { background-color: transparent; padding: 0px 0px; } .header-style3 .header-top .header-top-left .follow-social ul li a { color: #FFFFFF; } .header-style3 .header-top .header-top-left .follow-social ul li a:hover { color: #FF970D; } .header-style3 .header-top .header-top-left .menu-right-top { margin-right: 33px; } .header-style3 .header-top .header-top-left .menu-right-top li:not(:last-child) { margin-right: 24px; } .header-style3 .header-top .header-top-left .menu-right-top li a { font-size: 14px; font-weight: 500; line-height: 17px; color: #FFFFFF; } .header-style3 .header-top .header-top-left .menu-right-top li a:hover { color: #FF970D; } .header-style3 .header-lower { background-color: #FFFFFF; padding-left: 0px; padding-right: 38px; } .header-style3 .header-lower .logo-box { background-color: #212622; clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%); padding: 29px 61px 29px 18px; } .header-style3 .header-lower .header-account { gap: 44px; } .header-style3 .header-lower .search-mobie a { padding: 15px; background-color: #EFEFEF; color: #081E2A; border-radius: 100%; display: inline-flex; } .header-style3 .header-lower .search-mobie a i { font-size: 15px; } .header-style3 .header-lower .address-wrap-right .icon { color: #4DA528; width: 32px; height: 32px; border: 1px solid #4DA528; border-radius: 100%; margin-right: 16px; } .header-style3 .header-lower .address-wrap-right .content span { font-size: 14px; font-weight: 700; line-height: 17px; display: inline-block; color: #081E2A; text-transform: uppercase; } .header-style3 .header-lower .address-wrap-right .content p { font-size: 15px; font-weight: 500; line-height: 18px; color: #4DA528; } /* button --------------------------------------------------*/ .button-link { font-size: 14px; font-weight: 700; line-height: 22px; text-transform: uppercase; letter-spacing: 0.18em; color: #081E2A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .button-link i { font-size: 9px; margin-left: 17px; position: relative; } .button-link i::before { position: relative; z-index: 2; } .button-link i::after { position: absolute; content: ""; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #EDEEEE; right: -8px; top: 50%; transform: translateY(-50%); z-index: 1; } .button-link:hover { color: #081E2A; } @keyframes scaleUp { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } .btn-main-small { font-size: 15px; font-weight: 600; line-height: 18.9px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px; padding: 20px 26px; background-color: #4DA528; display: inline-block; } .btn-main-small i { font-size: 14px; margin-left: 12px; font-weight: 700; } .btn-main-small:hover { background-color: #FF970D; color: #FFFFFF; } .sc-button { font-size: 15px; font-weight: 500; line-height: 26px; color: #FFFFFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 12px; background-color: #4DA528; padding: 13px 37px; } .sc-button:hover { background-color: #4DA528; color: #FFFFFF; } .sc-button i { margin-left: 5px; } .btn-read-more { font-size: 16px; font-weight: 500; line-height: 31px; } .btn-read-more:hover i { margin-left: 12px; } .btn-read-more i { transition: all 0.3s ease; margin-left: 7px; } .get-call { font-size: 15px; font-weight: 600; line-height: 18.9px; letter-spacing: 0.05em; text-transform: uppercase; padding: 23px 36px; background-color: #FFFFFF; color: #4DA528; display: inline-block; border-radius: 5px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .get-call:hover { background-color: #FF970D; color: #FFFFFF; } .view-all { font-size: 15px; font-weight: 600; line-height: 18.9px; text-transform: uppercase; letter-spacing: 0.05em; } .view-all i { color: #4DA528; margin-left: 10px; } .btn-main { display: inline-flex; align-items: center; gap: 10px; padding: 18px 32px; border-radius: 5px; border: none; overflow: hidden; background: #4DA528; color: #FFFFFF; } .btn-main:hover { background-color: #FF970D; } .btn-main:hover .btn-main-text { color: #FFFFFF; transform: translateX(0px); } .btn-main:hover .iconer { color: #FFFFFF; transform: translateX(0px); opacity: 1; } .btn-main .btn-main-text { transform: translateX(15px); font-size: 15px; font-weight: 600; line-height: 18.9px; letter-spacing: 0.05em; text-transform: uppercase; transition-duration: 0.3s; } .btn-main .iconer { transform: translateX(-15px); transition-duration: 0.3s; opacity: 0; } /*----------------------breadcumb--------------------*/ .breadcumb-section { padding: 137px 0px 135px 0px; background-image: url(../../assets/images/page/breakcrumb.jpg); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcumb-section::before { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(262deg, rgba(0, 0, 0, 0.33), rgba(4, 29, 11, 0.89)); } .breadcumb-section .title { color: #FFFFFF; margin-bottom: 26px; } .breadcumb-section .breadcumb-list li { font-size: 18px; font-weight: 400; line-height: 22.68px; position: relative; } .breadcumb-section .breadcumb-list li a { color: #4DA528; margin-right: 30px; } .breadcumb-section .breadcumb-list li a::before { position: absolute; font-family: "icomoon"; right: 10px; content: "\e9da"; color: #FFFFFF; font-size: 8px; } .breadcumb-section .breadcumb-list li span { color: #FFFFFF; } .breadcumb-section .bcrumb-ab { position: absolute; left: 7%; width: auto; top: 40%; } /*----------------------Blog--------------------*/ .side-blog { margin-right: 5px; margin-bottom: 56px; } .side-blog:hover .post-thumbnail img { transform: scale(1.1); } .side-blog .blog-image { position: relative; overflow: hidden; margin-bottom: 34px; } .side-blog .blog-image .list-categories { position: absolute; top: 20px; left: 20px; z-index: 2; } .side-blog .blog-image .list-categories .new { font-size: 20px; font-weight: 600; line-height: 25px; padding: 14px 22px; background-color: #4DA528; border-radius: 5px; color: #FFFFFF; display: inline-block; width: 82px; text-align: center; } .side-blog .blog-image .list-categories .new:hover { background-color: #FF970D; } .side-blog .blog-image .post-thumbnail img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .side-blog .top-detail-info ul li { font-size: 15px; font-weight: 500; line-height: 18.9px; color: #83827F; position: relative; } .side-blog .top-detail-info ul li:not(:last-child) { margin-right: 33px; } .side-blog .top-detail-info ul li:not(:last-child)::before { position: absolute; content: ""; width: 10px; height: 1px; background-color: #83827F; top: 50%; transform: translateY(-50%); right: -23px; } .side-blog .top-detail-info ul li i { color: #4DA528; font-size: 17px; margin-right: 7px; } .side-blog .top-detail-info ul li a { color: #83827F; } .side-blog .blog-content .entry-title { margin-top: 19px; margin-bottom: 19px; } .side-blog .blog-content .description { margin-bottom: 39px; line-height: 33px; } .side-blog-single { margin-bottom: 0px; } .side-blog-single .image { margin-bottom: 29px; } .side-blog-single .entry-title { font-size: 30px; font-weight: 700; line-height: 44.2px; margin-top: 25px; margin-bottom: 24px; } .side-blog-single .blockquote-blog { padding: 38px 10em 23px 35px; background-color: #F4F6F8; position: relative; } .side-blog-single .blockquote-blog p { font-size: 21px; font-weight: 700; line-height: 43px; margin-bottom: 25px; } .side-blog-single .blockquote-blog .quote-title { font-size: 16px; font-weight: 500; line-height: 20.16px; padding-left: 30px; position: relative; } .side-blog-single .blockquote-blog .quote-title::before { position: absolute; content: ""; width: 17px; height: 2px; background-color: #000000; left: 0; top: 50%; transform: translateY(-50%); } .side-blog-single .blockquote-blog i { position: absolute; bottom: 13%; right: 5%; font-size: 40px; color: #4DA528; } .side-blog-single-content .ux-content h3.title { font-size: 27px; font-weight: 600; line-height: 53px; color: #000000; } .side-blog-single-content .ux-content .icon-listing li:not(:last-child) { margin-bottom: 21px; } .side-blog-single-content .ux-content .icon-listing li i { font-size: 12px; background-color: #FFFFFF; border-radius: 100%; padding: 9px 8px; color: #4DA528; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09); display: inline-block; margin-right: 6px; margin-left: 5px; } .side-blog-single-content .ux-content .icon-listing li span { font-size: 16px; font-weight: 400; line-height: 20px; color: #4F545A; font-family: "Plus Jakarta Sans", sans-serif; } .side-blog-single-content .ux-content img { width: 297px; } .side-blog-single-content .share-blog { padding-top: 64px; padding-bottom: 46px; border-bottom: 1px solid #EDEEEE; flex-wrap: wrap; } .side-blog-single-content .share-blog .tag-blog .tag li { margin-bottom: 0; } .side-blog-single-content .share-blog .tag-blog .tag li a { border: 1px solid #EDEEEE; text-transform: uppercase; } .side-blog-single-content .share-blog .social-blog .social a { color: #081E2A; background-color: #F4F6F8; border-radius: unset; } .side-blog-single-content .share-blog .social-blog .social a i { font-size: 13px; } .side-blog-single-content .share-blog .social-blog .social a:hover { background-color: #4DA528; color: #FFFFFF; } .side-blog-single-content .share-blog span { font-size: 20px; font-weight: 500; line-height: 30px; color: #000000; margin-right: 15px; } .comment-single { padding-top: 48px; padding-bottom: 62px; } .comment-single h3.title { font-size: 27px; font-weight: 600; line-height: 53px; color: #000000; } .comment-single .comment-blog { padding-right: 4em; } .comment-single .comment-blog .avata img { width: 70px; border-radius: 100%; } .comment-single .comment-blog .content { padding-left: 44px; } .comment-single .comment-blog .content .info .date { font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: 0.05em; color: #B4B4B4; text-transform: uppercase; } .comment-single .comment-blog .content .repply i { font-size: 28px; color: #000000; } .comment-single .comment-blog .des { margin-top: 12px; line-height: 29px; } .form-comment { background-color: #F4F6F8; padding: 60px 50px 80px 50px; } .side-bar-right { padding-left: 33px; } .sidebar-widget { padding: 34px 30px; background-color: #F4F6F8; } .sidebar-widget:not(:last-child) { margin-bottom: 31px; } .sidebar-widget .block-heading { text-transform: capitalize; padding-left: 15px; position: relative; margin-bottom: 22px; color: #000000; } .sidebar-widget .block-heading::before { position: absolute; content: ""; height: 100%; width: 2px; background-color: #4DA528; left: 0; } .sidebar-widget .profile-widget { margin-top: 33px; margin-bottom: 33px; } .sidebar-widget .profile-widget .avata { width: 100px; height: 100px; border-radius: 100%; margin-bottom: 17px; } .sidebar-widget .profile-widget .name { font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 20.16px; margin-bottom: 12.58px; } .sidebar-widget .profile-widget .job { font-size: 14px; font-weight: 400; line-height: 17.64px; color: #83827F; margin-bottom: 18.98px; display: block; } .sidebar-widget .profile-widget .des { font-weight: 400; line-height: 28.8px; margin-bottom: 26px; } .sidebar-widget .profile-widget .social { justify-content: center; } .sidebar-widget .profile-widget .social li a { color: #83827F; width: 42px; height: 37px; border: 1px solid #EDEEEE; border-radius: unset; } .sidebar-widget .profile-widget .social li a i { font-size: 10px; } .sidebar-widget .profile-widget .social li a:hover { background-color: #4DA528; color: #FFFFFF; } .sidebar-widget .recent-post-list .list-recent:not(:last-child) { margin-bottom: 32px; } .sidebar-widget .recent-post-list .list-recent .recent-image img { width: 102px; } .sidebar-widget .recent-post-list .list-recent .recent-info { padding-left: 24px; } .sidebar-widget .recent-post-list .list-recent .recent-info .date i { color: #4DA528; margin-right: 5px; } .sidebar-widget .recent-post-list .list-recent .recent-info .date span { font-size: 15px; font-weight: 500; line-height: 26px; } .sidebar-widget .recent-post-list .list-recent .recent-info .title { font-size: 15px; font-weight: 500; line-height: 25.8px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .sidebar-widget .category-blog li:not(:last-child) { margin-bottom: 21px; } .sidebar-widget .category-blog li a { padding: 14px 16px; background-color: #FFFFFF; border: 1px solid #EDEEEE; border-radius: 2px; color: #4F545A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar-widget .category-blog li a:hover { background-color: #4DA528; color: #FFFFFF; } .sidebar-widget .category-blog li a span { font-size: 16px; font-weight: 500; line-height: 26px; } .sidebar-widget .category-confidence li:not(:last-child) { margin-bottom: 22px; } .sidebar-widget .category-confidence li i { color: #4DA528; font-size: 25px; margin-right: 12px; } .sidebar-widget .category-confidence li span { font-size: 16px; font-weight: 500; line-height: 30px; color: #4F545A; } .sidebar-widget-single .booking-style-1 .mask-banner-part { position: relative; } .sidebar-widget-single .booking-style-1 .price-banner-part { top: 50%; left: 15%; } .bg-blog-h4 { width: 100%; height: 400px; position: absolute; left: 0; right: 0; bottom: 0; } /*----------------------Video--------------------*/ .widget-image-video { position: relative; } .widget-image-video .widget-icon-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .travel-video { padding: 20px 35px 0px 0px; } .travel-video .mask-video { position: absolute; left: -12.5%; bottom: -5%; width: auto; } .travel-video .mask-enjoy { bottom: 2%; left: 25%; width: auto; position: absolute; } .travel-video .widget-icon-video { position: absolute; top: 47%; left: 41%; transform: translate(-50%, -50%); } .travel-video .image-video { margin: 0px 0px -14px -20px; } .video-h4-widget { padding-top: 168px; padding-bottom: 65px; background-image: url(../../assets/images/page/video1.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; border-radius: 18px; display: flex; flex-direction: column; align-items: center; } .video-h4-widget::before { top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.64)); z-index: 1; } .video-h4-widget .video-box { width: 138px; height: 134px; background-color: #4DA528; border-radius: 25px; rotate: 45deg; } .video-h4-widget .video-box i { color: #FFFFFF; font-size: 30px; rotate: -45deg; } .video-h4-widget .text-video { font-size: 121px; font-weight: 400; line-height: 121px; margin-top: 46px; } /*----------------------call-to-action--------------------*/ .callt-to-action { background-color: #4DA528; border-radius: 7px; padding: 35px 39px 39px 39px; position: relative; } .callt-to-action .callt-to-action-content .image { margin-right: 43px; } .callt-to-action .callt-to-action-content .image img { width: 74px; } .callt-to-action .callt-to-action-content .content .title-call { font-size: 36px; font-weight: 700; line-height: 45px; color: #FFFFFF; margin-bottom: 10px; } .callt-to-action .callt-to-action-content .content .des { font-size: 18px; font-weight: 400; line-height: 32px; font-family: "DM Sans", sans-serif; color: rgba(255, 255, 255, 0.52); text-transform: capitalize; } .callt-to-action .shape-ab { position: absolute; width: auto; right: 22%; -webkit-animation: anime-rorate 8s infinite; animation: anime-rorate 8s infinite; } .callt-to-action .mask-cta { position: absolute; left: 0; right: 0; bottom: -16%; } .widget-banner-contact { background-image: url(../../assets/images/page/bg3.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .widget-banner-contact::before { content: ""; top: 0; right: 0; left: 0; bottom: 0; position: absolute; background: linear-gradient(90deg, rgb(4, 27, 40), rgba(2, 15, 22, 0.55), rgba(0, 0, 0, 0)); } .widget-banner-contact address { margin-left: 34px; font-size: 20px; font-weight: 600; line-height: 26px; color: #FFFFFF; padding: 16px 34px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 66px; } .widget-banner-contact address a { color: #FFFFFF; } .widget-banner-contact .mask-icon-banner { position: absolute; left: 52%; bottom: 23%; width: auto; animation: dot-anim-2 3s linear 0s infinite alternate; } .widget-banner-contact .image-banner-contact { margin-left: 38px; } .widget-banner-contact .content-banner-contact { padding-top: 93px; padding-bottom: 50px; } /*----------------------About Us--------------------*/ .inner-content-about { padding-left: 6px; } .inner-content-about .btn-wrap-about { margin-top: 37px; gap: 40px; flex-wrap: wrap; } .inner-content-about .btn-wrap-about .profile .image img { width: 56px; height: 56px; border-radius: 100%; border: 4px solid #FFFFFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); } .inner-content-about .btn-wrap-about .profile .content { margin-left: 20px; } .inner-content-about .btn-wrap-about .profile .content img { width: auto; } .inner-content-about .btn-wrap-about .profile .content span { display: block; font-size: 14px; font-weight: 500; line-height: 24px; } .inner-content-about .map-check .icon { color: #4DA528; margin-right: 14px; } .inner-content-about .map-check span { font-size: 16px; font-weight: 700; line-height: 30px; } .about-us-h2 .mask1-about { width: auto; position: absolute; right: 0; top: 0; animation: dot-anim-3 3s linear 0s infinite alternate; } .about-us-h2 .mask2-about { width: auto; position: absolute; right: 3.7%; bottom: 12%; -webkit-animation: effect-zoom-out-left 8s infinite; animation: effect-zoom-out-left 8s infinite; } .about-us-h2 .image-about-us { padding-right: 3.5em; padding-top: 17px; } .about-us-h2 .image-about-us .image-main { margin-bottom: -10px; } .about-us-h2 .image-about-us .mask1 { width: auto; position: absolute; top: 11%; left: -47px; animation: dot-anim-3 3s linear 0s infinite alternate; } .about-us-h2 .image-about-us .mask2 { width: auto; position: absolute; right: 13%; top: 12.3%; animation: dot-anim-2 3s linear 0s infinite alternate; } .about-us-h2 .content-about-us { padding-left: 4px; margin-top: -4px; } .about-us-h2 .content-about-us .pl-about { padding-left: 9px; } .about-us-h2 .content-about-us .icon-box-style-4:not(:last-child) { margin-bottom: 50px; } .about-us-h2 .content-about-us .about-us-list { margin-top: 10px; margin-left: 20px; margin-right: 45px; } .about-us-h2 .content-about-us .about-us-list li { padding: 11px 26px; background-color: #FFFFFF; border-radius: 26px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07); transition: all 0.3s ease-in-out; } .about-us-h2 .content-about-us .about-us-list li:not(:last-child) { margin-bottom: 33px; } .about-us-h2 .content-about-us .about-us-list li:hover { background-color: #4DA528; } .about-us-h2 .content-about-us .about-us-list li:hover .number, .about-us-h2 .content-about-us .about-us-list li:hover .experience { color: #FFFFFF; } .about-us-h2 .content-about-us .about-us-list li .number { font-size: 24px; font-weight: 700; line-height: 30px; margin-right: 10px; color: #4DA528; } .about-us-h2 .content-about-us .about-us-list li .experience { font-size: 14px; font-weight: 600; color: #081E2A; } .about-us-h3 { background-color: #212622; padding-top: 245px; padding-bottom: 119px; } .about-us-h3 .about-us-h3-image { padding-left: 28px; padding-right: 71px; } .about-us-h3 .about-us-h3-image .image-explore { border-radius: 14px; } .about-us-h3 .about-us-h3-image .about-vector { position: absolute; top: -1%; left: -5%; rotate: -24deg; } .about-us-h3 .about-us-h3-image .about-vector .icon { color: #4DA528; } .about-us-h3 .about-us-h3-image .about-vector span { font-size: 33px; font-weight: 400; line-height: 33.8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about-us-h3 .about-us-h3-image p { font-size: 17px; font-weight: 600; margin-top: 22px; padding-bottom: 15px; border-bottom: 1px dashed #2E3830; } .about-us-h3 .about-us-h3-content { padding-left: 14px; margin-top: -5px; } .about-us-h3 .about-us-h3-content .ranger-suport { font-size: 18px; font-weight: 600; line-height: 33px; text-transform: capitalize; } .about-us-h3 .about-us-h3-content .list-icon li:not(:last-child) { margin-bottom: 12px; } .about-us-h3 .about-us-h3-content .list-icon li i { color: #4DA528; margin-right: 7px; } .about-us-h3 .about-us-h3-content .about-wrap { gap: 44px; flex-wrap: wrap; } .about-us-h4 { padding-top: 103px; padding-bottom: 128px; } .about-us-h4 .image-about-h4-wrap { margin-right: 5.5em; padding-left: 13px; padding-top: 23px; } .about-us-h4 .image-about-h4-wrap .about-wrap-left { max-width: 372px; width: 100%; } .about-us-h4 .image-about-h4-wrap .about-wrap-left .quote { font-size: 20px; font-weight: 700; color: #FFFFFF; background-color: #4DA528; padding: 20px 26px; clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%); top: 31.7%; left: -41%; rotate: -90deg; position: absolute; } .about-us-h4 .image-about-h4-wrap .about-wrap-right { max-width: 349px; width: 100%; position: absolute; top: 31.5%; right: 0; } .about-us-h4 .image-about-h4-wrap .image-about-item .shape-about-h4 { position: absolute; bottom: -20px; left: 0; right: 0; } .about-us-h4 .image-about-h4-wrap .box-year { background-color: #FFFFFF; padding: 32px 34px 25px 34px; display: inline-block; border: 2px dashed #EDEEEE; position: absolute; bottom: -17.5%; left: 29%; animation: dot-anim-3 3s linear 0s infinite alternate; } .about-us-h4 .image-about-h4-wrap .box-year .number { font-size: 50px; font-weight: 700; line-height: 25px; color: #4DA528; } .about-us-h4 .image-about-h4-wrap .box-year p { font-size: 17px; font-weight: 500; line-height: 25px; color: #081E2A; } .about-us-h4 .inner-content-about { padding-left: 17px; } .about-us-h5 .image { margin-left: -1.5em; padding-bottom: 26px; background-color: #4DA528; } .about-us-h5 .image .about-vector { position: absolute; right: 13px; bottom: 66px; z-index: 1; transform: rotate(334deg); } .about-us-h5 .image .about-vector span { font-size: 33px; font-weight: 400; line-height: 32px; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about-us-h5 .image .mask-image-bottom { position: absolute; bottom: 0; color: #4DA528; left: 0; right: 0; } .about-us-h5 .content { padding-top: 3.7em; padding-left: 6.2em; padding-right: 2em; } .about-us-h5 .content .ranger-suport { font-size: 18px; font-weight: 600; line-height: 33px; text-transform: capitalize; } .about-us-h5 .content .list-icon li:not(:last-child) { margin-bottom: 12px; } .about-us-h5 .content .list-icon li i { color: #4DA528; margin-right: 7px; } .about-us-h5 .content .list-icon li span { text-transform: capitalize; } .about-us-h5 .content .about-wrap { gap: 44px; } .about-us-archieve { background-color: #FFFFFF; } .about-us-archieve .bg-archieve-about { background-color: #F4F6F8; width: 100%; height: 40%; position: absolute; left: 0; right: 0; top: 0; z-index: 1; } /*----------------------Tour Package--------------------*/ .tour-package { background-color: #F3F8F6; background-image: url(../../assets/images/page/bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .tour-package2 { padding-top: 120px; } .tour-package2 .tour-package-swipper-wrap .swiper-button-next { right: -7% !important; } .tour-package2 .tour-package-swipper-wrap .swiper-button-prev { left: -7% !important; } .tour-package2 .tour-link { width: 120px; height: 120px; border-radius: 100%; background: #4DA528; font-size: 15px; font-weight: 500; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.05em; flex-direction: column; } .tour-package2 .tour-link:hover { background-color: #FF970D; } .tour-package2 .tour-link i { display: block; } .tour-package2 .line { position: absolute; content: ""; width: 100%; height: 1px; border: 1px dashed #DCDCDC; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 0; } .w-text-heading { max-width: 600px; width: 100%; } .offer-package .feature-ofer { width: auto; height: -webkit-fill-available; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } .offer-package .content { padding-right: 4em; } .offer-package .content .title-heading { margin-right: -4em; line-height: 51px; } .offer-package .content .inner-content { margin-bottom: 15px; } .offer-package .content .inner-content .offer { padding: 43px 25px 12px 25px; border-radius: 7px; border-bottom: 3px solid #4DA528; background-color: #FFFFFF; text-align: center; } .offer-package .content .inner-content .offer .number { font-size: 52px; font-weight: 700; color: #4DA528; line-height: 8px; } .offer-package .content .inner-content .offer .number span { font-size: 18px; text-transform: capitalize; } .offer-package .content .inner-content p { font-size: 18px; font-weight: 600; line-height: 30px; color: #081E2A; margin-left: 42px; } .offer-package .content .count-dow-wrap .title-counters { margin-right: 45px; } .offer-package .content .count-dow-wrap .title-counters span { font-size: 23px; font-weight: 600; color: #081E2A; } .offer-package .content .count-dow-wrap .title-counters p { font-size: 14px; font-weight: 500; line-height: 30px; color: #4F545A; } .offer-package .on-week-swipper-wrap { margin-right: -4em; margin-top: 7em; } /*----------------------Activities--------------------*/ .tf-widget-activities .mask-top { position: absolute; top: 0; left: 0; width: auto; z-index: 1; } .tf-widget-activities .mask-bottom { position: absolute; bottom: 0; left: -10px; width: auto; z-index: 1; -webkit-animation: toRightFromLeft 15s infinite; animation: toRightFromLeft 15s infinite; } .tf-widget-activities .tabs-activities-content { background-color: #4DA528; border-radius: 8px; padding: 16px 10em 0px 16px; margin-right: 4em; margin-left: 5em; } .tf-widget-activities .tabs-activities-content .activities-image img { width: 370px; margin-left: -6em; border-radius: 8px; } .tf-widget-activities .tabs-activities-content .activities-content { padding: 38px 55px; } .tf-widget-activities .tabs-activities-content .activities-content .icon-activitis { width: 123px; height: 123px; border-radius: 100%; background-color: rgba(1, 6, 4, 0.1); color: #FFFFFF; } .tf-widget-activities .tabs-activities-content .activities-content .icon-activitis:hover { rotate: 45deg; } .tf-widget-activities .tabs-activities-content .activities-content .icon-activitis i { font-size: 40px; } .tf-widget-activities .tabs-activities-content .activities-content .title-activitis { font-size: 27px; line-height: 33px; } .tf-widget-activities .tabs-activities-content .activities-content .icon-list-wrap:not(:last-child) { margin-right: 30px; } .tf-widget-activities .tabs-activities-content .activities-content .icon-list-wrap .icon { font-size: 36px; } .tf-widget-activities .tabs-activities-content .activities-content .icon-list-wrap .icon-lists { font-size: 16px; font-weight: 600; margin-left: 17px; font-family: "Plus Jakarta Sans", sans-serif !important; line-height: 30px; } .tf-widget-activities .tabs-activities-content .activities-content .btn-wrap-activitis { padding-top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.07); } .tf-widget-activities .tabs-activities-content .activities-content .btn-wrap-activitis .get-start { font-size: 20px; font-weight: 500; line-height: 25px; padding-left: 20px; } .tf-widget-activities .tabs-activities-content .activities-content .mask-tab { position: absolute; width: auto; right: -13em; top: 60px; } .our-activities { background-image: url("../../assets/images/page/bg-4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 16px; padding: 122px 0px 30px 0px; background-color: #1C231F; margin: 0px 42px; } .our-activities .activities-wrap { border-radius: 25px 25px 0px 0px; background-color: #EEE9E9; padding: 40px 43px; margin: 10px 20px 0px 20px; } .our-activities .activities-wrap .activities-list li:not(:last-child) { margin-bottom: 28px; } .our-activities .activities-wrap .activities-list li a { background-color: #FFFFFF; border-radius: 10px; padding: 15px 33px; font-size: 18px; font-weight: 600; line-height: 22px; color: #081E2A; } .our-activities .activities-wrap .activities-list li a:hover { background-color: #4DA528; color: #FFFFFF; } .our-activities .activities-wrap .activities-list li a:hover .icon { color: #FFFFFF; } .our-activities .activities-wrap .activities-list li a .icon { color: #4DA528; font-size: 47px; margin-right: 30px; } .our-activities .activities-wrap .more-place { font-size: 15px; font-weight: 600; line-height: 29px; color: #081E2A; display: block; } .our-activities .right-side { padding-left: 5.4em; } .our-activities .right-side .image-activities img { border-radius: 8px; } .populer-activities-section { padding-top: 114px; background-image: url(../../assets/images/page/bg-4.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .populer-activities-section .populer-activities-slide { margin-bottom: -13em; } .populer-activities-section .populer-activities-slide .populer-activities { padding-bottom: 20px; } .populer-activities-section .populer-activities-slide .swiper-button-next, .populer-activities-section .populer-activities-slide .swiper-button-prev { width: 50px; height: 50px; background-color: #FFFFFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); } .populer-activities-section .populer-activities-slide .swiper-button-next::after, .populer-activities-section .populer-activities-slide .swiper-button-prev::after { color: #081E2A; } .populer-activities-section .populer-activities-slide .swiper-button-next { right: -5em; } .populer-activities-section .populer-activities-slide .swiper-button-prev { left: -5em; } /*----------------------Counter--------------------*/ .widget-counter { background-color: #4DA528; background-image: url(../../assets/images/page/bg-counter.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 124px; padding-bottom: 124px; } .widget-counter .counter-top { position: absolute; top: -40px; width: 100%; height: 80px; left: 0; right: 0; z-index: 2; } .widget-counter .counter-bottom { position: absolute; bottom: -50px; width: 100%; height: 80px; left: 0; right: 0; z-index: 2; } .widget-counter .image img { width: auto; } .widget-counter .content { margin-left: 38px; } .widget-counter .content .title-call { font-size: 42px; line-height: 45px; margin-bottom: 10px; } .widget-counter .content .des { font-size: 18px; font-weight: 400; line-height: 32px; font-family: "DM Sans", sans-serif; color: rgba(255, 255, 255, 0.52); text-transform: capitalize; } .widget-counter2 { padding-top: 120px; } .impressino-counter { background-color: #FFFFFF; display: grid; grid-template-columns: 1fr 1fr; margin-right: 10px; position: relative; } .impressino-counter .icon-fly { font-size: 30px; color: #4DA528; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .counter-to { padding-top: 170px; padding-bottom: 71px; background-image: url(../../assets/images/page/bg-counter.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .counter-to::before { top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0.93), rgba(0, 0, 0, 0.35)); } .counter-to .mask-left { width: 305px; height: 428px; background: linear-gradient(0deg, rgba(241, 176, 10, 0.45), rgba(255, 183, 0, 0.31), rgba(23, 38, 61, 0)); clip-path: polygon(0 0, 0% 100%, 100% 0); opacity: 0.97; position: absolute; top: 0; left: 0; } .counter-to .mask-right { width: 305px; height: 428px; background: linear-gradient(262deg, rgba(77, 165, 40, 0.52), rgba(77, 165, 40, 0.25), rgba(23, 38, 61, 0)); clip-path: polygon(0 100%, 100% 100%, 100% 0); opacity: 0.97; position: absolute; bottom: 0; right: 0; } .counter-to .tf-counter { background-color: transparent; } /*----------------------destination--------------------*/ .widget-destination { padding-top: 317px; } .grid-three-destination { display: grid; grid-template-columns: repeat(3, 1fr); gap: 37px 30px; } .widget-destination1 .shape-destination { position: absolute; width: auto; right: 0; top: 0; z-index: 1; } .widget-destination1 { padding-top: 120px; } .widget-destination1.destination-home5 .destination-explore { margin-top: 66px; margin-bottom: -5px; } .top-destination { padding-top: 30em; padding-bottom: 120px; } .top-destination2 .tour-des-top { font-weight: 600; color: #081E2A; padding: 6px 36px; border-radius: 23px; border: 1px dashed #EDEEEE; display: inline-block; } .destination-explore { font-size: 16px; font-weight: 500; line-height: 36px; color: #081E2A; margin-top: 82px; margin-bottom: 11px; } /*----------------------Brand logo--------------------*/ .line-brand-logo .line { width: 100%; height: 1px; margin: 12px 0; background-color: #EDEEEE; } .line-brand-logo .line-text { font-size: 16px; font-weight: 600; line-height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FFFFFF; padding: 0 40px; position: absolute; color: #081E2A; } .brand-logo img { max-width: 133px; width: 100%; } .widget-brand-logo { padding-top: 63px; padding-bottom: 127px; } .brand-logo-widget { padding: 91px 0px; } .brand-logo-h4 .line-brand-logo .line-text { background-color: #F4F6F8; } .brand-logo-h4 .widget-brand-logo { padding-top: 57px; padding-bottom: 68px; } /*----------------------Adventure--------------------*/ .adventure-content { margin-bottom: -8.3em; padding: 63px 0px 0px 65px; background-color: #FFFFFF; border-radius: 16px; box-shadow: 0px -21px 26px 0px rgba(0, 0, 0, 0.02); } /*----------------------Testimonial--------------------*/ .widget-testimonial-style01 { padding-top: 289px; padding-bottom: 158px; background-color: #F1F6F4; background-image: url(../../assets/images/page/bg2.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .widget-testimonial-style01 .box-testimonial1 { margin-top: -5px; margin-left: 45px; rotate: -15deg; z-index: 2; position: relative; animation: dot-anim-2 3s linear 0s infinite alternate; } .widget-testimonial-style01 .box-testimonial2 { rotate: 7deg; z-index: 1; position: absolute; left: 26%; top: 15%; } .widget-testimonial-style01 .widget-testimonial { margin-left: 44px; margin-right: 20px; } .widget-tes-style2 { padding-top: 270px; padding-bottom: 122px; } .widget-tes-style2 .widget-testimonial-style3 { max-width: 900px; width: 100%; margin: auto; } .widget-tes-style3 .content { padding: 6.2em 26em 4em 7em; } .widget-tes-style3 .image { margin-right: -2em; } .widget-tes-style3 .image .about-vector { position: absolute; right: 13px; bottom: 39px; z-index: 1; transform: rotate(334deg); } .widget-tes-style3 .image .about-vector span { font-size: 33px; font-weight: 400; line-height: 32px; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .widget-tes-style3 .image .mask-ft-right { position: absolute; top: 0; bottom: 0px; right: -25px; width: auto; } .widget-tes-style3 .tes-style3Swiper .swiper-pagination { z-index: 2; text-align: right; } .testimonial-section-h4 .content { background-image: url(../../assets/images/page/mask-home4.png); background-position: right bottom; background-repeat: no-repeat; padding-left: 19.4em; padding-top: 6.6em; padding-right: 10em; padding-bottom: 6.5em; } .testimonial-section-h4 .gallery-testimonial-h4 { background-color: #212622; background-image: url(../../assets/images/page/bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; margin-left: 60px; padding-top: 8em; padding-left: 10.5em; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-wrapper { flex-direction: column; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-wrapper .swiper-slide { margin-bottom: 35px; margin-left: 15px; margin-top: 15px; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .image { border-bottom: 5px solid #4DA528; border-right: 5px solid #4DA528; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-wrapper .swiper-slide .image { overflow: hidden; width: 111px; height: 111px; border-radius: 20px; transform: rotate(45deg); border-bottom: 5px solid transparent; border-right: 5px solid transparent; position: relative; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-wrapper .swiper-slide img { all: unset; width: 100%; height: 100%; object-fit: cover; transform: rotate(-45deg) scale(1.3); } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-pagination-fraction { bottom: 0px; left: -20px; width: auto; padding: 18px 60px; background-color: #FFFFFF; border-radius: 6px; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-pagination-fraction span { font-size: 31px; font-weight: 700; color: #000000; } .testimonial-section-h4 .gallery-testimonial-h4 .mySwiperGalllery .swiper-pagination-fraction span.swiper-pagination-total { color: #4DA528; } .start { color: #FF970D; } /*----------------------Banner part--------------------*/ .banner-part-item .btn-booking { font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0.05em; display: block; } .banner-part-item .btn-booking i { margin-left: 10px; } .banner-part-item .mask-banner-bottom { position: absolute; left: 0; right: 0; bottom: -35px; } .booking-style-1 { padding: 32px 37px 55px 37px; } .booking-style-1:hover .mask-banner-part { scale: 1.1; } .booking-style-1 .sale-up { font-size: 14px; font-weight: 500; line-height: 17px; display: block; } .booking-style-1 .title { font-size: 34px; font-weight: 400; line-height: 44px; color: #081E2A; } .booking-style-1 .title:hover { color: #4DA528; } .booking-style-1 .mask-banner-part { width: auto; position: absolute; top: 27px; right: 0; transition: all 0.3s ease; } .booking-style-1 .price-banner-part { width: 65px; height: 65px; border-radius: 100%; background-color: #4DA528; font-size: 16px; font-weight: 600; color: #FFFFFF; line-height: 20.83px; position: absolute; top: 23%; left: 42%; } .booking-style-2 { padding: 38px 37px 64px 40px; } .booking-style-2:hover .mask-banner-part { scale: 1.1; } .booking-style-2 .sale-up { font-size: 16px; font-weight: 400; line-height: 23px; display: block; } .booking-style-2 .title { font-size: 23px; font-weight: 700; line-height: 44px; color: #081E2A; } .booking-style-2 .title:hover { color: #4DA528; } .booking-style-2 .mask-banner-part { max-width: 148px; width: 100%; position: absolute; border-radius: 74px 74px 0px 0px; top: 35px; right: 21px; transition: all 0.3s ease; } .booking-style-2 .mask-banner-part::before { position: absolute; content: ""; left: -10px; top: -10px; width: 100%; height: 100%; border-radius: 74px 74px 0px 0px; border: 1px solid #4DA528; } .booking-style-2 .banner-part-shape1 { width: auto; position: absolute; bottom: 16%; left: 47%; } .booking-style-2 .banner-part-shape2 { position: absolute; top: 24px; right: 27%; width: auto; } .booking-style-2 .widget-icon-video { width: 42px; height: 42px; position: absolute; right: 19%; bottom: 11%; } .booking-style-2 .widget-icon-video i { font-size: 10px; } .booking-style-3 { padding: 36px 37px 64px 32px; } .booking-style-3:hover .mask-banner-part { scale: 1.1; } .booking-style-3 .sale-up { font-size: 16px; font-weight: 400; line-height: 23px; display: block; } .booking-style-3 .title { font-size: 23px; font-weight: 700; line-height: 44px; color: #081E2A; } .booking-style-3 .title:hover { color: #4DA528; } .booking-style-3 .mask-banner-part { width: 143px; background: #FFFFFF; padding: 7px 11px 33px 6px; position: absolute; top: 14.5%; right: 6%; rotate: -15deg; transition: all 0.3s ease; } .booking-style-3 .banner-part-shape1 { width: auto; right: 40%; position: absolute; bottom: 33%; } /*----------------------Video--------------------*/ .widget-video { padding-top: 236px; padding-bottom: 137px; background-image: url("../../assets/images/page/video.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .widget-video::before { content: ""; top: 0; right: 0; left: 0; bottom: 0; position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.36)); } .title-video { font-size: 170px; font-weight: 400; line-height: 170px; position: relative; } .title-video:before { position: absolute; content: ""; width: 72%; height: 3px; background-color: #FFFFFF; bottom: 17px; left: 50%; transform: translateX(-50%); } .widget-video-style2 { padding-top: 310px; } /*----------------------service--------------------*/ .widget-service { padding-top: 112px; padding-bottom: 15px; } .widget-service-h5 .mask-home5 { height: 295px; position: absolute; left: 0; right: 0; bottom: 0; background-color: #EBEBEB; } /*----------------------Feature--------------------*/ .widget-feature .feature-shape { position: absolute; left: 0; top: 0; width: auto; z-index: 1; } .widget-feature .image-feature-wrap { padding-right: 6px; } .widget-feature .image-feature-wrap .image-feature .image { border-radius: 260px 260px 0px 0px; } .widget-feature .image-feature-wrap .image-feature .shape-image { position: absolute; bottom: -37px; left: 0; right: 0; } .widget-feature .image-feature-wrap .exploring { width: 160px; height: 150px; background-color: #4DA528; position: absolute; bottom: 16%; left: -15%; border-radius: 29px; rotate: -45deg; animation: dot-anim-3 3s linear 0s infinite alternate; } .widget-feature .image-feature-wrap .exploring span { font-size: 33px; font-weight: 400; rotate: 45deg; } .widget-feature .content-feature-wrap { padding-left: 3em; margin-top: -6px; padding-right: 30px; } .widget-feature .content-feature-wrap .feature-list-wrap { background-color: #FFFFFF; border-radius: 13px; box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.06); padding: 26px 26px 26px 26px; } .widget-feature .content-feature-wrap .feature-list-wrap .feature-list { border-radius: 8px; border: 1px solid #EDEEEE; display: flex; flex-wrap: wrap; } .widget-feature .content-feature-wrap .feature-list-wrap .feature-list .feature-list-iteam { padding: 25px 3px 17px 40px; border: 1px solid #EDEEEE; width: 50%; } .widget-feature .content-feature-wrap .feature-list-wrap .feature-list .feature-list-iteam .icon { width: 55px; height: 55px; border-radius: 100%; border: 1px dashed #4DA528; font-size: 30px; color: #4DA528; margin-right: 15px; } .widget-feature .content-feature-wrap .feature-list-wrap .feature-list .feature-list-iteam span { font-size: 20px; font-weight: 600; color: #081E2A; } .exploring { width: 160px; height: 150px; background-color: #4DA528; position: absolute; border-radius: 29px; rotate: -45deg; } .exploring span { font-size: 33px; font-weight: 400; rotate: 45deg; } .bg-ab-feature { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; } .bg-ab-feature img { width: 100%; } .widget-feature2 .image-feature2 { margin-right: -38px; } .widget-feature2 .image-feature2 .mask-ft-right { position: absolute; top: 0; bottom: 0; right: -4%; width: auto; } .widget-feature2 .image-feature2 .mask-ft-bottom { position: absolute; left: 0; right: 0; bottom: -2%; } .widget-feature2 .exploring { bottom: 16%; left: 15%; animation: dot-anim-3 3s linear 0s infinite alternate; } .widget-feature2 .content-feature2 { padding: 7em 22em 0em 6.8em; } .widget-feature3 { padding-top: 339px; padding-bottom: 93px; background-image: url(../../assets/images/page/bg-4.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .widget-feature3 .box-feature-wrap { padding: 0 50px; } .widget-feature3 .image-feature3 { margin-right: 54px; padding-top: 15px; } .widget-feature3 .image-feature3 .image-feature { border: 7px solid #FFFFFF; border-radius: 60px; } .widget-feature3 .image-feature3 .image-feature img { border-radius: 60px; } .widget-feature3 .image-feature3 .text { font-size: 41px; font-weight: 400; line-height: 32.8px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .widget-feature4 .mask-faeture4 { height: 100%; right: 0; top: 0; bottom: 0; color: #212622; position: absolute; z-index: 1; } .widget-feature4 .feature-wrap-box { padding-right: 7em; display: grid; grid-template-columns: 1fr 1fr; gap: 43px 70px; } .widget-feature4 .image-feature4 { margin-top: -5em; margin-left: -3em; margin-right: -2em; } /*----------------------Mobie App--------------------*/ .mobie-app { background-color: #081E2A; border-radius: 14px; } .mobie-app .mobie-app-image { padding: 63px 89px 75px 89px; } .mobie-app .mobie-app-image .title-heading { font-size: 38px; line-height: 49px; margin-top: -3px; margin-bottom: 17px; } .mobie-app .mobie-app-image .mobie-wrap a { display: inline-block; } .mobie-app .mobie-app-image .mobie-wrap a:not(:last-child) { margin-right: 15px; } .mobie-app .mobie-app-image .mobie-wrap a img { width: auto; } .mobie-app .mobie-app-image .qr-code { position: absolute; right: -17px; bottom: 0; } .mobie-app .mobie-app-image .qr-code span { font-size: 15px; font-weight: 500; line-height: 30px; display: block; } .mobie-app .mobie-app-image .qr-code img { width: auto; } .mobie-app .mobie-app-content .mask-mobie { width: auto; } .mobie-app .mobie-app-content .phone { position: absolute; left: 21px; bottom: 0px; width: auto; } /*----------------------Faq--------------------*/ .widget-faq .image-faq { margin-left: -78px; margin-right: -39px; margin-top: 8px; margin-bottom: -23px; } .widget-faq .content-faq { padding-left: 25px; } /*----------------------Top Week--------------------*/ .widget-top-week { background-image: url(../../assets/images/page/bg3.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 126px 0px 167px 0px; } .widget-top-week .on-week-swipper-wrap .swiper-button-prev { left: 87%; top: -18%; } .widget-top-week .on-week-swipper-wrap .swiper-button-next { top: -18%; } .top-this-week-slide .swiper-button-next, .top-this-week-slide .swiper-button-prev { width: 60px; height: 60px; } .top-this-week-slide .swiper-button-next { right: -6%; } .top-this-week-slide .swiper-button-prev { left: -6%; } .top-this-week-about-us { padding-top: 370px; padding-bottom: 218px; } /*----------------------Instagram--------------------*/ .widget-instagram { padding: 26px 28px; } .instagram-post { padding-top: 120px; } .instagram-post .bg-primary-ig { background-color: #4DA528; height: 70%; width: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 1; } .instagram-post .instagram-post-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; } .tf-instagram { display: block; overflow: hidden; } .tf-instagram:hover .mask-absolute { transform-origin: center; opacity: 0.9; visibility: visible; width: 100%; height: 100%; } .tf-instagram:hover img { transform: scale(1.1); } .tf-instagram:hover .mask-bg { visibility: visible; opacity: 1; } .tf-instagram img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-instagram .mask-bg { display: flex; justify-content: center; align-items: center; position: absolute; opacity: 0; visibility: hidden; margin: 15px; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.4s ease-out; } .tf-instagram .mask-absolute { position: absolute; opacity: 0; visibility: hidden; bottom: 0%; z-index: 1; width: 100%; height: 100%; position: absolute; content: ""; left: 0px; right: 0px; transition: all 0.3s ease-in-out; } .tf-instagram .mask-absolute i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #FFFFFF; transition: all 0.4s ease-out; } .tf-instagram .mask-absolute i:hover { color: #4DA528; } /*----------------------impresssino--------------------*/ .impressino { padding-top: 182px; background-image: url(../../assets/images/page/bg-counter.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .impressino::before { top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.32)); z-index: 1; height: -webkit-fill-available; } .impressino .mask-impression { position: absolute; right: 0; top: 0; z-index: 2; width: auto; } .impressino .mt-impressino { margin-top: 11em; padding-left: 11px; } /*----------------------archieve tour--------------------*/ .archieve-tour { padding-top: 120px; padding-bottom: 105px; } .archieve-tour .tf-my-listing { border: 1px solid #EDEEEE; padding: 7px 27px; border-radius: 10px; } .archieve-tour .tf-my-listing .showing { font-size: 16px; font-weight: 600; line-height: 20px; color: #081E2A; } .archieve-tour .tf-my-listing .listing-all-wrap .toolbar-list { display: flex; align-items: center; justify-content: center; gap: 26px; margin-left: 30px; } .archieve-tour .tf-my-listing .listing-all-wrap .toolbar-list .form-group { cursor: pointer; } .archieve-tour .tf-my-listing .listing-all-wrap .toolbar-list .form-group a { font-size: 20px; } .archieve-tour .tf-my-listing .listing-all-wrap .group-select-recently .nice-select { font-size: 16px; font-weight: 500; color: #4F545A; border: unset !important; } .archieve-tour .tf-my-listing .listing-all-wrap .group-select-recently .nice-select i { margin-right: 10px; } .archieve-tour .tf-my-listing .listing-all-wrap .group-select-recently .nice-select.open .list { width: auto; right: 0; left: auto; } .archieve-tour .tf-my-listing1 .filter-tour-package { margin-top: 20px; } .archieve-tour .tf-my-listing1 .filter-tour-package .nice-select { border-radius: 50px; padding: 15px 35px 15px 25px; } .archieve-tour .tf-my-listing1 .filter-tour-package .nice-select i { font-size: 15px; margin-right: 10px; } .archieve-tour .tf-my-listing1 .filter-tour-package .nice-select .current { font-size: 15px; font-weight: 500; line-height: 28px; color: #081E2A; } .archieve-tour .tf-my-listing1 .filter-tour-package .nice-select:not(:last-child) { margin-right: 20px; } .archieve-tour .tf-my-listing1 .listing-all-wrap .nice-select { border: unset !important; font-size: 16px; font-weight: 600; line-height: 19.53px; } .archieve-tour .tf-my-listing1 .listing-all-wrap .nice-select i { margin-right: 10px; } .archieve-tour .tf-my-listing1 .listing-all-wrap .nice-select.open .list { width: auto; right: 0; left: auto; } .listing-list-car-wrap-grid3 .listing-list-car-grid { grid-template-columns: repeat(3, 1fr); } .listing-list-car-wrap-grid3 .listing-list-car-grid.listing-list-car-list { grid-template-columns: repeat(2, 1fr); } .listing-list-car-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .listing-list-car-grid.listing-list-car-list { grid-template-columns: 1fr; } .listing-list-car-grid.listing-list-car-list .tour-listing { padding: 13px; display: flex; } .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-image { max-width: 258px; width: 100%; border-radius: 8px; overflow: hidden; } .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-image img { height: 100%; object-fit: cover; } .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-content { padding: 0px 37px 0px 37px; margin-top: 0px; width: 100%; } .listing-list-car-wrap .form-group .btn-display-listing-grid.active, .listing-list-car-wrap .form-group .btn-display-listing-list.active { color: #4DA528; } .sider-bar-tour-package { margin-right: 30px; } .sider-bar-tour-package .widget-filter { border: 1px solid #EDEEEE; border-radius: 10px; padding: 36px 40px; } .sider-bar-tour-package .widget-filter .title-tour { padding-left: 10px; position: relative; margin-bottom: 30px; } .sider-bar-tour-package .widget-filter .title-tour::before { height: 17px; width: 1px; background-color: #4DA528; position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); } .sider-bar-tour-package .widget-filter .group-select-wrap .group-select i { position: absolute; font-size: 25px; color: #4DA528; top: 50%; transform: translateY(-50%); left: 20px; } .sider-bar-tour-package .widget-filter .group-select-wrap .group-select .search-bar-group label { position: absolute; left: 53px; top: 10px; margin-bottom: 0; font-size: 14px; font-weight: 500; color: #4F545A; } .sider-bar-tour-package .widget-filter .group-select-wrap .group-select .search-bar-group .nice-select { padding: 29px 36px 10px 53px; font-size: 16px; font-weight: 600; color: #081E2A; } .sider-bar-tour-package .widget-filter .group-select-wrap .input-npd .search-bar-group label { position: absolute; left: 16px; } .sider-bar-tour-package .widget-filter .group-select-wrap .input-npd .search-bar-group .nice-select { padding: 29px 36px 10px 16px; } .sider-bar-tour-package .widget-filter .group-check-box-wrap input[type=checkbox] + label:before { border-radius: 3px; } .sider-bar-tour-package .widget-filter .group-check-box-wrap input[type=checkbox] + label { font-size: 16px; font-weight: 500; } .sider-bar-tour-package .widget-filter-content { background-image: url(../../assets/images/page/sidebar-right.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; padding: 45px 41px 74px 41px; position: relative; } .sider-bar-tour-package .widget-filter-content::before { top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.75); border-radius: 8px; z-index: 1; } .sider-bar-tour-package .widget-filter-content span { font-size: 14px; font-weight: 500; line-height: 17px; } .sider-bar-tour-package .widget-filter-content .title { font-size: 26px; font-weight: 700; line-height: 42px; margin-top: 11px; margin-bottom: 4px; } .sider-bar-tour-package .widget-filter-content p { font-size: 14px; font-weight: 500; line-height: 17px; } .sider-bar-tour-package .widget-filter-content a { font-size: 14px; font-weight: 600; line-height: 17px; color: #FF970D; margin-top: 30px; display: inline-block; } .sider-bar-tour-package .widget-filter-content a:hover { color: #4DA528; } .sider-bar-tour-package .widget-filter-content a i { font-size: 12px; margin-left: 5px; } /*----------------------terms-condition--------------------*/ .terms-condition { padding-top: 116px; padding-bottom: 157px; } .terms-condition .tab-terms-condition .tab-content { padding-top: 21px; } .terms-condition .tab-terms-condition .tab-content .title-ter { font-size: 36px; font-weight: 700; line-height: 50px; margin-bottom: 47px; } .terms-condition .tab-terms-condition .tab-content .des { font-size: 21px; font-weight: 700; line-height: 30px; color: #081E2A; display: inline-block; margin-bottom: 21px; } .terms-condition .tab-terms-condition .tab-content .text { font-size: 16px; font-weight: 400; line-height: 34px; } .terms-condition .tab-terms-condition .tab-content .list-term li { margin-left: 29px; list-style: disc; } .terms-condition .tab-terms-condition .tab-content .list-term li:not(:last-child) { margin-bottom: 19px; } .terms-condition .tab-terms-condition .tab-content .list-term li span { font-size: 18px; font-weight: 600; color: #081E2A; text-transform: capitalize; line-height: 40px; } /*----------------------faq--------------------*/ .inner-faq { padding-top: 104px; padding-bottom: 143px; } .inner-faq .faq-list .faq .faq-question { padding: 22px 35px 22px 35px; } .inner-faq .faq-list .faq .faq-answer { margin-top: -8px; } .header-search-faq { padding-top: 138px; padding-bottom: 110px; } .header-search-faq .inner-header .title { font-size: 55px; line-height: 70px; text-transform: inherit; } .header-search-faq .inner-header .des { margin-top: 18px; margin-bottom: 35px; } .header-search-faq .inner-header .form-search-faq { margin: 0 auto; } .header-search-faq .inner-header .popular { font-size: 18px; font-weight: 600; line-height: 22px; color: #081E2A; margin-right: 24px; } .header-search-faq .inner-header .tag-wrap { margin-top: 32px; } .header-search-faq .inner-header .tag-wrap .tag-popular li:not(:last-child) { margin-right: 16px; } .header-search-faq .inner-header .tag-wrap .tag-popular li span { font-size: 15px; font-weight: 500; line-height: 18px; color: #4F545A; padding: 10px 18px; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05); display: inline-block; } /*----------------------login--------------------*/ .login { padding-top: 94px; padding-bottom: 105px; } .login .login-wrap { padding: 29px 37px 35px 25px; border-radius: 10px; box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.07); } .login .login-wrap .image { max-width: 444px; width: 100%; margin-right: 55px; } .login .login-wrap .image img { border-radius: 10px; } .login .login-wrap .content { width: 100%; } .login .login-wrap .content .inner-header-login { margin-bottom: 28px; } .login .login-wrap .content .inner-header-login .title { margin-bottom: 13px; } .login .login-wrap .content .inner-header-login .sale { font-size: 14px; line-height: 14px; border-radius: 5px; font-weight: 600; padding: 4px 10px; background-color: #FF970D; color: #FFFFFF; } .login .login-wrap .content .inner-header-login p { font-size: 15px; font-weight: 400; margin-left: 12px; } .login .login-wrap .content .input-wrap { margin-bottom: 36px; } .login .login-wrap .content .input-wrap-social .or { font-size: 17px; font-weight: 600; line-height: 26px; color: #081E2A; position: relative; display: block; margin-bottom: 8px; } .login .login-wrap .content .input-wrap-social .or::before { width: 145px; height: 1px; background-color: #B6C2D4; position: absolute; content: ""; left: 30px; top: 50%; transform: translateY(-50%); } .login .login-wrap .content .input-wrap-social .login-social { font-size: 15px; font-weight: 500; line-height: 26px; color: #081E2A; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 6px; } .login .login-wrap .content .input-wrap-social .login-social:not(:last-child) { margin-right: 20px; } .login .login-wrap .content .input-wrap-social .login-social img { width: auto; margin-right: 12px; } .login .login-wrap .content .btn-submit { width: 100%; border-radius: 7px; text-transform: uppercase; } .login .login-wrap .content .account { color: #081E2A; font-size: 15px; font-weight: 500; margin-right: 20px; } .login .login-wrap .content .link-login { display: inline-block; font-size: 15px; font-weight: 600; color: #FFFFFF; padding: 4px 15px; background-color: #4DA528; border-radius: 5px; } /*----------------------contact us--------------------*/ .contact-us .box-contact { border-radius: 8px; border: 1px solid #EDEEEE; padding: 61px 40px 54px 40px; box-shadow: 0px 15px 10px 0px rgba(242, 242, 242, 0.18); } .contact-us .box-contact .icon { color: #4DA528; height: 71px; } .contact-us .box-contact span { font-size: 24px; font-weight: 600; line-height: 30px; color: #081E2A; margin-top: 26px; margin-bottom: 18px; display: block; } .contact-us .contact-us-wrap { padding: 56px 65px 57px 65px; margin-left: -25px; } .contact-us .contact-us-wrap > .inner-header .title { font-size: 36px; font-weight: 600; line-height: 48px; letter-spacing: 1px; margin-bottom: 20px; } .contact-us .contact-us-map { padding-right: 4.5em; } .contact-us .contact-us-map .inner-header .title { margin-bottom: 36px; } .contact-us .contact-us-map .map, .contact-us .contact-us-map #map { height: 559px; } /*----------------------Team--------------------*/ .team-member-page .team-member-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 85px 58px; } .single-destinaion-content .inner-haeder i { color: #4DA528; margin-right: 9px; } .single-destinaion-content .inner-haeder .title { font-size: 40px; font-weight: 700; line-height: 50px; margin-bottom: 24px; } .single-destinaion-content .description-wrap .description { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 16px; display: inline-block; color: #081E2A; } .single-destinaion-content .description-wrap .des { line-height: 34px; } .single-destinaion-content .description-wrap .listing-des li { padding-left: 23px; position: relative; } .single-destinaion-content .description-wrap .listing-des li::before { width: 7px; height: 7px; background-color: #4DA528; border-radius: 100%; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .single-destinaion-content .description-wrap .listing-des li p { font-size: 16px; font-weight: 600; line-height: 52px; color: #081E2A; } .single-destinaion-content .description-wrap .listing-icon li i { color: #4DA528; margin-right: 10px; } .single-destinaion-content .description-wrap .listing-icon li p { font-size: 16px; font-weight: 600; line-height: 48px; color: #081E2A; } .single-destinaion-content .image-wrap { gap: 30px; } .single-destinaion-content .image-wrap img { width: 100%; height: 100%; object-fit: cover; } .description-wrap .description { font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 16px; display: inline-block; color: #081E2A; } .description-wrap .des { line-height: 34px; } .tour-single .listing-des li { padding-left: 23px; position: relative; } .tour-single .listing-des li::before { width: 7px; height: 7px; background-color: #4DA528; border-radius: 100%; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .tour-single .listing-des li p { font-size: 16px; font-weight: 600; line-height: 52px; color: #081E2A; } .tour-single .listing-icon li i { color: #4DA528; margin-right: 10px; } .tour-single .listing-icon li p { font-size: 16px; font-weight: 600; line-height: 48px; color: #081E2A; } .tour-single .listing-clude li:not(:last-child) { margin-bottom: 10px; } .tour-single .listing-clude li i { color: #4DA528; font-size: 18px; margin-right: 19px; } .tour-single .listing-clude li p { font-size: 16px; font-weight: 500; } .tour-single .inner-heading-wrap .inner-heading .feature { font-size: 15px; font-weight: 500; line-height: 20px; padding: 5px 18px; background-color: #FF494F; color: #FFFFFF; border-radius: 2px; display: inline-block; margin-bottom: 20px; } .tour-single .inner-heading-wrap .inner-heading .title { font-size: 46px; font-weight: 700; line-height: 58px; margin-bottom: 20px; } .tour-single .inner-heading-wrap .inner-heading .list-wrap-heading li:not(:last-child) { margin-right: 40px; } .tour-single .inner-heading-wrap .inner-heading .list-wrap-heading li i { color: #4DA528; margin-right: 15px; font-size: 20px; } .tour-single .inner-heading-wrap .inner-heading .list-wrap-heading li span { font-size: 16px; font-weight: 500; } .tour-single .inner-heading-wrap .inner-price .review { font-size: 16px; font-weight: 600; line-height: 20px; color: #081E2A; margin-left: 20px; margin-right: 21px; } .tour-single .inner-heading-wrap .inner-price .price-sale { font-size: 24px; font-weight: 700; line-height: 30px; margin-top: 15px; } .tour-single .inner-heading-wrap .inner-price .price { font-size: 18px; font-weight: 500; line-height: 22px; color: #4F545A; margin-left: 10px; } .tour-single .side-bar-right { padding-left: 0; margin-top: 10px; } .tour-single .information-content-tour .expect-wrap .title { font-size: 24px; font-weight: 700; line-height: 30px; } .tour-single .information-content-tour .expect-wrap .expect { padding-bottom: 24px; padding-top: 26px; border-bottom: 1px solid #EDEEEE; } .tour-single .information-content-tour .expect-wrap .expect span { font-size: 18px; font-weight: 600; line-height: 34px; color: #000000; width: 40%; } .tour-single .information-content-tour .expect-wrap .expect p { font-size: 16px; font-weight: 500; line-height: 30px; width: 60%; } .tour-single .information-content-tour .expect-wrap .listing-icon li:not(:last-child) { margin-bottom: 10px; } .tour-single .information-content-tour .expect-wrap .listing-icon li i { font-size: 15px; color: #4DA528; margin-right: 19px; } .tour-single .planing-content-tour .title-plan { line-height: 23px; margin-bottom: 46px; } .tour-single .planing-content-tour .tour-planing-section:not(:last-child) { margin-bottom: 60px; } .tour-single .planing-content-tour .tour-planing-section .number-box { max-width: 100px; width: 100%; height: 94px; border-radius: 7px; background-color: #4DA528; font-size: 25px; font-weight: 700; color: #FFFFFF; margin-right: 51px; margin-top: 3px; } .tour-single .planing-content-tour .tour-planing-section .content-box { padding-right: 3em; } .tour-single .planing-content-tour .tour-planing-section .content-box .title { margin-bottom: 22px; } .tour-single .planing-content-tour .tour-planing-section .content-box .des { line-height: 34px; } .tour-single .localtion-content-tour .map2, .tour-single .localtion-content-tour #map2 { height: 473px; } .tour-single .localtion-content-tour .map-list i { color: #4DA528; margin-right: 15px; font-size: 20px; } .tour-single .localtion-content-tour .map-list p { font-size: 18px; font-weight: 500; line-height: 30px; color: #081E2A; } .tour-single .localtion-content-tour .title-location { font-size: 24px; line-height: 30px; margin-bottom: 14px; color: #081E2A; } .tour-single .review-content-tour .title-review { font-size: 24px; line-height: 30px; padding-left: 10px; position: relative; } .tour-single .review-content-tour .title-review::before { height: 70%; width: 1px; background-color: #4DA528; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .tour-single .review-content-tour .custom-review { border: 1px solid #EDEEEE; border-radius: 15px; padding: 40px 42px 80px 53px; } .tour-single .review-content-tour .custom-review .review-list { width: 100%; } .tour-single .review-content-tour .custom-review .card-review { margin-right: 62px; } .tour-single .review-content-tour .custom-review .card-review .percent { position: relative; } .tour-single .review-content-tour .custom-review .card-review svg { position: relative; width: 210px; height: 210px; transform: rotate(-90deg); } .tour-single .review-content-tour .custom-review .card-review svg circle { width: 100%; height: 100%; fill: none; stroke: #EDEEEE; stroke-width: 10; stroke-linecap: round; } .tour-single .review-content-tour .custom-review .card-review svg circle:last-of-type { stroke-dasharray: 625px; stroke-dashoffset: calc(625px - 625px * var(--percent) / 100); stroke: #4DA528; } .tour-single .review-content-tour .custom-review .card-review .number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; } .tour-single .review-content-tour .client-review .client-review span { font-size: 16px; font-weight: 600; line-height: 30px; color: #081E2A; } .tour-single .review-content-tour .client-review .client-review .start { margin-left: 15px; margin-right: 15px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item { padding-right: 10em; padding-bottom: 27px; border-bottom: 1px solid #EDEEEE; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item:not(:last-child) { margin-bottom: 48px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .avata { margin-right: 36px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .avata img { width: 80px; height: 80px; border-radius: 100%; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .content { margin-top: 6px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .content .name { display: inline-block; font-size: 16px; font-weight: 700; line-height: 25px; color: #081E2A; margin-bottom: 15px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .content .des { line-height: 28.8px; margin-bottom: 4px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .content .start i { font-size: 14px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .content .start span { font-size: 16px; font-weight: 700; line-height: 38px; color: #081E2A; margin-left: 15px; } .tour-single .review-content-tour .client-review .client-review-list .client-review-item .content .date { font-size: 12px; font-weight: 700; line-height: 29px; text-transform: uppercase; letter-spacing: 0.1em; color: #4F545A; } .tour-single .review-content-tour .form-review { padding: 50px 35px 70px 35px; margin-right: 5em; } .tour-single .review-content-tour .inner-review .inner-review-item .text-review { font-size: 16px; font-weight: 700; line-height: 26px; color: #081E2A; margin-bottom: 13px; } .tour-single .review-content-tour .progress { height: 8px; } .tour-single .review-content-tour .progress .progress-bar { background-color: #4DA528; } .tour-single .gallery-content-tour { display: grid; grid-template-areas: "image-gallery1 image-gallery1 image-gallery2" "image-gallery1 image-gallery1 image-gallery2" "image-gallery3 image-gallery4 image-gallery4" "image-gallery3 image-gallery4 image-gallery4" "image-gallery5 image-gallery5 image-gallery6" "image-gallery5 image-gallery5 image-gallery6"; gap: 30px; } .tour-single .gallery-content-tour .image { width: 100%; height: 100%; } .tour-single .gallery-content-tour .image img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } .tour-single .gallery-content-tour .image-gallery1 { grid-area: image-gallery1; } .tour-single .gallery-content-tour .image-gallery2 { grid-area: image-gallery2; } .tour-single .gallery-content-tour .image-gallery3 { grid-area: image-gallery3; } .tour-single .gallery-content-tour .image-gallery4 { grid-area: image-gallery4; } .tour-single .gallery-content-tour .image-gallery5 { grid-area: image-gallery5; } .tour-single .gallery-content-tour .image-gallery6 { grid-area: image-gallery6; } .discount-h5 { padding-bottom: 123px; } .discount-h5 .sale-up { font-size: 14px; font-weight: 500; line-height: 17px; display: block; } .discount-h5 .text-free { font-size: 14px; font-weight: 500; } .discount-h5 .booking-style-1 { background-image: url(../../assets/images/page/bg-discount.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 47px 20px 0px 42px; } .discount-h5 .booking-style-1:hover .mask-banner-part2 { scale: 1.1; } .discount-h5 .booking-style-1 .image-wrap .mask-banner-part { position: relative; top: 0px; margin-top: 7px; margin-bottom: 15px; } .discount-h5 .booking-style-1 .image-wrap .price-banner-part { left: 7%; top: 15%; } .discount-h5 .booking-style-2 { padding: 45px 37px 42px 43px; } .discount-h5 .booking-style-2 .title { font-size: 26px; margin-top: 11px; } .discount-h5 .booking-style-2 .image-wrap .mask-banner-part { right: -5.8em; top: 23px; position: relative; } .discount-h5 .booking-style-2 .image-wrap .banner-part-shape1 { bottom: -12%; left: 17%; } .discount-h5 .booking-style-2 .image-wrap .banner-part-shape2 { top: 13px; right: 35%; } .discount-h5 .booking-style-2 .image-wrap .widget-icon-video { bottom: -19%; } .discount-h5 .booking-style-3 { padding: 45px 37px 30px 32px; } .discount-h5 .booking-style-3 .title { font-size: 21px; text-transform: capitalize; } .discount-h5 .booking-style-3 .image-wrap .mask-banner-part { position: relative; top: 0px; right: -40%; margin-top: 35px; } .discount-h5 .booking-style-3 .image-wrap .banner-part-shape1 { right: 61%; bottom: 19%; } .discount-h5 .mask-banner-part2 { right: -15px; top: 18px; position: relative; transition: all 0.3s ease; } /*----------------------Dash-board--------------------*/ .sidebar-dashboard { transition: all 0.2s ease-out; background-color: #021B32; max-width: 320px; width: 100%; height: 100vh; z-index: 99; position: fixed; left: 0; } .sidebar-dashboard.actives { max-width: 70px; } .sidebar-dashboard.actives .db-menu { padding: 55px 10px 50px 10px; } .sidebar-dashboard.actives .db-menu ul li a { padding: 10px 17px; } .sidebar-dashboard.actives .db-menu ul li a span { display: none; } .sidebar-dashboard.actives .db-logo { padding: 38px 10px 38px 24px; } .sidebar-dashboard.actives .db-logo span { display: none; } .sidebar-dashboard .db-logo { padding: 40px 40px 40px 74px; border-bottom: 1px solid rgba(217, 217, 217, 0.08); } .sidebar-dashboard .db-logo a { font-size: 28px; font-weight: 700; line-height: 35px; color: #FFFFFF; } .sidebar-dashboard .db-logo a img { width: 35px; margin-right: 10px; } .sidebar-dashboard .db-menu { padding: 55px 35px 50px 26px; } .sidebar-dashboard .db-menu ul li:not(:last-child) { margin-bottom: 10px; } .sidebar-dashboard .db-menu ul li:hover, .sidebar-dashboard .db-menu ul li.active { background-color: rgba(255, 255, 255, 0.05); } .sidebar-dashboard .db-menu ul li a { font-size: 16px; font-weight: 600; line-height: 28px; color: #FFFFFF; padding: 10px 50px; border-radius: 8px; display: inline-block; } .sidebar-dashboard .db-menu ul li a i { color: #4DA528; margin-right: 14px; } .has-dashboard { margin-left: 320px; transition: all 0.2s ease-out; } .has-dashboard.actives { margin-left: 70px; } .has-dashboard .main-header.is-fixed { position: relative; opacity: 1; top: 0; } .has-dashboard .header-dashboard { background-color: #021B32; padding: 0px 185px 0px 38px; } .has-dashboard .header-dashboard .header-search .icon-bars { color: #FFFFFF; cursor: pointer; font-size: 18px; margin-right: 30px; padding: 5px; } .has-dashboard .header-dashboard .header-search .search-dashboard { position: relative; } .has-dashboard .header-dashboard .header-search .search-dashboard i { position: absolute; font-size: 20px; color: #FFFFFF; top: 21px; left: 31px; } .has-dashboard .header-dashboard .header-search .search-dashboard input { width: 307px; background-color: rgba(255, 255, 255, 0.04); border-radius: 32px; border: unset; padding: 25px 17px 25px 65px; color: #FFFFFF; font-size: 15px; font-weight: 500; } .has-dashboard .header-dashboard .header-search .search-dashboard input::placeholder { color: #FFFFFF; } .has-dashboard .header-dashboard .nav-outer .main-menu .navigation > li > a { color: #FFFFFF; padding: 44px 0px 46px 0px; } .has-dashboard .header-dashboard .header-account .icon-send { color: #FFFFFF; font-size: 25px; cursor: pointer; } .has-dashboard .header-dashboard .header-account .icon-notification { color: #FFFFFF; font-size: 25px; cursor: pointer; } .has-dashboard .header-dashboard .header-account .account { margin-left: 13px; } .has-dashboard .header-dashboard .header-account .account a img { width: 40px; height: 40px; border-radius: 100%; border: 2px solid #FFFFFF; } .has-dashboard .footer-dashboard { background-color: #021B32; padding: 50px 161px 50px 109px; } .has-dashboard .footer-dashboard .menu-footer li:not(:first-child) { margin-left: 20px; } .has-dashboard .footer-dashboard .menu-footer li a { color: #FFFFFF; } .has-dashboard .footer-dashboard .menu-footer li a:hover { color: #4DA528; } .has-dashboard .profile-dashboard { padding: 100px 74px; background-color: #F4F6F8; } .has-dashboard .profile-dashboard .title { padding-left: 10px; position: relative; } .has-dashboard .profile-dashboard .title::before { position: absolute; content: ""; height: 80%; width: 1px; background-color: #4DA528; left: 0; top: 50%; transform: translateY(-50%); } .has-dashboard .profile-dashboard .title-add-tour { font-size: 26px; line-height: 47px; } .has-dashboard .profile-dashboard .widget-dash-board { background-color: #FFFFFF; border-radius: 16px; padding: 60px 50px 92px 50px; } .has-dashboard .profile-dashboard .inner-header .title { font-size: 28px; line-height: 35px; font-weight: 700; margin-bottom: 7px; } .has-dashboard .profile-dashboard .edit-profile .title { margin-bottom: 20px; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .title-avata { font-size: 21px; font-weight: 600; color: #081E2A; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap { margin-left: 92px; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .avata img { width: 158px; height: 138px; border-radius: 8px; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .avata .icon-delete { position: absolute; left: 7px; top: 6px; padding: 6px 8px; background-color: #FFFFFF; border-radius: 3px; cursor: pointer; color: #081E2A; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .avata .icon-delete:hover { background-color: #FF494F; color: #FFFFFF; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .upload { font-size: 18px; font-weight: 400; display: inline-block; margin-top: 12px; margin-bottom: 12px; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .upload-file { min-width: 648px; width: 100%; border: 1px solid #EDEEEE; border-radius: 5px; padding: 10px; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .upload-file input { width: 100%; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap p { font-size: 16px; font-weight: 500; margin-top: 23px; } .has-dashboard .profile-dashboard .edit-profile .grid-input-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; } .has-dashboard .profile-dashboard .edit-profile .grid-input-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px 40px; } .has-dashboard .profile-dashboard .edit-profile .input-wrap label { display: block; } .has-dashboard .profile-dashboard .edit-profile .input-wrap label i { color: #4DA528; margin-right: 10px; } .has-dashboard .profile-dashboard .edit-profile .input-wrap input { width: 334px; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .send-otp { margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight: 500; display: inline-block; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .input-wrap input { width: 100%; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .button-wrap .save { padding: 20px 30px; border-radius: 8px; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .button-wrap .save:hover { background-color: #FF970D; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .button-wrap .save i { margin-right: 10px; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .button-wrap .reset { background-color: transparent; color: #081E2A; padding: 20px 30px; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .button-wrap .reset:hover { color: #4DA528; } .has-dashboard .profile-dashboard .edit-profile .otp-dashboard .button-wrap .reset i { margin-right: 10px; } .has-dashboard .profile-dashboard .favorite-wrap { padding: 34px 63px 64px 38px; background-color: #FFFFFF; border-radius: 10px; } .has-dashboard .profile-dashboard .favorite-wrap .favorite-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 34px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap label { font-size: 18px; font-family: 700; line-height: 56px; color: #081E2A; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap input { width: 100%; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .nice-select { padding: 21px 35px 21px 15px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .upload-image-add-car { display: flex; gap: 27px; justify-content: flex-start; flex-wrap: wrap; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .upload-image-add-car .upload-image .uploadLabel { padding: 43px 20px; position: relative; height: 148px; width: 149px; background-color: #FFFFFF; border: 1px solid #EDEEEE; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; text-align: center; margin-bottom: 0px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .upload-image-add-car .upload-image .uploadLabel i { font-size: 30px; color: #B4B4B4; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .upload-image-add-car .upload-image .uploadLabel span { font-size: 16px; font-weight: 500; color: #B4B4B4; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .upload-image-add-car .upload-image .uploadLabel .photoLoad { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .icon-delete-title { width: 61px; height: 59px; background-color: #EBEBEB; border-radius: 5px; cursor: pointer; margin-left: 20px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .button-add { padding: 15px 35px; border-radius: 5px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .button-add i { font-size: 12px; margin-right: 5px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .icon-delete-price { background-color: #FFFFFF; padding: 10px; border-radius: 8px; color: #4DA528; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.07); cursor: pointer; margin-left: 17px; } .has-dashboard .profile-dashboard .form-add-tour .input-wrap .icon-delete-price:hover { background-color: #FF494F; color: #FFFFFF; } .has-dashboard .profile-dashboard .form-add-tour .grid-input-2 { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 50px; width: 100%; } .has-dashboard .profile-dashboard .form-add-tour .grid-input-3 { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 35px; width: 100%; } .has-dashboard .profile-dashboard .my-listing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 33px 23px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06); border-radius: 5px; padding: 17px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .image img { width: 202px; height: 185px; object-fit: cover; border-radius: 8px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .image .featured { font-size: 14px; font-weight: 500; color: #FFFFFF; background-color: #FF970D; line-height: 23px; padding: 2px 14px; border-radius: 4px; position: absolute; display: inline-block; left: 7px; top: 9px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content { width: 100%; padding-left: 22px; padding-top: 10px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .map { font-size: 14px; font-weight: 500; font-family: "DM Sans", sans-serif; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .map i { color: #4DA528; margin-right: 5px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .media { padding: 8px 5px; border-radius: 5px; background-color: #4DA528; color: #FFFFFF; font-size: 14px; font-weight: 500; line-height: 14px; margin-left: 10px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .media i { margin-right: 5px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .review i { color: #FF970D; font-size: 12px; margin-right: 4px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .review span { font-size: 14px; font-weight: 500; margin-left: 5px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .list-meta { margin-top: 23px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .list-meta li:not(:last-child) { margin-right: 13px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .list-meta li i { color: #4DA528; margin-right: 10px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .list-meta li span { font-size: 16px; font-weight: 500; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .price { font-size: 15px; font-weight: 500; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content .price span { font-size: 16px; font-weight: 600; } .has-dashboard .profile-dashboard .my-booking-wrap { border-radius: 10px; background-color: #FFFFFF; padding-bottom: 88px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content { padding: 32px 28px 0px 50px; width: 100%; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li { border-bottom: 1px solid #EDEEEE; width: 100%; padding-bottom: 29px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li:not(:last-child) { margin-bottom: 29px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list { min-width: 400px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list .image { margin-right: 25px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list .image img { width: 142px; height: 111px; object-fit: cover; border-radius: 4px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list .content .id { font-size: 14px; font-weight: 500; display: block; line-height: 17px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list .content .title-booking { font-size: 17px; font-weight: 600; line-height: 30px; margin-bottom: 5px; margin-top: 3px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list .content .price { font-size: 15px; font-weight: 700; line-height: 19px; color: #D01818; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .booking-list-table { width: 100%; text-align: center; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .status { font-size: 15px; font-weight: 500; line-height: 20px; padding: 6px 15px; background-color: #4DA528; color: #FFFFFF; border-radius: 15px; display: inline-block; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .date-gues { font-size: 16px; font-weight: 600; line-height: 30px; color: #081E2A; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .action-wrap { gap: 10px; max-width: 145px; width: 100%; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .action-wrap .action { width: 44px; height: 43px; border: 1px solid #EDEEEE; border-radius: 11px; color: #4DA528; cursor: pointer; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content li .action-wrap .action:hover { background-color: #4DA528; color: #FFFFFF; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-title { padding: 20px 28px 16px 50px; background-color: #021B32; border-radius: 8px; width: 100%; gap: 20px; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-title li { width: 100%; text-align: center; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-title li:first-child { min-width: 400px; text-align: left; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-title li:last-child { max-width: 145px; width: 100%; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-title li p { color: #FFFFFF; font-size: 16px; font-weight: 600; line-height: 30px; } .has-dashboard .profile-dashboard .counter-dashboard { padding: 22px 28px 28px 28px; background-color: #FFFFFF; border-radius: 9px; } .has-dashboard .profile-dashboard .counter-dashboard .icon { width: 65px; height: 65px; border-radius: 100%; background-color: rgba(77, 165, 40, 0.13); margin-right: 38px; } .has-dashboard .profile-dashboard .counter-dashboard .icon i { font-size: 28px; color: #4DA528; } .has-dashboard .profile-dashboard .counter-dashboard .content span { font-size: 16px; font-weight: 500; line-height: 20px; color: #081E2A; display: block; margin-bottom: 10px; } .has-dashboard .profile-dashboard .counter-dashboard .content .number-counter { font-size: 26px; font-weight: 800; line-height: 32px; color: #081E2A; position: relative; } .has-dashboard .profile-dashboard .counter-dashboard .content .money::after, .has-dashboard .profile-dashboard .counter-dashboard .content .plus::after { position: absolute; } .has-dashboard .profile-dashboard .counter-dashboard .content .money::after { content: "$"; } .has-dashboard .profile-dashboard .counter-dashboard .content .plus::after { content: "+"; } .has-dashboard .profile-dashboard .page-insight { padding: 35px 55px 35px 22px; background-color: #FFFFFF; border-radius: 19px; border: 1px solid #EDEEEE; } .has-dashboard .profile-dashboard .tfcl-card { background-color: #FFFFFF; border-radius: 10px; padding: 32px 37px; } .has-dashboard .profile-dashboard .dashboard-message .message li:not(:last-child) { margin-bottom: 26px; } .has-dashboard .profile-dashboard .dashboard-message .message li .icon { font-size: 17px; color: #4DA528; margin-right: 18px; } .has-dashboard .profile-dashboard .dashboard-message .message li p { font-size: 15px; font-weight: 500; line-height: 23px; color: #081E2A; } .has-dashboard .profile-dashboard .dashboard-reviews ul .comment-by-user:not(:last-child) { margin-bottom: 40px; } .has-dashboard .profile-dashboard .dashboard-reviews ul .comment-by-user .group-author { margin-right: 11px; } .has-dashboard .profile-dashboard .dashboard-reviews ul .comment-by-user .group-author img { width: 56px; height: 56px; border-radius: 100%; object-fit: cover; } .has-dashboard .profile-dashboard .dashboard-reviews ul .comment-by-user .content .group-name .review-name { font-size: 14px; font-weight: 700; line-height: 25px; color: #081E2A; } .has-dashboard .profile-dashboard .dashboard-reviews ul .comment-by-user .content .group-name .rating-wrap i { font-size: 15px; color: #FF970D; } .has-dashboard .profile-dashboard .dashboard-reviews ul .comment-by-user .content p { font-size: 14px; font-weight: 400; line-height: 24.8px; margin-top: 4px; } .counter-grid-dashboard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .offcanvas .offcanvas-body .logo-canvas { margin-bottom: 30px; } .offcanvas .offcanvas-body .logo-canvas img { width: 170px; } .offcanvas .offcanvas-body .des { color: #4F545A; margin-bottom: 20px; } .offcanvas .offcanvas-body .canvas-info { margin-bottom: 20px; } .offcanvas .offcanvas-body .canvas-info li i { color: #4DA528; font-size: 20px; margin-right: 10px; } .offcanvas .offcanvas-body .canvas-info li p { color: #4F545A; } .offcanvas .offcanvas-body .social li a { background-color: #4DA528; } .offcanvas .offcanvas-body .social li a:hover { background-color: #FF970D; color: #FFFFFF; } .wrapper-layout-map .wrap-left { width: 45%; padding: 108px 31px 118px 67px; } .wrapper-layout-map .wrap-right { width: 55%; } .populer-activities, .tour-package-swipper { padding-bottom: 30px; margin-bottom: -30px; } .view-all-wrap .view-all { margin-right: 15px; } .footer .footer-main { display: flex; padding-top: 165px; padding-bottom: 77px; } .footer-style1.footer-home3 .footer-main { padding-top: 80px; } .footer-style1 { background-color: #1D231F; } .footer-style1 .footer-main { display: flex; padding-top: 165px; padding-bottom: 83px; } .footer-style1 .footer-main .title { margin-bottom: 25px; color: #FFFFFF; line-height: 35px; } .footer-style1 .footer-main .footer-logo { width: 29.8%; padding-right: 4em; } .footer-style1 .footer-main .footer-logo .logo-footer { margin-bottom: 26px; } .footer-style1 .footer-main .footer-logo .logo-footer img { width: 130px; } .footer-style1 .footer-main .footer-logo .des-footer { color: #FFFFFF; margin-bottom: 20px; } .footer-style1 .footer-main .footer-logo .footer-info li:not(:last-child) { margin-bottom: 11px; } .footer-style1 .footer-main .footer-logo .footer-info li i { color: #4DA528; margin-right: 12px; font-size: 17px; } .footer-style1 .footer-main .footer-logo .footer-info li p { font-size: 16px; font-weight: 500; line-height: 34px; color: #FFFFFF; } .footer-style1 .footer-main .footer-service { width: 17.2%; padding-right: 2em; } .footer-style1 .footer-main .footer-service .footer-menu li:not(:last-child) { margin-bottom: 11px; } .footer-style1 .footer-main .footer-service .footer-menu li a { font-size: 16px; font-weight: 600; line-height: 35px; color: #B4B4B4; transition: all 0 0.3ss ease-in-out; } .footer-style1 .footer-main .footer-service .footer-menu li a:hover { color: #4DA528; margin-left: 5px; } .footer-style1 .footer-main .footer-gallery { width: 30%; padding-left: 5px; padding-right: 6.8em; } .footer-style1 .footer-main .footer-gallery .gallery-img { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; } .footer-style1 .footer-main .footer-gallery .gallery-img img { border-radius: 2px; } .footer-style1 .footer-main .footer-newsletter { width: 23%; padding-left: 3px; } .footer-style1 .footer-main .footer-newsletter .check-form { margin-top: 23px; margin-bottom: 30px; } .footer-style1 .footer-main .footer-newsletter .check-form i { color: #FFFFFF; padding: 5px; border: 1px solid #4DA528; border-radius: 100%; margin-right: 12px; font-size: 12px; } .footer-style1 .footer-main .footer-newsletter .check-form p { font-size: 15px; font-weight: 500; line-height: 26px; color: #B4B4B4; } .footer-style1 .footer-main .footer-newsletter .social-ft li:not(:last-child) { margin-right: 24px; } .footer-style1 .footer-main .footer-newsletter .social-ft li a { color: #FFFFFF; } .footer-style1 .footer-main .footer-newsletter .social-ft li a:hover { color: #4DA528; } .footer-style1 .footer-bottom { padding: 28px 0px; border-top: 1px solid rgba(242, 242, 242, 0.07); } .footer-style1 .footer-bottom p { font-size: 17px; color: #FFFFFF; } .footer-style2 { padding-top: 60px; } .footer-style2 .footer-menu li:not(:last-child) { margin-bottom: 8px; } .footer-style2 .footer-menu li a { font-size: 14px; font-weight: 500; color: #4F545A; transition: all 0.3s ease-in-out; } .footer-style2 .footer-menu li a:hover { color: #4DA528; margin-left: 5px; } .footer-style2 .footer-item-logo .logo { margin-bottom: 43px; } .footer-style2 .footer-item-logo .logo img { width: 129px; } .footer-style2 .footer-item-logo .des-footer { font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 27px; } .footer-style2 .footer-item-logo .social li:not(:last-child) { margin-right: 10px; } .footer-style2 .footer-item-logo .social li a { width: 40px; height: 40px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.04); color: #4F545A; font-size: 12px; } .footer-style2 .footer-item-logo .social li a:hover { background-color: #4DA528; color: #FFFFFF; } .footer-style2 .footer-item-company { padding-left: 68px; } .footer-style2 .footer-item-quick-link { padding-left: 29px; } .footer-style2 .footer-item-newsletter { margin-left: -13px; } .footer-style2 .footer-item-newsletter .des { font-size: 15px; font-weight: 400; line-height: 26px; } .footer-style2 .footer-bottom { margin-top: 67px; border-top: 1px solid #EDEEEE; padding-top: 30px; padding-bottom: 30px; } .footer-style2 .footer-bottom .copy-right { font-size: 15px; font-weight: 500; line-height: 27px; color: #081E2A; } .footer-style2 .footer-bottom .policy-tern li:not(:first-child) { margin-left: 40px; } .footer-style2 .footer-bottom .policy-tern li a { font-size: 15px; font-weight: 500; line-height: 27px; color: #081E2A; } .footer-style2 .footer-bottom .policy-tern li a:hover { color: #4DA528; } /*----------------------Slide-home 01--------------------*/ .slider-home1 .silider-image::before { background: linear-gradient(90deg, rgb(4, 27, 40), rgba(0, 0, 0, 0)); top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; z-index: 2; } .slider-home1 .silider-image img { position: absolute; } .slider-home1 .silider-image .image-slide { width: 100%; height: 100%; object-fit: cover; } .slider-home1 .silider-image .mask-slide { width: auto; z-index: 2; height: 100%; } .slider-home1 .silider-image .mask-flane { width: auto; left: 0px; bottom: 5.8%; z-index: 2; animation: dot-anim-2 3s linear 0s infinite alternate; } .slider-home1 .silider-image .booking-title { position: absolute; z-index: 3; right: 33.6%; top: 11%; rotate: -5deg; } .slider-home1 .silider-image .booking-title .booking { font-size: 40px; font-weight: 400; line-height: 50.69px; font-family: "Yesteryear", sans-serif; color: #FFFFFF; padding: 18px 33px 14px 33px; border: 2px solid #4DA528; display: inline-block; position: relative; } .slider-home1 .silider-image .booking-title .booking::before { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; top: -5px; left: -8px; } .slider-home1 .silider-image .booking-title .booking::after { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; top: -5px; right: -8px; } .slider-home1 .silider-image .booking-title span::before { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; bottom: -10px; left: -10px; } .slider-home1 .silider-image .booking-title span::after { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; bottom: 0px; right: -15px; } .slider-home1 .slider-content { position: relative; z-index: 3; padding-top: 144px; padding-bottom: 202px; } .slider-home1 .slider-content .title-slide { text-transform: uppercase; font-size: 70px; font-weight: 700; line-height: 95px; } .slider-home1 .slider-content .des { max-width: 570px; width: 100%; } .slider-home1 .slider-content .btn-group .btn-main { padding: 15px 24px; } .btn-group { gap: 40px; flex-wrap: wrap; } .btn-group .btn-w-wa { font-size: 20px; font-weight: 500; line-height: 29px; padding: 18px 0px; color: #FFFFFF; } .btn-group .btn-w-wa i { color: #4DA528; font-size: 16px; margin-left: 7px; margin-left: 5px; transition: all 0.3s ease; } .btn-group .btn-w-wa:hover { color: #FF970D; } .btn-group .btn-w-wa:hover i { margin-left: 12px; } .btn-nex-prev { position: absolute; right: 11.6%; top: 33%; z-index: 4; } .btn-nex-prev .swiper-button-next::after { content: "\e970"; } .btn-nex-prev .swiper-button-prev::after { content: "\e971"; } .btn-nex-prev .next-home1, .btn-nex-prev .prev-home1 { position: relative !important; background-color: rgba(255, 255, 255, 0.5); gap: 25px; left: 0; right: 0; top: 0; bottom: 0; margin: 25px 0px; } .btn-nex-prev .next-home1::before, .btn-nex-prev .next-home1::after, .btn-nex-prev .prev-home1::before, .btn-nex-prev .prev-home1::after { color: #081E2A; font-weight: 600; } .btn-nex-prev .next-home1:hover, .btn-nex-prev .prev-home1:hover { background-color: #FF970D; } .btn-nex-prev .next-home1.swiper-button-disabled, .btn-nex-prev .prev-home1.swiper-button-disabled { opacity: 1; background-color: rgba(4, 28, 41, 0.5); } .btn-nex-prev .next-home1.swiper-button-disabled::before, .btn-nex-prev .next-home1.swiper-button-disabled::after, .btn-nex-prev .prev-home1.swiper-button-disabled::before, .btn-nex-prev .prev-home1.swiper-button-disabled::after { color: #FFFFFF; } /*----------------------Slide-home 02--------------------*/ .slider-home2-image .slider-home2 { position: relative; } .slider-home2-image .slider-home2::before { background: linear-gradient(80deg, rgba(1, 10, 4, 0.89), rgba(0, 0, 0, 0.34)); top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; z-index: 2; } .slider-home2-image .slider-home2 .image-slider-home2 { height: 803px; object-fit: cover; } .slider-home2-image .slider-home2 .next-slider2 { border: 1px solid rgba(255, 255, 255, 0.28); top: 86% !important; right: 5%; background-color: transparent; color: #FFFFFF !important; } .slider-home2-image .slider-home2 .next-slider2::after { content: "\e926"; font-family: "icomoon"; font-size: 15px; } .slider-home2-image .slider-home2 .swiper-button-disabled::after { color: #FFFFFF !important; } .slider-home2-image .slider-home2 .prev-slider2 { border: 1px solid rgba(255, 255, 255, 0.28); top: 86% !important; left: 86.5%; background-color: transparent; color: #FFFFFF !important; } .slider-home2-image .slider-home2 .prev-slider2::after { content: "\e925"; font-family: "icomoon"; font-size: 15px; } .slider-home2-content { position: absolute; z-index: 2; padding-top: 148px; padding-bottom: 188px; top: 0; left: 50%; width: 100%; transform: translateX(-50%); } .slider-home2-content .mask-slide2 { position: absolute; width: auto; top: 0; left: 0; z-index: 1; } .slider-home2-content .mask-slide2-flan { width: auto; left: 17%; position: absolute; top: 15%; } .slider-home2-content .sub-title { font-size: 28px; font-weight: 400; line-height: 46px; display: inline-block; } .slider-home2-content .title-slide { text-transform: capitalize; font-size: 70px; font-weight: 800; line-height: 74px; margin-top: 7px; } .slider-home2-content .tour-list { margin-top: 38px; } .slider-home2-content .tour-list ul li:not(:last-child) { margin-right: 37px; } .slider-home2-content .tour-list ul li i { font-size: 8px; padding: 5px; color: #FFFFFF; border-radius: 100%; background-color: #4DA528; margin-right: 8px; } .slider-home2-content .tour-list ul li span { font-size: 16px; font-weight: 600; color: #FFFFFF; line-height: 30px; text-transform: capitalize; } /*----------------------Slide-home 03--------------------*/ .booking-title { z-index: 3; rotate: -5deg; position: relative; } .booking-title .booking { font-family: "Yesteryear", sans-serif; color: #4DA528; font-weight: 400; padding: 7px 17px 0px 5px; border: 2px dotted #4DA528; display: inline-block; position: relative; rotate: -4deg; margin-left: -8px; margin-right: -6px; transition: all 0.3s; } .booking-title .booking:hover { rotate: 0deg; } .booking-title .booking::before { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; top: -5px; left: -8px; } .booking-title .booking::after { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; top: -5px; right: -8px; } .booking-title .dot::before { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; bottom: -5px; left: -8px; } .booking-title .dot::after { position: absolute; content: ""; width: 15px; height: 13px; background-color: #FFFFFF; border: 2px solid #4DA528; bottom: -5px; right: -8px; } .slider-home3 { padding-left: 15.6%; } .slider-home3 .slider-home3-content { padding-top: 174px; padding-bottom: 232px; padding-right: 2.7em; } .slider-home3 .slider-home3-content .title-slide { font-size: 70px; font-weight: 800; line-height: 70px; text-transform: capitalize; margin-top: 10px; } .slider-home3 .slider-home3-content .des { max-width: 570px; width: 100%; } .slider-home3 .slider-home3-content .btn-group .btn-w-wa { color: #081E2A; } .slider-home3 .slider-home3-content .btn-group .btn-w-wa:hover { color: #FF970D; } /*----------------------Slide-home 04--------------------*/ .slider-home4 { background-image: url(../../assets/images/slide/slide4.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 267px; padding-bottom: 203px; background-attachment: fixed; } .slider-home4::before { top: 0; right: 0; left: 0; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.28); content: ""; z-index: 1; } .slider-home4 .mask-slider { position: absolute; right: 0; top: 0; z-index: 1; } .slider-home4 .mask-slider img { width: auto; height: 100%; } .slider-home4 .home4-content { padding-right: 4em; z-index: 3; position: relative; } .slider-home4 .home4-content .sub-title { font-size: 26px; margin-bottom: 4px; } .slider-home4 .home4-content .title-slide { font-size: 75px; font-weight: 800; line-height: 85px; text-transform: capitalize; margin-bottom: 57px; } .slider-home4 .home4-content .btn-group { gap: 20px; flex-wrap: wrap; } .slider-home4 .home4-content .btn-group .btn-main { padding: 18px 23px; } .slider-home4 .home4-content .btn-group .btn-w-wa { color: #4DA528; font-size: 16px; font-weight: 700; line-height: 65px; padding: 0px 5px; text-decoration: underline; } .slider-home4 .home4-content .btn-group .btn-w-wa:hover { color: #FFFFFF; } .slider-home4 .widget-icon-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*----------------------Slide-home 05--------------------*/ .slider-home5 { padding-top: 112px; padding-bottom: 185px; background-color: #212622; } .slider-home5 .mask-left { width: 305px; height: 408px; background: linear-gradient(0deg, rgba(241, 176, 10, 0.45), rgba(255, 183, 0, 0.31), rgba(23, 38, 61, 0)); clip-path: polygon(0 0, 0% 100%, 100% 0); opacity: 0.97; position: absolute; top: 0; left: 0; z-index: 1; } .slider-home5 .mask-right { width: 305px; height: 408px; background: linear-gradient(262deg, rgba(77, 165, 40, 0.52), rgba(77, 165, 40, 0.25), rgba(23, 38, 61, 0)); clip-path: polygon(0 100%, 100% 100%, 100% 0); opacity: 0.97; position: absolute; bottom: 0; right: 0; z-index: 1; } .slider-home5 .image-slide-home5 { margin-right: -69px; margin-left: -25px; } .slider-home5 .image-slide-home5 .image-svg { width: auto; position: absolute; bottom: -7%; left: -9%; animation: anime-rorate 8s infinite; } .slider-home5 .image-slide-home5 span { font-size: 54px; font-weight: 400; line-height: 54.8px; rotate: -42deg; position: absolute; bottom: 14%; right: 3%; } .slider-home5 .content-slide-home5 { padding-right: 3em; padding-top: 24px; } .slider-home5 .content-slide-home5 .title-slide { font-size: 70px; font-weight: 800; line-height: 77px; text-transform: capitalize; margin-top: 7px; margin-bottom: 38px; z-index: 2; position: relative; } .slider-home5 .content-slide-home5 .des { width: 570px; max-width: 100%; } .slider-home5 .content-slide-home5 .widget-icon-video { width: 60px; height: 60px; margin-left: 38px; } .slider-home5 .content-slide-home5 .image-svg2 { position: absolute; top: 38.3%; left: -1%; width: auto; z-index: 1; animation: dot-anim-2 3s linear 0s infinite alternate; } #footer-form .input-wrap { position: relative; padding: 5px 7px; background-color: #FFFFFF; border-radius: 30px; } #footer-form .input-wrap input { padding: 10px; border: unset; } #footer-form .input-wrap button { border-radius: 30px; padding: 7px 25px; } #search-bar-widget { position: relative; } #search-bar-widget input { background-color: #FFFFFF; border: unset; border-radius: unset; padding: 15px 60px 15px 15px; } #search-bar-widget button { background-color: transparent; position: absolute; right: 0; top: 0; color: #081E2A; padding: 16px 32px; } #comment .group-gap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 33px; } #comment .input-cmt { background-color: #FFFFFF; border-radius: unset; color: #4F545A; font-weight: 400; } #comment .input-cmt::placeholder { color: #4F545A; font-weight: 400; } #comment .checkbox { margin-top: 20px; margin-bottom: 70px; } #comment .checkbox label { margin-bottom: 0px; } .search-form-widget-slider { background-color: #FFFFFF; padding: 32px 28px 30px 35px; border-radius: 6px; box-shadow: 0px 7px 29px 0px rgba(0, 0, 0, 0.06); width: 100%; z-index: 20; } .wd-search .form-group { position: relative; text-align: left; } .wd-search .form-group:not(:last-child) { margin-right: 20px; } .wd-search .form-group:not(:last-child)::before { height: 61px; width: 1px; background-color: #EDEEEE; position: absolute; content: ""; right: -6px; } .wd-search .form-group i { color: #4DA528; font-size: 20px; margin-right: 13px; margin-top: 8px; } .wd-search .form-group i.fs-30 { font-size: 30px !important; } .wd-search .form-group i.fs-40 { font-size: 40px !important; } .wd-search .form-group .search-bar-group { position: relative; } .wd-search .form-group .search-bar-group label { font-size: 17px; font-weight: 700; line-height: 20px; color: #081E2A; margin-bottom: 0px; position: absolute; top: 5px; left: 0; } .wd-search .form-group .search-bar-group input { padding: 38px 30px 5px 0px; border: unset !important; } .wd-search .form-group .search-bar-group .nice-select { padding: 35px 30px 8px 0px; border: unset !important; width: 200px; } .wd-search .form-group .search-bar-group .nice-select::after { top: 36%; } .wd-search .form-group .icon-icon-filter { margin-right: 23px; cursor: pointer; } .wd-search .form-group .icon-icon-filter i { font-size: 30px; color: #4DA528; } .wd-search .form-group .icon-icon-filter i:hover { color: #FF970D; } .wd-search .form-group .btn-search { background-color: #4DA528; font-size: 18px; font-weight: 500; line-height: 18px; border-radius: 33px; padding: 20px 46px 20px 40px; color: #FFFFFF; } .wd-search .form-group .btn-search i { color: #FFFFFF; margin-right: 11px; font-size: 17px; } .wd-search .form-group .btn-search:hover { background-color: #FF970D; } .search-mobie .modal-dialog { max-width: 800px; margin: 90px auto; padding: 0px 15px; } .search-mobie .modal-dialog .modal-content { border-radius: 16px; } .search-mobie .modal-dialog .search-form-mobie .search { position: relative; display: flex; align-items: center; flex-wrap: nowrap; } .search-mobie .modal-dialog .search-form-mobie .search i { position: absolute; left: 0; top: 20px; } .search-mobie .modal-dialog .search-form-mobie .search .search-input { border: unset; padding: 15px 20px 15px 25px; } .search-mobie .modal-dialog .search-form-mobie .search button { border-radius: 30px; padding: 20px 30px; } .search-mobie .modal-dialog .btn-close:before { content: "\e986"; font-size: 18px; color: #FFFFFF; font-family: "icomoon"; } .search-mobie .modal-dialog .btn-close { position: absolute; right: 0; top: -30px; padding: 0; background: transparent; } .form-search-faq { padding: 11px; background-color: #FFFFFF; border-radius: 50px; max-width: 912px; width: 100%; } .form-search-faq button { max-width: 184px; width: 100%; border-radius: 50px; padding: 20px 20px; } .form-search-faq button i { margin-right: 10px; } .form-search-faq input { border: 1px solid transparent !important; } .form-search-faq input::placeholder { color: #4F545A; text-transform: capitalize; font-size: 16px; } #form-contact-us .input-wrap:not(:last-child) { margin-bottom: 50px; } #form-contact-us .input-wrap i { position: absolute; left: 5px; top: 6px; font-size: 20px; } #form-contact-us .input-wrap input, #form-contact-us .input-wrap textarea { padding: 8px 20px 20px 33px; border: unset; border-radius: unset; border-bottom: 1px solid #EDEEEE; } #form-contact-us .input-wrap input::placeholder, #form-contact-us .input-wrap textarea::placeholder { font-size: 18px; font-weight: 400; line-height: 22px; } #form-contact-us .input-wrap input:focus, #form-contact-us .input-wrap textarea:focus { border-bottom: 1px solid #081E2A; } #form-contact-us .btn-submit-contact i { margin-right: 10px; } #form-book-tour input, #form-book-tour .nice-select { background-color: #FFFFFF; } #form-book-tour .label { font-size: 18px; font-weight: 700; line-height: 30px; color: #081E2A; } #form-book-tour p { font-size: 15px; font-weight: 500; line-height: 26px; color: #83827F; } #form-book-tour .input-wrap-sellect .nice-select { width: 115px; } #form-book-tour .input-wrap-checkbox .extra { margin-left: 32px; } #form-book-tour .input-wrap-checkbox .extra .name { font-size: 15px; font-weight: 500; line-height: 39px; color: #83827F; margin-right: 4px; width: 90px; } #form-book-tour .input-wrap-checkbox .extra .price { font-size: 14px; font-weight: 500; line-height: 39px; color: #081E2A; } #form-book-tour .total { font-size: 22px; font-weight: 700; } #form-book-tour button { width: 100%; border-radius: 3px; text-transform: uppercase; } #form-review .input-wrap input, #form-review .input-wrap textarea { background-color: #FFFFFF; padding: 20px 17px 20px 50px; } #form-review .input-wrap i { position: absolute; top: 24px; left: 20px; } #form-review .checkbox label { font-size: 16px; font-weight: 500; line-height: 20px; } #form-review .submit { width: 100%; text-transform: uppercase; } #form-review .submit:hover { background-color: #FF970D; } .form-footer-st2 { box-shadow: 0px 13px 22px 0px rgba(6, 34, 51, 0.06); } .form-footer-st2 .input-search { border: unset; } .form-footer-st2 .input-search:focus { border: unset; } .form-footer-st2 button { padding: 20px 25px; border-radius: 8px; } .wd-search-form { position: absolute; width: 100%; margin-top: 45px; left: 0; right: 0; background-color: #FFFFFF; padding: 30px; box-shadow: 0px 7px 29px 0px rgba(0, 0, 0, 0.06); border-radius: 5px; z-index: 9; opacity: 0; visibility: hidden; text-align: left; transition: all 0.3s ease-in-out; } .wd-search-form.show { opacity: 1; visibility: visible; } .wd-search-form .input-group-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } /** * scroll-top * PreLoad * pagination * Social * price-range * video * widget Tour List * Counter * widget Destination * Blog * widget clip text * widget icon box * widget Testimonial * widget Team * Gallery * widget Image Box * Faq * Count Down */ /* Scroll Top -------------------------------------------------------------- */ .button-go { position: fixed; display: block; width: 47px; height: 47px; line-height: 47px; border-radius: 6px; text-align: center; z-index: 999; right: 25px; bottom: 30px; opacity: 0; visibility: hidden; cursor: pointer; overflow: hidden; } .button-go.show { right: 20px; opacity: 1; visibility: visible; } .button-go::before, .button-go::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .button-go::before { z-index: -1; background-color: #4DA528; } .button-go::after { content: "\e9db"; font-family: "icomoon"; font-size: 15px; color: #FFFFFF; font-weight: 600; } .button-go:hover { transform: translateY(-3px); } /* PreLoad -------------------------------------------------------------- */ .pl { width: 6em; height: 6em; } .pl__ring { animation: ringA 2s linear infinite; } .pl__ring--a { stroke: #4DA528; } .pl__ring--b { animation-name: ringB; stroke: #FF970D; } .pl__ring--c { animation-name: ringC; stroke: #FF970D; } .pl__ring--d { animation-name: ringD; stroke: #4DA528; } .preload { overflow: hidden; } .preload-container { position: relative; width: 100%; height: 100%; background: #FFFFFF; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 99999999999; display: flex; justify-content: center; align-items: center; } /*pagination -------------------------------------------------------------- */ .swiper-pagination .swiper-pagination-bullet { background: #EDEEEE; opacity: 1; margin: 0px 7px !important; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4DA528 !important; position: relative; margin: 0px 14px !important; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 26px; height: 26px; border-radius: 100%; border: 1px solid #4DA528; position: absolute; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .swiper-button-next { background-color: #4DA528; } .swiper-button-next::after { content: "\e9e0"; font-family: "icomoon"; font-size: 15px !important; } .swiper-button-prev { background-color: #4DA528; } .swiper-button-prev::after { content: "\e9df"; font-family: "icomoon"; font-size: 15px !important; } .swiper-button-disabled { background-color: #DCDCDC; } .swiper-button-disabled::after { color: #4DA528 !important; } /*pagination -------------------------------------------------------------- */ .tf-pagination { flex-wrap: wrap; gap: 16px; } .tf-pagination li { color: #FFFFFF; } .tf-pagination li .pages-link { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #081E2A; border: 1px solid #EDEEEE; border-radius: 100%; } .tf-pagination li .pages-link:hover { background-color: #4DA528; color: #FFFFFF; } .tf-pagination li.active { background-color: #4DA528; color: #FFFFFF; border-radius: 100%; } .tf-pagination li.active > .pages-link { color: #FFFFFF; } /*Social -------------------------------------------------------------- */ .social { display: flex; align-items: center; gap: 10px; } .social a { color: #FFFFFF; width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .social a:hover { background-color: rgba(255, 255, 255, 0.07); } .social a.active { background-color: rgba(255, 255, 255, 0.07); } /* price-range -------------------------------------------------------------- */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-horizontal { height: 6px; } .noUi-horizontal .noUi-handle { position: relative; width: 17px; height: 17px; border-radius: 50px; left: 0px; top: -6.5px; background-color: #f6f6f6; border: 1px solid #ccc; } .caption { margin-top: 20px; } /* Styling; */ .noUi-background { background: #081E2A; } .noUi-connect { background: #4DA528; -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { width: 100%; height: 6px; border-radius: 2px; } .noUi-horizontal .noUi-handle.noUi-handle-upper { left: -7px; } /* Handles and cursors; */ .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { cursor: default; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } .noUi-handle:active { border: 1px solid #4DA528; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } .slider-labels .caption { font-weight: 500; font-size: 16px; color: #081E2A; line-height: 26px; } #slider-range-value01::after, #slider-range-value1::after { content: " — "; margin: 0 2px; } /* Tag -------------------------------------------------------------- */ .tag { display: flex; align-items: center; flex-wrap: wrap; } .tag li { margin-right: 14px; margin-bottom: 14px; } .tag li a { font-size: 14px; font-weight: 500; line-height: 17.64px; background-color: #FFFFFF; color: #4F545A; padding: 10px 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; } .tag li a.active { background-color: #4DA528; color: #FFFFFF; } .tag li a:hover { background-color: #4DA528; color: #FFFFFF; } /* body -------------------------------------------------------------- */ /* video -------------------------------------------------------------- */ .widget-icon-video { width: 80px; height: 80px; border-radius: 100%; background-color: #4DA528; animation: pulse_two 2s infinite; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget-icon-video:hover { background-color: #FF970D; } .widget-icon-video i { font-size: 20px; color: #FFFFFF; } /* video -------------------------------------------------------------- */ .image-list img, .image-list .icon { width: 36px; height: 36px; border-radius: 100%; border: 2px solid #FFFFFF; background-color: #4DA528; } .image-list img i, .image-list .icon i { font-size: 8px; } .image-list .item:not(:first-child) { margin-left: -12px; } .client { font-size: 17px; font-weight: 500; line-height: 37px; padding-bottom: 13px; margin-left: 25px; border-bottom: 1px solid #EDEEEE; color: #000000; } /* Next Priev -------------------------------------------------------------- */ .swiper-button-next, .swiper-button-prev { width: 66px; height: 66px; border-radius: 100%; } .swiper-button-next::after, .swiper-button-prev::after { font-size: 20px; } .swiper-button-next::before, .swiper-button-prev::before { font-size: 20px; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #FF970D !important; } /* widget heading -------------------------------------------------------------- */ .sub-title-heading { font-size: 18px; font-weight: 500; line-height: 22.68px; display: inline-block; } /* widget Tour List -------------------------------------------------------------- */ .tour-listing { border-radius: 8px 8px 8px 8px; position: relative; overflow: hidden; } .tour-listing:hover .tour-listing-image img { transform: scale(1.1); } .tour-listing:hover .tour-listing-content .tag-listing { background-color: #4DA528; color: #FFFFFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tour-listing .tour-listing-image { position: relative; display: block; } .tour-listing .tour-listing-image .badge-top { position: absolute; width: 100%; z-index: 2; left: 0px; right: 0px; padding-left: 12px; padding-right: 16px; top: 12px; } .tour-listing .tour-listing-image .badge-top .feature { font-size: 14px; font-weight: 500; line-height: 20px; color: #FFFFFF; background-color: #14B0C3; padding: 4px 17px; border-radius: 4px; } .tour-listing .tour-listing-image .badge-top .badge-media .media { padding: 6px 8px; background-color: rgba(0, 0, 0, 0.63); border-radius: 2px; box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.05); color: #FFFFFF; font-size: 14px; font-weight: 500; line-height: 16px; display: flex; align-items: center; cursor: pointer; } .tour-listing .tour-listing-image .badge-top .badge-media .media:not(:first-child) { margin-left: 10px; } .tour-listing .tour-listing-image .badge-top .badge-media .media i { font-size: 16px; margin-right: 5px; } .tour-listing .tour-listing-image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tour-listing .tour-listing-content { padding: 14px 40px 18px 29px; background-color: #FFFFFF; border-radius: 8px; margin-top: -23px; position: relative; } .tour-listing .tour-listing-content .tag-listing { font-size: 14px; font-weight: 500; line-height: 17px; background-color: #FFFFFF; padding: 6px 22px; border-radius: 4px; box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.05); position: absolute; top: -13px; right: 25px; } .tour-listing .tour-listing-content .map { font-size: 15px; font-weight: 400; line-height: 20px; color: #4F545A; font-family: "DM Sans", sans-serif; } .tour-listing .tour-listing-content .map i { color: #4DA528; margin-right: 10px; font-size: 12px; } .tour-listing .tour-listing-content .title-tour-list { font-size: 18px; line-height: 30px; margin-top: 5px; margin-bottom: 10px; text-transform: inherit; } .tour-listing .tour-listing-content .review i { color: #FBAD17; font-size: 16px; } .tour-listing .tour-listing-content .review span { font-size: 14px; font-weight: 500; line-height: 17px; color: #4F545A; margin-left: 6px; } .tour-listing .tour-listing-content .icon-box { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #EBEBEB; margin-bottom: 12px; flex-wrap: wrap; gap: 18px; } .tour-listing .tour-listing-content .icon-box .icons i { color: #4DA528; margin-right: 10px; font-size: 19px; } .tour-listing .tour-listing-content .icon-box .icons svg { margin-right: 10px; } .tour-listing .tour-listing-content .icon-box .icons svg path { stroke: #4DA528; } .tour-listing .tour-listing-content .icon-box .icons span { font-size: 16px; font-weight: 500; color: #83827F; font-family: "Plus Jakarta Sans", sans-serif; } .tour-listing .tour-listing-content .price-box { flex-wrap: wrap; gap: 8px; } .tour-listing .tour-listing-content .price-box p { font-size: 15px; font-weight: 500; color: #83827F; } .tour-listing .tour-listing-content .price-box p .price-sale { font-size: 16px; font-weight: 600; line-height: 20px; color: #4DA528; } .tour-listing .tour-listing-content .price-box .price { font-size: 14px; font-weight: 500; line-height: 17px; color: #83827F; } .tour-listing .tour-listing-content .icon-bookmark { padding: 0px 10px; cursor: pointer; } .tour-listing .tour-listing-content .icon-bookmark i { font-size: 20px; color: #4DA528; } /* widget Counter -------------------------------------------------------------- */ .tf-counter { background-color: #FFFFFF; padding: 50px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 23px; box-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.03); position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .tf-counter:hover::before { border: 1px dashed #4DA528; } .tf-counter:hover .icon svg { transform: rotateY(180deg); } .tf-counter::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 92%; border: 1px dashed rgba(0, 0, 0, 0.17); border-radius: 23px; } .tf-counter .icon { color: #FF970D; height: 75px; } .tf-counter .icon svg { transition: all 0.5s ease; } .tf-counter .number-counter { font-size: 40px; font-weight: 700; color: #4DA528; line-height: 40px; position: relative; } .tf-counter .number-counter.percen::after { position: absolute; content: "%"; } .tf-counter .number-counter.plus::after { position: absolute; content: "+"; } .tf-counter .line { height: 3px; width: 50px; border: 1px dashed #4DA528; display: inline-block; margin-top: 19px; margin-bottom: 3px; } .tf-counter .title-counter { font-size: 21px; font-weight: 600; line-height: 27px; color: #081E2A; } .counter-item { padding: 50px 20px 45px 20px; border: 1px solid #EDEEEE; } .counter-item span { font-size: 18px; font-weight: 500; line-height: 49px; color: #081E2A; } .counter-item .number-counter { font-size: 42px; font-weight: 700; line-height: 49px; color: #081E2A; } .counter-item .number-counter.plus { position: relative; } .counter-item .number-counter.plus::after { content: "+"; } .counter-item .number-counter.kare { position: relative; } .counter-item .number-counter.kare::after { content: "k"; } /* widget Destination -------------------------------------------------------------- */ .tf-widget-destination:hover .destination-imgae img { transform: scale(1.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-destination:hover .destination-content .nation { background-color: #081E2A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-destination:hover .destination-content .btn-destination .btn-view { background-color: #4DA528; color: #FFFFFF; } .tf-widget-destination .destination-imgae { position: relative; overflow: hidden; display: block; } .tf-widget-destination .destination-imgae::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); content: ""; top: 0; right: 0; left: 0; bottom: 0; position: absolute; z-index: 2; } .tf-widget-destination .destination-imgae .tour { font-size: 14px; font-weight: 600; line-height: 16px; padding: 6px 24px 9px 25px; background-color: #FF970D; color: #FFFFFF; text-transform: uppercase; border-radius: 4px; display: inline-block; position: absolute; right: 15px; top: 13px; z-index: 2; } .tf-widget-destination .destination-imgae img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-destination .destination-content { background-color: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.06); margin-left: 14px; margin-right: 26px; margin-top: -40px; z-index: 2; position: relative; overflow: hidden; } .tf-widget-destination .destination-content .nation { max-width: 245px; width: 100%; font-size: 17px; font-weight: 600; line-height: 28.76px; color: #FFFFFF; background-color: #4DA528; text-transform: capitalize; display: inline-block; padding: 4px 19px 9px 19px; margin-top: -1px; clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); } .tf-widget-destination .destination-content .btn-destination { padding: 14px 36px 18px 19px; } .tf-widget-destination .destination-content .btn-destination .title { font-size: 18px; font-weight: 500; line-height: 22.68px; color: #000000; text-transform: math-auto; } .tf-widget-destination .destination-content .btn-destination .btn-view { width: 45px; height: 45px; background-color: #F4F6F8; border-radius: 100%; color: #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-destination .destination-content .btn-destination .btn-view:hover { background-color: #FF970D; color: #FFFFFF; } .tf-widget-destination .destination-content .btn-destination .btn-view i { font-size: 8px; } /* Center a leftover partial row of cards (e.g. count not divisible by 3) instead of leaving it stuck to the left with empty columns beside it. */ .tour-destination .row, .row.mt-4 { justify-content: center; } .destination-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 66px; } .destination-tour { margin: 0 auto; } .destination-tour:hover .destination-image > img { transform: scale(1.2) rotate(-1deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-tour:hover .destination-image::before { visibility: visible; opacity: 0.37; z-index: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-tour .destination-image { width: 160px; height: 160px; position: relative; display: block; overflow: hidden; border-radius: 100%; } .destination-tour .destination-image img { border-radius: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-tour .destination-image::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 110px; height: 110px; background-color: rgba(10, 4, 4, 0.83); border-radius: 100%; visibility: hidden; opacity: 0; } .destination-tour .destination-tour-list { position: relative; margin-top: -26px; } .destination-tour .destination-tour-list .tour { font-size: 16px; font-weight: 500; line-height: 27.7px; color: #081E2A; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .destination-tour .title-tour { font-size: 20px; line-height: 30px; font-weight: 600; color: #081E2A; text-transform: capitalize; margin-top: 19px; } .destination-style { border-radius: 7px; overflow: hidden; display: block; height: 100%; } .destination-style:hover > img { transform: scale(1.2) rotate(-1deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-style::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; z-index: 1; } .destination-style > img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; object-fit: cover; height: 100%; } .destination-style .tour { font-size: 14px; font-weight: 600; line-height: 16px; color: #FFFFFF; background-color: #FF970D; text-transform: uppercase; padding: 10px 30px; border-radius: 4px; top: 14px; right: 12px; position: absolute; z-index: 2; } .destination-style .destination-content { bottom: 34px; left: 33px; position: absolute; z-index: 2; } .destination-style .destination-content .travel { font-size: 24px; font-weight: 400; line-height: 30px; text-transform: capitalize; } .destination-style .destination-content p { font-size: 24px; font-weight: 600; line-height: 40px; } .destination-style1:hover .image .mask-ab { bottom: -10px; visibility: visible; opacity: 1; } .destination-style1:hover .image > img { transform: scale(1.2) rotate(-1deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-style1 .image { overflow: hidden; display: block; } .destination-style1 .image > img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-style1 .image .mask-ab { position: absolute; left: 0px; bottom: -40px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .destination-grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px; } /* widget Blog -------------------------------------------------------------- */ .tf-widget-blog:hover .blog-image > img { transform: scale(1.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-blog .blog-image { position: relative; overflow: hidden; display: block; } .tf-widget-blog .blog-image .category-blog { position: absolute; bottom: 0; left: 0; font-size: 12px; font-weight: 700; line-height: 22px; letter-spacing: 0.135em; color: #FFFFFF; text-transform: uppercase; padding: 7px 27px 7px 20px; background-color: #4DA528; z-index: 1; } .tf-widget-blog .blog-image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-blog .blog-image .admin { position: absolute; top: 15px; left: 16px; background-color: #FFFFFF; border-radius: 80px; } .tf-widget-blog .blog-image .admin:hover span { display: flex !important; transition: all 0.3s ease-out; } .tf-widget-blog .blog-image .admin img { width: 48px; height: 48px; border-radius: 100%; padding: 4px; } .tf-widget-blog .blog-image .admin span { font-size: 12px; font-weight: 600; line-height: 26px; color: #000000; margin-right: 12px; text-transform: uppercase; display: none; } .tf-widget-blog .blog-content { padding: 29px 66px 26px 45px; } .tf-widget-blog .blog-content .meta-list li { font-size: 14px; font-weight: 400; line-height: 17.68px; color: #081E2A; position: relative; } .tf-widget-blog .blog-content .meta-list li:not(:last-child) { margin-right: 44px; } .tf-widget-blog .blog-content .meta-list li i { color: #4DA528; margin-right: 6px; } .tf-widget-blog .blog-content .entry-title { font-size: 24px; font-weight: 700; line-height: 33px; margin-top: 10px; margin-bottom: 12px; text-transform: inherit; } .tf-widget-blog .blog-content .des { font-size: 16px; font-weight: 400; line-height: 29px; margin-bottom: 13px; } .blog-style { border: 1px solid #EDEEEE; } .blog-style:hover { box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.11); } .blog-style .blog-content { padding: 29px 66px 26px 45px; } .blog-style .blog-content .meta-list { flex-wrap: wrap; } .blog-style .blog-content .meta-list li { font-size: 14px; font-weight: 400; line-height: 17.68px; color: #081E2A; position: relative; } .blog-style .blog-content .meta-list li:not(:last-child) { margin-right: 44px; } .blog-style .blog-content .meta-list li:not(:last-child)::before { position: absolute; content: ""; width: 9px; height: 1px; background-color: #081E2A; right: -34px; top: 50%; transform: translateY(-50%); } .blog-style .blog-content .meta-list li i { color: #4DA528; margin-right: 6px; } .blog-style1 { box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.04); border: unset; } .blog-style1 .blog-content { padding: 25px 45px 46px 45px; position: relative; } .blog-style1 .blog-content .meta-list li:not(:last-child) { margin-right: 20px; } .blog-style1 .blog-content .meta-list li:not(:last-child)::before { content: unset; } .blog-style1 .blog-content .entry-title { font-size: 20px; line-height: 31px; margin-top: 21px; margin-bottom: 0px; text-transform: inherit; } .blog-style1 .blog-content .icon-link { height: 60px; width: 60px; border-radius: 100%; background-color: #4DA528; color: #FFFFFF; bottom: -30px; position: absolute; opacity: 0; visibility: hidden; left: 40%; transform: translateX(-50%); transition: all 0.3s ease-out; z-index: 1; } .blog-style1 .blog-content .icon-link:hover { background-color: #FF970D; } .blog-style1:hover .blog-content .icon-link { opacity: 1; visibility: visible; left: 50%; transform: translateX(-50%); } .blog-style2 { border: unset; } .blog-style2:hover { box-shadow: unset; } .blog-style2 .blog-image { border-radius: 4px; } .blog-style2 .blog-image .category-blog { top: 13px; left: 12px; bottom: unset; border-radius: 4px; padding: 7px 21px 7px 15px; } .blog-style2 .blog-content { background-color: #4DA528; margin-left: 21px; margin-right: 41px; margin-top: -102px; position: relative; border-radius: 4px; padding: 35px 9em 26px 36px; z-index: 1; } .blog-style2 .blog-content .meta-list li { color: rgba(255, 255, 255, 0.6); } .blog-style2 .blog-content .meta-list li:not(:last-child) { margin-right: 17px; } .blog-style2 .blog-content .meta-list li:not(:last-child)::before { content: unset; } .blog-style2 .blog-content .meta-list li i { color: #FFFFFF; font-size: 16px; } .blog-style2 .blog-content .entry-title { font-size: 22px; font-weight: 700; line-height: 35px; margin-top: 12px; margin-bottom: 16px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; color: #FFFFFF; } .blog-style2 .blog-content .entry-title a { color: #FFFFFF; } .blog-style2 .blog-content .entry-title a:hover { color: #FF970D; } .blog-style2 .blog-content .btn-read-more { color: #FFFFFF; } .blog-style2 .blog-content .btn-read-more:hover { color: #FF970D; } .blog-style2 .blog-content .btn-read-more i { margin-left: 5px; } .blog-style3:not(:last-child) { margin-bottom: 30px; } .blog-style3 .blog-image { border-radius: 4px; max-width: 229px; width: 100%; } .blog-style3 .blog-content { background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 3px 10px 0px rgba(57, 106, 191, 0.16); margin-left: -30px; padding: 24px 8em 18px 35px; z-index: 1; } .blog-style3 .blog-content .meta-list li:not(:last-child) { margin-right: 14px; } .blog-style3 .blog-content .meta-list li i { font-size: 18px; } .blog-style3 .blog-content .entry-title { font-size: 18px; font-weight: 700; line-height: 28px; margin-top: 11px; margin-bottom: 5px; text-transform: inherit; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .blog-style3 .blog-content .btn-read-more { font-size: 15px; font-weight: 500; line-height: 31px; font-family: "DM Sans", sans-serif; } .blog-style3 .blog-content .btn-read-more i { color: #4DA528; } .blog-style4 { box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.04); } .blog-style4:hover .blog-content .button-link i::after { background-color: #4DA528; } .blog-style4 .blog-content { padding: 32px 40px 32px 32px; } .blog-style4 .blog-content .meta-list li:not(:last-child) { margin-right: 24px; } .blog-style4 .blog-content .entry-title { font-size: 20px; font-weight: 600; line-height: 33px; margin-top: 17px; margin-bottom: 21px; text-transform: inherit; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .blog-style4 .blog-content .button-link { margin-left: 5px; } .blog-style4 .blog-content .button-link i { margin-left: 0px; transition: all 0.3s ease; } /* widget populer -------------------------------------------------------------- */ .tf-widget-populer { border-radius: 8px; overflow: hidden; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); background-color: #FFFFFF; } .tf-widget-populer:hover .content .icon { background-color: #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-populer:hover .content .icon::before { border-top: 8px solid #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-populer .image { overflow: hidden; } .tf-widget-populer .image .mask-populer { position: absolute; bottom: -15px; left: 0; } .tf-widget-populer .content { padding: 47px 34px 45px 33px; } .tf-widget-populer .content .icon { width: 81px; height: 75px; background-color: #FF970D; border-radius: 5px; color: #FFFFFF; position: absolute; top: -32%; left: 50%; transform: translateX(-50%); } .tf-widget-populer .content .icon:before { position: absolute; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #FF970D; bottom: -8px; } .tf-widget-populer .content .icon i { font-size: 35px; } .tf-widget-populer .content .des-populer { font-size: 15px; font-weight: 400; line-height: 27.8px; color: #4F545A; } /* widget places -------------------------------------------------------------- */ .tf-widget-place:hover .content .price-place { color: #081E2A; background-color: #FF970D; } .tf-widget-place:hover .content .place-content { background-color: #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-place:hover .content .place-content .meta-place span, .tf-widget-place:hover .content .place-content .title-place a, .tf-widget-place:hover .content .place-content span { color: #FFFFFF; } .tf-widget-place:hover .content .place-content .icon, .tf-widget-place:hover .content .place-content i { color: #FF970D !important; } .tf-widget-place .place-image { display: block; border-radius: 5px; overflow: hidden; } .tf-widget-place .place-image .feature { font-size: 14px; font-weight: 500; line-height: 14px; color: #FFFFFF; padding: 8px 20px; background-color: #4DA528; border-radius: 4px; top: 8px; left: 7px; position: absolute; } .tf-widget-place .content { margin-top: -85px; margin-left: 16px; margin-right: 14px; z-index: 1; position: relative; transition: all 0.3s ease-in-out; } .tf-widget-place .content .price-place { color: #FFFFFF; background-color: #4DA528; font-size: 15px; font-weight: 500; line-height: 18px; padding: 4px 54px 4px 22px; display: inline-block; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); } .tf-widget-place .content .price-place .price { font-size: 14px; font-weight: 600; line-height: 18px; margin-left: 4.5px; } .tf-widget-place .content .place-content { background-color: #FFFFFF; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.05); border-radius: 6px; padding: 15px 22px 23px 20px; margin-top: -10px; transition: all 0.3s ease-in-out; } .tf-widget-place .content .place-content .map { font-size: 14px; font-weight: 400; font-family: "DM Sans", sans-serif; color: #83827F; transition: all 0.3s ease-in-out; } .tf-widget-place .content .place-content .map i { margin-right: 5px; color: #4DA528; } .tf-widget-place .content .place-content .title-place { font-size: 15px; line-height: 30px; text-transform: inherit; transition: all 0.3s ease-in-out; } .tf-widget-place .content .place-content .meta-place { flex-wrap: wrap; gap: 19px; transition: all 0.3s ease-in-out; } .tf-widget-place .content .place-content .meta-place li .icon { color: #4DA528; margin-right: 8px; } .tf-widget-place .content .place-content .meta-place li span { font-size: 15px; font-weight: 500; color: #83827F; line-height: 22px; } /* widget clip text -------------------------------------------------------------- */ .clip-text { font-size: 105px; font-weight: 800; line-height: 89px; text-align: center; text-transform: uppercase; margin-top: -10px; margin-bottom: -5px; } @supports (background-clip: text) or (-webkit-background-clip: text) { .clip-text { color: transparent; -webkit-background-clip: text; background-image: url(../../assets/images/page/clip-text.jpg); background-size: cover; background-position: center; } } /* widget icon box -------------------------------------------------------------- */ .icon-box-style1 { border: 1px solid rgba(224, 224, 224, 0.28); box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); padding: 49px 41px 49px 41px; transition: all 0.3s ease-in-out; overflow: hidden; } .icon-box-style1:hover::before, .icon-box-style1:hover::after { opacity: 1; visibility: visible; transition: all 0.3s; right: 0; bottom: 0; } .icon-box-style1:hover::after { right: 0; top: 0; } .icon-box-style1::before { position: absolute; bottom: -50px; left: 0; right: -50px; content: ""; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background: linear-gradient(180deg, rgba(45, 138, 6, 0.1), rgb(49, 132, 14)); height: 238px; opacity: 0; visibility: hidden; z-index: 1; transition: all 0.6s ease-in-out; } .icon-box-style1::after { position: absolute; right: -50px; top: -50px; content: ""; clip-path: polygon(100% 0, 4% 100%, 100% 66%); background: #428E22; height: 212px; width: 98px; opacity: 0; visibility: hidden; z-index: 1; transition: all 0.3s ease-in-out; } .icon-box-style1 .icon { margin-bottom: 24px; } .icon-box-style1 .icon i { font-size: 55px; } .icon-box-style1 .des-icon { margin-bottom: 38px; } .icon-box-style1 .icons-link { font-size: 14px; font-weight: 600; line-height: 17.64px; letter-spacing: 0.05em; color: #4DA528; font-family: "Plus Jakarta Sans", sans-serif; } .icon-box-style1 .icons-link:hover { color: #FF970D !important; } .icon-box-style1 .icons-link i { font-size: 10px; margin-left: 10px; } .icon-box-style1 .title-icon { margin-bottom: 23px; } .icon-box-style2 { padding: 32px 40px 30px 38px; overflow: hidden; } .icon-box-style2:hover::before { top: 0; } .icon-box-style2:hover { background-color: transparent !important; } .icon-box-style2::before { transition: all 0.3s ease-in-out; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: -100%; background-color: #4DA528; content: ""; } .icon-box-style2 .icon { margin-right: 29px; margin-top: 6px; position: relative; } .icon-box-style2 .icon::before { position: absolute; content: ""; width: 25px; height: 25px; border-radius: 100px; background-color: #FF970D; right: -8px; top: -2px; z-index: 1; } .icon-box-style2 .icon i { font-size: 44px; position: relative; z-index: 2; } .icon-box-style2 .title-icon { margin-bottom: 12px; } .icon-box-style2 .des-icon { text-transform: inherit !important; } .icon-box-style3 .icon { color: #4DA528; margin-bottom: 12px; height: 50px; } .icon-box-style3 .des { line-height: 30px; } .icon-box-style-4 .icon { width: 65px; flex-shrink: 0; height: 65px; border-radius: 100%; background-color: #FFFFFF; box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.1); color: #4DA528; margin-right: 17px; } .icon-box-style-4 .content .des { line-height: 30px; } .icon-box-style5 { padding: 40px 40px; } .icon-box-style5 .icon { color: #4DA528; margin-right: 13px; } .icon-box-style5 .text { font-size: 16px; font-weight: 600; color: #FFFFFF; font-family: "Plus Jakarta Sans", sans-serif; } .icon-box-style5 .des { font-size: 16px; font-weight: 400; color: #4F545A; line-height: 30.8px; margin-top: 18px; } .icon-box-style7 .image { width: auto; } .icon-box-style7 .title { font-size: 18px; font-weight: 700; line-height: 33px; color: #081E2A; margin-left: 15px; font-family: "Plus Jakarta Sans", sans-serif; } .icon-box-style7 .des { font-size: 15px; font-weight: 400; line-height: 26px; } .cheackmark:hover .icon { background-color: #4DA528; color: #FFFFFF; box-shadow: unset; } .cheackmark .icon { width: 65px; flex-shrink: 0; height: 65px; background-color: #FFFFFF; border-radius: 100%; box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.1); color: #4DA528; font-size: 40px; transition: all 0.3s ease-in-out; } .cheackmark .content { margin-left: 18px; } .icon-box-style6 .icon { color: #4DA528; font-size: 40px; display: inline-block; z-index: 2; height: 40px; margin-bottom: 23px; } .icon-box-style6 .icon::before { width: 22px; height: 22px; border-radius: 100%; background-color: #FF970D; position: absolute; content: ""; top: -4px; right: -10px; z-index: 1; } .icon-box-style6 .content .title-icon { margin-bottom: 8px; } .icon-box-style6 .content .des-icon { line-height: 30px; } .tf-icon-box { background-color: #FFFFFF; border-radius: 8px; } .tf-icon-box:hover { background-color: #4DA528; transition: all 0.3s; } .tf-icon-box:hover .icon, .tf-icon-box:hover .des-icon, .tf-icon-box:hover .icons-link, .tf-icon-box:hover .title-icon a { color: #FFFFFF; z-index: 2; position: relative; transition: all 0.3s; } .tf-icon-box .icon { color: #4DA528; } .tf-icon-box .des-icon { font-size: 16px; font-weight: 400; line-height: 30px; color: #4F545A; text-transform: capitalize; } /* widget Testimonial -------------------------------------------------------------- */ .widget-testimonial .testimonial-content .profile .name { font-size: 29px; line-height: 31px; letter-spacing: -0.02em; margin-bottom: 4px; } .widget-testimonial .testimonial-content .profile .job { display: inline-block; font-size: 18px; font-weight: 500; line-height: 31px; letter-spacing: -0.02em; } .widget-testimonial .testimonial-content .tes { font-size: 29px; font-weight: 700; line-height: 57px; color: #081E2A; text-transform: capitalize; letter-spacing: -0.02em; } .widget-testimonial .testimonial-content .line { width: 50px; height: 4px; position: relative; display: inline-block; background-color: #4DA528; border-radius: 2px; margin-top: 31px; margin-bottom: 17px; } .widget-testimonial .testimonial-content .icon-tes { width: 92px; height: 86px; background-color: #FFFFFF; border: 1px solid rgba(122, 134, 151, 0.15); position: absolute; bottom: -19%; right: 11%; } .widget-testimonial .testimonial-content .icon-tes i { font-size: 27px; color: #4DA528; } .widget-testimonial .testimonial-image .avata { width: auto !important; cursor: pointer; } .widget-testimonial .testimonial-image .avata img { width: 65px; height: 65px; border-radius: 100%; } .widget-testimonial .testimonial-image .swiper-slide { border-radius: 100%; border: 3px solid #FFFFFF; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06); } .widget-testimonial .testimonial-image .swiper-slide-thumb-active { border: 3px solid #4DA528; } .widget-testimonial-style2 { padding: 60px 50px 60px 75px; background-color: #FFFFFF; box-shadow: 0px 13px 32px 0px rgba(0, 0, 0, 0.02); } .widget-testimonial-style2::before { position: absolute; content: ""; height: 70%; width: 5px; background-color: #4DA528; border-radius: 13px; left: 0; top: 50%; transform: translateY(-50%); } .widget-testimonial-style2::after { position: absolute; content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-left: 20px solid #4DA528; border-bottom: 10px solid transparent; left: 0; top: 50%; transform: translateY(-50%); } .widget-testimonial-style2 .image { margin-right: 21px; } .widget-testimonial-style2 .image img { width: 70px; height: 70px; border-radius: 100%; } .widget-testimonial-style2 .profile .job { font-size: 16px; font-weight: 600; line-height: 37px; color: #4DA528; display: inline-block; } .widget-testimonial-style2 .icon-tes { color: #4DA528; } .widget-testimonial-style2 .icon-tes i { font-size: 42px; } .widget-testimonial-style2 .des { font-size: 17px; font-weight: 500; line-height: 35px; padding-right: 50px; } .widget-testimonial-style2 .mask-tes { position: absolute; right: 0; bottom: 0; width: auto; } .widget-testimonial-style3 .testimonial-content .profile .name { margin-bottom: 7px; } .widget-testimonial-style3 .testimonial-content .profile .job { display: inline-block; font-size: 20px; font-weight: 500; line-height: 36px; letter-spacing: -0.02em; } .widget-testimonial-style3 .testimonial-content .tes { font-size: 35px; font-weight: 700; line-height: 60px; color: #081E2A; text-transform: capitalize; letter-spacing: 0em; } .widget-testimonial-style3 .testimonial-content .line { margin-top: 40px; margin-bottom: 23px; } .widget-testimonial-style3 .testimonial-image2 .avata { width: auto !important; cursor: pointer; margin: 0 11px; } .widget-testimonial-style3 .testimonial-image2 .avata img { width: 65px; height: 65px; border-radius: 100%; } .widget-testimonial-style3 .testimonial-image2 .swiper-slide { border-radius: 100%; border: 3px solid #FFFFFF; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06); } .widget-testimonial-style3 .testimonial-image2 .swiper-wrapper { justify-content: center; } .widget-testimonial-style3 .testimonial-image2 .line { width: 50px; height: 4px; position: relative; display: inline-block; background-color: #4DA528; border-radius: 2px; margin-top: 31px; margin-bottom: 17px; } .widget-testimonial-style3 .testimonial-image2 .swiper-slide-thumb-active { border: 3px solid #4DA528; } .widget-testimonial-style4 .des { font-size: 28px; font-weight: 400; line-height: 46px; padding-bottom: 45px; margin-bottom: 60px; border-bottom: 1px solid #EDEEEE; } .widget-testimonial-style4 .image-avata { margin-right: 19px; } .widget-testimonial-style4 .image-avata img { width: 72px; height: 72px; border-radius: 100%; border: 5px solid #FFFFFF; } .widget-testimonial-style4 .content-testimonial .job { font-size: 18px; font-weight: 400; font-family: "DM Sans", sans-serif; } .widget-testimonial-style5 .des { font-size: 24px; font-weight: 500; line-height: 46px; color: #081E2A; margin-bottom: 52px; letter-spacing: -0.7px; } .widget-testimonial-style5 .image-avata { margin-right: 19px; } .widget-testimonial-style5 .image-avata img { width: 79px; width: 79px; border-radius: 100%; border: 6px solid #FFFFFF; } .widget-testimonial-style5 .start { margin-right: 6em; } .widget-testimonial-style5 .start i { color: #4DA528; } /* widget Team -------------------------------------------------------------- */ .tf-widget-team:hover .team-image .social-team { opacity: 1; visibility: visible; left: -16px; } .tf-widget-team:hover .team-image::before { opacity: 1; visibility: visible; rotate: -3deg; transition: all 0.3s; } .tf-widget-team .team-image { position: relative; z-index: 2; } .tf-widget-team .team-image::before { width: 100%; height: 100%; top: -15px; right: -16px; position: absolute; content: ""; border: 2px dashed #4DA528; border-radius: 13px; rotate: 0deg; z-index: 1; opacity: 0; visibility: hidden; } .tf-widget-team .team-image img { border-radius: 13px; position: relative; z-index: 2; } .tf-widget-team .team-image .social-team { padding: 16px 17px; background-color: #4DA528; display: inline-block; text-align: center; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-widget-team .team-image .social-team::before { position: absolute; top: -9px; left: 0px; content: ""; width: 0; height: 0; border-bottom: 10px solid #4DA528; border-left: 16px solid transparent; } .tf-widget-team .team-image .social-team::after { position: absolute; top: 52%; transform: translateY(-50%); right: -15px; content: ""; width: 0; height: 0; border-bottom: 18px solid #4DA528; border-right: 15px solid transparent; } .tf-widget-team .team-image .social-team li:not(:last-child) { margin-bottom: 12px; } .tf-widget-team .team-image .social-team a { color: #FFFFFF; } .tf-widget-team .team-image .social-team a:hover { color: #FF970D; } .tf-widget-team .team-content .job { font-size: 15px; font-weight: 500; color: #4DA528; line-height: 24px; margin-bottom: 6px; } /* widget Gallery -------------------------------------------------------------- */ .grid-gallery { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 118.33px); } .item-1 { grid-row: 1/3; grid-column: 1/2; } .item-2 { grid-row: 1/4; grid-column: 2/4; } .item-3 { grid-row: 1/5; grid-column: 4/4; } .item-4 { grid-row: 3/7; grid-column: 1/2; } .item-5 { grid-row: 4/7; grid-column: 2/4; } .item-6 { grid-row: 5/7; grid-column: 4/4; } .item-1 .tf-gallery .btn-gallery, .item-6 .tf-gallery .btn-gallery { width: 55px; height: 55px; } .item-1 .tf-gallery .btn-gallery i, .item-6 .tf-gallery .btn-gallery i { font-size: 15px; } .item-1 .tf-gallery .gallery-content, .item-6 .tf-gallery .gallery-content { position: absolute; bottom: 20px; } .item-1 .tf-gallery .gallery-content .gallery-title, .item-6 .tf-gallery .gallery-content .gallery-title { font-size: 18px; line-height: 26px; } .item-1 .tf-gallery .gallery-content .sub-title, .item-6 .tf-gallery .gallery-content .sub-title { font-size: 14px; line-height: 18px; } .item-3 .tf-gallery .btn-gallery, .item-4 .tf-gallery .btn-gallery { width: 85px; height: 85px; } .item-3 .tf-gallery .btn-gallery i, .item-4 .tf-gallery .btn-gallery i { font-size: 20px; } .tf-gallery { position: relative; overflow: hidden; border-radius: 6px; height: 100%; } .tf-gallery img { height: 100%; object-fit: cover; } .tf-gallery:hover .btn-gallery { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-gallery:hover .gallery-content { opacity: 1; visibility: visible; left: 30px; -webkit-transform: translateX(0px); transform: translateX(0px); } .tf-gallery::before { top: 0; right: 0; left: 0; bottom: 0; position: absolute; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); } .tf-gallery .btn-gallery { width: 110px; height: 110px; color: #FFFFFF; background-color: #4DA528; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; transition: transform 1000ms ease; } .tf-gallery .btn-gallery:hover { background-color: #FF970D; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-gallery .btn-gallery i { font-size: 30px; } .tf-gallery .gallery-content { position: absolute; left: 0px; bottom: 40px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tf-gallery .gallery-content .gallery-title { font-size: 24px; line-height: 30px; } .tf-gallery .gallery-content .sub-title { font-size: 16px; font-weight: 500; line-height: 20px; color: rgba(255, 255, 255, 0.6); } /* widget Image Box -------------------------------------------------------------- */ .tf-adventure .adventure-image { margin-right: 19px; display: inline-block; } .tf-adventure .adventure-image img { width: 94px; border-radius: 9px; } .tf-adventure .adventure-image .tour-ad { font-size: 14px; font-weight: 400; display: block; line-height: 16px; } .tf-adventure .adventure-image .title-ad { font-size: 16px; font-weight: 600; line-height: 27px; } .tf-adventure .adventure-image .price-ad { font-size: 14px; font-weight: 600; } .image-box-tesimonial { max-width: 327px; width: 100%; background-color: #FFFFFF; box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.07); padding: 16px 17px 80px 17px; } .tf-image-box:hover .image img { transform: scale(1.1); } .tf-image-box .image { overflow: hidden; margin-bottom: 16px; display: block; } .tf-image-box .image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* Box Tour -------------------------------------------------------------- */ .box-tour-select-wrap { background-color: #FFFFFF; border-radius: 14px; padding: 39px 37px; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05); display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } .box-tour-select-item { border: 1px solid #EDEEEE; border-radius: 6px; padding: 29px 20px 42px 20px; transition: all 0.3s ease-in-out; overflow: hidden; position: relative; } .box-tour-select-item:before { width: 100%; height: 100%; position: absolute; content: ""; background-color: #4DA528; left: 0; top: -100%; right: 0; transition: all 0.3s ease-in-out; } .box-tour-select-item:hover .icon, .box-tour-select-item:hover .content .title, .box-tour-select-item:hover .content .price, .box-tour-select-item:hover .content i { color: #FFFFFF; } .box-tour-select-item:hover .content i { rotate: 34deg; } .box-tour-select-item:hover::before { top: 0; } .box-tour-select-item:hover .content .tour { background-color: #FFFFFF; color: #4DA528; } .box-tour-select-item .icon { color: #4DA528; font-size: 63px; height: 77px; margin-bottom: 16px; z-index: 2; position: relative; } .box-tour-select-item .content .title { font-size: 20px; font-weight: 600; line-height: 27px; color: #081E2A; margin-bottom: 20px; } .box-tour-select-item .content .tour { font-size: 15px; font-weight: 500; padding: 5px 17px; line-height: 15px; background-color: #4DA528; border-radius: 15px; color: #FFFFFF; display: inline-block; margin-bottom: 38px; } .box-tour-select-item .content .price { font-size: 16px; font-weight: 700; line-height: 29px; color: #081E2A; } .box-tour-select-item .content i { font-size: 45px; color: #4DA528; position: absolute; right: 1%; bottom: 18%; transition: all 0.3s ease-in-out; } /* Faq -------------------------------------------------------------- */ .faq-list .accordion-item { border: unset !important; border-radius: unset; background-color: #FFFFFF; box-shadow: 0 4px 21px 0px rgba(0, 0, 0, 0.08); } .faq-list .accordion-item:not(:last-child) { margin-bottom: 22px; } .faq-list .accordion-button { padding: 22px 35px 22px 35px; color: #081E2A; font-size: 18px; font-weight: 700; flex-grow: 1; text-transform: capitalize; } .faq-list .accordion-button:hover { background-color: #FFFFFF; } .faq-list .accordion-button:not(.collapsed) { color: #081E2A; background-color: #FFFFFF; box-shadow: unset; } .faq-list .accordion-body { padding: 0px 81px 35px 36px; color: #4F545A; font-size: 15px; font-weight: 400; line-height: 29px; } .faq-list .icon { width: 46px; height: 44px; background-color: #4DA528; clip-path: polygon(100% 0, 0% 100%, 100% 100%); position: absolute; bottom: 0; right: 0; } /* Count Down -------------------------------------------------------------- */ .count-down .countdown__timer { display: flex; gap: 20px; } .count-down .countdown__timer .countdown__item { display: flex; flex-direction: column; align-items: center; } .count-down .countdown__timer .countdown__item .countdown__value { font-size: 16px; font-weight: 700; line-height: 23px; color: #4DA528; width: 60px; height: 60px; background: #FFFFFF; border-radius: 100%; display: flex; justify-content: center; align-items: center; } .count-down .countdown__timer .countdown__item .countdown__label { font-size: 14px; font-weight: 700; line-height: 23px; text-transform: uppercase; color: #081E2A; margin-top: 7px; } .tab-list .nav-link { font-size: 15px; font-weight: 600; line-height: 18.9px; letter-spacing: 0.03em; color: #081E2A; padding: 10px 22px; background-color: #FFFFFF; border-radius: 2px; margin: 0 7px; position: relative; transition: all 0.3s ease; min-width: 134px; } .tab-list .nav-link::before { position: absolute; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #4DA528; bottom: -7px; left: 50%; transform: translateX(-50%); transition: all 0.2s ease; opacity: 0; } .tab-list .nav-link:hover { background-color: #4DA528; color: #FFFFFF; } .tab-list .nav-link:hover::before { position: absolute; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #4DA528; bottom: -7px; left: 50%; transform: translateX(-50%); transition: all 0.2s ease; opacity: 1; } .tab-list .nav-link.active { background-color: #4DA528; color: #FFFFFF; } .tab-list .nav-link.active::before { position: absolute; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #4DA528; bottom: -7px; left: 50%; transform: translateX(-50%); opacity: 1; } .nav-tabs-activities { padding-right: 1.5em; } .nav-tabs-activities .nav-item .nav-link { font-size: 18px; font-weight: 700; line-height: 27px; color: #081E2A; background-color: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 22px 28px 22px; border: 1px solid #EDEEEE; border-radius: 8px; max-width: 214px; width: 100%; margin: 0px 8.5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-tabs-activities .nav-item .nav-link:hover, .nav-tabs-activities .nav-item .nav-link.active { background-color: #4DA528; color: #FFFFFF; position: relative; } .nav-tabs-activities .nav-item .nav-link:hover::before, .nav-tabs-activities .nav-item .nav-link.active::before { content: ""; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 17px solid #4DA528; bottom: -17px; left: 50%; transform: translateX(-50%); } .nav-tabs-activities .nav-item .nav-link:hover .icon, .nav-tabs-activities .nav-item .nav-link.active .icon { color: #FFFFFF; } .nav-tabs-activities .nav-item .nav-link:hover .icon { color: #FFFFFF; } .nav-tabs-activities .nav-item .nav-link .icon { color: #4DA528; height: 66px; margin-bottom: 15px; } .nav-tabs-activities .nav-item .nav-link .icon i { font-size: 50px; } .nav-tabs-adventure .nav-link { font-size: 18px; font-weight: 600; line-height: 27px; color: #081E2A; padding: 0px 0px 17px 0px; border-bottom: 1px solid #EDEEEE; cursor: pointer; } .nav-tabs-adventure .nav-link:not(:last-child) { margin-right: 43px; } .nav-tabs-adventure .nav-link i { font-size: 40px; color: #4DA528; margin-right: 15px; } .nav-tabs-adventure .nav-link:hover, .nav-tabs-adventure .nav-link.active { background-color: transparent; border-bottom: 1px solid #4DA528; } .tab-top-destination .nav-item:not(:last-child) { margin-right: 20px; } .tab-top-destination .nav-item .nav-link { padding: 5px 8px 12px 8px; border-radius: 8px; color: #081E2A; font-size: 16px; font-weight: 600; line-height: 27px; background-color: transparent; } .tab-top-destination .nav-item .nav-link i { font-size: 30px; color: #4DA528; margin-right: 10px; } .tab-top-destination .nav-item .nav-link:hover, .tab-top-destination .nav-item .nav-link.active { background-color: #FFFFFF; } .tab-terms-condition .nav-pills { padding: 50px 22px 70px 30px; margin-right: 56px; max-width: 429px; width: 100%; } .tab-terms-condition .nav-pills .nav-link { font-size: 18px; font-weight: 500; color: #4F545A; padding: 26px 36px; text-align: left; border-left: 2px solid transparent; } .tab-terms-condition .nav-pills .nav-link:hover, .tab-terms-condition .nav-pills .nav-link.active { background-color: #FFFFFF; color: #081E2A; border-left: 2px solid #4DA528; } .tab-terms-condition .tab-content { width: 100%; } .tab-tour-single { background-color: #FFFFFF; padding: 10px 13px; border-radius: 47px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05); margin-top: -47px; } .tab-tour-single .nav-link { font-size: 16px; font-weight: 600; line-height: 20px; padding: 26px 34px; border-radius: 47px; color: #081E2A; background-color: transparent; } .tab-tour-single .nav-link:hover, .tab-tour-single .nav-link.active { background-color: #F4F6F8; } .tab-tour-single .nav-link i { color: #4DA528; margin-right: 14px; font-size: 20px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Elements -------------------------------------------------------------- */ html { margin-right: 0 !important; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; line-height: 30.8px; font-weight: 400; color: #4F545A; background-color: #FFFFFF; } img { width: 100%; height: auto; } .row { margin-right: -15px; margin-left: -15px; } ul, li { list-style-type: none; margin-bottom: 0; padding-left: 0; list-style: none; } .center { text-align: center; } .tf-container { max-width: 1320px; width: 100%; margin: auto; padding-left: 15px; padding-right: 15px; } .tf-container.w-1456 { max-width: 1475px; width: 100%; margin: auto; padding-left: 15px; padding-right: 15px; } .tf-container.full { max-width: 100%; width: 100%; margin: auto; padding-left: 0px; padding-right: 0px; } .bg-main { background-color: #1D231F; } label { font-size: 16px; font-weight: 600; line-height: 16px; color: #081E2A; margin-bottom: 15px; } textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] { border: 1px solid #EDEEEE; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 16px; font-size: 16px; font-weight: 500; border-radius: 8px; padding: 20px 17px 20px 17px; width: 100%; background: transparent; color: #4F545A; } textarea::placeholder, input[type=text]::placeholder, input[type=password]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=time]::placeholder, input[type=week]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=color]::placeholder { color: #4F545A; line-height: 16px; font-size: 16px; font-weight: 500; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus { border: 1px solid #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* Placeholder color */ ::-webkit-input-placeholder { color: #8A8AA0; } :-moz-placeholder { color: #8A8AA0; } ::-moz-placeholder { color: #8A8AA0; opacity: 1; } /* Since FF19 lowers the opacity of the placeholder by default */ :-ms-input-placeholder { color: #8A8AA0; } /* Typography -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: "Plus Jakarta Sans", sans-serif; text-rendering: optimizeLegibility; color: #081E2A; text-transform: capitalize; } h1 { font-size: 65px; line-height: 82px; font-weight: 700; } h2 { font-size: 50px; line-height: 60px; font-weight: 800; } h3 { font-size: 32px; line-height: 44.2px; font-weight: 600; } h4 { font-size: 22px; line-height: 30px; font-weight: 700; } h5 { font-size: 20px; line-height: 25.2px; font-weight: 700; } h6 { font-size: 18px; line-height: 30px; font-weight: 700; } p { font-family: "Plus Jakarta Sans", sans-serif; } /* Extra classes -------------------------------------------------------------- */ .msg-success { background: linear-gradient(to right, #E250E5, #4B50E6, #E250E5); background-clip: text; -webkit-background-clip: text; font-weight: 700; background-size: 200% 200%; animation: rainbow 2s ease-in-out infinite; color: rgba(0, 0, 0, 0); transition: color 0.2s ease-in-out; font-size: 18px; font-weight: 400; line-height: 28px; } label.error { color: red; } .text-white { color: #FFFFFF; } .text-24 { font-size: 14px; font-weight: 400; line-height: 24px; } .shaw-box { padding: 50px; margin: -50px; } .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex-one { justify-content: space-between; display: flex; } .flex-two { justify-content: space-between; align-items: center; display: flex; } .flex-three { display: flex; align-items: center; } .flex-five { display: flex; justify-content: center; align-items: center; } .flex-six { display: flex; justify-content: flex-end; align-items: center; } .center, .text-center { text-align: center; } .text-end { text-align: end; } .absolute { position: absolute; } .relative { position: relative; } .flex-none { flex: none !important; } .text-t { text-transform: capitalize; } .text-u { text-transform: uppercase; } .text-unset { text-transform: unset !important; } .text-line { text-decoration-line: underline !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .justify-space { justify-content: space-between; } .flex-wrap { flex-wrap: wrap; } .align-center { align-items: center; } .text-end { text-align: end; } .font-italic { font-style: italic; } .al-i-end { align-items: flex-end; } #wrapper { position: relative; overflow: hidden; max-width: 100%; height: 100%; } .wrapper-style { background: #FAF8FF; } .z-index1 { z-index: 1; } .z-index3 { z-index: 3; } .z-index4 { z-index: 4; } button { border: none; font-family: "Plus Jakarta Sans", sans-serif; } button:hover { background-color: #FF970D; transition: all 0.3s; border: unset; } button[type=submit]:hover { background-color: #4DA528; transition: all 0.3s; border: unset; } button, input[type=submit] { font-family: "Plus Jakarta Sans", sans-serif; border: unset; padding: 20px 60px; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: capitalize; color: #FFFFFF; background-color: #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } button:hover, input[type=submit]:hover { background-color: #FF970D; transition: all 0.3s; border: unset; } .fs-28-46 { font-size: 28px; font-weight: 400; line-height: 46px; display: inline-block; } .pd-main { padding: 120px 0; } .pb-60 { padding-bottom: 60px; } .m0-auto { margin: 0 auto; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-18 { margin-bottom: 18px !important; } .mb-22 { margin-bottom: 22px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-32 { margin-bottom: 32px; } .mb-37 { margin-bottom: 37px; } .mb-40 { margin-bottom: 40px; } .mb-43 { margin-bottom: 43px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb--93 { margin-bottom: -93px; } .mb--7em { margin-bottom: -7.6em; } .mb--14em { margin-bottom: -14em; } .mb--20em { margin-bottom: -20em; } .mb--25em { margin-bottom: -25em; } .mt--50 { margin-top: -50px; } .mt--60 { margin-top: -60px; } .mt--82 { margin-top: -82px; } .pt-25 { padding-top: 25px; } .pt-35 { padding-top: 35px; } .pt-115 { padding-top: 115px; } .mt-20 { margin-top: 20px; } .mt-27 { margin-top: 27px; } .mt-35 { margin-top: 35px; } .mt-44 { margin-top: 44px; } .mt-53 { margin-top: 53px; } .pb-150 { padding-bottom: 150px; } .pr-256 { padding-right: 256px !important; } .lh-32 { line-height: 32px; } .box-sd { box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.07); } .text-white { color: #FFFFFF; } .text-gray { color: #B6C2D4; } .text-black { color: #081E2A; } .text-second { color: #FF970D; } .text-main { color: #4DA528 !important; } .nav-new-badge { color: #FF970D; font-size: 0.8em; margin-right: 6px; vertical-align: middle; } .font-yes { font-family: "Yesteryear", sans-serif; } .overflow-hidden { overflow: hidden; } .relative { position: relative; } .fs-italic { font-style: italic; } .tour1 { color: #FBAD17; } .tour2 { color: #17FBC4; } .tour3 { color: #FB4E17; } .tour4 { color: #17E0FB; } .tour5 { color: #F617FB; } .tour6 { color: #FB1717; } .bg-part-gray { background-color: #EEE9E9; } .bg-part-blue { background-color: #E0F4F3; } .bg-1 { background-color: #F4F6F8; } .bg-2 { background-color: #FF970D !important; } .bg-3 { background-color: #1D231F; } .bg-4 { background-color: #F3F8F6; } .bg-white { background-color: #FFFFFF; } /* Custom radio buttons */ input[type=radio] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 30px; margin-right: 15px; font-size: 15px; font-weight: 400; } input[type=radio] + label:before { content: ""; display: block; width: 20px; height: 20px; margin-right: 14px; position: absolute; top: -3px; left: 0; border: 1px solid #EDEEEE; background-color: #FFFFFF; border-radius: 50%; } input[type=radio] { display: none !important; *display: inline; } input[type=radio]:checked + label:after { content: ""; display: block; position: absolute; top: 1px; left: 4px; width: 12px; height: 12px; border-radius: 50%; background: #4DA528; } /* Custom checkbox */ input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 30px; margin-right: 15px; font-size: 15px; font-weight: 400; } input[type=checkbox] + label:before { content: ""; display: block; width: 17px; height: 17px; margin-right: 14px; position: absolute; top: 0px; left: 0; border: 1px solid #83827F; } input[type=checkbox] { display: none !important; *display: inline; } input[type=checkbox]:checked + label:after { content: "\e9c7"; font-family: "icomoon"; font-size: 10px; line-height: 20px; color: #FFFFFF; background-color: #4DA528; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 17px; padding-left: 4px; } /* link style -------------------------------------------------------------- */ a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; color: #081E2A; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:focus, a:hover { color: #4DA528; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none !important; outline: 0; } @keyframes rainbow { 0% { background-position: left; } 50% { background-position: right; } 100% { background-position: left; } } path { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .form-wg { margin-left: -30px; } .form-wg .wg-box { width: calc(50% - 30px) !important; margin-left: 30px; } .form-wg .wg-box2 { width: calc(33.333% - 30px) !important; margin-left: 30px; } .form-wg .wg-box3 { width: calc(25% - 30px); margin-left: 30px; } .boxes { --size: 32px; --duration: 800ms; height: calc(var(--size) * 2); width: calc(var(--size) * 3); position: relative; transform-style: preserve-3d; transform-origin: 50% 50%; margin-top: calc(var(--size) * 1.5 * -1); transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px); } .boxes .box { width: var(--size); height: var(--size); top: 0; left: 0; position: absolute; transform-style: preserve-3d; } .boxes .box:nth-child(1) { transform: translate(100%, 0); animation: box1 var(--duration) linear infinite; } .boxes .box:nth-child(2) { transform: translate(0, 100%); animation: box2 var(--duration) linear infinite; } .boxes .box:nth-child(3) { transform: translate(100%, 100%); animation: box3 var(--duration) linear infinite; } .boxes .box:nth-child(4) { transform: translate(200%, 0); animation: box4 var(--duration) linear infinite; } .boxes .box > div { --background: #4DA528; --top: auto; --right: auto; --bottom: auto; --left: auto; --translateZ: calc(var(--size) / 2); --rotateY: 0deg; --rotateX: 0deg; position: absolute; width: 100%; height: 100%; background: var(--background); top: var(--top); right: var(--right); bottom: var(--bottom); left: var(--left); transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ)); } .boxes .box > div:nth-child(1) { --top: 0; --left: 0; } .boxes .box > div:nth-child(2) { --background: #306719; --right: 0; --rotateY: 90deg; } .boxes .box > div:nth-child(3) { --background: #439023; --rotateX: -90deg; } .boxes .box > div:nth-child(4) { --background: #EDEEEE; --top: 0; --left: 0; --translateZ: calc(var(--size) * 3 * -1); } html { -webkit-font-smoothing: antialiased; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } body .dribbble { position: fixed; display: block; right: 20px; bottom: 20px; } body .dribbble img { display: block; height: 28px; } /* Media Queries -------------------------------------------------------------- */ @media only screen and (max-width: 1400px) { .widget-faq .image-faq { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } .slider-home3 .slider-home3-content { padding-top: 80px; padding-bottom: 150px; padding-right: 2.7em; } .slider-home3 { padding-left: 3.6%; } .header-top { padding-left: 15px; } .main-header .header-lower .fly-ab { display: none; } .main-header .header-lower { padding-left: 15px; } .slider-home2-image .slider-home2 .prev-slider2 { left: 84%; } .widget-feature .image-feature-wrap .exploring { left: 7%; } } @media only screen and (max-width: 1570px) { .header-lower.is-fixed.is-fixed.is-small { padding-left: 20px; padding-right: 20px; } .has-dashboard .profile-dashboard .favorite-wrap { padding: 34px 20px 64px 20px; } .has-dashboard .footer-dashboard { padding: 30px 15px 30px 15px; } .has-dashboard .profile-dashboard { padding: 80px 30px; } .has-dashboard .profile-dashboard .counter-dashboard .icon { margin-right: 20px; } .has-dashboard .header-dashboard { padding: 0px 15px 0px 15px; } .widget-tes-style3 .content { padding: 4.2em 10em 4em 4em; } .testimonial-section-h4 .content { padding-left: 8.4em; padding-top: 6.6em; padding-right: 5em; padding-bottom: 6.5em; } .widget-feature2 .content-feature2 { padding: 3em 8em 1em 7.3em; } .header-style1 .header-top { padding-right: 15px; padding-left: 15px; } .header-style2 .header-top { padding-right: 15px; padding-left: 15px; } .header-style2 .header-lower { padding-left: 15px; padding-right: 15px; } .header-style1 .header-lower { padding-left: 0px; padding-right: 20px; } } @media only screen and (max-width: 1400px) { .has-dashboard .profile-dashboard .my-listing-grid { grid-template-columns: repeat(1, 1fr); } .has-dashboard .profile-dashboard .my-booking-wrap { overflow-x: auto; } .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-title, .has-dashboard .profile-dashboard .my-booking-wrap .booking-table-content { min-width: 1400px; } } @media only screen and (max-width: 1300px) { .testimonial-section-h4 .gallery-testimonial-h4 { margin-left: 0px; padding-top: 5em; padding-left: 5em; } .testimonial-section-h4 .content { padding-left: 1em; padding-top: 5em; padding-right: 2em; padding-bottom: 5em; } .has-dashboard .header-dashboard .header-search .search-dashboard input { width: auto; } .has-dashboard .profile-dashboard .favorite-wrap .favorite-grid { grid-template-columns: repeat(2, 1fr); } .pr-256 { padding-right: 30px !important; } .counter-grid-dashboard { grid-template-columns: repeat(2, 1fr); } .widget-tes-style3 .content { padding: 4.2em 1em 4em 4em; } .widget-feature2 .content-feature2 { padding: 3em 1em 1em 4.3em; } .destination-grid { gap: 30px; } .travel-video .mask-video { left: 0%; } .main-header { height: auto; } } @media only screen and (max-width: 1280px) { .single-destinaion-content .image-wrap { flex-wrap: wrap; } .nav-tabs-activities .nav-item .nav-link { max-width: 150px; padding: 20px 10px 20px 10px; } .nav-tabs-activities .nav-item .nav-link span { font-size: 15px; } } @media only screen and (max-width: 1199px) { .sidebar-dashboard.actives .db-logo { padding: 29px 10px 28px 24px; } .has-dashboard .header-dashboard { padding: 15px 15px 15px 15px; } .header-dashboard .nav-outer { display: none; } .header-dashboard .mobile-button { display: block; } .header-dashboard .mobile-button i { color: #FFFFFF; } .has-dashboard .profile-dashboard .edit-profile .input-wrap input { width: 100%; } .footer-dashboard p { text-align: center; } .footer-dashboard .menu-footer { justify-content: center; } .tab-terms-condition .nav-pills .nav-link { padding: 20px 25px; } .tab-terms-condition .nav-pills { padding: 50px 20px 50px 20px; margin-right: 56px; max-width: 350px; width: 100%; } .widget-testimonial-style4 .des { font-size: 25px; line-height: 40px; padding-bottom: 20px; margin-bottom: 35px; } .about-us-h5 .content { padding-top: 3.7em; padding-left: 2em; padding-right: 2em; } .about-us-h5 .image { margin-left: 0em; } .slider-home5 .image-slide-home5 { margin-right: 0px; margin-left: 0px; } .blog-style3 .blog-content { padding: 24px 2em 18px 35px; } .impressino .mask-impression { display: none; } .widget-feature3 .image-feature3 { margin-right: 0px; padding-top: 0px; } .about-us-h4 .image-about-h4-wrap { margin-right: 2.5em; } .widget-feature2 .content-feature2 { padding: 3em 1em 1em 1em; } .widget-feature2 .image-feature2 { margin-right: 0px; } .about-us-h3 .about-us-h3-image { padding-left: 0px; padding-right: 30px; } .mobie-app .mobie-app-image { padding: 63px 40px 75px 40px; } .mobie-app .mobie-app-image .qr-code { display: none; } .destination-grid { grid-template-columns: repeat(3, 1fr); } .our-activities .right-side { padding-left: 0em; } .our-activities .activities-wrap { margin: 0px; } .about-us-h2 .image-about-us .mask1, .about-us-h2 .image-about-us .mask2, .about-us-h2 .mask2-about { display: none; } .blog-style .blog-content { padding: 29px 30px 26px 30px; } .offer-package .on-week-swipper-wrap { margin-right: 0em; } .offer-package .content .title-heading { margin-right: 0em; } .offer-package .content { padding-right: 0em; } .offer-package .feature-ofer { display: none; } .wd-search .form-group .search-bar-group .nice-select { width: auto; } .wd-search .form-group { width: 100%; } .slider-home1 .slider-content .btn-group .btn-w-wa { display: none; } .slider-home1 .silider-image .booking-title { right: 10.6%; top: 6%; } .slider-home1 .slider-content .title-slide { font-size: 50px; line-height: 70px; } .slider-home1 .silider-image .mask-slide { display: none; } .slider-home1 .silider-image .booking-title .booking { font-size: 25px; line-height: 17.69px; } .header-account .language, .header-account .currency { display: none; } .callt-to-action .shape-ab { display: none; } .header-sidebar { display: none !important; } .header-top .header-top-wrap .header-top-left .booking { display: none; } } @media only screen and (max-width: 1024px) { .listing-list-car-wrap-grid3 .listing-list-car-grid.listing-list-car-list { grid-template-columns: repeat(1, 1fr); } .has-dashboard .profile-dashboard .form-add-tour .grid-input-3 { grid-template-columns: repeat(1, 1fr); gap: 35px; } .has-dashboard .profile-dashboard .form-add-tour .grid-input-2 { grid-template-columns: repeat(1, 1fr); } .tour-single .inner-heading-wrap .inner-heading .title { font-size: 35px; line-height: 45px; margin-bottom: 10px; } .blog-style4 .blog-content .meta-list { flex-wrap: wrap; gap: 10px; } .widget-feature4 .feature-wrap-box { padding-right: 0em; gap: 30px 30px; } .box-tour-select-wrap { grid-template-columns: repeat(3, 1fr); } .slider-home3 { flex-direction: column-reverse; padding-left: 15px; padding-right: 15px; } .title-video { font-size: 100px; line-height: 120px; } .swiper-button-next, .swiper-button-prev { display: none; } .tf-widget-activities .tabs-activities-content .activities-content .mask-tab { right: 0em; display: none; } .tf-widget-activities .tabs-activities-content .activities-content { padding: 38px 30px; } .tf-widget-activities .tabs-activities-content .activities-image img { margin-left: 0em; } .tf-widget-activities .tabs-activities-content { margin-right: 0em; margin-left: 0em; padding: 16px 1em 16px 16px; } .nav-tabs-activities { padding-right: 0em; } #main .main-wrap { border-radius: 35px; } .wd-search { flex-wrap: wrap; width: 100%; } .wd-search .form-group { width: calc(50% - 20px); } .wd-search .form-group:not(:last-child)::before { content: none; } .wd-search .form-group:last-child { width: 100%; margin-top: 10px; } } @media only screen and (max-width: 991px) { .header-lower.is-fixed.is-fixed.is-small { padding-left: 15px; padding-right: 15px; } .row > * { padding-right: 15px; padding-left: 15px; } .mobie-mt { margin-top: 10px; } .mobie-mt i { font-size: 20px; } .widget-feature2 .image-feature2 .mask-ft-right { display: none; } .widget-destination1 { padding-top: 50px; } .widget-top-week { padding: 80px 0px 80px 0px; } .tour-package2 { padding-top: 80px; } .main-header .header-account { gap: 15px; } .header-account ul li i { top: 0px; } .has-dashboard .profile-dashboard .widget-dash-board { padding: 60px 30px 92px 30px; } .has-dashboard .header-dashboard .header-search .icon-bars { font-size: 21px; } .sidebar-dashboard.actives { max-width: 320px; left: 0; z-index: 10; } .sidebar-dashboard.actives .db-menu ul li a span { display: inline-block; } .sidebar-dashboard.actives .db-logo span { display: inline-block; } .has-dashboard.actives { margin-left: 0px; } .has-dashboard { margin-left: 0px; } .sidebar-dashboard { left: -350px; } .login .login-wrap .image { display: none; } .header-style3 .header-lower .logo-box { padding: 15px 50px 15px 18px; } .header-style3 .header-lower .header-account, .main-header.header-style2 .header-account { display: none; } .main-header.header-style2 .header-lower { padding: 20px 15px; } .main-header.header-style3 { position: fixed; } .wd-search-form .input-group-grid { grid-template-columns: repeat(2, 1fr); } .contact-us .box-contact { padding: 40px 20px 40px 20px; } .has-dashboard .profile-dashboard .edit-profile .grid-input-3 { grid-template-columns: repeat(1, 1fr); } .has-dashboard .profile-dashboard .edit-profile .grid-input-2 { grid-template-columns: repeat(1, 1fr); } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap { margin-left: 0px; margin-top: 20px; width: 100%; } .has-dashboard .profile-dashboard .edit-profile .upload-image-dashboard .upload-image-wrap .upload-file { min-width: 100%; } .upload-image-dashboard { flex-wrap: wrap; } .has-dashboard .profile-dashboard .favorite-wrap .favorite-grid { grid-template-columns: repeat(1, 1fr); } .has-dashboard .profile-dashboard .page-insight { margin-bottom: 30px; } .header-search-faq { padding-top: 80px; } .brand-logo-widget { padding: 50px 0px; } .terms-condition { padding-top: 80px; padding-bottom: 90px; } .tab-terms-condition .nav-pills { margin-right: 0px; margin-bottom: 30px; max-width: 100%; } .tab-terms-condition { flex-direction: column; } .tour-single .review-content-tour .form-review { margin-right: 0em; } .inner-heading-wrap { align-items: flex-start; flex-direction: column; } .inner-heading-wrap .list-wrap-heading { flex-wrap: wrap; } .inner-heading-wrap .inner-heading { margin-bottom: 20px; } .tour-single .inner-heading-wrap .inner-price .price-sale { font-size: 20px; margin-top: 10px; } .tour-single .inner-heading-wrap .inner-price .price { font-size: 16px; line-height: 20px; margin-left: 10px; } .sider-bar-tour-package { margin-right: 0px; margin-bottom: 50px; } .tf-icon-box.icon-box-style1 { margin-bottom: 30px; } .widget-tes-style3 .content { padding: 4.2em 1em 4em 1em; } .widget-tes-style3 .image .about-vector { right: 50px; } .widget-feature4 .mask-faeture4 { display: none; } .widget-feature4 .image-feature4 { display: none; } .discount-h5 .banner-part-item { margin-bottom: 30px; } .slider-home5 .image-slide-home5 .image-svg { bottom: 0%; left: -1%; } .slider-home5 .content-slide-home5 { margin-bottom: 50px; } .tf-widget-blog.blog-style2 { margin-bottom: 30px; } .tf-widget-place { margin-bottom: 30px; } .widget-feature3 .image-feature3 { margin-bottom: 30px; } .video-h4-widget .video-box { width: 100px; height: 100px; } .video-h4-widget .text-video { font-size: 80px; line-height: 100px; } .about-us-h4 { padding-bottom: 100px; } .about-us-h4 .image-about-h4-wrap { margin-right: 0em; margin-bottom: 30px; } .about-us-h4 .image-about-h4-wrap .box-year { bottom: 15.5%; } .about-us-h4 .image-about-h4-wrap .about-wrap-right { display: none; } .home4-content .btn-group { flex-wrap: wrap; } .slider-home4 .home4-content .title-slide { font-size: 50px; line-height: 69px; } .tf-instagram { margin-bottom: 30px; display: block; } .widget-tes-style2 { padding-top: 200px; padding-bottom: 80px; } .widget-counter2 { padding-top: 80px; } .destination-grid-6 { grid-template-columns: repeat(3, 1fr); } .widget-feature .tab-content .tour-listing { margin-bottom: 30px; } .about-us-h2 .image-about-us { margin-bottom: 30px; } .widget-banner-contact .mask-icon-banner { display: none; } .widget-banner-contact .image-banner-contact { display: none; } .widget-testimonial-style01 { padding-top: 200px; padding-bottom: 88px; } .nav-tabs-adventure .nav-link i { font-size: 20px; margin-right: 10px; } .nav-tabs-adventure .nav-link { font-size: 16px; } .adventure-content { padding: 30px 20px 0px 20px; } .tf-counter { margin-bottom: 25px; } .callt-to-action-button { margin-top: 20px; text-align: center !important; } .pd-main { padding: 80px 0; } .nav-tabs-activities .nav-item .nav-link { margin: 8px 8.5px; } .tab-tour-list .tour-listing { margin-bottom: 30px; } .travel-video .mask-video { bottom: 7%; } .btn-nex-prev { display: none; } .header-style1 .header-lower .logo-box { clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); padding: 15px 50px 15px 20px; } .main-header.header-style1 .header-account { display: none; } .main-header.header-style1 .header-lower { padding: 10px 15px; } .side-blog-single .blockquote-blog { padding: 38px 7em 23px 35px !important; } .side-blog { margin-right: 0px; } .side-bar-right { padding-left: 0px; padding-top: 50px; } .footer-logo, .footer-service, .footer-gallery, .footer-newsletter { width: 50% !important; padding-right: 2em !important; padding-bottom: 3em; } .footer-style1 .footer-main { flex-wrap: wrap; } .footer-style1 .footer-main .footer-gallery { padding-right: 2em; } .header-account ul li i { font-size: 21px; } .header-account ul li span { display: none; } .header-top .header-top-wrap .header-top-left .follow-social span { display: none; } .header-top .header-top-wrap .header-top-right ul li:not(:nth-child(2)) { display: none; } .main-header .header-lower { padding: 10px 15px; } .mobile-button { display: block; } .main-header { position: relative; } .main-header .main-box .logo-box { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: 0px; text-align: left; } .main-header .main-menu { display: none; } .main-header .sticky-header .mobile-nav-toggler { display: block; } .main-header .header-lower .nav-outer { display: none; } } @media only screen and (max-width: 767px) { .widget-feature .image-feature-wrap { padding-right: 0px; } .about-us-h2 .content-about-us .pl-about { padding-left: 0px; } .icon-box-style5 { padding: 20px 4px; } .footer-style1 .footer-bottom { display: none; } .contact-us .contact-us-wrap { margin-left: 0px; margin-top: 40px; padding: 56px 40px 57px 40px; } .listing-list-car-wrap-grid3 .listing-list-car-grid { grid-template-columns: repeat(2, 1fr); } .impressino .mt-impressino { margin-top: 4em; } .has-dashboard .profile-dashboard { padding: 60px 15px; } .adventure-content .adventure-scroll { overflow-x: scroll; } .adventure-content .nav-tabs-adventure { width: 820px; } .main-header.header-style2 .header-account { display: none; } .main-header.header-style2 .header-lower { padding: 20px 15px; } .testimonial-section-h4 .gallery-testimonial-h4 { display: none; } .icon-box-style6 { margin-bottom: 30px; } .slider-home4 { padding-top: 170px; padding-bottom: 160px; } .main-header.header-style3 .header-lower { margin-top: 15px; } .header-style3 .header-top { display: none; } .tf-widget-blog.blog-style1 { margin-bottom: 60px; } .has-dashboard .header-dashboard .header-search .search-dashboard { display: none; } .contact-us .contact-us-map { padding-right: 0em; } .contact-us .box-contact { margin-bottom: 30px; } .has-dashboard .profile-dashboard .favorite-wrap { padding: 34px 20px 64px 20px; } .counter-grid-dashboard { grid-template-columns: repeat(1, 1fr); } .header-search-faq .inner-header .popular { margin-bottom: 16px; } .header-search-faq .inner-header .tag-wrap .tag-popular li { margin-bottom: 16px; } .header-search-faq .inner-header .tag-wrap .tag-popular li span { padding: 6px 12px; } .tag-popular { flex-wrap: wrap; } .inner-faq .col-md-6:not(:last-child) .faq-list { margin-bottom: 30px; } .header-search-faq .inner-header .title { font-size: 35px; line-height: 50px; } .team-member-page .team-member-grid { grid-template-columns: repeat(2, 1fr); } .tour-single .review-content-tour .client-review .client-review-list .client-review-item { padding-right: 0em; } .tour-single .planing-content-tour .tour-planing-section .content-box { padding-right: 0em; } .expect-wrap .listing-clude { margin-bottom: 10px; } .tf-widget-blog.blog-style4 { margin-bottom: 30px; } .about-us-h5 .content { padding-left: 0em; padding-right: 0em; } .slider-home5 .content-slide-home5 { padding-right: 0em; padding-top: 0px; } .impressino { padding-top: 80px; padding-bottom: 80px; } .impressino-counter { margin-right: 0px; } .widget-feature3 .box-feature-wrap { padding: 0 15px; } .inner-content-about .icon-box-style6:not(:last-child) { margin-bottom: 30px; } .content-feature2 .cheackmark { margin-bottom: 30px; } .faq-question { padding: 22px 35px 22px 35px; } .widget-faq .content-faq { padding-left: 0px; } .about-us-h3 .about-us-h3-image { padding-right: 0px; margin-bottom: 30px; } .about-us-h3 .about-us-h3-image .about-vector { top: -3%; left: 0%; } .footer-bottom .policy-tern { display: none; } .footer-style2 .footer-bottom .policy-tern li:not(:first-child) { margin-left: 15px; } .footer-bottom .policy-tern { justify-content: center; margin-top: 20px; } .footer-item-logo { margin-bottom: 30px; } .footer-style2 .footer-item-quick-link { padding-left: 0px; margin-bottom: 30px; } .footer-style2 .footer-item-newsletter { margin-left: 0px; } .footer-style2 .footer-item-company { padding-left: 0px; margin-bottom: 30px; } .widget-feature .content-feature-wrap .feature-list-wrap .feature-list .feature-list-iteam { width: 100%; } .widget-feature .content-feature-wrap { padding-left: 0em; margin-top: 30px; padding-right: 0px; } .widget-video { padding-top: 100px; padding-bottom: 100px; } .destination-explore { margin-top: 45px; } .view-all-wrap { justify-content: flex-start; margin-top: 15px; } .our-activities { margin: 0px 15px; } .our-activities .activities-wrap { margin-bottom: 30px; } .about-us-h2 .content-about-us .about-us-list { margin-top: 30px; margin-left: 0px; margin-right: 0px; } .about-us-h2 .image-about-us { padding-right: 0em; padding-top: 0px; } .slider-home2-content .mask-slide2-flan { display: none; } .slider-home2-content .title-slide { font-size: 50px; line-height: 50px; } .slider-home2-content { padding-top: 100px; padding-bottom: 100px; } .tf-widget-blog.blog-style { margin-bottom: 30px; } .widget-testimonial-style01 .box-testimonial2 { left: 45%; top: 2%; } .grid-three-destination { grid-template-columns: repeat(2, 1fr); } .tf-widget-activities .tabs-activities-content .activities-image img { width: 100%; } .tf-widget-activities .tabs-activities-content { flex-direction: column; } .tf-widget-activities .tabs-activities-content .activities-content .icon-activitis { width: 65px; height: 65px; } .tf-widget-activities .tabs-activities-content .activities-content .icon-activitis i { font-size: 20px; } .tf-widget-activities .tabs-activities-content .activities-content .icon-list-wrap:not(:last-child) { margin-right: 0px; margin-bottom: 15px; } .title-activitis.mb-60 { margin-bottom: 30px; } .activities-content .flex-three.mb-30 { flex-direction: column; align-items: flex-start; } .tab-list .nav-link { margin: 6px 12px; } .form-comment { padding: 60px 30px 80px 30px; } .comment-single .comment-blog { padding-right: 0.5em; padding-left: 0.5em; } .side-blog-single-content .share-blog .tag-blog .tag li { margin-bottom: 15px; } .side-blog-single-content .ux-content img { width: 100%; margin-top: 30px; } .callt-to-action { padding: 30px 20px 30px 20px; } .mb--93 { margin-bottom: 20px; } .callt-to-action-content { margin-bottom: 20px; } .callt-to-action .callt-to-action-content .content .title-call { font-size: 29px; line-height: 40px; } .callt-to-action .callt-to-action-content .content .des { font-size: 16px; line-height: 29px; } .callt-to-action { flex-wrap: wrap; justify-content: center; } .footer-style1 .footer-main { padding-top: 80px; padding-bottom: 20px; } .footer-bottom { text-align: center; } .footer-bottom .social { justify-content: center !important; } } @media only screen and (max-width: 600px) { .slider-home4 .home4-content .btn-group .btn-w-wa { line-height: 0px; } .mobile-button i { padding: 0px; } .callt-to-action { margin-bottom: 50px; } .about-us-h4 .image-about-h4-wrap .about-wrap-left .quote { display: none; } .about-us-h4 .image-about-h4-wrap { padding-left: 0px; } .listing-list-car-wrap-grid3 .listing-list-car-grid.listing-list-car-list .tour-listing { flex-direction: column; } .listing-list-car-wrap-grid3 .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-content { padding: 25px 20px 20px 20px; } .listing-list-car-wrap-grid3 .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-image { max-width: 100%; } .listing-list-car-wrap-grid3 .listing-list-car-grid { grid-template-columns: repeat(1, 1fr); } .widget-testimonial-style01 .box-testimonial1 { animation: unset; } .widget-testimonial-style5 .start { margin-right: 0em; } .row { margin-right: -10px; margin-left: -10px; } .tf-counter .icon.mb-32 { margin-bottom: 15px; } .slider-home2-image .slider-home2 .image-slider-home2 { height: 950px; } .widget-counter .counter-top, .widget-counter .counter-bottom { display: none; } .tf-counter .icon svg { width: 40px; height: 40px; } .tf-counter .title-counter { font-size: 16px; line-height: 23px; } .tf-counter .number-counter { font-size: 30px; line-height: 30px; } .tf-counter .icon { height: 40px; } .tf-counter { padding: 35px 25px; } .clip-text { font-size: 60px; line-height: 60px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .content { padding-left: 0px; padding-top: 25px; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item { flex-wrap: wrap; } .has-dashboard .profile-dashboard .my-listing-grid .my-listing-item .image img { width: 100%; height: 100%; } .blog-style2 .blog-content { padding: 35px 2em 26px 36px; } .grid-three-destination { grid-template-columns: repeat(1, 1fr); } .wd-search .form-group { width: calc(100% - 20px); } .wd-search .form-group .search-bar-group { width: 100%; } .travel-video .mask-video { width: 150px; } .wd-search-form .input-group-grid { grid-template-columns: repeat(1, 1fr); } .form-search-faq button { max-width: 130px; } .side-blog .blog-content .entry-title { margin-top: 10px; margin-bottom: 10px; font-size: 25px; line-height: 40px; } .side-blog .blog-content .description { margin-bottom: 20px; } .side-blog .top-detail-info ul { flex-wrap: wrap; gap: 6px; } .tour-single .gallery-content-tour { gap: 20px; } .review-content-tour .form-review .inner-review { flex-wrap: wrap; } .review-content-tour .form-review .inner-review .inner-review-item { width: 50%; } .review-content-tour .client-review .inner-header { flex-wrap: wrap; gap: 10px; } .tour-single .review-content-tour .custom-review { padding: 40px 30px 80px 30px; } .tour-single .review-content-tour .custom-review .card-review { margin-right: 0px; margin-bottom: 29px; } .custom-review .flex.card-list { flex-wrap: wrap; } .tour-single .listing-icon li p { line-height: 32px; } .about-us-archieve .bg-archieve-about { display: none; } .breadcumb-section .bcrumb-ab { display: none; } .breadcumb-section .title { font-size: 45px; line-height: 50px; margin-bottom: 26px; } .slider-home5 .content-slide-home5 .image-svg2 { top: 23.3%; } .slider-home5 .content-slide-home5 .title-slide { font-size: 50px; line-height: 65px; } .tf-widget-blog.blog-style3 { flex-direction: column; } .blog-style3 .blog-image { max-width: 100%; } .blog-style3 .blog-content { width: 100%; margin-left: 0px; } .slider-home4 .video-wrap { display: none; } .slider-home4 .home4-content .btn-group .btn-w-wa { padding: 18px 0px; } .widget-testimonial-style3 .testimonial-content .tes { font-size: 25px; line-height: 45px; } .tab-top-destination .nav-item .nav-link { padding: 12px 8px 12px 8px; } .destination-grid-6 { grid-template-columns: repeat(2, 1fr); } .box-tour-select-wrap { grid-template-columns: repeat(2, 1fr); } .slider-home3 .slider-home3-content .title-slide { font-size: 53px; line-height: 55px; } .destination-grid { grid-template-columns: repeat(2, 1fr); } .our-activities .activities-wrap { padding: 40px 20px; } .slider-home2-content .tour-list ul { margin-top: 38px; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .widget-banner-contact address { font-size: 14px; padding: 8px 16px; margin-left: 20px; } .widget-testimonial-style01 .box-testimonial1 { margin-top: 0px; margin-left: 0px; margin-bottom: 30px; rotate: 0deg; z-index: 2; position: relative; } .widget-testimonial-style01 .widget-testimonial { margin-left: 0px; margin-right: 0px; } .widget-testimonial-style01 .box-testimonial2 { display: none; } .widget-brand-logo { padding-top: 40px; padding-bottom: 80px; } .side-blog-single .blockquote-blog { padding: 30px; } .side-blog-single .blockquote-blog p { font-size: 18px; line-height: 33px; } h2 { font-size: 30px; line-height: 35px; } .sub-title-heading { font-size: 16px; line-height: 20.68px; } } @media only screen and (max-width: 575px) { .about-us-h4 .inner-content-about .btn-wrap-about .profile { margin-top: 0px; } .about-us-h4 .image-about-h4-wrap .about-wrap-left { max-width: 100%; width: 100%; } .tf-adventure .adventure-image img { width: 100%; } .tf-adventure { flex-direction: column; margin-bottom: 0px; } .tf-adventure .adventure-image { margin-right: 0px; margin-bottom: 20px; width: 100%; } .archieve-tour .tf-my-listing1 .filter-tour-package { margin-top: 20px; margin-bottom: 20px; flex-wrap: wrap; gap: 20px; } .archieve-tour .tf-my-listing1 .filter-tour-package .nice-select:not(:last-child) { margin-right: 0px; } .archieve-tour .tf-my-listing1 .filter-tour-package .nice-select { width: calc(50% - 20px); } .archieve-tour .tf-my-listing .listing-all-wrap .group-select-recently .nice-select.open .list { width: auto; right: auto; left: 0; } .grid-gallery { display: flex; flex-direction: column; } .footer-logo, .footer-service, .footer-gallery, .footer-newsletter { width: 100% !important; padding-right: 0em !important; padding-bottom: 3em; } .header-style2 .header-top { display: none; } .brand-logo-h4 .line-brand-logo .line-text { width: 80%; } .tf-image-box.center.pt-25 { padding-top: 0px; } .tf-image-box.center { margin-bottom: 30px; } .tour-single .planing-content-tour .tour-planing-section .number-box { margin-right: 0px; margin-top: 0px; margin-bottom: 24px; } .tour-planing-section { flex-wrap: wrap; } .tour-single .planing-content-tour .tour-planing-section:not(:last-child) { margin-bottom: 30px; } .image-gallery-single .col-sm-6 { margin-bottom: 30px; } .listing-list-car-grid { grid-template-columns: 1fr; } .tf-my-listing .group-bar-wrap { justify-content: flex-start; margin-top: 13px; } .archieve-tour .tf-my-listing .listing-all-wrap .group-select-recently .nice-select { padding: 8px 35px 8px 0px; } .archieve-tour .tf-my-listing { padding: 20px 27px; } .inner-content-about .btn-wrap-about { flex-wrap: wrap; } .inner-content-about .btn-wrap-about .profile { margin-left: 0px; margin-top: 20px; } } @media only screen and (max-width: 480px) { .slider-home4 .home4-content .btn-group .btn-main { padding: 11px 20px; } .slider-home4 .home4-content .title-slide { font-size: 35px; line-height: 45px; } .box-tour-select-wrap { padding: 40px 20px; } .tf-gallery img { height: 400px; } .mb-37 { margin-bottom: 30px; } .destination-style > img { height: 400px; } .listing-list-car-grid.listing-list-car-list .tour-listing { flex-direction: column; } .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-content { padding: 20px 20px 20px 20px; } .listing-list-car-grid.listing-list-car-list .tour-listing .tour-listing-image { max-width: 100%; } .tab-tour-single .nav-link, .tab-tour-single .nav-item { width: 100%; text-align: left; } .tab-tour-single .nav-link { padding: 20px 30px; } .widget-testimonial-style2 { padding: 40px 30px 40px 35px; } .fs-28-46 { font-size: 15px; line-height: 20px; } .slider-home1 .slider-content .title-slide { font-size: 30px; line-height: 39px; } .slider-home1 .slider-content .title-slide.mb-32 { margin-bottom: 17px; margin-top: 8px; } .nav-tabs-activities .nav-item .nav-link:hover::before, .nav-tabs-activities .nav-item .nav-link.active::before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #4DA528; bottom: -11px; } .nav-tabs-activities .nav-item .nav-link .icon i, .nav-tabs-activities .nav-item .nav-link .icon svg { font-size: 30px; width: 30px; } .nav-tabs-activities .nav-item .nav-link .icon { height: 20px; margin-bottom: 0px; margin-right: 16px; } .nav-tabs-activities .nav-item .nav-link { padding: 20px 20px 20px 30px; max-width: 100%; width: 100%; justify-content: flex-start; flex-direction: row; margin: 0px 0px; margin-bottom: 25px; } .nav-tabs-activities .nav-item { width: 100%; } .inner-content-about .btn-wrap-about { flex-wrap: wrap; flex-direction: column; align-content: flex-start; } .input-wrap-social .flex-three { flex-wrap: wrap; } .login .login-wrap .content .input-wrap-social .login-social:not(:last-child) { margin-right: 0px; margin-bottom: 20px; } .login .login-wrap .content .input-wrap-social .login-social { width: 100%; justify-content: center; } .team-member-page .team-member-grid { grid-template-columns: repeat(1, 1fr); } .side-blog-single .blockquote-blog { padding: 38px 3em 23px 35px !important; } .side-blog .blog-image .list-categories .new { font-size: 16px; padding: 9px 15px; width: 60px; } .client-review .client-review-list .client-review-item { flex-wrap: wrap; } .tour-single .information-content-tour .expect-wrap .expect span, .tour-single .information-content-tour .expect-wrap .expect p { width: 100%; } .tour-single .information-content-tour .expect-wrap .expect { flex-wrap: wrap; } .instagram-post .instagram-post-grid { grid-template-columns: repeat(1, 1fr); } .widget-feature4 .feature-wrap-box { grid-template-columns: 1fr; } .slider-home4 .home4-content { padding-right: 0em; } .box-tour-select-wrap { grid-template-columns: repeat(1, 1fr); } .slider-home2-content .tour-list ul li:not(:last-child) { margin-right: 0px; } .widget-testimonial .testimonial-content .icon-tes { display: none; } .widget-testimonial .testimonial-image .avata img { width: 45px; height: 45px; } .widget-testimonial .testimonial-content .tes { font-size: 25px; line-height: 44px; } .image-box-tesimonial { max-width: 100%; } .line-brand-logo .line-text { padding: 0 5px; width: 70%; } .widget-counter .cta-wrap { flex-wrap: wrap; justify-content: center; } .widget-counter .content .title-call, .widget-counter .content .des { text-align: center; } .widget-counter .content .title-call { font-size: 30px; line-height: 45px; } .offer-package .count-dow-wrap { flex-wrap: wrap; } .offer-package .content .count-dow-wrap .title-counters { margin-right: 0px; margin-bottom: 15px; margin-top: 10px; width: 100%; } .travel-video .mask-video { display: none; } .about-us .col-lg-12.flex { flex-wrap: wrap; } .about-us .col-lg-12.flex .client { margin-left: 0px; } .wd-search .form-group { width: calc(100% - 20px); } #comment textarea.input-cmt { height: 150px; } #comment .group-gap { grid-template-columns: 1fr; margin-bottom: 20px; } .comment-single .comment-blog .content { padding-left: 0px; padding-top: 20px; } .comment-single .comment-blog { flex-direction: column; } .callt-to-action .callt-to-action-content .content .title-call { margin-top: 15px; } .callt-to-action .callt-to-action-content .content { margin-left: 0px; } .callt-to-action-content { flex-direction: column; text-align: center; } .header-top .header-top-wrap .header-top-left .follow-social ul { padding: 5px 15px; } .header-top .header-top-wrap .header-top-right ul li span { font-size: 13px; } .header-top .header-top-wrap .header-top-right ul li:not(:last-child) { margin-right: 10px; } } @media only screen and (max-width: 414px) { .about-us-h5 .about-wrap { flex-wrap: wrap; } .impressino-counter { grid-template-columns: 1fr; } .about-us-h3-content .about-wrap { flex-wrap: wrap; } .about-us-h3 .about-us-h3-content .about-wrap .btn-main { margin-left: 0px; margin-top: 30px; } } @media only screen and (max-width: 400px) { .main-header .header-account { gap: 15px; } } @media only screen and (max-width: 360px) { .close-btn { left: 260px; top: 25px; color: #FFFFFF; } .mobile-menu-visible .close-btn { transition-delay: 0.2s; } } /*# sourceMappingURL=app.css.map */ /* ============================================================ Icon replacement system The original "icomoon" icon font (assets/fonts/) is missing from this project, so every [class^="icon-"] element rendered as an empty/invisible glyph (or a "tofu" box for the few codepoints defined directly in this file). These rules replace the icon font with inline SVG masks so icons render reliably without depending on any external font file. Each icon inherits its color from the existing `color` CSS already applied to it. ============================================================ */ [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; vertical-align: middle; font-style: normal; } /* Mail / envelope */ .icon-mail, .icon-noun-mail-5780740-1 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Phone */ .icon-phone, .icon-Group-9 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Calendar / date */ .icon-day, .icon-4 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Search */ .icon-search-2, .icon-Vector5 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Star (used for the "new" nav badge) */ .icon-star { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Arrow right / view / CTA arrow */ .icon-arrow-right, .icon-Vector-32, .icon-Vector-21, .icon-19, .icon-Arrow-11 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Hamburger menu */ .icon-Vector3, .icon-Bars { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* User / account */ .icon-user, .icon-user-1-1 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Star rating */ .icon-Star { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Facebook */ .icon-icon-2 { -webkit-mask-image: url("data:image/svg+xml,f"); mask-image: url("data:image/svg+xml,f"); } /* YouTube */ .icon-icon_03, .icon-icon-1, .icon-youtube { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Twitter / X */ .icon-x, .icon-6, .icon-5 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Instagram */ .icon-icon, .icon-instagram-1, .icon-8 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* LinkedIn */ .icon-linkedin, .icon-2, .icon-9 { -webkit-mask-image: url("data:image/svg+xml,in"); mask-image: url("data:image/svg+xml,in"); } /* Paper plane / send */ .icon-paper-plane, .icon-plane-1-1 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Map pin / location / destination */ .icon-Layer-19, .icon-Vector4, .icon-destination { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Clock / duration */ .icon-time-left { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Bookmark */ .icon-Vector-151 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Zoom / expand (gallery lightbox trigger) */ .icon-Group-14 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Life buoy (activity icon) */ .icon-rubber-ring-1 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Reply */ .icon-reply-all { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Shield / insurance */ .icon-Travel_insurance { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Mountain / climbing */ .icon-climbing-1-1 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Fish / fishing */ .icon-fishing-1, .icon-fishing-2 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Bicycle */ .icon-bicyclist-1 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Generic checkmark bullet - used for benefit lists, feature icons, and one-off auto-named icons ("Group"/"Vector" export artifacts) whose original artwork could not be recovered. */ .icon-10, .icon-Vector-121, .icon-Group-13, .icon-Page-1, .icon-13, .icon-uniE914, .icon-Group, .icon-Group2, .icon-Group-1, .icon-Group-4, .icon-Group-31, .icon-Group-22, .icon-Group-21081, .icon-Group-32, .icon-Group-1000002944, .icon-29, .icon--1, .icon-Vector-1, .icon-Vector-5, .icon-circle2017, .icon-25, .icon-24, .icon-15 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); } /* Star / badge shaped decorative icon */ .icon-Polygon-4 { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }