:root { --primary-color1: #3caa9f;
--title-color: #1c171d;
--text-color1: #666666;
--white: #fff;
--font-jost: "Jost", sans-serif;
--font-yeseva: "Yeseva One", cursive;
--font-island: "Island Moments", cursive;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-yeseva);
}
body {
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
p {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 1.8;
color: var(--text-color1);
}
a {
color: unset;
text-decoration: none;
}
a:focus {
outline: 0 solid;
}
a:hover {
text-decoration: none;
color: unset;
}
::-moz-selection {
background-color: var(--primary-color1);
color: white;
}
::selection {
background-color: var(--primary-color1);
color: white;
}
input:focus, .contact-from-wrapper2 .form-inner textarea:focus,
textarea:focus,
button:focus {
outline: none;
}
i.bx {
vertical-align: middle;
}
img {
max-width: 100%;
height: auto;
} .pt-120 {
padding-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-120 {
padding-top: 90px;
}
}
@media (max-width: 991px) {
.pt-120 {
padding-top: 80px;
}
}
.mr-40 {
margin-right: 40px;
}
.ml-40 {
margin-left: 40px;
}
.mb-120 {
margin-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-120 {
margin-bottom: 90px;
}
}
@media (max-width: 991px) {
.mb-120 {
margin-bottom: 80px;
}
}
.mt-120 {
margin-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-120 {
margin-top: 90px;
}
}
@media (max-width: 991px) {
.mt-120 {
margin-top: 80px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-100 {
margin-bottom: 70px;
}
}
@media (max-width: 991px) {
.mb-100 {
margin-bottom: 60px;
}
}
.mt-100 {
margin-top: 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-100 {
margin-bottom: 70px;
}
}
@media (max-width: 991px) {
.mt-100 {
margin-top: 60px;
}
}
.pb-120 {
padding-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-120 {
padding-bottom: 90px;
}
}
@media (max-width: 991px) {
.pb-120 {
padding-bottom: 80px;
}
}
.ml--230 {
margin-left: -230px;
}
@media (max-width: 1399px) {
.ml--230 {
margin-left: unset;
}
}
.pt-80 {
padding-top: 80px;
}
.pt-30 {
padding-top: 30px;
}
.pt-60 {
padding-top: 60px;
}
@media (max-width: 576px) {
.pt-60 {
padding-top: 40px;
}
}
.pt-20 {
padding-top: 20px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-60 {
padding-bottom: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-40 {
margin-bottom: 40px !important;
}
.pt-45 {
padding-top: 45px;
}
.pt-40 {
padding-top: 40px;
}
.pt-70 {
padding-top: 70px;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pt-25 {
padding-top: 25px !important;
}
.swiper-fix {
margin: -12px;
padding: 12px;
}
.btn--primary {
position: relative;
display: inline-block;
background: var(--primary-color1);
color: var(--white);
padding: 12px 41px;
transition: all 0.45s ease-in-out;
z-index: 1;
}
.btn--primary:hover {
color: #fff;
background: unset;
}
.btn--primary:hover::after {
transform: scale(1);
}
.btn--primary::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--title-color);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
transition: all 0.45s ease-in-out;
}
.btn--primary7 {
background: transparent;
color: var(--title-color);
position: relative;
z-index: 1;
padding: 12px 41px;
transition: all 0.45s ease-in-out;
}
.btn--primary7:hover {
color: var(--white);
}
.btn--primary7:hover::after {
transform: scale(1);
}
.btn--primary7::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--primary-color1);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
border-radius: 0;
transition: all 0.45s ease-in-out;
}
.btn--primary3 {
background: transparent;
color: var(--title-color);
position: relative;
z-index: 1;
padding: 12px 41px;
transition: all 0.45s ease-in-out;
}
.btn--primary3:hover {
color: #fff;
}
.btn--primary3:hover::after {
transform: scale(1);
}
.btn--primary3::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--title-color);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
border-radius: 0;
transition: all 0.45s ease-in-out;
}
.eg-btn1 {
text-align: center;
display: inline-block;
text-decoration: none;
transition: all 0.45s ease-in-out;
color: var(--title-color);
cursor: pointer;
overflow: hidden;
}
.eg-btn2 {
text-align: center;
display: inline-block;
text-decoration: none;
transition: all 0.45s ease-in-out;
color: var(--white);
cursor: pointer;
overflow: hidden;
}
.btn--primary2 {
background: transparent;
color: var(--white);
position: relative;
z-index: 1;
padding: 12px 41px;
transition: all 0.45s ease-in-out;
}
.btn--primary2:hover {
color: var(--primary-color1);
}
.btn--primary2:hover::after {
transform: scale(1);
}
.btn--primary2::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--white);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
border-radius: 0;
transition: all 0.45s ease-in-out;
}
.btn--primary4 {
background: var(--primary-color1);
color: var(--white);
position: relative;
z-index: 1;
padding: 12px 41px;
transition: all 0.45s ease-in-out;
}
.btn--primary4:hover {
color: #fff;
background-color: transparent;
}
.btn--primary4:hover::after {
transform: scale(1);
}
.btn--primary4::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--title-color);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
border-radius: 130px;
transition: all 0.45s ease-in-out;
}
.btn--primary5 {
background: transparent;
color: var(--white);
position: relative;
z-index: 1;
padding: 12px 41px;
transition: all 0.45s ease-in-out;
}
.btn--primary5:hover {
color: var(--primary-color1);
}
.btn--primary5:hover::after {
transform: scale(1);
}
.btn--primary5::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--white);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
border-radius: 100px;
transition: all 0.45s ease-in-out;
}
.btn--primary6 {
background: transparent;
position: relative;
z-index: 1;
padding: 12px 41px;
transition: all 0.45s ease-in-out;
}
.btn--primary6:hover {
color: #fff;
}
.btn--primary6:hover::after {
transform: scale(1);
}
.btn--primary6::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--title-color);
width: 100%;
height: 100%;
transition: 0.5s;
z-index: -1;
transform: scale(0);
border-radius: 0;
transition: all 0.45s ease-in-out;
} #progress {
position: fixed;
bottom: 30px;
right: 30px;
height: 40px;
width: 40px;
line-height: 30px;
display: none;
place-items: center;
border-radius: 50%;
cursor: pointer;
z-index: 9999;
}
#progress-value {
display: block;
height: calc(100% - 6px);
width: calc(100% - 6px);
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 24px;
color: var(--hover-color);
}
.clearfix::after {
clear: both;
content: "";
display: block;
} .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: 0px solid var(--primary-color1);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
border-radius: 50%;
box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
}
.circle-border svg {
fill: var(--primary-color1);
}
.circle-border svg path {
stroke: var(--primary-color1);
}
.circle-border .moving-circle {
width: 10px;
height: 10px;
background: var(--primary-color1);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
animation: circle 2s linear infinite;
}
.circle-border .moving-circle:nth-child(2) {
width: 10px;
height: 10px;
background: var(--primary-color1);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
animation: circle 2.25s linear infinite;
}
.circle-border .moving-circle:nth-child(3) {
width: 10px;
height: 10px;
background: var(--primary-color1);
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
animation: circle 2.5s linear infinite;
}
@keyframes circle {
0% {
transform: rotate(0deg) translate(-70px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(-70px) rotate(-360deg);
}
}
#outline {
stroke-dasharray: 2.427766571px, 242.7766571045px;
stroke-dashoffset: 0;
animation: anim 1.6s linear infinite;
}
@keyframes anim {
12.5% {
stroke-dasharray: 33.9887319946px, 242.7766571045px;
stroke-dashoffset: -26.7054322815px;
}
43.75% {
stroke-dasharray: 84.9718299866px, 242.7766571045px;
stroke-dashoffset: -84.9718299866px;
}
100% {
stroke-dasharray: 2.427766571px, 242.7766571045px;
stroke-dashoffset: -240.3488905334px;
}
}
.mobile-search {
background: rgba(0, 0, 0, 0.85);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
width: 100%;
height: 100%;
border-radius: 4px;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
align-items: center;
position: fixed;
cursor: pointer;
transform: scale(0);
top: 0;
left: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: 0.65s ease;
padding: 35px 100px;
}
@media (max-width: 767px) {
.mobile-search {
padding: 20px;
}
}
.mobile-search label {
color: #fff;
margin-bottom: 20px;
font-family: saira, sans-serif;
}
.mobile-search.slide {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.mobile-search input, .mobile-search .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .mobile-search textarea {
border: none;
border-radius: unset;
border-bottom: 1px solid #eee;
padding-left: 0;
padding-bottom: 5px;
width: 100%;
background: 0 0;
transition: 0.3s ease-in-out;
color: #fff;
margin-bottom: 20px;
}
.mobile-search input:focus, .mobile-search .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .form-inner .mobile-search textarea:focus {
border-bottom: 1px solid #fff;
}
.mobile-search input::-moz-placeholder, .mobile-search .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .mobile-search textarea::-moz-placeholder {
font-family: saira, sans-serif;
color: #696969;
}
.mobile-search input::placeholder, .mobile-search .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .mobile-search textarea::placeholder {
font-family: saira, sans-serif;
color: #696969;
}
.mobile-search .search-cross-btn {
color: #fff;
cursor: pointer;
background: rgba(60, 170, 159, 0.6);
border-radius: 50%;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
line-height: 41px;
transition: 0.5s ease;
}
.mobile-search .search-cross-btn:hover {
background: var(--primary-color1);
color: #fff;
}
.mobile-search .search-cross-btn.style-2 {
background-color: transparent;
border: 1px solid #f9395f;
}
.mobile-search .search-cross-btn.style-2:hover {
background: #f9395f;
color: #fff;
}
.mobile-search .search-cross-btn.style-3 {
background-color: transparent;
border: 1px solid var(--primary-color1);
}
.mobile-search .search-cross-btn.style-3:hover {
background: var(--primary-color1);
color: #fff;
}
.mobile-search .search-cross-btn i {
font-size: 25px;
cursor: pointer;
} .top-bar {
background-color: var(--white);
padding: 10px 4%;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #eeeeee;
}
@media (max-width: 991px) {
.top-bar {
display: none;
}
}
.top-bar .top-bar-items {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.top-bar .top-bar-items {
justify-content: center;
}
}
.top-bar .hotline,
.top-bar .email {
display: flex;
align-items: center;
justify-content: center;
}
.top-bar .hotline .hotline-icon svg,
.top-bar .hotline .email-icon svg,
.top-bar .email .hotline-icon svg,
.top-bar .email .email-icon svg {
vertical-align: -webkit-baseline-middle;
fill: var(--primary-color1);
}
.top-bar .hotline .hotline-info,
.top-bar .hotline .email-info,
.top-bar .email .hotline-info,
.top-bar .email .email-info {
margin-left: 10px;
}
.top-bar .hotline .hotline-info span,
.top-bar .hotline .email-info span,
.top-bar .email .hotline-info span,
.top-bar .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
.top-bar .hotline .hotline-info h6,
.top-bar .hotline .email-info h6,
.top-bar .email .hotline-info h6,
.top-bar .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
@media (max-width: 991px) {
.top-bar .hotline,
.top-bar .email {
display: none !important;
visibility: hidden;
}
}
@media (max-width: 991px) {
.top-bar .social-icon {
display: flex;
justify-content: center;
}
}
.top-bar .social-icon ul {
margin: 0;
padding: 0;
gap: 40px;
list-style-type: none;
}
@media (max-width: 1199px) {
.top-bar .social-icon ul {
gap: 30px;
}
}
.top-bar .social-icon ul li {
position: relative;
list-style-type: none;
}
.top-bar .social-icon ul li a {
color: var(--title-color);
transition: 0.35s;
}
.top-bar .social-icon ul li a:hover {
color: var(--primary-color1);
}
.top-bar .social-icon ul li a i {
font-size: 18px;
}
.top-bar .social-icon ul li::after {
content: "";
width: 3px;
height: 3px;
background: rgba(28, 23, 29, 0.2);
position: absolute;
left: -22px;
top: 13px;
}
@media (max-width: 1199px) {
.top-bar .social-icon ul li::after {
left: -18px;
}
}
.top-bar .social-icon ul li:first-child::after {
display: none;
} header.style-1 {
background: var(--white);
width: 100%;
position: relative;
top: 0;
z-index: 9999;
padding: 0 4%;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
header.style-1 {
padding: 10px 4%;
}
}
header.style-1.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 99;
background: var(--white);
box-shadow: 0px 10px 30px -1px rgba(82, 82, 82, 0.15);
animation: smooth-header 0.65s linear;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-1.sticky .header-logo {
position: relative;
}
header.style-1.sticky .header-logo .logo-inner {
position: relative;
top: 0;
}
header.style-1.sticky .header-logo .logo-inner img {
height: 75px;
width: 75px;
}
@media (max-width: 991px) {
header.style-1.sticky .header-logo .logo-inner img {
height: 60px;
width: 60px;
}
}
header.style-1.sticky .header-logo .logo-inner::after {
display: none;
visibility: hidden;
}
header.style-1.sticky .header-logo .logo-inner::before {
display: none;
visibility: hidden;
}
header.style-1 .header-logo .logo-inner {
position: absolute;
top: -61px;
left: 50%;
transform: translateX(-50%);
background-color: var(--white);
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-1 .header-logo .logo-inner {
left: 56%;
transform: translateX(-56%);
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-1 .header-logo .logo-inner {
left: 70%;
transform: translateX(-70%);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .header-logo .logo-inner {
left: 65%;
transform: translateX(-65%);
}
}
header.style-1 .header-logo .logo-inner::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/header-shap-left.svg);
position: absolute;
left: -41px;
top: 50%;
transform: translateY(-56%);
background-color: var(--white);
}
@media (max-width: 991px) {
header.style-1 .header-logo .logo-inner::before {
display: none;
visibility: hidden;
}
}
header.style-1 .header-logo .logo-inner::after {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/header-shap-right.svg);
position: absolute;
right: -33px;
top: 50%;
transform: translateY(-54%);
background-color: var(--white);
z-index: -1;
}
@media (max-width: 991px) {
header.style-1 .header-logo .logo-inner::after {
display: none;
visibility: hidden;
}
}
header.style-1 .header-logo .logo-inner img {
position: relative;
height: 140px;
max-width: 125px;
}
@media (max-width: 991px) {
header.style-1 .header-logo .logo-inner {
position: relative;
left: 0;
top: 0;
transform: unset;
background-color: unset;
}
header.style-1 .header-logo .logo-inner img {
height: 60px;
width: 60px;
}
}
header.style-1 .nav-right {
gap: 100px;
}
@media (max-width: 1500px) {
header.style-1 .nav-right {
gap: 50px;
}
}
@media (max-width: 1399px) {
header.style-1 .nav-right {
gap: 20px;
}
}
header.style-1 .nav-right .header-btn {
display: inline-flex;
}
header.style-1 .nav-right .header-btn a {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 700;
display: inline-block;
cursor: pointer;
white-space: nowrap;
color: var(--white);
}
@media (max-width: 991px) {
header.style-1 .nav-right .header-btn a {
display: none;
visibility: hidden;
}
}
header.style-1 .nav-right .bookmark-icon {
position: relative;
}
header.style-1 .nav-right .bookmark-icon > a {
border: 2px solid var(--primary-color1);
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 23px;
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s;
}
header.style-1 .nav-right .bookmark-icon > a:hover {
color: #fff;
background: var(--primary-color1);
}
@media (max-width: 576px) {
header.style-1 .nav-right .bookmark-icon {
display: none;
}
}
header.style-1 .main-menu .menu-list {
margin-bottom: 0;
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list {
flex-direction: column;
justify-content: start;
}
}
header.style-1 .main-menu .menu-list > li {
position: relative;
margin: 0px 17px;
display: inline-block;
}
@media (max-width: 1199px) {
header.style-1 .main-menu .menu-list > li {
margin: 0px 10px;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li {
margin: 0;
width: 100%;
}
}
header.style-1 .main-menu .menu-list > li .dropdown-icon {
color: var(--title-color);
font-size: 25px;
transition: 0.4s ease-in;
opacity: 0;
visibility: hidden;
display: none;
}
header.style-1 .main-menu .menu-list > li .dropdown-icon.active {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
opacity: 1;
visibility: visible;
display: block;
}
}
header.style-1 .main-menu .menu-list > li a {
font-size: 20px;
line-height: 20px;
font-weight: 400;
color: var(--title-color);
padding: 32px 0px;
display: inline-block;
white-space: nowrap;
transition: 0.4s;
display: flex;
align-items: center;
font-family: var(--font-jost);
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .main-menu .menu-list > li a {
font-size: 17px;
}
}
header.style-1 .main-menu .menu-list > li a.active {
color: var(--primary-color1);
}
header.style-1 .main-menu .menu-list > li a.active::before {
content: "";
position: absolute;
left: 0;
bottom: 22px;
width: 100%;
height: 1px;
background-color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li a.active::before {
display: none;
visibility: hidden;
}
}
header.style-1 .main-menu .menu-list > li a:hover {
color: var(--primary-color1);
}
header.style-1 .main-menu .menu-list > li a:hover::before {
content: "";
position: absolute;
left: 50%;
bottom: 22px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--primary-color1);
transform: translateX(-50%);
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li a:hover::before {
display: none;
visibility: hidden;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li a {
padding: 12px 0px;
display: block;
position: relative;
border-bottom: 1px solid rgba(60, 170, 159, 0.098);
}
}
header.style-1 .main-menu .menu-list > li .sub-menu {
padding: 0;
position: absolute;
top: 84px;
left: 0px;
max-width: 230px;
min-width: 230px;
background-color: var(--white);
text-align: left;
display: none;
transition: all 0.55s ease-in-out;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
list-style-type: none;
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li .sub-menu {
opacity: 1;
position: relative;
left: 0;
top: 0;
width: 100%;
border: unset;
display: none;
transition: unset;
box-shadow: unset;
transform: translateY(0px);
visibility: unset;
}
}
header.style-1 .main-menu .menu-list > li .sub-menu > li a {
display: block;
padding: 15px 30px;
border-bottom: 1px solid rgba(60, 170, 159, 0.1);
position: relative;
z-index: 1;
font-size: 18px;
color: var(--title-color);
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li .sub-menu > li a {
border-bottom: unset;
padding: 12px 15px;
}
}
header.style-1 .main-menu .menu-list > li .sub-menu > li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: var(--primary-color1);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: -1;
}
header.style-1 .main-menu .menu-list > li .sub-menu > li a:hover {
color: var(--primary-color1);
}
header.style-1 .main-menu .menu-list > li .sub-menu > li a:hover::before {
transform: scale(1);
}
header.style-1 .main-menu .menu-list > li .sub-menu > li a:last-child {
border-bottom: unset;
}
header.style-1 .main-menu .menu-list > li .sub-menu > li .dropdown-icon {
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li .sub-menu > li.menu-item-has-children .dropdown-icon {
opacity: 1;
visibility: visible;
display: block;
}
}
header.style-1 .main-menu .menu-list > li .sub-menu > li.current-menu-item a {
color: var(--primary-color1) !important;
}
header.style-1 .main-menu .menu-list > li.menu-item-has-children {
position: relative;
z-index: 1;
padding-right: 20px;
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li.menu-item-has-children {
padding-right: unset;
}
}
header.style-1 .main-menu .menu-list > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 600;
position: absolute;
top: 35px;
right: 0px;
font-size: 13px;
color: var(--title-color);
transition: all 0.42s ease-in-out;
}
@media (max-width: 991px) {
header.style-1 .main-menu .menu-list > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-1 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
position: absolute;
top: 12px;
right: 0;
font-size: 20px;
}
header.style-1 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
color: var(--primary-color1);
}
@media (min-width: 992px) {
header.style-1 .main-menu .menu-list > li.menu-item-has-children:hover > a {
color: var(--primary-color1);
}
header.style-1 .main-menu .menu-list > li.menu-item-has-children:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
}
header.style-1 .main-menu .menu-list > li.current-menu-ancestor::after {
color: var(--primary-color1);
}
header.style-1 .main-menu .menu-list > li.current-menu-ancestor a {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-1 .main-menu {
position: fixed;
top: 0%;
left: -100%;
width: 280px;
height: 100%;
overflow-y: auto;
background-color: var(--white);
border-right: 1px solid rgba(238, 238, 238, 0.1);
padding: 40px 20px;
z-index: 999;
transition: 0.7s ease-in-out;
border-right: 1px solid #eeeeee;
}
header.style-1 .main-menu.show-menu {
left: 0;
}
}
header.style-1 .main-menu .mobile-logo-area {
margin-bottom: 25px;
}
header.style-1 .main-menu .mobile-logo-area .menu-close-btn {
cursor: pointer;
}
header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi {
color: var(--title-color);
font-size: 18px;
}
header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
color: var(--primary-color1);
}
header.style-1 .main-menu .mobile-logo-wrap {
padding: 10px;
padding-left: 0;
}
header.style-1 .main-menu .mobile-logo-wrap img {
height: 60px;
width: 60px;
}
header.style-1 .mobile-menu-btn {
margin-left: 25px;
}
header.style-1 .mobile-menu-btn .bx {
color: var(--title-color);
font-size: 28px;
}
header.style-1 .hotline,
header.style-1 .email {
display: flex;
align-items: center;
}
header.style-1 .hotline .hotline-icon svg,
header.style-1 .hotline .email-icon svg,
header.style-1 .email .hotline-icon svg,
header.style-1 .email .email-icon svg {
fill: var(--primary-color1);
vertical-align: -webkit-baseline-middle;
}
header.style-1 .hotline .hotline-info,
header.style-1 .hotline .email-info,
header.style-1 .email .hotline-info,
header.style-1 .email .email-info {
margin-left: 10px;
}
header.style-1 .hotline .hotline-info span,
header.style-1 .hotline .email-info span,
header.style-1 .email .hotline-info span,
header.style-1 .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
header.style-1 .hotline .hotline-info h6,
header.style-1 .hotline .email-info h6,
header.style-1 .email .hotline-info h6,
header.style-1 .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
header.style-1 .user-icon a {
border: 2px solid var(--primary-color1);
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 23px;
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s;
} .nice-select {
position: relative;
}
.hero-style1 .hero-video {
position: relative;
}
.hero-style1 .hero-video video {
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 900px;
position: relative;
}
@media (min-width: 768px) and (max-width: 1799px) {
.hero-style1 .hero-video video {
max-height: 700px;
}
}
@media (max-width: 1500px) {
.hero-style1 .hero-video video {
min-height: 600px;
}
}
@media (max-width: 576px) {
.hero-style1 .hero-video video {
min-height: 400px;
}
}
.hero-style1 .hero-video video::after {
content: "";
background-color: rgba(34, 34, 34, 0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.hero-style1 .hero-video .hero-content {
position: absolute;
bottom: 130px;
left: 140px;
}
@media (max-width: 1500px) {
.hero-style1 .hero-video .hero-content {
bottom: 60px;
}
}
@media (max-width: 991px) {
.hero-style1 .hero-video .hero-content {
left: 5%;
}
}
@media (max-width: 767px) {
.hero-style1 .hero-video .hero-content {
bottom: 30px;
}
}
@media (max-width: 576px) {
.hero-style1 .hero-video .hero-content {
left: 0;
padding: 20px;
}
}
.hero-style1 .hero-video .hero-content h4 {
font-family: var(--font-jost);
font-weight: 400;
font-size: 25px;
line-height: 35px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
margin-bottom: 30px;
}
@media (max-width: 1500px) {
.hero-style1 .hero-video .hero-content h4 {
margin-bottom: 10px;
}
}
.hero-style1 .hero-video .hero-content h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 80px;
line-height: 100px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
margin-bottom: 0;
}
@media (max-width: 1199px) {
.hero-style1 .hero-video .hero-content h2 {
font-size: 70px;
line-height: 85px;
}
}
@media (max-width: 991px) {
.hero-style1 .hero-video .hero-content h2 {
font-size: 60px;
line-height: 75px;
}
}
@media (max-width: 991px) {
.hero-style1 .hero-video .hero-content h2 {
font-size: 50px;
line-height: 60px;
}
}
@media (max-width: 576px) {
.hero-style1 .hero-video .hero-content h2 {
font-size: 40px;
line-height: 50px;
}
}
.hero-style1 .hero-video .scroll-dowm {
position: absolute;
right: 140px;
bottom: 130px;
animation: up-down 2s linear infinite alternate;
}
@media (max-width: 991px) {
.hero-style1 .hero-video .scroll-dowm {
right: 5%;
}
}
@media (max-width: 767px) {
.hero-style1 .hero-video .scroll-dowm {
display: none;
visibility: hidden;
}
}
@keyframes up-down {
0% {
bottom: 130px;
}
50% {
bottom: 110px;
}
100% {
bottom: 130px;
}
}
@media (max-width: 1500px) {
@keyframes up-down {
0% {
bottom: 60px;
}
50% {
bottom: 80px;
}
100% {
bottom: 60px;
}
}
}
.hero-style1 .multi-main-searchber {
background-color: #fff;
width: 100%;
padding: 0px 0px 0px 50px;
position: relative;
}
@media (max-width: 1199px) {
.hero-style1 .multi-main-searchber {
padding: 20px 20px 0px;
}
}
.hero-style1 .multi-main-searchber .searchbox-input {
width: 100%;
position: relative;
}
.hero-style1 .multi-main-searchber .searchbox-input::after {
content: "";
width: 2px;
height: 36px;
background: var(--primary-color1);
opacity: 0.4;
border-radius: 10px;
margin-top: 5px;
}
@media (max-width: 1199px) {
.hero-style1 .multi-main-searchber .searchbox-input::after {
display: none;
}
}
.hero-style1 .multi-main-searchber .searchbox-input.date-picker-input {
display: flex;
}
.hero-style1 .multi-main-searchber .searchbox-input::before {
position: absolute;
content: "\f1e2";
font-family: "bootstrap-icons" !important;
right: 50px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-color1);
}
@media (max-width: 1199px) {
.hero-style1 .multi-main-searchber .searchbox-input::before {
right: 18px;
}
}
.hero-style1 .multi-main-searchber .searchbox-input input, .hero-style1 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .hero-style1 .multi-main-searchber .searchbox-input textarea {
padding: 10px 15px;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
height: 45px;
border: none;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style1 .multi-main-searchber .searchbox-input input::-moz-placeholder, .hero-style1 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .hero-style1 .multi-main-searchber .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style1 .multi-main-searchber .searchbox-input input::placeholder, .hero-style1 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .hero-style1 .multi-main-searchber .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style1 .multi-main-searchber .searchbox-input.two::before {
display: none;
}
.hero-style1 .nice-select {
width: 100%;
border: none;
padding-top: 5px;
}
.hero-style1 .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.hero-style1 .nice-select .list {
top: 51px;
width: 100%;
border-radius: unset;
z-index: 9999;
}
.hero-style1 .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.hero-style1 .nice-select::after {
height: 8px;
width: 8px;
right: 50px;
border-color: var(--primary-color1);
}
@media (max-width: 1199px) {
.hero-style1 .nice-select::after {
right: 22px;
}
}
.hero-style1 .main-form-submit a {
background: var(--primary-color1);
width: 100%;
padding: 20px;
border: none;
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
white-space: nowrap;
display: inline-block;
text-align: center;
}
@media (max-width: 1199px) {
.hero-style1 .main-form-submit a {
width: unset;
padding: 20px 70px;
margin-top: 24px;
}
}
@media (max-width: 1199px) {
.hero-style1 .main-form-submit {
display: flex;
justify-content: center;
}
}
.ui-datepicker {
width: 17em;
padding: 0.5em 0.5em 0;
display: none;
z-index: 99;
}
.ui-datepicker table {
border: none;
}
.ui-datepicker table tr {
border: none;
}
.ui-datepicker td {
border: 0;
padding: 2px;
}
.ui-datepicker td .ui-state-default.ui-state-active {
background-color: var(--primary-color1) !important;
color: var(--white) !important;
text-align: center;
}
.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 {
position: absolute !important;
border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
border-radius: 0px;
margin-top: 8px;
margin-left: -15px;
z-index: 99 !important;
}
.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;
text-align: center;
}
.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 rgba(238, 238, 238, 0.5);
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-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: -1px;
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: -1px;
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;
} .section-title1 {
padding-top: 5px;
}
.section-title1 span {
font-family: var(--font-island);
font-weight: 400;
font-size: 40px;
line-height: 0;
letter-spacing: 0.03em;
color: var(--primary-color1);
}
@media (max-width: 991px) {
.section-title1 span {
font-size: 30px;
line-height: 35px;
}
}
.section-title1 h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 68px;
color: var(--title-color);
margin-bottom: 20px;
margin-top: 10px;
}
@media (max-width: 576px) {
.section-title1 h2 {
font-size: 35px;
line-height: 50px;
}
}
.home-one-about {
position: relative;
}
.home-one-about .about-vector {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.home-one-about .about-content {
padding: 0px 20px 0px 0px;
}
@media (max-width: 991px) {
.home-one-about .about-content {
margin-bottom: 100px;
padding: unset;
}
}
.home-one-about .about-content p {
letter-spacing: 0.03em;
margin-bottom: 28px;
}
.home-one-about .about-content .author-area {
padding-top: 5px;
}
.home-one-about .about-content .author-area .author-img {
margin-right: 20px;
}
.home-one-about .about-content .author-area .author-details h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
color: var(--primary-color1);
}
.home-one-about .about-img {
position: relative;
}
.home-one-about .about-img img {
border-radius: 285px;
}
.home-one-about .about-img::after {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/bg/about-vec-top.png);
position: absolute;
left: 0;
top: -40px;
z-index: -1;
}
.home-one-about .about-img::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/bg/about-vec-btm.png);
position: absolute;
right: 0;
bottom: -40px;
z-index: -1;
}
.home-one-about .about-img .reviews {
background: var(--white);
border: 1px solid rgba(28, 23, 29, 0.1);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
border-radius: 20px;
max-width: 240px;
width: 100%;
padding: 20px;
position: absolute;
top: -40px;
right: 0;
}
@media (max-width: 767px) {
.home-one-about .about-img .reviews {
max-width: 175px;
}
}
.home-one-about .about-img .reviews h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
letter-spacing: 0.03em;
color: var(--title-color);
text-align: center;
margin-bottom: 5px;
}
@media (max-width: 991px) {
.home-one-about .about-img .reviews h2 {
font-size: 35px;
}
}
.home-one-about .about-img .reviews .stars {
margin: 0;
padding: 0;
justify-content: center;
gap: 10px;
margin-bottom: 10px;
list-style-type: none;
}
.home-one-about .about-img .reviews .stars li i {
color: var(--primary-color1);
}
.home-one-about .about-img .reviews span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--title-color);
display: flex;
justify-content: center;
}
.home-one-about .about-imgg {
position: relative;
}
.home-one-about .about-imgg img {
border-radius: 285px;
}
.home-one-about .about-imgg::after {
content: "";
position: absolute;
left: 0;
top: -40px;
z-index: -1;
}
.home-one-about .about-imgg::before {
content: "";
position: absolute;
right: 0;
bottom: -40px;
z-index: -1;
} .our-room-section .section-title1 {
margin-bottom: 50px;
}
.our-room-section .single-room {
position: relative;
overflow: hidden;
}
.our-room-section .single-room > img {
min-height: 320px;
-o-object-fit: cover;
object-fit: cover;
}
.our-room-section .single-room .background {
opacity: 0;
background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, 0.86) 64.35%, #1c171d 99.35%);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: 0.35s;
}
.our-room-section .single-room .room-content {
position: absolute;
left: 0;
right: 0;
bottom: -125px;
padding: 40px 35px;
transition: 0.35s;
}
@media (max-width: 576px) {
.our-room-section .single-room .room-content {
padding: 40px 25px;
}
}
.our-room-section .single-room .room-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
}
.our-room-section .single-room .room-content .price-tag span {
font-size: 25px;
font-weight: 500;
}
.our-room-section .single-room .room-content .price-tag del {
color: var(--primary-color1);
font-size: 16px;
margin-right: 10px;
font-weight: 500;
}
.our-room-section .single-room .room-content h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 35px;
color: var(--white);
margin-bottom: 15px;
padding-top: 2px;
transition: 0.35s;
}
.our-room-section .single-room .room-content h3:hover {
color: var(--primary-color1);
}
.our-room-section .single-room .room-content .bed-and-person {
gap: 40px;
}
@media (max-width: 576px) {
.our-room-section .single-room .room-content .bed-and-person {
gap: 20px;
flex-wrap: wrap;
}
}
.our-room-section .single-room .room-content .bed-and-person .bed-qty p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--white);
display: flex;
align-items: center;
}
.our-room-section .single-room .room-content .bed-and-person .bed-qty p img,
.our-room-section .single-room .room-content .bed-and-person .bed-qty p svg {
margin-right: 10px;
}
.our-room-section .single-room .room-content .bed-and-person .persons p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--white);
display: flex;
align-items: baseline;
}
.our-room-section .single-room .room-content .bed-and-person .persons p img,
.our-room-section .single-room .room-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.our-room-section .single-room .room-content .book-btn {
padding-top: 60px;
transition: 0.35s;
}
.our-room-section .single-room .room-content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
border: 0.5px solid #ffffff;
padding: 5px 35px;
}
.our-room-section .single-room:hover .background {
opacity: 1;
}
.our-room-section .single-room:hover .room-content {
bottom: 0;
}
.our-room-section .single-room:hover .room-content .book-btn {
padding-top: 30px;
}
.our-room-section .room-btn {
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.03em;
background: var(--primary-color1);
padding: 14px 45px;
} .home-one-features {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.home-one-features .nav-pills .nav-link.active,
.home-one-features .nav-pills .show > .nav-link {
color: unset;
background-color: unset;
}
.home-one-features .swiper {
padding: unset;
}
.home-one-features .feature-content {
padding: 80px 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.home-one-features .feature-content {
padding: 80px 30px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home-one-features .feature-content {
padding: 80px 25px 80px 50px;
}
}
@media (max-width: 576px) {
.home-one-features .feature-content {
padding: 80px 20px;
}
}
.home-one-features .feature-content .section-title1 {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.home-one-features .feature-content .section-title1 {
text-align: center;
}
}
.home-one-features .feature-content .feature-items {
background-color: var(--white);
padding: 45px 15px;
width: 100%;
position: relative;
text-align: center;
font-family: var(--font-jost);
font-weight: 500;
font-size: 23px;
color: var(--title-color) !important;
text-align: center;
margin-bottom: 0;
line-height: 13px;
min-height: 190px;
}
.home-one-features .feature-content .feature-items::after {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/bg/f-icon-bg.png);
position: absolute;
left: 45px;
top: 30px;
}
@media (max-width: 1399px) {
.home-one-features .feature-content .feature-items::after {
left: 30%;
}
}
@media (max-width: 576px) {
.home-one-features .feature-content .feature-items::after {
left: 30%;
top: 15px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home-one-features .feature-content .feature-items {
padding: 30px 8px;
width: 145px;
}
}
@media (max-width: 1399px) {
.home-one-features .feature-content .feature-items {
padding: 30px 8px;
}
}
@media (max-width: 576px) {
.home-one-features .feature-content .feature-items {
padding: 20px 8px 17px;
}
}
.home-one-features .feature-content .feature-items svg,
.home-one-features .feature-content .feature-items i {
fill: var(--title-color);
transition: 0.35s;
margin-bottom: 35px;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home-one-features .feature-content .feature-items {
min-height: 160px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.home-one-features .feature-content .feature-items {
padding: 12px 15px;
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home-one-features .feature-content .feature-items {
min-height: 160px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.home-one-features .feature-content .feature-items {
min-height: 160px;
}
}
@media (max-width: 576px) {
.home-one-features .feature-content .feature-items {
font-size: 18px;
line-height: 22px;
}
}
.home-one-features .feature-content .feature-items:hover svg path {
fill: var(--primary-color1);
transition: 0.35s;
}
.home-one-features .feature-content .feature-items.active {
background-color: var(--title-color);
color: var(--white) !important;
}
.home-one-features .feature-content .feature-items.active svg path {
fill: var(--white);
}
.home-one-features .tab-content .feature-slider img {
width: 100%;
}
.home-one-features .tab-content .swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 25px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 90px;
background: var(--primary-color1);
width: 25px;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.home-one-features .tab-content .swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--white);
}
.home-one-features .nav-link {
padding: 0.3rem 0.3rem;
}
@media (max-width: 1199px) {
.home-one-features .nav-link {
padding: 1rem 1rem;
}
}
@media (max-width: 1199px) {
.home-one-features .nav-link {
padding: 0.5rem 0.5rem;
}
}
.home-one-features .nav-tabs {
border-bottom: unset;
}
.home-one-features .nav-tabs .nav-link:focus,
.home-one-features .nav-tabs .nav-link:hover {
border-color: transparent;
}
.swiper-pagination .swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 25px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 90px;
background: var(--primary-color1);
width: 25px;
}
.swiper-pagination .swiper-pagination-bullet-active {
background: var(--white);
} .home-one-offers .section-title1 {
margin-bottom: 50px;
}
.home-one-offers .scroll-offer {
height: 1170px;
overflow-y: scroll;
}
.home-one-offers .scroll-offer::-webkit-scrollbar {
width: 0px;
}
@media (max-width: 1399px) {
.home-one-offers .scroll-offer {
height: 1175px;
}
}
@media (max-width: 1199px) {
.home-one-offers .scroll-offer {
height: 1230px;
}
}
@media (max-width: 991px) {
.home-one-offers .scroll-offer {
height: 897px;
}
}
.home-one-offers .scroll-offer .single-offer {
position: relative;
overflow: hidden;
z-index: 1;
}
.home-one-offers .scroll-offer .single-offer > img {
height: 330px;
width: 100% !important;
}
.home-one-offers .scroll-offer .single-offer::after {
content: "";
background: linear-gradient(357.71deg, #1c171d 9.06%, rgba(28, 23, 29, 0.3) 49.66%, rgba(28, 23, 29, 0) 101.76%, rgba(28, 23, 29, 0) 139.43%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: -1;
}
.home-one-offers .scroll-offer .single-offer .offer-card {
position: absolute;
top: 15px;
right: 20px;
}
.home-one-offers .scroll-offer .single-offer .offer-card .offer {
position: relative;
margin-right: -50px;
}
.home-one-offers .scroll-offer .single-offer .offer-card .offer svg {
fill: var(--primary-color1);
}
.home-one-offers .scroll-offer .single-offer .offer-card .offer .content {
position: absolute;
left: 10px;
top: 19px;
}
.home-one-offers .scroll-offer .single-offer .offer-card .offer .content h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 23px;
letter-spacing: 0.03em;
color: var(--white);
transform: rotate(-4.16deg);
margin-bottom: 0;
line-height: 15px;
}
.home-one-offers .scroll-offer .single-offer .offer-card .offer .content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.03em;
color: var(--white);
transform: rotate(-6.1deg);
margin-left: 7px;
}
.home-one-offers .scroll-offer .single-offer .offer-card .day span {
font-family: var(--font-jost);
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.04em;
color: var(--white);
background: rgba(32, 32, 32, 0.4);
border: 1px solid var(--primary-color1);
border-radius: 170px;
padding: 13px 15px 13px 63px;
}
.home-one-offers .scroll-offer .single-offer > .content {
position: absolute;
left: 0;
bottom: 0;
padding: 15px 30px 30px;
width: 100%;
gap: 10px;
}
@media (max-width: 576px) {
.home-one-offers .scroll-offer .single-offer > .content {
flex-wrap: wrap;
}
}
.home-one-offers .scroll-offer .single-offer > .content .left-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
color: var(--white);
}
.home-one-offers .scroll-offer .single-offer > .content .left-content .price-tag span {
font-size: 25px;
font-weight: 500;
}
.home-one-offers .scroll-offer .single-offer > .content .left-content .price-tag del {
color: var(--primary-color1);
font-size: 16px;
margin-right: 10px;
}
.home-one-offers .scroll-offer .single-offer > .content .left-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
color: var(--white);
margin-bottom: 0;
}
.home-one-offers .scroll-offer .single-offer > .content .left-content .stars {
margin: 0;
padding: 0;
gap: 9px;
list-style-type: none;
}
.home-one-offers .scroll-offer .single-offer > .content .left-content .stars li i {
color: var(--primary-color1);
}
.home-one-offers .scroll-offer .single-offer > .content .book-btn {
opacity: 0;
transform: scale(0.4);
transition: 0.35s;
}
.home-one-offers .scroll-offer .single-offer > .content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
border: 0.5px solid #ffffff;
padding: 5px 35px;
white-space: nowrap;
}
.home-one-offers .scroll-offer .single-offer:hover::after {
opacity: 1;
}
.home-one-offers .scroll-offer .single-offer:hover .content .book-btn {
opacity: 1;
transform: scale(1);
transition: 0.35s;
}
.home-one-offers .single-offer2 {
position: relative;
overflow: hidden;
}
.home-one-offers .single-offer2 .offer-img {
position: relative;
}
.home-one-offers .single-offer2 .offer-img img {
height: 300px !important;
}
.home-one-offers .single-offer2 .background {
background: linear-gradient(214.35deg, rgba(217, 217, 217, 0) 32.25%, #000 76.56%);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: 0.35s;
}
.home-one-offers .single-offer2 .offer-batch {
position: absolute;
right: 20px;
top: 15px;
z-index: 9;
}
.home-one-offers .single-offer2 .offer-batch .offer {
position: relative;
}
.home-one-offers .single-offer2 .offer-batch .offer .content {
position: absolute;
left: 10px;
top: 19px;
}
.home-one-offers .single-offer2 .offer-batch .offer .content h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 23px;
letter-spacing: 0.03em;
color: var(--title-color);
transform: rotate(-4.16deg);
margin-bottom: 0;
line-height: 15px;
}
.home-one-offers .single-offer2 .offer-batch .offer .content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 13px;
letter-spacing: 0.03em;
color: var(--title-color);
transform: rotate(-6.1deg);
margin-left: 7px;
}
.home-one-offers .single-offer2 .offer-content {
position: absolute;
left: 0;
bottom: -117px;
padding: 40px 35px;
transition: 0.35s;
}
.home-one-offers .single-offer2 .offer-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
}
.home-one-offers .single-offer2 .offer-content .price-tag span {
font-size: 25px;
font-weight: 500;
}
.home-one-offers .single-offer2 .offer-content .price-tag del {
color: var(--primary-color1);
font-size: 16px;
margin-right: 10px;
}
.home-one-offers .single-offer2 .offer-content h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 35px;
color: var(--white);
margin-bottom: 45px;
padding-top: 2px;
}
.home-one-offers .single-offer2 .offer-content .bed-and-person {
gap: 40px;
}
@media (max-width: 576px) {
.home-one-offers .single-offer2 .offer-content .bed-and-person {
gap: 20px;
flex-wrap: wrap;
}
}
.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--white);
display: flex;
align-items: center;
}
.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p img,
.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p svg {
margin-right: 10px;
}
.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--white);
display: flex;
align-items: baseline;
}
.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p img,
.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.home-one-offers .single-offer2 .offer-content .book-btn {
transition: 0.35s;
}
.home-one-offers .single-offer2 .offer-content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
color: var(--primary-color1);
border: 0.5px solid var(--primary-color1);
padding: 5px 35px;
}
.home-one-offers .single-offer2:hover .offer-content {
bottom: 0px;
}
.home-one-offers .single-offer2:hover .offer-content span {
color: var(--white);
}
.home-one-offers .single-offer2:hover .offer-content h3 {
color: var(--white);
margin-bottom: 15px;
}
.home-one-offers .single-offer2:hover .offer-content .book-btn {
padding-top: 27px;
}
.home-one-offers .offer-banner {
padding-bottom: 9px;
}
@media (max-width: 576px) {
.home-one-offers .offer-banner {
flex-wrap: wrap;
justify-content: center;
}
}
.home-one-offers .offer-banner .left-banner {
background: #ffffff;
border: 1px solid var(--primary-color1);
border-radius: 10px;
padding: 30px;
max-width: 192px;
width: 100%;
position: relative;
}
.home-one-offers .offer-banner .left-banner::after {
content: "";
width: 177px;
height: 180px;
background: var(--primary-color1);
opacity: 0.5;
border-radius: 10px;
transform: rotate(-3.68deg);
position: absolute;
left: 8px;
top: -2px;
z-index: -1;
}
.home-one-offers .offer-banner .left-banner .vector {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/offer-vec-2.svg);
position: absolute;
z-index: 99;
left: 0;
top: 0;
}
.home-one-offers .offer-banner .left-banner::before {
content: "";
width: 12.5px;
height: 25px;
background: var(--white);
border-bottom-right-radius: 90px;
border-top-right-radius: 90px;
border: 1px solid var(--primary-color1);
border-left: 0;
position: absolute;
bottom: 45px;
left: -1px;
z-index: 6;
}
@media (max-width: 576px) {
.home-one-offers .offer-banner .left-banner::before {
bottom: -9px;
left: 50%;
transform: translateX(-50%);
transform: rotate(-90deg);
}
}
.home-one-offers .offer-banner .left-banner h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.03em;
color: var(--title-color);
margin-bottom: 0;
}
.home-one-offers .offer-banner .left-banner span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 10px;
line-height: 10px;
color: var(--text-color1);
}
.home-one-offers .offer-banner .left-banner p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
line-height: 15px;
margin-bottom: 0;
padding-top: 33px;
}
.home-one-offers .offer-banner .right-banner {
background: #ffffff;
border: 1px solid var(--primary-color1);
border-radius: 10px;
padding: 23px 38px;
max-width: 280px;
width: 100%;
margin-left: -1px;
position: relative;
}
.home-one-offers .offer-banner .right-banner::before {
content: "";
width: 13.5px;
height: 25px;
background: var(--white);
border-bottom-left-radius: 90px;
border-top-left-radius: 90px;
border: 1px solid var(--primary-color1);
border-right: 0;
position: absolute;
bottom: 45px;
left: -14px;
z-index: 6;
}
.home-one-offers .offer-banner .right-banner h3 {
margin-bottom: 0;
font-family: var(--font-yeseva);
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 35px;
color: var(--dark);
}
.home-one-offers .offer-banner .right-banner .sammer {
text-align: center;
font-size: 60px;
font-family: var(--font-island);
color: var(--primary-color1);
padding-top: 12px;
margin-bottom: 10px;
}
.home-one-offers .offer-banner .right-banner .offer {
text-align: end;
} .home-one-testimonial .section-title1 {
margin-bottom: 55px;
}
.home-one-testimonial .swiper {
padding: 25px;
margin: -25px;
}
.home-one-testimonial .testimonial-wrrap {
border: 1px solid #eeeeee;
padding: 45px 30px;
position: relative;
transition: 0.35s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.home-one-testimonial .testimonial-wrrap {
padding: 45px 20px;
}
}
@media (max-width: 991px) {
.home-one-testimonial .testimonial-wrrap {
padding: 35px 20px;
}
}
.home-one-testimonial .testimonial-wrrap > img,
.home-one-testimonial .testimonial-wrrap svg {
background-color: var(--white);
position: absolute;
top: -12px;
left: -26px;
}
.home-one-testimonial .testimonial-wrrap .content {
margin-bottom: 30px;
}
.home-one-testimonial .testimonial-wrrap .content p {
margin-bottom: 0;
letter-spacing: 0.03em;
font-size: 22px;
font-weight: 300;
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-img {
border-radius: 50%;
margin-right: 15px;
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-img img {
border-radius: 50%;
margin-right: 15px;
height: 50px;
width: 50px;
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 22px;
color: var(--title-color);
margin-bottom: 0;
white-space: nowrap;
}
@media (max-width: 576px) {
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
font-size: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
font-size: 20px;
}
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg p {
margin-bottom: 0;
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review {
display: none;
}
@media (max-width: 576px) {
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review {
display: block;
}
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review ul {
margin: 0;
padding: 0;
gap: 8px;
list-style-type: none;
}
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review ul li i {
color: var(--primary-color1);
}
@media (max-width: 576px) {
.home-one-testimonial .testimonial-wrrap .author-review-area .review {
display: none;
}
}
.home-one-testimonial .testimonial-wrrap .author-review-area .review ul {
margin: 0;
padding: 0;
gap: 8px;
list-style-type: none;
}
.home-one-testimonial .testimonial-wrrap .author-review-area .review ul li i {
color: var(--primary-color1);
}
.home-one-testimonial .testimonial-wrrap:hover {
border-color: var(--primary-color1);
}
.home-one-testimonial .swiper-btn-left {
position: relative;
}
.home-one-testimonial .swiper-btn-left::after {
content: "";
width: 90%;
border: 1px dashed var(--primary-color1);
position: absolute;
left: 60px;
top: 50%;
}
@media (max-width: 576px) {
.home-one-testimonial .swiper-btn-left::after {
width: 65%;
}
}
.home-one-testimonial .swiper-btn-left .btns {
height: 40px;
width: 40px;
border: 1px solid var(--primary-color1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.35s;
}
.home-one-testimonial .swiper-btn-left .btns svg {
fill: var(--primary-color1);
transition: 0.35s;
}
.home-one-testimonial .swiper-btn-left .btns:hover {
border-color: var(--title-color);
}
.home-one-testimonial .swiper-btn-left .btns:hover svg {
fill: var(--title-color);
}
.home-one-testimonial .swiper-btn-right {
position: relative;
}
.home-one-testimonial .swiper-btn-right::after {
content: "";
width: 90% !important;
border: 1px dashed var(--primary-color1);
position: absolute;
right: 60px;
top: 21px;
}
@media (max-width: 576px) {
.home-one-testimonial .swiper-btn-right::after {
width: 65% !important;
}
}
.home-one-testimonial .swiper-btn-right .btns {
height: 40px;
width: 40px;
border: 1px solid var(--primary-color1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: right;
transition: 0.35s;
}
.home-one-testimonial .swiper-btn-right .btns svg {
fill: var(--primary-color1);
transition: 0.35s;
}
.home-one-testimonial .swiper-btn-right .btns:hover {
border-color: var(--title-color);
}
.home-one-testimonial .swiper-btn-right .btns:hover svg {
fill: var(--title-color);
}
.home-one-testimonial .contents p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 22px;
letter-spacing: 0.03em;
line-height: 26px;
color: var(--text-color1);
margin-bottom: 0;
}
@media (max-width: 1199px) {
.home-one-testimonial .contents p {
font-size: 18px;
}
}
@media (max-width: 576px) {
.home-one-testimonial .contents p {
padding: 10px 0;
}
} .home-one-video .video-area {
position: relative;
}
.home-one-video .video-area video {
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 700px;
position: relative;
}
.home-one-video .video-area video::after {
content: "";
background-color: rgba(34, 34, 34, 0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.home-one-video .video-area .our-activitys {
max-width: 1100px;
margin: 0px 0px 0px auto;
display: flex;
align-items: center;
justify-content: space-between;
background: #1c171d;
height: 126px;
padding: 10px 65px;
position: absolute;
right: 0;
bottom: 6px;
gap: 10px;
}
@media (max-width: 1399px) {
.home-one-video .video-area .our-activitys {
gap: 30px;
}
}
@media (max-width: 767px) {
.home-one-video .video-area .our-activitys {
gap: 10px;
}
}
@media (max-width: 991px) {
.home-one-video .video-area .our-activitys {
position: relative;
height: unset;
padding: 10px 25px;
}
}
@media (max-width: 767px) {
.home-one-video .video-area .our-activitys {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
.home-one-video .video-area .our-activitys .booking,
.home-one-video .video-area .our-activitys .visitors,
.home-one-video .video-area .our-activitys .satisfied-gest {
flex-wrap: wrap;
}
}
.home-one-video .video-area .our-activitys .booking .number,
.home-one-video .video-area .our-activitys .visitors .number,
.home-one-video .video-area .our-activitys .satisfied-gest .number {
padding-top: 20px;
}
.home-one-video .video-area .our-activitys .booking .number h2,
.home-one-video .video-area .our-activitys .visitors .number h2,
.home-one-video .video-area .our-activitys .satisfied-gest .number h2 {
font-family: var(--font-jost);
font-weight: 700;
font-size: 110px;
-webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
color: transparent;
margin-bottom: 0;
letter-spacing: 0.07em;
}
@media (max-width: 991px) {
.home-one-video .video-area .our-activitys .booking .number h2,
.home-one-video .video-area .our-activitys .visitors .number h2,
.home-one-video .video-area .our-activitys .satisfied-gest .number h2 {
font-size: 70px;
}
}
.home-one-video .video-area .our-activitys .booking .number span,
.home-one-video .video-area .our-activitys .visitors .number span,
.home-one-video .video-area .our-activitys .satisfied-gest .number span {
font-family: var(--font-jost);
font-weight: 700;
font-size: 110px;
-webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
color: transparent;
}
@media (max-width: 991px) {
.home-one-video .video-area .our-activitys .booking .number span,
.home-one-video .video-area .our-activitys .visitors .number span,
.home-one-video .video-area .our-activitys .satisfied-gest .number span {
font-size: 70px;
}
}
.home-one-video .video-area .our-activitys .booking .contents,
.home-one-video .video-area .our-activitys .visitors .contents,
.home-one-video .video-area .our-activitys .satisfied-gest .contents {
margin-left: -25px;
}
@media (max-width: 991px) {
.home-one-video .video-area .our-activitys .booking .contents,
.home-one-video .video-area .our-activitys .visitors .contents,
.home-one-video .video-area .our-activitys .satisfied-gest .contents {
margin-left: -20px;
}
}
@media (max-width: 991px) {
.home-one-video .video-area .our-activitys .booking .contents,
.home-one-video .video-area .our-activitys .visitors .contents,
.home-one-video .video-area .our-activitys .satisfied-gest .contents {
margin-left: 20px;
}
}
.home-one-video .video-area .our-activitys .booking .contents p,
.home-one-video .video-area .our-activitys .visitors .contents p,
.home-one-video .video-area .our-activitys .satisfied-gest .contents p {
margin-bottom: 0;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: var(--white);
}
.home-one-video .video-area .video-batch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.home-one-video .video-area .video-batch {
width: 100%;
}
}
.home-one-video .video-area .video-batch img,
.home-one-video .video-area .video-batch svg {
width: 75px;
}
.home-one-video .video-area .video-batch h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 60px;
color: var(--white);
margin-bottom: 0;
padding-top: 40px;
}
@media (max-width: 576px) {
.home-one-video .video-area .video-batch h2 {
font-size: 25px;
line-height: unset;
padding-top: 15px;
}
} .home-one-gallery .section-title1 {
margin-bottom: 50px;
}
.home-one-gallery .gallery-item {
position: relative;
}
.home-one-gallery .gallery-item a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(34, 34, 34, 0.8);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: scale(0.4);
transition: 0.5s;
}
.home-one-gallery .gallery-item a i {
color: #fff;
font-size: 30px;
}
.home-one-gallery .gallery-item.four {
margin-top: -247px;
}
@media (max-width: 1399px) {
.home-one-gallery .gallery-item.four {
margin-top: -212px;
}
}
@media (max-width: 1199px) {
.home-one-gallery .gallery-item.four {
margin-top: -177px;
}
}
@media (max-width: 991px) {
.home-one-gallery .gallery-item.four {
margin-top: unset;
}
}
.home-one-gallery .gallery-item.five {
margin-top: -247px;
}
@media (max-width: 1399px) {
.home-one-gallery .gallery-item.five {
margin-top: -212px;
}
}
@media (max-width: 1199px) {
.home-one-gallery .gallery-item.five {
margin-top: -178px;
}
}
@media (max-width: 991px) {
.home-one-gallery .gallery-item.five {
margin-top: unset;
}
}
.home-one-gallery .gallery-item.six {
margin-top: -250px;
}
@media (max-width: 1399px) {
.home-one-gallery .gallery-item.six {
margin-top: -214px;
}
}
@media (max-width: 1199px) {
.home-one-gallery .gallery-item.six {
margin-top: -178px;
}
}
@media (max-width: 991px) {
.home-one-gallery .gallery-item.six {
margin-top: -204px;
}
}
@media (max-width: 767px) {
.home-one-gallery .gallery-item.six {
margin-top: unset;
}
}
.home-one-gallery .gallery-item.seven {
margin-top: -501px;
}
@media (max-width: 1399px) {
.home-one-gallery .gallery-item.seven {
margin-top: -430px;
}
}
@media (max-width: 1199px) {
.home-one-gallery .gallery-item.seven {
margin-top: -360px;
}
}
@media (max-width: 991px) {
.home-one-gallery .gallery-item.seven {
margin-top: unset;
margin-right: 10px;
}
}
@media (max-width: 767px) {
.home-one-gallery .gallery-item.seven {
margin-top: unset;
margin-right: unset;
}
}
.home-one-gallery .gallery-item.eight {
margin-top: 10px;
}
@media (max-width: 991px) {
.home-one-gallery .gallery-item.eight {
margin-top: unset;
}
}
@media (max-width: 767px) {
.home-one-gallery .gallery-item.eight {
margin-top: 10px;
}
}
.home-one-gallery .gallery-item:hover a {
opacity: 1;
transform: scale(1);
} .home-one-blog .section-title1 {
margin-bottom: 50px;
}
.home-one-blog .blog-wrrap {
background: #fafafa;
}
.home-one-blog .blog-wrrap .post-audio iframe,
.home-one-blog .blog-wrrap .post-video iframe {
min-height: 228px;
}
.home-one-blog .blog-wrrap .post-formate-quote blockquote {
padding: 20px 30px;
border: 1px dashed #ddd;
font-weight: 500;
font-style: italic;
color: var(--text-color1);
}
.home-one-blog .blog-wrrap .post-gallery.blog-format {
position: relative;
}
.home-one-blog .blog-wrrap .post-gallery.blog-format .blog-archive-slider .swiper-slide img {
min-height: 235px;
-o-object-fit: cover;
object-fit: cover;
}
.home-one-blog .blog-wrrap .post-gallery.blog-format span.blog-date {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
color: var(--white);
background-color: var(--title-color);
padding: 7px 20px;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.home-one-blog .blog-wrrap .post-gallery.blog-format .slider-arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.home-one-blog .blog-wrrap .post-gallery.blog-format .slider-arrows .blog1-prev.swiper-prev-arrow,
.home-one-blog .blog-wrrap .post-gallery.blog-format .slider-arrows .blog1-next.swiper-next-arrow {
background-color: var(--primary-color1);
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
color: #fff;
}
.home-one-blog .blog-wrrap .blog-img {
position: relative;
overflow: hidden;
}
.home-one-blog .blog-wrrap .blog-img img {
width: 100%;
transition: 0.4s;
}
.home-one-blog .blog-wrrap .blog-img .batch {
position: absolute;
left: 0;
top: 0;
}
.home-one-blog .blog-wrrap .blog-img .batch a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
color: var(--white);
background-color: var(--title-color);
padding: 7px 20px;
display: block;
}
.home-one-blog .blog-wrrap .blog-content {
padding: 25px 20px 20px;
}
.home-one-blog .blog-wrrap .blog-content .blog-meta {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
margin-bottom: 5px;
margin-bottom: 10px;
}
.home-one-blog .blog-wrrap .blog-content .blog-meta a {
transition: 0.35s;
color: #5e5e5e;
}
.home-one-blog .blog-wrrap .blog-content .blog-meta a:hover {
color: var(--primary-color1);
}
.home-one-blog .blog-wrrap .blog-content .blog-title h4 {
margin-bottom: 20px;
}
.home-one-blog .blog-wrrap .blog-content .blog-title h4 > a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 24px;
line-height: 35px;
color: var(--title-color);
text-transform: capitalize;
transition: 0.35s;
}
.home-one-blog .blog-wrrap .blog-content .blog-title h4 > a:hover {
color: var(--primary-color1);
}
.home-one-blog .blog-wrrap .blog-content .read-more-btn > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
color: var(--primary-color1);
display: flex;
align-items: center;
transition: 0.35s;
}
.home-one-blog .blog-wrrap .blog-content .read-more-btn > a svg {
margin-right: 10px;
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home-one-blog .blog-wrrap .blog-content .read-more-btn > a:hover {
color: var(--title-color);
}
.home-one-blog .blog-wrrap .blog-content .read-more-btn > a:hover svg {
stroke: var(--title-color);
}
.home-one-blog .blog-wrrap:hover .blog-img img {
transform: scale(1.1);
}
.blog-standard-area .blog-wrrap {
position: relative;
background: #fafafa;
}
.blog-standard-area .blog-wrrap .post-audio iframe,
.blog-standard-area .blog-wrrap .post-video iframe {
min-height: 228px;
}
.blog-standard-area .blog-wrrap .post-formate-quote blockquote {
padding: 20px 30px;
border: 1px dashed #ddd;
font-weight: 500;
font-style: italic;
color: var(--text-color1);
}
.blog-standard-area .blog-wrrap .post-gallery.blog-format {
position: relative;
}
.blog-standard-area .blog-wrrap .post-gallery.blog-format span.blog-date {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
color: var(--white);
background-color: var(--title-color);
padding: 7px 20px;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.blog-standard-area .blog-wrrap .post-gallery.blog-format .slider-arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.blog-standard-area .blog-wrrap .post-gallery.blog-format .slider-arrows .blog1-prev.swiper-prev-arrow,
.blog-standard-area .blog-wrrap .post-gallery.blog-format .slider-arrows .blog1-next.swiper-next-arrow {
background-color: var(--primary-color1);
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
color: #fff;
} footer {
background-color: var(--title-color);
background-size: cover;
background-repeat: no-repeat;
}
footer .footer-top {
padding: 100px 0px;
border-bottom: 1px solid rgba(52, 48, 53, 0.5);
}
footer .footer-top .footer-item .destination-widget-title h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 32px;
text-transform: capitalize;
letter-spacing: 0.03em;
color: var(--primary-color1);
margin-bottom: 20px;
}
footer .footer-top .footer-item ul.contact-list {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
footer .footer-top .footer-item ul.contact-list li {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
footer .footer-top .footer-item ul.contact-list li:last-child {
margin: 0;
}
footer .footer-top .footer-item ul.contact-list li .icon i {
display: inline-block;
height: 35px;
width: 35px;
line-height: 33px;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
text-align: center;
border-radius: 50%;
}
footer .footer-top .footer-item ul.contact-list li .text {
font-size: 16px;
font-weight: 500;
font-family: var(--font-jost);
color: #d6d6d6;
transition: 0.35s;
}
footer .footer-top .footer-item ul.contact-list li .text a {
display: block;
font-size: 16px;
font-weight: 500;
font-family: var(--font-jost);
color: #d6d6d6;
transition: 0.35s;
}
footer .footer-top .footer-item ul.contact-list li .text a:hover {
color: var(--primary-color1);
}
footer .footer-top .footer-item .footer-btn {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
footer .footer-top .footer-item .footer-btn a {
font-family: var(--font-jost);
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #d6d6d6;
border: 1px solid #343035;
border-color: rgba(52, 48, 53, 0.5);
padding: 15px 25px;
}
footer .footer-top .footer-item .footer-btn a i {
font-size: 10px;
}
footer .footer-top .footer-about {
padding-right: 100px;
}
@media (max-width: 991px) {
footer .footer-top .footer-about {
padding: 0 50px;
text-align: center;
}
footer .footer-top .footer-about .footer-btn {
justify-content: center;
}
}
@media (max-width: 576px) {
footer .footer-top .footer-about {
padding: 0 10px;
}
}
@media (max-width: 576px) {
footer .footer-top .contact {
text-align: center;
}
}
footer .footer-top .social-area {
max-width: 300px;
min-width: 300px;
margin: 0 auto;
border: 1px solid;
border-color: rgba(52, 48, 53, 0.5);
border-radius: 0px 0px 200px 200px;
padding: 40px 20px 60px;
position: relative;
}
footer .footer-top .social-area .dot1 {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
background: #343035;
display: inline-block;
position: absolute;
left: 50px;
top: -11px;
}
footer .footer-top .social-area .dot1::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/footer-dash.svg);
position: absolute;
bottom: 12px;
left: 4px;
z-index: 9;
}
footer .footer-top .social-area .dot2 {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
background: #343035;
display: inline-block;
position: absolute;
right: 50px;
top: -11px;
}
footer .footer-top .social-area .dot2::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/footer-dash.svg);
position: absolute;
bottom: 12px;
left: 4px;
z-index: 9;
}
footer .footer-top .social-area .footer-logo img {
margin-bottom: 20px;
max-width: 150px;
}
footer .footer-top .social-area .footer-logo p {
font-family: var(--font-jost);
font-size: 20px;
font-weight: 300px;
line-height: 35px;
color: #d6d6d6;
}
footer .footer-top .social-area .footer-logo span {
width: 5.66px;
height: 5.66px;
background: var(--primary-color1);
transform: rotate(-45deg);
display: inline-block;
position: relative;
}
footer .footer-top .social-area .footer-logo span::before {
content: "";
width: 84px;
height: 1px;
background-color: var(--primary-color1);
position: absolute;
left: -77px;
top: -34px;
transform: rotate(45deg);
}
footer .footer-top .social-area .footer-logo span::after {
content: "";
width: 84px;
height: 1px;
background-color: var(--primary-color1);
position: absolute;
right: -75px;
top: 39px;
transform: rotate(45deg);
}
footer .footer-top .footer-items .footer-btn {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
footer .footer-top .footer-items .footer-btn a {
font-family: var(--font-jost);
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #d6d6d6;
border: 1px solid #343035;
border-color: rgba(52, 48, 53, 0.5);
padding: 15px 25px;
}
footer .footer-top .footer-items .footer-btn a i {
font-size: 10px;
}
footer .footer-top .footer-items h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 25px;
line-height: 32px;
text-transform: capitalize;
letter-spacing: 0.03em;
color: var(--primary-color1);
margin-bottom: 20px;
}
footer .footer-top .footer-items p {
color: #d6d6d6;
margin-bottom: 18px;
letter-spacing: 0.03em;
}
@media (max-width: 767px) {
footer .footer-top .footer-items p {
margin-bottom: 30px;
}
}
footer .footer-top .footer-items ul {
margin: 0;
padding: 0;
list-style-type: none;
}
footer .footer-top .footer-items ul li {
margin-bottom: 10px;
}
footer .footer-top .footer-items ul li a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
line-height: 30px;
color: #efefef;
transition: 0.35s;
}
footer .footer-top .footer-items ul li a:hover {
color: var(--primary-color1);
}
footer .footer-top .footer-items ul li:last-child {
margin-bottom: 0;
}
footer .footer-top .footer-items .hotline,
footer .footer-top .footer-items .email {
display: flex;
align-items: center;
}
@media (max-width: 576px) {
footer .footer-top .footer-items .hotline,
footer .footer-top .footer-items .email {
justify-content: center;
}
}
footer .footer-top .footer-items .hotline .hotline-icon img,
footer .footer-top .footer-items .hotline .email-icon img,
footer .footer-top .footer-items .email .hotline-icon img,
footer .footer-top .footer-items .email .email-icon img {
margin-right: 12px;
}
footer .footer-top .footer-items .hotline .hotline-info h6,
footer .footer-top .footer-items .hotline .email-info h6,
footer .footer-top .footer-items .email .hotline-info h6,
footer .footer-top .footer-items .email .email-info h6 {
margin-bottom: 0;
}
footer .footer-top .footer-items .hotline .hotline-info h6 a,
footer .footer-top .footer-items .hotline .email-info h6 a,
footer .footer-top .footer-items .email .hotline-info h6 a,
footer .footer-top .footer-items .email .email-info h6 a {
font-size: 16px;
font-weight: 500;
font-family: var(--font-jost);
color: #d6d6d6;
transition: 0.35s;
}
footer .footer-top .footer-items .hotline .hotline-info h6 a:hover,
footer .footer-top .footer-items .hotline .email-info h6 a:hover,
footer .footer-top .footer-items .email .hotline-info h6 a:hover,
footer .footer-top .footer-items .email .email-info h6 a:hover {
color: var(--primary-color1);
}
footer .footer-top .footer-items .footer-titel {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 28px;
letter-spacing: 0.03em;
color: var(--white);
position: relative;
}
@media (max-width: 767px) {
footer .footer-top .footer-items .footer-titel {
margin-bottom: 20px;
}
}
footer .footer-top .footer-items .footer-titel::after {
content: "";
width: 145px;
height: 2px;
background: linear-gradient(90.02deg, #ffffff 0.02%, rgba(255, 255, 255, 0) 91.04%);
border-radius: 20px;
position: absolute;
left: 0;
bottom: -5px;
}
footer .footer-top .footer-items .social-link {
margin: 0;
padding: 0;
gap: 20px;
padding-top: 15px;
list-style: none;
}
footer .footer-top .footer-items .social-link li {
margin-bottom: 0;
}
footer .footer-top .footer-items .social-link li a {
height: 34px;
width: 34px;
line-height: 35px;
background: rgba(28, 23, 29, 0.8);
border: 1px solid var(--primary-color1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.35s;
}
footer .footer-top .footer-items .social-link li a i {
font-size: 20px;
transition: 0.35s;
}
footer .footer-top .footer-items .social-link li a:hover {
background-color: var(--primary-color1);
}
footer .footer-top .footer-items .social-link li a:hover i {
color: var(--white);
}
footer .footer-mdl {
border-bottom: 1px solid rgba(52, 48, 53, 0.5);
}
footer .footer-mdl .quick-menu ul {
display: flex;
align-content: center;
justify-content: center;
margin: 0;
padding: 0;
list-style-type: none;
}
@media (max-width: 991px) {
footer .footer-mdl .quick-menu ul {
flex-wrap: wrap;
padding: 20px 0;
}
}
footer .footer-mdl .quick-menu ul li {
padding: 25px 20px;
}
@media (max-width: 991px) {
footer .footer-mdl .quick-menu ul li {
padding: 5px 20px;
}
}
footer .footer-mdl .quick-menu ul li a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
color: #efefef;
transition: 0.35s;
}
footer .footer-mdl .quick-menu ul li a:hover {
color: var(--primary-color1);
}
footer .footer-btm {
padding: 20px 0px;
}
footer .footer-btm .payment-mathort ul {
margin: 0;
padding: 0;
gap: 20px;
display: flex;
align-items: center;
list-style-type: none;
}
@media (max-width: 576px) {
footer .footer-btm .payment-mathort ul {
gap: 20px;
}
}
footer .footer-btm .payment-mathort ul li {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--white);
}
@media (max-width: 576px) {
footer .footer-btm .payment-mathort ul li:first-child {
display: none;
visibility: hidden;
}
}
footer .footer-btm .payment-mathort ul li a img {
max-width: 100%;
}
@media (max-width: 1199px) {
footer .footer-btm .devlopar-area {
display: flex;
justify-content: center;
}
}
footer .footer-btm .devlopar-area p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
color: #ffffff;
margin-bottom: 0;
line-height: 27px;
}
footer .footer-btm .devlopar-area p a {
font-weight: 700;
transition: 0.35s;
color: var(--primary-color1);
}
footer .footer-btm .devlopar-area p a:hover {
color: var(--white);
}
@media (max-width: 991px) {
footer .footer-btm .devlopar-area p {
padding: 10px 0 0;
}
} .top-bar2 {
background-color: var(--white);
padding: 5px 0px 7px;
border-bottom: 1px solid #EEEEEE;
}
@media (max-width: 991px) {
.top-bar2 {
display: none;
}
}
.top-bar2 .top-bar-items {
display: flex;
justify-content: space-between;
align-items: center;
}
.top-bar2 .wlc-message p {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
.top-bar2 .hotline,
.top-bar2 .email {
display: flex;
align-items: center;
justify-content: center;
}
.top-bar2 .hotline .hotline-icon svg,
.top-bar2 .hotline .hotline-icon img,
.top-bar2 .hotline .email-icon svg,
.top-bar2 .hotline .email-icon img,
.top-bar2 .email .hotline-icon svg,
.top-bar2 .email .hotline-icon img,
.top-bar2 .email .email-icon svg,
.top-bar2 .email .email-icon img {
vertical-align: -webkit-baseline-middle;
}
.top-bar2 .hotline .hotline-info,
.top-bar2 .hotline .email-info,
.top-bar2 .email .hotline-info,
.top-bar2 .email .email-info {
margin-left: 10px;
}
.top-bar2 .hotline .hotline-info span,
.top-bar2 .hotline .email-info span,
.top-bar2 .email .hotline-info span,
.top-bar2 .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--title-color);
}
.top-bar2 .hotline .hotline-info h6,
.top-bar2 .hotline .email-info h6,
.top-bar2 .email .hotline-info h6,
.top-bar2 .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
@media (max-width: 991px) {
.top-bar2 .hotline,
.top-bar2 .email {
display: none !important;
visibility: hidden;
}
}
.top-bar2 .mobile-menu-btn {
margin-left: 25px;
}
.top-bar2 .mobile-menu-btn .bx {
color: var(--title-color);
font-size: 28px;
} header.style-2 {
background: var(--white);
width: 100%;
position: relative;
top: 0;
z-index: 9999;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-2 {
padding: 0px 30px 0px 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 {
padding: 0px 30px 0px 30px;
}
}
@media (max-width: 991px) {
header.style-2 {
padding: 0px 30px 0px 30px;
top: 0;
}
}
@media (max-width: 576px) {
header.style-2 {
padding: 0px 20px 0px 20px;
top: 0;
}
}
header.style-2.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 999;
background: #ffffff;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
animation: smooth-header 0.65s linear;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 991px) {
header.style-2 .header-logo {
padding: 20px 0px;
display: block;
}
}
header.style-2 .nav-right {
gap: 100px;
}
@media (max-width: 1399px) {
header.style-2 .nav-right {
gap: 50px;
}
}
@media (max-width: 1199px) {
header.style-2 .nav-right {
gap: 20px;
}
}
header.style-2 .nav-right .header-btn a {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 700;
display: inline-block;
transition: 0.35s ease-in;
cursor: pointer;
white-space: nowrap;
padding: 14px 41px;
}
@media (max-width: 991px) {
header.style-2 .nav-right .header-btn {
display: none;
visibility: hidden;
}
}
header.style-2 .nav-right .bookmark-icon {
position: relative;
}
@media (max-width: 991px) {
header.style-2 .nav-right .bookmark-icon {
display: none;
visibility: hidden;
}
}
header.style-2 .nav-right .bookmark-icon > a {
border: 2px solid var(--primary-color1);
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 23px;
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s;
}
header.style-2 .nav-right .bookmark-icon > a:hover {
color: #fff;
background: var(--primary-color1);
}
header.style-2 .main-menu .menu-list {
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
list-style: none;
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list {
flex-direction: column;
justify-content: start;
}
}
header.style-2 .main-menu .menu-list > li {
position: relative;
margin: 0px 17px;
display: inline-block;
}
header.style-2 .main-menu .menu-list > li i {
display: none;
}
@media (max-width: 1199px) {
header.style-2 .main-menu .menu-list > li {
margin: 0px 10px;
}
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li {
margin: 0;
width: 100%;
}
}
header.style-2 .main-menu .menu-list > li .dropdown-icon {
color: var(--title-color);
font-size: 25px;
transition: 0.4s ease-in;
opacity: 0;
visibility: hidden;
}
header.style-2 .main-menu .menu-list > li .dropdown-icon.active {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
opacity: 1;
visibility: visible;
display: block;
}
}
header.style-2 .main-menu .menu-list > li a {
font-size: 20px;
line-height: 1;
font-weight: 400;
color: var(--title-color);
padding: 32px 0px;
display: inline-block;
white-space: nowrap;
transition: 0.4s;
display: flex;
align-items: center;
font-family: var(--font-jost);
text-transform: capitalize;
white-space: normal;
}
@media (max-width: 1199px) {
header.style-2 .main-menu .menu-list > li a {
font-size: 18px;
}
}
header.style-2 .main-menu .menu-list > li a.active {
color: var(--primary-color1);
}
header.style-2 .main-menu .menu-list > li a.active::before {
content: "";
position: absolute;
left: 0;
bottom: 22px;
width: 100%;
height: 1px;
background-color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li a.active::before {
display: none;
visibility: hidden;
}
}
header.style-2 .main-menu .menu-list > li a:hover {
color: var(--primary-color1);
position: relative;
}
header.style-2 .main-menu .menu-list > li a:hover::before {
content: "";
width: 100%;
height: 2px;
background: linear-gradient(90.05deg, var(--primary-color1) 0.06%, rgba(219, 167, 101, 0) 102.94%);
border-radius: 20px;
position: absolute;
left: 0;
bottom: 20px;
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li a:hover::before {
bottom: 0;
display: none;
}
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li a {
padding: 12px 0px;
display: block;
position: relative;
border-bottom: 1px solid rgba(60, 170, 159, 0.098);
}
header.style-2 .main-menu .menu-list > li a:hover {
color: unset;
}
}
header.style-2 .main-menu .menu-list > li .sub-menu {
padding: 0;
position: absolute;
top: 82px;
left: 0px;
max-width: 230px;
min-width: 230px;
background-color: #ffffff;
text-align: left;
display: none;
list-style: none;
transition: all 0.55s ease-in-out;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
list-style-type: none;
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li .sub-menu {
opacity: 1;
position: relative;
left: 0;
top: 0;
width: 100%;
border: unset;
display: none;
transition: unset;
box-shadow: unset;
transform: translateY(0px);
visibility: unset;
}
}
header.style-2 .main-menu .menu-list > li .sub-menu > li > .sub-menu {
position: absolute;
left: 230px;
top: 0;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li > .sub-menu li.menu-item-has-children {
position: relative;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li > .sub-menu li.menu-item-has-children:after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 600;
position: absolute;
top: 12px;
right: 10px;
font-size: 12px;
color: var(--title-color);
transition: all 0.42s ease-in-out;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li.menu-item-has-children {
position: relative;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li.menu-item-has-children:after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 600;
position: absolute;
top: 12px;
right: 10px;
font-size: 12px;
color: var(--title-color);
transition: all 0.42s ease-in-out;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li a {
display: block;
padding: 12px 25px;
border-bottom: 1px solid rgba(60, 170, 159, 0.1);
position: relative;
z-index: 1;
font-size: 18px;
color: var(--title-color);
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li .sub-menu > li a {
border-bottom: unset;
padding: 12px 15px;
}
}
header.style-2 .main-menu .menu-list > li .sub-menu > li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: var(--primary-color1);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: -1;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li a:hover {
color: var(--primary-color1);
}
header.style-2 .main-menu .menu-list > li .sub-menu > li a:hover::before {
transform: scale(1);
}
header.style-2 .main-menu .menu-list > li .sub-menu > li a:last-child {
border-bottom: unset;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li:hover a {
color: var(--primary-color1);
}
header.style-2 .main-menu .menu-list > li .sub-menu > li:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
header.style-2 .main-menu .menu-list > li .sub-menu > li.current-menu-item a {
color: var(--primary-color1) !important;
}
header.style-2 .main-menu .menu-list > li .sub-menu > li .dropdown-icon {
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li .sub-menu > li.menu-item-has-children .dropdown-icon {
opacity: 1;
visibility: visible;
display: block;
}
}
header.style-2 .main-menu .menu-list > li.menu-item-has-children {
position: relative;
z-index: 1;
padding-right: 20px;
}
header.style-2 .main-menu .menu-list > li.menu-item-has-children i {
display: block;
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li.menu-item-has-children {
padding-right: unset;
}
}
header.style-2 .main-menu .menu-list > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 600;
position: absolute;
top: 35px;
right: 0px;
font-size: 12px;
color: var(--title-color);
transition: all 0.42s ease-in-out;
}
@media (max-width: 991px) {
header.style-2 .main-menu .menu-list > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-2 .main-menu .menu-list > li.menu-item-has-children i {
position: absolute;
top: 13px;
right: 0;
font-size: 18px;
}
header.style-2 .main-menu .menu-list > li.menu-item-has-children i.active {
color: var(--primary-color1);
}
@media (min-width: 992px) {
header.style-2 .main-menu .menu-list > li.menu-item-has-children:hover > a {
color: var(--primary-color1);
}
header.style-2 .main-menu .menu-list > li.menu-item-has-children:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
}
header.style-2 .main-menu .menu-list > li.current-menu-item a {
color: var(--primary-color1) !important;
}
header.style-2 .main-menu .menu-list > li.current-menu-ancestor::after {
color: var(--primary-color1);
}
header.style-2 .main-menu .menu-list > li.current-menu-ancestor a {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-2 .main-menu {
position: fixed;
top: 0%;
left: -100%;
width: 280px;
height: 100%;
overflow-y: auto;
background-color: var(--white);
border-right: 1px solid rgba(238, 238, 238, 0.1);
padding: 40px 20px;
z-index: 999;
transition: 0.7s ease-in-out;
border-right: 1px solid #eeeeee;
}
header.style-2 .main-menu.show-menu {
left: 0;
}
}
header.style-2 .main-menu .mobile-logo-area {
margin-bottom: 25px;
}
header.style-2 .main-menu .mobile-logo-area .menu-close-btn {
cursor: pointer;
}
header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi {
color: var(--title-color);
font-size: 18px;
}
header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
color: red;
}
header.style-2 .main-menu .mobile-logo-wrap {
padding: 10px;
}
header.style-2 .mobile-menu-btn {
margin-left: 25px;
cursor: pointer;
}
header.style-2 .mobile-menu-btn .bx {
color: var(--title-color);
font-size: 28px;
line-height: 0;
}
header.style-2 .hotline-icon svg,
header.style-2 .hotline-icon img,
header.style-2 .email-icon svg,
header.style-2 .email-icon img {
vertical-align: -webkit-baseline-middle;
fill: var(--primary-color1);
}
header.style-2 .hotline,
header.style-2 .email {
display: flex;
align-items: center;
}
header.style-2 .hotline .hotline-icon svg,
header.style-2 .hotline .email-icon svg,
header.style-2 .email .hotline-icon svg,
header.style-2 .email .email-icon svg {
fill: var(--primary-color1);
}
header.style-2 .hotline .hotline-info,
header.style-2 .hotline .email-info,
header.style-2 .email .hotline-info,
header.style-2 .email .email-info {
margin-left: 10px;
}
header.style-2 .hotline .hotline-info span,
header.style-2 .hotline .email-info span,
header.style-2 .email .hotline-info span,
header.style-2 .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-2 .hotline .hotline-info span,
header.style-2 .hotline .email-info span,
header.style-2 .email .hotline-info span,
header.style-2 .email .email-info span {
color: var(--title-color);
}
}
header.style-2 .hotline .hotline-info h6,
header.style-2 .hotline .email-info h6,
header.style-2 .email .hotline-info h6,
header.style-2 .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--white);
white-space: nowrap;
margin-bottom: 0;
}
@media (max-width: 991px) {
header.style-2 .hotline .hotline-info h6,
header.style-2 .hotline .email-info h6,
header.style-2 .email .hotline-info h6,
header.style-2 .email .email-info h6 {
color: var(--title-color);
}
}
header.style-2 .user-icon a {
border: 2px solid var(--primary-color1);
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 23px;
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s;
} .hero-style2 {
position: relative;
background-size: cover;
background-repeat: no-repeat;
padding: 150px 0;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.hero-style2 {
padding: 100px 0px;
height: unset;
}
}
.hero-style2 .social-link {
margin: 0;
padding: 0;
position: absolute;
right: 70px;
top: 50%;
list-style: none;
transform: translateY(-50%);
}
@media (max-width: 1399px) {
.hero-style2 .social-link {
right: 30px;
}
}
@media (max-width: 991px) {
.hero-style2 .social-link {
display: none;
}
}
.hero-style2 .social-link li {
padding: 20px;
color: var(--white);
position: relative;
transition: 0.35s;
}
.hero-style2 .social-link li a i {
font-size: 25px;
}
.hero-style2 .social-link li::after {
content: "";
height: 3px;
width: 3px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.hero-style2 .social-link li:last-child::after {
display: none;
}
.hero-style2 .social-link li:hover {
color: var(--primary-color1);
}
.hero-style2 .hero-content {
max-width: 980px;
width: 100%;
margin-bottom: 90px;
}
@media (max-width: 991px) {
.hero-style2 .hero-content {
margin-bottom: 70px;
}
}
.hero-style2 .hero-content h4 {
font-family: var(--font-jost);
font-weight: 300;
font-size: 17px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 25px;
display: inline-block;
padding: 15px 20px;
text-align: center;
position: relative;
z-index: 1;
}
.hero-style2 .hero-content h4::after {
content: "";
height: 100%;
width: 100%;
background: var(--primary-color1);
opacity: 0.25;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media (max-width: 991px) {
.hero-style2 .hero-content h4 {
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.hero-style2 .hero-content h4 {
line-height: 35px;
padding: 10px 12px;
font-size: 16px;
}
}
.hero-style2 .hero-content h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 85px;
line-height: 105px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
}
@media (max-width: 1399px) {
.hero-style2 .hero-content h2 {
font-size: 70px;
line-height: 90px;
}
}
@media (max-width: 991px) {
.hero-style2 .hero-content h2 {
font-size: 60px;
line-height: 75px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.hero-style2 .hero-content h2 {
font-size: 50px;
line-height: 60px;
}
}
.hero-style2 .hero-content p {
letter-spacing: 0.03em;
color: var(--white);
margin-bottom: 50px;
}
.hero-style2 .hero-content a {
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
padding: 12px 25px;
display: inline-block;
}
.hero-style2 .multi-main-searchber {
background-color: #fff;
width: 100%;
padding: 20px 0px 20px 25px;
position: relative;
}
@media (max-width: 991px) {
.hero-style2 .multi-main-searchber {
padding: 25px 50px;
}
}
@media (max-width: 576px) {
.hero-style2 .multi-main-searchber {
padding: 25px 35px;
}
}
.hero-style2 .multi-main-searchber .searchbox-input {
width: 100%;
position: relative;
border: 1px solid #e2e2e2;
height: 60px;
}
.hero-style2 .multi-main-searchber .searchbox-input::after {
content: "";
width: 2px;
height: 36px;
background: var(--primary-color1);
opacity: 0.2;
border-radius: 10px;
}
.hero-style2 .multi-main-searchber .searchbox-input::before {
position: absolute;
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/date.svg);
left: 22px;
line-height: 0;
top: 50%;
transform: translateY(-50%);
}
.hero-style2 .multi-main-searchber .searchbox-input label {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
color: var(--title-color);
padding: 5px 20px 0 65px;
white-space: nowrap;
}
.hero-style2 .multi-main-searchber .searchbox-input input, .hero-style2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .hero-style2 .multi-main-searchber .searchbox-input textarea {
padding: 0 20px 5px 65px;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
border: none;
font-family: var(--font-jost);
font-weight: 500;
font-size: 12px;
height: auto;
color: #666666 !important;
}
.hero-style2 .multi-main-searchber .searchbox-input input::-moz-placeholder, .hero-style2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .hero-style2 .multi-main-searchber .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
}
.hero-style2 .multi-main-searchber .searchbox-input input::placeholder, .hero-style2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .hero-style2 .multi-main-searchber .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
}
.hero-style2 .multi-main-searchber .searchbox-input .calendar {
background: #fff;
border-radius: 4px;
font-size: 14px !important;
border: none;
position: relative;
}
.hero-style2 .multi-main-searchber .searchbox-input.two {
height: 60px;
}
.hero-style2 .multi-main-searchber .searchbox-input.two::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/user.svg);
z-index: 99;
}
.hero-style2 .multi-main-searchber .searchbox-input.three::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/hotel.svg);
}
.hero-style2 .nice-select {
width: 100%;
border: none;
padding: 0px 30px 0px 65px;
line-height: 1;
height: 25px;
}
.hero-style2 .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.hero-style2 .nice-select .list {
top: 30px;
width: 100%;
border-radius: unset;
z-index: 9999;
}
.hero-style2 .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.hero-style2 .nice-select::after {
height: 8px;
width: 8px;
right: 15px;
border-color: var(--primary-color1);
top: -15%;
}
.hero-style2 .main-form-submit button {
width: 90%;
padding: 17px 35px;
border: none;
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
white-space: nowrap;
text-align: center;
height: 60px;
color: var(--white);
background-color: var(--primary-color1);
}
.hero-style2 .main-form-submit button:hover {
background-color: transparent;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-style2 .main-form-submit button {
padding: 15px 18px;
}
}
@media (max-width: 991px) {
.hero-style2 .main-form-submit button {
width: unset;
padding: 20px 70px;
margin-top: 24px;
}
}
@media (max-width: 991px) {
.hero-style2 .main-form-submit {
display: flex;
justify-content: center;
}
} .section-title2 {
margin-top: -8px;
}
.section-title2 span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--primary-color1);
}
.section-title2 h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
text-align: center;
color: var(--title-color);
margin-bottom: -3px;
padding-top: 10px;
}
@media (max-width: 1199px) {
.section-title2 h2 {
font-size: 45px;
}
}
@media (max-width: 576px) {
.section-title2 h2 {
font-size: 40px;
}
}
.home-two-feature .mt--30 {
margin-top: -30px !important;
}
@media (max-width: 991px) {
.home-two-feature .mt--30 {
margin-top: 24px !important;
}
}
.home-two-feature .section-title2 {
margin-bottom: 120px;
}
@media (max-width: 991px) {
.home-two-feature .section-title2 {
margin-bottom: 60px;
}
}
.home-two-feature .feature-card .featura-img {
position: relative;
overflow: hidden;
}
.home-two-feature .feature-card .featura-img::after {
content: "";
background-image: linear-gradient(180deg, rgba(28, 23, 29, 0) 53.78%, #1c171d 91.67%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.home-two-feature .feature-card .featura-img > img {
width: 100%;
}
.home-two-feature .feature-card .featura-img .feature-content {
padding: 25px 40px;
position: absolute;
bottom: -47px;
left: 0;
right: 0;
z-index: 2;
transition: 0.35s;
}
.home-two-feature .feature-card .featura-img .feature-content h4 {
margin-bottom: 15px;
}
.home-two-feature .feature-card .featura-img .feature-content h4 a {
font-family: var(--font-yeseva);
font-weight: 500;
font-size: 27px;
letter-spacing: 0.03em;
color: var(--white);
}
.home-two-feature .feature-card .featura-img .feature-content > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
transition: 0.35s;
}
.home-two-feature .feature-card .featura-img .feature-content > a svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home-two-feature .feature-card .featura-img .feature-content > a:hover {
color: var(--white);
}
.home-two-feature .feature-card .featura-img .feature-content > a:hover svg {
stroke: var(--white);
}
.home-two-feature .feature-card .featura-img:hover .feature-content {
bottom: 0px;
} .home-two-room-suits {
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.home-two-room-suits .room-suits-slider {
padding: 0px 10px;
}
.home-two-room-suits .room-wrrap {
position: relative;
}
.home-two-room-suits .room-wrrap .room-img {
overflow: hidden;
}
.home-two-room-suits .room-wrrap .room-img img {
width: 100%;
transition: 0.35s;
height: 320px;
-o-object-fit: cover;
object-fit: cover;
}
.home-two-room-suits .room-wrrap .room-content {
background: #ffffff;
box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
padding: 0px 35px 30px;
}
.home-two-room-suits .room-wrrap .room-content .room-features {
margin-top: -20px;
position: relative;
z-index: 9;
margin-bottom: 30px;
}
.home-two-room-suits .room-wrrap .room-content .room-features ul {
gap: 25px;
justify-content: center;
background: #1c171d;
box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
border-radius: 36px;
display: flex;
align-items: center;
max-width: 300px;
width: 100%;
margin: 0 auto;
list-style: none;
}
.home-two-room-suits .room-wrrap .room-content .room-features ul li {
padding: 10px 3px;
}
.home-two-room-suits .room-wrrap .room-content .room-features ul li img {
max-height: 25px;
}
.home-two-room-suits .room-wrrap .room-content .room-features ul li svg {
fill: white;
}
.home-two-room-suits .room-wrrap .room-content .price-area {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--title-color);
}
.home-two-room-suits .room-wrrap .room-content .price-area span {
font-size: 22px;
font-weight: 600;
color: var(--primary-color1);
}
.home-two-room-suits .room-wrrap .room-content .price-area del {
font-size: 14px;
}
.home-two-room-suits .room-wrrap .room-content h3 {
padding-top: 5px;
margin-bottom: 15px;
}
.home-two-room-suits .room-wrrap .room-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 28px;
letter-spacing: 0.03em;
color: var(--title-color);
transition: 0.35s;
}
.home-two-room-suits .room-wrrap .room-content h3 a:hover {
color: var(--primary-color1);
}
.home-two-room-suits .room-wrrap .room-content .stars {
gap: 10px;
margin-bottom: 0;
list-style-type: none;
}
.home-two-room-suits .room-wrrap .room-content .stars li i {
color: var(--primary-color1);
}
.home-two-room-suits .room-wrrap .room-content .book-btn {
transform: rotate(-90deg);
position: absolute;
right: -41px;
bottom: 75px;
}
.home-two-room-suits .room-wrrap .room-content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 24px;
color: var(--primary-color1);
padding: 7px 20px;
transition: 0.35s;
border: 0.2px solid var(--primary-color1);
border-bottom: none;
background-color: transparent;
}
.home-two-room-suits .room-wrrap .room-content .book-btn a:hover {
background-color: var(--primary-color1);
color: var(--white);
}
.home-two-room-suits .room-wrrap:hover .room-img img {
transform: scale(1.1);
}
.home-two-room-suits .slider-bottom {
margin-top: 60px;
position: relative;
}
.home-two-room-suits .slider-bottom .swiper-pagination {
bottom: -10px;
left: 0;
width: 100%;
align-items: center;
display: flex;
}
.home-two-room-suits .slider-bottom .swiper-pagination .swiper-pagination-bullet {
height: 13px;
width: 13px;
background: #1c171d;
opacity: 0.1;
}
.home-two-room-suits .slider-bottom .swiper-pagination .swiper-pagination-bullet-active {
background: var(--primary-color1);
opacity: 1;
height: 15px;
width: 15px;
} .home-two-about .section-title2 h2 {
text-align: start;
}
.home-two-about .about-content {
padding-top: 12px;
}
.home-two-about .about-content p {
margin-bottom: 0;
}
.home-two-about .about-content blockquote {
position: relative;
margin-left: 20px;
padding-top: 25px;
margin-bottom: 60px;
}
.home-two-about .about-content blockquote p {
font-family: var(--font-jost);
font-weight: 600;
font-size: 20px;
line-height: 35px;
color: var(--title-color);
margin-bottom: 20px;
}
.home-two-about .about-content blockquote h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
color: var(--primary-color1);
margin-bottom: 5px;
}
.home-two-about .about-content blockquote::after {
content: "";
position: absolute;
width: 1px;
height: 193px;
left: -19px;
top: 25px;
background: var(--primary-color1);
}
.home-two-about .about-content a {
font-family: var(--font-jost);
font-weight: 700;
font-size: 16px;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
padding: 20px 45px;
display: inline-flex;
}
.home-two-about .about-img .about-img-1 {
margin-bottom: 40px;
}
.home-two-about .about-img .about-img-1 img {
width: 100%;
}
.home-two-about .about-img .reating {
background: rgba(60, 170, 159, 0.2);
border: 1px solid rgba(28, 23, 29, 0.05);
box-shadow: 0px 0px 15px rgba(252, 240, 234, 0.05);
border-radius: 10px;
padding: 20px;
}
.home-two-about .about-img .reating h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
letter-spacing: 0.03em;
color: var(--title-color);
margin-bottom: 5px;
padding-top: 20px;
}
.home-two-about .about-img .reating .stars {
gap: 10px;
margin-bottom: 5px;
list-style-type: none;
}
.home-two-about .about-img .reating .stars li i {
color: var(--primary-color1);
}
.home-two-about .about-img .reating span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--title-color);
}
.home-two-about .about-img .about-img-2 img {
width: 100%;
} .home-two-offer {
background-image: linear-gradient(rgba(60, 170, 159, 0.1), rgba(60, 170, 159, 0.1)), url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/bg/h2-offer-bg.png);
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 991px) {
.home-two-offer {
padding: 80px 0;
}
}
.home-two-offer .offer-wraper {
position: relative;
overflow: hidden;
z-index: 9;
}
.home-two-offer .offer-wraper .offer-img {
position: relative;
z-index: 1;
}
.home-two-offer .offer-wraper .offer-img::after {
content: "";
position: absolute;
background-image: linear-gradient(75.11deg, #1c171d 0%, rgba(28, 23, 29, 0.3) 34.51%, rgba(28, 23, 29, 0.1) 75.64%, #1c171d 104.71%);
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: 0.35s;
}
.home-two-offer .offer-wraper .offer-img::before {
content: "";
position: absolute;
background-image: linear-gradient(353.69deg, #1c171d 22.97%, rgba(28, 23, 29, 0) 65.09%, rgba(28, 23, 29, 0) 89.59%, rgba(28, 23, 29, 0) 119.2%);
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: 0.35s;
}
.home-two-offer .offer-wraper .offer-img img {
min-height: 330px;
}
@media (max-width: 1399px) {
.home-two-offer .offer-wraper .offer-img img {
min-height: 250px;
}
}
.home-two-offer .offer-wraper .offer-card {
position: absolute;
top: 25px;
right: 20px;
z-index: 9;
}
.home-two-offer .offer-wraper .offer-card .offer {
position: relative;
}
.home-two-offer .offer-wraper .offer-card .offer .content {
position: absolute;
left: 15px;
top: 8px;
z-index: 999;
}
.home-two-offer .offer-wraper .offer-card .offer .content h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 23px;
letter-spacing: 0.03em;
color: var(--white);
transform: rotate(-4.16deg);
margin-bottom: 0;
line-height: 15px;
}
.home-two-offer .offer-wraper .offer-card .offer .content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
color: var(--white);
transform: rotate(-6.1deg);
margin-left: 25px;
}
.home-two-offer .offer-wraper .offer-card .day span {
font-family: var(--font-jost);
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.04em;
color: var(--white);
background: rgba(32, 32, 32, 0.4);
border: 1px solid var(--primary-color1);
border-radius: 170px;
padding: 13px 15px 13px 63px;
}
.home-two-offer .offer-wraper > .content {
position: absolute;
left: 0;
bottom: 0;
padding: 15px 30px 30px;
width: 100%;
align-items: end;
z-index: 9;
}
@media (max-width: 576px) {
.home-two-offer .offer-wraper > .content {
flex-wrap: wrap;
}
}
.home-two-offer .offer-wraper > .content .left-content .price-area {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
color: var(--white);
margin-bottom: 5px;
}
.home-two-offer .offer-wraper > .content .left-content .price-area span {
font-weight: 600;
font-size: 22px;
color: var(--white);
}
.home-two-offer .offer-wraper > .content .left-content .price-area span del {
color: var(--primary-color1);
margin-right: 3px;
}
.home-two-offer .offer-wraper > .content .left-content h3 {
margin-bottom: 15px;
}
.home-two-offer .offer-wraper > .content .left-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
color: var(--white);
margin-bottom: 0;
transition: 0.35s;
}
.home-two-offer .offer-wraper > .content .left-content h3 a:hover {
color: var(--primary-color1);
}
.home-two-offer .offer-wraper > .content .left-content .stars {
margin: 0;
padding: 0;
gap: 9px;
list-style: none;
}
.home-two-offer .offer-wraper > .content .left-content .stars li {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: #ffffff;
}
.home-two-offer .offer-wraper > .content .left-content .stars li i {
color: var(--primary-color1);
}
.home-two-offer .offer-wraper > .content .left-content .stars li:last-child {
margin-bottom: -5px;
}
.home-two-offer .offer-wraper > .content .room-features {
opacity: 0;
transform: scale(0.4);
transition: 0.35s;
}
.home-two-offer .offer-wraper > .content .room-features ul {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 0;
list-style: none;
}
@media (max-width: 1399px) {
.home-two-offer .offer-wraper > .content .room-features ul {
gap: 12px;
}
}
@media (max-width: 576px) {
.home-two-offer .offer-wraper > .content .room-features ul {
margin-top: 10px;
}
}
.home-two-offer .offer-wraper > .content .room-features ul li svg {
fill: var(--white);
}
@media (max-width: 991px) {
.home-two-offer .offer-wraper > .content .room-features {
display: none;
}
}
.home-two-offer .swiper-container {
overflow: hidden;
width: 96%;
padding: 30px 0 80px;
}
@media (max-width: 1500px) {
.home-two-offer .swiper-container {
padding: 30px 0 50px;
}
}
@media (max-width: 1399px) {
.home-two-offer .swiper-container {
padding: 30px 0 20px;
}
}
@media (max-width: 991px) {
.home-two-offer .swiper-container {
width: unset;
}
}
@media (max-width: 576px) {
.home-two-offer .swiper-container {
padding: 30px 0 0px;
}
}
.home-two-offer .swiper-container .swiper-slide {
height: 300px;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms linear;
}
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active {
margin-top: -10px;
}
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img {
position: relative;
z-index: 1;
}
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::after {
content: "";
position: absolute;
background-image: linear-gradient(75.11deg, #1c171d 0%, rgba(28, 23, 29, 0.3) 34.51%, rgba(28, 23, 29, 0.1) 75.64%, #1c171d 104.71%);
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: 0.35s;
}
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::before {
content: "";
position: absolute;
background-image: linear-gradient(353.69deg, #1c171d 22.97%, rgba(28, 23, 29, 0) 65.09%, rgba(28, 23, 29, 0) 89.59%, rgba(28, 23, 29, 0) 119.2%);
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
transition: 0.35s;
}
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .content .room-features {
opacity: 1;
transform: scale(1);
}
.home-two-offer .view-all-btn a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--primary-color1);
border: 1px solid rgba(60, 170, 159, 0.2);
padding: 17px 16px 12px;
display: inline-flex;
}
.home-two-offer .view-all-btn a:hover {
color: var(--white);
}
.home-two-offer .swiper-btn {
gap: 60px;
}
.home-two-offer .swiper-btn .btns {
height: 40px;
width: 40px;
border: 1px solid var(--primary-color1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: right;
transition: 0.35s;
}
.home-two-offer .swiper-btn .btns svg {
fill: var(--primary-color1);
transition: 0.35s;
}
.home-two-offer .swiper-btn .btns:hover {
border-color: var(--title-color);
}
.home-two-offer .swiper-btn .btns:hover svg {
fill: var(--title-color);
} .home-two-choose .choose-left {
position: relative;
}
.home-two-choose .choose-left .choose-img img {
width: 100%;
}
.home-two-choose .choose-left .choose-img.one {
margin-bottom: 30px;
}
.home-two-choose .choose-left .choose-img.three {
margin-bottom: 30px;
}
.home-two-choose .choose-left .tripadvisor-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.home-two-choose .section-title2 h2 {
text-align: start;
}
.home-two-choose .section-title2 p {
padding-top: 35px;
margin-bottom: 0;
letter-spacing: 0.03em;
}
.home-two-choose .choose-feature {
padding-top: 50px;
}
.home-two-choose .choose-feature ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 40px;
margin-bottom: 65px;
list-style-type: none;
}
.home-two-choose .choose-feature ul li {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--text-color1);
}
.home-two-choose .choose-feature ul li img,
.home-two-choose .choose-feature ul li svg,
.home-two-choose .choose-feature ul li i {
margin-right: 5px;
}
.home-two-choose .choose-feature a {
font-family: var(--font-jost);
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
display: inline-flex;
padding: 26px 70px;
}
.home-two-choose .choose-feature a:hover {
color: var(--white);
} .home-two-testimonial {
padding: 100px 0;
}
@media (max-width: 991px) {
.home-two-testimonial {
padding: 80px 0;
}
}
.home-two-testimonial .testimonial-wrrap {
max-width: 900px;
width: 100%;
margin: 0 auto;
padding: 0px 10px;
}
.home-two-testimonial .testimonial-wrrap .author-name-deg {
margin-bottom: 25px;
}
.home-two-testimonial .testimonial-wrrap .author-name-deg h4 {
font-family: var(--font-yeseva);
font-weight: 500;
font-size: 24px;
letter-spacing: 0.03em;
color: #213321;
margin-bottom: 3px;
}
.home-two-testimonial .testimonial-wrrap .author-name-deg span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
}
.home-two-testimonial .testimonial-wrrap p {
font-family: var(--font-jost);
font-weight: 300;
font-size: 24px;
line-height: 45px;
letter-spacing: 0.03em;
margin-bottom: 35px;
}
.home-two-testimonial .testimonial-wrrap .author-img-rating img {
border-radius: 50%;
margin-bottom: 25px;
}
.home-two-testimonial .testimonial-wrrap .author-img-rating .stars {
margin: 0;
padding: 0;
gap: 10px;
list-style-type: none;
}
.home-two-testimonial .testimonial-wrrap .author-img-rating .stars li i {
color: var(--primary-color1);
}
.home-two-testimonial .swiper-btn {
position: absolute;
bottom: 65px;
z-index: 9;
}
.home-two-testimonial .swiper-btn .btns {
height: 40px;
width: 40px;
border: 1px solid var(--primary-color1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: right;
}
.home-two-testimonial .swiper-btn .btns svg {
fill: var(--primary-color1);
}
.home-two-testimonial .swiper-btn .btns:hover {
border-color: var(--title-color);
}
.home-two-testimonial .swiper-btn .btns:hover svg {
fill: var(--title-color);
} .home-two-contact .contact-wrrap {
padding: 101px 65px;
background: #ffffff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1399px) {
.home-two-contact .contact-wrrap {
padding: 50px 65px;
}
}
@media (max-width: 576px) {
.home-two-contact .contact-wrrap {
padding: 50px 15px;
}
}
.home-two-contact .contact-wrrap form .form-inner p {
margin-bottom: 30px;
}
.home-two-contact .contact-wrrap form .form-inner input, .home-two-contact .contact-wrrap form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .home-two-contact .contact-wrrap form .form-inner textarea {
width: 100%;
border: 1px solid #ddd;
height: 50px;
padding: 12px 25px;
font-family: var(--font-jost);
font-weight: 300;
font-size: 16px;
color: #575757;
border-radius: 0;
background: #f9f9f9;
}
.home-two-contact .contact-wrrap form .form-inner input::-moz-placeholder, .home-two-contact .contact-wrrap form .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .home-two-contact .contact-wrrap form .form-inner textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 300;
font-size: 16px;
color: #575757;
}
.home-two-contact .contact-wrrap form .form-inner input::placeholder, .home-two-contact .contact-wrrap form .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .home-two-contact .contact-wrrap form .form-inner textarea::placeholder {
font-family: var(--font-jost);
font-weight: 300;
font-size: 16px;
color: #575757;
}
.home-two-contact .contact-wrrap form .form-inner textarea {
width: 100%;
border: 1px solid #ddd;
height: 50px;
padding: 10px 25px;
min-height: 150px;
font-family: var(--font-jost);
font-weight: 300;
font-size: 16px;
color: #575757;
border-radius: 0;
background: #f9f9f9;
}
.home-two-contact .contact-wrrap form .form-inner textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 300;
font-size: 16px;
color: #575757;
}
.home-two-contact .contact-wrrap form .form-inner textarea::placeholder {
font-family: var(--font-jost);
font-weight: 300;
font-size: 16px;
color: #575757;
}
.home-two-contact .contact-wrrap form .form-inner .send-btn {
width: unset;
height: unset;
background-color: transparent;
border: 1px solid var(--primary-color1);
font-family: var(--font-jost);
font-weight: 700;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
padding: 20px 78px;
margin-bottom: 0;
}
.home-two-contact .contact-wrrap form .form-inner .send-btn:hover {
background-color: var(--primary-color1);
color: var(--white);
}
.home-two-contact .contact-img {
height: 100%;
}
.home-two-contact .contact-img img {
width: 100%;
height: 100%;
} .home-two-counter .our-activitys {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
max-height: 80px;
}
@media (max-width: 991px) {
.home-two-counter .our-activitys {
position: relative;
height: unset;
padding: 10px 25px;
max-height: unset;
flex-wrap: wrap;
}
}
.home-two-counter .our-activitys .counter-item {
max-height: 80px;
}
@media (max-width: 991px) {
.home-two-counter .our-activitys .counter-item {
max-height: unset;
}
}
@media (max-width: 576px) {
.home-two-counter .our-activitys .counter-item {
max-height: 80px;
}
}
@media (max-width: 991px) {
.home-two-counter .our-activitys .booking,
.home-two-counter .our-activitys .visitors,
.home-two-counter .our-activitys .satisfied-gest {
flex-wrap: wrap;
}
}
.home-two-counter .our-activitys .booking .number,
.home-two-counter .our-activitys .visitors .number,
.home-two-counter .our-activitys .satisfied-gest .number {
padding-top: 20px;
}
@media (max-width: 991px) {
.home-two-counter .our-activitys .booking .number,
.home-two-counter .our-activitys .visitors .number,
.home-two-counter .our-activitys .satisfied-gest .number {
padding-top: unset;
}
}
.home-two-counter .our-activitys .booking .number h2,
.home-two-counter .our-activitys .visitors .number h2,
.home-two-counter .our-activitys .satisfied-gest .number h2 {
font-family: var(--font-jost);
font-weight: 700;
font-size: 110px;
-webkit-text-stroke: 2px rgba(28, 23, 29, 0.2);
color: transparent;
margin-bottom: 0;
letter-spacing: 0.07em;
}
@media (max-width: 991px) {
.home-two-counter .our-activitys .booking .number h2,
.home-two-counter .our-activitys .visitors .number h2,
.home-two-counter .our-activitys .satisfied-gest .number h2 {
line-height: 110px;
}
}
@media (max-width: 991px) {
.home-two-counter .our-activitys .booking .number h2,
.home-two-counter .our-activitys .visitors .number h2,
.home-two-counter .our-activitys .satisfied-gest .number h2 {
font-size: 70px;
}
}
.home-two-counter .our-activitys .booking .number span,
.home-two-counter .our-activitys .visitors .number span,
.home-two-counter .our-activitys .satisfied-gest .number span {
font-family: var(--font-jost);
font-weight: 700;
font-size: 110px;
-webkit-text-stroke: 2px rgba(28, 23, 29, 0.2);
color: transparent;
}
@media (max-width: 767px) {
.home-two-counter .our-activitys .booking .number span,
.home-two-counter .our-activitys .visitors .number span,
.home-two-counter .our-activitys .satisfied-gest .number span {
font-size: 70px;
}
}
.home-two-counter .our-activitys .booking .contents,
.home-two-counter .our-activitys .visitors .contents,
.home-two-counter .our-activitys .satisfied-gest .contents {
margin-left: -25px;
}
@media (max-width: 991px) {
.home-two-counter .our-activitys .booking .contents,
.home-two-counter .our-activitys .visitors .contents,
.home-two-counter .our-activitys .satisfied-gest .contents {
margin-left: 0;
}
}
@media (max-width: 576px) {
.home-two-counter .our-activitys .booking .contents,
.home-two-counter .our-activitys .visitors .contents,
.home-two-counter .our-activitys .satisfied-gest .contents {
margin-left: 40px;
}
}
.home-two-counter .our-activitys .booking .contents p,
.home-two-counter .our-activitys .visitors .contents p,
.home-two-counter .our-activitys .satisfied-gest .contents p {
margin-bottom: 0;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: var(--title-color);
}
@media (max-width: 576px) {
.home-two-counter .our-activitys .booking .contents p,
.home-two-counter .our-activitys .visitors .contents p,
.home-two-counter .our-activitys .satisfied-gest .contents p {
font-size: 18px;
line-height: 22px;
margin-left: -20px;
margin-top: -11px;
}
} .home-two-blog .blog-slider1 {
padding: 5px 10px;
}
.home-two-blog .blog-wrrap {
justify-content: center;
}
@media (max-width: 576px) {
.home-two-blog .blog-wrrap {
flex-wrap: wrap;
}
}
.home-two-blog .blog-wrrap .blog-img img {
height: 90%;
}
@media (max-width: 576px) {
.home-two-blog .blog-wrrap .blog-img img {
height: 100%;
}
}
.home-two-blog .blog-wrrap .blog-content {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(2, 2, 2, 0.1);
padding: 40px 20px;
margin-top: 30px;
margin-left: -30px;
max-width: 480px;
width: 100%;
z-index: 2;
}
@media (max-width: 576px) {
.home-two-blog .blog-wrrap .blog-content {
margin-left: 0;
max-width: unset;
margin-top: 0px;
}
}
.home-two-blog .blog-wrrap .blog-content .category-date {
margin-bottom: 15px;
}
.home-two-blog .blog-wrrap .blog-content .category-date a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
margin-right: 10px;
}
.home-two-blog .blog-wrrap .blog-content .category-date span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #515151;
}
.home-two-blog .blog-wrrap .blog-content .blog-title h4 {
margin-bottom: 10px;
}
.home-two-blog .blog-wrrap .blog-content .blog-title h4 a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 25px;
line-height: 1.45;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
.home-two-blog .blog-wrrap .blog-content .blog-title h4 a:hover {
color: var(--primary-color1);
}
.home-two-blog .blog-wrrap .blog-content .read-more-btn > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--primary-color1);
transition: 0.35s;
}
.home-two-blog .blog-wrrap .blog-content .read-more-btn > a svg {
fill: none;
stroke: var(--primary-color1);
transition: 0.35s;
}
.home-two-blog .blog-wrrap .blog-content .read-more-btn > a:hover {
color: var(--title-color);
}
.home-two-blog .blog-wrrap .blog-content .read-more-btn > a:hover svg {
stroke: var(--title-color);
} header.style-3 {
background: var(--white);
width: 100%;
position: relative;
top: 0;
z-index: 9999;
padding: 0px 110px 0px 110px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-3 {
padding: 0px 30px 0px 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-3 {
padding: 0px 30px 0px 30px;
}
}
@media (max-width: 991px) {
header.style-3 {
padding: 0px 30px 0px 30px;
top: 0;
}
}
header.style-3.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 99;
background: var(--white);
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
animation: smooth-header 0.65s linear;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-3 .header-logo {
height: 100%;
}
@media (max-width: 991px) {
header.style-3 .header-logo {
padding: 20px 0px;
}
}
header.style-3 .header-logo img {
min-width: 120px;
max-width: 100%;
}
header.style-3 .nav-right {
gap: 100px;
}
@media (max-width: 1399px) {
header.style-3 .nav-right {
gap: 50px;
}
}
@media (max-width: 1199px) {
header.style-3 .nav-right {
gap: 20px;
}
}
header.style-3 .nav-right .header-btn a {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 600;
display: inline-block;
transition: 0.35s ease-in;
background: var(--primary-color1);
cursor: pointer;
white-space: nowrap;
padding: 12px 41px;
border-radius: 130px;
}
@media (max-width: 991px) {
header.style-3 .nav-right .header-btn a {
display: none;
visibility: hidden;
}
}
header.style-3 .nav-right .bookmark-icon {
position: relative;
}
@media (max-width: 576px) {
header.style-3 .nav-right .bookmark-icon {
display: none;
}
}
header.style-3 .nav-right .bookmark-icon > a i {
color: var(--title-color);
font-size: 25px;
line-height: 25px;
}
header.style-3 .main-menu .menu-list {
margin-bottom: 0;
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list {
flex-direction: column;
justify-content: start;
}
}
header.style-3 .main-menu .menu-list > li {
position: relative;
margin: 0px 17px;
display: inline-block;
}
header.style-3 .main-menu .menu-list > li::before {
content: "";
background: linear-gradient(90.05deg, #3caa9f 0.06%, rgba(219, 167, 101, 0) 102.94%);
position: absolute;
left: 50%;
width: 50%;
height: 2px;
bottom: 26px;
transform: translateX(-50%);
opacity: 0;
transition: 0.4s;
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li::before {
display: none;
visibility: hidden;
}
}
header.style-3 .main-menu .menu-list > li:hover::before {
opacity: 1;
}
@media (max-width: 1199px) {
header.style-3 .main-menu .menu-list > li {
margin: 0px 15px;
}
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li {
margin: 0;
width: 100%;
}
}
header.style-3 .main-menu .menu-list > li .dropdown-icon {
color: var(--title-color);
font-size: 25px;
transition: 0.4s ease-in;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li .dropdown-icon {
opacity: 1;
visibility: visible;
}
}
header.style-3 .main-menu .menu-list > li .dropdown-icon.active {
color: var(--primary-color1);
}
header.style-3 .main-menu .menu-list > li a {
font-size: 20px;
line-height: 1;
font-weight: 400;
color: var(--title-color);
padding: 32px 0px;
display: inline-block;
white-space: nowrap;
transition: 0.4s;
display: flex;
align-items: center;
font-family: var(--font-jost);
text-transform: capitalize;
position: relative;
z-index: 999;
}
header.style-3 .main-menu .menu-list > li a.active {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li a {
padding: 15px 0px;
display: block;
position: relative;
border-bottom: 1px solid rgba(60, 170, 159, 0.098);
}
header.style-3 .main-menu .menu-list > li a:hover {
color: var(--primary-color1);
}
}
header.style-3 .main-menu .menu-list > li .sub-menu {
padding: 0;
position: absolute;
top: 60px;
left: -9px;
max-width: 230px;
min-width: 230px;
background-color: var(--white);
text-align: left;
display: none;
transition: all 0.55s ease-in-out;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li .sub-menu {
opacity: 1;
position: relative;
left: 0;
top: 0;
width: 100%;
border: unset;
display: none;
transition: unset;
box-shadow: unset;
transform: translateY(0px);
visibility: unset;
}
}
header.style-3 .main-menu .menu-list > li .sub-menu > li a {
display: block;
padding: 12px 30px;
border-bottom: 1px solid rgba(255, 0, 0, 0.1);
position: relative;
z-index: 1;
font-size: 18px;
color: var(--title-color);
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li .sub-menu > li a {
border-bottom: unset;
padding: 12px 15px;
}
}
header.style-3 .main-menu .menu-list > li .sub-menu > li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: var(--primary-color1);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: -1;
}
header.style-3 .main-menu .menu-list > li .sub-menu > li a:hover::before {
transform: scale(1);
}
header.style-3 .main-menu .menu-list > li .sub-menu > li a:last-child {
border-bottom: unset;
}
header.style-3 .main-menu .menu-list > li.menu-item-has-children {
position: relative;
z-index: 1;
padding-right: 20px;
}
header.style-3 .main-menu .menu-list > li.menu-item-has-children i {
display: block;
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li.menu-item-has-children {
padding-right: unset;
}
}
@media (max-width: 991px) {
header.style-3 .main-menu .menu-list > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-3 .main-menu .menu-list > li.menu-item-has-children i {
position: absolute;
top: 17px;
right: 0;
font-size: 18px;
z-index: 9999;
}
header.style-3 .main-menu .menu-list > li.menu-item-has-children i.active {
color: var(--primary-color1);
}
@media (min-width: 992px) {
header.style-3 .main-menu .menu-list > li.menu-item-has-children:hover a {
color: var(--primary-color1);
}
header.style-3 .main-menu .menu-list > li.menu-item-has-children:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
}
header.style-3 .main-menu .menu-list > li:hover a {
color: var(--primary-color1);
}
header.style-3 .main-menu .menu-list > li:hover.menu-item-has-children::after {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-3 .main-menu {
position: fixed;
top: 0%;
left: -100%;
width: 280px;
height: 100%;
overflow-y: auto;
background-color: var(--white);
border-right: 1px solid rgba(238, 238, 238, 0.1);
padding: 40px 20px;
z-index: 999;
transition: 0.7s ease-in-out;
border-right: 1px solid #eeeeee;
}
header.style-3 .main-menu.show-menu {
left: 0;
}
}
header.style-3 .main-menu .mobile-logo-area {
margin-bottom: 25px;
}
header.style-3 .main-menu .mobile-logo-area .menu-close-btn {
cursor: pointer;
}
header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi {
color: var(--title-color);
font-size: 18px;
}
header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
color: var(--primary-color1);
}
header.style-3 .main-menu .mobile-logo-wrap {
padding: 10px;
}
header.style-3 .mobile-menu-btn {
margin-left: 25px;
}
header.style-3 .mobile-menu-btn .bx {
color: var(--title-color);
font-size: 28px;
}
header.style-3 .hotline,
header.style-3 .email {
display: flex;
align-items: center;
}
header.style-3 .hotline .hotline-icon svg,
header.style-3 .hotline .email-icon svg,
header.style-3 .email .hotline-icon svg,
header.style-3 .email .email-icon svg {
fill: var(--primary-color1);
vertical-align: -webkit-baseline-middle;
}
header.style-3 .hotline .hotline-info,
header.style-3 .hotline .email-info,
header.style-3 .email .hotline-info,
header.style-3 .email .email-info {
margin-left: 10px;
}
header.style-3 .hotline .hotline-info span,
header.style-3 .hotline .email-info span,
header.style-3 .email .hotline-info span,
header.style-3 .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
header.style-3 .hotline .hotline-info h6,
header.style-3 .hotline .email-info h6,
header.style-3 .email .hotline-info h6,
header.style-3 .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
} .hero-style3 {
display: flex;
align-items: center;
}
.hero-style3 .hero-left {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
padding: 150px 0;
}
@media (max-width: 1399px) {
.hero-style3 .hero-left {
padding: 120px 0;
}
}
.hero-style3 .hero-content {
max-width: 760px;
width: 100%;
margin: 0 auto;
text-align: center;
margin-bottom: 90px;
}
@media (max-width: 1399px) {
.hero-style3 .hero-content {
margin-bottom: 50px;
}
}
.hero-style3 .hero-content h4 {
font-family: var(--font-jost);
font-weight: 400;
font-size: 22px;
line-height: 25px;
letter-spacing: 5px;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 30px;
}
@media (max-width: 991px) {
.hero-style3 .hero-content h4 {
margin-bottom: 10px;
}
}
.hero-style3 .hero-content h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 80px;
line-height: 110px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 40px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.hero-style3 .hero-content h2 {
font-size: 70px;
line-height: 90px;
}
}
@media (max-width: 1399px) {
.hero-style3 .hero-content h2 {
font-size: 60px;
line-height: 75px;
}
}
@media (max-width: 991px) {
.hero-style3 .hero-content h2 {
font-size: 55px;
line-height: 70px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.hero-style3 .hero-content h2 {
font-size: 50px;
line-height: 60px;
}
}
.hero-style3 .hero-content .hero-facility {
gap: 60px;
}
@media (max-width: 1199px) {
.hero-style3 .hero-content .hero-facility {
gap: 45px;
}
}
@media (max-width: 576px) {
.hero-style3 .hero-content .hero-facility {
flex-wrap: wrap;
gap: 40px;
padding: 0px 40px;
}
}
.hero-style3 .hero-content .hero-facility .single-facility .icon {
margin-bottom: 15px;
transition: 0.5s;
}
.hero-style3 .hero-content .hero-facility .single-facility .content h5 {
margin-bottom: 0;
}
.hero-style3 .hero-content .hero-facility .single-facility .content h5 a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 20px;
color: #4f4f4f;
transition: 0.35s;
}
.hero-style3 .hero-content .hero-facility .single-facility .content h5 a:hover {
color: var(--primary-color1);
}
.hero-style3 .hero-content .hero-facility .single-facility:hover .icon {
transform: rotate(360deg);
}
.hero-style3 .multi-main-searchber {
background: #ffffff;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 220px;
width: 125%;
padding: 10px 15px 10px 50px;
position: relative;
}
@media (max-width: 1199px) {
.hero-style3 .multi-main-searchber {
width: 145%;
}
}
@media (max-width: 991px) {
.hero-style3 .multi-main-searchber {
padding: 40px 50px;
width: 90%;
border-radius: 20px;
margin: 0px auto;
}
}
.hero-style3 .multi-main-searchber .searchbox-input {
min-width: 130px;
width: 100%;
position: relative;
}
.hero-style3 .multi-main-searchber .searchbox-input::after {
content: "";
width: 2px;
height: 36px;
background: var(--primary-color1);
opacity: 0.2;
border-radius: 10px;
margin-top: 5px;
}
@media (max-width: 991px) {
.hero-style3 .multi-main-searchber .searchbox-input::after {
display: none;
}
}
.hero-style3 .multi-main-searchber .searchbox-input.date-picker-input {
display: flex;
}
.hero-style3 .multi-main-searchber .searchbox-input::before {
position: absolute;
content: "\f1e2";
font-family: "bootstrap-icons" !important;
right: 12px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-color1);
}
.hero-style3 .multi-main-searchber .searchbox-input input, .hero-style3 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .hero-style3 .multi-main-searchber .searchbox-input textarea {
padding: 10px 15px;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
height: 45px;
border: none;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style3 .multi-main-searchber .searchbox-input input::-moz-placeholder, .hero-style3 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .hero-style3 .multi-main-searchber .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style3 .multi-main-searchber .searchbox-input input::placeholder, .hero-style3 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .hero-style3 .multi-main-searchber .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style3 .multi-main-searchber .searchbox-input .calendar {
background: #fff;
border-radius: 4px;
font-size: 14px !important;
border: none;
position: relative;
}
.hero-style3 .multi-main-searchber .searchbox-input.two::before {
display: none;
}
.hero-style3 .multi-main-searchber .searchbox-input.rooms {
margin-top: -5px;
}
.hero-style3 .multi-main-searchber .searchbox-input.rooms::after {
display: block;
margin-top: 5px;
}
@media (max-width: 991px) {
.hero-style3 .multi-main-searchber .searchbox-input.rooms::after {
display: none;
}
}
.hero-style3 .nice-select {
width: 100%;
border: none;
padding-top: 3px;
}
.hero-style3 .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.hero-style3 .nice-select .list {
top: 52px;
width: 100%;
border-radius: unset;
z-index: 9999;
}
.hero-style3 .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.hero-style3 .nice-select::after {
height: 8px;
width: 8px;
right: 15px;
border-color: var(--primary-color1);
}
.hero-style3 .main-form-submit {
margin-right: 5px;
}
.hero-style3 .main-form-submit button {
width: 100%;
padding: 18px 61px;
border: none;
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
white-space: nowrap;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 220px;
}
@media (max-width: 1199px) {
.hero-style3 .main-form-submit button {
padding: 20px 33px 16px;
}
}
@media (max-width: 991px) {
.hero-style3 .main-form-submit button {
width: unset;
padding: 20px 70px 16px;
margin-top: 24px;
}
}
@media (max-width: 991px) {
.hero-style3 .main-form-submit {
display: flex;
justify-content: center;
}
}
.hero-style3 .banner-img {
height: 100%;
}
@media (max-width: 991px) {
.hero-style3 .banner-img {
display: none;
visibility: hidden;
}
}
.hero-style3 .banner-img img {
height: 100%;
width: 100%;
} .section-title3 {
margin-top: -15px;
}
.section-title3 h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 45px;
line-height: 58px;
text-transform: capitalize;
color: var(--title-color);
position: relative;
display: -webkit-inline-box;
margin-bottom: 0;
}
.section-title3 h2::after {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/h3-section-vector.svg);
position: absolute;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
}
.section-title-no-color {
margin-top: -15px;
}
.section-title-no-color h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 45px;
line-height: 58px;
text-transform: capitalize;
color: var(--title-color);
position: relative;
display: -webkit-inline-box;
margin-bottom: 0;
}
.section-title-no-color h2::after {
content: "";
position: absolute;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
}
.home-three-about .section-title3 h2 {
margin-bottom: 13px;
}
.home-three-about .about-img img {
border-radius: 10px;
}
.home-three-about .our-experience {
padding-top: 10px;
}
@media (max-width: 576px) {
.home-three-about .our-experience {
flex-wrap: wrap;
justify-content: center;
}
}
.home-three-about .our-experience .icon {
margin-right: 35px;
}
.home-three-about .our-experience .content h3 {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 32px;
line-height: 45px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: var(--title-color);
}
.home-three-about .our-experience .content h3 span {
color: var(--primary-color1);
}
@media (max-width: 576px) {
.home-three-about .our-experience .content h3 {
text-align: center;
padding-top: 15px;
}
}
.home-three-about .about-feature .icon {
margin-bottom: 25px;
}
.home-three-about .about-feature .content h3 {
margin-bottom: 10px;
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #1c171d;
}
.home-three-about .about-feature .content p {
margin-bottom: 0;
}
.home-three-about .about-feature-img img {
border-radius: 10px;
}
@media (max-width: 576px) {
.home-three-about .about-feature-img img {
width: 100%;
}
} .home-three-room-suits {
width: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 576px) {
.home-three-room-suits .section-title3 {
margin-bottom: 20px;
}
}
.home-three-room-suits .view-btn a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
border-radius: 130px;
padding: 17px 30px;
display: block;
}
.home-three-room-suits .room-suits-wrrap .room-suits-img {
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.home-three-room-suits .room-suits-wrrap .room-suits-img img {
width: 100%;
border-radius: 10px 10px 0px 0px;
transition: 0.35s;
height: 315px;
-o-object-fit: cover;
object-fit: cover;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content {
background: #ffffff;
box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
border-radius: 0px 0px 10px 10px;
margin-top: -15px;
position: relative;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review {
padding: 10px 0;
border: 1px solid #f5f5f5;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars {
padding: 0;
margin: 0;
gap: 10px;
list-style-type: none;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--primary-color1);
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li i {
color: var(--primary-color1);
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li:last-child {
margin-bottom: -3px;
color: var(--text-color1);
font-weight: 400;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .price-tag {
padding-top: 25px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .price-tag span {
font-size: 22px;
font-weight: 600;
color: var(--primary-color1);
}
.home-three-room-suits .room-suits-wrrap .room-suits-content h3 {
margin-bottom: 20px;
padding-top: 5px;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content h3 a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content h3 a:hover {
color: var(--primary-color1);
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person {
gap: 60px;
padding: 0px 10px;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person {
gap: 10px;
}
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--text-color1);
display: flex;
align-items: baseline;
}
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p img,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p svg,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p img,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.home-three-room-suits .room-suits-wrrap:hover .room-suits-img img {
transform: scale(1.1);
}
.home-three-room-suits .swiper-btn {
gap: 70px;
}
.home-three-room-suits .swiper-btn .btns svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home-three-room-suits .swiper-btn .btns svg:hover {
stroke: var(--title-color);
} .home-three-service .service-img {
border-radius: 185px;
}
.home-three-service .service-img img {
border-radius: 185px;
}
@media (max-width: 991px) {
.home-three-service .service-img {
display: flex;
justify-content: center;
}
}
.home-three-service .service-content span {
font-family: var(--font-jost);
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--primary-color1);
}
.home-three-service .service-content h3 {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 44px;
line-height: 1.4;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 0;
padding-top: 5px;
}
.home-three-service .service-content p {
margin-bottom: 30px;
padding-top: 17px;
}
.home-three-service .service-content a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
padding: 12px 30px;
border-radius: 130px;
display: inline-block;
}
.home-three-service .service-content .services-feature {
padding-top: 10px;
padding-bottom: 15px;
}
.home-three-service .service-content .services-feature ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.home-three-service .service-content .services-feature ul li {
margin-right: 60px;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
line-height: 55px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--text-color1);
display: flex;
align-items: center;
}
.home-three-service .service-content .services-feature ul li img,
.home-three-service .service-content .services-feature ul li svg,
.home-three-service .service-content .services-feature ul li i {
margin-right: 10px;
} .home-three-facilites {
width: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0;
}
.home-three-facilites .section-title3 {
margin-bottom: 40px;
}
.home-three-facilites .faciliti-wrrap {
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 30px 25px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 576px) {
.home-three-facilites .faciliti-wrrap {
min-height: 360px;
}
}
.home-three-facilites .faciliti-wrrap .icon {
margin-bottom: 30px;
}
.home-three-facilites .faciliti-wrrap .content h3 {
margin-bottom: 17px;
}
.home-three-facilites .faciliti-wrrap .content h3 a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 30px;
line-height: 30px;
text-transform: capitalize;
color: var(--title-color);
}
.home-three-facilites .faciliti-wrrap .content p {
letter-spacing: 0.03em;
color: #5a5a5a;
margin-bottom: 23px;
}
.home-three-facilites .faciliti-wrrap .content a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
transition: 0.4s;
}
.home-three-facilites .faciliti-wrrap .content a svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.4s;
}
.home-three-facilites .faciliti-wrrap .content a:hover {
color: var(--white);
}
@media (max-width: 576px) {
.home-three-facilites .faciliti-wrrap .content a:hover {
color: var(--title-color);
}
}
.home-three-facilites .faciliti-wrrap .content a:hover svg {
stroke: var(--white);
}
@media (max-width: 576px) {
.home-three-facilites .faciliti-wrrap .content a:hover svg {
stroke: var(--title-color);
}
}
.home-three-facilites .faciliti-wrrap .facility-overlay {
position: absolute;
background: linear-gradient(180deg, rgba(28, 23, 29, 0) 58.07%, rgba(28, 23, 29, 0.92) 82.29%);
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
transform: scale(0.4);
transition: 0.4s;
}
@media (max-width: 576px) {
.home-three-facilites .faciliti-wrrap .facility-overlay {
display: none;
}
}
.home-three-facilites .faciliti-wrrap .facility-overlay .backgraund {
background: linear-gradient(180deg, rgba(28, 23, 29, 0) 58.07%, rgba(28, 23, 29, 0.92) 82.29%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.home-three-facilites .faciliti-wrrap .facility-overlay .facility-img > img {
border-radius: 10px;
}
.home-three-facilites .faciliti-wrrap .facility-overlay .content {
margin-top: -230px;
text-align: center;
z-index: 9;
position: relative;
}
@media (max-width: 1399px) {
.home-three-facilites .faciliti-wrrap .facility-overlay .content {
margin-top: -100px;
}
}
@media (max-width: 1199px) {
.home-three-facilites .faciliti-wrrap .facility-overlay .content {
margin-top: -190px;
}
}
@media (max-width: 991px) {
.home-three-facilites .faciliti-wrrap .facility-overlay .content {
margin-top: -255px;
}
}
@media (max-width: 767px) {
.home-three-facilites .faciliti-wrrap .facility-overlay .content {
margin-top: -90px;
}
}
.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 {
margin-bottom: 12px;
}
.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 > a {
color: var(--white);
transition: 0.35s;
}
.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 > a:hover {
color: var(--primary-color1);
}
.home-three-facilites .faciliti-wrrap:hover .facility-overlay {
opacity: 1;
transform: scale(1);
}
.home-three-facilites .facility-slider {
padding: 10px 5px 35px;
}
.home-three-facilites .facility-slider .swiper-wrapper .swiper-slide:nth-child(even) {
transform: translateY(30px);
}
@media (max-width: 576px) {
.home-three-facilites .facility-slider .swiper-wrapper .swiper-slide:nth-child(even) {
transform: translateY(0px);
}
}
.home-three-facilites .swiper-horizontal > .swiper-pagination-bullets,
.home-three-facilites .swiper-pagination-bullets.swiper-pagination-horizontal,
.home-three-facilites .swiper-pagination-custom,
.home-three-facilites .swiper-pagination-fraction {
bottom: 0px;
left: 0;
width: 100%;
align-items: center;
}
.home-three-facilites .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.home-three-facilites .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 15px;
height: 10px;
color: rgba(28, 23, 29, 0.1);
}
.home-three-facilites .swiper-pagination .swiper-pagination-bullet-active {
background: var(--primary-color1);
opacity: 1;
height: 13px !important;
width: 19px !important;
} .home-three-counter-accrodian .our-activitys .booking,
.home-three-counter-accrodian .our-activitys .visitors,
.home-three-counter-accrodian .our-activitys .satisfied-gest {
background-color: rgba(60, 170, 159, 0.05);
padding: 40px;
border-bottom: 2px solid #ffffff;
}
.home-three-counter-accrodian .our-activitys .booking .number h2,
.home-three-counter-accrodian .our-activitys .visitors .number h2,
.home-three-counter-accrodian .our-activitys .satisfied-gest .number h2 {
font-family: var(--font-jost);
font-weight: 700;
font-size: 90px;
-webkit-text-stroke: 2px var(--primary-color1);
color: transparent;
letter-spacing: 0.07em;
margin-bottom: 0;
line-height: 90px;
}
.home-three-counter-accrodian .our-activitys .booking .contents h4,
.home-three-counter-accrodian .our-activitys .visitors .contents h4,
.home-three-counter-accrodian .our-activitys .satisfied-gest .contents h4 {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 25px;
color: var(--title-color);
}
.home-three-counter-accrodian .faq-wrap .faq-item {
border: none;
}
.home-three-counter-accrodian .faq-wrap .faq-item:last-child {
margin-bottom: 0;
}
.home-three-counter-accrodian .faq-wrap .accordion-button {
font-weight: 300;
font-size: 20px;
background: #ffffff;
color: var(--title-color);
cursor: pointer;
font-family: var(--font-yeseva);
transition: 0.4s ease-in-out;
padding: 25px 50px 10px 0;
margin-bottom: 0;
border-bottom: 2px solid #eeeeee;
margin-bottom: 18px !important;
text-transform: capitalize;
}
.home-three-counter-accrodian .faq-wrap .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 22px;
content: "\f4fe";
transition: unset;
font-size: 20px;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.home-three-counter-accrodian .faq-wrap .accordion-button:not(.collapsed)::after {
background-image: none;
transform: unset;
font-family: bootstrap-icons !important;
content: "\f2ea";
color: var(--title-color);
}
.home-three-counter-accrodian .faq-wrap .accordion-button:hover::after {
color: var(--title-color);
}
.home-three-counter-accrodian .faq-wrap .faq-body {
font-weight: 300;
font-size: 20px;
font-family: var(--font-jost);
background: #ffffff;
color: var(--text-color1);
border-top: none;
padding: 15px 25px;
line-height: 32px;
text-align: left;
}
.home-three-counter-accrodian .faq-wrap .accordion-button:not(.collapsed) {
color: var(--title-color);
font-weight: 300;
transition: 0.4s ease-in-out;
margin-bottom: 0px;
} .pagination-style1 {
display: flex;
justify-content: center;
align-items: center;
}
.pagination-style1 .swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 90px;
background: rgba(28, 23, 29, 0.5);
}
.pagination-style1 .swiper-pagination-bullet-active {
background: #3caa9f;
width: 13px;
height: 13px;
}
.pagination-style2 {
display: flex;
justify-content: center;
align-items: center;
}
.pagination-style2 .swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 90px;
background: rgba(28, 23, 29, 0.5);
}
.pagination-style2 .swiper-pagination-bullet-active {
background: #3caa9f;
width: 13px;
height: 13px;
}
.pagination-style3 {
display: flex;
justify-content: center;
align-items: center;
}
.pagination-style3 .swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 90px;
background: rgba(28, 23, 29, 0.5);
}
.pagination-style3 .swiper-pagination-bullet-active {
background: #3caa9f;
width: 13px;
height: 13px;
}
.home-three-offers .offer-left-bg {
background: rgba(60, 170, 159, 0.1);
width: 100%;
background-size: cover;
background-position: center center;
padding: 90px;
}
@media (max-width: 767px) {
.home-three-offers .offer-left-bg {
padding: 90px 20px;
}
}
.home-three-offers .offer-wrraper {
background-color: #222222;
border-radius: 10px;
padding: 0px 0px 30px;
}
.home-three-offers .offer-wrraper .offer-img img {
height: 245px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.home-three-offers .offer-wrraper .offer-content {
position: relative;
padding-top: 10px;
text-align: center;
min-height: 250px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.home-three-offers .offer-wrraper .offer-content .price {
position: absolute;
left: 10px;
top: 10px;
}
.home-three-offers .offer-wrraper .offer-content .price span {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
border: 0.7px solid rgba(60, 170, 159, 0.4);
border-radius: 100%;
padding: 7px 10px 3px;
background-color: var(--primary-color1);
}
.home-three-offers .offer-wrraper .offer-content span {
font-family: var(--font-jost);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--white);
padding-top: 30px;
display: inline-block;
padding-bottom: 8px;
}
.home-three-offers .offer-wrraper .offer-content h3 {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 40px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
margin-bottom: 5px;
}
.home-three-offers .offer-wrraper .offer-content p {
font-family: var(--font-jost);
font-weight: 500;
font-size: 25px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
margin-bottom: 30px;
}
.home-three-offers .offer-wrraper .offer-content a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
border-radius: 100px;
padding: 6px 57px;
display: inline-block;
}
.home-three-offers .slider-bottom {
margin-top: 60px;
position: relative;
}
.home-three-offers .slider-bottom .swiper-pagination {
bottom: -10px;
left: 0;
width: 100%;
align-items: center;
display: flex;
}
.home-three-offers .slider-bottom .swiper-pagination .swiper-pagination-bullet {
height: 13px;
width: 13px;
background: #1c171d;
opacity: 0.1;
}
.home-three-offers .slider-bottom .swiper-pagination .swiper-pagination-bullet-active {
background: var(--primary-color1);
opacity: 1;
height: 15px;
width: 15px;
}
.home-three-offers .booking-area {
background: rgba(60, 170, 159, 0.2);
height: 100%;
padding: 150px 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1500px) {
.home-three-offers .booking-area {
padding: 100px 50px;
}
}
.home-three-offers .booking-area .section-title h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 47px;
text-transform: uppercase;
color: var(--text-color);
}
.home-three-offers .booking-area .section-title p {
color: var(--text-color);
}
@media (max-width: 991px) {
.home-three-offers .booking-area form {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
}
.home-three-offers .booking-area form .searchbox-input {
width: 100%;
margin-bottom: 24px;
position: relative;
}
.home-three-offers .booking-area form .searchbox-input.date-picker-input {
display: flex;
}
.home-three-offers .booking-area form .searchbox-input::before {
position: absolute;
content: "\f1e2";
font-family: "bootstrap-icons" !important;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-color1);
}
.home-three-offers .booking-area form .searchbox-input input, .home-three-offers .booking-area form .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .home-three-offers .booking-area form .searchbox-input textarea {
padding: 10px 15px;
display: block;
width: 100%;
background: transparent;
border-radius: 150px;
height: 58px;
border: 1px solid #ffffff;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.home-three-offers .booking-area form .searchbox-input input::-moz-placeholder, .home-three-offers .booking-area form .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .home-three-offers .booking-area form .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.home-three-offers .booking-area form .searchbox-input input::placeholder, .home-three-offers .booking-area form .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .home-three-offers .booking-area form .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.home-three-offers .booking-area form .searchbox-input .calendar {
background: #fff;
border-radius: 4px;
font-size: 14px !important;
border: none;
position: relative;
}
.home-three-offers .booking-area form .searchbox-input.two {
display: flex;
}
.home-three-offers .booking-area form .searchbox-input.two::before {
display: none;
}
.home-three-offers .booking-area form .nice-select {
width: 100%;
border: 1px solid #ffffff;
background-color: transparent;
border-radius: 150px;
height: 58px;
padding-top: 10px;
}
.home-three-offers .booking-area form .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.home-three-offers .booking-area form .nice-select .list {
top: 54px;
width: 100%;
border-radius: 20px;
z-index: 99;
}
.home-three-offers .booking-area form .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.home-three-offers .booking-area form .nice-select::after {
height: 8px;
width: 8px;
right: 20px;
border-color: var(--primary-color1);
}
.home-three-offers .booking-area button {
background: var(--primary-color1);
border-radius: 150px;
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
width: 100%;
display: inline-block;
text-align: center;
padding: 10px 20px;
border: none;
} .home-three-guest-review .guest-review-wrap {
border: 1px solid #e3e3e3;
border-radius: 10px;
}
@media (max-width: 991px) {
.home-three-guest-review .guest-review-wrap {
display: block !important;
}
}
.home-three-guest-review .guest-review-wrap .guest-img {
margin-left: -100px;
}
@media (max-width: 991px) {
.home-three-guest-review .guest-review-wrap .guest-img {
margin-top: -100px;
margin-left: unset;
display: flex;
justify-content: center;
}
}
.home-three-guest-review .guest-review-wrap .guest-img img {
border-radius: 50%;
width: 180px;
height: 180px;
}
.home-three-guest-review .guest-review-wrap .review {
max-width: 1020px;
width: 100%;
margin: 0 auto;
padding: 70px 75px;
}
@media (max-width: 991px) {
.home-three-guest-review .guest-review-wrap .review {
padding: 50px 40px;
}
}
.home-three-guest-review .guest-review-wrap .review .stars {
padding: 0;
margin: 0;
gap: 10px;
margin-bottom: 30px;
list-style-type: none;
}
@media (max-width: 767px) {
.home-three-guest-review .guest-review-wrap .review .stars {
margin-bottom: 20px;
}
}
.home-three-guest-review .guest-review-wrap .review .stars li i {
color: var(--primary-color1);
}
.home-three-guest-review .guest-review-wrap .review p {
font-family: var(--font-jost);
font-weight: 300;
font-size: 24px;
line-height: 45px;
color: var(--text-color1);
margin-bottom: 30px;
}
.home-three-guest-review .guest-review-wrap .review h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 28px;
line-height: 30px;
letter-spacing: 0.03em;
color: #213321;
margin-bottom: 5px;
}
.home-three-guest-review .guest-review-wrap .review span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.05em;
color: var(--primary-color1);
}
.home-three-guest-review .gueest-review {
padding: 0 0 5px 110px;
position: relative;
}
@media (max-width: 991px) {
.home-three-guest-review .gueest-review {
padding: 110px 2px 0 2px;
}
}
.home-three-guest-review .swiper-btn {
position: absolute;
} .home-three-latest-post .latest-post-wraper .post-img-publish-date {
margin-right: 30px;
display: flex;
align-items: end;
}
.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date {
background-color: var(--title-color);
padding: 10px 8px;
min-width: 100px;
}
.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date h4 {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 600;
font-size: 25px;
letter-spacing: 0.03em;
color: var(--white);
}
.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date span {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
}
.home-three-latest-post .latest-post-wraper .content {
background: #ffffff;
box-shadow: 4px 4px 45px rgba(34, 34, 34, 0.08);
padding: 30px 45px;
}
.home-three-latest-post .latest-post-wraper .content .blog-title h4 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 25px;
line-height: 38px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
@media (max-width: 1199px) {
.home-three-latest-post .latest-post-wraper .content .blog-title h4 a {
font-size: 22px;
}
}
.home-three-latest-post .latest-post-wraper .content .blog-title h4 a:hover {
color: var(--primary-color1);
}
.home-three-latest-post .latest-post-wraper .read-more-btn a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--primary-color1);
transition: 0.35s;
}
.home-three-latest-post .latest-post-wraper .read-more-btn a svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home-three-latest-post .latest-post-wraper .read-more-btn a:hover {
color: var(--title-color);
}
.home-three-latest-post .latest-post-wraper .read-more-btn a:hover svg {
stroke: var(--title-color);
}
.home-three-latest-post .view-all-btn {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
background: var(--primary-color1);
border-radius: 130px;
padding: 17px 60px;
display: inline-flex;
}
header.style-4 {
background: var(--white);
width: 100%;
position: relative;
top: 0;
z-index: 9999;
padding: 0px 110px 0px 110px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-4 {
padding: 0px 30px 0px 30px;
}
}
@media (max-width: 991px) {
header.style-4 {
padding: 0px 30px 0px 30px;
top: 0;
}
}
header.style-4.sticky {
position: fixed;
top: 0px;
left: 0;
z-index: 9999;
background: var(--white);
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
animation: smooth-header 0.65s linear;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-4 .header-logo {
height: 100%;
}
@media (max-width: 991px) {
header.style-4 .header-logo {
padding: 20px 0px;
}
}
header.style-4 .header-logo img {
min-width: 120px;
max-width: 100%;
}
header.style-4 .nav-right {
gap: 50px;
}
@media (max-width: 1199px) {
header.style-4 .nav-right {
gap: 20px;
}
}
header.style-4 .nav-right .mobile-menu-form {
margin-top: 50px;
}
header.style-4 .nav-right .header-btn a {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 600;
display: inline-block;
transition: 0.35s ease-in;
cursor: pointer;
white-space: nowrap;
padding: 12px 41px;
border-radius: 130px;
}
@media (max-width: 991px) {
header.style-4 .nav-right .header-btn a {
display: none;
visibility: hidden;
}
}
header.style-4 .nav-right .bookmark-icon {
position: relative;
}
@media (max-width: 991px) {
header.style-4 .nav-right .bookmark-icon {
display: none;
}
}
header.style-4 .nav-right .bookmark-icon > a {
border: 2px solid var(--primary-color1);
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 23px;
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s;
}
header.style-4 .nav-right .bookmark-icon > a:hover {
color: #fff;
background: var(--primary-color1);
}
header.style-4 .main-menu .menu-list {
margin-bottom: 0;
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list {
flex-direction: column;
justify-content: start;
}
}
header.style-4 .main-menu .menu-list > li {
position: relative;
margin: 0px 17px;
display: inline-block;
}
@media (max-width: 1199px) {
header.style-4 .main-menu .menu-list > li {
margin: 0px 15px;
}
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li {
margin: 0;
width: 100%;
}
}
header.style-4 .main-menu .menu-list > li .dropdown-icon {
color: var(--title-color);
font-size: 25px;
transition: 0.4s ease-in;
opacity: 0;
visibility: hidden;
display: none;
}
header.style-4 .main-menu .menu-list > li .dropdown-icon.active {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
opacity: 1;
visibility: visible;
display: block;
}
}
header.style-4 .main-menu .menu-list > li > a {
font-size: 20px;
line-height: 1;
font-weight: 400;
color: var(--title-color);
padding: 32px 0px;
display: inline-block;
white-space: nowrap;
transition: 0.4s;
display: flex;
align-items: center;
font-family: var(--font-jost);
text-transform: capitalize;
position: relative;
z-index: 999;
}
header.style-4 .main-menu .menu-list > li > a::before {
content: "";
position: absolute;
left: 4px;
top: 25px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--primary-color1);
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li > a::before {
display: none;
visibility: hidden;
}
}
header.style-4 .main-menu .menu-list > li > a:hover {
color: var(--primary-color1);
}
header.style-4 .main-menu .menu-list > li > a:hover::before {
opacity: 1;
visibility: visible;
}
header.style-4 .main-menu .menu-list > li > a.active {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li > a {
padding: 15px 0px;
display: block;
position: relative;
border-bottom: 1px solid rgba(60, 170, 159, 0.098);
color: var(--title-color);
}
header.style-4 .main-menu .menu-list > li > a:hover {
color: var(--primary-color1);
}
}
header.style-4 .main-menu .menu-list > li .sub-menu {
padding: 0;
position: absolute;
top: 84px;
left: 0;
max-width: 230px;
min-width: 230px;
background-color: var(--white);
text-align: left;
display: none;
transition: all 0.55s ease-in-out;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
list-style-type: none;
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li .sub-menu {
opacity: 1;
position: relative;
left: 0;
top: 0;
width: 100%;
border: unset;
display: none;
transition: unset;
box-shadow: unset;
background-color: var(--white);
transform: translateY(0px);
visibility: unset;
}
}
header.style-4 .main-menu .menu-list > li .sub-menu > li a {
display: block;
padding: 10px 20px;
border-bottom: 1px solid rgba(60, 170, 159, 0.1);
position: relative;
z-index: 1;
font-size: 18px;
color: var(--title-color);
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li .sub-menu > li a {
border-bottom: unset;
padding: 12px 15px;
color: var(--title-color);
}
}
header.style-4 .main-menu .menu-list > li .sub-menu > li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: var(--primary-color1);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: -1;
}
header.style-4 .main-menu .menu-list > li .sub-menu > li a:hover::before {
transform: scale(1);
}
header.style-4 .main-menu .menu-list > li .sub-menu > li a:last-child {
border-bottom: unset;
}
header.style-4 .main-menu .menu-list > li .sub-menu > li.current-menu-item a {
color: var(--primary-color1) !important;
}
header.style-4 .main-menu .menu-list > li .sub-menu > li .dropdown-icon {
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li .sub-menu > li.menu-item-has-children .dropdown-icon {
opacity: 1;
visibility: visible;
display: block;
}
}
header.style-4 .main-menu .menu-list > li.menu-item-has-children {
position: relative;
z-index: 1;
padding-right: 20px;
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li.menu-item-has-children {
padding-right: unset;
}
}
header.style-4 .main-menu .menu-list > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 600;
position: absolute;
top: 34px;
right: 0px;
font-size: 14px;
color: var(--title-color);
transition: all 0.42s ease-in-out;
}
@media (max-width: 991px) {
header.style-4 .main-menu .menu-list > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-4 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
position: absolute;
top: 12px;
right: 0;
font-size: 20px;
z-index: 9999;
}
header.style-4 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
color: var(--primary-color1);
}
@media (min-width: 992px) {
header.style-4 .main-menu .menu-list > li.menu-item-has-children:hover > a {
color: var(--primary-color1);
}
header.style-4 .main-menu .menu-list > li.menu-item-has-children:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
}
header.style-4 .main-menu .menu-list > li:hover a {
color: var(--primary-color1);
}
header.style-4 .main-menu .menu-list > li:hover.menu-item-has-children::after {
color: var(--primary-color1);
}
header.style-4 .main-menu .menu-list > li.current-menu-ancestor::after {
color: var(--primary-color1);
}
header.style-4 .main-menu .menu-list > li.current-menu-ancestor a {
color: var(--primary-color1);
}
@media (max-width: 991px) {
header.style-4 .main-menu {
position: fixed;
top: 0%;
left: -100%;
width: 280px;
height: 100%;
overflow-y: auto;
background-color: var(--white);
border-right: 1px solid rgba(238, 238, 238, 0.1);
padding: 40px 20px;
z-index: 999;
transition: 0.7s ease-in-out;
border-right: 1px solid #eeeeee;
}
header.style-4 .main-menu.show-menu {
left: 0;
}
}
header.style-4 .main-menu .mobile-logo-area {
margin-bottom: 25px;
}
header.style-4 .main-menu .mobile-logo-area .menu-close-btn {
cursor: pointer;
}
header.style-4 .main-menu .mobile-logo-area .menu-close-btn .bi {
color: var(--primary-color1);
font-size: 18px;
}
header.style-4 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
color: var(--primary-color1);
}
header.style-4 .main-menu .mobile-logo-wrap {
padding: 10px;
}
header.style-4 .mobile-menu-btn {
margin-left: 25px;
}
header.style-4 .mobile-menu-btn .bx {
color: var(--primary-color1);
font-size: 28px;
}
header.style-4 .hotline,
header.style-4 .email {
display: flex;
align-items: center;
}
header.style-4 .hotline .hotline-icon svg,
header.style-4 .hotline .email-icon svg,
header.style-4 .email .hotline-icon svg,
header.style-4 .email .email-icon svg {
fill: var(--primary-color1);
}
header.style-4 .hotline .hotline-info,
header.style-4 .hotline .email-info,
header.style-4 .email .hotline-info,
header.style-4 .email .email-info {
margin-left: 10px;
}
header.style-4 .hotline .hotline-info span,
header.style-4 .hotline .email-info span,
header.style-4 .email .hotline-info span,
header.style-4 .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
header.style-4 .hotline .hotline-info h6,
header.style-4 .hotline .email-info h6,
header.style-4 .email .hotline-info h6,
header.style-4 .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
header.style-4 .mobile-menu-form input, header.style-4 .mobile-menu-form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner header.style-4 .mobile-menu-form textarea {
width: 100%;
border: 1px solid #ddd;
padding: 10px 15px;
background-color: #fff;
margin-bottom: 15px;
outline: none;
}
header.style-4 .mobile-menu-form input::-moz-placeholder, header.style-4 .mobile-menu-form .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner header.style-4 .mobile-menu-form textarea::-moz-placeholder {
font-size: 14px;
}
header.style-4 .mobile-menu-form input::placeholder, header.style-4 .mobile-menu-form .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner header.style-4 .mobile-menu-form textarea::placeholder {
font-size: 14px;
}
header.style-4 .mobile-menu-form button {
outline: none;
border: none;
padding: 10px;
}
header.style-4 .mobile-menu-form.style-2 input, header.style-4 .mobile-menu-form.style-2 .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner header.style-4 .mobile-menu-form.style-2 textarea {
border-radius: 30px;
}
header.style-4 .user-icon a {
border: 2px solid var(--primary-color1);
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 23px;
color: var(--primary-color1);
text-align: center;
display: inline-block;
transition: all 0.4s;
} .hero-style4 {
position: relative;
overflow: hidden;
}
.hero-style4 .author-side-bar {
background: #ffffff;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
padding: 40px;
max-width: 450px;
min-height: 100vh;
position: absolute;
top: 0;
right: -500%;
position: fixed;
transition: 0.7s;
z-index: 99999;
overflow-y: scroll;
height: 100%;
}
.hero-style4 .author-side-bar.slide {
right: 0;
}
.hero-style4 .author-side-bar::-webkit-scrollbar {
width: 0px;
}
.hero-style4 .author-side-bar .close-btn {
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--primary-color1);
border-radius: 50%;
position: absolute;
right: 40px;
top: 40px;
cursor: pointer;
}
.hero-style4 .author-side-bar .close-btn i {
font-size: 20px;
color: var(--primary-color1);
}
.hero-style4 .author-side-bar .sidebar-logo {
display: flex;
justify-content: center;
padding-top: 100px;
margin-bottom: 50px;
}
.hero-style4 .author-side-bar > p {
font-family: var(--font-jost);
font-weight: 500;
font-size: 28px;
line-height: 42px;
letter-spacing: 0.03em;
color: var(--title-color);
text-align: center;
margin-bottom: 0;
}
.hero-style4 .author-side-bar > p a {
font-size: 20px;
}
.hero-style4 .author-side-bar .athor-slider-wrrap {
padding-top: 100px;
}
.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review {
padding-top: 10px;
}
.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .author-name h4 {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 25px;
line-height: 30px;
letter-spacing: 0.03em;
color: #213321;
margin-bottom: 0;
}
.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .author-name span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
}
.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .stars {
margin: 0;
padding: 0;
gap: 8px;
list-style-type: none;
}
.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .stars li i {
color: var(--primary-color1);
}
.hero-style4 .author-side-bar .hotline,
.hero-style4 .author-side-bar .email {
display: flex;
align-items: center;
}
.hero-style4 .author-side-bar .hotline .hotline-icon svg,
.hero-style4 .author-side-bar .hotline .email-icon svg,
.hero-style4 .author-side-bar .email .hotline-icon svg,
.hero-style4 .author-side-bar .email .email-icon svg {
fill: var(--title-color);
}
.hero-style4 .author-side-bar .hotline .hotline-info,
.hero-style4 .author-side-bar .hotline .email-info,
.hero-style4 .author-side-bar .email .hotline-info,
.hero-style4 .author-side-bar .email .email-info {
margin-left: 10px;
}
.hero-style4 .author-side-bar .hotline .hotline-info span,
.hero-style4 .author-side-bar .hotline .email-info span,
.hero-style4 .author-side-bar .email .hotline-info span,
.hero-style4 .author-side-bar .email .email-info span {
font-size: 14px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
.hero-style4 .author-side-bar .hotline .hotline-info h6,
.hero-style4 .author-side-bar .hotline .email-info h6,
.hero-style4 .author-side-bar .email .hotline-info h6,
.hero-style4 .author-side-bar .email .email-info h6 {
font-size: 18px;
font-weight: 300;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
.hero-style4 .swiper {
margin: 0px -10px;
}
.hero-style4 .hero-social {
display: flex;
flex-direction: column;
height: 600px;
justify-content: space-between;
z-index: 999;
min-width: 110px;
}
@media (max-width: 1199px) {
.hero-style4 .hero-social {
display: none;
visibility: hidden;
}
}
.hero-style4 .hero-social .hotline {
display: flex;
align-items: center;
justify-content: center;
transform: rotate(-90deg);
}
.hero-style4 .hero-social .hotline .hotline-info {
margin-left: 10px;
}
.hero-style4 .hero-social .hotline .hotline-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--title-color);
}
.hero-style4 .hero-social .hotline .hotline-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
@media (max-width: 991px) {
.hero-style4 .hero-social .hotline {
display: none !important;
visibility: hidden;
}
}
.hero-style4 .hero-social .deshboar {
display: flex;
justify-content: center;
padding-top: 55px;
cursor: pointer;
}
@media (max-width: 991px) {
.hero-style4 .hero-social .social-icon {
display: flex;
justify-content: center;
}
}
.hero-style4 .hero-social .social-icon ul {
margin: 0;
padding: 0;
gap: 45px;
flex-direction: column-reverse;
list-style-type: none;
}
.hero-style4 .hero-social .social-icon ul li {
position: relative;
}
.hero-style4 .hero-social .social-icon ul li a {
color: var(--title-color);
transition: 0.35s;
}
.hero-style4 .hero-social .social-icon ul li a:hover {
color: var(--primary-color1);
}
.hero-style4 .hero-social .social-icon ul li a i {
font-size: 22px;
}
.hero-style4 .hero-social .social-icon ul li::after {
content: "";
width: 3px;
height: 3px;
background: rgba(28, 23, 29, 0.2);
position: absolute;
top: -23px;
left: 9px;
}
.hero-style4 .hero-social .social-icon ul li:last-child::after {
display: none;
}
.hero-style4 .banner2-content .banner-title {
max-width: 990px;
width: 100%;
}
.hero-style4 .banner2-content .banner-title h2 {
font-family: var(--font-yeseva);
font-weight: 500;
font-size: 80px;
line-height: 100px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
text-align: center;
margin: 0 auto 120px;
}
@media (max-width: 767px) {
.hero-style4 .banner2-content .banner-title h2 {
font-size: 65px;
line-height: 85px;
}
}
@media (max-width: 576px) {
.hero-style4 .banner2-content .banner-title h2 {
font-size: 44px;
line-height: 65px;
}
}
.hero-style4 .slider-bg-1 {
padding: 220px 0 270px;
width: 100%;
overflow: hidden;
z-index: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1399px) {
.hero-style4 .slider-bg-1 {
padding: 150px 0 200px;
}
}
@media (max-width: 991px) {
.hero-style4 .slider-bg-1 {
padding: 150px 0 150px;
}
}
@media (max-width: 767px) {
.hero-style4 .slider-bg-1 {
padding: 100px 0;
}
}
.hero-style4 .slider-bg-1 img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -2;
-o-object-fit: cover;
object-fit: cover;
animation: large 26s linear infinite alternate;
}
.hero-style4 .slider-bg-1::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
@keyframes large {
0% {
transform: scale(1);
}
100% {
transform: scale(1.6);
}
}
.hero-style4 .slider-bg-2 {
padding: 220px 0 270px;
width: 100%;
overflow: hidden;
z-index: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1399px) {
.hero-style4 .slider-bg-2 {
padding: 150px 0 200px;
}
}
@media (max-width: 991px) {
.hero-style4 .slider-bg-2 {
padding: 150px 0 150px;
}
}
@media (max-width: 767px) {
.hero-style4 .slider-bg-2 {
padding: 100px 0;
}
}
.hero-style4 .slider-bg-2 img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -2;
-o-object-fit: cover;
object-fit: cover;
animation: large 26s linear infinite alternate;
}
.hero-style4 .slider-bg-2::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
@keyframes large {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1.8);
}
}
.hero-style4 .swiper-btn {
background: #ffffff;
position: absolute;
width: 176px;
height: 56px;
bottom: 0;
right: 0;
z-index: 99;
justify-content: center;
gap: 50px;
z-index: 999;
}
@media (max-width: 991px) {
.hero-style4 .swiper-btn {
display: none;
visibility: hidden;
}
}
.hero-style4 .swiper-btn .btns svg {
fill: var(--primary-color1);
transition: 0.35s;
}
.hero-style4 .swiper-btn .btns:hover svg {
fill: var(--title-color);
}
.form-section {
margin-top: -320px;
padding-bottom: 240px;
position: relative;
z-index: 99;
}
@media (max-width: 1399px) {
.form-section {
margin-top: -250px;
padding-bottom: 170px;
}
}
@media (max-width: 1199px) {
.form-section {
margin-top: -250px;
}
}
@media (max-width: 991px) {
.form-section {
margin-top: -200px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.form-section {
margin-top: -150px;
}
}
.form-section .multi-main-searchber {
margin-left: 180px;
background-color: #fff;
width: 100%;
padding: 15px 0px 15px 70px;
border-radius: 200px;
position: relative;
}
@media (max-width: 1199px) {
.form-section .multi-main-searchber {
margin-left: unset;
}
}
@media (max-width: 991px) {
.form-section .multi-main-searchber {
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
}
}
@media (max-width: 991px) {
.form-section .multi-main-searchber {
padding: 25px 50px;
border-radius: 20px;
}
}
.form-section .multi-main-searchber .searchbox-input {
width: 100%;
position: relative;
border: 1px solid #e2e2e2;
height: 60px;
}
.form-section .multi-main-searchber .searchbox-input::after {
content: "";
width: 2px;
height: 36px;
background: var(--primary-color1);
opacity: 0.2;
border-radius: 10px;
}
.form-section .multi-main-searchber .searchbox-input::before {
position: absolute;
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/date.svg);
right: 22px;
line-height: 0;
top: 50%;
transform: translateY(-50%);
}
.form-section .multi-main-searchber .searchbox-input input, .form-section .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .form-section .multi-main-searchber .searchbox-input textarea {
padding: 17px 20px 17px 20px;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
border: none;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--text-color1) !important;
}
.form-section .multi-main-searchber .searchbox-input input::-moz-placeholder, .form-section .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .form-section .multi-main-searchber .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--text-color1) !important;
}
.form-section .multi-main-searchber .searchbox-input input::placeholder, .form-section .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .form-section .multi-main-searchber .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--text-color1) !important;
}
.form-section .multi-main-searchber .searchbox-input .calendar {
background: #fff;
border-radius: 4px;
font-size: 14px !important;
border: none;
position: relative;
}
.form-section .multi-main-searchber .searchbox-input.two {
height: 60px;
}
.form-section .multi-main-searchber .searchbox-input.two::before {
display: none;
}
.form-section .nice-select {
width: 100%;
border: none;
padding: 20px 20px 20px 20px;
line-height: 1;
height: 25px;
}
.form-section .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.form-section .nice-select .list {
top: 52px;
width: 100%;
border-radius: unset;
z-index: 9999;
}
.form-section .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.form-section .nice-select::after {
height: 8px;
width: 8px;
right: 20px;
border-color: var(--primary-color1);
top: 72%;
}
.form-section .main-form-submit {
display: flex;
}
.form-section .main-form-submit button {
padding: 16.5px 50px;
border: none;
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
white-space: nowrap;
border-radius: 90px;
}
@media (max-width: 991px) {
.form-section .main-form-submit button {
width: unset;
padding: 20px 70px;
margin-top: 24px;
}
}
@media (max-width: 991px) {
.form-section .main-form-submit {
display: flex;
justify-content: center;
}
} .section-title-4 {
margin-top: -5px;
}
.section-title-4 h4 {
margin-bottom: 8px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 3px;
line-height: 21px;
text-transform: uppercase;
color: var(--primary-color1);
}
.section-title-4 h2 {
margin-bottom: 0;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 60px;
text-transform: capitalize;
color: var(--title-color);
}
@media (max-width: 991px) {
.section-title-4 h2 {
font-size: 45px;
}
}
@media (max-width: 991px) {
.section-title-4 h2 {
font-size: 40px;
line-height: 55px;
}
}
.home4-facilities .facilities-wrrap {
position: relative;
}
.home4-facilities .facilities-wrrap .facilities-img {
position: relative;
border-radius: 10px;
z-index: 1;
transition: 0.4s;
}
.home4-facilities .facilities-wrrap .facilities-img > img {
border-radius: 10px;
min-height: 270px;
}
@media (max-width: 576px) {
.home4-facilities .facilities-wrrap .facilities-img > img {
width: 100%;
min-height: unset;
}
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
transition: 0.35s;
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 {
margin-bottom: 5px;
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 27px;
text-transform: capitalize;
color: var(--white);
white-space: nowrap;
transition: 0.35s;
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 a:hover {
color: var(--primary-color1);
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn {
display: flex;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: 0.35s;
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn svg:hover {
stroke: var(--white);
}
.home4-facilities .facilities-wrrap .facilities-img::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(28, 23, 29, 0) 44.53%, rgba(28, 23, 29, 0.73) 71.88%, #1c171d 100%);
border-radius: 10px;
}
.home4-facilities .facilities-wrrap .overlay {
padding-top: 20px;
}
@media (max-width: 767px) {
.home4-facilities .facilities-wrrap .overlay {
padding-top: 0px;
}
}
.home4-facilities .facilities-wrrap .overlay h3 {
margin-bottom: 10px;
}
.home4-facilities .facilities-wrrap .overlay h3 a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 35px;
text-transform: capitalize;
color: var(--title-color);
}
@media (max-width: 767px) {
.home4-facilities .facilities-wrrap .overlay h3 {
padding-top: -8px;
}
}
.home4-facilities .facilities-wrrap .overlay p {
color: #5a5a5a;
padding: 0;
margin-bottom: 25px;
}
.home4-facilities .facilities-wrrap .overlay > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
padding: 15px 50px;
border-radius: 90px;
display: inline-block;
}
.home4-facilities .facilities-wrrap:hover .facilities-img .facilities-content {
bottom: 30px;
}
.home4-facilities .facilities-wrrap:hover .facilities-img .facilities-content .arrow-btn {
opacity: 1;
visibility: visible;
} .home4-about .section-title-4 {
margin-bottom: 20px;
}
.home4-about .about-left-content .about-img {
padding-top: 20px;
}
.home4-about .about-right .about-content p {
padding-top: 30px;
}
.home4-about .about-right .contect-area .name-deg h5 {
font-family: var(--font-yeseva);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--primary-color1);
margin-bottom: -5px;
}
.home4-about .about-right .contect-area .name-deg span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
line-height: 35px;
color: var(--text-color1);
}
.home4-about .about-right .contect-area .hotline {
display: flex;
align-items: center;
justify-content: center;
}
.home4-about .about-right .contect-area .hotline .hotline-info {
margin-left: 10px;
}
.home4-about .about-right .contect-area .hotline .hotline-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
.home4-about .about-right .contect-area .hotline .hotline-info h6 {
font-size: 15px;
font-weight: 500;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
} .home4-rooms .rooms-wrrap .room-img {
position: relative;
overflow: hidden;
}
.home4-rooms .rooms-wrrap .room-img > img {
height: 330px;
width: 100%;
}
.home4-rooms .rooms-wrrap .room-img .room-content {
background-color: var(--title-color);
max-width: 350px;
width: 100%;
padding: 25px;
position: absolute;
bottom: -68px;
right: 0;
transition: 0.35s;
z-index: 9;
}
@media (max-width: 1399px) {
.home4-rooms .rooms-wrrap .room-img .room-content {
max-width: 290px;
}
}
.home4-rooms .rooms-wrrap .room-img .room-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
}
.home4-rooms .rooms-wrrap .room-img .room-content .price-tag span {
font-size: 25px;
font-weight: 500;
color: var(--white);
}
.home4-rooms .rooms-wrrap .room-img .room-content .price-tag del {
font-size: 14px;
}
.home4-rooms .rooms-wrrap .room-img .room-content h3 {
margin-bottom: 15px;
padding-top: 5px;
}
.home4-rooms .rooms-wrrap .room-img .room-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #ffffff;
transition: 0.35s;
}
.home4-rooms .rooms-wrrap .room-img .room-content h3 a:hover {
color: var(--primary-color1);
}
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person {
gap: 60px;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person {
gap: 20px;
}
}
@media (max-width: 767px) {
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person {
gap: 10px;
}
}
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p {
margin-bottom: -7px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
display: flex;
align-items: baseline;
}
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p img,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p svg,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p img,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.home4-rooms .rooms-wrrap .room-img .room-content > a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
border: 0.5px solid var(--primary-color1);
border-radius: 30px;
padding: 9px 40px 6px;
display: inline-block;
margin-top: 28px;
transition: 0.35s;
}
.home4-rooms .rooms-wrrap .room-img .room-features {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 9;
opacity: 0;
visibility: hidden;
transition: 0.35s;
}
@media (max-width: 1800px) {
.home4-rooms .rooms-wrrap .room-img .room-features {
display: none;
}
}
@media (max-width: 1199px) {
.home4-rooms .rooms-wrrap .room-img .room-features {
display: block;
}
}
@media (max-width: 576px) {
.home4-rooms .rooms-wrrap .room-img .room-features {
display: none;
}
}
.home4-rooms .rooms-wrrap .room-img .room-features ul {
gap: 20px;
margin: 0;
padding: 0;
list-style-type: none;
}
.home4-rooms .rooms-wrrap .room-img .room-features ul li {
padding: 10px 0;
}
.home4-rooms .rooms-wrrap .room-img .room-features ul li svg {
fill: white;
transition: 0.35s;
}
.home4-rooms .rooms-wrrap .room-img .room-features ul li svg:hover {
fill: var(--primary-color1);
}
.home4-rooms .rooms-wrrap .room-img::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: linear-gradient(90.59deg, #1c171d 5.27%, rgba(28, 23, 29, 0) 20.5%);
opacity: 0;
transition: 0.35s;
z-index: 1;
}
.home4-rooms .rooms-wrrap:hover .room-img .room-content {
bottom: 0;
}
.home4-rooms .rooms-wrrap:hover .room-img .room-features {
opacity: 1;
visibility: visible;
}
.home4-rooms .rooms-wrrap:hover .room-img::after {
opacity: 1;
} @media (max-width: 991px) {
.home4-single-service .rooms-wrrap2 {
margin-top: 50px;
}
}
.home4-single-service .rooms-wrrap2 .room-img img {
border-radius: 10px;
}
.home4-single-service .rooms-wrrap2 .room-content h3 {
margin-bottom: 15px;
padding-top: 25px;
}
.home4-single-service .rooms-wrrap2 .room-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 35px;
text-transform: capitalize;
color: var(--title-color);
}
.home4-single-service .rooms-wrrap2 .room-content p {
margin-bottom: 25px;
}
.home4-single-service .rooms-wrrap2 .room-content > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
border-radius: 130px;
padding: 13px 40px;
display: inline-block;
}
.home4-single-service .playzaone-wrap {
position: relative;
}
.home4-single-service .playzaone-wrap .playzone-img {
position: relative;
border-radius: 10px;
z-index: 1;
}
.home4-single-service .playzaone-wrap .playzone-img img {
border-radius: 10px;
min-height: 350px;
}
.home4-single-service .playzaone-wrap .playzone-img::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(28, 23, 29, 0.6);
z-index: 1;
border-radius: 10px;
}
.home4-single-service .playzaone-wrap .content {
max-width: 570px;
width: 100%;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
padding: 15px;
}
.home4-single-service .playzaone-wrap .content h3 {
margin-bottom: 15px;
}
.home4-single-service .playzaone-wrap .content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 35px;
text-transform: capitalize;
color: var(--white);
}
.home4-single-service .playzaone-wrap .content p {
color: var(--white);
margin-bottom: 35px;
}
.home4-single-service .playzaone-wrap .content > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
background: var(--primary-color1);
border-radius: 130px;
padding: 13px 40px;
display: inline-block;
}
.home4-single-service .bar-pub-img-1 img {
border-radius: 130px;
}
.home4-single-service .bar-pub-img-2 img {
border-radius: 10px;
}
.home4-single-service .bar-pub-img-2.one {
margin-bottom: 30px;
}
.home4-single-service .content h3 {
margin-bottom: 15px;
}
.home4-single-service .content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 35px;
text-transform: capitalize;
color: var(--title-color);
}
.home4-single-service .content p {
margin-bottom: 0;
}
.home4-single-service .included-feature {
padding-top: 30px;
}
.home4-single-service .included-feature h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 20px;
}
.home4-single-service .included-feature ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 25px;
list-style-type: none;
}
.home4-single-service .included-feature ul li {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--title-color);
}
.home4-single-service .included-feature ul li img {
margin-right: 5px;
}
.home4-single-service .included-feature a {
font-family: var(--font-jost);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
display: inline-flex;
padding: 25px 70px;
}
.home4-single-service .included-feature h5 {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 35px;
}
.home4-single-service .included-feature > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: white;
border-radius: 130px;
padding: 16px 40px;
display: inline-block;
} .superior-offer {
position: relative;
overflow-x: hidden;
padding-top: 100px;
}
.superior-offer .offer-wrap .offer-img {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.superior-offer .offer-wrap .offer-img > img {
border-radius: 10px 10px 0px 0px;
height: 230px;
transition: 0.35s;
-o-object-fit: cover;
object-fit: cover;
}
.superior-offer .offer-wrap .offer-img .batch {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.superior-offer .offer-wrap .offer-img .batch .offer {
position: relative;
}
.superior-offer .offer-wrap .offer-img .batch .offer img,
.superior-offer .offer-wrap .offer-img .batch .offer svg {
transition: 0.35s;
}
.superior-offer .offer-wrap .offer-img .batch .offer .content {
position: absolute;
z-index: 9;
top: 22px;
left: 15px;
}
.superior-offer .offer-wrap .offer-img .batch .offer .content h4 {
font-family: var(--font-yeseva);
font-weight: 600;
font-size: 23px;
color: var(--white);
margin-bottom: 0;
line-height: 8px;
}
.superior-offer .offer-wrap .offer-img .batch .offer .content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--white);
line-height: 28px;
margin-left: 20px;
}
.superior-offer .offer-wrap .offer-content {
background-color: var(--title-color);
padding: 35px;
border-radius: 0px 0px 10px 10px;
transition: 0.35s;
}
.superior-offer .offer-wrap .offer-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
}
.superior-offer .offer-wrap .offer-content .price-tag span {
font-size: 25px;
font-weight: 500;
color: var(--white);
}
.superior-offer .offer-wrap .offer-content .price-tag del {
font-size: 14px;
}
.superior-offer .offer-wrap .offer-content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
}
.superior-offer .offer-wrap .offer-content h3 {
margin-bottom: 15px;
padding-top: 5px;
}
.superior-offer .offer-wrap .offer-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #ffffff;
transition: 0.35s;
}
.superior-offer .offer-wrap .offer-content h3 a:hover {
color: var(--primary-color1);
}
.superior-offer .offer-wrap .offer-content .bed-and-person {
gap: 60px;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.superior-offer .offer-wrap .offer-content .bed-and-person {
gap: 20px;
}
}
@media (max-width: 767px) {
.superior-offer .offer-wrap .offer-content .bed-and-person {
gap: 10px;
}
}
.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p,
.superior-offer .offer-wrap .offer-content .bed-and-person .persons p {
margin-bottom: -7px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
display: flex;
align-items: baseline;
}
.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p img,
.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p svg,
.superior-offer .offer-wrap .offer-content .bed-and-person .persons p img,
.superior-offer .offer-wrap .offer-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.superior-offer .offer-wrap .offer-content > a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
border: 0.5px solid var(--primary-color1);
border-radius: 30px;
padding: 9px 40px 6px;
display: inline-block;
margin-top: 28px;
transition: 0.35s;
white-space: nowrap;
}
.superior-offer .offer-wrap:hover .offer-img img {
transform: scale(1.1);
}
.superior-offer .swiper-horizontal > .swiper-pagination-bullets,
.superior-offer .swiper-pagination-bullets.swiper-pagination-horizontal,
.superior-offer .swiper-pagination-custom,
.superior-offer .swiper-pagination-fraction {
bottom: 0px;
left: 0;
width: 100%;
align-items: center;
}
.superior-offer .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.superior-offer .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 15px;
height: 10px;
color: rgba(28, 23, 29, 0.1);
}
.superior-offer .swiper-pagination .swiper-pagination-bullet-active {
background: var(--primary-color1);
opacity: 1;
height: 13px !important;
width: 19px !important;
} .home4-video-area {
background-size: cover;
background-repeat: no-repeat;
height: 600px;
display: flex;
align-items: center;
justify-self: center;
}
.home4-video-area .video-batch {
max-width: 700px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.home4-video-area .video-batch h3 {
font-family: var(--font-island);
font-weight: 400;
font-size: 55px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
margin-bottom: 30px;
}
.home4-video-area .video-batch a {
width: 120px;
height: 120px;
background: rgba(255, 255, 255, 0.3);
border: 1.5px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.home4-video-area .video-batch a i {
color: var(--white);
font-size: 60px;
} .home4-testimonial .testomonial-wrrap {
background: #f5f7f7;
padding: 45px 25px 45px;
}
.home4-testimonial .testomonial-wrrap .testimonial-img {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.home4-testimonial .testomonial-wrrap .testimonial-img img {
border-radius: 50%;
}
.home4-testimonial .testomonial-wrrap .testimonial-content p {
letter-spacing: 0.03em;
margin-bottom: 20px;
font-size: 22px;
font-weight: 300;
}
.home4-testimonial .testomonial-wrrap .testimonial-content h4 {
font-family: var(--font-yeseva);
font-weight: 500;
font-size: 25px;
letter-spacing: 0.03em;
color: #213321;
margin-bottom: 5px;
text-transform: capitalize;
}
.home4-testimonial .testomonial-wrrap .testimonial-content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
}
.home4-testimonial .testomonial-wrrap .testimonial-content .stars {
margin: 0;
padding: 0;
justify-content: center;
gap: 7px;
margin-bottom: 10px;
list-style-type: none;
}
.home4-testimonial .testomonial-wrrap .testimonial-content .stars li i {
color: var(--primary-color1);
}
.home4-testimonial .h4-testimonial-slider {
padding: 0px 10px;
}
.home4-testimonial .swiper-btn {
padding: 0px 10px;
}
.home4-testimonial .swiper-btn .btns svg {
fill: none;
stroke: var(--primary-color1);
transition: 0.35s;
}
.home4-testimonial .swiper-btn .btns:hover svg {
stroke: var(--title-color);
} .home4-blog-area .view-btn {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
background-color: var(--primary-color1);
border-radius: 90px;
padding: 9px 53px;
margin: 10px 0;
}
.home4-blog-area .blog-wrrap .blog-img {
position: relative;
}
.home4-blog-area .blog-wrrap .blog-img img {
border-radius: 10px;
}
@media (max-width: 576px) {
.home4-blog-area .blog-wrrap .blog-img img {
width: 100%;
}
}
.home4-blog-area .blog-wrrap .blog-img .publish-date {
position: absolute;
left: 0;
top: 35px;
}
.home4-blog-area .blog-wrrap .blog-img .publish-date a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
background: var(--primary-color1);
border-radius: 0px 5px 5px 0px;
padding: 11px 25px;
}
.home4-blog-area .blog-wrrap .blog-content .blog-meta .publisher span,
.home4-blog-area .blog-wrrap .blog-content .blog-meta .comment span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
line-height: 35px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #787878;
}
.home4-blog-area .blog-wrrap .blog-content .blog-title h4 a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 25px;
line-height: 38px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
.home4-blog-area .blog-wrrap .blog-content .blog-title h4 a:hover {
color: var(--primary-color1);
}
.home4-blog-area .blog-wrrap .blog-content .read-more-btn > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--primary-color1);
position: relative;
transition: 0.35s;
}
.home4-blog-area .blog-wrrap .blog-content .read-more-btn > a::after {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/read-more-arrow.svg);
position: absolute;
left: 0;
bottom: -18px;
}
.home4-blog-area .blog-wrrap .blog-content .read-more-btn > a:hover {
color: var(--text-color1);
} .hero-style5 .hero-sidebar {
min-width: 250px;
background-color: #fff;
height: calc(100vh - 85px);
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1199px) {
.hero-style5 .hero-sidebar {
left: -100%;
position: fixed;
transition: 0.7s;
z-index: 99999;
overflow-y: scroll;
}
.hero-style5 .hero-sidebar.slide {
left: 0;
}
}
.hero-style5 .hero-sidebar .sidebar-close-btn {
z-index: 99;
position: absolute;
right: 20px;
top: 27px;
}
.hero-style5 .hero-sidebar .sidebar-close-btn i {
font-size: 20px;
}
.hero-style5 .hero-sidebar .header-logo {
border-bottom: 1px solid #eeeeee;
margin-bottom: 80px;
}
.hero-style5 .hero-sidebar .header-logo img {
padding: 35px;
}
@media (max-width: 1199px) {
.hero-style5 .hero-sidebar .header-logo img {
padding: 20px;
}
}
.hero-style5 .hero-sidebar .multi-main-searchber {
width: 100%;
position: relative;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input {
width: 100%;
position: relative;
border-bottom: 1px solid #e2e2e2;
height: 80px;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input:last-child {
border-bottom: unset;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input::after {
content: "";
width: 2px;
height: 36px;
background: var(--primary-color1);
opacity: 0.2;
border-radius: 10px;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input::before {
position: absolute;
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/date.svg);
right: 22px;
line-height: 0;
top: 20px;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input, .hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input textarea {
padding: 30px 20px 25px 20px;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
border: none;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input::-moz-placeholder, .hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input::placeholder, .hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: var(--title-color) !important;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input .calendar {
background: #fff;
border-radius: 4px;
font-size: 14px !important;
border: none;
position: relative;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input.two {
height: 80px;
}
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input.two::before {
display: none;
}
.hero-style5 .hero-sidebar h3 {
font-family: var(--font-yeseva);
font-weight: 700;
font-size: 30px;
line-height: 36px;
letter-spacing: 0.03em;
color: #222222;
text-align: center;
padding: 30px;
margin-bottom: 0;
}
.hero-style5 .hero-sidebar .nice-select {
width: 100%;
border: none;
padding: 33px 20px 16px 20px;
line-height: 1;
height: 25px;
}
.hero-style5 .hero-sidebar .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.hero-style5 .hero-sidebar .nice-select .list {
top: 52px;
width: 100%;
border-radius: unset;
z-index: 9999;
}
.hero-style5 .hero-sidebar .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.hero-style5 .hero-sidebar .nice-select::after {
height: 8px;
width: 8px;
right: 30px;
border-color: var(--primary-color1);
top: 80%;
}
.hero-style5 .hero-sidebar .main-form-submit button {
background: var(--white);
padding: 20px 18px;
border: none;
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
white-space: nowrap;
width: 100%;
background-color: var(--primary-color1);
display: block;
text-align: center;
}
@media (max-width: 991px) {
.hero-style5 .hero-sidebar .main-form-submit {
display: flex;
justify-content: center;
}
}
.hero-style5 .hero-sidebar .hotline {
display: flex;
align-items: center;
justify-content: center;
margin-top: -8px;
}
.hero-style5 .hero-sidebar .hotline .hotline-info {
margin-left: 10px;
}
.hero-style5 .hero-sidebar .hotline .hotline-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
.hero-style5 .hero-sidebar .hotline .hotline-info h6 {
font-size: 16px;
font-weight: 600;
font-family: var(--font-jost);
color: #222222;
white-space: nowrap;
margin-bottom: 0;
}
.hero-style5 .banner-area {
position: relative;
width: 100%;
min-height: calc(100vh - 85px);
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
@media (max-width: 576px) {
.hero-style5 .banner-area {
min-height: unset;
padding: 80px 0 100px 0;
}
}
.hero-style5 .banner-area::before {
content: "";
background-image: linear-gradient(rgba(28, 23, 29, 0.6), rgba(28, 23, 29, 0.6));
background-blend-mode: multiply;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
z-index: -9;
}
.hero-style5 .banner-area header.style-5 {
position: absolute;
top: 30px;
right: 100px;
z-index: 9999;
display: flex;
justify-content: end;
align-items: center;
background-color: transparent;
max-width: 1020px;
width: 100%;
margin: 0 0 auto 0;
}
@media (max-width: 1399px) {
.hero-style5 .banner-area header.style-5 {
right: 30px;
gap: 60px;
}
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 {
padding: 20px 30px 20px 30px;
top: 0;
right: 0;
justify-content: space-between;
max-width: unset;
gap: unset;
}
}
.hero-style5 .banner-area header.style-5 .nav-right {
gap: 60px;
}
@media (max-width: 1399px) {
.hero-style5 .banner-area header.style-5 .nav-right {
gap: 50px;
}
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .nav-right {
gap: 20px;
}
}
.hero-style5 .banner-area header.style-5 .nav-right .header-btn a {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 700;
display: inline-block;
transition: 0.35s ease-in;
cursor: pointer;
white-space: nowrap;
padding: 12px 41px;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .nav-right .header-btn a {
display: none;
visibility: hidden;
}
}
.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon {
position: relative;
}
@media (max-width: 576px) {
.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon {
display: none;
}
}
.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon > a i {
color: var(--white);
font-size: 25px;
line-height: 25px;
}
.hero-style5 .banner-area header.style-5 .main-menu {
margin-right: 100px;
}
@media (max-width: 1399px) {
.hero-style5 .banner-area header.style-5 .main-menu {
margin-right: unset;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list {
margin-bottom: 0;
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list {
flex-direction: column;
justify-content: start;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li {
position: relative;
margin: 0px 17px;
display: inline-block;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li {
margin: 0px 15px;
}
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li {
margin: 0;
width: 100%;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .dropdown-icon {
color: var(--title-color);
font-size: 25px;
transition: 0.4s ease-in;
opacity: 0;
visibility: hidden;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .dropdown-icon {
opacity: 1;
visibility: visible;
z-index: 999;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .dropdown-icon.active {
color: var(--primary-color1);
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a {
font-size: 20px;
line-height: 1;
font-weight: 400;
color: var(--white);
padding: 25px 0px;
display: inline-block;
white-space: nowrap;
transition: 0.4s;
display: flex;
align-items: center;
font-family: var(--font-jost);
text-transform: capitalize;
position: relative;
z-index: 999;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a {
color: var(--title-color);
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a::before {
content: "";
position: absolute;
left: 0px;
bottom: 17px;
width: 100%;
height: 2px;
background-color: var(--primary-color1);
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a::before {
display: none;
visibility: hidden;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a:hover {
color: var(--primary-color1);
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a:hover::before {
opacity: 1;
visibility: visible;
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a.active {
color: var(--primary-color1);
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a {
padding: 15px 0px;
display: block;
position: relative;
border-bottom: 1px solid rgba(60, 170, 159, 0.098);
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu {
padding: 5px 0;
position: absolute;
top: 70px;
left: 0;
max-width: 230px;
min-width: 230px;
background-color: var(--white);
text-align: left;
display: none;
transition: all 0.55s ease-in-out;
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu {
opacity: 1;
position: relative;
left: 0;
top: 0;
width: 100%;
border: unset;
display: none;
transition: unset;
box-shadow: unset;
transform: translateY(0px);
visibility: unset;
background-color: var(--white);
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a {
display: block;
padding: 12px 30px;
border-bottom: 1px solid rgba(60, 170, 159, 0.1);
position: relative;
z-index: 1;
font-size: 18px;
color: var(--title-color);
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a {
border-bottom: unset;
padding: 12px 15px;
color: var(--title-color);
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a.active {
color: var(--primary-color1);
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a.active::before {
content: "";
position: absolute;
left: 0;
bottom: 22px;
width: 100%;
height: 1px;
background-color: var(--primary-color1);
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a.active::before {
display: none;
visibility: hidden;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: var(--primary-color1);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: -1;
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li a:hover::before {
transform: scale(1);
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li:last-child a {
border-bottom: unset;
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .sub-menu > li:last-child a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: unset;
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: -1;
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children {
position: relative;
z-index: 1;
padding-right: 20px;
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children i {
display: block;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children {
padding-right: unset;
}
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children i {
position: absolute;
top: 17px;
right: 0;
font-size: 18px;
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children i.active {
color: var(--primary-color1);
}
@media (min-width: 992px) {
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children:hover a {
color: var(--primary-color1);
}
.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
}
@media (max-width: 1199px) {
.hero-style5 .banner-area header.style-5 .main-menu {
position: fixed;
top: 0%;
right: -100%;
width: 280px;
height: 100%;
overflow-y: auto;
background-color: var(--white);
padding: 40px 20px;
z-index: 999;
transition: 0.7s ease-in-out;
}
.hero-style5 .banner-area header.style-5 .main-menu.show-menu {
right: 0;
}
}
.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area {
margin-bottom: 25px;
}
.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn {
cursor: pointer;
}
.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn .bi {
color: var(--primary-color1);
font-size: 18px;
}
.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
color: var(--title-color);
}
.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-wrap {
padding: 10px;
}
.hero-style5 .banner-area header.style-5 .mobile-menu-btn {
margin-left: 25px;
}
@media (max-width: 576px) {
.hero-style5 .banner-area header.style-5 .mobile-menu-btn {
margin-left: unset;
}
}
.hero-style5 .banner-area header.style-5 .mobile-menu-btn .bx {
color: var(--white);
font-size: 28px;
}
.hero-style5 .banner-area header.style-5 .sidebar-btn {
margin-left: 25px;
}
@media (max-width: 576px) {
.hero-style5 .banner-area header.style-5 .sidebar-btn {
margin-left: unset;
}
}
.hero-style5 .banner-area header.style-5 .sidebar-btn .bx {
color: var(--white);
font-size: 28px;
}
.hero-style5 .banner-area header.style-5 .hotline,
.hero-style5 .banner-area header.style-5 .email {
display: flex;
align-items: center;
justify-content: center;
}
.hero-style5 .banner-area header.style-5 .hotline .hotline-icon svg,
.hero-style5 .banner-area header.style-5 .hotline .email-icon svg,
.hero-style5 .banner-area header.style-5 .email .hotline-icon svg,
.hero-style5 .banner-area header.style-5 .email .email-icon svg {
fill: var(--primary-color1);
}
.hero-style5 .banner-area header.style-5 .hotline .hotline-info,
.hero-style5 .banner-area header.style-5 .hotline .email-info,
.hero-style5 .banner-area header.style-5 .email .hotline-info,
.hero-style5 .banner-area header.style-5 .email .email-info {
margin-left: 10px;
}
.hero-style5 .banner-area header.style-5 .hotline .hotline-info span,
.hero-style5 .banner-area header.style-5 .hotline .email-info span,
.hero-style5 .banner-area header.style-5 .email .hotline-info span,
.hero-style5 .banner-area header.style-5 .email .email-info span {
font-size: 12px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--primary-color1);
}
.hero-style5 .banner-area header.style-5 .hotline .hotline-info h6,
.hero-style5 .banner-area header.style-5 .hotline .email-info h6,
.hero-style5 .banner-area header.style-5 .email .hotline-info h6,
.hero-style5 .banner-area header.style-5 .email .email-info h6 {
font-size: 15px;
font-weight: 400;
font-family: var(--font-yeseva);
color: var(--title-color);
white-space: nowrap;
margin-bottom: 0;
}
.hero-style5 .banner-area .banner-content {
max-width: 1050px;
width: 100%;
margin: 0 auto;
}
.hero-style5 .banner-area .banner-content h1 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 90px;
line-height: 112px;
letter-spacing: 0.03em;
text-transform: capitalize;
text-align: center;
color: var(--white);
margin-bottom: 55px;
}
.hero-style5 .banner-area .banner-content h1 span {
-webkit-text-stroke: 1.6px #fff;
color: transparent;
}
@media (max-width: 1199px) {
.hero-style5 .banner-area .banner-content h1 {
font-size: 90px;
line-height: 110px;
}
}
@media (max-width: 991px) {
.hero-style5 .banner-area .banner-content h1 {
font-size: 90px;
line-height: 110px;
}
}
@media (max-width: 576px) {
.hero-style5 .banner-area .banner-content h1 {
font-size: 50px;
line-height: 70px;
}
}
.hero-style5 .banner-area .banner-content a {
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
border: 1px solid #ffffff;
padding: 15px 32px;
} .section-title-area {
position: relative;
z-index: 1;
overflow: hidden;
}
.section-title-area .marquee {
width: 100%;
position: relative;
}
.section-title-area .marquee div {
display: block;
width: 200%;
height: 30px;
position: absolute;
animation: marquee 20000ms linear infinite;
}
.section-title-area .marquee div span {
float: left;
width: 50%;
font-size: 90px;
font-weight: 700;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1px rgba(34, 34, 34, 0.08);
-webkit-text-fill-color: transparent;
animation: train 8s linear infinite;
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
.section-title-area .section-title {
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 55px;
z-index: 9;
background-color: transparent;
margin-top: -5px;
position: relative;
z-index: 1;
}
.section-title-area .section-title span {
font-family: var(--font-island);
font-weight: 400;
font-size: 35px;
line-height: 35px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
}
.section-title-area .section-title h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 72px;
color: #222222;
}
@media (max-width: 1199px) {
.section-title-area .section-title h2 {
font-size: 45px;
line-height: 55px;
}
}
@media (max-width: 576px) {
.section-title-area .section-title h2 {
font-size: 40px;
line-height: 50px;
}
}
.home5-room-suits {
position: relative;
}
.home5-room-suits .h5-room-bg {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media (max-width: 767px) {
.home5-room-suits .h5-room-bg {
display: none;
}
}
.home5-room-suits .swiper-btn {
gap: 60px;
position: absolute;
left: 50px;
bottom: 100px;
}
@media (max-width: 1800px) {
.home5-room-suits .swiper-btn {
display: none;
visibility: hidden;
}
}
@media (max-width: 1199px) {
.home5-room-suits .swiper-btn {
display: none;
visibility: hidden;
}
}
@media (max-width: 1199px) {
.home5-room-suits .swiper-btn .btns {
display: none;
visibility: hidden;
}
}
.home5-room-suits .swiper-btn .btns svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home5-room-suits .swiper-btn .btns:hover svg {
stroke: var(--title-color);
}
.home5-room-suits .h5-room-suites {
padding: 0px 10px;
}
.home5-room-suits .swiper-btn2 {
gap: 60px;
position: absolute;
left: 0px;
top: -50px;
opacity: 0;
visibility: hidden;
z-index: 9;
}
@media (max-width: 1800px) {
.home5-room-suits .swiper-btn2 {
opacity: 1;
visibility: visible;
}
}
.home5-room-suits .swiper-btn2 .btns svg {
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.home5-room-suits .swiper-btn2 .btns:hover svg {
stroke: var(--title-color);
}
.home5-room-suits .room-wrrap {
background-color: var(--white);
border: 1px solid #eeeeee;
padding: 20px 20px 30px;
transition: 0.35s;
}
.home5-room-suits .room-wrrap .stars {
gap: 8px;
list-style-type: none;
}
.home5-room-suits .room-wrrap .stars i {
color: var(--primary-color1);
}
@media (max-width: 576px) {
.home5-room-suits .room-wrrap .room-img img {
width: 100%;
}
}
.home5-room-suits .room-wrrap .room-content {
padding-top: 30px;
}
.home5-room-suits .room-wrrap .room-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: #222222;
}
.home5-room-suits .room-wrrap .room-content .price-tag span {
font-size: 22px;
font-weight: 600;
color: var(--primary-color1);
}
.home5-room-suits .room-wrrap .room-content h3 {
margin-bottom: 15px;
padding-top: 5px;
}
.home5-room-suits .room-wrrap .room-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 38px;
text-transform: capitalize;
color: #222222;
transition: 0.35s;
}
.home5-room-suits .room-wrrap .room-content h3:hover a {
color: var(--primary-color1);
}
.home5-room-suits .room-wrrap .room-content .bed-and-person {
gap: 60px;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.home5-room-suits .room-wrrap .room-content .bed-and-person {
gap: 40px;
}
}
@media (max-width: 767px) {
.home5-room-suits .room-wrrap .room-content .bed-and-person {
gap: 10px;
}
}
.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p,
.home5-room-suits .room-wrrap .room-content .bed-and-person .persons p {
margin-bottom: -7px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--text-color1);
display: flex;
align-items: baseline;
}
.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p img,
.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p svg,
.home5-room-suits .room-wrrap .room-content .bed-and-person .persons p img,
.home5-room-suits .room-wrrap .room-content .bed-and-person .persons p svg {
margin-right: 10px;
} .swiper {
padding: 0px 10px;
}
.home5-about-area .h5-about-banner video {
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 400px;
position: relative;
}
.home5-about-area .h5-about-banner video::after {
content: "";
background-color: rgba(34, 34, 34, 0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.home5-about-area .about-content h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 65px;
text-transform: capitalize;
color: #222222;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.home5-about-area .about-content h2 {
font-size: 40px;
line-height: 50px;
}
}
.home5-about-area .about-content p {
margin-bottom: 40px;
}
.home5-about-area .about-content a {
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
padding: 16px 30px;
border: 1px solid var(--primary-color1);
display: inline-flex;
}
.home5-about-area .about-right {
position: relative;
}
.home5-about-area .about-right .about-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .home5-facilities .facilities-wrrap .facilities-content {
background: #fbffe9;
height: 100%;
padding: 25px 25px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 576px) {
.home5-facilities .facilities-wrrap .facilities-content {
padding: 65px 25px;
}
}
.home5-facilities .facilities-wrrap .facilities-content h3 {
font-family: var(--font-jost);
font-weight: 600;
font-size: 32px;
line-height: 32px;
text-transform: capitalize;
color: #222222;
margin-bottom: 25px;
}
.home5-facilities .facilities-wrrap .facilities-content p {
margin-bottom: 40px;
}
.home5-facilities .facilities-wrrap .facilities-content a {
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
text-transform: capitalize;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
padding: 12px 40px;
}
.home5-facilities .facilities-wrrap .facilities-content.two {
background: #efe6d6;
}
.home5-facilities .facilities-wrrap .facilities-content.three {
background: #f5f7f7;
}
.home5-facilities .facilities-wrrap .facilities-content.four {
background: #f8f5f0;
}
.home5-facilities .facilities-wrrap .facilities-img img {
min-height: 390px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 576px) {
.home5-facilities .facilities-wrrap .facilities-img img {
width: 100%;
}
}
@media (max-width: 991px) {
.home5-facilities .facilities-wrrap.four {
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.home5-facilities .facilities-wrrap.five {
margin-bottom: 30px;
}
} .h5-offer-area .offer-wrrap {
background: #222222;
}
.h5-offer-area .offer-wrrap .offer-content {
padding: 50px 40px;
min-height: 325px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.h5-offer-area .offer-wrrap .offer-content span {
font-family: var(--font-jost);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
}
.h5-offer-area .offer-wrrap .offer-content h2 {
font-family: var(--font-jost);
font-weight: 700;
font-size: 40px;
line-height: 40px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
margin-bottom: 10px;
padding-top: 13px;
}
.h5-offer-area .offer-wrrap .offer-content p {
font-family: var(--font-jost);
font-weight: 500;
font-size: 25px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
margin-bottom: 30px;
}
.h5-offer-area .offer-wrrap .offer-content a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
border-radius: 100px;
padding: 12px 58px;
white-space: nowrap;
display: block;
}
.h5-offer-area .offer-wrrap .offer-img img {
min-height: 290px;
} .h5-choose-area .section-title {
margin-bottom: 55px;
z-index: 9;
background-color: transparent;
margin-top: -5px;
}
.h5-choose-area .section-title span {
font-family: var(--font-island);
font-weight: 400;
font-size: 25px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
}
.h5-choose-area .section-title h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 72px;
color: #222222;
}
@media (max-width: 1199px) {
.h5-choose-area .section-title h2 {
font-size: 45px;
line-height: 55px;
}
}
@media (max-width: 576px) {
.h5-choose-area .section-title h2 {
font-size: 40px;
line-height: 50px;
}
}
.h5-choose-area .choose-img-left {
position: relative;
margin-left: 110px;
}
.h5-choose-area .choose-img-left .choose-icon,
.h5-choose-area .choose-img-left svg {
position: absolute;
left: -110px;
top: 50%;
transform: translateY(-50%);
}
.h5-choose-area .choose-right-area .choose-content {
padding-top: 20px;
}
.h5-choose-area .choose-right-area .choose-content p {
letter-spacing: 0.03em;
margin-bottom: 25px;
}
.h5-choose-area .choose-right-area .choose-content ul {
margin: 0;
padding: 0;
gap: 25px;
list-style-type: none;
}
.h5-choose-area .choose-right-area .choose-content ul li {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #222222;
}
.h5-choose-area .choose-right-area .choose-content ul li img,
.h5-choose-area .choose-right-area .choose-content ul li svg {
margin-right: 10px;
} .home5-extra-services {
background: rgba(60, 170, 159, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.home5-extra-services .ex-service-wrrap .ex-service-img {
position: relative;
}
@media (max-width: 1199px) {
.home5-extra-services .ex-service-wrrap .ex-service-img img {
width: 100%;
}
}
.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content {
background-color: rgba(28, 23, 29, 0.95);
padding: 58px 20px;
position: absolute;
left: 20px;
top: 35px;
right: 20px;
bottom: 35px;
transform: scale(0.4);
opacity: 0;
transition: 0.35s;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 60px;
text-transform: capitalize;
color: var(--white);
margin-bottom: 0;
}
.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content p {
color: var(--white);
margin-bottom: 40px;
}
.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content a {
font-family: var(--font-jost);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
padding: 9px 25px;
}
.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-name {
position: absolute;
left: 35px;
right: 35px;
bottom: 35px;
transition: 0.35s;
}
.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-name a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
text-transform: capitalize;
color: var(--white);
background: #1c171d;
box-shadow: 0px 0px 20px rgba(219, 167, 101, 0.1);
padding: 12px 60px 9px;
display: inline-flex;
width: 100%;
justify-content: center;
white-space: nowrap;
}
.home5-extra-services .ex-service-wrrap .ex-service-img:hover .ex-service-content {
transform: scale(1);
opacity: 1;
}
.home5-extra-services .ex-service-wrrap .ex-service-img:hover .ex-service-name {
transform: scale(0);
opacity: 0;
} .home5-testimonial .testimonial-wrrap {
padding: 10px 30px 10px 10px;
border: 1px solid #eeeeee;
}
@media (max-width: 1399px) {
.home5-testimonial .testimonial-wrrap {
padding: 40px 30px 40px 10px;
}
}
@media (max-width: 767px) {
.home5-testimonial .testimonial-wrrap {
flex-wrap: wrap;
justify-content: center;
padding: 25px 10px 25px 10px;
}
}
.home5-testimonial .testimonial-wrrap .guests-img {
margin-right: 30px;
}
@media (max-width: 767px) {
.home5-testimonial .testimonial-wrrap .guests-img {
margin-right: 0;
margin-bottom: 50px;
}
}
.home5-testimonial .testimonial-wrrap .guest-content {
max-width: 800px;
width: 100%;
position: relative;
}
.home5-testimonial .testimonial-wrrap .guest-content .quat-icon {
opacity: 0.03;
padding-top: 10px;
margin-bottom: 10px;
position: absolute;
right: 30px;
top: -45px;
}
.home5-testimonial .testimonial-wrrap .guest-content p {
font-family: var(--font-jost);
font-weight: 300;
font-size: 24px;
line-height: 45px;
letter-spacing: 0.03em;
color: var(--text-color1);
margin-bottom: 35px;
position: relative;
}
.home5-testimonial .testimonial-wrrap .guest-content p::after {
content: "";
width: 100px;
height: 1px;
background-color: rgba(60, 170, 159, 0.5);
position: absolute;
bottom: -12px;
left: 0;
}
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .name h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 28px;
letter-spacing: 0.03em;
color: #213321;
margin-bottom: 0;
}
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .name span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
}
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .guest-review ul {
margin: 0;
padding: 0;
gap: 10px;
list-style-type: none;
}
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .guest-review ul li i {
color: var(--primary-color1);
}
.home5-testimonial .swiper-btn2 {
padding-top: 60px;
}
@media (max-width: 767px) {
.home5-testimonial .swiper-btn2 {
display: none;
padding-top: unset;
}
}
.home5-testimonial .swiper-btn2 .btns svg {
fill: none;
stroke: var(--primary-color1);
transition: 0.35s;
}
.home5-testimonial .swiper-btn2 .btns:hover {
stroke: var(--title-color);
} .home5-blog-area .blog-wrrap .blog-img {
position: relative;
overflow: hidden;
}
.home5-blog-area .blog-wrrap .blog-img img {
transition: 0.35s;
}
@media (max-width: 767px) {
.home5-blog-area .blog-wrrap .blog-img img {
width: 100%;
}
}
.home5-blog-area .blog-wrrap .blog-img .batch {
position: absolute;
top: 20px;
right: 0;
}
.home5-blog-area .blog-wrrap .blog-img .batch a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
background: #222222;
padding: 10px 30px;
}
.home5-blog-area .blog-wrrap .blog-content {
border: 1px solid #eeeeee;
padding: 25px 20px;
}
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area {
margin-bottom: 15px;
}
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area img,
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area svg {
border-radius: 50%;
margin-right: 10px;
}
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p {
font-family: var(--font-jost);
font-style: normal;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
margin-bottom: 0;
}
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p a {
color: var(--text-color1);
transition: 0.35s;
}
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p a:hover {
color: var(--primary-color1);
}
.home5-blog-area .blog-wrrap .blog-content .blog-title h4 {
margin-bottom: 20px;
}
.home5-blog-area .blog-wrrap .blog-content .blog-title h4 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 25px;
line-height: 35px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #222222;
transition: 0.35s;
}
.home5-blog-area .blog-wrrap .blog-content .blog-title h4:hover a {
color: var(--primary-color1);
}
.home5-blog-area .blog-wrrap .blog-content .read-more-btn > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
transition: 0.35s;
}
.home5-blog-area .blog-wrrap .blog-content .read-more-btn > a:hover {
color: #222222;
}
.home5-blog-area .blog-wrrap:hover .blog-img img {
transform: scale(1.1);
}  .home5-marque-tab {
overflow: hidden;
border-top: 1px solid #eeeeee;
}
.home5-marque-tab .marquee ul {
margin: 0;
padding: 30px 0;
gap: 60px;
position: relative;
display: flex;
align-items: center;
animation: CSSright 30s linear infinite running;
list-style-type: none;
}
.home5-marque-tab .marquee ul li {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
line-height: 18px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222222;
position: relative;
white-space: nowrap;
}
.home5-marque-tab .marquee ul li::before {
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--primary-color1);
position: absolute;
left: -25px;
top: 2px;
}
@keyframes CSSright {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-120%, 0);
}
}
.home5-marque-tab .marquee:hover ul {
animation-play-state: paused;
} .breadcrumb-section {
position: relative;
min-height: 500px;
display: flex;
align-items: center;
justify-content: center;
background: #000;
background-size: cover;
background-position: 50%;
z-index: 9;
}
@media (max-width: 1399px) {
.breadcrumb-section {
min-height: 420px;
}
}
@media (max-width: 1199px) {
.breadcrumb-section {
min-height: 400px;
}
}
@media (max-width: 991px) {
.breadcrumb-section {
min-height: 370px;
}
}
.breadcrumb-section .breadcrumb-title h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 60px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--white);
}
@media (max-width: 767px) {
.breadcrumb-section .breadcrumb-title h2 {
font-size: 48px;
}
}
.breadcrumb-section nav ol {
margin: 0;
padding: 0;
gap: 15px;
}
.breadcrumb-section nav ol li {
color: var(--primary-color1);
font-size: 18px;
font-weight: 500;
font-family: var(--font-jost);
position: relative;
padding-left: 20px;
}
.breadcrumb-section nav ol li:first-child {
padding-left: 0;
}
.breadcrumb-section nav ol li.active {
color: var(--white);
}
.breadcrumb-section nav ol li + li::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--primary-color1);
position: absolute;
top: 11px;
left: 0;
} .facilities-pages .facilities-content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 3px;
line-height: 18px;
text-transform: uppercase;
color: var(--primary-color1);
display: inline-block;
margin-bottom: 5px;
}
.facilities-pages .facilities-content h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 35px;
line-height: 50px;
letter-spacing: 1.35;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 15px;
}
.facilities-pages .facilities-content p {
letter-spacing: 0.03em;
margin-bottom: 0;
} .home-one-gallery.two .section-title1 {
margin-bottom: 50px;
}
.home-one-gallery.two .gallery-item {
position: relative;
}
.home-one-gallery.two .gallery-item a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(34, 34, 34, 0.8);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: scale(0.4);
transition: 0.5s;
}
.home-one-gallery.two .gallery-item a i {
color: #fff;
font-size: 30px;
}
.home-one-gallery.two .gallery-item img {
min-height: 308px;
-o-object-fit: cover;
object-fit: cover;
}
.home-one-gallery.two .gallery-item.three img {
min-height: 618px;
}
.home-one-gallery.two .gallery-item.four {
margin-top: -308px;
}
.home-one-gallery.two .gallery-item.four img {
min-height: 618px;
}
@media (max-width: 1399px) {
.home-one-gallery.two .gallery-item.four {
margin-top: -308px;
}
}
@media (max-width: 991px) {
.home-one-gallery.two .gallery-item.four {
margin-top: unset;
}
}
.home-one-gallery.two .gallery-item.five {
margin-top: -308px;
}
@media (max-width: 1399px) {
.home-one-gallery.two .gallery-item.five {
margin-top: -308px;
}
}
@media (max-width: 991px) {
.home-one-gallery.two .gallery-item.five {
margin-top: unset;
}
}
.home-one-gallery.two .gallery-item.six {
margin-top: -308px;
}
@media (max-width: 1399px) {
.home-one-gallery.two .gallery-item.six {
margin-top: -308px;
}
}
@media (max-width: 767px) {
.home-one-gallery.two .gallery-item.six {
margin-top: unset;
}
}
.home-one-gallery.two .gallery-item.seven {
margin-top: -616px;
}
@media (max-width: 1399px) {
.home-one-gallery.two .gallery-item.seven {
margin-top: -616px;
}
}
@media (max-width: 991px) {
.home-one-gallery.two .gallery-item.seven {
margin-top: unset;
margin-right: 10px;
}
}
@media (max-width: 767px) {
.home-one-gallery.two .gallery-item.seven {
margin-top: unset;
margin-right: unset;
}
}
.home-one-gallery.two .gallery-item.eight {
margin-top: 26px;
}
@media (max-width: 991px) {
.home-one-gallery.two .gallery-item.eight {
margin-top: unset;
}
}
@media (max-width: 767px) {
.home-one-gallery.two .gallery-item.eight {
margin-top: 26px;
}
}
.home-one-gallery.two .gallery-item.nine img {
min-height: 618px;
}
.home-one-gallery.two .gallery-item:hover a {
opacity: 1;
transform: scale(1);
} .room-suits-page-2 .multi-main-searchber {
background-color: #fff;
width: 100%;
padding: 20px 0px 20px 25px;
position: relative;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
border-radius: 10px;
}
@media (max-width: 991px) {
.room-suits-page-2 .multi-main-searchber {
padding: 25px 50px;
}
}
.room-suits-page-2 .multi-main-searchber .searchbox-input {
width: 100%;
position: relative;
border: 1px solid #e2e2e2;
height: 60px;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input::after {
content: "";
width: 2px;
height: 36px;
background: var(--primary-color1);
opacity: 0.2;
border-radius: 10px;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input::before {
position: absolute;
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/date.svg);
left: 22px;
line-height: 0;
top: 50%;
transform: translateY(-50%);
}
.room-suits-page-2 .multi-main-searchber .searchbox-input label {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
color: var(--title-color);
padding: 5px 20px 0 65px;
white-space: nowrap;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input input, .room-suits-page-2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .room-suits-page-2 .multi-main-searchber .searchbox-input textarea {
padding: 0 20px 5px 65px;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
border: none;
font-family: var(--font-jost);
font-weight: 500;
font-size: 12px;
color: #666666 !important;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input input::-moz-placeholder, .room-suits-page-2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .room-suits-page-2 .multi-main-searchber .searchbox-input textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input input::placeholder, .room-suits-page-2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .room-suits-page-2 .multi-main-searchber .searchbox-input textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input .calendar {
background: #fff;
border-radius: 4px;
font-size: 14px !important;
border: none;
position: relative;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input.two {
height: 60px;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input.two::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/user.svg);
z-index: 99;
}
.room-suits-page-2 .multi-main-searchber .searchbox-input.three::before {
content: url(//hotelsimsan.com/wp-content/themes/hotelina-wp-master/assets/images/icons/hotel.svg);
}
.room-suits-page-2 .nice-select {
width: 100%;
border: none;
padding: 0px 30px 0px 65px;
line-height: 1;
height: 25px;
}
.room-suits-page-2 .nice-select span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #666666 !important;
z-index: 9;
}
.room-suits-page-2 .nice-select .list {
top: 52px;
width: 100%;
border-radius: unset;
z-index: 9999;
}
.room-suits-page-2 .nice-select .option {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.room-suits-page-2 .nice-select::after {
height: 8px;
width: 8px;
right: 15px;
border-color: var(--primary-color1);
top: -15%;
}
.room-suits-page-2 .main-form-submit a {
padding: 17px 35px 18px;
border: none;
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
white-space: nowrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.room-suits-page-2 .main-form-submit a {
padding: 15px 18px;
}
}
@media (max-width: 991px) {
.room-suits-page-2 .main-form-submit a {
width: unset;
padding: 20px 70px;
margin-top: 24px;
}
}
@media (max-width: 991px) {
.room-suits-page-2 .main-form-submit {
display: flex;
justify-content: center;
}
}
.room-suits-page-2 .room-suits-wrrap .room-suits-img {
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-img img {
width: 100%;
border-radius: 10px 10px 0px 0px;
transition: 0.35s;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content {
position: relative;
background: #ffffff;
box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
border-radius: 0px 0px 10px 10px;
margin-top: -15px;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review {
padding: 10px 0;
border: 1px solid #f5f5f5;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars {
padding: 0;
margin: 0;
gap: 10px;
list-style-type: none;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--primary-color1);
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li i {
color: var(--primary-color1);
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li:last-child {
color: var(--text-color1);
font-weight: 400;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
padding-top: 25px;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag del {
font-size: 18px;
margin-right: 10px;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag span {
font-size: 22px;
font-weight: 600;
color: var(--primary-color1);
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content h3 {
margin-bottom: 20px;
padding-top: 5px;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content h3 a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content h3:hover a {
color: var(--primary-color1);
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person {
gap: 60px;
padding: 0px 10px;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person {
gap: 10px;
}
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--text-color1);
display: flex;
align-items: baseline;
}
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p img,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p svg,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p img,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.room-suits-page-2 .room-suits-wrrap:hover .room-suits-img img {
transform: scale(1.1);
} .pagination {
margin: 0;
padding: 0;
padding-top: 50px;
gap: 30px;
}
@media (max-width: 991px) {
.pagination {
margin-bottom: 50px;
}
}
.pagination li a,
.pagination li span {
font-family: var(--font-jost);
font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
border: unset;
padding: 0;
}
.pagination li a.current,
.pagination li span.current {
color: var(--primary-color1);
}
.pagination li:first-child a {
position: relative;
color: var(--primary-color1);
border-radius: unset;
transition: 0.35s;
}
.pagination li:first-child a::after {
content: "";
height: 1px;
width: 100%;
background-color: var(--primary-color1);
position: absolute;
left: 0;
bottom: 0;
transition: 0.35s;
}
.pagination li:first-child a:hover {
color: var(--title-color);
}
.pagination li:first-child a:hover::after {
background-color: var(--title-color);
}
.pagination li:last-child a {
color: var(--primary-color1);
border-radius: unset;
position: relative;
transition: 0.35s;
}
.pagination li:last-child a::after {
content: "";
height: 1px;
width: 100%;
background-color: var(--primary-color1);
position: absolute;
left: 0;
bottom: 0;
transition: 0.35s;
}
.pagination li:last-child a:hover {
color: var(--title-color);
}
.pagination li:last-child a:hover::after {
background-color: var(--title-color);
}
.pagination li .page-link:hover {
z-index: 2;
color: var(--primary-color1);
background-color: unset;
border-color: unset;
}
@media (max-width: 991px) {
.inner-blog .blog-sidebar {
margin-top: 45px;
}
}
.inner-blog .widget-area .single-widgets {
margin-bottom: 45px;
}
.inner-blog .widget-area .single-widgets:last-child {
margin-bottom: unset;
}
.inner-blog .widget-area .widget-title h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 25px;
letter-spacing: 0.03em;
color: var(--title-color);
position: relative;
margin-bottom: 35px;
}
.inner-blog .widget-area .widget-title h3::after {
content: "";
width: 100px;
height: 2px;
background-image: linear-gradient(90deg, rgb(28, 23, 29), rgba(28, 23, 29, 0));
position: absolute;
left: 0;
bottom: -5px;
}
.inner-blog .widget-area .widget_search form label {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 28px;
letter-spacing: 0.03em;
color: var(--title-color);
position: relative;
margin-bottom: 35px;
}
.inner-blog .widget-area .widget_search form label::after {
content: "";
width: 100px;
height: 2px;
background-image: linear-gradient(90deg, rgb(28, 23, 29), rgba(28, 23, 29, 0));
position: absolute;
left: 0;
bottom: 0;
}
.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
border: 1px solid #ddd;
height: 50px;
padding: 20px 15px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
}
.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input, .inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper textarea {
border: 1px solid transparent;
outline: none;
width: 100%;
color: #575757;
}
.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input::-moz-placeholder, .inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper .contact-from-wrapper2 .form-inner textarea::-moz-placeholder, .contact-from-wrapper2 .form-inner .inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper textarea::-moz-placeholder {
color: #575757;
}
.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input::placeholder, .inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper .contact-from-wrapper2 .form-inner textarea::placeholder, .contact-from-wrapper2 .form-inner .inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper textarea::placeholder {
color: #575757;
}
.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper button {
border: none;
background: unset;
}
.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper button svg {
fill: var(--text-color1);
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 30px;
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt:last-child {
margin-bottom: unset;
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
margin-right: 20px;
overflow: hidden;
min-width: 100px;
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi img {
transition: 0.35s;
}
@media (max-width: 1399px) {
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
margin-right: 15px;
}
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #5e5e5e;
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 {
margin-bottom: 0;
padding-top: 5px;
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 18px;
line-height: 27px;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a:hover {
color: var(--primary-color1);
}
@media (max-width: 1399px) {
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
font-style: 16px;
}
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt:hover .wi img {
transform: scale(1.1);
}
.inner-blog .widget-area .widget_egns_tag .widget-title h3 {
margin-bottom: 25px;
}
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud {
margin: 0;
padding: 0;
}
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 14px;
text-align: center;
color: var(--text-color1);
border: 1px solid #e3dcdc;
padding: 6px 20px;
display: inline-block;
margin: 15px 15px 0 0;
transition: all 0.5s ease-out 0s;
}
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a:hover {
color: var(--primary-color1);
border-color: var(--primary-color1);
}
.inner-blog .widget-area .widget_egns_social .social-link {
margin: 0;
padding: 0;
gap: 35px;
}
.inner-blog .widget-area .widget_egns_social .social-link li {
margin-bottom: 0;
}
.inner-blog .widget-area .widget_egns_social .social-link li a {
height: 35px;
width: 35px;
line-height: 35px;
background: rgba(28, 23, 29, 0.8);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.35s;
}
.inner-blog .widget-area .widget_egns_social .social-link li a i {
font-size: 20px;
color: var(--white);
}
.inner-blog .widget-area .widget_egns_social .social-link li a:hover {
background-color: var(--primary-color1);
}
.inner-blog .blog-post-area .blog-details .post-thumbnail {
position: relative;
margin-bottom: 30px;
}
.inner-blog .blog-post-area .blog-details .post-thumbnail > img {
min-height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.inner-blog .blog-post-area .blog-details .post-thumbnail .batch {
position: absolute;
left: 0;
top: 0;
}
.inner-blog .blog-post-area .blog-details .post-thumbnail .batch span {
font-family: var(--font-jost);
font-weight: 600;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
background: var(--primary-color1);
padding: 11px 35px 9px;
display: inline-block;
}
.inner-blog .blog-post-area .blog-details .blog-meta {
margin-bottom: 15px;
}
.inner-blog .blog-post-area .blog-details .blog-meta p {
margin-bottom: 0;
}
.inner-blog .blog-post-area .blog-details .blog-meta p a {
font-family: var(--font-jost);
font-weight: 400;
font-size: 17px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #5e5e5e;
}
.inner-blog .blog-post-area .blog-details .blog-meta p a:hover {
color: var(--primary-color1);
}
.inner-blog .blog-post-area .blog-details .post-content h3.pst-title {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 38px;
line-height: 48px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 15px;
}
.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote {
padding: 20px 30px;
border: 1px dashed #ddd;
}
.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote p {
font-weight: 500;
font-style: italic;
color: var(--text-color1);
}
.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote cite {
font-family: var(--font-yeseva);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 35px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
margin-bottom: 20px;
}
.inner-blog .blog-post-area .blog-details .post-content blockquote {
padding: 20px 30px;
border: 1px dashed #ddd;
font-weight: 500;
font-style: italic;
color: var(--text-color1);
}
.inner-blog .blog-post-area .blog-details .tags h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
}
.inner-blog .blog-post-area .blog-details .tags a {
position: relative;
font-family: var(--font-jost);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 170%;
color: var(--text-color1);
transition: 0.5s;
margin-right: 10px;
}
.inner-blog .blog-post-area .blog-details .tags a::after {
position: absolute;
content: ",";
bottom: 0;
}
.inner-blog .blog-post-area .blog-details .tags a:last-child::after {
display: none;
}
.inner-blog .blog-post-area .blog-details .tags a:last-child {
margin-right: 0;
}
.inner-blog .blog-post-area .blog-details .tags a:hover {
color: var(--primary-color1);
}
.inner-blog .blog-post-area .blog-details .social-link h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 20px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
display: flex;
justify-content: end;
}
@media (max-width: 767px) {
.inner-blog .blog-post-area .blog-details .social-link h5 {
justify-content: start;
}
}
.inner-blog .blog-post-area .blog-details .social-link ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 25px;
list-style: none;
list-style-type: none;
}
.inner-blog .blog-post-area .blog-details .social-link ul li a i {
font-size: 20px;
color: var(--text-color1);
transition: 0.35s;
}
.inner-blog .blog-post-area .blog-details .social-link ul li a:hover i {
color: var(--primary-color1);
}
.inner-blog .blog-post-area .comment-area {
margin-top: 120px;
}
.inner-blog .blog-post-area .comment-area .blog-comments h3.comments-title {
position: relative;
font-weight: 400;
font-size: 30px;
margin: 0;
font-family: var(--font-yeseva);
text-transform: capitalize;
color: var(--title-color);
overflow: hidden;
}
.inner-blog .blog-post-area .comment-area .blog-comments h3.comments-title::after {
position: absolute;
content: "";
width: 100%;
height: 2px;
background-color: var(--primary-color1);
top: 50%;
margin-left: 20px;
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment {
display: flex;
border: 1px solid #eeeeee;
padding: 40px 0 27px;
margin-top: 30px;
gap: 10px;
}
@media (max-width: 576px) {
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment {
display: block;
}
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .image img {
min-width: 90px;
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .content {
position: relative;
padding: 0 30px;
width: calc(100% - 100px);
}
@media (max-width: 576px) {
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .content {
width: 100%;
padding: 0;
margin-top: 30px;
}
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .content .comment-meta h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 18px;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 0;
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .content .comment-meta span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
line-height: 170%;
letter-spacing: 1px;
text-transform: capitalize;
color: #a4a4a4;
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .content .reply-btn {
position: absolute;
right: 30px;
top: 0;
}
.inner-blog .blog-post-area .comment-area .blog-comments .single-comment .content .reply-btn a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.03em;
color: var(--primary-color1);
}
.inner-blog .blog-post-area .blog-comment-form .comment-respond,
.inner-blog .blog-post-area .blog-comments .comment-respond {
margin-top: 40px;
}
.inner-blog .blog-post-area .blog-comment-form h3.comment-reply-title,
.inner-blog .blog-post-area .blog-comment-form h3.comment-reply-title,
.inner-blog .blog-post-area .blog-comments h3.comment-reply-title,
.inner-blog .blog-post-area .blog-comments h3.comment-reply-title {
position: relative;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
text-transform: capitalize;
color: var(--title-color);
display: block;
}
.inner-blog .blog-post-area .blog-comment-form h3.comment-reply-title small,
.inner-blog .blog-post-area .blog-comment-form h3.comment-reply-title small,
.inner-blog .blog-post-area .blog-comments h3.comment-reply-title small,
.inner-blog .blog-post-area .blog-comments h3.comment-reply-title small {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
position: absolute;
right: 0;
top: 65px;
}
.inner-blog .blog-post-area .blog-comment-form form p.logged-in-as,
.inner-blog .blog-post-area .blog-comments form p.logged-in-as {
margin-bottom: 20px;
}
.inner-blog .blog-post-area .blog-comment-form form p.logged-in-as a,
.inner-blog .blog-post-area .blog-comments form p.logged-in-as a {
color: var(--primary-color1);
}
.inner-blog .blog-post-area .blog-comment-form form p.comment-form-cookies-consent,
.inner-blog .blog-post-area .blog-comments form p.comment-form-cookies-consent {
display: flex;
align-items: center;
margin: 20px 0;
}
.inner-blog .blog-post-area .blog-comment-form form p.comment-form-cookies-consent input[type=checkbox], .inner-blog .blog-post-area .blog-comment-form form p.comment-form-cookies-consent .contact-from-wrapper2 .form-inner textarea[type=checkbox], .contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comment-form form p.comment-form-cookies-consent textarea[type=checkbox],
.inner-blog .blog-post-area .blog-comments form p.comment-form-cookies-consent input[type=checkbox],
.inner-blog .blog-post-area .blog-comments form p.comment-form-cookies-consent .contact-from-wrapper2 .form-inner textarea[type=checkbox],
.contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comments form p.comment-form-cookies-consent textarea[type=checkbox] {
height: 16px;
width: 16px;
margin-right: 5px;
margin-top: -2px;
}
.inner-blog .blog-post-area .blog-comment-form form input, .inner-blog .blog-post-area .blog-comment-form form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comment-form form textarea,
.inner-blog .blog-post-area .blog-comments form input,
.inner-blog .blog-post-area .blog-comments form .contact-from-wrapper2 .form-inner textarea,
.contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comments form textarea {
width: 100%;
height: 50px;
border: 1px solid #ddd;
font-weight: 400;
font-size: 16px;
padding: 15px 25px 18px;
color: #575757;
font-family: var(--font-jost);
background: transparent;
}
@media (max-width: 576px) {
.inner-blog .blog-post-area .blog-comment-form form input, .inner-blog .blog-post-area .blog-comment-form form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comment-form form textarea,
.inner-blog .blog-post-area .blog-comments form input,
.inner-blog .blog-post-area .blog-comments form .contact-from-wrapper2 .form-inner textarea,
.contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comments form textarea {
margin-bottom: 10px;
}
}
.inner-blog .blog-post-area .blog-comment-form form input[type=submit], .inner-blog .blog-post-area .blog-comment-form form .contact-from-wrapper2 .form-inner textarea[type=submit], .contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comment-form form textarea[type=submit],
.inner-blog .blog-post-area .blog-comments form input[type=submit],
.inner-blog .blog-post-area .blog-comments form .contact-from-wrapper2 .form-inner textarea[type=submit],
.contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comments form textarea[type=submit] {
width: auto;
padding: 15px 35px;
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
color: var(--white);
border: 1px solid var(--primary-color1);
background-color: var(--primary-color1);
outline: none;
transition: 0.35s;
line-height: 1;
}
.inner-blog .blog-post-area .blog-comment-form form input[type=submit]:hover, .inner-blog .blog-post-area .blog-comment-form form .contact-from-wrapper2 .form-inner textarea[type=submit]:hover, .contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comment-form form textarea[type=submit]:hover,
.inner-blog .blog-post-area .blog-comments form input[type=submit]:hover,
.inner-blog .blog-post-area .blog-comments form .contact-from-wrapper2 .form-inner textarea[type=submit]:hover,
.contact-from-wrapper2 .form-inner .inner-blog .blog-post-area .blog-comments form textarea[type=submit]:hover {
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
background-color: transparent;
}
.inner-blog .blog-post-area .blog-comment-form form textarea,
.inner-blog .blog-post-area .blog-comments form textarea {
width: 100%;
min-height: 200px;
border: 1px solid #ddd;
padding: 15px 25px 18px;
font-weight: 400;
font-size: 16px;
font-family: var(--font-jost);
background: transparent;
}
.inner-blog .blog-post-area .blog-comment-form form p.form-submit,
.inner-blog .blog-post-area .blog-comments form p.form-submit {
margin-top: 30px;
margin-bottom: 0;
}
.blog-wrrap {
margin-top: 30px;
}
.blog-wrrap:first-child {
margin-top: 0;
}
.blog-wrrap .blog-img {
position: relative;
overflow: hidden;
}
.blog-wrrap .blog-img img {
transition: 0.4s;
min-height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-wrrap .blog-img .batch {
position: absolute;
left: 0;
top: 0;
}
.blog-wrrap .blog-img .batch a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
color: var(--white);
background-color: var(--title-color);
padding: 7px 20px;
display: inline-block;
}
.blog-wrrap .blog-content {
padding: 25px 20px 20px;
}
.blog-wrrap .blog-content .blog-meta {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
margin-bottom: 15px;
}
.blog-wrrap .blog-content .blog-meta a,
.blog-wrrap .blog-content .blog-meta span {
transition: 0.35s;
color: #5e5e5e;
text-transform: capitalize;
}
.blog-wrrap .blog-content .blog-meta a:hover,
.blog-wrrap .blog-content .blog-meta span:hover {
color: var(--primary-color1);
}
.blog-wrrap .blog-content .blog-title h4 {
margin-bottom: 20px;
}
.blog-wrrap .blog-content .blog-title h4 > a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 24px;
line-height: 35px;
color: var(--title-color);
text-transform: capitalize;
transition: 0.35s;
}
.blog-wrrap .blog-content .blog-title h4 > a:hover {
color: var(--primary-color1);
}
.blog-wrrap .blog-content .pera {
font-family: var(--font-jost);
font-weight: 400;
font-size: 20px;
line-height: 35px;
color: var(--text-color1);
margin-bottom: 0;
}
.blog-wrrap .blog-content .pera a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
color: var(--primary-color1);
transition: 0.35s;
}
.blog-wrrap .blog-content .read-more-btn > a {
font-family: var(--font-jost);
font-weight: 600;
font-size: 18px;
color: var(--primary-color1);
display: flex;
align-items: center;
transition: 0.35s;
}
.blog-wrrap .blog-content .read-more-btn > a svg {
margin-right: 10px;
stroke: var(--primary-color1);
fill: none;
transition: 0.35s;
}
.blog-wrrap .blog-content .read-more-btn > a:hover {
color: var(--title-color);
}
.blog-wrrap .blog-content .read-more-btn > a:hover svg {
stroke: var(--title-color);
}
.blog-wrrap:hover .blog-img img {
transform: scale(1.1);
} .room-suits-details-page .review-sec {
margin-top: 120px;
}
.room-suits-details-page .swiper {
padding: 0px 0px;
}
.room-suits-details-page .room-details-slider .swiper-btns {
padding: 0px 30px;
}
.room-suits-details-page .room-details-slider .swiper-btns i {
font-size: 30px;
font-weight: 600;
color: var(--primary-color1);
}
.room-suits-details-page .room-details-slider .swiper-btns .swiper-button-next-m {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
.room-suits-details-page .room-details-slider .swiper-btns .swiper-button-prev-m {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
.room-suits-details-page .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 10px;
}
.room-suits-details-page .price-tag span {
font-size: 25px;
font-weight: 500;
color: var(--primary-color1);
}
.room-suits-details-page .price-tag del {
font-size: 25px;
font-size: 400;
margin-right: 10px;
}
.room-suits-details-page p {
margin-bottom: 25px;
}
.room-suits-details-page h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 40px;
line-height: 46px;
letter-spacing: 0.03em;
text-transform: capitalize;
margin-bottom: 10px;
color: var(--title-color);
}
.room-suits-details-page .stars {
padding: 0;
margin: 0;
gap: 10px;
margin-bottom: 25px;
list-style-type: none;
}
.room-suits-details-page .stars li i {
color: var(--primary-color1);
}
.room-suits-details-page h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 25px;
line-height: 29px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
padding-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.room-suits-details-page h4 {
text-align: center;
}
}
.room-suits-details-page .room-features {
margin: 0;
padding: 0;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
padding-top: 13px;
}
@media (max-width: 767px) {
.room-suits-details-page .room-features {
justify-content: center;
}
}
.room-suits-details-page .room-features li {
display: flex;
align-items: center;
width: calc(33% - 20px);
border: 1px solid #eeeeee;
padding: 10px 15px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
color: var(--title-color);
}
.room-suits-details-page .room-features li svg,
.room-suits-details-page .room-features li img {
margin-right: 15px;
fill: var(--primary-color1);
}
.room-suits-details-page .extra-service {
padding-top: 8px;
gap: 10px;
}
.room-suits-details-page .extra-service li {
padding: 0;
border: unset;
color: var(--text-color1);
width: calc(25% - 10px);
}
.room-suits-details-page .extra-service li i {
font-size: 15px;
margin-right: 8px;
color: var(--text-color1);
}
.room-suits-details-page .widget-area2 .widget-title h5 {
margin-bottom: 0;
font-family: "Yeseva One";
font-weight: 400;
font-size: 20px;
line-height: 170%;
text-align: center;
color: #ffffff;
background: #1c171d;
padding: 12px 20px;
width: 100%;
}
.room-suits-details-page .widget-area2 .single-widgets {
padding: 35px 25px;
background: #ffffff;
box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
margin-bottom: 30px;
}
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper {
display: flex;
align-items: center;
border: 1px solid #e2e2e2;
margin-bottom: 25px;
padding: 10px 20px 10px;
}
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea {
width: 100%;
border: unset;
outline: unset;
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
color: var(--title-color);
padding-top: 4px;
}
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input::-moz-placeholder, .room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea::-moz-placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
color: var(--title-color);
}
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input::placeholder,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea::placeholder {
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
color: var(--title-color);
}
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper i {
color: var(--primary-color1);
margin-right: 5px;
font-size: 20px;
}
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper.submit-btn {
margin-bottom: 0;
}
.room-suits-details-page .widget-area2 .single-widgets .select-items {
padding: 0px 20px;
}
.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select {
border: unset;
width: 100%;
padding: 0;
}
.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select > span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 12px;
color: #666666;
}
.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select.open .list {
width: 100%;
}
.room-suits-details-page .widget-area2 .single-widgets .searchbox-input {
border: 1px solid #e2e2e2;
margin-bottom: 25px;
padding: 10px 20px 10px;
position: relative;
}
.room-suits-details-page .widget-area2 .single-widgets .searchbox-input::before {
position: absolute;
content: "\f1e2";
font-family: "bootstrap-icons" !important;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-color1);
}
.room-suits-details-page .widget-area2 .single-widgets .searchbox-input input, .room-suits-details-page .widget-area2 .single-widgets .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .room-suits-details-page .widget-area2 .single-widgets .searchbox-input textarea {
width: 100%;
border: none;
outline: none;
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
color: var(--title-color);
padding-top: 4px;
}
.room-suits-details-page .widget-area2 .single-widgets .submit-btn {
padding: 0;
}
.room-suits-details-page .widget-area2 .single-widgets .submit-btn button {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 700;
color: var(--white);
background: var(--primary-color1);
padding: 15px;
border: none;
width: 100%;
transition: 0.35s;
}
.room-suits-details-page .widget-area2 .single-widgets .submit-btn button:hover {
background-color: var(--title-color);
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt {
display: flex;
align-items: center;
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wi {
margin-right: 15px;
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 {
margin-bottom: 0;
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--title-color);
transition: 0.35s;
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 a:hover {
color: var(--primary-color1);
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc span {
font-family: var(--font-jost);
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-transform: capitalize;
color: #8b8b8b;
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc span strong {
color: var(--primary-color1);
}
.room-suits-details-page .single-room {
position: relative;
overflow: hidden;
}
.room-suits-details-page .single-room > img {
min-height: 400px;
-o-object-fit: cover;
object-fit: cover;
}
.room-suits-details-page .single-room .background {
opacity: 0;
background: linear-gradient(180.75deg, rgba(28, 23, 29, 0.8) 7.53%, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, 0.86) 56.93%, #1c171d 99.35%);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: 0.35s;
}
.room-suits-details-page .single-room .room-content {
position: absolute;
left: 0;
right: 0;
bottom: -125px;
padding: 40px 35px;
transition: 0.35s;
}
.room-suits-details-page .single-room .room-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--white);
margin-bottom: 8px;
}
.room-suits-details-page .single-room .room-content .price-tag span {
font-size: 25px;
font-weight: 500;
color: var(--white);
}
.room-suits-details-page .single-room .room-content h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 35px;
color: var(--white);
margin-bottom: 15px;
padding-top: 2px;
}
.room-suits-details-page .single-room .room-content .bed-and-person {
gap: 40px;
}
@media (max-width: 576px) {
.room-suits-details-page .single-room .room-content .bed-and-person {
gap: 20px;
flex-wrap: wrap;
}
}
.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--white);
display: flex;
align-items: baseline;
}
.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p img,
.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p svg {
margin-right: 10px;
}
.room-suits-details-page .single-room .room-content .bed-and-person .persons p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
color: var(--white);
display: flex;
align-items: baseline;
}
.room-suits-details-page .single-room .room-content .bed-and-person .persons p img,
.room-suits-details-page .single-room .room-content .bed-and-person .persons p svg {
margin-right: 10px;
}
.room-suits-details-page .single-room .room-content .book-btn {
padding-top: 60px;
transition: 0.35s;
}
.room-suits-details-page .single-room .room-content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
border: 0.5px solid #ffffff;
padding: 5px 35px;
}
.room-suits-details-page .single-room:hover .background {
opacity: 1;
}
.room-suits-details-page .single-room:hover .room-content {
bottom: 0;
}
.room-suits-details-page .single-room:hover .room-content .book-btn {
padding-top: 30px;
}
.room-suits-details-page .section-title .swiper-btn {
gap: 30px;
}
.room-suits-details-page .section-title .swiper-btn .btns {
height: 40px;
width: 40px;
border: 1px solid var(--primary-color1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.room-suits-details-page .section-title .swiper-btn .btns svg {
fill: var(--primary-color1);
} .faq-page .faq-wrap h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 35px;
line-height: 35px;
color: var(--title-color);
margin-bottom: 15px;
}
.faq-page .faq-wrap p {
letter-spacing: 0.03em;
margin-bottom: 30px;
}
.faq-page .faq-wrap .faq-item {
border: none;
}
.faq-page .faq-wrap .faq-item:last-child {
margin-bottom: 0;
}
.faq-page .faq-wrap .accordion-button {
font-weight: 400;
font-size: 20px;
background: #ffffff;
color: var(--title-color);
cursor: pointer;
font-family: var(--font-yeseva);
transition: 0.4s ease-in-out;
padding: 25px 50px 10px 0;
margin-bottom: 0;
border-bottom: 1px solid #eeeeee;
margin-bottom: 18px;
text-transform: capitalize;
}
.faq-page .faq-wrap .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 0px;
content: "\f4fe";
transition: unset;
font-size: 20px;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.faq-page .faq-wrap .accordion-button:not(.collapsed)::after {
background-image: none;
transform: unset;
font-family: bootstrap-icons !important;
content: "\f2ea";
color: var(--title-color);
}
.faq-page .faq-wrap .accordion-button:hover::after {
color: var(--title-color);
}
.faq-page .faq-wrap .faq-body {
font-weight: 300;
font-size: 20px;
font-family: var(--font-jost);
background: #ffffff;
color: var(--text-color1);
border-top: none;
padding: 15px 25px;
line-height: 32px;
text-align: left;
}
.faq-page .faq-wrap .accordion-button:not(.collapsed) {
border-bottom: unset;
transition: 0.4s ease-in-out;
margin-bottom: 0px;
}
.faq-page .faq-form h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 35px;
line-height: 35px;
color: var(--title-color);
margin-bottom: 25px;
}
.faq-page .faq-form .form-inner input, .faq-page .faq-form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .faq-page .faq-form .form-inner textarea {
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #575757;
border: 1px solid #ddd;
border-radius: 0;
width: 100%;
height: 52px;
padding: 12px 15px 10px;
background: #f9f9f9;
}
.faq-page .faq-form .form-inner textarea {
width: 100%;
border: 1px solid #ddd;
padding: 20px 15px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #575757;
border-radius: 0;
background: #f9f9f9;
}
.faq-page .faq-form .form-inner button {
font-family: var(--font-jost);
font-weight: 700;
font-size: 16px;
color: var(--white);
padding: 12px 20px;
width: 100%;
border: none;
outline: unset;
background-color: var(--primary-color1);
transition: 0.35s;
}
.faq-page .faq-form .form-inner button:hover {
background-color: var(--title-color);
} .error-page .error-wrrap .error-content {
padding-top: 70px;
}
.error-page .error-wrrap .error-content h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 50px;
line-height: 58px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--title-color);
margin-bottom: 25px;
}
@media (max-width: 767px) {
.error-page .error-wrrap .error-content h2 {
font-size: 40px;
}
}
.error-page .error-wrrap .error-content p {
margin-bottom: 50px;
}
.error-page .error-wrrap .error-content a {
font-family: var(--font-yeseva);
display: inline-flex;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
background-color: var(--primary-color1);
padding: 15px 20px 13px;
}
.error-page .error-wrrap .error-content a i {
vertical-align: baseline;
margin-right: 5px;
line-height: 21px;
transition: all 0.45s ease-in-out;
}
.error-page .error-wrrap .error-content a:hover i {
color: var(--white);
} .contact-page .address-area {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 991px) {
.contact-page .address-area {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.contact-page .address-area {
padding: 80px 0;
}
}
.contact-page .address-area .section-title h2 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 45px;
line-height: 58px;
text-transform: capitalize;
color: #292b31;
text-align: center;
margin-bottom: 0;
}
@media (max-width: 767px) {
.contact-page .address-area .section-title h2 {
font-size: 40px;
line-height: 55px;
}
}
.contact-page .address-area .address-list {
max-width: 300px;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
list-style-type: none;
}
.contact-page .address-area .address-list li {
margin-bottom: 50px;
}
.contact-page .address-area .address-list li:last-child {
margin-bottom: unset;
}
.contact-page .address-area .address-list .text h4 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 30px;
text-transform: capitalize;
color: var(--primary-color1);
margin-bottom: 15px;
}
.contact-page .address-area .address-list .text p {
margin-bottom: 0;
}
.contact-page .address-area .address-list .text a {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: var(--text-color1);
}
.contact-page .section-title {
margin-bottom: 60px;
}
.contact-page .section-title h2 {
margin-bottom: 0;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 45px;
line-height: 58px;
color: #292b31;
}
@media (max-width: 767px) {
.contact-page .section-title h2 {
font-size: 40px;
line-height: 55px;
}
}
.contact-page form .form-inner input, .contact-page form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .contact-page form .form-inner textarea {
width: 100%;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #575757;
height: 58px;
border: 1px solid #ddd;
border-radius: 0;
background: #f9f9f9;
padding: 12px 25px;
}
.contact-page form .form-inner input:focus, .contact-page form .contact-from-wrapper2 .form-inner textarea:focus, .contact-from-wrapper2 .contact-page form .form-inner textarea:focus {
border-color: var(--text-color1);
}
.contact-page form .form-inner textarea {
width: 100%;
font-family: var(--font-jost);
font-weight: 400;
font-size: 16px;
color: #575757;
border: 1px solid #ddd;
border-radius: 0;
padding: 25px;
background: #f9f9f9;
}
.contact-page form .form-inner textarea:focus {
border-color: var(--text-color1);
}
.contact-page form .form-inner button {
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
border: 1px solid var(--primary-color1);
outline: unset;
background-color: transparent;
padding: 14px 50px;
transition: 0.35s;
}
.contact-page form .form-inner button:hover {
background-color: var(--primary-color1);
color: var(--white);
}
.swiper.room-suits-slider3.swiper-initialized.swiper-horizontal.swiper-pointer-events {
padding: 0px 5px;
}
.testimonial-slider2 {
padding: 0px 0px;
}
.section-title-area .margin-css {
margin-bottom: 0;
max-width: unset;
}
.sectionn-titletwo {
margin-top: 0;
}
.sectionn-titletwo h2 {
text-align: unset;
}
.sec-title-three {
margin-top: 0;
}
.map-google iframe {
filter: grayscale(199%) invert(98%) contrast(122%);
}
.slider-bottom {
position: relative;
}
.header-sticky-logo {
display: none !important;
}
.sticky .header-logo {
display: none !important;
}
.sticky .header-sticky-logo {
display: block !important;
}
@media screen and (max-width: 991px) {
.sticky .header-sticky-logo {
display: block !important;
}
}
.header-sticky-logo2 {
display: none !important;
}
.header-sticky-logo3 {
display: none !important;
}
.sticky .header-sticky-logo2 {
display: block !important;
}
.sticky .header-sticky-logo3 {
display: block !important;
}
.breadcrumb-section .breadcrumb-title {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 60px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--white);
}
.breadcrumb-section nav ol .breadcrumb-item {
color: var(--primary-color1);
font-size: 18px;
font-weight: 500;
font-family: var(--font-jost);
position: relative;
padding-left: 20px;
}
.breadcrumb-section nav ol .breadcrumb-item.active {
color: var(--white);
}
.breadcrumb-section nav ol .breadcrumb-item.breadcrumb-item + .breadcrumb-item::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--primary-color1);
position: absolute;
top: 11px;
left: 0;
}
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.home-one-about ul {
list-style-type: none;
}
.location-map {
height: 100%;
}
.location-map iframe {
height: 100%;
width: 100%;
filter: grayscale(199%) invert(98%) contrast(122%);
}
@media (max-width: 991px) {
.location-map iframe {
height: 350px !important;
}
}
div#egens_collection_loadmore {
background: var(--primary-color1);
padding: 12px 50px;
color: #fff;
font-weight: 600;
}
img.room-single-image {
margin-bottom: 20px;
width: 100%;
}
.rooms-imeges img {
width: 100%;
}
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt img {
width: 110px;
height: 80px;
}
.home-two-feature .section-title2 svg path {
fill: var(--primary-color1);
}
.section-title2 svg path {
fill: var(--primary-color1);
}
.offer svg path {
fill: var(--primary-color1);
}
.home-two-choose .choose-feature svg path {
fill: var(--primary-color1);
}
.icon svg path {
fill: var(--primary-color1);
}
svg circle {
stroke: var(--primary-color1);
}
.hero-style4 .hero-social .deshboar svg path {
fill: var(--primary-color1);
}
.circle-border svg path {
fill: none;
}
.services-feature svg path {
fill: var(--primary-color1);
}
.bed-qty svg path {
fill: var(--primary-color1);
}
.persons svg path {
fill: var(--primary-color1);
}
.included-feature svg path {
fill: var(--primary-color1);
}
.single-room::before {
background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, 0.86) 64.35%, #1c171d 99.35%);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: 0.35s;
content: "";
}
.single-offer::before {
background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, 0.86) 64.35%, #1c171d 99.35%);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: 0.35s;
content: "";
}
.home4-testimonial .testimonial-content p {
line-height: 32px;
}
.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(--font-yeseva);
}
.booking-form-item-type {
text-align: left;
font-family: var(--font-jost);
}
.booking-form-item-type h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
font-family: var(--font-jost);
}
.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 button[type=submit] {
border: none;
font-size: 20px;
font-weight: 600;
font-family: var(--font-jost);
}
.sidebar-booking-form label {
font-size: 18px;
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: 15px;
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;
}
.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: 16px;
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: 15px;
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: 10px;
align-items: center;
}
.number-input-item .number-input-lable del {
font-size: 14px;
}
.number-input-item .number-input-lable .per-night {
font-size: 13px;
}
.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, .number-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .number-input textarea {
width: 70px;
height: auto;
text-align: center;
border: none;
background-color: rgba(237, 237, 237, 0.237);
color: var(--text-primary);
font-size: 18px;
font-weight: 600;
padding: 0;
}
.number-input .minus-qty,
.number-input .plus-qty {
width: 25px;
height: 25px;
line-height: 18px;
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);
}
.booking-form-box {
position: relative;
z-index: 9;
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: 30px;
font-weight: "";
color: var(--text-primary);
font-family: var(--font-yeseva);
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 .nav-pills .nav-link {
font-family: var(--font-jost);
font-weight: 500;
border: 1px solid var(--primary-color1);
border-radius: 0rem;
color: var(--primary-color1);
}
.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;
}
.booking-form-box .banner-form {
margin-top: 40px;
}
.booking-form-box .banner-form .enquiries_success_message p {
color: var(--primary-color1);
}
.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::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::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;
}
.booking-form-box .banner-form .searchbox-input textarea:focus::-moz-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::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 .banner-form button {
border: none;
}
.booking-form-box .banner-form .text-start.text-danger {
display: flex;
margin-bottom: 25px;
margin-top: -20px;
}
.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;
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;
}
.separate-line2 {
opacity: 0.1;
margin: 30px 0px;
}
.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);
}
.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, .number-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .number-input textarea {
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;
}
.number-input .minus,
.number-input .plus {
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:hover,
.number-input .plus:hover {
background-color: var(--primary-color1);
color: var(--white);
} .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;
user-select: none;
font-weight: 500;
}
.check-container .bi {
color: #ffcc33;
margin-right: 3px;
}
.room-details-slider-wrapper .swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.room-details-slider-wrapper .swiper-slide {
background-size: cover;
background-position: center;
}
.room-details-slider-wrapper .mySwiper2 {
height: 80%;
width: 100%;
}
.room-details-slider-wrapper .mySwiper2 .swiper-button-prev,
.room-details-slider-wrapper .mySwiper2 .swiper-button-next {
width: 40px;
height: 40px;
background: var(--primary-color1);
border-radius: 50%;
color: #fff;
line-height: 40px;
}
.room-details-slider-wrapper .mySwiper2 .swiper-button-prev:after,
.room-details-slider-wrapper .mySwiper2 .swiper-button-next:after {
font-size: 16px;
}
.room-details-slider-wrapper .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.room-details-slider-wrapper .mySwiper .swiper-slide {
width: 20%;
height: 100%;
opacity: 0.4;
cursor: pointer;
}
.room-details-slider-wrapper .mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.room-details-slider-wrapper .swiper-slide img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1399px) {
.room-details-slider-wrapper .swiper-slide video {
height: 71vh;
}
}
@media (max-width: 991px) {
.room-details-slider-wrapper .swiper-slide video {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 72vh;
}
}
.room-details-slider-wrapper .slider-thumbnail img {
height: 100px;
-o-object-fit: cover;
object-fit: cover;
}
.room-image {
margin-bottom: 20px;
}
.room-image img {
height: 480px;
-o-object-fit: cover;
object-fit: cover;
}
.room-meta-list {
list-style: none;
padding: 0;
margin: 14px 0 30px 0px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
@media (max-width: 576px) {
.room-meta-list {
text-align: center;
}
}
.room-meta-list li {
position: relative;
display: inline-block;
font-weight: 500;
}
.room-meta-list li svg {
fill: #1C171D;
margin-right: 5px;
margin-top: -3px;
transition: 0.4s ease;
width: 26px;
height: 26px;
}
@media (max-width: 576px) {
.room-meta-list li {
margin: 10px 0;
}
}
.room-meta-list li a {
transition: 0.4s ease;
font-size: 16px;
font-weight: 400;
}
.room-meta-list li:hover a {
color: var(--primary-color1);
}
.room-meta-list li:hover svg {
fill: var(--primary-color1);
transform: scale(1.4);
}
.slider-thumbnail {
position: relative;
}
.slider-thumbnail::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.slider-thumbnail i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--primary-color1);
font-size: 30px;
z-index: 2;
}
.slider-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
} .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;
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;
}
.error-area-wrapper img {
max-width: 100%;
margin-bottom: 50px;
}
.error-area-wrapper h3 {
font-size: 40px;
} .comment-area {
margin-top: 120px;
}
.comment-area .blog-comments h3.comments-title {
position: relative;
font-weight: 400;
font-size: 30px;
margin: 0;
font-family: var(--font-yeseva);
text-transform: capitalize;
color: var(--title-color);
overflow: hidden;
}
.comment-area .blog-comments h3.comments-title::after {
position: absolute;
content: "";
width: 100%;
height: 2px;
background-color: var(--primary-color1);
top: 50%;
margin-left: 20px;
}
.comment-area .blog-comments .single-comment {
display: flex;
border: 1px solid #eeeeee;
padding: 40px 0 27px;
margin-top: 30px;
gap: 10px;
}
.comment-area .blog-comments .single-comment .image img {
min-width: 90px;
}
.comment-area .blog-comments .single-comment .content {
position: relative;
padding: 0 30px;
width: calc(100% - 100px);
}
.comment-area .blog-comments .single-comment .content .comment-meta h5 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 18px;
text-transform: capitalize;
color: var(--title-color);
margin-bottom: 0;
}
.comment-area .blog-comments .single-comment .content .comment-meta span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
line-height: 170%;
letter-spacing: 1px;
text-transform: capitalize;
color: #a4a4a4;
}
.comment-area .blog-comments .single-comment .content .reply-btn {
position: absolute;
right: 30px;
top: 0;
}
.comment-area .blog-comments .single-comment .content .reply-btn a {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.03em;
color: var(--primary-color1);
}
.blog-comment-form .comment-respond,
.blog-comments .comment-respond {
margin-top: 40px;
}
.blog-comment-form h3.comment-reply-title,
.blog-comment-form h3.comment-reply-title,
.blog-comments h3.comment-reply-title,
.blog-comments h3.comment-reply-title {
position: relative;
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
text-transform: capitalize;
color: var(--title-color);
display: block;
}
.blog-comment-form h3.comment-reply-title small,
.blog-comment-form h3.comment-reply-title small,
.blog-comments h3.comment-reply-title small,
.blog-comments h3.comment-reply-title small {
font-family: var(--font-jost);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--primary-color1);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-comment-form form p.logged-in-as,
.blog-comments form p.logged-in-as {
margin-bottom: 20px;
}
.blog-comment-form form p.logged-in-as a,
.blog-comments form p.logged-in-as a {
color: var(--primary-color1);
}
.blog-comment-form form p.comment-form-cookies-consent,
.blog-comments form p.comment-form-cookies-consent {
display: flex;
align-items: center;
margin: 20px 0;
}
.blog-comment-form form p.comment-form-cookies-consent input[type=checkbox], .blog-comment-form form p.comment-form-cookies-consent .contact-from-wrapper2 .form-inner textarea[type=checkbox], .contact-from-wrapper2 .form-inner .blog-comment-form form p.comment-form-cookies-consent textarea[type=checkbox],
.blog-comments form p.comment-form-cookies-consent input[type=checkbox],
.blog-comments form p.comment-form-cookies-consent .contact-from-wrapper2 .form-inner textarea[type=checkbox],
.contact-from-wrapper2 .form-inner .blog-comments form p.comment-form-cookies-consent textarea[type=checkbox] {
height: 16px;
width: 16px;
margin-right: 5px;
margin-top: -2px;
}
.blog-comment-form form input, .blog-comment-form form .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .blog-comment-form form textarea,
.blog-comments form input,
.blog-comments form .contact-from-wrapper2 .form-inner textarea,
.contact-from-wrapper2 .form-inner .blog-comments form textarea {
width: 100%;
height: 50px;
border: 1px solid #ddd;
font-weight: 400;
font-size: 16px;
padding: 15px 25px 18px;
color: #575757;
font-family: var(--font-jost);
background: transparent;
}
.blog-comment-form form input[type=submit], .blog-comment-form form .contact-from-wrapper2 .form-inner textarea[type=submit], .contact-from-wrapper2 .form-inner .blog-comment-form form textarea[type=submit],
.blog-comments form input[type=submit],
.blog-comments form .contact-from-wrapper2 .form-inner textarea[type=submit],
.contact-from-wrapper2 .form-inner .blog-comments form textarea[type=submit] {
width: auto;
padding: 15px 35px;
font-family: var(--font-jost);
font-weight: 600;
font-size: 16px;
color: var(--white);
background-color: var(--primary-color1);
border: none;
outline: none;
transition: 0.35s;
line-height: 1;
}
.blog-comment-form form textarea,
.blog-comments form textarea {
width: 100%;
min-height: 200px;
border: 1px solid #ddd;
padding: 15px 25px 18px;
font-weight: 400;
font-size: 16px;
font-family: var(--font-jost);
background: transparent;
}
.blog-comment-form form p.form-submit,
.blog-comments form p.form-submit {
margin-top: 30px;
margin-bottom: 0;
}
.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 {
margin-bottom: 0px;
font-size: 55px;
}
@media (min-width: 768px) and (max-width: 991px) {
.review-box .total-review h2 {
font-size: 45px;
}
}
@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: 300;
}
.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::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::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: inline-flex;
margin-right: 20px;
gap: 20px;
}
.single-room-list {
background: #FAFAFA;
border: 1px solid rgba(219, 167, 101, 0.1);
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.single-room-list {
background-color: transparent;
border: none;
}
}
@media (max-width: 991px) {
.single-room-list {
flex-direction: column;
}
}
.single-room-list .room-images img {
width: 100%;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1399px) {
.single-room-list .room-images img {
width: 100%;
min-height: 350px;
-o-object-fit: cover;
object-fit: cover;
}
}
.single-room-list .room-content {
padding: 20px 90px;
}
@media (max-width: 1399px) {
.single-room-list .room-content {
padding: 20px 30px;
}
}
@media (max-width: 991px) {
.single-room-list .room-content {
background: #FAFAFA;
border: 1px solid rgba(219, 167, 101, 0.1);
padding: 20px 30px;
}
}
@media (max-width: 767px) {
.single-room-list .room-content {
padding: 30px 30px;
}
}
.single-room-list .room-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--title-color);
margin-bottom: 12px;
}
.single-room-list .room-content .price-tag span {
font-size: 25px;
font-weight: 500;
}
.single-room-list .room-content .price-tag del {
color: var(--primary-color1);
font-size: 18px;
font-weight: 500;
margin-right: 10px;
}
.single-room-list .room-content h3 {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 36px;
color: var(--title-color);
margin-bottom: 15px;
padding-top: 2px;
transition: 0.35s;
}
.single-room-list .room-content h3:hover {
color: var(--primary-color1);
}
.single-room-list .room-content .bed-and-person {
gap: 40px;
margin-bottom: 10px;
}
@media (max-width: 576px) {
.single-room-list .room-content .bed-and-person {
gap: 20px;
flex-wrap: wrap;
}
}
.single-room-list .room-content .bed-and-person .bed-qty p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
line-height: 1;
letter-spacing: 0.03em;
color: var(--title-color);
display: flex;
align-items: center;
}
.single-room-list .room-content .bed-and-person .bed-qty p img {
margin-right: 10px;
}
.single-room-list .room-content .bed-and-person .persons p {
margin-bottom: 0;
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
line-height: 1;
letter-spacing: 0.03em;
color: var(--title-color);
display: flex;
align-items: baseline;
}
.single-room-list .room-content .bed-and-person .persons p img {
margin-right: 10px;
}
.single-room-list .room-content .room-excerpt p {
font-family: var(--font-jost);
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: var(--text-color1);
margin-bottom: 0;
}
.single-room-list .room-content .book-btn {
padding-top: 40px;
transition: 0.35s;
}
.single-room-list .room-content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
border: 0.5px solid rgba(28, 23, 29, 0.5);
padding: 5px 35px;
}
.room-suits-page-3 .room-wrrap {
position: relative;
}
.room-suits-page-3 .room-wrrap .room-img {
overflow: hidden;
}
.room-suits-page-3 .room-wrrap .room-img img {
width: 100%;
transition: 0.35s;
height: 330px;
-o-object-fit: cover;
object-fit: cover;
}
.room-suits-page-3 .room-wrrap .room-content {
background: #FFFFFF;
box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
padding: 0px 35px 30px;
}
.room-suits-page-3 .room-wrrap .room-content .room-features {
margin-top: -20px;
position: relative;
z-index: 9;
margin-bottom: 30px;
}
.room-suits-page-3 .room-wrrap .room-content .room-features ul {
gap: 25px;
justify-content: center;
background: #1C171D;
box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
border-radius: 36px;
display: flex;
align-items: center;
max-width: 300px;
width: 100%;
margin: 0 auto;
}
.room-suits-page-3 .room-wrrap .room-content .room-features ul li {
padding: 10px 3px;
}
.room-suits-page-3 .room-wrrap .room-content .room-features ul li img {
max-height: 25px;
}
.room-suits-page-3 .room-wrrap .room-content .room-features ul li svg {
fill: white;
}
.room-suits-page-3 .room-wrrap .room-content .price-area {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--title-color);
}
.room-suits-page-3 .room-wrrap .room-content .price-area span {
font-size: 22px;
font-weight: 600;
color: var(--primary-color1);
}
.room-suits-page-3 .room-wrrap .room-content .price-area del {
font-size: 18px;
margin-right: 10px;
}
.room-suits-page-3 .room-wrrap .room-content h3 {
padding-top: 5px;
margin-bottom: 15px;
}
.room-suits-page-3 .room-wrrap .room-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 28px;
letter-spacing: 0.03em;
color: var(--title-color);
transition: 0.35s;
}
.room-suits-page-3 .room-wrrap .room-content h3 a:hover {
color: var(--primary-color1);
}
.room-suits-page-3 .room-wrrap .room-content .stars {
gap: 10px;
margin-bottom: 0;
list-style: none;
}
.room-suits-page-3 .room-wrrap .room-content .stars li i {
color: var(--primary-color1);
}
.room-suits-page-3 .room-wrrap .room-content .book-btn {
transform: rotate(-90deg);
position: absolute;
right: -41px;
bottom: 75px;
}
@media (max-width: 991px) {
.room-suits-page-3 .room-wrrap .room-content .book-btn {
bottom: 60px;
}
}
.room-suits-page-3 .room-wrrap .room-content .book-btn a {
font-family: var(--font-island);
font-weight: 400;
font-size: 24px;
color: var(--primary-color1);
padding: 7px 20px;
transition: 0.35s;
border: 0.2px solid var(--primary-color1);
border-bottom: none;
background-color: transparent;
}
.room-suits-page-3 .room-wrrap .room-content .book-btn a:hover {
background-color: var(--primary-color1);
color: var(--white);
}
.room-suits-page-3 .room-wrrap:hover .room-img img {
transform: scale(1.1);
}
.room-suits-page-4 .offer-wrap .offer-img {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.room-suits-page-4 .offer-wrap .offer-img > img {
border-radius: 10px 10px 0px 0px;
height: 230px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.35s;
}
.room-suits-page-4 .offer-wrap .offer-img .batch {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.room-suits-page-4 .offer-wrap .offer-img .batch .offer {
position: relative;
}
.room-suits-page-4 .offer-wrap .offer-img .batch .offer img {
transition: 0.35s;
}
.room-suits-page-4 .offer-wrap .offer-img .batch .offer .content {
position: absolute;
z-index: 9;
top: 22px;
left: 15px;
}
.room-suits-page-4 .offer-wrap .offer-img .batch .offer .content h4 {
font-family: var(--font-yeseva);
font-weight: 600;
font-size: 23px;
color: var(--white);
margin-bottom: 0;
line-height: 8px;
}
.room-suits-page-4 .offer-wrap .offer-img .batch .offer .content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--white);
line-height: 28px;
margin-left: 20px;
}
.room-suits-page-4 .offer-wrap .offer-content {
background-color: var(--title-color);
padding: 35px;
border-radius: 0px 0px 10px 10px;
transition: 0.35s;
}
.room-suits-page-4 .offer-wrap .offer-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
}
.room-suits-page-4 .offer-wrap .offer-content .price-tag span {
font-size: 25px;
font-weight: 500;
color: var(--white);
}
.room-suits-page-4 .offer-wrap .offer-content .price-tag del {
font-size: 25px;
margin-right: 10px;
color: var(--primary-color1);
}
.room-suits-page-4 .offer-wrap .offer-content span {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--white);
}
.room-suits-page-4 .offer-wrap .offer-content h3 {
margin-bottom: 15px;
padding-top: 5px;
}
.room-suits-page-4 .offer-wrap .offer-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #FFFFFF;
transition: 0.35s;
}
.room-suits-page-4 .offer-wrap .offer-content h3 a:hover {
color: var(--primary-color1);
}
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person {
gap: 60px;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person {
gap: 20px;
}
}
@media (max-width: 767px) {
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person {
gap: 10px;
}
}
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person .bed-qty p,
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person .persons p {
margin-bottom: -7px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--primary-color1);
display: flex;
align-items: baseline;
}
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person .bed-qty p img,
.room-suits-page-4 .offer-wrap .offer-content .bed-and-person .persons p img {
margin-right: 10px;
}
.room-suits-page-4 .offer-wrap .offer-content > a {
font-family: var(--font-yeseva);
font-weight: 300;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--primary-color1);
border: 0.5px solid var(--primary-color1);
border-radius: 30px;
padding: 9px 40px 6px;
display: inline-block;
margin-top: 28px;
transition: 0.35s;
white-space: nowrap;
}
.room-suits-page-4 .offer-wrap:hover .offer-img > img {
transform: scale(1.1);
}
.room-suits-page-5 .room-wrrap {
background-color: var(--white);
border: 1px solid #EEEEEE;
padding: 20px 20px 30px;
transition: 0.35s;
}
.room-suits-page-5 .room-wrrap .stars {
gap: 8px;
}
.room-suits-page-5 .room-wrrap .stars i {
color: var(--primary-color1);
}
.room-suits-page-5 .room-wrrap .room-img img {
width: 100%;
}
.room-suits-page-5 .room-wrrap .room-content {
padding-top: 30px;
}
.room-suits-page-5 .room-wrrap .room-content .price-tag {
font-family: var(--font-jost);
font-weight: 400;
font-size: 18px;
letter-spacing: 0.03em;
color: #222222;
}
.room-suits-page-5 .room-wrrap .room-content .price-tag span {
font-size: 22px;
font-weight: 600;
color: var(--primary-color1);
}
.room-suits-page-5 .room-wrrap .room-content .price-tag del {
font-size: 22px;
margin-right: 10px;
}
.room-suits-page-5 .room-wrrap .room-content h3 {
margin-bottom: 15px;
padding-top: 5px;
}
.room-suits-page-5 .room-wrrap .room-content h3 a {
font-family: var(--font-yeseva);
font-weight: 400;
font-size: 30px;
line-height: 38px;
text-transform: capitalize;
color: #222222;
transition: 0.35s;
}
.room-suits-page-5 .room-wrrap .room-content h3:hover a {
color: var(--primary-color1);
}
.room-suits-page-5 .room-wrrap .room-content .bed-and-person {
gap: 60px;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.room-suits-page-5 .room-wrrap .room-content .bed-and-person {
gap: 40px;
}
}
@media (max-width: 767px) {
.room-suits-page-5 .room-wrrap .room-content .bed-and-person {
gap: 10px;
}
}
.room-suits-page-5 .room-wrrap .room-content .bed-and-person .bed-qty p,
.room-suits-page-5 .room-wrrap .room-content .bed-and-person .persons p {
margin-bottom: -7px;
font-family: var(--font-jost);
font-weight: 400;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: var(--text-color1);
display: flex;
align-items: baseline;
}
.room-suits-page-5 .room-wrrap .room-content .bed-and-person .bed-qty p img,
.room-suits-page-5 .room-wrrap .room-content .bed-and-person .persons p img {
margin-right: 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;
}