@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

* {
margin: 0;
padding: 0;
scroll-behavior: smooth
}

:root {
--font-rubik: "Source Serif 4", serif;

--font-jost: "Source Serif 4", serif;

--font-satisfy: "Source Serif 4", serif;

--font-sansita: "Source Serif 4", serif;

--white-color: #fff;
--black-color: #000;
--title-color: #100C08;
--text-color: #787878;
--primary-color1: #034ea2;
--primary-color1-opc: 99, 171, 69;
--primary-color2: #485319;
;
--primary-color2-opc: 251, 176, 59
}

html {
font-size: 100%;
scroll-behavior: smooth
}

body {
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;

color: var(--title-color);
font-size: 16px;
font-weight: 400;
line-height: 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-rubik);
font-weight: 600;
line-height: 1.4;
color: var(--title-color)
}

input {
border: none;
outline: none
}

button {
outline: none;
border: none
}

i.bx {
vertical-align: middle
}

img {
max-width: 100%;
height: auto
}

a {
text-decoration: none
}

p {
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 26px
}

ul {
margin: 0;
padding: 0;
list-style: none
}

.sec-mar {
margin: 100px 0
}

@media(max-width: 991px) {
.sec-mar {
margin: 8ch 0
}
}

.pt-120 {
padding-top: 60px;
}

@media(min-width: 992px) and (max-width:1199px) {
.pt-120 {
padding-top: 100px
}
}

@media(max-width: 991px) {
.pt-120 {
padding-top: 90px
}
}

.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
}
}

.pt-100 {
padding-top: 110px
}

@media(max-width: 991px) {
.pt-100 {
padding-top: 80px
}
}

.pb-100 {
padding-bottom: 110px
}

@media(max-width: 991px) {
.pb-100 {
padding-bottom: 80px
}
}

.pt-90 {
padding-top: 90px
}

@media(max-width: 991px) {
.pt-90 {
padding-top: 80px
}
}

@media(max-width: 767px) {
.pt-90 {
padding-top: 70px
}
}

.pb-90 {
padding-bottom: 90px
}

@media(max-width: 991px) {
.pb-90 {
padding-bottom: 80px
}
}

@media(max-width: 767px) {
.pb-90 {
padding-bottom: 70px
}
}

.pb-80 {
padding-bottom: 80px
}

@media(min-width: 992px) and (max-width:1199px) {
.pb-80 {
padding-bottom: 60px
}
}

.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 {
padding-top: 60px;
margin-bottom: 32px;
padding-bottom: 60px;
}

@media(min-width: 992px) and (max-width:1199px) {
.mb-120 {
margin-bottom: 100px
}
}

@media(max-width: 991px) {
.mb-120 {
margin-bottom: 50px;
}
}

.mb-130 {
margin-bottom: 130px
}

@media(min-width: 992px) and (max-width:1199px) {
.mb-130 {
margin-bottom: 100px
}
}

@media(max-width: 991px) {
.mb-130 {
margin-bottom: 90px
}
}

.mb-100 {
margin-bottom: 110px
}

@media(max-width: 991px) {
.mb-100 {
margin-bottom: 80px
}
}

.mt-100 {
margin-top: 110px !important
}

@media(max-width: 991px) {
.mt-100 {
margin-top: 80px !important
}
}

.mb-90 {
margin-bottom: 90px
}

@media(max-width: 991px) {
.mb-90 {
margin-bottom: 70px
}
}

@media(max-width: 767px) {
.mb-90 {
margin-bottom: 50px
}
}

.mb-80 {
margin-bottom: 80px
}

@media(max-width: 991px) {
.mb-80 {
margin-bottom: 70px
}
}

.mb-15 {
margin-bottom: 15px
}

.mb-10 {
margin-bottom: 10px
}

.pt-80 {
padding-top: 80px
}

.pt-50 {
padding-top: 50px
}

.pt-40 {
padding-top: 40px
}

.pt-35 {
padding-top: 35px
}

.pt-30 {
padding-top: 30px
}

.pb-80 {
padding-bottom: 80px
}

.pe-80 {
padding-right: 80px
}

.pb-60 {
padding-bottom: 60px
}

.pl-110 {
padding-left: 110px
}

@media(min-width: 1400px) and (max-width:1599px) {
.pl-110 {
padding-left: 70px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.pl-110 {
padding-left: 40px
}
}

@media(max-width: 1199px) {
.pl-110 {
padding-left: unset
}
}

.mb-60 {
margin-bottom: 60px
}

@media(max-width: 1199px) {
.mb-60 {
margin-bottom: 50px
}
}

@media(max-width: 767px) {
.mb-60 {
margin-bottom: 40px
}
}

.mb-70 {
margin-bottom: 70px
}

@media(max-width: 767px) {
.mb-70 {
margin-bottom: 40px
}
}

.mb-50 {
margin-bottom: 50px
}

.mb-45 {
margin-bottom: 45px
}

.mb-35 {
margin-bottom: 35px
}

.mb-20 {
margin-bottom: 20px
}

.mt-15 {
margin-top: 15px
}

.mt-40 {
margin-top: 40px
}

.mt-35 {
margin-top: 35px
}

.mb-40 {
margin-bottom: 40px
}

@media(max-width: 1199px) {
.mb-40 {
margin-bottom: 30px
}
}

.mb-30 {
margin-bottom: 30px
}

.mb-25 {
margin-bottom: 25px
}

.mt-50 {
margin-top: 50px
}

.mt-30 {
margin-top: 30px
}

.mt-25 {
margin-top: 25px
}

.mb-50 {
margin-bottom: 50px
}

@media(max-width: 767px) {
.mb-50 {
margin-bottom: 40px
}
}

.mt-60 {
margin-top: 60px
}

@media(max-width: 767px) {
.mt-60 {
margin-top: 40px
}
}

.mt-70 {
margin-top: 70px
}

@media(max-width: 991px) {
.mt-70 {
margin-top: 40px
}
}

.container.one {
max-width: 1455px
}

@media(min-width: 1400px) and (max-width:1599px) {
.container.one {
max-width: 1370px
}
}

@media(max-width: 1399px) {
.container.one {
max-width: 1370px
}
}

.egns-preloader {
position: fixed !important;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}

.egns-preloader::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: -1
}

.egns-preloader .circle-border {
width: 100%;
max-width: 140px;
height: 100%;
max-height: 140px;
border: 0 solid var(--primary-color);
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)
}

.egns-preloader .circle-border svg {
fill: var(--primary-color1)
}

.egns-preloader .circle-border svg path {
stroke: var(--primary-color1)
}

.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;
animation: circle 2s linear infinite
}

.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;
animation: circle 2.25s linear infinite
}

.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;
animation: circle 2.5s linear infinite
}

@keyframes circle {
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg)
}

100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg)
}
}

.egns-preloader.close {
display: none;
visibility: hidden
}

.preloader-close-btn {
position: absolute;
right: 20px;
top: 30px;
font-size: 16px;
transition: ease-in-out .5s linear;
text-transform: uppercase;
font-weight: 400;
cursor: pointer
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: var(--primary-color1)
}

.daterangepicker .monthselect {
outline: none
}

.daterangepicker td.in-range {
background-color: rgba(var(--primary-color1-opc), 0.2)
}

.daterangepicker td.active {
background-color: var(--primary-color1)
}

.daterangepicker button {
outline: none
}

.daterangepicker .btn-primary {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.daterangepicker.single td.active,
.daterangepicker.single td.active:hover {
background-color: var(--primary-color1)
}

.daterangepicker.single .monthselect {
outline: none
}

.daterangepicker.single button {
outline: none
}

.daterangepicker.single .btn-primary {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.primary-btn1 {
border-radius: 5px;
background-color: #0b47ac;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 16px;
color: var(--white-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 16px 34px;
display: inline-flex;
align-items: center;
gap: 10px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap
}

.primary-btn1 svg {
fill: var(--white-color);
transition: .5s
}

.primary-btn1::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color2);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.primary-btn1:hover {
color: var(--title-color)
}

.primary-btn1:hover svg {
fill: var(--white-color)
}

.primary-btn1:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.primary-btn1.two {
border-radius: unset
}

.primary-btn2 {
border-radius: 5px;
background-color: #034ea2;
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
color: var(--white-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 11px 16px;
display: inline-flex;
align-items: center;
gap: 7px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap
}

.primary-btn2 svg {
fill: var(--white-color);
transition: .5s
}

.primary-btn2::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: #0a1019;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.primary-btn2:hover {
color: var(--white-color)
}

.primary-btn2:hover svg {
fill: var(--white-color)
}

.primary-btn2:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.primary-btn2.two {
border-radius: unset
}

.primary-btn3 {
border-radius: 35px;
background-color: #034ea2;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 16px;
color: var(--white-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 15px 34px;
display: inline-flex;
align-items: center;
gap: 7px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
border-bottom: 2px solid #4a8631
}

.primary-btn3::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform .7s
}

.primary-btn3:hover {
color: var(--white-color)
}

.primary-btn3:hover::after {
transform: scalex(1);
transform-origin: left
}

.primary-btn4 {
padding: 5px;
border: 1px dashed var(--primary-color1);
border-radius: 2px;
display: inline-block
}

.primary-btn4 span {
border-radius: 5px;
background-color: #034ea2;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
color: var(--white-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 17px 41px;
display: inline-flex;
align-items: center;
gap: 7px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap
}

.primary-btn4 span svg {
fill: var(--white-color);
transition: .5s
}

.primary-btn4 span::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: #0a1019;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.primary-btn4:hover span {
color: var(--white-color)
}

.primary-btn4:hover span svg {
fill: var(--white-color)
}

.primary-btn4:hover span::after {
transform: skewX(45deg) scale(1, 1)
}

.primary-btn4.two span {
padding: 17px 22px
}

.primary-btn5 {
-webkit-mask-image: url(../img/home5/vector/primary-btn5-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: #034ea2;
padding: 11px 17px;
white-space: nowrap;
display: inline-flex;
position: relative;
overflow: hidden;
z-index: 1;
transition: .5s
}

.primary-btn5 span {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
transition: .5s
}

.primary-btn5 span svg {
fill: var(--white-color);
transition: .5s
}

.primary-btn5 ::after {
content: "";
position: absolute;
z-index: -1;
background: var(--primary-color2);
height: 100%;
width: 100%;
top: 0;
right: 0;
transform-origin: right;
transform: scalex(0);
transition: transform .5s
}

.primary-btn5:hover ::after {
transform: scalex(1);
transform-origin: left
}

.primary-btn5:hover span {
color: var(--title-color)
}

.primary-btn5:hover span svg {
fill: var(--title-color)
}

.secondary-btn1 {
border-radius: 30px;
background-color: var(--primary-color2);
font-family: var(--font-rubik);
font-weight: 500;
font-size: 16px;
color: var(--title-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 17px 31px;
display: inline-flex;
align-items: center;
gap: 7px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap
}

.secondary-btn1::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform .7s
}

.secondary-btn1:hover {
color: var(--white-color)
}

.secondary-btn1:hover::after {
transform: scalex(1);
transform-origin: left
}

.secondary-btn2 {
border-radius: 35px;
background-color: var(--primary-color2);
font-family: var(--font-rubik);
font-weight: 600;
font-size: 16px;
color: var(--title-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 14px 26px;
display: inline-flex;
align-items: center;
gap: 7px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
border-bottom: 2px solid #a67c3b
}

.secondary-btn2::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform .7s
}

.secondary-btn2:hover {
color: var(--white-color)
}

.secondary-btn2:hover::after {
transform: scalex(1);
transform-origin: left
}

.secondary-btn3 {
-webkit-mask-image: url(../img/home5/vector/secondary-btn3-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 17px 30px;
white-space: nowrap;
display: inline-flex;
position: relative;
overflow: hidden;
z-index: 1;
transition: .5s
}

.secondary-btn3 span {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
transition: .5s
}

.secondary-btn3 ::after {
content: "";
position: absolute;
z-index: -1;
background: var(--primary-color1);
height: 100%;
width: 100%;
top: 0;
right: 0;
transform-origin: right;
transform: scalex(0);
transition: transform .5s
}

.secondary-btn3:hover ::after {
transform: scalex(1);
transform-origin: left
}

.secondary-btn3:hover span {
color: var(--white-color)
}

.secondary-btn4 {
background-color: var(--primary-color2);
font-family: var(--font-rubik);
font-weight: 600;
font-size: 16px;
color: white;
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 18px 26px;
display: inline-flex;
align-items: center;
gap: 10px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap
}

.secondary-btn4 svg {
fill: var(--white-color);
transition: .5s
}

.secondary-btn4::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: #034ea2;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.secondary-btn4:hover {
color: var(--white-color)
}

.secondary-btn4:hover svg {
fill: var(--white-color)
}

.secondary-btn4:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.secondary-btn4.two {
border-radius: 5px
}

.select {
margin-bottom: 25px
}

.nice-select {
width: 100%;
background: 0 0;
border-radius: 5px;
height: 50px;
display: flex;
align-items: center;
line-height: 1;
padding: 0 25px;
outline: none !important;
box-shadow: none !important;
border: 1px solid #f3f3f3
}

.nice-select::after {
height: 8px;
width: 8px;
border-bottom: 1px solid var(--text-color);
border-right: 1px solid var(--text-color);
right: 28px;
margin-top: -5px
}

.nice-select .current {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400
}

.nice-select:hover {
border-color: #f3f3f3;
background: #f3f3f3
}

.nice-select:focus {
border-color: var(--primary-color1);
background-color: var(--white-color)
}

.nice-select .list {
border: none;
border-radius: 5px;
width: 100%;
max-height: 250px;
overflow-y: auto
}

.nice-select .list::-webkit-scrollbar {
width: 5px
}

.nice-select .list::-webkit-scrollbar-track {
background: #f1f1f1
}

.nice-select .list::-webkit-scrollbar-thumb {
background: var(--text-color)
}

.nice-select .list .option {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 500;
padding-left: 25px;
padding-right: 25px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}

.nice-select .list .option:hover {
color: var(--title-color);
background-color: #034ea2;
font-weight: 500
}

.nice-select .list .option.selected {
background-color: #034ea2;
color: var(--title-color)
}

.slider-btn-grp .slider-btn {
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px solid var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .5s
}

.slider-btn-grp .slider-btn i {
color: var(--white-color);
transition: .5s
}

.slider-btn-grp .slider-btn:hover {
background-color: #034ea2;
border: 1px solid var(--primary-color1)
}

.slider-btn-grp .slider-btn.swiper-button-disabled {
opacity: .2
}

.slider-btn-grp.two {
display: flex;
align-items: center;
gap: 40px
}

.slider-btn-grp.two .slider-btn {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--title-color);
transition: .5s
}

.slider-btn-grp.two .slider-btn i {
color: var(--title-color);
transition: .5s
}

.slider-btn-grp.two .slider-btn:hover {
background-color: #034ea2;
border: 1px solid var(--primary-color1)
}

.slider-btn-grp.two .slider-btn:hover i {
color: var(--white-color)
}

.slider-btn-grp.two .slider-btn.swiper-button-disabled {
opacity: .2
}

.slider-btn-grp2 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px
}

@media(max-width: 991px) {
.slider-btn-grp2 {
gap: 30px
}
}

.slider-btn-grp2 .slider-btn {
min-width: 35px;
max-width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .5s
}

.slider-btn-grp2 .slider-btn svg {
fill: var(--primary-color1)
}

.slider-btn-grp2 .slider-btn:hover {
background-color: var(--primary-color1)
}

.slider-btn-grp2 .slider-btn:hover svg {
fill: var(--white-color)
}

.slider-btn-grp2 .slider-btn.swiper-button-disabled {
opacity: .2
}

.slider-btn-grp4 .slider-btn {
width: 57px;
height: 40px;
border-radius: 300px;
border: 1px dashed var(--primary-color1);
background-color: var(--white-color);
box-shadow: 0 4px 25px rgba(0, 0, 0, .1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .5s
}

.slider-btn-grp4 .slider-btn svg {
fill: var(--primary-color1);
transition: .5s
}

.slider-btn-grp4 .slider-btn:hover {
background-color: var(--primary-color1)
}

.slider-btn-grp4 .slider-btn:hover svg {
fill: var(--white-color)
}

.slider-btn-grp4 .slider-btn.swiper-button-disabled {
opacity: .4
}

.slider-btn-grp5 {
display: flex;
align-items: center;
gap: 50px
}

.slider-btn-grp5 .slider-btn {
cursor: pointer;
transition: .5s
}

.slider-btn-grp5 .slider-btn svg {
fill: none;
stroke: var(--primary-color1);
transition: .5s
}

.slider-btn-grp5 .slider-btn:hover svg {
stroke: var(--primary-color2)
}

.slider-btn-grp5 .slider-btn.swiper-button-disabled {
opacity: .2
}

.slider-btn-grp5 .slider-btn.swiper-button-disabled:hover svg {
stroke: var(--primary-color1)
}

.slider-btn-grp6 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%
}

@media(max-width: 576px) {
.slider-btn-grp6 {
justify-content: center
}
}

.slider-btn-grp6 .slider-btn {
cursor: pointer;
gap: 10px
}

.slider-btn-grp6 .slider-btn svg {
fill: none;
stroke: var(--title-color);
transition: .5s
}

.slider-btn-grp6 .slider-btn span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
display: inline-block;
transition: .5s
}

.slider-btn-grp6 .slider-btn:hover svg {
stroke: var(--primary-color1)
}

.slider-btn-grp6 .slider-btn:hover span {
color: var(--primary-color1)
}

.slider-btn-grp6 .slider-btn.swiper-button-disabled {
opacity: .2
}

.slider-btn-grp6 .franctional-slider-pagi1 {
width: unset;
display: flex;
gap: 12px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.section-title span {
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 20px;
font-weight: 400;
line-height: 1;
letter-spacing: .4px;
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px
}

.section-title span svg {
fill: var(--primary-color1)
}

.section-title h2 {
color: orange;
font-family: var(--font-rubik);
font-size: 48px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 0
}

@media(max-width: 767px) {
.section-title h2 {
font-size: 35px
}
}

@media(max-width: 576px) {
.section-title h2 {
font-size: 30px
}
}

.section-title2 .eg-section-tag {
-webkit-mask-image: url(../img/home2/vector/section-title-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: rgba(var(--primary-color1-opc), 0.3);
padding: 12px 40px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 3px
}

.section-title2 .eg-section-tag span {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 17px;
font-weight: 400;
line-height: 1;
letter-spacing: .51px
}

.section-title2 .eg-section-tag.two {
background-color: rgba(var(--primary-color2-opc), 0.3);
padding: 15px 40px
}

.section-title2 .eg-section-tag.two span {
color: var(--primary-color2)
}

.section-title2 h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 34px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 0
}

@media(max-width: 991px) {
.section-title2 h2 {
font-size: 40px
}
}

@media(max-width: 576px) {
.section-title2 h2 {
font-size: 32px
}
}

.section-title2 p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px;
margin-bottom: 0;
padding-top: 30px
}

.section-title2.two {
max-width: 705px;
width: 100%
}

@media(min-width: 992px) and (max-width:1199px) {
.section-title2.two {
max-width: 550px
}
}

@media(min-width: 768px) and (max-width:991px) {
.section-title2.two {
max-width: 450px
}
}

.section-title2.two h2 {
font-size: 50px
}

@media(min-width: 992px) and (max-width:1199px) {
.section-title2.two h2 {
font-size: 48px
}
}

@media(max-width: 991px) {
.section-title2.two h2 {
font-size: 45px
}
}

@media(max-width: 576px) {
.section-title2.two h2 {
font-size: 32px
}
}

.section-title2.two p {
padding-top: 10px
}

@media(max-width: 1199px) {
.section-title2.two p {
font-size: 15px
}
}

@media(max-width: 576px) {
.section-title2.two p {
font-size: 14px
}
}

.section-title3 {
max-width: 705px;
width: 100%
}

.section-title3 h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 38px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0;
position: relative;
display: inline-block
}

.section-title3 h2::after {
content: "";
position: absolute;
bottom: 5px;
left: 0;
background-color: rgba(var(--primary-color1-opc), 0.15);
border-radius: 20px;
width: 100%;
height: 15px
}

@media(min-width: 992px) and (max-width:1199px) {
.section-title3 h2 {
font-size: 36px
}
}

@media(max-width: 576px) {
.section-title3 h2 {
font-size: 27px
}
}

.section-title3 p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .51px;
margin-bottom: 0;
padding-top: 15px
}

@media(max-width: 576px) {
.section-title3 p {
font-size: 14px;
padding-top: 10px
}
}

.section-title3.two {
max-width: 570px
}

.section-title4 .eg-section-tag {
/* -webkit-mask-image: url(../img/home5/vector/section-title4-tag-bg.svg); */
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: #034ea2;
padding: 12px 25px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 10px;
margin-top: 20px;
}

.section-title4 .eg-section-tag span {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .45px;
text-transform: uppercase
}

@media(max-width: 576px) {
.section-title4 .eg-section-tag span {
font-size: 13px
}
}

.section-title4 h2 {
color: #074c9f;
font-size: 51px;
font-weight: 600;
 text-transform: inherit; 
line-height: 1.1em;
}

@media(max-width: 991px) {
.section-title4 h2 {
font-size: 40px
}
}

@media(max-width: 576px) {
.section-title4 h2 {
font-size: 32px
}
}

.section-title4 p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px;
margin-bottom: 0;
padding-top: 30px
}

@media(max-width: 1399px) {
.section-title4 p {
padding-top: 20px
}
}

@media(max-width: 576px) {
.section-title4 p {
font-size: 15px;
padding-top: 15px
}
}

.section-title5 span {
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 21px;
font-weight: 400;
line-height: 1;
letter-spacing: 1.05px;
text-transform: capitalize;
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 10px
}

.section-title5 span svg {
fill: var(--primary-color1)
}

@media(max-width: 576px) {
.section-title5 span {
font-size: 18px
}
}

.section-title5 h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 45px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .9px;
text-transform: capitalize;
margin-bottom: 0
}

@media(max-width: 991px) {
.section-title5 h2 {
font-size: 40px
}
}

@media(max-width: 767px) {
.section-title5 h2 {
font-size: 30px
}
}

@media(max-width: 576px) {
.section-title5 h2 {
font-size: 28px
}
}

.section-title5 p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px;
margin-bottom: 0;
padding-top: 30px
}

@media(max-width: 991px) {
.section-title5 p {
font-size: 16px;
padding-top: 20px
}
}

@media(max-width: 576px) {
.section-title5 p {
font-size: 15px;
padding-top: 15px
}
}

.top-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 12px 12%;
background-color: #ece4d7
}

@media(min-width: 1400px) and (max-width:1599px) {
.top-bar {
padding: 12px 3%
}
}

@media(max-width: 1399px) {
.top-bar {
padding: 12px 3%
}
}

@media(max-width: 991px) {
.top-bar {
display: none;
visibility: hidden
}
}

.top-bar .topbar-left {
display: flex;
align-items: center;
gap: 8px;
max-width: 235px;
width: 100%;
position: relative
}

.top-bar .topbar-left::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: rgba(16, 12, 8, .2);
width: 1px;
height: 28px
}

.top-bar .topbar-left .icon svg {
fill: var(--primary-color1)
}

.top-bar .topbar-left .content {
line-height: 1
}

.top-bar .topbar-left .content>span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 11px;
font-weight: 500;
line-height: 1;
display: block;
margin-bottom: 4px
}

.top-bar .topbar-left .content p {
color: var(--primary-color1);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 0
}

.top-bar .topbar-left.two .content span {
color: var(--white-color);
font-size: 12px
}

.top-bar .topbar-left.two .content a {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
transition: .5s
}

.top-bar .topbar-left.two .content a:hover {
color: var(--primary-color2)
}

.top-bar p {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 1.4;
letter-spacing: .28px;
text-transform: capitalize;
margin-bottom: 0
}

.top-bar p a {
color: var(--primary-color1);
text-decoration: underline;
transition: .5s
}

.top-bar p a:hover {
color: var(--primary-color2)
}

.top-bar .topbar-right {
max-width: 235px;
width: 100%;
position: relative
}

.top-bar .topbar-right::after {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: rgba(16, 12, 8, .2);
width: 1px;
height: 28px
}

.top-bar .topbar-right .social-icon-area ul {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px
}

.top-bar .topbar-right .social-icon-area ul li a {
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--title-color);
transition: .5s
}

.top-bar .topbar-right .social-icon-area ul li a i {
font-size: 14px
}

.top-bar .topbar-right .social-icon-area ul li:hover a {
border: 1px solid var(--primary-color2);
color: var(--primary-color2)
}

.top-bar.style-2 {
background-color: rgb(45, 90, 123);
padding: 13px 8%;
}

@media(min-width: 1400px) and (max-width:1599px) {
.top-bar.style-2 {
padding: 9px 8%
}
}

@media(max-width: 1399px) {
.top-bar.style-2 {
padding: 9px 4%;
}
}

@media(max-width: 1199px) {
.top-bar.style-2 {
padding: 9px 6%
}
}

.top-bar.style-2 .topbar-left .rating-area {
display: flex;
align-items: center;
gap: 5px
}

.top-bar.style-2 .topbar-left .rating-area .content .text-logo {
display: flex;
margin-bottom: 5px
}

.top-bar.style-2 .topbar-left .rating-area .content .text-logo svg {
fill: var(--white-color)
}

.top-bar.style-2 .topbar-left .rating-area .content .rating {
display: flex;
align-items: center;
gap: 10px;
line-height: 1
}

.top-bar.style-2 .topbar-left .rating-area .content .rating ul {
display: flex;
align-items: center;
gap: 5px
}

.top-bar.style-2 .topbar-left .rating-area .content .rating ul li i {
color: #00aa6c;
font-size: 10px
}

.top-bar.style-2 .topbar-left .rating-area .content .rating span {
color: var(--white-color);
font-size: 12px
}

.top-bar.style-2 .topbar-left::after {
background: rgba(255, 255, 255, .2)
}

.top-bar.style-2 p {
color: var(--white-color)
}

.top-bar.style-2 .topbar-right::after {
background: rgba(255, 255, 255, .2)
}

.top-bar.style-2 .topbar-right .social-icon-area ul li a {
border: 1px solid var(--white-color);
color: var(--white-color);
transition: .5s
}

.top-bar.style-2 .topbar-right .social-icon-area ul li:hover a {
background-color: #034ea2;
color: var(--white-color);
border-color: var(--primary-color1)
}

@keyframes fade-down {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden
}

100% {
opacity: 1;
transform: scaleY(1);
visibility: visible
}
}

header.style-1 {
position: relative;
width: 100%;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12%;
transition: all .8s ease-out 0s;
background-color: var(--white-color)
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-1 {
padding: 0 3%
}
}

@media(max-width: 1399px) {
header.style-1 {
padding: 0 3%
}
}

header.style-1.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--white-color);
box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
z-index: 999
}

@keyframes smooth-header {
0% {
transform: translateY(-30px)
}

100% {
transform: translateY(0px)
}
}

header.style-1 .header-logo {
padding: 15px 0
}

@media(max-width: 576px) {
header.style-1 .header-logo img {
max-width: 165px;
width: 100%
}
}

header.style-1 .menu-close-btn i {
color: var(--white-color)
}

header.style-1 .nav-right {
gap: 50px
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .nav-right {
gap: 35px
}
}

@media(max-width: 1199px) {
header.style-1 .nav-right {
gap: 25px
}
}

@media(max-width: 991px) {
header.style-1 .nav-right {
gap: 10px
}
}

header.style-1 .nav-right .modal-btn {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
background-color: transparent;
padding: 0;
transition: .35s
}

header.style-1 .nav-right .modal-btn svg {
line-height: 1;
transition: .35s;
fill: var(--title-color)
}

header.style-1 .nav-right .modal-btn:hover {
color: var(--primary-color1)
}

header.style-1 .nav-right .modal-btn:hover svg {
fill: var(--primary-color1)
}

header.style-1 .nav-right .primary-btn3 {
padding: 13px 18px;
gap: 5px
}

header.style-1 .nav-right .icon-list {
display: flex;
align-items: center;
gap: 30px
}

header.style-1 .nav-right .icon-list li {
cursor: pointer
}

header.style-1 .nav-right .icon-list li svg {
stroke: var(--title-color)
}

header.style-1 .nav-right .icon-list li:last-child svg {
fill: var(--title-color);
stroke: none
}

header.style-1 .nav-right .hotline-area {
display: flex;
align-items: center;
gap: 20px
}

header.style-1 .nav-right .hotline-area .icon svg {
fill: var(--primary-color1)
}

header.style-1 .nav-right .hotline-area .content {
position: relative;
line-height: 1
}

header.style-1 .nav-right .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(16, 12, 8, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

header.style-1 .nav-right .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

header.style-1 .nav-right .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

header.style-1 .nav-right .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

header.style-1 .nav-right .hotline-area .content h6 a:hover {
color: var(--title-color)
}

header.style-1 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden
}

@media(max-width: 991px) {
header.style-1 .nav-right .mobile-menu-btn {
display: flex;
margin-left: 20px;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative
}
}

@media(max-width: 576px) {
header.style-1 .nav-right .mobile-menu-btn {
margin-left: 10px
}
}

header.style-1 .nav-right .mobile-menu-btn svg {
fill: var(--title-color)
}

header.style-1 .main-menu {
display: inline-block;
position: relative
}

header.style-1 .main-menu .mobile-menu-logo {
display: none
}

header.style-1 .main-menu ul {
list-style: none;
margin: 0;
padding: 0
}

header.style-1 .main-menu ul>li {
display: inline-block;
position: relative;
padding: 0 8px
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .main-menu ul>li {
padding: 0 5px
}
}

header.style-1 .main-menu ul>li.position-inherit {
position: inherit
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li.position-inherit {
position: relative
}
}

header.style-1 .main-menu ul>li.position-inherit>a::after {
content: "\f282";
font-family: bootstrap-icons;
font-weight: 500;
position: absolute;
top: 15px;
right: 2px;
font-size: 14px;
color: var(--text-color);
transition: all .55s ease-in-out
}

@media(max-width: 1199px) {
header.style-1 .main-menu ul>li.position-inherit>a::after {
right: -7px
}
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li.position-inherit>a::after {
display: none;
visibility: hidden
}
}

header.style-1 .main-menu ul>li:hover i {
color: var(--black-color2);
font-size: 20px
}

@media(min-width: 992px) {
header.style-1 .main-menu ul>li:first-child {
padding-left: 0
}

header.style-1 .main-menu ul>li:first-child a {
padding-left: 0
}
}

header.style-1 .main-menu ul>li a {
color: var(--title-color);
display: block;
text-transform: uppercase;
letter-spacing: .4px;
padding: 25px 15px;
position: relative;
font-family: var(--font-rubik);
font-weight: 400;
font-size: 15px;
transition: all .5s ease-out 0s;
position: relative
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .main-menu ul>li a {
padding: 15px
}
}

@media(max-width: 1199px) {
header.style-1 .main-menu ul>li a {
padding: 15px 10px
}
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li a {
padding: 32px 9px
}
}

header.style-1 .main-menu ul>li i {
font-size: 20px;
text-align: center;
color: var(--title-color);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all .5s ease-out 0s;
opacity: 0
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li i {
opacity: 1
}
}

header.style-1 .main-menu ul>li i.active {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li i.active::before {
content: "\f2ea"
}

header.style-1 .main-menu ul>li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
background: var(--white-color);
box-shadow: 0 30px 80px rgba(8, 0, 42, .08);
text-align: left;
transform-origin: top
}

@media(max-width: 1199px) {
header.style-1 .main-menu ul>li ul.sub-menu {
box-shadow: none
}
}

header.style-1 .main-menu ul>li ul.sub-menu>li {
padding: 0;
display: block;
position: relative
}

header.style-1 .main-menu ul>li ul.sub-menu>li i {
position: absolute;
top: 16px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px
}

header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
color: var(--title-color);
opacity: 1;
top: 16px;
font-size: 14px;
right: 10px
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px
}
}

header.style-1 .main-menu ul>li ul.sub-menu>li a {
display: block;
padding: 15px;
color: var(--title-color);
font-weight: 400;
font-family: var(--font-rubik);
text-transform: uppercase;
font-size: 13px;
line-height: 1.3;
transition: all .4s ease-out 0s;
position: relative;
border-bottom: 1px solid rgba(233, 228, 228, .5)
}

header.style-1 .main-menu ul>li ul.sub-menu>li a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color1-opc), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: .4s ease-in;
z-index: 1
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li ul.sub-menu>li a {
border-color: rgba(233, 228, 228, .5)
}

header.style-1 .main-menu ul>li ul.sub-menu>li a::before {
background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
}
}

header.style-1 .main-menu ul>li ul.sub-menu>li a:hover {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li a:hover::before {
transform: scale(1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li a.active::before {
transform: scale(1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li:last-child a {
border-bottom: none
}

header.style-1 .main-menu ul>li ul.sub-menu>li:last-child a::before {
display: none
}

header.style-1 .main-menu ul>li ul.sub-menu>li:hover>a {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li.active>a {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(--white-color);
box-shadow: 0 30px 80px rgba(8, 0, 42, .08);
top: 0
}

@media(max-width: 1199px) {
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu {
box-shadow: none
}
}

header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu::before {
display: none;
visibility: hidden
}

@media only screen and (max-width: 991px) {
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: 0 0;
top: 0
}
}

header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu>li i {
display: block
}

header.style-1 .main-menu ul>li ul.sub-menu>li:last-child {
border-bottom: none
}

header.style-1 .main-menu ul>li.menu-item-has-children {
transition: all .55s ease-in-out
}

header.style-1 .main-menu ul>li.menu-item-has-children::after {
content: "\f4fe";
font-family: bootstrap-icons;
font-weight: 500;
position: absolute;
top: 25px;
right: 5px;
font-size: 16px;
color: var(--title-color);
transition: all .55s ease-in-out
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .main-menu ul>li.menu-item-has-children::after {
right: 4px;
top: 15px
}
}

@media(max-width: 1199px) {
header.style-1 .main-menu ul>li.menu-item-has-children::after {
right: 2px;
top: 15px
}
}

@media(max-width: 991px) {
header.style-1 .main-menu ul>li.menu-item-has-children::after {
display: none;
visibility: hidden
}
}

header.style-1 .main-menu ul>li.menu-item-has-children:hover::after {
content: "\f2ea"
}

@media(min-width: 992px) {
header.style-1 .main-menu ul>li:hover>ul.sub-menu {
display: block;
animation: fade-down .45s linear
}
}

@media(min-width: 992px) {
header.style-1 .main-menu ul>li:hover .mega-menu {
display: block;
animation: fade-down .45s linear
}
}

@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden
}

100% {
opacity: 1;
transform: scaleY(1);
visibility: visible
}
}

header.style-1 .main-menu ul>li:hover>a {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li:hover::after {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li:hover .dropdown-icon2 {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li:hover.position-inherit>a::after {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li.active>a {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li.active::after {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li.active .dropdown-icon2 {
color: var(--primary-color1)
}

header.style-1 .main-menu ul>li.active.position-inherit>a::after {
color: var(--primary-color1)
}

header.style-1 .main-menu ul li.menu-item-has-children>i {
display: block
}

header.style-1 .main-menu .topbar-right {
padding: 20px 0;
border-bottom: 1px solid rgba(238, 238, 238, .93)
}

header.style-1 .main-menu .topbar-right .header-cart-btn {
background-color: transparent;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
background-color: transparent;
padding: 0;
transition: .35s
}

header.style-1 .main-menu .hotline-area {
display: flex;
align-items: center;
gap: 20px;
padding-top: 20px
}

header.style-1 .main-menu .hotline-area .icon svg {
fill: var(--primary-color1)
}

header.style-1 .main-menu .hotline-area .content {
position: relative;
line-height: 1
}

header.style-1 .main-menu .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(16, 12, 8, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

header.style-1 .main-menu .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

header.style-1 .main-menu .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

header.style-1 .main-menu .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

header.style-1 .main-menu .hotline-area .content h6 a:hover {
color: var(--title-color)
}

@media only screen and (max-width: 991px) {
header.style-1 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .35s
}

header.style-1 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: .35s
}

header.style-1 .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color)
}

header.style-1 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color)
}

header.style-1 .dropdown-icon {
color: var(--white-color)
}

header.style-1 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform .3s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

header.style-1 .main-menu.show-menu {
transform: translateX(0)
}

header.style-1 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px
}

header.style-1 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 0
}

header.style-1 .main-menu ul {
float: none;
text-align: left;
padding: 5px 0 20px 0
}

header.style-1 .main-menu ul li {
display: block;
position: relative;
padding: 0 5px
}

header.style-1 .main-menu ul li i {
display: block
}

header.style-1 .main-menu ul li a {
padding: 10px 0;
display: block
}

header.style-1 .main-menu 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);
padding-left: 10px
}

header.style-1 .main-menu ul li ul.sub-menu>li {
border-bottom: 1px solid transparent
}

header.style-1 .main-menu ul li ul.sub-menu>li a {
color: var(--title-color);
padding: 12px 0
}

header.style-1 .main-menu ul li ul.sub-menu>li a:hover {
color: var(--primary-color1);
margin-left: 10px
}

header.style-1 .main-menu ul li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-1 .main-menu ul li ul.sub-menu>li i {
color: var(--primary-color1);
right: -13px
}

header.style-1 .main-menu ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color)
}
}

header.style-1.dashboard {
padding: 0 25px
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-1.dashboard {
padding: 0 25px
}
}

@media(max-width: 1399px) {
header.style-1.dashboard {
padding: 0 25px
}
}

header.style-1.dashboard .header-log-and-sb-btn {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 280px;
width: 100%
}

@media(max-width: 576px) {
header.style-1.dashboard .header-log-and-sb-btn {
max-width: 220px
}
}

header.style-1.dashboard .header-log-and-sb-btn .dashboard-sb-btn .sidebar-toggle-button {
cursor: pointer
}

header.style-1.dashboard .header-log-and-sb-btn .dashboard-sb-btn .sidebar-toggle-button.active {
fill: var(--primary-color1)
}

header.style-2 {
position: fixed;
top: 30px;
left: 0;
right: 0;
width: 100%;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 60px;
transition: all .8s ease-out 0s;
background: rgba(255, 255, 255, .2);
border: 1px solid rgba(255, 255, 255, .15);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
max-width: 1780px;
width: 100%;
margin: 0 auto;
border-radius: 300px
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-2 {
padding: 0 3%;
max-width: 1380px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 {
max-width: 1180px
}
}

@media(max-width: 1399px) {
header.style-2 {
padding: 0 2%
}
}

@media(max-width: 991px) {
header.style-2 {
top: 0;
padding: 0 30px
}
}

@media(max-width: 576px) {
header.style-2 {
padding: 0 20px
}
}

header.style-2.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background: rgba(0, 0, 0, .8);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
z-index: 999
}

@keyframes smooth-header {
0% {
transform: translateY(-30px)
}

100% {
transform: translateY(0px)
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 .header-logo img {
max-width: 135px;
width: 100%
}
}

@media(max-width: 576px) {
header.style-2 .header-logo img {
max-width: 135px;
width: 100%
}
}

header.style-2 .nav-right {
gap: 50px
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 .nav-right {
gap: 35px
}
}

@media(max-width: 1199px) {
header.style-2 .nav-right {
gap: 25px
}
}

@media(max-width: 991px) {
header.style-2 .nav-right {
gap: 0
}
}

header.style-2 .nav-right .icon-list {
display: flex;
align-items: center
}

header.style-2 .nav-right .icon-list li {
padding: 20px;
border-left: 1px solid rgba(255, 255, 255, .15);
border-right: 1px solid rgba(255, 255, 255, .15);
cursor: pointer
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 .nav-right .icon-list li {
padding: 15px
}
}

@media(max-width: 1199px) {
header.style-2 .nav-right .icon-list li {
padding: 15px;
border: unset
}
}

header.style-2 .nav-right .icon-list li svg {
stroke: var(--white-color)
}

header.style-2 .nav-right .icon-list li:last-child {
border-left: unset
}

header.style-2 .nav-right .icon-list li:last-child svg {
fill: var(--white-color);
stroke: none
}

header.style-2 .nav-right .hotline-area {
display: flex;
align-items: center;
gap: 20px
}

header.style-2 .nav-right .hotline-area .icon svg {
fill: var(--primary-color1)
}

header.style-2 .nav-right .hotline-area .content {
position: relative;
line-height: 1
}

header.style-2 .nav-right .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(16, 12, 8, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

header.style-2 .nav-right .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

header.style-2 .nav-right .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

header.style-2 .nav-right .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

header.style-2 .nav-right .hotline-area .content h6 a:hover {
color: var(--title-color)
}

header.style-2 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden
}

@media(max-width: 991px) {
header.style-2 .nav-right .mobile-menu-btn {
display: flex;
margin-left: 10px;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative
}
}

@media(max-width: 576px) {
header.style-2 .nav-right .mobile-menu-btn {
margin-left: 10px
}
}

header.style-2 .nav-right .mobile-menu-btn svg {
fill: var(--white-color)
}

header.style-2 .main-menu {
display: inline-block;
position: relative
}

header.style-2 .main-menu .mobile-menu-logo {
display: none
}

header.style-2 .main-menu ul {
list-style: none;
margin: 0;
padding: 0
}

header.style-2 .main-menu ul>li {
display: inline-block;
position: relative;
padding: 0 28px
}

@media(max-width: 1399px) {
header.style-2 .main-menu ul>li {
padding: 0 25px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 .main-menu ul>li {
padding: 0 20px
}
}

header.style-2 .main-menu ul>li.position-inherit {
position: inherit
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li.position-inherit {
position: relative
}
}

header.style-2 .main-menu ul>li.position-inherit>a::after {
content: "\f282";
font-family: bootstrap-icons;
font-weight: 500;
position: absolute;
top: 15px;
right: 2px;
font-size: 14px;
color: var(--text-color);
transition: all .55s ease-in-out
}

@media(max-width: 1199px) {
header.style-2 .main-menu ul>li.position-inherit>a::after {
right: -7px
}
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li.position-inherit>a::after {
display: none;
visibility: hidden
}
}

header.style-2 .main-menu ul>li:hover i {
color: var(--white-color);
font-size: 20px
}

@media(min-width: 992px) {
header.style-2 .main-menu ul>li:first-child {
padding-left: 0
}

header.style-2 .main-menu ul>li:first-child a {
padding-left: 0
}
}

header.style-2 .main-menu ul>li a {
color: var(--white-color);
display: block;
text-transform: uppercase;
padding: 20px 0;
position: relative;
font-family: var(--font-rubik);
font-weight: 400;
font-size: 14px;
transition: all .5s ease-out 0s;
position: relative
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 .main-menu ul>li a {
padding: 15px 0
}
}

@media(max-width: 1199px) {
header.style-2 .main-menu ul>li a {
padding: 15px 0
}
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li a {
padding: 32px 0
}
}

header.style-2 .main-menu ul>li i {
font-size: 20px;
text-align: center;
color: var(--text-color);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all .5s ease-out 0s;
opacity: 0
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li i {
opacity: 1
}
}

header.style-2 .main-menu ul>li i.active {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li i.active::before {
content: "\f2ea"
}

header.style-2 .main-menu ul>li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
border: 1px solid rgba(255, 255, 255, .15);
background: rgba(0, 0, 0, .8);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
box-shadow: 0 30px 80px rgba(8, 0, 42, .08);
text-align: left;
transform-origin: top
}

@media(max-width: 1199px) {
header.style-2 .main-menu ul>li ul.sub-menu {
box-shadow: none
}
}

header.style-2 .main-menu ul>li ul.sub-menu>li {
padding: 0;
display: block;
position: relative
}

header.style-2 .main-menu ul>li ul.sub-menu>li i {
position: absolute;
top: 14px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px
}

header.style-2 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
color: var(--white-color);
opacity: 1;
top: 14px;
font-size: 14px;
right: 10px
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px
}
}

header.style-2 .main-menu ul>li ul.sub-menu>li a {
display: block;
padding: 13px 15px;
color: var(--white-color);
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
line-height: 1.3;
letter-spacing: .8px;
transition: all .4s ease-out 0s;
position: relative;
border-bottom: 1px solid rgba(233, 228, 228, .25)
}

header.style-2 .main-menu ul>li ul.sub-menu>li a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #5c5b5b, var(--primary-color1-opc), #5c5b5b);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: .4s ease-in;
z-index: 1
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li ul.sub-menu>li a {
border-color: rgba(233, 228, 228, .5)
}

header.style-2 .main-menu ul>li ul.sub-menu>li a::before {
background: linear-gradient(90deg, #ddd, var(--primary-color1-opc), #ddd)
}
}

header.style-2 .main-menu ul>li ul.sub-menu>li a:hover {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li a:hover::before {
transform: scale(1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li a.active::before {
transform: scale(1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li:last-child a {
border-bottom: none
}

header.style-2 .main-menu ul>li ul.sub-menu>li:last-child a::before {
display: none
}

header.style-2 .main-menu ul>li ul.sub-menu>li:hover>a {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li.active>a {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
border: 1px solid rgba(255, 255, 255, .15);
background: rgba(0, 0, 0, .8);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
box-shadow: 0 30px 80px rgba(8, 0, 42, .08);
top: 0
}

@media(max-width: 1199px) {
header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu {
box-shadow: none
}
}

header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu::before {
display: none;
visibility: hidden
}

@media only screen and (max-width: 991px) {
header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: 0 0;
top: 0
}
}

header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu>li i {
display: block
}

header.style-2 .main-menu ul>li ul.sub-menu>li:last-child {
border-bottom: none
}

header.style-2 .main-menu ul>li.menu-item-has-children {
transition: all .55s ease-in-out
}

header.style-2 .main-menu ul>li.menu-item-has-children::after {
content: "\f282";
font-family: bootstrap-icons;
font-weight: 500;
position: absolute;
top: 20px;
right: 10px;
font-size: 14px;
color: var(--white-color);
transition: all .55s ease-in-out
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-2 .main-menu ul>li.menu-item-has-children::after {
right: 4px;
top: 15px
}
}

@media(max-width: 1199px) {
header.style-2 .main-menu ul>li.menu-item-has-children::after {
right: 2px;
top: 15px
}
}

@media(max-width: 991px) {
header.style-2 .main-menu ul>li.menu-item-has-children::after {
display: none;
visibility: hidden
}
}

header.style-2 .main-menu ul>li.menu-item-has-children:hover::after {
content: "\f286"
}

@media(min-width: 992px) {
header.style-2 .main-menu ul>li:hover>ul.sub-menu {
display: block;
animation: fade-down .45s linear
}
}

@media(min-width: 992px) {
header.style-2 .main-menu ul>li:hover .mega-menu {
display: block;
animation: fade-down .45s linear
}
}

@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden
}

100% {
opacity: 1;
transform: scaleY(1);
visibility: visible
}
}

header.style-2 .main-menu ul>li:hover>a {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li:hover::after {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li:hover .dropdown-icon2 {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li:hover.position-inherit>a::after {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li.active>a {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li.active>a::before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
background: var(--primary-color1);
height: 2px;
width: 100%
}

header.style-2 .main-menu ul>li.active::after {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li.active .dropdown-icon2 {
color: var(--primary-color1)
}

header.style-2 .main-menu ul>li.active.position-inherit>a::after {
color: var(--primary-color1)
}

header.style-2 .main-menu ul li.menu-item-has-children>i {
display: block
}

header.style-2 .main-menu .topbar-right {
padding: 20px 0;
border-bottom: 1px solid rgba(238, 238, 238, .93)
}

header.style-2 .main-menu .topbar-right .header-cart-btn {
background-color: transparent;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
color: var(--white-color);
background-color: transparent;
padding: 0;
transition: .35s
}

header.style-2 .main-menu .topbar-right .header-cart-btn svg {
fill: var(--white-color)
}

header.style-2 .main-menu .hotline-area {
display: flex;
align-items: center;
gap: 20px;
padding-top: 20px
}

header.style-2 .main-menu .hotline-area .icon svg {
fill: var(--primary-color1)
}

header.style-2 .main-menu .hotline-area .content {
position: relative;
line-height: 1
}

header.style-2 .main-menu .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(255, 255, 255, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

header.style-2 .main-menu .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--white-color);
margin-bottom: 5px;
display: inline-block
}

header.style-2 .main-menu .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

header.style-2 .main-menu .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

header.style-2 .main-menu .hotline-area .content h6 a:hover {
color: var(--title-color)
}

@media only screen and (max-width: 991px) {
header.style-2 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .35s
}

header.style-2 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--white-color);
transition: .35s
}

header.style-2 .mobile-logo-area .menu-close-btn:hover {
background-color: #034ea2;
border-color: var(--primary-color1)
}

header.style-2 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color)
}

header.style-2 .dropdown-icon {
color: var(--white-color)
}

header.style-2 .main-menu {
position: fixed;
top: -1px;
left: -1px;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
min-height: 100vh;
overflow: auto;
background: var(--title-color);
transform: translateX(-100%);
transition: transform .3s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

header.style-2 .main-menu.show-menu {
transform: translateX(0)
}

header.style-2 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px
}

header.style-2 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 0
}

header.style-2 .main-menu ul {
float: none;
text-align: left;
padding: 5px 0 20px 0
}

header.style-2 .main-menu ul li {
display: block;
position: relative;
padding: 0 5px
}

header.style-2 .main-menu ul li i {
display: block
}

header.style-2 .main-menu ul li a {
padding: 10px 0;
display: block
}

header.style-2 .main-menu 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);
padding-left: 10px
}

header.style-2 .main-menu ul li ul.sub-menu>li {
border-bottom: 1px solid transparent
}

header.style-2 .main-menu ul li ul.sub-menu>li a {
color: var(--white-color);
padding: 12px 0
}

header.style-2 .main-menu ul li ul.sub-menu>li a:hover {
color: var(--primary-color1);
margin-left: 10px
}

header.style-2 .main-menu ul li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-2 .main-menu ul li ul.sub-menu>li i {
color: var(--primary-color1);
right: -13px
}

header.style-2 .main-menu ul li .bi {
top: 8px;
font-size: 20px;
color: var(--white-color)
}

header.style-2 .main-menu ul li.active a::before {
display: none
}
}

header.style-3 {
position: relative;
width: 100%;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 68px;
transition: all .8s ease-out 0s;
background-color: var(--white-color)
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3 {
padding: 0 70px
}
}

@media(max-width: 1399px) {
header.style-3 {
padding: 0px 26px;
}
}

@media(max-width: 1199px) {
header.style-3 {
padding: 0 40px
}
}

@media(max-width: 767px) {
header.style-3 {
padding: 0 30px
}
}

@media(max-width: 576px) {
header.style-3 {
padding: 0 20px
}
}

header.style-3.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--white-color);
z-index: 999;
box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

@keyframes smooth-header {
0% {
transform: translateY(-30px)
}

100% {
transform: translateY(0px)
}
}

header.style-3 .header-logo {
padding: 15px 0
}

@media(max-width: 576px) {
header.style-3 .header-logo img {
max-width: 85px;
width: 100%
}
}

header.style-3 .menu-close-btn i {
color: var(--white-color)
}

header.style-3 .nav-right {
gap: 50px
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3 .nav-right {
gap: 35px
}
}

@media(max-width: 1199px) {
header.style-3 .nav-right {
gap: 25px
}
}

@media(max-width: 991px) {
header.style-3 .nav-right {
gap: 10px
}
}

header.style-3 .nav-right .modal-btn {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
background-color: transparent;
padding: 0;
transition: .35s
}

header.style-3 .nav-right .modal-btn svg {
line-height: 1;
transition: .35s;
fill: var(--title-color)
}

header.style-3 .nav-right .modal-btn:hover {
color: var(--primary-color1)
}

header.style-3 .nav-right .modal-btn:hover svg {
fill: var(--primary-color1)
}

header.style-3 .nav-right .primary-btn3 {
padding: 13px 18px;
gap: 5px
}

header.style-3 .nav-right .icon-list {
display: flex;
align-items: center;
gap: 30px
}

header.style-3 .nav-right .icon-list li {
cursor: pointer
}

header.style-3 .nav-right .icon-list li svg {
stroke: var(--title-color)
}

header.style-3 .nav-right .icon-list li:last-child svg {
fill: var(--title-color);
stroke: none
}

header.style-3 .nav-right .hotline-area {
display: flex;
align-items: center;
gap: 20px
}

header.style-3 .nav-right .hotline-area .icon svg {
fill: var(--primary-color1)
}

header.style-3 .nav-right .hotline-area .content {
position: relative;
line-height: 1
}

header.style-3 .nav-right .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(16, 12, 8, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

header.style-3 .nav-right .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

header.style-3 .nav-right .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

header.style-3 .nav-right .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

header.style-3 .nav-right .hotline-area .content h6 a:hover {
color: var(--primary-color2)
}

header.style-3 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden
}

@media(max-width: 991px) {
header.style-3 .nav-right .mobile-menu-btn {
display: flex;
margin-left: 15px;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative
}
}

@media(max-width: 576px) {
header.style-3 .nav-right .mobile-menu-btn {
margin-left: 10px
}
}

header.style-3 .nav-right .mobile-menu-btn svg {
fill: var(--title-color)
}

header.style-3 .main-menu {
display: inline-block;
position: relative
}

header.style-3 .main-menu .mobile-menu-logo {
display: none
}

header.style-3 .main-menu ul {
list-style: none;
margin: 0;
padding: 0
}

header.style-3 .main-menu ul>li {
display: inline-block;
position: relative;
padding: 0 8px
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3 .main-menu ul>li {
padding: 0 5px
}
}

header.style-3 .main-menu ul>li a {
color: var(--title-color);
display: block;
text-transform: capitalize;
padding: 20px 15px;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 15px;
transition: all .5s ease-out 0s;
position: relative
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3 .main-menu ul>li a {
padding: 25px 15px
}
}

@media(max-width: 1199px) {
header.style-3 .main-menu ul>li a {
padding: 15px 10px
}
}

@media(max-width: 991px) {
header.style-3 .main-menu ul>li a {
padding: 32px 9px
}
}

header.style-3 .main-menu ul>li i {
font-size: 20px;
text-align: center;
color: var(--text-color);
font-style: normal;
position: absolute;
right: 0;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all .5s ease-out 0s;
opacity: 0
}

@media(max-width: 991px) {
header.style-3 .main-menu ul>li i {
opacity: 1
}
}

header.style-3 .main-menu ul>li i.active {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li i.active::before {
content: "\f2ea"
}

header.style-3 .main-menu ul>li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
background: var(--white-color);
box-shadow: 0 30px 80px rgba(8, 0, 42, .08);
text-align: left;
transform-origin: top
}

@media(max-width: 1199px) {
header.style-3 .main-menu ul>li ul.sub-menu {
box-shadow: none
}
}

header.style-3 .main-menu ul>li ul.sub-menu>li {
padding: 0;
display: block;
position: relative
}

header.style-3 .main-menu ul>li ul.sub-menu>li i {
position: absolute;
top: 16px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px
}

header.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
color: var(--title-color);
opacity: 1;
top: 16px;
font-size: 14px;
right: 10px
}

@media(max-width: 991px) {
header.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px
}
}

header.style-3 .main-menu ul>li ul.sub-menu>li a {
display: block;
padding: 15px;
color: var(--title-color);
font-weight: 500;
font-family: var(--font-jost);
text-transform: capitalize;
font-size: 14px;
line-height: 1.3;
transition: all .4s ease-out 0s;
position: relative;
border-bottom: 1px solid rgba(233, 228, 228, .5)
}

header.style-3 .main-menu ul>li ul.sub-menu>li a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color1-opc), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: .4s ease-in;
z-index: 1
}

@media(max-width: 991px) {
header.style-3 .main-menu ul>li ul.sub-menu>li a {
border-color: rgba(233, 228, 228, .5)
}

header.style-3 .main-menu ul>li ul.sub-menu>li a::before {
background: linear-gradient(90deg, #ddd, #EFB93F, #ddd)
}
}

header.style-3 .main-menu ul>li ul.sub-menu>li a:hover {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li a:hover::before {
transform: scale(1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li a.active::before {
transform: scale(1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li:last-child a {
border-bottom: none
}

header.style-3 .main-menu ul>li ul.sub-menu>li:last-child a::before {
display: none
}

header.style-3 .main-menu ul>li ul.sub-menu>li:hover>a {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li.active>a {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(--white-color);
box-shadow: 0 30px 80px rgba(8, 0, 42, .08);
top: 0
}

@media(max-width: 1199px) {
header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu {
box-shadow: none
}
}

header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu::before {
display: none;
visibility: hidden
}

@media only screen and (max-width: 991px) {
header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: 0 0;
top: 0
}
}

header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu>li i {
display: block
}

header.style-3 .main-menu ul>li ul.sub-menu>li:last-child {
border-bottom: none
}

@media(min-width: 992px) {
header.style-3 .main-menu ul>li:hover>ul.sub-menu {
display: block;
animation: fade-down .45s linear
}
}

@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden
}

100% {
opacity: 1;
transform: scaleY(1);
visibility: visible
}
}

header.style-3 .main-menu ul>li:hover i {
color: var(--black-color2);
font-size: 20px
}

header.style-3 .main-menu ul>li:hover>a {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li:hover::after {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li:hover .dropdown-icon2 {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li:hover.position-inherit>a::after {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li.menu-item-has-children {
transition: all .55s ease-in-out
}

header.style-3 .main-menu ul>li.active>a {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li.active>a::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 20px;
background: var(--primary-color1);
height: 5px;
width: 5px;
border-radius: 50%
}

@media(max-width: 1199px) {
header.style-3 .main-menu ul>li.active>a::before {
bottom: 10px
}
}

@media(max-width: 991px) {
header.style-3 .main-menu ul>li.active>a::before {
display: none
}
}

header.style-3 .main-menu ul>li.active .dropdown-icon2 {
color: var(--primary-color1)
}

header.style-3 .main-menu ul>li.active.menu-item-has-children::after {
color: var(--primary-color1)
}

header.style-3 .main-menu ul li.menu-item-has-children>i {
display: block
}

header.style-3 .main-menu .topbar-right {
padding: 20px 0;
border-bottom: 1px solid rgba(238, 238, 238, .93)
}

header.style-3 .main-menu .topbar-right .header-cart-btn {
background-color: transparent;
font-family: var(--font-rubik);
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
background-color: transparent;
padding: 0;
transition: .35s
}

header.style-3 .main-menu .hotline-area {
display: flex;
align-items: center;
gap: 20px;
padding-top: 20px
}

header.style-3 .main-menu .hotline-area .icon svg {
fill: var(--primary-color1)
}

header.style-3 .main-menu .hotline-area .content {
position: relative;
line-height: 1
}

header.style-3 .main-menu .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(16, 12, 8, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

header.style-3 .main-menu .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

header.style-3 .main-menu .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

header.style-3 .main-menu .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

header.style-3 .main-menu .hotline-area .content h6 a:hover {
color: var(--title-color)
}

@media only screen and (max-width: 991px) {
header.style-3 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .35s
}

header.style-3 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: .35s
}

header.style-3 .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color)
}

header.style-3 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color)
}

header.style-3 .dropdown-icon {
color: var(--white-color)
}

header.style-3 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform .3s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

header.style-3 .main-menu.show-menu {
transform: translateX(0)
}

header.style-3 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px
}

header.style-3 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 0
}

header.style-3 .main-menu ul {
float: none;
text-align: left;
padding: 5px 0 20px 0
}

header.style-3 .main-menu ul li {
display: block;
position: relative;
padding: 0 5px
}

header.style-3 .main-menu ul li i {
display: block
}

header.style-3 .main-menu ul li a {
padding: 10px 0;
display: block
}

header.style-3 .main-menu 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);
padding-left: 10px
}

header.style-3 .main-menu ul li ul.sub-menu>li {
border-bottom: 1px solid transparent
}

header.style-3 .main-menu ul li ul.sub-menu>li a {
color: var(--title-color);
padding: 12px 0
}

header.style-3 .main-menu ul li ul.sub-menu>li a:hover {
color: var(--primary-color1);
margin-left: 10px
}

header.style-3 .main-menu ul li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-3 .main-menu ul li ul.sub-menu>li i {
color: var(--primary-color1);
right: -13px
}

header.style-3 .main-menu ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color)
}
}

header.style-3.two {
padding: 0 11%
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3.two {
padding: 0 7%
}
}

@media(max-width: 1399px) {
header.style-3.two {
padding: 0 5%
}
}

header.style-3.two .main-menu>ul>li {
padding: 0 28px
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3.two .main-menu>ul>li {
padding: 0 20px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.two .main-menu>ul>li {
padding: 0 15px
}
}

@media(max-width: 1199px) {
header.style-3.two .main-menu>ul>li {
padding: 0 15px
}
}

@media(max-width: 991px) {
header.style-3.two .main-menu>ul>li {
padding: 0 9px
}
}

header.style-3.two .main-menu>ul>li>a {
padding: 25px 0
}

header.style-3.two .main-menu>ul>li>a::after {
content: "";
display: block;
position: absolute;
bottom: 26px;
left: 1px;
width: 100%;
border-bottom: 1px solid var(--primary-color1);
transform-origin: right center;
transform: scale(0, 1);
transition: transform .5s
}

@media(max-width: 991px) {
header.style-3.two .main-menu>ul>li>a::after {
display: none
}
}

header.style-3.two .main-menu>ul>li.menu-item-has-children {
transition: all .55s ease-in-out
}

header.style-3.two .main-menu>ul>li.menu-item-has-children::after {
content: "\f287";
font-family: bootstrap-icons;
font-weight: 500;
position: absolute;
top: 51%;
transform: translateY(-50%);
right: 10px;
font-size: 6px;
line-height: 1;
color: rgba(16, 12, 8, .35);
transition: all .55s ease-in-out
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.two .main-menu>ul>li.menu-item-has-children::after {
right: 4px;
top: 51%
}
}

@media(max-width: 1199px) {
header.style-3.two .main-menu>ul>li.menu-item-has-children::after {
right: 0;
top: 51%
}
}

@media(max-width: 991px) {
header.style-3.two .main-menu>ul>li.menu-item-has-children::after {
display: none;
visibility: hidden
}
}

header.style-3.two .main-menu>ul>li:hover.menu-item-has-children::after {
color: var(--primary-color1)
}

header.style-3.two .main-menu>ul>li:hover a::after {
transform-origin: left center;
transform: scale(1, 1)
}

header.style-3.two .main-menu>ul>li.active>a {
color: var(--primary-color1)
}

header.style-3.two .main-menu>ul>li.active>a::before {
content: "";
display: block;
position: absolute;
left: 1px;
width: 100%;
border-bottom: 1px solid var(--primary-color1);
transform: translateX(0);
height: unset;
border-radius: unset;
bottom: 26px
}

@media(max-width: 991px) {
header.style-3.two .main-menu>ul>li.active>a::before {
display: none
}
}

@media only screen and (max-width: 991px) {
header.style-3.two .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .35s
}

header.style-3.two .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: .35s
}

header.style-3.two .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color)
}

header.style-3.two .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color)
}

header.style-3.two .dropdown-icon {
color: var(--white-color)
}

header.style-3.two .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform .3s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

header.style-3.two .main-menu.show-menu {
transform: translateX(0)
}

header.style-3.two .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px
}

header.style-3.two .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 0
}

header.style-3.two .main-menu ul {
float: none;
text-align: left;
padding: 5px 0 20px 0
}

header.style-3.two .main-menu ul li {
display: block;
position: relative;
padding: 0 5px
}

header.style-3.two .main-menu ul li i {
display: block
}

header.style-3.two .main-menu ul li a {
padding: 10px 0;
display: block
}

header.style-3.two .main-menu 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);
padding-left: 10px
}

header.style-3.two .main-menu ul li ul.sub-menu>li {
border-bottom: 1px solid transparent
}

header.style-3.two .main-menu ul li ul.sub-menu>li a {
color: var(--title-color);
padding: 12px 0
}

header.style-3.two .main-menu ul li ul.sub-menu>li a:hover {
color: var(--primary-color1);
margin-left: 10px
}

header.style-3.two .main-menu ul li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-3.two .main-menu ul li ul.sub-menu>li i {
color: var(--primary-color1);
right: -13px
}

header.style-3.two .main-menu ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color)
}
}

header.style-3.three {
padding: 0 10%
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3.three {
padding: 0 7%
}
}

@media(max-width: 1399px) {
header.style-3.three {
padding: 0 5%
}
}

header.style-3.three .main-menu>ul>li {
padding: 0 28px
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3.three .main-menu>ul>li {
padding: 0 20px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.three .main-menu>ul>li {
padding: 0 15px
}
}

@media(max-width: 1199px) {
header.style-3.three .main-menu>ul>li {
padding: 0 15px
}
}

@media(max-width: 991px) {
header.style-3.three .main-menu>ul>li {
padding: 0 9px
}
}

header.style-3.three .main-menu>ul>li>a {
padding: 25px 0
}

header.style-3.three .main-menu>ul>li>a::after {
content: "";
display: block;
position: absolute;
bottom: 26px;
left: 1px;
width: 100%;
border-bottom: 2px solid var(--primary-color1);
transform-origin: right center;
transform: scale(0, 1);
transition: transform .5s
}

@media(max-width: 991px) {
header.style-3.three .main-menu>ul>li>a::after {
display: none
}
}

header.style-3.three .main-menu>ul>li.menu-item-has-children {
transition: all .55s ease-in-out
}

header.style-3.three .main-menu>ul>li.menu-item-has-children::after {
content: "\f287";
font-family: bootstrap-icons;
font-weight: 500;
position: absolute;
top: 51%;
transform: translateY(-50%);
right: 10px;
font-size: 6px;
line-height: 1;
color: rgba(16, 12, 8, .35);
transition: all .55s ease-in-out
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.three .main-menu>ul>li.menu-item-has-children::after {
right: 4px;
top: 51%
}
}

@media(max-width: 1199px) {
header.style-3.three .main-menu>ul>li.menu-item-has-children::after {
right: 0;
top: 51%
}
}

@media(max-width: 991px) {
header.style-3.three .main-menu>ul>li.menu-item-has-children::after {
display: none;
visibility: hidden
}
}

header.style-3.three .main-menu>ul>li:hover.menu-item-has-children::after {
color: var(--primary-color1)
}

header.style-3.three .main-menu>ul>li:hover a::after {
transform-origin: left center;
transform: scale(1, 1)
}

header.style-3.three .main-menu>ul>li.active>a {
color: var(--primary-color1)
}

header.style-3.three .main-menu>ul>li.active>a::before {
content: "";
display: block;
position: absolute;
left: 1px;
width: 100%;
background: linear-gradient(90deg, var(--primary-color1-opc) 0%, rgba(99, 171, 69, 0) 102.51%);
transform: translateX(0);
height: 2px;
border-radius: unset;
bottom: 26px
}

@media(max-width: 991px) {
header.style-3.three .main-menu>ul>li.active>a::before {
display: none
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.three .nav-right {
gap: 30px
}
}

header.style-3.three .nav-right .icon-list {
gap: 0
}

header.style-3.three .nav-right .icon-list li {
cursor: pointer;
padding: 0 20px;
border-right: 1px solid rgba(34, 34, 34, .15)
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.three .nav-right .icon-list li {
padding: 0 15px
}
}

header.style-3.three .nav-right .icon-list li svg {
stroke: none
}

header.style-3.three .nav-right .icon-list li:first-child {
padding-left: 0
}

header.style-3.three .nav-right .icon-list li:first-child svg {
fill: none;
stroke: var(--title-color)
}

@media only screen and (max-width: 991px) {
header.style-3.three .dropdown-icon {
color: var(--white-color)
}

header.style-3.three .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform .3s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

header.style-3.three .main-menu.show-menu {
transform: translateX(0)
}

header.style-3.three .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px
}

header.style-3.three .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 0
}

header.style-3.three .main-menu ul {
float: none;
text-align: left;
padding: 5px 0 20px 0
}

header.style-3.three .main-menu ul li {
display: block;
position: relative;
padding: 0 5px
}

header.style-3.three .main-menu ul li i {
display: block
}

header.style-3.three .main-menu ul li a {
padding: 10px 0;
display: block
}

header.style-3.three .main-menu 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);
padding-left: 10px
}

header.style-3.three .main-menu ul li ul.sub-menu>li {
border-bottom: 1px solid transparent
}

header.style-3.three .main-menu ul li ul.sub-menu>li a {
color: var(--title-color);
padding: 12px 0
}

header.style-3.three .main-menu ul li ul.sub-menu>li a:hover {
color: var(--primary-color1);
margin-left: 10px
}

header.style-3.three .main-menu ul li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-3.three .main-menu ul li ul.sub-menu>li i {
color: var(--primary-color1);
right: -13px
}

header.style-3.three .main-menu ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color)
}
}

header.style-3.four {
padding: 0 30px;
position: fixed;
background-color: transparent;
border-bottom: 1px solid rgba(16, 12, 8, .2)
}

header.style-3.four.sticky {
background-color: var(--white-color)
}

header.style-3.four .main-menu>ul>li {
padding: 0 28px
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3.four .main-menu>ul>li {
padding: 0 20px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.four .main-menu>ul>li {
padding: 0 15px
}
}

@media(max-width: 1199px) {
header.style-3.four .main-menu>ul>li {
padding: 0 15px
}
}

@media(max-width: 991px) {
header.style-3.four .main-menu>ul>li {
padding: 0 9px
}
}

header.style-3.four .main-menu>ul>li>a {
padding: 25px 0
}

header.style-3.four .main-menu>ul>li>a::after {
content: "";
display: block;
position: absolute;
bottom: 26px;
left: 1px;
width: 100%;
border-bottom: 2px solid var(--primary-color1);
transform-origin: right center;
transform: scale(0, 1);
transition: transform .5s
}

@media(max-width: 991px) {
header.style-3.four .main-menu>ul>li>a::after {
display: none
}
}

header.style-3.four .main-menu>ul>li.menu-item-has-children {
transition: all .55s ease-in-out
}

header.style-3.four .main-menu>ul>li.menu-item-has-children::after {
content: "\f151";
font-family: bootstrap-icons !important;
font-size: 10px;
font-weight: 500;
position: absolute;
top: 51%;
transform: translateY(-50%);
right: 10px;
line-height: 1;
color: rgba(16, 12, 8, .35);
transition: all .55s ease-in-out
}

@media(min-width: 1400px) and (max-width:1599px) {
header.style-3.four .main-menu>ul>li.menu-item-has-children::after {
right: 5px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.four .main-menu>ul>li.menu-item-has-children::after {
right: 4px;
top: 51%
}
}

@media(max-width: 1199px) {
header.style-3.four .main-menu>ul>li.menu-item-has-children::after {
right: 0;
top: 51%
}
}

@media(max-width: 991px) {
header.style-3.four .main-menu>ul>li.menu-item-has-children::after {
display: none;
visibility: hidden
}
}

header.style-3.four .main-menu>ul>li:hover.menu-item-has-children::after {
color: var(--primary-color1)
}

header.style-3.four .main-menu>ul>li:hover a::after {
transform-origin: left center;
transform: scale(1, 1)
}

header.style-3.four .main-menu>ul>li.active>a {
color: var(--primary-color1)
}

header.style-3.four .main-menu>ul>li.active>a::before {
display: none
}

header.style-3.four .main-menu>ul>li.active.menu-item-has-children::after {
color: var(--primary-color1)
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.four .nav-right {
gap: 30px
}
}

header.style-3.four .nav-right .icon-list {
gap: 0
}

header.style-3.four .nav-right .icon-list li {
cursor: pointer;
padding: 0 20px;
border-right: 1px solid rgba(34, 34, 34, .15)
}

@media(min-width: 1200px) and (max-width:1399px) {
header.style-3.four .nav-right .icon-list li {
padding: 0 15px
}
}

header.style-3.four .nav-right .icon-list li svg {
stroke: none
}

header.style-3.four .nav-right .icon-list li:first-child {
padding-left: 0
}

header.style-3.four .nav-right .icon-list li:first-child svg {
fill: none;
stroke: var(--title-color)
}

@media only screen and (max-width: 991px) {
header.style-3.four .dropdown-icon {
color: var(--white-color)
}

header.style-3.four .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform .3s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

header.style-3.four .main-menu.show-menu {
transform: translateX(0)
}

header.style-3.four .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px
}

header.style-3.four .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 0
}

header.style-3.four .main-menu ul {
float: none;
text-align: left;
padding: 5px 0 20px 0
}

header.style-3.four .main-menu ul li {
display: block;
position: relative;
padding: 0 5px
}

header.style-3.four .main-menu ul li i {
display: block
}

header.style-3.four .main-menu ul li a {
padding: 10px 0;
display: block
}

header.style-3.four .main-menu 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);
padding-left: 10px
}

header.style-3.four .main-menu ul li ul.sub-menu>li {
border-bottom: 1px solid transparent
}

header.style-3.four .main-menu ul li ul.sub-menu>li a {
color: var(--title-color);
padding: 12px 0
}

header.style-3.four .main-menu ul li ul.sub-menu>li a:hover {
color: var(--primary-color1);
margin-left: 10px
}

header.style-3.four .main-menu ul li ul.sub-menu>li a.active {
color: var(--primary-color1)
}

header.style-3.four .main-menu ul li ul.sub-menu>li i {
color: var(--primary-color1);
right: -13px
}

header.style-3.four .main-menu ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color)
}
}

.right-sidebar-menu {
position: fixed;
top: 0;
right: 0;
width: 540px;
z-index: 99999;
height: 100%;
overflow: auto;
background-image: url(../img/sidebar-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--white-color);
border-right: 1px solid #eee;
transform: translateX(120%);
transform-origin: right;
transition: transform .5s ease-in;
box-shadow: 0 2px 20px rgba(0, 0, 0, .03)
}

.right-sidebar-menu::-webkit-scrollbar {
width: 0
}

@media(max-width: 576px) {
.right-sidebar-menu {
width: 320px
}
}

.right-sidebar-menu.show-right-menu {
transform: translateX(0)
}

.right-sidebar-menu .right-sidebar-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .35s
}

.right-sidebar-menu .right-sidebar-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: .35s
}

.right-sidebar-menu .right-sidebar-close-btn:hover {
background-color: var(--title-color)
}

.right-sidebar-menu .right-sidebar-close-btn:hover i {
color: var(--white-color)
}

.right-sidebar-menu .sidebar-logo-area {
text-align: left;
padding: 30px;
display: block;
border-bottom: 1px solid rgba(16, 12, 8, .2);
margin-bottom: 50px
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-logo-area {
padding: 20px;
margin-bottom: 40px
}
}

.right-sidebar-menu .sidebar-content-wrap {
padding: 0 30px
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-content-wrap {
padding: 0 20px
}
}

.right-sidebar-menu .sidebar-content-wrap h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
line-height: 1;
margin-bottom: 25px
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper {
margin-bottom: 70px
}

@media(max-width: 991px) {
.right-sidebar-menu .sidebar-content-wrap .category-wrapper {
margin-bottom: 60px
}
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-content-wrap .category-wrapper {
margin-bottom: 50px
}
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list {
gap: 15px
}
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category {
padding: 20px 15px;
border-radius: 5px;
background-color: #e8f4e3;
display: block;
text-align: center;
min-width: 145px;
width: 100%;
transition: .5s
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category {
min-width: 130px;
max-width: 130px;
padding: 15px 10px
}
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category .icon {
margin-bottom: 15px
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category .icon svg {
fill: var(--title-color);
transition: .5s
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
transition: .5s
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category h6 {
font-size: 14px
}
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category:hover {
background-color: var(--primary-color1)
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category:hover .icon svg {
fill: var(--white-color)
}

.right-sidebar-menu .sidebar-content-wrap .category-wrapper .category-list li .single-category:hover h6 {
color: var(--white-color)
}

.right-sidebar-menu .sidebar-content-wrap .destination-wrapper {
margin-bottom: 100px
}

@media(max-width: 991px) {
.right-sidebar-menu .sidebar-content-wrap .destination-wrapper {
margin-bottom: 80px
}
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-content-wrap .destination-wrapper {
margin-bottom: 60px
}
}

.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .destination-card2 .batch span {
font-size: 10px
}

.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .destination-card2 .destination-card2-content span {
font-size: 12px
}

.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .destination-card2 .destination-card2-content h4 a {
font-size: 22px
}

.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .slide-and-view-btn-grp .destination-sidebar-prev svg,
.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .slide-and-view-btn-grp .destination-sidebar-next svg {
stroke: var(--primary-color2);
transition: .5s
}

.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .slide-and-view-btn-grp .destination-sidebar-prev:hover svg,
.right-sidebar-menu .sidebar-content-wrap .destination-wrapper .slide-and-view-btn-grp .destination-sidebar-next:hover svg {
stroke: var(--primary-color1)
}

.right-sidebar-menu .sidebar-bottom {
padding: 30px;
border-top: 1px solid rgba(16, 12, 8, .2);
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px
}

@media(max-width: 576px) {
.right-sidebar-menu .sidebar-bottom {
flex-wrap: wrap
}
}

.right-sidebar-menu .sidebar-bottom .hotline-area {
display: flex;
align-items: center;
gap: 20px
}

.right-sidebar-menu .sidebar-bottom .hotline-area .icon svg {
fill: var(--primary-color1)
}

.right-sidebar-menu .sidebar-bottom .hotline-area .content {
position: relative;
line-height: 1
}

.right-sidebar-menu .sidebar-bottom .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(16, 12, 8, .2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

.right-sidebar-menu .sidebar-bottom .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

.right-sidebar-menu .sidebar-bottom .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

.right-sidebar-menu .sidebar-bottom .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

.right-sidebar-menu .sidebar-bottom .hotline-area .content h6 a:hover {
color: var(--title-color)
}

.right-sidebar-menu .sidebar-bottom .email-area {
display: flex;
align-items: center;
gap: 10px
}

.right-sidebar-menu .sidebar-bottom .email-area .icon svg {
fill: var(--primary-color1)
}

.right-sidebar-menu .sidebar-bottom .email-area .content {
position: relative;
line-height: 1
}

.right-sidebar-menu .sidebar-bottom .email-area .content span {
font-family: var(--font-rubik);
font-weight: 400;
font-size: 12px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

.right-sidebar-menu .sidebar-bottom .email-area .content h6 {
margin-bottom: 0;
line-height: 1
}

.right-sidebar-menu .sidebar-bottom .email-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 15px;
color: var(--primary-color1);
transition: .5s
}

.right-sidebar-menu .sidebar-bottom .email-area .content h6 a:hover {
color: var(--title-color)
}

.login-modal .modal-dialog {
animation: zoomIn 1s
}

.login-modal .modal-dialog .modal-content {
border-radius: 20px;
position: relative
}

@media(max-width: 576px) {
.login-modal .modal-dialog .modal-content {
border-radius: 10px
}
}

.login-modal .modal-dialog .modal-content .modal-clode-btn {
position: absolute;
top: 15px;
right: 15px;
background-color: #f1f1f1;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 22px;
color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}

@media(max-width: 767px) {
.login-modal .modal-dialog .modal-content .modal-clode-btn {
width: 30px;
height: 30px;
top: 10px;
right: 10px
}
}

.login-modal .modal-dialog .modal-content .modal-clode-btn::before,
.login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-45deg);
content: "";
position: absolute;
top: 50%;
left: calc(50% - 7px);
display: block;
height: 1px;
width: 15px;
background-color: var(--title-color);
transition: all .3s ease-out
}

.login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-135deg)
}

.login-modal .modal-dialog .modal-content .modal-clode-btn:hover::before,
.login-modal .modal-dialog .modal-content .modal-clode-btn:hover::after {
transform: rotate(0deg)
}

.login-modal .modal-dialog .modal-content .modal-header {
padding: 0;
border: unset
}

.login-modal .modal-dialog .modal-content .modal-header img {
border-radius: 20px 20px 0 0
}

@media(max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-header img {
min-height: 110px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px 10px 0 0
}
}

.login-modal .modal-dialog .modal-content .modal-body {
padding: 45px 40px
}

@media(max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body {
padding: 30px 20px
}
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title {
text-align: center;
margin-bottom: 20px
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 500;
letter-spacing: .6px;
line-height: 1;
margin-bottom: 15px
}

@media(max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
font-size: 30px
}
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner {
position: relative
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input {
border: 1px solid var(--title-color);
border-radius: 200px;
background-color: transparent;
width: 100%;
height: 46px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 13px;
padding: 15px 20px
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input:focus {
border: 1px solid var(--primary-color1)
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::-moz-placeholder {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
letter-spacing: .3px;
text-transform: capitalize
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::placeholder {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
letter-spacing: .3px;
text-transform: capitalize
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 30px
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box {
opacity: 0;
display: none
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box+label {
position: relative;
display: flex;
align-items: center;
gap: 10px
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box+label::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid var(--primary-color1)
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box:checked+label::before {
content: "\f26e";
color: var(--white-color);
font-family: bootstrap-icons;
background-color: #034ea2;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember label {
color: var(--primary-color1);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
letter-spacing: .3px;
text-transform: capitalize
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .forget-pass {
color: var(--primary-color1);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
letter-spacing: .3px;
text-transform: capitalize
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
border-radius: 35px;
background-color: var(--title-color);
font-family: var(--font-rubik);
font-weight: 500;
font-size: 16px;
color: var(--white-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 15px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%
}

@media(max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
font-size: 15px
}
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--primary-color2);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform .7s
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover {
color: var(--title-color)
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover::after {
transform: scalex(1);
transform-origin: left
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider {
position: relative;
text-align: center;
margin-bottom: 20px
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider span {
color: #dbdbdb;
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 0 12px;
background-color: var(--white-color);
position: relative;
z-index: 1
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #dbdbdb;
width: 100%;
height: 1px
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
border-radius: 35px;
background-color: var(--white-color);
border: 1px solid var(--title-color);
font-family: var(--font-rubik);
font-weight: 500;
font-size: 16px;
color: var(--title-color);
letter-spacing: .48px;
text-transform: capitalize;
line-height: 1;
padding: 10px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%
}

@media(max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
font-size: 15px
}
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform .7s
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover {
color: var(--white-color)
}

.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover::after {
transform: scalex(1);
transform-origin: left
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #034ea2;
color: #fff
}

.home1-banner-area {
padding: 0 70px;
border-radius: 30px;
position: relative
}

@media(min-width: 1400px) and (max-width:1599px) {
.home1-banner-area {
padding: 0 20px
}
}

@media(max-width: 1399px) {
.home1-banner-area {
padding: 0 20px
}
}

@media(max-width: 767px) {
.home1-banner-area {
padding: 0
}
}

.home1-banner-area .swiper-slide-active .eg-tag {
animation: zoomIn 2s
}

.home1-banner-area .swiper-slide-active h1,
.home1-banner-area .swiper-slide-active h2 {
animation: fadeInDown 1.7s
}

.home1-banner-area .swiper-slide-active p {
animation: fadeInUp 1.7s
}

.home1-banner-area .swiper-slide-active .banner-content-bottom {
animation: fadeInUp 1.7s
}

.home1-banner-area .home1-banner-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 30px 30px 0 0;
position: relative
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content {
text-align: center;
padding: 180px 0;
max-width: 860px;
width: 100%;
margin: 0 auto;
position: relative
}

@media(max-width: 991px) {
.home1-banner-area .home1-banner-wrapper .home1-banner-content {
padding: 150px 0
}
}

@media(max-width: 767px) {
.home1-banner-area .home1-banner-wrapper .home1-banner-content {
padding: 110px 0
}
}

@media(max-width: 576px) {
.home1-banner-area .home1-banner-wrapper .home1-banner-content {
padding: 90px 0
}
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .eg-tag {
-webkit-mask-image: url(../img/home1/vector/destination-banner-batch-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 12px 72px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .eg-tag span {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--white-color);
font-family: var(--font-jost);
font-size: 20px;
font-weight: 400;
line-height: 1;
letter-spacing: .4px
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .eg-tag span svg {
fill: var(--white-color)
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content h1,
.home1-banner-area .home1-banner-wrapper .home1-banner-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 65px;
font-weight: 800;
line-height: 1.1;
letter-spacing: 2px;
margin-bottom: 20px
}

@media(max-width: 1199px) {

.home1-banner-area .home1-banner-wrapper .home1-banner-content h1,
.home1-banner-area .home1-banner-wrapper .home1-banner-content h2 {
font-size: 55px
}
}

@media(max-width: 991px) {

.home1-banner-area .home1-banner-wrapper .home1-banner-content h1,
.home1-banner-area .home1-banner-wrapper .home1-banner-content h2 {
font-size: 45px
}
}

@media(max-width: 576px) {

.home1-banner-area .home1-banner-wrapper .home1-banner-content h1,
.home1-banner-area .home1-banner-wrapper .home1-banner-content h2 {
font-size: 28px;
margin-bottom: 15px
}
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content p {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 40px
}

@media(max-width: 991px) {
.home1-banner-area .home1-banner-wrapper .home1-banner-content p {
margin-bottom: 30px
}
}

@media(max-width: 576px) {
.home1-banner-area .home1-banner-wrapper .home1-banner-content p {
font-size: 15px;
margin-bottom: 20px
}
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}

@media(max-width: 576px) {
.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom {
flex-wrap: wrap;
gap: 20px
}
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area {
display: flex;
align-items: center;
gap: 5px
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area .content .text-logo {
display: flex;
margin-bottom: 10px
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area .content .text-logo svg {
fill: var(--white-color)
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area .content .rating {
display: flex;
align-items: center;
gap: 10px;
line-height: 1
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area .content .rating ul {
display: flex;
align-items: center;
gap: 5px
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area .content .rating ul li i {
color: #00aa6c
}

.home1-banner-area .home1-banner-wrapper .home1-banner-content .banner-content-bottom .rating-area .content .rating span {
color: var(--white-color)
}

.home1-banner-area .slider-btn-grp .home1-banner-prev {
position: absolute;
bottom: 145px;
left: 8%;
z-index: 99
}

@media(max-width: 767px) {
.home1-banner-area .slider-btn-grp .home1-banner-prev {
display: none
}
}

.home1-banner-area .slider-btn-grp .home1-banner-next {
position: absolute;
bottom: 145px;
right: 8%;
z-index: 99
}

@media(max-width: 767px) {
.home1-banner-area .slider-btn-grp .home1-banner-next {
display: none
}
}

.home1-banner-bottom {
margin-top: -100px;
z-index: 99;
position: relative;
padding: 0 70px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home1-banner-bottom {
padding: 0 20px
}
}

@media(max-width: 1399px) {
.home1-banner-bottom {
padding: 0 20px
}
}

@media(max-width: 767px) {
.home1-banner-bottom {
padding: 0
}
}

@media(max-width: 767px) {
.home1-banner-bottom {
margin-top: -56px
}
}

.home1-banner-bottom .filter-wrapper .nav-buttons {
display: flex;
align-items: center;
justify-content: center
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills {
border-radius: 15px 15px 0 0;
background: #edf2de;
display: inline-flex;
border-bottom: 1px solid #dbe1cd
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills {
border-radius: unset;
justify-content: center
}
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 15px 0 0 0;
border-left: unset
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: unset
}
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 15px 0 0
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: unset;
border-left: unset
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item {
width: 50%
}
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 15px 40px;
border-radius: unset;
border-left: 1px solid #dbe1cd;
width: 100%
}

@media(max-width: 991px) {
.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 20px
}
}

@media(max-width: 767px) {
.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px;
font-size: 15px
}
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link svg {
fill: var(--black-color)
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active {
background-color: #034ea2;
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active svg {
fill: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group {
border-radius: 0 0 30px 30px;
background: #edf2de
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group {
padding: 30px 40px
}
}

@media(min-width: 576px) and (max-width:768px) {
.home1-banner-bottom .filter-wrapper .filter-group {
padding: 30px 20px
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group {
padding: 20px 15px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form {
display: flex;
align-items: center
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form {
flex-direction: column
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area {
padding: 0 80px;
width: 100%
}

@media(min-width: 1200px) and (max-width:1399px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area {
padding: 0 50px
}
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area {
padding: 0;
margin-bottom: 20px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box {
display: flex;
align-items: center;
gap: 10px;
position: relative
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box {
padding: 20px;
border: 1px solid #dbe1cd;
width: 100%
}
}

@media(min-width: 576px) and (max-width:768px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box {
padding: 15px 20px
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box {
position: relative
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .icon svg {
fill: var(--primary-color1)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
line-height: 1
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
width: 100%
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input label {
color: #6a6a6a;
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
display: block;
margin-bottom: 5px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input {
display: flex;
align-items: center;
line-height: 1;
cursor: pointer
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px;
background-color: transparent;
width: 100%;
cursor: pointer
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::-moz-placeholder {
color: var(--title-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::placeholder {
color: var(--title-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input i {
color: var(--title-color);
font-weight: 500
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px;
min-width: 188px;
width: 100%;
margin-bottom: 0
}

@media(min-width: 1200px) and (max-width:1399px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 150px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
padding: 10px 0;
background-color: var(--white-color);
border-radius: 5px;
max-width: 300px;
min-width: 300px;
width: 100%;
max-height: 250px;
overflow-y: scroll;
position: absolute;
top: 55px;
left: 0;
z-index: 9;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
display: none;
transform: scaleY(0);
transform-origin: top
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar {
width: 5px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-track {
background: #f5f4f4
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 20px
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 100%;
min-width: 100%;
top: 75px
}
}

@media(max-width: 767px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
top: 65px
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
left: 50%
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area {
border-bottom: 1px solid #dee2e6;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
margin: 0 10px 5px;
padding-bottom: 5px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area i {
color: var(--primary-color1)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area input {
background-color: transparent;
color: var(--title-color);
font-size: 14px;
font-weight: 400;
width: 100%
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li {
display: flex;
align-items: center;
justify-content: space-between;
transition: .5s;
cursor: pointer;
padding: 0 10px;
line-height: 1;
margin-bottom: 5px;
position: relative
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:last-child {
margin-bottom: 0
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 14px;
font-family: var(--font-rubik);
color: var(--title-color);
font-weight: 500;
line-height: 1.4;
margin-bottom: 0
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 13px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 12px;
font-family: var(--font-jost);
color: var(--text-color);
font-weight: 400;
margin-bottom: 0;
line-height: 1.4
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 11px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
color: var(--white-color);
font-weight: 400;
font-family: var(--font-jost);
font-size: 12px;
line-height: 1;
text-align: center;
background-color: #034ea2;
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
font-size: 13px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li::before {
content: "";
height: 100%;
width: 3px;
background-color: var(--title-color);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: .5s
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item {
padding: 10px 15px;
border-bottom: 1px solid #f5f4f4;
margin-bottom: 0
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item:last-child {
border-bottom: none
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item h6 {
font-size: 13px;
font-weight: 500;
font-family: var(--font-rubik);
color: var(--text-color);
margin-bottom: 0
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover {
background: rgba(211, 211, 211, .231372549)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover::before {
opacity: 1
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-bottom: 1px solid #f5f4f4
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title h6 {
font-size: 14px;
font-weight: 500;
font-family: var(--font-rubik);
color: var(--text-color);
margin-bottom: 0
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title span {
font-size: 13px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--text-color);
margin-bottom: 0
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter {
display: flex;
align-items: center
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a {
height: 20px;
min-width: 20px;
max-width: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: .35s;
font-size: 17px;
color: var(--primary-color1)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a:hover {
color: var(--white-color);
background-color: var(--primary-color1)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter input {
width: 40px;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
display: block;
transform: scaleY(1);
animation: fade-down .3s linear
}

@keyframes fade-down2 {
0% {
opacity: 0;
transform: scaleY(0) translateX(-50%);
visibility: hidden
}

100% {
opacity: 1;
transform: scaleY(1) translateX(-50%);
visibility: visible
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
transform: scaleY(1) translateX(-50%);
animation: fade-down2 .3s linear
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 200px;
min-width: 200px;
max-height: 180px;
padding: 0
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 100%;
min-width: 100%
}
}

@media(min-width: 768px) and (max-width:991px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0
}
}

@media(min-width: 576px) and (max-width:768px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.no-scroll {
overflow-y: initial;
max-width: unset
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::-moz-placeholder {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::placeholder {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input i {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input h6 {
color: var(--white-color);
min-width: 150px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
background-color: var(--title-color);
border: unset;
top: 47px
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
top: 75px
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
left: 50%;
top: 65px
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar {
border-radius: 10px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-track {
background: var(--title-color);
border-radius: 10px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: var(--white-color);
border-radius: 10px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .custom-select-search-area input {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li::before {
background-color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination h6,
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination p {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item {
border-bottom: 1px solid #282727
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item h6 {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item {
border-bottom: 1px solid #282727
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title h6,
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title span {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .quantity-counter input {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter {
position: relative
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter a {
color: var(--title-color);
line-height: 1
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter a i {
font-size: 14px
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__plus {
position: absolute;
top: -8px;
right: 20px
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__plus {
right: 0
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__minus {
position: absolute;
top: 8px;
right: 20px
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__minus {
right: 0
}
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__input {
width: 100%;
height: unset;
border: 1px solid #eee;
border-radius: 5px;
background-color: transparent;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .48px;
border: none
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__input:focus {
border: none
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .divider {
position: relative
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .divider::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background-color: #dbe1cd;
width: 1px;
height: 78px
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .divider::after {
display: none
}
}

.home1-banner-bottom .filter-wrapper .filter-group form button {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 500;
line-height: 1;
letter-spacing: .54px;
white-space: nowrap;
background-color: #034ea2;
padding: 30px 53px;
border-radius: 0 0 30px 0;
overflow: hidden;
position: relative;
z-index: 1
}

.home1-banner-bottom .filter-wrapper .filter-group form button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.home1-banner-bottom .filter-wrapper .filter-group form button:hover {
color: var(--white-color)
}

.home1-banner-bottom .filter-wrapper .filter-group form button:hover::after {
transform: skewX(45deg) scale(1, 1)
}

@media(max-width: 1199px) {
.home1-banner-bottom .filter-wrapper .filter-group form button {
padding: 20px 53px;
border-radius: 5px
}
}

@media(max-width: 576px) {
.home1-banner-bottom .filter-wrapper .filter-group form button {
padding: 16px 40px;
font-size: 16px
}
}

.home1-banner-bottom.style-2 {
margin-top: 0;
padding: 0
}

.home1-banner-bottom.style-2 .filter-wrapper {
max-width: 1080px;
width: 100%;
margin: 0 auto
}

.home1-banner-bottom.style-2 .filter-wrapper .nav-buttons .nav-pills {
border: 1px solid rgba(255, 255, 255, .15);
border-bottom: none;
background: linear-gradient(112deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);
box-shadow: 19px 15px 46px 0 rgba(0, 0, 0, .14);
-webkit-backdrop-filter: blur(27.5px);
backdrop-filter: blur(27.5px)
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-2 .filter-wrapper .nav-buttons .nav-pills {
background: linear-gradient(112deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.8) 100%);
-webkit-backdrop-filter: blur(120.5px);
backdrop-filter: blur(120.5px)
}
}

.home1-banner-bottom.style-2 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
color: var(--white-color);
border-color: rgba(255, 255, 255, .15);
padding: 15px 30px
}

@media(max-width: 991px) {
.home1-banner-bottom.style-2 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 13px 28.5px
}
}

@media(max-width: 576px) {
.home1-banner-bottom.style-2 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 12px 15.5px
}
}

.home1-banner-bottom.style-2 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link svg {
fill: var(--white-color)
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group {
border: 1px solid rgba(255, 255, 255, .15);
background: linear-gradient(112deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);
box-shadow: 19px 15px 46px 0 rgba(0, 0, 0, .14);
-webkit-backdrop-filter: blur(27.5px);
backdrop-filter: blur(27.5px);
border-radius: 200px
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group {
border-radius: 30px;
background: linear-gradient(112deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.8) 100%);
-webkit-backdrop-filter: blur(120.5px);
backdrop-filter: blur(120.5px)
}
}

@media(max-width: 991px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group {
border-radius: 0 0 30px 30px
}
}

@media(max-width: 767px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group {
padding: 30px 40px;
border-radius: 0 0 20px 20px
}
}

@media(max-width: 576px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group {
border-radius: 0;
padding: 30px 25px
}
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area {
padding: 0 20px
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area {
padding: 0
}
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box {
padding: 0 10px
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box {
padding: 20px
}
}

@media(max-width: 576px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box {
padding: 15px
}
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box .searchbox-input label {
color: var(--primary-color1)
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box .searchbox-input .quantity-counter a {
color: var(--white-color)
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__input {
color: var(--white-color)
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__plus,
.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__minus {
right: 0
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group .filter-area .divider::after {
background: rgba(255, 255, 255, .15);
height: 58px
}

.home1-banner-bottom.style-2 .filter-wrapper .filter-group button {
border-radius: 0 200px 200px 0;
padding: 20px 60px
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-2 .filter-wrapper .filter-group button {
border-radius: 35px;
padding: 15px 50px
}
}

.home1-banner-bottom.style-3 {
margin-top: -54px;
padding: 0
}

.home1-banner-bottom.style-4 {
margin-top: 0;
padding: 0
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons {
justify-content: start;
margin-left: 30px;
margin-bottom: -20px
}

@media(max-width: 767px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons {
margin-left: 0;
justify-content: center
}
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills {
background-color: #ece4d7;
border-radius: 10px;
border: 1px solid rgba(16, 12, 8, .15)
}

@media(max-width: 767px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills {
border-radius: unset;
justify-content: center
}
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
border-right: 1px solid rgba(16, 12, 8, .15);
font-size: 15px;
padding: 11px 40px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 11px 25px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 11px 20px
}
}

@media(max-width: 991px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 11px 20px
}
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 10px 0 0 10px
}

@media(max-width: 576px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: unset
}
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 10px 10px 0;
border-right: unset
}

@media(max-width: 576px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: unset
}
}

@media(max-width: 767px) {
.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item {
width: 50%
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
border-radius: 0
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: unset
}

.home1-banner-bottom.style-4 .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: unset
}
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group {
background-color: transparent;
border: 1px solid rgba(16, 12, 8, .15);
border-radius: 20px;
padding: 45px 30px 25px
}

@media(max-width: 1799px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group {
padding: 35px 10px 25px
}
}

@media(max-width: 576px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group {
border-radius: unset
}
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form {
gap: 10px
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form {
flex-direction: row
}
}

@media(max-width: 767px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form {
flex-direction: column
}
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area {
padding: 0
}

@media(max-width: 1199px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area {
margin-bottom: 0
}
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box {
border-radius: 10px;
border: 1px solid rgba(16, 12, 8, .15);
padding: 11px 10px
}

@media(max-width: 1799px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box {
padding: 8px 10px
}
}

@media(max-width: 1399px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box {
width: 100%
}
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
width: 100%
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
font-size: 14px
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 118px;
font-size: 14px
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
top: 58px
}

@media(max-width: 1699px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
top: 52px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 380px;
min-width: 380px;
top: 52px;
left: 0
}
}

@media(min-width: 768px) and (max-width:991px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 280px;
min-width: 280px
}
}

@media(max-width: 1399px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__plus {
right: 0
}
}

@media(max-width: 1399px) {
.home1-banner-bottom.style-4 .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input>.quantity-counter .quantity__minus {
right: 0
}
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form button {
padding: 18px 20px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center
}

.home1-banner-bottom.style-4 .filter-wrapper .filter-group form button svg {
fill: var(--white-color)
}

.home1-about-section {
position: relative
}

.home1-about-section .section-vector1 {
position: absolute;
bottom: -28%;
left: 0
}

@media(min-width: 992px) and (max-width:1199px) {
.home1-about-section .about-content .section-title h2 {
font-size: 40px
}
}

@media(max-width: 576px) {
.home1-about-section .about-content .section-title h2 {
font-size: 30px
}
}

.home1-about-section .about-content .nav-pills {
gap: 60px;
margin-bottom: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.home1-about-section .about-content .nav-pills {
gap: 35px
}
}

@media(max-width: 576px) {
.home1-about-section .about-content .nav-pills {
gap: 20px
}
}

.home1-about-section .about-content .nav-pills .nav-link {
background-color: transparent;
padding: 0;
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 17px;
font-weight: 500;
line-height: 1;
display: flex;
align-items: center;
gap: 10px
}

.home1-about-section .about-content .nav-pills .nav-link svg {
fill: var(--text-color)
}

.home1-about-section .about-content .nav-pills .nav-link.active {
color: var(--primary-color1)
}

.home1-about-section .about-content .nav-pills .nav-link.active svg {
fill: var(--primary-color1)
}

.home1-about-section .about-content .tab-content {
margin-bottom: 45px
}

.home1-about-section .about-content .tab-content .tab-pane {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px
}

@media(max-width: 576px) {
.home1-about-section .about-content .tab-content .tab-pane {
font-size: 14px
}
}

.home1-about-section .about-content .about-content-bottom {
display: flex;
align-items: center;
justify-content: space-between
}

@media(max-width: 576px) {
.home1-about-section .about-content .about-content-bottom {
flex-wrap: wrap;
gap: 20px
}
}

.home1-about-section .about-content .about-content-bottom .counter-area {
display: flex;
align-items: center;
gap: 8px
}

.home1-about-section .about-content .about-content-bottom .counter-area .content .number {
display: flex
}

.home1-about-section .about-content .about-content-bottom .counter-area .content .number h6,
.home1-about-section .about-content .about-content-bottom .counter-area .content .number span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 1;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.home1-about-section .about-content .about-content-bottom .counter-area .content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: .42px;
text-transform: capitalize;
margin-bottom: 0
}

.home1-about-section .about-img {
position: relative
}

@media(max-width: 991px) {
.home1-about-section .about-img {
display: none
}
}

.home1-about-section .about-img .vector {
position: absolute;
left: 10%;
bottom: -135px
}

@media(max-width: 1199px) {
.home1-about-section .about-img .vector {
display: none
}
}

.destination-card {
position: relative;
transition: .5s
}

@media(max-width: 991px) {
.destination-card {
height: 100%
}
}

.destination-card img {
border-radius: 10px
}

@media(max-width: 991px) {
.destination-card img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
}

@media(max-width: 576px) {
.destination-card img {
height: auto
}
}

.destination-card .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .4);
border-radius: 10px
}

.destination-card .card-title {
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
text-align: center;
opacity: 1;
width: 100%;
transition: .5s
}

.destination-card .card-title h4 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 27px;
font-weight: 500;
line-height: 1;
letter-spacing: .54px;
margin-bottom: 0
}

@media(max-width: 767px) {
.destination-card .card-title h4 {
font-size: 25px
}
}

.destination-card .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(.4);
text-align: center;
opacity: 0;
transition: all .5s ease-out
}

.destination-card .content h4 {
margin-bottom: 20px
}

.destination-card .content h4 a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 27px;
font-weight: 500;
line-height: 1;
letter-spacing: .54px;
padding-bottom: 10px;
border-bottom: 1px solid var(--primary-color1);
display: inline-block;
transition: all .5s ease-out
}

.destination-card .content h4 a:hover {
color: var(--primary-color2)
}

.destination-card .content .eg-tag {
-webkit-mask-image: url(../img/home1/vector/destination-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: #034ea2;
padding: 18px 48px;
white-space: nowrap;
display: flex;
margin-bottom: 15px;
transition: all .5s ease-out
}

.destination-card .content .eg-tag span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 20px;
font-weight: 400;
line-height: 1;
letter-spacing: .4px
}

.destination-card .content .eg-tag span svg {
fill: var(--white-color)
}

.destination-card:hover .card-title {
opacity: 0
}

.destination-card:hover .content {
transform: translate(-50%, -50%) scale(1);
opacity: 1
}

.home1-destination-section {
position: relative
}

.home1-destination-section .section-vector2 {
position: absolute;
top: 0;
right: 0;
z-index: -1
}

@media(max-width: 767px) {
.home1-destination-section .section-vector2 {
display: none
}
}

.home1-destination-section .destination-banner {
background-image: url(../img/home1/destination-banner-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
border-radius: 10px;
height: 100%
}

@media(max-width: 576px) {
.home1-destination-section .destination-banner {
padding: 35px 40px
}
}

.home1-destination-section .destination-banner .batch {
-webkit-mask-image: url(../img/home1/vector/destination-banner-batch-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 7px 29px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 12px
}

.home1-destination-section .destination-banner .batch span {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .72px
}

.home1-destination-section .destination-banner .batch span svg {
fill: var(--white-color)
}

.home1-destination-section .destination-banner h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 35px
}

@media(min-width: 1200px) and (max-width:1399px) {
.home1-destination-section .destination-banner h2 {
font-size: 38px;
margin-bottom: 30px
}
}

@media(max-width: 1199px) {
.home1-destination-section .destination-banner h2 {
font-size: 32px;
margin-bottom: 25px
}
}

@media(max-width: 767px) {
.home1-destination-section .destination-banner .primary-btn1 {
padding: 16px 25px;
font-size: 14px
}
}

.franctional-slider-section {
overflow: hidden;
position: relative
}

.franctional-slider-section .slider-content-wrapper {
background-image: url(../img/home1/facility-content-bg.png), linear-gradient(180deg, #f9f4f0 0%, #f9f4f0 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 135px
}

@media(max-width: 1699px) {
.franctional-slider-section .slider-content-wrapper {
padding: 100px 50px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.franctional-slider-section .slider-content-wrapper {
padding: 80px 30px
}
}

@media(max-width: 991px) {
.franctional-slider-section .slider-content-wrapper {
padding: 80px 40px
}
}

@media(max-width: 576px) {
.franctional-slider-section .slider-content-wrapper {
padding: 70px 20px
}
}

.franctional-slider-section .slider-content-wrapper .slider-content {
max-width: 550px;
width: 100%
}

@media(min-width: 1400px) and (max-width:1599px) {
.franctional-slider-section .slider-content-wrapper .slider-content {
max-width: 450px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.franctional-slider-section .slider-content-wrapper .slider-content {
max-width: 450px
}
}

.franctional-slider-section .slider-content-wrapper .slider-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px;
margin-bottom: 35px
}

@media(max-width: 576px) {
.franctional-slider-section .slider-content-wrapper .slider-content p {
font-size: 15px;
margin-bottom: 25px
}
}

.franctional-slider-section .slider-content-wrapper .slider-content ul {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
padding-bottom: 55px
}

@media(max-width: 576px) {
.franctional-slider-section .slider-content-wrapper .slider-content ul {
padding-bottom: 40px;
gap: 20px;
flex-direction: column;
align-items: flex-start
}
}

.franctional-slider-section .slider-content-wrapper .slider-content ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px
}

.franctional-slider-section .slider-content-wrapper .slider-content ul li svg {
fill: var(--primary-color1)
}

.franctional-slider-section .slider-content-wrapper .nav-and-pagi-area {
display: flex;
align-items: center;
gap: 20px
}

.franctional-slider-section .slider-content-wrapper .nav-and-pagi-area .franctional-slider-prev-btn svg,
.franctional-slider-section .slider-content-wrapper .nav-and-pagi-area .franctional-slider-next-btn svg {
stroke: var(--primary-color2)
}

.franctional-slider-section .slider-content-wrapper .nav-and-pagi-area .franctional-slider-pagi1 {
width: unset;
font-size: 39px;
display: flex;
gap: 12px;
color: rgba(0, 0, 0, .5);
font-weight: 200
}

.franctional-slider-section .slider-content-wrapper .nav-and-pagi-area .franctional-slider-pagi1 .swiper-pagination-current {
color: var(--primary-color1);
font-family: var(--font-jost);
font-size: 30px;
font-weight: 400;
line-height: 1;
letter-spacing: .9px;
text-transform: capitalize
}

.franctional-slider-section .slider-content-wrapper .nav-and-pagi-area .franctional-slider-pagi1 .swiper-pagination-total {
color: var(--primary-color2);
font-family: var(--font-jost);
font-size: 20px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: capitalize
}

.franctional-slider-section .franctional-slider-right-img {
position: relative;
height: 100%
}

.franctional-slider-section .franctional-slider-right-img>img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 991px) {
.franctional-slider-section .franctional-slider-right-img {
display: none
}
}

.franctional-slider-section .franctional-slider-right-img .logo {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: var(--white-color);
border: 2px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}

.franctional-slider-section .rating-wrapper {
background-image: url(../img/home1/rating-bg.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 30px;
display: flex;
align-items: center;
flex-direction: column;
gap: 15px;
border-radius: 20px;
z-index: 99
}

@media(min-width: 1200px) and (max-width:1399px) {
.franctional-slider-section .rating-wrapper {
left: 55%
}
}

@media(max-width: 1199px) {
.franctional-slider-section .rating-wrapper {
display: none
}
}

.package-card {
padding: 20px;
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
position: relative;
overflow: hidden
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card {
padding: 15px
}
}

@media(max-width: 576px) {
.package-card {
padding: 15px
}
}

.package-card .package-card-img-wrap {
position: relative;
transition: all .5s ease-out
}

.package-card .package-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px
}

.package-card .package-card-img-wrap .card-img img {
border-radius: 10px;
transition: all .5s ease-out
}

.package-card .package-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 10px;
z-index: 1
}

.package-card .package-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1
}

.package-card .package-card-content .card-content-top {
padding: 25px 0
}

@media(max-width: 1399px) {
.package-card .package-card-content .card-content-top {
padding: 20px 0
}
}

.package-card .package-card-content .card-content-top h5 {
margin-bottom: 15px;
transition: .5s
}

.package-card .package-card-content .card-content-top h5 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
line-height: 1.4;
text-transform: capitalize;
transition: .5s
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 18px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 17px
}
}

@media(max-width: 991px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 20px
}
}

@media(max-width: 576px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 18px
}
}

.package-card .package-card-content .card-content-top h5:hover a {
color: var(--primary-color1)
}

@media(max-width: 576px) {
.package-card .package-card-content .card-content-top h5 {
margin-bottom: 10px
}
}

.package-card .package-card-content .card-content-top .location-area {
position: relative;
height: 18px;
overflow: hidden
}

.package-card .package-card-content .card-content-top .location-area .location-list {
position: absolute;
white-space: nowrap;
text-overflow: ellipsis;
transform: translateX(0);
transition: 8s;
display: flex;
align-items: center;
gap: 35px
}

.package-card .package-card-content .card-content-top .location-area .location-list li {
line-height: 1;
position: relative;
transition: .5s
}

.package-card .package-card-content .card-content-top .location-area .location-list li a {
color: #888;
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase;
transition: .5s
}

.package-card .package-card-content .card-content-top .location-area .location-list li::before {
content: "\f138";
font-family: bootstrap-icons;
color: #888;
position: absolute;
left: -25px;
top: 50%;
transform: translateY(-50%)
}

.package-card .package-card-content .card-content-top .location-area .location-list li:first-child::before {
display: none
}

.package-card .package-card-content .card-content-top .location-area .location-list li:hover a {
color: var(--primary-color1)
}

.package-card .package-card-content .card-content-top .location-area:hover .scrollTextAni {
transform: translateX(calc(200px - 100%))
}

.package-card .package-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
border-top: 1px solid rgba(16, 12, 8, .2)
}

.package-card .package-card-content .card-content-bottom .price-area {
line-height: 1
}

.package-card .package-card-content .card-content-bottom .price-area h6 {
color: #333;
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 22px;
letter-spacing: .24px;
text-transform: capitalize;
margin-bottom: 0
}

.package-card .package-card-content .card-content-bottom .price-area span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 26px;
font-weight: 500;
line-height: 1;
display: inline-block;
text-transform: capitalize
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card .package-card-content .card-content-bottom .price-area span {
font-size: 22px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card .package-card-content .card-content-bottom .price-area span {
font-size: 20px
}
}

@media(max-width: 576px) {
.package-card .package-card-content .card-content-bottom .price-area span {
font-size: 22px
}
}

.package-card .package-card-content .card-content-bottom .price-area span del {
color: rgba(16, 12, 8, .5);
font-size: 16px;
font-weight: 500
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card .package-card-content .card-content-bottom .price-area span del {
font-size: 13px
}
}

@media(max-width: 576px) {
.package-card .package-card-content .card-content-bottom .price-area span del {
font-size: 13px
}
}

.package-card .package-card-content .card-content-bottom .price-area p {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 10px;
font-weight: 400;
line-height: 22px;
letter-spacing: .2px;
text-transform: capitalize;
margin-bottom: 0
}

.package-card .batch {
position: absolute;
top: 5px;
left: -20px;
z-index: 1
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card .batch {
left: -15px
}
}

@media(max-width: 576px) {
.package-card .batch {
left: -15px
}
}

.package-card .batch .date {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .6px;
text-transform: uppercase;
display: inline-flex;
padding: 8px 10px;
background-color: var(--title-color)
}

.package-card .batch .location {
background-color: var(--white-color);
border: 1px solid rgba(99, 171, 69, .5);
padding: 6px 10px;
display: flex;
align-items: center;
gap: 7px
}

.package-card .batch .location svg {
fill: var(--primary-color1)
}

.package-card .batch .location .location-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px
}

.package-card .batch .location .location-list li {
position: relative;
line-height: 1;
padding-left: 14px
}

.package-card .batch .location .location-list li a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase
}

.package-card .batch .location .location-list li::before {
content: "\f4fe";
font-family: bootstrap-icons;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -5px;
color: var(--title-color);
font-size: 17px
}

.package-card .batch .location .location-list li:first-child {
padding-left: 0
}

.package-card .batch .location .location-list li:first-child::before {
display: none
}

.package-card:hover .package-card-img-wrap .card-img img {
transform: scale(1.1)
}

.package-card:hover .package-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.package-card.style-2 {
padding: 5px;
border: 1px solid rgba(16, 12, 8, .15);
box-shadow: unset;
border-radius: unset
}

.package-card.style-2 .package-card-img-wrap .card-img {
border-radius: unset;
height: 183px;
width: 100%;
}

.package-card.style-2 .package-card-img-wrap .card-img img {
border-radius: unset
}

.package-card.style-2 .package-card-img-wrap .card-img::before {
background: linear-gradient(1deg, rgba(16, 12, 8, 0.4) 1.03%, rgba(16, 12, 8, 0) 90.67%);
border-radius: unset
}

.package-card.style-2 .package-card-content {
padding: 0 15px
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card.style-2 .package-card-content {
padding: 0 10px
}
}

.package-card.style-2 .package-card-content .card-content-bottom {
padding: 15px 0
}

.package-card.style-2 .package-card-content .card-content-bottom .primary-btn1 {
border-radius: unset;
font-size: 14px;
font-weight: 500;
padding: 11px 16px
}

.package-card.style-2 .batch {
top: 0;
left: 0
}

.package-card-section {
position: relative
}

.package-card-section .section-vector1 {
position: absolute;
bottom: 0;
left: 0
}

.package-card-section .section-vector3 {
position: absolute;
top: 30%;
right: 0
}

.package-card-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(../img/home1/vector/section-bg-vector1.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 50%;
z-index: -1
}

.feature-card {
background-image: url(../img/home1/feature-card-bg1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 20px 20px 20px 10px;
display: flex;
align-items: center;
gap: 20px;
border-radius: 10px;
border: 1px solid #eee;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card {
gap: 15px
}
}

@media(min-width: 768px) and (max-width:991px) {
.feature-card {
gap: 15px
}
}

@media(max-width: 576px) {
.feature-card {
padding: 20px 15px 20px 10px;
gap: 10px
}
}

.feature-card .feature-card-icon {
min-width: 100px;
max-width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ddeed6;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}

.feature-card .feature-card-icon svg {
fill: var(--primary-color1);
transition: .5s
}

.feature-card .feature-card-content h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .6px;
text-transform: capitalize;
margin-bottom: 12px;
transition: .5s
}

@media(min-width: 768px) and (max-width:991px) {
.feature-card .feature-card-content h6 {
font-size: 18px;
margin-bottom: 10px
}
}

@media(max-width: 576px) {
.feature-card .feature-card-content h6 {
font-size: 17px;
margin-bottom: 10px
}
}

.feature-card .feature-card-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .45px;
margin-bottom: 0;
transition: .5s
}

@media(min-width: 768px) and (max-width:991px) {
.feature-card .feature-card-content p {
font-size: 14px
}
}

@media(max-width: 576px) {
.feature-card .feature-card-content p {
font-size: 14px
}
}

.feature-card:hover {
box-shadow: 0 0 30px -2px rgba(0, 0, 0, .08)
}

.feature-card:hover .feature-card-icon {
background-color: var(--primary-color1)
}

.feature-card:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.two {
background-image: url(../img/home1/feature-card-bg2.png)
}

.feature-card.two .feature-card-icon {
background-color: #feeed5
}

.feature-card.two .feature-card-icon svg {
fill: var(--primary-color2)
}

.feature-card.two:hover .feature-card-icon {
background-color: var(--primary-color2)
}

.feature-card.two:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.three {
background-image: url(../img/home1/feature-card-bg3.png)
}

.feature-card.three .feature-card-icon {
background-color: #f5f5d3
}

.feature-card.three .feature-card-icon svg {
fill: #d2d234
}

.feature-card.three:hover .feature-card-icon {
background-color: #d2d234
}

.feature-card.three:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.style-2 {
background-color: var(--white-color);
background-image: unset;
border: unset;
box-shadow: 0 0 20px -2px rgba(0, 0, 0, .08);
padding: 25px 28px
}

@media(max-width: 576px) {
.feature-card.style-2 {
padding: 25px 20px
}
}

.feature-card.style-2 .feature-card-icon {
min-width: unset;
max-width: unset;
height: unset;
background-color: unset;
border-radius: unset
}

.feature-card.style-2 .feature-card-icon svg {
fill: var(--primary-color1);
transition: .5s
}

.feature-card.style-2 .feature-card-icon.orange svg {
fill: var(--primary-color2)
}

.feature-card.style-2:hover {
box-shadow: unset;
background-color: var(--primary-color1)
}

.feature-card.style-2:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.style-2:hover .feature-card-content h6 {
color: var(--white-color)
}

.feature-card.style-2:hover .feature-card-content p {
color: var(--white-color)
}

.feature-card.style-2.secondary .feature-card-icon svg {
fill: var(--primary-color2)
}

.feature-card.style-2.secondary:hover {
background-color: var(--primary-color2)
}

.feature-card.style-2.secondary:hover svg {
fill: var(--white-color)
}

.feature-card.style-3 {
border: 1px solid #eee;
background: #e8f4e3;
background-image: unset;
flex-direction: column;
padding: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card.style-3 {
padding: 15px
}
}

@media(max-width: 767px) {
.feature-card.style-3 {
padding: 15px
}
}

.feature-card.style-3 .feature-card-icon {
min-width: unset;
max-width: unset;
height: unset;
background-color: unset;
border-radius: unset
}

.feature-card.style-3 .feature-card-icon svg {
fill: var(--primary-color1);
transition: .5s
}

.feature-card.style-3 .feature-card-icon.orange svg {
fill: var(--primary-color2)
}

.feature-card.style-3 .feature-card-content {
text-align: center
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card.style-3 .feature-card-content h6 {
font-size: 17px;
margin-bottom: 5px
}
}

@media(max-width: 767px) {
.feature-card.style-3 .feature-card-content h6 {
font-size: 17px;
margin-bottom: 5px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card.style-3 .feature-card-content p {
font-size: 14px;
line-height: 1.5
}
}

@media(max-width: 576px) {
.feature-card.style-3 .feature-card-content p {
font-size: 14px;
line-height: 1.5
}
}

.feature-card.style-3:hover {
box-shadow: unset;
background-color: var(--primary-color1)
}

.feature-card.style-3:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.style-3:hover .feature-card-content h6 {
color: var(--white-color)
}

.feature-card.style-3:hover .feature-card-content p {
color: var(--white-color)
}

.feature-card.style-3.olive-bg {
background-color: #e7eddb
}

.feature-card.style-3.olive-bg .feature-card-icon svg {
fill: #90a955
}

.feature-card.style-3.olive-bg:hover {
background-color: #90a955
}

.feature-card.style-3.olive-bg:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.style-3.orange-bg {
background-color: #feeed5
}

.feature-card.style-3.orange-bg .feature-card-icon svg {
fill: var(--primary-color2)
}

.feature-card.style-3.orange-bg:hover {
background-color: var(--primary-color2)
}

.feature-card.style-3.orange-bg:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card.style-3.yellow-bg {
background-color: #f5f5d3
}

.feature-card.style-3.yellow-bg .feature-card-icon svg {
fill: #d2d234
}

.feature-card.style-3.yellow-bg:hover {
background-color: #d1d133
}

.feature-card.style-3.yellow-bg:hover .feature-card-icon svg {
fill: var(--white-color)
}

.feature-card-section {
position: relative
}

.feature-card-section .pt-15 {
padding-top: 15px
}

@media(max-width: 1199px) {
.feature-card-section .pt-15 {
padding-top: 0
}
}

.feature-card-section .mb-80 {
margin-bottom: 80px
}

@media(max-width: 991px) {
.feature-card-section .mb-80 {
margin-bottom: 70px
}
}

.feature-card-section .section-vector4 {
position: absolute;
top: -40%;
right: 0;
z-index: -1
}

@media(max-width: 1199px) {
.feature-card-section .section-vector4 {
top: -30%
}
}

@media(max-width: 991px) {
.feature-card-section .section-vector4 {
top: -15%
}
}

@media(max-width: 576px) {
.feature-card-section .section-vector4 {
top: -10%
}
}

.feature-card-section .banner4-slider-wrapper .banner4-card-slide .swiper-slide-active span {
animation: fadeInDown 1.5s
}

.feature-card-section .banner4-slider-wrapper .banner4-card-slide .swiper-slide-active h3 {
animation: fadeInDown 1.5s
}

.feature-card-section .banner4-slider-wrapper .banner4-card-slide .swiper-slide-active .text {
animation: fadeInDown 1.5s
}

.feature-card-section .banner4-slider-wrapper .banner4-card-slide .swiper-slide-active .primary-btn1 {
animation: fadeInUp 1.5s
}

.feature-card-section .banner4-slider-wrapper .package-card3-slide {
padding: 10px;
margin: -10px;
padding-left: 0;
margin-left: 0
}

.package-card-tab-section {
background-image: url(../img/home1/package-card-tab-bg.png), linear-gradient(180deg, #faf5ee 0%, #faf5ee 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0;
position: relative;
z-index: 1
}

@media(max-width: 991px) {
.package-card-tab-section {
padding: 90px 0
}
}

@media(max-width: 767px) {
.package-card-tab-section {
padding: 80px 0
}
}

.package-card-tab-section .section-vector5 {
position: absolute;
top: 0;
left: 0;
z-index: -1
}

.package-card-tab-section .section-vector6 {
position: absolute;
bottom: 0;
right: 0;
z-index: -1
}

.package-card-tab-section .package-card-with-tab .nav-pills {
display: inherit;
-moz-columns: 5;
columns: 5;
gap: 0;
margin-bottom: 50px;
border-radius: 10px
}

@media(max-width: 576px) {
.package-card-tab-section .package-card-with-tab .nav-pills .nav-item {
width: 50%
}
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item .nav-link {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1;
background-color: var(--white-color);
border: 1px solid rgba(var(--primary-color1-opc), 0.2);
border-right: none;
padding: 24px 15px;
border-radius: unset;
width: 100%
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item .nav-link.active {
background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.5) 100%), url(../img/home1/package-card-nav-bg.png);
background-size: cover;
background-repeat: no-repeat;
color: var(--white-color)
}

@media(max-width: 991px) {
.package-card-tab-section .package-card-with-tab .nav-pills .nav-item .nav-link {
border-right: 1px solid rgba(var(--primary-color1-opc), 0.2)
}
}

@media(max-width: 767px) {
.package-card-tab-section .package-card-with-tab .nav-pills .nav-item .nav-link {
padding: 20px 35px
}
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:first-child .nav-link {
border-radius: 10px 0 0 10px
}

@media(max-width: 991px) {
.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:first-child .nav-link {
border-radius: unset
}
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:nth-child(2) .nav-link.active {
background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.5) 100%), url(../img/home1/package-card-nav-bg2.png)
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:nth-child(3) .nav-link.active {
background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.5) 100%), url(../img/home1/package-card-nav-bg3.png)
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:nth-child(4) .nav-link.active {
background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.5) 100%), url(../img/home1/package-card-nav-bg4.png)
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 10px 10px 0;
border-right: 1px solid rgba(var(--primary-color1-opc), 0.2)
}

@media(max-width: 991px) {
.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:last-child .nav-link {
border-radius: unset
}
}

.package-card-tab-section .package-card-with-tab .nav-pills .nav-item:last-child .nav-link.active {
background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.5) 0%, rgba(16, 12, 8, 0.5) 100%), url(../img/home1/package-card-nav-bg5.png)
}

@media(max-width: 1199px) {
.package-card-tab-section .package-card-with-tab .nav-pills {
display: flex;
justify-content: center
}
}

@media(max-width: 576px) {
.package-card-tab-section .package-card-with-tab .nav-pills {
margin-bottom: 30px
}
}

.verticle-tab-section {
position: relative
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar {
padding-right: 15px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills {
display: block;
-moz-columns: 2;
columns: 2
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item {
margin-bottom: 20px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item:nth-child(3) {
margin-bottom: 0
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item:last-child {
margin-bottom: 0
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link {
background-color: rgba(var(--primary-color1-opc), 0.1);
padding: 20px;
text-align: center;
cursor: pointer
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link .icon {
margin-bottom: 20px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link .icon svg {
fill: var(--title-color)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color2)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link.active .icon svg {
fill: var(--white-color)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link.active h6 {
color: var(--white-color)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap {
display: flex;
align-items: center;
gap: 30px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content {
max-width: 470px;
width: 100%
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .eg-tag2 {
-webkit-mask-image: url(../img/home1/vector/activities-content-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 8px 47px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .eg-tag2 span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .72px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .eg-tag2 span svg {
fill: var(--white-color)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .6px;
margin-bottom: 20px
}

@media(max-width: 576px) {
.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content h2 {
font-size: 25px;
margin-bottom: 15px
}
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .48px;
margin-bottom: 30px
}

@media(max-width: 576px) {
.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content p {
font-size: 14px;
margin-bottom: 20px
}
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 45px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content ul li svg {
fill: var(--primary-color1)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px
}

@media(max-width: 576px) {
.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area {
flex-wrap: wrap
}
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .primary-btn1 {
padding: 16px 25px
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area .icon {
position: relative
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area .icon .video-circle {
stroke: var(--title-color);
fill: none;
transition: .5s
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area .icon i {
color: var(--title-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-content .content-bottom-area .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

@media(max-width: 767px) {
.verticle-tab-section .verticle-tab-wrapper .verticle-tab-content-wrap .verticle-tab-img {
display: none
}
}

.verticle-tab-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(../img/home1/vector/section-bg-vector2.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
z-index: -1
}

.verticle-tab-section .section-vector1 {
position: absolute;
bottom: -25%;
left: 0;
z-index: -1
}

.banner2-card {
position: relative;
border-radius: 5px
}

.banner2-card img {
border-radius: 5px
}

@media(max-width: 991px) {
.banner2-card img {
width: 100%
}
}

.banner2-card .hotline-area {
display: flex;
align-items: center;
gap: 20px
}

.banner2-card .hotline-area .icon {
height: 60px;
width: 60px;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%
}

.banner2-card .hotline-area .icon svg {
fill: var(--primary-color1)
}

.banner2-card .hotline-area .content {
text-align: start
}

.banner2-card .hotline-area .content span {
font-size: 20px;
font-family: var(--font-satisfy);
line-height: 1;
font-weight: 400;
letter-spacing: .13em;
color: var(--white-color);
display: inline-block;
margin-bottom: 10px
}

.banner2-card .hotline-area .content h6 {
margin: 0;
line-height: 1
}

.banner2-card .hotline-area .content h6 a {
font-size: 24px;
color: var(--white-color)
}

.banner2-card .banner2-content-wrap {
padding: 60px 20px 35px;
background-image: url(../img/home1/vector/banner2-content-bg1.svg);
background-repeat: no-repeat;
background-size: cover;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
border-radius: 0 0 5px 5px
}

.banner2-card .banner2-content-wrap .banner2-content>span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 20px;
font-weight: 400;
line-height: 1;
display: block;
margin-bottom: 16px
}

.banner2-card .banner2-content-wrap .banner2-content h3 {
color: var(--primary-color2);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 700;
line-height: 1;
margin-bottom: 5px
}

.banner2-card .banner2-content-wrap .banner2-content>a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 600;
line-height: 1.6
}

@media(max-width: 576px) {
.banner2-card .banner2-content-wrap .banner2-content>a {
font-size: 16px
}
}

.banner2-card .banner2-content-wrap .banner2-content p {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 400;
margin-bottom: 25px;
line-height: 1.6
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card .banner2-content-wrap .banner2-content p {
margin-bottom: 15px
}
}

@media(max-width: 576px) {
.banner2-card .banner2-content-wrap .banner2-content p {
margin-bottom: 10px
}
}

.banner2-card .banner2-content-wrap .primary-btn1 {
padding: 13px 25px;
font-size: 15px
}

.banner2-card .banner2-content-wrap .offer-batch {
width: 64px;
height: 64px;
background-color: #034ea2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}

.banner2-card .banner2-content-wrap .offer-batch span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 400;
line-height: 1
}

.banner2-card .banner2-content-wrap .offer-batch span strong {
font-weight: 700
}

.banner2-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .2);
border-radius: 5px
}

.banner2-card::after {
content: "";
position: absolute;
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 5px
}

.banner2-card.two::after {
display: none
}

.banner2-card.two .banner2-content-wrap {
background-image: url(../img/home1/vector/banner2-content-bg2.svg);
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 20px 15px;
text-align: start;
border-radius: 0 0 5px 5px
}

@media(max-width: 991px) {
.banner2-card.two .banner2-content-wrap {
padding: 35px 20px 25px
}
}

@media(max-width: 576px) {
.banner2-card.two .banner2-content-wrap {
padding: 15px 20px 10px
}
}

.banner2-card.two .banner2-content-wrap .banner2-content span {
margin-bottom: 5px
}

.banner2-card.three::after {
display: none
}

.banner2-card.three .banner2-content-wrap {
background-image: url(../img/home1/vector/banner2-content-bg3.svg);
padding: 38px 20px 38px 25px;
text-align: start;
border-radius: 5px 0 0 5px;
height: 100%
}

@media(min-width: 1200px) and (max-width:1399px) {
.banner2-card.three .banner2-content-wrap {
padding: 22px 20px 20px 25px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.three .banner2-content-wrap {
padding: 15px 20px 15px 25px
}
}

@media(max-width: 991px) {
.banner2-card.three .banner2-content-wrap {
height: 100%
}
}

@media(max-width: 576px) {
.banner2-card.three .banner2-content-wrap {
padding-left: 20px
}
}

.banner2-card.three .banner2-content-wrap .banner2-content {
max-width: 250px;
width: 100%
}

@media(min-width: 768px) and (max-width:991px) {
.banner2-card.three .banner2-content-wrap .banner2-content {
max-width: 350px
}
}

.banner2-card.three .banner2-content-wrap .banner2-content span {
margin-bottom: 5px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.three .banner2-content-wrap .banner2-content span {
margin-bottom: 0
}
}

@media(max-width: 576px) {
.banner2-card.three .banner2-content-wrap .banner2-content span {
font-size: 18px
}
}

.banner2-card.three .banner2-content-wrap .banner2-content h5 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 19px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 15px
}

.banner2-card.three .banner2-content-wrap .banner2-content h5 span {
font-size: 24px;
font-weight: 600;
color: var(--primary-color2)
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.three .banner2-content-wrap .banner2-content h5 {
margin-bottom: 5px
}
}

@media(max-width: 576px) {
.banner2-card.three .banner2-content-wrap .banner2-content h5 {
font-size: 18px;
margin-bottom: 5px
}

.banner2-card.three .banner2-content-wrap .banner2-content h5 span {
font-size: 20px
}
}

.banner2-card.three .banner2-content-wrap .primary-btn1 {
background-color: var(--primary-color2)
}

@media(max-width: 576px) {
.banner2-card.three .banner2-content-wrap .primary-btn1 {
padding: 13px 25px;
font-size: 15px
}
}

.banner2-card.three .banner2-content-wrap .primary-btn1::after {
background-color: var(--title-color)
}

.banner2-card.three .banner2-content-wrap .primary-btn1:hover {
color: var(--white-color)
}

.banner2-card.four .banner2-content-wrap {
background-image: url(../img/home1/vector/banner2-content-bg4.svg);
bottom: unset;
top: 0;
text-align: start;
padding: 30px 24px 60px 30px;
border-radius: 5px 5px 0 0;
display: flex;
align-items: center;
justify-content: space-between
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.four .banner2-content-wrap {
padding: 20px 24px 60px 25px;
flex-wrap: wrap
}
}

@media(max-width: 991px) {
.banner2-card.four .banner2-content-wrap {
padding: 70px 40px 140px
}
}

@media(max-width: 576px) {
.banner2-card.four .banner2-content-wrap {
padding: 35px 15px 50px 20px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.four .banner2-content-wrap .banner2-content span {
margin-bottom: 5px
}
}

.banner2-card.four .banner2-content-wrap .banner2-content h3 {
color: var(--title-color)
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.four .banner2-content-wrap .banner2-content h3 {
font-size: 30px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.four .banner2-content-wrap .banner2-content p {
font-size: 16px;
margin-bottom: 10px
}
}

.banner2-card.four .banner2-content-wrap .primary-btn1::after {
background-color: var(--title-color)
}

.banner2-card.four .banner2-content-wrap .primary-btn1:hover {
color: var(--white-color)
}

.banner2-card.five::after {
display: none
}

.banner2-card.five img {
border-radius: 10px
}

@media(max-width: 576px) {
.banner2-card.five img {
min-height: 180px;
-o-object-fit: cover;
object-fit: cover
}
}

.banner2-card.five::before {
border-radius: 10px
}

.banner2-card.five .banner2-content-wrap {
background-image: url(../img/home3/vector/banner2-content-bg2.svg);
padding: 38px 20px 38px 25px;
text-align: center;
right: 0;
left: unset;
background-size: contain;
background-position: right center;
border-radius: 0 10px 10px 0;
height: 100%
}

@media(min-width: 1200px) and (max-width:1399px) {
.banner2-card.five .banner2-content-wrap {
padding: 22px 10px 20px 25px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.five .banner2-content-wrap {
padding: 15px 10px 15px 25px
}
}

@media(max-width: 991px) {
.banner2-card.five .banner2-content-wrap {
height: 100%
}
}

@media(max-width: 767px) {
.banner2-card.five .banner2-content-wrap {
padding: 15px 10px 15px 25px
}
}

@media(max-width: 576px) {
.banner2-card.five .banner2-content-wrap {
padding-left: 20px
}
}

.banner2-card.five .banner2-content-wrap .banner2-content {
max-width: 250px;
width: 100%;
text-align: center
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.five .banner2-content-wrap .banner2-content {
max-width: 200px
}
}

@media(max-width: 767px) {
.banner2-card.five .banner2-content-wrap .banner2-content {
max-width: 200px
}
}

@media(max-width: 576px) {
.banner2-card.five .banner2-content-wrap .banner2-content {
max-width: 160px
}
}

.banner2-card.five .banner2-content-wrap .banner2-content span {
margin-bottom: 5px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.five .banner2-content-wrap .banner2-content span {
margin-bottom: 0
}
}

@media(min-width: 768px) and (max-width:991px) {
.banner2-card.five .banner2-content-wrap .banner2-content span {
font-size: 22px
}
}

@media(max-width: 576px) {
.banner2-card.five .banner2-content-wrap .banner2-content span {
font-size: 18px;
margin-bottom: 8px
}
}

.banner2-card.five .banner2-content-wrap .banner2-content h5 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 15px
}

.banner2-card.five .banner2-content-wrap .banner2-content h5 span {
font-size: 35px;
font-weight: 700;
color: var(--primary-color2)
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.five .banner2-content-wrap .banner2-content h5 span {
font-size: 30px
}
}

@media(min-width: 768px) and (max-width:991px) {
.banner2-card.five .banner2-content-wrap .banner2-content h5 span {
font-size: 38px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner2-card.five .banner2-content-wrap .banner2-content h5 {
margin-bottom: 5px;
font-size: 22px
}
}

@media(min-width: 768px) and (max-width:991px) {
.banner2-card.five .banner2-content-wrap .banner2-content h5 {
font-size: 30px
}
}

@media(max-width: 576px) {
.banner2-card.five .banner2-content-wrap .banner2-content h5 {
font-size: 20px;
margin-bottom: 10px
}

.banner2-card.five .banner2-content-wrap .banner2-content h5 span {
font-size: 25px
}
}

.banner2-card.five .banner2-content-wrap .banner2-content .secondary-btn1 {
background-color: #034ea2;
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 11px 17px
}

@media(max-width: 576px) {
.banner2-card.five .banner2-content-wrap .banner2-content .secondary-btn1 {
padding: 10px 16px;
font-size: 13px
}
}

.banner2-card.five .banner2-content-wrap .banner2-content .secondary-btn1::after {
background-color: var(--title-color)
}

.banner2-card.five .banner2-content-wrap .banner2-content .secondary-btn1:hover {
color: var(--white-color)
}

.banner2-card.six {
height: 100%
}

.banner2-card.six img {
height: 100%;
border-radius: 10px
}

.banner2-card.six::before {
display: none
}

.banner2-card.six::after {
display: none
}

.banner2-card.six .banner2-content-wrap {
background-image: url(../img/home3/vector/banner2-content-bg1.svg);
border-radius: 0 0 10px 10px
}

@media(max-width: 767px) {
.banner2-card.six .banner2-content-wrap {
padding: 50px 20px 20px
}
}

@media(max-width: 576px) {
.banner2-card.six .banner2-content-wrap {
padding: 30px 20px 15px
}
}

.banner2-card.six .banner2-content-wrap .banner2-content {
max-width: 435px;
width: 100%;
margin: 0 auto
}

.banner2-card.six .banner2-content-wrap .banner2-content h3 {
color: var(--white-color);
line-height: 1.2
}

@media(max-width: 576px) {
.banner2-card.six .banner2-content-wrap .banner2-content h3 {
font-size: 26px
}
}

.banner2-card.six .banner2-content-wrap .banner2-content h3 span {
font-size: 45px;
color: var(--title-color)
}

@media(max-width: 576px) {
.banner2-card.six .banner2-content-wrap .banner2-content h3 span {
font-size: 35px
}
}

.banner2-card.six .banner2-content-wrap .banner2-content p {
font-size: 14px;
font-weight: 400;
color: var(--title-color)
}

@media(max-width: 767px) {
.banner2-card.six .banner2-content-wrap .banner2-content p {
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.banner2-card.six .banner2-content-wrap .banner2-content p {
font-size: 13px;
margin-bottom: 5px
}
}

.banner2-card.six .banner2-content-wrap .banner2-content a {
color: var(--title-color);
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
white-space: nowrap
}

.banner2-card.six .banner2-content-wrap .banner2-content a svg {
fill: var(--title-color)
}

.tesimonial-card-wrapper .tesimonial-card {
padding: 35px 30px 25px;
border-radius: 10px;
border: 1px solid rgba(34, 34, 34, .1);
background: var(--white-color);
position: relative;
margin-bottom: 40px;
z-index: 1
}

@media(max-width: 1399px) {
.tesimonial-card-wrapper .tesimonial-card {
padding: 25px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.tesimonial-card-wrapper .tesimonial-card {
padding: 20px
}
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-content {
text-align: center;
margin-bottom: 30px
}

@media(max-width: 576px) {
.tesimonial-card-wrapper .tesimonial-card .testimonial-content {
margin-bottom: 20px
}
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-content p {
color: rgba(16, 12, 8, .7);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .54px;
margin-bottom: 0
}

@media(min-width: 1400px) and (max-width:1599px) {
.tesimonial-card-wrapper .tesimonial-card .testimonial-content p {
font-size: 17px
}
}

@media(max-width: 1399px) {
.tesimonial-card-wrapper .tesimonial-card .testimonial-content p {
font-size: 17px
}
}

@media(max-width: 991px) {
.tesimonial-card-wrapper .tesimonial-card .testimonial-content p {
font-size: 16px
}
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom {
display: flex;
align-items: center;
justify-content: space-between;
position: relative
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .rating-area .rating {
display: flex;
align-items: center;
gap: 5px
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .rating-area .rating li {
line-height: 1
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .rating-area .rating li i {
color: #ffc107
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .rating-area span {
font-family: var(--font-jost);
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: var(--title-color);
display: inline-flex;
align-items: center;
gap: 5px;
padding-top: 5px
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .rating-area.tripadvisor .rating li i {
color: #00aa6c;
font-size: 12px
}

@media(min-width: 992px) and (max-width:1199px) {
.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .quote {
position: absolute;
left: 50%;
transform: translateX(-50%)
}
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .quote svg {
fill: rgba(34, 34, 34, .03)
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .date-and-time p {
color: #222;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
margin-bottom: 2px
}

.tesimonial-card-wrapper .tesimonial-card .testimonial-bottom .date-and-time span {
color: rgba(34, 34, 34, .5);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1
}

.tesimonial-card-wrapper .tesimonial-card::before {
content: "";
position: absolute;
bottom: -28px;
left: 50%;
transform: translateX(-50%);
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
background-color: var(--white-color);
border-left: 1px solid rgba(34, 34, 34, .1);
border-right: 1px solid rgba(34, 34, 34, .1);
width: 23px;
height: 30px
}

.tesimonial-card-wrapper .author-area {
display: flex;
align-items: center;
justify-content: center;
gap: 15px
}

.tesimonial-card-wrapper .author-area .author-img {
width: 42px;
height: 42px;
border-radius: 50%
}

.tesimonial-card-wrapper .author-area .author-img img {
width: 42px;
height: 42px;
border-radius: 50%
}

.tesimonial-card-wrapper .author-area .author-content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 23px;
font-weight: 600;
line-height: 1;
margin-bottom: 0
}

.tesimonial-card-wrapper .author-area .author-content span {
color: rgba(34, 34, 34, .5);
font-family: var(--font-jost);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: .32px
}

.tesimonial-card-wrapper.style-2 {
padding: 0 105px
}

@media(min-width: 1400px) and (max-width:1599px) {
.tesimonial-card-wrapper.style-2 {
padding: 0 80px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.tesimonial-card-wrapper.style-2 {
padding: 0 45px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.tesimonial-card-wrapper.style-2 {
padding: 0 35px
}
}

@media(max-width: 991px) {
.tesimonial-card-wrapper.style-2 {
padding: 0 50px
}
}

@media(max-width: 767px) {
.tesimonial-card-wrapper.style-2 {
padding: 0
}
}

.tesimonial-card-wrapper.style-2 .tesimonial-card {
padding: 55px 50px;
border-bottom: 3px solid var(--primary-color1)
}

@media(min-width: 1400px) and (max-width:1599px) {
.tesimonial-card-wrapper.style-2 .tesimonial-card {
padding: 55px 45px
}
}

@media(max-width: 1399px) {
.tesimonial-card-wrapper.style-2 .tesimonial-card {
padding: 50px 35px
}
}

@media(max-width: 767px) {
.tesimonial-card-wrapper.style-2 .tesimonial-card {
padding: 40px 25px
}
}

@media(max-width: 576px) {
.tesimonial-card-wrapper.style-2 .tesimonial-card {
padding: 25px
}
}

.tesimonial-card-wrapper.style-2 .tesimonial-card .testimonial-content p {
font-size: 24px
}

@media(max-width: 1199px) {
.tesimonial-card-wrapper.style-2 .tesimonial-card .testimonial-content p {
font-size: 20px
}
}

@media(max-width: 576px) {
.tesimonial-card-wrapper.style-2 .tesimonial-card .testimonial-content p {
font-size: 16px
}
}

.tesimonial-card-wrapper.style-2 .tesimonial-card .testimonial-bottom {
justify-content: center
}

.tesimonial-card-wrapper.style-2 .tesimonial-card::before {
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
width: 33px;
height: 23px;
bottom: -22px
}

.tesimonial-card-wrapper.style-2 .tesimonial-card::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../img/home2/vector/testimonial-card-bg.svg);
background-size: cover;
background-repeat: no-repeat;
z-index: -1
}

.tesimonial-card-wrapper.style-2 .tesimonial-card .quote {
position: absolute;
bottom: 20px;
right: 20px
}

.tesimonial-card-wrapper.style-2 .author-area .author-content h5 {
color: var(--white-color)
}

.tesimonial-card-wrapper.style-2 .author-area .author-content span {
color: rgba(255, 255, 255, .5)
}

.testimonial-section {
background-color: #f3eeea;
padding: 110px 0
}

@media(min-width: 992px) and (max-width:1199px) {
.testimonial-section {
padding: 90px 0
}
}

@media(max-width: 991px) {
.testimonial-section {
padding: 80px 0
}
}

.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills {
background-color: var(--white-color);
border-radius: 10px;
margin-bottom: 50px
}

@media(max-width: 576px) {
.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills {
justify-content: center;
margin-bottom: 30px
}
}

.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills .nav-item {
padding: 0 22px
}

.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills .nav-item .nav-link {
background-color: transparent;
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: .28px;
padding: 10px 0;
height: 44px;
position: relative;
cursor: pointer
}

.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills .nav-item .nav-link .icon {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #878583;
display: flex;
align-items: center;
justify-content: center
}

.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills .nav-item .nav-link.active {
color: var(--primary-color1)
}

.testimonial-section .testimonial-wrapper .testimonial-nav-area .nav-pills .nav-item .nav-link.active::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--primary-color1)
}

.testimonial-section .testimonial-wrapper .testimonial-card-slider-area {
padding: 0 12.5%;
position: relative
}

@media(max-width: 1699px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area {
padding: 0 7%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area {
padding: 0 2.5%
}
}

@media(max-width: 1399px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area {
padding: 0 2.5%
}
}

@media(max-width: 1199px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area {
padding: 0 2%
}
}

.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 {
display: block
}

.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-prev {
position: absolute;
top: 30%;
left: 105px;
z-index: 1
}

@media(max-width: 1699px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-prev {
left: 50px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-prev {
left: 5px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-prev {
left: 25px
}
}

@media(max-width: 1199px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-prev {
left: 15px
}
}

@media(max-width: 767px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-prev {
display: none
}
}

.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-next {
position: absolute;
top: 30%;
right: 105px;
z-index: 1
}

@media(max-width: 1699px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-next {
right: 50px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-next {
right: 5px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-next {
right: 25px
}
}

@media(max-width: 1199px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-next {
right: 15px
}
}

@media(max-width: 767px) {
.testimonial-section .testimonial-wrapper .testimonial-card-slider-area .slider-btn-grp2 .testimonial-card-tab-next {
display: none
}
}

.blog-card {
border-radius: 5px;
background: #fff;
box-shadow: 0 0 35px 0 rgba(0, 0, 0, .08);
transition: all .5s ease-out
}

.blog-card .blog-card-img-wrap {
position: relative;
overflow: hidden;
transition: all .5s ease-out
}

@media(max-width: 767px) {
.blog-card .blog-card-img-wrap {
width: 100%
}
}

.blog-card .blog-card-img-wrap .card-img {
overflow: hidden;
display: block;
position: relative;
border-radius: 5px 5px 0 0;
transition: all .5s ease-out;
height: 300px;
}

.blog-card .blog-card-img-wrap .card-img img {
border-radius: 5px 5px 0 0;
transition: all .5s ease-out
}

@media(max-width: 991px) {
.blog-card .blog-card-img-wrap .card-img img {
width: 100%
}
}

.blog-card .blog-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1
}

.blog-card .blog-card-img-wrap .date {
position: absolute;
top: 13px;
left: 13px;
text-align: center;
width: 65px;
height: 65px;
border-radius: 50%;
background: rgba(16, 12, 8, .4);
-webkit-backdrop-filter: blur(1.7px);
backdrop-filter: blur(1.7px);
transition: .5s;
z-index: 9
}

.blog-card .blog-card-img-wrap .date span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 11px;
font-weight: 500;
line-height: 1;
letter-spacing: .22px;
text-transform: capitalize;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .5s
}

.blog-card .blog-card-img-wrap .date span strong {
font-size: 17px;
font-weight: 600
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card .blog-card-img-wrap .date {
top: 5px;
left: 5px;
width: 60px;
height: 60px
}

.blog-card .blog-card-img-wrap .date span {
font-size: 10px
}

.blog-card .blog-card-img-wrap .date span strong {
font-size: 16px
}
}

@media(max-width: 576px) {
.blog-card .blog-card-img-wrap .date {
top: 5px;
left: 5px;
width: 60px;
height: 60px
}

.blog-card .blog-card-img-wrap .date span {
font-size: 10px
}

.blog-card .blog-card-img-wrap .date span strong {
font-size: 16px
}
}

.blog-card .blog-card-content {
padding: 30px 20px
}

@media(max-width: 767px) {
.blog-card .blog-card-content {
padding: 20px
}
}

.blog-card .blog-card-content .blog-card-content-top>ul {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card .blog-card-content .blog-card-content-top>ul {
margin-bottom: 15px
}
}

@media(max-width: 576px) {
.blog-card .blog-card-content .blog-card-content-top>ul {
gap: 15px
}
}

.blog-card .blog-card-content .blog-card-content-top>ul li {
position: relative;
color: rgba(16, 12, 8, .5);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 500;
line-height: 1;
letter-spacing: .26px;
text-transform: capitalize
}

.blog-card .blog-card-content .blog-card-content-top>ul li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -18px;
background-color: #034ea2;
width: 5px;
height: 5px;
border-radius: 50%
}

@media(max-width: 576px) {
.blog-card .blog-card-content .blog-card-content-top>ul li::before {
left: -10px
}
}

.blog-card .blog-card-content .blog-card-content-top>ul li:first-child::before {
display: none
}

.blog-card .blog-card-content .blog-card-content-top>ul li a {
color: rgba(16, 12, 8, .5);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 500;
line-height: 1;
letter-spacing: .26px;
text-transform: capitalize;
text-decoration: underline;
transition: .5s
}

.blog-card .blog-card-content .blog-card-content-top>ul li a:hover {
color: var(--primary-color1)
}

.blog-card .blog-card-content .blog-card-content-top>ul li:nth-child(2) a {
text-decoration: none
}

.blog-card .blog-card-content .blog-card-content-top .blog-date {
display: flex;
align-items: center;
gap: 5px
}

.blog-card .blog-card-content .blog-card-content-top .blog-date svg {
fill: var(--title-color);
opacity: .5
}

.blog-card .blog-card-content .blog-card-content-top .blog-date a {
color: var(--text-color);
font-size: 13px;
font-weight: 400;
line-height: 1;
letter-spacing: .26px;
text-transform: capitalize;
transition: .5s
}

.blog-card .blog-card-content .blog-card-content-top .blog-date a:hover {
color: var(--primary-color1)
}

.blog-card .blog-card-content h5 {
margin-bottom: 25px
}

.blog-card .blog-card-content h5 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 23px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .23px;
text-transform: capitalize;
transition: .5s
}

@media(min-width: 1200px) and (max-width:1399px) {
.blog-card .blog-card-content h5 a {
font-size: 20px
}
}

@media(max-width: 1199px) {
.blog-card .blog-card-content h5 a {
font-size: 18px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card .blog-card-content h5 {
margin-bottom: 20px
}
}

.blog-card .blog-card-content h5:hover a {
color: var(--primary-color1)
}

.blog-card .blog-card-content .bottom-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px
}

.blog-card .blog-card-content .bottom-area>a {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1;
text-decoration-line: underline;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: .5s
}

.blog-card .blog-card-content .bottom-area>a>span {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}

.blog-card .blog-card-content .bottom-area>a>span svg {
stroke: var(--primary-color1);
transition: .5s
}

.blog-card .blog-card-content .bottom-area>a:hover {
color: var(--primary-color2)
}

.blog-card .blog-card-content .bottom-area>a:hover span {
border-color: var(--primary-color2)
}

.blog-card .blog-card-content .bottom-area>a:hover span svg {
transform: rotate(28deg);
stroke: var(--primary-color2)
}

.blog-card .blog-card-content .bottom-area .social-list {
display: flex;
align-items: center;
gap: 30px
}

.blog-card .blog-card-content .bottom-area .social-list li {
position: relative;
transition: .5s
}

.blog-card .blog-card-content .bottom-area .social-list li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -17px;
background: rgba(16, 12, 8, .2);
width: 3px;
height: 3px;
border-radius: 50%
}

.blog-card .blog-card-content .bottom-area .social-list li:first-child::before {
display: none
}

.blog-card .blog-card-content .bottom-area .social-list li a {
color: rgba(16, 12, 8, .5);
transition: .5s
}

.blog-card .blog-card-content .bottom-area .social-list li a i {
font-size: 16px
}

.blog-card .blog-card-content .bottom-area .social-list li:hover a {
color: var(--primary-color2)
}

.blog-card .blog-card-content .bottom-area>span {
color: rgba(16, 12, 8, .5);
font-family: var(--font-segoe-ui);
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: .24px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 5px
}

.blog-card .blog-card-content .bottom-area>span svg {
fill: rgba(16, 12, 8, .5)
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card .blog-card-content.two {
padding: 25px 15px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card .blog-card-content.two h5 a {
font-size: 17px
}
}

.blog-card:hover .blog-card-img-wrap .card-img img {
transform: scale(1.05)
}

.blog-card:hover .blog-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.blog-card:hover .blog-card-img-wrap .date {
background-color: var(--primary-color1)
}

.blog-card.two {
display: flex;
align-items: center
}

@media(max-width: 576px) {
.blog-card.two {
flex-direction: column
}
}

@media(max-width: 767px) {
.blog-card.two .blog-card-img-wrap {
width: unset
}
}

@media(max-width: 576px) {
.blog-card.two .blog-card-img-wrap {
width: 100%
}
}

.blog-card.two .blog-card-img-wrap .card-img {
border-radius: 5px 0 0 5px
}

.blog-card.two .blog-card-img-wrap .card-img img {
border-radius: 5px 0 0 5px;
min-width: 290px;
max-width: 290px;
-o-object-fit: cover;
object-fit: cover
}

@media(min-width: 1200px) and (max-width:1399px) {
.blog-card.two .blog-card-img-wrap .card-img img {
min-width: 255px;
max-width: 255px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.two .blog-card-img-wrap .card-img img {
min-width: 222px;
max-width: 222px
}
}

@media(max-width: 767px) {
.blog-card.two .blog-card-img-wrap .card-img img {
min-width: 240px;
max-width: 240px
}
}

@media(max-width: 576px) {
.blog-card.two .blog-card-img-wrap .card-img img {
min-width: unset;
max-width: unset;
width: 100%;
border-radius: unset
}
}

.blog-card.two .blog-card-content {
padding: 25px 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.two .blog-card-content {
padding: 15px 20px
}
}

@media(max-width: 767px) {
.blog-card.two .blog-card-content {
padding: 0 15px
}
}

@media(max-width: 576px) {
.blog-card.two .blog-card-content {
padding: 20px;
width: 100%
}
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.two .blog-card-content h5 a {
font-size: 17px
}
}

@media(max-width: 767px) {
.blog-card.two .blog-card-content h5 a {
font-size: 18px
}
}

.blog-card.style-2 {
background-color: unset;
box-shadow: none
}

.blog-card.style-2 .blog-card-img-wrap .date {
background-color: var(--primary-color1)
}

.blog-card.style-2 .blog-card-img-wrap .date span {
font-size: 12px
}

.blog-card.style-2 .blog-card-img-wrap .date span strong {
font-size: 22px
}

@media(max-width: 576px) {
.blog-card.style-2 .blog-card-img-wrap .date {
width: 60px;
height: 60px
}

.blog-card.style-2 .blog-card-img-wrap .date span {
font-size: 11px
}

.blog-card.style-2 .blog-card-img-wrap .date span strong {
font-size: 20px
}
}

.blog-card.style-2 .blog-card-content {
max-width: 500px;
width: 100%;
background-color: var(--white-color);
border-radius: 5px;
box-shadow: 0 0 35px 0 rgba(0, 0, 0, .08);
margin: 0 auto;
position: relative;
margin-top: -65px;
z-index: 9
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.style-2 .blog-card-content {
max-width: 400px
}
}

@media(min-width: 768px) and (max-width:991px) {
.blog-card.style-2 .blog-card-content {
max-width: 600px
}
}

@media(min-width: 576px) and (max-width:768px) {
.blog-card.style-2 .blog-card-content {
max-width: 450px
}
}

@media(max-width: 576px) {
.blog-card.style-2 .blog-card-content {
margin-top: 0;
max-width: unset;
border-radius: 0 0 5px 5px
}
}

.blog-card.style-2 .blog-card-content ul {
margin-bottom: 15px
}

.blog-card.style-2:hover .blog-card-img .date {
background-color: var(--primary-color2)
}

.blog-card.style-2:hover .blog-card-img .date span {
color: var(--title-color)
}

.blog-card.style-3 {
position: relative;
background-color: unset;
box-shadow: none;
height: 100%
}

.blog-card.style-3 .blog-card-img-wrap {
height: 100%
}

.blog-card.style-3 .blog-card-img-wrap .card-img {
position: relative;
display: block;
height: 100%
}

.blog-card.style-3 .blog-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(16, 12, 8, 0) 0%, #100C08 100%);
z-index: 1
}

.blog-card.style-3 .blog-card-img-wrap .card-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

.blog-card.style-3 .blog-card-img-wrap .date {
background-color: var(--primary-color1)
}

.blog-card.style-3 .blog-card-img-wrap .date span {
font-size: 12px
}

.blog-card.style-3 .blog-card-img-wrap .date span strong {
font-size: 22px
}

@media(max-width: 576px) {
.blog-card.style-3 .blog-card-img-wrap .date {
width: 60px;
height: 60px
}

.blog-card.style-3 .blog-card-img-wrap .date span {
font-size: 11px
}

.blog-card.style-3 .blog-card-img-wrap .date span strong {
font-size: 20px
}
}

.blog-card.style-3 .blog-card-content {
position: absolute;
bottom: 0;
left: 0;
padding: 40px 50px;
z-index: 2
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.style-3 .blog-card-content {
padding: 35px 25px
}
}

@media(max-width: 767px) {
.blog-card.style-3 .blog-card-content {
padding: 35px 25px
}
}

@media(max-width: 576px) {
.blog-card.style-3 .blog-card-content {
padding: 20px 15px
}
}

@media(max-width: 576px) {
.blog-card.style-3 .blog-card-content .blog-card-content-top ul {
margin-bottom: 10px
}
}

.blog-card.style-3 .blog-card-content .blog-card-content-top ul li {
color: rgba(255, 255, 255, .7);
transition: .5s
}

.blog-card.style-3 .blog-card-content .blog-card-content-top ul li a {
color: rgba(255, 255, 255, .7)
}

.blog-card.style-3 .blog-card-content .blog-card-content-top ul li::before {
background-color: var(--white-color);
transition: .5s
}

.blog-card.style-3 .blog-card-content .blog-card-content-top ul li:hover a {
color: var(--primary-color2)
}

.blog-card.style-3 .blog-card-content .blog-card-content-top ul li:hover::before {
background-color: var(--primary-color2)
}

.blog-card.style-3 .blog-card-content h5 {
margin-bottom: 0
}

.blog-card.style-3 .blog-card-content h5 a {
color: var(--white-color);
font-size: 23px
}

@media(max-width: 767px) {
.blog-card.style-3 .blog-card-content h5 a {
font-size: 20px
}
}

@media(max-width: 576px) {
.blog-card.style-3 .blog-card-content h5 a {
font-size: 17px
}
}

.blog-card.style-3 .blog-card-content h5:hover a {
color: var(--primary-color2)
}

.blog-card.style-3:hover .blog-card-img-wrap .date {
background-color: var(--primary-color2)
}

.blog-card.style-3:hover .blog-card-img-wrap .date span {
color: var(--title-color)
}

.blog-card.style-4 {
box-shadow: unset;
border-radius: unset;
border: 1px solid rgba(16, 12, 8, .08);
height: 100%
}

.blog-card.style-4 .blog-card-img img {
border-radius: unset
}

.blog-card.style-4 .blog-card-content {
padding: 30px 35px
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.style-4 .blog-card-content {
padding: 25px
}
}

@media(max-width: 576px) {
.blog-card.style-4 .blog-card-content {
padding: 20px 15px
}
}

.blog-card.style-4 .blog-card-content .blog-card-content-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
padding: 14px 0;
border-top: 1px solid rgba(16, 12, 8, .1);
border-bottom: 1px solid rgba(16, 12, 8, .1);
position: relative
}

@media(max-width: 576px) {
.blog-card.style-4 .blog-card-content .blog-card-content-top {
margin-bottom: 10px
}
}

.blog-card.style-4 .blog-card-content .blog-card-content-top ul {
margin-bottom: 0
}

.blog-card.style-4 .blog-card-content .blog-card-content-top::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: rgba(16, 12, 8, .1);
width: 1px;
height: 100%
}

@media(max-width: 576px) {
.blog-card.style-4 .blog-card-content .blog-card-content-top::before {
display: none
}
}

.blog-card.style-4 .blog-card-content h5 a {
font-size: 23px
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.style-4 .blog-card-content h5 a {
font-size: 20px
}
}

@media(max-width: 576px) {
.blog-card.style-4 .blog-card-content h5 a {
font-size: 17px
}
}

.blog-card.style-5 {
position: relative;
background-color: unset;
box-shadow: none;
height: 100%
}

.blog-card.style-5 .blog-card-img-wrap {
height: 100%
}

.blog-card.style-5 .blog-card-img-wrap .card-img {
position: relative;
display: block;
height: 100%;
border-radius: 5px
}

.blog-card.style-5 .blog-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(16, 12, 8, 0) 0%, #100C08 100%);
border-radius: 5px;
z-index: 1
}

.blog-card.style-5 .blog-card-img-wrap .card-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px
}

.blog-card.style-5 .blog-card-content {
position: absolute;
bottom: 0;
left: 0;
padding: 40px 30px;
z-index: 2
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-card.style-5 .blog-card-content {
padding: 35px 20px
}
}

@media(max-width: 767px) {
.blog-card.style-5 .blog-card-content {
padding: 35px 25px
}
}

@media(max-width: 576px) {
.blog-card.style-5 .blog-card-content {
padding: 20px 15px
}
}

@media(max-width: 576px) {
.blog-card.style-5 .blog-card-content .blog-card-content-top ul {
margin-bottom: 10px
}
}

.blog-card.style-5 .blog-card-content .blog-card-content-top ul li {
color: rgba(255, 255, 255, .7);
transition: .5s
}

.blog-card.style-5 .blog-card-content .blog-card-content-top ul li a {
color: rgba(255, 255, 255, .7)
}

.blog-card.style-5 .blog-card-content .blog-card-content-top ul li::before {
background-color: var(--white-color);
transition: .5s
}

.blog-card.style-5 .blog-card-content .blog-card-content-top ul li:hover a {
color: var(--primary-color2)
}

.blog-card.style-5 .blog-card-content .blog-card-content-top ul li:hover::before {
background-color: var(--primary-color2)
}

.blog-card.style-5 .blog-card-content h5 {
margin-bottom: 25px
}

.blog-card.style-5 .blog-card-content h5 a {
color: var(--white-color);
font-size: 23px
}

@media(max-width: 1199px) {
.blog-card.style-5 .blog-card-content h5 a {
font-size: 20px
}
}

@media(max-width: 576px) {
.blog-card.style-5 .blog-card-content h5 a {
font-size: 17px
}
}

.blog-card.style-5 .blog-card-content h5:hover a {
color: var(--primary-color2)
}

.blog-card.style-5 .blog-card-content .bottom-area .social-list li {
position: relative;
transition: .5s
}

.blog-card.style-5 .blog-card-content .bottom-area .social-list li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -17px;
background: rgba(255, 255, 255, .2);
width: 3px;
height: 3px;
border-radius: 50%
}

.blog-card.style-5 .blog-card-content .bottom-area .social-list li:first-child::before {
display: none
}

.blog-card.style-5 .blog-card-content .bottom-area .social-list li a {
color: rgba(255, 255, 255, .5);
transition: .5s
}

.blog-card.style-5 .blog-card-content .bottom-area .social-list li a i {
font-size: 16px
}

.blog-card.style-5 .blog-card-content .bottom-area .social-list li:hover a {
color: var(--primary-color2)
}

.blog-card.style-5:hover .blog-card-img .date {
background-color: var(--primary-color2)
}

.blog-card.style-5:hover .blog-card-img .date span {
color: var(--title-color)
}

.blog-card.style-6 {
box-shadow: unset
}

.blog-card.style-6 .blog-card-img-wrap .card-img {
z-index: 2
}

.blog-card.style-6 .blog-card-img-wrap .card-img img {
border-radius: unset;
transition: all .5s ease-out
}

.blog-card.style-6 .blog-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .2);
transition: all .5s ease-out;
z-index: 1
}

.blog-card.style-6 .blog-card-content {
padding: 25px 10px 0
}

.blog-card.style-6:hover .blog-card-img .card-img img {
transform: scale(1.05)
}

.blog-card.style-6:hover .blog-card-img .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.blog-card.style-6:hover .blog-card-img .date {
background-color: var(--primary-color1)
}

.blog-section {
position: relative
}

.blog-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(../img/home1/vector/section-bg-vector2.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
z-index: -1
}

.blog-section .section-vector1 {
position: absolute;
bottom: 0;
left: 0;
z-index: -1
}

.package-card2 {
border-radius: 10px;
position: relative
}

.package-card2>a {
display: block;
position: relative;
border-radius: 10px;
overflow: hidden
}

.package-card2>a img {
border-radius: 10px;
transition: .5s ease-out
}

.package-card2>a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .1);
border-radius: 10px;
z-index: 1
}

.package-card2 .eg-tag {
-webkit-mask-image: url(../img/home1/vector/package-card2-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: #034ea2;
padding: 24px 75px;
white-space: nowrap;
position: absolute;
bottom: 110px;
left: 50%;
transform: translateX(-50%);
z-index: 1
}

.package-card2 .eg-tag h4 {
margin-bottom: 0
}

.package-card2 .eg-tag h4 a {
color: var(--white-color);
font-family: var(--font-sansita);
font-size: 26px;
font-weight: 600;
line-height: 1;
letter-spacing: 1.2px;
margin-top: -5px;
display: block;
transition: .5s
}

.package-card2 .eg-tag h4 a:hover {
color: var(--title-color)
}

.package-card2 .package-card2-content {
background-image: url(../img/home1/package-card2-content-bg1.png);
background-repeat: no-repeat;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
border-radius: 0 0 10px 10px;
display: flex;
align-items: center;
padding: 18px 0;
transition: .5s
}

.package-card2 .package-card2-content .title {
padding: 0 20px;
text-align: center;
width: 50%
}

.package-card2 .package-card2-content .title h6 {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 22px;
letter-spacing: .17px;
text-transform: capitalize;
margin-bottom: 0
}

.package-card2 .package-card2-content .price-area {
padding: 0 20px;
text-align: center;
width: 50%
}

.package-card2 .package-card2-content .price-area span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
display: inline-block;
margin-bottom: 5px
}

.package-card2 .package-card2-content .price-area p {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 10px;
font-weight: 400;
line-height: 1;
letter-spacing: .2px;
text-transform: capitalize;
margin-bottom: 0
}

.package-card2 .package-card2-content::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, .4);
width: 1px;
height: 100%
}

.package-card2:hover a img {
transform: scale(1.1)
}

.package-card2:hover .package-card2-content {
background-image: url(../img/home1/package-card2-content-bg2.png)
}

.package-card2.style-2 .eg-tag {
background-color: var(--primary-color2)
}

.visa-section {
position: relative
}

.visa-section .section-vector2 {
position: absolute;
top: 0;
right: 0;
z-index: -1
}

.visa-section .slider-btn-grp2 {
gap: 40px
}

@media(max-width: 576px) {
.visa-section .slider-btn-grp2 {
gap: 30px
}
}

.banner3-section {
margin-bottom: -137px;
position: relative;
z-index: 1
}

@media(max-width: 991px) {
.banner3-section {
margin-bottom: -70px
}
}

.banner3-section .banner3-content {
background-image: url(../img/home1/newsletter-bg.png), linear-gradient(180deg, #f9f4f0 0%, #f9f4f0 100%);
padding: 86px 20px;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
border-radius: 30px;
position: relative;
z-index: 1
}

@media(max-width: 576px) {
.banner3-section .banner3-content {
padding: 50px 20px;
border-radius: 10px
}
}

.banner3-section .banner3-content h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 5px;
margin-top: -10px
}

@media(max-width: 767px) {
.banner3-section .banner3-content h2 {
font-size: 35px;
margin-top: 0
}
}

@media(max-width: 576px) {
.banner3-section .banner3-content h2 {
font-size: 28px
}
}

.banner3-section .banner3-content p {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .16px;
margin-bottom: 20px
}

@media(max-width: 576px) {
.banner3-section .banner3-content p {
font-size: 15px
}
}

.banner3-section .banner3-content .from-inner {
display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
width: 100%;
margin: 0 auto;
border: 1px solid;
border-color: var(--primary-color1);
border-radius: 10px
}

.banner3-section .banner3-content .from-inner input {
background: 0 0;
border: none;
outline: none;
color: var(--title-color);
font-size: 12px;
font-family: var(--font-rubik);
text-transform: capitalize;
width: 100%;
height: 48px;
padding: 10px 20px
}

.banner3-section .banner3-content .from-inner input::-moz-placeholder {
color: rgba(16, 12, 8, .4)
}

.banner3-section .banner3-content .from-inner input::placeholder {
color: rgba(16, 12, 8, .4)
}

.banner3-section .banner3-content .from-inner button {
background-color: #034ea2;
padding: 9px 16px;
border-radius: 0 10px 10px 0
}

.banner3-section .banner3-content .from-inner button svg {
stroke: var(--white-color)
}

.banner3-section .banner3-content .vector1 {
position: absolute;
top: 0;
left: 0;
border-radius: 30px 0 0 30px;
z-index: -1
}

@media(max-width: 991px) {
.banner3-section .banner3-content .vector1 {
opacity: .7
}
}

@media(max-width: 767px) {
.banner3-section .banner3-content .vector1 {
display: none
}
}

.banner3-section .banner3-content .vector2 {
position: absolute;
top: 0;
right: 0;
border-radius: 0 30px 30px 0;
z-index: -1
}

@media(max-width: 991px) {
.banner3-section .banner3-content .vector2 {
opacity: .7
}
}

@media(max-width: 767px) {
.banner3-section .banner3-content .vector2 {
display: none
}
}

.footer-section {
/* background-image: url(../img/footer-bg.png), linear-gradient(180deg, #198754 0%, #1d231f 100%); */
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
background: background-color: #45526e;
background-color: rgb(22 84 110);
}

.footer-section .footer-top {
padding-top: 18%;
padding-bottom: 95px
}

@media(max-width: 767px) {
.footer-section .footer-top {
padding-bottom: 70px
}
}

@media(max-width: 576px) {
.footer-section .footer-top {
padding-top: 35%
}
}

.footer-section .footer-top .footer-widget .footer-logo {
margin-bottom: 20px
}

.footer-section .footer-top .footer-widget h3 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.6;
text-transform: capitalize;
width: 100%;
margin-bottom: 25px
}

.footer-section .footer-top .footer-widget h3 span {
font-size: 25px;
font-weight: 400
}

@media(min-width: 992px) and (max-width:1199px) {
.footer-section .footer-top .footer-widget h3 {
font-size: 28px
}
}

.footer-section .footer-top .footer-widget .primary-btn1 {
padding: 15px 30px
}

.footer-section .footer-top .footer-widget .widget-title {
display: flex;
align-items: center;
gap: 7px;
margin-bottom: 20px
}

.footer-section .footer-top .footer-widget .widget-title svg {
fill: rgba(var(--primary-color2-opc), 0.8)
}

.footer-section .footer-top .footer-widget .widget-title h5 {
color: white;
font-family: 'Poppins';
font-size: 21px;
font-weight: 600;
line-height: 1;
letter-spacing: .66px;
margin-bottom: 0
}

.footer-section .footer-top .footer-widget .widget-title.two {
margin-bottom: 25px
}

.footer-section .footer-top .footer-widget .widget-title.two h5 {
font-size: 22px;
font-weight: 500;
line-height: 1.4
}

.footer-section .footer-top .footer-widget .widget-title.two h5 span {
color: var(--primary-color1)
}

@media(min-width: 992px) and (max-width:1199px) {
.footer-section .footer-top .footer-widget .widget-title.two h5 {
font-size: 20px
}
}

.footer-section .footer-top .footer-widget .widget-list {
margin: 0;
padding: 0;
list-style: none
}

.footer-section .footer-top .footer-widget .widget-list li {
margin-bottom: 10px;
transition: .5s
}

.footer-section .footer-top .footer-widget .widget-list li:last-child {
margin-bottom: 0
}

.footer-section .footer-top .footer-widget .widget-list li a {
color: white;
font-family: 'Poppins';
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .32px;
transition: .5s
}

.footer-section .footer-top .footer-widget .widget-list li:hover a {
color: var(--primary-color1)
}

.footer-section .footer-top .footer-widget .single-contact .widget-title {
margin-bottom: 9px;
}

.footer-section .footer-top .footer-widget .single-contact a {
color: white;
font-family: 'Poppins';
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: .48px;
transition: .5s
}

.footer-section .footer-top .footer-widget .single-contact a:hover {
color: var(--primary-color2)
}

.footer-section .footer-top .footer-widget p {
color: rgba(255, 255, 255, .5);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 35px
}

.footer-section .footer-top .footer-widget .app-store {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px
}

@media(min-width: 992px) and (max-width:1199px) {
.footer-section .footer-top .footer-widget .app-store {
flex-wrap: wrap
}
}

.footer-section .footer-top .footer-widget .form-inner {
display: flex;
align-items: center
}

.footer-section .footer-top .footer-widget .form-inner input {
width: 100%;
background: rgba(255, 255, 255, .8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 5px 0 0 5px;
font-family: var(--font-rubik);
font-weight: 400;
font-size: 13px;
color: var(--title-color);
height: 49px;
padding: 10px 18px
}

.footer-section .footer-top .footer-widget .form-inner input::-moz-placeholder {
color: rgba(16, 12, 8, .6)
}

.footer-section .footer-top .footer-widget .form-inner input::placeholder {
color: rgba(16, 12, 8, .6)
}

.footer-section .footer-top .footer-widget .form-inner button {
height: 49px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
border: none;
outline: none;
background-color: #034ea2;
border-radius: 0 5px 5px 0;
transition: .5s
}

.footer-section .footer-top .footer-widget .form-inner button svg {
fill: var(--white-color);
transition: .5s
}

.footer-section .footer-top .footer-widget .form-inner button:hover {
background-color: var(--primary-color2)
}

.footer-section .footer-top .footer-widget .form-inner button:hover svg {
fill: var(--title-color)
}

.footer-section .footer-top .footer-widget .payment-partner .icons ul {
display: flex;
align-items: center;
gap: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.footer-section .footer-top .footer-widget .payment-partner .icons ul {
flex-wrap: wrap;
gap: 20px
}
}

.footer-section .footer-top .footer-widget .payment-partner .icons ul li img {
border-radius: 4px
}

.footer-section .footer-bottom {
border-top: 1px solid white;
padding: 20px 0
}

.footer-section .footer-bottom p {
color: white;
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 300;
line-height: normal;
letter-spacing: .42px;
margin-bottom: 0
}

.footer-section .footer-bottom p a {
color: var(--white-color);
font-weight: 600;
text-decoration: underline;
transition: .5s
}

.footer-section .footer-bottom p a:hover {
color: var(--primary-color1)
}

@media(max-width: 576px) {
.footer-section .footer-bottom p {
text-align: center
}
}

.footer-section .footer-bottom .social-list {
display: flex;
align-items: center;
gap: 20px
}

.footer-section .footer-bottom .social-list li {
transition: .5s
}

.footer-section .footer-bottom .social-list li a {
color: white;
transition: .5s;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .5);
display: flex;
align-items: center;
justify-content: center
}

.footer-section .footer-bottom .social-list li a i {
font-size: 12px
}

.footer-section .footer-bottom .social-list li:hover a {
color: var(--white-color);
background-color: #034ea2;
border: 1px solid var(--primary-color1)
}

.footer-section .footer-bottom .footer-right ul {
display: flex;
align-items: center;
gap: 35px
}

.footer-section .footer-bottom .footer-right ul li {
position: relative
}

.footer-section .footer-bottom .footer-right ul li a {
color: rgba(255, 255, 255, .6);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500;
line-height: 1;
transition: .5s
}

.footer-section .footer-bottom .footer-right ul li a:hover {
color: var(--primary-color1)
}

.footer-section .footer-bottom .footer-right ul li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -19px;
background: rgba(255, 255, 255, .6);
width: 5px;
height: 5px;
border-radius: 50%
}

.footer-section .footer-bottom .footer-right ul li:first-child::before {
display: none
}

.footer-section.style-2 .footer-top {
padding: 59px 0;
}

@media(min-width: 992px) and (max-width:1199px) {
.footer-section.style-2 .footer-top {
padding: 100px 0
}
}

@media(max-width: 991px) {
.footer-section.style-2 .footer-top {
padding: 90px 0
}
}

@media(max-width: 767px) {
.footer-section.style-2 .footer-top {
padding: 70px 0
}
}

.footer-section.style-3 {
background-image: url(../img/footer-bg2.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%)
}

.footer-section.style-3 .footer-top {
padding-bottom: 105px
}

.footer-section.style-4 {
background-image: url(../img/footer-bg2.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
margin: 0 50px;
border-radius: 30px 30px 0 0
}

@media(min-width: 1400px) and (max-width:1599px) {
.footer-section.style-4 {
margin: 0 30px;
padding: 0 40px
}
}

@media(max-width: 1399px) {
.footer-section.style-4 {
margin: 0 20px;
padding: 0 30px
}
}

@media(max-width: 767px) {
.footer-section.style-4 {
margin: 0 10px;
padding: 0 20px
}
}

@media(max-width: 576px) {
.footer-section.style-4 {
margin: 0;
padding: 0
}
}

.footer-section.style-4 .footer-top {
padding: 110px 0
}

@media(max-width: 1399px) {
.footer-section.style-4 .footer-top {
padding: 90px 0
}
}

@media(max-width: 991px) {
.footer-section.style-4 .footer-top {
padding: 80px 0
}
}

@media(max-width: 767px) {
.footer-section.style-4 .footer-top {
padding: 60px 0
}
}

.home2-banner-area {
position: relative;
padding-bottom: 120px
}

@media(min-width: 992px) and (max-width:1199px) {
.home2-banner-area {
padding-bottom: 180px
}
}

@media(max-width: 991px) {
.home2-banner-area {
padding-bottom: 215px
}
}

@media(max-width: 767px) {
.home2-banner-area {
padding-bottom: 160px
}
}

@media(max-width: 576px) {
.home2-banner-area {
padding-bottom: 370px
}
}

.home2-banner-area .home2-banner-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
min-height: 900px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home2-banner-area .home2-banner-wrapper {
min-height: 835px
}
}

@media(max-width: 1399px) {
.home2-banner-area .home2-banner-wrapper {
min-height: 835px
}
}

@media(max-width: 991px) {
.home2-banner-area .home2-banner-wrapper {
min-height: 750px
}
}

.home2-banner-area .home2-banner-content-wrap {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
z-index: 1;
width: 100%
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content {
text-align: center;
padding: 240px 0 120px;
max-width: 860px;
width: 100%;
margin: 0 auto;
position: relative
}

@media(min-width: 1400px) and (max-width:1599px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content {
padding: 220px 0 70px
}
}

@media(max-width: 1399px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content {
padding: 220px 0 70px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content {
padding: 180px 0 70px
}
}

@media(max-width: 991px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content {
padding: 130px 0 50px
}
}

@media(max-width: 767px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content {
padding: 120px 0 30px
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .eg-tag {
-webkit-mask-image: url(../img/home2/vector/destination-tag-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 16px 45px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .eg-tag span {
display: inline-flex;
align-items: center;
gap: 10px;
color: #100c08;
font-family: var(--font-satisfy);
font-size: 23px;
font-weight: 400;
line-height: 1;
letter-spacing: .69px
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 80px;
font-weight: 700;
line-height: 1.1;
letter-spacing: 2px;
margin-bottom: 55px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
font-size: 70px
}
}

@media(max-width: 1399px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
font-size: 70px
}
}

@media(max-width: 1199px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
font-size: 55px
}
}

@media(max-width: 991px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
font-size: 45px
}
}

@media(max-width: 767px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
margin-bottom: 30px
}
}

@media(max-width: 576px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 {
font-size: 32px;
margin-bottom: 20px
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 span {
color: var(--primary-color1);
display: inline-block;
line-height: 1;
position: relative;
display: none
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: var(--primary-color1)
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content h1 span.text-in {
display: inline-block;
animation: flipInX .75s linear
}

@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0
}

40% {
transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in
}

60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1
}

80% {
transform: perspective(400px) rotateX(-5deg)
}

to {
transform: perspective(400px)
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom {
display: flex;
align-items: center;
justify-content: center;
text-align: start;
gap: 40px
}

@media(max-width: 576px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom {
flex-wrap: wrap;
gap: 20px
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area {
display: flex;
align-items: center;
gap: 20px;
background: rgba(21, 47, 0, .4);
border-radius: 125px;
border: 1px solid var(--primary-color1);
padding: 8px 20px
}

@media(max-width: 576px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area {
padding: 4px 15px
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .icon svg {
fill: var(--white-color)
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content {
position: relative;
line-height: 1
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(var(--primary-color1-opc), 0.2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%)
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content span {
font-family: var(--font-rubik);
text-align: start;
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--primary-color1);
margin-bottom: 5px;
display: inline-block
}

@media(max-width: 576px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content span {
font-size: 13px
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--white-color);
transition: .5s
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content h6 a:hover {
color: var(--primary-color1)
}

@media(max-width: 576px) {
.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .hotline-area .content h6 a {
font-size: 14px
}
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area {
display: flex;
align-items: center;
gap: 5px
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area .content .text-logo {
display: flex;
margin-bottom: 10px
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area .content .text-logo svg {
fill: var(--white-color)
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area .content .rating {
display: flex;
align-items: center;
gap: 10px;
line-height: 1
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area .content .rating ul {
display: flex;
align-items: center;
gap: 5px
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area .content .rating ul li i {
color: #00aa6c
}

.home2-banner-area .home2-banner-content-wrap .home2-banner-content .banner-content-bottom .rating-area .content .rating span {
color: var(--white-color)
}

.home2-banner-area .slider-btn-grp .home1-banner-prev {
position: absolute;
top: 50%;
left: 50px;
transform: translateY(-50%);
z-index: 99
}

@media(max-width: 991px) {
.home2-banner-area .slider-btn-grp .home1-banner-prev {
left: 15px
}
}

@media(max-width: 767px) {
.home2-banner-area .slider-btn-grp .home1-banner-prev {
display: none
}
}

.home2-banner-area .slider-btn-grp .home1-banner-next {
position: absolute;
top: 50%;
right: 50px;
transform: translateY(-50%);
z-index: 99
}

@media(max-width: 991px) {
.home2-banner-area .slider-btn-grp .home1-banner-next {
right: 15px
}
}

@media(max-width: 767px) {
.home2-banner-area .slider-btn-grp .home1-banner-next {
display: none
}
}

.destination-card2 {
position: relative;
display: block;
transition: .5s
}

.destination-card2 .destination-card-img {
position: relative;
display: block;
overflow: hidden;
border-radius: 10px;
transition: .5s;
color: white;
}

.destination-card2 .destination-card-img img {
border-radius: 10px;
transition: .5s;
width: 100%;
height: 400px;
}

@media(max-width: 576px) {
.destination-card2 .destination-card-img img {
width: 100%
}
}

.destination-card2 .destination-card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(16, 12, 8, 0) 0%, rgba(16, 12, 8, 0.8) 100%);
border-radius: 10px;
z-index: 1
}

.destination-card2 .batch {
position: absolute;
top: 15px;
right: 15px;
display: flex;
flex-direction: column;
gap: 8px
}

.destination-card2 .batch span {
color: white;
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
display: inline-flex;
background-color: var(--primary-color2);
border-radius: 3px;
padding: 5px 10px;
transition: .5s
}

.destination-card2 .destination-card2-content {
position: absolute;
bottom: 25px;
left: 25px;
line-height: 1;
z-index: 2
}

.destination-card2 .destination-card2-content span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: .28px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 5px
}

.destination-card2 .destination-card2-content h4 {
margin-bottom: 0;
line-height: 1.1
}

.destination-card2 .destination-card2-content h4 a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 28px;
font-weight: 500;
line-height: 1.1;
text-transform: capitalize;
transition: .5s
}

@media(max-width: 991px) {
.destination-card2 .destination-card2-content h4 a {
font-size: 25px
}
}

.destination-card2 .destination-card2-content h4:hover a {
color: var(--primary-color2)
}

.destination-card2:hover .destination-card-img img {
transform: scale(1.05)
}

.destination-card2:hover .batch span {
color: var(--white-color);
background-color: var(--primary-color1)
}

.destination-card2.style-2 .destination-card-img img {
border-radius: 5px
}

.destination-card2.style-2 .destination-card-img::before {
background: linear-gradient(180deg, rgba(16, 12, 8, 0) 0%, rgba(16, 12, 8, 0.63) 100%);
border-radius: 5px
}

.destination-card2.style-2 .destination-card2-content-wrap {
position: absolute;
text-align: center;
left: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 15px 20px 25px
}

.destination-card2.style-2 .destination-card2-content-wrap .destination-card2-content {
position: relative;
bottom: unset;
left: unset;
text-align: center
}

.destination-card2.style-2 .destination-card2-content-wrap .destination-card2-content span {
font-size: 15px
}

.destination-card2.style-2 .destination-card2-content-wrap .destination-card2-content h4 a {
font-size: 30px
}

@media(max-width: 1199px) {
.destination-card2.style-2 .destination-card2-content-wrap .destination-card2-content h4 a {
font-size: 28px
}
}

@media(max-width: 991px) {
.destination-card2.style-2 .destination-card2-content-wrap .destination-card2-content h4 a {
font-size: 25px
}
}

.destination-card2.style-2 .destination-card2-content-wrap .eg-batch {
display: inline-flex;
justify-content: center;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
transition: .5s ease-in-out
}

.destination-card2.style-2 .destination-card2-content-wrap .eg-batch .location {
border-radius: 38px;
border: 1px solid rgba(255, 255, 255, .3);
background: rgba(16, 12, 8, .2);
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
padding: 18px 25px
}

.destination-card2.style-2 .destination-card2-content-wrap .eg-batch .location .location-list {
display: flex;
align-items: center;
gap: 16px
}

.destination-card2.style-2 .destination-card2-content-wrap .eg-batch .location .location-list li {
position: relative;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase
}

.destination-card2.style-2 .destination-card2-content-wrap .eg-batch .location .location-list li::before {
content: "\f4fe";
font-family: bootstrap-icons;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -17px;
color: var(--white-color);
font-size: 17px
}

.destination-card2.style-2 .destination-card2-content-wrap .eg-batch .location .location-list li:first-child::before {
display: none
}

.destination-card2.style-2:hover .destination-card2-content-wrap .eg-batch {
opacity: 1;
transform: scaleY(1)
}

.slide-and-view-btn-grp {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}

@media(max-width: 576px) {
.slide-and-view-btn-grp {
flex-wrap: wrap
}
}

.slide-and-view-btn-grp .slider-btn-grp3 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%
}

@media(max-width: 576px) {
.slide-and-view-btn-grp .slider-btn-grp3 {
justify-content: center
}
}

.slide-and-view-btn-grp .slider-btn-grp3 .slider-btn {
cursor: pointer;
display: flex;
align-items: center;
gap: 10px
}

.slide-and-view-btn-grp .slider-btn-grp3 .slider-btn i {
color: var(--primary-color1);
line-height: 1;
transition: .5s
}

.slide-and-view-btn-grp .slider-btn-grp3 .slider-btn span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: underline;
text-transform: capitalize;
display: inline-block;
transition: .5s
}

.slide-and-view-btn-grp .slider-btn-grp3 .slider-btn:hover i {
color: var(--primary-color2)
}

.slide-and-view-btn-grp .slider-btn-grp3 .slider-btn:hover span {
color: var(--primary-color2)
}

.slide-and-view-btn-grp .slider-btn-grp3 .slider-btn.swiper-button-disabled {
opacity: .4
}

.slide-and-view-btn-grp .slider-btn-grp3.two {
max-width: 162px;
width: 100%
}

@media(max-width: 576px) {
.slide-and-view-btn-grp .slider-btn-grp3.two {
justify-content: space-between
}
}

@media(max-width: 576px) {
.slide-and-view-btn-grp.style-2 .slider-btn-grp3 .slider-btn {
display: none
}
}

.slide-and-view-btn-grp.style-2 .slider-btn-grp3 .slider-btn i {
color: var(--white-color)
}

.slide-and-view-btn-grp.style-2 .slider-btn-grp3 .slider-btn span {
color: var(--white-color)
}

.slide-and-view-btn-grp.style-2 .slider-btn-grp3 .slider-btn:hover i {
color: var(--primary-color2)
}

.slide-and-view-btn-grp.style-2 .slider-btn-grp3 .slider-btn:hover span {
color: var(--primary-color2)
}

.slide-and-view-btn-grp.style-3 {
border-top: 1px solid rgba(255, 255, 255, .1);
padding-top: 35px;
padding: 35px 70px 0
}

@media(min-width: 1200px) and (max-width:1399px) {
.slide-and-view-btn-grp.style-3 {
padding: 35px 40px 0
}
}

@media(min-width: 992px) and (max-width:1199px) {
.slide-and-view-btn-grp.style-3 {
padding: 30px 35px 0
}
}

@media(max-width: 991px) {
.slide-and-view-btn-grp.style-3 {
padding: 30px 40px 0
}
}

@media(max-width: 767px) {
.slide-and-view-btn-grp.style-3 {
padding: 30px 25px 0
}
}

@media(max-width: 576px) {
.slide-and-view-btn-grp.style-3 {
padding: 20px 15px 0
}
}

.slide-and-view-btn-grp.style-3 .slider-btn-grp3 {
justify-content: space-between
}

.destination-card2-slider-section .destination-card2-slider .swiper-slide:nth-child(even) {
margin-top: 20px
}

@media(max-width: 576px) {
.destination-card2-slider-section .destination-card2-slider .swiper-slide:nth-child(even) {
margin-top: 0
}
}

.package-card3 {
border-radius: 5px;
background-color: var(--white-color);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
position: relative;
overflow: hidden
}

.package-card3 .package-card-img {
position: relative;
display: block;
overflow: hidden;
border-radius: 5px 5px 0 0;
transition: all .5s ease-out
}

.package-card3 .package-card-img img {
border-radius: 5px 5px 0 0;
transition: all .5s ease-out
}

.package-card3 .package-card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 5px 5px 0 0;
z-index: 1
}

.package-card3 .package-card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1
}

.package-card3 .package-card-img .batch {
position: absolute;
top: 20px;
left: -38px;
transform: rotate(-50deg);
z-index: 1
}

.package-card3 .package-card-img .batch span {
color: var(--title-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px;
background-color: var(--primary-color2);
display: inline-flex;
justify-content: center;
align-items: center;
width: 140px;
padding: 6px 10px
}

.package-card3 .package-card-img .batch.two span {
color: var(--white-color);
background-color: var(--primary-color1)
}

.package-card3 .package-card-img .package-card-img-bottom {
border-radius: 0 0 10px 10px;
background-color: rgba(16, 12, 8, .6);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
padding: 15px 25px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3 .package-card-img .package-card-img-bottom {
padding: 15px 20px
}
}

.package-card3 .package-card-img .package-card-img-bottom ul {
display: flex;
align-items: center;
justify-content: space-between
}

.package-card3 .package-card-img .package-card-img-bottom ul li {
display: flex;
align-items: center;
gap: 5px;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.package-card3 .package-card-img .package-card-img-bottom ul li svg {
fill: var(--white-color)
}

.package-card3 .package-card-img .package-card-img-bottom ul li:last-child svg {
fill: none;
stroke: var(--white-color)
}

.package-card3 .location-area {
position: relative;
height: 18px;
overflow: hidden
}

.package-card3 .location-area .location-list {
position: absolute;
white-space: nowrap;
text-overflow: ellipsis;
transform: translateX(0);
transition: 6s;
display: flex;
align-items: center;
gap: 35px
}

.package-card3 .location-area .location-list li {
line-height: 1;
position: relative;
transition: .5s
}

.package-card3 .location-area .location-list li a {
color: #888;
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase;
transition: .5s
}

.package-card3 .location-area .location-list li::before {
content: "\f138";
font-family: bootstrap-icons;
color: #888;
position: absolute;
left: -25px;
top: 50%;
transform: translateY(-50%)
}

.package-card3 .location-area .location-list li:first-child::before {
display: none
}

.package-card3 .location-area .location-list li:hover a {
color: var(--primary-color1)
}

.package-card3 .location-area:hover .scrollTextAni {
transform: translateX(calc(200px - 100%))
}

.package-card3 .package-card-content .rating-area {
display: flex;
align-items: center;
gap: 8px;
line-height: 1;
margin-bottom: 15px
}

.package-card3 .package-card-content .rating-area .rating {
display: flex;
align-items: center;
gap: 4px
}

.package-card3 .package-card-content .rating-area .rating li {
line-height: 0
}

.package-card3 .package-card-content .rating-area .rating li i {
color: #ffc200;
font-size: 12px
}

.package-card3 .package-card-content .rating-area span {
color: #ababab;
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1
}

.package-card3 .package-card-content .card-content-top {
padding: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3 .package-card-content .card-content-top {
padding: 25px 15px
}
}

@media(max-width: 991px) {
.package-card3 .package-card-content .card-content-top {
padding: 25px 20px
}
}

@media(max-width: 576px) {
.package-card3 .package-card-content .card-content-top {
padding: 25px 15px
}
}

.package-card3 .package-card-content .card-content-top h5 {
margin-bottom: 15px;
transition: .5s
}

.package-card3 .package-card-content .card-content-top h5 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
line-height: 1.4;
text-transform: capitalize;
transition: .5s
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card3 .package-card-content .card-content-top h5 a {
font-size: 24px;
}
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3 .package-card-content .card-content-top h5 a {
font-size: 17px
}
}

@media(max-width: 991px) {
.package-card3 .package-card-content .card-content-top h5 a {
font-size: 20px
}
}

@media(max-width: 576px) {
.package-card3 .package-card-content .card-content-top h5 a {
font-size: 18px
}
}

.package-card3 .package-card-content .card-content-top h5:hover a {
color: var(--primary-color1)
}

@media(max-width: 576px) {
.package-card3 .package-card-content .card-content-top h5 {
margin-bottom: 10px
}
}

.package-card3 .package-card-content .card-content-top .feature-list {
display: flex;
align-items: center;
gap: 30px;
line-height: 1
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3 .package-card-content .card-content-top .feature-list {
gap: 10px
}
}

@media(max-width: 991px) {
.package-card3 .package-card-content .card-content-top .feature-list {
gap: 15px
}
}

.package-card3 .package-card-content .card-content-top .feature-list li {
color: rgba(16, 12, 8, .5);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.package-card3 .package-card-content .card-content-top .feature-list li svg {
fill: rgba(16, 12, 8, .5)
}

.package-card3 .package-card-content .card-content-top .feature-list li svg.with-stroke {
fill: none;
stroke: rgba(16, 12, 8, .5)
}

.package-card3 .package-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 20px 25px;
border-top: 1px solid rgba(34, 34, 34, .2)
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3 .package-card-content .card-content-bottom {
padding: 20px 15px
}
}

@media(max-width: 991px) {
.package-card3 .package-card-content .card-content-bottom {
padding: 20px
}
}

@media(max-width: 576px) {
.package-card3 .package-card-content .card-content-bottom {
padding: 20px 15px
}
}

.package-card3 .package-card-content .card-content-bottom .price-area {
line-height: 1
}

.package-card3 .package-card-content .card-content-bottom .price-area .title {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
line-height: 1;
letter-spacing: .26px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 5px
}

.package-card3 .package-card-content .card-content-bottom .price-area h6 {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 800;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3 .package-card-content .card-content-bottom .price-area h6 {
font-size: 20px
}
}

@media(max-width: 576px) {
.package-card3 .package-card-content .card-content-bottom .price-area h6 {
font-size: 22px
}
}

.package-card3 .package-card-content .card-content-bottom .price-area h6 sub {
font-size: 17px;
font-weight: 600;
bottom: 0
}

.package-card3 .package-card-content .card-content-bottom .price-area h6 del {
color: rgba(16, 12, 8, .5);
font-size: 16px;
font-weight: 500
}

.package-card3 .package-card-content .card-content-bottom .price-area span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 11px;
font-weight: 400;
line-height: 1;
letter-spacing: .22px;
text-transform: capitalize
}

.package-card3:hover .package-card-img img {
transform: scale(1.1)
}

.package-card3:hover .package-card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.package-card3.style-2 {
display: flex;
align-items: center
}

@media(max-width: 767px) {
.package-card3.style-2 {
flex-direction: column
}
}

.package-card3.style-2 .package-card-img {
position: relative
}

@media(max-width: 767px) {
.package-card3.style-2 .package-card-img {
width: 100%
}
}

.package-card3.style-2 .package-card-img img {
min-width: 325px;
max-width: 325px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 0 0 5px
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card3.style-2 .package-card-img img {
min-width: 278px;
max-width: 278px
}
}

@media(max-width: 767px) {
.package-card3.style-2 .package-card-img img {
min-width: unset;
max-width: unset;
width: 100%
}
}

.package-card3.style-2 .package-card-img .eg-tag {
-webkit-mask-image: url(../img/home2/vector/package-card3-img-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 6px 24px;
white-space: nowrap;
display: inline-flex;
position: absolute;
top: 12px;
left: 7px;
z-index: 1
}

.package-card3.style-2 .package-card-img .eg-tag span {
display: inline-flex;
align-items: center;
gap: 10px;
color: #100c08;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .69px
}

@media(max-width: 1199px) {
.package-card3.style-2 .package-card-content {
width: 100%
}
}

.package-card3.style-2 .package-card-content .card-content-top {
padding: 25px 30px
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card3.style-2 .package-card-content .card-content-top {
padding: 20px
}
}

@media(max-width: 991px) {
.package-card3.style-2 .package-card-content .card-content-top {
padding: 25px 20px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card3.style-2 .package-card-content .card-content-top .rating-area {
margin-bottom: 10px
}
}

@media(max-width: 576px) {
.package-card3.style-2 .package-card-content .card-content-top .rating-area {
margin-bottom: 10px
}
}

@media(max-width: 576px) {
.package-card3.style-2 .package-card-content .card-content-top h5 {
margin-bottom: 15px
}
}

@media(max-width: 1199px) {
.package-card3.style-2 .package-card-content .card-content-top h5 a {
font-size: 26px
}
}

@media(max-width: 991px) {
.package-card3.style-2 .package-card-content .card-content-top h5 a {
font-size: 22px
}
}

@media(max-width: 576px) {
.package-card3.style-2 .package-card-content .card-content-top h5 a {
font-size: 18px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card3.style-2 .package-card-content .card-content-top .feature-list {
gap: 20px
}
}

.package-card3.style-2 .package-card-content .card-content-bottom {
padding: 20px 30px
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card3.style-2 .package-card-content .card-content-bottom {
padding: 20px
}
}

@media(max-width: 991px) {
.package-card3.style-2 .package-card-content .card-content-bottom {
padding: 20px
}
}

.package-card3.style-3 {
border: 1px solid rgba(16, 12, 8, .08);
box-shadow: unset
}

.package-card3.style-3 .package-card-img {
margin: 5px 5px 0;
border-radius: 0 0 10px 10px
}

.package-card3.style-3 .package-card-img img {
border-radius: 0 0 10px 10px
}

@media(max-width: 767px) {
.package-card3.style-3 .package-card-img img {
width: 100%
}
}

.package-card3.style-3 .package-card-img::before {
background: rgba(16, 12, 8, .3);
border-radius: 0 0 10px 10px;
z-index: 1
}

.package-card3.style-3 .package-card-img .eg-batch {
position: absolute;
top: 10px;
left: -5px;
z-index: 1
}

.package-card3.style-3 .package-card-img .eg-batch span {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .45px;
-webkit-mask-image: url(../img/home3/vector/eg-batch-orange-vector.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 9px 46px 9px 26px;
white-space: nowrap
}

.package-card3.style-3 .package-card-img .eg-batch.green span {
background-color: #034ea2;
color: var(--white-color)
}

.package-card3.style-3 .package-card-content .card-content-top {
padding: 30px 20px
}

@media(max-width: 1199px) {
.package-card3.style-3 .package-card-content .card-content-top {
padding: 25px 15px
}
}

.package-card3.style-3 .package-card-content .card-content-bottom {
padding: 20px;
border-top: 1px solid rgba(16, 12, 8, .06)
}

.package-card3.style-3 .package-card-content .card-content-bottom .price-area {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 5px;
flex-wrap: wrap
}

.package-card3.style-3 .package-card-content .card-content-bottom .price-area span {
margin-bottom: 0;
color: var(--text-color)
}

.package-card3.style-3 .package-card-content .card-content-bottom .price-area h6 {
font-size: 20px;
font-weight: 700;
display: flex;
align-items: baseline;
gap: 3px
}

.package-card3.style-3 .package-card-content .card-content-bottom .price-area h6 del {
color: rgba(16, 12, 8, .5);
font-size: 16px;
font-weight: 500
}

.package-card3.style-3 .package-card-content .card-content-bottom .explore-btn {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
white-space: nowrap;
display: flex;
align-items: center;
gap: 7px;
transition: .5s
}

.package-card3.style-3 .package-card-content .card-content-bottom .explore-btn svg {
fill: var(--primary-color1);
transition: .5s
}

.package-card3.style-3 .package-card-content .card-content-bottom .explore-btn:hover {
color: var(--primary-color2)
}

.package-card3.style-3 .package-card-content .card-content-bottom .explore-btn:hover svg {
fill: var(--primary-color2)
}

.package-card3.style-4 {
border: 1px solid rgba(16, 12, 8, .08);
box-shadow: unset;
padding: 5px;
padding: 0;
transition: .5s
}

.package-card3.style-4 .package-card-img {
margin: 15px 15px 0
}

.package-card3.style-4 .package-card-img img {
border-radius: 5px
}

@media(max-width: 767px) {
.package-card3.style-4 .package-card-img img {
width: 100%
}
}

.package-card3.style-4 .package-card-img::before {
display: none
}

.package-card3.style-4 .package-card-img .batch {
position: absolute;
top: 0;
left: 0;
transform: rotate(0);
line-height: 1;
z-index: 1
}

.package-card3.style-4 .package-card-img .batch span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px;
background-color: #034ea2;
display: inline-flex;
justify-content: center;
align-items: center;
width: unset;
padding: 9px 14px;
text-transform: uppercase;
border-radius: 5px 0 0 0
}

.package-card3.style-4 .package-card-img .batch.yellow span {
background-color: var(--primary-color2);
color: var(--title-color)
}

.package-card3.style-4 .package-card-content .card-content-top {
padding: 25px
}

@media(max-width: 1199px) {
.package-card3.style-4 .package-card-content .card-content-top {
padding: 25px 15px
}
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 15px
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination {
display: flex;
align-items: center;
gap: 7px
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination svg {
fill: var(--primary-color1);
min-width: 16px;
max-width: 16px
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination .destination-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination .destination-list li {
position: relative;
line-height: 1;
padding-left: 14px
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination .destination-list li a {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination .destination-list li::before {
content: "\f4fe";
font-family: bootstrap-icons;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -5px;
color: var(--primary-color1);
font-size: 17px
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination .destination-list li:first-child {
padding-left: 0
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .destination .destination-list li:first-child::before {
display: none
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .date {
display: flex;
align-items: center;
gap: 7px;
white-space: nowrap
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .date svg {
fill: var(--primary-color1)
}

.package-card3.style-4 .package-card-content .card-content-top .destination-and-date-area .date span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.package-card3.style-4 .package-card-content .card-content-bottom {
padding: 15px 25px;
border-top: 1px solid rgba(16, 12, 8, .06)
}

.package-card3.style-4 .package-card-content .card-content-bottom .price-area .title {
font-size: 14px
}

.package-card3.style-4 .package-card-content .card-content-bottom .price-area h6 {
font-size: 20px;
font-weight: 800
}

.package-card3.style-4 .package-card-content .card-content-bottom .explore-btn {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
white-space: nowrap;
display: flex;
align-items: center;
gap: 7px;
transition: .5s
}

.package-card3.style-4 .package-card-content .card-content-bottom .explore-btn svg {
fill: var(--primary-color1);
transition: .5s
}

.package-card3.style-4 .package-card-content .card-content-bottom .explore-btn:hover {
color: var(--primary-color2)
}

.package-card3.style-4 .package-card-content .card-content-bottom .explore-btn:hover svg {
fill: var(--primary-color2)
}

.package-card3.style-4:hover {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
border-color: transparent
}

.package-card3.style-5 {
border: 1px solid transparent;
box-shadow: 0 0 25px 0 rgba(16, 12, 8, .08);
border-radius: 10px;
transition: .5s
}

.package-card3.style-5 .package-card-img {
margin: 15px 15px 0;
position: relative
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3.style-5 .package-card-img {
margin: 10px 10px 0
}
}

.package-card3.style-5 .package-card-img>a {
position: relative;
display: block;
overflow: hidden
}

.package-card3.style-5 .package-card-img>a img {
border-radius: 5px
}

@media(max-width: 767px) {
.package-card3.style-5 .package-card-img>a img {
width: 100%
}
}

.package-card3.style-5 .package-card-img>a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .3);
border-radius: 5px;
z-index: 1
}

.package-card3.style-5 .package-card-img>a::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1
}

.package-card3.style-5 .package-card-img::before {
display: none
}

.package-card3.style-5 .package-card-img::after {
display: none
}

.package-card3.style-5 .package-card-img .package-card-img-bottom {
border-radius: 0 0 5px 5px;
background: rgba(16, 12, 8, .35);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
padding: 15px 12px;
z-index: 2
}

.package-card3.style-5 .package-card-img .package-card-img-bottom .location-area {
height: 12px
}

.package-card3.style-5 .package-card-img .package-card-img-bottom .location-area .location-list li a {
color: var(--white-color)
}

.package-card3.style-5 .package-card-img .package-card-img-bottom .location-area .location-list li::before {
color: var(--white-color)
}

.package-card3.style-5 .package-card-img .package-card-img-bottom .location-area .location-list li:hover a {
color: var(--primary-color1)
}

.package-card3.style-5 .package-card-img .location {
background-color: var(--white-color);
border: 1px solid rgba(99, 171, 69, .5);
border-radius: 5px 0;
padding: 6px 10px;
display: flex;
align-items: center;
gap: 7px;
position: absolute;
top: 0;
left: 0;
z-index: 2
}

.package-card3.style-5 .package-card-img .location svg {
fill: var(--primary-color1)
}

.package-card3.style-5 .package-card-img .location .locations-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px
}

.package-card3.style-5 .package-card-img .location .locations-list li {
position: relative;
line-height: 1;
padding-left: 14px
}

.package-card3.style-5 .package-card-img .location .locations-list li a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase
}

.package-card3.style-5 .package-card-img .location .locations-list li::before {
content: "\f4fe";
font-family: bootstrap-icons;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -5px;
color: var(--title-color);
font-size: 17px
}

.package-card3.style-5 .package-card-img .location .locations-list li:first-child {
padding-left: 0
}

.package-card3.style-5 .package-card-img .location .locations-list li:first-child::before {
display: none
}

.package-card3.style-5 .package-card-content .card-content-top h5 {
margin-bottom: 0
}

.package-card3.style-5 .package-card-content .card-content-bottom {
border-top: 1px solid rgba(16, 12, 8, .1);
position: relative
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3.style-5 .package-card-content .card-content-bottom {
padding: 20px 10px
}
}

.package-card3.style-5 .package-card-content .card-content-bottom .price-area .title {
font-size: 14px
}

.package-card3.style-5 .package-card-content .card-content-bottom .price-area h6 {
font-size: 20px;
font-weight: 800
}

.package-card3.style-5 .package-card-content .card-content-bottom .date {
display: flex;
align-items: center;
gap: 5px;
transition: .5s
}

.package-card3.style-5 .package-card-content .card-content-bottom .date svg {
fill: rgba(16, 12, 8, .6)
}

.package-card3.style-5 .package-card-content .card-content-bottom .date span {
color: rgba(16, 12, 8, .6);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3.style-5 .package-card-content .card-content-bottom .date span {
font-size: 13px
}
}

.package-card3.style-5 .package-card-content .card-content-bottom .book-btn {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%) scaleY(0);
opacity: 0;
transform-origin: bottom;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card3.style-5 .package-card-content .card-content-bottom .book-btn {
right: 10px
}
}

.package-card3.style-5:hover {
border: 1px solid rgba(99, 171, 69, .3)
}

.package-card3.style-5:hover .package-card-img a::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.package-card3.style-5:hover .package-card-content .card-content-bottom .date {
opacity: 0
}

.package-card3.style-5:hover .package-card-content .card-content-bottom .book-btn {
transform: translateY(-50%) scaleY(1);
opacity: 1
}

.tour-pack-section {
background-image: url(../img/home2/tour-pack-section-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0
}

@media(min-width: 992px) and (max-width:1199px) {
.tour-pack-section {
padding: 90px 0
}
}

@media(max-width: 991px) {
.tour-pack-section {
padding: 80px 0
}
}

.home2-about-section {
position: relative
}

.home2-about-section::before {
content: "";
background-image: url(../img/home2/vector/home2-about-bg-vector.svg);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}

.home2-about-section .about-content .facility-card {
background-color: rgba(var(--primary-color1-opc), 0.1);
border-radius: 10px;
padding: 13px 22px;
display: flex;
align-items: center;
gap: 15px;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.home2-about-section .about-content .facility-card {
padding: 13px 10px
}
}

.home2-about-section .about-content .facility-card .icon {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: var(--white-color);
filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.05));
display: flex;
align-items: center;
justify-content: center
}

.home2-about-section .about-content .facility-card .content h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 17px;
font-weight: 500;
line-height: 22px;
letter-spacing: .34px;
text-transform: capitalize;
margin-bottom: 0;
transition: .5s
}

.home2-about-section .about-content .facility-card:hover {
background-color: var(--primary-color1)
}

.home2-about-section .about-content .facility-card:hover .content h6 {
color: var(--white-color)
}

.home2-about-section .about-content .facility-card.two {
background-color: rgba(var(--primary-color2-opc), 0.1)
}

.home2-about-section .about-content .facility-card.two:hover {
background-color: var(--primary-color2)
}

.home2-about-section .about-content .facility-card.two:hover .content h6 {
color: var(--title-color)
}

.home2-about-section .about-content .content-bottom-area {
display: flex;
align-items: center;
gap: 45px
}

@media(max-width: 576px) {
.home2-about-section .about-content .content-bottom-area {
flex-wrap: wrap;
gap: 20px
}
}

.home2-about-section .about-content .content-bottom-area .primary-btn1 {
padding: 16px 25px
}

.home2-about-section .about-content .content-bottom-area .video-area {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer
}

.home2-about-section .about-content .content-bottom-area .video-area .icon {
position: relative
}

.home2-about-section .about-content .content-bottom-area .video-area .icon .video-circle {
stroke: var(--title-color);
fill: none;
transition: .5s
}

.home2-about-section .about-content .content-bottom-area .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.home2-about-section .about-content .content-bottom-area .video-area .icon i {
color: var(--title-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.home2-about-section .about-content .content-bottom-area .video-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.home2-about-section .about-content .content-bottom-area .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

.home2-about-section .about-img-wrap {
position: relative
}

.home2-about-section .about-img-wrap .about-img {
/* -webkit-mask-image: url(../img/home2/home2-about-img-bg-vector.png); */
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
position: relative
}

.home2-about-section .about-img-wrap .about-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .3);
z-index: 1
}

@media(max-width: 991px) {
.home2-about-section .about-img-wrap {
display: none
}
}

.home2-about-section .about-img-wrap .experience {
position: absolute;
bottom: 10px;
right: 10px;
display: flex;
align-items: center;
gap: 8px;
background-color: #034ea2;
padding: 15px 12px;
max-width: 165px;
width: 100%;
border-radius: 10px
}

.home2-about-section .about-img-wrap .experience h3 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 700;
line-height: 1;
margin-bottom: 0
}

.home2-about-section .about-img-wrap .experience p {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0
}

.home2-about-section .about-img-wrap .vector {
position: absolute;
top: -60px;
right: 0;
z-index: -1
}

.tripadvisor-review {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
padding-top: 30px
}

@media(max-width: 991px) {
.tripadvisor-review {
padding-top: 20px
}
}

.tripadvisor-review>strong {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: var(--title-color)
}

.tripadvisor-review p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: var(--text-color);
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
text-align: center
}

.tripadvisor-review p strong {
font-weight: 600
}

.tripadvisor-review p a {
color: var(--text-color);
text-decoration: underline
}

.single-activity {
display: flex;
align-items: center;
gap: 20px
}

.single-activity .icon svg {
fill: var(--primary-color1)
}

.single-activity .content .number {
display: flex;
align-items: center;
font-family: var(--font-rubik);
font-weight: 700;
line-height: 1;
color: var(--title-color);
margin-bottom: 4px
}

.single-activity .content .number h5 {
font-size: 27px;
color: var(--title-color);
margin-bottom: 0;
line-height: 1
}

.single-activity .content .number span {
font-size: 27px;
display: inline-block;
line-height: 1
}

.single-activity .content p {
margin-bottom: 0;
color: var(--text-color);
line-height: 22px;
font-size: 16px;
font-weight: 400
}

.single-activity.two {
flex-direction: column;
align-items: center;
border-radius: 10px;
background: rgba(255, 255, 255, .15);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
padding: 20px;
transition: .5s
}

@media(min-width: 768px) and (max-width:991px) {
.single-activity.two {
padding: 15px 10px
}
}

.single-activity.two .icon {
margin-bottom: 20px
}

@media(min-width: 768px) and (max-width:991px) {
.single-activity.two .icon {
margin-bottom: 15px
}
}

.single-activity.two .content .number {
display: flex;
align-items: center;
font-family: var(--font-rubik);
font-weight: 700;
line-height: 1;
color: var(--white-color);
margin-bottom: 4px
}

.single-activity.two .content .number h5 {
font-size: 35px;
color: var(--white-color);
margin-bottom: 0;
line-height: 1
}

@media(min-width: 768px) and (max-width:991px) {
.single-activity.two .content .number h5 {
font-size: 28px
}
}

.single-activity.two .content .number span {
font-size: 35px;
display: inline-block;
line-height: 1
}

@media(min-width: 768px) and (max-width:991px) {
.single-activity.two .content .number span {
font-size: 28px
}
}

.single-activity.two .content p {
color: rgba(255, 255, 255, .6)
}

@media(min-width: 768px) and (max-width:991px) {
.single-activity.two .content p {
font-size: 14px
}
}

.single-activity.two:hover {
background: rgba(99, 171, 69, .2)
}

.activities-counter {
padding: 40px 0;
border-bottom: 1px solid rgba(16, 12, 8, .1);
border-top: 1px solid rgba(16, 12, 8, .1)
}

@media(max-width: 767px) {
.activities-counter {
padding: 25px 0
}
}

.activities-counter .single-activity {
display: flex;
align-items: center;
gap: 20px
}

.activities-counter .single-activity .icon svg {
fill: var(--primary-color1)
}

.activities-counter .single-activity .content .number {
display: flex;
align-items: center;
font-family: var(--font-rubik);
font-weight: 700;
line-height: 1;
color: var(--title-color);
margin-bottom: 4px
}

.activities-counter .single-activity .content .number h5 {
font-size: 27px;
margin-bottom: 0;
line-height: 1
}

.activities-counter .single-activity .content .number span {
font-size: 27px;
display: inline-block;
line-height: 1
}

.activities-counter .single-activity .content p {
margin-bottom: 0;
color: var(--text-color);
line-height: 22px;
font-size: 16px;
font-weight: 400
}

.activities-counter .divider {
position: relative
}

.activities-counter .divider::after {
content: "";
height: 41px;
width: 1px;
background-color: rgba(19, 20, 26, .16);
position: absolute;
right: 0;
top: 50%;
left: unset;
transform: translateY(-50%)
}

@media(max-width: 991px) {
.activities-counter .divider::after {
display: none;
visibility: hidden
}
}

.activities-counter.two {
padding: 30px 0
}

@media(min-width: 992px) and (max-width:1199px) {
.activities-counter.two {
padding: 20px 0
}
}

.activities-counter.two .single-activity {
gap: 10px
}

@media(min-width: 992px) and (max-width:1199px) {
.activities-counter.two .single-activity {
flex-direction: column
}
}

.activities-counter.two .single-activity .content .number {
font-weight: 600
}

@media(min-width: 992px) and (max-width:1199px) {
.activities-counter.two .single-activity .content .number {
justify-content: center
}
}

.activities-counter.two .single-activity .content .number h5 {
font-size: 22px
}

.activities-counter.two .single-activity .content .number span {
font-size: 22px
}

.activities-counter.two .divider {
position: relative
}

@media(max-width: 991px) {
.activities-counter.two .divider::after {
display: block;
visibility: inherit
}
}

@media(max-width: 767px) {
.activities-counter.two .divider::after {
display: none;
visibility: hidden
}
}

.slider-and-tab-section .activities-slider-group {
width: 100%;
height: 100%
}

.slider-and-tab-section .activities-slider-group li {
width: 100%;
height: 100%;
display: none;
visibility: hidden
}

.slider-and-tab-section .activities-slider-group li.active {
display: block;
visibility: visible
}

.slider-and-tab-section .slider-area {
position: relative;
height: 100%
}

.slider-and-tab-section .slider-area .activities-img-slider {
height: 100%
}

.slider-and-tab-section .slider-area .slide-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 100%
}

.slider-and-tab-section .slider-area .swiper-pagination5 {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: unset !important;
display: flex;
flex-direction: column;
z-index: 9;
bottom: unset;
gap: 15px
}

.slider-and-tab-section .slider-area .swiper-pagination5 .swiper-pagination-bullet {
height: 16px;
width: 16px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, .5);
opacity: 1;
position: relative
}

.slider-and-tab-section .slider-area .swiper-pagination5 .swiper-pagination-bullet::after {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: rgba(255, 255, 255, .5);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}

.slider-and-tab-section .slider-area .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--white-color)
}

.slider-and-tab-section .slider-area .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
background-color: var(--white-color)
}

.slider-and-tab-section .tab-area {
background-image: linear-gradient(180deg, #fffcea 0%, #fffcea 100%), url(../img/home2/activities-content-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 110px
}

@media(max-width: 1699px) {
.slider-and-tab-section .tab-area {
padding: 100px 80px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.slider-and-tab-section .tab-area {
padding: 70px 40px
}
}

@media(max-width: 1399px) {
.slider-and-tab-section .tab-area {
padding: 70px 20px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar {
padding-right: 35px
}

@media(max-width: 1699px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar {
padding-right: 20px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar {
padding-right: 0
}
}

@media(max-width: 1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar {
padding-right: 0
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills {
display: block
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item {
margin-bottom: 25px
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item:last-child {
margin-bottom: 0
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link {
background-color: var(--white-color);
border: 1px solid rgba(238, 238, 238, .6);
padding: 4px 5px;
display: flex;
align-items: center;
border-radius: 200px;
cursor: pointer
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link .icon {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ddeed6
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link .icon svg {
fill: var(--primary-color1)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .54px;
text-transform: capitalize;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0
}

@media(max-width: 1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link h6 {
font-size: 16px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color2)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link.active .icon {
background: rgba(16, 12, 8, .2)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link.active .icon svg {
fill: var(--white-color)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-sidebar .nav-pills .nav-item .nav-link.active h6 {
color: var(--white-color)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .6px;
margin-bottom: 20px
}

@media(min-width: 1400px) and (max-width:1599px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap h2 {
font-size: 28px
}
}

@media(max-width: 1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap h2 {
font-size: 26px;
margin-bottom: 15px
}
}

@media(max-width: 576px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap h2 {
font-size: 25px;
margin-bottom: 15px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .48px;
margin-bottom: 30px
}

@media(max-width: 1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap p {
font-size: 15px;
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap p {
font-size: 14px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 45px
}

@media(max-width: 1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap ul {
margin-bottom: 35px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap ul li svg {
fill: var(--primary-color1)
}

@media(min-width: 1200px) and (max-width:1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap ul li {
font-size: 18px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area {
display: flex;
align-items: center;
gap: 35px
}

@media(min-width: 1400px) and (max-width:1599px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area {
gap: 20px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area {
flex-wrap: wrap;
gap: 15px
}
}

@media(max-width: 576px) {
.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area {
flex-wrap: wrap;
gap: 20px
}
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .primary-btn1 {
padding: 16px 25px
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
cursor: pointer
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area .icon {
position: relative
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area .icon .video-circle {
stroke: var(--title-color);
fill: none;
transition: .5s
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area .icon i {
color: var(--title-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.slider-and-tab-section .tab-area .tab-content-area .tab-content-wrap .content-bottom-area .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

.banner4-card {
position: relative;
height: 100%
}

.banner4-card img {
border-radius: 10px;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 1199px) {
.banner4-card img {
width: 100%
}
}

.banner4-card .banner4-content-wrapper {
position: absolute;
top: 0;
left: 0;
background: linear-gradient(88deg, #4C7CED 1.75%, rgba(76, 124, 237, 0.97) 24.14%, rgba(76, 124, 237, 0.95) 41.61%, rgba(76, 124, 237, 0) 98.26%);
width: 100%;
height: 100%;
border-radius: 10px;
display: flex;
align-items: center
}

.banner4-card .banner4-content-wrapper .banner4-content {
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card .banner4-content-wrapper .banner4-content {
padding: 50px 40px
}
}

@media(max-width: 576px) {
.banner4-card .banner4-content-wrapper .banner4-content {
padding: 25px 15px
}
}

.banner4-card .banner4-content-wrapper .banner4-content span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 20px;
font-weight: 400;
line-height: 1;
display: inline-block;
margin-bottom: 15px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card .banner4-content-wrapper .banner4-content span {
font-size: 28px
}
}

@media(max-width: 576px) {
.banner4-card .banner4-content-wrapper .banner4-content span {
font-size: 16px;
margin-bottom: 10px
}
}

.banner4-card .banner4-content-wrapper .banner4-content h3 {
color: var(--primary-color2);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card .banner4-content-wrapper .banner4-content h3 {
font-size: 50px
}
}

@media(max-width: 576px) {
.banner4-card .banner4-content-wrapper .banner4-content h3 {
font-size: 28px;
margin-bottom: 5px
}
}

.banner4-card .banner4-content-wrapper .banner4-content .text {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 600;
line-height: 1.6;
display: block;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card .banner4-content-wrapper .banner4-content .text {
font-size: 22px
}
}

@media(max-width: 576px) {
.banner4-card .banner4-content-wrapper .banner4-content .text {
font-size: 16px;
margin-bottom: 10px
}
}

.banner4-card .banner4-content-wrapper .banner4-content .primary-btn1 {
padding: 11px 18px;
font-size: 14px;
font-weight: 500
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card .banner4-content-wrapper .banner4-content .primary-btn1 {
padding: 16px 34px;
font-size: 16px;
font-weight: 600
}
}

.banner4-card.two .banner4-content-wrapper {
background: linear-gradient(88deg, var(--primary-color2-opc) 1.58%, rgba(251, 176, 59, 0.97) 19.9%, rgba(251, 176, 59, 0.95) 34.2%, rgba(251, 176, 59, 0) 80.56%)
}

.banner4-card.two .banner4-content-wrapper .banner4-content h3 {
color: var(--title-color)
}

.banner4-card.three .banner4-content-wrapper {
background: linear-gradient(86deg, var(--primary-color1-opc) 2.77%, rgba(99, 171, 69, 0.97) 17.83%, rgba(99, 171, 69, 0.95) 29.59%, rgba(99, 171, 69, 0) 67.7%)
}

.banner4-card.three .banner4-content-wrapper .banner4-content .primary-btn1 {
background-color: var(--primary-color2);
color: var(--title-color)
}

@media(max-width: 576px) {
.banner4-card.four img {
min-height: 180px;
-o-object-fit: cover;
object-fit: cover
}
}

.banner4-card.four .banner4-content-wrapper {
background: linear-gradient(87deg, #BC6C25 2.1%, rgba(188, 108, 37, 0.97) 16.21%, rgba(188, 108, 37, 0.95) 27.22%, rgba(188, 108, 37, 0) 62.92%)
}

.banner4-card.four .banner4-content-wrapper .banner4-content {
padding: 50px 20px
}

@media(max-width: 576px) {
.banner4-card.four .banner4-content-wrapper .banner4-content {
padding: 25px 15px;
align-items: start
}
}

.banner4-card.four .banner4-content-wrapper .banner4-content span {
font-size: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card.four .banner4-content-wrapper .banner4-content span {
margin-bottom: 10px
}
}

@media(max-width: 576px) {
.banner4-card.four .banner4-content-wrapper .banner4-content span {
font-size: 16px;
margin-bottom: 10px
}
}

.banner4-card.four .banner4-content-wrapper .banner4-content h3 {
color: var(--title-color);
font-size: 35px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card.four .banner4-content-wrapper .banner4-content h3 {
margin-bottom: 5px
}
}

@media(max-width: 576px) {
.banner4-card.four .banner4-content-wrapper .banner4-content h3 {
font-size: 28px;
margin-bottom: 5px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner4-card.four .banner4-content-wrapper .banner4-content .text {
font-size: 18px;
margin-bottom: 15px
}
}

.banner4-card.four .banner4-content-wrapper .banner4-content .primary-btn1 {
padding: 11px 18px;
font-size: 14px;
font-weight: 500
}

@media(max-width: 576px) {
.banner4-card.four .banner4-content-wrapper .banner4-content .primary-btn1 {
padding: 9px 10px;
font-size: 13px
}
}

.home2-testimonial-section {
background-image: url(../img/home2/home2-testimonial-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 160px 0 160px 14%;
position: relative;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.home2-testimonial-section {
padding: 90px 0 90px 8%
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home2-testimonial-section {
padding: 90px 0 90px 4%
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home2-testimonial-section {
padding: 80px 0 80px 2%
}
}

@media(max-width: 991px) {
.home2-testimonial-section {
padding: 80px 50px
}
}

@media(max-width: 767px) {
.home2-testimonial-section {
padding: 80px 30px
}
}

@media(max-width: 576px) {
.home2-testimonial-section {
padding: 70px 10px
}
}

.home2-testimonial-section .testimonial-content-wrapper .section-title2 h2 {
color: var(--white-color);
line-height: 1.2
}

@media(min-width: 1200px) and (max-width:1399px) {
.home2-testimonial-section .testimonial-content-wrapper .section-title2 h2 {
font-size: 40px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home2-testimonial-section .testimonial-content-wrapper .section-title2 h2 {
font-size: 32px
}
}

@media(max-width: 576px) {
.home2-testimonial-section .testimonial-content-wrapper .section-title2 h2 {
font-size: 26px
}
}

.home2-testimonial-section .testimonial-content-wrapper .section-title2 p {
color: var(--white-color);
font-size: 16px;
font-weight: 300
}

@media(min-width: 992px) and (max-width:1199px) {
.home2-testimonial-section .testimonial-content-wrapper .section-title2 p {
padding-top: 25px
}
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap h6 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 400;
line-height: 1;
margin-bottom: 25px
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area {
display: flex;
align-items: center;
gap: 30px
}

@media(max-width: 576px) {
.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area {
flex-wrap: wrap;
gap: 20px
}
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating a {
background-color: #243123;
padding: 14px 23px;
border-radius: 10px;
display: block;
transition: .5s
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating a .icon {
margin-bottom: 5px;
line-height: 1
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating a .rating {
display: flex;
align-items: center;
gap: 7px;
line-height: 1
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating a .rating span {
font-size: 14px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--white-color)
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating a:hover {
background-color: #333122
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating:last-child a {
background-color: #333122
}

.home2-testimonial-section .testimonial-content-wrapper .review-wrap .rating-area .single-rating:last-child a:hover {
background-color: #243123
}

.home2-testimonial-section::after {
content: url(../img/home2/testi-section-vector.png);
position: absolute;
bottom: 0;
left: 0;
z-index: -1
}

@media(max-width: 991px) {
.home2-testimonial-section::after {
display: none
}
}

.teams-card {
position: relative;
border: 1px solid rgba(16, 12, 8, .1);
border-radius: 10px;
transition: .5s ease-in-out;
overflow: hidden
}

.teams-card>img {
border-radius: 10px;
width: 100%
}

@media(max-width: 767px) {
.teams-card>img {
max-height: 520px
}
}

.teams-card .teams-img {
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
transition: .5s ease-in-out
}

@media(max-width: 576px) {
.teams-card .teams-img {
top: 60px
}
}

.teams-card .teams-img img {
min-width: 200px;
height: 200px;
width: 100%;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
transition: .5s;
transition: .5s ease-in-out
}

@media(max-width: 767px) {
.teams-card .teams-img img {
max-height: 520px
}
}

@media(max-width: 576px) {
.teams-card .teams-img img {
min-width: 250px;
height: 250px
}
}

.teams-card .teams-content {
position: absolute;
bottom: 0;
background-color: var(--white-color);
text-align: center;
padding: 25px 20px;
border-radius: 10px;
width: 100%;
margin: 0 auto;
line-height: 1;
z-index: 1;
transition: .5s ease-in-out
}

@media(min-width: 768px) and (max-width:991px) {
.teams-card .teams-content {
max-width: 338px
}
}

@media(min-width: 576px) and (max-width:768px) {
.teams-card .teams-content {
max-width: 514px
}
}

@media(max-width: 576px) {
.teams-card .teams-content {
max-width: unset
}
}

.teams-card .teams-content h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 7px;
transition: .5s
}

@media(max-width: 767px) {
.teams-card .teams-content h4 {
font-size: 22px
}
}

.teams-card .teams-content span {
color: rgba(16, 12, 8, .5);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1;
display: inline-block;
transition: .5s
}

.teams-card .social-list {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: rgba(16, 12, 8, .2);
padding: 30px 12px 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
border-radius: 10px 0 0 10px;
opacity: 0;
transform: scaleX(0);
transform-origin: left;
transition: .5s ease-in-out
}

@media(min-width: 1200px) and (max-width:1399px) {
.teams-card .social-list {
gap: 30px
}
}

@media(max-width: 991px) {
.teams-card .social-list {
padding: 60px 12px 40px
}
}

@media(min-width: 576px) and (max-width:768px) {
.teams-card .social-list {
padding: 20px 12px 40px;
gap: 30px
}
}

.teams-card .social-list li {
position: relative;
line-height: 1;
transition: .5s
}

.teams-card .social-list li::before {
content: "";
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
background: rgba(255, 255, 255, .2);
width: 3px;
height: 3px;
border-radius: 50%
}

@media(min-width: 1200px) and (max-width:1399px) {
.teams-card .social-list li::before {
top: -15px
}
}

@media(min-width: 576px) and (max-width:768px) {
.teams-card .social-list li::before {
top: -15px
}
}

.teams-card .social-list li:first-child::before {
display: none
}

.teams-card .social-list li a i {
color: var(--white-color);
font-size: 22px;
transition: .5s
}

.teams-card .social-list li a svg {
fill: var(--white-color)
}

.teams-card .social-list li:hover a i {
color: var(--primary-color2)
}

.teams-card .social-list li:hover a svg {
fill: var(--primary-color2)
}

.teams-card:hover .teams-img {
top: 0;
width: 100%
}

.teams-card:hover .teams-img img {
min-width: unset;
height: unset;
border-radius: 10px
}

.teams-card:hover .teams-content {
background-color: #034ea2;
bottom: 0
}

.teams-card:hover .teams-content h4 {
color: var(--white-color)
}

.teams-card:hover .teams-content span {
color: rgba(255, 255, 255, .7)
}

.teams-card:hover .social-list {
opacity: 1;
transform: scaleX(1)
}

.teams-section .teams-card-slider {
padding: 10px;
margin: -10px
}

@media(max-width: 767px) {
.teams-section .slide-and-view-btn-grp {
display: none
}
}

.video-section {
position: relative;
max-height: 700px
}

@media(max-width: 1199px) {
.video-section {
max-height: 600px
}
}

@media(max-width: 576px) {
.video-section {
max-height: 450px
}
}

.video-section video {
width: 100%;
height: 700px;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 1199px) {
.video-section video {
height: 600px
}
}

@media(max-width: 576px) {
.video-section video {
height: 450px
}
}

.video-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .6)
}

.banner5-section {
position: relative;
margin-top: -140px
}

.banner5-section .slider-btn-grp2 {
display: block
}

@media(max-width: 991px) {
.banner5-section .slider-btn-grp2 {
display: none
}
}

.banner5-section .slider-btn-grp2 .slider-btn {
min-width: 30px;
max-width: 30px;
height: 30px;
border: 1px solid var(--white-color)
}

.banner5-section .slider-btn-grp2 .slider-btn svg {
fill: var(--white-color)
}

.banner5-section .slider-btn-grp2 .slider-btn:hover {
border: 1px solid rgba(255, 255, 255, .5)
}

.banner5-section .slider-btn-grp2 .slider-btn:hover svg {
fill: rgba(255, 255, 255, .5)
}

.banner5-section .slider-btn-grp2 .banner5-slider-prev {
position: absolute;
top: 75px;
left: 100px;
z-index: 1
}

@media(min-width: 1200px) and (max-width:1399px) {
.banner5-section .slider-btn-grp2 .banner5-slider-prev {
left: 50px
}
}

@media(max-width: 1199px) {
.banner5-section .slider-btn-grp2 .banner5-slider-prev {
left: 20px
}
}

.banner5-section .slider-btn-grp2 .banner5-slider-next {
position: absolute;
top: 75px;
right: 100px;
z-index: 1
}

@media(min-width: 1200px) and (max-width:1399px) {
.banner5-section .slider-btn-grp2 .banner5-slider-next {
right: 50px
}
}

@media(max-width: 1199px) {
.banner5-section .slider-btn-grp2 .banner5-slider-next {
right: 20px
}
}

.banner5-card {
background-image: url(../img/home2/banner5-card-bg.png), linear-gradient(180deg, white 0%, white 100%);
background-size: cover;
background-repeat: no-repeat;
max-width: 820px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
padding: 60px 50px;
border-radius: 30px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card {
max-width: 700px
}
}

@media(max-width: 991px) {
.banner5-card {
padding: 50px 30px
}
}

@media(max-width: 767px) {
.banner5-card {
flex-direction: column;
padding: 35px 25px;
border-radius: 20px
}
}

@media(max-width: 576px) {
.banner5-card {
padding: 20px 25px 35px
}
}

.banner5-card .banner5-content {
position: relative
}

@media(max-width: 767px) {
.banner5-card .banner5-content {
text-align: center;
margin-bottom: 10px
}
}

.banner5-card .banner5-content::before {
content: "";
position: absolute;
top: 50%;
right: -80px;
transform: translateY(-50%);
width: 1px;
height: 100%;
background: rgba(16, 12, 8, .1);
border-radius: 5px
}

@media(max-width: 991px) {
.banner5-card .banner5-content::before {
right: -50px
}
}

@media(max-width: 767px) {
.banner5-card .banner5-content::before {
display: none
}
}

.banner5-card .banner5-content span {
color: var(--primary-color2);
font-family: var(--font-satisfy);
font-size: 20px;
font-weight: 400;
line-height: 1;
display: inline-block;
margin-bottom: 15px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card .banner5-content span {
font-size: 28px
}
}

@media(max-width: 576px) {
.banner5-card .banner5-content span {
font-size: 16px;
margin-bottom: 10px
}
}

.banner5-card .banner5-content h3 {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 60px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card .banner5-content h3 {
font-size: 50px
}
}

@media(max-width: 991px) {
.banner5-card .banner5-content h3 {
font-size: 48px
}
}

@media(max-width: 576px) {
.banner5-card .banner5-content h3 {
font-size: 30px;
margin-bottom: 5px
}
}

.banner5-card .banner5-content a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
line-height: 1.6;
display: block;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card .banner5-content a {
font-size: 22px
}
}

@media(max-width: 991px) {
.banner5-card .banner5-content a {
font-size: 20px
}
}

@media(max-width: 576px) {
.banner5-card .banner5-content a {
font-size: 18px;
margin-bottom: 10px
}
}

.banner5-card .banner5-timer {
text-align: center
}

.banner5-card .banner5-timer h6 {
color: var(--title-color);
font-size: 18px;
font-family: var(--font-rubik);
font-weight: 500;
line-height: 1;
text-decoration-line: underline;
margin-bottom: 20px
}

@media(max-width: 576px) {
.banner5-card .banner5-timer h6 {
margin-bottom: 15px
}
}

.banner5-card .banner5-timer .countdown-timer ul {
display: flex;
align-items: center;
justify-content: center;
gap: 24px
}

@media(min-width: 1200px) and (max-width:1399px) {
.banner5-card .banner5-timer .countdown-timer ul {
gap: 15px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card .banner5-timer .countdown-timer ul {
gap: 12px
}
}

@media(max-width: 576px) {
.banner5-card .banner5-timer .countdown-timer ul {
gap: 12px
}
}

.banner5-card .banner5-timer .countdown-timer ul li {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card .banner5-timer .countdown-timer ul li {
font-size: 23px
}
}

@media(max-width: 576px) {
.banner5-card .banner5-timer .countdown-timer ul li {
font-size: 22px
}
}

.banner5-card .banner5-timer .countdown-timer ul li span {
color: rgba(34, 34, 34, .7);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1
}

.banner5-card .banner5-timer .countdown-timer ul li span:last-child {
display: none;
visibility: hidden
}

@media(min-width: 992px) and (max-width:1199px) {
.banner5-card .banner5-timer .countdown-timer ul li span {
font-size: 13px
}
}

.banner5-card .banner5-timer .countdown-timer ul svg {
fill: rgba(33, 33, 33, .15)
}

.banner5-card .primary-btn2 {
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%)
}

.banner6-section {
background-image: url(../img/home2/home2-newsletter-bg.png), linear-gradient(180deg, #202f59 0%, #202f59 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 0 8.5%;
position: relative;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.banner6-section {
padding: 0 5%
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.banner6-section {
padding: 0 2%
}
}

@media(min-width: 992px) and (max-width:1199px) {
.banner6-section {
padding: 0 20px
}
}

@media(max-width: 991px) {
.banner6-section {
padding: 50px 20px
}
}

.banner6-section .single-contact {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0
}

@media(max-width: 991px) {
.banner6-section .single-contact {
padding: 0
}
}

.banner6-section .single-contact .icon {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: var(--primary-color2);
box-shadow: 0 0 20px var(--primary-color2);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px
}

.banner6-section .single-contact .icon svg {
fill: var(--white-color)
}

@media(min-width: 992px) and (max-width:1199px) {
.banner6-section .single-contact .icon {
margin-bottom: 20px
}
}

.banner6-section .single-contact .content {
text-align: center
}

.banner6-section .single-contact .content span {
color: var(--primary-color2);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1;
display: block;
margin-bottom: 15px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner6-section .single-contact .content span {
font-size: 18px;
margin-bottom: 10px
}
}

.banner6-section .single-contact .content a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 700;
line-height: 1;
letter-spacing: .75px;
transition: .5s
}

@media(max-width: 1199px) {
.banner6-section .single-contact .content a {
font-size: 22px
}
}

.banner6-section .single-contact .content a:hover {
color: var(--primary-color2)
}

.banner6-section .single-contact.green .icon {
background-color: #034ea2;
box-shadow: 0 0 20px var(--primary-color1)
}

.banner6-section .single-contact.green .content span {
color: var(--primary-color1)
}

.banner6-section .single-contact.green a:hover {
color: var(--primary-color1)
}

.banner6-section .banner6-content {
padding: 75px 70px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, .2);
border-right: 1px solid rgba(255, 255, 255, .2)
}

@media(min-width: 992px) and (max-width:1199px) {
.banner6-section .banner6-content {
padding: 75px 30px
}
}

@media(max-width: 991px) {
.banner6-section .banner6-content {
border: unset;
padding: 0
}
}

.banner6-section .banner6-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 5px
}

@media(min-width: 992px) and (max-width:1199px) {
.banner6-section .banner6-content h2 {
font-size: 36px
}
}

@media(max-width: 576px) {
.banner6-section .banner6-content h2 {
font-size: 30px
}
}

.banner6-section .banner6-content p {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .16px;
margin-bottom: 20px
}

@media(max-width: 576px) {
.banner6-section .banner6-content p {
font-size: 15px
}
}

.banner6-section .banner6-content .from-inner {
display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
width: 100%;
margin: 0 auto;
border: 1px solid var(--primary-color1);
border-radius: 10px
}

.banner6-section .banner6-content .from-inner input {
background: 0 0;
border: none;
outline: none;
color: var(--white-color);
font-size: 12px;
font-family: var(--font-rubik);
width: 100%;
height: 48px;
padding: 10px 20px
}

.banner6-section .banner6-content .from-inner input::-moz-placeholder {
color: rgba(255, 255, 255, .4)
}

.banner6-section .banner6-content .from-inner input::placeholder {
color: rgba(255, 255, 255, .4)
}

.banner6-section .banner6-content .from-inner button {
background-color: #034ea2;
padding: 9px 16px;
border-radius: 0 10px 10px 0
}

.banner6-section .banner6-content .from-inner button svg {
stroke: var(--white-color)
}

.banner6-section .vector1 {
position: absolute;
top: 0;
left: 0;
z-index: -1
}

.banner6-section .vector2 {
position: absolute;
top: 0;
right: 0;
z-index: -1
}

.home3-banner-area {
position: relative;
overflow: hidden
}

.home3-banner-area .swiper-slide-active .eg-tag {
animation: zoomIn 2s
}

.home3-banner-area .swiper-slide-active h1,
.home3-banner-area .swiper-slide-active h2 {
animation: fadeInDown 1.7s
}

.home3-banner-area .swiper-slide-active p {
animation: fadeInUp 1.7s
}

.home3-banner-area .swiper-slide-active .banner-content-bottom {
animation: fadeInUp 1.7s
}

.home3-banner-area .home3-banner-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap {
width: 100%
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content {
text-align: center;
padding: 170px 0 230px;
max-width: 970px;
width: 100%;
margin: 0 auto;
position: relative
}

@media(min-width: 1400px) and (max-width:1599px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content {
padding: 160px 0 220px
}
}

@media(max-width: 1399px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content {
padding: 150px 0 200px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content {
padding: 120px 0 180px
}
}

@media(max-width: 991px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content {
padding: 90px 0 150px
}
}

@media(max-width: 767px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content {
padding: 80px 0 140px
}
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .eg-tag {
-webkit-mask-image: url(../img/home3/vector/destination-tag-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: #034ea2;
padding: 16px 45px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .eg-tag span {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 23px;
font-weight: 400;
line-height: 1;
letter-spacing: .69px
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 80px;
font-weight: 700;
line-height: 1.1;
letter-spacing: 2px;
margin-bottom: 55px
}

@media(min-width: 1400px) and (max-width:1599px) {

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
font-size: 70px
}
}

@media(max-width: 1399px) {

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
font-size: 60px
}
}

@media(max-width: 1199px) {

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
font-size: 55px
}
}

@media(max-width: 991px) {

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
font-size: 45px
}
}

@media(max-width: 767px) {

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
margin-bottom: 30px;
font-size: 40px
}
}

@media(max-width: 576px) {

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 {
font-size: 35px;
margin-bottom: 20px
}
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h1 span,
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content h2 span {
color: var(--primary-color1);
line-height: 1
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom {
display: flex;
align-items: center;
justify-content: center;
text-align: start;
gap: 40px
}

@media(max-width: 576px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom {
flex-wrap: wrap;
gap: 20px
}
}

@media(max-width: 767px) {
.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .primary-btn4 span {
padding: 15px 30px;
font-size: 16px
}
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area .icon {
position: relative
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area .icon .video-circle {
stroke: var(--white-color);
fill: none;
transition: .5s
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area .icon i {
color: var(--white-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area h6 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.home3-banner-area .home3-banner-wrapper .home3-banner-content-wrap .home3-banner-content .banner-content-bottom .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

.home3-banner-area .social-list {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
z-index: 1
}

@media(min-width: 992px) and (max-width:1199px) {
.home3-banner-area .social-list {
left: 20px
}
}

@media(max-width: 991px) {
.home3-banner-area .social-list {
display: none
}
}

.home3-banner-area .social-list li {
position: relative;
line-height: 1;
transition: .5s
}

.home3-banner-area .social-list li::before {
content: "";
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
background: rgba(255, 255, 255, .2);
width: 3px;
height: 3px;
border-radius: 50%
}

@media(min-width: 1200px) and (max-width:1399px) {
.home3-banner-area .social-list li::before {
top: -15px
}
}

.home3-banner-area .social-list li:first-child::before {
display: none
}

.home3-banner-area .social-list li a i {
color: var(--white-color);
font-size: 22px;
transition: .5s
}

.home3-banner-area .social-list li a svg {
fill: var(--white-color)
}

.home3-banner-area .social-list li:hover a i {
color: var(--primary-color2)
}

.home3-banner-area .social-list li:hover a svg {
fill: var(--primary-color2)
}

.home3-banner-area .slider-btn-grp {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -65px;
z-index: 1;
display: flex;
align-items: center;
flex-direction: column;
gap: 165px
}

@media(min-width: 992px) and (max-width:1199px) {
.home3-banner-area .slider-btn-grp {
right: -75px
}
}

@media(max-width: 991px) {
.home3-banner-area .slider-btn-grp {
display: none
}
}

.home3-banner-area .slider-btn-grp .slider-btn {
width: 35px;
height: 35px
}

.home3-banner-area .slider-btn-grp .progress-pagination {
position: relative;
transform: rotate(90deg);
width: 230px;
height: 2px;
top: unset;
left: unset;
background-color: rgba(255, 255, 255, .2)
}

.home3-banner-area .slider-btn-grp .progress-pagination .swiper-pagination-progressbar-fill {
background: var(--white-color)
}

.home3-about-section .about-content .facilities li {
display: flex;
align-items: start;
gap: 15px;
margin-bottom: 30px
}

.home3-about-section .about-content .facilities li:last-child {
margin-bottom: 0
}

.home3-about-section .about-content .facilities li .icon {
min-width: 56px;
min-height: 56px;
border-radius: 50%;
background-color: rgba(var(--primary-color1-opc), 0.2);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.home3-about-section .about-content .facilities li .icon svg {
fill: var(--primary-color1)
}

.home3-about-section .about-content .facilities li .icon.secondary {
background-color: rgba(var(--primary-color2-opc), 0.2)
}

.home3-about-section .about-content .facilities li .icon.secondary svg {
fill: var(--primary-color2)
}

.home3-about-section .about-content .facilities li .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
margin-bottom: 10px
}

@media(max-width: 576px) {
.home3-about-section .about-content .facilities li .content h5 {
font-size: 20px;
margin-bottom: 8px
}
}

.home3-about-section .about-content .facilities li .content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .45px;
margin-bottom: 0
}

@media(max-width: 576px) {
.home3-about-section .about-content .facilities li .content p {
font-size: 14px
}
}

@media(max-width: 1199px) {
.home3-about-section .about-video-and-img {
padding-left: 10px
}
}

@media(max-width: 991px) {
.home3-about-section .about-video-and-img {
display: none
}
}

.home3-about-section .about-video-and-img .badge {
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
border-radius: 100%;
animation: identifier 20s linear infinite;
margin-bottom: 35px
}

@media(max-width: 1199px) {
.home3-about-section .about-video-and-img .badge {
display: none
}
}

.home3-about-section .about-video-and-img .badge .counter-area {
display: block;
margin: 0;
width: 99px;
height: 99px;
border-radius: 50%;
background-color: #034ea2;
animation: identifier 20s linear infinite;
animation-direction: reverse;
transition: all .3s;
display: flex;
align-items: center;
justify-content: center
}

.home3-about-section .about-video-and-img .badge .counter-area .counter-content-wrap {
text-align: center
}

.home3-about-section .about-video-and-img .badge .counter-area .counter-content-wrap .number {
display: flex;
align-items: center;
font-family: var(--font-rubik);
font-weight: 700;
font-size: 20px;
line-height: 1;
color: var(--white-color);
margin-bottom: 10px
}

.home3-about-section .about-video-and-img .badge .counter-area .counter-content-wrap .number h5 {
margin-bottom: 0;
color: var(--white-color);
line-height: 1
}

.home3-about-section .about-video-and-img .badge .counter-area .counter-content-wrap p {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
margin-bottom: 0
}

.home3-about-section .about-video-and-img .badge .badge__char {
display: block;
position: absolute;
top: 0;
left: calc(50% - 5px);
height: 80px;
width: 10px;
background-repeat: round;
text-align: center;
text-transform: uppercase;
line-height: 1;
font-weight: 500;
font-size: 17px;
color: rgba(16, 12, 8, .5);
font-family: var(--font-rubik);
transform-origin: bottom center;
transform: rotate(var(--char-rotate))
}

@keyframes identifier {
0% {
transform: rotate(0deg)
}

to {
transform: rotate(1turn)
}
}

.home3-about-section .about-video-and-img .video-wrapper {
position: relative;
min-width: 305px;
z-index: 1
}

@media(max-width: 1199px) {
.home3-about-section .about-video-and-img .video-wrapper {
min-width: unset
}
}

.home3-about-section .about-video-and-img .video-wrapper img {
border-radius: 50px
}

@media(max-width: 1199px) {
.home3-about-section .about-video-and-img .video-wrapper img {
width: 100%
}
}

.home3-about-section .about-video-and-img .video-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px;
background-color: rgba(16, 12, 8, .5)
}

.home3-about-section .about-video-and-img .video-wrapper .video-area {
display: flex;
align-items: center;
flex-direction: column;
gap: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer
}

.home3-about-section .about-video-and-img .video-wrapper .video-area .icon {
position: relative
}

.home3-about-section .about-video-and-img .video-wrapper .video-area .icon .video-circle {
stroke: var(--white-color);
fill: none;
transition: .5s
}

.home3-about-section .about-video-and-img .video-wrapper .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.home3-about-section .about-video-and-img .video-wrapper .video-area .icon i {
color: var(--white-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.home3-about-section .about-video-and-img .video-wrapper .video-area h6 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.home3-about-section .about-video-and-img .video-wrapper .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

.home3-about-section .about-video-and-img .about-section-img {
position: relative
}

@media(max-width: 1199px) {
.home3-about-section .about-video-and-img .about-section-img {
display: none
}
}

.home3-about-section .about-video-and-img .about-section-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .3)
}

.home3-about-section .about-video-and-img .about-section-img::after {
content: "";
position: absolute;
top: -9px;
left: -9px;
width: 105%;
height: 100%;
border: 1px solid rgba(99, 171, 69, .3);
z-index: -1
}

.destination-dropdown-card {
position: relative;
border-radius: 5px
}

.destination-dropdown-card .destination-dropdown-card-img {
position: relative;
overflow: hidden
}

.destination-dropdown-card .destination-dropdown-card-img img {
border-radius: 5px;
transition: all .5s ease-out
}

@media(max-width: 991px) {
.destination-dropdown-card .destination-dropdown-card-img img {
width: 100%
}
}

@media(max-width: 767px) {
.destination-dropdown-card .destination-dropdown-card-img img {
min-height: 160px;
-o-object-fit: cover;
object-fit: cover
}
}

@media(max-width: 576px) {
.destination-dropdown-card .destination-dropdown-card-img img {
min-height: 180px
}
}

.destination-dropdown-card .destination-dropdown-card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .25);
border-radius: 5px;
z-index: 1
}

.destination-dropdown-card .eg-batch {
position: absolute;
top: 12px;
left: 0;
z-index: 2
}

.destination-dropdown-card .eg-batch span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
padding: 4px 12px;
background-color: var(--primary-color2);
border-radius: 0 3px 3px 0
}

.destination-dropdown-card .destination-dropdown-content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 0 25px;
z-index: 2
}

@media(min-width: 992px) and (max-width:1199px) {
.destination-dropdown-card .destination-dropdown-content {
padding: 0 30px 0 20px
}
}

@media(max-width: 767px) {
.destination-dropdown-card .destination-dropdown-content {
padding: 0 25px 0 20px
}
}

@media(max-width: 576px) {
.destination-dropdown-card .destination-dropdown-content {
padding: 0 20px 20px 15px;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end
}
}

.destination-dropdown-card .destination-dropdown-content .title {
display: flex;
align-items: end;
align-self: end;
padding-bottom: 15px
}

@media(max-width: 576px) {
.destination-dropdown-card .destination-dropdown-content .title {
align-self: flex-start;
padding-bottom: 10px
}
}

.destination-dropdown-card .destination-dropdown-content .title h4 {
margin-bottom: 0
}

.destination-dropdown-card .destination-dropdown-content .title h4 a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 28px;
font-weight: 600;
line-height: 1;
letter-spacing: .56px;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.destination-dropdown-card .destination-dropdown-content .title h4 a {
font-size: 22px
}
}

@media(max-width: 767px) {
.destination-dropdown-card .destination-dropdown-content .title h4 a {
font-size: 25px
}
}

.destination-dropdown-card .destination-dropdown-content .title h4 a:hover {
color: var(--primary-color2)
}

.destination-dropdown-card .destination-dropdown-content .details-btn {
color: #fff;
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
padding: 10px 15px;
border-radius: 5px;
background: rgba(99, 171, 69, .6);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
position: relative;
overflow: hidden;
transition: .5s
}

@media(min-width: 1200px) and (max-width:1399px) {
.destination-dropdown-card .destination-dropdown-content .details-btn {
padding: 12px 18px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.destination-dropdown-card .destination-dropdown-content .details-btn {
padding: 12px 18px
}
}

@media(max-width: 576px) {
.destination-dropdown-card .destination-dropdown-content .details-btn {
padding: 12px 16px
}
}

.destination-dropdown-card .destination-dropdown-content .details-btn::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background: var(--primary-color2);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.destination-dropdown-card .destination-dropdown-content .details-btn:hover {
color: var(--title-color)
}

.destination-dropdown-card .destination-dropdown-content .details-btn:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.destination-dropdown-card .destination-dropdown-icon {
position: absolute;
right: 0;
bottom: 0;
width: 48px;
height: 27px;
background-color: var(--white-color);
border-radius: 50px 0 5px 0;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 0 0 5px;
cursor: pointer;
z-index: 9
}

.destination-dropdown-card .destination-dropdown-icon svg {
fill: var(--title-color)
}

.destination-dropdown-card .destination-wrap {
box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
background-color: #eef3f1;
position: absolute;
bottom: -147px;
left: 0;
padding: 30px 70px;
border-radius: 0 0 5px 5px;
width: 100%;
display: none;
transform: scaleY(0);
transform-origin: top;
z-index: 9
}

@media(min-width: 1400px) and (max-width:1599px) {
.destination-dropdown-card .destination-wrap {
padding: 30px 60px
}
}

@media(max-width: 1399px) {
.destination-dropdown-card .destination-wrap {
padding: 30px 60px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.destination-dropdown-card .destination-wrap {
padding: 30px 40px
}
}

@media(max-width: 767px) {
.destination-dropdown-card .destination-wrap {
padding: 25px 35px;
bottom: -136px
}
}

@media(max-width: 767px) {
.destination-dropdown-card .destination-wrap {
padding: 25px;
bottom: -248px
}
}

.destination-dropdown-card .destination-wrap.active {
display: block;
transform: scaleY(1);
animation: fade-down .3s linear
}

.destination-dropdown-card .destination-wrap .destination-list li {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 20px
}

.destination-dropdown-card .destination-wrap .destination-list li:last-child {
margin-bottom: 0
}

.destination-dropdown-card .destination-wrap .destination-list li a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
line-height: 1;
transition: .5s
}

.destination-dropdown-card .destination-wrap .destination-list li svg {
fill: var(--title-color);
transition: .5s
}

.destination-dropdown-card .destination-wrap .destination-list li:hover a {
color: var(--primary-color1)
}

.destination-dropdown-card .destination-wrap .destination-list li:hover svg {
fill: var(--primary-color1)
}

.destination-dropdown-card:hover .destination-dropdown-card-img img {
transform: scale(1.05)
}

.destination-dropdown-section {
background-image: url(../img/home3/destination-dropdown-bg.png), linear-gradient(180deg, #EEF3F1 0%, #EEF3F1 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 110px 14%;
position: relative
}

@media(max-width: 1699px) {
.destination-dropdown-section {
padding: 110px 12%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.destination-dropdown-section {
padding: 110px 10%
}
}

@media(max-width: 1399px) {
.destination-dropdown-section {
padding: 110px 5%
}
}

@media(max-width: 1199px) {
.destination-dropdown-section {
padding: 90px 3%
}
}

@media(max-width: 767px) {
.destination-dropdown-section {
padding: 80px 2%
}
}

@media(max-width: 576px) {
.destination-dropdown-section {
padding: 60px 2%
}
}

.destination-dropdown-section .vector1 {
position: absolute;
top: 0;
left: 0
}

@media(max-width: 991px) {
.destination-dropdown-section .vector1 {
display: none
}
}

.destination-dropdown-section .vector2 {
position: absolute;
bottom: 0;
right: 0
}

@media(max-width: 991px) {
.destination-dropdown-section .vector2 {
display: none
}
}

@media(max-width: 991px) {
.destination-dropdown-section .primary-btn4.two span {
font-size: 16px
}
}

@media(max-width: 576px) {
.destination-dropdown-section .primary-btn4.two span {
padding: 13px 16px;
font-size: 15px
}
}

.home3-tour-pack-section {
position: relative
}

.home3-tour-pack-section .section-vector1 {
position: absolute;
top: 0;
right: 0
}

@media(max-width: 767px) {
.home3-tour-pack-section .section-vector1 {
display: none
}
}

.home3-tour-pack-section .package-card-slider-wrap {
position: relative
}

@media(max-width: 991px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 {
display: none
}
}

.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -100px;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -28px;
top: 54%
}
}

@media(max-width: 1399px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -28px
}
}

@media(max-width: 1199px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -22px;
top: 45%
}
}

.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -100px;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -28px;
top: 54%
}
}

@media(max-width: 1399px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -28px
}
}

@media(max-width: 1199px) {
.home3-tour-pack-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -22px;
top: 45%
}
}

.faq-content .accordion .accordion-item {
border: none;
background-color: transparent
}

.faq-content .accordion .accordion-item:first-child .accordion-header .accordion-button {
padding-top: 0
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button {
border: none;
border-radius: unset;
box-shadow: none;
color: var(--title-color);
font-family: var(--font-rubik);
background-color: transparent;
font-size: 17px;
font-weight: 500;
line-height: 1.4;
text-transform: capitalize;
padding: 0;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid var(--title-color)
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button::after {
width: unset;
height: unset;
content: "\f4fe";
font-family: bootstrap-icons;
background-image: none;
font-weight: 800;
font-size: 22px
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: unset
}

.faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "\f2ea"
}

@media(max-width: 576px) {
.faq-content .accordion .accordion-item .accordion-header .accordion-button {
font-size: 15px
}
}

.faq-content .accordion .accordion-item .accordion-body {
padding: 20px;
padding-bottom: 15px;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .48px
}

@media(max-width: 576px) {
.faq-content .accordion .accordion-item .accordion-body {
font-size: 14px;
padding: 15px 10px
}
}

.accordion-with-tab-section {
padding-top: 180px;
position: relative
}

@media(min-width: 992px) and (max-width:1199px) {
.accordion-with-tab-section {
padding-top: 160px
}
}

@media(max-width: 991px) {
.accordion-with-tab-section {
padding-top: 90px
}
}

@media(max-width: 767px) {
.accordion-with-tab-section {
padding-top: 70px
}
}

.accordion-with-tab-section .vector1 {
position: absolute;
top: 0;
right: 0;
z-index: -1
}

@media(max-width: 991px) {
.accordion-with-tab-section .vector1 {
display: none
}
}

.accordion-with-tab-section .vector2 {
position: absolute;
bottom: 0;
left: 0;
z-index: -1
}

@media(max-width: 991px) {
.accordion-with-tab-section .vector2 {
display: none
}
}

.accordion-with-tab-section .accordion-with-tab-img {
position: relative;
transform: translateY(-60px)
}

@media(min-width: 992px) and (max-width:1199px) {
.accordion-with-tab-section .accordion-with-tab-img {
transform: translateY(-40px)
}
}

@media(max-width: 991px) {
.accordion-with-tab-section .accordion-with-tab-img {
display: none
}
}

.accordion-with-tab-section .accordion-with-tab-img img {
max-height: 760px;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(min-width: 992px) and (max-width:1199px) {
.accordion-with-tab-section .accordion-with-tab-img img {
min-height: 760px
}
}

.accordion-with-tab-section .accordion-with-tab-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .5)
}

.accordion-with-tab-section .accordion-with-tab-content {
padding: 80px 35px 80px 125px;
background-color: #f3f8f6;
border-radius: 20px;
margin-left: -90px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%
}

@media(min-width: 992px) and (max-width:1199px) {
.accordion-with-tab-section .accordion-with-tab-content {
padding: 60px 35px 60px 110px
}
}

@media(max-width: 991px) {
.accordion-with-tab-section .accordion-with-tab-content {
margin-left: 0;
padding: 60px 35px
}
}

@media(max-width: 767px) {
.accordion-with-tab-section .accordion-with-tab-content {
padding: 50px 25px;
border-radius: 10px
}
}

@media(max-width: 576px) {
.accordion-with-tab-section .accordion-with-tab-content {
padding: 40px 20px
}
}

.accordion-with-tab-section .accordion-with-tab-content>h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 38px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 30px
}

@media(min-width: 992px) and (max-width:1199px) {
.accordion-with-tab-section .accordion-with-tab-content>h2 {
font-size: 35px
}
}

@media(max-width: 767px) {
.accordion-with-tab-section .accordion-with-tab-content>h2 {
font-size: 35px;
margin-bottom: 25px
}
}

@media(max-width: 576px) {
.accordion-with-tab-section .accordion-with-tab-content>h2 {
font-size: 24px;
margin-bottom: 15px
}
}

.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills {
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
border-radius: 5px;
margin-bottom: 40px;
display: inline-flex
}

@media(max-width: 576px) {
.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills {
border: none;
gap: 10px
}
}

.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item .nav-link {
color: rgba(16, 12, 8, .7);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
border-radius: unset;
padding: 14px 32px
}

@media(min-width: 992px) and (max-width:1199px) {
.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item .nav-link {
padding: 14px 25px;
font-size: 14px
}
}

@media(max-width: 767px) {
.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item .nav-link {
padding: 14px 25px;
font-size: 14px
}
}

@media(max-width: 576px) {
.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item .nav-link {
padding: 13px 19px;
border-radius: 5px;
border: 1px solid rgba(var(--primary-color1-opc), 0.3)
}
}

.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item .nav-link.active {
background-color: #034ea2;
color: var(--white-color)
}

.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item:first-child .nav-link {
border-radius: 5px 0 0 5px;
border-right: 1px solid rgba(var(--primary-color1-opc), 0.3)
}

@media(max-width: 576px) {
.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item:first-child .nav-link {
border-right: none;
border-radius: 5px
}
}

.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 5px 5px 0;
border-left: 1px solid rgba(var(--primary-color1-opc), 0.3)
}

@media(max-width: 576px) {
.accordion-with-tab-section .accordion-with-tab-content .accordion-with-tab-wrap .nav-pills .nav-item:last-child .nav-link {
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
border-radius: 5px
}
}

.activities-section {
overflow: hidden
}

.activities-section .activities-tab-with-slider {
display: flex
}

@media(max-width: 991px) {
.activities-section .activities-tab-with-slider {
display: block
}
}

.activities-section .activities-tab-with-slider .nav-pills {
background: #e6ecde;
flex: 0 0 auto;
width: 20%
}

@media(max-width: 1699px) {
.activities-section .activities-tab-with-slider .nav-pills {
width: 22%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.activities-section .activities-tab-with-slider .nav-pills {
width: 25%
}
}

@media(max-width: 1399px) {
.activities-section .activities-tab-with-slider .nav-pills {
width: 25%
}
}

@media(min-width: 992px) and (max-width:1199px) {
.activities-section .activities-tab-with-slider .nav-pills {
width: 28%
}
}

@media(max-width: 991px) {
.activities-section .activities-tab-with-slider .nav-pills {
width: 100%
}
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item {
position: relative
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
padding: 37px 30px;
border-bottom: 1px solid rgba(16, 12, 8, .06);
border-radius: unset
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link svg {
fill: var(--title-color)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn svg {
stroke: var(--title-color);
transition: .5s
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn:hover {
background-color: var(--white-color)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn:hover svg {
transform: rotate(33deg);
stroke: var(--title-color)
}

@media(min-width: 1200px) and (max-width:1399px) {
.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link {
padding: 20px;
font-size: 17px
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn {
right: 20px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link {
padding: 20px 15px;
font-size: 16px
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn {
right: 15px
}
}

@media(max-width: 991px) {
.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link {
padding: 20px 25px;
font-size: 18px
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn {
right: 25px
}
}

@media(max-width: 767px) {
.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link {
padding: 15px 20px;
font-size: 16px
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link .details-btn {
right: 20px
}
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link.active {
color: var(--white-color);
background-color: var(--primary-color1)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link.active>svg {
fill: var(--white-color)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link.active .details-btn {
border-color: var(--white-color)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link.active .details-btn svg {
stroke: var(--white-color);
fill: none
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link.active .details-btn:hover {
background-color: var(--white-color)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item .nav-link.active .details-btn:hover svg {
transform: rotate(33deg);
stroke: var(--title-color)
}

.activities-section .activities-tab-with-slider .nav-pills .nav-item:last-child .nav-link {
border-bottom: unset
}

.activities-section .activities-tab-with-slider .tab-content {
flex: 0 0 auto;
width: 80%
}

@media(max-width: 1699px) {
.activities-section .activities-tab-with-slider .tab-content {
width: 78%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.activities-section .activities-tab-with-slider .tab-content {
width: 75%
}
}

@media(max-width: 1399px) {
.activities-section .activities-tab-with-slider .tab-content {
width: 75%
}
}

@media(min-width: 992px) and (max-width:1199px) {
.activities-section .activities-tab-with-slider .tab-content {
width: 72%
}
}

@media(max-width: 991px) {
.activities-section .activities-tab-with-slider .tab-content {
width: 100%
}
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane {
height: 100%
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap {
height: 100%;
position: relative
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .activities-tab-img-slider {
height: 100%
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .activities-tab-img-slider .activities-tab-img {
position: relative;
height: 100%
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .activities-tab-img-slider .activities-tab-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 991px) {
.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .activities-tab-img-slider .activities-tab-img img {
min-height: 350px
}
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .activities-tab-img-slider .activities-tab-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .5)
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .number-of-img {
position: absolute;
top: 25px;
left: 45px;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
line-height: 1;
display: flex;
align-items: center;
gap: 5px;
z-index: 1
}

@media(max-width: 1399px) {
.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .number-of-img {
left: 35px
}
}

@media(max-width: 991px) {
.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .number-of-img {
left: 25px
}
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .number-of-img svg {
fill: var(--white-color)
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .slider-btn-grp4 {
position: absolute;
bottom: 25px;
right: 40px;
display: flex;
align-items: center;
gap: 40px;
z-index: 19
}

@media(max-width: 767px) {
.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .slider-btn-grp4 {
display: none
}
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .slider-btn-grp4 .slider-btn {
width: 45px;
height: 32px;
background: rgba(255, 255, 255, .2);
-webkit-backdrop-filter: blur(77px);
backdrop-filter: blur(77px)
}

.activities-section .activities-tab-with-slider .tab-content .tab-pane .tab-slider-wrap .slider-btn-grp4 .slider-btn:hover {
background-color: var(--primary-color1)
}

.feature-with-content-section {
position: relative
}

.feature-with-content-section .section-vector {
position: absolute;
bottom: 0;
left: 0;
z-index: -1
}

@media(max-width: 991px) {
.feature-with-content-section .section-vector {
display: none
}
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .eg-tag2 {
-webkit-mask-image: url(../img/home3/vector/activities-content-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 8px 40px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .eg-tag2 {
margin-bottom: 8px
}
}

@media(max-width: 767px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .eg-tag2 {
margin-bottom: 10px
}
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .eg-tag2 span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .72px
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .eg-tag2 span svg {
fill: var(--white-color)
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .6px;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap h2 {
font-size: 25px;
margin-bottom: 10px
}
}

@media(max-width: 767px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap h2 {
font-size: 25px;
margin-bottom: 10px
}
}

@media(max-width: 576px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap h2 {
font-size: 20px
}
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap>p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .48px;
margin-bottom: 30px
}

@media(max-width: 1199px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap>p {
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap>p {
font-size: 14px;
margin-bottom: 20px
}
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .tripadvisor-review {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
padding-top: 30px
}

@media(max-width: 1199px) {
.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .tripadvisor-review {
padding-top: 20px
}
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .tripadvisor-review>strong {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: var(--title-color)
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .tripadvisor-review p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: var(--text-color);
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
text-align: center
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .tripadvisor-review p strong {
font-weight: 600
}

.feature-with-content-section .feature-with-content-wrapper .feature-content-wrap .tripadvisor-review p a {
color: var(--text-color);
text-decoration: underline
}

.tour-type-tab-slider-section {
position: relative
}

.tour-type-tab-slider-section .section-vector1 {
position: absolute;
top: 0;
right: 0
}

@media(max-width: 991px) {
.tour-type-tab-slider-section .section-vector1 {
display: none
}
}

.tour-type-tab-slider-section .section-vector2 {
position: absolute;
bottom: 0;
left: 0
}

@media(max-width: 991px) {
.tour-type-tab-slider-section .section-vector2 {
display: none
}
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills {
position: relative
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider {
width: 100%
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link {
border-radius: 5px;
background: #f0f8fe;
text-align: center;
padding: 25px 20px;
cursor: pointer
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link .icon {
margin-bottom: 15px
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link .icon svg {
fill: #acdaff;
color: #acdaff;
width: 50px;
height: 50px;
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0
}

@media(max-width: 576px) {
.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link .content h5 {
font-size: 15px
}
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link.active {
background-color: var(--primary-color1)
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link.active .icon svg {
fill: var(--white-color)
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .tour-tab-slider .nav-item .nav-link.active .content h5 {
color: var(--white-color)
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .slider-btn-grp4 .slider-btn {
width: 44px;
height: 32px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -26px;
z-index: 1
}

@media(max-width: 576px) {
.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .slider-btn-grp4 .slider-btn {
left: -10px
}
}

.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .slider-btn-grp4 .slider-btn.tour-tab-slider-next {
right: -26px;
left: unset
}

@media(max-width: 576px) {
.tour-type-tab-slider-section .tab-slider-wrap .nav-pills .slider-btn-grp4 .slider-btn.tour-tab-slider-next {
right: -10px
}
}

.testimonial-card2 {
text-align: center;
border-radius: 10px;
border: 1px solid rgba(34, 34, 34, .1);
background-image: url(../img/home3/testimonial-card-bg.png), linear-gradient(180deg, whitesmoke 0%, whitesmoke 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 35px 30px
}

@media(min-width: 1400px) and (max-width:1599px) {
.testimonial-card2 {
padding: 30px 20px
}
}

@media(max-width: 1399px) {
.testimonial-card2 {
padding: 30px 20px
}
}

@media(max-width: 991px) {
.testimonial-card2 {
padding: 25px 15px
}
}

.testimonial-card2 .rating {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-bottom: 15px
}

@media(max-width: 576px) {
.testimonial-card2 .rating {
margin-bottom: 10px
}
}

.testimonial-card2 .rating li {
line-height: 1
}

.testimonial-card2 .rating li i {
color: #ffc107
}

.testimonial-card2 h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .75px;
margin-bottom: 20px
}

@media(min-width: 1400px) and (max-width:1599px) {
.testimonial-card2 h4 {
font-size: 22px
}
}

@media(max-width: 1399px) {
.testimonial-card2 h4 {
font-size: 20px;
margin-bottom: 15px
}
}

.testimonial-card2 p {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px;
margin-bottom: 25px
}

@media(min-width: 1200px) and (max-width:1399px) {
.testimonial-card2 p {
font-size: 15px
}
}

@media(max-width: 1199px) {
.testimonial-card2 p {
font-size: 15px;
margin-bottom: 20px
}
}

.testimonial-card2 .tesimonial-card-bottom {
display: flex;
justify-content: space-between;
padding: 0 30px
}

@media(max-width: 1399px) {
.testimonial-card2 .tesimonial-card-bottom {
padding: 0
}
}

@media(max-width: 576px) {
.testimonial-card2 .tesimonial-card-bottom {
justify-content: center
}
}

@media(max-width: 576px) {
.testimonial-card2 .tesimonial-card-bottom .quote {
display: none
}
}

.testimonial-card2 .tesimonial-card-bottom .quote svg {
fill: var(--title-color);
opacity: .03
}

.testimonial-card2 .tesimonial-card-bottom .author-area .author-img {
margin-bottom: 15px
}

.testimonial-card2 .tesimonial-card-bottom .author-area .author-img img {
min-width: 50px;
max-width: 50px;
height: 50px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover
}

.testimonial-card2 .tesimonial-card-bottom .author-area .author-name-desig {
line-height: 1
}

.testimonial-card2 .tesimonial-card-bottom .author-area .author-name-desig h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-bottom: 5px
}

.testimonial-card2 .tesimonial-card-bottom .author-area .author-name-desig span {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 400;
line-height: 1;
letter-spacing: .26px
}

.testimonial-card2.style-2 {
background-image: url(../img/home4/home4-testimonial-card-bg.png), linear-gradient(180deg, #2d3330 0%, #2d3330 100%);
border-radius: 20px
}

.testimonial-card2.style-2 h4 {
color: var(--white-color)
}

.testimonial-card2.style-2 p {
color: rgba(255, 255, 255, .5)
}

.testimonial-card2.style-2 .tesimonial-card-bottom {
justify-content: center
}

.testimonial-card2.style-2 .tesimonial-card-bottom .author-area .author-name-desig h5 {
color: var(--white-color)
}

.testimonial-card2.style-2 .tesimonial-card-bottom .author-area .author-name-desig span {
color: rgba(255, 255, 255, .5)
}

.home3-testimonial-section {
background-image: url(../img/home3/testimonial-section-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 120px 40px;
overflow: hidden
}

@media(min-width: 1400px) and (max-width:1599px) {
.home3-testimonial-section {
padding: 120px 25px
}
}

@media(max-width: 1399px) {
.home3-testimonial-section {
padding: 110px 20px
}
}

@media(max-width: 1199px) {
.home3-testimonial-section {
padding: 90px 20px
}
}

@media(max-width: 991px) {
.home3-testimonial-section {
padding: 70px 15px
}
}

.home3-testimonial-section .section-title2 h2 {
color: var(--white-color)
}

.home3-testimonial-section .section-title2 p {
color: rgba(255, 255, 255, .5)
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area {
padding: 12px 30px;
border-radius: 5px;
background: #faf6e7;
display: flex;
align-items: center;
justify-content: space-between
}

@media(max-width: 767px) {
.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area {
padding: 12px 20px
}
}

@media(max-width: 576px) {
.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area {
flex-direction: column;
gap: 15px;
justify-content: center
}
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-top {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 2px
}

@media(max-width: 576px) {
.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-top {
justify-content: center
}
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-top .logo {
line-height: 1
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-top span {
color: var(--title-color);
font-size: 12px;
font-weight: 700;
line-height: 1
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom {
line-height: 1;
display: flex;
align-items: baseline;
gap: 5px
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom strong {
color: var(--title-color);
font-size: 12px;
font-weight: 700;
line-height: 1
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom .rating {
display: flex;
align-items: center;
gap: 10px;
line-height: 1
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom .rating ul {
display: flex;
align-items: center;
gap: 5px
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom .rating ul li i {
color: #00aa6c;
font-size: 10px
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom .rating span {
color: var(--white-color)
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .rating-area .rating-bottom span {
color: var(--text-color);
font-size: 12px;
font-weight: 500;
line-height: 1
}

@media(max-width: 767px) {
.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .testimonial-pagination {
display: none
}
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .testimonial-pagination .swiper-pagination5 {
width: unset !important;
z-index: 9;
gap: 15px;
line-height: 1
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .testimonial-pagination .swiper-pagination5 .swiper-pagination-bullet {
height: 16px;
width: 16px;
background-color: #034ea2;
opacity: 1;
position: relative
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .testimonial-pagination .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 1px solid var(--primary-color1);
background-color: transparent
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .testimonial-pagination .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #034ea2;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .review-btn .primary-btn4 {
padding: 3px;
border-radius: unset
}

.home3-testimonial-section .testimonial-card-slider-area .testimonial-bottom-area .review-btn .primary-btn4 span {
font-size: 12px;
font-weight: 500;
padding: 10px 12px;
border-radius: unset
}

.teams-card2 {
border: 1px solid rgba(16, 12, 8, .08);
transition: .5s ease-in-out
}

.teams-card2 .teams-img {
position: relative;
overflow: hidden;
transition: .5s ease-in-out
}

.teams-card2 .teams-img img {
transition: all .5s ease-out
}

@media(max-width: 767px) {
.teams-card2 .teams-img img {
width: 100%
}
}

.teams-card2 .teams-img .social-list {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(16, 12, 8, .5);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
padding: 13px 28px;
display: flex;
align-items: center;
gap: 45px;
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
transition: .5s ease-in-out
}

@media(min-width: 1200px) and (max-width:1399px) {
.teams-card2 .teams-img .social-list {
gap: 30px
}
}

@media(min-width: 576px) and (max-width:768px) {
.teams-card2 .teams-img .social-list {
padding: 80px 12px 40px
}
}

.teams-card2 .teams-img .social-list li {
position: relative;
line-height: 1;
transition: .5s
}

.teams-card2 .teams-img .social-list li::before {
content: "";
position: absolute;
left: -22px;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, .2);
width: 3px;
height: 3px;
border-radius: 50%
}

@media(min-width: 1200px) and (max-width:1399px) {
.teams-card2 .teams-img .social-list li::before {
top: -15px
}
}

.teams-card2 .teams-img .social-list li:first-child::before {
display: none
}

.teams-card2 .teams-img .social-list li a i {
color: var(--white-color);
font-size: 22px;
transition: .5s
}

.teams-card2 .teams-img .social-list li a svg {
fill: var(--white-color);
transition: .5s
}

.teams-card2 .teams-img .social-list li:hover a i {
color: var(--primary-color2)
}

.teams-card2 .teams-img .social-list li:hover a svg {
fill: var(--primary-color2)
}

.teams-card2 .teams-content {
background-color: var(--white-color);
text-align: center;
padding: 25px 20px;
transition: .5s ease-in-out
}

.teams-card2 .teams-content h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 3px;
transition: .5s
}

.teams-card2 .teams-content span {
color: rgba(16, 12, 8, .5);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1;
display: inline-block;
transition: .5s
}

.teams-card2:hover .teams-img img {
transform: scale(1.1)
}

.teams-card2:hover .teams-img .social-list {
opacity: 1;
transform: scaleY(1)
}

.teams-card2:hover .teams-content {
background-color: #034ea2;
bottom: 0
}

.teams-card2:hover .teams-content h4 {
color: var(--white-color)
}

.teams-card2:hover .teams-content span {
color: rgba(255, 255, 255, .7)
}

.teams-card2.style-2 .teams-img .social-list {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .01);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
transition: .5s ease-in-out
}

.teams-card2.style-2 .teams-img .social-list li {
position: relative;
line-height: 1;
transition: .5s
}

.teams-card2.style-2 .teams-img .social-list li::before {
display: none
}

.teams-card2.style-2 .teams-img .social-list li a {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}

.teams-card2.style-2 .teams-img .social-list li a i {
color: var(--title-color);
font-size: 22px;
transition: .5s
}

.teams-card2.style-2 .teams-img .social-list li a svg {
fill: var(--title-color);
transition: .5s
}

.teams-card2.style-2 .teams-img .social-list li:hover a {
background-color: var(--primary-color1)
}

.teams-card2.style-2 .teams-img .social-list li:hover a i {
color: var(--white-color)
}

.teams-card2.style-2 .teams-img .social-list li:hover a svg {
fill: var(--white-color)
}

.teams-card2.style-2 .teams-content {
text-align: start
}

.teams-card2.style-2 .teams-content h4 {
font-size: 23px
}

.teams-card2.style-2 .teams-content span {
font-size: 16px
}

.teams-card2.style-2:hover .teams-img .social-list {
opacity: 1;
transform: scaleY(1)
}

.teams-card2.style-3 {
border-radius: 5px;
border: unset;
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .08)
}

.teams-card2.style-3 .teams-img {
border-radius: 5px 5px 0 0
}

.teams-card2.style-3 .teams-img img {
border-radius: 5px 5px 0 0
}

.teams-card2.style-3 .teams-img .social-list {
width: unset;
border-radius: 5px 5px 0 0;
padding: 0;
gap: 0;
left: 50%;
opacity: 0;
transform: scaleY(0) translateX(-50%);
transform-origin: bottom;
transition: .5s ease-in-out
}

.teams-card2.style-3 .teams-img .social-list li::before {
display: none
}

.teams-card2.style-3 .teams-img .social-list li a {
padding: 12px 20px;
border-left: 1px solid rgba(217, 217, 217, .3);
display: block
}

.teams-card2.style-3 .teams-img .social-list li:first-child a {
border: unset
}

.teams-card2.style-3:hover .teams-img .social-list {
opacity: 1;
transform: scaleY(1) translateX(-50%)
}

.teams-card2.style-4 {
border: unset
}

.teams-card2.style-4 .teams-img {
overflow: hidden
}

.teams-card2.style-4 .teams-img .social-list {
width: unset;
border-radius: 10px 10px 0 0;
padding: 0;
gap: 0;
left: 50%;
bottom: 50px;
background-color: #034ea2;
border-bottom: 1px solid rgba(255, 255, 255, .3);
opacity: 0;
transform: scaleY(0) translateX(-50%);
transform-origin: bottom;
transition: .5s ease-in-out
}

.teams-card2.style-4 .teams-img .social-list li {
padding: 8px 16px;
border-left: 1px solid rgba(255, 255, 255, .3)
}

.teams-card2.style-4 .teams-img .social-list li a i {
font-size: 20px
}

.teams-card2.style-4 .teams-img .social-list li::before {
display: none
}

.teams-card2.style-4 .teams-img .social-list li:first-child {
border: unset
}

.teams-card2.style-4 .teams-content {
border-radius: 10px;
padding: 20px;
border: 1px solid rgba(16, 12, 8, .15);
background: var(--white-color);
max-width: 270px;
width: 100%;
margin: 0 auto;
margin-top: -50px;
position: relative;
z-index: 1;
line-height: 1
}

.teams-card2.style-4 .teams-content h4 {
margin-bottom: 10px;
font-size: 23px
}

.teams-card2.style-4:hover .teams-img img {
transform: scale(1.1)
}

.teams-card2.style-4:hover .teams-img .social-list {
opacity: 1;
transform: scaleY(1) translateX(-50%)
}

.teams-card2.style-4:hover .teams-content {
background-color: #034ea2;
border-color: var(--primary-color1);
bottom: 0
}

.teams-card2.style-4:hover .teams-content h4 {
color: var(--white-color)
}

.teams-card2.style-4:hover .teams-content span {
color: rgba(255, 255, 255, .7)
}

.home3-teams-section {
position: relative
}

.home3-teams-section::before {
content: url(../img/home3/vector/teams-section-vector.svg);
position: absolute;
left: 0;
bottom: -90px
}

@media(max-width: 991px) {
.home3-teams-section::before {
display: none
}
}

.home3-teams-section .slider-btn-grp4 {
display: flex;
align-items: center;
gap: 50px
}

@media(max-width: 1399px) {
.home3-teams-section .slider-btn-grp4 {
gap: 30px
}
}

@media(max-width: 767px) {
.home3-teams-section .slider-btn-grp4 {
display: none
}
}

.instagram-slider-section {
margin-bottom: -120px
}

@media(max-width: 991px) {
.instagram-slider-section {
margin-bottom: -80px
}
}

@media(max-width: 767px) {
.instagram-slider-section {
margin-bottom: -50px
}
}

.instagram-slider-section .insta-section-title {
margin-bottom: 45px
}

@media(max-width: 1199px) {
.instagram-slider-section .insta-section-title {
margin-bottom: 35px
}
}

.instagram-slider-section .insta-section-title h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
margin-bottom: 25px;
position: relative
}

.instagram-slider-section .insta-section-title h3::after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 100px;
height: 2px;
background: var(--title-color);
border-radius: 5px
}

.instagram-slider-section .insta-section-title p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

.instagram-slider-section .instagram-slider-wrapper {
overflow: hidden
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img {
position: relative;
line-height: 1
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img img {
border-radius: 10px 10px 0 0
}

@media(max-width: 576px) {
.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img img {
width: 100%
}
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .4);
border-radius: 10px 10px 0 0
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--primary-color1-opc), 0.5);
border-radius: 10px 10px 0 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
z-index: 99;
transition: .75s
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img .overlay svg {
fill: var(--white-color)
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider-img:hover .overlay {
opacity: 1;
transform: scaleY(1)
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider {
position: relative
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20%;
height: 100%;
background: linear-gradient(90deg, var(--primary-color2-opc) 0%, rgba(99, 171, 69, 0) 30.08%);
opacity: .4;
z-index: 9
}

@media(max-width: 767px) {
.instagram-slider-section .instagram-slider-wrapper .instagram-slider::before {
display: none
}
}

.instagram-slider-section .instagram-slider-wrapper .instagram-slider::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 20%;
height: 100%;
background: linear-gradient(98deg, rgba(99, 171, 69, 0) 30.08%, var(--primary-color2-opc) 100%);
opacity: .4;
z-index: 9
}

@media(max-width: 767px) {
.instagram-slider-section .instagram-slider-wrapper .instagram-slider::after {
display: none
}
}

.home4-banner-area {
position: relative;
background-image: url(../img/home4/home4-banner-bg.png), linear-gradient(180deg, #ece4d7 0%, #ece4d7 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 25px
}

@media(max-width: 1799px) {
.home4-banner-area {
padding: 20px 15px
}
}

@media(max-width: 991px) {
.home4-banner-area {
padding: 0
}
}

.home4-banner-area .banner-wrapper {
padding: 20px 20px 20px 40px;
border: 1px dashed rgba(16, 12, 8, .5);
position: relative
}

@media(max-width: 1799px) {
.home4-banner-area .banner-wrapper {
padding: 20px 15px
}
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper {
padding: 90px 20px;
border: none
}
}

.home4-banner-area .banner-wrapper .banner-content-wrap {
padding-right: 20px
}

@media(max-width: 1799px) {
.home4-banner-area .banner-wrapper .banner-content-wrap {
padding-right: 0
}
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper .banner-content-wrap {
width: 100%
}
}

.home4-banner-area .banner-wrapper .banner-content-wrap .mb-40 {
margin-bottom: 40px
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .mb-40 {
margin-bottom: 0
}
}

.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content {
max-width: 750px;
width: 100%;
padding-left: 30px;
margin-bottom: 75px
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content {
margin-bottom: 50px
}
}

@media(max-width: 767px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content {
padding-left: 0
}
}

.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content h1 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 55px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px
}

@media(max-width: 991px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content h1 {
font-size: 48px
}
}

@media(max-width: 767px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content h1 {
font-size: 40px
}
}

@media(max-width: 576px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content h1 {
font-size: 28px;
margin-bottom: 15px
}
}

.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

@media(max-width: 576px) {
.home4-banner-area .banner-wrapper .banner-content-wrap .banner-content p {
font-size: 15px
}
}

.home4-banner-area .banner-wrapper .banner-img {
-webkit-clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0 100%, 0 0);
overflow: hidden;
position: relative
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper .banner-img {
display: none
}
}

.home4-banner-area .banner-wrapper .banner-img img {
min-height: 670px;
-o-object-fit: cover;
object-fit: cover
}

.home4-banner-area .banner-wrapper .banner-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .3)
}

.home4-banner-area .banner-wrapper .social-list {
position: absolute;
top: 50%;
right: -12px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
background-color: #ece4d7;
z-index: 1;
padding: 50px 0 90px
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper .social-list {
padding: 50px 0
}
}

@media(max-width: 991px) {
.home4-banner-area .banner-wrapper .social-list {
display: none
}
}

.home4-banner-area .banner-wrapper .social-list li {
position: relative;
line-height: 1;
transition: .5s
}

.home4-banner-area .banner-wrapper .social-list li::before {
content: "";
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
background: var(--title-color);
width: 3px;
height: 3px;
border-radius: 50%
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner-area .banner-wrapper .social-list li::before {
top: -15px
}
}

.home4-banner-area .banner-wrapper .social-list li:first-child::before {
display: none
}

.home4-banner-area .banner-wrapper .social-list li a i {
color: var(--title-color);
font-size: 22px;
transition: .5s
}

.home4-banner-area .banner-wrapper .social-list li a svg {
fill: var(--title-color)
}

.home4-banner-area .banner-wrapper .social-list li:hover a i {
color: var(--primary-color1)
}

.home4-banner-area .banner-wrapper .social-list li:hover a svg {
fill: var(--primary-color1)
}

.home4-banner-area .banner-wrapper .airplane-icon {
position: absolute;
top: 19%;
right: -10px;
z-index: 1
}

@media(max-width: 991px) {
.home4-banner-area .banner-wrapper .airplane-icon {
display: none
}
}

.home4-banner-area .banner-wrapper .airplane-icon svg {
fill: var(--title-color)
}

.home4-banner-area .banner-wrapper .banner-slider-btn-area {
padding: 10px;
background-image: url(../img/home4/banner-slider-btn-bg.png);
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: end;
justify-content: end;
position: absolute;
right: -1px;
bottom: -10px;
z-index: 99
}

@media(max-width: 1199px) {
.home4-banner-area .banner-wrapper .banner-slider-btn-area {
display: none
}
}

.home4-banner-area .banner-wrapper .banner-slider-btn-area .banner-slider-btn-grp {
display: flex;
align-items: center;
gap: 45px;
position: relative
}

.home4-banner-area .banner-wrapper .banner-slider-btn-area .banner-slider-btn-grp .slider-btn {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #152f00;
display: flex;
align-items: center;
justify-content: center;
transition: .35s
}

.home4-banner-area .banner-wrapper .banner-slider-btn-area .banner-slider-btn-grp .slider-btn i {
transition: .35s;
font-size: 18px;
color: #152f00
}

.home4-banner-area .banner-wrapper .banner-slider-btn-area .banner-slider-btn-grp .slider-btn:hover {
border-color: var(--primary-color1);
background-color: var(--primary-color1)
}

.home4-banner-area .banner-wrapper .banner-slider-btn-area .banner-slider-btn-grp .slider-btn:hover i {
color: var(--white-color)
}

.home4-destination-card-slider-section {
position: relative
}

.home4-destination-card-slider-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(../img/home4/vector/home4-section-bg.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
z-index: -1
}

.home4-about-section .about-content .section-title3 {
max-width: unset;
margin-bottom: 30px
}

@media(max-width: 767px) {
.home4-about-section .about-content .section-title3 {
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.home4-about-section .about-content .section-title3 h2 {
font-size: 26px
}
}

.home4-about-section .about-content .section-title3 h2 span {
color: var(--primary-color1)
}

.home4-about-section .about-content .section-title3 h2::after {
display: none
}

.home4-about-section .about-content .section-title3 p {
padding-top: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-about-section .about-content .section-title3 p {
padding-top: 15px
}
}

@media(max-width: 767px) {
.home4-about-section .about-content .section-title3 p {
padding-top: 15px
}
}

.home4-about-section .about-content .author-area {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 30px
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-about-section .about-content .author-area {
gap: 20px
}
}

@media(max-width: 767px) {
.home4-about-section .about-content .author-area {
gap: 20px;
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.home4-about-section .about-content .author-area {
gap: 15px;
flex-wrap: wrap
}
}

.home4-about-section .about-content .author-area .author-img img {
min-width: 120px;
max-width: 120px;
height: 120px;
border-radius: 50%
}

.home4-about-section .about-content .author-area .author-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .51px;
margin-bottom: 0
}

@media(max-width: 767px) {
.home4-about-section .about-content .author-area .author-content p {
font-size: 16px
}
}

@media(max-width: 576px) {
.home4-about-section .about-content .author-area .author-content p {
font-size: 15px
}
}

.home4-about-section .about-content .service-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 35px
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-about-section .about-content .service-list {
gap: 15px
}
}

@media(max-width: 767px) {
.home4-about-section .about-content .service-list {
margin-bottom: 25px
}
}

.home4-about-section .about-content .service-list li {
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px
}

.home4-about-section .about-content .service-list li svg {
fill: var(--primary-color1)
}

.home4-about-section .about-content .single-counter {
display: flex;
align-items: center;
gap: 10px;
padding: 17px 25px;
border-radius: 10px;
background: rgba(var(--primary-color1-opc), 0.1);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
position: relative;
overflow: hidden
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-about-section .about-content .single-counter {
padding: 17px 20px
}
}

.home4-about-section .about-content .single-counter .star {
position: absolute;
top: 0;
right: 0
}

.home4-about-section .about-content .single-counter .star svg {
fill: var(--primary-color2)
}

.home4-about-section .about-content .single-counter .star.two svg {
fill: var(--title-color)
}

.home4-about-section .about-content .single-counter .icon svg {
fill: var(--primary-color1)
}

.home4-about-section .about-content .single-counter .content .number {
display: flex;
align-items: center;
font-family: var(--font-rubik);
font-weight: 700;
line-height: 1;
color: var(--primary-color1);
margin-bottom: 4px
}

.home4-about-section .about-content .single-counter .content .number h5 {
color: var(--primary-color1);
font-size: 36px;
margin-bottom: 0;
line-height: 1
}

@media(max-width: 576px) {
.home4-about-section .about-content .single-counter .content .number h5 {
font-size: 32px
}
}

.home4-about-section .about-content .single-counter .content .number span {
font-size: 36px;
display: inline-block;
line-height: 1
}

@media(max-width: 576px) {
.home4-about-section .about-content .single-counter .content .number span {
font-size: 32px
}
}

.home4-about-section .about-content .single-counter .content p {
margin-bottom: 0;
color: var(--title-color);
line-height: 22px;
font-size: 16px;
font-weight: 500
}

.home4-about-section .about-img-wrap {
position: relative;
width: 100%;
height: 100%
}

@media(max-width: 991px) {
.home4-about-section .about-img-wrap {
display: none
}
}

.home4-about-section .about-img-wrap .about-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-about-section .about-img-wrap .about-img {
height: 85%
}
}

.home4-about-section .about-img-wrap .shape {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--white-color);
mix-blend-mode: screen
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-about-section .about-img-wrap .shape {
height: 85%
}
}

.home4-banner2-area {
padding: 0 90px;
position: relative
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner2-area {
padding: 0 30px
}
}

@media(max-width: 1399px) {
.home4-banner2-area {
padding: 0 30px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner2-area {
padding: 0 15px
}
}

@media(max-width: 991px) {
.home4-banner2-area {
padding: 0
}
}

@media(max-width: 1199px) {
.home4-banner2-area .slider-btn-grp2 {
display: none
}
}

.home4-banner2-area .slider-btn-grp2 .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner2-area .slider-btn-grp2 .slider-btn {
left: 5px
}
}

@media(max-width: 1399px) {
.home4-banner2-area .slider-btn-grp2 .slider-btn {
left: 5px
}
}

.home4-banner2-area .slider-btn-grp2 .slider-btn.home4-banner2-slider-next {
left: unset;
right: 30px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner2-area .slider-btn-grp2 .slider-btn.home4-banner2-slider-next {
right: 5px
}
}

@media(max-width: 1399px) {
.home4-banner2-area .slider-btn-grp2 .slider-btn.home4-banner2-slider-next {
right: 5px
}
}

.home4-banner2-area .home4-banner2-wrapper {
background-image: url(../img/home4/home4-banner2-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 0 0 0 50px;
border-radius: 10px;
overflow: hidden
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner2-area .home4-banner2-wrapper {
padding: 0 0 0 30px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner2-area .home4-banner2-wrapper {
padding: 0 0 0 20px
}
}

@media(max-width: 991px) {
.home4-banner2-area .home4-banner2-wrapper {
padding: 0
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content {
text-align: center
}

@media(max-width: 991px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content {
padding: 50px 20px
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content span {
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 25px;
font-weight: 400;
line-height: 1;
display: inline-block;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content span {
margin-bottom: 10px
}
}

@media(max-width: 767px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content span {
margin-bottom: 10px
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 57px;
font-weight: 700;
line-height: 1.1
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 {
font-size: 50px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 {
font-size: 42px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 {
font-size: 35px
}
}

@media(max-width: 767px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 {
font-size: 50px
}
}

@media(max-width: 576px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 {
font-size: 32px
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 strong {
color: white;
font-size: 45px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 strong {
font-size: 40px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 strong {
font-size: 38px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 strong {
font-size: 30px
}
}

@media(max-width: 767px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 strong {
font-size: 40px
}
}

@media(max-width: 767px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content h2 strong {
font-size: 28px;
font-weight: 600
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content p {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1.7;
letter-spacing: .54px;
text-transform: capitalize;
max-width: 420px;
width: 100%;
margin: 0 auto 35px
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content p {
font-size: 16px;
margin: 0 auto 20px
}
}

@media(max-width: 767px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content p {
margin: 0 auto 20px
}
}

@media(max-width: 576px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content p {
font-size: 15px
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content .secondary-btn1 {
background-color: #034ea2;
padding: 18px 33px;
color: var(--white-color)
}

@media(max-width: 576px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content .secondary-btn1 {
padding: 16px 30px
}
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content .secondary-btn1::after {
background-color: var(--primary-color2)
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-content .secondary-btn1:hover {
color: var(--title-color)
}

.home4-banner2-area .home4-banner2-wrapper .home4-banner2-img img {
width: 100%
}

@media(max-width: 991px) {
.home4-banner2-area .home4-banner2-wrapper .home4-banner2-img {
display: none
}
}

.view-btn {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
white-space: nowrap;
display: flex;
align-items: center;
gap: 10px;
transition: .5s
}

.view-btn .arrow {
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white-color);
border: 1px solid rgba(var(--primary-color1-opc), 0.1);
transition: .5s
}

.view-btn .arrow svg {
fill: none;
stroke: var(--primary-color1);
transition: .5s
}

.view-btn:hover {
color: var(--primary-color2)
}

.view-btn:hover .arrow {
border-color: var(--primary-color2)
}

.view-btn:hover .arrow svg {
transform: rotate(30deg);
stroke: var(--primary-color2)
}

.home4-tour-pack-section {
position: relative
}

.home4-tour-pack-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(../img/home4/vector/home4-section-bg2.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
z-index: -1
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-tour-pack-section .package-card3.style-4 .package-card-img {
margin: 10px 10px 0
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-tour-pack-section .package-card3.style-4 .package-card-content .card-content-top {
padding: 20px 10px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-tour-pack-section .package-card3.style-4 .package-card-content .card-content-bottom {
padding: 15px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-tab-with-slider-section .title-and-nav .section-title3 p {
font-size: 15px
}
}

.home4-tab-with-slider-section .title-and-nav .nav-pills {
padding-top: 50px
}

@media(max-width: 1199px) {
.home4-tab-with-slider-section .title-and-nav .nav-pills {
padding-top: 30px
}
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link {
position: relative;
border-radius: 5px;
background: rgba(var(--primary-color1-opc), 0.1);
padding: 30px 20px;
text-align: start;
display: flex;
align-items: center;
gap: 15px;
width: 100%;
transition: .5s;
cursor: pointer
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .details-btn {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
position: absolute;
right: 10px;
top: 10px;
opacity: 0
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .details-btn svg {
stroke: var(--title-color);
transition: .5s
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .details-btn:hover {
background-color: var(--white-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .details-btn:hover svg {
transform: rotate(33deg);
stroke: var(--title-color)
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link {
padding: 25px 15px;
gap: 12px
}
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .icon svg {
fill: var(--title-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link .content h5 {
font-size: 17px
}
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link:hover .details-btn {
opacity: 1
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color1)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active .icon svg {
fill: var(--white-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active .content h5 {
color: var(--white-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active .details-btn {
border-color: var(--white-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active .details-btn svg {
stroke: var(--white-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active .details-btn:hover {
background-color: var(--white-color)
}

.home4-tab-with-slider-section .title-and-nav .nav-pills .nav-item .nav-link.active .details-btn:hover svg {
transform: rotate(33deg);
stroke: var(--title-color)
}

.home4-tab-with-slider-section .tab-with-slider-img-wrap {
position: relative
}

.home4-tab-with-slider-section .tab-with-slider-img-wrap .tab-with-slider-img {
position: relative;
border-radius: 5px
}

.home4-tab-with-slider-section .tab-with-slider-img-wrap .tab-with-slider-img img {
border-radius: 5px
}

@media(max-width: 991px) {
.home4-tab-with-slider-section .tab-with-slider-img-wrap .tab-with-slider-img img {
width: 100%
}
}

.home4-tab-with-slider-section .tab-with-slider-img-wrap .tab-with-slider-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .3);
border-radius: 5px
}

.home4-tab-with-slider-section .tab-with-slider-img-wrap .slider-btn-grp2 {
position: absolute;
bottom: 0;
right: 0;
background-color: var(--white-color);
gap: 25px;
padding: 15px;
border-radius: 5px 0 0 0;
z-index: 1
}

.home4-tab-with-slider-section .tab-with-slider-img-wrap .slider-btn-grp2 .slider-btn {
width: 28px;
height: 28px
}

.home4-banner3-with-package-slider {
overflow: hidden
}

.home4-banner3-with-package-slider .home4-banner3-wrapper {
background-image: url(../img/home4/home4-banner3-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
height: 100%
}

@media(max-width: 1199px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-img {
display: none
}
}

.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content {
text-align: center;
padding: 100px 0
}

@media(max-width: 1199px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content {
padding: 70px 0
}
}

@media(max-width: 767px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content {
padding: 60px 20px
}
}

.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content span {
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 25px;
font-weight: 400;
line-height: 1;
display: inline-block;
margin-bottom: 15px
}

@media(max-width: 1199px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content span {
font-size: 30px
}
}

@media(max-width: 767px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content span {
margin-bottom: 10px
}
}

.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 45px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 30px
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 {
font-size: 42px
}
}

@media(max-width: 576px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 {
font-size: 32px
}
}

.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 strong {
color: var(--primary-color2);
font-size: 50px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 strong {
font-size: 40px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 strong {
font-size: 38px
}
}

@media(max-width: 1199px) {
.home4-banner3-with-package-slider .home4-banner3-wrapper .home4-banner3-content h2 strong {
font-size: 35px
}
}

.home4-banner3-with-package-slider .package-card-slider-wrapper {
background-image: url(../img/home4/package-card-slider-bg.png), linear-gradient(180deg, #f4f9f1 0%, #f4f9f1 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 75px 135px 75px 75px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper {
padding: 50px 40px 50px 30px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper {
padding: 50px 25px 50px 15px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper {
padding: 50px 25px 50px 15px
}
}

@media(max-width: 991px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper {
padding: 50px 40px
}
}

@media(max-width: 576px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper {
padding: 30px 15px
}
}

@media(max-width: 767px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .slider-btn-grp5 {
display: none
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .package-card3.style-4 .package-card-img {
margin: 15px 15px 0
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .package-card3.style-4 .package-card-img {
margin: 10px 10px 0
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .package-card3.style-4 .package-card-content .card-content-top {
padding: 20px 10px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .package-card3.style-4 .package-card-content .card-content-top {
padding: 20px 10px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .package-card3.style-4 .package-card-content .card-content-bottom {
padding: 15px 10px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home4-banner3-with-package-slider .package-card-slider-wrapper .package-card3.style-4 .package-card-content .card-content-bottom {
padding: 15px 10px
}
}

.feature-card2 {
padding: 35px 30px;
border-radius: 5px;
border: 1px solid rgba(16, 12, 8, .1);
background-color: var(--white-color);
transition: .5s
}

@media(min-width: 1200px) and (max-width:1399px) {
.feature-card2 {
padding: 30px 20px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card2 {
padding: 25px 15px
}
}

@media(max-width: 991px) {
.feature-card2 {
padding: 25px 20px
}
}

.feature-card2 .feature-card-top {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card2 .feature-card-top {
margin-bottom: 15px
}
}

@media(max-width: 991px) {
.feature-card2 .feature-card-top {
margin-bottom: 15px
}
}

.feature-card2 .feature-card-top .icon svg {
fill: var(--primary-color1);
transition: .5s
}

.feature-card2 .feature-card-top .title h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 23px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .69px;
text-transform: capitalize;
margin-bottom: 0;
max-width: 235px;
width: 100%;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.feature-card2 .feature-card-top .title h4 {
font-size: 18px
}
}

@media(max-width: 991px) {
.feature-card2 .feature-card-top .title h4 {
font-size: 20px
}
}

@media(max-width: 767px) {
.feature-card2 .feature-card-top .title h4 {
max-width: unset
}
}

.feature-card2 .feature-card-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .45px;
margin-bottom: 0;
transition: .5s
}

@media(max-width: 991px) {
.feature-card2 .feature-card-content p {
font-size: 14px
}
}

.feature-card2:hover {
background-color: #034ea2;
border: 1px solid transparent
}

.feature-card2:hover .feature-card-top .icon svg {
fill: var(--white-color)
}

.feature-card2:hover .feature-card-top .title h4 {
color: var(--white-color)
}

.feature-card2:hover .feature-card-content p {
color: var(--white-color)
}

.home4-feature-card-section {
position: relative
}

.home4-feature-card-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(../img/home4/vector/home4-section-bg.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
z-index: -1
}

.package-card4 {
display: flex;
background-image: url(../img/home4/package-card4-bg.png);
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #eee;
border-radius: 5px
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4 {
flex-direction: column
}
}

@media(max-width: 576px) {
.package-card4 {
flex-direction: column
}
}

.package-card4 .package-card-img {
overflow: hidden;
min-width: 250px;
max-width: 250px;
display: block;
border-radius: 5px 0 0 5px;
transition: all .5s ease-out
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card4 .package-card-img {
min-width: 240px;
max-width: 240px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4 .package-card-img {
min-width: unset;
max-width: unset
}
}

@media(max-width: 576px) {
.package-card4 .package-card-img {
min-width: unset;
max-width: unset
}
}

.package-card4 .package-card-img img {
min-width: 250px;
max-width: 250px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 0 0 5px;
transition: all .5s ease-out
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card4 .package-card-img img {
min-width: 240px;
max-width: 240px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4 .package-card-img img {
min-width: unset;
max-width: unset;
min-height: 315px;
max-height: 315px;
width: 100%;
border-radius: 5px 5px 0 0;
-o-object-position: top;
object-position: top
}
}

@media(min-width: 576px) and (max-width:768px) {
.package-card4 .package-card-img img {
height: 100%
}
}

@media(max-width: 576px) {
.package-card4 .package-card-img img {
min-width: unset;
max-width: unset;
min-height: 350px;
max-height: 350px;
-o-object-position: top;
object-position: top;
width: 100%;
border-radius: 5px 5px 0 0
}
}

@media(max-width: 991px) {
.package-card4 .package-card-content {
display: flex;
flex-direction: column;
justify-content: space-between
}
}

.package-card4 .package-card-content .card-content-top {
padding: 30px 20px
}

.package-card4 .package-card-content .card-content-top h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
line-height: 1.3;
text-transform: capitalize;
margin-bottom: 25px
}

@media(max-width: 1399px) {
.package-card4 .package-card-content .card-content-top h5 {
font-size: 20px
}
}

@media(min-width: 768px) and (max-width:991px) {
.package-card4 .package-card-content .card-content-top h5 {
font-size: 24px;
margin-bottom: 25px
}
}

@media(max-width: 767px) {
.package-card4 .package-card-content .card-content-top h5 {
font-size: 20px;
margin-bottom: 20px
}
}

.package-card4 .package-card-content .card-content-top ul {
display: flex;
flex-wrap: wrap;
gap: 25px
}

@media(max-width: 767px) {
.package-card4 .package-card-content .card-content-top ul {
gap: 17px
}
}

.package-card4 .package-card-content .card-content-top ul li {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1;
text-transform: capitalize
}

@media(min-width: 768px) and (max-width:991px) {
.package-card4 .package-card-content .card-content-top ul li {
font-size: 17px
}
}

.package-card4 .package-card-content .card-content-top ul li span {
color: var(--title-color);
font-weight: 500
}

@media(min-width: 576px) and (max-width:768px) {
.package-card4 .package-card-content .card-content-top {
padding: 20px 10px
}
}

@media(max-width: 576px) {
.package-card4 .package-card-content .card-content-top {
padding: 20px 15px
}
}

.package-card4 .package-card-content .card-content-bottom {
padding: 15px 20px;
border-top: 1px solid rgba(238, 238, 238, .8);
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px
}

@media(min-width: 576px) and (max-width:768px) {
.package-card4 .package-card-content .card-content-bottom {
padding: 15px 10px;
gap: 5px
}
}

.package-card4 .package-card-content .card-content-bottom .price-area {
line-height: 1
}

.package-card4 .package-card-content .card-content-bottom .price-area span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
line-height: 1;
letter-spacing: .26px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 5px
}

.package-card4 .package-card-content .card-content-bottom .price-area h6 {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 800;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4 .package-card-content .card-content-bottom .price-area h6 {
font-size: 20px
}
}

@media(max-width: 576px) {
.package-card4 .package-card-content .card-content-bottom .price-area h6 {
font-size: 22px
}
}

.package-card4 .package-card-content .card-content-bottom .price-area h6 strong {
font-size: 17px;
font-weight: 600
}

.package-card4 .package-card-content .card-content-bottom .price-area h6 span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 11px;
font-weight: 400;
line-height: 1;
letter-spacing: .22px;
text-transform: capitalize
}

.package-card4 .apply-btn {
display: flex;
align-items: center;
background-color: #034ea2;
gap: 5px;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
padding: 10px 20px;
border-radius: 5px;
white-space: nowrap;
position: relative;
overflow: hidden;
z-index: 1;
transition: all .5s ease-out 0s
}

.package-card4 .apply-btn .arrow {
min-width: 18px;
max-width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid var(--white-color);
display: flex;
align-items: center;
justify-content: center;
transition: all .5s ease-out 0s
}

.package-card4 .apply-btn .arrow i {
font-size: 11px;
transform: rotate(-30deg);
color: var(--white-color);
transition: all .5s ease-out 0s
}

.package-card4 .apply-btn::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color2);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.package-card4 .apply-btn:hover {
color: var(--title-color)
}

.package-card4 .apply-btn:hover .arrow {
border: 1px solid var(--title-color)
}

.package-card4 .apply-btn:hover .arrow i {
transform: rotate(0deg);
color: var(--title-color)
}

.package-card4 .apply-btn:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.package-card4:hover .package-card-img img {
transform: scale(1.1)
}

.package-card4.two {
background-image: url(../img/home4/package-card4-bg.png), linear-gradient(180deg, white 0%, white 100%);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05)
}

.package-card4.two .package-card-img {
position: relative
}

@media(max-width: 1399px) {
.package-card4.two .package-card-img {
height: 100%
}
}

.package-card4.two .package-card-img img {
width: 100%
}

@media(max-width: 1399px) {
.package-card4.two .package-card-img img {
height: 100%
}
}

.package-card4.two .package-card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .2)
}

.package-card4.two .package-card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1
}

.package-card4.two .apply-btn {
background-color: var(--primary-color2);
color: var(--title-color);
z-index: 9;
transition: all .5s ease-out 0s
}

.package-card4.two .apply-btn .arrow {
border: 1px solid var(--title-color);
transition: all .5s ease-out 0s
}

.package-card4.two .apply-btn .arrow i {
color: var(--title-color);
transition: all .5s ease-out 0s
}

.package-card4.two .apply-btn::after {
position: absolute;
content: "";
background-color: #034ea2;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.package-card4.two .apply-btn:hover {
color: var(--white-color)
}

.package-card4.two .apply-btn:hover .arrow {
border: 1px solid var(--white-color)
}

.package-card4.two .apply-btn:hover .arrow i {
transform: rotate(0deg);
color: var(--white-color)
}

.package-card4.two .apply-btn:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.package-card4.two .package-card-content {
display: flex;
flex-direction: column;
justify-content: space-between
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card4.two .package-card-content .card-content-top {
padding: 20px 15px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card4.two .package-card-content .card-content-top h5 {
font-size: 20px;
margin-bottom: 20px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-card4.two .package-card-content .card-content-top ul {
gap: 18px
}
}

.package-card4.two:hover .package-card-img img {
transform: none
}

.package-card4.two:hover .package-card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.package-card4.three {
display: block;
background-image: unset;
background-color: var(--white-color)
}

.package-card4.three .package-card-img {
overflow: hidden;
min-width: unset;
max-width: unset
}

.package-card4.three .package-card-img img {
min-width: unset;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 5px 0 0
}

@media(max-width: 767px) {
.package-card4.three .package-card-img img {
width: 100%
}
}

.package-card4.three .package-card-content .card-content-top {
padding: 25px
}

@media(max-width: 1399px) {
.package-card4.three .package-card-content .card-content-top {
padding: 25px 20px
}
}

@media(max-width: 1199px) {
.package-card4.three .package-card-content .card-content-top {
padding: 20px 15px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4.three .package-card-content .card-content-top h5 {
font-size: 18px
}
}

@media(max-width: 576px) {
.package-card4.three .package-card-content .card-content-top h5 {
font-size: 18px
}
}

.package-card4.three .package-card-content .card-content-top ul {
display: block;
-moz-columns: 2;
columns: 2
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4.three .package-card-content .card-content-top ul {
-moz-column-gap: 0;
column-gap: 0
}
}

@media(max-width: 576px) {
.package-card4.three .package-card-content .card-content-top ul {
-moz-column-gap: 0;
column-gap: 0
}
}

.package-card4.three .package-card-content .card-content-top ul li {
margin-bottom: 25px
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4.three .package-card-content .card-content-top ul li {
margin-bottom: 20px;
font-size: 14px
}
}

@media(max-width: 576px) {
.package-card4.three .package-card-content .card-content-top ul li {
margin-bottom: 20px;
font-size: 14px
}
}

.package-card4.three .package-card-content .card-content-top ul li span {
color: var(--title-color);
font-weight: 500
}

.package-card4.three .package-card-content .card-content-top ul li:nth-child(2),
.package-card4.three .package-card-content .card-content-top ul li:last-child {
margin-bottom: 0
}

.package-card4.three .package-card-content .card-content-bottom {
border-top: 1px solid rgba(16, 12, 8, .1)
}

.package-card4.three .package-card-content .card-content-bottom .apply-btn {
padding: 11px 22px;
border-radius: unset
}

.package-card4.four .package-card-img {
min-width: 230px;
max-width: 230px
}

@media(max-width: 576px) {
.package-card4.four .package-card-img {
min-width: unset;
max-width: unset
}
}

.package-card4.four .package-card-img img {
min-width: 230px;
max-width: 230px;
max-height: 260px
}

@media(max-width: 991px) {
.package-card4.four .package-card-img img {
max-height: unset
}
}

@media(max-width: 576px) {
.package-card4.four .package-card-img img {
min-width: unset;
max-width: unset;
min-height: 350px;
max-height: 350px;
-o-object-position: center;
object-position: center;
width: 100%;
border-radius: 5px 5px 0 0
}
}

.package-card4.four .package-card-content {
display: flex;
flex-direction: column;
justify-content: space-between
}

.package-card4.four .package-card-content .card-content-top {
padding: 30px 20px
}

.package-card4.four .package-card-content .card-content-bottom {
padding: 15px 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card4.four {
flex-direction: row
}
}

.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0 14%
}

@media(max-width: 1799px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0 10%
}
}

@media(max-width: 1699px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0 8%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0 2%
}
}

@media(max-width: 1399px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0
}
}

@media(max-width: 1199px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0 20px
}
}

@media(max-width: 767px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0 10px
}
}

@media(max-width: 576px) {
.home4-visa-application-section .package-card4-slider-wrapper {
padding: 0
}
}

.home4-testimonial-section {
background-image: url(../img/home4/hom4-testiomial-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 90px 75px;
position: relative;
overflow: hidden
}

@media(max-width: 1699px) {
.home4-testimonial-section {
padding: 90px 60px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home4-testimonial-section {
padding: 90px 30px
}
}

@media(max-width: 1399px) {
.home4-testimonial-section {
padding: 90px 20px
}
}

@media(min-width: 768px) and (max-width:991px) {
.home4-testimonial-section {
padding: 70px 15px
}
}

@media(max-width: 767px) {
.home4-testimonial-section {
padding: 70px 20px
}
}

@media(max-width: 576px) {
.home4-testimonial-section {
padding: 70px 10px
}
}

.home4-testimonial-section .home4-testimonial-card-slider .swiper-slide {
transition: .5s
}

.home4-testimonial-section .home4-testimonial-card-slider .swiper-slide-next {
margin-top: 30px
}

@media(max-width: 1199px) {
.home4-testimonial-section .home4-testimonial-card-slider .swiper-slide-next {
margin-top: 0
}
}

.home4-testimonial-section .section-title3 h2 {
color: var(--white-color)
}

.home4-testimonial-section .section-title3 h2::after {
background-color: rgba(var(--primary-color2-opc), 0.15)
}

.home4-testimonial-section .section-title3 p {
color: var(--white-color)
}

.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 {
justify-content: space-between;
position: relative;
z-index: 9
}

@media(max-width: 767px) {
.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 {
display: none
}
}

.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 .slider-btn {
cursor: pointer;
transition: .5s
}

.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 .slider-btn svg {
fill: none;
stroke: var(--primary-color2);
transition: .5s
}

.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 .slider-btn:hover svg {
stroke: var(--primary-color1)
}

.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 .slider-btn.swiper-button-disabled {
opacity: .2
}

.home4-testimonial-section .testimonial-card-slider-area .slider-btn-grp5 .slider-btn.swiper-button-disabled:hover svg {
stroke: var(--primary-color2)
}

.home4-testimonial-section::before {
content: url(../img/home4/vector/testi-vector1.svg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0
}

@media(max-width: 991px) {
.home4-testimonial-section::before {
display: none
}
}

.home4-testimonial-section::after {
content: url(../img/home4/vector/testi-vector2.svg);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0
}

@media(max-width: 991px) {
.home4-testimonial-section::after {
display: none
}
}

.home4-blog-section .pt-15 {
padding-top: 15px
}

@media(max-width: 991px) {
.home4-blog-section .pt-15 {
padding-top: 0
}
}

.home4-blog-section .pb-15 {
padding-bottom: 15px
}

@media(max-width: 991px) {
.home4-blog-section .pb-15 {
padding-bottom: 0
}
}

@media(max-width: 1199px) {
.home4-blog-section .blog-card .blog-card-content {
padding: 25px 15px
}
}

@media(max-width: 991px) {
.home4-blog-section .blog-card .blog-card-content .blog-card-content-top ul {
margin-bottom: 15px
}
}

@media(max-width: 1199px) {
.home4-blog-section .blog-card .blog-card-content h5 {
margin-bottom: 20px
}
}

@media(max-width: 1199px) {
.home4-blog-section .blog-card .blog-card-content h5 a {
font-size: 18px
}
}

.home4-activity-counter-section {
background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.6) 0%, rgba(16, 12, 8, 0.6) 100%), url(../img/home4/activity-counter-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 90px 0
}

@media(max-width: 991px) {
.home4-activity-counter-section {
padding: 70px 0
}
}

.home5-banner-area {
background-image: url(../img/home5/home5-banner-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 70px 0;
position: relative;
overflow: hidden;
max-height: 790px;
overflow: hidden
}

@media(max-width: 1699px) {
.home5-banner-area {
padding: 70px 0;
max-height: 765px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner-area {
max-height: 685px
}
}

@media(max-width: 1399px) {
.home5-banner-area {
max-height: 690px
}
}

@media(max-width: 1199px) {
.home5-banner-area {
padding: 60px 2%
}
}

@media(max-width: 576px) {
.home5-banner-area {
padding: 40px 2%
}
}

.home5-banner-area .scroll-text {
writing-mode: vertical-rl
}

.home5-banner-area .scroll-text h2 {
white-space: nowrap;
font-family: var(--font-rubik);
font-size: 60px;
font-weight: 500;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 0;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 1px #5f5d5d;
animation: marqueeTop 50s linear infinite
}

@keyframes marqueeTop {
0% {
transform: translate3d(0, 0, 0)
}

100% {
transform: translate3d(0, -100%, 0)
}
}

.home5-banner-area .banner-wrapper {
position: relative;
max-width: 1370px;
width: 100%
}

@media(max-width: 1699px) {
.home5-banner-area .banner-wrapper {
max-width: 1320px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner-area .banner-wrapper {
max-width: 1150px
}
}

@media(max-width: 1399px) {
.home5-banner-area .banner-wrapper {
max-width: 920px
}
}

@media(max-width: 1199px) {
.home5-banner-area .banner-wrapper {
max-width: 100%
}
}

.home5-banner-area .banner-wrapper img {
max-width: 1370px;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 1699px) {
.home5-banner-area .banner-wrapper img {
max-width: 1320px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner-area .banner-wrapper img {
max-width: 1150px
}
}

@media(max-width: 1399px) {
.home5-banner-area .banner-wrapper img {
max-width: 920px;
min-height: 550px
}
}

@media(max-width: 1199px) {
.home5-banner-area .banner-wrapper img {
max-width: 100%
}
}

.home5-banner-area .banner-wrapper .number-of-img {
position: absolute;
bottom: 15px;
left: 20px;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
display: flex;
align-items: center;
gap: 5px;
z-index: 1
}

.home5-banner-area .banner-wrapper .number-of-img svg {
fill: var(--white-color)
}

.home5-banner-area .banner-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, .3)
}

.home5-banner-area .banner-wrapper .banner-price-card {
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, .44);
background-image: url(../img/home5/banner-price-card-bg.png), linear-gradient(112deg, rgba(34, 34, 34, 0.5) 0%, rgba(34, 34, 34, 0.5) 100%);
-webkit-backdrop-filter: blur(27.5px);
backdrop-filter: blur(27.5px);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -220px;
padding: 125px 40px 55px;
max-width: 445px;
width: 100%;
margin-right: 7.5%;
z-index: 1
}

@media(max-width: 1699px) {
.home5-banner-area .banner-wrapper .banner-price-card {
margin-right: 5%;
right: -190px
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner-area .banner-wrapper .banner-price-card {
right: -170px
}
}

@media(max-width: 1399px) {
.home5-banner-area .banner-wrapper .banner-price-card {
padding: 90px 30px 40px;
max-width: 390px
}
}

@media(max-width: 1199px) {
.home5-banner-area .banner-wrapper .banner-price-card {
right: 0;
margin-right: 0
}
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card {
padding: 80px 15px 30px;
bottom: -100px;
right: unset;
top: unset;
left: 50%;
transform: translateX(-50%)
}
}

.home5-banner-area .banner-wrapper .banner-price-card h4 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 28px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 25px
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card h4 {
font-size: 22px;
margin-bottom: 15px
}
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 25px
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date {
margin-bottom: 15px
}
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .rating-area {
display: flex;
align-items: center;
gap: 8px;
line-height: 1
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .rating-area .rating {
display: flex;
align-items: center;
gap: 4px
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .rating-area .rating li {
line-height: 0
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .rating-area .rating li i {
color: #ffc200;
font-size: 12px
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .rating-area span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 400;
line-height: 1
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .date {
display: flex;
align-items: center;
gap: 5px
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .date svg {
fill: var(--white-color)
}

.home5-banner-area .banner-wrapper .banner-price-card .rating-and-date .date span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.home5-banner-area .banner-wrapper .banner-price-card>ul {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
flex-wrap: wrap;
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, .3);
border-bottom: 1px solid rgba(255, 255, 255, .3);
margin-bottom: 15px
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card>ul {
padding: 15px 0;
gap: 15px
}
}

.home5-banner-area .banner-wrapper .banner-price-card>ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
text-transform: capitalize
}

.home5-banner-area .banner-wrapper .banner-price-card>ul li svg {
fill: var(--white-color)
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card>ul li {
font-size: 13px
}
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: .24px;
text-transform: capitalize
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area h4 {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 26px;
font-weight: 500;
line-height: 22px;
text-transform: capitalize;
margin-bottom: 0
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area h4 del {
color: var(--white-color);
font-size: 15px;
font-weight: 400;
text-transform: capitalize
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area h4 span {
color: var(--white-color);
font-size: 16px
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area h4 {
font-size: 22px
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area h4 del {
font-size: 13px
}
}

.home5-banner-area .banner-wrapper .banner-price-card .banner-price-card-bottom .price-area p {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 10px;
font-weight: 400;
line-height: 22px;
letter-spacing: .2px;
text-transform: capitalize;
margin-bottom: 0
}

.home5-banner-area .banner-wrapper .banner-price-card .batch {
position: absolute;
top: 15px;
left: 0;
z-index: 1
}

@media(max-width: 576px) {
.home5-banner-area .banner-wrapper .banner-price-card .batch {
top: 0
}
}

.home5-banner-area .banner-wrapper .banner-price-card .batch>span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase;
padding: 6px 8px;
background-color: var(--title-color)
}

.home5-banner-area .banner-wrapper .banner-price-card .batch .packcage-name {
border: 1px solid rgba(21, 47, 0, .6);
background: rgba(255, 255, 255, .5);
padding: 6px 10px;
display: flex;
align-items: center;
gap: 7px
}

.home5-banner-area .banner-wrapper .banner-price-card .batch .packcage-name svg {
fill: var(--primary-color1)
}

.home5-banner-area .banner-wrapper .banner-price-card .batch .packcage-name span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 400;
line-height: 1;
text-transform: capitalize
}

.home5-banner-area .slider-btn-grp {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 70px;
display: flex;
flex-direction: column;
gap: 35px;
z-index: 1
}

@media(max-width: 1799px) {
.home5-banner-area .slider-btn-grp {
right: 25px
}
}

@media(max-width: 1699px) {
.home5-banner-area .slider-btn-grp {
right: 20px
}
}

@media(max-width: 1499px) {
.home5-banner-area .slider-btn-grp {
right: 5px
}
}

@media(max-width: 1399px) {
.home5-banner-area .slider-btn-grp {
right: 15px
}
}

@media(max-width: 1199px) {
.home5-banner-area .slider-btn-grp {
display: none
}
}

.home5-banner-area .slider-btn-grp .slider-btn {
border: 1px solid #222
}

.home5-banner-area .slider-btn-grp .slider-btn i {
color: #222;
font-size: 18px
}

.home5-banner-area .slider-btn-grp .slider-btn:hover {
background-color: #034ea2;
border: 1px solid var(--primary-color1)
}

.home5-banner-area .slider-btn-grp .slider-btn:hover i {
color: var(--white-color)
}

@media(max-width: 576px) {
.home5-banner-area .home5-banner-slider {
padding-bottom: 100px
}
}

.activity-card {
position: relative;
border-radius: 5px;
overflow: hidden
}

.activity-card img {
border-radius: 5px;
transition: all .5s ease-out;
width: 300px;
height: 300px;
}

@media(max-width: 991px) {
.activity-card img {
width: 100%
}
}

.activity-card .country-name {
line-height: 1;
background-color: var(--white-color);
padding: 6px 10px;
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase;
position: absolute;
left: 0;
top: 15px;
z-index: 2
}

.activity-card .country-name img {
height: 15px;
width: 20px;
border-radius: 0
}

.activity-card .activity-card-content-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .3);
border-radius: 5px;
padding: 15px;
display: flex;
align-items: end
}

.activity-card .activity-card-content-wrapper .activity-card-content {
background-color: var(--white-color);
padding: 20px 25px;
border-radius: 5px;
display: flex;
align-items: center;
gap: 15px;
width: 100%;
transition: .5s
}

.activity-card .activity-card-content-wrapper .activity-card-content .icon svg {
fill: var(--title-color);
transition: .5s
}

.activity-card .activity-card-content-wrapper .activity-card-content .content {
padding-left: 15px;
border-left: 1px solid rgba(16, 12, 8, .1);
transition: .5s
}

.activity-card .activity-card-content-wrapper .activity-card-content .content h6 {
margin-bottom: 0
}

.activity-card .activity-card-content-wrapper .activity-card-content .content h6 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 500;
line-height: 23px;
text-transform: capitalize;
transition: .5s
}

.activity-card:hover img {
transform: scale(1.1)
}

.activity-card:hover .activity-card-content-wrapper .activity-card-content {
background-color: var(--primary-color1)
}

.activity-card:hover .activity-card-content-wrapper .activity-card-content .icon svg {
fill: var(--white-color)
}

.activity-card:hover .activity-card-content-wrapper .activity-card-content .content {
border-left: 1px solid rgba(255, 255, 255, .1)
}

.activity-card:hover .activity-card-content-wrapper .activity-card-content .content h6 a {
color: var(--white-color)
}

.home5-activity-card-slider-section .activity-card-slider-wrap {
position: relative
}

.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 {
display: block
}

@media(max-width: 1199px) {
.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 {
display: none
}
}

.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -10%
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 .slider-btn {
left: -45px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 .slider-btn {
left: -38px
}
}

.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 .activity-card-slider-next {
right: -10%;
left: unset
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 .activity-card-slider-next {
right: -45px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home5-activity-card-slider-section .activity-card-slider-wrap .slider-btn-grp2 .activity-card-slider-next {
right: -38px
}
}

.home5-about-section {
margin-bottom: 74px;
}

@media(max-width: 1199px) {
.home5-about-section {
margin-bottom: 100px
}
}

@media(max-width: 991px) {
.home5-about-section {
margin-bottom: 90px
}
}

@media(max-width: 767px) {
.home5-about-section {
margin-bottom: 70px
}
}

.home5-about-section .about-img-wrap {
background-image: url(../img/home5/about-img-bg.png);
background-size: cover;
background-repeat: no-repeat
}

@media(max-width: 991px) {
.home5-about-section .about-img-wrap {
display: none
}
}

.home5-about-section .about-img-wrap .about-top-img {
margin-top: -90px;
position: relative
}

@media(max-width: 1199px) {
.home5-about-section .about-img-wrap .about-top-img {
margin-top: 0
}
}

.home5-about-section .about-img-wrap .about-top-img img {
border-radius: 10px
}

@media(max-width: 1199px) {
.home5-about-section .about-img-wrap .about-top-img img {
width: 100%
}
}

.home5-about-section .about-img-wrap .about-top-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .2);
border-radius: 10px
}

.home5-about-section .about-img-wrap .about-bottom-img {
min-width: 376px;
margin-left: -190px;
margin-bottom: -130px;
position: relative
}

.home5-about-section .about-img-wrap .about-bottom-img img {
border-radius: 10px
}

.home5-about-section .about-img-wrap .about-bottom-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .2);
border-radius: 10px
}

@media(max-width: 1199px) {
.home5-about-section .about-img-wrap .about-bottom-img {
display: none
}
}

@media(max-width: 1399px) {
.home5-about-section .about-content .section-title4 h2 {
font-size: 40px
}
}

@media(max-width: 1199px) {
.home5-about-section .about-content .section-title4 h2 {
font-size: 35px
}
}

@media(max-width: 576px) {
.home5-about-section .about-content .section-title4 h2 {
font-size: 25px
}
}

.home5-about-section .about-content .facility-card {
background-color: rgba(var(--primary-color1-opc), 0.1);
border-radius: 10px;
display: flex;
align-items: center;
transform: rotate(-3deg)
}

@media(max-width: 576px) {
.home5-about-section .about-content .facility-card {
transform: rotate(0deg)
}
}

.home5-about-section .about-content .facility-card .icon {
padding: 15px 10px;
background-color: rgba(var(--primary-color1-opc), 0.3);
border-radius: 5px 0 0 5px;
display: flex;
align-items: center;
justify-content: center
}

@media(min-width: 992px) and (max-width:1199px) {
.home5-about-section .about-content .facility-card .icon {
padding: 20px 10px
}
}

.home5-about-section .about-content .facility-card .icon svg {
fill: var(--primary-color1)
}

.home5-about-section .about-content .facility-card .content {
padding: 20px 15px
}

@media(max-width: 1399px) {
.home5-about-section .about-content .facility-card .content {
padding: 20px 12px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home5-about-section .about-content .facility-card .content {
padding: 12px
}
}

.home5-about-section .about-content .facility-card .content h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .34px;
text-transform: capitalize;
margin-bottom: 0;
transition: .5s
}

@media(min-width: 576px) and (max-width:768px) {
.home5-about-section .about-content .facility-card .content h6 {
font-size: 15px
}
}

.home5-about-section .about-content .facility-card.two {
transform: rotate(3deg)
}

@media(max-width: 576px) {
.home5-about-section .about-content .facility-card.two {
transform: rotate(0deg)
}
}

.home5-about-section .about-content .content-bottom-area {
display: flex;
align-items: center;
gap: 40px
}

@media(max-width: 576px) {
.home5-about-section .about-content .content-bottom-area {
flex-wrap: wrap;
gap: 20px
}
}

.home5-about-section .about-content .content-bottom-area .hotline-area {
display: flex;
align-items: center;
gap: 10px
}

.home5-about-section .about-content .content-bottom-area .hotline-area .icon {
width: 47px;
height: 47px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center
}

.home5-about-section .about-content .content-bottom-area .hotline-area .icon svg {
fill: var(--primary-color1)
}

.home5-about-section .about-content .content-bottom-area .hotline-area .content {
line-height: 1
}

.home5-about-section .about-content .content-bottom-area .hotline-area .content span {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 14px;
line-height: 1;
color: var(--title-color);
margin-bottom: 5px;
display: inline-block
}

.home5-about-section .about-content .content-bottom-area .hotline-area .content h6 {
margin-bottom: 0;
line-height: 1
}

.home5-about-section .about-content .content-bottom-area .hotline-area .content h6 a {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--primary-color1);
transition: .5s
}

.home5-about-section .about-content .content-bottom-area .hotline-area .content h6 a:hover {
color: var(--primary-color2)
}

.destination-card3 {
border-radius: 10px;
position: relative
}

.destination-card3 .destination-card-img {
position: relative;
display: block;
border-radius: 10px 10px 0 0;
overflow: hidden;
transition: all .5s ease-out
}

.destination-card3 .destination-card-img img {
border-radius: 10px 10px 0 0;
transition: all .5s ease-out;
width: 100%;
height: 286px;
}

.destination-card3 .destination-card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .2);
border-radius: 10px 10px 0 0;
z-index: 1
}

.destination-card3 .destination-card-content {
border: 1px solid #edeaea;
border-top: unset;
background: #fcf7f2;
text-align: center;
padding: 20px;
border-radius: 0 0 10px 10px;
transition: .5s
}

.destination-card3 .destination-card-content h4 {
line-height: 1;
margin-bottom: 0
}

.destination-card3 .destination-card-content h4 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.destination-card3 .destination-card-content h4 a {
font-size: 22px
}
}

@media(max-width: 576px) {
.destination-card3 .destination-card-content h4 a {
font-size: 22px
}
}

.destination-card3 .batch {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
line-height: 1;
transition: .5s;
z-index: 2
}

.destination-card3 .batch span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
display: inline-block;
padding: 7px 16px;
border-radius: 10px 0 10px 0;
background-color: var(--primary-color1)
}

.destination-card3:hover .destination-card-img img {
transform: scale(1.1)
}

.destination-card3:hover .batch {
opacity: 1;
transform: scaleY(1)
}

.destination-card3:hover .destination-card-content {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.destination-card3:hover .destination-card-content h4 a {
color: var(--white-color)
}

.destination-card3.location-card {
max-width: 250px;
min-width: 250px;
box-shadow: 0 25px 25px rgba(0, 0, 0, .1)
}

@media(max-width: 576px) {
.destination-card3.location-card {
max-width: 150px;
min-width: 150px;
border-radius: 5px
}
}

.destination-card3.location-card .batch {
opacity: 1;
transform: scaleY(1)
}

.destination-card3.location-card .destination-card-content {
background-color: var(--white-color);
border: unset;
line-height: 1;
padding: 15px
}

@media(max-width: 767px) {
.destination-card3.location-card .destination-card-content {
border-radius: 10px
}
}

@media(max-width: 576px) {
.destination-card3.location-card .destination-card-content {
border-radius: 5px
}
}

.destination-card3.location-card .destination-card-content h4 a {
font-size: 22px
}

@media(max-width: 576px) {
.destination-card3.location-card .destination-card-content h4 a {
font-size: 18px
}
}

.destination-card3.location-card .destination-card-content span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
padding-top: 10px;
display: none
}

@media(max-width: 767px) {
.destination-card3.location-card .destination-card-content span {
display: block
}
}

@media(max-width: 576px) {
.destination-card3.location-card .destination-card-content span {
font-size: 13px;
padding-top: 7px
}
}

.destination-card3.location-card:hover .destination-card-img img {
transform: scale(1.1)
}

.destination-card3.location-card:hover .batch {
opacity: 1;
transform: scaleY(1)
}

.destination-card3.location-card:hover .destination-card-content {
background-color: var(--white-color)
}

.destination-card3.location-card:hover .destination-card-content h4 a {
color: var(--title-color)
}

.home5-destination-card-slider-section {
padding: 0px 7%;
/* padding: 4px  2px; */
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-destination-card-slider-section {
padding: 0 2%
}
}

@media(max-width: 1399px) {
.home5-destination-card-slider-section {
padding: 0 2%
}
}

@media(max-width: 767px) {
.home5-destination-card-slider-section {
padding: 0 10px
}
}

@media(max-width: 576px) {
.home5-destination-card-slider-section {
padding: 0
}
}

.home5-destination-card-slider-section .destination-card-slider-wrap {
background-image: url(../img/home5/destination-card-slider-bg.png), linear-gradient(180deg, #fff9f3 0%, #fff9f3 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 10px 5.5%;
background: rgb(234 234 234);
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-destination-card-slider-section .destination-card-slider-wrap {
padding: 90px 8%
}
}

@media(max-width: 1399px) {
.home5-destination-card-slider-section .destination-card-slider-wrap {
padding: 48px 4%;
}
}

@media(max-width: 1199px) {
.home5-destination-card-slider-section .destination-card-slider-wrap {
padding: 70px 3%
}
}

@media(max-width: 767px) {
.home5-destination-card-slider-section .destination-card-slider-wrap {
padding: 60px 3%
}
}

@media(max-width: 576px) {
.home5-destination-card-slider-section .destination-card-slider-wrap {
padding: 50px 20px
}
}

.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider {
position: relative
}

.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .destination-card3-slider {
padding: 0 10px;
margin: 0 -10px
}

.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 {
display: block
}

@media(max-width: 767px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 {
display: none
}
}

.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -14.5%
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .slider-btn {
left: -11%
}
}

@media(max-width: 1399px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .slider-btn {
left: -6%
}
}

@media(max-width: 1199px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .slider-btn {
left: -5.5%
}
}

.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .destination-card3-slider-next {
right: -14.5%;
left: unset
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .destination-card3-slider-next {
right: -11%
}
}

@media(max-width: 1399px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .destination-card3-slider-next {
right: -6%
}
}

@media(max-width: 1199px) {
.home5-destination-card-slider-section .destination-card-slider-wrap .destination-card-with-slider .slider-btn-grp2 .destination-card3-slider-next {
right: -5.5%
}
}

@media(max-width: 1399px) {
.home5-feature-section .feature-content .section-title4 h2 {
font-size: 40px
}
}

@media(max-width: 1199px) {
.home5-feature-section .feature-content .section-title4 h2 {
font-size: 35px
}
}

@media(max-width: 576px) {
.home5-feature-section .feature-content .section-title4 h2 {
font-size: 25px
}
}

.home5-feature-section .feature-content .feature-card3 {
border-radius: 5px;
background: rgba(var(--primary-color1-opc), 0.1);
padding: 25px 20px;
text-align: start;
display: flex;
align-items: center;
gap: 15px;
width: 100%;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.home5-feature-section .feature-content .feature-card3 {
padding: 25px 15px;
gap: 12px
}
}

.home5-feature-section .feature-content .feature-card3 .icon svg {
fill: var(--title-color);
transition: .5s
}

.home5-feature-section .feature-content .feature-card3 .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 0;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.home5-feature-section .feature-content .feature-card3 .content h5 {
font-size: 17px
}
}

.home5-feature-section .feature-content .feature-card3:hover {
background-color: var(--primary-color1)
}

.home5-feature-section .feature-content .feature-card3:hover .icon svg {
fill: var(--white-color)
}

.home5-feature-section .feature-content .feature-card3:hover .content h5 {
color: var(--white-color)
}

.home5-feature-section .feature-img-wrap {
position: relative;
width: 100%;
padding-left: 110px
}

@media(max-width: 991px) {
.home5-feature-section .feature-img-wrap {
display: none
}
}

.home5-feature-section .feature-img-wrap .feature-top-img {
position: relative;
max-width: 520px;
width: 100%;
border-radius: 340px
}

.home5-feature-section .feature-img-wrap .feature-top-img img {
border-radius: 340px
}

.home5-feature-section .feature-img-wrap .feature-top-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .3);
border-radius: 340px
}

.home5-feature-section .feature-img-wrap .feature-bottom-img {
position: absolute;
max-width: 368px;
width: 100%;
border-radius: 300px;
bottom: 0;
left: 0;
border: 9px solid var(--white-color)
}

.home5-feature-section .feature-img-wrap .feature-bottom-img img {
max-width: 368px;
border-radius: 300px;
width: 100%
}

.home5-feature-section .feature-img-wrap .feature-bottom-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .2);
border-radius: 300px
}

.home5-banner2-section {
padding: 0 7%
}

@media(max-width: 1699px) {
.home5-banner2-section {
padding: 0 4%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner2-section {
padding: 0 2%
}
}

@media(max-width: 1399px) {
.home5-banner2-section {
padding: 0 2%
}
}

@media(max-width: 991px) {
.home5-banner2-section {
padding: 0 10px
}
}

@media(max-width: 576px) {
.home5-banner2-section {
padding: 0
}
}

.home5-banner2-section .swiper-slide-active span {
animation: fadeInDown 1.7s
}

.home5-banner2-section .swiper-slide-active h2 {
animation: fadeInDown 1.7s
}

.home5-banner2-section .swiper-slide-active p {
animation: fadeInUp 1.7s
}

.home5-banner2-section .swiper-slide-active a {
animation: fadeInUp 1.7s
}

.home5-banner2-section .home5-banner2-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
padding: 160px 0 160px 80px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner2-section .home5-banner2-wrapper {
padding: 150px 0 150px 50px
}
}

@media(max-width: 1399px) {
.home5-banner2-section .home5-banner2-wrapper {
padding: 150px 0 150px 40px
}
}

@media(max-width: 1199px) {
.home5-banner2-section .home5-banner2-wrapper {
padding: 100px 0 100px 30px
}
}

@media(max-width: 991px) {
.home5-banner2-section .home5-banner2-wrapper {
background-position: 70%;
padding: 90px 0 90px 20px
}
}

@media(max-width: 767px) {
.home5-banner2-section .home5-banner2-wrapper {
padding: 70px 20px;
background-image: unset !important;
background-color: #f9f4f0
}
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content {
text-align: center;
max-width: 520px;
width: 100%
}

@media(max-width: 1399px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content {
max-width: 380px
}
}

@media(max-width: 1199px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content {
max-width: 340px
}
}

@media(max-width: 991px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content {
max-width: 300px
}
}

@media(max-width: 767px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content {
margin: 0 auto;
max-width: 500px
}
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content>span {
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 25px;
font-weight: 400;
line-height: 1;
display: inline-block;
margin-bottom: 15px
}

@media(min-width: 992px) and (max-width:1199px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content>span {
margin-bottom: 10px
}
}

@media(max-width: 767px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content>span {
margin-bottom: 10px
}
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 57px;
font-weight: 700;
line-height: 1.1
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 {
font-size: 50px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 {
font-size: 42px
}
}

@media(max-width: 1199px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 {
font-size: 35px
}
}

@media(max-width: 991px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 {
font-size: 32px
}
}

@media(max-width: 576px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 {
font-size: 30px
}
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 strong {
color: var(--primary-color2);
font-size: 45px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 strong {
font-size: 40px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 strong {
font-size: 38px
}
}

@media(max-width: 1199px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 strong {
font-size: 30px
}
}

@media(max-width: 991px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content h2 strong {
font-size: 28px;
font-weight: 600
}
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1.7;
letter-spacing: .54px;
text-transform: capitalize
}

@media(max-width: 1199px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content p {
font-size: 16px;
margin: 0 auto 20px
}
}

@media(max-width: 991px) {
.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content p {
font-size: 15px
}
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content .primary-btn5 {
padding: 17px 33px
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content .primary-btn5 span {
font-size: 16px;
font-weight: 600
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content.two>span {
color: var(--title-color)
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content.two h2 {
color: var(--white-color)
}

.home5-banner2-section .home5-banner2-wrapper .home5-banner2-content.two p {
color: var(--white-color)
}

.home5-banner2-section .home5-banner2-slider {
position: relative
}

.home5-banner2-section .home5-banner2-slider .swiper-pagination5 {
position: absolute;
bottom: 20px;
left: unset;
right: 20px;
width: unset !important;
display: flex;
z-index: 9;
gap: 15px
}

@media(max-width: 767px) {
.home5-banner2-section .home5-banner2-slider .swiper-pagination5 {
right: unset;
left: 50%;
transform: translateX(-50%)
}
}

@media(max-width: 576px) {
.home5-banner2-section .home5-banner2-slider .swiper-pagination5 {
display: none
}
}

.home5-banner2-section .home5-banner2-slider .swiper-pagination5 .swiper-pagination-bullet {
height: 16px;
width: 16px;
background-color: transparent;
border: 1px solid var(--title-color);
opacity: 1;
position: relative
}

.home5-banner2-section .home5-banner2-slider .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color1)
}

.home5-banner2-section .home5-banner2-slider .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #034ea2;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}

.home5-banner2-section .home5-banner2-slider::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
background-image: url(../img/home5/vector/pagination-bg.svg);
width: 200px;
height: 141px
}

@media(max-width: 767px) {
.home5-banner2-section .home5-banner2-slider::after {
display: none
}
}

.map-wrap {
position: relative
}

.map-wrap img {
-o-object-fit: cover;
object-fit: cover
}

.map-wrap .country-area {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}

.map-wrap .country-area>ul {
height: 100px
}

.map-wrap .country-area>ul>li {
display: inline-flex;
position: absolute
}

.map-wrap .country-area>ul>li:nth-child(1) {
left: 31%;
bottom: 27%
}

.map-wrap .country-area>ul>li:nth-child(2) {
left: 15%;
bottom: 57%
}

.map-wrap .country-area>ul>li:nth-child(3) {
left: 17%;
top: 27%
}

.map-wrap .country-area>ul>li:nth-child(4) {
left: 38%;
top: 15%
}

.map-wrap .country-area>ul>li:nth-child(5) {
right: 19%;
top: 17%
}

.map-wrap .country-area>ul>li:nth-child(6) {
right: 41%;
top: 35%
}

.map-wrap .country-area>ul>li:nth-child(7) {
right: 17%;
top: 40%
}

.map-wrap .country-area>ul>li:nth-child(8) {
right: 44%;
top: 53%
}

.map-wrap .country-area>ul>li:nth-child(9) {
right: 45%;
bottom: 22%
}

.map-wrap .country-area>ul>li:nth-child(10) {
right: 8%;
bottom: 19%
}

.map-wrap .country-area>ul>li .dot-main {
position: relative;
display: inline-block;
cursor: pointer
}

.map-wrap .country-area>ul>li .dot-main .waves {
position: absolute;
width: 35px;
height: 35px;
background: var(--primary-color1);
filter: blur(2px);
opacity: 0;
border-radius: 100%;
right: -16px;
bottom: -8px;
z-index: 1;
animation: waves 3s ease-in-out infinite
}

@media(max-width: 576px) {
.map-wrap .country-area>ul>li .dot-main .waves {
width: 20px;
height: 20px
}
}

.map-wrap .country-area>ul>li .dot-main .waves.wave-1 {
animation-delay: 0s
}

.map-wrap .country-area>ul>li .dot-main .waves.wave-2 {
animation-delay: 1s
}

.map-wrap .country-area>ul>li .dot-main .waves.wave-3 {
animation-delay: 2s;
background: var(--primary-color)
}

@keyframes waves {
0% {
transform: scale(.2, .2);
opacity: 0;
-ms-filter: "alpha(opacity=0)"
}

50% {
opacity: .9;
-ms-filter: "alpha(opacity=90)"
}

100% {
transform: scale(.9, .9);
opacity: 0;
-ms-filter: "alpha(opacity=0)"
}
}

.map-wrap .country-area>ul>li .destination-card3 {
position: absolute;
left: 50%;
bottom: 25px;
transform: translateX(-50%) scale(0);
transition: .5s;
z-index: 2
}

.map-wrap .country-area>ul>li .destination-card3::after {
content: "";
height: 18px;
width: 18px;
border: 1px solid #eee;
border-top: unset;
border-left: unset;
background-color: var(--white-color);
display: block;
position: absolute;
left: 50%;
bottom: -9px;
transform: translateX(-50%) rotate(45deg)
}

@media(max-width: 767px) {
.map-wrap .country-area>ul>li .destination-card3 .destination-card-img {
display: none
}
}

.map-wrap .country-area>ul>li.active .location-card {
transform: translateX(-50%) scale(1)
}

.map-wrap .counter-wrap {
border: 1px solid #eee;
display: inline-flex;
flex-direction: column;
align-items: center;
padding: 80px 40px
}

@media(max-width: 1199px) {
.map-wrap .counter-wrap {
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 60px 20px
}
}

@media(max-width: 767px) {
.map-wrap .counter-wrap {
flex-direction: column;
width: unset;
justify-content: start;
align-items: start;
padding: 60px 20px
}
}

@media(max-width: 576px) {
.map-wrap .counter-wrap {
display: flex
}
}

.map-wrap .counter-wrap .single-counter {
display: flex;
gap: 30px;
padding: 50px 0;
min-width: 230px
}

@media(max-width: 1399px) {
.map-wrap .counter-wrap .single-counter {
padding: 30px 0
}
}

@media(max-width: 1199px) {
.map-wrap .counter-wrap .single-counter {
padding: 30px 0
}
}

@media(max-width: 991px) {
.map-wrap .counter-wrap .single-counter {
padding: 20px 0
}
}

.map-wrap .counter-wrap .single-counter:first-child {
padding-top: 0
}

@media(max-width: 1199px) {
.map-wrap .counter-wrap .single-counter:first-child {
padding: 0
}
}

@media(max-width: 767px) {
.map-wrap .counter-wrap .single-counter:first-child {
padding: 30px 0;
padding-top: 0
}
}

.map-wrap .counter-wrap .single-counter:last-child {
padding-bottom: 0
}

@media(max-width: 1199px) {
.map-wrap .counter-wrap .single-counter:last-child {
padding: 0
}
}

@media(max-width: 767px) {
.map-wrap .counter-wrap .single-counter:last-child {
padding: 30px 0;
padding-bottom: 0
}
}

.map-wrap .counter-wrap .single-counter .icon svg {
fill: #566064
}

.map-wrap .counter-wrap .single-counter .content .number {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 10px;
margin-top: -6px
}

.map-wrap .counter-wrap .single-counter .content .number h2 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 600;
line-height: 1
}

.map-wrap .counter-wrap .single-counter .content .number>span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 600;
line-height: 1
}

.map-wrap .counter-wrap .single-counter .content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500
}

.home5-testimonal-slider-section .rating-area {
display: flex;
align-items: center;
gap: 30px
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .rating-area {
gap: 10px
}
}

.home5-testimonal-slider-section .rating-area li {
background-color: var(--white-color);
border-radius: 10px;
box-shadow: 0 0 45px 0 rgba(0, 0, 0, .08);
padding: 10px 22px
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .rating-area li {
padding: 10px 15px
}
}

.home5-testimonal-slider-section .rating-area li .logo {
margin-bottom: 6px
}

.home5-testimonal-slider-section .rating-area li .star {
display: flex;
align-items: center;
gap: 5px;
line-height: 1
}

.home5-testimonal-slider-section .rating-area li .star span {
color: var(--title-color);
font-size: 13px
}

@media(max-width: 991px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonal-slider-left-img {
display: none
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonal-slider-left-img img {
border-radius: 5px
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area {
margin-left: -70px
}

@media(max-width: 991px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area {
margin-left: 0
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .swiper-slide-active .testi-content-top {
animation: fadeInDown 1.7s
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .swiper-slide-active .author-name-desig {
animation: fadeInUp 1.7s
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper {
display: flex;
align-items: center;
gap: 25px
}

@media(max-width: 767px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper {
gap: 15px
}
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper {
flex-direction: column
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-img {
min-width: 115px;
max-width: 115px;
height: 115px;
border-radius: 50%
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-img img {
min-width: 115px;
max-width: 115px;
min-height: 115px;
max-height: 115px;
border-radius: 50%;
border: 5px solid var(--white-color);
-o-object-fit: cover;
object-fit: cover
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content {
width: 100%
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 30px
}

@media(max-width: 991px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top {
margin-bottom: 20px
}
}

@media(max-width: 767px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top {
margin-bottom: 15px
}
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top {
margin-bottom: 10px
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title .rating {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 15px
}

@media(max-width: 991px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title .rating {
margin-bottom: 10px
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title .rating li {
line-height: 1
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title .rating li i {
color: #ffc107
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title h4 {
color: var(--Title, #100C08);
font-family: var(--font-rubik);
font-size: 32px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .96px;
margin-bottom: 0
}

@media(max-width: 767px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title h4 {
font-size: 28px
}
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .rating-title h4 {
font-size: 25px
}
}

@media(max-width: 767px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .quote {
display: none
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .testi-content-top .quote svg {
fill: var(--title-color)
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 22px;
font-weight: 400;
line-height: 1.9;
margin-bottom: 50px
}

@media(max-width: 1199px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content p {
font-size: 18px;
margin-bottom: 40px
}
}

@media(max-width: 991px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content p {
margin-bottom: 35px
}
}

@media(max-width: 767px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content p {
font-size: 16px;
margin-bottom: 25px
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .author-name-desig h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .author-name-desig h5 {
font-size: 20px
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .author-name-desig span {
color: var(--primary-color1);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1
}

@media(max-width: 576px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .testimonial-wrapper .testi-content .author-name-desig span {
font-size: 16px
}
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .home5-testimonal-slider {
position: relative
}

.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .home5-testimonal-slider .slider-btn-grp5 {
position: absolute;
right: 0;
bottom: 15px;
z-index: 9
}

@media(max-width: 767px) {
.home5-testimonal-slider-section .testimonal-slider-wrap .testimonial-slider-area .home5-testimonal-slider .slider-btn-grp5 {
display: none
}
}

.home5-visa-application-section {
padding: 0 7%
}

@media(max-width: 1699px) {
.home5-visa-application-section {
padding: 0 4%
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-visa-application-section {
padding: 0 2%
}
}

@media(max-width: 1399px) {
.home5-visa-application-section {
padding: 0 2%
}
}

.home5-visa-application-section .visa-application-wrapper {
background-image: url(../img/home5/visa-application-section-bg.png), linear-gradient(180deg, #edf2f5 0%, #edf2f5 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 110px 7%
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-visa-application-section .visa-application-wrapper {
padding: 110px 5%
}
}

@media(max-width: 1399px) {
.home5-visa-application-section .visa-application-wrapper {
padding: 110px 2%
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home5-visa-application-section .visa-application-wrapper {
padding: 110px 10px
}
}

@media(max-width: 1199px) {
.home5-visa-application-section .visa-application-wrapper {
padding: 90px 2%
}
}

@media(max-width: 767px) {
.home5-visa-application-section .visa-application-wrapper {
padding: 70px 2%
}
}

.home5-teams-section .teams-slider-area .home5-teams-card-slider {
padding: 10px;
margin: -10px
}

.home5-teams-section .teams-pagination-area .teams-pagination {
width: unset !important;
display: flex;
gap: 15px
}

.home5-teams-section .teams-pagination-area .teams-pagination .swiper-pagination-bullet {
height: 16px;
width: 16px;
background-color: transparent;
border: 1px solid var(--title-color);
opacity: 1;
position: relative
}

.home5-teams-section .teams-pagination-area .teams-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color1)
}

.home5-teams-section .teams-pagination-area .teams-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #034ea2;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}

.home5-banner3-section {
background-image: linear-gradient(90deg, rgba(249, 244, 240, 0) 38.83%, #F9F4F0 46.62%), url(../img/home5/home5-banner3-img.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: left;
overflow: hidden;
padding: 120px 20% 120px 0
}

@media(max-width: 1699px) {
.home5-banner3-section {
padding: 120px 17% 120px 0
}
}

@media(min-width: 1400px) and (max-width:1599px) {
.home5-banner3-section {
padding: 120px 12% 120px 0
}
}

@media(max-width: 1399px) {
.home5-banner3-section {
padding: 120px 6% 120px 0
}
}

@media(max-width: 1199px) {
.home5-banner3-section {
padding: 120px 6% 120px 0
}
}

@media(max-width: 991px) {
.home5-banner3-section {
padding: 100px 3% 100px 0
}
}

@media(max-width: 767px) {
.home5-banner3-section {
padding: 70px 2% 70px 0
}
}

@media(max-width: 576px) {
.home5-banner3-section {
background-color: #f9f4f0;
background-image: unset;
padding: 60px 0
}
}

.home5-banner3-section .home5-banner3-content {
position: relative;
max-width: 564px;
width: 100%;
margin-left: auto;
text-align: center
}

@media(max-width: 1199px) {
.home5-banner3-section .home5-banner3-content {
max-width: 460px
}
}

@media(max-width: 991px) {
.home5-banner3-section .home5-banner3-content {
max-width: 370px
}
}

@media(max-width: 767px) {
.home5-banner3-section .home5-banner3-content {
max-width: 290px
}
}

@media(max-width: 576px) {
.home5-banner3-section .home5-banner3-content {
margin: 0 auto
}
}

.home5-banner3-section .home5-banner3-content h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 50px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 15px
}

@media(max-width: 1199px) {
.home5-banner3-section .home5-banner3-content h2 {
font-size: 45px
}
}

@media(max-width: 991px) {
.home5-banner3-section .home5-banner3-content h2 {
font-size: 35px
}
}

@media(max-width: 767px) {
.home5-banner3-section .home5-banner3-content h2 {
font-size: 28px;
margin-bottom: 10px
}
}

.home5-banner3-section .home5-banner3-content p {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .16px;
margin-bottom: 35px
}

@media(max-width: 767px) {
.home5-banner3-section .home5-banner3-content p {
font-size: 15px;
margin-bottom: 20px
}
}

.home5-banner3-section .home5-banner3-content .from-inner {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(var(--primary-color1-opc), 0.5);
border-radius: 10px
}

@media(max-width: 576px) {
.home5-banner3-section .home5-banner3-content .from-inner {
border-radius: 5px
}
}

.home5-banner3-section .home5-banner3-content .from-inner input {
background: 0 0;
border: none;
outline: none;
color: var(--title-color);
font-size: 12px;
font-family: var(--font-rubik);
width: 100%;
height: 48px;
padding: 10px 20px
}

@media(max-width: 576px) {
.home5-banner3-section .home5-banner3-content .from-inner input {
height: 42px
}
}

.home5-banner3-section .home5-banner3-content .from-inner input::-moz-placeholder {
color: rgba(16, 12, 8, .4)
}

.home5-banner3-section .home5-banner3-content .from-inner input::placeholder {
color: rgba(16, 12, 8, .4)
}

.home5-banner3-section .home5-banner3-content .from-inner button {
background-color: #034ea2;
padding: 9px 16px;
border-radius: 0 10px 10px 0
}

@media(max-width: 576px) {
.home5-banner3-section .home5-banner3-content .from-inner button {
border-radius: 0 5px 5px 0;
padding: 6px 16px
}
}

.home5-banner3-section .home5-banner3-content .from-inner button svg {
stroke: var(--white-color)
}

.package-card5 {
position: relative;
transition: .5s
}

@media(max-width: 576px) {
.package-card5>img {
width: 100%;
max-height: 380px;
-o-object-fit: cover;
object-fit: cover
}
}

.package-card5 .card-content-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, .7);
display: flex;
align-items: end;
transition: .75s;
transform-origin: bottom;
opacity: 0;
transform: scaleY(0)
}

.package-card5 .card-content-wrapper .batch {
position: absolute;
top: 20px;
left: 0
}

.package-card5 .card-content-wrapper .batch>span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase;
padding: 6px 8px;
background-color: var(--title-color)
}

.package-card5 .card-content-wrapper .batch .packcage-name {
border: 1px solid rgba(16, 12, 8, .5);
background: #fff;
padding: 6px 10px;
display: flex;
align-items: center;
gap: 7px
}

.package-card5 .card-content-wrapper .batch .packcage-name svg {
fill: var(--primary-color1)
}

.package-card5 .card-content-wrapper .batch .packcage-name span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 400;
line-height: 1;
text-transform: capitalize
}

.package-card5 .card-content-wrapper .package-card-content {
padding: 40px 35px
}

@media(min-width: 1400px) and (max-width:1599px) {
.package-card5 .card-content-wrapper .package-card-content {
padding: 40px 18px
}
}

@media(max-width: 1399px) {
.package-card5 .card-content-wrapper .package-card-content {
padding: 40px 18px 30px
}
}

@media(max-width: 767px) {
.package-card5 .card-content-wrapper .package-card-content {
padding: 40px 15px 20px
}
}

.package-card5 .card-content-wrapper .package-card-content h3 {
margin-bottom: 20px;
line-height: 1.2
}

.package-card5 .card-content-wrapper .package-card-content h3 a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 500;
transition: .5s
}

@media(min-width: 1400px) and (max-width:1599px) {
.package-card5 .card-content-wrapper .package-card-content h3 a {
font-size: 25px
}
}

@media(max-width: 1399px) {
.package-card5 .card-content-wrapper .package-card-content h3 a {
font-size: 23px
}
}

@media(max-width: 767px) {
.package-card5 .card-content-wrapper .package-card-content h3 a {
font-size: 20px
}
}

.package-card5 .card-content-wrapper .package-card-content h3 a:hover {
color: var(--primary-color1)
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 25px;
flex-wrap: wrap
}

@media(min-width: 1400px) and (max-width:1599px) {
.package-card5 .card-content-wrapper .package-card-content .rating-and-date {
gap: 10px
}
}

@media(max-width: 767px) {
.package-card5 .card-content-wrapper .package-card-content .rating-and-date {
gap: 10px;
margin-bottom: 20px
}
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .rating-area {
display: flex;
align-items: center;
gap: 8px;
line-height: 1
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .rating-area .rating {
display: flex;
align-items: center;
gap: 4px
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .rating-area .rating li {
line-height: 0
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .rating-area .rating li i {
color: #ffc200;
font-size: 12px
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .rating-area span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 1
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .date {
display: flex;
align-items: center;
gap: 5px
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .date svg {
fill: var(--white-color)
}

.package-card5 .card-content-wrapper .package-card-content .rating-and-date .date span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.package-card5 .card-content-wrapper .package-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, .3)
}

.package-card5 .card-content-wrapper .package-card-content .card-content-bottom .price-area span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 400;
line-height: 22px;
letter-spacing: .24px;
text-transform: capitalize;
margin-bottom: 0
}

.package-card5 .card-content-wrapper .package-card-content .card-content-bottom .price-area h6 {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 26px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

@media(min-width: 992px) and (max-width:1199px) {
.package-card5 .card-content-wrapper .package-card-content .card-content-bottom .price-area h6 {
font-size: 20px
}
}

@media(max-width: 576px) {
.package-card5 .card-content-wrapper .package-card-content .card-content-bottom .price-area h6 {
font-size: 22px
}
}

.package-card5 .card-content-wrapper .package-card-content .card-content-bottom .price-area h6 span {
font-size: 16px;
color: var(--primary-color1)
}

.package-card5 .card-content-wrapper .package-card-content .card-content-bottom .price-area p {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 10px;
font-weight: 400;
line-height: 22px;
letter-spacing: .2px;
text-transform: capitalize;
margin-bottom: 0
}

.package-card5:hover .card-content-wrapper {
opacity: 1;
transform: scaleY(1)
}

.package-card5.destination .card-content-wrapper .package-card-content {
text-align: center
}

.package-card5.destination .card-content-wrapper .package-card-content .icon {
margin-bottom: 20px
}

@media(max-width: 1399px) {
.package-card5.destination .card-content-wrapper .package-card-content .icon {
margin-bottom: 15px
}
}

.package-card5.destination .card-content-wrapper .package-card-content h1,
.package-card5.destination .card-content-wrapper .package-card-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 45px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 1.35px;
margin-bottom: 20px
}

@media(min-width: 1400px) and (max-width:1599px) {

.package-card5.destination .card-content-wrapper .package-card-content h1,
.package-card5.destination .card-content-wrapper .package-card-content h2 {
font-size: 40px
}
}

@media(max-width: 1399px) {

.package-card5.destination .card-content-wrapper .package-card-content h1,
.package-card5.destination .card-content-wrapper .package-card-content h2 {
font-size: 30px;
margin-bottom: 15px
}
}

.package-card5.destination .card-content-wrapper .package-card-content p {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .48px;
margin-bottom: 45px
}

@media(max-width: 1399px) {
.package-card5.destination .card-content-wrapper .package-card-content p {
margin-bottom: 35px
}
}

@media(max-width: 767px) {
.package-card5.destination .card-content-wrapper .package-card-content p {
font-size: 15px;
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.package-card5.destination .card-content-wrapper .package-card-content .primary-btn1 {
font-size: 14px;
font-weight: 500;
padding: 14px 30px
}
}

.home6-banner-area {
background-image: url(../img/home6/home6-banner-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 130px 20px 40px;
position: relative
}

@media(min-width: 1400px) and (max-width:1599px) {
.home6-banner-area {
padding: 130px 15px 40px
}
}

@media(max-width: 1399px) {
.home6-banner-area {
padding: 130px 15px 40px
}
}

@media(max-width: 767px) {
.home6-banner-area {
padding: 110px 20px 40px
}
}

@media(max-width: 576px) {
.home6-banner-area {
padding: 110px 0 40px
}
}

.home6-banner-area .bannner-slider-wrapper .slider-btn-grp6 {
padding-top: 30px
}

@media(max-width: 767px) {
.home6-banner-area .bannner-slider-wrapper .slider-btn-grp6 {
display: none
}
}

.category-card {
border: 1px solid rgba(16, 12, 8, .1);
background: var(--white-color);
transition: .5s
}

.category-card .card-img {
display: block;
overflow: hidden
}

.category-card .card-img img {
transition: all .5s ease-out
}

.category-card .card-content {
padding: 65px 20px 30px;
text-align: center;
position: relative
}

.category-card .card-content .icon {
width: 85px;
height: 85px;
border: 1px solid rgba(16, 12, 8, .15);
background-color: var(--white-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -42px;
left: 50%;
transform: translateX(-50%);
transition: .5s
}

.category-card .card-content .icon svg {
fill: var(--title-color);
transition: .5s
}

.category-card .card-content h4 {
margin-bottom: 0;
line-height: 1.1
}

.category-card .card-content h4 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 600;
transition: .5s
}

.category-card .card-content h4 a:hover {
color: var(--primary-color1)
}

.category-card:hover .card-img img {
transform: scale(1.1)
}

.category-card:hover .card-content .icon {
background-color: var(--primary-color1)
}

.category-card:hover .card-content .icon svg {
fill: var(--white-color)
}

.destination-card4 {
height: 400px;
border-radius: 200px;
position: relative;
overflow: hidden;
transition: .5s
}

@media(max-width: 991px) {
.destination-card4 {
height: unset;
border-radius: 50%
}
}

.destination-card4 .card-img {
position: relative;
display: block;
transition: .5s
}

.destination-card4 .card-img img {
height: 400px;
border-radius: 200px;
transition: .5s;
width: 100%
}

@media(max-width: 991px) {
.destination-card4 .card-img img {
height: unset;
border-radius: 50%
}
}

.destination-card4 .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .2);
border-radius: 200px
}

@media(max-width: 991px) {
.destination-card4 .card-img::before {
border-radius: 50%
}
}

.destination-card4 .card-content-wrap {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%
}

.destination-card4 .card-content-wrap .batch {
line-height: 1;
display: flex;
justify-content: center;
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
transition: .5s
}

.destination-card4 .card-content-wrap .batch ul {
background-color: var(--primary-color2);
padding: 8px 20px;
border-radius: 10px 10px 0 0;
display: inline-flex;
align-items: center;
gap: 16px
}

.destination-card4 .card-content-wrap .batch ul li {
position: relative;
line-height: 1;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: .6px;
text-transform: uppercase
}

.destination-card4 .card-content-wrap .batch ul li::before {
content: "\f4fe";
font-family: bootstrap-icons;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -17px;
color: var(--title-color);
font-size: 17px
}

.destination-card4 .card-content-wrap .batch ul li:first-child::before {
display: none
}

.destination-card4 .card-content-wrap .card-content {
text-align: center;
background-color: #034ea2;
padding: 26px 80px
}

.destination-card4 .card-content-wrap .card-content h4 {
line-height: 1.1;
margin-bottom: 0
}

.destination-card4 .card-content-wrap .card-content h4 a {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
transition: .5s
}

.destination-card4 .card-content-wrap .card-content h4 a:hover {
color: var(--title-color)
}

.destination-card4:hover {
transform: translateY(-20px)
}

.destination-card4:hover .card-content-wrap .batch {
opacity: 1;
transform: scaleY(1)
}

.home6-destination-card-slider-section {
background-image: url(../img/home6/destination-section-bg.png), linear-gradient(180deg, #f0faef 0%, #f0faef 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 16px 0;
position: relative;
overflow: hidden
}

@media(max-width: 1199px) {
.home6-destination-card-slider-section {
padding: 90px 0
}
}

@media(max-width: 767px) {
.home6-destination-card-slider-section {
padding: 50px 0
}
}

.home6-destination-card-slider-section::before {
content: url(../img/home6/vector/destination-section-vector1.png);
position: absolute;
top: 0;
left: 0
}

.home6-destination-card-slider-section::after {
content: url(../img/home6/vector/destination-section-vector2.png);
position: absolute;
bottom: 0;
right: 0;
line-height: .7
}

.home6-destination-card-slider-section .home6-destination-card-slider {
padding: 20px 0
}

.home6-destination-card-slider-section .slider-btn-grp.two {
position: relative;
z-index: 1
}

@media(min-width: 1200px) and (max-width:1399px) {
.home6-about-section .about-content .section-title5 h2 {
font-size: 38px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-about-section .about-content .section-title5 h2 {
font-size: 30px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-about-section .about-content .section-title5 p {
font-size: 15px;
padding-top: 15px
}
}

.home6-about-section .about-content .facilities li {
display: flex;
align-items: start;
gap: 15px;
margin-bottom: 30px
}

@media(max-width: 1199px) {
.home6-about-section .about-content .facilities li {
margin-bottom: 20px
}
}

.home6-about-section .about-content .facilities li:last-child {
margin-bottom: 0
}

.home6-about-section .about-content .facilities li .icon svg {
fill: var(--primary-color1)
}

.home6-about-section .about-content .facilities li .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
margin-bottom: 10px
}

@media(max-width: 576px) {
.home6-about-section .about-content .facilities li .content h5 {
font-size: 20px;
margin-bottom: 8px
}
}

.home6-about-section .about-content .facilities li .content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .45px;
margin-bottom: 0
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-about-section .about-content .facilities li .content p {
font-size: 14px
}
}

@media(max-width: 576px) {
.home6-about-section .about-content .facilities li .content p {
font-size: 14px
}
}

@media(max-width: 1199px) {
.home6-about-section .about-video-and-img {
padding-left: 10px
}
}

@media(max-width: 991px) {
.home6-about-section .about-video-and-img {
display: none
}
}

.home6-about-section .about-video-and-img .video-and-batch-wrap {
padding-left: 80px;
transform: translateY(40px);
position: relative;
z-index: 1
}

@media(max-width: 1199px) {
.home6-about-section .about-video-and-img .video-and-batch-wrap {
padding-left: 0;
transform: translateY(0)
}
}

.home6-about-section .about-video-and-img .video-and-batch-wrap::before {
content: url(../img/home6/about-video-and-batch-vector.png);
position: absolute;
top: 0;
left: 0
}

@media(max-width: 1199px) {
.home6-about-section .about-video-and-img .video-and-batch-wrap::before {
display: none
}
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch {
gap: 50px;
display: flex;
align-items: center
}

@media(max-width: 1199px) {
.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch {
flex-direction: column;
align-items: start;
gap: 40px
}
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge {
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
border-radius: 100%;
animation: identifier 20s linear infinite
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge .counter-area {
display: block;
margin: 0;
width: 99px;
height: 99px;
border-radius: 50%;
background-color: #034ea2;
animation: identifier 20s linear infinite;
animation-direction: reverse;
transition: all .3s;
display: flex;
align-items: center;
justify-content: center
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge .counter-area .counter-content-wrap {
text-align: center
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge .counter-area .counter-content-wrap .number {
display: flex;
align-items: center;
font-family: var(--font-rubik);
font-weight: 700;
font-size: 20px;
line-height: 1;
color: var(--white-color);
margin-bottom: 10px
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge .counter-area .counter-content-wrap .number h5 {
margin-bottom: 0;
color: var(--white-color);
line-height: 1
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge .counter-area .counter-content-wrap p {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
margin-bottom: 0
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .badge .badge__char {
display: block;
position: absolute;
top: 0;
left: calc(50% - 5px);
height: 80px;
width: 10px;
background-repeat: round;
text-align: center;
text-transform: uppercase;
line-height: 1;
font-weight: 500;
font-size: 17px;
color: rgba(16, 12, 8, .5);
font-family: var(--font-rubik);
transform-origin: bottom center;
transform: rotate(var(--char-rotate))
}

@keyframes identifier {
0% {
transform: rotate(0deg)
}

to {
transform: rotate(1turn)
}
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper {
position: relative;
z-index: 1
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper img {
border-radius: 50px;
border-bottom: 2px solid var(--white-color)
}

@media(max-width: 1199px) {
.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper img {
width: 100%
}
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 2px;
right: 0;
border-radius: 50px;
background-color: rgba(16, 12, 8, .5)
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area {
display: flex;
align-items: center;
flex-direction: column;
gap: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area .icon {
position: relative
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area .icon .video-circle {
stroke: var(--white-color);
fill: none;
transition: .5s
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area .icon i {
color: var(--white-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area h6 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.home6-about-section .about-video-and-img .video-and-batch-wrap .video-and-batch .video-wrapper .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

.home6-about-section .about-video-and-img .about-section-img {
position: relative
}

@media(max-width: 1199px) {
.home6-about-section .about-video-and-img .about-section-img {
display: none
}
}

.home6-about-section .about-video-and-img .about-section-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .5)
}

.home6-tourpack-section {
background-image: url(../img/home6/tourpack-section-bg.png), linear-gradient(180deg, #fff9f3 0%, #fff9f3 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
position: relative
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-tourpack-section {
padding: 90px 0
}
}

@media(max-width: 991px) {
.home6-tourpack-section {
padding: 80px 0
}
}

@media(max-width: 767px) {
.home6-tourpack-section {
padding: 60px 0
}
}

.home6-tourpack-section::before {
content: url(../img/home6/vector/tourpack-section-vector1.png);
position: absolute;
top: 0;
left: 0
}

@media(max-width: 991px) {
.home6-tourpack-section::before {
display: none
}
}

.home6-tourpack-section::after {
content: url(../img/home6/vector/tourpack-section-vector2.png);
position: absolute;
bottom: 0;
right: 0;
line-height: .7
}

.home6-activities-section .activities-tab-wrapper .nav-pills {
position: relative
}

.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: 1;
background-color: var(--white-color);
border: 1px solid rgba(16, 12, 8, .2);
padding: 15px 20px;
border-radius: unset;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-right: none
}

@media(min-width: 1400px) and (max-width:1599px) {
.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link {
gap: 5px;
padding: 15px 10px
}
}

@media(max-width: 1399px) {
.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link {
gap: 5px;
padding: 15px 10px;
font-size: 17px
}
}

@media(max-width: 1199px) {
.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link {
border: 1px solid rgba(16, 12, 8, .2)
}
}

@media(max-width: 767px) {
.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link {
font-size: 15px
}
}

.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link svg {
fill: var(--title-color)
}

.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link.active {
background-color: #034ea2;
color: var(--white-color);
border-color: var(--primary-color1)
}

.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item .nav-link.active svg {
fill: var(--white-color)
}

.home6-activities-section .activities-tab-wrapper .nav-pills .nav-item:last-child .nav-link {
border: 1px solid rgba(16, 12, 8, .1)
}

@media(max-width: 1199px) {
.home6-activities-section .activities-tab-wrapper .nav-pills {
display: flex;
justify-content: center
}
}

@media(max-width: 576px) {
.home6-activities-section .activities-tab-wrapper .nav-pills {
margin-bottom: 30px
}
}

.home6-activities-section .activities-tab-wrapper .nav-pills .slider-btn-grp .slider-btn {
background-color: var(--white-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -26px;
z-index: 2
}

@media(max-width: 1399px) {
.home6-activities-section .activities-tab-wrapper .nav-pills .slider-btn-grp .slider-btn {
left: 0
}
}

.home6-activities-section .activities-tab-wrapper .nav-pills .slider-btn-grp .slider-btn.home6-activities-nav-next {
left: unset;
right: -26px
}

@media(max-width: 1399px) {
.home6-activities-section .activities-tab-wrapper .nav-pills .slider-btn-grp .slider-btn.home6-activities-nav-next {
left: unset;
right: 0
}
}

.home6-activities-section .activities-tab-wrapper .nav-pills .slider-btn-grp .slider-btn:hover {
background-color: var(--title-color)
}

.home6-activities-section .activities-tab-wrapper .nav-pills .slider-btn-grp .slider-btn:hover svg {
fill: var(--white-color)
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .service-list {
-moz-columns: 2;
columns: 2
}

@media(max-width: 576px) {
.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .service-list {
-moz-columns: unset;
columns: unset
}
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .service-list li {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px
}

@media(max-width: 767px) {
.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .service-list li {
font-size: 16px;
margin-bottom: 15px
}
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .service-list li svg {
fill: var(--primary-color1)
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area {
display: flex;
align-items: center;
gap: 30px;
padding-top: 30px
}

@media(max-width: 576px) {
.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area {
flex-wrap: wrap
}
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .primary-btn1 {
padding: 16px 25px
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area .icon {
position: relative
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area .icon .video-circle {
stroke: var(--title-color);
fill: none;
transition: .5s
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area .icon i {
color: var(--title-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .activities-content .content-bottom-area .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap {
position: relative
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .tab-with-slider-img {
position: relative;
border-radius: 5px
}

@media(max-width: 991px) {
.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .tab-with-slider-img {
display: none;
visibility: hidden
}
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .tab-with-slider-img img {
border-radius: 5px
}

@media(max-width: 991px) {
.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .tab-with-slider-img img {
width: 100%
}
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .tab-with-slider-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, .3);
border-radius: 5px
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .slider-btn-grp2 {
position: absolute;
bottom: 0;
right: 0;
background-color: var(--white-color);
gap: 25px;
padding: 15px;
border-radius: 5px 0 0 0;
z-index: 1
}

@media(max-width: 991px) {
.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .slider-btn-grp2 {
display: none;
visibility: hidden
}
}

.home6-activities-section .activities-tab-wrapper .activities-tab-content-wrap .tab-with-slider-img-wrap .slider-btn-grp2 .slider-btn {
min-width: 28px;
max-width: 28px;
height: 28px
}

.home6-banner2-area {
background-image: url(../img/home6/home6-banner2-bg.png), linear-gradient(180deg, #1d231f 0%, #1d231f 100%);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden
}

.home6-banner2-area .home6-banner2-content {
text-align: center
}

@media(max-width: 991px) {
.home6-banner2-area .home6-banner2-content {
padding: 50px 20px
}
}

.home6-banner2-area .home6-banner2-content span {
color: var(--primary-color1);
font-family: var(--font-satisfy);
font-size: 25px;
font-weight: 400;
line-height: 1;
display: inline-block;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-banner2-area .home6-banner2-content span {
margin-bottom: 10px
}
}

@media(max-width: 767px) {
.home6-banner2-area .home6-banner2-content span {
margin-bottom: 10px
}
}

.home6-banner2-area .home6-banner2-content h2 {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 57px;
font-weight: 700;
line-height: 1.1
}

@media(min-width: 1400px) and (max-width:1599px) {
.home6-banner2-area .home6-banner2-content h2 {
font-size: 50px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home6-banner2-area .home6-banner2-content h2 {
font-size: 42px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-banner2-area .home6-banner2-content h2 {
font-size: 35px
}
}

@media(max-width: 767px) {
.home6-banner2-area .home6-banner2-content h2 {
font-size: 50px
}
}

@media(max-width: 576px) {
.home6-banner2-area .home6-banner2-content h2 {
font-size: 32px
}
}

.home6-banner2-area .home6-banner2-content h2 strong {
color: var(--primary-color2);
font-size: 45px
}

@media(min-width: 1400px) and (max-width:1599px) {
.home6-banner2-area .home6-banner2-content h2 strong {
font-size: 40px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.home6-banner2-area .home6-banner2-content h2 strong {
font-size: 38px
}
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-banner2-area .home6-banner2-content h2 strong {
font-size: 30px
}
}

@media(max-width: 767px) {
.home6-banner2-area .home6-banner2-content h2 strong {
font-size: 40px
}
}

@media(max-width: 767px) {
.home6-banner2-area .home6-banner2-content h2 strong {
font-size: 28px;
font-weight: 600
}
}

.home6-banner2-area .home6-banner2-content p {
color: var(--white-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1.7;
letter-spacing: .54px;
text-transform: capitalize;
max-width: 420px;
width: 100%;
margin: 0 auto 35px
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-banner2-area .home6-banner2-content p {
font-size: 16px;
margin: 0 auto 20px
}
}

@media(max-width: 767px) {
.home6-banner2-area .home6-banner2-content p {
margin: 0 auto 20px
}
}

@media(max-width: 576px) {
.home6-banner2-area .home6-banner2-content p {
font-size: 15px
}
}

@media(max-width: 991px) {
.home6-banner2-area .home6-banner2-img {
display: none
}
}

.home6-feature-section .feature-content .single-feature {
display: flex;
gap: 15px
}

@media(max-width: 767px) {
.home6-feature-section .feature-content .single-feature {
gap: 10px
}
}

.home6-feature-section .feature-content .single-feature .icon {
min-width: 40px;
max-width: 40px
}

.home6-feature-section .feature-content .single-feature .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 600;
line-height: 1.2;
text-transform: capitalize;
margin-bottom: 8px
}

@media(min-width: 1200px) and (max-width:1399px) {
.home6-feature-section .feature-content .single-feature .content h5 {
font-size: 20px
}
}

@media(max-width: 767px) {
.home6-feature-section .feature-content .single-feature .content h5 {
font-size: 20px;
margin-bottom: 5px
}
}

.home6-feature-section .feature-content .single-feature .content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 1.6;
letter-spacing: .45px;
margin-bottom: 0
}

@media(max-width: 767px) {
.home6-feature-section .feature-content .single-feature .content p {
font-size: 14px
}
}

.home6-feature-section .feature-img-wrap {
position: relative;
width: 100%
}

@media(max-width: 1199px) {
.home6-feature-section .feature-img-wrap {
display: none
}
}

.home6-feature-section .feature-img-wrap .feature-top-img {
position: relative;
max-width: 470px;
width: 100%
}

.home6-feature-section .feature-img-wrap .feature-top-img img {
border-radius: 5px
}

.home6-feature-section .feature-img-wrap .feature-top-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .3);
border-radius: 5px
}

.home6-feature-section .feature-img-wrap .feature-bottom-img {
position: relative;
border-radius: 340px;
margin-left: -200px;
transform: translateY(170px)
}

.home6-feature-section .feature-img-wrap .feature-bottom-img img {
border-radius: 340px
}

.home6-feature-section .feature-img-wrap .feature-bottom-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 12, 8, .2);
border-radius: 340px
}

.home6-visa-application-section {
background-image: url(../img/home6/home6-visa-section-bg.png), linear-gradient(180deg, #eef3f1 0%, #eef3f1 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-visa-application-section {
padding: 90px 0
}
}

@media(max-width: 991px) {
.home6-visa-application-section {
padding: 70px 0
}
}

.home6-testimonial-section {
background-image: url(../img/home6/home6-testimonial-bg.png), linear-gradient(180deg, #f4f9f1 0%, #f4f9f1 100%);
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0
}

@media(min-width: 992px) and (max-width:1199px) {
.home6-testimonial-section {
padding: 90px 0
}
}

@media(max-width: 991px) {
.home6-testimonial-section {
padding: 70px 0
}
}

.home6-testimonial-section .testimonial-slider-area {
position: relative
}

.home6-testimonial-section .testimonial-slider-area .swiper-slide-active .author-img {
animation: fadeInDown 1.7s
}

.home6-testimonial-section .testimonial-slider-area .swiper-slide-active h3 {
animation: fadeInDown 1.7s
}

.home6-testimonial-section .testimonial-slider-area .swiper-slide-active p {
animation: fadeInDown 1.7s
}

.home6-testimonial-section .testimonial-slider-area .swiper-slide-active .testimonial-bottom {
animation: fadeInUp 1.7s
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper {
text-align: center
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .author-img {
margin-bottom: 30px
}

@media(max-width: 1199px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .author-img {
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .author-img {
margin-bottom: 15px
}
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .author-img img {
width: 80px;
height: 80px;
border-radius: 50%
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .9px;
margin-bottom: 25px
}

@media(max-width: 1199px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper h3 {
font-size: 28px;
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper h3 {
font-size: 24px;
margin-bottom: 15px
}
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 21px;
font-weight: 400;
line-height: 2.3;
letter-spacing: .84px;
margin-bottom: 30px
}

@media(max-width: 1199px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper p {
font-size: 18px;
margin-bottom: 25px
}
}

@media(max-width: 576px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper p {
font-size: 16px;
margin-bottom: 20px
}
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .quote {
margin-bottom: 25px
}

@media(max-width: 576px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .quote {
margin-bottom: 15px
}
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .quote svg {
fill: var(--title-color);
opacity: .15
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .author-name-and-desig {
margin-bottom: 15px;
line-height: 1
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .author-name-and-desig h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 600;
line-height: 1;
margin-bottom: 5px
}

@media(max-width: 576px) {
.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .author-name-and-desig h5 {
font-size: 20px
}
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .author-name-and-desig span {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 400;
line-height: 1;
letter-spacing: .26px
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .rating {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-bottom: 15px
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .rating li {
line-height: 1
}

.home6-testimonial-section .testimonial-slider-area .testimonial-wrapper .testimonial-bottom .rating li i {
color: #ffc107;
font-size: 16px
}

.home6-testimonial-section .testimonial-slider-area .slider-btn-grp {
display: block
}

.home6-testimonial-section .testimonial-slider-area .slider-btn-grp .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0
}

.home6-testimonial-section .testimonial-slider-area .slider-btn-grp .home6-testimonial-next {
right: 0;
left: unset
}

.breadcrumb-section {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 120px 0 130px
}

.breadcrumb-section .banner-content h1 {
color: var(--white-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 52px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 10px;
line-height: 1.2
}

@media(max-width: 767px) {
.breadcrumb-section .banner-content h1 {
font-size: 50px
}
}

@media(max-width: 576px) {
.breadcrumb-section .banner-content h1 {
font-size: 40px
}
}

.breadcrumb-section .banner-content .breadcrumb-list {
display: flex;
align-items: center;
justify-content: center;
gap: 10px
}

.breadcrumb-section .banner-content .breadcrumb-list li {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
position: relative;
padding-left: 26px
}

.breadcrumb-section .banner-content .breadcrumb-list li a {
color: var(--primary-color1)
}

.breadcrumb-section .banner-content .breadcrumb-list li::before {
content: url(../img/innerpage/icon/arrow.svg);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}

.breadcrumb-section .banner-content .breadcrumb-list li:first-child {
padding-left: 0
}

.breadcrumb-section .banner-content .breadcrumb-list li:first-child::before {
content: ""
}

.destination-details-wrap {
position: relative;
z-index: 1
}

.destination-details-wrap::before {
content: url(../img/home1/section-vector1.png);
position: absolute;
top: 120px;
left: 0;
z-index: -1
}

@media(max-width: 767px) {
.destination-details-wrap::before {
display: none;
visibility: hidden
}
}

.destination-details-wrap::after {
content: url(../img/home1/section-vector2.png);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: -1
}

@media(max-width: 767px) {
.destination-details-wrap::after {
display: none;
visibility: hidden
}
}

.destination-details-wrap h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 600;
margin-bottom: 15px
}

@media(max-width: 767px) {
.destination-details-wrap h2 {
font-size: 35px
}
}

.destination-details-wrap p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 35px;
letter-spacing: .48px
}

.destination-details-wrap ul {
-moz-columns: 2;
columns: 2;
margin-bottom: 40px
}

@media(max-width: 576px) {
.destination-details-wrap ul {
-moz-columns: 1;
columns: 1
}
}

.destination-details-wrap ul li {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px;
padding-top: 10px;
padding-left: 17px;
position: relative
}

.destination-details-wrap ul li::before {
content: "";
height: 9px;
width: 9px;
border-radius: 50%;
background-color: #034ea2;
position: absolute;
left: 0;
top: 17px
}

.destination-sidebar .destination-info {
border-radius: 5px;
border: 1px solid rgba(16, 12, 8, .1);
background: #fff;
padding: 30px
}

.destination-sidebar .destination-info .single-info {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
padding-top: 20px
}

.destination-sidebar .destination-info .single-info:first-child {
padding-top: 0
}

.destination-sidebar .destination-info .single-info:last-child {
border-bottom: none;
padding-bottom: 0
}

.destination-sidebar .destination-info .single-info span {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
display: inline-block;
position: relative;
padding-left: 25px
}

.destination-sidebar .destination-info .single-info span::before {
content: "";
height: 15px;
width: 15px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}

.destination-sidebar .destination-info .single-info span::after {
content: "";
height: 11px;
width: 11px;
border-radius: 50%;
background-color: #034ea2;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%)
}

.destination-sidebar .destination-info .single-info h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 600;
margin-bottom: 0
}

.destination-gallery .gallery-img-wrap {
position: relative;
transition: all .45s;
height: 100%
}

.destination-gallery .gallery-img-wrap img {
-o-object-fit: cover;
object-fit: cover;
height: 100%
}

@media(max-width: 767px) {
.destination-gallery .gallery-img-wrap img {
height: auto
}
}

.destination-gallery .gallery-img-wrap a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(16, 12, 8, .6);
color: var(--white-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
letter-spacing: .6px;
flex-direction: column;
transition: all .45s;
transform: scale(.4);
opacity: 0
}

.destination-gallery .gallery-img-wrap a i {
color: var(--primary-color2);
font-size: 35px
}

.destination-gallery .gallery-img-wrap:hover a {
transform: scale(1);
opacity: 1
}

.destination-location-gallery h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 28px;
margin-bottom: 35px
}

@media(max-width: 767px) {
.destination-location-gallery h3 {
font-size: 26px
}
}

@media(max-width: 576px) {
.destination-location-gallery h3 {
margin-bottom: 20px
}
}

.destination-location-gallery .nav-pills {
-moz-columns: 6;
columns: 6;
display: block
}

@media(max-width: 1199px) {
.destination-location-gallery .nav-pills {
-moz-columns: unset;
columns: unset;
display: flex;
align-items: center;
gap: 25px
}
}

@media(max-width: 576px) {
.destination-location-gallery .nav-pills {
display: block;
-moz-columns: 2;
columns: 2
}
}

@media(max-width: 576px) {
.destination-location-gallery .nav-pills .nav-item {
padding-top: 18px
}
}

.destination-location-gallery .nav-pills .nav-item .nav-link {
border-radius: 10px;
background: rgba(221, 238, 214, .5);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
color: var(--title-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 17px;
font-weight: 500;
width: 100%;
padding: 50px 15px
}

@media(max-width: 1199px) {
.destination-location-gallery .nav-pills .nav-item .nav-link {
padding: 50px 25px;
min-width: 154px
}
}

@media(max-width: 576px) {
.destination-location-gallery .nav-pills .nav-item .nav-link {
padding: 30px 25px
}
}

.destination-location-gallery .nav-pills .nav-item .nav-link.active {
background-color: unset;
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 101.02%), url(../img/innerpage/location-gallery-bg1.jpg);
color: var(--white-color)
}

.destination-location-gallery .nav-pills .nav-item .nav-link.active#location2-tab {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 101.02%), url(../img/innerpage/gallery-01.jpg)
}

.destination-location-gallery .nav-pills .nav-item .nav-link.active#location3-tab {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 101.02%), url(../img/innerpage/gallery-02.jpg)
}

.destination-location-gallery .nav-pills .nav-item .nav-link.active#location4-tab {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 101.02%), url(../img/innerpage/gallery-03.jpg)
}

.destination-location-gallery .nav-pills .nav-item .nav-link.active#location5-tab {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 101.02%), url(../img/innerpage/gallery-04.jpg)
}

.destination-location-gallery .nav-pills .nav-item .nav-link.active#location6-tab {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 101.02%), url(../img/innerpage/destination-img-01.jpg)
}

.desti-title h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 600
}

@media(max-width: 767px) {
.desti-title h3 {
font-size: 28px
}
}

.destination-activitis-wrap .slider-btn-grp2 {
width: 100px
}

.package-card-tab-slider {
padding: 12px;
margin: -12px
}

.width-100 {
width: 100px
}

.list-grid-product-wrap.list-group-wrapper .item {
width: 100%
}

.list-grid-product-wrap.list-group-wrapper .item .package-card {
display: flex;
align-items: center;
gap: 20px
}

.list-grid-product-wrap.list-group-wrapper .item .package-card .package-card-img-wrap {
max-width: 350px;
width: 100%
}

@media(max-width: 1199px) {
.list-grid-product-wrap.list-group-wrapper .item .package-card .package-card-img-wrap {
max-width: 290px
}
}

@media(min-width: 1200px) and (max-width:1399px) {
.list-grid-product-wrap.list-group-wrapper .item .package-card .package-card-content .card-content-top h5 a {
font-size: 20px
}
}

@media(max-width: 767px) {
.list-grid-product-wrap.list-group-wrapper .item {
display: none
}
}

.visa-with-sidebar-section .list-grid-product-wrap.grid-group-wrapper .item {
width: 50%
}

.visa-with-sidebar-section .list-grid-product-wrap.grid-group-wrapper .item .package-card4 {
display: block
}

.visa-with-sidebar-section .list-grid-product-wrap.grid-group-wrapper .item .package-card4 .package-card-img {
min-width: unset;
max-width: unset;
border-radius: 5px 5px 0 0
}

.visa-with-sidebar-section .list-grid-product-wrap.grid-group-wrapper .item .package-card4 .package-card-img img {
min-width: unset;
max-width: unset;
width: 100%;
border-radius: 5px 5px 0 0;
-o-object-position: center;
object-position: center
}

.error-section {
background-image: url(../img/innerpage/error-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 200px 0
}

@media(max-width: 1199px) {
.error-section {
padding: 170px 0
}
}

@media(max-width: 576px) {
.error-section {
padding: 130px 0
}
}

.error-section .error-wrapper {
text-align: center
}

.error-section .error-wrapper h1 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 100px;
font-weight: 700;
line-height: 1;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 25px
}

@media(max-width: 1399px) {
.error-section .error-wrapper h1 {
font-size: 90px
}
}

@media(max-width: 1199px) {
.error-section .error-wrapper h1 {
font-size: 75px;
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.error-section .error-wrapper h1 {
font-size: 55px;
margin-bottom: 15px
}
}

.error-section .error-wrapper h1 span {
color: var(--primary-color2);
font-weight: 300
}

.error-section .error-wrapper p {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 300;
line-height: 2.3;
letter-spacing: .45px;
margin-bottom: 50px
}

@media(max-width: 1199px) {
.error-section .error-wrapper p {
margin-bottom: 35px
}
}

@media(max-width: 576px) {
.error-section .error-wrapper p {
margin-bottom: 25px
}
}

.faq-section .faq-content-wrap .faq-content-title h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 700;
line-height: 1.1;
letter-spacing: 1.05px;
margin-bottom: 0;
display: flex;
align-items: center;
gap: 10px
}

@media(max-width: 767px) {
.faq-section .faq-content-wrap .faq-content-title h3 {
font-size: 30px
}
}

.faq-section .faq-content-wrap .faq-content-title h3 svg {
fill: var(--primary-color1)
}

.contact-page .single-contact {
border: 1px solid #eee;
border-radius: 10px;
padding: 20px 50px;
display: flex;
align-items: center;
gap: 15px;
position: relative
}

@media(max-width: 1399px) {
.contact-page .single-contact {
padding: 20px 30px
}
}

.contact-page .single-contact .title {
line-height: 1;
background-color: var(--white-color);
position: absolute;
left: 35px;
top: -8px;
padding: 0 20px
}

.contact-page .single-contact .title h6 {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 500;
line-height: 1;
margin-bottom: 0
}

.contact-page .single-contact .icon {
height: 44px;
min-width: 44px;
max-width: 44px;
border-radius: 50px;
background-color: #034ea2;
display: flex;
align-items: center;
justify-content: center
}

.contact-page .single-contact .icon svg {
fill: var(--white-color)
}

.contact-page .single-contact .content {
line-height: 1
}

.contact-page .single-contact .content h6 {
margin-bottom: 0
}

.contact-page .single-contact .content h6 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
padding-top: 10px;
transition: .35s
}

.contact-page .single-contact .content h6 a:hover {
color: var(--primary-color1)
}

.contact-form-area {
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
border-radius: 10px;
padding: 60px 70px
}

@media(max-width: 1399px) {
.contact-form-area {
padding: 60px 30px
}
}

.contact-form-area h3 {
font-size: 30px;
font-family: var(--font-rubik);
font-weight: 700;
margin-bottom: 20px
}

.contact-map {
line-height: .6;
position: relative
}

.contact-map .banner3-section {
margin: 0;
position: absolute;
width: 100%;
bottom: -130px
}

@media(max-width: 991px) {
.contact-map .banner3-section {
bottom: -70px
}
}

.contact-map .banner3-section .banner3-content .from-inner button {
padding: 16px;
border-radius: 0 10px 10px 0
}

.contact-map iframe {
width: 100%;
min-height: 700px
}

.form-inner {
line-height: 1
}

.form-inner label {
color: #5d5b58;
font-family: var(--font-rubik);
font-size: 13px;
font-weight: 500;
display: inline-block;
line-height: 1;
margin-bottom: 7px
}

.form-inner label span {
color: red;
font-size: 16px
}

.form-inner input {
width: 100%;
border-radius: 0;
background: #fff;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
padding: 10px 20px;
height: 50px;
border: 1px solid #eee
}

.form-inner input::-moz-placeholder {
color: #5e5e5e
}

.form-inner input::placeholder {
color: #5e5e5e
}

.form-inner textarea {
width: 100%;
border-radius: 5px;
background: #fff;
color: #5e5e5e;
border: 1px solid #eee;
outline: none;
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
padding: 20px 25px;
min-height: 150px
}

.form-inner .surname-options {
display: flex;
align-items: center;
gap: 15px
}

.form-inner .surname-options .form-check {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
background: var(--white-color);
margin: 0;
padding: 0;
max-width: 52px;
min-width: 52px;
height: 40px;
border-radius: 5px;
cursor: pointer
}

.form-inner .surname-options .form-check .form-check-input {
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: none;
background-color: transparent;
border-radius: 5px;
border: 1px solid transparent;
transition: .35s;
cursor: pointer;
z-index: 2
}

.form-inner .surname-options .form-check .form-check-input:focus {
box-shadow: none
}

.form-inner .surname-options .form-check .form-check-label {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
z-index: 1;
border: 1px solid #eee;
border-radius: 5px;
max-width: 52px;
min-width: 52px;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}

.form-inner .surname-options .form-check-input:checked[type=radio] {
--bs-form-check-bg-image: unset;
border-color: var(--primary-color1)
}

.form-inner .surname-options .form-check-input:checked[type=radio]~.form-check-label {
background-color: #034ea2;
color: var(--white-color)
}

.visa-details-pages .mb-70 {
margin-bottom: 70px
}

.visa-details-pages .visa-thumb {
margin-bottom: 35px
}

.visa-details-pages .visa-thumb img {
border-radius: 5px
}

.visa-details-pages .visa-title {
line-height: 1;
margin-bottom: 25px
}

.visa-details-pages .visa-title h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 500;
text-transform: capitalize;
line-height: 1.3
}

.visa-details-pages .visa-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 22px;
margin-bottom: 50px
}

.visa-details-pages .visa-meta li {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
padding-right: 20px
}

.visa-details-pages .visa-meta li span {
color: var(--title-color);
font-weight: 500
}

.visa-details-pages .visa-required-document h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 500;
margin-bottom: 20px
}

.visa-details-pages .visa-required-document .document-list {
border-radius: 5px;
border: 1px solid rgba(238, 238, 238, .8);
background: #fff;
padding: 30px
}

.visa-details-pages .visa-required-document .document-list h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 400;
letter-spacing: .54px;
margin-bottom: 20px
}

.visa-details-pages .visa-required-document .document-list h6 span {
color: red
}

.visa-details-pages .visa-required-document .document-list ul li {
color: var(--text-color);
font-family: Jost;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: .32px;
display: flex;
gap: 10px;
margin-bottom: 15px
}

.visa-details-pages .visa-required-document .document-list ul li:last-child {
margin-bottom: 0
}

.visa-details-pages .visa-required-document .document-list ul li svg {
fill: var(--primary-color1);
margin-top: 5px;
min-width: 18px
}

.visa-details-pages .visa-sidebar .sidebar-top {
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
box-shadow: 4px 3px 40px 0 rgba(16, 33, 34, .06);
padding: 30px;
border-radius: 5px;
margin-bottom: 30px
}

.visa-details-pages .visa-sidebar .sidebar-top h4 {
color: var(--title-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 28px;
font-weight: 500;
margin-bottom: 0
}

.visa-details-pages .visa-sidebar .sidebar-top p {
color: var(--text-color);
text-align: center;
font-family: var(--font-jost);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px;
margin-bottom: 0
}

.visa-details-pages .visa-sidebar .sidebar-top h6 {
color: var(--primary-color1);
text-align: center;
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
margin-bottom: 10px
}

.visa-details-pages .visa-sidebar .sidebar-top h6 span {
color: var(--text-color);
font-weight: 400;
font-size: 16px
}

.visa-details-pages .visa-sidebar .inquery-form {
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
box-shadow: 4px 3px 40px 0 rgba(16, 33, 34, .06);
padding: 30px;
border-radius: 5px
}

.visa-details-pages .visa-sidebar .inquery-form h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 600;
margin-bottom: 15px
}

.visa-details-pages .visa-sidebar .inquery-form .form-title {
margin-bottom: 10px
}

.visa-details-pages .visa-sidebar .inquery-form .form-title h4 {
margin-bottom: 7px
}

.visa-details-pages .visa-sidebar .inquery-form .form-title p {
color: var(--text-color);
font-size: 14px;
line-height: 26px
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .nice-select {
background-color: #faf8fb;
border: 1px solid #eee;
border-radius: 0;
height: 50px;
padding: 0 20px
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .nice-select .list {
border-radius: 0
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .nice-select .list .option.selected {
background-color: rgba(var(--primary-color1-opc), 0.3);
color: var(--title-color)
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .nice-select .list .option:hover {
background-color: rgba(var(--primary-color1-opc), 0.3);
color: var(--title-color)
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner textarea {
padding: 10px 20px;
border-radius: 0
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .primary-btn1 {
padding: 19px 34px
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .surname-options .form-check {
cursor: pointer
}

.visa-details-pages .visa-sidebar .inquery-form .form-inner .surname-options .form-check .form-check-input {
background-color: transparent
}

.product-card {
border: 1px solid #ececec;
padding: 15px;
transition: .5s;
position: relative
}

.product-card .product-card-img {
position: relative;
overflow: hidden
}

.product-card .product-card-img>a img {
transition: all .5s ease-out
}

.product-card .product-card-img>a .batch {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
flex-direction: column;
gap: 5px
}

.product-card .product-card-img>a .batch>span {
width: 52px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white-color);
text-align: center;
font-size: 13px;
font-weight: 500;
font-family: var(--font-rubik);
letter-spacing: .3px;
text-transform: uppercase;
background-color: #034ea2;
z-index: 1
}

.product-card .product-card-img .cart-area {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: center;
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
transition: .5s ease-in-out
}

.product-card .product-card-img .cart-area .add-cart-btn {
color: var(--white-color);
text-align: center;
font-size: 15px;
font-family: var(--font-jost);
font-weight: 500;
background: var(--primary-color1);
padding: 12px 18px;
line-height: 1;
display: flex;
align-items: baseline;
gap: 7px;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
transition: .5s
}

.product-card .product-card-img .cart-area .add-cart-btn::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color2);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.product-card .product-card-img .cart-area .add-cart-btn:hover {
color: var(--title-color)
}

.product-card .product-card-img .cart-area .add-cart-btn:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.product-card .product-card-content {
padding-top: 25px;
padding-bottom: 10px;
text-align: center
}

.product-card .product-card-content h6 {
margin-bottom: 15px
}

.product-card .product-card-content h6 a {
color: var(--title-color);
font-size: 20px;
font-family: var(--font-rubik);
font-weight: 500;
letter-spacing: .4px;
text-transform: capitalize;
margin-bottom: 5px;
line-height: 1.3;
transition: .5s
}

.product-card .product-card-content h6 a:hover {
color: var(--primary-color1)
}

.product-card .product-card-content span {
color: var(--primary-color1);
font-size: 20px;
font-family: var(--font-rubik);
font-weight: 500;
margin-bottom: 5px
}

.product-card .product-card-content span del {
color: rgba(16, 12, 8, .5);
font-size: 15px
}

.product-card .product-card-content .rating {
display: flex;
align-items: baseline;
justify-content: center;
gap: 8px
}

.product-card .product-card-content .rating ul {
display: flex;
align-items: center;
gap: 4px
}

.product-card .product-card-content .rating ul li {
line-height: 1
}

.product-card .product-card-content .rating ul li i {
color: #ffc200;
font-size: 12px
}

.product-card .product-card-content .rating span {
color: var(--text-color);
font-size: 13px;
font-family: var(--font-jost);
font-weight: 400;
line-height: 1
}

.product-card .for-border {
width: 0
}

.product-card .for-border::before {
content: "";
position: absolute;
right: -.5px;
top: 0;
height: 0%;
width: .5px;
background: rgba(0, 0, 0, .6);
transition: .3s;
transition-delay: .5s
}

.product-card .for-border::after {
content: "";
position: absolute;
left: -.5px;
bottom: 0;
height: 0%;
width: .5px;
background: #000;
transition: .3s;
transition-delay: .6s
}

.product-card::before {
content: "";
position: absolute;
left: 0;
top: -.5px;
width: 0%;
height: .5px;
background: #000;
transition: .3s;
transition-delay: .9s
}

.product-card::after {
content: "";
position: absolute;
right: 0;
bottom: -.5px;
width: 0%;
height: .5px;
background: #000;
transition: .3s;
transition-delay: .9s
}

.product-card:hover .product-card-img a img {
transform: scale(1.1)
}

.product-card:hover .product-card-img .cart-area {
opacity: 1;
transform: scaleY(1)
}

.product-card:hover::before {
width: 100%;
transition-delay: 0s
}

.product-card:hover::after {
width: 100%;
transition-delay: 0s
}

.product-card:hover .for-border::before {
height: 100%;
transition-delay: .3s
}

.product-card:hover .for-border::after {
height: 100%;
transition-delay: .3s
}

.checkout-page .inquiry-form {
border-radius: 10px;
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
padding: 45px 35px 50px
}

@media(max-width: 767px) {
.checkout-page .inquiry-form {
padding: 45px 20px 50px
}
}

.checkout-page .inquiry-form .title {
margin-bottom: 25px
}

.checkout-page .inquiry-form .title h4 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 600
}

.checkout-page .inquiry-form .title p {
color: var(--text-color);
font-family: var(--font-open-sans);
font-size: 14px;
font-weight: 400;
margin-bottom: 0
}

.checkout-page .inquiry-form .form-inner {
position: relative;
line-height: 1
}

.checkout-page .inquiry-form .form-inner label.containerss {
display: flex;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}

.checkout-page .inquiry-form .form-inner label.containerss span {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400 !important;
line-height: 1
}

.checkout-page .inquiry-form .form-inner label.containerss span.text {
font-weight: 600
}

.checkout-page .inquiry-form .form-inner label.containerss input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}

.checkout-page .inquiry-form .form-inner label.containerss input:checked~.checkmark {
background-color: #034ea2;
border-color: var(--primary-color1);
border-radius: 2px
}

.checkout-page .inquiry-form .form-inner label.containerss input:checked~.checkmark::after {
content: url(../img/innerpage/checkbox-check.svg);
left: 2.5px;
top: -2px;
position: absolute
}

.checkout-page .inquiry-form .form-inner label.containerss .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: #034ea2;
border: 1px solid var(--primary-color1);
border-radius: 2px
}

.checkout-page .inquiry-form .form-inner label.containerss:hover input~.checkmark {
border-color: var(--primary-color1)
}

.checkout-page .inquiry-form .form-inner .primary-btn1 {
justify-content: center;
width: 100%
}

.checkout-page .cart-menu {
min-height: 10rem;
z-index: 99;
transform-origin: top
}

.checkout-page .cart-body ul {
margin-bottom: 50px
}

.checkout-page .cart-body ul .single-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px
}

.checkout-page .cart-body ul .single-item:last-child {
margin-bottom: 0
}

.checkout-page .cart-body ul .single-item .item-area {
display: flex;
align-items: center;
gap: 20px;
position: relative;
width: 100%
}

.checkout-page .cart-body ul .single-item .item-area .close-btn {
background: 0 0;
transition: .35s;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 72, 32, .14)
}

.checkout-page .cart-body ul .single-item .item-area .close-btn i {
color: #ff4820;
line-height: 1;
font-size: 20px;
transition: .35s
}

.checkout-page .cart-body ul .single-item .item-area .close-btn:hover {
background-color: #ff4820
}

.checkout-page .cart-body ul .single-item .item-area .close-btn:hover i {
color: var(--white-color)
}

.checkout-page .cart-body ul .single-item .item-area .main-item {
display: flex;
gap: 15px;
width: 100%
}

@media(max-width: 767px) {
.checkout-page .cart-body ul .single-item .item-area .main-item {
gap: 12px
}
}

.checkout-page .cart-body ul .single-item .item-area .main-item .item-img {
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.checkout-page .cart-body ul .single-item .item-area .main-item .item-img img {
height: 70px;
max-width: 90px;
min-width: 90px;
border-radius: 5px
}

@media(max-width: 767px) {
.checkout-page .cart-body ul .single-item .item-area .main-item .item-img img {
width: 45px;
height: unset
}
}

.checkout-page .cart-body ul .single-item .item-area .main-item .content-and-quantity {
width: 100%
}

.checkout-page .cart-body ul .single-item .item-area .main-item .content {
line-height: 1;
margin-bottom: 10px
}

.checkout-page .cart-body ul .single-item .item-area .main-item .content span {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 15px;
color: var(--title-color);
display: inline-block
}

.checkout-page .cart-body ul .single-item .item-area .main-item .content h6 {
margin-bottom: 0;
line-height: 1
}

.checkout-page .cart-body ul .single-item .item-area .main-item .content h6 a {
font-family: var(--font-rubik);
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: var(--title-color);
transition: .5s
}

@media(max-width: 767px) {
.checkout-page .cart-body ul .single-item .item-area .main-item .content h6 a {
font-size: 14px
}
}

.checkout-page .cart-body ul .single-item .item-area .main-item .content h6 a:hover {
color: var(--primary-color1)
}

.checkout-page .cart-body ul .single-item .quantity-area .quantity {
display: flex;
gap: 5px
}

.checkout-page .cart-body ul .single-item .quantity-area .quantity a {
height: 24px;
width: 34px;
border-radius: 4px;
background: var(--white-color);
border: 1px solid rgba(238, 238, 238, .1);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--title-color);
font-weight: 600;
cursor: pointer;
transition: .35s
}

.checkout-page .cart-body ul .single-item .quantity-area .quantity a:hover {
background: var(--primary-color1);
border: 1px solid --primary-color1;
color: var(--white-color)
}

.checkout-page .cart-body ul .single-item .quantity-area .quantity input {
height: 24px;
width: 34px;
border-radius: 4px;
background: var(--white-color);
border: 1px solid rgba(238, 238, 238, .1);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--title-color);
font-weight: 600;
text-align: center
}

.checkout-page .cart-footer {
justify-content: flex-start;
padding: 0;
border-top: 1px solid #ddd
}

.checkout-page .cart-footer .pricing-area {
width: 100%
}

.checkout-page .cart-footer .pricing-area ul {
border-bottom: 1px solid #ddd;
width: 100%;
padding: 10px 0
}

.checkout-page .cart-footer .pricing-area ul:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 30px
}

.checkout-page .cart-footer .pricing-area ul li {
font-family: var(--font-rubik);
font-weight: 600;
font-size: 13px;
color: var(--title-color);
display: flex;
justify-content: space-between;
width: 100%
}

.checkout-page .cart-footer .pricing-area ul.total li {
font-weight: 700
}

.checkout-page .choose-payment-method {
margin-bottom: 40px;
line-height: 1
}

.checkout-page .choose-payment-method h6 {
margin-bottom: 10px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600
}

.checkout-page .choose-payment-method .payment-option {
line-height: 1
}

.checkout-page .choose-payment-method .payment-option ul {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 30px
}

.checkout-page .choose-payment-method .payment-option ul li {
width: 110px;
height: 68px;
background-color: var(--white-color);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer
}

.checkout-page .choose-payment-method .payment-option ul li .checked {
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 32px;
background: #d2e7ef;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
border-top-left-radius: 5px
}

.checkout-page .choose-payment-method .payment-option ul li .checked i {
opacity: 0;
color: var(--white-color);
margin-left: 2px
}

.checkout-page .choose-payment-method .payment-option ul li.active .checked {
background: var(--primary-color1)
}

.checkout-page .choose-payment-method .payment-option ul li.active .checked i {
opacity: 1
}

.cart-page .cart-widget-title {
margin-bottom: 35px
}

@media(max-width: 991px) {
.cart-page .cart-widget-title {
margin-bottom: 25px
}
}

.cart-page .cart-widget-title h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 0
}

.cart-page .cart-shopping-wrapper .cart-table {
width: 100%
}

.cart-page .cart-shopping-wrapper .cart-table thead tr {
border-top: 1px solid rgba(238, 238, 238, .93);
border-bottom: 1px solid rgba(238, 238, 238, .93)
}

.cart-page .cart-shopping-wrapper .cart-table thead tr th {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500;
line-height: 1;
padding: 20px 15px
}

@media(max-width: 767px) {
.cart-page .cart-shopping-wrapper .cart-table thead tr th {
display: none
}
}

.cart-page .cart-shopping-wrapper .cart-table thead tr th:first-child {
padding-left: 0
}

@media(max-width: 767px) {
.cart-page .cart-shopping-wrapper .cart-table tbody tr {
border-bottom: 1px solid rgba(238, 238, 238, .93)
}
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td {
padding: 30px 15px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td span {
color: var(--text-color)
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td:first-child {
padding-left: 0
}

@media(max-width: 767px) {
.cart-page .cart-shopping-wrapper .cart-table tbody tr td {
text-align: right
}
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper {
display: flex;
align-items: center;
gap: 20px
}

@media(max-width: 767px) {
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper {
align-items: flex-end;
flex-direction: column
}
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-img img {
border-radius: 5px;
max-width: 120px
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 10px
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 1;
margin-bottom: 35px
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p span {
color: var(--title-color);
font-weight: 500
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul {
display: flex;
align-items: center;
gap: 20px
}

@media(max-width: 767px) {
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul {
justify-content: flex-end
}
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
cursor: pointer;
position: relative;
transition: .5s
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:last-child::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -10px;
width: 1px;
height: 11px;
background-color: rgba(16, 12, 8, .2)
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 {
position: absolute;
top: -30px;
right: -60px;
opacity: 0;
transform: scaleY(0);
transform-origin: bottom
}

@media(max-width: 991px) {

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 {
right: unset;
left: -60px
}
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity {
display: flex;
gap: 5px
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity a {
height: 24px;
width: 34px;
border-radius: 4px;
background-color: #f3f3f3;
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--title-color);
font-weight: 600;
cursor: pointer;
transition: .35s
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a i,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity a i {
color: var(--title-color);
transition: .35s
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity a:hover {
background: var(--primary-color1);
border-color: var(--primary-color1)
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover i,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity a:hover i {
color: var(--white-color)
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity input,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity input {
height: 24px;
width: 34px;
border-radius: 4px;
background: #fff;
border: 1px solid rgba(19, 20, 26, .16);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--title-color);
font-weight: 600;
text-align: center
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area.active,
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2.active {
opacity: 1;
transform: scaleY(1);
animation: fade-down .3s linear
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover {
color: #ff4820
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover:last-child {
color: var(--primary-color1)
}

@media(max-width: 767px) {
.cart-page .cart-shopping-wrapper .cart-table tbody tr td {
display: block;
width: 100%;
text-align: right;
position: relative;
padding: 15px
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td::before {
content: attr(data-label);
position: absolute;
left: 15px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 18px;
font-style: normal;
font-weight: 500;
text-transform: capitalize
}
}

@media(max-width: 767px) and (max-width:576px) {
.cart-page .cart-shopping-wrapper .cart-table tbody tr td::before {
font-size: 13px;
font-weight: 700
}
}

@media(min-width: 992px) {
.cart-page .cart-order-sum-area {
padding-left: 15px
}
}

.cart-page .cart-order-sum-area .order-summary-wrap {
padding: 40px;
border: 1px solid #eee;
border-radius: 10px
}

@media(min-width: 992px) and (max-width:1199px) {
.cart-page .cart-order-sum-area .order-summary-wrap {
padding: 40px 25px
}
}

@media(max-width: 576px) {
.cart-page .cart-order-sum-area .order-summary-wrap {
padding: 35px 25px
}
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list {
width: 100%
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 30px;
line-height: 1
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:first-child {
padding-bottom: 20px;
border-bottom: 1px solid #eee
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
display: inline-block
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info {
text-align: right
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 1;
margin-bottom: 0
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p strong {
font-weight: 500
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p.shipping {
margin-bottom: 10px
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area {
width: 100%;
margin-bottom: 10px
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area span {
margin-bottom: 15px
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner {
position: relative
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input {
width: 100%;
height: 42px;
padding: 10px 100px 10px 20px;
background-color: #f6f2f8;
border-radius: 5px 0 0 5px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, .5)
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::placeholder {
color: rgba(19, 20, 26, .5)
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .primary-btn1 {
padding: 12px 23px;
border-radius: 0 5px 5px 0;
background-color: var(--title-color);
border: 1px solid var(--title-color);
position: absolute;
top: 0;
right: 0
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .primary-btn1::after {
background-color: var(--white-color)
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:last-child {
margin-bottom: 40px
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:last-child span {
font-size: 16px;
font-weight: 600
}

.cart-page .cart-order-sum-area .order-summary-wrap>.primary-btn1 {
width: 100%;
justify-content: center;
padding: 18px 25px
}

.product-details-top-section .product-details-img {
position: relative
}

@media(min-width: 992px) and (max-width:1199px) {
.product-details-top-section .product-details-img {
flex-direction: column;
gap: 40px
}
}

@media(max-width: 576px) {
.product-details-top-section .product-details-img {
flex-direction: column;
gap: 40px
}
}

.product-details-top-section .product-details-img .product-details-tab-img {
position: relative;
overflow: hidden
}

@media(max-width: 991px) {
.product-details-top-section .product-details-img .product-details-tab-img img {
width: 100%
}
}

.product-details-top-section .product-details-img .nav-pills {
padding-top: 30px;
-moz-columns: 4;
columns: 4;
display: block
}

@media(max-width: 576px) {
.product-details-top-section .product-details-img .nav-pills {
-moz-columns: unset;
columns: unset;
display: flex;
align-items: center;
justify-content: center;
gap: 20px
}
}

.product-details-top-section .product-details-img .nav-pills .nav-link {
background-color: unset;
border-radius: unset;
padding: 0;
position: relative
}

@media(max-width: 576px) {
.product-details-top-section .product-details-img .nav-pills .nav-link img {
max-width: 100px;
min-width: 100px
}
}

.product-details-top-section .product-details-img .nav-pills .nav-link::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background-color: var(--title-color);
opacity: .5
}

.product-details-top-section .product-details-img .nav-pills .nav-link.active::after {
display: none
}

.product-details-top-section .product-details-content h1 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .7px;
text-transform: capitalize;
margin-bottom: 10px
}

@media(min-width: 992px) and (max-width:1199px) {
.product-details-top-section .product-details-content h1 {
font-size: 33px
}
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content h1 {
font-size: 30px;
margin-bottom: 15px
}
}

.product-details-top-section .product-details-content .rating-review {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 20px
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content .rating-review {
flex-direction: column;
align-items: flex-start;
gap: 0
}
}

.product-details-top-section .product-details-content .rating-review .rating {
display: flex;
align-items: center;
gap: 8px;
line-height: 1
}

.product-details-top-section .product-details-content .rating-review .rating .star {
display: flex;
align-items: center;
gap: 6px
}

.product-details-top-section .product-details-content .rating-review .rating .star i {
font-size: 14px;
color: #ffc107
}

.product-details-top-section .product-details-content .rating-review .rating a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
transition: .5s
}

.product-details-top-section .product-details-content .rating-review .rating a:hover {
color: var(--primary-color1)
}

.product-details-top-section .product-details-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .48px;
margin-bottom: 20px
}

@media(min-width: 992px) and (max-width:1199px) {
.product-details-top-section .product-details-content p {
font-size: 15px
}
}

.product-details-top-section .product-details-content .price-area {
margin-bottom: 35px
}

@media(min-width: 992px) and (max-width:1199px) {
.product-details-top-section .product-details-content .price-area {
margin-bottom: 30px
}
}

.product-details-top-section .product-details-content .price-area span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 25px;
font-weight: 500;
line-height: 1;
margin-bottom: 0
}

.product-details-top-section .product-details-content .price-area span del {
color: rgba(16, 12, 8, .5);
font-size: 18px
}

.product-details-top-section .product-details-content .quantity-area {
margin-bottom: 35px
}

.product-details-top-section .product-details-content .quantity-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 500;
line-height: 1;
letter-spacing: .48px;
margin-bottom: 20px
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content .quantity-area h6 {
margin-bottom: 15px
}
}

.product-details-top-section .product-details-content .quantity-area .quantity-counter {
display: flex;
align-items: center;
gap: 10px
}

.product-details-top-section .product-details-content .quantity-area .quantity-counter a {
width: 40px;
height: 40px;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--title-color);
border: 1px solid var(--title-color);
transition: .5s
}

.product-details-top-section .product-details-content .quantity-area .quantity-counter a:hover {
background-color: var(--title-color);
color: var(--white-color)
}

.product-details-top-section .product-details-content .quantity-area .quantity-counter .quantity__input {
max-width: 58px;
width: 100%;
height: 40px;
border: 1px solid var(--title-color);
text-align: center;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .48px
}

.product-details-top-section .product-details-content .quantity-area .quantity-counter .quantity__input:focus {
border: 1px solid #ddd
}

.product-details-top-section .product-details-content .product-details-btn {
display: flex;
align-items: center;
gap: 30px;
border-bottom: 1px solid var(--primary-color1);
padding-bottom: 30px;
flex-wrap: wrap
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content .product-details-btn {
gap: 20px
}
}

.product-details-top-section .product-details-content .product-details-btn .primary-btn1 {
padding: 16px 25px
}

.product-details-top-section .product-details-content .product-details-btn .secondary-btn4 {
padding: 16px 26px
}

.product-details-top-section .product-details-content .product-info {
padding-top: 25px;
margin-bottom: 30px
}

.product-details-top-section .product-details-content .product-info .product-info-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 70px
}

@media(min-width: 992px) and (max-width:1199px) {
.product-details-top-section .product-details-content .product-info .product-info-list {
gap: 40px
}
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content .product-info .product-info-list {
flex-wrap: wrap;
gap: 8px
}
}

.product-details-top-section .product-details-content .product-info .product-info-list li {
color: var(--text-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
letter-spacing: .32px;
text-transform: capitalize
}

.product-details-top-section .product-details-content .product-info .product-info-list li a {
color: var(--text-color);
transition: .35s
}

.product-details-top-section .product-details-content .product-info .product-info-list li a:hover {
color: var(--primary-color1)
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content .product-info .product-info-list li {
margin-right: 15px
}
}

.product-details-top-section .product-details-content .product-info .product-info-list li span {
color: var(--title-color);
font-family: var(--font-rubik)
}

.product-details-top-section .product-details-content .payment-method {
padding: 17px 30px;
border: 1px solid rgba(34, 34, 34, .1000000015);
max-width: 460px;
width: 100%;
margin-bottom: 20px
}

.product-details-top-section .product-details-content .payment-method h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 400;
line-height: 1;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 15px
}

.product-details-top-section .product-details-content .payment-method .payment-card-list {
display: flex;
align-items: center;
gap: 20px
}

.product-details-top-section .product-details-content .product-shipping-delivers li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px
}

.product-details-top-section .product-details-content .product-shipping-delivers li:last-child {
margin-bottom: 0
}

.product-details-top-section .product-details-content .product-shipping-delivers li svg {
fill: var(--primary-color1)
}

.product-details-top-section .product-details-content .product-shipping-delivers li p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
letter-spacing: .32px;
text-transform: capitalize;
margin-bottom: 0
}

.product-details-top-section .product-details-content .product-shipping-delivers li p a {
color: var(--text-color);
background: linear-gradient(to bottom, #100C08 0%, #100C08 98%);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left 100%;
transition: background-size .75s
}

.product-details-top-section .product-details-content .product-shipping-delivers li p a:hover {
background-size: 0 2px;
background-position: 0% 100%;
color: var(--primary-color1)
}

.product-details-top-section .product-details-content .wishlist-area {
padding-top: 30px
}

@media(max-width: 576px) {
.product-details-top-section .product-details-content .wishlist-area {
padding-top: 20px
}
}

.product-details-top-section .product-details-content .wishlist-area a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
display: inline-flex;
align-items: center;
gap: 7px;
transition: .5s
}

.product-details-top-section .product-details-content .wishlist-area a span {
width: 23px;
height: 23px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}

.product-details-top-section .product-details-content .wishlist-area a span svg {
fill: var(--title-color);
transition: .5s
}

.product-details-top-section .product-details-content .wishlist-area a:hover {
color: var(--primary-color1)
}

.product-details-top-section .product-details-content .wishlist-area a:hover span {
border-color: var(--primary-color1);
background-color: var(--primary-color1)
}

.product-details-top-section .product-details-content .wishlist-area a:hover span svg {
fill: var(--white-color)
}

.product-details-description {
scroll-margin-top: 150px
}

.product-details-description .product-details-description-nav .nav-tabs {
border-bottom: 1px solid rgba(34, 34, 34, .1000000015);
padding-left: 80px;
gap: 65px
}

@media(max-width: 991px) {
.product-details-description .product-details-description-nav .nav-tabs {
gap: 50px
}
}

@media(max-width: 767px) {
.product-details-description .product-details-description-nav .nav-tabs {
gap: 20px;
padding-left: 0
}
}

@media(max-width: 576px) {
.product-details-description .product-details-description-nav .nav-tabs {
gap: 10px
}
}

.product-details-description .product-details-description-nav .nav-tabs .nav-link {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 400;
letter-spacing: .36px;
text-transform: capitalize;
border: none;
background: linear-gradient(to bottom, #222222 0%, #222222 98%);
background-size: 0 3px;
background-repeat: no-repeat;
background-position: right 100%;
transition: background-size .75s
}

@media(max-width: 576px) {
.product-details-description .product-details-description-nav .nav-tabs .nav-link {
padding-bottom: 5px;
margin-right: 15px;
padding: 0
}
}

.product-details-description .product-details-description-nav .nav-tabs .nav-link.active {
color: var(--title-color);
font-weight: 500;
background-size: 100% 3px;
background-position: 0% 100%
}

.product-details-description .product-details-description-tab .description-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.8;
letter-spacing: .45px
}

.product-details-description .product-details-description-tab .addithonal-information .total-table2 {
margin-bottom: 0
}

.product-details-description .product-details-description-tab .addithonal-information .total-table2 tbody tr {
border-width: 1px;
border-color: #eee
}

.product-details-description .product-details-description-tab .addithonal-information .total-table2 tbody tr td {
border-width: 1px;
border-color: #eee;
padding: 15px;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
line-height: 30px;
vertical-align: middle
}

@media(max-width: 767px) {
.product-details-description .product-details-description-tab .addithonal-information .total-table2 tbody tr td {
padding: 10px
}
}

.product-details-description .product-details-description-tab .addithonal-information .total-table2 tbody tr td span {
font-weight: 600;
font-size: 16px;
color: var(--title-color);
font-family: var(--font-rubik);
text-align: start;
line-height: 26px
}

@media(min-width: 992px) {
.product-details-description .product-details-description-tab .addithonal-information .total-table2 tbody tr td span {
width: 25%
}
}

.product-details-description .product-details-description-tab .reviews-area .number-of-review {
line-height: 1;
margin-bottom: 40px
}

.product-details-description .product-details-description-tab .reviews-area .number-of-review h4 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 600
}

@media(max-width: 576px) {
.product-details-description .product-details-description-tab .reviews-area .number-of-review h4 {
font-size: 22px
}
}

.product-details-description .product-details-description-tab .reviews-area .comment {
margin: 0;
padding: 0;
list-style: none
}

.product-details-description .product-details-description-tab .reviews-area .comment>li {
margin-bottom: 40px
}

.product-details-description .product-details-description-tab .reviews-area .comment>li>.single-comment-area {
margin-bottom: 24px
}

.product-details-description .product-details-description-tab .reviews-area .comment>li:last-child {
margin-bottom: 0
}

.product-details-description .product-details-description-tab .reviews-area .comment>li:last-child>.single-comment-area {
margin-bottom: 0
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area {
display: flex;
align-items: flex-start;
gap: 20px
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .author-img img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .author-and-review .author-name-deg {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .author-and-review .author-name-deg h6 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 600
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .author-and-review .author-name-deg span {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 1
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .author-and-review .review {
gap: 5px;
line-height: 1
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .author-and-review .review li {
line-height: 1
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .author-and-review .review li i {
color: #dda701;
font-size: 12px
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin-bottom: 12px
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .replay-btn {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
cursor: pointer;
transition: .35s
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .replay-btn svg {
transition: .35s;
fill: var(--text-color)
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .replay-btn:hover {
color: var(--primary-color1)
}

.product-details-description .product-details-description-tab .reviews-area .comment .single-comment-area .comment-content .replay-btn:hover svg {
fill: var(--primary-color1)
}

.product-details-description .product-details-description-tab .reviews-area .comment .comment-replay {
margin-left: 70px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 24px 0
}

.product-details-description .product-details-description-tab .reviews-area .comment .comment-replay>li {
margin-bottom: 30px
}

.product-details-description .product-details-description-tab .reviews-area .comment .comment-replay>li:last-child {
margin-bottom: 0
}

.product-details-description .product-details-description-tab .review-form {
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
box-shadow: 4px 3px 40px 0 rgba(16, 33, 34, .06);
padding: 50px 40px;
border-radius: 10px
}

@media(min-width: 992px) and (max-width:1199px) {
.product-details-description .product-details-description-tab .review-form {
padding: 40px 30px
}
}

@media(max-width: 576px) {
.product-details-description .product-details-description-tab .review-form {
padding: 40px 25px
}
}

.product-details-description .product-details-description-tab .review-form .number-of-review {
line-height: 1;
margin-bottom: 30px
}

.product-details-description .product-details-description-tab .review-form .number-of-review h4 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 600
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area {
margin-bottom: 15px
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area p {
margin-bottom: 5px;
color: var(--title-color)
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate {
float: left
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate:not(:checked)>input {
position: absolute;
top: -9999px
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 16px;
line-height: 1;
color: #ccc;
padding-right: 8px;
display: inline-block;
margin-right: 8px
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label::before {
content: "\f586";
font-family: bootstrap-icons !important
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate input:checked~label {
color: #dda701
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label:hover,
.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label:hover~label {
color: #dda701
}

.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area input:checked+label:hover,
.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area input:checked+label:hover~label,
.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area input:checked~label:hover,
.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area input:checked~label:hover~label,
.product-details-description .product-details-description-tab .review-form .form-inner2 .review-rate-area label:hover~input:checked~label {
color: #dda701
}

.product-details-description .product-details-description-tab .review-form .primary-btn3 {
padding: 7px 25px;
margin-top: 30px;
font-family: var(--font-rubik)
}

.room-suits-card {
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 2px 2px 9px hsl(0deg 0% 0% /);
box-shadow: 2px 2px 4px hsl(0deg 0% 0% / 38%);
}

.room-suits-card .hotel-img-slider {
height: 100%;
position: relative
}

.room-suits-card .hotel-img-slider .batch {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
display: inline-block;
padding: 7px 16px;
border-radius: 5px 0 5px 0;
background-color: #228b22;
position: absolute;
top: 0;
left: 0;
transition: .5s;
z-index: 2
}

.room-suits-card .hotel-img-slider .swiper-pagination5 {
position: absolute;
bottom: 15px;
width: unset !important;
display: flex;
z-index: 9;
gap: 5px;
left: 50%;
transform: translateX(-50%)
}

@media(max-width: 576px) {
.room-suits-card .hotel-img-slider .swiper-pagination5 {
display: none
}
}

.room-suits-card .hotel-img-slider .swiper-pagination5 .swiper-pagination-bullet {
height: 12px;
width: 12px;
background-color: transparent;
border: 1px solid var(--white-color);
opacity: 1;
position: relative
}

.room-suits-card .hotel-img-slider .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color1)
}

.room-suits-card .hotel-img-slider .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
background-color: #034ea2;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}

.room-suits-card .room-img {
height: 100%;
display: inline-block;
height: 100%;
position: relative;
border-radius: 5px 0 0 5px
}

@media(max-width: 767px) {
.room-suits-card .room-img {
width: 100%
}
}

.room-suits-card .room-img .batch {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
display: inline-block;
padding: 7px 16px;
border-radius: 5px 0 5px 0;
background-color: #228b22;
position: absolute;
top: 0;
left: 0;
transition: .5s;
z-index: 2
}

.room-suits-card .room-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%); */
border-radius: 5px 5px 0 0;
z-index: 1
}

@media(max-width: 767px) {
.room-suits-card .room-img {
width: 100%
}
}

.room-suits-card .room-img img {
border-radius: 5px 0 0 5px;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 767px) {
.room-suits-card .room-img img {
width: 100%;
border-radius: 5px 5px 0 0
}
}

.room-suits-card .room-img a {
display: inline-block;
height: 100%;
position: relative;
z-index: 1
}

.room-suits-card .room-img a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 5px 5px 0 0;
z-index: 1
}

@media(max-width: 767px) {
.room-suits-card .room-img a {
width: 100%
}
}

.room-suits-card .room-img a img {
border-radius: 5px 0 0 5px;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}

@media(max-width: 767px) {
.room-suits-card .room-img a img {
width: 100%;
border-radius: 5px 5px 0 0
}
}

.room-suits-card .room-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 12px;
}

@media(max-width: 576px) {
.room-suits-card .room-content {
padding: 20px 15px
}
}

.room-suits-card .room-content .content-top {
margin-bottom: 0px;
}

.room-suits-card .room-content .content-top .reviews {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 5px
}

.room-suits-card .room-content .content-top .reviews ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px
}

.room-suits-card .room-content .content-top .reviews ul li {
line-height: 1
}

.room-suits-card .room-content .content-top .reviews ul li i {
color: #dda701;
font-size: 12px
}

.room-suits-card .room-content .content-top .reviews span {
font-size: 14px;
color: var(--text-color);
font-family: var(--font-jost);
line-height: 1
}

.room-suits-card .room-content .content-top h5 {
margin-bottom: 10px;
line-height: 1
}

.room-suits-card .room-content .content-top h5 a {
font-size: 19px;
font-family: var(--font-rubik);
color: var(--title-color);
font-weight: 500;
line-height: 1.2;
transition: .35s
}

@media(max-width: 767px) {
.room-suits-card .room-content .content-top h5 a {
font-size: 18px
}
}

.room-suits-card .room-content .content-top h5 a:hover {
color: var(--primary-color1)
}

.room-suits-card .room-content .content-top .loaction-area {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 20px
}

.room-suits-card .room-content .content-top .loaction-area li {
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--text-color);
display: flex;
align-items: center;
gap: 5px;
margin-right: 10px;
line-height: 1
}

.room-suits-card .room-content .content-top .loaction-area li a {
color: var(--primary-color1);
text-decoration: underline
}

.room-suits-card .room-content .content-top .facilisis {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px
}

.room-suits-card .room-content .content-top .facilisis li {
display: flex;
align-items: center;
gap: 8px;
padding-right: 13px;
font-size: 14px;
font-weight: 400;
font-family: var(--font-jost);
line-height: 1;
color: var(--title-color)
}

.room-suits-card .room-content .content-top .facilisis li svg {
fill: var(--primary-color1)
}

.room-suits-card .room-content .content-bottom {
display: flex;
align-items: center;
justify-content: space-between
}

@media(max-width: 576px) {
.room-suits-card .room-content .content-bottom {
gap: 20px;
flex-direction: column;
justify-content: start;
align-items: start
}
}

.room-suits-card .room-content .content-bottom .room-type {
line-height: 1
}

.room-suits-card .room-content .content-bottom .room-type h6 {
font-size: 14px;
font-weight: 500;
color: var(--title-color);
font-family: var(--font-rubik);
margin-bottom: 0
}

.room-suits-card .room-content .content-bottom .room-type>span {
font-size: 14px;
font-weight: 400;
color: var(--text-color);
font-family: var(--font-jost)
}

.room-suits-card .room-content .content-bottom .room-type .deals {
padding-top: 7px
}

.room-suits-card .room-content .content-bottom .room-type .deals span {
font-size: 14px;
font-weight: 400;
color: var(--text-color);
font-family: var(--font-jost);
line-height: 1.3
}

.room-suits-card .room-content .content-bottom .room-type .deals span strong {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-weight: 500
}

.room-suits-card .room-content .content-bottom .price-and-book {
/* display: flex; */
flex-direction: column;
align-items: end
}

@media(max-width: 576px) {
.room-suits-card .room-content .content-bottom .price-and-book {
align-items: start
}
}

.room-suits-card .room-content .content-bottom .price-area {
margin-bottom: 10px;
/* text-align: end; */
}

@media(max-width: 576px) {
.room-suits-card .room-content .content-bottom .price-area {
text-align: start;
margin-bottom: 20px
}
}

.room-suits-card .room-content .content-bottom .price-area span {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 23px;
font-weight: 500;
line-height: 1;
display: inline-block;
text-transform: capitalize;
padding-top: 7px
}

.room-suits-card .room-content .content-bottom .price-area span del {
color: rgba(16, 12, 8, .5);
font-size: 16px;
font-weight: 500
}

.room-suits-card .room-content .content-bottom .price-area p {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
color: var(--text-color);
font-family: var(--font-rubik);
line-height: 1
}

.room-suits-card.two .hotel-img-slider {
width: 100%
}

.room-suits-card.two .hotel-img-slider .swiper-wrapper {
width: 100%
}

.room-suits-card.two .hotel-img-slider .swiper-wrapper .swiper-slide {
width: 100%
}

.room-suits-card.two .hotel-img-slider .swiper-wrapper .swiper-slide .room-img {
width: 100%;
height: 300px
}

.room-suits-card.two .hotel-img-slider .swiper-wrapper .swiper-slide .room-img img {
width: 100%
}

.room-suits-card.two .room-img {
width: 100%;
height: 300px
}

.room-suits-card.two .room-img a {
width: 100%
}

.room-suits-card.two .room-img a img {
width: 100%
}

.room-details-area .room-img-group {
border-radius: 10px;
background: #fff;
padding: 10px;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .08)
}

.room-details-area .room-img-group .gallery-img-wrap {
position: relative;
transition: all .45s;
height: 100%
}

.room-details-area .room-img-group .gallery-img-wrap img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
border-radius: 10px
}

@media(max-width: 767px) {
.room-details-area .room-img-group .gallery-img-wrap img {
height: auto
}
}

.room-details-area .room-img-group .gallery-img-wrap a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(16, 12, 8, .6);
color: var(--white-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
letter-spacing: .6px;
flex-direction: column;
transition: all .45s;
transform: scale(.4);
border-radius: 10px;
opacity: 0
}

.room-details-area .room-img-group .gallery-img-wrap a i {
color: var(--primary-color2);
font-size: 35px
}

.room-details-area .room-img-group .gallery-img-wrap button {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(16, 12, 8, .6);
color: var(--white-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
letter-spacing: .6px;
flex-direction: column;
transition: all .45s;
transform: scale(.4);
border-radius: 10px;
opacity: 0
}

.room-details-area .room-img-group .gallery-img-wrap button i {
color: var(--primary-color2);
font-size: 20px
}

.room-details-area .room-img-group .gallery-img-wrap:hover a {
transform: scale(1);
opacity: 1
}

.room-details-area .room-img-group .gallery-img-wrap:hover button {
transform: scale(1);
opacity: 1
}

.room-details-area .room-img-group .gallery-img-wrap.active a {
transform: scale(1);
opacity: 1
}

.room-details-area .room-img-group .gallery-img-wrap.active button {
transform: scale(1);
opacity: 1
}

.room-details-area h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
line-height: 1.25;
font-weight: 500;
letter-spacing: .75px;
margin-bottom: 20px
}

@media(max-width: 1399px) {
.room-details-area h2 {
font-size: 35px
}
}

@media(max-width: 576px) {
.room-details-area h2 {
font-size: 32px
}
}

.room-details-area .location-and-review {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-bottom: 30px
}

@media(max-width: 576px) {
.room-details-area .location-and-review {
flex-wrap: wrap;
gap: 10px
}
}

.room-details-area .location-and-review .location p {
font-size: 16px;
line-height: 26px;
margin-bottom: 0
}

.room-details-area .location-and-review .location p a {
color: var(--title-color);
font-weight: 500;
text-decoration: underline
}

.room-details-area .location-and-review .review-area ul {
display: flex;
align-items: center;
justify-content: end;
gap: 5px
}

@media(max-width: 576px) {
.room-details-area .location-and-review .review-area ul {
justify-content: start
}
}

.room-details-area .location-and-review .review-area ul li {
line-height: 1
}

.room-details-area .location-and-review .review-area ul li i {
font-size: 14px;
color: #dda701
}

.room-details-area .location-and-review .review-area span {
font-size: 14px;
font-family: var(--font-rubik);
line-height: 1;
color: var(--text-color);
white-space: nowrap
}

.room-details-area .location-and-review .review-area span strong {
font-weight: 500;
color: var(--title-color)
}

.room-details-area .room-meta-list {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}

.room-details-area .room-meta-list li {
display: flex;
align-items: center;
gap: 8px;
position: relative;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
letter-spacing: .48px
}

@media(max-width: 576px) {
.room-details-area .room-meta-list li {
padding-right: 15px
}
}

.room-details-area .room-meta-list li::after {
content: "";
position: absolute;
right: -60px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: var(--primary-color1)
}

@media(max-width: 1199px) {
.room-details-area .room-meta-list li::after {
right: -40px
}
}

@media(max-width: 767px) {
.room-details-area .room-meta-list li::after {
right: -20px
}
}

@media(max-width: 576px) {
.room-details-area .room-meta-list li::after {
display: none;
visibility: hidden
}
}

.room-details-area .room-meta-list li:last-child::after {
display: none;
visibility: hidden
}

.room-details-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
letter-spacing: .48px;
margin-bottom: 7px
}

.room-details-area .price-area {
margin-bottom: 15px
}

.room-details-area .price-area h6 {
font-size: 28px;
font-family: var(--font-jost);
color: var(--primary-color1);
line-height: 1.25;
font-weight: 700;
letter-spacing: .75px;
margin-bottom: 0
}

.room-details-area .price-area h6 span {
font-family: var(--font-jost);
font-size: 18px;
line-height: 1.25;
font-weight: 400
}

.room-details-area p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 32px;
letter-spacing: .54px;
margin-bottom: 25px
}

.room-details-area h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
letter-spacing: .75px;
margin-bottom: 5px
}

.room-details-area .room-features {
-moz-columns: 3;
columns: 3;
padding-top: 15px;
margin-bottom: 15px
}

@media(max-width: 767px) {
.room-details-area .room-features {
-moz-columns: 2;
columns: 2;
margin-bottom: 35px
}
}

.room-details-area .room-features li {
border: 1px solid #eee;
display: flex;
align-items: center;
gap: 15px;
padding: 12px 15px;
margin-bottom: 20px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
letter-spacing: .66px
}

.room-details-area .room-features li svg {
fill: var(--primary-color1)
}

@media(max-width: 576px) {
.room-details-area .room-features li {
font-size: 15px;
gap: 10px;
padding: 12px;
line-height: 1.1
}
}

.room-details-area .extra-service {
-moz-columns: 4;
columns: 4
}

@media(max-width: 991px) {
.room-details-area .extra-service {
-moz-columns: 3;
columns: 3
}
}

@media(max-width: 576px) {
.room-details-area .extra-service {
-moz-columns: 2;
columns: 2
}
}

.room-details-area .extra-service li {
display: flex;
align-items: center;
gap: 7px;
padding-top: 15px
}

.room-details-area .extra-service li svg {
fill: var(--primary-color1)
}

.room-details-area .tour-location .map-area {
padding-top: 15px
}

.room-details-area .tour-location .map-area iframe {
width: 100%;
height: 300px;
filter: grayscale(199%) invert(98%) contrast(122%)
}

.package-details-area .booking-form-wrap p {
color: var(--text-color);
text-align: center;
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 35px
}

.booking-form-wrap {
border-radius: 10px;
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
border-radius: 5px;
padding: 25px
}

.booking-form-wrap h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
letter-spacing: .48px;
margin-bottom: 7px
}

.booking-form-wrap h4 {
color: var(--title-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 28px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 5px
}

.booking-form-wrap p {
color: var(--text-color);
text-align: center;
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 35px
}

.booking-form-wrap .nav-pills {
justify-content: space-between
}

.booking-form-wrap .nav-pills .nav-link {
color: var(--primary-color1);
text-align: center;
font-family: var(--font-jost);
font-size: 16px;
font-weight: 500;
border: 1px solid #ddd;
border-radius: 0;
width: 48%;
padding: 5px 15px
}

.booking-form-wrap .nav-pills .nav-link.active {
border-color: var(--primary-color1);
background-color: #034ea2;
color: var(--white-color)
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap h6 {
margin-bottom: 15px
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate {
display: flex;
width: 100%
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-check-label {
width: 0 !important
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-group {
width: 100%
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group {
position: relative;
display: block
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group span {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 10px;
display: block
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
padding: 10px 25px;
height: 50px;
border: 1px solid #eee
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check {
position: relative;
padding-left: 30px;
line-height: 1
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input {
display: none;
visibility: hidden
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:focus {
box-shadow: none
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked:focus {
box-shadow: none
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked~.form-check-label::brfore {
border-color: var(--primary-color1)
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked~.form-check-label::after {
background-color: var(--primary-color1)
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label {
cursor: pointer;
position: relative;
width: 100%
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::before {
content: "";
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
background-color: #fff
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: -26.5px;
top: 50%;
transform: translateY(-50%)
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date i {
color: var(--primary-color1);
font-size: 20px
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date,
.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date {
font-size: 13px;
font-weight: 400;
font-family: var(--font-rubik);
line-height: 1
}

.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date span:first-child,
.booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date span:first-child {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 7px
}

.booking-form-wrap .sidebar-booking-form .form-inner .form-group {
position: relative
}

.booking-form-wrap .sidebar-booking-form .form-inner .form-group span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
display: inline-block;
margin-bottom: 5px
}

.booking-form-wrap .sidebar-booking-form .form-inner .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px
}

.booking-form-wrap .sidebar-booking-form .number-input-item {
cursor: pointer;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
align-items: center
}

.booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
min-width: 155px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 400;
color: var(--title-color);
gap: 15px
}

.booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
line-height: 1;
font-weight: 500
}

.booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span del {
font-size: 15px;
color: var(--text-color)
}

.booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
border-radius: 17px;
border: 1px solid rgba(144, 185, 86, .2);
background: #fafafa;
width: 125px;
display: flex;
align-items: center;
padding: 5px 8px
}

.booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a {
height: 24px;
min-width: 24px;
max-width: 24px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: .35s;
font-size: 18px;
color: var(--primary-color1)
}

.booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a:hover {
color: var(--white-color);
background-color: var(--primary-color1)
}

.booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
width: 100%;
background-color: transparent;
padding: 0 15px;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500
}

.booking-form-wrap .sidebar-booking-form .checkbox-container {
padding-top: 10px;
padding-bottom: 22px;
border-bottom: 1px solid #ddd;
margin-bottom: 35px
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 28px;
position: relative;
cursor: pointer;
margin-bottom: 5px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container:last-child {
margin-bottom: 0
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark {
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark:after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check {
display: none
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked~.checkmark {
border-color: var(--primary-color1)
}

.booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked~.checkmark:after {
background-color: var(--primary-color1)
}

.booking-form-wrap .single-total {
border: 1px solid #ddd;
padding: 20px 18px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative
}

.booking-form-wrap .single-total span {
position: absolute;
left: 12px;
top: -10px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 0 8px;
background-color: #f7f6eb
}

.booking-form-wrap .single-total ul {
display: flex;
align-items: center;
gap: 15px;
line-height: 1
}

.booking-form-wrap .single-total ul li {
color: #666;
font-family: var(--font-jost);
font-size: 12px;
font-weight: 400
}

.booking-form-wrap .single-total ul li strong {
display: block;
font-weight: 500;
font-size: 16px;
margin-bottom: 5px
}

.booking-form-wrap .single-total ul li i {
color: var(--title-color)
}

.booking-form-wrap .single-total svg {
fill: #b1afaf
}

.booking-form-wrap .single-total .total {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600
}

.booking-form-wrap .total-price {
color: var(--title-color);
text-align: center;
font-family: var(--font-jost);
font-size: 28px;
font-weight: 700;
border-top: 1px solid #ddd;
padding-top: 30px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px
}

.booking-form-wrap .total-price span {
font-size: 16px;
font-weight: 500;
line-height: 1
}

.booking-form-wrap .primary-btn1 {
width: 100%;
justify-content: center;
padding: 18px 34px
}

.review-box {
border: 1px solid rgba(238, 238, 238, .4);
background: #f8f8f8;
padding: 30px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 25px;
margin-bottom: 50px;
gap: 15px
}

.review-box .total-review {
display: flex;
align-items: center;
gap: 15px
}

.review-box .total-review h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 55px;
font-weight: 500;
margin-bottom: 0
}

.review-box .total-review .review-wrap .star-list {
display: flex;
align-items: center;
line-height: 1;
gap: 10px;
margin-bottom: 5px
}

.review-box .total-review .review-wrap .star-list li {
color: #dda701
}

.review-box .total-review .review-wrap span {
color: #666;
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1
}

.review-box .modal .modal-dialog {
width: 100%;
max-width: 1120px;
margin-left: auto;
margin-right: auto
}

@media(max-width: 991px) {
.review-box .modal .modal-dialog {
max-width: 570px
}
}

.review-box .modal .modal-dialog .modal-content {
border: none
}

.review-box .modal .modal-dialog .modal-content .modal-body {
padding: 0;
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
border-radius: 10px;
position: relative
}

.review-box .modal .modal-dialog .modal-content .modal-body .btn-close {
height: 28px;
width: 28px;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
opacity: 1;
position: absolute;
right: 15px;
top: 18px;
--bs-btn-close-bg: none;
font-size: 14px;
color: var(--title-color);
transition: .35s
}

.review-box .modal .modal-dialog .modal-content .modal-body .btn-close:hover {
background-color: red;
color: var(--white-color)
}

.review-box .modal .modal-dialog .modal-content .modal-body .btn-close:focus {
box-shadow: none
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper {
padding: 30px 20px 40px
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper h4 {
margin-bottom: 20px
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper .star-rating-wrapper .star-rating-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper .star-rating-wrapper .star-rating-list li {
margin-right: 10px
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper .star-rating-wrapper .star-rating-list li .rating-container {
line-height: 1
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper .star-rating-wrapper .star-rating-list li .rating-container i {
color: var(--text-color);
font-size: 13px;
cursor: pointer
}

.review-box .modal .modal-dialog .modal-content .modal-body .review-from-wrapper .star-rating-wrapper .star-rating-list li span {
display: inline-block;
font-size: 15px;
font-weight: 400;
color: var(--title-color)
}

.review-box .modal .modal-dialog .modal-content .modal-body .modal-form-image {
height: 100%
}

.review-box .modal .modal-dialog .modal-content .modal-body .modal-form-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 10px 10px 0
}

.comment-area {
scroll-margin-top: 150px
}

.review-area .comment {
margin: 0;
padding: 0;
list-style: none
}

.review-area .comment>li {
margin-bottom: 40px
}

.review-area .comment>li>.single-comment-area {
margin-bottom: 24px
}

.review-area .comment>li:last-child {
margin-bottom: 0
}

.review-area .comment>li:last-child>.single-comment-area {
margin-bottom: 0
}

.review-area .comment .single-comment-area {
display: flex;
align-items: flex-start;
gap: 20px
}

@media(max-width: 576px) {
.review-area .comment .single-comment-area {
flex-wrap: wrap;
gap: 10px
}
}

.review-area .comment .single-comment-area .author-img img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%
}

.review-area .comment .single-comment-area .comment-content .author-name-deg {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap
}

.review-area .comment .single-comment-area .comment-content .author-name-deg h6 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 600
}

.review-area .comment .single-comment-area .comment-content .author-name-deg span {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 1
}

.review-area .comment .single-comment-area .comment-content .review-item-list {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 20px
}

@media(max-width: 576px) {
.review-area .comment .single-comment-area .comment-content .review-item-list {
align-items: start;
justify-content: flex-start
}
}

@media(max-width: 576px) {
.review-area .comment .single-comment-area .comment-content .review-item-list>li {
padding-right: 20px
}
}

.review-area .comment .single-comment-area .comment-content .review-item-list>li span {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 30px
}

.review-area .comment .single-comment-area .comment-content .review-item-list>li .star-list {
display: flex;
align-items: centre;
gap: 8px;
line-height: 1
}

.review-area .comment .single-comment-area .comment-content .review-item-list>li .star-list li i {
font-size: 13px;
color: #dda701
}

.review-area .comment .single-comment-area .comment-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 12px
}

.review-area .comment .single-comment-area .comment-content .replay-btn {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
cursor: pointer;
transition: .35s
}

.review-area .comment .single-comment-area .comment-content .replay-btn svg {
transition: .35s;
fill: var(--text-color)
}

.review-area .comment .single-comment-area .comment-content .replay-btn:hover {
color: var(--primary-color1)
}

.review-area .comment .single-comment-area .comment-content .replay-btn:hover svg {
fill: var(--primary-color1)
}

.review-area .comment .comment-replay {
margin: 0;
padding: 0;
list-style: none;
margin-left: 70px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 24px 0
}

.review-area .comment .comment-replay>li {
margin-bottom: 30px
}

.review-area .comment .comment-replay>li:last-child {
margin-bottom: 0
}

.package-details-area .package-img-group {
border-radius: 10px;
background: #fff;
padding: 10px;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .08)
}

.package-details-area .package-img-group .gallery-img-wrap {
position: relative;
transition: all .45s;
height: 100%
}

.package-details-area .package-img-group .gallery-img-wrap img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
border-radius: 10px
}

@media(max-width: 767px) {
.package-details-area .package-img-group .gallery-img-wrap img {
height: auto
}
}

.package-details-area .package-img-group .gallery-img-wrap a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(16, 12, 8, .6);
color: var(--white-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
letter-spacing: .6px;
flex-direction: column;
transition: all .45s;
transform: scale(.4);
border-radius: 10px;
opacity: 0
}

.package-details-area .package-img-group .gallery-img-wrap a i {
color: var(--primary-color2);
font-size: 35px
}

.package-details-area .package-img-group .gallery-img-wrap button {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(16, 12, 8, .6);
color: var(--white-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
letter-spacing: .6px;
flex-direction: column;
transition: all .45s;
transform: scale(.4);
border-radius: 10px;
opacity: 0
}

.package-details-area .package-img-group .gallery-img-wrap button i {
color: var(--primary-color2);
font-size: 20px
}

.package-details-area .package-img-group .gallery-img-wrap:hover a {
transform: scale(1);
opacity: 1
}

.package-details-area .package-img-group .gallery-img-wrap:hover button {
transform: scale(1);
opacity: 1
}

.package-details-area .package-img-group .gallery-img-wrap.active a {
transform: scale(1);
opacity: 1
}

.package-details-area .package-img-group .gallery-img-wrap.active button {
transform: scale(1);
opacity: 1
}

.package-details-area .eg-tag2 {
-webkit-mask-image: url(../img/home1/vector/activities-content-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 8px 25px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

.package-details-area .eg-tag2 span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .72px
}

.package-details-area .eg-tag2 span svg {
fill: var(--white-color)
}

.package-details-area h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
line-height: 1.25;
font-weight: 500;
letter-spacing: .75px;
margin-bottom: 20px
}

@media(max-width: 1399px) {
.package-details-area h2 {
font-size: 35px
}
}

@media(max-width: 576px) {
.package-details-area h2 {
font-size: 32px
}
}

.package-details-area .tour-price {
display: flex;
align-items: baseline;
margin-bottom: 15px
}

.package-details-area .tour-price h3 {
font-size: 28px;
font-family: var(--font-jost);
color: var(--primary-color1);
line-height: 1.25;
font-weight: 700;
letter-spacing: .75px;
margin-bottom: 0
}

.package-details-area .tour-price span {
font-family: var(--font-jost);
font-size: 18px;
line-height: 1.25;
font-weight: 400
}

.package-details-area .tour-info-metalist {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 15px
}

.package-details-area .tour-info-metalist li {
display: flex;
align-items: center;
gap: 8px;
padding-right: 40px;
font-size: 16px;
font-weight: 500;
color: var(--title-color);
font-family: var(--font-rubik)
}

.package-details-area .tour-info-metalist li svg {
fill: var(--primary-color1)
}

.package-details-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
letter-spacing: .48px;
margin-bottom: 7px
}

.package-details-area p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: .54px;
margin-bottom: 16px
}

.package-details-area h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
letter-spacing: .75px;
margin-bottom: 10px;
padding-top: 10px
}

.package-details-area .includ-and-exclud-area {
display: flex;
justify-content: space-between;
gap: 30px
}

@media(max-width: 576px) {
.package-details-area .includ-and-exclud-area {
display: block
}
}

.package-details-area .includ-and-exclud-area ul {
width: 50%
}

@media(max-width: 576px) {
.package-details-area .includ-and-exclud-area ul {
display: block;
width: 100%
}
}

.package-details-area .includ-and-exclud-area ul li {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
display: flex;
gap: 8px;
padding-top: 10px
}

.package-details-area .includ-and-exclud-area ul li i {
color: var(--primary-color1);
font-weight: 400;
font-size: 13px
}

.package-details-area .includ-and-exclud-area ul.exclud li i {
color: red
}

.package-details-area .highlight-tour ul li {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
display: flex;
gap: 8px;
padding-top: 10px
}

.package-details-area .highlight-tour ul li span {
height: 20px;
min-width: 20px;
max-width: 20px;
background-color: rgba(var(--primary-color1-opc), 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 5px
}

.package-details-area .highlight-tour ul li span i {
font-size: 18px;
color: var(--primary-color1)
}

.package-details-area .highlight-tour ul li.moretext {
display: none
}

.package-details-area .highlight-tour ul li.moretext.item {
display: flex !important
}

.package-details-area .highlight-tour .moreless-button {
display: flex;
align-items: center;
gap: 8px;
padding-right: 20px;
font-size: 16px;
font-weight: 400;
color: var(--title-color);
font-family: var(--font-rubik);
cursor: pointer
}

.package-details-area .highlight-tour .moreless-button.bi-chevron-down::before {
display: none;
visibility: hidden
}

.package-details-area .highlight-tour .moreless-button.bi-chevron-down::after {
content: "\f282";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased
}

.package-details-area .highlight-tour .moreless-button.bi-chevron-up::before {
display: none;
visibility: hidden
}

.package-details-area .highlight-tour .moreless-button.bi-chevron-up::after {
content: "\f286";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased
}

.package-details-area .tour-plan {
padding-top: 15px;
margin-bottom: 30px
}

.package-details-area .tour-plan .accordion-item {
border: none
}

.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button {
padding: 0;
border: 1px solid #eee;
border-radius: 5px;
background-color: transparent;
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
color: var(--title-color);
display: flex;
align-items: center;
gap: 25px
}

.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button span {
min-width: 120px;
max-width: 120px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white-color);
background-color: #034ea2;
border-radius: 5px 0 0 5px
}

@media(max-width: 576px) {
.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button span {
min-width: 90px;
max-width: 90px;
height: 50px
}
}

@media(max-width: 576px) {
.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button {
font-size: 18px;
gap: 18px
}
}

.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none
}

.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none
}

.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button::after {
margin-right: 20px
}

.package-details-area .tour-plan .accordion-item .accordion-body {
padding-top: 0;
padding-bottom: 40px
}

.package-details-area .tour-plan .accordion-item .accordion-body p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: .54px;
margin-bottom: 16px
}

.package-details-area .tour-plan .accordion-item .accordion-body ul li {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
display: flex;
gap: 8px;
padding-top: 10px
}

.package-details-area .tour-plan .accordion-item .accordion-body ul li strong {
color: var(--title-color);
font-family: var(--font-rubik);
font-weight: 500
}

.package-details-area .tour-plan .accordion-item .accordion-body ul li i {
color: var(--primary-color1);
font-weight: 400;
font-size: 13px
}

.package-details-area .map-area {
padding-top: 15px
}

.package-details-area .map-area iframe {
width: 100%;
height: 300px;
filter: grayscale(199%) invert(98%) contrast(122%)
}

.transport-details-section .booking-form-wrap p {
color: var(--text-color);
text-align: center;
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 35px
}

.transport-details-section .transport-image-area .transport-img {
position: relative
}

.transport-details-section .transport-image-area .transport-img img {
border-radius: 5px
}

.transport-details-section .transport-image-area .transport-img .slider-btn-group {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 95%
}

.transport-details-section .transport-image-area .transport-img .slider-btn-group .swiper-arrow {
height: 28px;
width: 28px;
background-color: #034ea2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}

.transport-details-section .transport-image-area .transport-img .slider-btn-group .swiper-arrow svg {
fill: var(--white-color)
}

.transport-details-section .transport-image-area .nav-tabs {
border: none;
-moz-columns: 5;
columns: 5;
-moz-column-gap: 20px;
column-gap: 20px;
display: block
}

.transport-details-section .transport-image-area .nav-tabs .nav-item .nav-link {
border: none;
padding: 0;
position: relative;
border-radius: 5px
}

.transport-details-section .transport-image-area .nav-tabs .nav-item .nav-link::after {
content: "";
height: 100%;
width: 100%;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
background-color: var(--title-color);
opacity: .5
}

.transport-details-section .transport-image-area .nav-tabs .nav-item .nav-link img {
border-radius: 5px
}

.transport-details-section .transport-image-area .nav-tabs .nav-item .nav-link.active::after {
display: none
}

.transport-details-section h3 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 35px;
line-height: 1.25;
font-weight: 500;
letter-spacing: .75px;
margin-bottom: 15px
}

@media(max-width: 991px) {
.transport-details-section h3 {
font-size: 28px
}
}

@media(max-width: 576px) {
.transport-details-section h3 {
font-size: 24px
}
}

.transport-details-section .fetures {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 25px;
gap: 15px;
margin-top: 10px
}

.transport-details-section .fetures li {
display: flex;
align-items: center;
gap: 8px;
padding-right: 30px;
font-size: 16px;
font-weight: 500;
color: var(--title-color);
font-family: var(--font-rubik);
line-height: 1
}

.transport-details-section .fetures li svg {
fill: var(--primary-color1)
}

.transport-details-section .fetures li span {
height: 20px;
min-width: 20px;
max-width: 20px;
background-color: rgba(var(--primary-color1-opc), 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}

.transport-details-section .fetures li span i {
font-size: 18px;
color: var(--primary-color1)
}

.transport-details-section p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 32px;
letter-spacing: .54px;
margin-bottom: 16px
}

.transport-details-section h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 22px;
font-weight: 500;
letter-spacing: .75px;
margin-bottom: 10px;
padding-top: 10px
}

.transport-details-section .includ-and-exclud-area ul li {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
display: flex;
gap: 8px;
padding-top: 10px
}

.transport-details-section .includ-and-exclud-area ul li i {
color: var(--primary-color1);
font-weight: 400;
font-size: 13px
}

.transport-details-section .includ-and-exclud-area ul.exclud li i {
color: red
}

.transport-details-section .booking-form-wrap h4 {
color: var(--title-color);
text-align: center;
font-family: var(--font-rubik);
font-size: 28px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 5px
}

@media(max-width: 576px) {
.transport-details-section .booking-form-wrap h4 {
font-size: 22px
}
}

.transport-details-section .booking-form-wrap p {
font-size: 16px;
line-height: 27px
}

.transport-details-section .booking-form-wrap h6 {
margin-bottom: 12px
}

.transport-details-section .booking-form-wrap .transport-type {
gap: 10px;
margin-bottom: 30px
}

.transport-details-section .booking-form-wrap .transport-type h6 {
margin-bottom: 0;
line-height: 1
}

.transport-details-section .booking-form-wrap .transport-type ul {
-moz-columns: 2;
columns: 2;
width: 100%
}

.transport-details-section .booking-form-wrap .transport-type ul li {
padding-top: 15px
}

.transport-details-section .booking-form-wrap .transport-type .form-check {
text-align: center;
position: relative;
width: 100%;
border-radius: 5px;
border: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #fff 0%, #ddd 100%) border-box;
background-origin: padding-box, border-box;
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor: pointer
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
margin: 0;
border: none;
position: absolute;
box-shadow: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
cursor: pointer
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-input:checked {
border: 1px solid var(--primary-color1)
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-input:checked~.form-check-label svg {
fill: var(--primary-color1)
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-input:checked~.form-check-label .title {
color: var(--primary-color1)
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-input:checked[type=radio] {
--bs-form-check-bg-image: unset
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-label {
cursor: pointer;
padding: 7px 5px 10px
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-label svg {
fill: var(--title-color);
margin-bottom: 0
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-label span {
display: block;
line-height: 1.4;
font-size: 14px;
font-weight: 400;
font-family: var(--font-rubik);
color: var(--text-color)
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-label span.title {
font-weight: 500;
font-size: 16px;
color: var(--title-color)
}

.transport-details-section .booking-form-wrap .transport-type .form-check .form-check-label span.price {
font-weight: 500;
color: var(--title-color);
display: inline-block
}

.transport-card {
border-radius: 5px;
background: #fff;
box-shadow: 0 0 35px 0 rgba(0, 0, 0, .08);
transition: all .5s ease-out
}

.transport-card .transport-img {
display: block;
border-radius: 5px 5px 0 0;
position: relative
}

.transport-card .transport-img span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
display: inline-block;
padding: 7px 16px;
border-radius: 5px 0 5px 0;
background-color: #034ea2;
position: absolute;
top: 0;
left: 0;
transition: .5s;
z-index: 2
}

.transport-card .transport-img img {
border-radius: 5px 5px 0 0
}

.transport-card .transport-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 5px 5px 0 0;
z-index: 1
}

.transport-card .transport-content {
padding: 25px 20px 30px
}

.transport-card .transport-content h4 {
margin-bottom: 15px
}

.transport-card .transport-content h4 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 23px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .23px;
text-transform: capitalize;
transition: .5s
}

.transport-card .transport-content h4 a:hover {
color: var(--primary-color1)
}

.transport-card .transport-content .transport-type h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1.4;
letter-spacing: .23px;
margin-bottom: 5px
}

.transport-card .transport-content .transport-type .single-transport {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #eee;
line-height: 1.3;
border-radius: 5px;
font-size: 13px;
font-weight: 500;
padding: 5px
}

.transport-card .transport-content .fetures {
display: flex;
align-items: center
}

.transport-card .transport-content .fetures li {
font-size: 14px;
margin-bottom: 5px;
color: var(--text-color);
display: flex;
align-items: center;
gap: 8px
}

.transport-card .transport-content .card-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px
}

.transport-card .transport-content .card-bottom .details-btn p {
display: block;
font-size: 14px;
margin-bottom: 5px;
color: var(--text-color);
display: flex;
gap: 8px
}

.transport-card .transport-content .card-bottom .details-btn p span {
max-height: 22px;
min-height: 22px;
min-width: 22px;
max-width: 22px;
background-color: rgba(var(--primary-color1-opc), 0.3);
color: var(--title-color);
border-radius: 50%;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px
}

.transport-card .transport-content .card-bottom .review-area {
line-height: 1;
text-align: end
}

.transport-card .transport-content .card-bottom .review-area .rating {
display: flex;
align-items: center;
justify-content: end;
gap: 5px;
margin-bottom: 7px
}

.transport-card .transport-content .card-bottom .review-area .rating li {
line-height: 1;
font-size: 13px
}

.transport-card .transport-content .card-bottom .review-area .rating li i {
color: #ffc107;
line-height: 1
}

.transport-card .transport-content .card-bottom .review-area span {
font-size: 14px;
line-height: 1;
color: var(--text-color)
}

.single-activitis {
display: flex;
align-items: center;
gap: 30px
}

.single-activitis .activitis-content {
max-width: 470px;
width: 100%
}

.single-activitis .activitis-content .eg-tag2 {
-webkit-mask-image: url(../img/home1/vector/activities-content-tag.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 8px 25px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 15px
}

.single-activitis .activitis-content .eg-tag2 span {
color: var(--white-color);
font-family: var(--font-satisfy);
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: .72px
}

.single-activitis .activitis-content .eg-tag2 span svg {
fill: var(--white-color)
}

.single-activitis .activitis-content h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .6px;
margin-bottom: 20px
}

@media(max-width: 576px) {
.single-activitis .activitis-content h2 {
font-size: 25px;
margin-bottom: 15px
}
}

.single-activitis .activitis-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .48px;
margin-bottom: 30px
}

@media(max-width: 576px) {
.single-activitis .activitis-content p {
font-size: 14px;
margin-bottom: 20px
}
}

.single-activitis .activitis-content ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 45px
}

.single-activitis .activitis-content ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 17px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .51px
}

.single-activitis .activitis-content ul li svg {
fill: var(--primary-color1)
}

.single-activitis .activitis-content .content-bottom-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px
}

@media(max-width: 576px) {
.single-activitis .activitis-content .content-bottom-area {
flex-wrap: wrap
}
}

.single-activitis .activitis-content .content-bottom-area .primary-btn1 {
padding: 16px 25px
}

.single-activitis .activitis-content .content-bottom-area .video-area {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer
}

.single-activitis .activitis-content .content-bottom-area .video-area .icon {
position: relative
}

.single-activitis .activitis-content .content-bottom-area .video-area .icon .video-circle {
stroke: var(--title-color);
fill: none;
transition: .5s
}

.single-activitis .activitis-content .content-bottom-area .video-area .icon .video-circle .top-half {
stroke-dasharray: 320;
stroke-dashoffset: 320;
transition: stroke-dashoffset .8s cubic-bezier(.33, 1, .68, 1)
}

.single-activitis .activitis-content .content-bottom-area .video-area .icon i {
color: var(--title-color);
font-size: 30px;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%)
}

.single-activitis .activitis-content .content-bottom-area .video-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .48px;
text-transform: capitalize;
margin-bottom: 0
}

.single-activitis .activitis-content .content-bottom-area .video-area:hover .icon .video-circle .top-half {
stroke-dashoffset: 0
}

@media(max-width: 767px) {
.single-activitis .activitis-img {
display: none
}
}

.review-wrapper h4 {
font-size: 25px
}

.inner-pagination-area .pagination-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center
}

.inner-pagination-area .pagination-list li {
margin-right: 20px
}

.inner-pagination-area .pagination-list li .shop-pagi-btn {
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}

.inner-pagination-area .pagination-list li .shop-pagi-btn i {
color: var(--title-color);
transition: .5s
}

.inner-pagination-area .pagination-list li .shop-pagi-btn:hover {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.inner-pagination-area .pagination-list li .shop-pagi-btn:hover i {
color: var(--white-color)
}

.inner-pagination-area .pagination-list li a {
color: rgba(16, 12, 8, .5);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 500;
line-height: 1;
text-transform: capitalize
}

.inner-pagination-area .pagination-list li a.active {
color: var(--title-color)
}

.inner-pagination-area .pagination-list li:first-child {
margin-right: 30px
}

.inner-pagination-area .pagination-list li:last-child {
padding-left: 10px;
margin-right: 0
}

.sidebar-area .faq-content .accordion .accordion-item .accordion-header .accordion-button {
font-size: 15px;
text-transform: initial
}

.sidebar-area .widget-title {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 500;
line-height: .9;
letter-spacing: .4px;
border-bottom: 1px solid var(--title-color);
display: inline-block;
margin-bottom: 30px
}

.sidebar-area .single-widget {
padding: 25px;
border-radius: 5px;
box-shadow: 0 0 25px 0 rgba(16, 16, 16, .05)
}

@media(min-width: 992px) and (max-width:1199px) {
.sidebar-area .single-widget {
padding: 25px 20px
}
}

.sidebar-area .single-widget .checkbox-container .form-inner {
margin-bottom: 25px
}

.sidebar-area .single-widget .checkbox-container .form-inner input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
height: 40px;
padding: 10px 20px;
border: 1px solid #fff
}

.sidebar-area .single-widget .checkbox-container .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, .5)
}

.sidebar-area .single-widget .checkbox-container .form-inner input::placeholder {
color: rgba(19, 20, 26, .5)
}

.sidebar-area .single-widget .checkbox-container .form-inner input:focus {
border-color: var(--primary-color1)
}

.sidebar-area .single-widget .checkbox-container .form-inner .nice-select {
background: #fff;
height: 40px;
padding: 0 30px 0 20px;
border: 1px solid #fff
}

.sidebar-area .single-widget .checkbox-container .form-inner .nice-select .current {
font-size: 13px
}

.sidebar-area .single-widget .checkbox-container .form-inner .nice-select::after {
right: 21px
}

.sidebar-area .single-widget .checkbox-container .form-inner .nice-select:focus {
border-color: var(--primary-color1)
}

.sidebar-area .single-widget .checkbox-container>ul {
margin: 0;
padding: 0;
list-style: none
}

.sidebar-area .single-widget .checkbox-container>ul>li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 26px
}

.sidebar-area .single-widget .checkbox-container>ul>li:last-child {
margin-bottom: 0
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss input {
display: none
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss span {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss .qty {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: .5s
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss .checkmark {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background-color: rgba(255, 255, 255, .8);
border: 1px solid var(--title-color);
border-radius: 2px
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss:hover input~.checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1)
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss input:checked~.checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1)
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss input:checked~.checkmark::after {
content: url(../img/innerpage/checkbox-check.svg);
left: 1.5px;
top: -1px;
position: absolute
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss .stars {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
line-height: 1;
margin-top: -2px
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss .stars i {
color: #dda701;
font-size: 13px
}

.sidebar-area .single-widget .checkbox-container>ul>li .containerss .stars a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500
}

.sidebar-area .single-widget .category-list {
padding: 0;
margin: 0;
list-style: none
}

.sidebar-area .single-widget .category-list li {
margin-bottom: 15px;
position: relative;
padding-left: 25px;
display: flex;
align-items: center;
margin-bottom: 25px;
transition: .5s
}

.sidebar-area .single-widget .category-list li:last-child {
margin-bottom: 0
}

.sidebar-area .single-widget .category-list li a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
gap: 5px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
letter-spacing: .3px;
transition: .5s
}

.sidebar-area .single-widget .category-list li a span {
font-size: 14px
}

.sidebar-area .single-widget .category-list li::before {
content: "";
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid var(--title-color);
left: 0;
top: 50%;
transform: translateY(-50%);
transition: .5s
}

.sidebar-area .single-widget .category-list li:hover a {
color: var(--primary-color1)
}

.sidebar-area .single-widget .category-list li:hover::before {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.sidebar-area .single-widget .category-list.two li a span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: .5s
}

.sidebar-area .single-widget .category-list.two li:hover a span {
border: 1px solid var(--primary-color1);
color: var(--primary-color1)
}

.sidebar-area .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px
}

.sidebar-area .single-widget .recent-post-widget .recent-post-img {
border-radius: 5px
}

.sidebar-area .single-widget .recent-post-widget .recent-post-img img {
min-width: 92px;
max-width: 92px;
height: 71px;
border-radius: 5px
}

.sidebar-area .single-widget .recent-post-widget .recent-post-content>a {
color: rgba(16, 12, 8, .5);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 3px;
transition: .5s
}

.sidebar-area .single-widget .recent-post-widget .recent-post-content>a:hover {
color: var(--primary-color1)
}

.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0
}

.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: .32px;
text-transform: capitalize;
transition: .5s
}

@media(min-width: 992px) and (max-width:1199px) {
.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px
}
}

.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color1)
}

.sidebar-area .single-widget .tag-list {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap
}

@media(min-width: 992px) and (max-width:1199px) {
.sidebar-area .single-widget .tag-list {
gap: 14px
}
}

.sidebar-area .single-widget .tag-list li a {
color: rgba(34, 34, 34, .5);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
display: block;
line-height: 1;
padding: 8px 20px;
border: 1px solid rgba(16, 12, 8, .4);
border-radius: 5px;
transition: .5s
}

.sidebar-area .single-widget .tag-list li:hover a {
border: 1px solid var(--primary-color1);
color: var(--white-color);
background-color: var(--primary-color1)
}

.sidebar-area .single-widget .search-box {
display: flex;
align-items: center
}

.sidebar-area .single-widget .search-box input {
width: 100%;
padding: 8px 20px;
font-family: var(--font-jost);
font-size: 14px;
height: 50px;
border: 1px solid rgba(var(--primary-color1-opc), 0.3)
}

.sidebar-area .single-widget .search-box input:focus {
border: 1px solid #ddd
}

.sidebar-area .single-widget .search-box button {
background-color: #034ea2;
min-width: 90px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 1
}

.sidebar-area .single-widget .search-box button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.sidebar-area .single-widget .search-box button i {
color: var(--white-color);
font-size: 22px
}

@media(max-width: 576px) {
.sidebar-area .single-widget .search-box button {
min-width: 70px
}
}

.sidebar-area .single-widget .search-box button:hover {
color: var(--white-color)
}

.sidebar-area .single-widget .search-box button:hover::after {
transform: skewX(45deg) scale(1, 1)
}

.range-wrap {
padding-top: 10px
}

.range-wrap .slider-labels {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px
}

.range-wrap .slider-labels .caption {
color: rgba(34, 34, 34, .6000000238);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px
}

.range-wrap .slider-labels a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 600;
letter-spacing: .3px
}

.range-wrap .noUi-target,
.range-wrap .range-wrap .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box
}

.range-wrap .noUi-target {
position: relative;
direction: ltr
}

.range-wrap .noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1
}

.range-wrap .noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0
}

.range-wrap .noUi-handle {
position: relative;
z-index: 1
}

.range-wrap .noUi-stacking .noUi-handle {
z-index: 10
}

.range-wrap .noUi-state-tap .noUi-origin {
transition: left .3s, top .3s
}

.range-wrap .noUi-state-drag * {
cursor: inherit !important
}

.range-wrap .noUi-base,
.range-wrap .range-wrap .noUi-handle {
transform: translate3d(0, 0, 0)
}

.range-wrap .noUi-horizontal {
height: 4px
}

.range-wrap .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
border-radius: 50%;
left: 0;
right: 0;
top: -4px;
background-color: #034ea2;
cursor: pointer
}

.range-wrap .noUi-horizontal .noUi-handle::after {
content: "";
height: 7px;
width: 7px;
border-radius: 50%;
background-color: var(--white-color);
position: absolute;
left: 7px;
top: 7px;
transform: translate(-50%, -50%)
}

.range-wrap .noUi-background {
background: rgba(33, 33, 33, .5);
height: 5px;
border-radius: 10px
}

.range-wrap .noUi-connect {
background: var(--primary-color1);
transition: background 450ms;
border-radius: 10px;
height: 5px
}

.range-wrap .noUi-target {
border-radius: 10px
}

.blog-meta {
margin-bottom: 25px
}

@media(max-width: 767px) {
.blog-meta {
margin-bottom: 20px
}
}

.blog-meta .author-area {
display: flex;
align-items: center;
gap: 10px
}

.blog-meta .author-area .author-img img {
width: 30px;
height: 30px;
border-radius: 50%
}

.blog-meta .author-area .author-content h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

.blog-meta .author-area .author-content h6 a {
color: var(--primary-color1);
text-decoration: underline
}

.blog-meta ul {
display: flex;
flex-wrap: wrap
}

.blog-meta ul li {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 400;
line-height: 1;
letter-spacing: .3px;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 7px;
margin-right: 50px;
position: relative
}

.blog-meta ul li svg {
fill: rgba(16, 12, 8, .5);
transition: .5s
}

@media(max-width: 767px) {
.blog-meta ul li {
font-size: 13px
}
}

@media(max-width: 576px) {
.blog-meta ul li {
margin-right: 15px;
font-size: 12px
}
}

.blog-meta ul li:last-child {
margin-right: 0
}

.blog-meta ul li::before {
content: "";
position: absolute;
left: -25px;
top: 3px;
width: 2px;
height: 10px;
line-height: 5px;
background-color: #034ea2;
border-radius: 4px
}

@media(max-width: 576px) {
.blog-meta ul li::before {
left: -10px
}
}

.blog-meta ul li:first-child::before {
display: none
}

.blog-meta ul li a {
color: var(--title-color);
transition: .5s
}

.blog-meta ul li a:hover {
color: var(--primary-color1)
}

.blog-meta ul li a:hover svg {
fill: var(--primary-color1)
}

.blog-meta.two {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
width: 100%;
padding: 20px 0;
border-top: 1px solid rgba(16, 12, 8, .05);
border-bottom: 1px solid rgba(16, 12, 8, .05)
}

.blog-st-card .blog-img-wrap {
position: relative
}

.blog-st-card .blog-img-wrap .card-img {
overflow: hidden;
display: block;
position: relative;
border-radius: 5px;
transition: all .5s ease-out
}

.blog-st-card .blog-img-wrap .card-img img {
border-radius: 5px;
transition: all .5s ease-out
}

@media(max-width: 991px) {
.blog-st-card .blog-img-wrap .card-img img {
width: 100%
}
}

.blog-st-card .blog-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1
}

.blog-st-card .blog-img-wrap .date {
position: absolute;
top: 13px;
left: 13px;
text-align: center;
width: 65px;
height: 65px;
border-radius: 50%;
background: var(--primary-color1);
-webkit-backdrop-filter: blur(1.7px);
backdrop-filter: blur(1.7px);
transition: .5s;
z-index: 9
}

.blog-st-card .blog-img-wrap .date span {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .22px;
text-transform: capitalize;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .5s
}

.blog-st-card .blog-img-wrap .date span strong {
font-size: 22px;
font-weight: 600
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-st-card .blog-img-wrap .date {
top: 5px;
left: 5px;
width: 60px;
height: 60px
}

.blog-st-card .blog-img-wrap .date span {
font-size: 10px
}

.blog-st-card .blog-img-wrap .date span strong {
font-size: 16px
}
}

@media(max-width: 576px) {
.blog-st-card .blog-img-wrap .date {
top: 5px;
left: 5px;
width: 60px;
height: 60px
}

.blog-st-card .blog-img-wrap .date span {
font-size: 10px
}

.blog-st-card .blog-img-wrap .date span strong {
font-size: 16px
}
}

.blog-st-card .blog-img-wrap:hover .card-img img {
transform: scale(1.05)
}

.blog-st-card .blog-img-wrap:hover .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent
}

.blog-st-card .blog-img-wrap:hover .date {
background-color: var(--primary-color2)
}

.blog-st-card .blog-img-wrap:hover .date span {
color: var(--title-color)
}

.blog-st-card .blog-content {
padding: 35px 20px 0
}

@media(max-width: 767px) {
.blog-st-card .blog-content {
padding: 25px 10px 0
}
}

@media(max-width: 576px) {
.blog-st-card .blog-content {
padding: 25px 0 0
}
}

.blog-st-card .blog-content h2 {
margin-bottom: 20px
}

.blog-st-card .blog-content h2 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 35px;
font-weight: 600;
line-height: 1.3;
text-transform: capitalize;
transition: .5s
}

@media(max-width: 1199px) {
.blog-st-card .blog-content h2 a {
font-size: 30px
}
}

@media(max-width: 767px) {
.blog-st-card .blog-content h2 a {
font-size: 25px
}
}

@media(max-width: 576px) {
.blog-st-card .blog-content h2 a {
font-size: 22px
}
}

.blog-st-card .blog-content h2 a:hover {
color: var(--primary-color1)
}

@media(max-width: 767px) {
.blog-st-card .blog-content h2 {
margin-bottom: 15px
}
}

.blog-st-card .blog-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1.9;
letter-spacing: .32px;
margin-bottom: 30px
}

@media(max-width: 767px) {
.blog-st-card .blog-content p {
margin-bottom: 20px
}
}

@media(max-width: 576px) {
.blog-st-card .blog-content p {
font-size: 14px
}
}

.blog-st-card .blog-content>a {
color: var(--primary-color1);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
text-decoration-line: underline;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 10px;
transition: .5s
}

.blog-st-card .blog-content>a>span {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}

.blog-st-card .blog-content>a>span svg {
stroke: var(--primary-color1);
transition: .5s
}

.blog-st-card .blog-content>a:hover {
color: var(--primary-color2)
}

.blog-st-card .blog-content>a:hover span {
border-color: var(--primary-color2)
}

.blog-st-card .blog-content>a:hover span svg {
transform: rotate(28deg);
stroke: var(--primary-color2)
}

.blog-st-card.two .blog-content {
text-align: center
}

.blog-st-card.two .blog-content .blog-meta ul {
justify-content: center
}

.blog-st-card.two .blog-content a {
justify-content: center
}

.package-category-nav-section {
margin-top: -80px
}

.package-category-nav-section .nav-pills {
position: relative;
display: block
}

.package-category-nav-section .nav-pills .tour-tab-slider {
padding: 10px;
margin: -10px
}

.package-category-nav-section .nav-pills .nav-item .nav-link {
border-radius: 5px;
background: var(--white-color);
text-align: center;
padding: 25px 20px;
box-shadow: 0 6px 8px 0 rgba(16, 16, 16, .05);
cursor: pointer
}

.package-category-nav-section .nav-pills .nav-item .nav-link .icon {
margin-bottom: 15px
}

.package-category-nav-section .nav-pills .nav-item .nav-link .icon svg {
fill: var(--title-color)
}

.package-category-nav-section .nav-pills .nav-item .nav-link .content h5 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0
}

.package-category-nav-section .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color1)
}

.package-category-nav-section .nav-pills .nav-item .nav-link.active .icon svg {
fill: var(--white-color)
}

.package-category-nav-section .nav-pills .nav-item .nav-link.active .content h5 {
color: var(--white-color)
}

.package-category-nav-section .nav-pills .slider-btn-grp4 .slider-btn {
width: 44px;
height: 32px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -26px;
z-index: 1
}

@media(max-width: 576px) {
.package-category-nav-section .nav-pills .slider-btn-grp4 .slider-btn {
left: -10px
}
}

.package-category-nav-section .nav-pills .slider-btn-grp4 .slider-btn.tour-tab-slider-next {
right: -26px;
left: unset
}

@media(max-width: 576px) {
.package-category-nav-section .nav-pills .slider-btn-grp4 .slider-btn.tour-tab-slider-next {
right: -10px
}
}

.package-search-filter-wrapper {
margin-top: -50px
}

.package-search-filter-wrapper .filter-group {
background-color: var(--white-color);
border: 1px solid rgba(99, 171, 69, .1);
border-radius: 20px;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .08);
padding: 40px 30px
}

@media(max-width: 767px) {
.package-search-filter-wrapper .filter-group {
padding: 35px 25px
}
}

.package-search-filter-wrapper .filter-group form {
display: flex;
align-items: center;
gap: 15px
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form {
flex-direction: row
}
}

@media(max-width: 767px) {
.package-search-filter-wrapper .filter-group form {
flex-direction: column
}
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form {
flex-direction: column
}
}

.package-search-filter-wrapper .filter-group form .filter-area {
padding: 0;
width: 100%
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form .filter-area {
margin-bottom: 0
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box {
display: flex;
align-items: center;
gap: 10px;
border-radius: 10px;
border: 1px solid rgba(16, 12, 8, .15);
padding: 11px 15px;
width: 100%;
position: relative
}

@media(max-width: 1799px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box {
padding: 8px 10px
}
}

@media(max-width: 1399px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box {
width: 100%
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .icon svg {
fill: var(--primary-color1)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
line-height: 1
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
width: 100%
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input label {
color: #6a6a6a;
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 400;
line-height: 1;
display: block;
margin-bottom: 5px
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input {
display: flex;
align-items: center;
line-height: 1;
cursor: pointer
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px;
background-color: transparent;
width: 100%;
cursor: pointer
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::-moz-placeholder {
color: var(--title-color)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::placeholder {
color: var(--title-color)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input i {
color: var(--title-color);
font-weight: 500
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: .3px;
min-width: 165px;
width: 100%;
margin-bottom: 0
}

@media(min-width: 1200px) and (max-width:1399px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 150px
}
}

@media(min-width: 576px) and (max-width:768px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 145px
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
padding: 10px 0;
background-color: var(--white-color);
border-radius: 5px;
max-width: 300px;
min-width: 300px;
width: 100%;
max-height: 250px;
overflow-y: scroll;
position: absolute;
top: 60px;
left: 0;
z-index: 9;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
display: none;
transform: scaleY(0);
transform-origin: top
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar {
width: 5px
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-track {
background: #f5f4f4
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 20px
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.no-scroll {
overflow-y: initial;
max-height: unset !important
}

@media(min-width: 992px) and (max-width:1199px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 100%;
min-width: 100%
}
}

@media(min-width: 768px) and (max-width:991px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
left: 0
}
}

@media(max-width: 576px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
left: 50%;
max-width: 100%;
min-width: 100%
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area {
border-bottom: 1px solid #dee2e6;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
margin: 0 10px 5px
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area i {
color: var(--primary-color1)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area input {
background-color: transparent;
color: var(--title-color);
font-size: 14px;
font-weight: 400;
width: 100%
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li {
display: flex;
align-items: center;
justify-content: space-between;
transition: .5s;
cursor: pointer;
padding: 0 10px;
line-height: 1;
margin-bottom: 5px;
position: relative
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li::before {
content: "";
height: 100%;
width: 3px;
background-color: var(--title-color);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: .5s
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:last-child {
margin-bottom: 0
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 14px;
font-family: var(--font-rubik);
color: var(--title-color);
font-weight: 500;
line-height: 1.4;
margin-bottom: 0
}

@media(max-width: 576px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 13px
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 12px;
font-family: var(--font-jost);
color: var(--text-color);
font-weight: 400;
margin-bottom: 0;
line-height: 1.4
}

@media(max-width: 576px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 11px
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
color: var(--white-color);
font-weight: 400;
font-family: var(--font-jost);
font-size: 12px;
line-height: 1;
text-align: center;
background-color: #034ea2;
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center
}

@media(max-width: 576px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
font-size: 13px
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item {
padding: 10px 15px;
border-bottom: 1px solid #f5f4f4;
margin-bottom: 0
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item:last-child {
border-bottom: none
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item h6 {
font-size: 13px;
font-weight: 500;
font-family: var(--font-rubik);
color: var(--text-color);
margin-bottom: 0
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover {
background: rgba(211, 211, 211, .231372549)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover::before {
opacity: 1
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
display: block;
transform: scaleY(1);
animation: fade-down .3s linear
}

@keyframes fade-down2 {
0% {
opacity: 0;
transform: scaleY(0) translateX(-50%);
visibility: hidden
}

100% {
opacity: 1;
transform: scaleY(1) translateX(-50%);
visibility: visible
}
}

@media(max-width: 576px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
transform: scaleY(1) translateX(-50%);
animation: fade-down2 .3s linear
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 200px;
min-width: 200px;
max-height: 180px;
padding: 0;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08)
}

@media(min-width: 992px) and (max-width:1199px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 100%;
min-width: 100%
}
}

@media(max-width: 991px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 100%;
min-width: 100%
}
}

@media(min-width: 768px) and (max-width:991px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0
}
}

@media(min-width: 576px) and (max-width:768px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: -35px
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-bottom: 1px solid #f5f4f4
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item .title h6 {
font-size: 14px;
font-weight: 500;
font-family: var(--font-rubik);
color: var(--text-color);
margin-bottom: 0
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item .title span {
font-size: 13px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--text-color);
margin-bottom: 0
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item .quantity-counter {
display: flex;
align-items: center
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item .quantity-counter a {
height: 20px;
min-width: 20px;
max-width: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: .35s;
font-size: 17px;
color: var(--primary-color1)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item .quantity-counter a:hover {
color: var(--white-color);
background-color: var(--primary-color1)
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two .guest-count .single-item .quantity-counter input {
width: 40px;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter {
position: relative
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter a {
color: var(--title-color);
line-height: 1
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter a i {
font-size: 14px
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__plus {
position: absolute;
top: -8px;
right: 20px
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__plus {
right: 0
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__minus {
position: absolute;
top: 8px;
right: 20px
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__minus {
right: 0
}
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__input {
width: 100%;
height: unset;
border: 1px solid #eee;
border-radius: 5px;
background-color: transparent;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .48px;
border: none
}

.package-search-filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .quantity-counter .quantity__input:focus {
border: none
}

.package-search-filter-wrapper .filter-group form button {
color: var(--white-color);
font-family: var(--font-rubik);
font-size: 20px;
font-weight: 600;
line-height: 1;
letter-spacing: .54px;
white-space: nowrap;
background-color: #034ea2;
padding: 21px 44px;
border-radius: 10px;
overflow: hidden;
position: relative;
z-index: 1
}

.package-search-filter-wrapper .filter-group form button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all .5s ease-out 0s
}

.package-search-filter-wrapper .filter-group form button:hover {
color: var(--white-color)
}

.package-search-filter-wrapper .filter-group form button:hover::after {
transform: skewX(45deg) scale(1, 1)
}

@media(max-width: 1199px) {
.package-search-filter-wrapper .filter-group form button {
padding: 20px 53px;
border-radius: 5px
}
}

@media(max-width: 576px) {
.package-search-filter-wrapper .filter-group form button {
padding: 16px 40px;
font-size: 16px
}
}

.blog-details-section .post-title h1 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 40px;
font-weight: 600;
line-height: 1.4;
text-transform: capitalize;
margin-bottom: 0
}

@media(max-width: 1399px) {
.blog-details-section .post-title h1 {
font-size: 35px
}
}

@media(max-width: 991px) {
.blog-details-section .post-title h1 {
font-size: 30px
}
}

@media(max-width: 576px) {
.blog-details-section .post-title h1 {
font-size: 23px
}
}

.blog-details-section p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 2.2;
letter-spacing: .32px;
margin-bottom: 0
}

@media(max-width: 576px) {
.blog-details-section p {
font-size: 15px
}
}

.blog-details-section p.first-para {
margin-bottom: 5px
}

.blog-details-section p.first-para::first-letter {
font-size: 75px;
font-family: var(--font-rubik);
font-weight: 500;
color: var(--title-color);
line-height: 1;
float: left;
margin-right: 15px
}

.blog-details-section blockquote {
background-color: #faf8fb;
padding: 40px;
position: relative;
margin-top: 55px;
margin-bottom: 50px
}

@media(max-width: 576px) {
.blog-details-section blockquote {
padding: 30px 20px
}
}

.blog-details-section blockquote .quoat-icon {
width: 46px;
height: 46px;
border-radius: 50%;
background-color: #034ea2;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 40px;
top: -23px
}

.blog-details-section blockquote .quoat-icon svg {
fill: var(--primary-color1)
}

.blog-details-section blockquote p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 32px;
margin-bottom: 15px
}

@media(max-width: 576px) {
.blog-details-section blockquote p {
font-size: 16px
}
}

.blog-details-section blockquote cite {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 600;
font-style: normal;
padding-left: 50px;
position: relative
}

.blog-details-section blockquote cite::before {
content: "";
height: 1px;
width: 40px;
background-color: #034ea2;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}

.blog-details-section h2 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 600;
line-height: 1.2;
text-transform: capitalize;
margin-bottom: 20px
}

.blog-details-section .tag-and-social-area {
padding-top: 45px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(16, 12, 8, .1);
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap
}

.blog-details-section .tag-and-social-area .bolg-tag .tag-list {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap
}

@media(min-width: 992px) and (max-width:1199px) {
.blog-details-section .tag-and-social-area .bolg-tag .tag-list {
gap: 14px
}
}

.blog-details-section .tag-and-social-area .bolg-tag .tag-list li a {
color: rgba(34, 34, 34, .5);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
display: block;
line-height: 1;
padding: 8px 20px;
border: 1px solid rgba(16, 12, 8, .4);
border-radius: 5px;
transition: .5s
}

.blog-details-section .tag-and-social-area .bolg-tag .tag-list li:hover a {
border: 1px solid var(--primary-color1);
color: var(--white-color);
background-color: var(--primary-color1)
}

.blog-details-section .tag-and-social-area .social-area {
display: flex;
align-items: center;
gap: 20px;
line-height: 1
}

.blog-details-section .tag-and-social-area .social-area h6 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 18px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

.blog-details-section .tag-and-social-area .social-area .social-link {
display: flex;
align-items: center;
gap: 30px
}

.blog-details-section .tag-and-social-area .social-area .social-link li a i {
font-size: 18px;
color: var(--text-color);
transition: .5s
}

.blog-details-section .tag-and-social-area .social-area .social-link li a svg {
fill: var(--text-color);
transition: .5s
}

.blog-details-section .tag-and-social-area .social-area .social-link li a:hover i {
color: var(--primary-color1)
}

.blog-details-section .tag-and-social-area .social-area .social-link li a:hover svg {
fill: var(--primary-color1)
}

.blog-details-section .details-navigation {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}

@media(max-width: 576px) {
.blog-details-section .details-navigation {
justify-content: center;
flex-wrap: wrap
}
}

.blog-details-section .details-navigation .single-navigation {
display: flex;
align-items: center;
gap: 20px;
transition: .35s
}

.blog-details-section .details-navigation .single-navigation .arrow {
width: 30px;
height: 60px;
border-radius: 5px;
border: 1px solid rgba(13, 23, 32, .16);
display: flex;
align-items: center;
justify-content: center;
transition: .35s
}

.blog-details-section .details-navigation .single-navigation .arrow svg {
fill: rgba(13, 23, 32, .16);
transition: .35s
}

.blog-details-section .details-navigation .single-navigation .arrow:hover {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.blog-details-section .details-navigation .single-navigation .arrow:hover svg {
fill: var(--white-color)
}

.blog-details-section .details-navigation .single-navigation .content {
max-width: 301px;
width: 100%;
line-height: 1;
transition: .35s
}

.blog-details-section .details-navigation .single-navigation .content>a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
transition: .35s;
margin-bottom: 5px;
display: inline-block
}

.blog-details-section .details-navigation .single-navigation .content h6 {
transition: .35s;
margin-bottom: 0;
line-height: 1
}

.blog-details-section .details-navigation .single-navigation .content h6 a {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 600;
line-height: 24px;
transition: .35s
}

.blog-details-section .details-navigation .single-navigation .content h6 a:hover {
color: var(--primary-color1)
}

.blog-details-section .comment-title {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 40px
}

.blog-details-section .comment-title h4 {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 24px;
font-weight: 400;
margin-bottom: 0;
line-height: 1;
white-space: nowrap
}

.blog-details-section .comment-title .dash {
position: relative;
width: 100%
}

.blog-details-section .comment-title .dash::after {
content: "";
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: rgba(238, 238, 238, .93)
}

.blog-details-section .comment {
margin: 0;
padding: 0;
list-style: none
}

.blog-details-section .comment>li {
margin-bottom: 40px
}

.blog-details-section .comment>li>.single-comment-area {
margin-bottom: 24px
}

.blog-details-section .comment>li:last-child {
margin-bottom: 0
}

.blog-details-section .comment>li:last-child>.single-comment-area {
margin-bottom: 0
}

.blog-details-section .comment .single-comment-area {
display: flex;
align-items: flex-start;
gap: 20px
}

.blog-details-section .comment .single-comment-area .author-img img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%
}

.blog-details-section .comment .single-comment-area .comment-content .author-name-deg {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap
}

.blog-details-section .comment .single-comment-area .comment-content .author-name-deg h6 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 15px;
font-weight: 600
}

.blog-details-section .comment .single-comment-area .comment-content .author-name-deg span {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
line-height: 1
}

.blog-details-section .comment .single-comment-area .comment-content p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 12px
}

.blog-details-section .comment .single-comment-area .comment-content .replay-btn {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
cursor: pointer;
transition: .35s
}

.blog-details-section .comment .single-comment-area .comment-content .replay-btn svg {
transition: .35s;
fill: var(--text-color)
}

.blog-details-section .comment .single-comment-area .comment-content .replay-btn:hover {
color: var(--primary-color1)
}

.blog-details-section .comment .single-comment-area .comment-content .replay-btn:hover svg {
fill: var(--primary-color1)
}

.blog-details-section .comment .comment-replay {
margin: 0;
padding: 0;
list-style: none;
margin-left: 70px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 24px 0
}

.blog-details-section .comment .comment-replay>li {
margin-bottom: 30px
}

.blog-details-section .comment .comment-replay>li:last-child {
margin-bottom: 0
}

.blog-details-section .inquiry-form {
background: linear-gradient(125deg, rgba(99, 171, 69, 0.1) 0%, rgba(251, 176, 59, 0.1) 100%);
padding: 45px 40px 50px
}

@media(max-width: 767px) {
.blog-details-section .inquiry-form {
padding: 45px 25px 50px
}
}

@media(max-width: 576px) {
.blog-details-section .inquiry-form {
padding: 40px 20px 45px
}
}

.blog-details-section .inquiry-form .title {
margin-bottom: 30px
}

@media(max-width: 576px) {
.blog-details-section .inquiry-form .title {
margin-bottom: 20px
}
}

.blog-details-section .inquiry-form .title h4 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 30px;
font-weight: 400;
margin-bottom: 0
}

@media(max-width: 576px) {
.blog-details-section .inquiry-form .title h4 {
font-size: 25px
}
}

.blog-details-section .inquiry-form .form-inner {
position: relative;
line-height: 1
}

.blog-details-section .inquiry-form .form-inner label {
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 14px;
font-weight: 600;
display: block;
margin-bottom: 10px
}

.blog-details-section .inquiry-form .form-inner input {
background: var(--white-color);
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
height: 50px;
width: 100%;
padding: 10px 20px;
outline: none;
border: 1px solid #fff
}

.blog-details-section .inquiry-form .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, .5)
}

.blog-details-section .inquiry-form .form-inner input::placeholder {
color: rgba(19, 20, 26, .5)
}

.blog-details-section .inquiry-form .form-inner textarea {
background: var(--white-color);
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400;
width: 100%;
padding: 20px;
outline: none;
border: 1px solid #fff;
min-height: 120px
}

.blog-details-section .inquiry-form .form-inner textarea::-moz-placeholder {
color: rgba(19, 20, 26, .5)
}

.blog-details-section .inquiry-form .form-inner textarea::placeholder {
color: rgba(19, 20, 26, .5)
}

.blog-details-section .inquiry-form .form-check {
min-height: unset;
margin-bottom: 0;
line-height: 1
}

.blog-details-section .inquiry-form .form-check .form-check-input {
cursor: pointer;
height: 14px;
width: 14px;
margin-top: 2px
}

.blog-details-section .inquiry-form .form-check .form-check-input:focus {
box-shadow: none
}

.blog-details-section .inquiry-form .form-check .form-check-input:checked {
background-color: #034ea2;
border-color: var(--primary-color1)
}

.blog-details-section .inquiry-form .form-check .form-check-input[type=checkbox] {
border-radius: unset
}

.blog-details-section .inquiry-form .form-check .form-check-label {
cursor: pointer;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 400
}

.package-inner-title-section {
display: flex;
justify-content: space-between;
align-items: center
}

@media(max-width: 767px) {
.package-inner-title-section {
flex-wrap: wrap;
gap: 20px
}
}

@media(max-width: 576px) {
.package-inner-title-section {
flex-direction: column;
align-items: flex-start
}
}

.package-inner-title-section p {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0
}

.package-inner-title-section .selector-and-grid {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap
}

@media(max-width: 576px) {
.package-inner-title-section .selector-and-grid {
justify-content: space-between;
width: 100%
}
}

.package-inner-title-section .selector-and-grid .selector {
margin-right: 20px
}

@media(max-width: 767px) {
.package-inner-title-section .selector-and-grid .selector {
margin-right: 0
}
}

.package-inner-title-section .selector-and-grid .selector .nice-select {
width: 252px;
height: 40px;
border-radius: 30px;
border: 1px solid var(--primary-color1);
color: var(--primary-color1);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
padding-left: 25px;
display: flex;
align-items: center;
margin-top: 22px;
}

.package-inner-title-section .selector-and-grid .selector .nice-select:focus {
border: 1px solid #ddd
}

@media(max-width: 576px) {
.package-inner-title-section .selector-and-grid .selector .nice-select {
width: 200px;
height: 35px
}
}

.package-inner-title-section .selector-and-grid .selector .nice-select::after {
border-bottom: 2px solid var(--primary-color1);
border-right: 2px solid var(--primary-color1);
width: 8px;
height: 8px;
right: 28px;
top: 48%
}

@media(max-width: 576px) {
.package-inner-title-section .selector-and-grid .selector .nice-select::after {
width: 8px;
height: 8px;
top: 45%
}
}

.package-inner-title-section .selector-and-grid .selector .nice-select.open .list {
width: 100%
}

.package-inner-title-section .selector-and-grid .selector .nice-select.open .list .option {
padding-left: 25px
}

.package-inner-title-section .selector-and-grid .selector.two {
padding-right: 15px
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two {
margin: 0
}
}

.package-inner-title-section .selector-and-grid .selector.two .nice-select {
border: unset;
height: unset;
line-height: 1;
width: 120px;
padding: 0
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select {
width: 100%;
border: 1px solid #222;
padding: 10px 40px 10px 20px
}
}

.package-inner-title-section .selector-and-grid .selector.two .nice-select::after {
right: -15px
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select::after {
right: 22px
}
}

.package-inner-title-section .selector-and-grid .selector.two .nice-select.open .list {
margin-top: 25px;
width: unset
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select.open .list {
left: unset;
right: 0
}
}

@media(max-width: 576px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select.open .list {
right: unset;
left: 0
}
}

.package-inner-title-section .selector-and-grid .grid-view {
display: flex;
align-items: center;
gap: 20px
}

@media(max-width: 767px) {
.package-inner-title-section .selector-and-grid .grid-view {
display: none
}
}

.package-inner-title-section .selector-and-grid .grid-view li {
line-height: 1;
cursor: pointer
}

.package-inner-title-section .selector-and-grid .grid-view li svg {
fill: rgba(16, 12, 8, .4)
}

.package-inner-title-section .selector-and-grid .grid-view li.active svg {
fill: var(--primary-color1)
}

.tour-facilites-section .package-card-slider-wrap {
position: relative
}

@media(max-width: 991px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 {
display: none
}
}

.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -100px;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -28px;
top: 54%
}
}

@media(max-width: 1399px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -28px
}
}

@media(max-width: 1199px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -22px;
top: 45%
}
}

.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -100px;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -28px;
top: 54%
}
}

@media(max-width: 1399px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -28px
}
}

@media(max-width: 1199px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -22px;
top: 45%
}
}

.tour-facilites-section .nav-tabs {
border-bottom: none
}

.tour-facilites-section .nav-tabs .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1;
border-radius: 5px;
border-right: none;
border: none
}

.tour-facilites-section .nav-tabs .nav-item .nav-link svg {
fill: var(--title-color)
}

.tour-facilites-section .nav-tabs .nav-item .nav-link.active {
color: var(--primary-color1)
}

.tour-facilites-section .nav-tabs .nav-item .nav-link.active svg {
fill: var(--primary-color1)
}

@media(max-width: 576px) {
.package-inner-title-section .selector-and-grid .selector .nice-select::after {
width: 8px;
height: 8px;
top: 45%
}
}

.package-inner-title-section .selector-and-grid .selector .nice-select.open .list {
width: 100%
}

.package-inner-title-section .selector-and-grid .selector .nice-select.open .list .option {
padding-left: 25px
}

.package-inner-title-section .selector-and-grid .selector.two {
padding-right: 15px
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two {
margin: 0
}
}

.package-inner-title-section .selector-and-grid .selector.two .nice-select {
border: unset;
height: unset;
line-height: 1;
width: 120px;
padding: 0
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select {
width: 100%;
border: 1px solid #222;
padding: 10px 40px 10px 20px
}
}

.package-inner-title-section .selector-and-grid .selector.two .nice-select::after {
right: -15px
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select::after {
right: 22px
}
}

.package-inner-title-section .selector-and-grid .selector.two .nice-select.open .list {
margin-top: 25px;
width: unset
}

@media(max-width: 991px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select.open .list {
left: unset;
right: 0
}
}

@media(max-width: 576px) {
.package-inner-title-section .selector-and-grid .selector.two .nice-select.open .list {
right: unset;
left: 0
}
}

.package-inner-title-section .selector-and-grid .grid-view {
display: flex;
align-items: center;
gap: 20px
}

@media(max-width: 767px) {
.package-inner-title-section .selector-and-grid .grid-view {
display: none
}
}

.package-inner-title-section .selector-and-grid .grid-view li {
line-height: 1;
cursor: pointer
}

.package-inner-title-section .selector-and-grid .grid-view li svg {
fill: rgba(16, 12, 8, .4)
}

.package-inner-title-section .selector-and-grid .grid-view li.active svg {
fill: var(--primary-color1)
}

.tour-facilites-section .package-card-slider-wrap {
position: relative
}

@media(max-width: 991px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 {
display: none
}
}

.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -100px;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -28px;
top: 54%
}
}

@media(max-width: 1399px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -28px
}
}

@media(max-width: 1199px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-prev {
left: -22px;
top: 45%
}
}

.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -100px;
z-index: 1
}

@media(min-width: 1400px) and (max-width:1599px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -28px;
top: 54%
}
}

@media(max-width: 1399px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -28px
}
}

@media(max-width: 1199px) {
.tour-facilites-section .package-card-slider-wrap .slider-btn-grp4 .package-card-slider-next {
right: -22px;
top: 45%
}
}

.tour-facilites-section .nav-tabs {
border-bottom: none
}

.tour-facilites-section .nav-tabs .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: var(--font-rubik);
font-size: 16px;
font-weight: 500;
line-height: 1;
border-radius: 5px;
border-right: none;
border: none
}

.tour-facilites-section .nav-tabs .nav-item .nav-link svg {
fill: var(--title-color)
}

.tour-facilites-section .nav-tabs .nav-item .nav-link.active {
color: var(--primary-color1)
}

.tour-facilites-section .nav-tabs .nav-item .nav-link.active svg {
fill: var(--primary-color1)
}











.cars {
display: flex;
flex-direction: column;
align-items: center;
}

.cars-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
background-color: white;
}

.car-card {
width: 350px;
height: 450px;
border: 1px solid gray;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
margin-bottom: 20px;
background-color: whitesmoke;
}

.car-img-container {
height: 60%;
padding: 10px;
border-bottom: 1px solid #ddd;
}

.car-img-container img {
width: 100%;
height: 100%;
object-fit: contain;
}

.car-details {
padding: 0 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
height: 30%;
}

.car-title {
font-size: 1.5em;
padding: 20px 15px 0;
}

.car-capacity,
.car-baggage {
display: block;
margin-bottom: 8px;
font-size: 1em;
padding: 7px;
}

.hero-explore {
transition: background-color 0.3s !important;
}

.book,
.send-enquiry {
padding: 10px 20px;
font-size: 1em;
color: #fff;
background-color: darkslategray;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}

.book:hover,
.send-enquiry:hover {
background-color: var(--hover-accent);
color: white;
}








#callme {
position: fixed;
right: 25px;
bottom: 105px;
width: 70px;
height: 70px;
cursor: pointer;
opacity: 1;
z-index: 99990;
}

#callme #callmeMain {
-moz-border-radius: 50% !important;
-webkit-border-radius: 50% !important;
border-radius: 50% !important;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #11ad64;
width: 70px;
height: 70px;
-webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
-moz-animation: zcwmini2 1.5s 0s ease-out infinite;
animation: zcwmini2 1.5s 0s ease-out infinite;
}

.three {
/* width: 25%; */
}

#callme #callmeMain:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-image: url(../img/home3/whatsapp.png);
background-repeat: no-repeat;
background-position: center center;
-webkit-animation: zcwphone2 0.5s linear infinite;
-moz-animation: zcwphone2 1.5s linear infinite;
animation: zcwphone2 1.5s linear infinite;
}

@-webkit-keyframes zcwphone {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

50% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

75% {
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@-moz-keyframes zcwphone {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

50% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

75% {
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@keyframes zcwphone {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

50% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

75% {
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@-webkit-keyframes zcwphone2 {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

50% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

75% {
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@-moz-keyframes zcwphone2 {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

25% {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

50% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

75% {
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@media (max-width: 1023px) {
.escapes__caption {
width: 220px;
text-align: center
}
}


.luxury-experiences__grid {
display: grid;
grid-template-columns: 8fr repeat(3, 2fr);
grid-template-rows: repeat(10, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
height: 588px
}

.luxury-experiences__cta-btn {
background-color: #fe0000;
color: white;
font-weight: 600;
outline: none;
border: none;
border-radius: 6px;
margin: 10px 0 0 auto;
font-size: 1.4rem;
padding: 5px 15px
}

@media (min-width: 1024px) {
.luxury-experiences__cta-btn {
margin: 15px 0 0 auto;
font-size: 1rem;
}
}

.luxury-experiences__grid-image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
z-index: -1;
transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.luxury-experiences__grid-item-title {
text-align: center;
font-weight: 600;
color: white;
font-size: 1.4rem;
line-height: 1.21;
letter-spacing: 0.84px;
text-decoration-line: none;
z-index: 1
}

.luxury-experiences__grid-item {
position: relative;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}

.luxury-experiences__grid-item:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.19);
z-index: 0;
transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.luxury-experiences__grid-item:hover:before {
background-color: rgba(0, 0, 0, 0.29)
}

.luxury-experiences__grid-item:hover .luxury-experiences__grid-image {
transform: scale(1.02)
}

.luxury-experiences__grid-item-1 {
grid-area: 1 / 1 / 5 / 2;
align-items: flex-start
}

.luxury-experiences__grid-item-1 .luxury-experiences__grid-item-title {
padding-left: 20px;
font-size: 1rem;
line-height: 1.1
}

.luxury-experiences__grid-item-1__content-box {
padding-left: 20px;
z-index: 1
}

.luxury-experiences__grid-item-1__content-box .luxury-experiences__grid-item-sub-title {
font-size: 2rem;
line-height: 1.1;
padding-left: 0px
}

.luxury-experiences__grid-item-2 {
grid-area: 5 / 1 / 11 / 2
}

.luxury-experiences__grid-item-2 .luxury-experiences__grid-item-title {
font-size: 3rem;
line-height: 1.5
}

.luxury-experiences__grid-item-3 {
grid-area: 1 / 2 / 5 / 3
}

.luxury-experiences__grid-item-4 {
grid-area: 5 / 2 / 8 / 3
}

.luxury-experiences__grid-item-5 {
grid-area: 8 / 2 / 11 / 3
}

.luxury-experiences__grid-item-6 {
grid-area: 1 / 3 / 4 / 4
}

.luxury-experiences__grid-item-7 {
grid-area: 4 / 3 / 8 / 4
}

.luxury-experiences__grid-item-8 {
grid-area: 8 / 3 / 11 / 4
}

.luxury-experiences__grid-item-9 {
grid-area: 1 / 4 / 5 / 5
}

.luxury-experiences__grid-item-10 {
grid-area: 5 / 4 / 8 / 5
}

.luxury-experiences__grid-item-11 {
grid-area: 8 / 4 / 11 / 5
}

@media (max-width: 480px) {
.luxury-experiences__grid {
grid-template-columns: repeat(3, 2fr);
grid-template-rows: repeat(16, 1fr);
height: 800px
}

.luxury-experiences__grid-item-1 {
grid-area: 1 / 1 / 4 / 4
}

.luxury-experiences__grid-item-2 {
grid-area: 4 / 1 / 7 / 4
}

.luxury-experiences__grid-item-3 {
grid-area: 7 / 1 / 11 / 2
}

.luxury-experiences__grid-item-4 {
grid-area: 11 / 1 / 14 / 2
}

.luxury-experiences__grid-item-5 {
grid-area: 14 / 1 / 17 / 2
}

.luxury-experiences__grid-item-6 {
grid-area: 7 / 2 / 10 / 3
}

.luxury-experiences__grid-item-7 {
grid-area: 10 / 2 / 14 / 3
}

.luxury-experiences__grid-item-8 {
grid-area: 14 / 2 / 17 / 3
}

.luxury-experiences__grid-item-9 {
grid-area: 7 / 3 / 11 / 4
}

.luxury-experiences__grid-item-10 {
grid-area: 11 / 3 / 14 / 4
}

.luxury-experiences__grid-item-11 {
grid-area: 14 / 3 / 17 / 4
}
}


.SearchInput_searchInputContainer__5X_M4 {
display: flex;
border-radius: 50px;
border: 1px solid var(--bs-white);
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .1);
padding: 18px 55px;
align-items: center;
min-height: 40px;
transition: all .3s ease-in-out;
max-height: 40px;
background: white;
}

.SearchInput_searchInputContainer__5X_M4 .SearchInput_searchIconContainer__qQwas {
margin-left: 15px;
margin-right: 15px;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}

.header_headerWrapper__EDeWB.header_whiteNav__Mh_mK div {
z-index: 1011 !important;
}

.SearchInput_searchInputContainer__5X_M4 .SearchInput_inputFieldContainer__cVr0u {
display: flex;
height: 100%;
flex: 1 1;
align-items: center;
margin-right: 15px;
position: relative;
min-height: 21px;
}

.DynamicPlaceholder_firstLabel__eRbNK {
color: #8e8e8e;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 3px;
}

.DynamicPlaceholder_placeholderLabelText__3izx1 {
color: #515151;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.SearchInput_searchInputContainer__5X_M4 .SearchInput_inputFieldContainer__cVr0u .SearchInput_searchTextInputField__x7J_E {
position: relative;
top: 0;
left: 0;
background-color: transparent;
width: 100%;
border: none;
outline: none;
bottom: 0;
opacity: 1;
color: #515151;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.header_headerWrapper__EDeWB.header_whiteNav__Mh_mK div {
z-index: 1011 !important;
}

.SearchInput_iconInVisible__B0AUO {
transform: scale(0);
}

.SearchInput_clearIconContainer__Toh4W {
display: flex;
width: 30px;
height: 30px;
border-radius: 50%;
justify-content: center;
align-items: center;
transition: all .2s ease-in-out;
}

.SearchInput_clearIconContainer__Toh4W button {
transition: all .2s ease-in-out;
}

.btn-close,
.btn-close:hover {
color: var(--bs-btn-close-color);
}

.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e);
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(243, 112, 2, .25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em;
background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
border: 0;
border-radius: .375rem;
opacity: var(--bs-btn-close-opacity);
}

@media only screen and (max-width:480px) {

html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
}



._toprflcont {
display: flex;
align-items: center;
width: 100%;
margin: 15px 0;
flex-direction: column;
justify-content: center
}

._hdrtxt {
font-size: 42px;
font-weight: 700;
width: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative
}

._paratxt {
font-size: 18px;
font-weight: 400;
width: auto;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0
}

.view_btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0
}

.view_btn a {
font-size: 15px;
background: #2196F3;
padding: 5px 20px;
color: #fff;
border-radius: 50px;
cursor: pointer;
font-weight: 500
}
}

._city_bx {
max-width: 90%;
color: unset;
}

._city_bx,
._city_bx:hover {
padding: 5px;
cursor: pointer;
}

._city_bx,
.view_btn {
display: flex;
align-items: center;
margin: 20px;
/* text-align: center; */
}

._city_bx,
._des_bx,
._tvl_guid ._t3 a,
.csrbtn,
.seemore {
text-decoration: none;
}

._city_bx,
._tvl_guid .w100,
._tvl_guid .w50,
.reltv {
position: relative;
}

._img {
margin-right: 15px;
}

._img,
.iconcf2 {
display: flex;
align-items: center;
}

._img,
._img img {
height: 55px;
width: 55px;
}

._img,
._wid70 {
border-radius: 15px;
}

._img,
._img img {
height: 55px;
width: 55px;
}

._city_bx:hover,
._img img,
._prodbox {
border-radius: 10px;
}

._igtxt {
display: flex;
justify-content: space-between;
}

._c_nm {
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;

}

._count {
font-size: 16px;
margin: auto 0;
color: #2196f3;
}

._count,
._tvl_guid ._t1,
.bg3 ._t1m,
.fct14,
.fct28,
.newsbox h2 {
font-weight: 600;
}

._hdrtxt:before {
content: '';
background: url(https://www.easemytrip.com/images/offer-img/triwings-left.svg);
width: 37px;
position: absolute;
left: -44px;
height: 12px;
background-size: 100%;

}

._hdrtxt:after {
content: '';
background: url(https://www.easemytrip.com/images/offer-img/triwings.svg);
width: 37px;
position: absolute;
right: -44px;
height: 12px;
background-size: 100%;
}

._hotlcity {
background: url(https://www.easemytrip.com/images/desk-img/bg-world-map.jpg) top / 90% no-repeat;
width: 100%;
padding: 35px 0;
margin: 0;
}

._tvl_guid {
justify-content: space-between;
}

._tvl_guid,
._tvl_guid .w50 {
align-items: center;
display: flex;
}

._tvl_guid .w50 {
border-radius: 30px 5px 5px;
padding: 10px 15px;
flex-direction: row;
border: 0;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
width: 49%;
background: url(https://www.easemytrip.com/images/desk-img/side-c.svg) -17% 93% no-repeat #fff;
}

._tvl_guid,
._tvl_guid .w50 {
align-items: center;
display: flex;
}

._city_bx,
._tvl_guid .w100,
._tvl_guid .w50,
.reltv {
position: relative;
}

._tvl_guid ._ico {
width: 105px;
margin-right: 10px;

}

._tvl_guid ._txtnw {
width: 82%;
margin-left: auto;

}

._count,
._tvl_guid ._t1,
.bg3 ._t1m,
.fct14,
.fct28,
.newsbox h2 {
font-weight: 600;
}

._tvl_guid ._t1,
.view_btn a {
font-size: 15px;
}

._topdes_news {
width: 100%;
padding: 0;
}

._des_bx {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer;
text-align: center;
}

._cir_img {
position: relative;
}

._cir_img {
margin: auto;
}

._cir_img,
._cir_img img {
width: 100px;
height: 100px;
}

.newtags {
background: url(https://www.easemytrip.com/images/desk-img/hol-icon/newtag.svg) no-repeat;
width: 34px;
height: 22px;
display: inline-block;
background-size: 100%;
position: absolute;
right: 0;
top: 10px;
}

._cir_img img {
border-radius: 50px;
}

._cir_img,
._cir_img img {
width: 100px;
height: 100px;
}

._blog_img img,
._cir_img img,
._img img {
object-fit: cover;
}

._des_txt {
font-size: 17px;
margin-top: 10px;
width: 100%;
text-align: center;
font-weight: 500;
color: #000;
}

._toprflcont {
display: flex;
align-items: center;
width: 100%;
margin: 15px 0;
flex-direction: column;
justify-content: center;
}

._igtxt,
._wid70 {
flex-direction: column;
}

._blog_img img,
._cir_img img,
._img img {
object-fit: cover;
}

.dgrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin: 30px 0;
}

@media (max-width:767px) {
._des_bx .nn {
display: none !important;
}

._hdrtxt {
font-size: 20px;
}
}

._divbox {
flex: 0 0 24%;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding: 15px 20px;
border-radius: 20px;
z-index: 1;
border: 1px solid #aad3ef;
}

._divimg {
width: 100%;
margin: 10px auto 15px;
}

._divttl {
width: 100%;
margin: 0 0 15px;
font-size: 20px;
}

._divpara {
font-size: 13px;
color: #4d4d4d;
}

._divttl,
.seemore {
font-weight: 600;
}

._topdes_news {
padding-top: 8px;
padding-bottom: 19px;
}


.tt {
color: #F56960;
font-family: "Raleway", Sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2em;
}

.secondary-btn3 {
-webkit-mask-image: url(../img/secondary-btn3-bg.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
background-color: var(--primary-color2);
padding: 17px 30px;
white-space: nowrap;
display: inline-flex;
position: relative;
overflow: hidden;
z-index: 1;
transition: .5s;
}

.call-to-action {
background-image: url(../img/calltoaction-bg.jpg);
padding: 60px 0;
position: relative;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
text-align: center;
}

.call-to-action:before {
content: "";
position: absolute;
background: rgb(0 0 0 / 60%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.theme-btn {
position: relative;
display: inline-block;
overflow: hidden;
font-size: 17px;
line-height: 25px;
font-family: "Work Sans", sans-serif;
font-weight: 500;
color: #fff !important;
text-align: center;
padding: 17.5px 41.5px;
border-radius: 4px;
z-index: 1;
box-shadow: 0 15px 25px 0 rgba(255, 124, 91, 0.3);
transition: all 0.5s ease;
}

.theme-btn {
background: #f13231;
}

.call-to-action h2 {
position: relative;
display: block;
font-size: 50px;
line-height: 65px;
font-family: "Playfair Display", serif;
font-weight: 900;
color: #fff;
padding-bottom: 22px;
}

.call-to-action p {
font-size: 50px;
padding-bottom: 32px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 60px;
max-width: 600px;
margin: auto;
text-align: center;
}

.contact-section .form-inner {
position: relative;
display: block;
background: #f5f6f6;
padding: 50px 50px;
border-radius: 10px;
}

.contact-section .form-inner .form-group {
position: relative;
margin-bottom: 30px;
}

.contact-section .form-inner .form-group:last-child {
margin-bottom: 0;
}

.auto-container {
position: static;
max-width: 1200px;
padding: 0 15px;
margin: 0 auto;
}

.s-soft {
position: fixed;
top: 35%;
left: 10;
z-index: 1000;
transition: all linear 0.2s;
}

.s-item {
display: block;
width: 40px;
height: 40px;
color: white;
font-size: 18px;
line-height: 40px;
text-align: center;
transition: all linear 0.2s;
}

.s-item:hover {
width: 75px;
border-radius: 0px 20px 20px 0px;
}

#so-open {
position: fixed;
top: 100px;
left: -90px;
border-radius: 0 30px 30px 0;
transition: all linear 0.2s;
}

.facebook {
background-color: #3b5999;
}

.twitter {
background-color: #3AAFD6;
}

.print {
background-color: #de3c7d;
}

.pinterest {
background-color: #BD081C;
}

.linkedin {
background-color: #0e76a8;
}

.instagram {
background-color: #c32aa3;
}

.youtube {
background-color: #ff4135;
}

.so-collapse {
left: -60px;
}

.float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}

.my-float {
margin-top: 16px;
}

@media(max-width:767px) {
._divbox {
padding: 0px;
margin-bottom: 10px;
}

.it-featured-shape-1 {
display: none !important;
}

.it-featured-shape-2 {
display: none !important;
}

.it-testimonial-shape-2 {
display: none;
}

._divttl {
width: 100%;

font-size: 17px;
}

.luxury-experiences__grid-item-title {

font-size: 1rem !important;


}
}

.vancouver-popup {
background-image: url('https://www.visasolutions4u.com/front_assets/images/icons/promo-bg.svg');
background-color: #01406c;
background-repeat: no-repeat;
width: 810px;
}

.close {
color: #fff;
opacity: 1;
}

.font-18 {
font-size: 18px;
}

.top-images {
border: 2px solid #fff;
border-top-right-radius: 80px 80px;
border-bottom-left-radius: 80px 80px;
}

.form-control.form-main {
border: none;
font-size: 14px;
border-radius: 0;
background: #ddd;
}

.form-control.main {
font-size: 14px;
border-radius: 0;
border: 0 !important;
}

.form-control.pop {
font-size: 15px !important;
height: 40px;
opacity: 1;
border-radius: 0;
}

.it-featured-shape-1 {
position: absolute;
left: 5%;
animation: moving 9s linear infinite;
}

@keyframes moving {
0% {

transform: translatey(0px);
}

20% {
transform: translateX(-50px);
}

50% {
transform: translatey(-40px);
}

100% {
transform: translatey(0px);
}
}

@keyframes leftright {
0% {

transform: translatex(0);
}

50% {
transform: translateX(100%);
}

100% {
transform: translateX(0);
}

}

@keyframes movinglight {
0% {

transform: translatey(0px);
}

20% {
transform: translateX(-70px);
}

50% {
transform: translatey(-70px);
}

100% {
transform: translatey(0px);
}
}

@keyframes movinglight2 {
0% {

transform: translatey(0px);
}

20% {
transform: translateX(70px);
}

50% {
transform: translatey(70px);
}

100% {
transform: translatey(0px);
}
}

@keyframes movingtop {
0% {

transform: translatey(0px);
}

20% {
transform: translatey(70px);
}

50% {
transform: translatey(-70px);
}

100% {
transform: translatey(0px);
}
}

@keyframes circle-animation {
0% {
right: 0;
}

50% {
right: 100%;
}

100% {
right: 0%;
}
}

@keyframes circle-animation-2 {
0% {
left: 0;
}

50% {
left: 100%;
}

100% {
left: 0%;
}
}

.it-featured-shape-2 {
position: absolute;
right: 6%;
animation: itupdown 0.8s infinite alternate;
}

@keyframes itupdown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
}


@keyframes itswing {
0% {
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
transform: rotate(6deg);
}

100% {
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
transform: rotate(-6deg);
}
}

@keyframes borderanimate2 {
0% {
transform: translate(-50%, -50%) scale(1);
}

60% {
opacity: 1;
}

100% {
transform: translate(-50%, -50%) scale(2.5);
opacity: 0;
}
}

@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}

60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}

80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}

100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}

.it-testimonial-shape-2 {
position: absolute;
right: 0%;
animation: itupdown 0.8s infinite alternate;
}

@media (max-width: 1399px) {
header.style-3 .nav-right .icon-list li {
cursor: pointer;
display: none;
}
}

@media (max-width: 767px) {
header.style-3 .nav-right .icon-list li {
cursor: pointer;
display: block;
}
}

.flight_inner_show_component .arrow_right {
flex-basis: 88px;
margin: 4px 1rem 0px;
background-image: url(../plane-right-blue.png);
background-repeat: no-repeat;
background-position: 50% center;
text-align: center;
min-height: 24px;
min-width: 24px;
background-size: 24px;
}

@media (max-width: 1199px) {
.flight_show_down_wrapper {
display: inherit;
}
}

.form-popup-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}

.form-popup-bg {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
overflow-y: auto;
z-index: 10000;
}

.form-popup-bg.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}

.form-container {
background-color: #2d3638;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
display: flex;
flex-direction: column;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 40px;
color: #fff;
}

.close-button {
background: none;
color: #fff;
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
border: solid 1px #fff;
}

.form-popup-bg:before {
content: '';
background-color: #fff;
opacity: .25;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.popup-btn {
position: relative;
/* top: 55%; */
left: 28%;
transform: translate(-50%, -50%);
margin-top: 23px;
}

.main-btn-rect,
.main-btn-circle {
position: relative;
margin: 0;
font-family: 'Roboto', sans-serif;
color: #FFFFF0;
background-color: rgb(252, 79, 79);
text-transform: uppercase;
font-size: 25px;
letter-spacing: 1px;
outline: none;
cursor: pointer;
z-index: 100;
}

.main-btn-rect {
padding: 10px 80px;
line-height: 30px;
}

.main-btn-rect:before,
.main-btn-rect:after {
position: absolute;
content: '';
top: 0;
width: 0%;
height: 100%;
background-color: rgba(255, 255, 240, 0.2);
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
}

.main-btn-rect:before {
left: 0;
}

.main-btn-rect:after {
right: 0;
}

.main-btn-rect:hover:before,
.main-btn-rect:hover:after {
width: 50%;
}

.main-btn-circle {
height: 40px;
width: 40px;
-webkit-border-radius: 50%;
border-radius: 100%;
line-height: 40px;
-webkit-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}

.main-btn-circle:hover {
-webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
-moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}

.popup {
position: fixed;
top: 100%;
width: 100%;
height: 100%;
z-index: 10001;
}

.popup.active {
top: 0;
background-color: rgba(3, 3, 3, 0.98);
transition: background-color .6s, opacity .6s;
}

.popup .main-btn-rect {
padding: 10px 100px;
}

.popup .popup-content {
position: absolute;
top: 50%;
left: 50%;
max-height: 568px;
min-width: 320px;
margin-top: 150px;
padding: 25px;
background-color: #FFFFF0;
color: #070000;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transition: margin .6s;
-webkit-transition: margin .6s;
-moz-transition: margin .6s;
-o-transition: margin .6s;
}

.popup.active .popup-content {
margin-top: 0px;
}

.popup-content h6 {
display: table;
font-size: 16px;
text-align: center;
margin: 10px auto;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 100;
}

.form-group {
position: relative;
width: 90%;
margin: 0px auto;
}

form#send input,
form#send textarea {
position: relative;
margin-bottom: 32px;
width: 100%;
height: 29px;
font-family: 'RobotoLight', sans-serif;
text-indent: 20px;
background-color: transparent;
outline: 0;
border: none;
border-bottom: 1px solid #070000;
-webkit-transition: border 0.6s;
-o-transition: border 0.6s;
transition: border 0.6s;
}

form#send input:focus,
form#send textarea:focus {
border-bottom: 1px solid rgb(63, 173, 168);
}

form#send label {
position: absolute;
top: 0;
line-height: 28px;
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
}

form#send input:focus+label,
form#send textarea:focus+label {
color: rgb(63, 173, 168);
}

form#send .txt {
line-height: 22px;
left: 2px;
}

form#send .main-btn-rect {
position: relative;
display: block;
padding: 12px 80px;
margin: 0px auto;
font-size: 14px;
}

form#send .main-btn-rect i {
margin-right: 5px;
}

.popup .fade-out {
position: absolute;
top: -20px;
right: -20px;
text-align: center;
font-size: 15px;
}

.share-wrap {
position: absolute;
display: inline-table;
top: 67%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px;
text-align: center;
}

.share-btn {
color: #FFFFF0;
padding: 7px 25px;
text-decoration: none;
cursor: pointer;
font-weight: 100;
font-size: 14px;
font-family: 'Lobster', sans-serif;
background-color: rgba(63, 173, 168, .8);
text-transform: uppercase;
border-radius: 5px;
transition: background-color .5s;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
}

.share-btn:hover {
color: #FFFFF0;
text-decoration: none;
background-color: rgba(63, 173, 168, 1.0);
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
display: inline-block
}

.resp-sharing-button__link {
text-decoration: none;
color: #fff;
margin: 2px;
}

.resp-sharing-button {
border-radius: 5px;
transition: 25ms ease-out;
padding: 6px 9px;
transition: background-color .5s;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
}

.resp-sharing-button__icon svg {
width: 1em;
height: 1em;
margin-right: 0.4em;
vertical-align: top
}

.resp-sharing-button--small svg {
margin: 0;
vertical-align: middle
}

.resp-sharing-button__icon,
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
fill: #fff;
stroke: none
}

.resp-sharing-button--facebook {
background-color: #3b5998;
border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
background-color: #2d4373;
border-color: #2d4373;
}

.resp-sharing-button--twitter {
background-color: #55acee;
border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
background-color: #2795e9;
border-color: #2795e9;
}

.resp-sharing-button--linkedin {
background-color: #0077b5;
border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
background-color: #046293;
border-color: #046293;
}

@media only screen and (max-width: 768px) {
h1 {
font-size: 25px;
}

h2 {
font-size: 14px;
}

form#send .main-btn-rect {
padding: 7px 60px;
font-size: 14px;
}

.popup-btn {
/* padding: 7px 60px; */
font-size: 14px;
}
}

.main-btn-rect,
.main-btn-circle {
position: relative;
margin: 0;
font-family: 'Roboto', sans-serif;
color: #FFFFF0;
background-color: rgb(252, 79, 79);
text-transform: uppercase;
font-size: 25px;
letter-spacing: 1px;
outline: none;
cursor: pointer;
z-index: 100;
}



.main-search-input {
background: #fff;
padding: 0px 120px 0 0;
border-radius: 4px;
margin-top: 0px;
box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.3);
}

.fl-wrap {
float: left;
width: 100%;
position: relative;
}

.main-search-input:before {
content: '';
position: absolute;
bottom: -40px;
width: 50px;
height: 1px;
background: rgba(255, 255, 255, 0.41);
left: 50%;
margin-left: -25px;
}

.main-search-input-item {
float: left;
width: 100%;
0%;
*/ box-sizing: border-box;
border-right: 1px solid #eee;
height: 50px;
position: relative;
}

.main-search-input-item input:first-child {
border-radius: 100%;
}

.main-search-input-item input {
float: left;
border: none;
width: 100%;
height: 50px;
padding-left: 20px;
}

.main-search-button {

background: #4DB7FE;
}

.main-search-button {
position: absolute;
right: 0px;
height: 50px;
width: 120px;
color: #fff;
top: 0;
border: none;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
cursor: pointer;
}

.main-search-input-wrap {
max-width: 443px;
margin: 10px auto;
position: relative;
}

:focus {
outline: 0;
}


@media only screen and (max-width: 768px) {
.main-search-input {
background: rgba(255, 255, 255, 0.2);
padding: 14px 20px 10px;
border-radius: 10px;
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.0);
}

.main-search-input-item {
width: 100%;
border: 1px solid #eee;
height: 50px;
border: none;
margin-bottom: 10px;
}

.main-search-input-item input {
border-radius: 6px !important;
background: #fff;
}

.main-search-button {
position: relative;
float: left;
width: 100%;
border-radius: 6px;
}
}

.form-container {
max-width: 500px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}

h2 {
text-align: center;
margin-bottom: 20px;
}

.form-group {
margin-bottom: 15px;
}

label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

input,
textarea {
width: 100%;
padding: 10px;
font-size: 16px;
/* border: 1px solid #ccc; */
/* border-radius: 4px; */
}

button {
/* width: 100%; */
padding: 10px;
font-size: 16px;
background-color: #5cb85c;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}

button:hover {
background-color: #4cae4c;
}

.con header {
font-size: 1.5rem;
color: white;
font-weight: 500;
text-align: center;
}

.con .form {
margin-top: 30px;
}

.form .input-box {
width: 100%;
margin-top: 20px;
}

.input-box label {
color: #333;
}

.form :where(.input-box input, .select-box) {
position: relative;
height: 50px;
width: 100%;
outline: none;
font-size: 1rem;
color: #707070;
margin-top: 8px;
border: 1px solid #ddd;
border-radius: 6px;
/* padding: 0 15px; */
}

.input-box input:focus {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.form .column {
display: flex;
column-gap: 15px;
}

.form .gender-box {
margin-top: 20px;
}

.gender-box h3 {
color: #333;
font-size: 1rem;
font-weight: 400;
margin-bottom: 8px;
}

.form :where(.gender-option, .gender) {
display: flex;
align-items: center;
column-gap: 50px;
flex-wrap: wrap;
}

.form .gender {
column-gap: 5px;
}

.gender input {
accent-color: rgb(130, 106, 251);
}

.form :where(.gender input, .gender label) {
cursor: pointer;
}

.gender label {
color: #707070;
}

.address :where(input, .select-box) {
margin-top: 15px;
}

.select-box select {
height: 100%;
width: 100%;
outline: none;
border: none;
color: #707070;
font-size: 1rem;
}

.form button {
height: 55px;
width: 100%;
color: #fff;
font-size: 1rem;
font-weight: 400;
margin-top: 30px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
/* background: rgb(130, 106, 251); */
}

.form button:hover {
background: rgb(88, 56, 250);
}

/*Responsive*/
@media screen and (max-width: 500px) {
.form .column {
flex-wrap: wrap;
}

.form :where(.gender-option, .gender) {
row-gap: 15px;
}
}

.con {
position: relative;
max-width: 580px;
width: 100%;
background: #fff;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.ty {
background: linear-gradient(to bottom, #6610f2c7, #000000c9), url(../img/freight-train-transporting-goods-across-long-distances_1314467-146307.jpg) no-repeat center;
background-size: cover;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 50px;
}

@media (max-width:767px) {
.package-card.style-2 .package-card-img-wrap .card-img img {
border-radius: unset;
height: 100%;
}

.call-to-action h2 {
font-size: 28px;
}

._divpara {
font-size: 10px;
color: #4d4d4d;
}
}


.home3-banner-wrapper img {
width: 100%
}



.section_padding {
padding: 14px 0;
background: #e8f2fa;
}

.section_heading_center {
text-align: center;
padding-bottom: 30px;
}

.section_heading_center h2 {
position: relative;
padding-bottom: 15px;
}

h2 {
font-size: 36px;
font-weight: 500;
line-height: 40px;
}

.left_side_search_boxed {
background: #FFFFFF;
border: 1px solid #00000030;
border-radius: 6px;
padding: 20px 15px;
margin-bottom: 30px;
}

.left_side_search_heading h5 {
border-bottom: 1px solid #00000030;
padding-bottom: 7px;
font-size: 16px;
font-weight: 500;
}

.filter-price {
padding-top: 30px;
padding-bottom: 50px;
}

.apply {
border: none;
background: transparent;
padding: 0;
color: var(--main-color);
font-weight: 500;
}

.filter-price-text {
padding-bottom: 20px;
}

.noUi-horizontal .noUi-tooltip {
margin-top: 13px;
font-size: 15px;
}

.flight_search_items {
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 12px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 14px;
background-color: #FFF;
border-radius: 6px;
margin-bottom: 11px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);

}

.flight_search_item_wrappper {
margin-bottom: 30px;
}

.flight_search_left {
display: flex;
align-items: center;
padding: 0px 0px 0 5px;
}

.flight_search_middel {
display: flex;
align-items: center;
padding-left: 47px;
}

.flight_multis_area_wrapper {
display: flex;
justify-content: space-between;
}

.flight_search_destination {
padding-left: 14px;
}

.flight_search_destination p {
font-size: 14px;
line-height: 16px;
}

.flight_search_destination h3 {
font-weight: 500;
padding-top: 5px;
font-size: 16px;
}

.flight_search_destination h6 {
/* padding-top: 5px; */
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 133px;
}

.flight_right_arrow {
text-align: center;
}

.flight_right_arrow img {
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 1px 4px 12px rgba(0, 0, 0, 0.1);
}

.flight_right_arrow p {
font-size: 11px;
line-height: 18px;
}

.flight_right_arrow h6 {
font-size: 11px;
font-weight: 700;
padding-top: 10px;
}

.flight_search_right {
background: #1b1564;
padding: 25px 16px 20px 25px;
color: white;
}

.flight_search_right h5 {
font-size: 18px;
font-weight: 500;
color: var(--paragraph-color);
}

.flight_search_right h2 {
padding-top: 10px;
color: white;
}

.flight_search_right h2 sup {
font-size: 13px;
color: var(--main-color);
font-weight: 600;
top: -19px;
padding-left: 5px;
}

.flight_search_right a {
/* margin-top: 13px; */
color: white;
background-color: #fe0000;
text-shadow: none;
color: #FFF;
outline: none;
font-weight: 600;
}

.flight_search_right p {
font-size: 12px;
padding-top: 2px;
font-weight: 500;
color: white;
}

.flight_search_right h6 {
font-size: 16px;
font-weight: 500;
padding-top: 7px;
cursor: pointer;
color: white;
}

.load_more_flight {
text-align: center;
padding-top: 40px;
}

.load_more_flight button {
border: 1px solid var(--main-color);
}

.load_more_flight button:hover {
background: var(--main-color);
}

.flight_policy_refund {
border: 1px solid #d7d6d6;
border-radius: 10px;
padding: 0px 20px;
background: white;
}

.airline-details {
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: flex-start;
}

.airline-details .img {
height: 24px;
width: 24px;
margin-right: 8px;
}

.airline-details .airlineName {
margin-right: 8px;
font-size: 11px;
font-weight: 600;
}

.airline-details .flightNumber {
font-size: .625rem;
color: #4c4c4c;
}

.flight_inner_show_component .flight_det_wrapper {
display: flex;
align-items: flex-start;
width: 185px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .code_time {
font-size: 18px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .code_time .code {
color: #4c4c4c;
margin-right: 8px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .code_time .time {
font-weight: 600;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .airport {
color: #4c4c4c;
font-size: .75rem;
line-height: 16px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .date {
color: #4c4c4c;
font-size: .625rem;
}

.flight_inner_show_component .flight_duration {
justify-content: center;
width: 96px;
text-align: center;
align-items: flex-start;
color: rgb(76, 76, 76);
flex-wrap: wrap;
line-height: 1;
}

.flight_inner_show_component .flight_duration span {
font-size: 0.625rem;
color: rgb(76, 76, 76);
margin-top: 8px;
font-weight: 500;
display: inline-block;
}

.flight_inner_show_component .arrow_right {
flex-basis: 88px;
margin: 4px 1rem 0px;
background-image: url('../img/icon/plane-right-blue.png');
background-repeat: no-repeat;
background-position: 50% center;
text-align: center;
min-height: 24px;
min-width: 24px;
background-size: 24px;
}

.flight_inner_show_component {
display: flex;
align-items: flex-start;
position: relative;
}

.TabPanelInner p {
margin: 0 0 10px;
font-size: 12px;
line-height: 16px
}

.TabPanelInner h4 {
font-size: 16px;
padding-bottom: 4px;
border-bottom: 1px solid #8b3eea;
display: inline-block;
margin-bottom: 12px;
}

.flight_show_down_wrapper {
display: flex;
border-bottom: 1px solid #cdcdcd;
padding-top: 25px;
}

.flight_refund_policy {
display: flex;
justify-content: space-between;
}

.flex_widht_less {
width: 68%;
padding-left: 22px;
}

.flight_info_taable h3 {
font-size: 20px;
font-weight: 500;
padding-bottom: 4px;
}

.fligth_top_search_main_form_wrapper .flight_categories_search {
position: inherit;
right: 30px;
top: 0;
margin-bottom: 20px;
}

.makeFlex .flexOne {
flex: 1;
}

.flexOne {
flex: 1;
}

.timeInfoLeft {
text-align: left;
}

.makeFlex .flexOne {
flex: 1;
}

.flexOne {
flex: 1;
}

.makeFlex {
display: flex;
}

.makeFlex .flexOne {
flex: 1;
}

.flexOne {
flex: 1;
}

.timeInfoLeft {
text-align: left;
}

.gap-x-10>* {
margin-right: 37px;
}

.appendBottom2 {
margin-bottom: 2px;
}

.flightTimeInfo {
color: #000;
font-size: calc(var(--font-scale, 1)* 18px);
font-weight: 900;
display: inline-flex;
}

@media (max-width: 767px) {
.flight_search_items {
display: inherit;
}
}

@media (max-width: 992px) {
.flight_multis_area_wrapper {
display: inherit;
padding: 20px 0;
}
}

@media (max-width: 576px) {
.flight_search_left {
display: inherit;
padding: 0;
text-align: center;
}
}

@media (max-width: 576px) {
.flight_search_destination {
padding-left: 0;
}
}

@media (max-width: 576px) {
.flight_search_middel {
display: inherit;
padding-left: 0;
text-align: center;
}
}

@media (max-width: 576px) {
.flight_right_arrow {
text-align: center;
padding-bottom: 20px;
}
}

@media (max-width: 576px) {
.flight_search_destination {
padding-left: 0;
}
}

.appendTop10 {
margin-top: 10px !important;
}

.appendBottom10 {
margin-bottom: 10px;
}

.appendBottom10 {
margin-bottom: 10px;
}

.alertMsg {
background-color: #ffd3d4;
color: #000;
font-size: calc(var(--font-scale, 1)* 12px);
text-align: center;
padding: 3px 15px;
}

.flight_logo {
width: 60px;
}

.kPack-cnt {
padding: 0px 9px 0px 9px;
}

.kPack-cnt h3 {
color: #3F51B5;
font-size: 18px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.kPack-cnt p {
color: #525252;
font-size: 12px;
font-weight: 400;
padding-bottom: 0;
line-height: 15px;
padding-bottom: 4px;
}

.kPack-cnt p b {
color: #000;
}

.kPack-cnt p svg {
color: #FF5722;
}

.kPack-cnt p i {
color: #FF5722;
}

.kPack-cnt ul {
margin-bottom: 8px;
}

.kPack-cnt ul li {
border: 1px solid #ccc;
border-radius: 999px;
padding: 0px 9px;
display: inline-block;
font-size: 10px;
color: #000;
margin-right: 3px;
text-align: center;
}

.kPack-cnt ul li:nth-of-type(1):before {
content: '\f1b9';
}

.kPack-cnt ul li:before {
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
padding: 0 10px 0 0;
}

.kPack-cnt ul li:nth-of-type(2):before {
content: '\f030';
}

.kPack-cnt ul li:before {
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
padding: 0 10px 0 0;
}

.all-heading {
margin-top: 50px;
margin-bottom: 50px;
}

.all-heading h4 {
text-align: center;
font-weight: 600;
color: #f1a13a;
font-size: 26px;
margin-bottom: 20px;
}

.all-heading h4 span {
color: #0983ba;
}

.single-offers {
text-align: center;
padding: 20px 10px;
background-color: #fff;
margin-bottom: 30px;
box-shadow: 2px 2px 9px hsl(0deg 0% 0% / 38%);
border-radius: 5px;
/* display: flex; */
}

.offer-image {
margin: 0 auto;
display: block;
/* width: 35%; */
}

.offer-image img {
width: 250px;
height: 170px;
/* height: 100% !important; */
/* object-fit: cover; */
}

.offer-text {
margin-top: 20px;
/* width: 65%; */
}

.offer-text h4 {
color: #020202;
font-size: 13px;
text-transform: capitalize;
margin-top: 8px;
font-weight: 700;
}

.offer-text h4 span {
color: #fdb219;
}

.offer-text ul {
text-align: center;
margin-top: 10px;
}

.offer-text ul li {
display: inline-block;
font-size: 14px;
margin: 0px 0px;
padding: 0px 4px;
font-weight: 700;
}

.offer-text ul li i {
margin-right: 5px;
color: #065c7c;
}

.offer-action {
text-align: center;
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
margin: 25px auto 0;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.offer-action a {
display: inline-block;
text-transform: uppercase;
padding: 7px 15px;
font-weight: 500;
color: #fff;
font-size: 14px;
width: 47%;
border-radius: 0px;
}

.offer-btn-2 {
background-color: #0983ba;
}

.offer-action a {
display: inline-block;
text-transform: uppercase;
padding: 7px 15px;
font-weight: 500;
color: #fff;
font-size: 14px;
/* width: 100%; */
border-radius: 0px;
}

.offer-btn-1 {
background-color: #f1a13a;
}

.single-offers {
text-align: center;
padding: 30px;
background-color: #fff;
margin-bottom: 30px;
/* box-shadow: 2px 2px 9px hsl(0deg 0% 0% / 38%); */
border-radius: 5px;
/* display: flex; */
box-shadow: 0 10px 40px rgb(6 22 58 / 10%);
}


.section_padding_top {
padding: 100px 0 0 0;
}

.section_padding_bottom {
padding: 0 0 100px 0;
}

.theme_nav_tab {
background: #FFFFFF;
box-shadow: -4px -4px 16px rgb(139 62 234 / 8%), 4px 14px 28px rgb(139 148 250 / 7%);
border-radius: 12px;
padding: 21px 0;
margin-bottom: 30px;
}

.theme_nav_tab_item .nav-tabs {
border-bottom: none;
justify-content: center;
}

.theme_nav_tab_item .nav-tabs .nav-item.show .nav-link,
.theme_nav_tab_item .nav-tabs .nav-link.active {
color: var(--white-color);
background-color: var(--main-color);
border-color: var(--main-color);
}

.theme_nav_tab_item .nav-tabs .nav-link {
margin-bottom: 0;
background: 0 0;
border: 1px solid var(--main-color);
color: var(--black-color);
padding: 8px 30px;
border-radius: 5px;
margin-right: 35px;
}

.theme_nav_tab_item .nav-tabs .nav-link:last-child {
margin-right: 0;
}

.theme_common_box_two {
border-radius: 11px;
overflow: hidden;
border: 1px solid #d2d2d275;
transition: var(--transition);
margin-bottom: 30px;
}

.theme_common_box_two:hover {
box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
}

.theme_two_box_img {
position: relative;
overflow: hidden;
}

.img_hover {
overflow: hidden;
}

.img_hover img {
transition: var(--transition);
width: 100%;
}

.img_hover:hover img {
transform: scale(1.2);
}

.theme_two_box_img img {
width: 100%;
}

.theme_two_box_img .discount_tab {
position: absolute;
right: 9px;
bottom: -17px;
background: #FFFFFF;
box-shadow: 4px 5px 12px rgb(0 0 0 / 10%);
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
color: var(--main-color);
font-size: 16px;
font-weight: 500;
}

.theme_two_box_img p {
color: var(--white-color);
position: absolute;
bottom: 4px;
left: 13px;
font-size: 14px;
}

.theme_two_box_img p i {
padding-right: 5px;
}

.theme_two_box_content {
background: #fff;
padding: 20px 15px;
}

.theme_two_box_content h4 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.theme_two_box_content h4 a {
color: var(--black-color);
}

.theme_two_box_content h4 a:hover {
color: var(--main-color);
}

.theme_two_box_content p {
padding: 10px 0px;
font-size: 14px;
}

.theme_nav_tab {
background: #FFFFFF;
box-shadow: -4px -4px 16px rgb(139 62 234 / 8%), 4px 14px 28px rgb(139 148 250 / 7%);
border-radius: 12px;
padding: 21px 0;
margin-bottom: 30px;
}

.theme_nav_tab_item .nav-tabs {
border-bottom: none;
justify-content: center;
}

.theme_nav_tab_item .nav-tabs .nav-item.show .nav-link,
.theme_nav_tab_item .nav-tabs .nav-link.active {
color: var(--white-color);
background-color: var(--main-color);
border-color: var(--main-color);
}

.theme_nav_tab_item .nav-tabs .nav-link {
margin-bottom: 0;
background: 0 0;
border: 1px solid var(--main-color);
color: var(--black-color);
padding: 8px 30px;
border-radius: 5px;
margin-right: 35px;
}

.theme_nav_tab_item .nav-tabs .nav-link:last-child {
margin-right: 0;
}

.theme_common_box_two {
border-radius: 11px;
overflow: hidden;
border: 1px solid #d2d2d275;
transition: var(--transition);
margin-bottom: 30px;
}

.theme_common_box_two:hover {
box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
}

.theme_two_box_img {
position: relative;
overflow: hidden;
}

.img_hover {
overflow: hidden;
}

.img_hover img {
transition: var(--transition);
width: 100%;
}

.img_hover:hover img {
transform: scale(1.2);
}

.theme_two_box_img img {
width: 100%;
}

.theme_two_box_img .discount_tab {
position: absolute;
right: 9px;
bottom: -17px;
background: #FFFFFF;
box-shadow: 4px 5px 12px rgb(0 0 0 / 10%);
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
color: var(--main-color);
font-size: 16px;
font-weight: 500;
}

.theme_two_box_img p {
color: var(--white-color);
position: absolute;
bottom: 4px;
left: 13px;
font-size: 14px;
}

.theme_two_box_img p i {
padding-right: 5px;
}

.theme_two_box_content {
background: #fff;
padding: 20px 15px;
}

.theme_two_box_content h4 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.theme_two_box_content h4 a {
color: var(--black-color);
}

.theme_two_box_content h4 a:hover {
color: var(--main-color);
}

.theme_two_box_content p {
padding: 10px 0px;
font-size: 14px;
}

.theme_two_box_content p .review_rating {
color: var(--main-color);
}

.theme_two_box_content p .review_count {
margin-left: 10px;
}

.theme_two_box_content h3 {
font-weight: 500;
}

.theme_two_box_content h3 span {
font-weight: 400;
font-size: 14px;
}


.theme_two_box_img {
position: relative;
overflow: hidden;
}


.kPack-cnt ul li:nth-of-type(3):before {
content: '\f2e7';
}


.theme_nav_tab {
background: #FFFFFF;
box-shadow: -4px -4px 16px rgb(139 62 234 / 8%), 4px 14px 28px rgb(139 148 250 / 7%);
border-radius: 12px;
padding: 21px 0;
margin-bottom: 30px;
}

.theme_nav_tab_item .nav-tabs {
border-bottom: none;
justify-content: center;
}

.theme_nav_tab_item .nav-tabs .nav-item.show .nav-link,
.theme_nav_tab_item .nav-tabs .nav-link.active {
color: var(--white-color);
background-color: var(--main-color);
border-color: var(--main-color);
}

.theme_nav_tab_item .nav-tabs .nav-link {
margin-bottom: 0;
background: 0 0;
border: 1px solid var(--main-color);
color: var(--black-color);
padding: 8px 30px;
border-radius: 5px;
margin-right: 35px;
}

.theme_nav_tab_item .nav-tabs .nav-link:last-child {
margin-right: 0;
}

.theme_common_box_two {
border-radius: 11px;
overflow: hidden;
border: 1px solid #d2d2d275;
transition: var(--transition);
margin-bottom: 30px;
}

.theme_common_box_two:hover {
box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
}

.theme_two_box_img {
position: relative;
overflow: hidden;
}

.img_hover {
overflow: hidden;
}

.img_hover img {
transition: var(--transition);
width: 100%;
}

.img_hover:hover img {
transform: scale(1.2);
}

.theme_two_box_img img {
width: 100%;
}

.theme_two_box_img .discount_tab {
position: absolute;
right: 9px;
bottom: -17px;
background: #FFFFFF;
box-shadow: 4px 5px 12px rgb(0 0 0 / 10%);
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
color: var(--main-color);
font-size: 16px;
font-weight: 500;
}

.theme_two_box_img p {
color: var(--white-color);
position: absolute;
bottom: 4px;
left: 13px;
font-size: 14px;
}

.theme_two_box_img p i {
padding-right: 5px;
}

.theme_two_box_content {
background: #fff;
padding: 20px 15px;
}

.theme_two_box_content h4 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.theme_two_box_content h4 a {
color: var(--black-color);
}

.theme_two_box_content h4 a:hover {
color: var(--main-color);
}

.theme_two_box_content p {
padding: 10px 0px;
font-size: 14px;
}

.theme_two_box_content p .review_rating {
color: var(--main-color);
}

.theme_two_box_content p .review_count {
margin-left: 10px;
}

.theme_two_box_content h3 {
font-weight: 500;
}

.theme_two_box_content h3 span {
font-weight: 400;
font-size: 14px;
}

.imagination_boxed {
position: relative;
border-radius: 14px;
overflow: hidden;
transition: var(--transition);
}

.imagination_boxed img {
position: relative;
width: 100%;
transition: var(--transition);
}

.imagination_boxed:hover img {
transform: scale(1.2);
}

.imagination_boxed:before {
content: "";
position: absolute;
width: 100%;
height: 25%;
left: 0;
background: #17161669;
bottom: 0;
z-index: 999;
transition: all 0.5s;
transform: translate(0%, 100%);
}

.imagination_boxed:hover:before {
transform: translate(0%, 0%);
}

.imagination_boxed h3 {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
width: 100%;
z-index: 999;
align-items: center;
height: 25%;
}

.imagination_boxed h3 span {
display: block;
text-align: center;
}

.imagination_boxed h3 a {
color: var(--white-color);
transition: var(--transition);
}

.imagination_boxed:hover h3 a {
font-weight: 500;
}

/* --Top Destinations Area-- */
.destinations_content_box {
position: relative;
margin-bottom: 23px;
border-radius: 12px;
overflow: hidden;
}

.destinations_content_box .btn {
margin-top: 2px;
}

.destinations_content_box img {
width: 100%;
}

.destinations_content_inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
}

.destinations_content_inner h3 a {
color: var(--white-color);
}

.destinations_content_inner h3 a:hover {
color: var(--black-color);
}

.destinations_content_inner h2 {
color: var(--white-color);
padding-bottom: 20px;
}

.destinations_big_offer h1 {
color: var(--white-color);
font-size: 150px;
line-height: 109px;
padding-bottom: 20px;
}

.destinations_big_offer {
display: flex;
}

.destinations_big_offer h6 {
color: var(--white-color);
line-height: 45px;
padding-top: 8px;
}

.destinations_big_offer h6 span {
display: block;
font-size: 38px;
font-weight: 500;
}

/* -- Explore Area -- */

.theme_nav_tab {
background: #FFFFFF;
box-shadow: -4px -4px 16px rgb(139 62 234 / 8%), 4px 14px 28px rgb(139 148 250 / 7%);
border-radius: 12px;
padding: 21px 0;
margin-bottom: 30px;
}

.theme_nav_tab_item .nav-tabs {
border-bottom: none;
justify-content: center;
}

.theme_nav_tab_item .nav-tabs .nav-item.show .nav-link,
.theme_nav_tab_item .nav-tabs .nav-link.active {
color: var(--white-color);
background-color: var(--main-color);
border-color: var(--main-color);
}

.theme_nav_tab_item .nav-tabs .nav-link {
margin-bottom: 0;
background: 0 0;
border: 1px solid var(--main-color);
color: var(--black-color);
padding: 8px 30px;
border-radius: 5px;
margin-right: 35px;
}

.theme_nav_tab_item .nav-tabs .nav-link:last-child {
margin-right: 0;
}

.theme_common_box_two {
border-radius: 11px;
overflow: hidden;
border: 1px solid #d2d2d275;
transition: var(--transition);
margin-bottom: 30px;
}

.theme_common_box_two:hover {
box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
}

.theme_two_box_img {
position: relative;
overflow: hidden;
}

.img_hover {
overflow: hidden;
}

.img_hover img {
transition: var(--transition);
width: 100%;
}

.img_hover:hover img {
transform: scale(1.2);
}

.theme_two_box_img img {
width: 100%;
}

.theme_two_box_img .discount_tab {
position: absolute;
right: 9px;
bottom: -17px;
background: #FFFFFF;
box-shadow: 4px 5px 12px rgb(0 0 0 / 10%);
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
color: var(--main-color);
font-size: 16px;
font-weight: 500;
}

.theme_two_box_img p {
color: var(--white-color);
position: absolute;
bottom: 4px;
left: 13px;
font-size: 14px;
}

.theme_two_box_img p i {
padding-right: 5px;
}

.theme_two_box_content {
background: #fff;
padding: 20px 15px;
}

.theme_two_box_content h4 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 17px;
}

.theme_two_box_content h4 a {
color: var(--black-color);
}

.theme_two_box_content h4 a:hover {
color: var(--main-color);
}

.theme_two_box_content p {
padding: 10px 0px;
font-size: 14px;
}

.theme_two_box_content p .review_rating {
color: var(--main-color);
}

.theme_two_box_content p .review_count {
margin-left: 10px;
}

.theme_two_box_content h3 {
font-weight: 500;
}

.theme_two_box_content h3 span {
font-weight: 400;
font-size: 14px;
}

.kPack-cnt ul li:before {
font-family: 'Fontawesome';
font-style: normal;
font-weight: normal;
padding: 0 10px 0 0;
}

.kPack-btm {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

.kPack-btm {
background: #ebf1ff;
padding: 9px;
}

.kPack-btm1 p {
color: #525252;
font-size: 12px;
font-weight: 400;
padding-bottom: 0;
}

span.kp-old {
color: #FF5722;
text-decoration: line-through;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}

span.kp-new {
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 14px;
border-left: 1px solid #ccc;
padding-left: 5px;
}


#third-sec {
padding: 60px 0px;
}

#third-sec h2 {
font-weight: bold;
color: orange;
font-family: volkhov;
text-align: center;
margin-bottom: 0px;
}

#third-sec .row .col {
margin-bottom: 30px;
}

#third-sec .line {
text-align: center;
margin-bottom: 30px;
}

#third-sec .line img {
width: 200px;
}

#third-sec .cont {
border: 2px solid #181e4bcc;
border-radius: 6px 6px 30px 6px;
padding: 30px;
height: 100%;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%);
}

#third-sec .cont img {
width: 80px;
margin-top: -80px;
}

#third-sec .cont h5 {
font-weight: bold;
margin-top: 20px;
}

#third-sec .cont p {
color: #181e4bcc;
margin-bottom: 0px;
}

#fourth-sec {
padding: 10vw 0px;
background-image: url(img/Your-Dream.webp);
background-size: cover;
background-repeat: no-repeat;
}

#fourth-sec {
padding: 10vw 0px;
background-image: url(../img/Your-Dream.webp);
background-size: cover;
background-repeat: no-repeat;
}

#fourth-sec h2 {
color: #fff;
font-weight: bold;
font-family: volkhov;
letter-spacing: 1px;
margin-bottom: 20px;
}

#fifth-sec {
padding: 60px 0px;
}

#fifth-sec h2 {
font-weight: bold;
color: orange;
font-family: volkhov;
text-align: center;
margin-bottom: 0px;
}

#fifth-sec .line {
text-align: center;
margin-bottom: 30px;
}

#fifth-sec .line img {
width: 200px;
}

#fifth-sec .row img {
width: 100%;
height: 300px;
}

#sixth-sec {
padding: 60px 0px;
}

#sixth-sec .tag {
color: #181e4bcc;
font-size: 20px;
}

#sixth-sec h2 {
font-weight: bold;
color: #181e4b;
font-family: volkhov;
margin-bottom: 0px;
}

#sixth-sec .line {
margin-bottom: 30px;
}

#sixth-sec .line img {
width: 200px;
}

#sixth-sec .testi img {
width: 90px;
height: auto;
margin-bottom: 20px;
}

#sixth-sec .testi p {
color: #181e4bcc;
font-size: 14px;
}

#fourth-sec hr {
background: #df6951;
height: 6px;
border-top: 0px;
width: 100px;
opacity: 1;
border-radius: 6px;
}

#fourth-sec button {
background-color: #df6951;
color: #fff;
border: none;
font-size: 18px;
font-weight: bold;
padding: 6px 20px;
border-radius: 6px;
}

#fourth-sec h2 {
color: #fff;
font-weight: bold;
font-family: volkhov;
letter-spacing: 1px;
margin-bottom: 20px;
}

.kPack-btm2 a:nth-of-type(1) {
font-weight: bold;
align-items: center;
color: #3F51B5;
border-radius: 4px;
padding: 0 7px;
border: 1px solid #3F51B5;
display: block;
margin-bottom: 5px;
background: #fff;
}

#fourth-sec hr {
background: #df6951;
height: 6px;
border-top: 0px;
width: 100px;
opacity: 1;
border-radius: 6px;
}

#fourth-sec h2 {
color: #fff;
font-weight: bold;
font-family: volkhov;
letter-spacing: 1px;
margin-bottom: 20px;
}

#fourth-sec hr {
background: #df6951;
height: 6px;
border-top: 0px;
width: 100px;
opacity: 1;
border-radius: 6px;
}

#fourth-sec button {
background-color: #df6951;
color: #fff;
border: none;
font-size: 18px;
font-weight: bold;
padding: 6px 20px;
border-radius: 6px;
}

.home {
height: 100vh;
position: relative;

}

video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
background-color: linear-gradient(180deg, rgba(34, 34, 34, 0.5) 0%, rgba(34, 34, 34, 0.5) 100%);
}

.home-content {
position: relative;
padding-top: 150px;
color: #fff;
text-align: center;
}

h1 {
font-family: Playfair Display, serif;
font-size: clamp(45px, 7vw, 130px);
line-height: 1.1;
}

.home p {
font-size: clamp(25px, 4vw, 40px);
margin-top: 10px;
}

.home-content button {
display: block;
font-size: clamp(14px, 1.5vw, 18px);
border: 1px solid #f1f1f1;
border-radius: 5px;
background: transparent;
color: #fff;
margin: 50px auto 0;
padding: 12px 20px;
cursor: pointer;
}

.kPack-btm2 a:nth-of-type(2) {
align-items: center;
color: #fff;
border-radius: 4px;
padding: 0 7px;
font-weight: 400;
border: 1px solid #FF5722;
display: block;
background: #FF5722;
}

@media(max-width:767px) {
.offer-text h3 {
font-size: 14px !important;
}
}

.cta-item {
z-index: 1;
padding: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 275px;
position: relative;
border-radius: 6px;
margin-bottom: 30px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-size: cover;
height: calc(100% - 30px);
background-position: center;
}

@media only screen and (max-width: 991px) {
.cta-item {
padding-left: 45px;
padding-right: 45px;
}
}

@media only screen and (max-width: 479px) {
.cta-item {
padding-left: 35px;
padding-right: 35px;
}
}

@media only screen and (max-width: 375px) {
.cta-item {
padding-right: 30px;
}
}

.cta-item:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
z-index: -1;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(29, 35, 31, 0.5)), to(rgba(29, 35, 31, 0)));
background: -webkit-linear-gradient(bottom, rgba(29, 35, 31, 0.5) 0%, rgba(29, 35, 31, 0) 100%);
background: -o-linear-gradient(bottom, rgba(29, 35, 31, 0.5) 0%, rgba(29, 35, 31, 0) 100%);
background: linear-gradient(360deg, rgba(29, 35, 31, 0.5) 0%, rgba(29, 35, 31, 0) 100%);
}

.cta-item .category {
color: white;
display: block;
margin-top: -5px;
margin-bottom: 5px;
}

.cta-item h2 {
color: white;
max-width: 400px;
margin-bottom: 30px;
}

@media only screen and (max-width: 1399px) {
.cta-item h2 {
font-size: 38px;
}
}

@media only screen and (max-width: 375px) {
.cta-item h2 {
font-size: 33px;
}
}

.cta-item .theme-btn {
margin-top: auto;
}


.dest-title {
color: orange;
text-align: center;
/* font-family: 'Roboto Condensed', sans-serif; */
text-transform: uppercase;
font-weight: bold;
}

#all-dest-container {
background-color: black;
padding-top: 30px;
}

#dest-container {
transition: 1s;

}

#dest-container2 {

transition: 1s;
background-image: url(../img/DSC_6480.jpg);
color: black;
background-size: cover;
background-attachment: fixed;
padding-top: 15px;
position: absolute;
z-index: 1;
}

#dest-gap {
margin-top: 230px;
}

.dest-bottom-gap {
margin-bottom: 1600px;
position: relative;
display: block;
}

.about-us-gap {
transition: 0.5s;
}

.quick-contact-wrap {
transition: 0.5s;
}

@media (min-width:270px) and (max-width:290px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}



}

@media (min-width:291px) and (max-width:310px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}


}

@media (min-width:311px) and (max-width:340px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}

}

@media (min-width:341px) and (max-width:390px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}

}

@media (min-width:391px) and (max-width:430px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}

.quick-contact-wrap {
left: 0;
right: 0;
margin-top: -180px;
margin-bottom: 40px;

}

}

@media (min-width:431px) and (max-width:460px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}
}

@media (min-width:461px) and (max-width:480px) {

#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}
}

@media (min-width:481px) and (max-width:500px) {



#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}
}

@media (min-width:501px) and (max-width:530px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}
}

@media (min-width:531px) and (max-width:570px) {


#slider-gap {
height: 1px;
margin-bottom: 120px;
background-color: grey;
}
}

@media (min-width:571px) and (max-width:575px) {
.callbkform {
margin-left: auto;
margin-right: auto;
width: 480px;
}

.callbackbutton {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 140px;
}

}

@media (min-width:576px) and (max-width:590px) {
.callbkform {
margin-left: auto;
margin-right: auto;
width: 480px;
}

.callbackbutton {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 140px;
}

}

@media (min-width:591px) and (max-width:620px) {

.callbkform {
margin-left: auto;
margin-right: auto;
width: 480px;
}

.callbackbutton {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 140px;
}

}

@media (min-width:621px) and (max-width:640px) {

.callbkform {
margin-left: auto;
margin-right: auto;
width: 480px;
}

.callbackbutton {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 140px;
}

}


@media (min-width:641px) and (max-width:660px) {
.callbkform {
margin-left: auto;
margin-right: auto;
width: 480px;
}

.callbackbutton {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 140px;
}
}

@media (min-width:661px) and (max-width:690px) {

.callbkform {
margin-left: auto;
margin-right: auto;
width: 480px;
}

.callbackbutton {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 140px;
}

}

.destination-pannel {
height: 250px;
background-color: white;
width: 357px;
margin-top: 20px;
display: inline-block;
margin-right: 10px;
overflow: hidden;
transition: 0.5s;
box-shadow: 2px 2px 10px lightgrey;
}

.destination-title {
position: absolute;
vertical-align: top;
background-color: steelblue;
padding: 10px;
border-left: 5px solid orange;
border-right: 5px solid orange;
color: white;
text-transform: uppercase;
width: inherit;
margin-top: -35px;
font-family: 'Roboto Condensed', sans-serif;
transition: 0.5s;
}

.dest-img-cover {
width: 100%;
height: 100%;
transition: 0.5s;
}

.destination-pannel :hover>.dest-img-cover {

transform: scale(1.1);
transition: 0.5s;
}

.destination-pannel :hover>.destination-title {

background-color: orange;
border-left: 5px solid steelblue;
border-right: 5px solid steelblue;
}

table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}

table caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}

table tr {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;
}

table th,
table td {
padding: .625em;
text-align: center;
}

table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
}

@media screen and (max-width: 600px) {
table {
border: 0;
}

table caption {
font-size: 1.3em;
}

table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}

table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: right;
}

table td::before {
/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}

table td:last-child {
border-bottom: 0;
}
}

.section-padding {
padding: 120px 0;
}

.section-padding2 {
padding: 0 0 120px 0;
}

.section-padding h6 {
color: #aa8453;
font-size: 20px;
margin-bottom: 20px;
}

.section-subtitle {
font-size: 15px;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
color: #666;
text-transform: uppercase;
position: relative;
letter-spacing: 6px;
margin-bottom: 5px;
}

.section-subtitle span {
color: #aa8453;
}

.section-title {
font-size: 46px;
font-family: 'Gilda Display', serif;
font-weight: 400;
color: #222;
position: relative;
margin-bottom: 20px;
line-height: 1.25em;
}

.section-title span {
color: #fff;
}

.bg-img {
background-size: cover;
background-repeat: no-repeat;
}

.bg-fixed {
background-attachment: fixed;
}

.pattern {
background-repeat: repeat;
background-size: auto;
}

.bold {
font-weight: 600;
}

.count {
font-family: 'Gilda Display', serif;
;
}

.valign {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.v-middle {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}

.v-bottom {
position: absolute;
width: 100%;
bottom: 5%;
left: 0;
-webkit-transform: translate(0%, -5%);
transform: translate(0%, -5%);
}

.js .animate-box {
opacity: 0;
}

.bg-cream {
background: #f8f5f0;
}

.services .img {
position: relative;
overflow: hidden;
}

.services .img:hover img {
-webkit-filter: none;
filter: none;
-webkit-transform: scale(1.09, 1.09);
transform: scale(1.09, 1.09);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
border-radius: 30px;
}

.services .img img {
border: 5px solid #c12b44;
border-radius: 0px 190px 0px 190px;
transition: 1.5s ease-in-out
}

.services .content {
width: 100%;
padding: 30px;
}

.services .content .date {
display: table-cell;
position: relative;
width: 80px;
z-index: 2;
}

.services .content .date h3 {
font-size: 65px;
font-weight: 500;
color: #aa8453;
margin-bottom: 0px;
}

.services .content .date h6 {
color: #666;
letter-spacing: 2px;
font-size: 10px;
font-family: 'Barlow', sans-serif;
text-transform: uppercase;
font-weight: 400;
}

.services .content .cont {
display: table-cell;
vertical-align: middle;
}

.services .content .cont h4 {
margin: 0 0 10px 0;
font-size: 32px;
font-weight: 600;
color: #c12b44;
line-height: 1.5em;
}

.services .content .cont .more {
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #aa8453;
padding-left: 40px;
position: relative;
}

.services .content .cont .more:after {
content: '';
width: 30px;
height: 1px;
background: #aa8453;
position: absolute;
top: 50%;
left: 0px;
}

.services .content .cont .more:hover {
color: #222;
}

.services .content .info h6 {
font-size: 15px;
letter-spacing: 3px;
color: #666;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
}

.services .content .info .tags {
color: #aa8453;
}

@media screen and (max-width: 991px) {
.services .content .cont h4 {
line-height: 1.25em;
}

.order2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}

.order1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
}

@media screen and (max-width: 480px) {
.services .content .date {
width: 60px;
}

.services .content .info .tags {
margin: 5px 0 0;
}

.services .content .date h3 {
font-size: 40px;
}
}

tr:nth-child(even) {
background-color: #D6EEEE;
}

.home-intro .light-grey-bg h2 {
color: white;
}

.heading-style.text-dark {
color: #5f5f5f !important
}

.section-title h1,
.section-title h2 {
margin-bottom: .5rem;
color: #f7650a;
font-size: 32px;
font-weight: 700 !important;
z-index: 1
}

.bg-secondary-transparent {
background-color: #f967681a !important
}

.bg-primary-transparent {
background-color: #f57a301a !important
}

.category-svg {
background: #7167ff0a;
}

.category-svg {
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto;
line-height: 80px;
position: relative;
}



.category-svg svg,
.logo-svg svg,
.logo-svg svg g,
.service-card-svg svg {
fill: #f7650a;
}

.category-svg svg,
.service-card-svg svg {
width: 45px;
height: 45px;
margin: 0 auto;
}

.category-svg {
background: #7167ff0a;
}

.cover-image {
background-size: cover !important;
position: relative;
width: 100% !important;
min-height: 200px !important;
-o-object-fit: cover;
object-fit: cover
}

.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #e5e4f0;
border-radius: 5px;
max-width: 100%;
height: auto
}

.bg-background-color.bg-background-color-dark:before {
background: #45531633 !important;
}

.bg-background-color:before {
background: #4950577d !important;
}

.bg-background-5:before,
.bg-background-6:before,
.bg-background-color:before,
.bg-background-pattern:before,
.bg-background2:before,
.bg-background3:before,
.bg-background9:before,
.bg-background:before,
.pattern2:before,
.pattern:before,
.slider-header:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
display: block;
top: 0;
}

.img-absolute-bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 390px;
}

.text-white-80 {
color: #fffc !important;
}

.mb-1,
.my-1 {
margin-bottom: .25rem !important;
}

.card-blogs1 .card-item-desc .card-item-price .newprice,
.font-weight-semibold2 {
font-weight: 600 !important;
}

.leading-tight {
line-height: 1.3 !important;
}

.fs-38 {
font-size: 2.375rem !important;
}

.fade:not(.show),
.modal-backdrop.fade {
opacity: 0;
}

.fade:not(.show) {
opacity: 0;
}

.fade {
transition: opacity .15s linear;
}

.text-white {
color: #fff !important;
}

.btn-secondary {
color: #fff !important;
background-color: #ff6400;
box-shadow: 0 0 12px #ff640059;
}

.sptb {
padding-top: 2rem;
padding-bottom: 2rem;
}

.sptb {
padding-top: 2rem;
padding-bottom: 2rem;
}





















/* Hero Section Styles */
#hero-section {
background: linear-gradient(to right, #f0f9ff, #e0f2fe);
padding: 4rem 1rem !important;
border-radius: 15px;
margin-top: 2rem;
}

#main-title {
color: #0369a1;
font-size: 2.5rem;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

#hero-description {
font-size: 1.1rem;
line-height: 1.8;
color: #475569 !important;
}

/* Features Grid Styles */
#features-grid {
margin-top: 2rem;
}

/* Common Card Styles */
#why-choose-us .card,
#destinations .card,
#special-offers .card,
#plans .card {
border: none;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
border-radius: 15px;
overflow: hidden;
}

#why-choose-us .card:hover,
#destinations .card:hover,
#special-offers .card:hover,
#plans .card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Feature Icons */
.feature-icon {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 1.5rem;
border: 5px solid #e0f2fe;
transition: all 0.3s ease;
}

.feature-icon:hover {
border-color: #bae6fd;
transform: scale(1.05);
}

.feature-icon img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}

/* Button Styles */
#why-choose-us-btn,
#destinations-btn,
#special-offers-btn,
#plans-btn {
background-color: #044da3;
color: white;
border: none;
padding: 0.75rem 2rem;
font-weight: 600;
border-radius: 25px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.9rem;
}

#why-choose-us-btn:hover,
#destinations-btn:hover,
#special-offers-btn:hover,
#plans-btn:hover {
background-color: #044da3;
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(251, 191, 36, 0.3);
}

/* List Styles */
#why-choose-us-list {
padding-left: 0;
}

#why-choose-us-list li {
margin-bottom: 0.5rem;
color: #475569;
font-size: 1rem;
}

/* Text Styles */
#destinations-text,
#special-offers-text,
#plans-text {
color: #475569 !important;
font-size: 1rem;
line-height: 1.6;
}

/* Card Title Styles */
.card h2 {
color: #0369a1;
margin-bottom: 1.5rem;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.5px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
#main-title {
font-size: 2rem;
}

.feature-icon {
width: 120px;
height: 120px;
}

#hero-section {
padding: 2rem 1rem !important;
}
}


/* loction */
.loctionpg {
background: linear-gradient(to right, #334d50, #cbcaa5);
}

.loctionpg p {
font-size: 1.2rem;
}

.loctionpg h2 {
font-size: 2rem;
font-weight: 650;
}








.contact-section {

padding: 80px 0;
color: #fff;
}
.contact-info {
padding: 30px;
color: black;
}
.contact-info i {
font-size: 24px;
margin-right: 15px;
color: #fff;
}
.contact-form {
background: #fff;
padding: 30px;
border-radius: 10px;
}
.contact-form h3 {
color: #d83b32;
margin-bottom: 30px;
}
.form-control {
margin-bottom: 20px;
}
.submit-btn {
background-color: #d83b32;
color: #fff;
border: none;
padding: 10px 30px;
}
.map-container {
width: 100%;
overflow: hidden;
margin-bottom: 50px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}