@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;
}
.mb-40 {
margin-bottom: 40px;
}
.pt-110 {
padding-top: 110px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-120 {
padding-bottom: 120px;
}
.pt-120 {
padding-top: 120px;
}
.pt-100 {
padding-top: 100px;
}
.pt-76 {
padding-top: 76px;
}
.pt-80 {
padding-top: 80px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.mt-80 {
margin-top: 80px;
}
.mt-60 {
margin-top: 60px;
}
.mt-50 {
margin-top: 50px;
}
.mt-85 {
margin-top: 85px;
}
.mt-94 {
margin-top: 94px;
}
.mt-95 {
margin-top: 95px;
}
.mt-110 {
margin-top: 110px;
}
.mt-120 {
margin-top: 120px;
}
.mt-100 {
margin-top: 100px;
}
.mt-105 {
margin-top: 105px;
}
.mt-115 {
margin-top: 115px;
}
.mt-60 {
margin-top: 60px;
}
.mt-30 {
margin-top: 30px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-105 {
margin-bottom: 105px;
}
.mb-110 {
margin-bottom: 110px;
}
.mb-115 {
margin-bottom: 115px;
}
.mb-120 {
margin-bottom: 120px;
}
ins,
a {
text-decoration: none !important;
} input[type=text], .contact-from-wrapper2 .form-inner textarea[type=text],
input[type=phone],
.contact-from-wrapper2 .form-inner textarea[type=phone],
input[type=number],
.contact-from-wrapper2 .form-inner textarea[type=number],
input[type=tel],
.contact-from-wrapper2 .form-inner textarea[type=tel],
input[type=email],
.contact-from-wrapper2 .form-inner textarea[type=email],
input[type=website],
.contact-from-wrapper2 .form-inner textarea[type=website] {
padding: 8px 15px;
display: block;
width: 100%;
background: #ffffff;
border: 1px solid #eee;
border-radius: 5px;
height: 45px;
}
input:focus, .contact-from-wrapper2 .form-inner textarea:focus {
outline: none !important;
border: 1px solid rgb(194, 124, 124);
}
input[type=submit], .contact-from-wrapper2 .form-inner textarea[type=submit] {
background: #000000;
border: none;
color: #fff;
padding: 10px 20px;
border: 1px solid #000000;
text-transform: uppercase;
}
input[type=submit]:hover, .contact-from-wrapper2 .form-inner textarea[type=submit]:hover {
background: #ffffff;
color: #000000;
}
input[type=submit]:focus, .contact-from-wrapper2 .form-inner textarea[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;
} .accordion-item.faq-accordion {
margin-top: 30px;
border-bottom: none;
}
.accordion-item.faq-accordion .accordion-header .accordion-button {
background: #162b32;
border-radius: 5px 5px 0px 0px;
font-weight: 500;
font-size: 20px;
color: #ffffff;
padding: 15px 15px 15px 20px;
}
.accordion-item.faq-accordion .accordion-header .accordion-button::after {
background-image: none;
content: "\f282";
font-family: bootstrap-icons !important;
height: auto;
width: auto;
}
.accordion-item.faq-accordion .accordion-header .accordion-button:focus {
box-shadow: none;
}
.accordion-item.faq-accordion .accordion-collapse .accordion-body {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 0px 0px 5px 5px;
padding: 20px 30px;
}
.accordion-item.faq-accordion .accordion-collapse .accordion-body p {
font-size: 16px;
line-height: 30px;
color: #666666;
}
.accordion-item.faq-accordion .accordion-collapse .accordion-body .faq-list li {
padding-top: 12px;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.02em;
color: #2d373c;
}
.accordion-item.faq-accordion .accordion-collapse .accordion-body .faq-list li strong {
font-weight: 600;
}
.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;
}
.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);
}
.ui-datepicker {
background: #ffffff;
}
.ui-datepicker-header {
height: 50px;
line-height: 45px;
color: #ffffff;
background: var(--c-primary);
}
.ui-datepicker-prev,
.ui-datepicker-next {
position: relative;
width: 20px;
height: 20px;
text-indent: 9999px;
border-radius: 100%;
cursor: pointer;
overflow: hidden;
margin-top: 12px;
}
.ui-datepicker-prev {
float: left;
margin-left: 12px;
}
.ui-datepicker-prev:after {
transform: rotate(45deg);
margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
float: right;
margin-right: 12px;
}
.ui-datepicker-next:after {
transform: rotate(-135deg);
margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
content: "";
position: absolute;
display: block;
width: 8px;
height: 8px;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
border-color: #eee;
}
.ui-datepicker-title {
text-align: center;
font-size: 18px;
}
.ui-datepicker-calendar {
width: 100%;
text-align: center;
}
.ui-datepicker-calendar tr td,
.ui-datepicker-calendar table tbody tr th,
.ui-datepicker-calendar table thead tr td,
.ui-datepicker-calendar table thead tr th,
.ui-datepicker-calendar table tfoot tr td,
.ui-datepicker-calendar table tfoot tr th {
padding: 0 !important;
}
.ui-datepicker-calendar thead tr th span {
display: block;
width: 15px;
color: var(--c-primary);
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
}
.ui-state-default {
display: block;
text-decoration: none;
color: #333333;
line-height: 2;
font-size: 14px;
}
.ui-state-default:hover {
color: #ffffff;
background: var(--c-primary);
border-radius: 50px;
transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-state-highlight {
color: #ffffff;
background-color: var(--c-primary);
border-radius: 0;
}
.ui-state-active {
color: #ffffff;
background-color: var(--c-primary);
border-radius: 50px;
}
.ui-datepicker-unselectable .ui-state-default {
color: #eee;
border: 2px solid transparent;
} .preloader-close-btn {
position: absolute;
right: 20px;
top: 30px;
font-size: 16px;
transition: ease-in-out 0.5s linear;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
}
.egns-preloader.close {
display: none;
visibility: hidden;
}
.egns-preloader {
min-width: 100%;
min-height: 100%;
position: fixed !important;
z-index: 999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
}
.egns-preloader::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100vh;
background: #fff;
z-index: -1;
}
.circle-border {
width: 100%;
max-width: 140px;
height: 100%;
max-height: 140px;
border: 0 solid var(--c-primary);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
border-radius: 50%;
box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
}
.circle-border svg {
fill: var(--c-primary);
}
.circle-border svg path {
stroke: var(--c-primary);
}
.circle-border .moving-circle {
width: 10px;
height: 10px;
background: var(--c-primary);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
-webkit-animation: circle 2s linear infinite;
animation: circle 2s linear infinite;
}
.circle-border .moving-circle:nth-child(2) {
width: 10px;
height: 10px;
background: var(--c-primary);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
-webkit-animation: circle 2.25s linear infinite;
animation: circle 2.25s linear infinite;
}
.circle-border .moving-circle:nth-child(3) {
width: 10px;
height: 10px;
background: var(--c-primary);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
-webkit-animation: circle 2.5s linear infinite;
animation: circle 2.5s linear infinite;
}
@-webkit-keyframes circle {
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
@keyframes circle {
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
#outline {
stroke-dasharray: 2.42777px, 242.77666px;
stroke-dashoffset: 0;
-webkit-animation: anim 1.6s linear infinite;
animation: anim 1.6s linear infinite;
}
@-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;
}
}  .pagination-wrap .page-item.active a {
z-index: 3;
color: #fff;
background-color: #54a15d;
border-color: #54a15d;
}
.pagination-wrap .pagination {
margin: 0;
}
.pagination-wrap a {
position: relative;
display: block;
font-size: 16px;
font-weight: 600;
text-decoration: none;
background-color: var(--white);
border-radius: 5px;
transition: 0.42s ease;
border: 1px solid rgba(129, 221, 140, 0.3);
border-radius: 5px;
color: #54a15d;
padding: 7px 10px;
}
.pagination-wrap a svg {
fill: var(--primary-color);
}
.pagination-wrap a:focus {
box-shadow: unset;
color: #fff;
background-color: #54a15d;
border-color: #54a15d;
}
.pagination-wrap a:hover {
color: #fff;
background-color: #54a15d;
border-color: #54a15d;
}
.pagination-wrap a:hover svg {
fill: var(--white);
}
.pagination-wrap .page-item.active a {
z-index: 3;
color: #fff;
background-color: #54a15d;
border-color: #54a15d;
} .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 .contact-from-wrapper2 .form-inner textarea,
.contact-from-wrapper2 .form-inner .custom-input-group textarea,
.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 .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .custom-input-group textarea::-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 .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .custom-input-group textarea:-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 .contact-from-wrapper2 .form-inner textarea::placeholder,
.contact-from-wrapper2 .form-inner .custom-input-group textarea::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,
.custom-input-group .contact-from-wrapper2 .form-inner textarea,
.contact-from-wrapper2 .form-inner .custom-input-group textarea {
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,
.custom-input-group .contact-from-wrapper2 .form-inner textarea:focus,
.contact-from-wrapper2 .form-inner .custom-input-group textarea: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: 10px;
}
.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;
}
.section-head-alpha {
max-width: 710px;
}
.section-head-alpha h2 {
font-weight: 800;
font-size: 35px;
line-height: 42px;
color: #2d373c;
}
.section-head-alpha p {
padding-top: 10px;
font-size: 16px;
line-height: 28px;
color: #666666;
}
.heading-section .heading-title h2 {
font-size: 45px;
}
.heading-section .heading-title h1,
.heading-section .heading-title h2,
.heading-section .heading-title h3,
.heading-section .heading-title h4,
.heading-section .heading-title h5,
.heading-section .heading-title h6,
.heading-section .heading-title span,
.heading-section .heading-title div,
.heading-section .heading-title p {
font-weight: 800;
color: #2d373c;
}
.heading-section .heading-subtitle h4 {
font-size: 22px;
font-family: "satisfy";
margin-bottom: 10px;
color: var(--c-primary);
}
.heading-section p {
padding-top: 10px;
font-size: 16px;
line-height: 28px;
color: #666666;
}
.section-head-alpha h2 {
font-size: 35px;
font-weight: 800;
line-height: 42px;
color: #2d373c;
}
.section-head-alpha p {
padding-top: 10px;
font-size: 16px;
line-height: 28px;
color: #666666;
}
.section-head-theta {
max-width: 710px;
padding-bottom: 50px;
}
.section-head-theta h2 {
font-weight: 800;
font-size: 35px;
line-height: 42px;
color: #fff;
margin-top: -7px;
}
.section-head-theta p {
padding-top: 10px;
font-size: 16px;
color: #fff;
}
.section-head-theta.section-padding-15 {
padding-bottom: 15px;
}
.section-head-gamma h2 {
font-weight: 700;
font-size: 30px;
color: #2d373c;
font-family: var(--f-primary);
} .button-fill-primary {
font-weight: 600;
font-size: 16px;
color: #ffffff;
background: var(--c-primary);
display: inline-block;
padding: 9px 25px;
border: 1px solid var(--c-primary);
box-sizing: border-box;
transition: all 0.4s;
}
.button-fill-primary:hover {
color: var(--c-primary);
background: transparent;
border: 1px solid var(--c-primary);
}
.button-outlined-primary {
font-weight: 600;
font-size: 16px;
color: var(--c-primary);
background: transparent;
display: inline-block;
padding: 9px 25px;
border: 2px solid var(--c-primary);
box-sizing: border-box;
transition: all 0.4s;
}
.button-outlined-primary:hover {
background: var(--c-primary);
color: #fff;
}
.button-fill-round {
font-weight: 600;
font-size: 18px;
color: #ffffff;
background: var(--c-primary);
border-radius: 30px;
display: inline-block;
padding: 9px 42px;
border: 2px solid var(--c-primary);
transition: all 0.35s;
}
.button-fill-round:hover {
color: var(--c-primary);
background: transparent;
}
.btn--lg {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
padding: 12px 35px;
}
@media (max-width: 767px) {
.btn--lg {
padding: 12px 25px;
}
} .custom-swiper-next,
.custom-swiper-prev {
align-items: center;
background: transparent;
border: 2px solid #81dd8c;
border-radius: 50%;
box-sizing: border-box;
color: var(--c-primary);
display: flex;
height: 30px;
justify-content: center;
opacity: 0.7;
width: 30px;
}
.custom-swiper-next:hover,
.custom-swiper-prev:hover {
opacity: 1;
border: 2px solid var(--c-primary);
}
.custom-swiper-next:hover i,
.custom-swiper-prev:hover i {
color: var(--c-primary);
font-size: 16px;
}
.custom-swiper-next i,
.custom-swiper-prev i {
color: #81dd8c;
font-size: 16px;
}
.custom-swiper-next-sm,
.custom-swiper-prev-sm {
background: #ffffff;
border: 1px solid var(--c-primary);
box-sizing: border-box;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.custom-swiper-next-sm i,
.custom-swiper-prev-sm i {
color: var(--c-primary);
font-size: 14px;
}
.slider-arrows .custom-swiper-prev {
margin-right: 50px;
} .breadcrumb-style-one {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 150px 0;
background-image: url(//360monte.me/wp-content/themes/turio/assets/images/banner/breadcrumb-bg.png);
}
.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.active.first-child::before {
display: none;
}
.breadcrumb-style-one .breadcrumb-items .breadcrumb-item a {
color: inherit;
} .pagination-style-one {
align-items: baseline;
}
.pagination-style-one .page-label {
font-size: 18px;
font-weight: 500;
margin-right: 10px;
}
.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);
}  .topbar-style-one {
background: #2d373c;
position: relative;
z-index: 1;
}
.topbar-style-one .topbar-contact-left .contact-list {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 10px 0 11px;
}
.topbar-style-one .topbar-contact-left .contact-list li {
margin-right: 20px;
font-weight: 600;
font-size: 13px;
color: #fff;
}
.topbar-style-one .topbar-contact-left .contact-list li a {
color: inherit;
}
.topbar-style-one .topbar-contact-left .contact-list li:last-child {
margin-right: 0;
}
.topbar-style-one .topbar-contact-left .contact-list li i {
margin-right: 5px;
}
.topbar-style-one .topbar-ad a {
display: inline-block;
font-weight: 600;
font-size: 17px;
line-height: 20px;
color: #ffffff;
background: var(--c-primary);
padding: 13px 50px;
}
.topbar-style-one .topbar-social-links {
display: flex;
list-style: none;
margin: 0;
padding: 10px 0 11px;
}
.topbar-style-one .topbar-social-links li {
margin-right: 13px;
}
.topbar-style-one .topbar-social-links li:last-child {
margin-right: 0;
}
.topbar-style-one .topbar-social-links li i {
color: #fff;
font-size: 18px;
background: var(--c-primary);
width: 25px;
height: 25px;
border-radius: 90%;
text-align: center;
}
.topbar-style-one .topbar-social-links li i:hover {
color: var(--c-primary);
background: #fff;
transition: all 0.3s;
}
.topbar-style-one .topbar-social-links li i::before {
vertical-align: middle;
}  .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.newes {
position: absolute;
left: 0;
background-color: rgba(25, 26, 28, 0.6);
padding: 0 3%;
width: 100%;
z-index: 10;
}
header .header-style-one.newes.sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
background-color: rgba(25, 26, 28, 0.9);
-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.newes .main-nav-wrapper {
padding-left: 20px;
}
header .header-style-one.newes .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-color: rgba(25, 26, 28, 0.6);
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.newes .main-nav-wrapper ul li .sub-menu li .sub-menu {
right: -220px;
left: inherit;
top: 0;
}
header .header-style-one.newes .main-nav-wrapper ul li .sub-menu > li {
display: block;
margin: 0;
position: relative;
}
header .header-style-one.newes .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.newes .main-nav-wrapper .fl:before {
font-size: 14px;
text-align: center;
line-height: 35px;
}
header .header-style-one.newes .main-nav-wrapper > ul > li + li > .sub-menu {
left: 15px;
}
header .header-style-one.newes .main-nav-wrapper > ul > li:hover > .sub-menu {
transform: scale(1);
visibility: visible;
opacity: 1;
}
header .header-style-one.newes .main-nav-wrapper ul li .sub-menu li:hover > .sub-menu,
header .header-style-one.newes .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.newes .main-nav-wrapper ul {
margin: 0;
list-style: none;
}
header .header-style-one.newes .main-nav-wrapper ul li {
display: inline-block;
position: relative;
padding: 0 18px;
}
header .header-style-one.newes .main-nav-wrapper ul li:last-child {
padding-right: 0;
}
header .header-style-one.newes .main-nav-wrapper ul li:hover > a {
color: var(--c-primary);
}
header .header-style-one.newes .main-nav-wrapper ul li:hover > a::before {
opacity: 1;
background: var(--c-primary);
}
header .header-style-one.newes .main-nav-wrapper ul li a {
font-size: 14px;
color: #fff;
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.newes .main-nav-wrapper ul li ul.sub-menu > li {
padding: 0;
transition: all 0.3s ease-in-out;
}
header .header-style-one.newes .main-nav-wrapper ul li ul.sub-menu > li a {
display: block;
padding: 12px 15px;
color: #fff;
line-height: 18px;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
header .header-style-one.newes .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.newes .main-nav-wrapper ul li ul.sub-menu > li:hover {
background: var(--c-primary);
}
header .header-style-one.newes .main-nav-wrapper ul li ul.sub-menu > li:hover > a {
color: #2d373c;
}
header .header-style-one.newes .main-nav-wrapper ul li ul.sub-menu > li:hover::before {
opacity: 0;
}
}
header .header-style-one.newes .main-nav-wrapper ul li ul.sub-menu > li.menu-item-has-children:after {
top: 13px;
margin-right: 13px;
}
header .header-style-one.newes .main-nav-wrapper ul li ul.sub-menu > li.menu-item-has-children:hover::after {
color: #fff;
}
header .header-style-one.newes .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.newes .main-nav-wrapper ul li:hover.menu-item-has-children:after {
transform: rotate(-180deg);
}
header .header-style-one.newes .main-nav-wrapper > ul > li > a.active {
color: var(--c-primary);
font-weight: 600;
font-size: 14px;
}
header .header-style-one.newes .nav-right {
display: flex;
align-items: center;
height: 100%;
}
header .header-style-one.newes .nav-right .hotline-info {
margin-left: 15px;
}
header .header-style-one.newes .nav-right .nav-actions {
display: flex;
margin: 0;
}
header .header-style-one.newes .nav-right .nav-actions li {
margin-right: 30px;
display: inline-flex;
}
header .header-style-one.newes .nav-right .nav-actions li:last-child {
margin-right: 0;
}
header .header-style-one.newes .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: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
header .header-style-one.newes .nav-right .nav-actions li i:hover {
background: var(--c-primary);
color: #fff;
}
.set-menu {
padding: 18px 0;
} 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 .user-dropdown {
position: relative;
}
header .header-style-two .nav-right-icons .user-dropdown .user-drop-list {
background: #162b32;
position: absolute;
z-index: 2;
min-width: 190px;
padding: 25px 20px;
color: #fff;
right: 0;
top: 57px;
opacity: 0;
transform: scale(0);
transform-origin: 100% 0%;
visibility: hidden;
transition: all 0.3s;
}
header .header-style-two .nav-right-icons .user-dropdown .user-drop-list.account-drop-active {
opacity: 1;
visibility: visible;
transform: scale(1);
}
header .header-style-two .nav-right-icons .user-dropdown .user-drop-list li {
margin-top: 10px;
}
header .header-style-two .nav-right-icons .user-dropdown .user-drop-list li:first-child {
margin-top: 0;
}
header .header-style-two .nav-right-icons .user-dropdown .user-drop-list li a {
color: hsl(0deg, 0%, 65%);
font-size: 14px;
font-weight: 500;
}
header .header-style-two .nav-right-icons .user-dropdown .user-drop-list li a:hover {
color: var(--c-primary);
}
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 .header-style-two .nav-right .nav-right-hotline .hotline-icon i {
color: #fff;
font-size: 30px;
color: var(--c-primary);
}
header .header-style-two .nav-right .nav-right-hotline .hotline-info {
margin-left: 10px;
}
header .header-style-two .nav-right .nav-right-hotline .hotline-info span {
font-weight: 600;
font-size: 12px;
color: #ffffff;
}
header .header-style-two .nav-right .nav-right-hotline .hotline-info h6 {
font-weight: 700;
font-size: 14px;
color: #ffffff;
color: #fff;
padding-top: 2px;
}
header .header-style-two .nav-right .nav-right-hotline .hotline-info h6 a {
color: inherit;
} .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 .user-dropdown {
position: relative;
}
header .header-style-three .nav-right-icons .user-dropdown .user-drop-list {
background: #000;
position: absolute;
z-index: 2;
min-width: 190px;
padding: 25px 20px;
color: white;
right: 0;
top: 57px;
opacity: 0;
transform: scale(0);
transform-origin: 100% 0%;
visibility: hidden;
transition: all 0.3s;
}
header .header-style-three .nav-right-icons .user-dropdown .user-drop-list.account-drop-active {
opacity: 1;
visibility: visible;
transform: scale(1);
z-index: 6;
}
header .header-style-three .nav-right-icons .user-dropdown .user-drop-list li {
margin-top: 10px;
}
header .header-style-three .nav-right-icons .user-dropdown .user-drop-list li:first-child {
margin-top: 0;
}
header .header-style-three .nav-right-icons .user-dropdown .user-drop-list li a {
color: hsl(0deg, 0%, 65%);
font-size: 14px;
font-weight: 500;
}
header .header-style-three .nav-right-icons .user-dropdown .user-drop-list li a:hover {
color: var(--c-primary);
}
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;
}
header .header-style-three .nav-right .nav-right-hotline .hotline-icon i {
color: #fff;
font-size: 30px;
}
header .header-style-three .nav-right .nav-right-hotline .hotline-info {
margin-left: 10px;
}
header .header-style-three .nav-right .nav-right-hotline .hotline-info span {
font-weight: 600;
font-size: 12px;
color: #ffffff;
margin-top: -3px;
display: block;
}
header .header-style-three .nav-right .nav-right-hotline .hotline-info h6 {
font-weight: 600;
font-size: 14px;
color: #ffffff;
color: #fff;
}
header .header-style-three .nav-right .nav-right-hotline .hotline-info h6 a {
color: inherit;
}
.hotline-phone-icon svg {
fill: #fff;
}  .hero-style-one {
position: relative;
}
.hero-style-one .hero-pagination {
position: absolute;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
right: 120px;
top: 50%;
left: auto;
transform: translateY(-50%);
z-index: 2;
font-weight: 800;
font-size: 110px;
letter-spacing: 0.08em;
opacity: 0.3;
background-position: bottom;
color: transparent;
}
.hero-style-one .slider-arrows {
display: flex;
position: absolute;
bottom: 70px;
right: 120px;
z-index: 2;
}
.hero-style-one .slider-arrows .hero-next,
.hero-style-one .slider-arrows .hero-prev {
font-weight: 600;
font-size: 16px;
color: #b8b8b8;
opacity: 0.7;
display: flex;
align-items: center;
font-style: italic;
}
.hero-style-one .slider-arrows .hero-next:hover,
.hero-style-one .slider-arrows .hero-prev:hover {
opacity: 1;
}
.hero-style-one .slider-arrows .hero-next {
margin-left: 50px;
}
.hero-style-one .slider-arrows .hero-next i {
margin-left: 5px;
}
.hero-style-one .slider-arrows .hero-prev i {
margin-right: 5px;
}
.hero-style-one .swiper-slide.swiper-slide-active .hero-single-slide .hero-highlighted-bg img {
transform: scale(1);
}
.hero-style-one .swiper-slide.swiper-slide-active .hero-single-slide .hero-content-bg .hero-content h2 {
opacity: 1;
transform: translateY(0px);
}
.hero-style-one .swiper-slide.swiper-slide-active .hero-single-slide .hero-content-bg .hero-content p {
opacity: 1;
transform: translateY(0px);
max-width: 800px;
margin: 0px auto;
}
.hero-style-one .swiper-slide.swiper-slide-active .hero-single-slide .hero-content-bg .hero-content .hero-btns {
opacity: 1;
transform: translateY(0px);
}
.hero-style-one .hero-single-slide {
min-height: 750px;
}
.hero-style-one .hero-single-slide .hero-highlighted-bg {
height: 100%;
overflow: hidden;
}
.hero-style-one .hero-single-slide .hero-highlighted-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.4);
transition: transform 9000ms ease;
}
.hero-style-one .hero-single-slide .hero-content-bg {
min-height: 750px;
height: 100%;
background: no-repeat center;
background-size: cover;
position: relative;
display: flex;
align-items: center;
}
.hero-style-one .hero-single-slide .hero-content-bg::before {
position: absolute;
content: "";
inset: 0;
background: rgba(22, 43, 50, 0.65);
z-index: 0;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content {
padding: 90px 20px 90px 40px;
margin: 0 auto;
text-align: center;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content h5 {
font-size: 16px;
margin-bottom: 10px;
color: #fff;
letter-spacing: 5px;
font-weight: 300;
text-transform: uppercase;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content h2 {
font-family: var(--f-secondary);
font-weight: 700;
font-size: 85px;
line-height: 95px;
letter-spacing: 0.05em;
color: var(--c-primary);
opacity: 0;
transform: translateY(80px);
transition: all 800ms ease;
transition-delay: 900ms;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content h2 span {
-webkit-text-stroke: 2px var(--c-primary);
-webkit-text-fill-color: transparent;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content p {
padding-top: 25px;
font-weight: 400;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
color: #ffffff;
opacity: 0;
transform: translateY(-20px);
transition: all 800ms ease;
transition-delay: 500ms;
max-width: 800px;
margin: 0 auto;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content .hero-btns {
padding-top: 40px;
transform: translateY(50px);
transition: all 800ms ease;
transition-delay: 1700ms;
opacity: 0;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content .hero-btns a {
margin-top: 15px;
margin-right: 50px;
}
.hero-style-one .hero-single-slide .hero-content-bg .hero-content .hero-btns a:last-child {
margin-right: 0;
}
.hero-two-pagination {
position: absolute;
right: 100px;
top: 50%;
left: unset !important;
transform: translateY(-50%);
}
.hero-two-pagination span {
background: transparent;
display: inline-block;
padding: 30px 0;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.15em;
font-family: var(--f-primary);
-webkit-text-stroke: 1px rgba(22, 43, 50, 0.3);
-webkit-text-fill-color: transparent;
}
.hero-two-pagination span.swiper-pagination-bullet {
opacity: 1;
}
.hero-two-pagination span.swiper-pagination-bullet-active {
-webkit-text-stroke: 1px var(--c-primary);
}
.hero-style-two {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hero-style-two .hero-main-wrapper .single-hero-slide {
padding-top: 110px;
padding-bottom: 110px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .featured-location {
font-weight: 500;
font-size: 20px;
color: #2d373c;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .featured-location i {
color: var(--c-primary);
margin-right: 5px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .hero-title {
font-family: var(--f-primary);
font-weight: 700;
font-size: 50px;
line-height: 70px;
color: #2d373c;
padding-top: 2px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .hero-title span {
color: var(--c-primary);
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .featured-price {
font-family: var(--f-primary);
font-weight: 700;
font-size: 30px;
color: #2d373c;
padding-top: 16px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .featured-price span {
color: var(--c-primary);
font-size: 20px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content p {
font-size: 16px;
line-height: 30px;
letter-spacing: 0.02em;
color: #666666;
padding-top: 25px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .hero-btns {
padding-top: 35px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .hero-btns a {
margin-right: 30px;
}
.hero-style-two .hero-main-wrapper .single-hero-slide .hero-content .hero-btns a:last-child {
margin-right: 0;
}
.hero-style-three {
overflow: hidden;
}
.hero-style-three .swiper-slide {
display: flex;
align-items: center;
position: relative;
z-index: 1;
min-height: 80vh;
padding: 180px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-style-three .swiper-slide {
padding: 200px 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-style-three .swiper-slide {
padding: 180px 30px;
}
}
@media (max-width: 767px) {
.hero-style-three .swiper-slide {
padding: 170px 30px;
}
}
.hero-style-three .swiper-slide::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 5, 15, 0.45), rgba(0, 5, 15, 0.45));
z-index: 1;
}
.hero-style-three .swiper-slide .home3-banner1-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.hero-style-three .swiper-slide .home3-banner1-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-style-three .swiper-slide .home3-banner3-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.hero-style-three .swiper-slide .home3-banner3-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-style-three .banner-plane {
position: absolute;
top: 25%;
left: 5%;
z-index: 2;
-webkit-animation: fly 12s linear infinite;
animation: fly 12s linear infinite;
opacity: 0.5;
}
@media (max-width: 576px) {
.hero-style-three .banner-plane {
display: none;
visibility: hidden;
}
}
@-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;
}
}
.hero-style-three .slider-arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 60px;
z-index: 2;
padding: 5px;
}
.hero-style-three .slider-arrows .hero-prev3 {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: transparent;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
transform: rotate(90deg);
transition: all 0.5s ease-out 0s;
}
.hero-style-three .slider-arrows .hero-prev3:hover {
background: var(--c-primary);
border: 1px solid var(--c-primary);
color: #fff;
}
.hero-style-three .slider-arrows .hero-next3 {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: transparent;
border: 1px solid #fff;
color: #fff;
border-radius: 50%;
transform: rotate(90deg);
transition: all 0.5s ease-out 0s;
}
.hero-style-three .slider-arrows .hero-next3:hover {
background: var(--c-primary);
border: 1px solid var(--c-primary);
color: #fff;
}
.hero-style-three .hero-social {
position: absolute;
top: 50%;
left: -90px;
z-index: 2;
transform: rotate(-90deg);
}
.hero-style-three .hero-social .social-list li {
position: relative;
display: inline-block;
padding-left: 20px;
}
.hero-style-three .hero-social .social-list li::before {
content: url(//360monte.me/wp-content/themes/turio/assets/images/icons/list-style.svg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
z-index: 1;
}
.hero-style-three .hero-social .social-list a {
color: #fff;
}
.hero-style-three .hero3-content {
position: relative;
z-index: 2;
text-align: center;
}
.hero-style-three .hero3-content .title-top-text {
font-size: 20px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
display: block;
-webkit-animation: unset;
animation: unset;
}
.hero-style-three .hero3-content span {
color: #fff;
font-size: 20px;
font-weight: 500;
display: inline-block;
}
.hero-style-three .hero3-content h1 {
font-size: 70px;
font-weight: 700;
color: #fff;
margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-style-three .hero3-content h1 {
font-size: 60px;
}
}
@media (max-width: 767px) {
.hero-style-three .hero3-content h1 {
font-size: 50px;
}
}
.hero-style-three .hero3-content p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin-bottom: 45px;
}
.hero-style-three .swiper-slide-active h1 {
-webkit-animation: fadeInDown 1.5s;
animation: fadeInDown 1.5s;
}
.hero-style-three .swiper-slide-active p {
-webkit-animation: fadeInUp 1.5s;
animation: fadeInUp 1.5s;
}
.hero-style-three .swiper-slide-active .banner3-btn {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s;
}
.hero-style-four {
position: relative;
overflow: hidden;
}
.hero-style-four .swiper-slide {
display: flex;
align-items: center;
position: relative;
z-index: 1;
min-height: 80vh;
padding: 180px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-style-four .swiper-slide {
padding: 200px 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-style-four .swiper-slide {
padding: 180px 30px;
}
}
@media (max-width: 767px) {
.hero-style-four .swiper-slide {
padding: 170px 30px;
}
}
.hero-style-four .swiper-slide::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 5, 15, 0.45), rgba(0, 5, 15, 0.45));
z-index: 1;
}
.hero-style-four .swiper-slide .home4-banner1-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.hero-style-four .swiper-slide .home4-banner1-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-style-four .swiper-slide .home4-banner2-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.hero-style-four .swiper-slide .home4-banner2-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-style-four .banner-star3 {
position: absolute;
bottom: 20%;
left: 5%;
z-index: 8;
-webkit-animation: rotation 8s linear infinite;
animation: rotation 8s linear infinite;
}
@-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);
}
}
.hero-style-four .banner-star2 {
position: absolute;
top: 15%;
right: 22%;
z-index: 9;
-webkit-animation: blink 2s linear infinite alternate;
animation: blink 2s linear infinite alternate;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.hero-style-four .banner-star1 {
position: absolute;
top: 15%;
right: 25%;
z-index: 9;
-webkit-animation: blink 2s linear infinite alternate;
animation: blink 2s linear infinite alternate;
}
@-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);
}
}
.hero-style-four .banner-plane {
position: absolute;
top: 25%;
left: 5%;
z-index: 2;
-webkit-animation: fly 12s linear infinite;
animation: fly 12s linear infinite;
opacity: 0.5;
}
@media (max-width: 576px) {
.hero-style-four .banner-plane {
display: none;
visibility: hidden;
}
}
@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;
}
}
.hero-style-four .slider-arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 60px;
z-index: 2;
padding: 5px;
}
.hero-style-four .slider-arrows .hero-prev3 {
width: 35px;
height: 35px;
line-height: 32px;
text-align: center;
background: transparent;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
transform: rotate(90deg);
transition: all 0.5s ease-out 0s;
}
.hero-style-four .slider-arrows .hero-prev3:hover {
background: var(--c-primary);
border: 1px solid var(--c-primary);
color: #fff;
}
.hero-style-four .slider-arrows .hero-next3 {
width: 35px;
height: 35px;
line-height: 33px;
text-align: center;
background: transparent;
border: 1px solid #fff;
color: #fff;
border-radius: 50%;
transform: rotate(90deg);
transition: all 0.5s ease-out 0s;
}
.hero-style-four .slider-arrows .hero-next3:hover {
background: var(--c-primary);
border: 1px solid var(--c-primary);
color: #fff;
}
.hero-style-four .hero4-content {
text-align: left;
position: relative;
z-index: 2;
}
.hero-style-four .hero4-content .title-top-text {
font-size: 20px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
display: block;
-webkit-animation: unset;
animation: unset;
}
.hero-style-four .hero4-content .title-top {
color: #fff;
font-size: 20px;
font-weight: 500;
}
.hero-style-four .hero4-content h1 {
font-size: 70px;
font-weight: 700;
color: #fff;
margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-style-four .hero4-content h1 {
font-size: 60px;
}
}
@media (max-width: 767px) {
.hero-style-four .hero4-content h1 {
font-size: 50px;
}
}
.hero-style-four .hero4-content p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin-bottom: 45px;
}
.hero-style-four .swiper-slide-active h1 {
-webkit-animation: fadeInDown 1.5s;
animation: fadeInDown 1.5s;
}
.hero-style-four .swiper-slide-active p {
-webkit-animation: fadeInUp 1.5s;
animation: fadeInUp 1.5s;
}
.hero-style-four .swiper-slide-active .banner3-btn {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s;
}
.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 .main-searchbar-close {
position: absolute;
right: 0;
top: -38px;
}
.multi-main-searchber .main-searchbar-close i {
height: 30px;
width: 30px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
color: var(--c-primary);
font-size: 18px;
border-radius: 50%;
cursor: pointer;
}
.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: 80%;  position: relative;
z-index: 99;
}
.multi-main-searchber .search-box-single .searchbox-input .select2-container--default .select2-selection--single {
border: none;
}
.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;
display: block;
line-height: 1;
}
.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 .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .multi-main-searchber .search-box-single .searchbox-input textarea,
.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 .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .multi-main-searchber .search-box-single .searchbox-input textarea::-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 .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .multi-main-searchber .search-box-single .searchbox-input textarea:-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 .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .multi-main-searchber .search-box-single .searchbox-input textarea::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-card-alpha {
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
overflow: hidden;
}
.package-card-alpha:hover .package-thumb a img {
transform: scale(1.2);
}
.package-card-alpha:hover .package-card-body .p-card-bottom .book-btn a {
background: var(--c-primary);
color: #fff;
}
.package-card-alpha:hover .package-card-body .p-card-bottom .book-btn a i {
transform: translateX(5px);
}
.package-card-alpha .package-thumb {
position: relative;
overflow: hidden;
}
.package-card-alpha .package-thumb img {
width: 100%;
transition: all 0.35s;
}
.package-card-alpha .package-thumb .card-lavel {
font-weight: 600;
font-size: 14px;
color: #ffffff;
background: var(--c-primary);
border-radius: 3px;
position: absolute;
padding: 7px 14px;
top: 0;
left: 20px;
transform: translateY(50%);
}
.package-card-alpha .package-thumb .card-lavel i {
margin-right: 4px;
}
.package-card-alpha .package-card-body {
padding: 20px;
}
.package-card-alpha .package-card-body .p-card-title {
font-weight: 600;
font-size: 23px;
color: #454545;
}
.package-card-alpha .package-card-body .p-card-title a {
color: inherit;
}
.package-card-alpha .package-card-body .p-card-title a:hover {
color: var(--c-primary);
transition: all 0.3s;
}
.package-card-alpha .package-card-body h6.destination-address {
color: #6e6e6e;
margin-top: 10px;
}
.package-card-alpha .package-card-body .p-card-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
gap: 15px;
flex-wrap: wrap;
}
.package-card-alpha .package-card-body .p-card-bottom .book-btn a {
display: inline-block;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: var(--c-primary);
background: #ffffff;
border: 1px solid var(--c-primary);
box-sizing: border-box;
border-radius: 5px;
padding: 7px 12px;
transition: all 0.3s;
white-space: nowrap;
}
.package-card-alpha .package-card-body .p-card-bottom .book-btn a i {
margin-left: 0px;
transition: all 0.2s;
}
.package-card-alpha .package-card-body .p-card-bottom .p-card-info {
margin-top: -5px;
}
.package-card-alpha .package-card-body .p-card-bottom .p-card-info h6 {
color: var(--c-primary);
font-weight: 800;
font-size: 18px;
line-height: 1;
}
.package-card-alpha .package-card-body .p-card-bottom .p-card-info h6 span {
font-size: 14px;
}
.package-card-alpha .package-card-body .p-card-bottom .p-card-info span {
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
color: #2d373c;
}
.package-card-beta {
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
overflow: hidden;
position: relative;
}
.package-card-beta:hover .package-card-body::before {
height: 100%;
opacity: 0.1;
transform: scale(1, 1);
}
.package-card-beta .package-thumb {
position: relative;
}
.package-card-beta .package-thumb img {
width: 100%;
transition: all 0.35s;
}
.package-card-beta .package-thumb .card-lavel {
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
color: #54a15d;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 30px;
position: absolute;
padding: 9px 15px;
bottom: -21px;
left: 50%;
transform: translateX(-50%);
transition: all 0.4s ease-out 0s;
min-width: 170px;
cursor: pointer;
z-index: 9;
}
.package-card-beta .package-thumb .card-lavel i {
margin-right: 8px;
}
.package-card-beta .package-thumb .card-lavel:hover {
background-color: #54a15d;
color: #fff;
}
.package-card-beta .package-card-body {
padding: 30px 25px;
position: relative;
z-index: 1;
background-color: #fff;
}
.package-card-beta .package-card-body::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: var(--c-primary);
z-index: -1;
transition: all 0.5s ease-in-out;
opacity: 0;
transform: scale(0, 0);
}
.package-card-beta .package-card-body .p-card-title {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #454545;
margin-top: 5px;
}
.package-card-beta .package-card-body .p-card-title a {
color: inherit;
}
.package-card-beta .package-card-body .p-card-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.package-card-beta .package-card-body .p-card-bottom .book-btn a {
display: inline-block;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
color: #54a15d;
background: #ffffff;
border: 1px solid #54a15d;
box-sizing: border-box;
border-radius: 30px;
padding: 8px 16px;
transition: all 0.3s;
white-space: nowrap;
}
@media (max-width: 991px) {
.package-card-beta .package-card-body .p-card-bottom .book-btn a {
padding: 6px 10px;
}
}
.package-card-beta .package-card-body .p-card-bottom .book-btn a i {
margin-left: 5px;
transition: all 0.2s;
}
.package-card-beta .package-card-body .p-card-bottom .book-btn:hover a {
background: var(--c-primary);
color: #fff;
}
.package-card-beta .package-card-body .p-card-bottom .book-btn:hover i {
transform: translateX(5px);
}
.package-card-beta .package-card-body .p-card-bottom .p-card-info {
padding-left: 10px;
}
.package-card-beta .package-card-body .p-card-bottom .p-card-info h6 {
color: #54a15d;
font-weight: 800;
font-size: 20px;
line-height: 1;
}
@media (max-width: 991px) {
.package-card-beta .package-card-body .p-card-bottom .p-card-info h6 {
font-size: 14px;
}
}
.package-card-beta .package-card-body .p-card-bottom .p-card-info h6 span {
font-size: 14px;
}
.package-card-beta .package-card-body .p-card-bottom .p-card-info span {
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
color: #2d373c;
}
.package-card-delta {
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
overflow: hidden;
position: relative;
}
.package-card-delta:hover .package-thumb .card-lavel {
opacity: 1;
transform: translateY(0px) scale(1);
}
.package-card-delta:hover .package-card-body::before {
height: 100%;
opacity: 0.1;
transform: scale(1, 1);
}
.package-card-delta .package-thumb {
position: relative;
}
.package-card-delta .package-thumb img {
width: 100%;
transition: all 0.35s;
}
.package-card-delta .package-thumb .card-lavel {
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
background-color: #54a15d;
color: #fff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 30px;
position: absolute;
padding: 9px 15px;
top: 25px;
left: 25px;
transition: all 0.5s ease-out 0s;
min-width: 170px;
cursor: pointer;
z-index: 9;
opacity: 0;
transform: translateY(10px) scale(0.5);
}
.package-card-delta .package-thumb .card-lavel i {
margin-right: 8px;
}
.package-card-delta .package-thumb .card-lavel:hover {
color: #54a15d;
background-color: #fff;
}
.package-card-delta .package-card-body {
padding: 30px 25px;
position: relative;
z-index: 1;
background: #fff;
}
.package-card-delta .package-card-body::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: var(--c-primary);
z-index: -1;
transition: all 0.5s ease-in-out;
opacity: 0;
transform: scale(0, 0);
}
.package-card-delta .package-card-body .p-card-title {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #454545;
margin-top: 5px;
}
.package-card-delta .package-card-body .p-card-title a {
color: inherit;
}
.package-card-delta .package-card-body .p-card-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.package-card-delta .package-card-body .p-card-bottom .book-btn a {
display: inline-block;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
color: #54a15d;
background: #ffffff;
border: 1px solid #54a15d;
box-sizing: border-box;
border-radius: 30px;
padding: 8px 16px;
transition: all 0.3s;
white-space: nowrap;
}
@media (max-width: 991px) {
.package-card-delta .package-card-body .p-card-bottom .book-btn a {
padding: 6px 10px;
}
}
.package-card-delta .package-card-body .p-card-bottom .book-btn a i {
margin-left: 5px;
transition: all 0.2s;
}
.package-card-delta .package-card-body .p-card-bottom .book-btn:hover a {
background: var(--c-primary);
color: #fff;
}
.package-card-delta .package-card-body .p-card-bottom .book-btn:hover i {
transform: translateX(5px);
}
.package-card-delta .package-card-body .p-card-bottom .p-card-info {
padding-left: 10px;
}
.package-card-delta .package-card-body .p-card-bottom .p-card-info h6 {
color: #54a15d;
font-weight: 800;
font-size: 20px;
line-height: 1;
}
@media (max-width: 991px) {
.package-card-delta .package-card-body .p-card-bottom .p-card-info h6 {
font-size: 14px;
}
}
.package-card-delta .package-card-body .p-card-bottom .p-card-info h6 span {
font-size: 14px;
}
.package-card-delta .package-card-body .p-card-bottom .p-card-info span {
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
color: #2d373c;
}
.package-card-gamma {
display: flex;
align-items: center;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
padding: 15px;
margin-top: 30px;
}
.package-card-gamma:hover .package-card-body .p-card-bottom .book-btn a {
background: var(--c-primary);
color: #fff;
}
.package-card-gamma:hover .package-card-body .p-card-bottom .book-btn a i {
transform: translateX(5px);
}
.package-card-gamma:first-child {
margin-top: 24px;
}
.package-card-gamma .package-thumb img {
max-width: 355px;
border-radius: 10px;
}
.package-card-gamma .package-card-body {
text-align: center;
padding-left: 30px;
padding-right: 20px;
}
.package-card-gamma .package-card-body .card-lavel {
font-weight: 600;
font-size: 16px;
color: #ffffff;
background: var(--c-primary);
border-radius: 3px;
padding: 10px 30px;
-webkit-clip-path: polygon(9% 0, 90% 3%, 100% 94%, 0 100%);
clip-path: polygon(9% 0, 90% 3%, 100% 94%, 0 100%);
display: inline-block;
}
.package-card-gamma .package-card-body .card-lavel i {
margin-right: 8px;
}
.package-card-gamma .package-card-body .p-card-title {
padding-top: 18px;
font-weight: 700;
font-size: 20px;
color: #454545;
text-align: start;
}
.package-card-gamma .package-card-body .p-card-title a {
color: inherit;
}
.package-card-gamma .package-card-body .p-card-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.package-card-gamma .package-card-body .p-card-bottom .book-btn a {
display: inline-block;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
color: var(--c-primary);
background: #ffffff;
border: 1px solid var(--c-primary);
box-sizing: border-box;
border-radius: 5px;
padding: 8px 16px;
transition: all 0.3s;
}
.package-card-gamma .package-card-body .p-card-bottom .book-btn a i {
margin-left: 5px;
transition: all 0.2s;
}
.package-card-gamma .package-card-body .p-card-bottom .p-card-info {
text-align: start;
}
.package-card-gamma .package-card-body .p-card-bottom .p-card-info h6 {
color: var(--c-primary);
font-weight: 800;
font-size: 20px;
line-height: 1;
}
.package-card-gamma .package-card-body .p-card-bottom .p-card-info h6 span {
font-size: 14px;
}
.package-card-gamma .package-card-body .p-card-bottom .p-card-info span {
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
color: #2d373c;
}
.package-bottom-btn {
margin-top: 60px;
}
.offer-switch-button .nav-item {
height: 87px;
width: 87px;
min-width: 87px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 18px;
}
.offer-switch-button .nav-item .nav-link {
height: 60px;
width: 60px;
border-radius: 50%;
font-weight: 700;
font-size: 20px;
color: var(--c-primary);
border: 2px solid var(--c-primary);
box-sizing: border-box;
padding: 0;
font-family: var(--f-primary);
}
.offer-switch-button .nav-item .nav-link.active {
height: 87px;
width: 87px;
font-size: 28px;
color: #fff;
background: var(--c-primary);
}
.offer-switch-button2 {
margin-bottom: 30px;
}
.offer-switch-button2 .nav-item {
min-width: 87px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 18px;
}
.offer-switch-button2 .nav-item .nav-link {
min-height: 40px;
min-width: 95px;
border-radius: 5px;
font-weight: 700;
font-size: 20px;
color: #54a15d;
border: 2px solid #54a15d;
box-sizing: border-box;
padding: 0;
font-family: var(--f-secondary);
transition: all 0.5s ease-out 0s;
position: relative;
}
.offer-switch-button2 .nav-item .nav-link::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%) rotate(45deg);
top: 32px;
opacity: 0;
height: 12px;
width: 12px;
background-color: #54a15d;
transition: unset;
}
.offer-switch-button2 .nav-item .nav-link.active {
color: #fff;
background: #54a15d;
position: relative;
}
.offer-switch-button2 .nav-item .nav-link.active::before {
opacity: 1;
}
.offer-switch-button2 .nav-item .nav-link:hover {
color: #fff;
background: #54a15d;
}
.offer-switch-button3 {
margin-bottom: 30px;
}
.offer-switch-button3 .nav-item {
min-width: 87px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 18px;
}
.offer-switch-button3 .nav-item .nav-link {
min-height: 40px;
min-width: 95px;
border-radius: 5px;
font-weight: 700;
font-size: 20px;
color: #7d878c;
border: 2px solid #7d878c;
box-sizing: border-box;
padding: 0;
font-family: var(--f-secondary);
transition: all 0.5s ease-out 0s;
}
.offer-switch-button3 .nav-item .nav-link::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%) rotate(45deg);
top: 32px;
opacity: 0;
height: 12px;
width: 12px;
background-color: #54a15d;
transition: unset;
}
.offer-switch-button3 .nav-item .nav-link.active {
color: #fff;
background: #54a15d;
border: 1px solid #54a15d;
position: relative;
}
.offer-switch-button3 .nav-item .nav-link.active::before {
opacity: 1;
}
.offer-switch-button3 .nav-item .nav-link:hover {
color: #fff;
background: #54a15d;
border: 1px solid #54a15d;
}
.package-sidebar .package-widget {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
}
.package-sidebar .package-widget .widget-title {
padding: 21px 20px;
border-bottom: 1px solid #eeeeee;
}
.package-sidebar .package-widget .widget-title h4 {
font-weight: 600;
font-size: 20px;
color: #2d373c;
}
.package-sidebar .package-widget .widget-body {
padding: 20px;
}
.package-sidebar .widget-duration .deration-check {
display: flex;
align-items: center;
margin-top: 15px;
}
.package-sidebar .widget-duration .deration-check:first-child {
margin-top: 0;
}
.package-sidebar .widget-duration .deration-check label {
font-weight: 500;
font-size: 16px;
color: #2d373c;
cursor: pointer;
transition: all 0.2s;
}
.package-sidebar .widget-duration .deration-check label:hover {
color: var(--c-primary);
}
.package-sidebar .widget-duration .deration-check label i {
margin-right: 5px;
font-size: 14px;
}
.package-sidebar .widget-duration .deration-check input, .package-sidebar .widget-duration .deration-check .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .package-sidebar .widget-duration .deration-check textarea {
height: 18px;
width: 18px;
margin: 0;
padding: 0;
display: inline-block;
margin-right: 15px;
}
.package-sidebar .widget-duration .deration-check input:focus, .package-sidebar .widget-duration .deration-check .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .form-inner .package-sidebar .widget-duration .deration-check textarea:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 253, 58, 0.25);
}
.package-sidebar .widget-duration .deration-check input:checked, .package-sidebar .widget-duration .deration-check .contact-from-wrapper2 .form-inner textarea:checked, .contact-from-wrapper2 .form-inner .package-sidebar .widget-duration .deration-check textarea:checked {
background-color: var(--c-primary);
border-color: var(--c-primary);
}
.package-sidebar .widget-tour-categoris .category-check {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.package-sidebar .widget-tour-categoris .category-check:first-child {
margin-top: 0;
}
.package-sidebar .widget-tour-categoris .category-check label {
font-weight: 500;
font-size: 16px;
color: #2d373c;
cursor: pointer;
transition: all 0.2s;
}
.package-sidebar .widget-tour-categoris .category-check label:hover {
color: var(--c-primary);
}
.package-sidebar .widget-tour-categoris .category-check label i {
margin-right: 5px;
font-size: 14px;
}
.package-sidebar .widget-tour-categoris input, .package-sidebar .widget-tour-categoris .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .package-sidebar .widget-tour-categoris textarea {
height: 18px;
width: 18px;
margin: 0;
padding: 0;
display: inline-block;
}
.package-sidebar .widget-tour-categoris input:focus, .package-sidebar .widget-tour-categoris .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .form-inner .package-sidebar .widget-tour-categoris textarea:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 253, 58, 0.25);
}
.package-sidebar .widget-tour-categoris input:checked, .package-sidebar .widget-tour-categoris .contact-from-wrapper2 .form-inner textarea:checked, .contact-from-wrapper2 .form-inner .package-sidebar .widget-tour-categoris textarea: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, .widget_search .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .widget_search textarea,
.wp-block-search input,
.wp-block-search .contact-from-wrapper2 .form-inner textarea,
.contact-from-wrapper2 .form-inner .wp-block-search textarea {
height: 100%;
background: #f5f5f5;
border-radius: 44px 0 0 44px;
padding: 10px 15px;
}
.widget_search input::-moz-placeholder, .widget_search .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .widget_search textarea::-moz-placeholder, .wp-block-search input::-moz-placeholder, .wp-block-search .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .wp-block-search textarea::-moz-placeholder {
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.widget_search input:-ms-input-placeholder, .widget_search .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .widget_search textarea:-ms-input-placeholder, .wp-block-search input:-ms-input-placeholder, .wp-block-search .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .wp-block-search textarea:-ms-input-placeholder {
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.widget_search input::placeholder, .widget_search .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .widget_search textarea::placeholder,
.wp-block-search input::placeholder,
.wp-block-search .contact-from-wrapper2 .form-inner textarea::placeholder,
.contact-from-wrapper2 .form-inner .wp-block-search textarea::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-recent-package-entries .package-sm {
display: flex;
align-items: center;
margin-top: 25px;
}
.widget-recent-package-entries .package-sm:first-child {
margin-top: 0;
}
.widget-recent-package-entries .package-sm .thumb {
min-width: 80px;
width: 80px;
margin-right: 15px;
}
.widget-recent-package-entries .package-sm .thumb img {
width: 100%;
border-radius: 5px;
}
.widget-recent-package-entries .package-sm .info h6 {
color: #454545;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.widget-recent-package-entries .package-sm .info h6:hover {
color: var(--c-primary);
}
.widget-recent-package-entries .package-sm .info h6 a {
color: inherit;
}
.widget-recent-package-entries .package-sm .info .price span {
color: #2d373c;
font-size: 14px;
font-weight: 500;
}
.widget-recent-package-entries .package-sm .info .price h6 {
font-weight: 800;
font-size: 16px;
line-height: 16px;
color: var(--c-primary);
}
.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, .booking-form-wrapper .custom-input-group .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .booking-form-wrapper .custom-input-group textarea {
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 .pd-header .header-bottom .pd-title {
font-weight: 700;
font-size: 35px;
color: #2d373c;
}
.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 .package-details-image {
display: flex;
align-items: center;
justify-content: center;
}
.tour-package-details .package-info-tab .package-details-image img {
margin: 20px 20px 20px 0;
}
.tour-package-details .package-info-tab p {
font-size: 16px;
line-height: 26px;
color: #666666;
padding-top: 20px;
}
.tour-package-details .package-info-tab .p-info-featured-img {
margin: 20px 0;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-img img {
width: 100%;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video {
left: 50%;
bottom: -30px;
transform: translateX(-50%);
width: auto;
padding: 0;
margin: 0;
border-right: 5px;
overflow: hidden;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay {
position: absolute;
inset: 0;
background: rgba(83, 161, 92, 0.368627451);
display: flex;
align-items: center;
justify-content: center;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay:hover .play-icon {
background: rgba(45, 55, 60, 0.8);
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay:hover .play-icon::before {
inset: -8px;
background: rgba(45, 55, 60, 0.6);
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay:hover .play-icon::after {
inset: -24px;
background: rgba(45, 55, 60, 0.5);
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay .play-icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 34.94px;
height: 34.94px;
background: rgba(45, 55, 60, 0.6);
border-radius: 50%;
position: relative;
z-index: 1;
transition: all 0.2s ease-in-out;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay .play-icon::before {
position: absolute;
content: "";
inset: -6px;
background: rgba(45, 55, 60, 0.5);
border-radius: 50%;
z-index: 1;
transition: all 0.2s ease-in-out;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay .play-icon::after {
position: absolute;
content: "";
inset: -12px;
background: rgba(45, 55, 60, 0.4);
border-radius: 50%;
z-index: -1;
transition: all 0.2s ease-in-out;
}
.tour-package-details .package-info-tab .p-info-featured-img .featured-video .video-overlay .play-icon i {
font-size: 20px;
color: var(--c-primary);
position: relative;
z-index: 2;
}
.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 .mapouter {
position: relative;
text-align: right;
height: 770px;
width: 100%;
margin-top: 32px;
}
.tour-package-details .package-location-tab iframe {
width: 100%;
height: 550px;
}
.rating-overview {
margin-top: 60px;
}
.rating-overview h3 {
color: #2d373c;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.rating-overview-row {
margin-top: 24px;
border-radius: 10px;
overflow: hidden;
border: 1px solid #eee;
}
.rating-overview-row .total-rating {
background: #f5f5f5;
padding: 40px 20px;
}
.rating-overview-row .total-rating h3 {
font-weight: 800;
font-size: 50px;
color: var(--c-primary);
}
.rating-overview-row .total-rating h5 {
font-weight: 500;
font-size: 25px;
color: #262339;
}
.rating-overview-row .rating-info {
padding: 45px 35px;
}
.rating-overview-row .rating-info .rating-box {
margin-top: 28px;
}
.rating-overview-row .rating-info .rating-box:first-child {
margin-top: 0;
}
.rating-overview-row .rating-info .rating-box h6 {
font-weight: 600;
font-size: 18px;
color: #262339;
}
.rating-overview-row .rating-info .rating-box h6 span {
font-size: 20px;
font-weight: 700;
float: right;
}
.rating-overview-row .rating-info .rating-box .rating-bar {
width: 100%;
height: 3px;
border-radius: 6px;
background: #eee;
margin-top: 10px;
position: relative;
overflow: hidden;
}
.rating-overview-row .rating-info .rating-box .rating-bar::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--c-primary);
}  .destination-style-one .custom-swiper-next,
.destination-style-one .custom-swiper-prev {
border: 1px solid var(--c-primary);
opacity: 0.5;
transition: all 0.2s;
}
.destination-style-one .custom-swiper-next i,
.destination-style-one .custom-swiper-prev i {
color: var(--c-primary);
}
.destination-style-one .custom-swiper-next:hover,
.destination-style-one .custom-swiper-prev:hover {
opacity: 1;
}
.destination-card-style-one {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.destination-card-style-one:hover .d-card-thumb img {
transform: scale(1.03);
}
.destination-card-style-one:hover .d-card-content .destination-title,
.destination-card-style-one:hover .d-card-content .place-count {
transform: translateY(0);
opacity: 1;
}
.destination-card-style-one:hover .d-card-content .destination-title::before,
.destination-card-style-one:hover .d-card-content .place-count::before {
opacity: 1;
}
.destination-card-style-one .d-card-thumb img {
width: 100%;
border-radius: 5px;
transition: all 0.3s;
height: 290px;
}
.destination-card-style-one .d-card-content {
position: absolute;
text-align: center;
bottom: 20px;
left: 0;
text-align: center;
width: 100%;
}
.destination-card-style-one .d-card-content .destination-title {
font-weight: 700;
font-size: 25px;
letter-spacing: 0.02em;
color: #ffffff;
font-family: var(--f-primary);
transform: translateY(25px);
transition: all 0.3s;
position: relative;
padding-bottom: 8px;
}
.destination-card-style-one .d-card-content .destination-title::before {
position: absolute;
content: "";
height: 3px;
width: 83px;
background: var(--c-primary);
left: 50%;
transform: translateX(-50%);
bottom: 0;
opacity: 0;
transition: all 0.3s;
}
.destination-card-style-one .d-card-content .destination-title a {
color: inherit;
}
.destination-card-style-one .d-card-content .place-count {
font-weight: 700;
font-size: 15px;
letter-spacing: 0.02em;
color: #ffffff;
transform: translateY(20px);
opacity: 0;
transition: all 0.3s;
}
.destination-card-style-one .d-card-content .place-count span {
font-size: 20px;
}
.destination-style-two .testi-pagination {
display: flex;
justify-content: center;
align-items: center;
padding-top: 20px;
}
.destination-style-two .testi-pagination span {
opacity: 1;
width: 15px;
height: 15px;
border: 2px solid #162b32;
box-sizing: border-box;
display: inline-block;
border-radius: 50%;
background: transparent;
position: relative;
transition: all 0.25s;
}
.destination-style-two .testi-pagination span.swiper-pagination-bullet-active {
width: 21px;
height: 21px;
border-color: var(--c-primary);
}
.destination-style-two .testi-pagination span.swiper-pagination-bullet-active::before {
position: absolute;
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--c-primary);
left: 4px;
top: 4px;
}
.destination-item {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.destination-item .destination-img img {
width: 100%;
height: 320px;
transition: all 0.6s ease-in-out;
}
.destination-item .destination-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(179.97deg, rgba(32, 32, 32, 0) 20.42%, #202020 99.97%);
display: flex;
justify-content: start;
align-items: flex-end;
}
.destination-item .destination-overlay .content {
padding: 30px;
transform: translateY(30px);
transition: all 0.5s ease-in-out;
}
.destination-item .destination-overlay .content h5 {
font-size: 22px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
transition: all 0.5s ease-in-out;
}
.destination-item .destination-overlay .content h6 {
font-size: 18px;
font-weight: 600;
color: #fff;
opacity: 0;
transition: all 0.5s ease-in-out;
display: inline-block;
position: relative;
z-index: 1;
}
.destination-item .destination-overlay .content h6::after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
width: 0%;
height: 3px;
background: var(--c-primary);
transition: all 0.5s ease;
border-radius: 5px;
}
.destination-item .destination-overlay .content:hover h6::after {
width: 100%;
}
.destination-item:hover .destination-img img {
transform: scale(1.2);
}
.destination-item:hover .destination-overlay .content {
transform: translateY(0px);
}
.destination-item:hover .destination-overlay .content h6 {
opacity: 1;
}
.destination-card-style-two {
position: relative;
border-radius: 5px;
overflow: hidden;
margin-bottom: 30px;
}
.destination-card-style-two:hover .d-card-thumb img {
transform: scale(1.03);
}
.destination-card-style-two:hover .d-card-content .destination-title,
.destination-card-style-two:hover .d-card-content .place-count {
transform: translateY(0);
opacity: 1;
}
.destination-card-style-two:hover .d-card-content .destination-title::before,
.destination-card-style-two:hover .d-card-content .place-count::before {
opacity: 1;
}
.destination-card-style-two .d-card-thumb img {
width: 100%;
border-radius: 5px;
transition: all 0.3s;
height: 290px;
}
.destination-card-style-two .d-card-content {
position: absolute;
text-align: center;
bottom: 20px;
left: 0;
text-align: center;
width: 100%;
}
.destination-card-style-two .d-card-content .destination-title {
font-weight: 700;
font-size: 25px;
letter-spacing: 0.02em;
color: #ffffff;
font-family: var(--f-primary);
transform: translateY(25px);
transition: all 0.3s;
position: relative;
padding-bottom: 8px;
}
.destination-card-style-two .d-card-content .destination-title::before {
position: absolute;
content: "";
height: 3px;
width: 83px;
background: var(--c-primary);
left: 50%;
transform: translateX(-50%);
bottom: 0;
opacity: 0;
transition: all 0.3s;
}
.destination-card-style-two .d-card-content .destination-title a {
color: inherit;
}
.destination-card-style-two .d-card-content .place-count {
font-weight: 700;
font-size: 15px;
letter-spacing: 0.02em;
color: #ffffff;
transform: translateY(20px);
opacity: 0;
transition: all 0.3s;
}
.destination-card-style-two .d-card-content .place-count span {
font-size: 20px;
}
.destination-details .dd-thumb {
padding-bottom: 20px;
}
.destination-details .dd-thumb img {
width: 100%;
border-radius: 5px;
}
.destination-details .dd-body .dd-subtitle {
font-weight: 700;
font-size: 35px;
color: #2d373c;
margin-top: 20px;
}
.destination-details .dd-body p {
font-size: 16px;
line-height: 30px;
color: #666666;
margin-top: 22px;
}
.destination-details .dd-body .dd-img-group {
margin-bottom: 30px;
margin-top: 10px;
}
.destination-details .dd-body .dd-img-group .dd-inner-group {
margin-top: 20px;
}
.destination-details .dd-body .dd-img-group .dd-inner-group img {
width: 100%;
}
.destination-details .dd-body .destination-overview-table .overview-table {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
margin-top: 34px;
}
.destination-details .dd-body .destination-overview-table .overview-table tr th,
.destination-details .dd-body .destination-overview-table .overview-table tr td {
font-weight: 600;
font-size: 18px;
padding: 20px 10px 20px 50px;
}
.destination-details .dd-body .destination-overview-table .overview-table tr th span,
.destination-details .dd-body .destination-overview-table .overview-table tr td span {
margin-left: 6px;
}
.destination-details .dd-body .destination-overview-table .overview-table tr th {
color: #2d373c;
}
.destination-details .dd-body .destination-overview-table .overview-table tr td {
color: var(--c-primary);
}
.destination-details .dd-body .destination-map {
padding-top: 75px;
margin-bottom: 15px;
}
.destination-details .dd-body .destination-map .mapouter {
position: relative;
text-align: right;
height: 700px;
width: 100%;
margin-top: 32px;
}
.destination-details .dd-body .destination-map iframe {
width: 100%;
height: 715px;
}  .newslatter-wrapper {
background: linear-gradient(rgba(45, 55, 60, 0.65) 100%, rgba(45, 55, 60, 0.65) 100%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
padding: 70px 0;
}
.newslatter-wrapper .newslatter-side {
max-width: 470px;
color: #fff;
}
.newslatter-wrapper .newslatter-side h2 {
font-family: var(--f-primary);
font-weight: 700;
font-size: 40px;
line-height: 57px;
text-transform: uppercase;
color: #ffffff;
}
.newslatter-wrapper .newslatter-side h2 span {
color: var(--c-primary);
}
.newslatter-wrapper .newslatter-side p {
color: #fff;
font-size: 18px;
padding-top: 10px;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input {
position: relative;
margin-top: 50px;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input input, .newslatter-wrapper .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .newslatter-wrapper .newslatter-side .newslatter-form-input textarea {
background: #ffffff;
border: 1px solid rgba(206, 62, 38, 0.2);
box-sizing: border-box;
height: 56px;
border-radius: 0;
padding: 20px 46px 20px 20px;
width: 100%;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input input::-moz-placeholder, .newslatter-wrapper .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .newslatter-wrapper .newslatter-side .newslatter-form-input textarea::-moz-placeholder {
font-size: 11px;
color: #666666;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input input:-ms-input-placeholder, .newslatter-wrapper .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .newslatter-wrapper .newslatter-side .newslatter-form-input textarea:-ms-input-placeholder {
font-size: 11px;
color: #666666;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input input::placeholder, .newslatter-wrapper .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .newslatter-wrapper .newslatter-side .newslatter-form-input textarea::placeholder {
font-size: 11px;
color: #666666;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input .newslatter-submit {
position: relative;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-family: var(--f-primary);
background: var(--c-primary);
border-radius: 0px;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
border: none;
padding: 0 30px;
transition: all 0.3s;
}
.newslatter-wrapper .newslatter-side .newslatter-form-input .newslatter-submit:hover {
background: #162b32;
}
.newslatter-wrapper .achievement-counter-side .achievement-box-style-one {
text-align: center;
min-height: 215px;
border: 2px solid var(--c-primary);
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 25px;
transition: all 0.4s;
}
.newslatter-wrapper .achievement-counter-side .achievement-box-style-one:hover {
background: rgba(255, 255, 255, 0.1);
border: 2px solid rgba(255, 255, 255, 0.1019607843);
}
.newslatter-wrapper .achievement-counter-side .achievement-box-style-one .achievement-icon {
min-height: 70px;
}
.newslatter-wrapper .achievement-counter-side .achievement-box-style-one .achievement-icon img {
max-width: 100px;
}
.newslatter-wrapper .achievement-counter-side .achievement-box-style-one .achievement-box-content h2 {
font-weight: 800;
font-size: 45px;
letter-spacing: 0.03em;
color: #ffffff;
}
.newslatter-wrapper .achievement-counter-side .achievement-box-style-one .achievement-box-content h4 {
padding-top: 5px;
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.newslatter-style-two .newslatter-offer-side {
background: linear-gradient(rgba(45, 55, 60, 0.8) 100%, rgba(45, 55, 60, 0.8) 100%), url(//360monte.me/wp-content/themes/turio/assets/images/banner/newslatter-bg2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 100px 20px;
min-height: 552px;
}
.newslatter-style-two .newslatter-offer-side .newslatter-offer-content {
max-width: 528px;
color: #fff;
}
.newslatter-style-two .newslatter-offer-side .newslatter-offer-content h2 {
font-weight: 700;
font-size: 50px;
line-height: 60px;
color: #ffffff;
}
.newslatter-style-two .newslatter-offer-side .newslatter-offer-content h2 span {
color: var(--c-primary);
}
.newslatter-style-two .newslatter-offer-side .newslatter-offer-content h6 {
font-size: 20px;
line-height: 30px;
color: #ffffff;
padding-top: 17px;
font-weight: 400;
}
.newslatter-style-two .newslatter-offer-side .newslatter-offer-content .explore-btn {
margin-top: 38px;
}
.newslatter-style-two .newslatter-form-side {
background: linear-gradient(rgba(222, 185, 155, 0.3) 100%, rgba(222, 185, 155, 0.3) 100%), url(//360monte.me/wp-content/themes/turio/assets/images/banner/newslatter-bg3.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 100px 20px;
min-height: 552px;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content {
max-width: 570px;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content h2 {
font-weight: 700;
font-size: 40px;
line-height: 57px;
text-transform: uppercase;
color: var(--c-primary);
font-family: var(--f-primary);
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content h2 span {
color: #162b32;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content h6 {
font-size: 20px;
line-height: 30px;
color: #666666;
font-weight: 400;
padding-top: 10px;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content .newslatter-form-wrap {
display: flex;
height: 56px;
margin-top: 44px;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content .newslatter-form-wrap input, .newslatter-style-two .newslatter-form-side .newslatter-form-content .newslatter-form-wrap .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .newslatter-style-two .newslatter-form-side .newslatter-form-content .newslatter-form-wrap textarea {
background: #ffffff;
border: none;
box-sizing: border-box;
border-radius: 50px 0 0 50px;
height: 100%;
padding: 20px;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content .newslatter-form-wrap button {
border: none;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-family: var(--f-primary);
background: var(--c-primary);
border-radius: 0px 50px 50px 0px;
height: 100%;
padding: 0 30px;
margin-left: -1px;
}
.newslatter-style-two .newslatter-form-side .newslatter-form-content .newslatter-form-wrap button:hover {
background: #162b32;
}  .gallary-item {
margin-top: 24px;
position: relative;
border-radius: 5px;
overflow: hidden;
}
.gallary-item:hover .gallary-item-overlay {
opacity: 1;
}
.gallary-item:hover .gallary-item-overlay i {
transform: scale(1);
}
.gallary-item .gallary-item-overlay {
position: absolute;
inset: 0;
background: rgba(206, 20, 70, 0.4);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.25s;
}
.gallary-item .gallary-item-overlay i {
font-size: 50px;
color: #fff;
transform: scale(0);
transition: all 0.35s;
}
.gallary-item img {
width: 100%;
border-radius: 5px;
}
.social-card {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.social-card:hover .social-thumb img {
transform: scale(1.03);
}
.social-card:hover .social-overlay {
opacity: 1;
inset: 0;
}
.social-card:hover .social-overlay i {
transform: scale(1);
}
.social-card .social-thumb img {
width: 100%;
transition: all 0.35s;
}
.social-card .social-overlay {
position: absolute;
inset: 30px;
background: linear-gradient(180deg, rgba(45, 55, 60, 0.7) 0%, rgba(206, 62, 38, 0.7) 100%);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s;
}
.social-card .social-overlay i {
font-size: 35px;
color: #fff;
transform: scale(0);
transition: all 0.3s;
}
.gallary-group .gallary-group-header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 40px;
padding-top: 15px;
}
.gallary-group .gallary-group-header .gallary-group-title {
font-weight: 700;
font-size: 30px;
color: #2d373c;
}
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-prev {
margin-right: 40px;
}
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-next,
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-prev {
display: inline-block;
}
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-next i,
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-prev i {
height: 25px;
width: 25px;
color: var(--c-primary);
border: 1px solid var(--c-primary);
border-radius: 50%;
text-align: center;
line-height: 25px;
display: inline-block;
font-size: 13px;
transition: all 0.3s;
}
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-next i:hover,
.gallary-group .gallary-group-header .gallary-arrows .gallary-button-prev i:hover {
background: var(--c-primary);
color: #fff;
}  .testimonial-style-two {
background: #162b32;
padding: 120px 0;
overflow: hidden;
position: relative;
}
.testimonial-style-two .testimonial-shape-group {
position: absolute;
inset: 0;
background: url(//360monte.me/wp-content/themes/turio/assets/images/shapes/testi-shape-group.png) no-repeat center;
background-size: cover;
}
.testimonial-style-two .heading-section h2 {
font-weight: 700;
font-size: 42px;
margin-top: -10px;
}
.testimonial-style-two .heading-section h2,
.testimonial-style-two .heading-section p {
color: #fff;
}
.testimonial-card-alpha {
background: #fff;
min-height: 100px;
position: relative;
border-radius: 5px;
padding: 5px 25px 25px;
margin-top: 75px;
transition: all 0.35s;
}
.testimonial-card-alpha:hover {
background: rgba(45, 55, 60, 0.9);
}
.testimonial-card-alpha:hover .testimonial-overlay-img {
opacity: 0.5;
z-index: 0;
}
.testimonial-card-alpha:hover .testimonial-card-top .qoute-icon i,
.testimonial-card-alpha:hover .testimonial-card-top .testimonial-count {
color: rgba(255, 255, 255, 0.1);
}
.testimonial-card-alpha:hover .testimonial-card-top .testimonial-thumb {
opacity: 0;
}
.testimonial-card-alpha:hover .testimonial-body p {
color: #ffffff;
}
.testimonial-card-alpha:hover .testimonial-body .testimonial-bottom .reviewer-info .reviewer-name {
color: var(--c-primary);
}
.testimonial-card-alpha:hover .testimonial-body .testimonial-bottom .reviewer-info h6 {
color: #fff;
}
.testimonial-card-alpha .testimonial-overlay-img {
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
transition: all 0.35s;
}
.testimonial-card-alpha .testimonial-overlay-img img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.testimonial-card-alpha .testimonial-card-top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px;
}
.testimonial-card-alpha .testimonial-card-top .qoute-icon i {
font-size: 40px;
color: var(--c-primary);
line-height: 1;
}
.testimonial-card-alpha .testimonial-card-top .testimonial-thumb {
transform: translateY(-24px);
transition: all 0.25s;
}
.testimonial-card-alpha .testimonial-card-top .testimonial-thumb img {
max-width: 90px;
border-radius: 50%;
border: 1px solid #fff;
height: 90px;
}
.testimonial-card-alpha .testimonial-card-top .testimonial-count {
font-weight: 800;
font-size: 35px;
color: rgba(22, 43, 50, 0.08);
line-height: 1;
}
.testimonial-card-alpha .testimonial-body {
position: relative;
}
.testimonial-card-alpha .testimonial-body p {
text-align: left;
font-size: 16px;
line-height: 25px;
color: #666666;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 8px;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .reviewer-info {
margin-top: 10px;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .reviewer-info .reviewer-name {
font-weight: 600;
font-size: 22px;
text-transform: capitalize;
color: #262339;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .reviewer-info h6 {
padding-top: 4px;
font-family: var(--f-primary);
color: #a5a5a5;
font-size: 18px;
text-transform: capitalize;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .testimonial-rating {
margin-top: 10px;
display: flex;
list-style-type: none;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .testimonial-rating li {
margin-right: 8px;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .testimonial-rating li:last-child {
margin-right: 0;
}
.testimonial-card-alpha .testimonial-body .testimonial-bottom .testimonial-rating li i {
font-size: 16px;
color: var(--c-primary);
}
.testimonial-style-three {
background-image: url(//360monte.me/wp-content/themes/turio/assets/images/reviewer/testi-bg.png);
block-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.testimonial-card-gamma {
background: #fff;
border-radius: 5px;
max-width: 790px;
cursor: pointer;
}
.testimonial-card-gamma .testimonial-card-body {
padding: 30px;
}
.testimonial-card-gamma .testimonial-card-body .review-texts {
font-size: 16px;
line-height: 30px;
color: #666666;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info {
padding-top: 20px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviwer-info-cotn h5 {
font-weight: 600;
font-size: 23px;
text-transform: capitalize;
color: #696969;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviwer-info-cotn p {
font-size: 18px;
text-transform: capitalize;
color: #a5a5a5;
padding-top: 4px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewer-rating {
padding-top: 20px;
display: flex;
justify-content: end;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewer-rating .bi {
color: var(--c-primary);
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info {
display: flex;
justify-content: start;
align-items: center;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info .single-thumb {
margin-right: 15px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info .single-thumb img {
width: 100px;
height: 100px;
}
.section-head-testimonial-three {
text-align: center;
margin-bottom: 50px;
}
.section-head-testimonial-three h2 {
font-weight: 700;
font-size: 30px;
line-height: 37px;
color: #ffffff;
font-family: var(--f-secondary);
}
.testimonial-card-beta {
background: #fff;
border-radius: 5px;
max-width: 790px;
cursor: pointer;
position: relative;
transition: all 0.4s ease;
position: relative;
z-index: 1;
}
.testimonial-card-beta::after {
content: "";
position: absolute;
left: 30px;
top: 0;
width: 60px;
height: 65px;
background: rgba(84, 161, 93, 0.1);
z-index: -1;
}
.testimonial-card-beta::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 2px;
background: var(--c-primary);
z-index: 2;
transition: 0.45s ease-out 0s;
transition-delay: 0.35s;
}
.testimonial-card-beta:hover {
background: #00152b;
}
.testimonial-card-beta:hover .testimonial-card-body .review-texts p {
color: #fff;
}
.testimonial-card-beta:hover .testimonial-card-body .testimonial-info .reviwer-info-cotn h5 {
font-weight: 600;
font-size: 23px;
text-transform: capitalize;
color: #ccc;
}
.testimonial-card-beta:hover::before {
width: 100%;
}
.testimonial-card-beta .testimonial-quote-icon {
position: absolute;
right: 25px;
top: 45px;
}
.testimonial-card-beta .testimonial-card-body {
padding: 30px;
}
.testimonial-card-beta .testimonial-card-body .review-texts {
margin-top: 20px;
}
.testimonial-card-beta .testimonial-card-body .review-texts p {
font-size: 18px;
line-height: 28px;
color: #666666;
transition: all 0.5s ease-out 0s;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviwer-info-cotn h5 {
font-weight: 600;
font-size: 23px;
text-transform: capitalize;
color: #696969;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviwer-info-cotn p {
font-size: 18px;
text-transform: capitalize;
color: #a5a5a5;
padding-top: 4px;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewer-rating {
padding-top: 5px;
display: flex;
justify-content: end;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewer-rating .bi {
color: var(--c-primary);
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewr-info {
display: flex;
justify-content: start;
align-items: center;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewr-info .single-thumb {
margin-right: 15px;
max-width: 60px;
width: 100%;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewr-info .single-thumb img {
max-width: 100%;
height: auto;
}
.testimonial-style-one {
background-image: linear-gradient(rgba(0, 5, 15, 0.6), rgba(0, 5, 15, 0.6));
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonial-style-one {
padding-left: 5%;
padding-right: 5%;
}
}
@media (max-width: 767px) {
.testimonial-style-one {
padding-left: 2%;
padding-right: 2%;
}
}
.testimonial-style-one .slider-arrows .testi-prev4, .testimonial-style-one .slider-arrows .testi-next4 {
color: var(--c-primary);
border-radius: 50%;
background: rgba(84, 161, 93, 0.6);
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
position: relative;
overflow: hidden;
z-index: 1;
transition: all 0.4s ease-in;
}
.testimonial-style-one .slider-arrows .testi-prev4::before, .testimonial-style-one .slider-arrows .testi-next4::before {
content: "";
position: absolute;
left: -1px;
top: -1px;
height: 31px;
width: 31px;
background: var(--c-primary);
transform: scale(0);
transition: all 0.4s ease-in;
border-radius: 50%;
z-index: -1;
}
.testimonial-style-one .slider-arrows .testi-prev4:hover, .testimonial-style-one .slider-arrows .testi-next4:hover {
color: #fff;
}
.testimonial-style-one .slider-arrows .testi-prev4:hover::before, .testimonial-style-one .slider-arrows .testi-next4:hover::before {
transform: scale(1);
}
.testimonial-card-beta {
background: #00152b;
border-radius: 5px;
max-width: 790px;
cursor: pointer;
position: relative;
transition: all 0.4s ease;
position: relative;
z-index: 1;
color: #fff;
}
.testimonial-card-beta::after {
content: "";
position: absolute;
left: 30px;
top: 0;
width: 60px;
height: 65px;
background: rgba(84, 161, 93, 0.1);
z-index: -1;
}
.testimonial-card-beta::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 2px;
background: var(--c-primary);
z-index: 2;
transition: 0.45s ease-out 0s;
transition-delay: 0.35s;
}
.testimonial-card-beta:hover {
background: #fff;
}
.testimonial-card-beta:hover .testimonial-quote-icon .qoute-icon i {
color: #00152b;
}
.testimonial-card-beta:hover .testimonial-card-body .review-texts p {
color: #00152b;
}
.testimonial-card-beta:hover .testimonial-card-body .reviewer-name {
color: #00152b;
}
.testimonial-card-beta:hover .testimonial-card-body .testimonial-info .reviwer-info-cotn h5 {
font-weight: 600;
font-size: 23px;
text-transform: capitalize;
color: #ccc;
}
.testimonial-card-beta:hover::before {
width: 100%;
}
.testimonial-card-beta .testimonial-quote-icon {
position: absolute;
right: 25px;
top: 45px;
}
.testimonial-card-beta .testimonial-card-body {
padding: 30px;
}
.testimonial-card-beta .testimonial-card-body .review-texts {
margin-top: 20px;
}
.testimonial-card-beta .testimonial-card-body .review-texts p {
font-size: 18px;
line-height: 28px;
color: #fff;
transition: all 0.5s ease-out 0s;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviwer-info-cotn h5 {
font-weight: 600;
font-size: 23px;
text-transform: capitalize;
color: #696969;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviwer-info-cotn p {
font-size: 18px;
text-transform: capitalize;
color: #a5a5a5;
padding-top: 4px;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewer-rating {
margin: 0;
padding: 0;
padding-top: 5px;
display: flex;
justify-content: start;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewer-rating .bi {
color: var(--c-primary);
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewr-info {
display: flex;
justify-content: start;
align-items: center;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewr-info .single-thumb {
margin-right: 15px;
max-width: 60px;
width: 100%;
}
.testimonial-card-beta .testimonial-card-body .testimonial-info .reviewr-info .single-thumb img {
max-width: 100%;
height: auto;
}
.testimonial-card-gamma {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
max-width: 790px;
}
.testimonial-card-gamma .testimonial-quote-icon {
text-align: left;
}
.testimonial-card-gamma .testimonial-card-body {
padding: 30px;
}
.testimonial-card-gamma .testimonial-card-body .review-texts p {
font-size: 16px;
line-height: 30px;
color: #666666;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info {
padding-top: 20px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info .reviewer-name {
font-weight: 600;
font-size: 23px;
text-transform: capitalize;
color: #262339;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewr-info p {
font-size: 18px;
text-transform: capitalize;
color: #a5a5a5;
padding-top: 4px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewer-rating {
padding-top: 20px;
display: flex;
list-style-type: none;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewer-rating li {
margin-right: 8px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewer-rating li i {
color: var(--c-primary);
font-size: 18px;
}
.testimonial-card-gamma .testimonial-card-body .testimonial-info .reviewer-rating li:last-child {
margin-right: 0;
}  .guide-card-alpha {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 0px;
}
.guide-card-alpha:hover .guide-image .guide-social-links {
transform: translate(-50%, -16px);
opacity: 1;
}
.guide-card-alpha .guide-image {
position: relative;
}
.guide-card-alpha .guide-image img {
width: 100%;
}
.guide-card-alpha .guide-image .guide-social-links {
list-style-type: none;
position: absolute;
left: 50%;
bottom: 0;
opacity: 0;
display: flex;
transform: translate(-50%, 0);
background: #2d373c;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
padding: 12px 14px;
transition: all 0.3s ease;
}
.guide-card-alpha .guide-image .guide-social-links li {
margin-right: 18px;
}
.guide-card-alpha .guide-image .guide-social-links li:last-child {
margin-right: 0;
}
.guide-card-alpha .guide-image .guide-social-links li a {
display: inline-flex;
height: 28px;
width: 28px;
background: rgba(255, 255, 255, 0.8);
border-radius: 30px;
align-items: center;
justify-content: center;
color: #162b32;
transition: all 0.3s;
}
.guide-card-alpha .guide-image .guide-social-links li a:hover {
background: var(--c-primary);
color: #fff;
}
.guide-card-alpha .guide-image .guide-social-links li a i {
font-size: 14px;
}
.guide-card-alpha .guide-content {
text-align: center;
padding: 25px;
}
.guide-card-alpha .guide-content .guide-name {
color: #2d373c;
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
}
.guide-card-alpha .guide-content .guide-name a {
color: inherit;
}
.guide-card-alpha .guide-content .guide-designation {
color: #666;
font-size: 15px;
font-weight: 500;
padding-top: 5px;
text-transform: capitalize;
}
.guide-card-beta {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 0px;
transition: all 0.5s ease-in-out;
overflow: hidden;
margin: 0px 10px;
}
.guide-card-beta:hover .guide-image img {
transform: scale(1.15);
}
.guide-card-beta:hover .guide-image .guide-social-links {
transform: translate(0%);
opacity: 1;
}
.guide-card-beta .guide-image {
position: relative;
overflow: hidden;
}
.guide-card-beta .guide-image img {
width: 100%;
transition: all 0.65s ease;
transition-delay: 0.35s ease;
}
.guide-card-beta .guide-image .guide-social-links {
position: absolute;
left: 0%;
top: 0px;
opacity: 0;
transform: translate(-50%, 0);
background: transparent;
padding: 12px 14px;
transition: all 0.45s ease-in;
transition-delay: 0.4s;
background: rgba(0, 0, 0, 0.4);
width: 60px;
height: 100%;
opacity: 0;
}
.guide-card-beta .guide-image .guide-social-links li {
margin-right: 18px;
display: flex;
justify-content: center;
flex-direction: column;
}
.guide-card-beta .guide-image .guide-social-links li:last-child {
margin-right: 0;
}
.guide-card-beta .guide-image .guide-social-links li a {
display: inline-flex;
height: 28px;
width: 28px;
background: rgb(255, 255, 255);
border-radius: 30px;
align-items: center;
justify-content: center;
color: var(--c-primary);
transition: all 0.3s;
}
.guide-card-beta .guide-image .guide-social-links li a:hover {
background: #54a15d;
color: #fff;
}
.guide-card-beta .guide-image .guide-social-links li a i {
font-size: 14px;
}
.guide-card-beta .guide-content {
text-align: center;
padding: 25px;
transition: all 0.45s ease-in;
}
.guide-card-beta .guide-content .guide-name {
font-weight: 700;
font-size: 23px;
text-transform: capitalize;
color: #2d373c;
}
.guide-card-beta .guide-content .guide-name a {
color: inherit;
}
.guide-card-beta .guide-content .guide-designation {
font-weight: 500;
font-size: 18px;
text-transform: capitalize;
color: #666666;
padding-top: 5px;
}
.guide-card-gamma {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
overflow: hidden;
}
.guide-card-gamma:hover .guide-image .guide-social-links {
list-style-type: none;
transform: translateX(0);
opacity: 1;
}
.guide-card-gamma .guide-image {
position: relative;
}
.guide-card-gamma .guide-image img {
width: 100%;
}
.guide-card-gamma .guide-image .contact-lavel {
position: absolute;
left: 15px;
bottom: 15px;
}
.guide-card-gamma .guide-image .contact-lavel a {
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
display: inline-block;
background: var(--c-primary);
border-radius: 100px;
padding: 6px 22px;
transition: all 0.3s;
}
.guide-card-gamma .guide-image .contact-lavel a:hover {
background: #666666;
}
.guide-card-gamma .guide-image .guide-social-links {
list-style-type: none;
position: absolute;
top: 25px;
right: 25px;
transition: all 0.3s ease;
transform: translateX(30px);
opacity: 0;
}
.guide-card-gamma .guide-image .guide-social-links li {
margin-bottom: 15px;
}
.guide-card-gamma .guide-image .guide-social-links li:last-child {
margin-bottom: 0;
}
.guide-card-gamma .guide-image .guide-social-links li a {
display: inline-flex;
height: 30px;
width: 30px;
background: #fff;
border-radius: 30px;
align-items: center;
justify-content: center;
color: #162b32;
transition: all 0.3s;
}
.guide-card-gamma .guide-image .guide-social-links li a:hover {
background: var(--c-primary);
color: #fff;
}
.guide-card-gamma .guide-image .guide-social-links li a i {
font-size: 15px;
}
.guide-card-gamma .guide-content {
text-align: center;
padding: 25px;
}
.guide-card-gamma .guide-content .guide-name {
color: #2d373c;
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
}
.guide-card-gamma .guide-content .guide-name a {
color: inherit;
}
.guide-card-gamma .guide-content .guide-designation {
color: #666;
font-size: 15px;
font-weight: 500;
padding-top: 5px;
text-transform: capitalize;
} .upcoming-tour-area .upcoming-btn {
display: inline-block;
}
.upcoming-tour-area .slider-arrows .testi-prev4, .upcoming-tour-area .testimonial-style-one .slider-arrows .testi-next4, .testimonial-style-one .upcoming-tour-area .slider-arrows .testi-next4 {
color: var(--c-primary);
border-radius: 50%;
background: rgba(84, 161, 93, 0.6);
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
position: relative;
overflow: hidden;
z-index: 9;
transition: all 0.4s ease-in;
}
.upcoming-tour-area .slider-arrows .testi-prev4::before, .upcoming-tour-area .testimonial-style-one .slider-arrows .testi-next4::before, .testimonial-style-one .upcoming-tour-area .slider-arrows .testi-next4::before {
content: "";
position: absolute;
left: -1px;
top: -1px;
height: 31px;
width: 31px;
background: var(--c-primary);
transform: scale(0);
transition: all 0.4s ease-in;
border-radius: 50%;
z-index: -1;
}
.upcoming-tour-area .slider-arrows .testi-prev4:hover, .upcoming-tour-area .testimonial-style-one .slider-arrows .testi-next4:hover, .testimonial-style-one .upcoming-tour-area .slider-arrows .testi-next4:hover {
color: #fff;
}
.upcoming-tour-area .slider-arrows .testi-prev4:hover::before, .upcoming-tour-area .testimonial-style-one .slider-arrows .testi-next4:hover::before, .testimonial-style-one .upcoming-tour-area .slider-arrows .testi-next4:hover::before {
transform: scale(1);
}
.upcoming-tour-area .slider-arrows .testi-next4 {
color: var(--c-primary);
border-radius: 50%;
background: rgba(84, 161, 93, 0.6);
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
position: relative;
overflow: hidden;
z-index: 9;
transition: all 0.4s ease-in;
}
.upcoming-tour-area .slider-arrows .testi-next4::before {
content: "";
position: absolute;
right: -1px;
top: -1px;
height: 31px;
width: 31px;
background: var(--c-primary);
transform: scale(0);
transition: all 0.4s ease-in;
border-radius: 50%;
z-index: -1;
}
.upcoming-tour-area .slider-arrows .testi-next4:hover {
color: #fff;
}
.upcoming-tour-area .slider-arrows .testi-next4:hover::before {
transform: scale(1);
} .blog-tags,
.blog-category {
text-align: left;
background: #f1f8f8;
padding: 10px;
}
.blog-tags h5,
.blog-category h5 {
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
color: #262339;
margin-right: 5px;
margin-bottom: 10px;
}
.blog-tags ul,
.blog-category ul {
margin: 0;
padding: 0;
}
.blog-tags ul li,
.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-tags ul li a,
.blog-category ul li a {
color: #666666;
}
.blog-tags ul li:hover,
.blog-category ul li:hover {
border-color: var(--c-primary);
background: var(--c-primary);
cursor: pointer;
}
.blog-tags ul li:hover a,
.blog-category ul li:hover a {
color: #fff;
}
.blog-card-alpha {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 0px;
}
.blog-card-alpha:hover .blog-thumb img {
transform: scale(1.05) translateX(4px);
}
.blog-card-alpha .blog-thumb {
position: relative;
overflow: hidden;
}
.blog-card-alpha .blog-thumb img {
max-width: 100%;
transition: all 0.3s ease-in;
}
.blog-card-alpha .blog-thumb .blog-lavel {
position: absolute;
bottom: 14px;
left: 25px;
}
.blog-card-alpha .blog-thumb .blog-lavel a {
font-weight: 600;
font-size: 14px;
color: #ffffff;
display: inline-block;
background: var(--c-primary);
box-shadow: 0px 0px 15px rgba(206, 62, 38, 0.1);
border-radius: 3px;
padding: 6.5px 9px;
}
.blog-card-alpha .blog-thumb .blog-lavel a i {
margin-right: 6px;
}
.blog-card-alpha .blog-content {
padding: 20px;
text-align: center;
}
.blog-card-alpha .blog-content .blog-body-top {
display: flex;
justify-content: left;
gap: 30px;
}
@media (max-width: 576px) {
.blog-card-alpha .blog-content .blog-body-top {
gap: 10px;
}
}
.blog-card-alpha .blog-content .blog-body-top a {
color: #696969;
font-size: 15px;
font-weight: 500;
}
@media (max-width: 576px) {
.blog-card-alpha .blog-content .blog-body-top a {
font-size: 12px;
}
}
.blog-card-alpha .blog-content .blog-body-top a i {
color: var(--c-primary);
margin-right: 6px;
}
@media (max-width: 576px) {
.blog-card-alpha .blog-content .blog-body-top a i {
margin-right: 3px;
}
}
.blog-card-alpha .blog-content .blog-title {
padding-top: 8px;
font-weight: 600;
line-height: 28px;
font-size: 20px;
color: #2d373c;
word-wrap: break-word;
text-align: left;
}
.blog-card-alpha .blog-content .blog-title a {
color: inherit;
}
.blog-card-alpha .blog-content .blog-title a:hover {
color: var(--c-primary);
transition: all 0.3s;
}
.blog-thumb iframe {
display: inline-block;
width: 100%;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1019607843);
}
.blog-card-gamma {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px 5px 20px 20px;
overflow: hidden;
}
.blog-card-gamma:hover .blog-thumb img {
transform: scale(1.05) translateX(4px);
}
.blog-card-gamma:hover .blog-thumb .blog-lavel a {
background: #666666;
}
.blog-card-gamma .blog-thumb {
position: relative;
overflow: hidden;
}
.blog-card-gamma .blog-thumb img {
max-width: 100%;
transition: all 0.3s ease-in;
}
.blog-card-gamma .blog-thumb .blog-lavel {
position: absolute;
top: 25px;
left: 25px;
}
.blog-card-gamma .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: 4px 20px;
transition: all 0.3s;
}
.blog-card-gamma .blog-thumb .blog-lavel a i {
margin-right: 6px;
}
.blog-card-gamma .blog-content {
padding: 20px;
text-align: center;
}
.blog-card-gamma .blog-content .blog-short-description {
margin: 10px 0;
text-align: justify;
}
.blog-card-gamma .blog-content .read-more i {
position: relative;
top: 3px;
}
.blog-card-gamma .blog-content .blog-body-top {
display: flex;
justify-content: center;
gap: 30px;
margin-bottom: 5px;
}
.blog-card-gamma .blog-content .blog-body-top a {
font-weight: 500;
font-size: 15px;
color: #696969;
}
.blog-card-gamma .blog-content .blog-body-top a i {
color: var(--c-primary);
margin-right: 6px;
}
.blog-card-gamma .blog-content .blog-title {
padding-top: 8px;
font-weight: 600;
line-height: 28px;
font-size: 20px;
color: #2d373c;
word-wrap: break-word;
}
.blog-card-gamma .blog-content .blog-title a {
color: inherit;
}
.blog-card-beta {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
overflow: hidden;
}
.blog-card-beta:hover .blog-thumb img {
transform: scale(1.05) translateX(4px);
}
.blog-card-beta:hover .blog-thumb .blog-lavel a {
color: #fff;
background: var(--c-primary);
}
.blog-card-beta .blog-thumb {
position: relative;
overflow: hidden;
}
.blog-card-beta .blog-thumb img {
width: 100%;
transition: all 0.3s ease-in;
}
.blog-card-beta .blog-thumb .blog-lavel {
position: absolute;
bottom: 25px;
left: 25px;
}
.blog-card-beta .blog-thumb .blog-lavel a {
font-family: var(--f-secondary);
font-weight: 500;
font-size: 15px;
color: var(--c-primary);
display: inline-block;
background: #fff;
box-shadow: 0px 0px 15px rgba(206, 62, 38, 0.1);
border-radius: 30px;
padding: 5px 20px;
transition: all 0.3s;
}
.blog-card-beta .blog-thumb .blog-lavel a i {
margin-right: 6px;
}
.blog-card-beta .blog-content {
padding: 20px;
text-align: center;
}
.blog-card-beta .blog-content .blog-body-top {
display: flex;
justify-content: space-between;
gap: 35px;
}
.blog-card-beta .blog-content .blog-body-top a {
font-weight: 500;
font-size: 14px;
color: #696969;
}
.blog-card-beta .blog-content .blog-body-top a i {
color: var(--c-primary);
margin-right: 5px;
}
.blog-card-beta .blog-content .blog-title {
padding-top: 8px;
font-weight: 600;
line-height: 28px;
font-size: 20px;
color: #2d373c;
}
.blog-card-beta .blog-content .blog-title:hover a {
color: var(--c-primary);
}
.blog-card-beta .blog-content .blog-title a {
color: inherit;
transition: all 0.35s ease-in;
}
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;
}
.subscribe-two {
margin-top: 44px;
}
.subscribe-two input, .subscribe-two .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .subscribe-two textarea {
background: #ffffff;
border: none;
box-sizing: border-box;
border-radius: 50px 0 0 50px;
height: 100%;
padding: 20px;
width: 100%;
}
.subscribe-two button {
border: none;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-family: var(--f-primary);
background: var(--c-primary);
border-radius: 0px 50px 50px 0px;
height: 100%;
padding: 16px 30px;
margin-left: -1px;
}
.subscribe-two button:hover {
background: #162b32;
transition: all 0.3s ease-in;
}
.subscribe-two .newslatter-form-input {
display: flex;
justify-content: center;
}
.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, .blog-sidebar .widget-search .search-input-group .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .blog-sidebar .widget-search .search-input-group textarea {
height: 100%;
background: #f5f5f5;
border-radius: 44px 0 0 44px;
padding: 10px 15px;
}
.blog-sidebar .widget-search .search-input-group input::-moz-placeholder, .blog-sidebar .widget-search .search-input-group .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .blog-sidebar .widget-search .search-input-group textarea::-moz-placeholder {
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.blog-sidebar .widget-search .search-input-group input:-ms-input-placeholder, .blog-sidebar .widget-search .search-input-group .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .blog-sidebar .widget-search .search-input-group textarea:-ms-input-placeholder {
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.blog-sidebar .widget-search .search-input-group input::placeholder, .blog-sidebar .widget-search .search-input-group .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .blog-sidebar .widget-search .search-input-group textarea::placeholder {
font-weight: 500;
font-size: 12px;
color: #666666;
line-height: 1;
}
.blog-sidebar .widget-search .search-input-group input:focus, .blog-sidebar .widget-search .search-input-group .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .form-inner .blog-sidebar .widget-search .search-input-group textarea: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;
}
.blog-sidebar .widget-recent-entries-custom ul li:hover .wb h6 {
color: var(--c-primary);
}
.blog-sidebar .widget-recent-entries-custom ul li .wi {
float: left;
width: 80px;
vertical-align: middle;
display: table-cell;
}
.blog-sidebar .widget-recent-entries-custom ul li .wi img {
width: 100%;
}
.blog-sidebar .widget-recent-entries-custom ul li .wb {
vertical-align: middle;
padding-left: 15px;
display: table-cell;
width: 100%;
}
.blog-sidebar .widget-recent-entries-custom ul li .wb h6 {
font-weight: 600;
font-size: 15px;
color: #162b32;
line-height: 20px;
transition: 0.2s;
}
.blog-sidebar .widget-recent-entries-custom ul li .wb h6 a {
color: inherit;
}
.blog-sidebar .widget-recent-entries-custom ul li .wb .wb-info {
display: flex;
justify-content: space-between;
padding-top: 15px;
}
.blog-sidebar .widget-recent-entries-custom ul li .wb .wb-info span {
font-weight: 500;
font-size: 12px;
color: #2d373c;
}
.blog-sidebar .widget-recent-entries-custom ul li .wb .wb-info span i {
margin-right: 5px;
color: var(--c-primary);
}
.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-recent-entries-custom ul li:hover .wb h6 {
color: var(--c-primary);
}
.widget-recent-entries-custom ul li .wi {
float: left;
width: 80px;
vertical-align: middle;
display: table-cell;
}
.widget-recent-entries-custom ul li .wi img {
width: 100%;
}
.widget-recent-entries-custom ul li .wb {
padding-left: 16px;
vertical-align: middle;
display: table-cell;
}
.widget-recent-entries-custom ul li .wb h6 {
font-weight: 600;
font-size: 15px;
color: #162b32;
line-height: 20px;
transition: 0.2s;
}
.widget-recent-entries-custom ul li .wb h6 a {
color: inherit;
}
.widget-recent-entries-custom ul li .wb .wb-info {
display: flex;
justify-content: space-between;
padding-top: 15px;
}
.widget-recent-entries-custom ul li .wb .wb-info span {
font-weight: 500;
font-size: 10px;
color: #2d373c;
}
.widget-recent-entries-custom ul li .wb .wb-info span i {
margin-right: 5px;
color: var(--c-primary);
}
.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 .sub-title {
font-weight: 700;
font-size: 25px;
color: #2d373c;
}
.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,
.post-body .area__title {
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,
.post-body:first-child .area__title {
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-prev-link a.prev-post i {
margin-right: 8px;
}
.blog-details-wrapper .blog-details .post-footer .next-prev-link a.next-post i {
margin-left: 8px;
}
.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;
}
.blog-quote-box-two {
padding: 0 30px;
margin-top: 40px;
margin-bottom: 30px;
}
.blog-quote-box-two blockquote {
margin: 0;
padding-top: 20px;
}
.blog-quote-box-two blockquote p {
margin-top: 0;
line-height: 34px;
font-weight: 600;
font-size: 20px;
color: #2d373c;
}
.comment-respond .comment-reply-title {
font-weight: 600;
font-size: 24px;
color: #2d373c;
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.comment-respond .comment-reply-title small {
font-size: 16px;
text-transform: capitalize;
}
.comment-respond form input[type=submit], .comment-respond form .contact-from-wrapper2 .form-inner textarea[type=submit], .contact-from-wrapper2 .form-inner .comment-respond form textarea[type=submit] {
font-weight: 700;
font-size: 16px;
color: #ffffff;
background: var(--c-primary);
border-radius: 100px;
border: none;
padding: 14px 38px;
transition: all 0.2s;
margin-top: 30px;
}
.blog-quote-box-one {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 100px 5px 5px 5px;
margin-top: 40px;
margin-bottom: 40px;
}
.blog-quote-box-one blockquote {
padding: 30px 30px;
margin: 0;
margin-left: 30px;
}
.blog-quote-box-one blockquote p {
margin-top: 0;
line-height: 34px;
font-weight: 600;
font-size: 20px;
color: #2d373c;
}
.comment-list .commmentor {
margin-right: 10px;
}
.comment-section,
.review-sec {
margin-top: 40px;
}
.comment-section h4,
.review-sec h4 {
font-weight: 600;
font-size: 24px;
color: #2d373c;
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
}
.comment-section h4::after,
.review-sec h4::after {
content: "";
height: 3px;
width: 40px;
background-color: var(--c-primary);
position: absolute;
bottom: 0;
left: 0;
}
.comment-section .comment-list,
.review-sec .comment-list {
list-style-type: none;
margin-top: 60px;
}
.comment-section .comment-list:first-child,
.review-sec .comment-list:first-child {
margin-top: 50px;
}
.comment-section .comment-list .commmentor img,
.review-sec .comment-list .commmentor img {
width: 80px;
height: 80px;
border-radius: 90%;
max-width: unset;
}
@media (max-width: 991px) {
.comment-section .comment-list .commmentor img,
.review-sec .comment-list .commmentor img {
width: 60px;
height: 60px;
}
}
.comment-section .comment-list li,
.review-sec .comment-list li {
width: 100%;
}
.comment-section .comment-list ul.children,
.review-sec .comment-list ul.children {
margin-left: 40px;
list-style-type: none;
}
.comment-section .comment-list ul.children li.comment:last-child,
.review-sec .comment-list ul.children li.comment:last-child {
margin-bottom: 20px;
}
.comment-section .comment-list li.comment,
.review-sec .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,
.review-sec .comment-list li.comment:last-child {
margin-bottom: 0;
}
.comment-section .comment-list li.comment > .comment,
.review-sec .comment-list li.comment > .comment {
padding: 0 10px;
}
.comment-section .comment-list .comment,
.review-sec .comment-list .comment {
width: 100%;
list-style-type: none;
position: relative;
}
.comment-section .comment-list .comment .reply-btn,
.review-sec .comment-list .comment .reply-btn {
padding-top: 8px;
text-align: left;
right: 0;
top: 0;
margin: 0;
}
.comment-section .comment-list .comment p.stars,
.review-sec .comment-list .comment p.stars {
position: absolute;
right: 0;
top: 0;
}
.comment-section .comment-list .comment p.stars i,
.review-sec .comment-list .comment p.stars i {
color: var(--c-primary);
margin: 0 4px;
font-size: 20px;
}
.comment-section .comment-list .comment .info h6,
.review-sec .comment-list .comment .info h6 {
font-weight: 600;
font-size: 20px;
color: #1a2c42;
margin-bottom: 3px;
}
.comment-section .comment-list .comment .info span,
.review-sec .comment-list .comment .info span {
font-size: 13px;
color: var(--c-primary);
font-weight: 500;
}
.comment-section .comment-list .comment p,
.review-sec .comment-list .comment p {
font-size: 16px;
line-height: 30px;
padding-top: 5px;
color: #666666;
}
.comment-section .comment-list .comment:hover a,
.review-sec .comment-list .comment:hover a {
color: var(--c-primary);
}
.comment-section .comment-list .comment a,
.review-sec .comment-list .comment a {
font-weight: 700;
font-size: 15px;
color: #162b32;
transition: 0.3s;
}
.comment-section .comment-list .comment a i,
.review-sec .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;
}
.review-sec .review-box h4 {
margin: 0;
}
.comment-form-wrapper {
padding: 30px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
}
.comment-form-wrapper h3#reply-title {
font-weight: 600;
font-size: 24px;
color: #2d373c;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}
.comment-form-wrapper h3#reply-title::after {
content: "";
height: 3px;
width: 40px;
background-color: var(--c-primary);
position: absolute;
bottom: 0;
left: 0;
}
.comment-form-wrapper .comment-rating {
margin-top: 10px;
}
.comment-form-wrapper .comment-rating > label {
font-weight: 600;
}
.comment-form-wrapper .form-submit .btn.btn-submit {
font-weight: 700;
font-size: 16px;
color: #ffffff;
background: var(--c-primary);
border-radius: 100px;
border: none;
padding: 14px 38px;
transition: all 0.2s;
margin-top: 30px;
}
.comment-form-wrapper .form-submit .btn.btn-submit:hover {
background: #7bbf51;
}
.comment-form-wrapper .star-cb-group { font-size: 0; unicode-bidi: bidi-override;
direction: rtl; }
.comment-form-wrapper .star-cb-group * {
font-size: 17px;
}
.comment-form-wrapper .star-cb-group > input, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea {
display: none;
}
.comment-form-wrapper .star-cb-group > input + label, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea + label, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea + label {
display: inline-block !important;
overflow: hidden;
text-indent: 9999px;
width: 0.87em;
white-space: nowrap;
margin-right: 5px;
padding: 0 !important;
cursor: pointer;
line-height: initial !important;
}
.comment-form-wrapper .star-cb-group > input + label:before, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea + label:before, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea + label:before {
display: inline-block;
text-indent: -9999px;
content: "☆" !important;
color: #888;
position: relative !important;
font-weight: 600;
}
.comment-form-wrapper .star-cb-group > input + label:after, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea + label:after, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea + label:after {
content: none !important;
}
.comment-form-wrapper .star-cb-group > input:checked ~ label:before, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea:checked ~ label:before, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea:checked ~ label:before,
.comment-form-wrapper .star-cb-group > input + label:hover ~ label:before,
.comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea + label:hover ~ label:before,
.contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea + label:hover ~ label:before,
.comment-form-wrapper .star-cb-group > input + label:hover:before,
.comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group > textarea + label:hover:before,
.contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group > textarea + label:hover:before {
content: "★";
color: var(--c-primary);
text-shadow: 0 0 1px #333;
position: inherit;
}
.comment-form-wrapper .star-cb-group > .star-cb-clear + label {
text-indent: -9999px;
width: 0.5em;
margin-left: -0.5em;
}
.comment-form-wrapper .star-cb-group > .star-cb-clear + label:before {
width: 0.5em;
}
.comment-form-wrapper .star-cb-group:hover > input + label:before, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group:hover > textarea + label:before, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group:hover > textarea + label:before {
content: "☆";
color: #888;
text-shadow: none;
}
.comment-form-wrapper .star-cb-group:hover > input + label:hover ~ label:before, .comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group:hover > textarea + label:hover ~ label:before, .contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group:hover > textarea + label:hover ~ label:before,
.comment-form-wrapper .star-cb-group:hover > input + label:hover:before,
.comment-form-wrapper .contact-from-wrapper2 .form-inner .star-cb-group:hover > textarea + label:hover:before,
.contact-from-wrapper2 .form-inner .comment-form-wrapper .star-cb-group:hover > textarea + label:hover:before {
content: "★";
color: var(--c-primary);
text-shadow: 0 0 1px #333;
}
.box-shadow-n {
box-shadow: none;
}
.blog-thumb .slider-arrows {
position: absolute;
top: 50%;
left: -50px;
bottom: 50%;
z-index: 9;
transform: translateY(-50%);
width: 150%;
justify-content: space-between;
background: #fff;
transition: 0.5s ease-in-out;
}
.blog-thumb .slider-arrows .archive-prev,
.blog-thumb .slider-arrows .archive-next {
background: #fff;
border: 1px solid #fff;
box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.1);
width: 50px;
height: 50px;
transition: 0.5s ease-in-out;
}
.blog-thumb .slider-arrows .archive-prev .bx,
.blog-thumb .slider-arrows .archive-next .bx {
font-size: 30px;
}
.blog-thumb:hover .slider-arrows {
left: 30px;
width: 100%;
}
.blog-thumb:hover .slider-arrows .archive-next {
margin-right: 60px;
}  .footer-area {
overflow: hidden;
}
.footer-area .copyright-footer-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-area .copyright-footer-area .copyright-link {
order: 3;
}
.footer-area .copyright-footer-area .footer-logo {
order: 1;
}
.footer-area .copyright-footer-area .footer-menu {
order: 3;
}
.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 .address .contact {
line-height: 1.7em;
}
.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-main-wrapper .footer-widget .footer-gallary-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
padding-top: 15px;
}
.footer-area .footer-main-wrapper .footer-widget .footer-gallary-grid .footer-gallary-item img {
width: 100%;
border-radius: 4px;
}
.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 .footer-logo {
padding: 10px 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;
}
.footer-area .footer-bottom .footer-menu ul {
list-style: none;
list-style-type: none;
}
.footer-area .footer-bottom .policy-links .policy-list {
display: flex;
padding: 0px;
margin: 0;
}
.footer-area .footer-bottom .policy-links .policy-list li {
list-style-type: none;
margin-right: 30px;
position: relative;
}
.footer-area .footer-bottom .policy-links .policy-list li a {
font-weight: 500;
font-size: 15px;
color: #ffffff;
}
.footer-area .footer-bottom .policy-links .policy-list li:last-child {
margin-right: 0;
}
.footer-area .footer-bottom .policy-links .policy-list li:last-child::before {
position: absolute;
content: "";
left: -15px;
top: 50%;
transform: translateY(-50%);
background: var(--c-primary);
height: 12px;
width: 1px;
}
.footer-social-icons {
padding-top: 30px;
}
.footer-social-icons h5 {
font-weight: 700;
font-size: 25px;
color: #ffffff;
font-family: var(--f-primary);
}
.footer-social-icons .footer-social-links {
display: flex;
flex-wrap: wrap;
padding-top: 10px;
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.footer-social-icons .footer-social-links li {
margin-right: 20px;
margin-top: 10px;
}
.footer-social-icons .footer-social-links li:last-child {
margin-right: 0;
}
.footer-social-icons .footer-social-links li a {
display: inline-flex;
width: 37.5px;
height: 37.5px;
background: var(--c-primary);
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
border-radius: 34px;
border: 1px solid var(--c-primary);
justify-content: center;
align-items: center;
color: #fff;
transition: 0.35s;
}
.footer-social-icons .footer-social-links li a:hover {
background: transparent;
color: var(--c-primary);
}
.footer-social-icons .footer-social-links li a:hover i {
transform: scale(1.05);
}
.footer-social-icons .footer-social-links li a i {
font-size: 17px;
transition: 0.35s;
}  .world-map-area .world-map-wrap {
min-height: 650px;
position: relative;
}
.world-map-area .world-map-wrap .world-map-background {
position: absolute;
inset: 0;
}
.world-map-area .world-map-wrap .world-map-background img {
width: 100%;
height: 100%;
}
.world-map-area .world-map-wrap .single-location {
position: absolute;
}
.world-map-area .world-map-wrap .single-location:hover .location-disc {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.world-map-area .world-map-wrap .single-location.location-1 {
top: 20%;
left: 10%;
}
.world-map-area .world-map-wrap .single-location.location-2 {
top: 30%;
left: 38%;
}
.world-map-area .world-map-wrap .single-location.location-3 {
top: 40%;
left: 68%;
}
.world-map-area .world-map-wrap .single-location.location-4 {
top: 76%;
left: 15%;
}
.world-map-area .world-map-wrap .single-location.location-5 {
top: 70%;
left: 50%;
}
.world-map-area .world-map-wrap .single-location .location-icon {
height: 50px;
width: 50px;
display: inline-block;
margin-left: 5px;
}
.world-map-area .world-map-wrap .single-location .location-icon i {
font-size: 30px;
color: var(--c-primary);
cursor: pointer;
}
.world-map-area .world-map-wrap .single-location .location-disc {
width: 300px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
padding: 28px 25px;
text-align: center;
margin-top: 20px;
opacity: 0;
visibility: hidden;
position: absolute;
transition: all 0.35s;
transform: translateY(20px);
}
.world-map-area .world-map-wrap .single-location .location-disc::before {
position: absolute;
content: "";
bottom: 100%;
left: 10px;
height: 12px;
width: 20px;
background: #fff;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.world-map-area .world-map-wrap .single-location .location-disc h6 {
font-weight: 700;
font-size: 20px;
color: #2d373c;
font-family: var(--f-primary);
margin-bottom: 10px;
}
.world-map-area .world-map-wrap .single-location .location-disc p {
font-size: 16px;
line-height: 23px;
color: #666666;
}  .about-main-wrappper .about-tab-wrapper .about-tab-image-grid img {
width: 100%;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay {
position: absolute;
inset: 0;
background: rgba(83, 161, 92, 0.368627451);
display: flex;
align-items: center;
justify-content: center;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay:hover .play-icon {
background: rgba(125, 163, 182, 0.8);
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay:hover .play-icon::before {
background: rgba(45, 55, 60, 0.6);
inset: -12px;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay:hover .play-icon::after {
background: rgba(45, 55, 60, 0.5);
inset: -30px;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay .play-icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 53.11px;
height: 53.11px;
background: rgba(45, 55, 60, 0.6);
border-radius: 50%;
position: relative;
z-index: 1;
transition: all 0.25s;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay .play-icon::before {
position: absolute;
content: "";
inset: -6px;
background: rgba(45, 55, 60, 0.5);
border-radius: 50%;
z-index: 1;
transition: all 0.25s;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay .play-icon::after {
position: absolute;
content: "";
inset: -12px;
background: rgba(45, 55, 60, 0.4);
border-radius: 50%;
z-index: -1;
transition: all 0.25s;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .about-video .video-overlay .play-icon i {
font-size: 30px;
color: #ffffff;
position: relative;
z-index: 2;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .float-images {
margin-top: -60px;
}
.about-main-wrappper .about-tab-wrapper .about-tab-image-grid .float-images .about-image {
border-radius: 5px;
overflow: hidden;
}
.about-main-wrappper .about-wrap-title {
font-weight: 800;
font-size: 45px;
line-height: 60px;
color: #2d373c;
}
.about-main-wrappper .about-wrap-title span {
color: var(--c-primary);
}
.about-main-wrappper .about-tab-wrap .about-tab-switcher {
margin-top: 30px;
}
.about-main-wrappper .about-tab-wrap .about-tab-switcher .nav-item .nav-link {
text-align: center;
padding: 20px 12px;
color: #162b32;
min-width: 170px;
cursor: pointer;
}
.about-main-wrappper .about-tab-wrap .about-tab-switcher .nav-item .nav-link.active {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
color: var(--c-primary);
}
.about-main-wrappper .about-tab-wrap .about-tab-switcher .nav-item .nav-link h3 {
font-weight: 800;
font-size: 40px;
letter-spacing: 0.03em;
color: inherit;
}
.about-main-wrappper .about-tab-wrap .about-tab-switcher .nav-item .nav-link h6 {
font-size: 18px;
color: inherit;
padding-top: 10px;
}
.about-main-wrappper .about-tab-wrap .about-tab-content {
padding-top: 20px;
}
.about-main-wrappper .about-tab-wrap .about-tab-content .tab-pane p {
font-size: 16px;
line-height: 30px;
color: #666666;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card {
display: flex;
align-items: center;
padding: 20px 30px;
border: 1px solid rgba(84, 161, 93, 0.3019607843);
box-sizing: border-box;
border-radius: 10px;
margin-top: 30px;
transition: all 0.35s ease-in-out;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card:hover {
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-color: transparent;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card:hover .counter-box h2,
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card:hover .counter-box h6 {
color: #2d373c;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card .counter-box {
min-width: 133px;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card .counter-box h2 {
font-weight: 800;
font-size: 35px;
letter-spacing: 0.03em;
color: var(--c-primary);
transition: all 0.3s;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card .counter-box h6 {
padding-top: 7px;
font-weight: 500;
font-size: 18px;
color: var(--c-primary);
transition: all 0.3s;
}
.about-main-wrappper .achievement-counter-wrap .achievement-counter-cards .achievement-counter-card p {
margin-left: 15px;
font-size: 15px;
line-height: 26px;
color: #666666;
}  .contact-info {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
padding: 40px 40px 45px 40px;
margin-left: -80px;
}
.contact-info h3 {
font-size: 30px;
color: #2d373c;
font-weight: 700;
display: inline-block;
position: relative;
padding-bottom: 7px;
}
.contact-info h3::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background: linear-gradient(90deg, var(--c-primary) 46.35%, rgba(255, 255, 255, 0) 100%);
border-radius: 5px;
}
.contact-info ul li {
list-style-type: none;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
padding: 15px 20px;
margin-top: 30px;
border-radius: 5px 35px 5px 5px;
border: 1px solid #eeeeee;
max-width: 450px;
transition: all 0.4s;
}
.contact-info ul li:hover {
background: #00152b;
}
.contact-info ul li:hover h6,
.contact-info ul li:hover a {
color: #fff;
}
.contact-info ul li h6 {
font-weight: 700;
font-size: 16px;
color: #2d373c;
transition: all 0.3s;
}
.contact-info ul li a {
font-weight: 500;
font-size: 16px;
color: #5c5c5c;
display: inline-block;
margin-top: 8px;
margin-right: 20px;
transition: all 0.3s;
}
.contact-map .mapouter {
position: relative;
text-align: right;
width: 100%;
margin-top: 32px;
}
.contact-map iframe {
width: 100%;
height: 550px;
}
.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;
}  .faq-wrapper .faqs .accordion-header {
padding-bottom: 0;
}
.faq-wrapper .faqs h2 {
font-weight: 800;
font-size: 60px;
letter-spacing: 0.03em;
color: #2d373c;
padding-bottom: 26px;
}
.faq-wrapper .faqs h2 span {
color: red;
}
.faq-wrapper .faq-sidebar .faq-topics {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
padding: 24px 30px;
}
.faq-wrapper .faq-sidebar .faq-topics h3 {
font-weight: 800;
font-size: 25px;
letter-spacing: 0.02em;
color: #2d373c;
padding-bottom: 5px;
}
.faq-wrapper .faq-sidebar .faq-topics .radio-group {
display: flex;
align-items: center;
padding-top: 14px;
}
.faq-wrapper .faq-sidebar .faq-topics .radio-group label {
font-weight: 500;
font-size: 20px;
letter-spacing: 0.02em;
color: #2d373c;
}
.faq-wrapper .faq-sidebar .faq-topics .radio-group input, .faq-wrapper .faq-sidebar .faq-topics .radio-group .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .faq-wrapper .faq-sidebar .faq-topics .radio-group textarea {
padding: 0;
height: 14px;
width: 14px;
margin: 0;
border: 2px solid #2d373c;
margin-right: 10px;
}
.faq-wrapper .faq-sidebar .faq-topics .radio-group input:focus, .faq-wrapper .faq-sidebar .faq-topics .radio-group .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .form-inner .faq-wrapper .faq-sidebar .faq-topics .radio-group textarea:focus {
box-shadow: none;
}
.faq-wrapper .faq-sidebar .faq-topics .radio-group input:checked, .faq-wrapper .faq-sidebar .faq-topics .radio-group .contact-from-wrapper2 .form-inner textarea:checked, .contact-from-wrapper2 .form-inner .faq-wrapper .faq-sidebar .faq-topics .radio-group textarea:checked {
background-image: none;
border-color: var(--c-primary);
background: var(--c-primary);
}
.faq-wrapper .faq-sidebar .faq-form {
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
padding: 40px 25px;
margin-top: 30px;
}
.faq-wrapper .faq-sidebar .faq-form h3 {
font-weight: 800;
font-size: 30px;
letter-spacing: 0.02em;
color: #2d373c;
}
.faq-wrapper .faq-sidebar .faq-form .custom-input-group button[type=submit] {
display: block;
width: 100%;
}
.faq-wrapper .faq-sidebar .faq-form .custom-input-group {
margin-top: 30px;
}  .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;
}
.testimonial-card-body {
padding: 30px;
}
.testimonial-card-body .review-texts p {
font-size: 16px;
line-height: 30px;
color: #666666;
}
.testimonial-card-body .testimonial-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.testimonial-card-body .testimonial-info .reviewr-info {
display: flex;
align-items: center;
}
.testimonial-card-body .testimonial-info .reviewr-info p {
font-size: 18px;
color: #a5a5a5;
padding-top: 4px;
}
.testimonial-card-body .testimonial-info .reviewer-rating {
padding-top: 20px;
display: flex;
list-style-type: none;
}
.testimonial-card-body .testimonial-info .reviewer-rating li i {
color: var(--c-primary);
font-size: 16px;
}
.testimonial-card-body .testimonial-info .reviewer-rating li:last-child {
margin-right: 0;
}
.package-details-wrapper {
padding-bottom: 120px;
}
.testimonial-slider-two .swiper-pagination-bullet {
background-color: #fff;
opacity: 1;
width: 10px;
height: 10px;
}
.testimonial-slider-two .swiper-pagination-bullet-active {
background-color: var(--c-primary);
}
.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;
}
.hero-style-one .slider-one-pagination {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 20px;
position: absolute;
z-index: 2;
}
.hero-style-one .slider-one-pagination span {
opacity: 1;
width: 15px;
height: 15px;
border: 2px solid #fff;
box-sizing: border-box;
display: inline-block;
border-radius: 50%;
background: transparent;
position: relative;
transition: all 0.25s;
}
.hero-style-one .slider-one-pagination span.swiper-pagination-bullet-active {
width: 21px;
height: 21px;
border-color: var(--c-primary);
}
.hero-style-one .slider-one-pagination span.swiper-pagination-bullet-active::before {
position: absolute;
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--c-primary);
left: 4px;
top: 4px;
}
.section-head-alpha {
max-width: 710px;
padding-bottom: 50px;
}
.section-head-alpha h2 {
font-weight: 800;
font-size: 42px;
line-height: 42px;
color: #2d373c;
margin-top: -7px;
}
.section-head-alpha p {
padding-top: 10px;
font-size: 16px;
color: #666666;
}
.section-head-alpha.section-padding-15 {
padding-bottom: 15px;
}
.testimonial-style-one .section-head-alpha h2 {
color: #fff;
line-height: 55px;
}
.testimonial-style-one .section-head-alpha p {
color: #fff;
}
.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, .error-area-wrapper form#searchform .search-input-group .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .error-area-wrapper form#searchform .search-input-group textarea {
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, .error-area-wrapper form#searchform .search-input-group .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .form-inner .error-area-wrapper form#searchform .search-input-group textarea: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;
}
.contact-wrapper .contact-info ul {
margin: 0;
padding: 0;
}
.tour-package-wrapper ul.pagination.pagination-style-one {
margin: 0;
}
.number {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 20px;
}
.number p {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.03em;
color: #ffffff;
margin: 0;
}
.office-mail {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 20px;
}
.office-mail p {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.03em;
color: #ffffff;
margin: 0;
}
.address {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 20px;
}
.address p {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.03em;
color: #ffffff;
margin: 0;
}
.phone a {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.03em;
color: #ffffff;
display: block;
padding-bottom: 5px;
transition: all 0.5s ease-out 0s;
}
.phone a:hover {
color: var(--c-primary);
}
.email a {
font-weight: 500;
font-size: 15px;
letter-spacing: 0.03em;
color: #ffffff;
display: block;
padding-bottom: 5px;
transition: all 0.5s ease-out 0s;
}
.email a:hover {
color: var(--c-primary);
}
.num-icon {
min-width: 35px;
}
.num-icon i {
color: var(--primary_color);
font-size: 20px;
}
.mail-icon {
min-width: 35px;
}
.mail-icon i {
color: var(--primary_color);
font-size: 20px;
}
.address-icon {
min-width: 35px;
}
.address-icon i {
color: var(--primary_color);
font-size: 20px;
}
.newsletter-section3 {
background-image: url(//360monte.me/wp-content/themes/turio/assets/images/banner/newsletter4-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 210px;
}
.newsletter-section3 .newslatter-side {
color: #fff;
}
.newsletter-section3 .newslatter-side h2 {
font-family: var(--f-secondary);
font-weight: 800;
font-size: 56px;
line-height: 80px;
color: #ffffff;
margin-top: -10px;
}
.newsletter-section3 .newslatter-side h2 span {
color: var(--c-primary);
}
.newsletter-section3 .newslatter-side p {
font-size: 16px;
font-weight: 500;
color: #ffffff;
padding-top: 10px;
max-width: 98%;
margin-left: auto;
margin-right: auto;
}
.newsletter-section3 .newslatter-side .newslatter-form-input {
position: relative;
margin-top: 50px;
}
.newsletter-section3 .newslatter-side .newslatter-form-input input, .newsletter-section3 .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .newsletter-section3 .newslatter-side .newslatter-form-input textarea {
background: #ffffff;
border: 1px solid rgba(206, 62, 38, 0.2);
box-sizing: border-box;
height: 70px;
border-radius: 5px;
padding: 20px 46px 20px 20px;
}
.newsletter-section3 .newslatter-side .newslatter-form-input input::-moz-placeholder, .newsletter-section3 .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .newsletter-section3 .newslatter-side .newslatter-form-input textarea::-moz-placeholder {
font-size: 11px;
color: #666666;
}
.newsletter-section3 .newslatter-side .newslatter-form-input input:-ms-input-placeholder, .newsletter-section3 .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .newsletter-section3 .newslatter-side .newslatter-form-input textarea:-ms-input-placeholder {
font-size: 11px;
color: #666666;
}
.newsletter-section3 .newslatter-side .newslatter-form-input input::placeholder, .newsletter-section3 .newslatter-side .newslatter-form-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .newsletter-section3 .newslatter-side .newslatter-form-input textarea::placeholder {
font-size: 11px;
color: #666666;
}
.newsletter-section3 .newslatter-side .newslatter-form-input .newslatter-submit {
position: relative;
font-weight: 700;
font-size: 16px;
color: #ffffff;
font-family: var(--f-secondary);
background: var(--c-primary);
border-radius: 5px;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
border: none;
padding: 0 30px;
height: 60px;
transition: all 0.3s;
}
.newsletter-section3 .newslatter-side .newslatter-form-input .newslatter-submit:hover {
background: #162b32;
}
.feature-section {
margin-top: -90px;
}
.feature-section .counter-single {
text-align: center;
background: #fff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 5px;
padding: 30px;
transition: all 0.3s ease-out 0s;
}
.feature-section .counter-single:hover {
transform: translateY(-8px);
}
.feature-section .counter-single .icon {
margin-bottom: 15px;
}
.feature-section .counter-single h3 {
font-size: 36px;
font-weight: 700;
color: var(--text-primary);
}
.feature-section .counter-single p {
margin-bottom: 0;
font-size: 22px;
color: var(--text-primary);
font-weight: 600;
}
.package-delta {
position: relative;
overflow: hidden;
border-radius: 0px;
min-height: 450px;
display: flex;
align-items: flex-end;
background: linear-gradient(179.97deg, rgba(32, 32, 32, 0) 20.42%, #202020 99.97%);
padding: 30px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-delta {
min-height: 400px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-delta {
min-height: 370px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-delta {
min-height: 370px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.package-delta {
min-height: 400px;
}
}
@media (max-width: 576px) {
.package-delta {
min-height: 360px;
}
}
.package-delta .package-img {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1);
transition: all 0.65s ease-out 0s;
}
.package-delta .text h4 {
line-height: 1.4;
position: relative;
transition: all 0.65s ease-out 0s;
}
.package-delta .text h4 a {
font-size: 24px;
font-weight: 700;
color: #fff;
}
.package-delta .text > span {
font-size: 16px;
font-weight: 600;
color: #fff;
display: inline-block;
padding-top: 5px;
}
.package-delta .text > span i {
margin-right: 8px;
font-weight: 400;
}
.package-delta .package-badge {
position: absolute;
left: 30px;
top: 30px;
transition: all 0.55s ease-out 0s;
background: var(--c-primary);
color: #fff;
padding: 6px 20px;
font-size: 14px;
font-weight: 600;
}
.package-delta .package-badge:hover {
background: #666666;
}
.package-delta .package-badge del {
color: #dddddd;
margin-left: 5px;
}
.package-delta:hover .package-img {
transform: scale(1.2) rotate(3deg);
}
.mcnl-wrapper {
position: relative;
margin: 0px auto;
margin-top: 40px;
}
.mcnl-wrapper input[type=submit], .mcnl-wrapper .contact-from-wrapper2 .form-inner textarea[type=submit], .contact-from-wrapper2 .form-inner .mcnl-wrapper textarea[type=submit] {
position: absolute;
background: var(--c-primary);
border: none;
color: #fff;
min-height: 55px;
margin-left: 15px;
padding: 10px 26px;
font-family: var(--f-secondary);
font-weight: 700;
text-transform: capitalize;
right: 7px;
top: 8px;
border-radius: 5px;
}
.mcnl-wrapper input[type=email], .mcnl-wrapper .contact-from-wrapper2 .form-inner textarea[type=email], .contact-from-wrapper2 .form-inner .mcnl-wrapper textarea[type=email] {
padding: 10px 20px;
border-radius: 5px;
border: none;
min-height: 70px;
max-width: 100%;
width: 100%;
}
.mcnl-wrapper input[type=submit]:hover, .mcnl-wrapper .contact-from-wrapper2 .form-inner textarea[type=submit]:hover, .contact-from-wrapper2 .form-inner .mcnl-wrapper textarea[type=submit]:hover {
background: #162b32;
transition: all 0.3s;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--c-primary);
}
.site-title h3 {
font-size: 30px;
margin: 24px 0;
font-weight: 700;
}
.set-menu h4 a {
font-size: 20px;
color: #222;
}
.destination-card-style-two {
position: relative;
z-index: 1;
}
.destination-card-style-two::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(179.97deg, rgba(32, 32, 32, 0) 20.42%, #202020 99.97%);
z-index: 1;
}
.destination-card-style-two .d-card-content {
z-index: 2;
} .home-one-hero .video-wrap {
position: relative;
}
.home-one-hero .video-wrap video {
width: 100%;
}
@media (max-width: 991px) {
.home-one-hero .video-wrap video {
min-height: 630px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-one-hero .hero-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 90px 20px 90px 40px;
margin: 0 auto;
text-align: center;
width: 100%;
}
@media (max-width: 576px) {
.home-one-hero .hero-content {
padding: 90px 20px 90px;
}
}
.home-one-hero .hero-content h5 {
font-size: 16px;
margin-bottom: 10px;
color: #fff;
letter-spacing: 5px;
font-weight: 300;
text-transform: uppercase;
}
.home-one-hero .hero-content h2 {
font-family: var(--f-secondary);
font-weight: 700;
font-size: 85px;
line-height: 95px;
letter-spacing: 0.05em;
color: var(--c-primary);
}
.home-one-hero .hero-content h2 span {
-webkit-text-stroke: 2px var(--c-primary);
-webkit-text-fill-color: transparent;
}
@media (max-width: 576px) {
.home-one-hero .hero-content h2 {
font-size: 50px;
line-height: 58px;
}
}
.home-one-hero .hero-content p {
padding-top: 25px;
font-weight: 400;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
color: #ffffff;
max-width: 800px;
margin: 0 auto;
}
.home-one-hero .hero-content .hero-btns {
padding-top: 40px;
}
.home-one-hero .hero-content .hero-btns a {
margin-top: 15px;
margin-right: 50px;
}
.home-one-hero .hero-content .hero-btns a:last-child {
margin-right: 0;
} .home-three-hero .video-wrap {
position: relative;
}
.home-three-hero .video-wrap video {
width: 100%;
}
@media (max-width: 991px) {
.home-three-hero .video-wrap video {
min-height: 630px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-three-hero .video-wrap .hero3-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
text-align: center;
max-width: 730px;
width: 100%;
padding: 150px 20px 80px;
}
.home-three-hero .video-wrap .hero3-content .title-top-text {
font-size: 20px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
display: block;
-webkit-animation: unset;
animation: unset;
}
.home-three-hero .video-wrap .hero3-content span {
color: #fff;
font-size: 20px;
font-weight: 500;
display: inline-block;
}
.home-three-hero .video-wrap .hero3-content h1 {
font-size: 70px;
font-weight: 700;
color: #fff;
margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
.home-three-hero .video-wrap .hero3-content h1 {
font-size: 60px;
}
}
@media (max-width: 767px) {
.home-three-hero .video-wrap .hero3-content h1 {
font-size: 50px;
}
}
.home-three-hero .video-wrap .hero3-content p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin-bottom: 45px;
} .home-four-hero .video-wrap {
position: relative;
}
.home-four-hero .video-wrap video {
width: 100%;
}
@media (max-width: 991px) {
.home-four-hero .video-wrap video {
min-height: 670px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-four-hero .video-wrap .hero4-content {
text-align: left;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
max-width: 730px;
width: 100%;
padding: 0px 20px;
}
.home-four-hero .video-wrap .hero4-content .title-top-text {
font-size: 20px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
display: block;
-webkit-animation: unset;
animation: unset;
}
.home-four-hero .video-wrap .hero4-content .title-top {
color: #fff;
font-size: 20px;
font-weight: 500;
}
.home-four-hero .video-wrap .hero4-content h1 {    font-weight: 700;
color: #fff;
margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
.home-four-hero .video-wrap .hero4-content h1 {  font-size: 25px; }
}
@media (max-width: 767px) {
.home-four-hero .video-wrap .hero4-content h1 {  font-size: 20px; }
}
.home-four-hero .video-wrap .hero4-content p {  font-weight: 400;
color: #fff;
margin-bottom: 45px;
}  @media screen and (max-width: 1199px) {
header .header-style-one.newes .main-nav-wrapper ul li a {
color: #2d373c !important;
}
header .header-style-one.newes .main-nav-wrapper ul li {
display: block;
}
}
.hh .header-area .hotline-info span {
color: #fff;
}
.hh .header-area .hotline-info h6 a {
color: #fff;
}
.booking-form-box .nav-pills .nav-link {
font-size: 16px;
font-weight: 500;
border-radius: 0rem;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
line-height: 20px;
}
.booking-form-box .nav-pills .nav-link:hover {
color: var(--white);
background-color: var(--c-primary);
transition: 0.4s all ease-in;
}
.booking-form-box .nav-pills .nav-link.active,
.booking-form-box .nav-pills .show > .nav-link {
color: #fff;
background-color: var(--primary-color1);
}
.booking-form-box .separate-line {
opacity: 0.1;
margin: 20px 0px 36px 0px;
}
.separate-line2 {
opacity: 0.1;
margin: 30px 0px;
}
.text-danger {
color: #dc3545 !important;
margin-bottom: 10px;
display: block;
} .check-container {
display: flex;
justify-content: space-between;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 500;
}
.check-container .bi {
color: #ffcc33;
margin-right: 3px;
}
.check-container span.price {
color: var(--text-primary);
font-weight: 600;
} .checkbox-container input, .checkbox-container .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .checkbox-container textarea {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark {
position: absolute;
top: 5px;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
} .checkbox-container:hover input ~ .checkmark, .checkbox-container:hover .contact-from-wrapper2 .form-inner textarea ~ .checkmark, .contact-from-wrapper2 .form-inner .checkbox-container:hover textarea ~ .checkmark {
background-color: #ccc;
} .checkbox-container input:checked ~ .checkmark, .checkbox-container .contact-from-wrapper2 .form-inner textarea:checked ~ .checkmark, .contact-from-wrapper2 .form-inner .checkbox-container textarea:checked ~ .checkmark {
background-color: var(--primary-color1);
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .checkbox-container input:checked ~ .checkmark:after, .checkbox-container .contact-from-wrapper2 .form-inner textarea:checked ~ .checkmark:after, .contact-from-wrapper2 .form-inner .checkbox-container textarea:checked ~ .checkmark:after {
display: block;
} .checkbox-container .checkmark:after {
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.clearfix::after {
content: "";
clear: both;
display: block;
}
h4.package-widget-title {
font-size: 2.2rem;
font-weight: 600;
color: var(--text-primary);
font-family: var(--f-primary);
margin-bottom: 30px;
}
.package-filter-area {
margin-bottom: 40px;
display: flex;
flex-direction: row;
padding: 0px 10px;
align-items: center;
justify-content: space-between;
}
.package-filter-area h4 {
font-size: 2.5rem;
font-weight: 600;
color: var(--text-primary);
font-family: var(--f-primary);
}
.tour-package-sidebar {
max-width: 100%;
}
.check-box-item {
margin-bottom: 35px;
}
.check-box-item h5 {
font-size: 2.2rem;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 20px;
font-family: var(--f-primary);
}
.booking-form-item-type {
text-align: left;
}
.booking-form-item-type h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
font-family: var(--font-work-sans);
}
.total-price {
font-size: 16px;
font-weight: 500;
color: var(--text-secondary);
margin-top: 25px;
margin-bottom: 25px;
position: relative;
}
.total-price span {
font-size: 28px;
color: var(--text-primary);
font-weight: 700;
}
.total-price input, .total-price .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .total-price textarea {
width: 110px;
font-size: 28px;
font-weight: 700;
height: 35px;
border: none;
}
.sidebar-booking-form input[type=radio], .sidebar-booking-form .contact-from-wrapper2 .form-inner textarea[type=radio], .contact-from-wrapper2 .form-inner .sidebar-booking-form textarea[type=radio],
.sidebar-booking-form input[type=checked],
.sidebar-booking-form .contact-from-wrapper2 .form-inner textarea[type=checked],
.contact-from-wrapper2 .form-inner .sidebar-booking-form textarea[type=checked] {
width: 18px;
height: 18px;
margin-right: 10px;
}
.sidebar-booking-form label {
font-size: 17px;
display: flex;
text-align: left;
}
.sidebar-booking-form input, .sidebar-booking-form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .sidebar-booking-form textarea {
accent-color: var(--text-secondary);
}
.radio-item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
position: relative;
}
.radio-item .custom-date {
display: inline-block;
position: absolute;
font-size: 16px;
font-weight: 600;
line-height: 1;
top: -13px;
left: 45px;
background: #fff;
padding: 5px;
}
.radio-item:last-child {
margin-bottom: 0px;
}
.radio-item > label {
width: 100%;
align-items: center;
}
.radio-item #customDateDatepicker {
width: 100%;
border: 1px solid var(--border-color);
padding: 8px 20px;
border-radius: unset;
}
.radio-item .tour-date {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.radio-item .tour-date .radio-arrow .bi {
font-size: 22px;
color: var(--primary-color1);
}
.radio-item .tour-date .start-date span,
.radio-item .tour-date .end-date span {
color: var(--text-secondary);
}
.radio-item .tour-date .start-date span:first-child,
.radio-item .tour-date .end-date span:first-child {
font-size: 14px;
font-weight: 600;
display: block;
line-height: 1;
}
.radio-item .tour-date .start-date span:last-child,
.radio-item .tour-date .end-date span:last-child {
font-size: 13px;
font-weight: 400;
}
.number-input-item {
cursor: pointer;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
align-items: center;
}
.number-input-item:last-child {
margin-bottom: 0px;
}
.number-input-item .number-input-lable {
min-width: 125px;
display: flex;
justify-content: space-between;
font-size: 18px;
font-weight: 500;
color: var(--text-primary);
gap: 15px;
}
.number-input-item .number-input-lable del {
font-size: 13px;
}
.number-input-item .number-input-lable span:last-child {
font-weight: 700;
}
.tour-information .details-img-group {
margin: 18px 0px 40px 0px;
}
.tour-information .tour-price {
display: inline-flex;
align-items: center;
margin-bottom: 10px;
}
.tour-information .tour-price h3 {
font-size: 3.5rem;
font-weight: 700;
color: var(--text-primary);
font-family: var(--f-primary);
}
.tour-information .tour-price h3 del {
font-size: 70%;
opacity: 0.5;
}
.tour-information .tour-price span {
display: inline-block;
margin-left: 10px;
font-size: 14px;
font-weight: 500;
color: var(--text-secondary);
font-family: var(--f-primary);
}
.tour-information ul.tour-info-metalist {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.tour-information ul.tour-info-metalist {
flex-wrap: wrap;
gap: 5px;
}
}
.tour-information ul.tour-info-metalist li {
font-size: 16px;
font-weight: 600;
color: var(--text-secondary);
font-family: var(--font-work-sans);
margin-right: 35px;
}
.tour-information ul.tour-info-metalist li svg {
margin-top: -5px;
margin-right: 8px;
fill: var(--primary-color1);
}
.tour-information P {
font-size: 17px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
line-height: 1.7;
}
.tour-info-list-area {
border: 1px solid #eeeeee;
background-color: var(--white);
margin: 30px 0px 30px 0px;
}
.tour-info-list-area ul.info-list-1 {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #eeeeee;
padding: 30px;
}
@media (max-width: 767px) {
.tour-info-list-area ul.info-list-1 {
padding: 25px 20px;
}
}
.tour-info-list-area ul.info-list-1 > li {
display: block;
margin-bottom: 25px;
}
.tour-info-list-area ul.info-list-1 > li span:first-child {
font-size: 16px;
font-weight: 600;
color: var(--text-primary);
font-family: var(--f-primary);
width: 35%;
display: inline-block;
}
@media (max-width: 767px) {
.tour-info-list-area ul.info-list-1 > li span:first-child {
width: 100%;
margin-bottom: 8px;
}
}
.tour-info-list-area ul.info-list-1 > li span:last-child {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
width: 65%;
}
.tour-info-list-area ul.info-list-1 > li ul.info-sublist {
list-style: none;
margin: 0;
padding: 0;
width: 65%;
margin-left: auto;
margin-top: -25px;
gap: 20px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 767px) {
.tour-info-list-area ul.info-list-1 > li ul.info-sublist {
width: 100%;
margin-top: 10px;
margin-left: 0;
}
}
.tour-info-list-area ul.info-list-1 > li ul.info-sublist li {
display: inline-block;
width: 47%;
font-size: 17px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
}
@media (max-width: 767px) {
.tour-info-list-area ul.info-list-1 > li ul.info-sublist li {
width: 100%;
}
}
.tour-info-list-area ul.info-list-1 > li ul.info-sublist i {
color: var(--primary-color1);
font-size: 20px;
font-weight: 500;
vertical-align: middle;
margin-right: 8px;
}
.tour-plan-single {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 25px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 40px;
}
.tour-plan-single:last-child {
margin-bottom: 0;
border-bottom: 0;
}
@media (max-width: 576px) {
.tour-plan-single {
flex-wrap: wrap;
gap: 20px;
}
}
.tour-plan-single .plan-serial {
width: 54px;
height: 54px;
line-height: 54px;
text-align: center;
border-radius: 50%;
border: 1px solid var(--primary-color1);
min-width: 54px;
border-radius: 0px;
background: var(--white);
transition: all 0.45s cubic-bezier(0.84, 0.35, 0.39, 0.74);
}
.tour-plan-single .plan-serial span {
display: inline-block;
font-size: 2.8rem;
font-weight: 600;
color: var(--primary-color1);
font-family: var(--font-work-sans);
transition: all 0.45s cubic-bezier(0.84, 0.35, 0.39, 0.74);
}
.tour-plan-single h4.plan-title {
font-size: 2.2rem;
font-weight: 600;
color: var(--text-primary);
font-family: var(--f-primary);
margin-bottom: 20px;
}
.tour-plan-single p {
font-size: 17px;
font-weight: 400;
color: var(--text-primary);
font-family: var(--font-work-sans);
}
.tour-plan-single:hover .plan-serial {
background: var(--primary-color1);
}
.tour-plan-single:hover .plan-serial span {
font-size: 2.8rem;
font-weight: 600;
color: var(--white);
}
.tour-plan-single .plan-list {
list-style: none;
margin: 0;
padding: 0;
margin-top: 25px;
}
.tour-plan-single .plan-list li {
font-size: 18px;
font-weight: 400;
color: var(--text-primary);
font-family: var(--font-work-sans);
margin-bottom: 15px;
position: relative;
padding-left: 25px;
}
.tour-plan-single .plan-list li::before {
content: "\f633";
font-family: "Bootstrap-icons";
position: absolute;
left: 0;
top: 5px;
font-weight: 300;
font-size: 14px;
color: var(--primary-color1);
}
.tour-location .map-area {
margin-bottom: 30px;
}
.tour-gallery {
position: relative;
overflow: hidden;
}
.tour-gallery a {
display: inline-block;
overflow: hidden;
}
.tour-gallery a img {
transition: all 0.55s ease;
}
.tour-gallery a:hover img {
width: 100%;
transform: scale(1.1);
}
.tour-review-area {
padding: 0px 10px;
}
.review-progress-box {
border: 1px solid #eeeeee;
margin: 45px 0px;
padding: 35px;
}
@media (max-width: 767px) {
.review-progress-box {
padding: 25px;
}
}
.review-progress-box .tour-review-number {
text-align: center;
}
@media (max-width: 991px) {
.review-progress-box .tour-review-number {
margin-bottom: 15px;
}
}
.review-progress-box .tour-review-number span {
font-size: 5rem;
font-weight: 500;
color: var(--primary-color1);
font-family: var(--font-work-sans);
}
.review-progress-box .tour-review-number h2 {
font-size: 2.5rem;
font-weight: 500;
color: var(--text-primary);
font-family: var(--font-work-sans);
}
.review-progress-box .progress-singl {
position: relative;
margin-bottom: 35px;
}
.review-progress-box .progress-singl:last-child {
margin-bottom: 0px;
}
.review-progress-box .progress-singl span {
position: absolute;
top: -6px;
font-size: 18px;
font-weight: 500;
color: var(--text-secondary);
font-family: var(--font-work-sans);
}
.review-progress-box .progress-bar {
position: relative;
display: block;
text-align: right;
background: transparent;
color: var(--text-secondary);
font-size: 18px;
font-weight: 500;
font-style: normal;
overflow: visible;
}
.review-progress-box .progress-bar:after {
content: "";
position: absolute;
top: 25px;
left: 0;
display: block;
height: 6px;
border-radius: 5px;
width: var(--progress);
-webkit-animation: progress 2s;
animation: progress 2s;
background: var(--primary-color1-light);
border-radius: 5px 0 0 5px;
border-right: 0;
outline: none;
z-index: 9;
}
.review-progress-box .progress-bar:before {
content: "";
position: absolute;
top: 25px;
left: 0;
display: block;
height: 6px;
border-radius: 5px;
width: 100%;
background: var(--primary-color1-light2);
border-radius: 5px 0 0 5px;
border-right: 0;
outline: none;
z-index: 9;
}
@-webkit-keyframes progress {
from {
width: 0;
}
to {
width: var(--progress);
}
}
@keyframes progress {
from {
width: 0;
}
to {
width: var(--progress);
}
}
.review-commetn-area {
margin-bottom: 54px;
}
.review-commetn-area .review-comment-list {
padding: 0px;
margin: 35px 0 0 0;
list-style: none;
}
.review-commetn-area .review-comment-list > li:last-child .comment-item {
margin-bottom: 0px;
}
.review-commetn-area .review-comment-list > li .comment-reply {
margin: 0px;
padding: 0px 0px 0px 10%;
list-style: none;
}
.review-commetn-area .review-comment-list .comment-item {
border-radius: 5px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 30px;
display: flex;
justify-content: start;
align-items: start;
flex-direction: row;
flex-wrap: nowrap;
gap: 20px;
margin-bottom: 35px;
}
.review-commetn-area .review-comment-list .comment-item .comment-title {
margin-bottom: 11px;
font-weight: 600;
font-size: 16px;
margin-top: 20px;
}
.review-commetn-area .review-comment-list .comment-item .image img {
height: auto;
width: 120px;
border-radius: 50%;
}
@media (max-width: 576px) {
.review-commetn-area .review-comment-list .comment-item {
flex-wrap: wrap;
}
}
.review-commetn-area .review-comment-list .comment-meta {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.review-commetn-area .review-comment-list .comment-meta {
gap: 5px;
flex-wrap: wrap;
}
}
.review-commetn-area .review-comment-list .comment-meta h5 {
font-size: 2rem;
font-weight: 700;
color: var(--text-primary);
font-family: var(--f-primary);
margin-right: 0px;
}
.review-commetn-area .review-comment-list .comment-meta span {
font-size: 14px;
font-weight: 500;
color: var(--text-color2);
}
.review-commetn-area .review-comment-list .content p {
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
.review-commetn-area .review-comment-list .content .reply {
font-size: 17px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
padding-bottom: 3px;
border-bottom: 1px dashed var(--text-secondary);
background-color: var(--white);
outline: none;
margin-top: 5px;
transition: all 0.4s ease;
}
.review-commetn-area .review-comment-list .content .reply:hover {
color: var(--primary-color1);
border-bottom: 1px dashed var(--primary-color1);
}
.review-commetn-area .review-comment-list .content .reply .bi {
margin-left: 5px;
}
.number-input {
border: 1px solid var(--border-color);
display: flex;
align-items: center;
justify-content: center;
width: 135px;
border-radius: 50px;
padding: 4px 5px;
background-color: rgba(237, 237, 237, 0.237);
}
.number-input input[type=number], .number-input .contact-from-wrapper2 .form-inner textarea[type=number], .contact-from-wrapper2 .form-inner .number-input textarea[type=number] {
width: 70px;
text-align: center;
border: none;
background-color: rgba(237, 237, 237, 0.237);
color: var(--text-primary);
font-size: 18px;
font-weight: 600;
height: 30px;
}
.number-input .minus-qty,
.number-input .plus-qty {
width: 25px;
height: 25px;
line-height: 21px;
font-size: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s ease;
}
.number-input .minus-qty:hover,
.number-input .plus-qty:hover {
background-color: var(--primary-color1);
color: var(--white);
}
.review-item-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
margin-top: 25px;
}
.review-item-list > li {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 992px) and (max-width: 1199px) {
.review-item-list > li {
width: calc(50% - 20px);
}
}
@media (max-width: 991px) {
.review-item-list > li {
width: calc(100% - 20px);
}
}
.review-item-list > li span {
display: inline-block;
margin-right: 15px;
font-size: 14px;
font-weight: 500;
color: var(--text-secondary);
font-family: var(--font-work-sans);
}
.review-item-list > li .star-list {
font-size: 14px;
display: flex;
flex-direction: row;
list-style: none;
margin: 0;
padding: 0;
gap: 5px;
}
.review-item-list > li .star-list li {
color: var(--primary-color1);
}
.material-icons.star-icon {
font-size: 38px;
cursor: pointer;
}
.star-rating-wrapper {
margin-top: 30px;
margin-bottom: 20px;
}
.star-rating-wrapper ul.star-rating-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.star-rating-wrapper ul.star-rating-list li {
margin-right: 10px;
}
.star-rating-wrapper ul.star-rating-list li span {
display: inline-block;
margin-top: 10px;
font-size: 18px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
}
.booking-form-box {
position: relative;
text-align: center;
padding: 35px 30px;
background: #ffffff;
box-shadow: 4px 3px 40px rgba(16, 33, 34, 0.06);
width: 100%;
margin: 0 auto 60px auto;
border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.booking-form-box {
padding: 30px 20px;
}
}
@media (max-width: 991px) {
.booking-form-box {
margin-top: 20px;
}
}
@media (max-width: 576px) {
.booking-form-box {
padding: 40px 20px;
}
}
.booking-form-box h3 {
font-size: 1.8rem;
font-weight: 600;
color: var(--text-primary);
font-family: var(--f-primary);
margin-bottom: 15px;
}
.booking-form-box p {
font-size: 17px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
}
.booking-form-box .banner-form {
margin-top: 40px;
}
.booking-form-box .banner-form .searchbox-input {
width: 100%;
}
.booking-form-box .banner-form .searchbox-input input, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea {
width: 100%;
height: 50px;
border: unset;
background-color: var(--white);
padding-left: 10px;
color: var(--text-primary);
transition: all 0.45s ease;
}
.booking-form-box .banner-form .searchbox-input input:focus::-moz-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea:focus::-moz-placeholder, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder {
color: var(--primary-color1);
}
.booking-form-box .banner-form .searchbox-input input:focus:-ms-input-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea:focus:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder {
color: var(--primary-color1);
}
.booking-form-box .banner-form .searchbox-input input:focus::placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea:focus::placeholder, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea:focus::placeholder {
color: var(--primary-color1);
}
.booking-form-box .banner-form .searchbox-input input::-moz-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
-moz-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.booking-form-box .banner-form .searchbox-input input:-ms-input-placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.booking-form-box .banner-form .searchbox-input input::placeholder, .booking-form-box .banner-form .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .booking-form-box .banner-form .searchbox-input textarea::placeholder {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
transition: all 0.45s ease;
}
.booking-form-box .banner-form .searchbox-input textarea {
width: 100%;
border: none;
outline: none;
padding: 13px 10px;
background: transparent;
}
.booking-form-box .banner-form .searchbox-input textarea:focus::-moz-placeholder {
color: var(--primary-color1);
}
.booking-form-box .banner-form .searchbox-input textarea:focus:-ms-input-placeholder {
color: var(--primary-color1);
}
.booking-form-box .banner-form .searchbox-input textarea:focus::placeholder {
color: var(--primary-color1);
}
.booking-form-box .banner-form .searchbox-input textarea::-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
-moz-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.booking-form-box .banner-form .searchbox-input textarea:-ms-input-placeholder {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.booking-form-box .banner-form .searchbox-input textarea::placeholder {
font-size: 16px;
font-weight: 400;
color: var(--text-secondary);
font-family: var(--font-work-sans);
transition: all 0.45s ease;
}
.booking-form-box .banner-form .search-box-single {
display: flex;
flex-direction: row;
align-items: flex-start;
position: relative;
margin-bottom: 25px;
padding: 0px 20px;
border: 1px solid #eeeeee;
transition: all 0.45s ease;
}
@media (max-width: 576px) {
.booking-form-box .banner-form .search-box-single {
padding: 0px 12px;
}
}
.booking-form-box .banner-form .search-box-single .searchbox-icon {
padding-top: 13px;
}
.booking-form-box .banner-form .search-box-single .searchbox-icon .bi {
vertical-align: middle;
transition: all 0.45s ease;
}
.booking-form-box .banner-form .search-box-single:hover {
border: 1px solid var(--primary-color1);
}
.booking-form-box .banner-form .search-box-single:hover .bi {
color: var(--primary-color1);
}
.booking-form-box .nice-select {
background-color: #828286;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
height: 50px;
line-height: 50px;
outline: none;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
border-radius: 0px;
border: unset;
padding-left: 10px;
}
.booking-form-box .nice-select::after {
border-bottom: 2px solid var(--white);
border-right: 2px solid var(--white);
}
.booking-form-box .nice-select .option {
min-height: 35px;
line-height: 35px;
font-size: 14px;
}
.booking-form-box .nice-select .option:hover {
background: var(--primary-color2);
color: var(--text-primary);
}
.booking-form-box .nice-select .option.selected {
background: var(--primary-color2) !important;
}
.booking-form-box .nice-select .current {
font-size: 1.6rem;
font-weight: 500;
color: var(--white);
}
.booking-form-box .nice-select .list {
border: unset;
border: 1px solid rgba(41, 43, 49, 0.03);
margin-top: 6px;
z-index: 100;
border-radius: 0px;
width: 100%;
min-width: 80px;
}
.ui-datepicker {
width: 17em;
padding: 0.5em 0.5em 0;
position: absolute;
top: 0px;
left: 0px;
display: none;
z-index: 13;
}
.calendar {
font-size: 16px;
}
.ui-datepicker td {
border: 0;
padding: 2px;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
background: var(--primary-color1);
border: 1px solid var(--primary-color1);
color: #fff;
border-radius: 0px;
}
div#ui-datepicker-div {
border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
border-radius: 0px;
margin-top: 8px;
margin-left: -15px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid transparent;
background: var(--white);
font-weight: normal;
padding: 4px;
transition: all 0.45s ease;
color: var(--text-color1);
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-button:hover,
html .ui-button.ui-state-disabled:hover:hover,
html .ui-button.ui-state-disabled:active:hover {
border: 1px solid var(--primary-color1);
color: var(--primary-color1);
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid var(--primary-color1) !important;
color: var(--primary-color1) !important;
}
.ui-widget-header .ui-icon {
background-image: unset;
position: relative;
}
.ui-widget-header .ui-icon::after {
content: "\f12c";
position: absolute;
left: 0;
top: 0;
font-family: "bootstrap-icons";
color: var(--white);
z-index: 9;
}
.ui-datepicker-prev {
border: 1px solid var(--primary-color1);
}
.ui-datepicker-prev:hover {
border: 1px solid var(--primary-color1);
background-color: inherit;
}
.ui-datepicker-prev::after {
content: "\f12c";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: 5px;
left: 5px;
z-index: 9;
margin: auto;
font-size: 22px;
color: var(--white);
transition: all 0.35s ease;
}
.ui-datepicker-prev span.ui-icon {
display: none !important;
visibility: hidden;
}
.ui-datepicker-next {
border: 1px solid var(--primary-color1);
}
.ui-datepicker-next:hover {
border: 1px solid var(--primary-color1);
background-color: inherit;
}
.ui-datepicker-next::after {
content: "\f135";
font-family: "bootstrap-icons";
font-weight: 400;
position: absolute;
top: 5px;
left: 5px;
z-index: 9;
margin: auto;
font-size: 22px;
color: var(--white);
transition: all 0.35s ease;
}
.ui-datepicker-next span.ui-icon {
display: none !important;
visibility: hidden;
}
.image-gallery-single {
margin-bottom: 15px;
}
.image-gallery-single img {
width: 100%;
}
.image-gallery-single .image-view {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
display: flex;
justify-content: center;
align-items: center;
transform: scale(0.7);
opacity: 0;
transition: all 0.45s ease-in-out;
}
.image-gallery-single .image-view .bi {
color: var(--primary-color1);
font-size: 35px;
opacity: 0;
transition: all 0.45s ease-in-out;
}
.image-gallery-single:hover .image-view {
transform: scale(1);
opacity: 1;
}
.image-gallery-single:hover .image-view .bi {
opacity: 1;
}
.video-gallery-single {
margin-bottom: 25px;
}
.video-gallery-single img {
width: 100%;
}
.form-wrapper {
border-radius: 5px;
box-shadow: 5px 7px 35px rgba(139, 139, 139, 0.1);
padding: 40px;
background: var(--white);
}
@media (max-width: 576px) {
.form-wrapper {
padding: 25px;
}
}
.form-wrapper .form-title {
text-align: center;
margin-bottom: 60px;
}
.form-wrapper .form-title h3 {
font-size: 3rem;
font-weight: 700;
color: var(--text-primary);
font-family: var(--f-primary);
text-align: center;
margin-bottom: 20px;
}
.form-wrapper .form-title p {
font-size: 20px;
font-weight: 400;
color: var(--text-primary);
}
.form-wrapper .form-title p a {
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: var(--text-primary);
}
.form-wrapper .form-title2 {
margin-bottom: 30px;
}
.form-wrapper .form-title2 h3 {
font-size: 35px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 15px;
}
.form-wrapper label {
color: var(--text-primary);
font-size: 16px;
font-weight: 500;
margin-bottom: 12px;
}
.form-wrapper input, .form-wrapper .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .form-wrapper textarea,
.form-wrapper textarea {
border: 1px solid #eeeeee;
height: 50px;
width: 100%;
padding: 10px 20px;
transition: 0.4s ease;
border-radius: 0px;
}
.form-wrapper input::-moz-placeholder, .form-wrapper .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .form-wrapper textarea::-moz-placeholder, .form-wrapper textarea::-moz-placeholder {
font-size: 14px;
font-weight: 400;
}
.form-wrapper input:-ms-input-placeholder, .form-wrapper .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder, .contact-from-wrapper2 .form-inner .form-wrapper textarea:-ms-input-placeholder, .form-wrapper textarea:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
}
.form-wrapper input::placeholder, .form-wrapper .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .form-wrapper textarea::placeholder,
.form-wrapper textarea::placeholder {
font-size: 14px;
font-weight: 400;
}
.form-wrapper input:focus,
.form-wrapper textarea:focus {
border: 1px solid var(--primary-color1);
}
.form-wrapper textarea {
min-height: 150px;
}
.form-wrapper .check-box-text {
font-size: 16px;
}
.form-wrapper .form-inner {
margin-bottom: 18px;
position: relative;
}
.form-wrapper .form-inner i {
position: absolute;
right: 20px;
bottom: 14px;
}
.form-wrapper .form-agreement {
margin-bottom: 16px;
margin-top: 6px;
}
.form-wrapper .form-agreement label {
font-size: 16px;
font-weight: 400;
}
.form-wrapper .form-agreement label a {
font-weight: 600;
font-size: 16;
}
.form-wrapper .alternate-signup-box {
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 20px;
text-align: center;
margin-top: 30px;
margin-bottom: 35px;
}
.form-wrapper .alternate-signup-box h6 {
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
text-transform: uppercase;
margin-bottom: 20px;
}
.form-wrapper .alternate-signup-box .btn-group {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.form-wrapper .alternate-signup-box .btn-group a {
font-size: 12px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
display: inline-block;
padding: 12px 15px;
color: #fff;
border-radius: 0px;
transition: 0.5s ease;
}
.form-wrapper .alternate-signup-box .btn-group a:hover {
background: var(--text-primary);
}
.form-wrapper .alternate-signup-box .btn-group i {
font-size: 16px;
}
.form-wrapper .alternate-signup-box .google-btn {
background: #db4437;
}
.form-wrapper .alternate-signup-box .facebook-btn {
background: #4267b2;
}
.form-wrapper .form-poicy-area {
text-align: center;
}
.form-wrapper .form-poicy-area a {
font-weight: 600;
color: var(--primary-color1);
text-decoration: underline;
}
.form-wrapper .form-group input[type=checkbox], .form-wrapper .form-group .contact-from-wrapper2 .form-inner textarea[type=checkbox], .contact-from-wrapper2 .form-inner .form-wrapper .form-group textarea[type=checkbox] {
display: none;
cursor: pointer;
}
.form-wrapper input[type=checkbox] + label:before, .form-wrapper .contact-from-wrapper2 .form-inner textarea[type=checkbox] + label:before, .contact-from-wrapper2 .form-inner .form-wrapper textarea[type=checkbox] + label:before {
content: "";
-webkit-appearance: none;
background-color: var(--text-primary);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.form-wrapper input[type=checkbox]:checked + label:after, .form-wrapper .contact-from-wrapper2 .form-inner textarea[type=checkbox]:checked + label:after, .contact-from-wrapper2 .form-inner .form-wrapper textarea[type=checkbox]:checked + label:after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 6px;
width: 4px;
height: 10px;
border: 1px solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.gallery-layout .gallery-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.gallery-layout .gallery-wrapper .col-equal {
background: #ccc;
width: calc(25% - 20px);
}
@media (max-width: 991px) {
.gallery-layout .gallery-wrapper .col-equal {
width: calc(50% - 20px);
}
}
@media (max-width: 767px) {
.gallery-layout .gallery-wrapper .col-equal {
min-width: 100%;
}
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 {
position: relative;
overflow: hidden;
width: 100%;
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2:hover img {
transform: scale(1.1);
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.55s ease-in-out;
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 .destination-content {
position: absolute;
bottom: 0px;
left: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: fe;
justify-content: flex-end;
padding: 20px;
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 .destination-content h4 {
margin-bottom: 6px;
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 .destination-content h4 a {
font-size: 2.4rem;
font-weight: 700;
color: var(--white);
font-family: var(--f-primary);
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 .destination-content p {
font-size: 16px;
font-weight: 400;
color: var(--white);
font-family: var(--font-work-sans);
margin-bottom: 0px;
}
.gallery-layout .gallery-wrapper .col-equal .destination-single2 .destination-content p span {
font-size: 17px;
font-weight: 700;
color: var(--white);
font-family: var(--font-work-sans);
}
#menu-login {
display: flex;
align-items: center;
gap: 20px;
}
.header-sticky-logo {
display: none;
}
.sticky .header-logo {
display: none;
}
.sticky .header-sticky-logo {
display: block;
}
.topbar-horizontal {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.turio-spinner {
display: none;
}
.turio-spinner.active {
position: absolute;
visibility: hidden;
display: inline-block;
background-color: #000;
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
left: 46%;
border-radius: 100%;
padding: 0;
visibility: visible;
top: 10px;
opacity: 1;
}
.turio-spinner::before {
position: absolute;
content: "";
background-color: #fbfbfc;
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.newsletter-form input[type=submit]:hover, .newsletter-form .contact-from-wrapper2 .form-inner textarea[type=submit]:hover, .contact-from-wrapper2 .form-inner .newsletter-form textarea[type=submit]:hover {
color: #000;
background-color: #fff;
}
.enquiries_success_message p {
color: #007900;
font-weight: 500;
line-height: 24px;
}
.offer-single.sibling-2 .content span {
font-size: 1.6rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-work-sans);
display: unset;
margin-top: 5px;
}
.offer-single.sibling-2 .content span.tt {
font-size: 1.6rem;
font-weight: 500;
color: var(--white);
font-family: var(--font-work-sans);
display: block;
margin-top: 5px;
}
.ui-datepicker table {
border: none;
}
.ui-datepicker table tr {
border: none;
}
.content-none::after {
display: none;
}
.content-none::before {
display: none;
}
.swiper.breadcrumb-slider .swiper-slide {
position: relative;
min-height: 550px;
background-size: cover;
background-position: center center;
z-index: 1;
}
.swiper.breadcrumb-slider .swiper-slide::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.5;
z-index: -1;
}
.swiper.breadcrumb-slider .swiper-slide .breadcrumb-area {
display: flex;
flex-direction: column;
justify-content: center;
height: 550px;
}
.loading #tourFilterData {
opacity: 0.3;
}
.loading .circle-loader {
display: block;
}
.circle-loader {
position: relative;
left: 50%;
top: 350px;
width: 100px;
border: 3px dotted #FFF;
border-radius: 50%;
box-sizing: border-box;
-webkit-animation: rotation 2s linear infinite;
animation: rotation 2s linear infinite;
transform: translateX(-50%);
display: none;
}
.circle-loader::after {
content: "";
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border: 3px dotted var(--primary-color1);
border-style: solid solid dotted;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-animation: rotationBack 1s linear infinite;
animation: rotationBack 1s linear infinite;
transform-origin: center center;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotationBack {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes rotationBack {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.package-sidebar-close {
display: none;
}
.no-package {
text-align: center;
max-width: 600px;
margin: 0 auto;
margin-top: 120px;
}
.no-package img {
width: 150px;
height: 150px;
margin-bottom: 20px;
}
.no-package span,
.no-package p {
font-size: 60px;
display: block;
line-height: 1;
color: var(--primary-color1);
text-transform: capitalize;
font-family: var(--font-satisfy);
}
.banner-form span.text-start.text-danger {
margin-top: -20px;
margin-bottom: 14px;
font-size: 15px;
}
@media only screen and (max-width: 991px) {
.tour-package-sidebar {
background: var(--white);
width: 100%;
max-width: 290px;
position: fixed;
top: 0;
left: 0;
transform: translateX(-100%);
opacity: 0;
transition: all 0.55s ease-in-out;
z-index: 999;
padding: 30px 20px;
height: 100%;
overflow: auto;
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
}
.tour-package-sidebar.show {
transform: translateX(0%);
opacity: 1;
}
.tour-package-sidebar .package-sidebar-close {
margin-bottom: 30px;
text-align: right;
display: block;
}
.tour-package-sidebar .package-sidebar-close i {
font-size: 28px;
color: var(--primary-color1);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
.banner-section1 .banner1-content {
padding: 120px 30px;
}
.banner-section1 .banner1-content span {
font-size: 1.5rem;
}
.banner-section1 .banner1-content h1,
.banner-section1 .banner1-content h2 {
font-size: 4.4rem;
line-height: 1.6;
}
.banner-section1 .banner1-content .info-single .info-text a,
.banner-section1 .banner1-content p,
.info-single .info-text .banner-section1 .banner1-content a {
font-size: 2.2rem;
font-weight: 400;
}
}
.review-box {
background-color: #F8F8F8;
padding: 35px 40px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
.review-box {
padding: 30px;
}
}
@media (max-width: 767px) {
.review-box {
padding: 25px 20px;
flex-wrap: wrap;
gap: 20px;
}
}
.review-box .total-review {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.review-box .total-review h2 {
font-size: 45px;
font-weight: 600;
margin-bottom: 0px;
}
@media (max-width: 767px) {
.review-box .total-review h2 {
font-size: 40px;
}
}
.review-box .total-review h2 b {
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
}
.review-box .total-review > span {
display: inline-block;
font-size: 16px;
font-weight: 400;
font-family: var(--font-jost);
}
.review-box .total-review .star-list {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
margin: 0;
gap: 10px;
}
.review-box .total-review .star-list li i {
font-size: 15px;
color: var(--primary-color1);
}
.review-commetn-area {
margin-bottom: 50px;
}
.review-commetn-area .review-comment-list {
padding: 0px;
margin: 35px 0 0 0;
list-style: none;
margin-bottom: 50px;
position: relative;
}
.review-commetn-area .review-comment-list > li:last-child .comment-item {
margin-bottom: 0px;
border-bottom: unset;
padding-bottom: 0px;
}
.review-commetn-area .review-comment-list > li .comment-reply {
margin: 0px;
padding: 0px 0px 0px 10%;
list-style: none;
}
.review-commetn-area .review-comment-list .comment-item {
border-radius: 5px;
border-bottom: 1px solid #EEEEEE;
padding-bottom: 30px;
display: flex;
justify-content: start;
align-items: start;
flex-direction: row;
flex-wrap: nowrap;
gap: 20px;
margin-bottom: 35px;
}
@media (max-width: 576px) {
.review-commetn-area .review-comment-list .comment-item {
flex-wrap: wrap;
}
}
.review-commetn-area .review-comment-list .comment-meta {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.review-commetn-area .review-comment-list .comment-meta {
gap: 5px;
flex-wrap: wrap;
}
}
.review-commetn-area .review-comment-list .comment-meta h5 {
font-size: 1.25rem;
margin-right: 0px;
}
.review-commetn-area .review-comment-list .comment-meta span {
font-size: 14px;
font-weight: 500;
color: var(--text-color1);
margin-bottom: 6px;
}
.review-commetn-area .review-comment-list .comment-meta span b {
color: var(--primary-color1);
margin-left: 15px;
margin-right: 5px;
}
.review-commetn-area .review-comment-list .content p {
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
.review-commetn-area .review-comment-list .content .reply {
padding-bottom: 3px;
border-bottom: 1px dashed var(--text-secondary);
background-color: var(--white);
outline: none;
margin-top: 5px;
transition: all 0.4s ease;
}
.review-commetn-area .review-comment-list .content .reply:hover {
color: var(--primary-color1);
border-bottom: 1px dashed var(--primary-color1);
}
.review-commetn-area .review-comment-list .content .reply .bi {
margin-left: 5px;
}
.review-item-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
margin-top: 25px;
}
.review-item-list > li {
margin-right: 20px;
}
.review-item-list > li .star-list {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
margin: 0;
gap: 10px;
}
.review-item-list > li .star-list li i {
font-size: 15px;
color: var(--primary-color1);
}
.contact-from-wrapper2 {
background: #FFFFFF;
padding: 30px 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
.contact-from-wrapper2 {
padding: 40px 50px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.contact-from-wrapper2 {
padding: 30px 30px;
}
}
@media (max-width: 576px) {
.contact-from-wrapper2 {
padding: 30px 25px;
}
}
.contact-from-wrapper2 h4 {
margin-bottom: 25px;
font-size: 25px;
padding: 0;
}
@media (max-width: 767px) {
.contact-from-wrapper2 h4 {
margin-bottom: 20px;
}
}
.contact-from-wrapper2 .review-item-list > li span {
display: inline-block;
margin-top: 5px;
font-size: 15px;
font-weight: 600;
color: #666666;
font-family: var(--font-jost);
}
.contact-from-wrapper2 .form-inner {
padding: 10px 0px;
}
@media (max-width: 767px) {
.contact-from-wrapper2 .form-inner {
padding: 8px 0px;
}
}
.contact-from-wrapper2 .form-inner input, .contact-from-wrapper2 .form-inner textarea {
width: 100%;
outline: none;
border: none;
border-bottom: 1px solid #EEEEEE;
border-radius: 0px;
padding: 10px 0px;
transition: all 0.45s ease;
font-size: 16px;
color: var(--text-color1);
}
@media (max-width: 767px) {
.contact-from-wrapper2 .form-inner input, .contact-from-wrapper2 .form-inner textarea {
padding: 5px;
}
}
.contact-from-wrapper2 .form-inner input::-moz-placeholder, .contact-from-wrapper2 .form-inner textarea::-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: var(--text-color1);
-moz-transition: 0.45s ease;
transition: 0.45s ease;
}
.contact-from-wrapper2 .form-inner input:-ms-input-placeholder, .contact-from-wrapper2 .form-inner textarea:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
color: var(--text-color1);
-ms-transition: 0.45s ease;
transition: 0.45s ease;
}
.contact-from-wrapper2 .form-inner input::placeholder, .contact-from-wrapper2 .form-inner textarea::placeholder {
font-size: 14px;
font-weight: 400;
color: var(--text-color1);
transition: 0.45s ease;
}
.contact-from-wrapper2 .form-inner input:focus, .contact-from-wrapper2 .form-inner textarea:focus {
border-bottom: 1px solid var(--primary-color1);
}
.contact-from-wrapper2 .form-inner input:focus::-moz-placeholder, .contact-from-wrapper2 .form-inner textarea:focus::-moz-placeholder {
color: var(--primary-color1);
}
.contact-from-wrapper2 .form-inner input:focus:-ms-input-placeholder, .contact-from-wrapper2 .form-inner textarea:focus:-ms-input-placeholder {
color: var(--primary-color1);
}
.contact-from-wrapper2 .form-inner input:focus::placeholder, .contact-from-wrapper2 .form-inner textarea:focus::placeholder {
color: var(--primary-color1);
}
.contact-from-wrapper2 .form-inner textarea {
height: 80px;
}
.contact-from-wrapper2 .submit-btn {
margin-top: 25px;
border: none;
}
.modal-form-image img {
min-width: 400px;
height: 100%;
}
@media (max-width: 1199px) {
.modal-form-image img {
display: none;
visibility: hidden;
}
}
.star-rating-wrapper {
margin-top: 30px;
margin-bottom: 20px;
}
.star-rating-wrapper ul.star-rating-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 0;
margin: 0;
}
.star-rating-wrapper ul.star-rating-list li {
margin-right: 10px;
}
.star-rating-wrapper ul.star-rating-list li span {
display: inline-block;
margin-top: 5px;
font-size: 15px;
font-weight: 400;
color: var(--text-color1);
}
.rating-containr i {
font-size: 15px;
}
.modal-dialog {
width: 100%;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.modal-dialog {
max-width: 90%;
}
}
@media (max-width: 991px) {
.modal-dialog {
max-width: 90%;
}
}
.modal-body {
padding: 0px;
border-radius: 0px;
border-left: 5px solid var(--primary-color1) !important;
}
.modal-content {
border-radius: 0px;
}
.modal-content .cross-modal {
position: absolute;
right: -30px;
top: -30px;
font-size: 12px;
color: var(--primary-color1);
height: 40px;
width: 40px;
line-height: 38px;
text-align: center;
background-color: #fff;
cursor: pointer;
display: block;
border-radius: 50%;
opacity: 1;
z-index: 1;
}
.review-item-list .rating {
border: none;
float: left;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
direction: rtl;
}
.review-item-list .rating > input, .review-item-list .contact-from-wrapper2 .form-inner .rating > textarea, .contact-from-wrapper2 .form-inner .review-item-list .rating > textarea {
display: none;
}
.review-item-list .rating > label:before {
display: inline-block;
content: " \f586";
font-size: 16px;
font-family: bootstrap-icons !important;
}
.review-item-list .rating > label {
float: right;
cursor: pointer;
}
.review-item-list .rating > input:checked ~ label, .review-item-list .contact-from-wrapper2 .form-inner .rating > textarea:checked ~ label, .contact-from-wrapper2 .form-inner .review-item-list .rating > textarea:checked ~ label,
.review-item-list .rating:not(:checked) > label:hover,
.review-item-list .rating:not(:checked) > label:hover ~ label {
color: var(--primary-color1);
}
.review-item-list .rating > input:checked + label:hover,
.review-item-list .rating > input:checked ~ label:hover,
.review-item-list .contact-from-wrapper2 .form-inner .rating > textarea:checked ~ label:hover,
.contact-from-wrapper2 .form-inner .review-item-list .rating > textarea:checked ~ label:hover,
.review-item-list .rating > label:hover ~ input:checked ~ label,
.review-item-list .contact-from-wrapper2 .form-inner .rating > label:hover ~ textarea:checked ~ label,
.contact-from-wrapper2 .form-inner .review-item-list .rating > label:hover ~ textarea:checked ~ label,
.review-item-list .rating > input:checked ~ label:hover ~ label,
.review-item-list .contact-from-wrapper2 .form-inner .rating > textarea:checked ~ label:hover ~ label,
.contact-from-wrapper2 .form-inner .review-item-list .rating > textarea:checked ~ label:hover ~ label {
color: var(--primary-color1);
}
.comment-item .review-item-list > li {
display: flex;
flex-direction: unset;
margin-right: 20px;
gap: 10px;
}
#reviewLoadMore {
font-size: 18px;
display: block;
cursor: pointer;
font-weight: 600;
color: var(--primary-color1);
text-align: center;
}
#reviewLoadMore i {
vertical-align: text-top;
}
.order-overview {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
border: 1px solid var(--border-color);
padding: 15px 15px;
margin-top: 40px;
}
.order-overview span.overview-tag {
position: absolute;
left: 20px;
font-size: 16px;
font-weight: 500;
color: var(--title-color);
font-family: var(--font-jost);
display: inline-block;
line-height: 1;
top: -9px;
padding: 0px 8px;
background-color: var(--white);
}
.order-overview ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.order-overview ul li {
font-size: 16px;
font-weight: 500;
font-family: var(--font-jost);
color: #666666;
margin-right: 40px;
position: relative;
}
.order-overview ul li::after {
content: "\f62a";
font-family: "Bootstrap-icons";
position: absolute;
right: -26px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
color: #666666;
}
.order-overview ul li:last-child::after {
content: none;
}
.order-overview ul li span {
font-size: 12px;
font-weight: 400;
display: block;
}
.order-overview img {
margin: 0 15px;
}
.order-overview h6 {
font-size: 16px;
font-weight: 600;
font-family: var(--font-jost);
margin: 0;
}
.right-side-tour-package .package-card-alpha {
margin-bottom: 30px;
}
.right-side-tour-package > h3 {
margin-bottom: 20px;
font-weight: 600;
font-size: 22px;
text-transform: capitalize;
background: #162b32;
text-align: center;
border-radius: 5px;
color: #fff;
padding: 15px 10px;
}
.destination-details .dd-body h1, .destination-details .dd-body h2, .destination-details .dd-body h3, .destination-details .dd-body h4 {
font-weight: 700;
margin-bottom: 15px;
margin-top: 15px;
color: #2d373c;
}
.destination-overview-table {
margin-top: 50px;
}
.destination-overview-table h3.dd-subtitle {
font-weight: 700;
font-size: 28px;
}
.destination-details .dd-body {
font-family: "Montserrat", sans-serif;
color: #666;
line-height: 28px;
}
.destination-overview-table .overview-table {
margin-top: 20px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
}
.destination-overview-table .overview-table tr th {
color: #2d373c;
}
.destination-overview-table .overview-table tr th, .destination-overview-table .overview-table tr td {
font-weight: 600;
font-size: 18px;
padding: 20px 10px 20px 40px;
vertical-align: middle;
font-family: "Montserrat", sans-serif;
}
.destination-map h3 {
font-weight: 700;
font-size: 28px;
margin-top: 50px;
margin-bottom: 25px;
}
.destination-details .dd-body img {
margin: 15px 0;
}  .upcoming-tour-area .package-card-beta .package-card-body .p-card-title a {
color: #5c9834;
}
.upcoming-tour-area .package-card-beta .package-card-body .p-card-title a:hover {
color: #000;
}
body .footer-area {
position: relative;
}
body .footer-area .footer-main-wrapper {
background-color: unset;
}
body .footer-area .footer-bottom {
background-color: unset;
z-index: 1;
position: relative;
}
body #new-montenegro-section.new-montenegro-section .new-montenegro-content {
max-width: 530px;
margin-left: auto;
width: unset;
margin: 0 auto;
}
.new-montenegro-section .new-montenegro-content .heading-subtitle {
text-align: right;
margin-bottom: 6px;
}
.new-montenegro-section .new-montenegro-content .heading-subtitle h4 {
padding-right: 20px;
padding-left: 30px;
display: inline;
position: relative;
}
.new-montenegro-section .new-montenegro-content .heading-subtitle h4::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: auto;
bottom: 0;
width: 20px;
height: 1px;
background: #181818;
margin: auto;
}
body #new-montenegro-section.new-montenegro-section .new-montenegro-imgcon {
width: 58.05%;
}
.new-montenegro-section .new-montenegro-imgcon .new-montenegro-img .elementor-widget-container {
display: flex;
justify-content: center;
align-items: center;
height: 607px;
background-color: #f2f2f2;
position: relative;
border-radius: 0 20px;
overflow: hidden;
}
.new-montenegro-section .new-montenegro-imgcon .new-montenegro-img img {
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.new-montenegro-section .new-montenegro-imgcon .new-montenegro-img .elementor-widget-container::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
z-index: 1;
background-color: rgba(24, 24, 24, 0.1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
display: block;
}
.new-montenegro-section .new-montenegro-imgcon .new-montenegro-img .elementor-widget-container::after {
content: "";
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
background-color: rgba(24, 24, 24, 0.1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
display: block;
}
.new-montenegro-section .new-montenegro-imgcon .new-montenegro-img .elementor-widget-container:hover::before,
.new-montenegro-section .new-montenegro-imgcon .new-montenegro-img .elementor-widget-container:hover::after{
width: 100%;
height: 100%;
}
body .new-montenegro-section {
align-items: center;
}
.new-montenegro-section .new-montenegro-content .montenegro-grid-new .elementor-widget-image .elementor-widget-container {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 1s all;
}
.new-montenegro-section .new-montenegro-content .montenegro-grid-new > .e-con-inner > div:hover .elementor-widget-image .elementor-widget-container {
transform: rotateY(360deg);
}  body .team-next {
overflow: hidden;
}
.new-montenegro-section .new-montenegro-content .montenegro-grid-new .heading-description strong {
font-weight: 700;
}
.new-montenegro-section .new-montenegro-content .montenegro-grid-new .elementor-widget-image img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.team-next .counter-main-wrap .counter  .counts-wrap,
.team-next .counter  .counts-wrap span {
color: #fff;
font-size: 55px;
font-family: "Montserrat", sans-serif;
line-height: 65px;
font-weight: 700;
}
.team-next .counter-main-wrap .counter  .count-title {
color: #fff;
font-size: 16px;
font-family: "Montserrat", sans-serif;
line-height: 22px;
font-weight: 500;
}
.team-next  .counter-main-wrap {
position: relative;
}
.team-next  .counter-main-wrap .count-inner-wrap{
max-width: 710px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 102px 0;
position: relative;
}
.team-next .counter-main-wrap .count-inner-wrap::before {
content: "";
position: absolute;
top: -102px;
left: 120px;
right: 0;
bottom: 0;
background-image: url(//360monte.me/wp-content/themes/turio/assets/images/360monte-montenegro-tours.png);
background-repeat: no-repeat;
background-size: contain;
height: 280px;
z-index: 1;
margin: 0 auto;
pointer-events: none;
}
.team-next .counter-main-wrap::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 450px;
height: 450px;
line-height: 450px;
border: 3px solid rgba(24, 24, 24, 0.1);
border-radius: 50%;
display: inline-block;
z-index: -1;
-webkit-animation: pauseanimate 2s linear infinite;
animation: pauseanimate 2s linear infinite;
pointer-events: none;
}
.team-next .counter-main-wrap::after{
content: '';
position: absolute;
left: 0;
right: 0;
top: -95%;
margin: auto;
width: 650px;
height: 650px;
line-height: 650px;
border: 3px solid rgba(24, 24, 24, 0.1);
border-radius: 50%;
display: inline-block;
z-index: -1;
-webkit-animation: pauseanimate 2s 1s linear infinite;
animation: pauseanimate 2s 1s linear infinite;
pointer-events: none;
}
.team-next  .new-count-text:before{
content: '';
position: absolute;
left: -2.5%;
right: 0;
top: -27%;
bottom: -35%;
margin: auto;
width: 1000px;
height: 1000px;
line-height: 1000px;
border: 3px solid rgba(24, 24, 24, 0.1);
border-radius: 50%;
display: inline-block;
z-index: -1;
-webkit-animation: pauseanimate 2s 2s linear infinite;
animation: pauseanimate 2s 2s linear infinite;
pointer-events: none;
}
@-webkit-keyframes pauseanimate {
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; } }
@keyframes pauseanimate {
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; } }
.team-next .counter-main-wrap .counter:nth-child(2n) {
display: flex;
justify-content: flex-end;
}
.team-next .counter-main-wrap .count-inner-wrap .counter {
z-index: 2;
}
.team-next .counter-main-wrap .count-inner-wrap .counter3, 
.team-next .counter-main-wrap .count-inner-wrap .counter4 {
margin: 0 40px;
}
.team-next .counter-main-wrap .count-inner-wrap .counter .inner-counter {
width: fit-content;
text-align: center;
}  .home-four-hero .video-wrap .hero4-content h1 {
display: none;
} 
.cancel-shortcode {
font-size: 36px;
line-height: 48px;
color: #000;
font-family: "Montserrat", sans-serif;
font-weight: 900;
padding-top: 30px;
text-align: center;
}  .multi-main-searchber .search-box-single .searchbox-input .select2 {
width: 100% !important;
}  html.no-scroll{
overflow: hidden;
}
.whats-new-popup {
position: fixed;
top: 0;
margin: auto !important;
left: auto;
right: 10px;
bottom: 0;
z-index: 99999;
width: 100%;  box-shadow: 0px 0px 13px 0 #54a15d;
border-radius: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s all;
height: 97%;
max-height: unset;
background: #fff;
padding:65px 15px 15px;
max-width: 570px; }
html.no-scroll .whats-new-popup {
opacity: 1;
visibility: visible;
}
.whats-new-popup a.whatsNewClose {
position: absolute;
top: 6px;
left: auto;
right: 6px;
bottom: auto;
height: 40px;
width: 40px;
border: 2px solid #2d373c;
border-radius: 50%;
background: #54a15d;
font-size: 0;
text-align: center;
}
.whats-new-popup a.whatsNewClose::before {
font-size: 20px;
color: #fff;
content: "X";
line-height: 37px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.whats-new-popup a.whatsNewClose:hover {
background: #fff;
border-color: #54a15d;
}
.whats-new-popup a.whatsNewClose:hover::before {
color: #54a15d;
}
.whats-new-popup .title-wrap:not(:last-of-type) {
margin-bottom: 10px;
}
.whats-new-popup > div {
overflow-y: auto;
overflow-x: hidden;  height: calc(100vh - 23vh); } 
body .multi-main-searchber .select2-container--default .select2-selection--single .select2-selection__rendered {
max-width: 85%;
}  body.single .package-info-tab details {
display: inline;
}
body.single .package-info-tab details summary {
text-transform: capitalize;
transition: .3s ease-in-out;
}
body.single .package-info-tab details summary:hover {
color: #5c9834;
}  body .footer-area .footer-main-wrapper .wp-block-heading.has-text-color {
text-shadow: 1px 1px 0px #fff;
}  body .tour-package-wrapper .error_msg h3 {
text-align: center;
color: #181818;
font-family: "Barlow", Sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 60px;
}  .whats-new-popup > div .image_text_wrap:not(:last-of-type) {
border-bottom: 1px solid #000;
padding-bottom: 20px;
margin-bottom: 20px;
}
.whats-new-popup > div .image_text_wrap {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
flex-wrap: wrap;
}
.whats-new-popup > div .image_text_wrap .image-wrap {
height: 129px;
width: 30%;
}
.whats-new-popup > div .image_text_wrap .title-desc-wrap {
padding-left: 15px;
width: 70%;
}
.whats-new-popup > div .image_text_wrap .image-wrap img {
width: auto;
height: 100%;
max-width: 100%;
max-height: 100%;
}  .footer-area .footer-main-wrapper .footer-vactor {
bottom: -67px;
}  .show-loader::after {
border: 4px solid #54a15d;
border-radius: 50%;
border-top: 8px solid transparent;
width: 30px;
height: 30px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
position: absolute;
z-index: 999999;
left: 0;
content: "";
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
top: 0;
bottom: 0;
margin: auto;
}
.show-loader{
position: relative;
}
.show-loader::before {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999;
content: "";
background-color: #ccc;
opacity:0.5;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.multi-main-searchber .search-box-single {
position: relative;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}