File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/travelconnections.co.in/assets/css/style.css

Back
@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"; @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,500;1,600;1,800;1,900&family=Yeseva+One&display=swap'); * { margin: 0; padding: 0; scroll-behavior: smooth } :root { --primary-color2: #F2AA4CFF; --primary-color3: #D55437; --primary-color1: #90B956; --primary-color1-light: rgba(144, 185, 86, 0.7); --primary1-dark: #359D9E; --white: #fff; --text-primary: #09100D; --text-secondary: #000; --text-light: #878787; --border-color: #DDDDDD; --font-merriw: "Merriweather", serif; --font-work-sans: "Work Sans", sans-serif } ::-moz-selection { color: var(--white); background: var(--primary-color1) } ::selection { color: var(--white); background: var(--primary-color1) } html { font-size: 62.5%; scroll-behavior: smooth } @media(min-width:1200px)and (max-width:1399px) { html { font-size: 60% } } @media(min-width:992px)and (max-width:1199px) { html { font-size: 58% } } @media(min-width:768px)and (max-width:991px) { html { font-size: 57% } } @media(min-width:576px)and (max-width:768px) { html { font-size: 56% } } @media(max-width:576px) { html { font-size: 55% } } h1, h2, h3, h4, h5, h6 { color: var(--text-primary); } body { font-family: var(--font-work-sans); color: var(--text-secondary); font-size: 16px; font-weight: 400; line-height: 1.7 } button { outline: none; border: none } a { color: unset; text-decoration: none } a:focus { outline: 0 solid } a:hover { text-decoration: none; color: unset } input:focus, .contact-from-wrapper .form-inner textarea:focus, form.style-1 .form-inner textarea:focus, textarea:focus, button:focus { outline: none } i.bx { vertical-align: middle } .para { font-size: 17px; font-weight: 400; font-family: var(--font-work-sans); color: var(--text-secondary); line-height: 1.6 } .pt-120 { padding-top: 120px } @media(min-width:992px)and (max-width:1199px) { .pt-120 { padding-top: 100px } } @media(max-width:991px) { .pt-120 { padding-top: 90px } } .pt-90 { padding-top: 90px } @media(min-width:992px)and (max-width:1199px) { .pt-90 { padding-top: 70px } } @media(max-width:991px) { .pt-90 { padding-top: 60px } } .pb-90 { padding-bottom: 90px } @media(min-width:992px)and (max-width:1199px) { .pb-90 { padding-bottom: 70px } } @media(max-width:991px) { .pb-90 { padding-bottom: 60px } } .pb-120 { padding-bottom: 120px } @media(min-width:992px)and (max-width:1199px) { .pb-120 { padding-bottom: 100px } } @media(max-width:991px) { .pb-120 { padding-bottom: 90px } } .pb-65 { padding-bottom: 65px } .mt-120 { margin-top: 120px } @media(min-width:992px)and (max-width:1199px) { .mt-120 { margin-top: 100px } } @media(max-width:991px) { .mt-120 { margin-top: 90px } } .mb-120 { margin-bottom: 120px } .pt-80 { padding-top: 80px } .pt-50 { padding-top: 50px } .pb-80 { padding-bottom: 80px } .pe-80 { padding-right: 80px } .pb-60 { padding-bottom: 60px } .mb-60 { margin-bottom: 60px } .mb-50 { margin-bottom: 50px } .mb-45 { margin-bottom: 45px } .mb-35 { margin-bottom: 35px } .mt-10 { margin-top: 10px } .mt-40 { margin-top: 40px } .mb-40 { margin-bottom: 40px } .mb-30 { margin-bottom: 30px } .mt-50 { margin-top: 50px } .mb-50 { margin-bottom: 50px } .mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .bg--light { background: #fafafa } .eg-card { border-radius: 5px; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box } .text--primary { color: var(--text-primary) !important } .circle-container { background: 0 0; position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .07); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 200ms linear } @media(max-width:991px) { .circle-container { display: none; visibility: hidden } } .circle-container.active { opacity: 1; visibility: visible; transform: translateY(0) } .circle-container::after { position: absolute; font-family: bootstrap-icons; content: ""; text-align: center; line-height: 46px; font-size: 28px; color: var(--primary-color1); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; transition: all 200ms linear } .circle-container:hover::after { position: absolute; font-family: bootstrap-icons; content: ""; color: var(--green); transition: all 200ms linear } .circle-container svg path { fill: none } .circle-container svg.circle-progress path { stroke: var(--primary-color1); stroke-width: 5; box-sizing: border-box; transition: all 200ms linear } .circle-container.sibling-2::after { color: var(--primary-color2) } .circle-container.sibling-2 svg.circle-progress path { stroke: var(--primary-color2) } .circle-container.sibling-3::after { color: var(--primary-color3) } .circle-container.sibling-3 svg.circle-progress path { stroke: var(--primary-color3) } .section-title1 { text-align: center; margin-bottom: 60px; display: flex; flex-direction: column; justify-content: center; text-align: center } .section-title1 span { display: block; font-family: var(--font-work-sans); font-size: 1.8rem; font-weight: 400; color: var(--primary-color1); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 3px } .section-title1 h2 { font-size: 3.2rem; color: var(--text-primary); margin-bottom: 15px; margin-top: -7px; display: inline-block; font-family: 'Yeseva One', cursive; line-height: 1.4 } @media(max-width:576px) { .section-title1 h2 { font-size: 3.6rem } } .section-title1 img { max-width: 370px; width: 100%; margin-left: auto; margin-right: auto } .section-title1.sibling2 { font-size: 4rem; font-weight: 600; color: var(--text-primary) } .section-title2 { margin-bottom: 37px } .section-title2 svg { fill: var(--primary-color2); margin: 0 auto; margin-bottom: 15px; opacity: .55 } .section-title2 span { font-size: 1.8rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-satisfy); margin-bottom: 0; text-transform: uppercase; letter-spacing: 3px } .section-title2 h2 { font-size: 4.1rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 20px; line-height: 1.4 } .section-title3 { margin-bottom: 60px } .section-title3 span { font-size: 1.8rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-satisfy); margin-top: -6px; display: block; text-transform: uppercase; margin-bottom: 5px } .section-title3 h2 { font-size: 4.2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive } .section-title5 { margin-bottom: 62px } .section-title5 img { margin: 0 auto 10px; width: 15px } .section-title5>span { font-size: 1.8rem; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); letter-spacing: 2px; display: block; margin-bottom: 0; text-transform: uppercase } .section-title5 h2 { font-size: 4.2rem; font-weight: 800; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.35; margin-bottom: 10px } .section-title5 h2 span { font-size: 4.2rem; font-weight: 500; color: var(--primary-color3); font-family: 'Yeseva One', cursive } .section-title5 p, .section-title5 .info-single .info-text a, .info-single .info-text .section-title5 a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .eg-btn { text-align: center; display: inline-block; text-decoration: none; transition: all .45s ease-in-out; text-transform: capitalize; font-family: var(--font-exo); cursor: pointer; overflow: hidden } .eg-btn i { font-weight: 200; vertical-align: middle; margin-right: 5px } .btn--primary { background: var(--primary-color1); color: var(--white); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap; border: 2px solid var(--primary-color1) } .btn--primary::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--white); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn--primary:hover { color: var(--primary-color1) } .btn--primary:hover::after { transform: scale(1); opacity: 1 } .btn--primary2 { background: var(--primary-color2); color: var(--text-primary); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap; border: 2px solid var(--primary-color2) } .btn--primary2::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--white); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn--primary2:hover { color: var(--text-primary) } .btn--primary2:hover::after { transform: scale(1); opacity: 1 } .btn--white { background: var(--white); color: var(--text-primary); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap } .btn--white::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color2); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn--white:hover { color: var(--text-primary) } .btn--white:hover::after { transform: scale(1); opacity: 1 } .btn--white.sibling-2::after { content: ""; background: var(--primary-color1) } .btn--primary3 { background: var(--primary-color3); color: var(--white); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap; border: 2px solid var(--primary-color3) } .btn--primary3::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--white); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn--primary3:hover { color: var(--text-primary) } .btn--primary3:hover::after { transform: scale(1); opacity: 1 } .btn--primary-outline { background: var(--white); color: var(--primary-color1); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap; border: 2px solid var(--primary-color1) } .btn--primary-outline::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color1); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn--primary-outline:hover { color: var(--white) } .btn--primary-outline:hover::after { transform: scale(1); opacity: 1 } .btn--primary3-outline { background: var(--white); color: var(--text-secondary); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap; border: 2px solid var(--text-secondary); transition: .5s ease } .btn--primary3-outline::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color3); width: 100%; height: 100%; transition: .5s ease; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn--primary3-outline:hover { color: var(--white); border: 2px solid transparent } .btn--primary3-outline:hover::after { transform: scale(1); opacity: 1 } .btn--primary3-outline.sibling-2 { color: var(--text-primary) } .btn--primary3-outline.sibling-2::after { background: var(--primary-color2) } .btn-primary2-outline { background: 0 0; color: var(--white); border-radius: 0; position: relative; z-index: 1; display: inline-flex; justify-content: center; white-space: nowrap; border: 1px solid var(--white) } .btn-primary2-outline::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--primary-color2); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .btn-primary2-outline:hover { border: 1px solid var(--primary-color2); color: var(--text-primary) } .btn-primary2-outline:hover::after { transform: scale(1); opacity: 1 } .btn-primary2-outline.sibling-2 { color: var(--text-primary); border: 1px solid var(--text-primary) } .btn-primary2-outline.sibling-2:hover { border: 1px solid transparent; color: var(--text-primary) } .btn-primary2-outline.sibling-2:hover::after { transform: scale(1); opacity: 1 } .capsule { border-radius: 30px } .btn--lg { font-size: 18px; font-weight: 500; text-transform: capitalize; padding: 12px 35px } @media(max-width:767px) { .btn--lg { padding: 12px 25px } } .btn--lg2 { font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 10px 20px } @media(max-width:767px) { .btn--lg2 { padding: 12px 25px } } .btn--md { padding: 10px 35px; font-size: 16px; font-weight: 600 } @media(max-width:767px) { .btn--md { padding: 10px 40px } } .btn--sm { font-size: 14px; font-weight: 600; padding: 6px 18px } .eg-badge { font-size: 14px; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); border-radius: 30px; padding: 4px 12px } .eg-badge.badge-red { background: #df2258 } .eg-badge.badge-yellow { background: #f29727 } .eg-badge.badge-black { background: #09100d } .eg-badge.badge-blue { background: #2f80ed } .pagination-wrap .page-item.active .page-link { z-index: 3; color: var(--primary-color1) !important; background-color: var(--white) !important; border-color: var(--primary-color1) } .pagination-wrap .pagination { margin: 0 } .pagination-wrap .page-item:first-child .page-link { border-radius: 2px } .pagination-wrap .page-item:last-child .page-link { border-radius: 2px } .pagination-wrap .page-link { position: relative; display: block; color: var(--text-primary) !important; font-size: 16px; font-weight: 600; text-decoration: none; border: unset !important; border-radius: 8px 8px 2px 8px; transition: .42s ease; padding: 0 10px !important } .pagination-wrap .page-link:focus { box-shadow: unset; color: var(--primary-color1) } .pagination-wrap .page-link:hover { color: var(--primary-color1) } .pagination-wrap .page-item.active .page-link { z-index: 3; color: var(--primary-color1) } .home1preloader .egns-preloader { position: fixed !important; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .home1preloader .egns-preloader::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1 } .home1preloader .egns-preloader .circle-border { width: 100%; max-width: 140px; height: 100%; max-height: 140px; border: 0 solid var(--primary-color1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; border-radius: 50%; box-shadow: 2px 2px 30px rgba(0, 0, 0, .1) } .home1preloader .egns-preloader .circle-border svg { fill: var(--primary-color1) } .home1preloader .egns-preloader .circle-border svg path { stroke: var(--primary-color1) } .home1preloader .egns-preloader .circle-border .moving-circle { width: 10px; height: 10px; background: var(--primary-color1); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2s linear infinite; animation: circle 2s linear infinite } .home1preloader .egns-preloader .circle-border .moving-circle:nth-child(2) { width: 10px; height: 10px; background: var(--primary-color1); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.25s linear infinite; animation: circle 2.25s linear infinite } .home1preloader .egns-preloader .circle-border .moving-circle:nth-child(3) { width: 10px; height: 10px; background: var(--primary-color1); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.5s linear infinite; animation: circle 2.5s linear infinite } @-webkit-keyframes circle { 0% { transform: rotate(0deg) translate(-70px) rotate(0deg) } 100% { transform: rotate(360deg) translate(-70px) rotate(-360deg) } } @keyframes circle { 0% { transform: rotate(0deg) translate(-70px) rotate(0deg) } 100% { transform: rotate(360deg) translate(-70px) rotate(-360deg) } } .home2preloader .egns-preloader { position: fixed !important; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .home2preloader .egns-preloader::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1 } .home2preloader .egns-preloader .circle-border { width: 100%; max-width: 140px; height: 100%; max-height: 140px; border: 0 solid var(--primary-color2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; border-radius: 50%; box-shadow: 2px 2px 30px rgba(0, 0, 0, .1) } .home2preloader .egns-preloader .circle-border svg { fill: var(--primary-color2) } .home2preloader .egns-preloader .circle-border svg path { stroke: var(--primary-color2) } .home2preloader .egns-preloader .circle-border .moving-circle { width: 10px; height: 10px; background: var(--primary-color2); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2s linear infinite; animation: circle 2s linear infinite } .home2preloader .egns-preloader .circle-border .moving-circle:nth-child(2) { width: 10px; height: 10px; background: var(--primary-color2); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.25s linear infinite; animation: circle 2.25s linear infinite } .home2preloader .egns-preloader .circle-border .moving-circle:nth-child(3) { width: 10px; height: 10px; background: var(--primary-color2); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.5s linear infinite; animation: circle 2.5s linear infinite } @keyframes circle { 0% { transform: rotate(0deg) translate(-70px) rotate(0deg) } 100% { transform: rotate(360deg) translate(-70px) rotate(-360deg) } } .home3preloader .egns-preloader { position: fixed !important; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .home3preloader .egns-preloader::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1 } .home3preloader .egns-preloader .circle-border { width: 100%; max-width: 140px; height: 100%; max-height: 140px; border: 0 solid #a044ff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; border-radius: 50%; box-shadow: 2px 2px 30px rgba(0, 0, 0, .1) } .home3preloader .egns-preloader .circle-border svg { fill: #a044ff } .home3preloader .egns-preloader .circle-border svg path { stroke: #a044ff } .home3preloader .egns-preloader .circle-border .moving-circle { width: 10px; height: 10px; background: #a044ff; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2s linear infinite; animation: circle 2s linear infinite } .home3preloader .egns-preloader .circle-border .moving-circle:nth-child(2) { width: 10px; height: 10px; background: #a044ff; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.25s linear infinite; animation: circle 2.25s linear infinite } .home3preloader .egns-preloader .circle-border .moving-circle:nth-child(3) { width: 10px; height: 10px; background: #a044ff; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.5s linear infinite; animation: circle 2.5s linear infinite } @keyframes circle { 0% { transform: rotate(0deg) translate(-70px) rotate(0deg) } 100% { transform: rotate(360deg) translate(-70px) rotate(-360deg) } } .home4preloader .egns-preloader { position: fixed !important; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .home4preloader .egns-preloader::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1 } .home4preloader .egns-preloader .circle-border { width: 100%; max-width: 140px; height: 100%; max-height: 140px; border: 0 solid #27ae60; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; border-radius: 50%; box-shadow: 2px 2px 30px rgba(0, 0, 0, .1) } .home4preloader .egns-preloader .circle-border svg { fill: #27ae60 } .home4preloader .egns-preloader .circle-border svg path { stroke: #27ae60 } .home4preloader .egns-preloader .circle-border .moving-circle { width: 10px; height: 10px; background: #27ae60; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2s linear infinite; animation: circle 2s linear infinite } .home4preloader .egns-preloader .circle-border .moving-circle:nth-child(2) { width: 10px; height: 10px; background: #27ae60; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.25s linear infinite; animation: circle 2.25s linear infinite } .home4preloader .egns-preloader .circle-border .moving-circle:nth-child(3) { width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.5s linear infinite; animation: circle 2.5s linear infinite } @keyframes circle { 0% { transform: rotate(0deg) translate(-70px) rotate(0deg) } 100% { transform: rotate(360deg) translate(-70px) rotate(-360deg) } } .home5preloader .egns-preloader { position: fixed !important; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .home5preloader .egns-preloader::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1 } .home5preloader .egns-preloader .circle-border { width: 100%; max-width: 140px; height: 100%; max-height: 140px; border: 0 solid #ff7342; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; border-radius: 50%; box-shadow: 2px 2px 30px rgba(0, 0, 0, .1) } .home5preloader .egns-preloader .circle-border svg { fill: #ff7342 } .home5preloader .egns-preloader .circle-border svg path { stroke: #ff7342 } .home5preloader .egns-preloader .circle-border .moving-circle { width: 10px; height: 10px; background: #ff7342; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2s linear infinite; animation: circle 2s linear infinite } .home5preloader .egns-preloader .circle-border .moving-circle:nth-child(2) { width: 10px; height: 10px; background: #ff7342; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.25s linear infinite; animation: circle 2.25s linear infinite } .home5preloader .egns-preloader .circle-border .moving-circle:nth-child(3) { width: 10px; height: 10px; background: #ff7342; background: #ff7342; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; -webkit-animation: circle 2.5s linear infinite; animation: circle 2.5s linear infinite } @keyframes circle { 0% { transform: rotate(0deg) translate(-70px) rotate(0deg) } 100% { transform: rotate(360deg) translate(-70px) rotate(-360deg) } } #outline { stroke-dasharray: 2.427766571px, 242.7766571045px; stroke-dashoffset: 0; -webkit-animation: anim 1.6s linear infinite; animation: anim 1.6s linear infinite } @-webkit-keyframes anim { 12.5% { stroke-dasharray: 33.9887319946px, 242.7766571045px; stroke-dashoffset: -26.7054322815px } 43.75% { stroke-dasharray: 84.9718299866px, 242.7766571045px; stroke-dashoffset: -84.9718299866px } 100% { stroke-dasharray: 2.427766571px, 242.7766571045px; stroke-dashoffset: -240.3488905334px } } @keyframes anim { 12.5% { stroke-dasharray: 33.9887319946px, 242.7766571045px; stroke-dashoffset: -26.7054322815px } 43.75% { stroke-dasharray: 84.9718299866px, 242.7766571045px; stroke-dashoffset: -84.9718299866px } 100% { stroke-dasharray: 2.427766571px, 242.7766571045px; stroke-dashoffset: -240.3488905334px } } .pagination-wrap .page-item.active .page-link { z-index: 3; color: var(--white); background-color: var(--primary-color1); border-color: var(--primary-color1) } .pagination-wrap .pagination { margin: 0 } .pagination-wrap .page-link { position: relative; display: block; font-size: 16px; font-weight: 600; text-decoration: none; background-color: var(--white); border-radius: 5px; transition: .42s ease; border: 1px solid rgba(41, 43, 49, .3); border-radius: 5px; color: rgba(41, 43, 49, .3); padding: 7px 10px } .pagination-wrap .page-link i { color: var(--text-primary); font-size: 17px; font-weight: 600; transition: .42s ease; vertical-align: middle } .pagination-wrap .page-link:focus { box-shadow: unset; color: var(--primary-color1); border-color: var(--primary-color1) } .pagination-wrap .page-link:hover { color: var(--primary-color1) !important } .pagination-wrap .page-link:hover i { color: var(--primary-color1) } .pagination-wrap .page-item.active .page-link { z-index: 3; color: var(--primary-color1) } .mobile-search { background: rgba(0, 0, 0, .85); box-shadow: 0 0 10px rgba(0, 0, 0, .09); width: 100%; height: 100%; border-radius: 4px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; align-items: center; position: fixed; cursor: popoppins; transform: scale(0); top: 0; left: 0; z-index: 9999; opacity: 0; visibility: hidden; transition: .65s ease; padding: 35px 100px } @media(max-width:767px) { .mobile-search { padding: 20px } } .mobile-search label { color: #fff; margin-bottom: 20px } .mobile-search.slide { transform: scale(1); opacity: 1; visibility: visible } .mobile-search input, .mobile-search .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .mobile-search textarea, .mobile-search form.style-1 .form-inner textarea, form.style-1 .form-inner .mobile-search textarea { border: none; border-radius: unset; padding-left: 0; padding-bottom: 5px; width: 100%; background: 0 0; transition: .3s ease-in-out; color: #fff; margin-bottom: 20px } .mobile-search input:focus, .mobile-search .contact-from-wrapper .form-inner textarea:focus, .contact-from-wrapper .form-inner .mobile-search textarea:focus, .mobile-search form.style-1 .form-inner textarea:focus, form.style-1 .form-inner .mobile-search textarea:focus { border-bottom: 1px solid #fff } .mobile-search .search-cross-btn { color: #fff; cursor: popoppins; background: rgba(var(--primary-color1), 0.6); border-radius: 50%; height: 40px; width: 40px; line-height: 40px; text-align: center; line-height: 43px; transition: .5s ease } .mobile-search .search-cross-btn:hover { background: var(--primary-color1); color: #fff } .mobile-search .search-cross-btn i { font-size: 25px; cursor: pointer } .mobile-menu-form { margin-top: 50px } .mobile-menu-form input, .mobile-menu-form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .mobile-menu-form textarea, .mobile-menu-form form.style-1 .form-inner textarea, form.style-1 .form-inner .mobile-menu-form textarea { width: 100%; padding: 10px 15px; background-color: var(--white); margin-bottom: 15px; outline: none; border-radius: 5px } .mobile-menu-form input::-moz-placeholder, .mobile-menu-form .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .form-inner .mobile-menu-form textarea::-moz-placeholder, .mobile-menu-form form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .form-inner .mobile-menu-form textarea::-moz-placeholder { font-size: 12px } .mobile-menu-form input:-ms-input-placeholder, .mobile-menu-form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .form-inner .mobile-menu-form textarea:-ms-input-placeholder, .mobile-menu-form form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .form-inner .mobile-menu-form textarea:-ms-input-placeholder { font-size: 12px } .mobile-menu-form input::placeholder, .mobile-menu-form .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .form-inner .mobile-menu-form textarea::placeholder, .mobile-menu-form form.style-1 .form-inner textarea::placeholder, form.style-1 .form-inner .mobile-menu-form textarea::placeholder { font-size: 12px } .mobile-menu-form input.style-capsule, .mobile-menu-form .contact-from-wrapper .form-inner textarea.style-capsule, .contact-from-wrapper .form-inner .mobile-menu-form textarea.style-capsule, .mobile-menu-form form.style-1 .form-inner textarea.style-capsule, form.style-1 .form-inner .mobile-menu-form textarea.style-capsule { border-radius: 30px } .mobile-menu-form button { outline: none; border: none; padding: 10px } .mobile-menu-form.style-2 input, .mobile-menu-form.style-2 .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .mobile-menu-form.style-2 textarea, .mobile-menu-form.style-2 form.style-1 .form-inner textarea, form.style-1 .form-inner .mobile-menu-form.style-2 textarea { border-radius: 30px } .phone-call2 .number { text-align: left } .phone-call2 .number span { display: inline-block; color: var(--text-color2); font-family: var(--font-exo); font-size: 12px; font-weight: 500 } .phone-call2 .number h5 { margin-bottom: 0; margin-top: -7px; white-space: nowrap } .phone-call2 .number h5 a { color: var(--text-color1); font-size: 15px; margin-bottom: 0 } .topbar { background: #202338; width: 100%; padding: 15px 0; position: relative; z-index: 999 } .topbar .topbar-left .topbar-info-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 30px } .topbar .topbar-left .topbar-info-list li { font-size: 14px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .topbar .topbar-left .topbar-info-list li i { color: var(--primary-color1); margin-right: 5px } .topbar .topbar-right-list { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; gap: 30px } .topbar .topbar-right-list li { position: relative; z-index: 1; cursor: pointer; display: flex; justify-content: space-between; transition: all .35s ease; font-size: 14px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .topbar .topbar-right-list li span, .topbar .topbar-right-list li a { font-size: 14px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); transition: all .35s ease } .topbar .topbar-right-list li:hover { color: var(--primary-color1) } .topbar .topbar-right-list li:hover span, .topbar .topbar-right-list li:hover a { color: inherit } .topbar .topbar-right-list li:hover .topbar-sublist { opacity: 1; transform: translateY(0px); visibility: visible } .topbar .topbar-right-list li>img { margin-left: 15px; width: 20px; height: 20px; margin-top: 2px } .topbar .topbar-right-list li .topbar-sublist { position: absolute; top: 35px; left: -10px; list-style: none; margin: 0; padding: 0; background: #202338; min-width: 120px; height: auto; z-index: 9; border: 1px solid rgba(255, 255, 255, .1); opacity: 0; transform: translateY(5px); transition: all .6s ease; visibility: hidden } .topbar .topbar-right-list li .topbar-sublist li { padding: 8px 12px } .topbar .topbar-right-list li .topbar-sublist li img { margin-left: 15px; width: 20px } header.style-1 { background-color: transparent; width: 100%; z-index: 8; padding: 0 6%; display: flex; justify-content: space-between; align-items: center; position: absolute; top: 15px; left: 0; right: 0 } @media(min-width:1200px)and (max-width:1399px) { header.style-1 { padding: 0 5% } } @media(min-width:992px)and (max-width:1199px) { header.style-1 { padding: 0 4% } } @media(min-width:768px)and (max-width:991px) { header.style-1 { padding: 0 4%; top: 0 } } @media(max-width:767px) { header.style-1 { top: 0; padding: 0 4% } } header.style-1.sticky { position: fixed; top: 0; left: 0; z-index: 999; background: var(--text-primary); box-shadow: 5px 3px 40px rgba(0, 72, 88, .1); -webkit-animation: smooth-header .65s linear; animation: smooth-header .65s linear } @-webkit-keyframes smooth-header { 0% { transform: translateY(-30px) } 100% { transform: translateY(0px) } } @keyframes smooth-header { 0% { transform: translateY(-30px) } 100% { transform: translateY(0px) } } @media(min-width:1200px)and (max-width:1399px) { header.style-1 .header-logo { padding: 21px 0 } } @media(min-width:992px)and (max-width:1199px) { header.style-1 .header-logo { padding: 21px 0 } } @media(max-width:991px) { header.style-1 .header-logo { padding: 21px 0 } } header.style-1 .header-logo img { min-width: 120px; max-width: 100% } @media(max-width:767px) { header.style-1 .header-logo img { min-width: 90px } } header.style-1 .main-nav { display: inline-block } header.style-1 .main-nav .mobile-menu-logo { display: none } header.style-1 .main-nav ul { list-style: none; margin: 0; padding: 0 } header.style-1 .main-nav ul>li { display: inline-block; position: relative; padding: 0 20px } header.style-1 .main-nav ul>li a { font-size: 16px; color: #fff; font-weight: 500; display: block; text-transform: capitalize; padding: 30px 0; position: relative; font-family: var(--font-work-sans); transition: all .5s ease-out 0s } header.style-1 .main-nav ul>li a:hover { color: var(--primary-color1) } header.style-1 .main-nav ul>li a.active { color: var(--primary-color1) } header.style-1 .main-nav ul>li i { width: 30px; font-size: 14px; text-align: center; color: #fff; font-style: normal; position: absolute; right: -8px; top: 33px; z-index: 999; cursor: pointer; display: none } header.style-1 .main-nav ul>li ul.sub-menu { position: absolute; left: 0; right: 0; top: auto; margin: 0; padding: 0; opacity: 0; visibility: hidden; min-width: 215px; background: #0b0f14; text-align: left; transition: all .5s ease-out 0s; transform: translateY(20px) } header.style-1 .main-nav ul>li ul.sub-menu>li { padding: 0 10px; padding: 0; display: block; position: relative } header.style-1 .main-nav ul>li ul.sub-menu>li i { position: absolute; top: 10px; right: 6px; display: block } header.style-1 .main-nav ul>li ul.sub-menu>li a { display: block; padding: 15px; color: #fff; font-weight: 300; text-transform: capitalize; font-size: 16px; line-height: 1; transition: all .4s ease-out 0s } header.style-1 .main-nav ul>li ul.sub-menu>li a:hover { color: var(--primary-color1); margin-left: 10px } header.style-1 .main-nav ul>li ul.sub-menu>li a.active { color: var(--primary-color1) } header.style-1 .main-nav ul>li ul.sub-menu>li .sub-menu { left: 215px; position: absolute; max-width: 230px; min-width: 215px; background: #0b0f14; top: 0 } @media only screen and (max-width:1199px) { header.style-1 .main-nav ul>li ul.sub-menu>li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 } } header.style-1 .main-nav ul>li ul.sub-menu>li .sub-menu li i { display: block } header.style-1 .main-nav ul>li ul.sub-menu>li:last-child { border-bottom: none } header.style-1 .main-nav ul>li:hover>ul.sub-menu { visibility: visible; opacity: 1; transform: translateY(0) } header.style-1 .main-nav ul li.menu-item-has-children>i { display: block } @media only screen and (max-width:1199px) { header.style-1 .main-nav { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--text-primary); transform: translateX(-100%); transition: transform .3s ease-in } header.style-1 .main-nav.show-menu { transform: translateX(0) } header.style-1 .main-nav .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px } header.style-1 .main-nav ul { float: none; text-align: left; padding: 35px 10px 10px 0 } header.style-1 .main-nav ul li { display: block; position: relative; padding: 0 5px } header.style-1 .main-nav ul li i { display: block } header.style-1 .main-nav ul li a { padding: 10px 0; display: block; font-weight: 300 } header.style-1 .main-nav ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px) } header.style-1 .main-nav ul li .bi { top: 12px; font-size: 16px } header.style-1 .mobile-menu { position: relative; top: 2px; padding: 0 5px; border-radius: 50%; display: inline-block } header.style-1 .cross-btn { display: inline-block !important; position: relative; width: 30px !important; height: 22px !important; cursor: pointer; border: 3px solid transparent !important } header.style-1 .cross-btn span { width: 100%; height: 2px; background: var(--primary-color1); display: block; position: absolute; right: 0; transition: all .3s } header.style-1 .cross-btn .cross-top { top: 0 } header.style-1 .cross-btn .cross-middle { top: 50%; transform: translateY(-50%); width: 100% } header.style-1 .cross-btn .cross-bottom { bottom: 0; width: 100% } header.style-1 .cross-btn.h-active span.cross-top { transform: rotate(45deg); top: 50%; margin-top: -1px } header.style-1 .cross-btn.h-active span.cross-middle { transform: translateX(-30px); opacity: 0 } header.style-1 .cross-btn.h-active span.cross-bottom { transform: rotate(-45deg); bottom: 50%; margin-bottom: -1px } } .phone-call .icon { margin-right: 10px } .phone-call .icon svg { fill: var(--white) } .phone-call .number span { font-size: 14px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .phone-call .number h5 { white-space: nowrap; margin-bottom: 0 } .phone-call .number h5 a { font-size: 16px; font-weight: 500; color: var(--white); font-family: var(--font-work-sans) } .phone-call.sibling2 svg { fill: var(--text-primary) } .phone-call.sibling2 .number { margin-top: -5px } .phone-call.sibling2 .number span { font-size: 14px; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans) } .phone-call.sibling2 .number h5 { white-space: nowrap } .phone-call.sibling2 .number h5 a { font-size: 16px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .phone-call.sibling3 { margin-right: 30px } .phone-call.sibling3:hover svg { fill: var(--primary-color3) } .phone-call.sibling3 svg { fill: var(--text-primary); transition: all .4s ease } .phone-call.sibling3 .number span { font-size: 14px; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans) } .phone-call.sibling3 .number h5 { white-space: nowrap } .phone-call.sibling3 .number h5 a { font-size: 16px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .phone-call.sibling4 { margin-right: 20px } .phone-call.sibling4:hover svg { fill: var(--primary-color2) } .phone-call.sibling4 svg { fill: var(--text-primary); transition: all .4s ease } .phone-call.sibling4 .number span { font-size: 14px; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans) } .phone-call.sibling4 .number h5 { white-space: nowrap } .phone-call.sibling4 .number h5 a { font-size: 16px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .header-social-area { position: relative; padding-right: 20px; padding-left: 9% } .header-social-area::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 1px; background-color: var(--white) } @media(max-width:1199px) { .header-social-area::after { content: unset } } .header-social-area ul.header-social { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; gap: 25px } .header-social-area ul.header-social li a i { font-size: 18px; font-weight: 500; color: Var(--white); transition: all .35s ease } .header-social-area ul.header-social li a i:hover { color: var(--primary-color1) } .header-social-area.sibling-2 ul.header-social { gap: 20px } .header-social-area.sibling-2 ul.header-social li a i { font-size: 18px; font-weight: 500; color: Var(--text-primary); transition: all .35s ease } .header-social-area.sibling-2 ul.header-social li a i:hover { color: var(--primary-color2) } .sidebar-btn, .mobile-menu-btn { cursor: pointer } .sidebar-btn i, .mobile-menu-btn i { font-size: 25px; color: var(--white); font-weight: 600 } header.style-2 { background-color: var(--white); width: 100%; position: relative; z-index: 99; padding: 0 5%; display: flex; justify-content: space-between; align-items: center; box-shadow: 3px 3px 30px rgba(32, 35, 56, .06) } @media(min-width:1200px)and (max-width:1399px) { header.style-2 { padding: 0 2% } } @media(min-width:992px)and (max-width:1199px) { header.style-2 { padding: 0 2% } } @media(min-width:768px)and (max-width:991px) { header.style-2 { padding: 0 4%; top: 0 } } @media(max-width:767px) { header.style-2 { top: 0; padding: 0 4% } } header.style-2.sticky { position: fixed; top: 0; left: 0; z-index: 999; background: var(--white); box-shadow: 5px 3px 40px rgba(0, 72, 88, .1); -webkit-animation: smooth-header .65s linear; animation: smooth-header .65s linear } @keyframes smooth-header { 0% { transform: translateY(-30px) } 100% { transform: translateY(0px) } } @media(min-width:1200px)and (max-width:1399px) { header.style-2 .header-logo { padding: 21px 0 } } @media(min-width:992px)and (max-width:1199px) { header.style-2 .header-logo { padding: 15px 0 } } @media(max-width:991px) { header.style-2 .header-logo { padding: 15px 0 } } header.style-2 .header-logo img { min-width: 120px; max-width: 100% } header.style-2 .main-nav { display: inline-block } header.style-2 .main-nav .mobile-menu-logo { display: none } header.style-2 .main-nav ul { list-style: none; margin: 0; padding: 0 } header.style-2 .main-nav ul li { display: inline-block; position: relative; padding: 0 20px } header.style-2 .main-nav ul li a { font-size: 18px; color: var(--text-primary); font-weight: 500; display: block; text-transform: capitalize; padding: 30px 0; position: relative; font-family: var(--font-work-sans); transition: all .5s ease-out 0s; position: relative } header.style-2 .main-nav ul li a:hover { color: var(--primary-color1) } header.style-2 .main-nav ul li a:hover:after { opacity: 1; width: 100% } header.style-2 .main-nav ul li a::after { content: ""; position: absolute; bottom: 25px; left: 0; width: 0%; height: 2px; border-radius: 30px; display: block; background: linear-gradient(90deg, var(--primary-color1), transparent); opacity: 0; transition: all .5s ease-out 0s } header.style-2 .main-nav ul li a.active { color: var(--primary-color1) } header.style-2 .main-nav ul li i { width: 30px; font-size: 14px; text-align: center; color: var(--text-primary); font-style: normal; position: absolute; right: -8px; top: 35px; z-index: 999; cursor: pointer; display: none } header.style-2 .main-nav ul li ul.sub-menu { position: absolute; left: 0; right: 0; top: auto; margin: 0; padding: 0; opacity: 0; visibility: hidden; min-width: 215px; background: #0b0f14; text-align: left; transition: all .55s ease-in-out; transform: translateY(20px) } header.style-2 .main-nav ul li ul.sub-menu>li { padding: 0; display: block; border-bottom: 1px solid rgba(56, 56, 56, .5); position: relative } header.style-2 .main-nav ul li ul.sub-menu>li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--white) } header.style-2 .main-nav ul li ul.sub-menu>li a { display: block; padding: 15px; color: #fff; font-weight: 300; text-transform: capitalize; font-size: 16px; line-height: 1; transition: all .4s ease-out 0s; position: relative } header.style-2 .main-nav ul li ul.sub-menu>li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; border-radius: 30px; display: block; background: linear-gradient(90deg, var(--primary-color1), transparent); transition: all .5s ease-in-out } header.style-2 .main-nav ul li ul.sub-menu>li a:hover { color: var(--primary-color1) } header.style-2 .main-nav ul li ul.sub-menu>li a:hover:after { width: 100% } header.style-2 .main-nav ul li ul.sub-menu>li a.active { color: var(--primary-color1) } header.style-2 .main-nav ul li ul.sub-menu>li .sub-menu { left: 215px; position: absolute; max-width: 230px; min-width: 215px; background: #0b0f14; top: 0 } @media only screen and (max-width:1199px) { header.style-2 .main-nav ul li ul.sub-menu>li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 } } header.style-2 .main-nav ul li ul.sub-menu>li .sub-menu li i { display: block } header.style-2 .main-nav ul li ul.sub-menu>li:last-child { border-bottom: none } header.style-2 .main-nav ul li:hover>ul.sub-menu { visibility: visible; opacity: 1; transform: translateY(0) } header.style-2 .main-nav ul li.menu-item-has-children>i { display: block } @media only screen and (max-width:991px) { header.style-2 .main-nav { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white); transform: translateX(-100%); transition: transform .3s ease-in; box-shadow: 0 2px 20px rgba(0, 0, 0, .03) } header.style-2 .main-nav.show-menu { transform: translateX(0) } header.style-2 .main-nav .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px } header.style-2 .main-nav ul { float: none; text-align: left; padding: 35px 10px 10px 0 } header.style-2 .main-nav ul li { display: block; position: relative; padding: 0 5px } header.style-2 .main-nav ul li i { display: block } header.style-2 .main-nav ul li a { padding: 10px 0; display: block; font-weight: 500; font-size: 18px } header.style-2 .main-nav ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px) } header.style-2 .main-nav ul li ul.sub-menu>li { border-bottom: 1px solid transparent } header.style-2 .main-nav ul li ul.sub-menu>li a { color: var(--text-primary); font-size: 17px; font-weight: 500 } header.style-2 .main-nav ul li ul.sub-menu>li a:hover { color: var(--primary-color1); margin-left: 10px } header.style-2 .main-nav ul li ul.sub-menu>li a.active { color: var(--primary-color1) } header.style-2 .main-nav ul li ul.sub-menu>li i { color: var(--text-primary); right: -13px } header.style-2 .main-nav ul li .bi { top: 12px; font-size: 16px } header.style-2 .mobile-menu { position: relative; top: 2px; padding: 0 5px; border-radius: 50%; display: inline-block } header.style-2 .cross-btn { display: inline-block !important; position: relative; width: 30px !important; height: 22px !important; cursor: pointer; border: 3px solid transparent !important } header.style-2 .cross-btn span { width: 100%; height: 2px; background: var(--primary-color1); display: block; position: absolute; right: 0; transition: all .3s } header.style-2 .cross-btn .cross-top { top: 0 } header.style-2 .cross-btn .cross-middle { top: 50%; transform: translateY(-50%); width: 100% } header.style-2 .cross-btn .cross-bottom { bottom: 0; width: 100% } header.style-2 .cross-btn.h-active span.cross-top { transform: rotate(45deg); top: 50%; margin-top: -1px } header.style-2 .cross-btn.h-active span.cross-middle { transform: translateX(-30px); opacity: 0 } header.style-2 .cross-btn.h-active span.cross-bottom { transform: rotate(-45deg); bottom: 50%; margin-bottom: -1px } } header.style-4 { background-color: var(--white); width: 100%; position: relative; z-index: 99; padding: 0 5%; display: flex; justify-content: space-between; align-items: center; box-shadow: 3px 3px 30px rgba(32, 35, 56, .06) } @media(min-width:1200px)and (max-width:1399px) { header.style-4 { padding: 0 2% } } @media(min-width:992px)and (max-width:1199px) { header.style-4 { padding: 0 2% } } @media(min-width:768px)and (max-width:991px) { header.style-4 { padding: 0 4%; top: 0 } } @media(max-width:767px) { header.style-4 { top: 0; padding: 0 4% } } header.style-4.sticky { position: fixed; top: 0; left: 0; z-index: 999; background: var(--white); box-shadow: 5px 3px 40px rgba(0, 72, 88, .1); -webkit-animation: smooth-header .65s linear; animation: smooth-header .65s linear } @keyframes smooth-header { 0% { transform: translateY(-30px) } 100% { transform: translateY(0px) } } @media(min-width:1200px)and (max-width:1399px) { header.style-4 .header-logo { padding: 21px 0 } } @media(min-width:992px)and (max-width:1199px) { header.style-4 .header-logo { padding: 15px 0 } } @media(max-width:991px) { header.style-4 .header-logo { padding: 15px 0 } } header.style-4 .header-logo img { max-width: 100%; padding: 5px 0; max-width: 140px; } header.style-4 .main-nav { display: inline-block } header.style-4 .main-nav .mobile-menu-logo { display: none } header.style-4 .main-nav ul { list-style: none; margin: 0; padding: 0 } header.style-4 .main-nav ul li { display: inline-block; position: relative; padding: 0 20px } header.style-4 .main-nav ul li a { font-size: 18px; color: var(--text-primary); font-weight: 500; display: block; text-transform: capitalize; padding: 30px 0; position: relative; font-family: var(--font-work-sans); transition: all .5s ease-out 0s; position: relative } header.style-4 .main-nav ul li a:hover { color: var(--primary-color2) } header.style-4 .main-nav ul li a:hover:after { opacity: 1; width: 100% } header.style-4 .main-nav ul li a::after { content: ""; position: absolute; bottom: 25px; left: 0; width: 0%; height: 2px; border-radius: 30px; display: block; background: linear-gradient(90deg, var(--primary-color2), transparent); opacity: 0; transition: all .5s ease-out 0s } header.style-4 .main-nav ul li a.active { color: var(--primary-color2) } header.style-4 .main-nav ul li i { width: 30px; font-size: 14px; text-align: center; color: var(--text-primary); font-style: normal; position: absolute; right: -8px; top: 35px; z-index: 999; cursor: pointer; display: none } header.style-4 .main-nav ul li ul.sub-menu { position: absolute; left: 0; right: 0; top: auto; margin: 0; padding: 0; opacity: 0; visibility: hidden; min-width: 200px; background: #0b0f14; text-align: left; transition: all .55s ease-in-out; transform: translateY(20px) } header.style-4 .main-nav ul li ul.sub-menu>li { padding: 0; display: block; border-bottom: 1px solid rgba(56, 56, 56, .5); position: relative } header.style-4 .main-nav ul li ul.sub-menu>li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--white) } header.style-4 .main-nav ul li ul.sub-menu>li a { display: block; padding: 10px; color: #fff; font-weight: 300; text-transform: capitalize; font-size: 16px; line-height: 1; transition: all .4s ease-out 0s; position: relative } header.style-4 .main-nav ul li ul.sub-menu>li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; border-radius: 30px; display: block; background: linear-gradient(90deg, var(--primary-color2), var(--primary-color2)); transition: all .5s ease-in-out } header.style-4 .main-nav ul li ul.sub-menu>li a:hover { color: var(--primary-color2) } header.style-4 .main-nav ul li ul.sub-menu>li a:hover:after { width: 100% } header.style-4 .main-nav ul li ul.sub-menu>li a.active { color: var(--primary-color2) } header.style-4 .main-nav ul li ul.sub-menu>li .sub-menu { left: 215px; position: absolute; max-width: 230px; min-width: 215px; background: #0b0f14; top: 0 } @media only screen and (max-width:1199px) { header.style-4 .main-nav ul li ul.sub-menu>li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 } } header.style-4 .main-nav ul li ul.sub-menu>li .sub-menu li i { display: block } header.style-4 .main-nav ul li ul.sub-menu>li:last-child { border-bottom: none } header.style-4 .main-nav ul li:hover>ul.sub-menu { visibility: visible; opacity: 1; transform: translateY(0) } header.style-4 .main-nav ul li.menu-item-has-children>i { display: block } @media only screen and (max-width:991px) { header.style-4 .main-nav { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white); transform: translateX(-100%); transition: transform .3s ease-in; box-shadow: 0 2px 20px rgba(0, 0, 0, .03) } header.style-4 .main-nav.show-menu { transform: translateX(0) } header.style-4 .main-nav .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px } header.style-4 .main-nav ul { float: none; text-align: left; padding: 35px 10px 10px 0 } header.style-4 .main-nav ul li { display: block; position: relative; padding: 0 5px } header.style-4 .main-nav ul li i { display: block } header.style-4 .main-nav ul li a { padding: 10px 0; display: block; font-weight: 500; font-size: 18px } header.style-4 .main-nav ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px) } header.style-4 .main-nav ul li ul.sub-menu>li { border-bottom: 1px solid transparent } header.style-4 .main-nav ul li ul.sub-menu>li a { color: var(--text-primary); font-size: 17px; font-weight: 500 } header.style-4 .main-nav ul li ul.sub-menu>li a:hover { color: var(--primary-color2); margin-left: 10px } header.style-4 .main-nav ul li ul.sub-menu>li a.active { color: var(--primary-color2) } header.style-4 .main-nav ul li ul.sub-menu>li i { color: var(--text-primary); right: -20px } header.style-4 .main-nav ul li .bi { top: 12px; font-size: 16px } header.style-4 .mobile-menu { position: relative; top: 2px; padding: 0 5px; border-radius: 50%; display: inline-block } header.style-4 .cross-btn { display: inline-block !important; position: relative; width: 30px !important; height: 22px !important; cursor: pointer; border: 3px solid transparent !important } header.style-4 .cross-btn span { width: 100%; height: 2px; background: var(--primary-color2); display: block; position: absolute; right: 0; transition: all .3s } header.style-4 .cross-btn .cross-top { top: 0 } header.style-4 .cross-btn .cross-middle { top: 50%; transform: translateY(-50%); width: 100% } header.style-4 .cross-btn .cross-bottom { bottom: 0; width: 100% } header.style-4 .cross-btn.h-active span.cross-top { transform: rotate(45deg); top: 50%; margin-top: -1px } header.style-4 .cross-btn.h-active span.cross-middle { transform: translateX(-30px); opacity: 0 } header.style-4 .cross-btn.h-active span.cross-bottom { transform: rotate(-45deg); bottom: 50%; margin-bottom: -1px } } header.style-3 { display: flex; justify-content: space-between; align-items: center; padding: 15px 5% } .page-wrapper { width: 100% } .page-wrapper .main-content-area { width: calc(100% - 230px); margin-left: auto } @media(min-width:1200px)and (max-width:1399px) { .page-wrapper .main-content-area { width: calc(100% - 220px) } } @media(max-width:1199px) { .page-wrapper .main-content-area { width: 100% } } .main-nav-wrapper { transition: all .3s ease-in } .main-nav-wrapper .mobile-logo-area { padding: 0 25px } .main-nav-wrapper .main-nav { position: fixed; top: 0; left: 0; width: 230px; padding: 20px 0 !important; z-index: 99; height: 100%; overflow: auto; background: var(--white); transform: translateX(0); box-shadow: 4px 3px 20px rgba(16, 33, 34, .06); transition: all .3s ease-in; transition: all .3s ease-in; display: flex; flex-direction: column; justify-content: space-between } .main-nav-wrapper .main-nav::-webkit-scrollbar { width: 5px } .main-nav-wrapper .main-nav::-webkit-scrollbar-track { background: #f1f1f1 } .main-nav-wrapper .main-nav::-webkit-scrollbar-thumb { background: #999 } .main-nav-wrapper .main-nav::-webkit-scrollbar-thumb:hover { background: var(--border-color) } @media(min-width:1200px)and (max-width:1399px) { .main-nav-wrapper .main-nav { width: 220px } } @media(max-width:1199px) { .main-nav-wrapper .main-nav { transform: translateX(-100%); width: 260px } } .main-nav-wrapper .main-nav .menu-close-btn { position: absolute; right: 30px; top: 30px; opacity: 0 } @media(max-width:1199px) { .main-nav-wrapper .main-nav .menu-close-btn { opacity: 1 } } .main-nav-wrapper .main-nav>ul { float: none; text-align: left; padding: 50px 0 } @media(min-width:1200px)and (max-width:1399px) { .main-nav-wrapper .main-nav>ul { padding: 45px 0 } } @media(max-width:767px) { .main-nav-wrapper .main-nav>ul { padding: 40px 0 } } .main-nav-wrapper .main-nav>ul li { display: block; position: relative; padding: 8px 5px; border-bottom: 1px solid #f3f3ff; transition: all .55s ease } .main-nav-wrapper .main-nav>ul li:last-child { border-bottom: 1px solid transparent } .main-nav-wrapper .main-nav>ul li>.bi { position: absolute; right: 25px; top: 23px !important; cursor: pointer } .main-nav-wrapper .main-nav>ul li a { padding: 10px 20px; display: inline-block; font-size: 18px; font-weight: 500; color: var(--text-primary); font-family: var(--font-jost); transition: all .4s ease } .main-nav-wrapper .main-nav>ul li a:hover { color: #ac9004 } @media(min-width:1200px)and (max-width:1399px) { .main-nav-wrapper .main-nav>ul li a { padding: 10px; font-size: 18px; font-weight: 500; color: var(--text-primary) } } .main-nav-wrapper .main-nav>ul li a img { margin-right: 8px } @media(min-width:1200px)and (max-width:1399px) { .main-nav-wrapper .main-nav>ul li a img { margin-right: 5px } } .main-nav-wrapper .main-nav>ul li ul.sub-menu { position: static; min-width: 180px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px); list-style: none; padding-left: 10px } .main-nav-wrapper .main-nav>ul li ul.sub-menu li a { font-size: 16px; padding: 5px 15px } @media(min-width:1200px)and (max-width:1399px) { .main-nav-wrapper .main-nav>ul li ul.sub-menu li a { font-size: 16px } } .main-nav-wrapper .main-nav>ul li .bi { top: 12px; font-size: 16px } .main-nav-wrapper .main-nav.show-menu { transform: translateX(0%); opacity: 1 } .main-nav-wrapper .uesr-aera { width: 70px; height: 70px; line-height: 72px; text-align: center; border-radius: 50%; background: var(--primary-color2); display: inline-block; margin-left: auto; margin-right: auto } .main-nav-wrapper .uesr-aera .bi { font-size: 35px; color: var(--text-primary) } .main-nav-wrapper .mobile-menu { position: relative; top: 2px; padding: 0 5px; border-radius: 50%; display: inline-block } header.style-5 { background-color: var(--white); width: 100%; position: relative; z-index: 99; padding: 0 50px 0 130px; display: flex; justify-content: space-between; align-items: center } @media(min-width:1200px)and (max-width:1399px) { header.style-5 { padding: 0 50px 0 130px } } @media(min-width:992px)and (max-width:1199px) { header.style-5 { padding: 0 50px 0 130px } } @media(min-width:768px)and (max-width:991px) { header.style-5 { padding: 0 4%; top: 0 } } @media(max-width:767px) { header.style-5 { top: 0; padding: 0 4% } } header.style-5.sticky { position: fixed; top: 0; left: 0; z-index: 999; background: var(--white); box-shadow: 5px 3px 40px rgba(0, 72, 88, .1); -webkit-animation: smooth-header .65s linear; animation: smooth-header .65s linear } @keyframes smooth-header { 0% { transform: translateY(-30px) } 100% { transform: translateY(0px) } } header.style-5 .header-logo { background-color: var(--white); width: 100%; max-width: 145px; position: relative; text-align: center } header.style-5 .header-logo::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 105px; border-radius: 0 0 50% 50%; background: var(--white); z-index: -1 } @media(max-width:991px) { header.style-5 .header-logo::after { height: 95px } } header.style-5 .header-logo svg { width: 100%; max-width: 55px } header.style-5 .main-nav { display: inline-block } header.style-5 .main-nav .mobile-menu-logo { display: none } header.style-5 .main-nav ul { list-style: none; margin: 0; padding: 0 } header.style-5 .main-nav ul li { display: inline-block; position: relative; padding: 0 20px } header.style-5 .main-nav ul li a { font-size: 17px; color: var(--text-primary); font-weight: 500; display: block; padding: 30px 0; position: relative; font-family: var(--font-work-sans); transition: all .5s ease-out 0s } header.style-5 .main-nav ul li a:hover { color: var(--primary-color3) } header.style-5 .main-nav ul li a.active { color: var(--primary-color3) } header.style-5 .main-nav ul li i { width: 30px; font-size: 14px; text-align: center; color: var(--text-primary); font-style: normal; position: absolute; right: -8px; top: 35px; z-index: 999; cursor: pointer; display: none } header.style-5 .main-nav ul li ul.sub-menu { position: absolute; left: 0; right: 0; top: auto; margin: 0; padding: 0; opacity: 0; visibility: hidden; min-width: 215px; background: var(--white); text-align: left; transition: all .5s ease-out 0s; transform: translateY(20px); box-shadow: 2px 2px 15px 10px rgba(0, 0, 0, .03) } header.style-5 .main-nav ul li ul.sub-menu>li { padding: 0; display: block; border-bottom: 1px solid rgba(56, 56, 56, .1); position: relative } header.style-5 .main-nav ul li ul.sub-menu>li i { position: absolute; top: 15px; right: 6px; display: block } header.style-5 .main-nav ul li ul.sub-menu>li a { display: block; padding: 15px; color: var(--text-primary); font-weight: 400; text-transform: capitalize; font-size: 16px; line-height: 1; transition: all .4s ease-out 0s } header.style-5 .main-nav ul li ul.sub-menu>li a:hover { color: var(--primary-color3); margin-left: 10px } header.style-5 .main-nav ul li ul.sub-menu>li a.active { color: var(--primary-color3) } header.style-5 .main-nav ul li ul.sub-menu>li .sub-menu { left: 215px; position: absolute; max-width: 230px; min-width: 215px; background: var(--white); top: 0 } @media only screen and (max-width:1199px) { header.style-5 .main-nav ul li ul.sub-menu>li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 } } header.style-5 .main-nav ul li ul.sub-menu>li .sub-menu li i { display: block } header.style-5 .main-nav ul li ul.sub-menu>li:last-child { border-bottom: none } header.style-5 .main-nav ul li:hover>ul.sub-menu { visibility: visible; opacity: 1; transform: translateY(0) } header.style-5 .main-nav ul li.menu-item-has-children>i { display: block } @media only screen and (max-width:1199px) { header.style-5 .main-nav { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white); transform: translateX(-100%); transition: transform .3s ease-in } header.style-5 .main-nav.show-menu { transform: translateX(0) } header.style-5 .main-nav .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px } header.style-5 .main-nav ul { float: none; text-align: left; padding: 50px 10px 50px 0 } header.style-5 .main-nav ul li { display: block; position: relative; padding: 0 5px } header.style-5 .main-nav ul li i { display: block } header.style-5 .main-nav ul li a { padding: 10px 0; display: block; font-weight: 400; color: var(--text-primary) } header.style-5 .main-nav ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px) } header.style-5 .main-nav ul li .bi { top: 12px; font-size: 16px } header.style-5 .mobile-menu { position: relative; top: 2px; padding: 0 5px; border-radius: 50%; display: inline-block } header.style-5 .cross-btn { display: inline-block !important; position: relative; width: 30px !important; height: 22px !important; cursor: pointer; border: 3px solid transparent !important } header.style-5 .cross-btn span { width: 100%; height: 2px; background: var(--primary-color1); display: block; position: absolute; right: 0; transition: all .3s } header.style-5 .cross-btn .cross-top { top: 0 } header.style-5 .cross-btn .cross-middle { top: 50%; transform: translateY(-50%); width: 100% } header.style-5 .cross-btn .cross-bottom { bottom: 0; width: 100% } header.style-5 .cross-btn.h-active span.cross-top { transform: rotate(45deg); top: 50%; margin-top: -1px } header.style-5 .cross-btn.h-active span.cross-middle { transform: translateX(-30px); opacity: 0 } header.style-5 .cross-btn.h-active span.cross-bottom { transform: rotate(-45deg); bottom: 50%; margin-bottom: -1px } } .swiper-slide-active span { -webkit-animation: fadeInDown 1.7s; animation: fadeInDown 1.7s } .swiper-slide-active h1 { -webkit-animation: fadeInDown 1.7s; animation: fadeInDown 1.7s } .swiper-slide-active h2 { -webkit-animation: fadeInDown 1.7s; animation: fadeInDown 1.7s } .swiper-slide-active p, .swiper-slide-active .info-single .info-text a, .info-single .info-text .swiper-slide-active a { -webkit-animation: fadeInUp 1.7s; animation: fadeInUp 1.7s } .swiper-slide-active .eg-btn { -webkit-animation: fadeInUp 1.7s; animation: fadeInUp 1.7s } .banner-section1 { min-height: 80vh; padding: 0 2%; position: relative; display: flex; justify-content: center; align-items: center; position: relative } .banner-section1 .banner-image2 { position: absolute; right: 1%; top: 4% } @media(max-width:991px) { .banner-section1 .banner-image2 { display: none; visibility: none } } @media(min-width:1400px)and (max-width:1599px) { .banner-section1 .banner-image2 { top: 8% } .banner-section1 .banner-image2 img { max-width: 430px } } @media(min-width:1200px)and (max-width:1399px) { .banner-section1 .banner-image2 { top: 12% } .banner-section1 .banner-image2 img { max-width: 350px } } @media(min-width:992px)and (max-width:1199px) { .banner-section1 .banner-image2 { top: 22% } .banner-section1 .banner-image2 img { max-width: 250px } } @media(min-width:1200px)and (max-width:1399px) { .banner-section1 { padding: 0 0% } } @media(min-width:992px)and (max-width:1199px) { .banner-section1 { padding: 0 15px } } @media(max-width:991px) { .banner-section1 { min-height: auto; padding: 0 } } @media(max-width:991px) { .banner-section1 { background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../images/bg/banner-image2.png"); background-size: cover; background-repeat: no-repeat; background-position: center-top } } .banner-section1 .cloud-icon1 { position: absolute; top: 10%; left: 15%; opacity: .5 } .banner-section1 .cloud-icon2 { position: absolute; top: 10%; left: 45%; opacity: .5 } .banner-section1 .cloud { position: absolute; top: 30px; right: -500px; opacity: .9; animation: cloud 20s linear 0s infinite reverse; z-index: 9 } .banner-section1 .cloud img { max-width: 90px; opacity: .6 } @media(max-width:991px) { .banner-section1 .cloud img { max-width: 90px } } @-webkit-keyframes cloud { from { right: -500px } to { right: 102% } } @keyframes cloud { from { right: -500px } to { right: 102% } } .banner-section1 .banner-social-area { position: absolute; top: 0; left: 0; height: 100%; background-color: var(--white); padding-left: 25px } .banner-section1 .banner-social-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 20px } .banner-section1 .banner-social-list li { width: 30px; height: 30px; line-height: 27px; border: 1px solid var(--primary-color1-light); text-align: center; background-color: var(--white); transition: all .45s ease } .banner-section1 .banner-social-list li i { color: var(--primary-color1-light); transition: all .45s ease } .banner-section1 .banner-social-list li:hover { background-color: var(--primary-color1) } .banner-section1 .banner-social-list li:hover i { color: var(--white) } .banner-section1 .banner1-content { position: relative; text-align: center; z-index: 9; margin-left: auto; margin-right: auto; padding: 180px 30px } @media(min-width:1200px)and (max-width:1399px) { .banner-section1 .banner1-content { padding: 180px 25px } } @media(min-width:992px)and (max-width:1199px) { .banner-section1 .banner1-content { padding: 130px 15px } } @media(max-width:991px) { .banner-section1 .banner1-content { padding: 120px 10px } } .banner-section1 .banner1-content span { font-size: 2.2rem; font-weight: 400; color: var(--primary-color1); font-family: var(--font-satisfy); display: inline-block; margin-bottom: 8px; position: relative; text-transform: uppercase; letter-spacing: 2px } .banner-section1 .banner1-content span::after { content: url(../images/icons/fly-shape1.svg); position: absolute; right: -80px; top: 8px } @media(max-width:767px) { .banner-section1 .banner1-content span { font-size: 2rem; font-weight: 400; color: var(--primary-color1) } } .banner-section1 .banner1-content h1, .banner-section1 .banner1-content h2 { font-size: 5.6rem; font-weight: 800; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 25px; line-height: 1.5; position: relative } @media(max-width:991px) { .banner-section1 .banner1-content h1, .banner-section1 .banner1-content h2 { color: var(--white) } } .banner-section1 .banner1-content h1::after, .banner-section1 .banner1-content h2::after { content: url(../images/icons/banner-dot-vector.svg); position: absolute; right: -16px; top: -7px } @media(min-width:576px)and (max-width:768px) { .banner-section1 .banner1-content h1, .banner-section1 .banner1-content h2 { font-size: 5.8rem; color: var(--white) } } @media(max-width:576px) { .banner-section1 .banner1-content h1, .banner-section1 .banner1-content h2 { font-size: 4.6rem; color: var(--white); margin-bottom: 15px } } .banner-section1 .banner1-content p, .banner-section1 .banner1-content .info-single .info-text a, .info-single .info-text .banner-section1 .banner1-content a { font-size: 2.2rem; font-weight: 500; color: var(--text-secondary); margin-bottom: 46px } @media(max-width:991px) { .banner-section1 .banner1-content p, .banner-section1 .banner1-content .info-single .info-text a, .info-single .info-text .banner-section1 .banner1-content a { color: #eefeef } } .banner-section1 .banner1-content .discover-btn { position: relative; z-index: 9; display: inline-block } .banner-section1 .banner1-content .discover-btn::before { content: url(../images/icons/fly-shape2.svg); position: absolute; left: -90%; top: 8px } .banner-section1 .banner-image1 { -webkit-animation: jumping 10s linear infinite alternate; animation: jumping 10s linear infinite alternate; margin-top: -90px } @-webkit-keyframes jumping { 0% { transform: translateY(0) } 50% { transform: translateY(-40px) } 100% { transform: translateY(0) } } @keyframes jumping { 0% { transform: translateY(0) } 50% { transform: translateY(-40px) } 100% { transform: translateY(0) } } .banner-section2 { position: relative } .banner-section2 .banner-form-container { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; pointer-events: none } .banner-section2 .banner-form-container .banner-form-box { pointer-events: auto } @media(max-width:991px) { .banner-section2 .banner-form-container { position: relative; transform: translateY(0) } .banner-section2 .banner-form-container::after { content: ""; position: absolute; width: 150px; height: 150px; line-height: 150px; text-align: center; border-radius: 50%; background: var(--primary-color2); left: -20px; top: -20px; z-index: 1; -webkit-animation: move 6s linear infinite alternate; animation: move 6s linear infinite alternate } @-webkit-keyframes move { 0% { transform: translateX(40%) } 100% { transform: translateX(100%) } } @keyframes move { 0% { transform: translateX(40%) } 100% { transform: translateX(100%) } } } .banner-section2 .banner-form-wrapper { padding: 0 10px } @media(max-width:991px) { .banner-section2 .banner-form-wrapper { background: var(--text-primary); padding: 90px 10px } } .banner-section2 .swiper-slide { position: relative; z-index: 1; min-height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden } @media(max-width:991px) { .banner-section2 .swiper-slide { min-height: auto } } .banner-section2 .swiper-slide .banner-bg11 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; -webkit-animation: zoomin 18s linear infinite alternate; animation: zoomin 18s linear infinite alternate } @-webkit-keyframes zoomin { 0% { transform: scale(1) } 100% { transform: scale(1.2) } } @keyframes zoomin { 0% { transform: scale(1) } 100% { transform: scale(1.2) } } .banner2-content { padding: 150px 15px; position: relative; z-index: 9 } @media(max-width:767px) { .banner2-content { padding: 120px 15px } } .banner2-content span { font-size: 2.2rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-satisfy); display: inline-block; margin-bottom: 0; text-transform: uppercase } @media(max-width:767px) { .banner2-content span { font-size: 2rem; font-weight: 400; color: var(--primary-color2) } } .banner2-content h1, .banner2-content h2 { font-size: 5.5rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 25px; line-height: 1.35 } @media(max-width:767px) { .banner2-content h1, .banner2-content h2 { font-size: 5.8rem; color: var(--white) } } .banner2-content p, .banner2-content .info-single .info-text a, .info-single .info-text .banner2-content a { font-size: 2.2rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 46px } .banner3-content { padding: 120px 35px 120px 0; position: relative; z-index: 9 } @media(min-width:1200px)and (max-width:1399px) { .banner3-content { padding: 120px 15px 120px 0 } } @media(max-width:991px) { .banner3-content { padding: 110px 0 60px } } .banner3-content span { font-size: 2.2rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-satisfy); display: inline-block; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px } .banner3-content h1, .banner3-content h2 { font-size: 6.5rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 25px; line-height: 1.35 } @media(min-width:1200px)and (max-width:1399px) { .banner3-content h1, .banner3-content h2 { font-size: 5.5rem; color: var(--white) } } @media(max-width:767px) { .banner3-content h1, .banner3-content h2 { font-size: 5.8rem; color: var(--white) } } .banner3-content p, .banner3-content .info-single .info-text a, .info-single .info-text .banner3-content a { font-size: 2.2rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 46px } .banner4-content { width: 100%; max-width: 1000px; margin: 0 auto; padding: 180px 20px; position: relative; z-index: 9; text-align: center } @media(max-width:767px) { .banner4-content { padding: 90px 20px } } .banner4-content span { font-size: 2.2rem; font-weight: 400; color: var(--primary-color1); font-family: var(--font-satisfy); display: inline-block; margin-bottom: 0; letter-spacing: 3px; text-transform: uppercase } .banner4-content h2 { font-size: 6.5rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 20px; line-height: 1.4 } @media(max-width:767px) { .banner4-content h2 { font-size: 5.8rem; color: var(--white) } } .banner4-content p, .banner4-content .info-single .info-text a, .info-single .info-text .banner4-content a { font-size: 2.2rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 46px } .banner5-content { width: 100%; max-width: 1000px; margin: 0 auto; padding: 120px 20px; position: relative; z-index: 9; text-align: center } @media(min-width:992px)and (max-width:1199px) { .banner5-content { padding: 160px 20px } } @media(min-width:768px)and (max-width:991px) { .banner5-content { padding: 140px 20px } } @media(min-width:576px)and (max-width:768px) { .banner5-content { padding: 120px 20px } } @media(max-width:576px) { .banner5-content { padding: 120px 20px } } .banner5-content span { font-size: 2.2rem; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); display: inline-block; margin-bottom: 10px; text-transform: uppercase } @media(max-width:767px) { .banner5-content span { font-size: 2rem; font-weight: 400; color: var(--white) } } .banner5-content h2 { font-size: 7.5rem; font-weight: 800; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 20px; line-height: 1.3; margin-top: -10px } @media(max-width:767px) { .banner5-content h2 { font-size: 5.8rem; color: var(--white) } } .banner5-content p, .banner5-content .info-single .info-text a, .info-single .info-text .banner5-content a { font-size: 2.2rem; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 46px } .banner-form-box { position: relative; z-index: 9; text-align: center; padding: 20px 30px; background: linear-gradient(152.97deg, rgba(32, 42, 55, 0.4) 0%, rgba(12, 25, 43, 0.2) 100%); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid rgba(144, 185, 86, .33); border-radius: 5px } @media(min-width:1200px)and (max-width:1399px) { .banner-form-box { padding: 40px 25px } } @media(max-width:576px) { .banner-form-box { padding: 40px 20px } } .banner-form-box h3 { font-size: 3rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 15px; line-height: 1.35 } @media(min-width:1200px)and (max-width:1399px) { .banner-form-box h3 { font-size: 3rem } } @media(max-width:576px) { .banner-form-box h3 { font-size: 3rem } } .banner-form-box p, .banner-form-box .info-single .info-text a, .info-single .info-text .banner-form-box a { font-size: 17px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .banner-form-box .banner-form { margin-top: 10px } .banner-form-box .banner-form .searchbox-input { width: 100% } .banner-form-box .banner-form .searchbox-input input, .banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea, .banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea, form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea { width: 100%; height: 50px; border: unset; background-color: #828286; padding-left: 10px; color: var(--white) } .banner-form-box .banner-form .searchbox-input input::-moz-placeholder, .banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea::-moz-placeholder, .banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea::-moz-placeholder { font-size: 1.6rem; font-weight: 500; color: var(--white) } .banner-form-box .banner-form .searchbox-input input:-ms-input-placeholder, .banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder, .banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder { font-size: 1.6rem; font-weight: 500; color: var(--white) } .banner-form-box .banner-form .searchbox-input input::placeholder, .banner-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .form-inner .banner-form-box .banner-form .searchbox-input textarea::placeholder, .banner-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::placeholder, form.style-1 .form-inner .banner-form-box .banner-form .searchbox-input textarea::placeholder { font-size: 1.6rem; font-weight: 500; color: var(--white) } .banner-form-box .banner-form .search-box-single { display: flex; flex-direction: row; align-items: center; position: relative; margin-bottom: 30px; background: #828286; padding: 0 20px } @media(max-width:576px) { .banner-form-box .banner-form .search-box-single { padding: 0 12px } } .banner-form-box .banner-form .search-box-single .searchbox-icon svg { fill: var(--white) } .banner-form-box .nice-select { background-color: #828286; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; height: 50px; line-height: 50px; outline: none; position: relative; text-align: left !important; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; border-radius: 0; border: unset; padding-left: 10px } .banner-form-box .nice-select::after { border-bottom: 2px solid var(--white); border-right: 2px solid var(--white) } .banner-form-box .nice-select .option { min-height: 35px; line-height: 35px; font-size: 14px } .banner-form-box .nice-select .option:hover { background: var(--primary-color2); color: var(--text-primary) } .banner-form-box .nice-select .option.selected { background: var(--primary-color2) !important } .banner-form-box .nice-select .current { font-size: 1.6rem; font-weight: 500; color: var(--white) } .banner-form-box .nice-select .list { border: unset; margin-top: 6px; z-index: 100; border-radius: 0; width: 100%; min-width: 80px } .banner-form-box.sibling-2 { background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); border: 1px solid rgba(242, 170, 76, .3); margin-left: auto; margin-right: 0 } @media(max-width:991px) { .banner-form-box.sibling-2 { margin: 0 auto; margin-bottom: 125px } } .banner-form-box.sibling-2 h3 { font-size: 3rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 15px } .banner-form-box.sibling-2 .banner-form .searchbox-input { width: 100% } .banner-form-box.sibling-2 .banner-form .searchbox-input input, .banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea, .banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea, form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea { background-color: var(--white); padding-left: 10px } .banner-form-box.sibling-2 .banner-form .searchbox-input input::-moz-placeholder, .banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::-moz-placeholder, .banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::-moz-placeholder { font-size: 1.6rem; font-weight: 500; color: var(--text-secondary) } .banner-form-box.sibling-2 .banner-form .searchbox-input input:-ms-input-placeholder, .banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea:-ms-input-placeholder, .banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea:-ms-input-placeholder { font-size: 1.6rem; font-weight: 500; color: var(--text-secondary) } .banner-form-box.sibling-2 .banner-form .searchbox-input input::placeholder, .banner-form-box.sibling-2 .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::placeholder, .banner-form-box.sibling-2 .banner-form .searchbox-input form.style-1 .form-inner textarea::placeholder, form.style-1 .form-inner .banner-form-box.sibling-2 .banner-form .searchbox-input textarea::placeholder { font-size: 1.6rem; font-weight: 500; color: var(--text-secondary) } .banner-form-box.sibling-2 .banner-form .search-box-single { background: var(--white) } .banner-form-box.sibling-2 .banner-form .nice-select { background-color: var(--white) } .banner-form-box.sibling-2 .banner-form .nice-select .option:hover { background: var(--primary-color2); color: var(--text-primary) } .banner-form-box.sibling-2 .banner-form .nice-select .option.selected { background: var(--primary-color2) !important } .banner-form-box.sibling-2 .banner-form .nice-select .current { font-size: 1.6rem; font-weight: 500; color: var(--text-secondary) } .banner-form-box.sibling-2 .banner-form .search-box-single .searchbox-icon svg { fill: var(--text-secondary) } .sidebar-icon { width: 80px; height: 89px; line-height: 80px; background: var(--primary-color3); text-align: center; position: absolute; top: 0; left: 0; cursor: pointer } @media(max-width:1199px) { .sidebar-icon { display: none; visibility: none } } .banner-section3 { position: relative; min-height: 95vh; display: flex; justify-content: center; align-items: center; padding: 0 40px } @media(max-width:991px) { .banner-section3 { min-height: auto } } .banner-section3:after { content: ""; background: rgba(0, 0, 0, .5); position: absolute; left: 0; right: 0; width: 100%; height: 100% } @media(max-width:576px) { .banner-section3 { padding: 0 15px } } .banner-section3 .banner-bg31 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .banner-section5 { position: relative } .banner-section5.sibling-2 .swiper { padding-right: 80px; padding-left: 0 } @media(min-width:1200px)and (max-width:1399px) { .banner-section5.sibling-2 .swiper { padding-right: 60px } } @media(max-width:1199px) { .banner-section5.sibling-2 .swiper { padding-right: 0 } } .banner-section5 .swiper { padding-left: 80px } @media(max-width:1199px) { .banner-section5 .swiper { padding-left: 0 } } .banner-section5 .banner-social-area { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; background: var(--white); width: 80px; z-index: 9 } @media(max-width:1199px) { .banner-section5 .banner-social-area { display: none; visibility: none } } .banner-section5 .banner-social-area ul.banner-social { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column } .banner-section5 .banner-social-area ul.banner-social li { background: var(--white); padding: 5px } .banner-section5 .banner-social-area ul.banner-social li a i { font-size: 1.8rem; transition: all .35s ease-in; width: 35px; height: 35px; line-height: 34px; border-radius: 50%; border: 1px solid var(--text-primary); color: var(--text-primary); text-align: center } .banner-section5 .banner-social-area ul.banner-social li a:hover i { color: var(--white); border: 1px solid var(--primary-color3); background: var(--primary-color3) } .banner-section5 .banner-social-area.sibling-2 { position: absolute; right: 0; top: 0; bottom: 0 } .banner-section5 .banner-social-area2 { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; background: #050f0c; width: 80px; z-index: 9 } @media(min-width:1200px)and (max-width:1399px) { .banner-section5 .banner-social-area2 { width: 60px } } @media(max-width:1199px) { .banner-section5 .banner-social-area2 { display: none; visibility: none } } .banner-section5 .banner-social-area2 ul.banner-social { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column } .banner-section5 .banner-social-area2 ul.banner-social li { padding: 5px } .banner-section5 .banner-social-area2 ul.banner-social li a i { font-size: 1.8rem; transition: all .35s ease-in; width: 35px; height: 35px; line-height: 34px; border-radius: 50%; border: 1px solid var(--white); color: var(--white); text-align: center } .banner-section5 .banner-social-area2 ul.banner-social li a:hover i { color: var(--white); border: 1px solid var(--primary-color1); background: var(--primary-color1) } .banner-section5 .banner-social-area2.sibling-2 { position: absolute; right: 0; top: 0; bottom: 0 } .banner-section5 .swiper-slide { position: relative; z-index: 1; min-height: 90vh; display: flex; justify-content: center; align-items: center; overflow: hidden } @media(max-width:1199px) { .banner-section5 .swiper-slide { min-height: auto } } .banner-section5 .swiper-slide::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; min-height: 100%; background-image: linear-gradient(180deg, rgba(3, 0, 15, 0.8), transparent); z-index: 2 } .banner-section5 .swiper-slide .banner-bg11 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; -webkit-animation: zoomin 18s linear infinite alternate; animation: zoomin 18s linear infinite alternate } @keyframes zoomin { 0% { transform: scale(1) } 100% { transform: scale(1.1) } } .inner-banner-section { position: relative; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; background-image: url(../images/bg/inner-banner-bg.png); background-size: cover; background-repeat: no-repeat; min-height: 450px } @media(min-width:1200px)and (max-width:1399px) { .inner-banner-section { min-height: 500px } } @media(min-width:992px)and (max-width:1199px) { .inner-banner-section { min-height: 500px } } @media(min-width:768px)and (max-width:991px) { .inner-banner-section { min-height: 500px } } @media(max-width:767px) { .inner-banner-section { min-height: 450px } } .inner-banner-section .inner-banner-vector { position: absolute; bottom: -5px; left: 0; right: 0; z-index: 9; width: 100% } @media(max-width:991px) { .inner-banner-section .inner-banner-vector { display: none; visibility: none } } .inner-banner-section::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) } .inner-banner-section .breadcrumb-area { text-align: center; position: relative } .inner-banner-section .breadcrumb-area span { display: block; font-size: 2.2rem; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); text-transform: capitalize; margin-bottom: 5px; letter-spacing: 3px } .inner-banner-section .breadcrumb-area h2 { font-size: 4rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 0; line-height: 1.25; text-transform: capitalize } .inner-banner-section .breadcrumb-area .review-area { margin-top: 10px } .inner-banner-section .breadcrumb-area .review-area span { font-size: 2rem; font-weight: 600; color: var(--white); font-family: 'Yeseva One', cursive } .inner-banner-section .breadcrumb-area .review-area .star-list li i { font-size: 14px; font-weight: 400; color: var(--white) } .inner-banner-section .breadcrumb-area .breadcrumb-meta-list { margin-top: 5px; display: flex; justify-content: center; margin-bottom: 0; gap: 40px } @media(max-width:576px) { .inner-banner-section .breadcrumb-area .breadcrumb-meta-list { flex-wrap: wrap; gap: unset } } .inner-banner-section .breadcrumb-area .breadcrumb-meta-list li { font-size: 1.8rem; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .inner-banner-section .breadcrumb-area .breadcrumb-meta-list li::marker { color: var(--primary-color1) } @media(max-width:576px) { .inner-banner-section .breadcrumb-area .breadcrumb-meta-list li { flex-wrap: wrap; margin: 5px 20px } } .inner-banner-section.sibling-2 { background-image: url(../images/bg/inner-banner-bg-2.png); background-size: cover; background-repeat: no-repeat } .inner-banner-section.sibling-2::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) } .searchbar-section { margin-top: -60px; position: relative; z-index: 9 } @media(min-width:992px)and (max-width:1199px) { .searchbar-section { margin-top: -90px } } @media(max-width:991px) { .searchbar-section { margin-top: -25px } } .searchbar-section.sibling-2 { margin-top: -120px } @media(max-width:767px) { .searchbar-section.sibling-2 { margin-top: -40px } } .multi-main-search { background-color: var(--white); padding: 16px 25px 16px 0; box-shadow: 1px 1px 10px 8px rgba(0, 0, 0, .04) } @media(max-width:1199px) { .multi-main-search { transform: translateY(0px) } } @media(max-width:991px) { .multi-main-search { padding: 25px 15px } } @media(max-width:991px) { .multi-main-search .main-form-submit { margin-top: 20px; transform: translateY(-10px) } } .multi-main-search .search-box-single { display: flex; flex-direction: row; align-items: center; padding: 0 25px; position: relative } .multi-main-search .search-box-single::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: 40px; background: var(--border-color) } @media(max-width:767px) { .multi-main-search .search-box-single::after { display: none; visibility: hidden } } .multi-main-search .search-box-single.remove-after::after { content: unset } .multi-main-search .search-box-single .searchbox-icon { line-height: 10px } .searchbox-input { width: 100% } .searchbox-input input, .searchbox-input .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .searchbox-input textarea, .searchbox-input form.style-1 .form-inner textarea, form.style-1 .form-inner .searchbox-input textarea { width: 100%; height: 40px; border: unset; padding-left: 15px } .searchbox-input input::-moz-placeholder, .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .form-inner .searchbox-input textarea::-moz-placeholder, .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .form-inner .searchbox-input textarea::-moz-placeholder { font-size: 1.6rem; font-weight: 500; color: var(--text-primary) } .searchbox-input input:-ms-input-placeholder, .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .form-inner .searchbox-input textarea:-ms-input-placeholder, .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .form-inner .searchbox-input textarea:-ms-input-placeholder { font-size: 1.6rem; font-weight: 500; color: var(--text-primary) } .searchbox-input input::placeholder, .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .form-inner .searchbox-input textarea::placeholder, .searchbox-input form.style-1 .form-inner textarea::placeholder, form.style-1 .form-inner .searchbox-input textarea::placeholder { font-size: 1.6rem; font-weight: 500; color: var(--text-primary) } .nice-select { background-color: var(--white); box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; height: 40px; line-height: 40px; outline: none; position: relative; text-align: left !important; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; border-radius: 0; border: unset } .nice-select:after { content: ""; border-bottom: 2px solid var(--text-primary); border-right: 2px solid var(--text-primary); display: block; height: 10px; margin-top: -6px; pointer-events: none; position: absolute; right: 12px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all .15s ease-in-out; width: 10px } .nice-select .option { min-height: 30px; line-height: 30px; font-size: 16px; padding: 5px 10px } .nice-select .option:hover { background: var(--primary-color1); color: var(--white) } .nice-select .option.selected { background: var(--primary-color1) !important } .nice-select .current { font-size: 1.6rem; font-weight: 500; color: var(--text-primary) } .nice-select .list { border: unset; margin-top: 3px; z-index: 100; border-radius: 0; width: 100%; min-width: 80px } .ui-menu { border: 1px solid rgba(41, 43, 49, .03) !important; padding: 5px 0 } .ui-menu .ui-menu-item { transition: all .35s ease; font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 5px 20px; background: var(--white); border: 2px solid transparent; transition: all .35s ease } .ui-menu .ui-menu-item:hover { background: var(--primary-color1) } .ui-menu .ui-menu-item:hover .ui-menu-item-wrapper { background: var(--primary-color1) } .ui-menu .ui-menu-item.sibling-2:hover { background: var(--primary-color2) } .category-single1 { background: var(--white); box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); text-align: center; padding: 30px 25px } @media(max-width:576px) { .category-single1 { padding: 25px 15px } } .category-single1 .icon { width: 90px; height: 90px; line-height: 90px; text-align: center; border-radius: 50%; margin: 0 auto; background: var(--white); margin-bottom: 20px; transition: all .45s ease; position: relative; z-index: 1; border: 1px solid #eee } .category-single1 .icon::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--primary-color1-light); border-radius: 50%; left: 0; top: 0; z-index: -1; opacity: 0; transform: scale(.6); transition: all .55s ease } .category-single1 .icon svg { fill: var(--primary-color1); transition: all .45s ease } .category-single1 .content h4 { margin-bottom: 0 } .category-single1 .content h4:hover a { color: var(--primary-color1) } .category-single1 .content h4 a { font-size: 2.1rem; font-weight: 600; color: var(--text-primary); font-family: var(--font-work-sans); transition: all .45s ease } @media(min-width:768px)and (max-width:991px) { .category-single1 .content h4 a { font-size: 2rem } } @media(min-width:576px)and (max-width:768px) { .category-single1 .content h4 a { font-size: 2rem } } .category-single1 .content p, .category-single1 .content .info-single .info-text a, .info-single .info-text .category-single1 .content a { margin-bottom: 0 } .category-single1:hover .icon { border: 1px solid transparent } .category-single1:hover .icon::before { opacity: 1; transform: scale(1); background-color: var(--white) } .category-single1:hover .icon svg { fill: var(--white) } .deal-section { padding-left: 8%; padding-right: 8% } @media(min-width:1200px)and (max-width:1399px) { .deal-section { padding-left: 5%; padding-right: 5% } } .deal-single1 { box-shadow: 4px 3px 40px rgba(16, 33, 34, .06) } @media(max-width:767px) { .deal-single1 { max-width: 415px; margin: 0 auto } } .deal-single1:hover .deal-image img { transform: scale(1.1) } .deal-single1:hover .deal-image span.discount-bagde::after { color: var(--white); background: var(--primary-color1) } .deal-single1:hover .deal-image span.favourite { opacity: 1 } .deal-single1:hover .deal-content .price span { color: var(--primary-color1) } .deal-single1 .deal-image { position: relative; overflow: hidden } .deal-single1 .deal-image img { transition: all .55s ease-in-out } .deal-single1 .deal-image span.discount-bagde { position: absolute; bottom: 0; left: 50%; z-index: 1; transform: translateX(-50%); background: var(--white); padding: 8px 5px 0; border-radius: 100px 100px 0 0; min-width: 85; min-width: 85px; font-size: 20px; font-weight: 500; color: var(--primary-color1); font-family: var(--font-work-sans); text-align: center; line-height: 2; min-height: 40px } .deal-single1 .deal-image span.discount-bagde::after { content: "off"; position: absolute; top: 3px; right: -17px; border-radius: 50%; min-width: 35px; height: 35px; line-height: 35px; background: var(--white); text-align: center; font-size: 14px; font-weight: 500; color: var(--primary-color1); font-family: var(--font-work-sans); transition: all .55s ease } .deal-single1 .deal-image span.favourite { position: absolute; top: 25px; left: 25px; z-index: 1; background: var(--white); border-radius: 50%; width: 30px; text-align: center; height: 30px; line-height: 37px; opacity: 0; transition: all .55s ease; cursor: pointer } .deal-single1 .deal-image span.favourite i { color: #ff3a3a; font-size: 20px } .deal-single1 .deal-content { text-align: center; padding: 35px 25px } .deal-single1 .deal-content h4 { margin-bottom: 8px } .deal-single1 .deal-content h4 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive } .deal-single1 .deal-content .price { margin-bottom: 25px } .deal-single1 .deal-content .price span { font-size: 2rem; font-weight: 600; color: var(--text-secondary); font-family: var(--font-work-sans); margin-right: 5px; transition: all .55s ease-in-out } .deal-single1 .deal-content .price del { font-size: 1.4rem; font-weight: 500; color: #878787; font-family: var(--font-work-sans) } .tour-package-standard { box-shadow: 4px 3px 40px rgba(16, 33, 34, .07); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 20px } @media(min-width:992px)and (max-width:1199px) { .tour-package-standard { padding: 25px 20px } } @media(max-width:991px) { .tour-package-standard { flex-wrap: wrap; justify-content: start; max-width: 370px; width: 100%; margin-left: auto; margin-right: auto } } .tour-package-standard:hover .deal-image img { transform: scale(1.1) } .tour-package-standard:hover .deal-image span.discount-bagde::after { color: var(--white); background: var(--primary-color1) } .tour-package-standard:hover .deal-image span.favourite { opacity: 1 } .tour-package-standard:hover .deal-content .price span { color: var(--primary-color1) } .tour-package-standard .tour-standard-image { position: relative; overflow: hidden; width: 380px } @media(min-width:992px)and (max-width:1199px) { .tour-package-standard .tour-standard-image { width: 290px; height: 310px } } .tour-package-standard .tour-standard-image img { transition: all .55s ease-in-out } .tour-package-standard .tour-standard-image span.discount-bagde { position: absolute; top: 32px; left: 0; z-index: 1; background: var(--white); padding: 8px 22px 8px 12px; border-radius: 0 100px 100px 1px; min-width: 85px; font-size: 20px; font-weight: 500; color: var(--primary-color1); font-family: var(--font-work-sans); text-align: center; line-height: 1.3; min-height: 40px } .tour-package-standard .tour-standard-image span.discount-bagde::after { content: "off"; position: absolute; top: -10px; right: -8px; border-radius: 50%; min-width: 35px; height: 35px; line-height: 35px; background: var(--primary-color1); text-align: center; font-size: 14px; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); transition: all .55s ease 0s } .tour-package-standard .tour-standard-image span.favourite { position: absolute; top: 25px; left: 25px; z-index: 1; background: var(--white); border-radius: 50%; width: 30px; text-align: center; height: 30px; line-height: 37px; opacity: 0; transition: all .55s ease; cursor: pointer } .tour-package-standard .tour-standard-image span.favourite i { color: #ff3a3a; font-size: 20px } .tour-package-standard .tour-standard-content { text-align: start; padding: 0 0 0 30px } @media(min-width:992px)and (max-width:1199px) { .tour-package-standard .tour-standard-content { padding: 0 0 0 20px } } @media(max-width:991px) { .tour-package-standard .tour-standard-content { padding: 30px 10px 10px } } .tour-package-standard .tour-standard-content h4 { margin-bottom: 10px } .tour-package-standard .tour-standard-content h4 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.5 } .tour-package-standard .tour-standard-content .price { margin-bottom: 20px } .tour-package-standard .tour-standard-content .price span { font-size: 2.2rem; font-weight: 600; color: var(--text-secondary); font-family: var(--font-work-sans); margin-right: 5px; transition: all .55s ease-in-out } .tour-package-standard .tour-standard-content .price del { font-size: 1.4rem; font-weight: 500; color: #878787; font-family: var(--font-work-sans) } .tour-package-standard .tour-standard-content .eg-btn { margin-top: 25px } .tour-package-standard .tour-standard-content .review-area { justify-content: start } .review-area { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 10px } .review-area .star-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 10px } .review-area .star-list li .bi { color: #ffd91c } .review-area>span { font-size: 14px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-left: 12px } .review-area.sibling-2 { justify-content: start; margin-bottom: 3px } .review-area.sibling-2 .star-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 10px } .review-area.sibling-2 .star-list li .bi { color: var(--primary-color2); font-size: 14px } .review-area.sibling-2>span { font-size: 15px; font-weight: 600; color: var(--white); font-family: var(--font-work-sans); margin-left: 12px } .destination-section { padding-left: 7%; padding-right: 7% } @media(min-width:768px)and (max-width:991px) { .destination-section { padding-left: 2%; padding-right: 2% } } .destination-wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px } @media(max-width:1199px) { .destination-wrap { flex-wrap: wrap } } .destination-single1 { position: relative } @media(min-width:992px)and (max-width:1199px) { .destination-single1 { max-width: 250px; overflow: hidden } } @media(max-width:991px) { .destination-single1 img { height: 350px; width: 100%; -o-object-fit: cover; object-fit: cover } } @media(max-width:767px) { .destination-single1 { min-width: 270px } } @media(min-width:992px)and (max-width:1199px) { .destination-single1 img { height: 100% !important; max-width: unset } } .destination-single1 .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: end; align-content: flex-end; flex-direction: column; padding-bottom: 40px } .destination-single1 .content .text-wrap { position: relative; transition: all .4s ease; height: auto } .destination-single1 .content .text-wrap::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 34px; height: 3px; border-radius: 30px; background-color: var(--white); transition: all .4s ease } .destination-single1 .content .text-wrap h4 { font-size: 2.4rem; color: var(--white); font-family: 'Yeseva One', cursive; transition: all .45s ease; transform: translateY(30px) } @media(max-width:767px) { .destination-single1 .content .text-wrap h4 { transform: translateY(20px) } } .destination-single1 .content .text-wrap p, .destination-single1 .content .text-wrap .info-single .info-text a, .info-single .info-text .destination-single1 .content .text-wrap a { font-size: 1.8rem; font-weight: 500; color: var(--primary-color1); font-family: var(--font-work-sans); transition: all .35s ease; transform: scaleY(0); margin-bottom: 5px } .destination-single1:hover .content h4 { transform: translateY(0) } .destination-single1:hover .content .text-wrap::after { background: var(--primary-color1) } .destination-single1:hover .content .text-wrap p, .destination-single1:hover .content .text-wrap .info-single .info-text a, .info-single .info-text .destination-single1:hover .content .text-wrap a { transform: scaleY(1) } .destination-single1.sibling-2 { position: relative; z-index: 1; width: 100%; max-width: 270px; margin-left: auto; margin-right: auto } .destination-single1.sibling-2::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(9, 16, 13, 0.8) 62.5%); z-index: 1; width: 100%; height: 25%; opacity: 1; transition: all .4s ease } @media(max-width:991px) { .destination-single1.sibling-2 img { max-width: 100%; height: 300px } } .destination-single1.sibling-2 .content { z-index: 2 } .destination-single3 { position: relative } @media(max-width:991px) { .destination-single3 img { height: 300px; width: 100% } } .destination-single3 .content { background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(9, 16, 13, 0.8)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: end; align-content: flex-end; flex-direction: column; padding-bottom: 35px } .destination-single3 .content .text-wrap { position: relative; transition: all .4s ease; height: auto } .destination-single3 .content .text-wrap::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 34px; height: 3px; border-radius: 30px; background-color: var(--white); transition: all .4s ease } .destination-single3 .content .text-wrap h4 { font-size: 2.4rem; color: var(--white); font-family: 'Yeseva One', cursive; transition: all .45s ease; transform: translateY(30px) } @media(max-width:767px) { .destination-single3 .content .text-wrap h4 { transform: translateY(20px) } } .destination-single3 .content .text-wrap p, .destination-single3 .content .text-wrap .info-single .info-text a, .info-single .info-text .destination-single3 .content .text-wrap a { font-size: 1.8rem; font-weight: 500; color: var(--primary-color3); font-family: var(--font-work-sans); transition: all .35s ease; transform: scaleY(0); margin-bottom: 5px } .destination-single3:hover .content h4 { transform: translateY(0) } .destination-single3:hover .content .text-wrap::after { background: var(--primary-color3) } .destination-single3:hover .content .text-wrap p, .destination-single3:hover .content .text-wrap .info-single .info-text a, .info-single .info-text .destination-single3:hover .content .text-wrap a { transform: scaleY(1) } .destination-single4 { height: auto; position: relative; overflow: hidden; z-index: 1; margin-bottom: 30px } @media(max-width:991px) { .destination-single4 { margin-bottom: 15px } } @media(max-width:991px) { .destination-single4 img { width: 100% } } .destination-single4:hover .desti-content { opacity: 1; transform: translateY(0px) } .destination-single4::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(20, 22, 28, 0) 65.09%, rgba(20, 22, 28, 0.7) 84.38%); z-index: 1 } .destination-single4 .desti-content { opacity: 0; transition: all .55s ease; position: absolute; left: 0; bottom: 0; z-index: 9; padding: 20px 25px; transform: translateY(10px) } .destination-single4 .desti-content h4 { margin-bottom: 8px } .destination-single4 .desti-content h4 a { font-size: 2.4rem; color: var(--white); font-family: 'Yeseva One', cursive } .destination-single4 .desti-content .bx { color: var(--white); vertical-align: baseline; margin-right: 5px } .destination-single4 .desti-content span { font-size: 1.7rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); display: inline-block } @media(max-width:991px) { .destination-sidebar { margin-top: 45px } } .video-section { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/bg/video-bg.png"); background-size: cover; background-repeat: no-repeat; padding: 120px 0 220px; background-attachment: fixed; background-position: center top } @media(min-width:992px)and (max-width:1199px) { .video-section { padding: 120px 0 } } @media(max-width:991px) { .video-section { padding: 90px 0 } } .video-section2 { background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/bg/video-bg3.png"); background-size: cover; background-repeat: no-repeat; padding: 220px 0; background-attachment: fixed } @media(min-width:992px)and (max-width:1199px) { .video-section2 { padding: 120px 0 } } @media(max-width:991px) { .video-section2 { padding: 90px 0 } } .video-section-content span { font-size: 1.8rem; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); display: inline-block; margin-bottom: 0; margin-right: 15px; text-transform: uppercase } .video-section-content h2 { font-size: 4.2rem; font-weight: 800; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 20px; line-height: 1.4 } @media(max-width:576px) { .video-section-content h2 { font-size: 4rem } } .video-section-content p, .video-section-content .info-single .info-text a, .info-single .info-text .video-section-content a { font-size: 18px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 38px } @media(max-width:991px) { .video-section-content { text-align: center } } .video-section-content.sibling-2 { text-align: center } .video-section-content.sibling-2 h2 { font-size: 4.2rem; color: var(--white); font-family: 'Yeseva One', cursive } .video-section-content.sibling-2 p, .video-section-content.sibling-2 .info-single .info-text a, .info-single .info-text .video-section-content.sibling-2 a { font-size: 18px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 0 } .video-play { text-align: center; z-index: 9; position: relative } .video-play .video-icon { width: 45px; height: 45px; border-radius: 50%; line-height: 38px; display: inline-block; text-align: center; position: relative; border: 1px solid transparent; font-size: 30px; color: var(--primary-color1); background: var(--white) } .video-play .video-icon::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: rgba(255, 255, 255, .5); -webkit-animation: ripple-1 2s infinite ease-in-out; animation: ripple-1 2s infinite ease-in-out; z-index: -1 } .video-play .video-icon::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: rgba(255, 255, 255, .3); z-index: -1; -webkit-animation: ripple-2 2s infinite ease-in-out; animation: ripple-2 2s infinite ease-in-out; -webkit-animation-delay: .5s; animation-delay: .5s } .video-play.sibling-2 .video-icon { color: var(--text-primary); background: var(--primary-color2) } .video-play.sibling-2 .video-icon::before { background: var(--primary-color2) } .video-play.sibling-2 .video-icon::after { background: var(--primary-color2) } .video-play.sibling-3 .video-icon { color: var(--white); background: var(--primary-color3) } .video-play.sibling-3 .video-icon::before { background: var(--primary-color3) } .video-play.sibling-3 .video-icon::after { background: var(--primary-color3) } @-webkit-keyframes ripple-1 { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(1.9); opacity: 0 } } @keyframes ripple-1 { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(1.9); opacity: 0 } } @-webkit-keyframes ripple-2 { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(2.1); opacity: 0 } } @keyframes ripple-2 { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(2.1); opacity: 0 } } .video-play.sibling-4 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } @media(max-width:991px) { .video-wrapper { margin-top: 40px } } .video-wrapper span.watch-video { font-size: 16px; font-weight: 600; color: var(--white); font-family: var(--font-work-sans); position: relative; display: inline-block; padding-right: 60px; transform: rotate(-90deg); margin-right: 0; margin-top: 80px; white-space: nowrap } @media(max-width:991px) { .video-wrapper span.watch-video { transform: rotate(0deg); margin-top: 30px } } .video-wrapper span.watch-video::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 2px; border-radius: 30px; background: var(--white); right: 0 } .video-wrapper.sibling-2 { position: absolute; top: -50px; left: 85px; background-color: var(--white); width: 110px; min-height: 290px; padding: 40px 25px; z-index: 9 } @media(min-width:992px)and (max-width:1199px) { .video-wrapper.sibling-2 { top: -40px; left: 40px } } @media(max-width:991px) { .video-wrapper.sibling-2 { min-height: 110px; left: 0; top: -40px; background: 0 0 } } .video-wrapper.sibling-2 span.watch-video { white-space: nowrap; margin-top: 82px; padding-right: 16px; padding-bottom: 40px; color: var(--text-primary); white-space: nowrap } .video-wrapper.sibling-2 span.watch-video::after { content: ""; position: absolute; top: 20%; transform: translateY(24%); width: 50px; height: 2px; border-radius: 30px; background: var(--text-primary); right: -45px } @media(max-width:991px) { .video-wrapper.sibling-2 span.watch-video { display: none; visibility: hidden } } .video-wrapper.sibling-3 { overflow: hidden; position: absolute; top: -60px; right: 2%; background-color: var(--white); box-shadow: 4px 3px 40px rgba(16, 33, 34, .08); width: 90px; min-height: 290px; padding: 40px 25px; z-index: 9 } @media(min-width:1400px)and (max-width:1600px) { .video-wrapper.sibling-3 { right: 0 } } @media(min-width:992px)and (max-width:1199px) { .video-wrapper.sibling-3 { top: -60px } } @media(max-width:1399px) { .video-wrapper.sibling-3 { min-height: 110px; right: 0; top: -60px; background: 0 0; box-shadow: unset } } .video-wrapper.sibling-3 span.watch-video { white-space: nowrap; margin-top: 90px; padding-right: 0; padding-bottom: 40px; color: var(--primary-color3) } .video-wrapper.sibling-3 span.watch-video::after { content: ""; position: absolute; top: 18%; transform: translateY(24%); width: 50px; height: 2px; border-radius: 30px; background: var(--primary-color3); right: -60px } @media(max-width:1399px) { .video-wrapper.sibling-3 span.watch-video { display: none; visibility: hidden } } .video-wrapper.sibling-4 { width: 140px; position: absolute; top: 50%; transform: translateY(-50%); right: 15%; margin-top: 0 } @media(min-width:992px)and (max-width:1199px) { .video-wrapper.sibling-4 { right: 5% } } @media(max-width:991px) { .video-wrapper.sibling-4 { right: 0%; top: 15% } .video-wrapper.sibling-4 span.watch-video { display: none; visibility: hidden } } @media(max-width:767px) { .asking-form-section { padding: 90px 0 0 } } .asking-form-wrap { background: #fff7f5; padding: 45px 40px; margin-top: -100px } @media(min-width:992px)and (max-width:1199px) { .asking-form-wrap { margin-top: -40px } } @media(min-width:768px)and (max-width:991px) { .asking-form-wrap { margin-top: -20px } } @media(min-width:576px)and (max-width:768px) { .asking-form-wrap { padding: 50px 30px } } @media(max-width:576px) { .asking-form-wrap { margin-top: 0; padding: 50px 25px } } form.style-1 .form-inner input, form.style-1 .form-inner textarea { border: 1px solid var(--border-color); height: 50px; line-height: 50px; font-size: 16px; color: var(--text-primary); width: 100%; background-color: #fff7f5; padding: 0 20px; transition: all .4s ease } form.style-1 .form-inner input:focus, form.style-1 .form-inner textarea:focus { border: 1px solid var(--primary-color1) } form.style-1 .form-inner input::-moz-placeholder, form.style-1 .form-inner textarea::-moz-placeholder { font-size: 14px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } form.style-1 .form-inner input:-ms-input-placeholder, form.style-1 .form-inner textarea:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } form.style-1 .form-inner input::placeholder, form.style-1 .form-inner textarea::placeholder { font-size: 14px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } form.style-1 .form-inner textarea { min-height: 140px } .best-plan-section .swiper { margin: -15px; padding: 15px } .best-plan-single1 { width: 100%; border: 1px solid #eee; transition: all .6s ease; margin-left: auto; margin-right: auto } .best-plan-single1:hover { border: 1px solid transparent; box-shadow: 4px 3px 10px rgba(16, 33, 34, .06) } .best-plan-single1 .image { position: relative } .best-plan-single1 .image .plan-icon { background: #fff; box-shadow: 4px 3px 35px rgba(117, 117, 117, .15); border-radius: 5px; height: 60px; width: 60px; line-height: 60px; text-align: center; position: absolute; left: 25px; bottom: -20px } .best-plan-single1 .content { padding: 30px 25px 35px } @media(max-width:991px) { .best-plan-single1 .content { padding: 30px 12px } } .best-plan-single1 .content h4 { margin-bottom: 15px } .best-plan-single1 .content h4 a { font-size: 2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; transition: all .5s ease; line-height: 1.4 } .best-plan-single1 .content h4:hover a { color: var(--primary-color1) } .best-plan-single1 .content p, .best-plan-single1 .content .info-single .info-text a, .info-single .info-text .best-plan-single1 .content a { font-size: 2rem; font-weight: 600; color: var(--primary-color1); margin-bottom: 5px } .best-plan-single1 .content .best-plan-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px } .best-plan-single1 .content .best-plan-meta span.duration { font-size: 16px; font-weight: 600; color: var(--text-secondary) } .best-plan-single1 .content .best-plan-meta span.duration .bi { font-family: var(--font-work-sans); margin-right: 10px; vertical-align: middle; color: var(--primary-color1) } .best-plan-single1 .content .best-plan-meta span.rating { font-size: 16px; font-weight: 600; color: var(--text-secondary) } .best-plan-single1 .content .best-plan-meta span.rating .bi { color: var(--primary-color1); margin: 0 5px } .best-plan-single1 .list-area { margin-bottom: 25px } .list-area h5 { font-size: 2rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 15px } .list-area ul.plan-list1 { list-style: none; margin: 0; padding: 0 } .list-area ul.plan-list1 li { position: relative; padding-left: 25px; font-size: 17px; font-weight: 400; color: var(--text-secondary); margin-bottom: 5px } .list-area ul.plan-list1 li::before { content: ""; position: absolute; top: 10px; left: 0; width: 12px; height: 2px; background: var(--text-secondary); border-radius: 30px } .arrows-style-1 .swiper-prev-arrow { height: 45px; width: 45px; line-height: 42px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-1 .swiper-prev-arrow { left: -50px } } .arrows-style-1 .swiper-prev-arrow svg { fill: var(--border-color); transition: all .4s ease } .arrows-style-1 .swiper-prev-arrow:hover { background-color: var(--primary-color1); border: 1px solid var(--primary-color1) } .arrows-style-1 .swiper-prev-arrow:hover svg { fill: var(--white) } .arrows-style-1 .swiper-next-arrow { height: 45px; width: 45px; line-height: 42px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-1 .swiper-next-arrow { right: -50px } } .arrows-style-1 .swiper-next-arrow svg { fill: var(--border-color); transition: all .4s ease } .arrows-style-1 .swiper-next-arrow:hover { background-color: var(--primary-color1); border: 1px solid var(--primary-color1) } .arrows-style-1 .swiper-next-arrow:hover svg { fill: var(--white) } .arrows-style-1.sibling-1 .swiper-prev-arrow { height: 45px; width: 45px; line-height: 42px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-1.sibling-1 .swiper-prev-arrow { left: -50px } } .arrows-style-1.sibling-1 .swiper-prev-arrow svg { fill: var(--border-color); transition: all .4s ease } .arrows-style-1.sibling-1 .swiper-prev-arrow:hover { background-color: var(--primary-color3); border: 1px solid var(--primary-color3) } .arrows-style-1.sibling-1 .swiper-prev-arrow:hover svg { fill: var(--white) } .arrows-style-1.sibling-1 .swiper-next-arrow { height: 45px; width: 45px; line-height: 42px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-1.sibling-1 .swiper-next-arrow { right: -50px } } .arrows-style-1.sibling-1 .swiper-next-arrow svg { fill: var(--border-color); transition: all .4s ease } .arrows-style-1.sibling-1 .swiper-next-arrow:hover { background-color: var(--primary-color3); border: 1px solid var(--primary-color3) } .arrows-style-1.sibling-1 .swiper-next-arrow:hover svg { fill: var(--white) } .arrows-style-2 .swiper-prev-arrow { height: 45px; width: 45px; line-height: 42px; text-align: center; border: 1px solid var(--white); border-radius: 50%; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); transition: all .4s ease; z-index: 9 } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-2 .swiper-prev-arrow { left: 5px } } @media(max-width:1199px) { .arrows-style-2 .swiper-prev-arrow { display: none; visibility: hidden } } .arrows-style-2 .swiper-prev-arrow svg { fill: var(--white); transition: all .4s ease } .arrows-style-2 .swiper-prev-arrow:hover { background-color: var(--primary-color1); border: 1px solid var(--primary-color1) } .arrows-style-2 .swiper-prev-arrow:hover svg { fill: var(--white) } .arrows-style-2 .swiper-next-arrow { height: 45px; width: 45px; line-height: 42px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all .4s ease; z-index: 9 } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-2 .swiper-next-arrow { right: 5px } } @media(max-width:1199px) { .arrows-style-2 .swiper-next-arrow { display: none; visibility: hidden } } .arrows-style-2 .swiper-next-arrow svg { fill: var(--border-color); transition: all .4s ease } .arrows-style-2 .swiper-next-arrow:hover { background-color: var(--primary-color1); border: 1px solid var(--primary-color1) } .arrows-style-2 .swiper-next-arrow:hover svg { fill: var(--white) } .arrows-style-2.sibling-2 .swiper-prev-arrow:hover { background-color: var(--primary-color2); border: 1px solid var(--primary-color2) } .arrows-style-2.sibling-2 .swiper-prev-arrow:hover svg { fill: var(--white) } .arrows-style-2.sibling-2 .swiper-next-arrow:hover { background-color: var(--primary-color2); border: 1px solid var(--primary-color2) } .arrows-style-2.sibling-2 .swiper-next-arrow:hover svg { fill: var(--white) } .arrows-style-2.sibling-3 .swiper-prev-arrow { height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid var(--white); border-radius: 0; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); transition: all .4s ease; z-index: 9 } .arrows-style-2.sibling-3 .swiper-prev-arrow i { color: var(--white) } .arrows-style-2.sibling-3 .swiper-prev-arrow:hover { background-color: var(--primary-color1); border: 1px solid var(--primary-color1) } .arrows-style-2.sibling-3 .swiper-prev-arrow:hover svg { fill: var(--white) } .arrows-style-2.sibling-3 .swiper-next-arrow { height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid var(--white); border-radius: 0; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all .4s ease; z-index: 9 } .arrows-style-2.sibling-3 .swiper-next-arrow i { color: var(--white) } .arrows-style-2.sibling-3 .swiper-next-arrow:hover { background-color: var(--primary-color1); border: 1px solid var(--primary-color1) } .arrows-style-2.sibling-3 .swiper-next-arrow:hover svg { fill: var(--white) } .arrows-style-3 .swiper-prev-arrow { height: 42px; width: 42px; line-height: 43px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; left: 2%; top: 50%; transform: translateY(-50%); transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-3 .swiper-prev-arrow { left: 10px } } .arrows-style-3 .swiper-prev-arrow i { font-size: 34px; margin-right: -32px; color: var(--border-color); transition: all .4s ease } .arrows-style-3 .swiper-prev-arrow:hover { border: 1px solid var(--primary-color2) } .arrows-style-3 .swiper-prev-arrow:hover i { color: var(--primary-color2); margin-right: 0 } .arrows-style-3 .swiper-next-arrow { height: 42px; width: 42px; line-height: 43px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; position: absolute; right: 2%; top: 50%; transform: translateY(-50%); transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-3 .swiper-next-arrow { right: 10px } } .arrows-style-3 .swiper-next-arrow i { font-size: 34px; margin-left: -28px; color: var(--border-color); transition: all .4s ease } .arrows-style-3 .swiper-next-arrow:hover { border: 1px solid var(--primary-color2) } .arrows-style-3 .swiper-next-arrow:hover i { color: var(--primary-color2); margin-left: 0 } .arrows-style-3.sibling-2 .swiper-prev-arrow:hover { border: 1px solid var(--primary-color1) } .arrows-style-3.sibling-2 .swiper-prev-arrow:hover i { color: var(--primary-color1); margin-right: 0 } .arrows-style-3.sibling-2 .swiper-next-arrow:hover { border: 1px solid var(--primary-color1) } .arrows-style-3.sibling-2 .swiper-next-arrow:hover i { color: var(--primary-color1); margin-right: 0 } .arrows-style-4 .swiper-prev-arrow { height: 42px; width: 42px; line-height: 43px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-4 .swiper-prev-arrow { left: 10px } } .arrows-style-4 .swiper-prev-arrow i { font-size: 34px; margin-right: -32px; color: var(--border-color); transition: all .4s ease } .arrows-style-4 .swiper-prev-arrow:hover { border: 1px solid var(--primary-color2) } .arrows-style-4 .swiper-prev-arrow:hover i { color: var(--primary-color2); margin-right: 0 } .arrows-style-4 .swiper-next-arrow { height: 42px; width: 42px; line-height: 43px; text-align: center; border: 1px solid var(--border-color); border-radius: 50%; transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .arrows-style-4 .swiper-next-arrow { right: 10px } } .arrows-style-4 .swiper-next-arrow i { font-size: 34px; margin-left: -28px; color: var(--border-color); transition: all .4s ease } .arrows-style-4 .swiper-next-arrow:hover { border: 1px solid var(--primary-color2) } .arrows-style-4 .swiper-next-arrow:hover i { color: var(--primary-color2); margin-left: 0 } .arrows-style-4.sibling-2 .swiper-prev-arrow { border: none } .arrows-style-4.sibling-2 .swiper-prev-arrow img { transition: all .5s ease } .arrows-style-4.sibling-2 .swiper-prev-arrow:hover img { padding-right: 15px } .arrows-style-4.sibling-2 .swiper-next-arrow { border: none } .arrows-style-4.sibling-2 .swiper-next-arrow img { transition: all .5s ease } .arrows-style-4.sibling-2 .swiper-next-arrow:hover img { padding-left: 15px } .counter-wrapper { background: #fff; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); } .counter-single { padding: 25px 0 } .counter-single svg { fill: var(--primary-color1); transition: all .5s ease } .counter-single:hover svg { transform: scale(1.2) } .counter-single .counter-icon { margin-bottom: 12px } .counter-single .coundown .counter-icon { margin-bottom: 30px } .counter-single .coundown h3 { font-size: 2.6rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 5px; display: inline-block } .counter-single .coundown p, .counter-single .coundown .info-single .info-text a, .info-single .info-text .counter-single .coundown a { margin-bottom: 0; font-size: 2.2rem; font-weight: 500; color: var(--text-secondary); line-height: 1.3 } .counter-single.sibling-2 { background-color: var(--white); position: relative; z-index: 1 } .counter-single.sibling-2 svg { fill: var(--primary-color2) !important } .counter-single.sibling-3 { background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); -webkit-backdrop-filter: blur(42px); backdrop-filter: blur(42px); position: relative; z-index: 2; width: 100%; max-width: 220px; margin: 0 auto; border: 1px solid rgba(23, 179, 132, .25); transition: all .6s ease } @media(max-width:991px) { .counter-single.sibling-3 { max-width: unset } } .counter-single.sibling-3:hover { border: 1px solid rgba(255, 255, 255, .35) } .counter-single.sibling-3 .counter-icon { margin-bottom: 5px } .counter-single.sibling-3 .coundown .bi { font-size: 40px; color: var(--white); font-weight: 800 } .counter-single.sibling-3 .coundown h3 { font-size: 3.6rem; font-weight: 800; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 0 } @media(max-width:576px) { .counter-single.sibling-3 .coundown h3 { font-size: 3.4rem; font-weight: 800; color: var(--white) } } .counter-single.sibling-3 .coundown p, .counter-single.sibling-3 .coundown .info-single .info-text a, .info-single .info-text .counter-single.sibling-3 .coundown a { color: var(--white); margin-bottom: 0; margin-top: -5px } .partner-single { text-align: center } .partner-single img { vertical-align: middle; filter: grayscale(0); opacity: 1; transition: all .45s ease } .partner-single img:hover { filter: grayscale(1); opacity: .8 } .partner-single.sibling-2 img { vertical-align: middle; filter: grayscale(1); opacity: .8; transition: all .45s ease } .partner-single.sibling-2 img:hover { filter: grayscale(0); opacity: 1 } .insta-feed-single img { width: 100% } .section-title-small { margin-bottom: 40px; margin-top: -8px } .section-title-small i { font-size: 22px; color: var(--text-secondary) } .section-title-small span { font-size: 3rem; font-weight: 600; color: var(--text-secondary); padding-left: 18px } .section-title4 { text-align: center; margin-bottom: 60px; display: flex; flex-direction: column; justify-content: center; text-align: center } .section-title4 span { display: block; font-family: var(--font-work-sans); font-size: 1.8rem; font-weight: 400; color: var(--text-secondary); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 3px } .section-title4 h2 { font-size: 4.2rem; font-weight: 600; color: var(--text-primary); margin-bottom: 15px; margin-top: -7px; display: inline-block; font-family: 'Yeseva One', cursive } .section-title4 img { max-width: 370px; width: 100%; margin-left: auto; margin-right: auto } .section-title4.sibling2 span { display: block; font-family: var(--font-satisfy); font-size: 1.8rem; font-weight: 400; color: var(--primary-color1); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 3px } .section-title4.sibling2 h2 { font-size: 4.2rem; font-weight: 600; color: var(--white); margin-bottom: 15px; margin-top: -7px; display: inline-block; font-family: 'Yeseva One', cursive } .section-title4.sibling3 span { display: block; font-family: var(--font-work-sans); font-size: 1.8rem; font-weight: 400; color: var(--primary-color1); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 3px } .section-title4.sibling3 h2 { font-size: 4.2rem; font-weight: 600; color: var(--text-primary); margin-bottom: 15px; margin-top: -7px; display: inline-block; font-family: 'Yeseva One', cursive } .counter-section5 { position: relative; height: auto } .counter-section5 .counter5-bg { position: absolute; top: 0; right: 0; bottom: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .tour-place-section { overflow: hidden } .tour-card-wrapper { width: 100%; max-width: 1400px; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; flex-wrap: wrap; margin: -15px auto } @media(min-width:768px)and (max-width:991px) { .tour-card-wrapper { align-items: center } } .tour-card-wrapper .col-40 { width: 40%; height: auto; padding: 15px } @media(min-width:768px)and (max-width:991px) { .tour-card-wrapper .col-40 { width: 40% } } @media(max-width:767px) { .tour-card-wrapper .col-40 { width: 100% } } .tour-card-wrapper .col-60 { width: 60%; height: auto; padding: 15px } @media(min-width:768px)and (max-width:991px) { .tour-card-wrapper .col-60 { width: 60% } } @media(max-width:767px) { .tour-card-wrapper .col-60 { width: 100% } } .tour-card-wrapper .col-30 { width: 30%; height: auto; padding: 15px } @media(min-width:768px)and (max-width:991px) { .tour-card-wrapper .col-30 { width: 50% } } @media(max-width:767px) { .tour-card-wrapper .col-30 { width: 100% } } .tour-card-alpha { transition: all .5s ease } .tour-card-alpha:hover .tour-badge { background: var(--primary-color2) } .tour-card-alpha img { width: 100% } .tour-card-beta { position: relative; transition: all .5s ease } .tour-card-beta:hover .tour-badge { background: var(--primary-color2) } .tour-card-beta img { width: 100% } .tour-card-gamma { transition: all .5s ease } .tour-card-gamma:hover .tour-badge { background: var(--primary-color2) } .tour-card-gamma img { width: 100% } .tour-card-delta { transition: all .5s ease } .tour-card-delta:hover .tour-badge { background: var(--primary-color2) } .tour-card-delta img { width: 100% } .tour-badge { background: #fff; padding: 20px; border-radius: 50%; text-align: center; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); width: 100%; max-width: 200px; min-height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -100px; position: relative; transition: all .5s ease } @media(max-width:576px) { .tour-badge { width: 100%; max-width: 160px; min-height: 160px } } .tour-badge h5 { font-size: 2.2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 8px; line-height: 1.4 } .tour-badge p, .tour-badge .info-single .info-text a, .info-single .info-text .tour-badge a { font-size: 16px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans); margin-bottom: 5px } .tour-badge span { display: inline-block; border-radius: 30px; width: 34px; height: 2px; background: var(--text-primary) } .tour-badge.sibling-2 { position: absolute; bottom: 30%; right: -70px; z-index: 99 } @media(min-width:992px)and (max-width:1199px) { .tour-badge.sibling-2 { right: 20px; bottom: 20px } } @media(min-width:768px)and (max-width:991px) { .tour-badge.sibling-2 { right: 20px; bottom: 20px } } @media(max-width:767px) { .tour-badge.sibling-2 { position: relative } } @media(max-width:1600px) { .tour-badge.sibling-2 { right: 0 } } .footer-section { background-image: linear-gradient(rgba(9, 16, 13, 0.88), rgba(9, 16, 13, 0.88)), url("../images/bg/footer1-bg.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; position: relative; padding: 0 10px } .footer-section .footer-plane1 { position: absolute; right: 2%; top: 10%; -webkit-animation: jump 1s linear infinite alternate; animation: jump 1s linear infinite alternate } .footer-section .footer-plane1 svg { fill: var(--primary-color1) } @media(max-width:1199px) { .footer-section .footer-plane1 { display: none; visibility: none } } @-webkit-keyframes jump { 0% { transform: translateY(0px) } 25% { transform: translateY(-10px) } 50% { transform: translateY(0px) } 70% { transform: translateY(10px) } 100% { transform: translateY(0px) } } @keyframes jump { 0% { transform: translateY(0px) } 25% { transform: translateY(-10px) } 50% { transform: translateY(0px) } 70% { transform: translateY(10px) } 100% { transform: translateY(0px) } } .footer-section .footer-plane2 { position: absolute; left: 4%; top: 10% } .footer-section .footer-plane2 svg { fill: var(--primary-color1) } @media(max-width:991px) { .footer-section .footer-plane2 { display: none; visibility: none } } .footer-section::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #292b31; z-index: -2 } .footer-section .footer-about { background-color: rgba(17, 17, 17, .9); padding: 25px; border-radius: 50%; position: relative; overflow: hidden; max-width: 280px; margin: 0 auto } @media(min-width:768px)and (max-width:991px) { .footer-section .footer-about { max-width: 220px; margin: 0 auto } } @media(min-width:576px)and (max-width:768px) { .footer-section .footer-about { max-width: 220px; margin: 0 auto } } @media(max-width:1199px) { .footer-section .footer-about { padding: 20px } } .footer-section .footer-about .footer-plane { position: absolute; left: 50%; transform: translateX(-50%); top: 40px; opacity: .1 } .footer-section .footer-about .footer1-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center } .footer-section .footer-about .footer1-logo p, .footer-section .footer-about .footer1-logo .info-single .info-text a, .info-single .info-text .footer-section .footer-about .footer1-logo a { font-size: 16px; font-weight: 400; color: var(--primary-color1); font-family: var(--font-work-sans); margin-bottom: 0; margin-top: 10px } @media(max-width:1199px) { .footer-section .footer-about .footer1-logo img { max-width: 130px; width: 100% } } .footer-section .footer-about svg { -webkit-animation: rotate 15s linear infinite; animation: rotate 15s linear infinite } .footer-section .footer-about svg path { fill: #fff } @-webkit-keyframes rotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes rotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .footer-section .pay-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: start; gap: 15px } .footer-section .footer-top { padding: 40px 0 } .footer-section .footer-meta { margin-top: 70px } @media(max-width:576px) { .footer-section .footer-meta { margin-top: 50px } } .footer-section .footer-meta h4 { font-size: 2rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); margin-right: 20px; margin-bottom: 0 } @media(min-width:992px)and (max-width:1199px) { .footer-section .footer-meta h4 { margin-right: 10px; font-size: 2rem } } @media(max-width:576px) { .footer-section .footer-meta h4 { display: none; visibility: hidden } } .footer-section .footer-social { padding: 0; list-style: none; display: flex; flex-direction: row; gap: 20px; margin-bottom: 0 } .footer-section .footer-social i { border: 1px solid #5e5e5e; width: 30px; height: 30px; line-height: 29px; color: var(--white); background: #0f1012; text-align: center; font-size: 16px; border-radius: 50%; transition: all .5s ease-out 0s } .footer-section .footer-social i:hover { background: var(--primary-color1); border: 1px solid var(--primary-color1) } .footer-section .footer-item h4 { font-size: 2.4rem; font-weight: 500; color: var(--white); margin-bottom: 25px; font-family: 'Yeseva One', cursive; position: relative; padding-bottom: 10px } .footer-section .footer-item h4::after { content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; border-radius: 30px; display: block; background: linear-gradient(90deg, var(--primary-color1), transparent) } .footer-section .footer-item .link-list { margin: 0; padding: 0; list-style: none } .footer-section .footer-item .link-list li { margin-bottom: 15px; padding-left: 0; transition: all .55s ease; position: relative } .footer-section .footer-item .link-list li::after { content: ""; position: absolute; top: 12px; left: 0; width: 8px; height: 2px; display: block; background: var(--primary-color1); opacity: 0; transition: all .55s ease } .footer-section .footer-item .link-list li:last-child { margin-bottom: 0 } .footer-section .footer-item .link-list li:hover { padding-left: 15px } .footer-section .footer-item .link-list li:hover::after { content: ""; opacity: 1 } .footer-section .footer-item .link-list li:hover a { color: var(--primary-color1) } .footer-section .footer-item .link-list a { font-size: 17px; font-weight: 400; font-family: var(--font-work-sans); color: var(--border-color); transition: all .4s ease; color: #d7d3d3 } .footer-section .footer-item .contact-list { list-style: none; margin: 0; padding: 0 } .footer-section .footer-item .contact-list li { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 15px; gap: 12px } .footer-section .footer-item .contact-list li:hover .icon .bi { background: var(--primary-color1); color: var(--white) } .footer-section .footer-item .contact-list li:last-child { margin-bottom: 0 } .footer-section .footer-item .contact-list li .icon .bi { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid var(--primary-color1); color: var(--primary-color1); display: block; transition: all .45s ease; font-size: 16px } .footer-section .footer-item .contact-list li .text { color: #FFF; } .footer-section .footer-item .contact-list li .text a { display: block; margin-bottom: 3px } .footer-section .footer-bottom { padding: 16px 0; border-top: 1px solid rgba(255, 255, 255, .1) } .footer-section .footer-bottom p, .footer-section .footer-bottom .info-single .info-text a, .info-single .info-text .footer-section .footer-bottom a { font-size: 14px; font-weight: 400; font-family: var(--font-exo); color: var(--white); margin-bottom: 0; margin-right: 30px } @media(max-width:991px) { .footer-section .footer-bottom p, .footer-section .footer-bottom .info-single .info-text a, .info-single .info-text .footer-section .footer-bottom a { margin-right: 0 } } .footer-section .footer-bottom p .egns-lab, .footer-section .footer-bottom .info-single .info-text a .egns-lab, .info-single .info-text .footer-section .footer-bottom a .egns-lab { font-size: 13px; font-weight: 500; color: var(--primary-color1) } .footer-section .footer-bottom .footer-logo-list { margin: 0; padding: 0; list-style: none; display: inline-flex } .footer-section .footer-bottom .footer-logo-list li { margin-right: 20px } .footer-section .footer-bottom .footer-logo-list li img { transition: all .6s ease } .footer-section .footer-bottom .footer-logo-list li:last-child { margin-right: 0 } .footer-section .footer-bottom .footer-logo-list li:hover img { transform: rotate(360deg) } .footer-section .footer-bottom .f-bottom-list { margin: 0; padding: 0; list-style: none } .footer-section .footer-bottom .f-bottom-list li:first-child a { position: relative; padding-right: 15px; margin-right: 15px } .footer-section .footer-bottom .f-bottom-list li:first-child a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background: var(--white) } .footer-section .footer-bottom .f-bottom-list a { font-size: 14px; font-weight: 500; color: var(--white); transition: all .42s ease } .footer-section .footer-bottom .f-bottom-list a:hover { color: var(--primary-color1) } .footer-section.sibling-2 .footer1-logo p, .footer-section.sibling-2 .footer1-logo .info-single .info-text a, .info-single .info-text .footer-section.sibling-2 .footer1-logo a { font-size: 16px; font-weight: 400; color: var(--primary-color2) } .footer-section.sibling-2 .footer-item h4 { font-weight: 500 } .footer-section.sibling-2 .footer-item h4::after { content: ""; background: linear-gradient(90deg, var(--primary-color2), transparent) } .footer-section.sibling-2 .link-list li:hover a { color: var(--primary-color2) } .footer-section.sibling-2 .link-list li::after { background: var(--primary-color2) } .footer-section.sibling-2 .link-list a { color: #FFF } .footer-section.sibling-2 .contact-list li .icon .bi { border: 1px solid var(--primary-color2); color: var(--primary-color2) } .footer-section.sibling-2 .contact-list li:hover .icon .bi { background: var(--primary-color2); color: var(--white) } .footer-section.sibling-2 .footer-social i:hover { background: var(--primary-color2); border: 1px solid var(--primary-color2); color: var(--text-primary) } .footer-section.sibling-2 .footer-bottom p .egns-lab, .footer-section.sibling-2 .footer-bottom .info-single .info-text a .egns-lab, .info-single .info-text .footer-section.sibling-2 .footer-bottom a .egns-lab { color: var(--primary-color2) } .footer-section.sibling-2 .footer-bottom .f-bottom-list a:hover { color: var(--primary-color2) } .footer-section.sibling-3 .footer1-logo p, .footer-section.sibling-3 .footer1-logo .info-single .info-text a, .info-single .info-text .footer-section.sibling-3 .footer1-logo a { font-size: 16px; font-weight: 400; color: var(--primary-color3) } .footer-section.sibling-3 .footer-item h4::after { content: ""; background: linear-gradient(90deg, var(--primary-color3), transparent) } .footer-section.sibling-3 .link-list li:hover a { color: var(--primary-color3) } .footer-section.sibling-3 .link-list li::after { background: var(--primary-color3) } .footer-section.sibling-3 .link-list a { color: var(--border-color) } .footer-section.sibling-3 .contact-list li .icon .bi { border: 1px solid var(--primary-color3); color: var(--primary-color3) } .footer-section.sibling-3 .contact-list li:hover .icon .bi { background: var(--primary-color3); color: var(--white) } .footer-section.sibling-3 .footer-social i:hover { background: var(--primary-color3); border: 1px solid var(--primary-color3); color: var(--text-primary) } .footer-section.sibling-3 .footer-bottom p .egns-lab, .footer-section.sibling-3 .footer-bottom .info-single .info-text a .egns-lab, .info-single .info-text .footer-section.sibling-3 .footer-bottom a .egns-lab { color: var(--primary-color3) } .footer-section.sibling-3 .footer-bottom .f-bottom-list a:hover { color: var(--primary-color3) } .blog-single1 { overflow: hidden; position: relative; max-width: 470px; margin: 0 auto } .blog-single1 .image { position: relative } .blog-single1 .image span.blog-date { position: absolute; left: 20px; bottom: 20px; font-size: 15px; font-weight: 500; color: var(--text-primary); background: var(--white); padding: 6px 12px } @media(max-width:576px) { .blog-single1 .image image { width: 100% } } .blog-single1 .content { padding-top: 24px } .blog-single1 .content h4 { margin-bottom: 15px } .blog-single1 .content h4 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.45; transition: all .4s ease } .blog-single1 .content h4 a:hover { color: var(--primary-color1) } .blog-single1 .content i { margin-left: 5px; vertical-align: baseline } .blog-single2 { overflow: hidden; position: relative; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06) } .blog-single2:hover .image img { transform: scale(1.1) rotate(2deg) } .blog-single2 .image { position: relative; overflow: hidden } .blog-single2 .image img { transition: all .6s ease } @media(max-width:576px) { .blog-single2 .image img { width: 100% } } .blog-single2 .image span.blog-category { position: absolute; left: 25px; top: 25px; font-size: 14px; font-weight: 500; color: var(--white); background: var(--text-primary); padding: 6px 12px } .blog-single2 .content { padding: 30px 20px; text-align: center } .blog-single2 .content h5 a { font-size:18px; color: var(--text-primary); line-height: 1.45; transition: all .4s ease } .blog-single2 .content h5 a:hover { color: var(--primary-color2) } .blog-single2 .content .blog-date { margin-top: 15px } .blog-single2 .content .blog-date i { font-size: 13px; color: var(--text-secondary) } .blog-single2 .content .blog-date span { font-size: 17px; font-weight: 400; color: var(--text-secondary); display: inline-block; padding-left: 10px } .blog-single2.sibling-2 { box-shadow: unset; overflow: unset; margin-bottom: 25px } .blog-single2.sibling-2:hover .content { background: #fff7f5 } .blog-single2.sibling-2:hover .content h5 a { color: var(--primary-color3) } .blog-single2.sibling-2:hover .content a .bi { background: var(--primary-color3); color: var(--white) } .blog-single2.sibling-2 .image img { min-height: 330px; height: 100%; -o-object-fit: cover; object-fit: cover } @media(min-width:992px)and (max-width:1199px) { .blog-single2.sibling-2 .image img { min-height: 300px } } @media(max-width:991px) { .blog-single2.sibling-2 .image img { min-height: 280px } } .blog-single2.sibling-2 .content { width: 90%; background-color: var(--white); box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); margin: -90px auto 0; z-index: 1; position: relative; transition: all .55s ease; position: relative; padding: 30px 20px 40px } .blog-single2.sibling-2 .content .blog-date { margin-top: 0; margin-bottom: 5px } .blog-single2.sibling-2 .content h5 a { font-size: 2.4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.45; transition: all .4s ease } .blog-single2.sibling-2 .content>a .bi { width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; border: 1px solid var(--primary-color3); color: var(--primary-color3); display: inline-block; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 30px; font-weight: 600; background-color: var(--white); transition: all .5s ease } .blog-single2.sibling-3 { box-shadow: unset; overflow: unset } .blog-single2.sibling-3 .image img { min-height: 330px; height: 100%; -o-object-fit: cover; object-fit: cover } @media(min-width:992px)and (max-width:1199px) { .blog-single2.sibling-3 .image img { min-height: 300px } } @media(max-width:991px) { .blog-single2.sibling-3 .image img { min-height: 280px } } .blog-single2.sibling-3 .content { width: 90%; background-color: var(--white); box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); margin: -45px auto 0; z-index: 1; position: relative; transition: all .55s ease; position: relative; padding: 30px 20px } .blog-single2.sibling-3 .content .blog-date { margin-top: 0; margin-bottom: 8px } .blog-single2.sibling-3 .content h5 { margin-bottom: 15px } .blog-single2.sibling-3 .content h5 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.45; transition: all .45s ease } .blog-single2.sibling-3 .content h5 a:hover { color: var(--primary-color1) } .blog-single2.sibling-4 { box-shadow: unset; overflow: unset } .blog-single2.sibling-4 .image { position: relative } .blog-single2.sibling-4 .image .blog-date { position: absolute; left: 0; top: 20px; background-color: var(--white); padding: 5px 15px } .blog-single2.sibling-4 .image .blog-date .bi { margin-right: 8px } .blog-single2.sibling-4 .image img { min-height: 330px; height: 100%; -o-object-fit: cover; object-fit: cover } @media(min-width:992px)and (max-width:1199px) { .blog-single2.sibling-4 .image img { min-height: 300px } } @media(max-width:991px) { .blog-single2.sibling-4 .image img { min-height: 280px } } .blog-single2.sibling-4 .content { background-color: var(--white); box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); z-index: 1; position: relative; transition: all .55s ease; position: relative; padding: 25px 20px; text-align: left } .blog-single2.sibling-4 .content .blog-date { margin-top: 0; margin-bottom: 8px } .blog-single2.sibling-4 .content span.tour-category { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); display: block; margin-bottom: 5px } .blog-single2.sibling-4 .content h5 { margin-bottom: 15px } .blog-single2.sibling-4 .content h5 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.45; transition: all .45s ease } .blog-single2.sibling-4 .content h5 a:hover { color: var(--primary-color1) } .blog-single2.sibling-5 .content h5 a:hover { color: var(--primary-color1) } .blog-single3 { overflow: hidden; position: relative; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); max-width: 440px; margin-left: auto; margin-right: auto } .blog-single3:hover .image img { transform: scale(1.1) } .blog-single3:hover .image span.blog-date { font-size: 15px; font-weight: 500; color: var(--white); background: var(--text-primary) } .blog-single3:hover .image span.blog-date .bi { color: var(--white); font-size: 14px; margin-right: 8px } .blog-single3 .image { position: relative; overflow: hidden } .blog-single3 .image img { transition: all .55s ease } .blog-single3 .image span.blog-date { position: absolute; left: 20px; bottom: 20px; font-size: 15px; font-weight: 500; color: var(--text-secondary); background: var(--white); padding: 6px 12px; transition: all .45s ease } .blog-single3 .image span.blog-date .bi { color: var(--text-secondary); font-size: 14px; margin-right: 8px } .blog-single3 .content { background: #fff; padding: 25px } @media(min-width:1200px)and (max-width:1399px) { .blog-single3 .content { padding: 20px } } .blog-single3 .content span.category { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 8px; display: inline-block } .blog-single3 .content h4 { margin-bottom: 25px } .blog-single3 .content h4 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.45; transition: all .4s ease } @media(min-width:1200px)and (max-width:1399px) { .blog-single3 .content h4 a { font-size: 2.2rem } } .blog-single3 .content h4 a:hover { color: var(--text-secondary) } .blog-single3 .content i { margin-left: 5px; vertical-align: baseline } .read-more-btn { font-size: 17px; font-weight: 400; color: var(--text-secondary); transition: all .4s ease; font-family: var(--font-work-sans); position: relative; padding-bottom: 5px; display: inline-flex; margin-top: 0; transition: all .55s ease; transform: translateY(0px); transition: all .4s ease } .read-more-btn i { margin-left: 10px } .read-more-btn::after { content: ""; width: 100%; height: 1px; border-bottom: 1px dashed #5e5e5e; position: absolute; left: 0; bottom: 0; transition: all .55s ease } .read-more-btn:hover { color: var(--primary-color1) } .read-more-btn:hover::after { border-bottom: 1px dashed var(--primary-color1) } .read-more-btn.sibling-2 { border: 1px solid #5e5e5e; padding-bottom: unset; padding: 8px 20px } .read-more-btn.sibling-2::after { content: unset } .read-more-btn.sibling-2:hover { background-color: var(--primary-color2); color: var(--text-primary); border: 1px solid var(--primary-color2) } h3.blog-details-subtitle { font-size: 3rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.7; margin-bottom: 10px } .blog-details-single { margin-bottom: 40px } .blog-details-single>img { margin-bottom: 30px } .blog-details-single p, .blog-details-single .info-single .info-text a, .info-single .info-text .blog-details-single a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); line-height: 1.7; margin-bottom: 20px } .blog-details-single blockquote { background: #fff7f5; padding: 40px 45px; position: relative; margin: 30px 0 } .blog-details-single blockquote h4 { font-size: 2.4rem; font-weight: 500; color: var(--text-secondary); font-family: 'Yeseva One', cursive; font-style: italic; line-height: 1.5 } .blog-details-single blockquote .quote-icon { position: absolute; right: 50px; bottom: -12px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; border: 1px solid var(--primary-color1) } .blog-details-single blockquote .quote-icon svg { fill: var(--primary-color1) } .blog-details-single .details-img-group { margin-top: 0; margin-bottom: 35px } .blog-details-single .blog-details-feature-list { margin-bottom: 20px } .blog-details-single .blog-details-feature-list li { font-size: 18px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 12px } .blog-details-single .blog-details-feature-list li:last-child { margin-bottom: 0 } .blog-details-single .blog-details-feature-list li::marker { color: var(--primary-color1); font-size: 24px } .blog-share-area { border-bottom: 1px solid #eee } .blog-share-area .blog-share { overflow: hidden; height: 24px; cursor: pointer } .blog-share-area .blog-share:hover .front { transform: translateY(-24px) } .blog-share-area .blog-share:hover .back { transform: translateY(-24px) } .blog-share-area .blog-share .front { text-align: end; transition: all .62s ease-in-out } .blog-share-area .blog-share .front img { vertical-align: baseline } .blog-share-area .blog-share .front span { text-transform: uppercase; font-size: 1.6rem; font-weight: 500; color: var(--text-color); display: inline-block; margin-bottom: 0; margin-left: 5px } .blog-share-area .blog-share .back { text-align: end; transition: all .62s ease-in-out } .blog-share-area .blog-share .back .share-list { margin: 0; padding: 0; list-style: none } .blog-share-area .blog-share .back .share-list a i { color: var(--text-color2); transition: all .35s ease-in-out } .blog-share-area .blog-share .back .share-list a:hover i { color: var(--primary-color1) } .blog-tag-area { display: flex; justify-content: start; align-items: center; padding-bottom: 15px; width: 100% } .blog-tag-area h6 { font-size: 15px; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin: 0 } .blog-tag-area ul.tag-list { display: flex; justify-content: start; list-style: none; margin-bottom: 0 } .blog-tag-area ul.tag-list li { margin-right: 10px } .blog-tag-area ul.tag-list li a { font-size: 17px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); transition: all .4s ease } .blog-tag-area ul.tag-list li a:hover { color: var(--primary-color1) } .blog-details-author { background: #fff; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); padding: 25px; margin: 70px 0; display: flex; justify-content: flex-start; align-items: center; gap: 25px; flex-wrap: nowrap } @media(max-width:991px) { .blog-details-author { flex-wrap: wrap; justify-content: center; text-align: center } } .blog-details-author .author-content h5 { font-size: 2rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 10px } .blog-details-author .author-content p, .blog-details-author .author-content .info-single .info-text a, .info-single .info-text .blog-details-author .author-content a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .blog-details-author .author-content .blog-author-social { list-style: none; margin: 0; padding: 0; margin-top: 10px } .blog-details-author .author-content .blog-author-social li i { color: var(--primary-color1); transition: all .45s ease } .blog-details-author .author-content .blog-author-social li i:hover { transform: scale(1.1) } .commetn-area { margin-bottom: 54px } .commetn-area .comment-list { padding: 0; margin: 35px 0 0; list-style: none } .commetn-area .comment-list>li:last-child .comment-item { margin-bottom: 0 } .commetn-area .comment-list>li .comment-reply { margin: 0; padding: 0 0 0 10%; list-style: none } .commetn-area .comment-list .comment-item { border-radius: 5px; border-bottom: 1px solid #eee; padding-bottom: 30px; display: flex; justify-content: start; align-items: start; flex-direction: row; flex-wrap: nowrap; gap: 20px; margin-bottom: 35px } @media(max-width:576px) { .commetn-area .comment-list .comment-item { flex-wrap: wrap } } .commetn-area .comment-list .comment-meta { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 10px; margin-bottom: 15px } @media(max-width:576px) { .commetn-area .comment-list .comment-meta { gap: 5px; flex-wrap: wrap } } .commetn-area .comment-list .comment-meta h5 { font-size: 2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-right: 0 } .commetn-area .comment-list .comment-meta span { font-size: 14px; font-weight: 500; color: var(--text-color2) } .commetn-area .comment-list .content p, .commetn-area .comment-list .content .info-single .info-text a, .info-single .info-text .commetn-area .comment-list .content a { font-size: 16px; font-weight: 400; line-height: 1.8 } .commetn-area .comment-list .content .reply { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); padding-bottom: 3px; border-bottom: 1px dashed var(--text-secondary); background-color: var(--white); outline: none; margin-top: 5px; transition: all .4s ease } .commetn-area .comment-list .content .reply:hover { color: var(--primary-color1); border-bottom: 1px dashed var(--primary-color1) } .commetn-area .comment-list .content .reply .bi { margin-left: 5px } .blog-comment-form { margin-top: 35px } .comment-form-area .contact-from-wrapper { padding: 15px 55px 50px } @media(min-width:768px)and (max-width:991px) { .comment-form-area .contact-from-wrapper { padding: 15px 35px 50px } } @media(max-width:767px) { .comment-form-area .contact-from-wrapper { padding: 15px 25px 50px } } .testimonial-section .swiper { padding: 12px; margin: -12px } .testimonial-section .testimonial-wrapper { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; width: 100% } @media(max-width:991px) { .testimonial-section .testimonial-wrapper { flex-wrap: wrap } } .testimonial-section .testimonial-wrapper .testimonial-area { padding: 100px 0; width: 58%; background: var(--text-primary); min-height: 660px; position: relative; display: flex; align-items: center } @media(max-width:991px) { .testimonial-section .testimonial-wrapper .testimonial-area { width: 100%; min-height: auto; padding: 60px 0 } } .testimonial-section .testimonial-wrapper .testimonial-area .testi-quote { position: absolute; top: 10%; right: 5% } .testimonial-section .testimonial-wrapper .newsletter-area { min-height: 660px; background: url(../images/bg/newsletter-bg.png); background-size: cover; background-repeat: no-repeat; background-size: cover; padding: 70px 10px; width: 42%; min-width: 440px; display: flex; justify-content: center; align-items: center } @media(max-width:991px) { .testimonial-section .testimonial-wrapper .newsletter-area { width: 100% } } @media(max-width:576px) { .testimonial-section .testimonial-wrapper .newsletter-area { min-width: 280px } } .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box { text-align: center; padding: 50px 35px; background: linear-gradient(152.97deg, rgba(0, 0, 0, 0.32) 0%, rgba(255, 255, 255, 0) 100%); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); width: 100%; max-width: 400px; border: 1px solid rgba(0, 255, 178, .15) } @media(max-width:576px) { .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box { padding: 50px 25px } } .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box h3 { font-size: 3.2rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 15px } .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box p, .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box .info-single .info-text a, .info-single .info-text .testimonial-section .testimonial-wrapper .newsletter-area .newsletter-form-box a { font-size: 17px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .testimonial-section4 .swiper { margin: -15px; padding: 15px } .newsletter-form { margin-top: 40px } .newsletter-form .form-inner { width: 100%; margin-bottom: 25px } .newsletter-form .form-inner input, .newsletter-form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .newsletter-form .form-inner textarea, .newsletter-form form.style-1 .form-inner textarea, form.style-1 .newsletter-form .form-inner textarea { width: 100%; background: 0 0; border: 1px solid #dddddd6e; height: 52px; line-height: 52px; padding: 0 20px; color: var(--white); transition: all .4s ease } .newsletter-form .form-inner input:focus, .newsletter-form .contact-from-wrapper .form-inner textarea:focus, .contact-from-wrapper .newsletter-form .form-inner textarea:focus, .newsletter-form form.style-1 .form-inner textarea:focus, form.style-1 .newsletter-form .form-inner textarea:focus { border: 1px solid var(--primary-color1) } .newsletter-form .form-inner input::-moz-placeholder, .newsletter-form .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .newsletter-form .form-inner textarea::-moz-placeholder, .newsletter-form form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .newsletter-form .form-inner textarea::-moz-placeholder { font-size: 16px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); text-align: center } .newsletter-form .form-inner input:-ms-input-placeholder, .newsletter-form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .newsletter-form .form-inner textarea:-ms-input-placeholder, .newsletter-form form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .newsletter-form .form-inner textarea:-ms-input-placeholder { font-size: 16px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); text-align: center } .newsletter-form .form-inner input::placeholder, .newsletter-form .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .newsletter-form .form-inner textarea::placeholder, .newsletter-form form.style-1 .form-inner textarea::placeholder, form.style-1 .newsletter-form .form-inner textarea::placeholder { font-size: 16px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); text-align: center } .testimonial-wrap { width: 100%; max-width: 690px; margin-left: auto; margin-right: 40px; padding: 30px 30px 30px 0; position: relative } @media(max-width:991px) { .testimonial-wrap { margin-left: auto; margin-right: auto } } @media(max-width:1399px) { .testimonial-wrap { padding: 30px } } .testimonial-single1 { padding-bottom: 30px } .testimonial-single1 .testimonial-content { border: 1px solid rgba(249, 248, 248, .16); padding: 35px 25px } @media(min-width:768px)and (max-width:991px) { .testimonial-single1 .testimonial-content { padding: 30px 25px } } @media(min-width:576px)and (max-width:768px) { .testimonial-single1 .testimonial-content { padding: 25px } } @media(max-width:576px) { .testimonial-single1 .testimonial-content { padding: 25px 20px } } .testimonial-single1 .testimonial-content>p, .testimonial-single1 .info-single .info-text .testimonial-content>a, .info-single .info-text .testimonial-single1 .testimonial-content>a { font-size: 2.4rem; font-weight: 300; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 0 } .testimonial-single1 .star-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; margin-bottom: 10px } .testimonial-single1 .star-list li .bi { color: var(--primary-color1) } .testimonial-single1 .testi-author1 { display: flex; align-items: center; flex-direction: row; justify-content: flex-start; gap: 18px; padding-top: 30px; padding-left: 55px; position: relative; margin-top: 20px } .testimonial-single1 .testi-author1::before { content: ""; position: absolute; top: -45px; left: 60px; width: 50px; height: 50px; background: #09100d; border-bottom: 1px solid rgba(249, 248, 248, .16); border-left: 1px solid rgba(249, 248, 248, .16); transform: rotate(-45deg) } .testimonial-single1 .testi-author1 .image { width: 60px; height: 60px } .testimonial-single1 .testi-author1 .image img { width: 100%; border-radius: 50% } .testimonial-single1 .testi-author1 .author-text h5 { font-size: 2rem; font-weight: 600; color: var(--white); font-family: 'Yeseva One', cursive } .testimonial-single1 .testi-author1 .author-text p, .testimonial-single1 .testi-author1 .author-text .info-single .info-text a, .info-single .info-text .testimonial-single1 .testi-author1 .author-text a { font-size: 16px; font-weight: 400; color: #cbcbcb; margin-bottom: 0 } .testimonial-single1.siblling-2 { position: relative; padding: 0 15px } .testimonial-single1.siblling-2 svg { fill: var(--text-light); position: absolute; top: 50%; transform: translateY(-50%); left: -40px } .testimonial-single1.siblling-2 .star-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 10px; margin-bottom: 10px } .testimonial-single1.siblling-2 .star-list li .bi { color: var(--primary-color2) } @media(max-width:991px) { .testimonial-single1.siblling-2 .star-list { justify-content: start } } .testimonial-single1.siblling-2>p, .info-single .info-text .testimonial-single1.siblling-2>a { font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans); margin-bottom: 35px } .testimonial-single1.siblling-2 .testi-author { display: flex; flex-direction: row; align-items: center; gap: 15px } .testimonial-single1.siblling-2 .author-text h5 { font-size: 2rem; font-weight: 600; color: var(--text-primary); } .testimonial-single1.siblling-2 .author-text p, .testimonial-single1.siblling-2 .author-text .info-single .info-text a, .info-single .info-text .testimonial-single1.siblling-2 .author-text a { font-size: 16px; font-weight: 400; color: var(--text-secondary); margin-bottom: 0 } .testimonial-single1.sibling-3 { text-align: center; border: 1px solid #eee; padding: 30px 25px } .testimonial-single1.sibling-3>p, .info-single .info-text .testimonial-single1.sibling-3>a { font-size: 2.2rem; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans); line-height: 1.6; margin-bottom: 22px } .testimonial-single1.sibling-3 .image { position: relative } .testimonial-single1.sibling-3 .image .testi-quote { position: absolute; top: -3px; left: -15px; width: 30px; height: 30px; line-height: 20px; text-align: center; border-radius: 50%; background: #d5543733; padding: 5px } .testimonial-single1.sibling-3 .testi-author { display: flex; flex-direction: column; gap: 10px } .testimonial-single1.sibling-3 .author-text h5 { font-size: 2rem; font-weight: 600; color: var(--text-primary); font-family: var(--font-work-sans); margin-bottom: 0 } .testimonial-single1.sibling-4 { text-align: left; padding: 30px 25px; background: #fff; box-shadow: 4px 3px 15px rgba(16, 33, 34, .06) } .testimonial-single1.sibling-4>p, .info-single .info-text .testimonial-single1.sibling-4>a { font-size: 2.2rem; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans); line-height: 1.6; margin-bottom: 22px } .testimonial-single1.sibling-4 .image { position: relative } .testimonial-single1.sibling-4 .image>img { width: 60px; height: 60px } .testimonial-single1.sibling-4 .image .testi-quote { position: absolute; top: -3px; left: -15px; width: 30px; height: 30px; line-height: 20px; text-align: center; border-radius: 50%; background: var(--white); padding: 5px; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06) } .testimonial-single1.sibling-4 .testi-author { display: flex; flex-direction: row; gap: 25px; margin-bottom: 15px; align-items: center } .testimonial-single1.sibling-4 .author-text h5 { font-size: 2rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 0 } .testimonial-single1.sibling-4 .author-text span { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); display: block } .swiper-pagination, .testimonial1-pagination { position: relative; z-index: 89; margin-top: -45px } @media(max-width:576px) { .swiper-pagination, .testimonial1-pagination { margin-top: unset } } .swiper-pagination .swiper-pagination-bullet, .testimonial1-pagination .swiper-pagination-bullet { border: 1px solid var(--white); width: 15px; height: 15px; z-index: 9; background: var(--white) } .swiper-pagination .swiper-pagination-bullet-active, .testimonial1-pagination .swiper-pagination-bullet-active { position: relative; border: 1px solid var(--primary-color1); background: 0 0 } .swiper-pagination .swiper-pagination-bullet-active::before, .testimonial1-pagination .swiper-pagination-bullet-active::before { content: ""; width: 9px; height: 9px; background: var(--primary-color1); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination.sibling-2, .testimonial1-pagination.sibling-2 { height: 16px; bottom: 0; margin-top: 50px } .swiper-pagination.sibling-2 .swiper-pagination-bullet, .testimonial1-pagination.sibling-2 .swiper-pagination-bullet { position: relative } .swiper-pagination.sibling-2 .swiper-pagination-bullet::before, .testimonial1-pagination.sibling-2 .swiper-pagination-bullet::before { content: ""; width: 9px; height: 9px; background: var(--text-primary); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination.sibling-2 .swiper-pagination-bullet-active, .testimonial1-pagination.sibling-2 .swiper-pagination-bullet-active { position: relative; border: 1px solid var(--primary-color2); background: 0 0 } .swiper-pagination.sibling-2 .swiper-pagination-bullet-active::before, .testimonial1-pagination.sibling-2 .swiper-pagination-bullet-active::before { content: ""; width: 9px; height: 9px; background: var(--primary-color2); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination.sibling-3, .testimonial1-pagination.sibling-3 { height: 16px; bottom: 0; margin-top: 50px } .swiper-pagination.sibling-3 .swiper-pagination-bullet, .testimonial1-pagination.sibling-3 .swiper-pagination-bullet { position: relative } .swiper-pagination.sibling-3 .swiper-pagination-bullet::before, .testimonial1-pagination.sibling-3 .swiper-pagination-bullet::before { content: ""; width: 9px; height: 9px; background: var(--text-primary); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination.sibling-3 .swiper-pagination-bullet-active, .testimonial1-pagination.sibling-3 .swiper-pagination-bullet-active { position: relative; border: 1px solid var(--primary-color3); background: 0 0 } .swiper-pagination.sibling-3 .swiper-pagination-bullet-active::before, .testimonial1-pagination.sibling-3 .swiper-pagination-bullet-active::before { content: ""; width: 9px; height: 9px; background: var(--primary-color3); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination.sibling-4, .testimonial1-pagination.sibling-4 { height: 16px; bottom: 0; margin-top: 50px } .swiper-pagination.sibling-4 .swiper-pagination-bullet, .testimonial1-pagination.sibling-4 .swiper-pagination-bullet { position: relative } .swiper-pagination.sibling-4 .swiper-pagination-bullet::before, .testimonial1-pagination.sibling-4 .swiper-pagination-bullet::before { content: ""; width: 9px; height: 9px; background: var(--text-primary); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination.sibling-4 .swiper-pagination-bullet-active, .testimonial1-pagination.sibling-4 .swiper-pagination-bullet-active { position: relative; border: 1px solid var(--primary-color1); background: 0 0 } .swiper-pagination.sibling-4 .swiper-pagination-bullet-active::before, .testimonial1-pagination.sibling-4 .swiper-pagination-bullet-active::before { content: ""; width: 9px; height: 9px; background: var(--primary-color1); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .swiper-pagination-number .swiper-pagination-bullet { background: 0 0; font-size: 15px; color: var(--text-primary) } .swiper-pagination-number .swiper-pagination-bullet-active { background: 0 0; font-size: 22px; color: var(--primary-color3) } .swiper-banner-pagination { position: relative; z-index: 89 } .swiper-banner-pagination .swiper-pagination-bullet { border: 1px solid var(--white); width: 15px; height: 15px; z-index: 9; background: var(--white) } .swiper-banner-pagination .swiper-pagination-bullet-active { position: relative; border: 1px solid var(--primary-color1); background: 0 0 } .swiper-banner-pagination .swiper-pagination-bullet-active::before { content: ""; width: 9px; height: 9px; background: var(--primary-color1); position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: -1 } .intro-sectoin { background-color: #fff7f5; padding: 115px 15px 230px } .intro-sectoin .intro-content { text-align: center } .intro-sectoin .intro-content span { font-size: 1.8rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-satisfy); position: relative; text-transform: uppercase; letter-spacing: 3px } .intro-sectoin .intro-content span::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -60px; width: 2px; height: 40px; background: var(--primary-color2); opacity: .55 } .intro-sectoin .intro-content h2 { font-size: 4.2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 20px; line-height: 1.4 } .intro-sectoin .intro-content p, .intro-sectoin .intro-content .info-single .info-text a, .info-single .info-text .intro-sectoin .intro-content a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 28px } .offer-single { position: relative; height: 300px; z-index: 1; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; padding: 30px; overflow: hidden } .offer-single:hover .offer-bg { transform: scale(1.1) rotate(2deg) } .offer-single .offer-badge { position: absolute; top: 25px; right: 25px } .offer-single .offer-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; transition: all .6s ease } .offer-single .content a { font-size: 2.2rem; font-weight: 600; color: var(--white); font-family: var(--font-work-sans); line-height: 1.2 } .offer-single .content span { font-size: 1.8rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); display: block } .offer-single.sibling-2 .content a { font-size: 2.5rem; font-weight: 600; color: var(--white); font-family: 'Yeseva One', cursive } .offer-single.sibling-2 .content span { font-size: 1.6rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); display: block; margin-top: 5px } .offer-section { margin-top: -170px } .offer-section .swiper { background: #fff; box-shadow: 4px 3px 35px rgba(117, 117, 117, .12); padding: 20px } .offer-section.sibling-2 { margin-top: unset } .feature-section { background-image: url(../images/bg/feature-bg.png); background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; margin-bottom: 120px } @media(max-width:1199px) { .feature-section { margin-bottom: 0 } } .feature-section .feature-image { transform: translateY(120px) } @media(min-width:992px)and (max-width:1199px) { .feature-section .feature-image { transform: translateY(0px) } } .feature-section .feature-content { padding: 50px 15px; width: 100%; max-width: 600px } .feature-section .feature-content span { font-size: 1.8rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-work-sans); text-transform: uppercase; letter-spacing: 3px } .feature-section .feature-content h2 { font-size: 4.2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 20px; line-height: 1.4 } .feature-section .feature-content ul.feature-list { list-style: none; margin: 35px 0 25px; padding: 0; display: flex; flex-direction: row; justify-content: start; flex-wrap: wrap } .feature-section .feature-content ul.feature-list li { font-size: 18px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 15px; display: block; position: relative; padding-left: 30px; min-width: 250px; transition: all .35s ease } .feature-section .feature-content ul.feature-list li:hover { transform: translateX(10px) } .feature-section .feature-content ul.feature-list li::before { content: url(../images/icons/list-arrow.svg); position: absolute; left: 0; top: 3px } .feature2-list { margin-bottom: 40px } .feature2-list li { font-size: 17px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 15px; padding-left: 12px } .feature2-list li:last-child { margin-bottom: 0 } .feature2-list li::marker { content: ""; font-family: bootstrap-icons; font-weight: 500 } .feature3-list { margin-bottom: 30px } .feature3-list li { font-size: 1.8rem; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 8px; padding-left: 0 } .feature3-list li:last-child { margin-bottom: 0 } .feature3-list li::marker { color: var(--primary-color2) } .feature3-list.sibling-2 li { font-size: 2rem; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans) } .feature3-list.sibling-2 li::marker { color: var(--primary-color1) } .feature-image-group { position: relative; margin-left: 0; margin-bottom: 30px } @media(min-width:992px)and (max-width:1199px) { .feature-image-group { margin-left: -20px } } @media(max-width:991px) { .feature-image-group { margin-left: 0; margin-top: 40px } } .feature-image-group .feature3-icon { position: absolute; left: 50%; transform: translateX(-50%); bottom: -30px; z-index: 2 } .feature-image-group .feature-image { position: relative; width: 100%; max-width: 320px; height: auto } .feature-image-group .feature-image::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: 0 0; width: 90%; height: 90%; border: 1px solid #e2e2e2 } .feature-image-group .feature-image.translate-y { transform: translateY(30px) } .tour-package-section { padding-left: 3%; padding-right: 3% } .tour-package-section .swiper-wrapper { padding-bottom: 60px } .tour-package-section .swiper-wrapper .swiper-slide:nth-child(even) { padding-top: 70px } @media(max-width:576px) { .tour-package-section .swiper-wrapper .swiper-slide:nth-child(even) { padding-top: 0 } } .tour-package-section .swiper-wrapper .swiper-slide-active p, .tour-package-section .swiper-wrapper .swiper-slide-active .info-single .info-text a, .info-single .info-text .tour-package-section .swiper-wrapper .swiper-slide-active a { -webkit-animation: unset; animation: unset } .tour-package-single { position: relative; width: 100%; max-width: 410px; z-index: 1; margin-left: auto; margin-right: auto } .tour-package-single:hover .package-content p, .tour-package-single:hover .package-content .info-single .info-text a, .info-single .info-text .tour-package-single:hover .package-content a { height: 100%; opacity: 1 } .tour-package-single .package-content { padding: 60px 40px; position: absolute; bottom: 0; left: 0; height: auto; transition: all .6s ease } @media(min-width:992px)and (max-width:1199px) { .tour-package-single .package-content { padding: 60px 25px } } @media(min-width:768px)and (max-width:991px) { .tour-package-single .package-content { padding: 60px 25px } } @media(min-width:576px)and (max-width:768px) { .tour-package-single .package-content { padding: 60px 25px } } @media(max-width:576px) { .tour-package-single .package-content { padding: 60px 25px } } .tour-package-single .package-content h4 { font-size: 2.5rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 5px; transition: all .6s ease; line-height: 1.4 } .tour-package-single .package-content p, .tour-package-single .package-content .info-single .info-text a, .info-single .info-text .tour-package-single .package-content a { font-size: 17px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); height: 0; opacity: 0; transition: all .6s ease } .tour-package-single .package-content span.price { font-size: 2.2rem; font-weight: 500; color: var(--white); font-family: var(--font-work-sans) } .tour-package-single .explore-btn { background-color: var(--text-primary); font-size: 18px; font-weight: 500; color: var(--white); font-family: var(--font-work-sans); border-radius: 50%; width: 115px; height: 115px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: -60px; z-index: 99; padding: 10px; display: flex; justify-content: center; align-items: center; transition: all .6s ease } .tour-package-single .explore-btn:hover { background: var(--primary-color2) } .tour-package-single2 { overflow: hidden; position: relative; width: 100%; max-width: 420px; margin: 0 auto } .tour-package-single2:hover .image img { transform: scale(1.1) } .tour-package-single2:hover .image span.blog-date { font-size: 15px; font-weight: 500; color: var(--white); background: var(--primary-color2); color: var(--text-primary) } .tour-package-single2:hover .image span.blog-date .bi { color: var(--text-primary); font-size: 14px; margin-right: 8px } .tour-package-single2 .image { position: relative; overflow: hidden } .tour-package-single2 .image img { height: 280px; transition: all .55s ease; -o-object-fit: cover; object-fit: cover } .tour-package-single2 .image span.blog-date { position: absolute; left: 20px; bottom: 20px; font-size: 15px; font-weight: 500; color: var(--text-secondary); background: var(--text-secondary); color: var(--white); padding: 6px 12px; transition: all .45s ease } .tour-package-single2 .image span.blog-date .bi { color: var(--white); font-size: 14px; margin-right: 8px; transition: all .45s ease } .tour-package-single2 .content { background: #fff; padding: 25px 25px 35px; text-align: center; border: 1px solid #eee } .tour-package-single2 .content span.category { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 8px; display: inline-block } .tour-package-single2 .content p, .tour-package-single2 .content .info-single .info-text a, .info-single .info-text .tour-package-single2 .content a { margin-bottom: 28px } .tour-package-single2 .content h4 { margin-bottom: 10px } .tour-package-single2 .content h4 a { font-size: 2.4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.49; transition: all .4s ease } .tour-package-single2 .content h4 a:hover { color: var(--text-secondary) } .tour-package-single2 .content i { margin-left: 5px; vertical-align: baseline } .tour-package-widget { border: 1px solid rgba(238, 238, 238, .8); padding: 25px; margin-bottom: 35px; position: relative } @media(max-width:767px) { .tour-package-widget { padding: 25px 20px } } .tour-package-widget .select-widget .nice-select { background-color: var(--white); box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; height: 50px; line-height: 46px; outline: none; position: relative; text-align: left !important; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; border-radius: 0; border: 1px solid #eee; font-size: 18px } .tour-package-widget .select-widget .nice-select::after { border-bottom: 1px solid var(--text-primary); border-right: 1px solid var(--text-primary) } .tour-package-widget .select-widget .nice-select .option { min-height: 30px; line-height: 30px; font-size: 16px } .tour-package-widget .select-widget .nice-select .option:hover { background: var(--primary-color1); color: var(--white) } .tour-package-widget .select-widget .nice-select .option.selected { background: var(--primary-color1) !important } .tour-package-widget .select-widget .nice-select .current { font-size: 16px; font-weight: 500; color: var(--text-primary) } .tour-package-widget .select-widget .nice-select .list { border: unset; border: 1px solid rgba(41, 43, 49, .03); margin-top: 6px; z-index: 100; border-radius: 0; width: 100%; min-width: 80px } .tour-package-widget .range-widget .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.1em; height: 1.1em; cursor: pointer; touch-action: none; border: 1px solid var(--primary-color1-light) !important; border-radius: 50%; background: var(--white) !important; transition: all .45s ease-in-out } .tour-package-widget .range-widget .ui-slider .ui-slider-handle:hover { background-color: var(--primary-color1) !important } .tour-package-widget .range-widget .ui-widget.ui-widget-content { background: #fff; border: 1px solid var(--primary-color1-light); border-radius: 3px } .tour-package-widget .range-widget .ui-slider-horizontal { height: 8px } .tour-package-widget .range-widget .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -.6em } .tour-package-widget .range-widget .ui-slider-horizontal .ui-slider-handle:focus { border: unset; outline: unset; background-color: var(--primary-color1) !important } .tour-package-widget .range-widget .ui-widget-header { border: 1px solid var(--primary-color1-light); background: var(--primary-color1-light); color: #333; font-weight: 700 } .tour-package-widget .range-widget button, .tour-package-widget .range-widget input, .tour-package-widget .range-widget form.style-1 .form-inner textarea, form.style-1 .form-inner .tour-package-widget .range-widget textarea, .tour-package-widget .range-widget optgroup, .tour-package-widget .range-widget select, .tour-package-widget .range-widget textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid #eee; padding: 4px 15px; font-size: 16px; width: 48% } .tour-package-widget .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 500 } .tour-package-widget .container .bi { color: #fc3; margin-right: 3px } .tour-package-widget .checkbox-container input, .tour-package-widget .checkbox-container .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .tour-package-widget .checkbox-container textarea, .tour-package-widget .checkbox-container form.style-1 .form-inner textarea, form.style-1 .form-inner .tour-package-widget .checkbox-container textarea { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .tour-package-widget .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee } .tour-package-widget .checkbox-container:hover input~.checkmark, .tour-package-widget .checkbox-container:hover .contact-from-wrapper .form-inner textarea~.checkmark, .contact-from-wrapper .form-inner .tour-package-widget .checkbox-container:hover textarea~.checkmark, .tour-package-widget .checkbox-container:hover form.style-1 .form-inner textarea~.checkmark, form.style-1 .form-inner .tour-package-widget .checkbox-container:hover textarea~.checkmark { background-color: #ccc } .tour-package-widget .checkbox-container input:checked~.checkmark, .tour-package-widget .checkbox-container .contact-from-wrapper .form-inner textarea:checked~.checkmark, .contact-from-wrapper .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark, .tour-package-widget .checkbox-container form.style-1 .form-inner textarea:checked~.checkmark, form.style-1 .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark { background-color: var(--primary-color1) } .tour-package-widget .checkmark:after { content: ""; position: absolute; display: none } .tour-package-widget .checkbox-container input:checked~.checkmark:after, .tour-package-widget .checkbox-container .contact-from-wrapper .form-inner textarea:checked~.checkmark:after, .contact-from-wrapper .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark:after, .tour-package-widget .checkbox-container form.style-1 .form-inner textarea:checked~.checkmark:after, form.style-1 .form-inner .tour-package-widget .checkbox-container textarea:checked~.checkmark:after { display: block } .tour-package-widget .checkbox-container .checkmark:after { left: 7px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) } .clearfix::after { content: ""; clear: both; display: block } h4.package-widget-title { font-size: 2.2rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 30px } .package-filter-area { margin-bottom: 40px; display: flex; flex-direction: row; align-items: center; justify-content: space-between } .package-filter-area h4 { font-size: 2.5rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive } .tour-package-sidebar { max-width: 100% } .tour-package-sidebar-mobile { background: var(--white); width: 100%; max-width: 290px; position: fixed; top: 0; left: 0; transform: translateX(-100%); opacity: 0; transition: all .55s ease-in-out; z-index: 999; padding: 30px 20px; height: 100%; overflow: auto; box-shadow: 2px 2px 20px rgba(0, 0, 0, .07) } .tour-package-sidebar-mobile.show { transform: translateX(0%); opacity: 1 } .tour-package-sidebar-mobile .package-sidebar-close { margin-bottom: 30px; text-align: right } .tour-package-sidebar-mobile .package-sidebar-close i { font-size: 28px; color: var(--primary-color1) } .check-box-item { margin-bottom: 35px } .check-box-item h5 { font-size: 2.2rem; font-weight: 600; color: var(--text-primary); margin-bottom: 20px; font-family: 'Yeseva One', cursive } .about5-title>span { font-size: 1.8rem; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); letter-spacing: 1px; display: inline-block; margin-bottom: 3px; display: block; margin-bottom: 0; text-transform: uppercase } .about5-title h2 { font-size: 4.2rem; font-weight: 800; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.45; margin-bottom: 20px } .about5-title h2 span { font-size: 4.2rem; font-weight: 500; color: var(--primary-color3); font-family: 'Yeseva One', cursive } .about5-title p, .about5-title .info-single .info-text a, .info-single .info-text .about5-title a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); line-height: 1.7; margin-bottom: 20px } .about5-title a { font-size: 17px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .about3-title { padding-right: 40px } .about3-title>span { font-size: 1.8rem; font-weight: 400; color: var(--primary-color2); font-family: var(--font-satisfy); letter-spacing: 1px; display: inline-block; margin-bottom: 3px; text-transform: uppercase } .about3-title h2 { font-size: 4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.4; margin-bottom: 20px } .about3-title p, .about3-title .info-single .info-text a, .info-single .info-text .about3-title a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); line-height: 1.7; margin-bottom: 20px } .about3-title a { font-size: 17px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .about5-content { padding-left: 45px } @media(max-width:991px) { .about5-content { padding-left: 0 } } .about5-content p, .about5-content .info-single .info-text a, .info-single .info-text .about5-content a { font-size: 17px; font-weight: 400; color: var(--text-secondary); margin-bottom: 15px } .about5-content ul.about-list { margin-bottom: 45px } .about5-content ul.about-list li { font-size: 2rem; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 10px } .about5-content ul.about-list li:last-child { margin-bottom: 0 } .about5-content ul.about-list li::marker { font-size: 120%; color: var(--text-primary) } .about5-content .quote-area { position: relative; padding-left: 30px } .about5-content .quote-area::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 100%; width: 2px; background: var(--primary-color3) } .about5-content .quote-area>p, .about5-content .info-single .info-text .quote-area>a, .info-single .info-text .about5-content .quote-area>a { font-size: 2rem; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); line-height: 1.7; margin-bottom: 20px } .about5-content .quote-area .author h5 { font-size: 2rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive } .about5-content .quote-area .author p, .about5-content .quote-area .author .info-single .info-text a, .info-single .info-text .about5-content .quote-area .author a { font-size: 1.6rem; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans) } .wild-package-section { position: relative; overflow: hidden; z-index: 1 } .wild-package-section::before { content: url(../images/bg/wildtour-bg.png); position: absolute; top: 0; left: 0; z-index: -1 } .wild-package-section .container { position: relative } .wild-package-section .container::before { content: ""; position: absolute; top: 0; left: -99.6%; width: 100%; background: #fff7f5; height: 110%; z-index: 9 } .wild-package-section .container .swiper { overflow: visible } .wild-package-single { position: relative; overflow: hidden; border-radius: 0; min-height: 450px; display: flex; align-items: flex-end; background: linear-gradient(179.97deg, rgba(32, 32, 32, 0) 20.42%, #202020 99.97%) } @media(min-width:1400px)and (max-width:1599px) { .wild-package-single { min-height: 450px } } @media(min-width:1200px)and (max-width:1399px) { .wild-package-single { min-height: 420px } } @media(min-width:992px)and (max-width:1199px) { .wild-package-single { min-height: 380px } } @media(min-width:768px)and (max-width:991px) { .wild-package-single { min-height: 330px } } @media(max-width:767px) { .wild-package-single { min-height: 300px } } .wild-package-single .wild-package-img { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: scale(1); transition: all .65s ease-in-out } .wild-package-single .text { margin-bottom: 35px; padding-left: 30px; transition: all .35s ease-in-out; transform: scaleY(1) } .wild-package-single .text span { font-size: 18px; font-weight: 500; font-family: var(--font-work-sans); color: var(--white); display: inline-block; position: relative; padding-bottom: 3px; margin-bottom: 12px; text-transform: capitalize } .wild-package-single .text span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; border-radius: 10px; background: linear-gradient(90.05deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100.84%) } .wild-package-single .text h4 a { font-size: 2.6rem; font-weight: 600; color: var(--white); font-family: 'Yeseva One', cursive } .wild-package-single .content-wrapper { width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0; transform: translateY(100%); transition: all .65s ease } .wild-package-single .content { transition: all .65s ease-in-out; background: var(--white); width: 100%; padding: 25px 30px } .wild-package-single .content h4 { font-size: 2.3rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 10px } .wild-package-single .content p, .wild-package-single .content .info-single .info-text a, .info-single .info-text .wild-package-single .content a { font-size: 18px; color: var(--primary-color3); font-family: var(--font-work-sans); margin-bottom: 20px } .wild-package-single .content .details-btn { font-size: 18px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans); position: relative; z-index: 1; display: inline-block; padding-bottom: 5px } .wild-package-single .content .details-btn::before { content: ""; position: absolute; left: 0; bottom: 0; width: 45px; height: 2px; border-radius: 4px; background: linear-gradient(90.05deg, #000000 0%, rgba(255, 255, 255, 0) 100.84%); transition: all .4s ease } .wild-package-single .content .details-btn:hover::before { width: 100% } .wild-package-single:hover .content-wrapper { opacity: 1; transform: translateY(0%) } .wild-package-single:hover .text { opacity: 0; transform: scaleY(1) } .facilities-section { background: #fff7f5; padding: 90px 0 } .facility-single { border: 1px dashed #5e5e5e; padding: 25px 20px; display: flex; justify-content: center; align-items: center; gap: 20px; transition: all .55s ease } .facility-single:hover { background: var(--primary-color2); border: 1px dashed transparent } @media(max-width:767px) { .facility-single { gap: 15px } } .facility-single .text h4 { font-size: 2.2rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 10px } .facility-single .text p, .facility-single .text .info-single .info-text a, .info-single .info-text .facility-single .text a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 0 } .facility-single2 { background: #fff; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); text-align: center; padding: 35px 25px; position: relative; z-index: 1; overflow: hidden } .facility-single2:hover::before { transform: scale(1); opacity: 1 } .facility-single2:hover .facility-content h4 { font-size: 2.4rem; color: var(--white) } .facility-single2:hover .facility-content p, .facility-single2:hover .facility-content .info-single .info-text a, .info-single .info-text .facility-single2:hover .facility-content a { font-size: 17px; font-weight: 400; color: var(--white) } .facility-single2::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--primary-color1); z-index: -1; transform: scale(.8); opacity: 0; transition: all .55s ease } .facility-single2 .facility-icon { margin-bottom: 30px } .facility-single2 .facility-content h4 { font-size: 2.4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; transition: all .45s ease; margin-bottom: 15px } .facility-single2 .facility-content p, .facility-single2 .facility-content .info-single .info-text a, .info-single .info-text .facility-single2 .facility-content a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 0; transition: all .45s ease } .tour-guide-single { overflow: hidden; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); border-radius: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 470px } .tour-guide-single:hover .guide-image img { transform: scale(1.1) } .tour-guide-single:hover .guide-image .social-area { opacity: 1; transform: translateY(0%) } .tour-guide-single .guide-image { overflow: hidden; position: relative } .tour-guide-single .guide-image img { transition: all .65s ease } .tour-guide-single .guide-image .social-area { background-color: rgba(9, 16, 13, .6); height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; transition: all .65s ease; opacity: 0; transform: translateY(100%) } .tour-guide-single .guide-contnent { padding: 20px 20px 25px; text-align: center; transition: all .55s ease } .tour-guide-single .guide-contnent h4 a { font-size: 2.4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive } .tour-guide-single .guide-contnent p, .tour-guide-single .guide-contnent .info-single .info-text a, .info-single .info-text .tour-guide-single .guide-contnent a { font-size: 17px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 0 } .tour-guide-single .guide-social { margin: 0 0 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: center; gap: 25px; border-radius: 3px; transition: all .45s ease } .tour-guide-single .guide-social i { border: 1px solid #eee; border-radius: 3px; width: 25px; height: 25px; line-height: 24px; color: #0f1012; background: var(--white); text-align: center; font-size: 16px; transition: all .5s ease-out 0s } .tour-guide-single .guide-social i:hover { background: var(--primary-color2); border: 1px solid var(--primary-color2) } .tour-guide-single.sibling-2 .guide-contnent h4 { font-size: 2.4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive } .tour-guide-single2 { background: var(--white); border-radius: 0; transition: all .5s ease-in-out; width: 100%; max-width: 470px; margin: 0 auto } .tour-guide-single2:hover .tour-guide-image .tour-guide-content { opacity: 1; transform: translateX(-50%) scale(1) } .tour-guide-single2 .tour-guide-image { position: relative } .tour-guide-single2 .tour-guide-image .social-area { position: absolute; top: 30px; left: 25px; width: 45px; height: 100%; display: flex; justify-content: start; align-items: center; flex-direction: column } .tour-guide-single2 .tour-guide-image .social-area:hover .social-links { transform: scaleY(1); visibility: visible; opacity: 1 } .tour-guide-single2 .tour-guide-image .social-area .social-links { padding: 0; margin: 0; transform: scaleY(0); transition: all .55s ease-in-out; transform-origin: top; visibility: hidden; opacity: 0; list-style: none; margin: 0; padding: 0 } .tour-guide-single2 .tour-guide-image .social-area .social-links a .bx { width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background-color: var(--white); font-size: 18px; color: var(--primary-color1); transition: all .42s ease-in-out } .tour-guide-single2 .tour-guide-image .social-area .social-links a .bx:hover { background-color: var(--primary-color1); color: var(--white) } .tour-guide-single2 .tour-guide-image .social-area .social-plus { width: 36px; height: 36px; line-height: 34px; text-align: center; border-radius: 50%; background-color: var(--white); transition: all .42s ease-in-out } .tour-guide-single2 .tour-guide-image .social-area .social-plus:hover { background-color: var(--primary-color1); color: var(--white) } .tour-guide-single2 .tour-guide-image .social-area .social-plus:hover .bx { font-size: 18px; color: var(--white) } .tour-guide-single2 .tour-guide-image .social-area .social-plus .bx { font-size: 18px; color: var(--primary-color1); transition: all .42s ease-in-out; cursor: pointer } .tour-guide-single2 .tour-guide-image .tour-guide-content { background: #fff; border-radius: 0; text-align: center; padding: 20px 25px; transition: all .45s ease-in; width: 90%; z-index: 1; opacity: 0; transition: all .65s ease; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%) scale(.7); z-index: 9 } .tour-guide-single2 .tour-guide-image .tour-guide-content .name { font-size: 2.4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 5px; text-transform: capitalize } .tour-guide-single2 .tour-guide-image .tour-guide-content .designation { text-transform: capitalize; font-size: 17px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 0 } .newsletter-section { background-image: linear-gradient(rgba(8, 4, 17, 0.8), rgba(8, 4, 17, 0.8)), url("../images/bg/newsletter3-bg.png"); background-size: cover; background-repeat: no-repeat; padding: 60px 0 } .newsletter-section .newsletter-area .newsletter-title { display: flex; justify-content: center; align-items: center; gap: 20px } @media(max-width:991px) { .newsletter-section .newsletter-area .newsletter-title { margin-bottom: 30px } } .newsletter-section .newsletter-area .newsletter-title h5 { font-size: 3rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 0 } .newsletter-section .newsletter-area .newsletter-wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px } @media(max-width:767px) { .newsletter-section .newsletter-area .newsletter-wrap { gap: 0 } } .newsletter-section .newsletter-area .newsletter-wrap form { width: 100% } .newsletter-section .newsletter-area .newsletter-wrap form input, .newsletter-section .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .newsletter-section .newsletter-area .newsletter-wrap form textarea, .newsletter-section .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea { height: 60px; line-height: 60px; border: 1px solid var(--text-secondary); width: 100%; background-color: transparent; padding: 20px; color: var(--white); transition: all .45s ease } .newsletter-section .newsletter-area .newsletter-wrap form input:focus, .newsletter-section .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea:focus, .contact-from-wrapper .form-inner .newsletter-section .newsletter-area .newsletter-wrap form textarea:focus, .newsletter-section .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea:focus { border: 1px solid var(--primary-color2) } @media(max-width:767px) { .newsletter-section .newsletter-area .newsletter-wrap form input, .newsletter-section .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .newsletter-section .newsletter-area .newsletter-wrap form textarea, .newsletter-section .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea { height: 50px } } .newsletter-section .newsletter-area .newsletter-wrap button { height: 60px; background: var(--primary-color2); color: var(--white); min-width: 120px; font-size: 18px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans); position: relative; z-index: 1 } @media(max-width:767px) { .newsletter-section .newsletter-area .newsletter-wrap button { height: 50px } } .newsletter-section .newsletter-area .newsletter-wrap button::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--white); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .newsletter-section .newsletter-area .newsletter-wrap button:hover::after { transform: scale(1); opacity: 1 } .trip-category-section { position: relative; z-index: 1 } .trip-category-section .trip-bg { position: absolute; top: 0; left: 0; z-index: -1 } .trip-category-single { overflow: hidden; position: relative; width: 100%; max-width: 420px; margin: 0 auto; background: var(--white) } .trip-category-single:hover .trip-image img { transform: scale(1.1) } .trip-category-single:hover .trip-content .trip-bottom .trip-meta-list { margin-top: -25px } .trip-category-single:hover .trip-content .trip-bottom .explore-btn { margin-top: -25px } .trip-category-single .trip-image { position: relative; overflow: hidden } .trip-category-single .trip-image img { transition: all .65s ease } .trip-category-single .trip-image span.blog-date { position: absolute; right: 20px; top: 20px; font-size: 14px; font-weight: 600; color: var(--white); background: #359d9e; padding: 6px 12px } @media(max-width:576px) { .trip-category-single .trip-image image { width: 100% } } .trip-category-single .trip-content { padding: 30px 20px; border-left: 1px solid rgba(238, 238, 238, .8); border-bottom: 1px solid rgba(238, 238, 238, .8); border-right: 1px solid rgba(238, 238, 238, .8); background-color: var(--white) } .trip-category-single .trip-content h4 a { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.5; transition: all .4s ease } .trip-category-single .trip-content h4 a:hover { color: var(--primary-color1) } .trip-category-single .trip-content .explore-btn { font-size: 18px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .trip-category-single .trip-content .explore-btn i { margin-left: 5px; vertical-align: baseline } .trip-category-single .trip-content .trip-text { transition: all .55s ease } .trip-category-single .trip-content .trip-text p, .trip-category-single .trip-content .trip-text .info-single .info-text a, .info-single .info-text .trip-category-single .trip-content .trip-text a { transition: all .55s ease } .trip-category-single .trip-content .trip-bottom { width: 100%; height: 25px; overflow: hidden } .trip-category-single .trip-content .trip-bottom .trip-meta-list { margin-top: 0; transition: all .5s ease } .trip-category-single .trip-content .trip-bottom .explore-btn { margin-top: 0; transition: all .5s ease } .trip-category-single .trip-meta-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-direction: row } .trip-category-single .trip-meta-list li { font-size: 15px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans); margin-right: 16px } .trip-category-single .trip-meta-list li .bx { font-size: 16px; vertical-align: center; margin-right: 8px; margin-top: -3px } .info-title-area { text-align: center; margin-bottom: 50px } .info-title-area h3 { font-size: 4rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 20px; margin-top: -5px } .info-title-area p, .info-title-area .info-single .info-text a, .info-single .info-text .info-title-area a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .info-single { background: #fff; border: 1px solid #eee; padding: 35px 20px; text-align: center; transition: all .55s ease } .info-single:hover { border: 1px solid transparent } .info-single:hover .info-icon::before { transform: scale(1); opacity: 1 } .info-single:hover .info-icon i { color: var(--white) } .info-single .info-icon { border: 1px solid #eee; margin: 0 auto 20px; position: relative; z-index: 1; background: var(--white); width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50% } .info-single .info-icon::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--primary-color1); border-radius: 50%; left: 0; top: 0; z-index: -1; opacity: 1; transition: all .55s ease; opacity: 0; transform: scale(.3) } .info-single .info-icon i { font-size: 35px; font-weight: 300; transition: all .55s ease } .info-single .info-text h3 { font-size: 2.6rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 15px } .info-single .info-text p, .info-single .info-text a { font-size: 18px; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 0 } .info-single .info-text a { display: block; margin-bottom: 0 } .contact-from-wrapper { background: #fff; border: 1.5px solid #eee; padding: 25px 65px 60px } @media(min-width:768px)and (max-width:991px) { .contact-from-wrapper { padding: 10px 40px 45px } } @media(min-width:576px)and (max-width:768px) { .contact-from-wrapper { padding: 5px 30px 40px } } @media(max-width:576px) { .contact-from-wrapper { padding: 10px 25px 45px } } .contact-from-wrapper .form-inner { padding: 15px 0 } @media(max-width:576px) { .contact-from-wrapper .form-inner { padding: 8px 0 } } .contact-from-wrapper .form-inner input, .contact-from-wrapper .form-inner textarea, .contact-from-wrapper form.style-1 .form-inner textarea, form.style-1 .contact-from-wrapper .form-inner textarea { width: 100%; outline: none; border: none; border-bottom: 1px solid #eee; border-radius: 0; padding: 12px 0; transition: all .45s ease; font-size: 16px; color: var(--text-primary) } .contact-from-wrapper .form-inner input::-moz-placeholder, .contact-from-wrapper .form-inner textarea::-moz-placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -moz-transition: all .45s ease; transition: all .45s ease } .contact-from-wrapper .form-inner input:-ms-input-placeholder, .contact-from-wrapper .form-inner textarea:-ms-input-placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -ms-transition: all .45s ease; transition: all .45s ease } .contact-from-wrapper .form-inner input::placeholder, .contact-from-wrapper .form-inner textarea::placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); transition: all .45s ease } .contact-from-wrapper .form-inner input:focus, .contact-from-wrapper .form-inner textarea:focus { border-bottom: 1px solid var(--primary-color1) } .contact-from-wrapper .form-inner input:focus::-moz-placeholder, .contact-from-wrapper .form-inner textarea:focus::-moz-placeholder { color: var(--primary-color1) } .contact-from-wrapper .form-inner input:focus:-ms-input-placeholder, .contact-from-wrapper .form-inner textarea:focus:-ms-input-placeholder { color: var(--primary-color1) } .contact-from-wrapper .form-inner input:focus::placeholder, .contact-from-wrapper .form-inner textarea:focus::placeholder { color: var(--primary-color1) } .contact-from-wrapper .submit-btn { margin-top: 25px } .error-wrapper { padding: 0 30px } .error-wrapper .error-image { background-size: cover; background-repeat: no-repeat; padding: 0 20px 30px } .error-wrapper .error-image img { margin-bottom: 30px; -webkit-animation: jump 2s linear infinite alternate; animation: jump 2s linear infinite alternate } @keyframes jump { 0% { transform: translateY(-5px) } 100% { transform: translateY(5px) } } .error-wrapper .error-text p, .error-wrapper .error-text .info-single .info-text a, .info-single .info-text .error-wrapper .error-text a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); margin-bottom: 30px; line-height: 1.7 } .faq-wrap .accordion-item { margin-bottom: 24px; border: none; box-shadow: 5px 2px 30px rgba(0, 0, 0, .06) } .faq-wrap .accordion-item:last-child { margin-bottom: 0 } .faq-wrap .accordion-button { font-weight: 500; font-size: 20px; background: var(--white); border-radius: 5px; color: var(--text-primary); font-family: 'Yeseva One', cursive; padding: 25px 60px 25px 25px; padding-right: 60px; position: relative; transition: .4s ease-in; line-height: 1.7 } @media(max-width:767px) { .faq-wrap .accordion-button { padding: 20px 55px 20px 20px } } .faq-wrap .accordion-button:hover { color: #fff; background: var(--primary-color1) } .faq-wrap .accordion-button:hover::after { color: #fff } .faq-wrap .accordion-button:focus { z-index: unset; border-color: unset; outline: 0; background: var(--white); box-shadow: 5px 2px 30px rgba(0, 0, 0, .06); color: var(--text-primary) } .faq-wrap .accordion-button::after { flex-shrink: 0; width: unset; height: unset; margin-left: auto; background-image: none; background-repeat: unset; background-size: unset; font-family: bootstrap-icons !important; font-size: 15px; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); content: ""; transition: unset; font-size: 20px; color: var(--text-primary); width: 32px; height: 32px; line-height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .4s ease } .faq-wrap .accordion-button:not(.collapsed)::after { background-image: none; transform: unset; font-family: bootstrap-icons !important; content: ""; top: 50%; transform: translateY(-50%); color: var(--white) } .faq-wrap .accordion-body { font-weight: 400; font-size: 17px; line-height: 30px; font-family: var(--font-work-sans); border-top: none; text-align: left; padding: 25px } .faq-wrap .accordion-button:not(.collapsed) { box-shadow: unset; color: var(--white); border-radius: 5px 5px 0 0; box-shadow: 5px 2px 30px rgba(0, 0, 0, .06); background: var(--primary-color1) } .faq-wrap.sibling-2 .accordion-button { font-size: 20px; padding: 20px 60px 20px 20px } .sidebar-widget:last-child { margin-bottom: 0 } .sidebar-widget .newsletter-area { background-image: url(../images/bg/side-newsletter.png); padding: 35px 25px; border-radius: 0; background-size: cover; background-repeat: no-repeat } .sidebar-widget .newsletter-area .banner-form-box { border-radius: 0; border: 1px solid rgba(144, 185, 86, .33) } .sidebar-widget .newsletter-area .newsletter-title { display: flex; justify-content: center; align-items: center; gap: 20px } @media(max-width:991px) { .sidebar-widget .newsletter-area .newsletter-title { margin-bottom: 30px } } .sidebar-widget .newsletter-area .newsletter-title h5 { font-size: 3rem; color: var(--white); font-family: 'Yeseva One', cursive; margin-bottom: 0 } .sidebar-widget .newsletter-area .newsletter-wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px } @media(max-width:767px) { .sidebar-widget .newsletter-area .newsletter-wrap { gap: 0 } } .sidebar-widget .newsletter-area .newsletter-wrap form { width: 100% } .sidebar-widget .newsletter-area .newsletter-wrap form input, .sidebar-widget .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea, .sidebar-widget .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .sidebar-widget .newsletter-area .newsletter-wrap form textarea { height: 60px; line-height: 60px; border: 1px solid var(--text-secondary); width: 100%; background-color: transparent; padding: 20px; color: var(--white); transition: all .45s ease } .sidebar-widget .newsletter-area .newsletter-wrap form input:focus, .sidebar-widget .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea:focus, .sidebar-widget .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea:focus, .contact-from-wrapper .form-inner .sidebar-widget .newsletter-area .newsletter-wrap form textarea:focus { border: 1px solid var(--primary-color2) } @media(max-width:767px) { .sidebar-widget .newsletter-area .newsletter-wrap form input, .sidebar-widget .newsletter-area .newsletter-wrap form.style-1 .form-inner textarea, .sidebar-widget .newsletter-area .newsletter-wrap form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .sidebar-widget .newsletter-area .newsletter-wrap form textarea { height: 50px } } .sidebar-widget .newsletter-area .newsletter-wrap button { height: 60px; background: var(--primary-color2); color: var(--white); min-width: 120px; font-size: 18px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans); position: relative; z-index: 1 } @media(max-width:767px) { .sidebar-widget .newsletter-area .newsletter-wrap button { height: 50px } } .sidebar-widget .newsletter-area .newsletter-wrap button::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--white); width: 100%; height: 100%; transition: .5s; z-index: -1; transform: scale(.6); border-radius: 0; opacity: 0 } .sidebar-widget .newsletter-area .newsletter-wrap button:hover::after { transform: scale(1); opacity: 1 } .sidebar-offer { position: relative; z-index: 1 } @media(max-width:576px) { .sidebar-offer { max-width: 435px; margin: 0 auto } } .sidebar-offer img { width: 100% } .sidebar-offer::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); z-index: 1 } .sidebar-offer .offer-badge { position: absolute; right: 25px; top: 25px } .sidebar-offer .offer-content { text-align: center; padding: 0 25px; position: absolute; bottom: 0; left: 50%; z-index: 2; transform: translateX(-50%); width: 100% } .sidebar-offer .offer-content .review-area span { font-size: 12px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans) } .sidebar-offer .offer-content .review-area .star-list li i { font-size: 10px; font-weight: 400; color: var(--white) } .sidebar-offer .offer-content h4 { margin-bottom: 10px } .sidebar-offer .offer-content h4 a { font-size: 2.4rem; font-weight: 600; color: var(--white); font-family: 'Yeseva One', cursive } .sidebar-offer .offer-content .price { margin-bottom: 25px } .sidebar-offer .offer-content .price span { font-size: 16px; font-weight: 500; color: var(--white); font-family: var(--font-work-sans) } .sidebar-offer .offer-content .price del { font-size: 1.4rem; font-weight: 500; color: #878787; font-family: var(--font-work-sans) } .desti-sidebar-widget { margin-bottom: 60px } .desti-sidebar-widget h4.widget-title { font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-top: -5px; margin-bottom: 30px } .sidebar-search form .form-inner { border: 1px solid #eee; display: flex; flex-direction: row; padding: 15px } .sidebar-search form .form-inner input, .sidebar-search form.style-1 .form-inner textarea, .sidebar-search form .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .sidebar-search form .form-inner textarea { outline: none; border: none; width: 100%; color: var(--text-primary) } .sidebar-search form .form-inner input::-moz-placeholder, .sidebar-search form.style-1 .form-inner textarea::-moz-placeholder, .sidebar-search form .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .sidebar-search form .form-inner textarea::-moz-placeholder { font-size: 15px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -moz-transition: all .45s ease; transition: all .45s ease } .sidebar-search form .form-inner input:-ms-input-placeholder, .sidebar-search form.style-1 .form-inner textarea:-ms-input-placeholder, .sidebar-search form .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .sidebar-search form .form-inner textarea:-ms-input-placeholder { font-size: 15px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -ms-transition: all .45s ease; transition: all .45s ease } .sidebar-search form .form-inner input::placeholder, .sidebar-search form.style-1 .form-inner textarea::placeholder, .sidebar-search form .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .sidebar-search form .form-inner textarea::placeholder { font-size: 15px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); transition: all .45s ease } .sidebar-search form .form-inner input:focus::-moz-placeholder, .sidebar-search form.style-1 .form-inner textarea:focus::-moz-placeholder, .sidebar-search form .contact-from-wrapper .form-inner textarea:focus::-moz-placeholder, .contact-from-wrapper .sidebar-search form .form-inner textarea:focus::-moz-placeholder { color: var(--primary-color1) } .sidebar-search form .form-inner input:focus:-ms-input-placeholder, .sidebar-search form.style-1 .form-inner textarea:focus:-ms-input-placeholder, .sidebar-search form .contact-from-wrapper .form-inner textarea:focus:-ms-input-placeholder, .contact-from-wrapper .sidebar-search form .form-inner textarea:focus:-ms-input-placeholder { color: var(--primary-color1) } .sidebar-search form .form-inner input:focus::placeholder, .sidebar-search form.style-1 .form-inner textarea:focus::placeholder, .sidebar-search form .contact-from-wrapper .form-inner textarea:focus::placeholder, .contact-from-wrapper .sidebar-search form .form-inner textarea:focus::placeholder { color: var(--primary-color1) } .sidebar-search form .form-inner button { border: none; outline: none; background-color: var(--white) } .sidebar-search form .form-inner button i { font-size: 28px; color: var(--text-primary); transition: all .45s ease } .sidebar-search form .form-inner button:hover i { color: var(--primary-color1) } .tour-package-list { list-style: none; margin: 0; padding: 0 } .tour-package-list li { margin-bottom: 25px } .tour-package-list li:last-child { margin-bottom: 0 } .tour-package-list .sidebar-package-single { display: flex; flex-direction: row; justify-content: start; gap: 18px; align-items: center } .tour-package-list .sidebar-package-single .package-content h5 { margin-bottom: 8px } .tour-package-list .sidebar-package-single .package-content h5 a { font-size: 17px; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive } .tour-package-list .sidebar-package-single .package-content span { font-size: 16px; font-weight: 500; color: var(--text-secondary); margin-bottom: 10px; display: inline-block } .tour-package-list .sidebar-package-single .package-content span .bi { color: var(--primary-color1); font-weight: 600 } .tour-package-list .sidebar-package-single .package-content .package-price { font-size: 18px; font-weight: 600; color: var(--primary-color1); font-family: var(--font-work-sans); margin-bottom: 0 } .tour-category .tour-category-list { list-style: none; margin: 0; padding: 0 } .tour-category .tour-category-list li { position: relative; padding-left: 25px; transition: all .65s ease; margin-bottom: 20px } .tour-category .tour-category-list li:last-child { margin-bottom: 0 } .tour-category .tour-category-list li::before { position: absolute; top: 2px; left: 0; content: ""; font-family: bootstrap-icons; transition: all .45s ease } .tour-category .tour-category-list li a { font-size: 18px; font-weight: 400; color: var(--font-work-sans); font-family: var(--font-work-sans); transition: all .45s ease } .tour-category .tour-category-list li:hover { padding-left: 30px } .tour-category .tour-category-list li:hover::before { color: var(--primary-color1) } .tour-category .tour-category-list li:hover a { color: var(--primary-color1) } .sidebar-social-area .sidebar-social-list { list-style: none; margin: 0; padding: 0; padding: 0; list-style: none; display: flex; flex-direction: row; gap: 25px } .sidebar-social-area .sidebar-social-list i { border: 1px solid #eee; width: 30px; height: 30px; line-height: 30px; color: var(--text-secondary); background: var(--white); text-align: center; font-size: 18px; transition: all .45s ease-out 0s } .sidebar-social-area .sidebar-social-list i:hover { background: var(--primary-color1); border: 1px solid var(--primary-color1); color: var(--white) } .destination-block h3 { font-size: 3rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 22px } .destination-block p, .destination-block .info-single .info-text a, .info-single .info-text .destination-block a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .desti-details-block { margin-bottom: 50px } .desti-details-block:last-child { margin-bottom: 0 } .desti-details-block h3 { font-size: 3.5rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 25px } .desti-details-block p, .desti-details-block .info-single .info-text a, .info-single .info-text .desti-details-block a { margin-bottom: 25px } .desti-details-block .desti-details-img { margin: 33px 0 } .desti-details-block h5 { font-size: 19px; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; font-style: italic; margin-bottom: 25px } .desti-details-block h6 { font-size: 17px; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.7; margin-bottom: 25px; margin-top: -5px } .desti-details-block .desti-details-sm-img { margin-top: 10px; margin-bottom: 30px } .desti-details-block .desti-details-sm-img p, .desti-details-block .desti-details-sm-img .info-single .info-text a, .info-single .info-text .desti-details-block .desti-details-sm-img a { font-size: 16px; font-weight: 500; color: var(--text-secondary); font-style: italic; text-align: center; margin-top: 20px; margin-bottom: 0 } .map-area { height: 300px } .map-area iframe { height: 100%; width: 100%; filter: grayscale(199%) invert(98%) contrast(122%) } .blog-standard-single { background: #fff; border: 1px solid #eee; padding: 30px 30px 40px; margin-bottom: 60px } .blog-standard-single:last-child { margin-bottom: 0 } .blog-standard-single .blog-format { margin-bottom: 30px; position: relative } .blog-standard-single .blog-format span.blog-date { position: absolute; bottom: 30px; left: 35px; font-size: 15px; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans); padding: 5px 15px; background: var(--white); z-index: 9 } @media(max-width:576px) { .blog-standard-single .blog-format span.blog-date { bottom: 20px; left: 25px } } .blog-standard-single .blog-format .video-js { width: 100%; height: 400px; position: relative; z-index: 99 } .blog-standard-single .blog-content h3 { margin-bottom: 10px } .blog-standard-single .blog-content h3 a { font-size: 3rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; transition: all .35s ease } .blog-standard-single .blog-content h3:hover a { color: var(--primary-color1) } .blog-standard-single .author-area { margin-bottom: 20px } .blog-standard-single .author-area p, .blog-standard-single .author-area .info-single .info-text a, .info-single .info-text .blog-standard-single .author-area a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .blog-standard-single .author-area p a, .blog-standard-single .author-area .info-single .info-text a a, .info-single .info-text .blog-standard-single .author-area a a { color: var(--primary-color1) } .blog-standard-single .blog-meta { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 25px; flex-wrap: wrap; gap: 35px } .blog-standard-single ul.share-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-direction: row; gap: 15px } .blog-standard-single ul.share-list>li { position: relative; font-size: 17px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans); padding-right: 15px; cursor: pointer; transition: all .45s ease } .blog-standard-single ul.share-list>li:hover { color: var(--primary-color1) } .blog-standard-single ul.share-list>li:hover .blog-social { opacity: 1; transform: translateY(0); visibility: visible } .blog-standard-single ul.share-list>li:last-child { padding-right: 0 } .blog-standard-single ul.share-list>li:last-child::after { content: unset } .blog-standard-single ul.share-list>li i { margin-right: 8px } .blog-standard-single ul.share-list>li::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: var(--border-color) } .blog-standard-single ul.share-list>li ul.blog-social { list-style: none; margin: 0; padding: 0; gap: 10px; position: absolute; top: 29px; right: -23px; display: flex; flex-direction: row; padding: 2px 10px; opacity: 0; visibility: hidden; transition: all .45s ease; transform: translateY(-10px) } .blog-standard-single ul.share-list>li ul.blog-social li { color: var(--text-primary); transition: all .45s ease } .blog-standard-single ul.share-list>li ul.blog-social li:hover { color: var(--primary-color1) } @media(max-width:991px) { .blog-sidebar { margin-top: 90px; padding: 0 10px } } .blog-widget { margin-bottom: 60px } .blog-widget .trending-post-list { list-style: none; margin: 0; padding: 0 } .blog-widget .trending-post-list li { margin-bottom: 30px } .blog-widget .trending-post-list li:last-child { margin-bottom: 0 } .blog-widget .trending-post-list .trending-post-single { display: flex; flex-direction: row; justify-content: start; gap: 15px; align-items: center } .blog-widget .trending-post-list .trending-post-single .post-content h6 { margin-bottom: 10px } .blog-widget .trending-post-list .trending-post-single .post-content h6 a { font-size: 17px; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.55; transition: all .45s ease } .blog-widget .trending-post-list .trending-post-single .post-content h6:hover a { color: var(--primary-color1) } .blog-widget .trending-post-list .trending-post-single .post-content span.post-date { font-size: 15px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .blog-widget:last-child { margin-bottom: 0 } .blog-widget-title { position: relative; font-size: 2.4rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; display: inline-block; padding-bottom: 12px; margin-bottom: 30px } .blog-widget-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 70px; background: linear-gradient(90.04deg, var(--primary-color1) 0%, rgba(30, 204, 209, 0) 99.27%); border-radius: 30px; height: 2px } h3.tour-details-subtitle { font-size: 3rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; line-height: 1.7; margin-bottom: 25px } .nav-btn-style { background: var(--white); min-width: 0; color: var(--text-secondary); font-size: 20px; font-weight: 500; font-family: var(--font-work-sans); padding: 10px 20px; text-align: left; transition: all .42s ease; border-radius: 0 } @media(min-width:1200px)and (max-width:1399px) { .nav-btn-style { padding: 10px 15px } } .nav-btn-style svg { margin-right: 10px; color: var(--text-secondary); transition: all .42s ease } .nav-btn-style:hover { background-color: var(--primary-color1); color: var(--white) } .nav-btn-style:hover svg { fill: var(--white) } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; border: 1px solid #eee; margin-bottom: 45px } @media(max-width:1199px) { .nav { padding: 20px; gap: 12px } } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--white); background-color: var(--primary-color1) } .nav-pills .nav-link.active svg, .nav-pills .show>.nav-link svg { fill: var(--white) } .nav-pills .nav-link { border-radius: 0; min-width: 207px; } @media(min-width:1200px)and (max-width:1399px) { .nav-pills .nav-link { min-width: 144px; font-size: 18px } } .nav-pills .nav-link:last-child { border-right: unset } @media(max-width:1399px) { .nav-pills .nav-link { border-right: unset } } @media(max-width:576px) { .nav-pills .nav-link { width: 100% } } .tour-information .details-img-group { margin: 18px 0 40px } .tour-information .tour-price { display: inline-flex; align-items: center; margin-bottom: 10px } .tour-information .tour-price h3 { font-size: 3.5rem; color: var(--text-primary); font-family: 'Yeseva One', cursive } .tour-information .tour-price span { display: inline-block; font-size: 18px; font-weight: 500; color: var(--text-secondary); font-family: 'Yeseva One', cursive } .tour-information ul.tour-info-metalist { list-style: none; margin: 0; padding: 0; display: flex; justify-content: start; align-items: center; margin-bottom: 25px } @media(max-width:576px) { .tour-information ul.tour-info-metalist { flex-wrap: wrap; gap: 5px } } .tour-information ul.tour-info-metalist li { font-size: 16px; font-weight: 600; color: var(--text-secondary); font-family: var(--font-work-sans); margin-right: 35px } .tour-information ul.tour-info-metalist li svg { margin-top: -5px; margin-right: 8px; fill: var(--primary-color1) } .tour-information p { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); line-height: 1.7; text-align: justify; } .tour-info-list-area { border: 1px solid #eee; background-color: var(--white); margin: 30px 0 } .tour-info-list-area ul.info-list-1 { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #eee; padding: 30px } @media(max-width:767px) { .tour-info-list-area ul.info-list-1 { padding: 25px 20px } } .tour-info-list-area ul.info-list-1>li { display: block; margin-bottom: 25px } .tour-info-list-area ul.info-list-1>li span:first-child { font-size: 18px; color: var(--text-primary); font-family: 'Yeseva One', cursive; width: 35%; display: inline-block } @media(max-width:767px) { .tour-info-list-area ul.info-list-1>li span:first-child { width: 100%; margin-bottom: 8px } } .tour-info-list-area ul.info-list-1>li span:last-child { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); width: 65% } .tour-info-list-area ul.info-list-1>li ul.info-sublist { list-style: none; margin: 0; padding: 0; width: 80%; margin-left: auto; margin-top: -25px; gap: 5px; display: flex; flex-wrap: wrap; flex-direction: row } @media(max-width:767px) { .tour-info-list-area ul.info-list-1>li ul.info-sublist { width: 100%; margin-top: 10px; margin-left: 0 } } .tour-info-list-area ul.info-list-1>li ul.info-sublist li { display: inline-block; width: 100%; font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } @media(max-width:767px) { .tour-info-list-area ul.info-list-1>li ul.info-sublist li { width: 100% } } .tour-info-list-area ul.info-list-1>li ul.info-sublist i { color: var(--primary-color1); font-size: 20px; font-weight: 500; vertical-align: middle; margin-right: 8px } .tour-plan-single { display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 40px } .tour-plan-single:last-child { margin-bottom: 0 } @media(max-width:576px) { .tour-plan-single { flex-wrap: wrap; gap: 20px } } .tour-plan-single .plan-serial { width: 54px; height: 54px; line-height: 54px; text-align: center; border-radius: 50%; border: 1px solid var(--primary-color1); min-width: 54px; border-radius: 0; background: var(--white); transition: all .45s cubic-bezier(.84, .35, .39, .74) } .tour-plan-single .plan-serial span { display: inline-block; font-size: 2.8rem; font-weight: 600; color: var(--primary-color1); font-family: var(--font-work-sans); transition: all .45s cubic-bezier(.84, .35, .39, .74) } .tour-plan-single h4.plan-title { font-size: 2.2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 20px } .tour-plan-single p, .tour-plan-single .info-single .info-text a, .info-single .info-text .tour-plan-single a { font-size: 17px; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans) } .tour-plan-single:hover .plan-serial { background: var(--primary-color1) } .tour-plan-single:hover .plan-serial span { font-size: 2.8rem; font-weight: 600; color: var(--white) } .tour-plan-single .plan-list { list-style: none; margin: 0; padding: 0; margin-top: 25px } .tour-plan-single .plan-list li { font-size: 18px; font-weight: 400; color: var(--text-primary); font-family: var(--font-work-sans); margin-bottom: 15px; position: relative; padding-left: 25px } .tour-plan-single .plan-list li::before { content: ""; font-family: bootstrap-icons; position: absolute; left: 0; top: 5px; font-weight: 300; font-size: 14px; color: var(--primary-color1) } .tour-location .map-area { margin-bottom: 30px } .tour-gallery { position: relative; overflow: hidden; margin-bottom: 20px; width: 100%; max-width: 415px; margin-left: auto; margin-right: auto; text-align: center } .tour-gallery:hover img { transform: scale(1.1) } .tour-gallery img { transition: all .55s ease } .tour-review-area { padding: 0 10px } .review-progress-box { border: 1px solid #eee; margin: 45px 0; padding: 35px } @media(max-width:767px) { .review-progress-box { padding: 25px } } .review-progress-box .tour-review-number { text-align: center } @media(max-width:991px) { .review-progress-box .tour-review-number { margin-bottom: 15px } } .review-progress-box .tour-review-number span { font-size: 5rem; font-weight: 500; color: var(--primary-color1); font-family: var(--font-work-sans) } .review-progress-box .tour-review-number h2 { font-size: 2.5rem; font-weight: 500; color: var(--text-primary); font-family: var(--font-work-sans) } .review-progress-box .progress-singl { position: relative; margin-bottom: 35px } .review-progress-box .progress-singl:last-child { margin-bottom: 0 } .review-progress-box .progress-singl span { position: absolute; top: 0; font-size: 18px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans) } .review-progress-box .progress-bar { position: relative; display: block; text-align: right; background: 0 0; color: var(--text-secondary); font-size: 18px; font-weight: 500; font-style: normal; overflow: visible } .review-progress-box .progress-bar:after { content: ""; position: absolute; top: 25px; left: 0; display: block; height: 6px; border-radius: 5px; width: var(--progress); -webkit-animation: progress 2s; animation: progress 2s; background: var(--primary-color1); border-radius: 5px 0 0 5px; border-right: 0; outline: none; z-index: 9 } .review-progress-box .progress-bar:before { content: ""; position: absolute; top: 25px; left: 0; display: block; height: 6px; border-radius: 5px; width: 100%; -webkit-animation: progress 2s; animation: progress 2s; background: var(--primary-color1-light); border-radius: 5px 0 0 5px; border-right: 0; outline: none; z-index: 9 } @-webkit-keyframes progress { from { width: 0 } to { width: var(--progress) } } @keyframes progress { from { width: 0 } to { width: var(--progress) } } .review-commetn-area { margin-bottom: 54px } .review-commetn-area .review-comment-list { padding: 0; margin: 35px 0 0; list-style: none } .review-commetn-area .review-comment-list>li:last-child .comment-item { margin-bottom: 0 } .review-commetn-area .review-comment-list>li .comment-reply { margin: 0; padding: 0 0 0 10%; list-style: none } .review-commetn-area .review-comment-list .comment-item { border-radius: 5px; border-bottom: 1px solid #eee; padding-bottom: 30px; display: flex; justify-content: start; align-items: start; flex-direction: row; flex-wrap: nowrap; gap: 20px; margin-bottom: 35px } @media(max-width:576px) { .review-commetn-area .review-comment-list .comment-item { flex-wrap: wrap } } .review-commetn-area .review-comment-list .comment-meta { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 10px; margin-bottom: 15px } @media(max-width:576px) { .review-commetn-area .review-comment-list .comment-meta { gap: 5px; flex-wrap: wrap } } .review-commetn-area .review-comment-list .comment-meta h5 { font-size: 2rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-right: 0 } .review-commetn-area .review-comment-list .comment-meta span { font-size: 14px; font-weight: 500; color: var(--text-color2) } .review-commetn-area .review-comment-list .content p, .review-commetn-area .review-comment-list .content .info-single .info-text a, .info-single .info-text .review-commetn-area .review-comment-list .content a { font-size: 16px; font-weight: 400; line-height: 1.8 } .review-commetn-area .review-comment-list .content .reply { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); padding-bottom: 3px; border-bottom: 1px dashed var(--text-secondary); background-color: var(--white); outline: none; margin-top: 5px; transition: all .4s ease } .review-commetn-area .review-comment-list .content .reply:hover { color: var(--primary-color1); border-bottom: 1px dashed var(--primary-color1) } .review-commetn-area .review-comment-list .content .reply .bi { margin-left: 5px } .review-item-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 25px } .review-item-list>li { display: inline-flex; margin-right: 20px } .review-item-list>li span { display: inline-block; margin-right: 15px; font-size: 18px; font-weight: 500; color: var(--text-secondary); font-family: var(--font-work-sans) } .review-item-list>li .star-list { display: flex; flex-direction: row; list-style: none; margin: 0; padding: 0; gap: 10px } .review-item-list>li .star-list li { color: var(--primary-color1) } .material-icons.star-icon { font-size: 38px; cursor: pointer } .star-rating-wrapper { margin-top: 30px; margin-bottom: 20px } .star-rating-wrapper ul.star-rating-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; list-style: none; margin: 0; padding: 0 } .star-rating-wrapper ul.star-rating-list li { margin-right: 10px } .star-rating-wrapper ul.star-rating-list li span { display: inline-block; margin-top: 10px; font-size: 18px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .booking-form-box { position: relative; z-index: 9; text-align: center; padding: 35px 30px; background: #fff; box-shadow: 4px 3px 40px rgba(16, 33, 34, .06); width: 100%; margin: 0 auto 60px; border-radius: 5px } @media(max-width:991px) { .booking-form-box { margin-top: 20px } } @media(max-width:576px) { .booking-form-box { padding: 40px 20px } } .booking-form-box h3 { font-size: 2.8rem; font-weight: 600; color: var(--text-primary); font-family: 'Yeseva One', cursive; margin-bottom: 15px } .booking-form-box p, .booking-form-box .info-single .info-text a, .info-single .info-text .booking-form-box a { font-size: 17px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans) } .booking-form-box .banner-form { margin-top: 40px } .booking-form-box .banner-form .searchbox-input { width: 100% } .booking-form-box .banner-form .searchbox-input input, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea { width: 100%; height: 50px; border: unset; background-color: var(--white); padding-left: 10px; color: var(--text-primary); transition: all .45s ease } .booking-form-box .banner-form .searchbox-input input:focus::-moz-placeholder, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:focus::-moz-placeholder, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:focus::-moz-placeholder, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder { color: var(--primary-color1) } .booking-form-box .banner-form .searchbox-input input:focus:-ms-input-placeholder, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:focus:-ms-input-placeholder, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:focus:-ms-input-placeholder, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder { color: var(--primary-color1) } .booking-form-box .banner-form .searchbox-input input:focus::placeholder, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:focus::placeholder, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:focus::placeholder, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::placeholder { color: var(--primary-color1) } .booking-form-box .banner-form .searchbox-input input::-moz-placeholder, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -moz-transition: all .45s ease; transition: all .45s ease } .booking-form-box .banner-form .searchbox-input input:-ms-input-placeholder, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -ms-transition: all .45s ease; transition: all .45s ease } .booking-form-box .banner-form .searchbox-input input::placeholder, .booking-form-box .banner-form .searchbox-input form.style-1 .form-inner textarea::placeholder, form.style-1 .form-inner .booking-form-box .banner-form .searchbox-input textarea::placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .form-inner .booking-form-box .banner-form .searchbox-input textarea::placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); transition: all .45s ease } .booking-form-box .banner-form .searchbox-input textarea { width: 100%; border: none; outline: none; padding: 13px 10px } .booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder { color: var(--primary-color1) } .booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder { color: var(--primary-color1) } .booking-form-box .banner-form .searchbox-input textarea:focus::placeholder { color: var(--primary-color1) } .booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -moz-transition: all .45s ease; transition: all .45s ease } .booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); -ms-transition: all .45s ease; transition: all .45s ease } .booking-form-box .banner-form .searchbox-input textarea::placeholder { font-size: 16px; font-weight: 400; color: var(--text-secondary); font-family: var(--font-work-sans); transition: all .45s ease } .booking-form-box .banner-form .search-box-single { display: flex; flex-direction: row; align-items: flex-start; position: relative; margin-bottom: 25px; padding: 0 20px; border: 1px solid #eee; transition: all .45s ease } @media(max-width:576px) { .booking-form-box .banner-form .search-box-single { padding: 0 12px } } .booking-form-box .banner-form .search-box-single .searchbox-icon { padding-top: 13px } .booking-form-box .banner-form .search-box-single .searchbox-icon .bi { vertical-align: middle; transition: all .45s ease } .booking-form-box .banner-form .search-box-single:hover { border: 1px solid var(--primary-color1) } .booking-form-box .banner-form .search-box-single:hover .bi { color: var(--primary-color1) } .booking-form-box .nice-select { background-color: #828286; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; height: 50px; line-height: 50px; outline: none; position: relative; text-align: left !important; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; border-radius: 0; border: unset; padding-left: 10px } .booking-form-box .nice-select::after { border-bottom: 2px solid var(--white); border-right: 2px solid var(--white) } .booking-form-box .nice-select .option { min-height: 35px; line-height: 35px; font-size: 14px } .booking-form-box .nice-select .option:hover { background: var(--primary-color2); color: var(--text-primary) } .booking-form-box .nice-select .option.selected { background: var(--primary-color2) !important } .booking-form-box .nice-select .current { font-size: 1.6rem; font-weight: 500; color: var(--white) } .booking-form-box .nice-select .list { border: unset; border: 1px solid rgba(41, 43, 49, .03); margin-top: 6px; z-index: 100; border-radius: 0; width: 100%; min-width: 80px } .ui-datepicker { width: 17em; padding: .5em .5em 0; position: absolute; top: 0; left: 0; display: none; z-index: 13 } .calendar { font-size: 16px } .ui-datepicker td { border: 0; padding: 2px } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: var(--primary-color1); border: 1px solid var(--primary-color1); color: #fff; border-radius: 0 } div#ui-datepicker-div { border: 1px solid transparent; box-shadow: 3px 3px 10px rgba(0, 0, 0, .07); border-radius: 0; margin-top: 8px; margin-left: -15px } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid transparent; background: var(--white); font-weight: 400; padding: 4px; transition: all .45s ease; color: var(--text-color1) } .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .ui-button:hover, html .ui-button.ui-state-disabled:hover:hover, html .ui-button.ui-state-disabled:active:hover { border: 1px solid var(--primary-color1); color: var(--primary-color1) } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid var(--primary-color1) !important; color: var(--primary-color1) !important } .ui-widget-header .ui-icon { background-image: unset; position: relative } .ui-widget-header .ui-icon::after { content: ""; position: absolute; left: 0; top: 0; font-family: bootstrap-icons; color: var(--white); z-index: 9 } .ui-datepicker-prev { border: 1px solid var(--primary-color1) } .ui-datepicker-prev:hover { border: 1px solid var(--primary-color1); background-color: inherit } .ui-datepicker-prev::after { content: ""; font-family: bootstrap-icons; font-weight: 400; position: absolute; top: -1px; left: 5px; z-index: 9; margin: auto; font-size: 22px; color: var(--white); transition: all .35s ease } .ui-datepicker-prev span.ui-icon { display: none !important; visibility: hidden } .ui-datepicker-next { border: 1px solid var(--primary-color1) } .ui-datepicker-next:hover { border: 1px solid var(--primary-color1); background-color: inherit } .ui-datepicker-next::after { content: ""; font-family: bootstrap-icons; font-weight: 400; position: absolute; top: -1px; left: 5px; z-index: 9; margin: auto; font-size: 22px; color: var(--white); transition: all .35s ease } .ui-datepicker-next span.ui-icon { display: none !important; visibility: hidden } .image-gallery-single { margin-bottom: 15px } .image-gallery-single img { width: 100% } .image-gallery-single .image-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); display: flex; justify-content: center; align-items: center; transform: scale(.7); opacity: 0; transition: all .45s ease-in-out } .image-gallery-single .image-view .bi { color: var(--primary-color1); font-size: 35px; opacity: 0; transition: all .45s ease-in-out } .image-gallery-single:hover .image-view { transform: scale(1); opacity: 1 } .image-gallery-single:hover .image-view .bi { opacity: 1 } .video-gallery-single { margin-bottom: 25px } .video-gallery-single img { width: 100% } .form-wrapper { border-radius: 5px; box-shadow: 5px 7px 35px rgba(139, 139, 139, .1); padding: 40px; background: var(--white) } @media(max-width:576px) { .form-wrapper { padding: 25px } } .form-wrapper .form-title { text-align: center; margin-bottom: 60px } .form-wrapper .form-title h3 { font-size: 3rem; color: var(--text-primary); font-family: 'Yeseva One', cursive; text-align: center; margin-bottom: 20px } .form-wrapper .form-title p, .form-wrapper .form-title .info-single .info-text a, .info-single .info-text .form-wrapper .form-title a { font-size: 20px; font-weight: 400; color: var(--text-primary) } .form-wrapper .form-title p a, .form-wrapper .form-title .info-single .info-text a a, .info-single .info-text .form-wrapper .form-title a a { font-weight: 600; font-size: 20px; text-transform: capitalize; color: var(--text-primary) } .form-wrapper .form-title2 { margin-bottom: 30px } .form-wrapper .form-title2 h3 { font-size: 35px; font-weight: 600; color: var(--text-primary); margin-bottom: 15px } .form-wrapper label { color: var(--text-primary); font-size: 16px; font-weight: 500; margin-bottom: 12px } .form-wrapper input, .form-wrapper form.style-1 .form-inner textarea, form.style-1 .form-inner .form-wrapper textarea, .form-wrapper .contact-from-wrapper .form-inner textarea, .contact-from-wrapper .form-inner .form-wrapper textarea, .form-wrapper textarea { border: 1px solid #eee; height: 50px; width: 100%; padding: 10px 20px; transition: .4s ease; border-radius: 0 } .form-wrapper input::-moz-placeholder, .form-wrapper form.style-1 .form-inner textarea::-moz-placeholder, form.style-1 .form-inner .form-wrapper textarea::-moz-placeholder, .form-wrapper .contact-from-wrapper .form-inner textarea::-moz-placeholder, .contact-from-wrapper .form-inner .form-wrapper textarea::-moz-placeholder, .form-wrapper textarea::-moz-placeholder { font-size: 14px; font-weight: 400 } .form-wrapper input:-ms-input-placeholder, .form-wrapper form.style-1 .form-inner textarea:-ms-input-placeholder, form.style-1 .form-inner .form-wrapper textarea:-ms-input-placeholder, .form-wrapper .contact-from-wrapper .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper .form-inner .form-wrapper textarea:-ms-input-placeholder, .form-wrapper textarea:-ms-input-placeholder { font-size: 14px; font-weight: 400 } .form-wrapper input::placeholder, .form-wrapper form.style-1 .form-inner textarea::placeholder, form.style-1 .form-inner .form-wrapper textarea::placeholder, .form-wrapper .contact-from-wrapper .form-inner textarea::placeholder, .contact-from-wrapper .form-inner .form-wrapper textarea::placeholder, .form-wrapper textarea::placeholder { font-size: 14px; font-weight: 400 } .form-wrapper input:focus, .form-wrapper form.style-1 .form-inner textarea:focus, form.style-1 .form-inner .form-wrapper textarea:focus, .form-wrapper textarea:focus { border: 1px solid var(--primary-color1) } .form-wrapper textarea { min-height: 150px } .form-wrapper .check-box-text { font-size: 16px } .form-wrapper .form-inner { margin-bottom: 18px; position: relative } .form-wrapper .form-inner i { position: absolute; right: 20px; bottom: 14px } .form-wrapper .form-agreement { margin-bottom: 16px; margin-top: 6px } .form-wrapper .form-agreement label { font-size: 16px; font-weight: 400 } .form-wrapper .form-agreement label a { font-weight: 600; font-size: 16 } .form-wrapper .alternate-signup-box { border: 1px solid #eee; border-radius: 3px; padding: 20px; text-align: center; margin-top: 30px; margin-bottom: 35px } .form-wrapper .alternate-signup-box h6 { font-size: 16px; color: var(--text-primary); text-transform: uppercase; margin-bottom: 20px } .form-wrapper .alternate-signup-box .btn-group { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap } .form-wrapper .alternate-signup-box .btn-group a { font-size: 12px; text-align: center; text-transform: uppercase; display: inline-block; padding: 12px 15px; color: #fff; border-radius: 0; transition: .5s ease } .form-wrapper .alternate-signup-box .btn-group a:hover { background: var(--text-primary) } .form-wrapper .alternate-signup-box .btn-group i { font-size: 16px } .form-wrapper .alternate-signup-box .google-btn { background: #db4437 } .form-wrapper .alternate-signup-box .facebook-btn { background: #4267b2 } .form-wrapper .form-poicy-area { text-align: center } .form-wrapper .form-poicy-area a { font-weight: 600; color: var(--primary-color1); text-decoration: underline } .form-wrapper .form-group input[type=checkbox], .form-wrapper .form-group form.style-1 .form-inner textarea[type=checkbox], form.style-1 .form-inner .form-wrapper .form-group textarea[type=checkbox], .form-wrapper .form-group .contact-from-wrapper .form-inner textarea[type=checkbox], .contact-from-wrapper .form-inner .form-wrapper .form-group textarea[type=checkbox] { display: none; cursor: pointer } .form-wrapper input[type=checkbox]+label:before, .form-wrapper form.style-1 .form-inner textarea[type=checkbox]+label:before, form.style-1 .form-inner .form-wrapper textarea[type=checkbox]+label:before, .form-wrapper .contact-from-wrapper .form-inner textarea[type=checkbox]+label:before, .contact-from-wrapper .form-inner .form-wrapper textarea[type=checkbox]+label:before { content: ""; -webkit-appearance: none; background-color: var(--text-primary); box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px } .form-wrapper input[type=checkbox]:checked+label:after, .form-wrapper form.style-1 .form-inner textarea[type=checkbox]:checked+label:after, form.style-1 .form-inner .form-wrapper textarea[type=checkbox]:checked+label:after, .form-wrapper .contact-from-wrapper .form-inner textarea[type=checkbox]:checked+label:after, .contact-from-wrapper .form-inner .form-wrapper textarea[type=checkbox]:checked+label:after { content: ""; display: block; position: absolute; top: 7px; left: 6px; width: 4px; height: 10px; border: 1px solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) } .gallery-layout .gallery-wrapper { width: 100%; display: grid; grid-gap: 10px; grid-auto-flow: dense; grid-template: "1fr 1fr 1fr 1fr 1fr" 33.33vh "1fr 1fr 1fr 1fr 1fr" 33.33vh } .gallery-layout .gallery-wrapper .box { position: relative; background: #ccc } .gallery-layout .gallery-wrapper .box .destination-single2 { position: relative; overflow: hidden; width: 100% } .gallery-layout .gallery-wrapper .box .destination-single2:hover img { transform: scale(1.1) } .gallery-layout .gallery-wrapper .box .destination-single2 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .55s ease-in-out } .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content { position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: fe; justify-content: flex-end; padding: 20px } .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content h4 { margin-bottom: 6px } .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content h4 a { font-size: 2.4rem; color: var(--white); font-family: 'Yeseva One', cursive } .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content p, .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content .info-single .info-text a, .info-single .info-text .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content a { font-size: 16px; font-weight: 400; color: var(--white); font-family: var(--font-work-sans); margin-bottom: 0 } .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content p span, .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content .info-single .info-text a span, .info-single .info-text .gallery-layout .gallery-wrapper .box .destination-single2 .destination-content a span { font-size: 17px; color: var(--white); font-family: var(--font-work-sans) } .gallery-layout .gallery-wrapper .box.a { grid-row: span 2 } .gallery-layout .gallery-wrapper .box.b, .gallery-layout .gallery-wrapper .box.f, .gallery-layout .gallery-wrapper .box.h, .gallery-layout .gallery-wrapper .box.j { grid-column: span 2 } @media(min-width:576px)and (max-width:768px) { .gallery-layout .gallery-wrapper .box.b, .gallery-layout .gallery-wrapper .box.f, .gallery-layout .gallery-wrapper .box.h, .gallery-layout .gallery-wrapper .box.j { grid-column: span 1 } } @media(max-width:576px) { .gallery-layout .gallery-wrapper .box.b, .gallery-layout .gallery-wrapper .box.f, .gallery-layout .gallery-wrapper .box.h, .gallery-layout .gallery-wrapper .box.j { grid-column: span 2 } } .gallery-layout .gallery-wrapper .box .destination-single2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media(max-width:991px) { .gallery-layout .gallery-wrapper { grid-template: "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px "1fr 1fr 1fr" 250px } } @media(max-width:768px) { .gallery-layout .gallery-wrapper { grid-template: "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px } } @media(max-width:440px) { .gallery-layout .gallery-wrapper { grid-template: "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px "1fr 1fr" 220px } } @media(max-width:440px) { .gallery-layout .gallery-wrapper .box { grid-column: span 2 } } .gallery-layout .gallery-wrapper .box.h { grid-column: span 1 } .about3-title p{ text-align:justify; } .padding-left{ padding-left:25px; } .shadow { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .shadow p{ text-align:justify; } .padding-0 { padding:0; } .padding-10 { padding:20px; } .blog-grid-section .container{ margin-bottom:30px; } .package-image img{ width:150px; } .banner-form input{ width: 100%; padding: 10px; margin-bottom: 10px; background: #828286; color: #fff; border: none; } .mobile-logo-wrap img{ width:200px; } .banner-form textarea{ width: 100%; padding: 10px; background: #828286; color:#fff !important; } .info-list-1 span{ font-weight:bold; font-size:25px; } .service-div{ box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; padding:20px; margin-bottom:20px; min-height: 400px; } .service-div img{ max-width:100px; } .service-div p{ } .service-div h3{ font-size:23px; margin-top:10px; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.04 | proxy | phpinfo | Settings