@charset "UTF-8";

:root{
--text-primary: #54a15d;
--text-secondary: #454545;
--text-tertiary: #666666;
--c-primary: #54a15d;
--c-secondary: #d4ede1;
--f-primary: "Montserrat", sans-serif;
--shadow-one: 4px 8px 30px rgba(141, 141, 141, 0.1);
}
body{
margin: 0;
padding: 0;
font-size: 16px;
font-family: var(--f-primary);
}
*{
box-sizing: border-box;
outline: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a{
color: var(--c-primary);
}
a:hover{
color: var(--text-primary);
}
h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
}
p{
margin: 0;
font-family: var(--f-primary);
font-size: 16px;
}
.breadcrumb.breadcrumb-style-one ul{
padding: 0;
margin: 10px 0 0 0;
list-style: none;
align-items: baseline;
}
.swiper-slide-active h5{
-webkit-animation: fadeInDown 1.7s;
animation: fadeInDown 1.7s;
}
.pt-110{
padding-top: 110px;
}
.pt-50{
padding-top: 50px;
}
.mt-110{
margin-top: 110px;
}
.mt-30{
margin-top: 30px;
}
.mb-30{
margin-bottom: 30px;
}
.mb-110{
margin-bottom: 110px;
}
ins,a{
text-decoration: none !important;
}
input[type=text],input[type=phone],input[type=number],input[type=website]{
padding: 8px 15px;
display: block;
width: 100%;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
height: 45px;
}
input:focus{
outline: none !important;
border: 1px solid rgb(194, 124, 124);
}
input[type=submit]{
background: #000000;
border: none;
color: #fff;
padding: 10px 20px;
border: 1px solid #000000;
text-transform: uppercase;
}
input[type=submit]:hover{
background: #ffffff;
color: #000000;
}
input[type=submit]:focus{
outline: none;
}
textarea{
padding: 8px 10px;
background: #ffffff;
border-radius: 5px;
display: block;
width: 100%;
border: 1px solid #eee;
transition: all 0.4s ease;
}
select{
padding: 8px 10px;
background: #ffffff;
border: 1px solid #ffffff;
border-radius: 5px;
display: block;
width: 100%;
transition: all 0.4s ease;
margin-bottom: 0;
height: 45px;
}
select:focus{
outline: none;
border: 1px solid #54a15d;
}
table tbody tr td,table tbody tr th,table thead tr td,table thead tr th,table tfoot tr td,table tfoot tr th{
border: 1px solid #eee;
padding: 10px 10px;
}
.breadcrumb{
margin-bottom: unset;
position: relative;
z-index: 1;
}
.breadcrumb .breadcrumb-overlay{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: -1;
}
.select2-container--open .select2-dropdown--below{
border: 1px solid #eee;
top: 40px;
}
.select2-container--default .select2-selection--single{
border: none;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
height: 30px;
border: 1px solid #eee;
border-radius: 0;
}
.select2-container--default .select2-results__group{
font-size: 14px;
color: var(--text-tertiary);
font-family: var(--f-primary);
}
.select2-results__option{
font-size: 13px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--single .select2-selection__placeholder{
font-weight: 500;
font-size: 12px;
color: rgb(128, 128, 128);
}
.calendar{
padding: 8px;
background: #ffffff;
border-radius: 4px;
font-size: 18px;
border: 1px solid #333333;
box-shadow: 0px 20px 40px rgba(59, 60, 56, 0.05);
}
@-webkit-keyframes circle{
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
@keyframes circle{
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
@-webkit-keyframes anim{
12.5% {
stroke-dasharray: 33.98873px, 242.77666px;
stroke-dashoffset: -26.70543px;
}
43.75% {
stroke-dasharray: 84.97183px, 242.77666px;
stroke-dashoffset: -84.97183px;
}
100% {
stroke-dasharray: 2.42777px, 242.77666px;
stroke-dashoffset: -240.34889px;
}
}
@keyframes anim{
12.5% {
stroke-dasharray: 33.98873px, 242.77666px;
stroke-dashoffset: -26.70543px;
}
43.75% {
stroke-dasharray: 84.97183px, 242.77666px;
stroke-dashoffset: -84.97183px;
}
100% {
stroke-dasharray: 2.42777px, 242.77666px;
stroke-dashoffset: -240.34889px;
}
}
.contact-form-wrap .custom-input-group,.custom-input-group{
margin-top: 30px;
position: relative;
}
.contact-form-wrap .custom-input-group i,.custom-input-group i{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
z-index: 1;
}
.contact-form-wrap .custom-input-group label,.custom-input-group label{
display: inline-block;
font-weight: 500;
font-size: 16px;
color: #2d373c;
}
.contact-form-wrap .custom-input-group input,.contact-form-wrap .custom-input-group textarea,.custom-input-group input,.custom-input-group textarea{
padding: 15px 20px;
}
.contact-form-wrap .custom-input-group input::-moz-placeholder,.contact-form-wrap .custom-input-group textarea::-moz-placeholder,.custom-input-group input::-moz-placeholder,.custom-input-group textarea::-moz-placeholder{
font-weight: 500;
font-size: 13px;
color: #2d373c;
}
.contact-form-wrap .custom-input-group input:-ms-input-placeholder,.contact-form-wrap .custom-input-group textarea:-ms-input-placeholder,.custom-input-group input:-ms-input-placeholder,.custom-input-group textarea:-ms-input-placeholder{
font-weight: 500;
font-size: 13px;
color: #2d373c;
}
.contact-form-wrap .custom-input-group input::placeholder,.contact-form-wrap .custom-input-group textarea::placeholder,.custom-input-group input::placeholder,.custom-input-group textarea::placeholder{
font-weight: 500;
font-size: 13px;
color: #2d373c;
}
.contact-form-wrap .custom-input-group input,.custom-input-group input{
background: #f6fcf9;
border: 1px solid #cfefe3;
box-sizing: border-box;
border-radius: 100px;
height: 52px;
margin-top: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
.contact-form-wrap .custom-input-group input:focus,.custom-input-group input:focus{
border: 1px solid var(--c-primary);
}
.contact-form-wrap .custom-input-group select,.custom-input-group select{
background: #f6fcf9;
border: 1px solid #cfefe3;
box-sizing: border-box;
border-radius: 100px;
height: 52px;
margin-top: 14px;
padding: 15px 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
}
.contact-form-wrap .custom-input-group select:focus,.custom-input-group select:focus{
border: 1px solid var(--c-primary);
}
.contact-form-wrap .custom-input-group textarea,.custom-input-group textarea{
background: #f6fcf9;
border: 1px solid #cfefe3;
box-sizing: border-box;
border-radius: 30px;
}
.contact-form-wrap .custom-input-group textarea:focus,.custom-input-group textarea:focus{
border: 1px solid var(--c-primary);
}
.contact-form-wrap .custom-input-group button[type=submit],.custom-input-group button[type=submit]{
font-weight: 700;
font-size: 16px;
color: #fff;
background: var(--c-primary);
border-radius: 100px;
border: none;
padding: 14px 38px;
transition: all 0.2s;
}
.contact-form-wrap .custom-input-group button[type=submit]:hover,.custom-input-group button[type=submit]:hover{
background: #162b32;
color: var(--c-primary);
}
.comment-form-cookies-consent{
padding-top: 10px;
}
.breadcrumb-style-one{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 150px 0;
background-image: url(https://kenyatrunomadstours.com/wp-content/uploads/2024/03/Kenya-Tru-Nomads-newsletter-a.jpg);
}
.breadcrumb-style-one .breadcrumb-title{
font-weight: 700;
font-size: 50px;
color: #ffffff;
word-wrap: break-word;
}
.breadcrumb-style-one .breadcrumb-items .breadcrumb-item{
font-size: 18px;
color: #ffffff;
position: relative;
}
.breadcrumb-style-one .breadcrumb-items .breadcrumb-item.active{
position: relative;
display: contents;
}
.breadcrumb-style-one .breadcrumb-items .breadcrumb-item.active::before{
content: "\f280";
font-family: bootstrap-icons !important;
color: var(--c-primary);
font-size: 14px;
transform: translateY(50%);
padding-right: 12px;
padding-left: 8px;
position: relative;
top: -8px;
}
.breadcrumb-style-one .breadcrumb-items .breadcrumb-item a{
color: inherit;
}
.pagination-style-one{
align-items: baseline;
}
.pagination-style-one .page-item{
margin-right: 20px;
transition: 0.3s ease;
}
.pagination-style-one .page-item:last-child{
margin-right: 0;
}
.pagination-style-one .page-item a.next,.pagination-style-one .page-item a.prev{
border-radius: 50%;
height: 40px;
width: 40px;
background: var(--c-primary);
color: #fff;
border-color: var(--c-primary);
text-align: center;
}
.pagination-style-one .page-item .page-link:hover{
background-color: var(--c-primary);
color: #fff;
}
.pagination-style-one .page-item .page-link.dots{
padding: 0;
min-width: 15px;
background: transparent;
border: none;
color: var(--c-primary);
}
.pagination-style-one .page-item.active a{
background: var(--c-primary);
color: #fff;
border-color: var(--c-primary);
text-align: center;
}
.pagination-style-one .page-item span{
border: 1px solid var(--c-primary);
box-sizing: border-box;
border-radius: 5px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.05em;
color: #2d373c;
padding: 7px 13px;
min-height: 40px;
min-width: 40px;
}
.pagination-style-one .page-item span.current{
background: var(--c-primary);
color: #fff;
border-color: var(--c-primary);
text-align: center;
}
.pagination-style-one .page-item a{
border: 1px solid var(--c-primary);
box-sizing: border-box;
border-radius: 5px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.05em;
color: #2d373c;
padding: 7px 13px;
min-height: 40px;
min-width: 40px;
text-align: center;
}
.pagination-style-one .page-item a:focus{
box-shadow: none;
}
.error-content .error-text{
margin-top: 100px;
}
.error-content .error-text h2{
font-weight: 700;
font-size: 50px;
color: #2d373c;
}
.error-content .error-text p{
padding-top: 15px;
font-size: 16px;
line-height: 30px;
color: #666666;
}
.error-content .error-text .error-btn{
margin-top: 50px;
}
.error-content .error-text .error-btn a{
display: inline-block;
font-weight: 700;
font-size: 26px;
color: #ffffff;
background: var(--c-primary);
border-radius: 10px;
padding: 15px 35px;
}
.error-content .error-text .error-btn a:hover{
background: #162b32;
color: var(--c-primary);
}
.error-content .error-text .error-btn a i{
margin-right: 5px;
}
.main-searchbar-wrapper{
position: fixed;
width: 100%;
min-height: 100vh;
inset: 0;
background: rgba(45, 55, 60, 0.8);
z-index: 20;
display: grid;
place-items: center;
padding: 50px 0;
transition: all 0.8s cubic-bezier(0.32, 0, 0, 1);
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
}
.main-searchbar-wrapper.search-active{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.category-sidebar-wrapper{
position: fixed;
width: 100%;
min-height: 100vh;
inset: 0;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.6s;
}
.category-sidebar-wrapper.category-active{
opacity: 1;
visibility: visible;
}
.category-sidebar-wrapper.category-active .category-sidebar{
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.category-sidebar{
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
height: 100%;
max-width: 490px;
padding: 40px 30px;
overflow-y: scroll;
transition: all 0.6s cubic-bezier(0.32, 0, 0, 1);
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
}
.category-sidebar::-webkit-scrollbar-track{
border-radius: 10px;
background-color: #fff;
}
.category-sidebar::-webkit-scrollbar{
width: 12px;
background-color: rgb(255, 255, 255);
}
.category-sidebar::-webkit-scrollbar-thumb{
border-radius: 10px;
background-color: #eee;
}
.category-sidebar .category-header h4{
font-weight: 600;
font-size: 25px;
font-weight: 600;
color: #2d373c;
}
.category-sidebar .category-header .category-toggle i{
font-size: 20px;
height: 35px;
width: 35px;
border-radius: 50%;
background: var(--c-primary);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.category-sidebar .category-box{
background: #ffffff;
border: 1px solid #eeeeee;
box-sizing: border-box;
border-radius: 5px;
text-align: center;
display: block;
padding: 25px;
padding-top: 0;
transition: all 0.3s;
}
.category-sidebar .category-box:hover{
background: var(--c-primary);
}
.category-sidebar .category-box:hover h5{
color: #fff;
}
.category-sidebar .category-box .cate-icon{
height: 70px;
width: 70px;
border-radius: 50%;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
display: flex;
align-items: center;
justify-content: center;
margin-top: -35px;
}
.category-sidebar .category-box .cate-icon img{
max-width: 100%;
height: 70px;
width: 70px;
border-radius: 50%;
}
.category-sidebar .category-box h5{
font-weight: 600;
font-size: 15px;
color: #494949;
margin-top: 14px;
transition: all 0.3s;
}
.sidebar-main{
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
width: 100%;
height: 100vh;
top: 131px;
}
.sidebar-main .sidebar-list{
gap: 60px;
}
.sidebar-main .sidebar-list li i{
width: 50px;
height: 50px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
cursor: pointer;
color: var(--c-primary);
}
.sidebar-main .sidebar-list li i:hover{
color: #fff;
background: var(--c-primary);
}
.inner-logo{
padding: 20px 21px;
}
.inner-contact-options{
padding-top: 25px;
}
.inner-contact-options .contact-box-inner{
font-weight: 600;
font-size: 15px;
color: #2d373c;
display: flex;
padding-left: 20px;
padding-top: 8px;
}
.inner-contact-options .contact-box-inner a{
color: inherit;
display: inline-block;
}
.inner-contact-options .contact-box-inner i{
margin-right: 10px;
color: #2d373c;
}
header.sticky{
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
box-shadow: 0 2px 28px 0 rgba(122, 122, 122, 0.1019607843);
}
header .head-one.sticky-header{
box-shadow: 0 2px 28px 0 rgba(122, 122, 122, 0.1019607843);
}
header .header-style-one{
position: relative;
}
header .header-style-one.sticky{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9;
background: #fff;
box-shadow: 0 2px 28px 0 rgba(122, 122, 122, 0.1019607843);
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
header .header-style-one .main-nav-wrapper{
padding-left: 60px;
}
header .header-style-one .main-nav-wrapper ul li .sub-menu{
position: absolute;
left: 0;
top: auto;
right: 0;
min-width: 220px;
list-style: none;
margin: 0;
padding: 0;
background: #fff;
opacity: 0;
z-index: 9999;
transform: scale(0);
transform-origin: 0% 0%;
transition: all 0.3s;
box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
}
header .header-style-one .main-nav-wrapper ul li .sub-menu li .sub-menu{
right: -220px;
left: inherit;
top: 0;
}
header .header-style-one .main-nav-wrapper ul li .sub-menu > li{
display: block;
margin: 0;
position: relative;
}
header .header-style-one .main-nav-wrapper .fl{
width: 30px;
font-size: 20px;
line-height: 35px;
text-align: center;
color: #2d373c;
font-style: normal;
position: absolute;
right: -5px;
top: 5px;
z-index: 999;
display: none;
cursor: pointer;
}
header .header-style-one .main-nav-wrapper .fl:before{
font-size: 14px;
text-align: center;
line-height: 35px;
}
header .header-style-one .main-nav-wrapper > ul > li + li > .sub-menu{
left: 15px;
}
header .header-style-one .main-nav-wrapper > ul > li:hover > .sub-menu{
transform: scale(1);
visibility: visible;
opacity: 1;
}
header .header-style-one .main-nav-wrapper ul li .sub-menu li:hover > .sub-menu,header .header-style-one .main-nav-wrapper ul li .sub-menu li .sub-menu li:hover > .sub-menu{
transform: translateY(0);
visibility: visible;
opacity: 1;
}
header .header-style-one .main-nav-wrapper ul{
margin: 0;
list-style: none;
}
header .header-style-one .main-nav-wrapper ul li{
display: inline-block;
position: relative;
padding: 0 18px;
}
header .header-style-one .main-nav-wrapper ul li:last-child{
padding-right: 0;
}
header .header-style-one .main-nav-wrapper ul li:hover > a{
color: var(--c-primary);
}
header .header-style-one .main-nav-wrapper ul li:hover > a::before{
opacity: 1;
background: var(--c-primary);
}
header .header-style-one .main-nav-wrapper ul li a{
font-size: 14px;
color: #162b32;
display: block;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
font-family: var(--f-primary);
transition: all 0.3s ease-in-out;
padding: 30.5px 0;
position: relative;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li{
padding: 0;
transition: all 0.3s ease-in-out;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li a{
display: block;
padding: 12px 15px;
color: #162b32;
line-height: 18px;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li a.active{
color: var(--c-primary);
font-weight: 600;
}
@media screen and (min-width: 1199px){
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li:hover{
background: var(--c-primary);
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li:hover > a{
color: #fff;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li:hover::before{
opacity: 0;
}
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li.menu-item-has-children:after{
top: 13px;
margin-right: 13px;
}
header .header-style-one .main-nav-wrapper ul li ul.sub-menu > li.menu-item-has-children:hover::after{
color: #fff;
}
header .header-style-one .main-nav-wrapper ul li.menu-item-has-children:after{
position: absolute;
right: 0;
color: var(--c-primary);
font-family: bootstrap-icons !important;
content: "\f64d";
font-size: 13px;
font-weight: 600;
transition: all 0.5s ease-in-out;
top: 31px;
transition: all 0.5s ease-in-out;
}
header .header-style-one .main-nav-wrapper ul li:hover.menu-item-has-children:after{
transform: rotate(-180deg);
}
header .header-style-one .main-nav-wrapper > ul > li > a.active{
color: var(--c-primary);
font-weight: 600;
font-size: 14px;
}
header .header-style-one .nav-right{
display: flex;
align-items: center;
height: 100%;
}
header .header-style-one .nav-right .nav-actions{
display: flex;
margin: 0;
}
header .header-style-one .nav-right .nav-actions li{
margin-right: 30px;
display: inline-flex;
}
header .header-style-one .nav-right .nav-actions li:last-child{
margin-right: 0;
}
header .header-style-one .nav-right .nav-actions li i{
cursor: pointer;
font-size: 20px;
width: 40px;
height: 40px;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
color: var(--c-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
header .header-style-one .nav-right .nav-actions li i:hover{
background: var(--c-primary);
color: #fff;
}
header .header-style-two{
background: #162b32;
}
header .header-style-two.sticky{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 109;
box-shadow: 0 2px 28px 0 rgba(122, 122, 122, 0.1019607843);
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
header .header-style-two .main-nav-wrapper ul li .sub-menu{
position: absolute;
left: 0;
top: auto;
right: 0;
min-width: 220px;
list-style: none;
margin: 0;
padding: 0;
background: #fff;
opacity: 0;
z-index: 9999;
transform: scale(0);
transform-origin: 0% 0%;
transition: all 0.3s;
box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
}
header .header-style-two .main-nav-wrapper ul li .sub-menu li .sub-menu{
right: -220px;
left: inherit;
top: 0;
}
header .header-style-two .main-nav-wrapper ul li .sub-menu > li{
display: block;
margin: 0;
position: relative;
}
header .header-style-two .main-nav-wrapper ul > li a:hover{
background: transparent;
color: var(--c-primary);
}
header .header-style-two .main-nav-wrapper .fl{
width: 30px;
font-size: 20px;
line-height: 35px;
text-align: center;
color: #2d373c;
font-style: normal;
position: absolute;
right: -5px;
top: 0;
z-index: 999;
display: none;
cursor: pointer;
}
header .header-style-two .main-nav-wrapper .fl:before{
font-size: 14px;
text-align: center;
line-height: 35px;
}
header .header-style-two .main-nav-wrapper > ul > li + li > .sub-menu{
left: 15px;
}
header .header-style-two .main-nav-wrapper > ul > li:hover > .sub-menu{
transform: scale(1);
visibility: visible;
opacity: 1;
}
header .header-style-two .main-nav-wrapper ul li .sub-menu li:hover > .sub-menu,header .header-style-two .main-nav-wrapper ul li .sub-menu li .sub-menu li:hover > .sub-menu{
transform: translateY(0);
visibility: visible;
opacity: 1;
}
header .header-style-two .main-nav-wrapper ul{
margin: 0;
list-style: none;
}
header .header-style-two .main-nav-wrapper ul li{
display: inline-block;
position: relative;
padding: 0 18px;
}
header .header-style-two .main-nav-wrapper ul li:last-child{
padding-right: 0;
}
header .header-style-two .main-nav-wrapper ul li:hover > a{
color: var(--c-primary);
}
header .header-style-two .main-nav-wrapper ul li:hover > a::before{
opacity: 1;
background: var(--c-primary);
}
header .header-style-two .main-nav-wrapper ul li a{
font-size: 16px;
color: #fff;
display: block;
font-weight: 500;
text-transform: capitalize;
text-decoration: none;
font-family: var(--f-primary);
transition: all 0.3s ease-in-out;
padding: 30.5px 0;
position: relative;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li{
padding: 0;
transition: all 0.3s ease-in-out;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li:last-child{
border-bottom: none;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li:hover > a{
color: #fff;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li:hover .sub-menu::after{
color: #fff;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li a{
display: block;
padding: 15px;
color: #162b32;
line-height: 1;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li a.active{
color: var(--c-primary);
font-weight: 600;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li:hover{
background: transparent;
background: var(--c-primary);
color: #fff;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li.menu-item-has-children:hover:after{
color: #fff;
}
header .header-style-two .main-nav-wrapper ul li ul.sub-menu > li.menu-item-has-children:after{
position: absolute;
right: 9px;
color: var(--c-primary);
content: "";
background: var(--c-primary);
height: 4px;
width: 4px;
border-radius: 50%;
top: 23px;
transition: all 0.5s ease-in-out;
}
header .header-style-two .main-nav-wrapper ul li.menu-item-has-children:after{
position: absolute;
right: 9px;
color: var(--c-primary);
content: "";
background: var(--c-primary);
height: 4px;
width: 4px;
border-radius: 50%;
top: 41px;
transition: all 0.5s ease-in-out;
}
header .header-style-two .main-nav-wrapper ul li:hover.menu-item-has-children:after{
transform: rotate(-180deg);
}
header .header-style-two .main-nav-wrapper > ul > li > a.active{
color: var(--c-primary);
font-weight: 600;
font-size: 16px;
}
header .header-style-two .nav-right-icons{
display: flex;
}
header .header-style-two .nav-right-icons div{
margin-right: 30px;
}
header .header-style-two .nav-right-icons div i{
font-size: 26px;
color: #c4c4c4;
cursor: pointer;
line-height: 33px;
}
header .header-style-two .nav-right-icons div i::before{
vertical-align: middle;
}
header .header-style-two .nav-right{
float: right;
display: flex;
align-items: center;
height: 100%;
}
header .header-style-two .nav-right .nav-actions{
display: flex;
}
header .header-style-two .nav-right .nav-actions li{
margin-right: 30px;
}
header .header-style-two .nav-right .nav-actions li:last-child{
margin-right: 0;
}
header .header-style-two .nav-right .nav-actions li a{
font-size: 20px;
color: var(--c-primary-one);
}
header .header-style-two .nav-right .nav-right-hotline{
padding-left: 44px;
padding-right: 20px;
display: flex;
align-items: center;
color: #fff;
}
.header-style-three.sticky{
position: fixed !important;
top: 0px;
left: 0;
z-index: 99;
background: rgba(25, 26, 28, 0.9);
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
-webkit-animation: smooth-header 0.65s linear;
animation: smooth-header 0.65s linear;
}
@-webkit-keyframes smooth-header{
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@keyframes smooth-header{
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header .header-style-three{
position: absolute;
left: 0;
top: 0;
z-index: 9;
padding-left: 2%;
padding-right: 2%;
background: rgba(25, 26, 28, 0.6);
}
header .header-style-three .main-nav ul li .sub-menu{
position: absolute;
left: 0;
top: auto;
min-width: 200px;
list-style: none;
background: rgba(25, 26, 28, 0.6);
opacity: 0;
z-index: 9999;
transform: scaleY(0);
transform-origin: top;
transition: all 0.4s;
box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--c-primary);
}
header .header-style-three .main-nav ul li .sub-menu li .sub-menu{
right: -200px;
left: inherit;
top: 0;
}
header .header-style-three .main-nav ul li .sub-menu > li{
display: block;
margin: 0;
position: relative;
}
header .header-style-three .main-nav ul > li a:hover{
background: transparent;
color: #54a15d;
}
header .header-style-three .main-nav .fl{
width: 30px;
font-size: 20px;
line-height: 35px;
text-align: center;
color: #2d373c;
font-style: normal;
position: absolute;
right: -5px;
top: 0;
z-index: 999;
display: none;
cursor: pointer;
}
header .header-style-three .main-nav .fl:before{
font-size: 14px;
text-align: center;
line-height: 35px;
}
header .header-style-three .main-nav > ul > li + li > .sub-menu{
left: 15px;
}
header .header-style-three .main-nav > ul > li:hover > .sub-menu{
transform: scaleY(1);
opacity: 1;
}
header .header-style-three .main-nav ul li .sub-menu li:hover > .sub-menu,header .header-style-three .main-nav ul li .sub-menu li .sub-menu li:hover > .sub-menu{
transform: translateY(0);
opacity: 1;
}
header .header-style-three .main-nav ul{
margin: 0;
list-style: none;
}
header .header-style-three .main-nav ul li{
display: inline-block;
position: relative;
padding: 0 20px;
}
header .header-style-three .main-nav ul li:last-child{
padding-right: 0;
}
header .header-style-three .main-nav ul li:hover > a{
color: #54a15d;
}
header .header-style-three .main-nav ul li:hover > a::before{
opacity: 1;
background: #54a15d;
}
header .header-style-three .main-nav ul li a{
font-size: 16px;
color: #fff;
display: block;
font-weight: 500;
text-transform: capitalize;
text-decoration: none;
font-family: var(--f-primary);
transition: all 0.3s ease-in-out;
padding: 30.5px 0;
position: relative;
}
header .header-style-three .main-nav ul li ul.sub-menu > li{
padding: 0;
}
header .header-style-three .main-nav ul li ul.sub-menu > li:last-child{
border-bottom: none;
}
header .header-style-three .main-nav ul li ul.sub-menu > li a{
display: block;
padding: 15px;
color: #fff;
line-height: 1;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
header .header-style-three .main-nav ul li ul.sub-menu > li a.active{
color: #54a15d;
font-weight: 600;
}
header .header-style-three .main-nav ul li ul.sub-menu > li a:hover{
background: #54a15d;
color: white !important;
}
header .header-style-three .main-nav ul li ul.sub-menu > li a:hover::before{
opacity: 0;
}
header .header-style-three .main-nav ul li.has-child-menu:after{
position: absolute;
right: 9px;
color: #54a15d;
content: "";
font-family: bootstrap-icons !important;
content: "\f64d";
font-size: 12px;
font-weight: 600;
height: 4px;
width: 4px;
border-radius: 50%;
top: 36px;
transition: all 0.5s ease-in-out;
}
header .header-style-three .main-nav ul li:hover.has-child-menu:after{
content: "\f2ea";
}
header .header-style-three .main-nav > ul > li > a.active{
color: #54a15d;
font-weight: 600;
font-size: 16px;
}
header .header-style-three .nav-right-icons{
display: flex;
}
header .header-style-three .nav-right-icons div{
margin-right: 10px;
}
header .header-style-three .nav-right-icons div i{
height: 30px;
width: 30px;
background: #54a15d;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border: 1px solid #54a15d;
font-size: 18px;
border-radius: 50%;
cursor: pointer;
transition: all 0.5s ease-out 0s;
}
header .header-style-three .nav-right-icons div i:hover{
border: 1px solid #54a15d;
color: #54a15d;
background: transparent;
}
header .header-style-three .nav-right{
float: right;
display: flex;
align-items: center;
height: 100%;
}
header .header-style-three .nav-right .nav-actions{
display: flex;
}
header .header-style-three .nav-right .nav-actions li{
margin-right: 30px;
}
header .header-style-three .nav-right .nav-actions li:last-child{
margin-right: 0;
}
header .header-style-three .nav-right .nav-actions li a{
font-size: 20px;
color: var(--c-primary-one);
}
header .header-style-three .nav-right .nav-right-hotline{
padding-left: 44px;
padding-right: 40px;
display: flex;
align-items: center;
color: #fff;
}
@-webkit-keyframes fly{
0% {
transform: translateX(0) scale(0.5);
opacity: 0;
}
50% {
transform: translateX(50%) scale(0.8);
opacity: 0.8;
}
100% {
transform: translateX(100%) scale(0.5);
opacity: 0;
}
}
@keyframes fly{
0% {
transform: translateX(0) scale(0.5);
opacity: 0;
}
50% {
transform: translateX(50%) scale(0.8);
opacity: 0.8;
}
100% {
transform: translateX(100%) scale(0.5);
opacity: 0;
}
}
@-webkit-keyframes rotation{
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotation{
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes blink{
0% {
transform: scale(0.5);
}
50% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blink{
0% {
transform: scale(0.5);
}
50% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes fly{
0% {
transform: translateX(0) scale(0.5);
opacity: 0;
}
50% {
transform: translateX(50%) scale(0.8);
opacity: 0.8;
}
100% {
transform: translateX(100%) scale(0.5);
opacity: 0;
}
}
.multi-main-searchber{
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
padding: 15px 25px;
position: relative;
z-index: 2;
}
.multi-main-searchber .search-box-single{
border: 1px solid #e2e2e2;
box-sizing: border-box;
padding: 14px 12px 5px 12px;
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.multi-main-searchber .search-box-single .searchbox-icon{
font-size: 25px;
color: var(--c-primary);
padding-right: 15px;
margin-top: -6px;
}
.multi-main-searchber .search-box-single .searchbox-input{
width: 100%;
overflow: hidden;
position: relative;
z-index: 99;
}
.multi-main-searchber .search-box-single .searchbox-input.date-picker-input::before{
position: absolute;
content: "\f1f3";
font-family: bootstrap-icons !important;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--text-tertiary);
}
.multi-main-searchber .search-box-single .searchbox-input label{
font-weight: 600;
font-size: 14px;
color: #2d373c;
line-height: 1;
display: block;
}
.multi-main-searchber .search-box-single .searchbox-input select{
font-weight: 500;
font-size: 12px;
color: #666666;
display: block;
}
.multi-main-searchber .search-box-single .searchbox-input input,.multi-main-searchber .search-box-single .searchbox-input select{
height: 30px;
padding: 0;
border: none;
padding-bottom: 7px;
}
.multi-main-searchber .search-box-single .searchbox-input input::-moz-placeholder,.multi-main-searchber .search-box-single .searchbox-input select::-moz-placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
}
.multi-main-searchber .search-box-single .searchbox-input input:-ms-input-placeholder,.multi-main-searchber .search-box-single .searchbox-input select:-ms-input-placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
}
.multi-main-searchber .search-box-single .searchbox-input input::placeholder,.multi-main-searchber .search-box-single .searchbox-input select::placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
}
.multi-main-searchber .main-form-submit{
height: 100%;
}
.multi-main-searchber .main-form-submit button{
font-weight: 600;
font-size: 18px;
color: #ffffff;
border: none;
background: var(--c-primary);
display: block;
width: 100%;
height: 100%;
padding: 12px 24px;
transition: all 0.35s;
}
.multi-main-searchber .main-form-submit button:hover{
background: transparent;
border: 1px solid var(--c-primary);
color: var(--c-primary);
}
.package-sidebar .widget-tour-categoris input{
height: 18px;
width: 18px;
margin: 0;
padding: 0;
display: inline-block;
}
.package-sidebar .widget-tour-categoris input:focus{
box-shadow: 0 0 0 0.25rem rgba(13, 253, 58, 0.25);
}
.package-sidebar .widget-tour-categoris input:checked{
background-color: var(--c-primary);
border-color: var(--c-primary);
}
.package-sidebar .widget-gallary ul{
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, auto);
}
.package-sidebar .widget-gallary ul li img{
width: 100%;
}
.widget_search .search-input-group,.wp-block-search .search-input-group{
display: flex;
height: 44px;
}
.widget_search input,.wp-block-search input{
height: 100%;
background: #f5f5f5;
border-radius: 44px 0 0 44px;
padding: 10px 15px;
}
.widget_search input::-moz-placeholder,.wp-block-search input::-moz-placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.widget_search input:-ms-input-placeholder,.wp-block-search input:-ms-input-placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.widget_search input::placeholder,.wp-block-search input::placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.widget_search button,.wp-block-search button{
border: none;
font-weight: 700;
font-size: 14px;
color: #ffffff;
background: var(--c-primary);
padding-left: 20px;
padding-right: 20px;
border-radius: 0 44px 44px 0;
margin-left: -1px;
}
.widget_search button:hover,.wp-block-search button:hover{
background: #162b32;
}
.package-widget-style-2{
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
}
.package-widget-style-2 .widget-title{
background: #162b32;
border-radius: 5px;
padding: 13px 20px;
align-items: center;
}
.package-widget-style-2 .widget-title h4{
font-weight: 700;
color: #ffffff;
font-size: 20px;
}
.package-widget-style-2 .widget-lavel{
font-weight: 700;
font-size: 25px;
color: var(--c-primary);
}
.package-widget-style-2 .widget-lavel span{
font-size: 15px;
font-weight: 500;
color: #fff;
}
.package-widget-style-2 .widget-body{
padding: 20px;
}
@media screen and (max-width: 991px){
.package-widget-style-2{
margin-top: 60px;
}
}
.widget-recent-package-entries ul{
padding: 0 !important;
margin: 0;
}
.widget-tag-cloud .tag-cloud a{
display: inline-block;
font-weight: 500;
font-size: 14px;
color: #2d373c;
border: 1px solid rgba(45, 55, 60, 0.3019607843);
padding: 6px 18px;
margin-right: 12px;
margin-top: 12px;
transition: all 0.3s;
}
.widget-tag-cloud .tag-cloud a:hover{
border-color: var(--c-primary);
background: var(--c-primary);
color: #fff;
}
.booking-form-wrapper .custom-input-group{
margin-top: 0;
}
.booking-form-wrapper .custom-input-group .submite-btn{
padding-top: 20px;
}
.booking-form-wrapper .custom-input-group .submite-btn button{
width: 100%;
display: block;
}
.booking-form-wrapper .custom-input-group textarea{
background: #fff;
}
.booking-form-wrapper .custom-input-group input{
height: 45px;
padding: 7px 12px;
background: #fff;
}
.booking-form-wrapper .custom-input-group select{
height: 45px;
padding: 0 15px;
font-weight: 500;
font-size: 13px;
color: #2d373c;
background: #fff;
}
.tour-package-details .pd-header{
margin-bottom: 30px;
}
.tour-package-details .pd-header .pd-top .pd-single-info{
display: flex;
}
.tour-package-details .pd-header .pd-top .pd-single-info .info-icon{
margin-right: 15px;
margin-top: 4px;
}
.tour-package-details .pd-header .pd-top .pd-single-info .info-icon img{
max-width: 42px;
}
.tour-package-details .pd-header .pd-top .pd-single-info .info h6{
font-weight: 600;
font-size: 17px;
color: #162b32;
}
.tour-package-details .pd-header .pd-top .pd-single-info .info span{
font-weight: 600;
font-size: 12px;
color: #666666;
}
.tour-package-details .pd-header .pd-thumb{
padding-top: 30px;
}
.tour-package-details .pd-header .pd-thumb img{
width: 100%;
border-radius: 5px;
}
.tour-package-details .pd-header .header-bottom{
padding: 25px 0;
border-bottom: 1px solid #eeeeee;
}
.tour-package-details .pd-header .header-bottom .pd-lavel .location{
font-weight: 600;
font-size: 17px;
color: var(--c-primary);
}
.tour-package-details .pd-header .header-bottom .pd-lavel .rating{
list-style-type: none;
margin: 0;
}
.tour-package-details .pd-header .header-bottom .pd-lavel .rating li{
margin-right: 8px;
}
.tour-package-details .pd-header .header-bottom .pd-lavel .rating li i{
font-size: 20px;
color: var(--c-primary);
}
.tour-package-details .pd-header .header-bottom .pd-lavel .rating li:last-child{
margin-right: 0;
}
.tour-package-details .package-details-tabs{
position: relative;
}
.tour-package-details .package-details-tabs .tab-switchers{
margin-bottom: 50px;
background: #fff;
top: 0;
left: 0;
z-index: 9;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link{
border: 2px solid var(--c-primary);
box-sizing: border-box;
border-radius: 30px;
font-weight: 600;
font-size: 18px;
color: #2d373c;
padding: 12px 28px;
transition: all 0.35s;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link:hover{
background: var(--c-primary);
color: #fff;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link i{
margin-right: 4px;
}
.tour-package-details .package-details-tabs .tab-switchers .nav-item .nav-link.active{
background: var(--c-primary);
color: #fff;
}
.tour-package-details .tab-pane .d-subtitle{
color: #2d373c;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.tour-package-details .package-info-tab p{
font-size: 16px;
line-height: 26px;
color: #666666;
padding-top: 20px;
}
.tour-package-details .package-info-tab .package-info-table{
margin-top: 40px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
}
.tour-package-details .package-info-tab .package-info-table tr .tour-transport-col{
padding-left: 10px;
}
.tour-package-details .package-info-tab .package-info-table tr .tour-transport-col .tour-transport img{
max-width: 25px;
margin-right: 10px;
}
.tour-package-details .package-info-tab .package-info-table tr th,.tour-package-details .package-info-tab .package-info-table tr td{
font-weight: 600;
font-size: 18px;
padding: 20px 10px 20px 40px;
vertical-align: middle;
}
.tour-package-details .package-info-tab .package-info-table tr th .excluded-list,.tour-package-details .package-info-tab .package-info-table tr td .excluded-list{
list-style-type: none;
margin: 0;
padding: 0;
}
.tour-package-details .package-info-tab .package-info-table tr th .excluded-list li,.tour-package-details .package-info-tab .package-info-table tr td .excluded-list li{
margin-top: 10px;
}
.tour-package-details .package-info-tab .package-info-table tr th .excluded-list li:first-child,.tour-package-details .package-info-tab .package-info-table tr td .excluded-list li:first-child{
margin-top: 0;
}
.tour-package-details .package-info-tab .package-info-table tr th .excluded-list li i,.tour-package-details .package-info-tab .package-info-table tr td .excluded-list li i{
margin-right: 15px;
color: var(--c-primary);
}
.tour-package-details .package-info-tab .package-info-table tr th .included-list,.tour-package-details .package-info-tab .package-info-table tr td .included-list{
list-style-type: none;
margin: 0;
padding: 0;
}
.tour-package-details .package-info-tab .package-info-table tr th .included-list li,.tour-package-details .package-info-tab .package-info-table tr td .included-list li{
margin-top: 10px;
}
.tour-package-details .package-info-tab .package-info-table tr th .included-list li:first-child,.tour-package-details .package-info-tab .package-info-table tr td .included-list li:first-child{
margin-top: 0;
}
.tour-package-details .package-info-tab .package-info-table tr th .included-list li i,.tour-package-details .package-info-tab .package-info-table tr td .included-list li i{
margin-right: 15px;
color: #162b32;
}
.tour-package-details .package-info-tab .package-info-table tr th{
color: #2d373c;
}
.tour-package-details .package-info-tab .package-info-table tr td{
color: #666666;
}
.tour-package-details .package-info-tab .comment-section{
padding-top: 50px;
}
.tour-package-details .package-plan-tab p{
font-size: 16px;
line-height: 30px;
color: #666666;
padding-top: 15px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single{
border: none;
margin-top: 50px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button{
padding: 0 30px;
padding-left: 0;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 80px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button::after{
background-image: none;
content: "\f282";
font-family: bootstrap-icons !important;
height: auto;
width: auto;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button:focus{
box-shadow: none;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .paln-index-circle{
min-width: 75px;
height: 75px;
background: var(--c-primary);
display: flex;
justify-content: center;
align-items: center;
border: 5px solid rgba(22, 43, 50, 0.5);
border-radius: 50%;
font-weight: 700;
font-size: 32px;
color: #ffffff;
margin-right: 25px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .plan-title{
padding-bottom: 5px;
padding-top: 5px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .plan-title h5{
font-weight: 700;
font-size: 20px;
color: #2d373c;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .accordion-button .plan-title h6{
font-weight: 500;
font-size: 16px;
color: var(--c-primary);
padding-top: 8px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .plan-info{
padding-left: 0;
padding-top: 30px;
padding-bottom: 0;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .plan-info p{
padding-top: 0;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .plan-info ul{
padding-top: 8px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .plan-info ul li{
font-weight: 500;
font-size: 16px;
color: var(--c-primary);
padding-top: 7px;
}
.tour-package-details .package-plan-tab .plans-accordion .plans-accordion-single .plan-info ul li i{
color: #162b32;
margin-right: 8px;
}
.tour-package-details .package-gallary-tab .package-gallary-item{
overflow: hidden;
border-radius: 5px;
}
.tour-package-details .package-gallary-tab .package-gallary-item:hover img{
transform: scale(1.03);
}
.tour-package-details .package-gallary-tab .package-gallary-item img{
width: 100%;
transition: all 0.25s;
}
.tour-package-details .package-location-tab iframe{
width: 100%;
height: 550px;
}
.blog-category{
text-align: left;
background: #f1f8f8;
padding: 10px;
}
.blog-category h5{
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
color: #262339;
margin-right: 5px;
margin-bottom: 10px;
}
.blog-category ul{
margin: 0;
padding: 0;
}
.blog-category ul li{
display: inline-block;
font-weight: 500;
font-size: 14px;
border: 1px solid #ddd;
padding: 3px 10px;
margin-right: 10px;
transition: all 0.3s;
}
.blog-category ul li a{
color: #666666;
}
.blog-category ul li:hover{
border-color: var(--c-primary);
background: var(--c-primary);
cursor: pointer;
}
.blog-category ul li:hover a{
color: #fff;
}
.blog-thumb iframe{
display: inline-block;
width: 100%;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1019607843);
}
article:first-child .blog-card-gamma-full{
margin-top: 0;
}
.blog-card-gamma-full{
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px 5px 20px 20px;
margin-top: 35px;
overflow: hidden;
position: relative;
}
.blog-card-gamma-full:hover .blog-thumb img{
transform: scale(1.05) translateX(4px);
}
.blog-card-gamma-full:hover .blog-thumb .blog-lavel a{
background: #666666;
}
.blog-card-gamma-full .sticky-post-icon{
position: absolute;
right: 0;
top: 0;
background: var(--c-primary);
}
.blog-card-gamma-full .sticky-post-icon i{
color: #fff;
font-size: 22px;
}
.blog-card-gamma-full .blog-thumb{
position: relative;
overflow: hidden;
}
.blog-card-gamma-full .blog-thumb img{
max-width: 100%;
transition: all 0.3s ease-in;
}
.blog-card-gamma-full .blog-thumb .blog-lavel{
position: absolute;
top: 25px;
left: 25px;
}
.blog-card-gamma-full .blog-thumb .blog-lavel a{
font-family: var(--f-primary);
font-weight: 700;
font-size: 15px;
color: #ffffff;
display: inline-block;
background: var(--c-primary);
box-shadow: 0px 0px 15px rgba(206, 62, 38, 0.1);
border-radius: 3px;
padding: 7px 20px;
transition: all 0.3s;
}
.blog-card-gamma-full .blog-thumb .blog-lavel a i{
margin-right: 6px;
}
.blog-card-gamma-full .blog-content{
padding: 20px;
text-align: left;
}
.blog-card-gamma-full .blog-content .blog-body-top{
display: flex;
justify-content: left;
gap: 30px;
}
.blog-card-gamma-full .blog-content .blog-body-top a{
color: #696969;
font-size: 15px;
font-weight: 500;
}
.blog-card-gamma-full .blog-content .blog-body-top a i{
color: var(--c-primary);
margin-right: 6px;
}
.blog-card-gamma-full .blog-content .blog-title{
padding-top: 8px;
font-weight: 600;
line-height: 35px;
font-size: 20px;
color: #2d373c;
word-wrap: break-word;
}
.blog-card-gamma-full .blog-content .blog-title a{
color: inherit;
}
.blog-card-gamma-full .blog-content .blog-short-description{
margin: 10px 0;
text-align: left;
}
.blog-card-gamma-full .blog-content .read-more a > i{
position: relative;
top: 3px;
cursor: pointer;
}
.blog-card-gamma-full .blog-content .read-more{
font-weight: 500;
display: inline-block;
padding: 0;
border-radius: 4px;
margin-top: 12px;
line-height: 1;
transition: 0.3s;
}
.blog-card-gamma-full .blog-content .read-more:hover{
box-shadow: 0px 0px 2px #ddd;
}
.blog-card-gamma-full .blog-content .read-more:hover a{
color: #2d373c;
transition: 0.4s all ease;
}
.error-area-wrapper h3{
font-size: 35px;
font-weight: 600;
}
.error-area-wrapper p{
font-size: 20px;
font-weight: 400;
margin-top: 30px;
}
.blog-sidebar .blog-widget{
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
margin-top: 30px;
}
.blog-sidebar .blog-widget:first-child{
margin-top: 0;
}
.blog-sidebar .blog-widget .widget-title{
border-bottom: 1px solid #eeeeee;
margin-bottom: 20px;
}
.blog-sidebar .blog-widget .widget-title h4{
font-weight: 600;
font-size: 20px;
color: #2d373c;
margin-bottom: 20px;
}
.blog-sidebar .blog-widget .widget-body{
list-style-type: none;
}
.blog-sidebar .widget-search .search-input-group{
display: flex;
height: 44px;
}
.blog-sidebar .widget-search .search-input-group input{
height: 100%;
background: #f5f5f5;
border-radius: 44px 0 0 44px;
padding: 10px 15px;
}
.blog-sidebar .widget-search .search-input-group input::-moz-placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.blog-sidebar .widget-search .search-input-group input:-ms-input-placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.blog-sidebar .widget-search .search-input-group input::placeholder{
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.blog-sidebar .widget-search .search-input-group input:focus{
border: none;
}
.blog-sidebar .widget-search .search-input-group button{
border: none;
font-weight: 700;
font-size: 14px;
color: #ffffff;
background: var(--c-primary);
padding-left: 20px;
padding-right: 20px;
border-radius: 0 44px 44px 0;
margin-left: -1px;
}
.blog-sidebar .widget-search .search-input-group button:hover{
background: hsl(5deg, 100%, 68%);
}
.blog-sidebar .widget-categories ul li{
padding-top: 15px;
}
.blog-sidebar .widget-categories ul li:first-child{
padding-top: 0;
}
.blog-sidebar .widget-categories ul li a{
font-weight: 500;
font-size: 16px;
color: #2d373c;
transition: all 0.2s;
}
.blog-sidebar .widget-categories ul li a:hover{
color: var(--c-primary);
}
.blog-sidebar .widget-categories ul li a:hover h6{
transform: translateX(5px);
}
.blog-sidebar .widget-categories ul li a h6{
display: inline-block;
transition: all 0.35s;
}
.blog-sidebar .widget-categories ul li a h6 i{
margin-right: 8px;
font-size: 14px;
}
.blog-sidebar .widget-categories ul li a span{
float: right;
}
.blog-sidebar .widget-tag-cloud .tag-cloud a{
display: inline-block;
font-weight: 500;
font-size: 14px;
color: #2d373c;
border: 1px solid rgba(45, 55, 60, 0.3019607843);
padding: 6px 18px;
margin-right: 12px;
margin-top: 12px;
transition: all 0.3s;
}
.blog-sidebar .widget-tag-cloud .tag-cloud a:hover{
border-color: var(--c-primary);
background: var(--c-primary);
color: #fff;
}
.blog-sidebar .widget-gallary ul{
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, auto);
}
.blog-sidebar .widget-gallary ul li img{
width: 100%;
}
.blog-sidebar .widget-recent-entries-custom ul li{
display: table;
margin-top: 25px;
}
.blog-sidebar .widget-recent-entries-custom ul li:first-child{
margin-top: 0;
}
.widget-tag-cloud .tag-cloud a{
display: inline-block;
font-weight: 500;
font-size: 14px;
color: #2d373c;
border: 1px solid rgba(45, 55, 60, 0.3019607843);
padding: 6px 18px;
margin: 6px 12px 6px 0px;
transition: all 0.3s;
}
.widget-tag-cloud .tag-cloud a:hover{
border-color: var(--c-primary);
background: var(--c-primary);
color: #fff;
}
.widget-recent-entries-custom ul li{
display: table;
margin-top: 25px;
}
.widget-recent-entries-custom ul li:first-child{
margin-top: 0;
}
.widget-categories ul li{
padding-top: 15px;
}
.widget-categories ul li:first-child{
padding-top: 0;
}
.widget-categories ul li a{
font-weight: 500;
font-size: 16px;
color: #2d373c;
transition: all 0.2s;
}
.widget-categories ul li a:hover{
color: var(--c-primary);
}
.widget-categories ul li a:hover h6{
transform: translateX(5px);
}
.widget-categories ul li a h6{
display: inline-block;
transition: all 0.35s;
}
.widget-categories ul li a h6 i{
margin-right: 8px;
font-size: 14px;
}
.widget-categories ul li a span{
float: right;
}
.blog-details-wrapper{
padding: 110px 0;
}
.post-body p{
font-size: 16px;
line-height: 28px;
color: #666666;
margin-top: 20px;
}
.post-body .post-innner-image img{
width: 100%;
}
.post-body .post-innner-image{
margin-top: 40px;
margin-bottom: 40px;
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
margin-top: 10px;
}
.post-body:first-child h1,.post-body:first-child h2,.post-body:first-child h3,.post-body:first-child h4,.post-body:first-child h5,.post-body:first-child h6{
margin-top: 0;
}
.blog-details-wrapper .blog-details .post-thumb .post-media iframe{
width: 100%;
}
.blog-details-wrapper .blog-details .post-thumb img{
border-radius: 5px;
max-width: 100%;
}
.blog-details-wrapper .blog-details .post-body{
margin-top: 20px;
}
.blog-details-wrapper .blog-details .post-header .post-title{
font-weight: 600;
font-size: 30px;
line-height: 45px;
color: #2d373c;
}
.blog-details-wrapper .blog-details .post-header .post-meta{
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: start;
}
.blog-details-wrapper .blog-details .post-header .post-meta a{
color: #696969;
display: inline-block;
font-size: 15px;
font-weight: 500;
margin-right: 20px;
transition: 0.2s;
}
.blog-details-wrapper .blog-details .post-header .post-meta a i{
margin-right: 6px;
color: var(--c-primary);
}
.blog-details-wrapper .blog-details .post-footer{
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 0;
border-top: 1px solid rgba(45, 55, 60, 0.2);
border-bottom: 1px solid rgba(45, 55, 60, 0.2);
margin-top: 42px;
width: 100%;
}
.blog-details-wrapper .blog-details .post-footer .next-prev-link a{
font-weight: 600;
font-size: 15px;
color: #162b32;
display: inline-flex;
}
.blog-details-wrapper .blog-details .post-footer .next-prev-link a:hover{
color: var(--c-primary);
}
.blog-details-wrapper .blog-details .post-footer .next-post-link{
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #2d373c;
padding: 0 40px;
word-break: break-all;
}
.comment-section{
margin-top: 30px;
}
.comment-section h4{
font-weight: 600;
font-size: 24px;
color: #2d373c;
margin-bottom: 30px;
padding-bottom: 20px;
}
.comment-section h4::after{
content: "";
height: 3px;
width: 40px;
background-color: var(--c-primary);
position: absolute;
bottom: 0;
left: 0;
}
.comment-section .comment-list{
list-style-type: none;
margin-top: 60px;
}
.comment-section .comment-list:first-child{
margin-top: 50px;
}
.comment-section .comment-list li{
width: 100%;
}
.comment-section .comment-list ul.children{
margin-left: 40px;
list-style-type: none;
}
.comment-section .comment-list ul.children li.comment:last-child{
margin-bottom: 20px;
}
.comment-section .comment-list li.comment{
margin: 20px 0;
border-radius: 5px;
border: 1px solid #eee;
display: flex;
padding: 20px;
gap: 10px;
}
.comment-section .comment-list li.comment:last-child{
margin-bottom: 0;
}
.comment-section .comment-list li.comment > .comment{
padding: 0 10px;
}
.comment-section .comment-list .comment{
width: 100%;
list-style-type: none;
position: relative;
}
.comment-section .comment-list .comment .info h6{
font-weight: 600;
font-size: 20px;
color: #1a2c42;
margin-bottom: 3px;
}
.comment-section .comment-list .comment .info span{
font-size: 13px;
color: var(--c-primary);
font-weight: 500;
}
.comment-section .comment-list .comment p{
font-size: 16px;
line-height: 30px;
padding-top: 5px;
color: #666666;
}
.comment-section .comment-list .comment:hover a{
color: var(--c-primary);
}
.comment-section .comment-list .comment a{
font-weight: 700;
font-size: 15px;
color: #162b32;
transition: 0.3s;
}
.comment-section .comment-list .comment a i{
margin-right: 7px;
}
.comment-btn{
margin-top: 24px;
}
.comment-btn a{
font-weight: 600;
font-size: 17px;
color: #666666;
display: inline-block;
}
.comment-form-wrapper{
padding: 30px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
}
.comment-form-wrapper .comment-rating{
margin-top: 10px;
}
.comment-form-wrapper .comment-rating > label{
font-weight: 600;
}
.footer-area{
overflow: hidden;
}
.footer-area .footer-main-wrapper{
background: #2d373c;
padding: 80px 0;
position: relative;
z-index: 1;
}
.footer-area .footer-main-wrapper .footer-vactor{
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
z-index: -1;
}
.footer-area .footer-main-wrapper .footer-vactor img{
max-width: 100%;
}
.footer-area .footer-main-wrapper .footer-widget{
color: #fff;
}
.footer-area .footer-main-wrapper .footer-widget > h4,.footer-area .footer-main-wrapper .footer-widget figure{
margin-bottom: 30px;
font-weight: 700;
font-size: 25px;
}
.footer-area .footer-main-wrapper .footer-widget p{
font-size: 15px;
}
.footer-area .footer-main-wrapper .footer-widget:nth-child(2){
padding-top: 0;
}
.footer-area .footer-main-wrapper .footer-widget:nth-child(3){
padding-top: 0;
}
.footer-area .footer-main-wrapper .footer-widget:nth-child(4){
padding-top: 0;
}
.footer-area .footer-main-wrapper .footer-widget > h3{
font-family: var(--f-primary);
font-weight: 700;
font-size: 25px;
color: #ffffff;
padding-bottom: 5px;
}
.footer-area .footer-main-wrapper .footer-widget ul{
list-style-type: none;
padding: 0;
}
.footer-area .footer-main-wrapper .footer-widget ul li{
padding-top: 10px;
}
.footer-area .footer-main-wrapper .footer-widget ul li:first-child{
padding-top: 0;
}
.footer-area .footer-main-wrapper .footer-widget ul li a{
display: inline-block;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.02em;
color: #ffffff;
position: relative;
transition: all 0.35s;
}
.footer-area .footer-main-wrapper .footer-widget ul li a:hover{
transform: translateX(14px);
}
.footer-area .footer-main-wrapper .footer-widget ul li a:hover::before{
opacity: 1;
}
.footer-area .footer-main-wrapper .footer-widget ul li a::before{
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
left: -12px;
height: 5px;
width: 5px;
background: var(--c-primary);
border-radius: 50%;
opacity: 0;
transition: all 0.35s;
}
.footer-area .footer-contact-wrapper{
color: #fff;
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
padding: 22px 0 !important;
margin-top: 80px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-area .footer-contact-wrapper h5{
font-weight: 700;
font-size: 25px;
color: #ffffff;
}
.footer-area .footer-contact-wrapper .footer-contact-list{
display: flex;
flex-wrap: wrap;
list-style: none;
list-style-type: none;
margin: 0;
}
.footer-area .footer-contact-wrapper .footer-contact-list li{
margin-right: 60px;
font-weight: 600;
font-size: 20px;
color: #ffffff;
}
.footer-area .footer-contact-wrapper .footer-contact-list li:last-child{
margin-right: 0;
}
.footer-area .footer-contact-wrapper .footer-contact-list li i{
margin-right: 5px;
}
.footer-area .footer-contact-wrapper .footer-contact-list li a{
color: inherit;
}
.footer-area .footer-bottom{
background: #162b32;
color: #fff;
padding: 13px 0;
}
.footer-area .footer-bottom .copyright-link{
padding: 10px 0;
}
.footer-area .footer-bottom .copyright-link p{
font-size: 14px;
color: #ffffff;
}
.footer-area .footer-bottom .copyright-link p a{
color: inherit;
}
.contact-form-wrap{
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
padding: 40px;
}
.contact-form-wrap h4{
font-weight: 700;
font-size: 25px;
color: #2d373c;
}
.contact-form-wrap p{
font-size: 16px;
color: #5c5c5c;
margin-top: 10px;
}
.wp-block-tag-cloud{
padding-top: 12px;
}
.wp-block-tag-cloud a{
display: inline-block;
font-weight: 500;
font-size: 14px;
color: #2d373c;
border: 1px solid rgba(45, 55, 60, 0.3019607843);
padding: 6px 18px;
margin-right: 12px;
margin-top: 12px;
transition: all 0.3s;
}
.wp-block-tag-cloud a:hover{
border-color: var(--c-primary);
background: var(--c-primary);
color: #fff !important;
}
.package-details-wrapper{
padding-bottom: 120px;
}
.booking-form-wrapper .custom-input-group textarea{
background: #fff;
margin-top: 20px;
}
.comment-rating-wrapper{
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
padding-top: 20px;
}
ul.menu-copy-right-menu{
list-style-type: none;
}
.error-area-wrapper form#searchform{
max-width: 700px;
margin: 0px auto;
}
.error-area-wrapper form#searchform .search-input-group{
display: flex;
}
.error-area-wrapper form#searchform .search-input-group input{
height: 100%;
background: #f5f5f5;
border-radius: 44px 0 0 44px;
padding: 10px 15px;
display: block;
}
.error-area-wrapper form#searchform .search-input-group input:focus{
box-shadow: none;
border: 1px solid #54a15d;
}
.error-area-wrapper form#searchform .search-input-group button{
border: none;
font-weight: 700;
font-size: 14px;
color: #ffffff;
background: var(--c-primary);
padding-left: 20px;
padding-right: 20px;
border-radius: 0 44px 44px 0;
margin-left: -1px;
}
.package-location-tab embed{
width: 100%;
height: 420px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: var(--c-primary);
}