@font-face {
font-family: 'Georgia Regular';
font-style: normal;
font-weight: normal;
src: local('Georgia Regular'), url('georgia.woff') format('woff');
}


@font-face {
font-family: 'Georgia Italic';
font-style: normal;
font-weight: normal;
src: local('Georgia Italic'), url('georgiai.woff') format('woff');
}


@font-face {
font-family: 'Georgia Bold';
font-style: normal;
font-weight: normal;
src: local('Georgia Bold'), url('georgiab.woff') format('woff');
}


@font-face {
font-family: 'Georgia Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Georgia Bold Italic'), url('georgiaz.woff') format('woff');
}
:root {
--body: #fff;
--black: #000;
--white: #fff;
--theme: #0f5132;
--theme-sec: #c5a059;
--header: #1C1C1C;
--text: #434343;
--text-2: #0B4E3D;
--border: #C9C9C9;
--border-2: #CBCCCF;
--bg: #FFFAF4;
--bg-2: #FFFAF4;
--bg-3: #F8F8F8;
--box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}
.theme-btn {
overflow: hidden;
position: relative;
z-index: 1;
transition: 0.9s;
background-color: var(--theme);
color: var(--white);
padding: 10px 20px;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border-radius: 50px;
font-family: sans-serif;
display: inline-flex !important;
align-items: center;
gap: 10px;
}
.theme-btn::before {
content: "";
position: absolute;
top: 0;
left: -16px;
z-index: -1;
right: 0;
bottom: 0;
width: 100%;
height: 0%;
margin: auto;
transform: rotate(-45deg);
background-color: var(--theme-sec);
transition: 900ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
border-radius: 10px;
}
.theme-btn:hover {
color: var(--white);
}
.theme-btn:hover::before {
height: 550%;
}

/* --------------------------------------------
Template Default Fonts & Fonts Styles
---------------------------------------------- */
body {
font-family: "Georgia Regular", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--text);
background-color: var(--white);
padding: 0;
margin: 0;
overflow-x: hidden;
}

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

button {
border: none;
background-color: transparent;
padding: 0;
}

input:focus {
color: var(--white);
outline: none;
}

input {
color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Georgia Regular", serif;
margin: 0px;
padding: 0;
color: var(--header);
transition: all 0.4s ease-in-out;
}

h1 {
font-size: 100px;
font-weight: 400;
line-height: 110%;
}
@media (max-width: 1899px) {
h1 {
font-size: 70px;
}
}
@media (max-width: 1600px) {
h1 {
font-size: 60px;
}
}
@media (max-width: 1399px) {
h1 {
font-size: 65px;
}
}
@media (max-width: 1199px) {
h1 {
font-size: 65px;
}
}
@media (max-width: 991px) {
h1 {
font-size: 55px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 35px;
}
}
@media (max-width: 575px) {
h1 {
font-size: 35px;
}
}

h2 {
font-size: 50px;
font-weight: 400;
line-height: 112%;
}
@media (max-width: 1399px) {
h2 {
font-size: 35px;
}
}
@media (max-width: 1199px) {
h2 {
font-size: 35px;
}
}
@media (max-width: 991px) {
h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
h2 {
font-size: 25px;
}
}
@media (max-width: 575px) {
h2 {
font-size: 20px;
}
}
@media (max-width: 470px) {
h2 {
font-size: 20px;
}
}

h3 {
font-size: 30px;
font-weight: 400;
line-height: 107%;
}
@media (max-width: 1199px) {
h3 {
font-size: 20px;
}
}

h4 {
font-size: 20px;
font-weight: 600;
line-height: 133%;
}
@media (max-width: 1199px) {
h4 {
font-size: 20px;
}
}

h5 {
font-size: 20px;
font-weight: 400;
line-height: 140%;
}

h6 {
font-size: 16px;
font-weight: 600;
}

a {
text-decoration: none;
outline: none !important;
cursor: pointer;
color: var(--header);
transition: all 0.4s ease-in-out;
}

p {
margin: 0px;
transition: all 0.4s ease-in-out;
}

span {
margin: 0px;
}

.about-wrapper .about-image {
position: relative;
z-index: 2;
max-width: 622px;
}
@media (max-width: 1399px) {
.about-wrapper .about-image {
max-width: initial;
}
}
.about-wrapper .about-image::after {
position: absolute;
content: "";
left: 38px;
height: 100%;
width: 85%;
bottom: -30px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.05);
z-index: -1;
}
@media (max-width: 1399px) {
.about-wrapper .about-image::after {
display: none;
}
}
.about-wrapper .about-image::before {
position: absolute;
content: "";
left: 20px;
height: 100%;
width: 92%;
bottom: -14px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
}
@media (max-width: 1399px) {
.about-wrapper .about-image::before {
display: none;
}
}
.about-wrapper .about-image img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.about-wrapper .about-image .shape {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 34px;
}
.about-wrapper .about-content .text {
max-width: 690px;
margin-top: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 20px;
margin-bottom: 20px;
}
.about-wrapper .about-content .list-item {
display: flex;
align-items: center;
gap: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 30px;
margin-bottom: 30px;
}
@media (max-width: 1399px) {
.about-wrapper .about-content .list-item {
gap: 16px;
}
}
@media (max-width: 991px) {
.about-wrapper .about-content .list-item {
flex-wrap: wrap;
gap: 10px;
}
}
.about-wrapper .about-content .list-item .list li {
font-size: 18px;
font-weight: 500;
color: var(--header);
}
@media (max-width: 1399px) {
.about-wrapper .about-content .list-item .list li {
font-size: 15px;
}
}
@media (max-width: 991px) {
.about-wrapper .about-content .list-item .list li {
font-size: 16px;
}
}
.about-wrapper .about-content .list-item .list li i {
color: var(--theme);
margin-right: 10px;
}
@media (max-width: 1399px) {
.about-wrapper .about-content .list-item .list li i {
margin-right: 4px;
}
}
@media (max-width: 991px) {
.about-wrapper .about-content .list-item .list li i {
margin-right: 10px;
}
}
.about-wrapper .about-content .list-item .list li:not(:last-child) {
margin-bottom: 10px;
}
.about-wrapper .about-content .hero-button-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px;
border-radius: 10px;
position: relative;
}
@media (max-width: 991px) {
.about-wrapper .about-content .hero-button-item {
flex-wrap: wrap;
gap: 20px;
}
}
.about-wrapper .about-content .hero-button-item .top-shape {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.about-wrapper .about-content .hero-button-item .top-shape img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.about-wrapper .about-content .hero-button-item .button-text span {
font-size: 14px;
color: var(--white);
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.about-wrapper .about-content .hero-button-item .button-text .video-btn {
background-color: var(--white);
color: var(--theme);
display: inline-block;
font-size: 16px;
height: 51px;
width: 51px;
line-height: 51px;
border-radius: 50%;
text-align: center;
position: relative;
}
.about-wrapper .about-content .hero-button-item .button-text .video-btn::before {
position: absolute;
top: 50%;
left: 50%;
right: 0;
bottom: 0;
width: 63px;
height: 63px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.15);
content: "";
transform: translate(-50%, -50%);
}

.about-wrapper-2 {
position: relative;
}
.about-wrapper-2 .shape {
position: absolute;
right: 135px;
top: 330px;
}
@media (max-width: 1399px) {
.about-wrapper-2 .shape {
display: none;
}
}
.about-wrapper-2 .about-left-item .about-image {
margin-top: 50px;
max-width: 450px;
overflow: hidden;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-left-item .about-image {
max-width: initial;
margin-top: 30px;
}
}
.about-wrapper-2 .about-left-item .about-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.about-wrapper-2 .about-left-item .about-list {
margin-top: 160px;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-left-item .about-list {
margin-top: 30px;
}
}
.about-wrapper-2 .about-left-item .about-list .list {
margin-top: 15px;
}
.about-wrapper-2 .about-left-item .about-list .list li {
color: var(--header);
}
.about-wrapper-2 .about-left-item .about-list .list li i {
color: var(--theme);
margin-right: 15px;
}
.about-wrapper-2 .about-left-item .about-list .list li:not(:last-child) {
margin-bottom: 10px;
}
.about-wrapper-2 .about-right-content {
margin-left: 288px;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content {
margin-left: 0;
}
}
.about-wrapper-2 .about-right-content .text {
max-width: 690px;
margin-top: 20px;
}
.about-wrapper-2 .about-right-content .about-item {
margin-top: 75px;
display: flex;
gap: 30px;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content .about-item {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.about-wrapper-2 .about-right-content .about-item {
margin-top: 30px;
flex-wrap: wrap;
}
}
.about-wrapper-2 .about-right-content .about-item .left-image {
max-width: 450px;
margin-left: -280px;
height: 477px;
overflow: hidden;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content .about-item .left-image {
margin-left: 0;
max-width: initial;
height: initial;
}
}
.about-wrapper-2 .about-right-content .about-item .left-image img {
width: 100%;
height: 100%;
border-radius: 1000px 1000px 6px 6px;
}
.about-wrapper-2 .about-right-content .about-item .right-item {
margin-top: 50px;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content .about-item .right-item {
margin-top: 0px;
}
}
.about-wrapper-2 .about-right-content .about-item .right-item .about-button {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 110px;
margin-left: 100px;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content .about-item .right-item .about-button {
margin-left: 0;
margin-bottom: 30px;
}
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content .about-item .right-item .about-button .theme-btn {
padding: 16px 20px;
font-size: 14px;
}
}
@media (max-width: 991px) {
.about-wrapper-2 .about-right-content .about-item .right-item .about-button .theme-btn {
padding: 16px 25px;
font-size: 16px;
}
}
.about-wrapper-2 .about-right-content .about-item .right-item .about-button .theme-btn.style-color {
background-color: var(--header);
}
.about-wrapper-2 .about-right-content .about-item .right-item .about-button .theme-btn.style-color::before {
background-color: var(--theme);
}
.about-wrapper-2 .about-right-content .about-item .right-item .right-image {
max-width: 450px;
overflow: hidden;
}
@media (max-width: 1399px) {
.about-wrapper-2 .about-right-content .about-item .right-item .right-image {
max-width: initial;
}
}
.about-wrapper-2 .about-right-content .about-item .right-item .right-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}

@-webkit-keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}
@keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}
@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}
@keyframes rounded {
50% {
transform: rotate(15deg);
}
}
@keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes tpswing {
0% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes loaderpulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes rounded {
50% {
transform: rotate(20deg);
}
}
@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}
.float-bob-y {
-webkit-animation-name: float-bob-y;
animation-name: float-bob-y;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.float-bob-x {
-webkit-animation-name: float-bob-x;
animation-name: float-bob-x;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
0% {
-webkit-transform: translateX(0px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
@keyframes float-bob-x {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounce-x {
-webkit-animation: bounce-x 7s infinite linear;
animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes rotated2 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes wave {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
100% {
transform: translateX(-50%);
}
}
@keyframes zoom {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@keyframes translateY2 {
0% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes translateX2 {
0% {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
100% {
-webkit-transform: translatXY(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes moving {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-50px);
}
50% {
transform: translatey(-40px);
}
100% {
transform: translatey(0px);
}
}
/*img-animation**********************/
.img-custom-anim-right {
animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}

@keyframes img-anim-right {
0% {
transform: translateX(5%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-left {
animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}

@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-top {
animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}

@keyframes img-anim-top {
0% {
transform: translateY(-5%);
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes slideInLeft {
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideInRight {
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes shine {
0% {
left: -100%;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}
.animation-infinite {
animation: ShapeAnim 80s linear infinite;
height: 30px;
width: 100%;
background-repeat: repeat;
overflow: hidden;
}

.img-custom-anim-bottom {
animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}

@keyframes img-anim-bottom {
0% {
transform: translateY(5%);
clip-path: inset(100% 0 0 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes sparkle {
0% {
opacity: 0;
transform: scale(0.5);
}
50% {
opacity: 1;
transform: scale(1.5);
}
100% {
opacity: 0;
transform: scale(0.5);
}
}
@keyframes borderAnim {
0% {
width: 0;
}
100% {
width: 44px;
}
}
@keyframes slideInLeft {
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideInRight {
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes shine {
0% {
left: -100%;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}
@keyframes strokeColorChange1 {
0% {
-webkit-text-stroke-color: rgba(202, 210, 210, 0.1);
}
25% {
-webkit-text-stroke-color: rgba(202, 210, 210, 0.1);
}
50% {
-webkit-text-stroke-color: rgba(194, 223, 147, 0.1);
}
75% {
-webkit-text-stroke-color: rgba(227, 87, 43, 0.1);
}
100% {
-webkit-text-stroke-color: rgba(194, 223, 147, 0.1);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
}
@keyframes rotateBorder {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes animate-positive {
0% {
width: 0;
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes scrolly {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60%);
}
}
@keyframes scrolls {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@keyframes scroll-left-to-right-loop {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}

.img_left_animation {
animation: left-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
opacity: 0;
}

@keyframes left-animation {
0% {
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img_right_animation {
animation: right-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
opacity: 0;
}

@keyframes right-animation {
0% {
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img_top_animation {
animation: top-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
opacity: 0;
}

@keyframes top-animation {
0% {
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img_bottom_animation {
animation: bottom-animation 2000ms forwards cubic-bezier(0.4, 0.98, 0.52, 0.99);
opacity: 0;
}

@keyframes bottom-animation {
0% {
clip-path: inset(100% 0 0 0);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes circle {
0% {
transform: scale(0);
opacity: 0.6;
}
100% {
transform: scale(30);
opacity: 0;
}
}
@keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}

.zoom_in {
transform: scale(0.5);
}

.fade_up,
.fade_down,
.zoom_in,
.zoom_out {
opacity: 0;
transition: all 2s;
}

.show {
opacity: 1;
transform: translateY(0) scale(1);
}

@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}
50% {
opacity: 1;
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes scrolly {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60%);
}
}
@keyframes scrollRight {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}
@keyframes jello {
11.1% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes scale {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}

.brand-item {
position: relative;
overflow: hidden;
}
.brand-item .brand-three-active-media {
position: relative;
z-index: 1;
transition: all 0.5s ease-in-out;
}
.brand-item .brand-three-active-media img {
max-width: 100%;
height: auto;
display: block;
filter: brightness(0) contrast(100%);
mix-blend-mode: multiply;
}
.brand-item .brand-three-hover-media {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transform: translateY(30%);
transition: all 0.6s ease-in-out;
z-index: 2;
}
@media (max-width: 1399px) {
.brand-item .brand-three-hover-media img {
width: 100%;
}
}
@media (max-width: 991px) {
.brand-item .brand-three-hover-media img {
width: initial;
}
}
.brand-item:hover .brand-three-active-media {
opacity: 0;
visibility: hidden;
}
.brand-item:hover .brand-three-hover-media {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.brand-item:hover .brand-three-hover-media img {
filter: none;
}

.brand-section .brand-slider.style-bortder {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 48px;
margin-bottom: 48px;
}

.hotel-booking-wrapper .hotel-booking-box {
background-color: var(--white);
border-radius: 10px;
padding: 40px;
max-width: 608px;
width: 100%;
overflow: hidden;
}
@media (max-width: 1399px) {
.hotel-booking-wrapper .hotel-booking-box {
max-width: initial;
padding: 30px;
}
}
.hotel-booking-wrapper .hotel-booking-box .text {
max-width: 524px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-top: 30px;
padding-bottom: 30px;
margin-top: 30px;
}
.contact-item {
display: flex;
align-items: center;
margin-top: 70px;
}
@media (max-width: 1399px) {
.contact-item {
margin-top: 30px;
flex-wrap: wrap;
}
}
.contact-item .call-item {
display: flex;
align-items: center;
gap: 12px;
}
.contact-item .call-item .icon {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 100px;
color: var(--white);
background-color: var(--header);
}
.contact-item .call-item .content span {
color: #434343;
}
.contact-item .call-item .content h6 {
font-size: 18px;
font-weight: 400;
}
.contact-item .call-item .content h6 a {
color: var(--theme);
}
.hotel-booking-wrapper .from-box {
border-radius: 6px;
max-width: 614px;
padding: 40px 27px;
width: 100%;
flex: 0 0 auto;
position: relative;
margin-left: 30px;
}
@media (max-width: 1399px) {
.hotel-booking-wrapper .from-box {
padding: 30px 25px;
max-width: initial;
margin-top: 0;
margin-left: 0;
}
}
.hotel-booking-wrapper .from-box h2 {
font-size: 40px;
color: var(--white);
}
@media (max-width: 575px) {
.hotel-booking-wrapper .from-box h2 {
font-size: 26px;
}
}
.hotel-booking-wrapper .from-box .form-clt {
margin-top: 30px;
}
.hotel-booking-wrapper .from-box .form-clt span {
font-size: 18px;
font-weight: 400;
display: inline-block;
font-family: "Georgia Bold", serif;
color: var(--white);
margin-bottom: 10px;
}
.hotel-booking-wrapper .from-box .form-clt input {
border: none;
width: 100%;
background: transparent;
border-bottom: 1px solid var(--white);
padding-bottom: 12px;
color-scheme: dark;
}
.hotel-booking-wrapper .from-box .form-clt input::placeholder {
color: var(--white);
}
.hotel-booking-wrapper .from-box .form-clt .form .single-select {
border: none;
background-color: transparent;
border-bottom: 1px solid var(--white);
border-radius: 0;
padding: 0;
padding-bottom: 19px;
line-height: initial;
height: initial;
}
.hotel-booking-wrapper .from-box .form-clt .form .single-select span {
margin-bottom: 0;
}
.hotel-booking-wrapper .from-box .form-clt .form .single-select .list {
width: 100%;
}
.hotel-booking-wrapper .from-box .form-clt .form .single-select::after {
width: 8px;
height: 8px;
top: 33%;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.hotel-booking-wrapper .from-box .form-clt .gt-theme-btn::before {
width: 82%;
}
.hotel-booking-wrapper .from-box .form-clt .gt-theme-btn:hover {
color: var(--header);
}
.hotel-booking-wrapper .from-box .form-clt .gt-theme-btn:hover::before {
height: 2000%;
background-color: var(--white);
}
.hotel-booking-wrapper .from-box .theme-btn {
background-color: var(--white);
color: var(--header);
justify-content: center;
}
.hotel-booking-wrapper .from-box .theme-btn::before {
transform: rotate(-25deg);
}
.hotel-booking-wrapper .from-box .theme-btn:hover {
color: var(--white);
}

.hotel-booking-section {
border-radius: 20px;
margin: 0 40px;
}
@media (max-width: 1399px) {
.hotel-booking-section {
margin: 0 30px;
}
}
@media (max-width: 575px) {
.hotel-booking-section {
margin: 0 15px;
}
}

.contact-wrapper .contact-left-items {
margin-right: 40px;
}
@media (max-width: 1199px) {
.contact-wrapper .contact-left-items {
margin-right: 0;
}
}
.contact-wrapper .contact-left-items .contact-list {
margin-top: 50px;
}
.contact-wrapper .contact-left-items .contact-list li {
border-radius: 8px;
background-color: var(--bg);
display: flex;
align-items: center;
gap: 20px;
margin-top: 30px;
padding: 32px;
}
@media (max-width: 1399px) {
.contact-wrapper .contact-left-items .contact-list li {
display: grid;
}
}
.contact-wrapper .contact-left-items .contact-list li .icon {
border-radius: 4px;
background-color: var(--theme);
display: inline-block;
max-width: 64px;
width: 100%;
height: 64px;
line-height: 75px;
text-align: center;
}
.contact-wrapper .contact-left-items .contact-list li .icon i {
font-size: 32px;
color: var(--white);
}
.contact-wrapper .contact-left-items .contact-list li h4 {
font-family: "Georgia Bold", sans-serif;
margin-top: 5px;
font-weight: 500;
}
.contact-wrapper .contact-right-items {
border-radius: 8px;
background-color: var(--bg);
padding: 43px;
}
@media (max-width: 767px) {
.contact-wrapper .contact-right-items {
padding: 30px;
}
}
.contact-wrapper .contact-right-items h2 {
font-size: 40px;
margin-bottom: 10px;
}
.contact-wrapper .contact-right-items .contact-form-box {
margin-top: 30px;
}
.contact-wrapper .contact-right-items .contact-form-box h4 {
margin-bottom: 10px;
}
.contact-wrapper .contact-right-items .contact-form-box .form-clt input, .contact-wrapper .contact-right-items .contact-form-box .form-clt textarea {
border-radius: 4px;
border: none;
background: var(--white);
line-height: 1;
padding: 20px 25px;
width: 100%;
text-transform: capitalize;
color: var(--text);
}
.contact-wrapper .contact-right-items .contact-form-box .form-clt textarea {
padding-bottom: 110px;
}

.map-items .googpemap iframe {
width: 100%;
height: 724px;
}
@media (max-width: 575px) {
.map-items .googpemap iframe {
height: 400px;
}
}

.booking-reserve-wrapper {
padding: 48px;
background-color: var(--header);
position: relative;
z-index: 999;
border-radius: 12px;
margin-top: 48px;
}
@media (max-width: 1399px) {
.booking-reserve-wrapper {
margin-top: 30px;
padding: 30px;
}
}
.booking-reserve-wrapper .form-clt span {
font-size: 18px;
font-weight: 400;
display: inline-block;
font-family: "Georgia Bold", serif;
color: var(--white);
margin-bottom: 10px;
}
.booking-reserve-wrapper .form-clt input {
border: none;
width: 100%;
background: transparent;
border-bottom: 1px solid var(--white);
padding-bottom: 12px;
color-scheme: dark;
}
.booking-reserve-wrapper .form-clt input::placeholder {
color: var(--white);
}
.booking-reserve-wrapper .form-clt .form .single-select {
border: none;
background-color: transparent;
border-bottom: 1px solid var(--white);
border-radius: 0;
padding: 0;
padding-bottom: 19px;
line-height: initial;
height: initial;
}
.booking-reserve-wrapper .form-clt .form .single-select span {
margin-bottom: 0;
}
.booking-reserve-wrapper .form-clt .form .single-select .list {
width: 100%;
}
.booking-reserve-wrapper .form-clt .form .single-select::after {
width: 8px;
height: 8px;
top: 33%;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.booking-reserve-wrapper .form-clt .theme-btn {
justify-content: center;
}
.booking-reserve-wrapper h4 {
text-align: center;
margin-top: 50px;
color: var(--white);
}
@media (max-width: 1399px) {
.booking-reserve-wrapper h4 {
margin-top: 30px;
}
}

.instagram-banner-items .banner-image {
position: relative;
}
.instagram-banner-items .banner-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.instagram-banner-items .banner-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: var(--theme);
opacity: 0.6;
transform: scale(1, 0);
transition: transform 500ms ease;
transform-origin: bottom center;
z-index: 1;
border-radius: 6px;
}
.instagram-banner-items .banner-image .icon {
position: absolute;
font-size: 50px;
transform: translate(-50%, -50%);
top: 20%;
left: 80%;
transform: translate(50%, -50%) scale(0.5);
display: inline-block;
z-index: 99;
color: var(--white);
opacity: 0;
transition: all 0.4s ease-in-out;
}
.instagram-banner-items:hover .banner-image::before {
transform: scale(1, 1);
transform-origin: top center;
}
.instagram-banner-items:hover .banner-image .icon {
opacity: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
}

.instagram-section {
margin-top: -180px;
position: relative;
z-index: 999;
}
@media (max-width: 1399px) {
.instagram-section {
margin-top: 100px;
}
}
@media (max-width: 991px) {
.instagram-section {
margin-top: 80px;
}
}
.instagram-section .instagram-banner-slider {
margin-left: -100px;
margin-right: -100px;
}
@media (max-width: 1399px) {
.instagram-section .instagram-banner-slider {
margin-left: 0;
margin-right: 0;
}
}

.faq-wrapper .faq-content {
margin-right: 30px;
}
@media (max-width: 1399px) {
.faq-wrapper .faq-content {
margin-right: 0;
}
}
.faq-wrapper .faq-content .text {
margin-top: 20px;
max-width: 630px;
margin-bottom: 30px;
}
.faq-wrapper .faq-content .faq-items {
position: relative;
z-index: 9;
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-item {
border: none;
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-item h5 button {
line-height: 1;
font-size: 24px;
font-weight: 400;
padding: 20px 25px;
color: var(--header);
cursor: pointer;
}
@media (max-width: 575px) {
.faq-wrapper .faq-content .faq-items .accordion .accordion-item h5 button {
font-size: 18px;
line-height: 1.6;
padding: 22px 20px;
}
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-item .accordion-body {
padding: 0 25px 20px;
background-color: #F4F4F4;
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-item .accordion-body p {
font-size: 15px;
line-height: 24px;
font-weight: 400;
}
@media (max-width: 575px) {
.faq-wrapper .faq-content .faq-items .accordion .accordion-item .accordion-body p {
width: 100%;
font-size: 14px;
line-height: 28px;
}
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-button {
background-color: #F4F4F4;
color: var(--header);
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-button:focus {
box-shadow: none !important;
outline: none !important;
border-color: transparent !important;
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-button::after {
content: "\f078";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 600;
transition: all 0.3s ease-in-out !important;
color: var(--header);
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-button:not(.collapsed) {
background-color: #F4F4F4;
color: var(--theme);
box-shadow: initial;
}
.faq-wrapper .faq-content .faq-items .accordion .accordion-button:not(.collapsed)::after {
content: "\f077";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 600;
color: var(--theme);
transform: rotate(0);
}
.faq-wrapper .faq-image {
overflow: hidden;
position: relative;
border-radius: 10px;
}
.faq-wrapper .faq-image img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.faq-wrapper .faq-image .faq-man-image {
position: absolute;
bottom: 0;
left: 50px;
overflow: hidden;
}
@media (max-width: 1399px) {
.faq-wrapper .faq-image .faq-man-image {
max-width: 200px;
}
}
.faq-wrapper .faq-image .faq-man-image img {
border-radius: 0;
}
.faq-wrapper .faq-image .faq-box {
background-color: var(--white);
padding: 30px 20px;
text-align: center;
border-radius: 10px;
position: absolute;
right: 30px;
bottom: 30px;
}

.feature-wrapper .feature-left-item .feature-box-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.feature-wrapper .feature-left-item .feature-box-item {
flex-wrap: wrap;
gap: 30px;
}
}
.feature-wrapper .feature-left-item .feature-box-item .feature-box {
border-radius: 6px;
border: 1px solid rgba(170, 132, 83, 0.2);
padding: 68px 30px;
text-align: center;
width: 210px;
}
@media (max-width: 1399px) {
.feature-wrapper .feature-left-item .feature-box-item .feature-box {
padding: 50px 20px;
width: 167px;
}
}
@media (max-width: 991px) {
.feature-wrapper .feature-left-item .feature-box-item .feature-box {
padding: 68px 30px;
width: 210px;
}
}
@media (max-width: 575px) {
.feature-wrapper .feature-left-item .feature-box-item .feature-box {
width: 100%;
padding: 30px;
}
}
.feature-wrapper .feature-left-item .feature-box-item .feature-box p {
color: var(--header);
margin-top: 15px;
font-size: 18px;
font-weight: 500;
}
@media (max-width: 1399px) {
.feature-wrapper .feature-left-item .feature-box-item .feature-box p {
font-size: 14px;
}
}
@media (max-width: 991px) {
.feature-wrapper .feature-left-item .feature-box-item .feature-box p {
font-size: 18px;
}
}
.feature-wrapper .feature-left-item .feature-box-item .feature-box.style-2 {
background-color: var(--theme);
}
.feature-wrapper .feature-left-item .feature-box-item .feature-box.style-2 p {
color: var(--white);
}
.feature-wrapper .feature-content {
margin-left: 30px;
}
@media (max-width: 1399px) {
.feature-wrapper .feature-content {
margin-left: 0;
}
}
.feature-wrapper .feature-content .text {
max-width: 659px;
margin-top: 15px;
}
.feature-wrapper .feature-content .feature-contact-item {
margin-top: 50px;
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 1399px) {
.feature-wrapper .feature-content .feature-contact-item {
flex-wrap: wrap;
margin-top: 40px;
}
}
.feature-wrapper .feature-content .feature-contact-item .call-item {
display: flex;
align-items: center;
gap: 13px;
padding: 0 15px;
border-radius: 10px;
position: relative;
z-index: 9;
text-align: center;
}
.feature-wrapper .feature-content .feature-contact-item .call-item .shape {
position: absolute;
left: 0;
right: 0;
z-index: -1;
}
.feature-wrapper .feature-content .feature-contact-item .call-item .shape img {
border-radius: 10px;
}
.feature-wrapper .feature-content .feature-contact-item .call-item .icon {
border-radius: 4px;
background-color: var(--theme);
width: 32px;
height: 32px;
line-height: 32px;
color: var(--white);
text-align: center;
}
.feature-wrapper .feature-content .feature-contact-item .call-item h6 {
font-size: 16px;
font-weight: 700;
}
.feature-wrapper .feature-content .feature-contact-item .call-item h6 a {
color: var(--header);
}
.feature-wrapper .feature-content .feature-contact-item .theme-btn {
background-color: transparent;
z-index: 1;
color: var(--header);
padding: 19px 30px;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.feature-wrapper .feature-content .feature-contact-item .theme-btn img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
}
.feature-wrapper .feature-content .feature-contact-item .theme-btn::before {
content: "";
position: absolute;
top: 0;
left: -16px;
z-index: -1;
right: 0;
bottom: 0;
width: 100%;
height: 0%;
margin: auto;
transform: rotate(-55deg);
background-color: var(--theme);
transition: 900ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
border-radius: 10px;
}
.feature-wrapper .feature-content .feature-contact-item .theme-btn:hover {
color: var(--white);
}
.feature-wrapper .feature-content .feature-contact-item .theme-btn:hover::before {
height: 550%;
}

.aminities-wrapper .aminities-items {
margin-bottom: 50px;
}
@media (max-width: 1399px) {
.aminities-wrapper .aminities-items {
margin-bottom: 30px;
}
}
.aminities-wrapper .aminities-items .aminities-image {
position: relative;
overflow: hidden;
}
.aminities-wrapper .aminities-items .aminities-image a:nth-child(2), .aminities-wrapper .aminities-items .aminities-image a:nth-child(3), .aminities-wrapper .aminities-items .aminities-image a:nth-child(4) {
top: 0;
left: 0;
overflow: hidden;
position: absolute;
transition: all 0.4s ease-in-out;
border-radius: 50%;
}
@media (max-width: 767px) {
.aminities-wrapper .aminities-items .aminities-image a:nth-child(2), .aminities-wrapper .aminities-items .aminities-image a:nth-child(3), .aminities-wrapper .aminities-items .aminities-image a:nth-child(4) {
width: 100%;
}
}
.aminities-wrapper .aminities-items .aminities-image a img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.aminities-wrapper .aminities-items .aminities-image .content-box {
position: absolute;
bottom: 25px;
left: 25px;
right: 25px;
text-align: center;
padding: 40px 0;
z-index: 999;
border-radius: 10px;
}
@media (max-width: 1399px) {
.aminities-wrapper .aminities-items .aminities-image .content-box {
bottom: 15px;
padding: 20px 0;
}
}
@media (max-width: 575px) {
.aminities-wrapper .aminities-items .aminities-image .content-box {
bottom: 15px;
padding: 18px 0;
}
}
.aminities-wrapper .aminities-items .aminities-image .content-box .shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
@media (max-width: 1399px) {
.aminities-wrapper .aminities-items .aminities-image .content-box .shape {
height: 100px;
top: 0;
bottom: 0;
}
}
.aminities-wrapper .aminities-items .aminities-image .content-box .shape img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.aminities-wrapper .aminities-items .aminities-image .content-box h3 {
font-size: 26px;
font-weight: 400;
margin-bottom: 10px;
}
.aminities-wrapper .aminities-items .aminities-image .content-box h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
color: var(--white);
}
.aminities-wrapper .aminities-items .aminities-image .content-box h3 a:hover {
color: var(--white);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.aminities-wrapper .aminities-items .aminities-image .content-box .view-btn {
color: var(--white);
font-size: 18px;
font-weight: 600;
position: initial;
font-family: "Georgia Bold", sans-serif;
}
.aminities-wrapper .aminities-items .aminities-image .content-box .view-btn i {
margin-left: 10px;
}
.aminities-wrapper .aminities-items .aminities-image:hover a:nth-child(2) {
transform: scale(0.9);
}
.aminities-wrapper .aminities-items .aminities-image:hover a:nth-child(3) {
transform: scale(0.7);
}
.aminities-wrapper .aminities-items .aminities-image:hover a:nth-child(4) {
transform: scale(0.5);
}

.our-facilities-wrapper {
border-top: 1px solid rgba(28, 28, 28, 0.2);
padding-top: 50px;
margin-top: 48px;
}
@media (max-width: 1399px) {
.our-facilities-wrapper {
padding-top: 30px;
margin-top: 30px;
}
}
.our-facilities-wrapper .our-facilities-item {
padding: 30px 12px;
text-align: center;
background-color: var(--white);
box-shadow: 0 4px 60px 0 rgba(170, 132, 83, 0.12);
border-radius: 4px;
position: relative;
}
.our-facilities-wrapper .our-facilities-item::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: var(--theme);
transition: all 0.4s ease-in-out;
z-index: -1;
border-radius: 4px;
}
.our-facilities-wrapper .our-facilities-item .icon {
margin-bottom: 10px;
}
.our-facilities-wrapper .our-facilities-item h6 {
font-size: 18px;
font-weight: 500;
}
.our-facilities-wrapper .our-facilities-item:hover::before {
top: auto;
height: 100%;
z-index: 9;
}
.our-facilities-wrapper .our-facilities-item:hover .icon {
position: relative;
z-index: 999;
animation: jello 1s;
}
.our-facilities-wrapper .our-facilities-item:hover .icon img {
filter: brightness(0) invert(1);
animation: jello 1s;
}
.our-facilities-wrapper .our-facilities-item:hover h6 {
color: var(--white);
position: relative;
z-index: 999;
}

.our-facilities-section .bg-image {
margin-top: 60px;
border-radius: 6px;
position: relative;
}
@media (max-width: 1399px) {
.our-facilities-section .bg-image {
margin-top: 30px;
}
}
.our-facilities-section .bg-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 6px;
background: rgba(28, 28, 28, 0.7);
}
.our-facilities-section .bg-image .counter-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 90px 120px;
position: relative;
}
@media (max-width: 1399px) {
.our-facilities-section .bg-image .counter-wrapper {
padding: 30px;
flex-wrap: wrap;
gap: 30px;
}
}
.our-facilities-section .bg-image .counter-wrapper .counter-content h2 {
color: var(--white);
}
.our-facilities-section .bg-image .counter-wrapper .counter-content h2 span {
color: var(--white);
}
.our-facilities-section .bg-image .counter-wrapper .counter-content p {
color: var(--white);
font-size: 18px;
font-weight: 500;
text-align: center;
}

.airport-pickup-wrapper {
margin-bottom: -50px;
}
@media (max-width: 1899px) {
.airport-pickup-wrapper {
margin-bottom: 0;
}
}
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image {
margin-left: -270px;
position: relative;
}
@media (max-width: 1899px) {
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image {
margin-left: -170px;
}
}
@media (max-width: 1600px) {
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image {
margin-left: -30px;
}
}
@media (max-width: 1399px) {
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image {
margin-left: 0;
}
}
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image img {
width: 100%;
height: 100%;
}
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image .radius-image {
position: absolute;
bottom: 60px;
left: 335px;
}
@media (max-width: 1399px) {
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image .radius-image {
display: none;
}
}
.airport-pickup-wrapper .airport-pickup-item .airport-pickup-image .radius-image img {
width: initial;
height: initial;
}
.airport-pickup-wrapper .airport-pickup-content {
margin-top: 100px;
}
@media (max-width: 1399px) {
.airport-pickup-wrapper .airport-pickup-content {
margin-top: 0;
}
}
.airport-pickup-wrapper .airport-pickup-content .info-item {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 60px;
}
@media (max-width: 1399px) {
.airport-pickup-wrapper .airport-pickup-content .info-item {
margin-bottom: 30px;
}
}
.airport-pickup-wrapper .airport-pickup-content .info-item span {
font-weight: 500;
max-width: 168px;
color: var(--header);
}
.airport-pickup-wrapper .airport-pickup-content .text {
margin-top: 20px;
margin-bottom: 50px;
max-width: 690px;
}
@media (max-width: 1399px) {
.airport-pickup-wrapper .airport-pickup-content .text {
margin-bottom: 30px;
}
}
.airport-pickup-wrapper .airport-pickup-content .theme-btn {
background-color: var(--header);
}
.airport-pickup-wrapper .airport-pickup-content .theme-btn::before {
background-color: var(--theme);
}

.airport-pickup-section {
position: relative;
}
.airport-pickup-section .plane-image {
position: absolute;
top: 169px;
right: -38%;
}
@media (max-width: 1600px) {
.airport-pickup-section .plane-image {
right: -57%;
}
}
@media (max-width: 1399px) {
.airport-pickup-section .plane-image {
display: none;
}
}
.airport-pickup-section .plane-image img {
width: initial;
height: initial;
animation: scale 6s ease-in-out infinite;
}

.hotel-gallery-section {
position: relative;
z-index: 9;
}
.hotel-gallery-section .line-shape {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (max-width: 1399px) {
.hotel-gallery-section .line-shape {
display: none;
}
}
.hotel-gallery-section .line-shape img {
width: 98%;
height: 100%;
}
.hotel-gallery-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 20px;
background-color: var(--theme);
left: 40px;
width: 96%;
}
@media (max-width: 1600px) {
.hotel-gallery-section::before {
left: 30px;
}
}
@media (max-width: 1399px) {
.hotel-gallery-section::before {
width: 100%;
left: 0;
}
}
.hotel-gallery-section .section-title {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 40px;
}

.hotel-gallery-wrapper {
margin-top: 48px;
}
@media (max-width: 1399px) {
.hotel-gallery-wrapper {
margin-top: 30px;
}
}
.hotel-gallery-wrapper .gallery-image {
height: 450px;
}
@media (max-width: 1399px) {
.hotel-gallery-wrapper .gallery-image {
height: 350px;
}
}
@media (max-width: 767px) {
.hotel-gallery-wrapper .gallery-image {
height: 220px;
}
}
.hotel-gallery-wrapper .gallery-image img {
width: 100%;
height: 100%;
border-radius: 6px;
object-fit: cover;
}
.hotel-gallery-wrapper .nav {
display: flex;
align-items: center;
gap: 40px;
margin-top: 40px;
margin-bottom: 50px;
justify-content: center;
}
@media (max-width: 1399px) {
.hotel-gallery-wrapper .nav {
gap: 30px;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 30px;
}
}
.hotel-gallery-wrapper .nav li {
font-size: 18px;
font-weight: 600;
color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1399px) {
.hotel-gallery-wrapper .nav li {
font-size: 16px;
}
}
.hotel-gallery-wrapper .nav li .nav-link {
color: rgba(255, 255, 255, 0.5);
transition: all 0.4s ease-in-out;
font-size: 18px;
font-weight: 600;
line-height: 1;
position: relative;
padding: 0;
}
.hotel-gallery-wrapper .nav li .nav-link.active {
position: relative;
color: var(--white);
}
.hotel-gallery-wrapper .gallery-slider {
margin-left: -60%;
margin-right: -60%;
}
@media (max-width: 1399px) {
.hotel-gallery-wrapper .gallery-slider {
margin-left: 0;
margin-right: 0;
}
}

.offer-bg-section {
margin: 0 40px;
position: relative;
}
@media (max-width: 1399px) {
.offer-bg-section {
margin: 0 30px;
overflow: hidden;
}
}
@media (max-width: 575px) {
.offer-bg-section {
margin: 0 15px;
}
}
.offer-bg-section .bg-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 1600px) {
.offer-bg-section .bg-image {
left: 0;
right: 0;
}
}
.offer-bg-section .bg-image img {
width: 100%;
height: 100%;
border-radius: 20px;
}

.offer-bg-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1399px) {
.offer-bg-wrapper {
flex-wrap: wrap;
gap: 30px;
}
}
.offer-bg-wrapper .offer-bg-box {
background-color: var(--white);
max-width: 524px;
width: 100%;
border-radius: 10px;
padding: 40px;
position: relative;
z-index: 9;
}
@media (max-width: 1399px) {
.offer-bg-wrapper .offer-bg-box {
padding: 30px;
}
}
.offer-bg-wrapper .offer-bg-box::before {
position: absolute;
content: "";
left: 20px;
top: 45px;
height: 83%;
width: 100%;
background: rgba(255, 255, 255, 0.4);
border-radius: 10px;
z-index: -1;
}
@media (max-width: 1399px) {
.offer-bg-wrapper .offer-bg-box::before {
display: none;
}
}
.offer-bg-wrapper .offer-bg-box::after {
position: absolute;
content: "";
left: 35px;
top: 65px;
height: 75%;
width: 100%;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
z-index: -1;
}
@media (max-width: 1399px) {
.offer-bg-wrapper .offer-bg-box::after {
display: none;
}
}
.offer-bg-wrapper .offer-bg-box .text {
margin-top: 15px;
}
.offer-bg-wrapper .offer-bg-box .offer-list {
margin-top: 20px;
margin-bottom: 30px;
}
.offer-bg-wrapper .offer-bg-box .offer-list li {
padding-left: 15px;
position: relative;
}
.offer-bg-wrapper .offer-bg-box .offer-list li:not(:last-child) {
margin-bottom: 10px;
}
.offer-bg-wrapper .offer-bg-box .offer-list li::before {
position: absolute;
content: "";
width: 4px;
height: 4px;
border-radius: 30px;
background-color: var(--text);
left: 0;
top: 10px;
}
.offer-bg-wrapper .offer-bg-box h6 {
font-weight: 500;
color: var(--theme);
text-transform: uppercase;
background: rgba(170, 132, 83, 0.1);
border-radius: 6px;
padding: 12px 20px;
margin-bottom: 50px;
max-width: 320px;
width: 100%;
}
@media (max-width: 1399px) {
.offer-bg-wrapper .offer-bg-box h6 {
margin-bottom: 30px;
}
}
@media (max-width: 575px) {
.offer-bg-wrapper .offer-bg-box h6 {
padding: 12px 10px;
font-size: 14px;
}
}
.offer-bg-wrapper .offer-right-item {
position: relative;
}
.offer-bg-wrapper .offer-right-item .offer-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.offer-bg-wrapper .offer-right-item .offer-slider {
height: 380px;
}

.bg-image-2 {
border-radius: 6px;
position: relative;
}
.bg-image-2::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 6px;
background: rgba(28, 28, 28, 0.7);
}
.bg-image-2 .counter-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 90px 120px;
position: relative;
}
.bg-image-2 .counter-wrapper .counter-content h2 {
color: var(--white);
}
.bg-image-2 .counter-wrapper .counter-content h2 span {
color: var(--white);
}
.bg-image-2 .counter-wrapper .counter-content p {
color: var(--white);
font-size: 18px;
font-weight: 500;
text-align: center;
}

.counter-section-inn .bg-image {
border-radius: 6px;
position: relative;
}
@media (max-width: 1399px) {
.counter-section-inn .bg-image {
margin-top: 30px;
}
}
.counter-section-inn .bg-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 6px;
background: rgba(28, 28, 28, 0.7);
}
.counter-section-inn .bg-image .counter-wrapper-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 90px 120px;
position: relative;
}
.counter-section-inn .bg-image .counter-wrapper-inner .counter-content h2 {
color: var(--white);
}
.counter-section-inn .bg-image .counter-wrapper-inner .counter-content h2 span {
color: var(--white);
}
.counter-section-inn .bg-image .counter-wrapper-inner .counter-content p {
color: var(--white);
font-size: 18px;
font-weight: 500;
text-align: center;
}

.footer-newsletter {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60px;
padding: 30px 30px;
background-color: var(--theme);
border-radius: 16px;
}
@media (max-width: 1399px) {
.footer-newsletter {
flex-wrap: wrap;
gap: 20px;
padding: 30px;
margin-top: 80px;
}
}
.footer-newsletter .newsletter-content h3 {
color: var(--white);
font-size: 40px;
margin-bottom: 10px;
}
@media (max-width: 1399px) {
.footer-newsletter .newsletter-content h3 {
font-size: 30px;
}
}
.footer-newsletter .newsletter-content p {
font-weight: 500;
color: var(--white);
max-width: 442px;
}
.footer-newsletter form {
max-width: 765px;
width: 100%;
}
.footer-newsletter .form-clt {
position: relative;
}
.footer-newsletter .form-clt i {
top: 43%;
left: 24px;
position: absolute;
color: #A6A6A6;
}
@media (max-width: 575px) {
.footer-newsletter .form-clt i {
display: none;
}
}
.footer-newsletter .form-clt input {
width: 100%;
outline: none;
border: none;
background-color: var(--white);
color: #A6A6A6;
line-height: 1;
padding: 25px 0px 25px 50px;
border-radius: 10px;
max-width: 765px;
}
@media (max-width: 991px) {
.footer-newsletter .form-clt input {
padding: 20px 0px 20px 50px;
}
}
@media (max-width: 575px) {
.footer-newsletter .form-clt input {
padding: 20px 0px 20px 20px;
}
}
.footer-newsletter .form-clt input::placeholder {
color: #A6A6A6;
}
.footer-newsletter .form-clt .theme-btn {
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
}
@media (max-width: 575px) {
.footer-newsletter .form-clt .theme-btn {
padding: 18px 16px;
font-size: 14px;
}
}

.footer-widget-wrapper {
padding: 30px 0 48px;
}
.footer-widget-wrapper .single-footer-widget {
margin-top: 30px;
}
.footer-widget-wrapper .single-footer-widget .widget-title {
margin-bottom: 20px;
}
.footer-widget-wrapper .single-footer-widget .widget-title h5 {
color: var(--white);
position: relative;
padding-bottom: 15px;
}
/*.footer-widget-wrapper .single-footer-widget .widget-title h5::before {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 4px;
height: 2px;
background-color: var(--theme-sec);
}*/
.footer-widget-wrapper .single-footer-widget .widget-title h5::after {
position: absolute;
bottom: 0;
left: 0px;
content: "";
width: 81px;
height: 2px;
background-color: var(--theme-sec);
}
.footer-widget-wrapper .single-footer-widget .footer-content p {
color: var(--white);
/*max-width: 290px;*/
}
.footer-widget-wrapper .single-footer-widget .list li {
transition: all 0.4s ease-in-out;
font-weight: 400;
}
.footer-widget-wrapper .single-footer-widget .list li:not(:last-child) {
margin-bottom: 12px;
}
.footer-widget-wrapper .single-footer-widget .list li {
color: var(--white);
}
.footer-widget-wrapper .single-footer-widget .list li i{
color: var(--theme-sec);
margin-right: 10px;
}
.footer-widget-wrapper .single-footer-widget .list li a {
color: var(--white);
}
.footer-widget-wrapper .single-footer-widget .list li a:hover {
margin-left: 5px;
}
.footer-widget-wrapper .single-footer-widget .list li a:hover {
color: #9c9c9c;
}
.footer-widget-wrapper .single-footer-widget .date-list li {
display: flex;
align-items: center;
gap: 30px;
color: var(--white);
}
@media (max-width: 1399px) {
.footer-widget-wrapper .single-footer-widget .date-list li {
gap: 17px;
}
}
@media (max-width: 991px) {
.footer-widget-wrapper .single-footer-widget .date-list li {
gap: 30px;
}
}
.footer-widget-wrapper .single-footer-widget .date-list li:not(:last-child) {
margin-bottom: 16px;
}
.footer-widget-wrapper .single-footer-widget .date-list li span.style-1 {
display: inline-block;
margin-left: -5px;
}
.footer-widget-wrapper .single-footer-widget .date-list li span.style-3 {
display: inline-block;
margin-left: 10px;
}
.footer-widget-wrapper .single-footer-widget .contact-item li {
display: flex;
align-items: start;
color: var(--white);
gap: 8px;
}
.footer-widget-wrapper .single-footer-widget .contact-item li.style-2 {
display: flex;
align-items: center;
}
.footer-widget-wrapper .single-footer-widget .contact-item li:not(:last-child) {
margin-bottom: 12px;
}
.footer-widget-wrapper .single-footer-widget .contact-item li a {
color: var(--white);
}
.footer-widget-wrapper .single-footer-widget .contact-item li i {
color: var(--theme);
}

.footer-section {
position: relative;
z-index: 1;
padding: 20px 0;
background: #1a2e26;
}

/*.footer-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, rgba(13, 13, 13, 0.6) 0%, #0D0D0D 55%);
z-index: -1;
}*/

.footer-bottom {
padding-bottom: 0px;
}
.footer-bottom.style-3 {
padding-bottom: 80px;
}
@media (max-width: 1399px) {
.footer-bottom.style-3 {
padding-bottom: 40px;
}
}
.footer-bottom .footer-wrapper {
border-top: 1px solid #e9e9e91f;
padding: 15px 0;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1399px) {
.footer-bottom .footer-wrapper {
flex-wrap: wrap;
gap: 10px;
}
}
@media (max-width: 575px) {
.footer-bottom .footer-wrapper {
justify-content: center;
}
}
.footer-bottom .footer-wrapper .social-icon {
display: flex;
align-items: center;
gap: 18px;
}
.footer-bottom .footer-wrapper .social-icon a {
color: var(--white);
opacity: 0.7;
font-size: 25px;
}
.footer-bottom .footer-wrapper .social-icon a:hover {
color: var(--theme);
opacity: none;
}
.footer-bottom .footer-wrapper .footer-list {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 1399px) {
.footer-bottom .footer-wrapper .footer-list {
flex-wrap: wrap;
gap: 15px;
}
}
@media (max-width: 575px) {
.footer-bottom .footer-wrapper .footer-list {
justify-content: center;
}
}
.footer-bottom .footer-wrapper .footer-list li {
color: var(--white);
opacity: 0.7;
}
.footer-bottom .footer-wrapper .footer-list li a {
color: var(--white);
opacity: 0.7;
}
.footer-bottom .footer-wrapper .footer-list li a:hover {
color: var(--theme);
opacity: none;
}
.footer-bottom .footer-wrapper p {
color: var(--white);
}
.footer-bottom .footer-wrapper p span {
text-transform: capitalize;
color: #9c9c9c;
}
.footer-bottom .footer-logo {
text-align: center;
margin: 0 auto;
display: block;
}

.header-top-section-3 .container-fluid {
padding: 0 120px;
}
@media (max-width: 1600px) {
.header-top-section-3 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.header-top-section-3 {
display: none;
}
}
.header-top-section-3.style-bg {
background-color: var(--header);
position: relative;
z-index: 999;
}

.header-top-wrapper-3 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
position: relative;
z-index: 999;
}
.header-top-wrapper-3 .header-left .list {
display: flex;
align-items: center;
gap: 50px;
}
.header-top-wrapper-3 .header-left .list li {
color: #000000;
font-weight: 400;
opacity: 0.7;
}
.header-top-wrapper-3 .header-left .list li a {
color: #000000;
opacity: 0.7;
}
.header-top-wrapper-3 .header-left .list li i {
margin-right: 6px;
}
.header-top-wrapper-3 .social-icon {
display: flex;
align-items: center;
gap: 18px;
}
.header-top-wrapper-3 .social-icon a {
color: #8E8E93;
font-size: 20px;
}
.header-top-wrapper-3 .social-icon a:hover {
color: var(--theme);
}
.header-top-wrapper-3.style-inner {
padding: 20px 0;
}
.header-top-wrapper-3.style-inner .header-left .list li {
color: var(--white);
}
.header-top-wrapper-3.style-inner .header-left .list li a {
color: var(--white);
}

@media (max-width: 1199px) {
.menu-thumb {
display: none !important;
}
}

.header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
.header-main .main-menu ul {
margin-bottom: 0;
}
.header-main .main-menu ul li {
position: relative;
list-style: none;
display: inline-block;
margin-inline-end: 50px;
}
@media (max-width: 1199px) {
.header-main .main-menu ul li {
margin-inline-end: 30px;
}
}
.header-main .main-menu ul li:last-child {
margin-inline-end: 0;
}
.header-main .main-menu ul li a {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: var(--black);
padding: 20px 0;
text-align: left;
position: relative;
text-transform: capitalize;
transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
margin-left: 4px;
font-size: 14px;
}
.header-main .main-menu ul li a:hover {
color: var(--theme);
}
.header-main .main-menu ul li .submenu {
position: absolute;
top: 115%;
inset-inline-start: 0;
min-width: 260px;
padding: 20px 0;
z-index: 99999;
visibility: hidden;
opacity: 0;
transform-origin: top center;
color: var(--header);
transform: translateY(-10px);
transition: all 0.4s ease-in-out;
border-top: 6px solid var(--theme);
background-color: var(--white);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.header-main .main-menu ul li .submenu li {
display: block;
width: 100%;
margin: 0;
}
.header-main .main-menu ul li .submenu li a {
position: relative;
z-index: 11;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.34px;
color: var(--header);
line-height: 38px;
padding: 0px 0px 0px 32px;
padding-right: 22px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a::before {
content: "";
position: absolute;
width: 0px;
height: 2px;
background: var(--theme);
left: 14px;
bottom: 18px;
transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
color: var(--theme);
}
.header-main .main-menu ul li .submenu li:last-child a {
border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
inset-inline-start: 100%;
top: 0;
visibility: hidden;
opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
color: var(--theme) !important;
margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
color: var(--theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
-webkit-transform: translateY(1);
-moz-transform: translateY(1);
-ms-transform: translateY(1);
-o-transform: translateY(1);
transform: translateY(1);
visibility: visible;
opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
position: absolute;
top: 50%;
inset-inline-end: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--theme);
}
.header-main .main-menu ul li .has-homemenu {
width: 800px;
padding: 30px 30px 10px 30px;
opacity: 0;
left: -250px;
visibility: hidden;
padding: 30px 30px 10px 30px;
background-color: var(--white);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items {
display: flex;
align-items: center;
gap: 30px;
justify-content: space-between;
}
@media (max-width: 991px) {
.header-main .main-menu ul li .has-homemenu .homemenu-items {
flex-wrap: wrap;
}
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
margin-top: 20px;
width: 100%;
padding: 0 12px;
}
@media (max-width: 1399px) {
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
font-size: 14px;
min-width: 140px;
}
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
padding: 18px 30px;
justify-content: center;
line-height: 1;
color: var(--white) !important;
position: relative;
background-color: var(--theme);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn::before {
content: "";
position: absolute;
top: 0;
left: -16px;
z-index: -1;
right: 0;
bottom: 0;
width: 100%;
height: 0%;
margin: auto;
transform: rotate(-45deg);
background-color: var(--header);
transition: 900ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
border-radius: 10px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
color: var(--white) !important;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover::before {
height: 550%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
visibility: visible;
opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
opacity: 1;
visibility: visible;
bottom: 50%;
transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
width: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
text-align: center;
margin: 15px auto;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: var(--header);
}
.header-main .main-menu ul li:hover > a {
color: var(--theme);
}
.header-main .main-menu ul li:hover > a::after {
color: var(--theme);
}
.header-main .main-menu ul li:hover > .submenu {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.header-main .header-right {
gap: 20px;
}
.header-main .header-right.style-3 {
gap: 70px;
}
.header-main .header-right .call-item {
display: flex;
align-items: center;
gap: 13px;
padding: 0 15px;
border-radius: 10px;
position: relative;
z-index: 9;
text-align: center;
}
@media (max-width: 1399px) {
.header-main .header-right .call-item {
display: none;
}
}
.header-main .header-right .call-item.style-2 {
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px 15px;
}
.header-main .header-right .call-item .shape {
position: absolute;
left: 0;
right: 0;
z-index: -1;
}
.header-main .header-right .call-item .icon {
border-radius: 4px;
background-color: var(--theme);
width: 32px;
height: 32px;
line-height: 32px;
color: var(--white);
text-align: center;
}
.header-main .header-right .call-item h6 {
font-size: 16px;
font-weight: 700;
}
.header-main .header-right .call-item h6 a {
color: var(--white);
}
@media (max-width: 1399px) {
.header-main .header-right .header-button {
/*display: none;*/
}
}
.header-main .header-right .header-button .theme-btn {
background-color: var(--theme);
z-index: 1;
color: var(--white);
padding: 8px 18px;
position: relative;
overflow: hidden;
}
.header-main .header-right .header-button .theme-btn img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
}
.header-main .header-right .header-button .theme-btn::before {
content: "";
position: absolute;
top: 0;
left: -16px;
z-index: -1;
right: 0;
bottom: 0;
width: 100%;
height: 0%;
margin: auto;
transform: rotate(-45deg);
background-color: var(--theme-sec);
transition: 900ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
border-radius: 10px;
}
.header-main .header-right .header-button .theme-btn:hover {
color: var(--theme);
}
.header-main .header-right .header-button .theme-btn:hover::before {
height: 550%;
}
.header-main .header-right .header-button .theme-btn.style-3 {
background-color: var(--theme);
padding: 10px 25px;
border-radius: 10px;
}
.header-main .header-right .header-button .theme-btn.style-3::before {
background-color: var(--white);
}
.header-main .header-right .header-button .theme-btn.style-3:hover {
color: var(--theme);
}
.header-main .header-right .flag-wrap {
position: relative;
display: flex;
align-items: center;
gap: 15px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 14px 15px;
}
@media (max-width: 1399px) {
.header-main .header-right .flag-wrap {
display: none;
}
}
.header-main .header-right .flag-wrap i {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background-color: var(--theme);
border-radius: 4px;
color: var(--white);
}
.header-main .header-right .flag-wrap .nice-select {
background: transparent;
border: none;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 999;
height: initial;
}
.header-main .header-right .flag-wrap .nice-select span {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: var(--white);
}
.header-main .header-right .flag-wrap .nice-select .list {
width: initial;
}
.header-main .header-right .flag-wrap .nice-select .list li {
color: var(--header);
}
.header-main .header-right .flag-wrap .nice-select::after {
border-bottom: 2px solid var(--white);
border-right: 2px solid var(--white);
height: 7px;
margin-top: -4px;
width: 7px;
right: -3px;
}
.header-main .header-right .flag-wrap .flag {
position: absolute;
top: 9px;
left: 15px;
z-index: 1;
}
@media (max-width: 767px) {
.header-main .header-right .flag-wrap .flag {
display: none;
}
}
.header-main .header-right .sidebar__toggle {
cursor: pointer;
font-size: 20px;
color: var(--black);
}

.header-1 {
position: relative;
width: 100%;
left: 0;
right: 0;
z-index: 999;
top: 0;
}
.header-1 .container-fluid {
padding: 0 60px;
}
@media (max-width: 1399px) {
.header-1 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.header-1 .container-fluid {
padding: 0 30px;
}
}
@media (max-width: 575px) {
.header-1 .container-fluid {
padding: 0 15px;
}
}
.header-1 .header-main .header-left .header-logo-2 {
display: none;
}
.header-1 .header-main .main-menu {
position: relative;
padding: 0 30px;
}
.header-1 .header-main .main-menu .bg-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 1399px) {
.header-1 .header-main .main-menu .bg-image {
display: none;
}
}
.header-1.header-2 .container-fluid {
padding: 0 100px;
}
@media (max-width: 1399px) {
.header-1.header-2 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.header-1.header-2 .container-fluid {
padding: 0 30px;
}
}
@media (max-width: 575px) {
.header-1.header-2 .container-fluid {
padding: 0 15px;
}
}
.header-1.header-2 .header-main .header-left .header__hamburger .sidebar__toggle {
cursor: pointer;
display: flex;
align-items: center;
gap: 15px;
border-radius: 10px;
padding: 20px 20px;
background-color: var(--header);
}
.header-1.header-2 .header-main .header-left .header__hamburger .sidebar__toggle h6 {
font-size: 18px;
font-weight: 700;
color: var(--white);
}
.header-1.header-2 .header-main .header-left .header__hamburger .sidebar__toggle i {
color: var(--white);
}
@media (max-width: 1399px) {
.header-1.header-2 .header-main .header-left .header__hamburger {
display: none;
}
}
.header-1.header-2 .header-main .logo .header-logo-2 {
display: none;
}
@media (max-width: 1399px) {
.header-1.header-2 .header-main .logo {
display: none;
}
}
.header-1.header-3 {
top: 70px;
}
@media (max-width: 1399px) {
.header-1.header-3 {
top: 0;
}
}
.header-1.header-3 .container-fluid {
padding: 0 60px;
}
@media (max-width: 1399px) {
.header-1.header-3 .container-fluid {
padding: 0 60px;
}
}
@media (max-width: 575px) {
.header-1.header-3 .container-fluid {
padding: 0 30px;
}
}

.sticky {
position: fixed !important;
top: 0 !important;
left: 0;
width: 100%;
z-index: 9;
transition: all 0.9s;
background-color: var(--white);
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-1 .header-main .header-left .header-logo-2 {
display: block;
}
.sticky.header-1 .header-main .header-left .header-logo {
display: none;
}
.sticky.header-1 .header-main .main-menu ul li a {
color: var(--black) !important;
}
.sticky.header-1 .header-main .main-menu ul li .submenu li a {
color: var(--header) !important;
}
.sticky.header-1 .header-main .header-right .sidebar__toggle {
color: var(--header);
}
.sticky.header-2 .header-main .header-left .header__hamburger .sidebar__toggle {
padding: 18px 20px;
}
@media (max-width: 1399px) {
.sticky.header-2 .header-main .header-left .header-logo {
display: block !important;
}
.sticky.header-2 .header-main .header-left .header-logo img {
filter: brightness(0);
}
}
.sticky.header-2 .header-main .logo .header-logo-2 {
display: block;
}
.sticky.header-2 .header-main .logo .header-logo {
display: none;
}
.sticky.header-2 .header-main .header-right .call-item.style-2 {
border-radius: 10px;
border: 1px solid var(--header);
padding: 16px 15px;
}
.sticky.header-2 .header-main .header-right .call-item.style-2 h6 {
font-weight: 700;
}
.sticky.header-2 .header-main .header-right .call-item.style-2 h6 a {
color: var(--header);
}
.sticky.header-2 .header-main .header-right .flag-wrap {
border: 1px solid var(--header);
padding: 12px 16px;
}
.sticky.header-2 .header-main .header-right .flag-wrap .nice-select span {
color: var(--header);
}
.sticky.header-2 .header-main .header-right .flag-wrap .nice-select .list li {
color: var(--header);
}
.sticky.header-2 .header-main .header-right .flag-wrap .nice-select::after {
border-bottom: 2px solid var(--header);
border-right: 2px solid var(--header);
}
.sticky.header-3 {
top: 0;
}
.sticky.header-3 .header-main .header-right .main-menu ul li a {
color: var(--header) !important;
}

.offcanvas__info {
background: var(--white) none repeat scroll 0 0;
border-left: 2px solid var(--theme);
position: fixed;
right: 0;
top: 0;
width: 450px;
height: 100%;
-webkit-transform: translateX(calc(100% + 80px));
-moz-transform: translateX(calc(100% + 80px));
-ms-transform: translateX(calc(100% + 80px));
-o-transform: translateX(calc(100% + 80px));
transform: translateX(calc(100% + 80px));
-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
-moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
z-index: 9999999;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
display: none;
}

.offcanvas__info.info-open {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}

.offcanvas__wrapper {
position: relative;
height: 100%;
padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
color: var(--black);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background-color: var(--theme);
position: relative;
z-index: 9;
cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h4 {
margin-bottom: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
margin-top: 0;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
}
@media (max-width: 575px) {
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
font-size: 14px;
}
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
margin-bottom: 30px;
}
@media (max-width: 575px) {
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
margin-bottom: 20px;
}
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
color: var(--black);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
color: var(--theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
width: 100%;
padding: 20px 40px;
text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
margin-top: 30px;
gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 100%;
text-align: center;
font-size: 16px;
display: block;
background: transparent;
color: #000;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
background-color: var(--theme);
color: var(--white);
}

.offcanvas__overlay {
position: fixed;
height: 100%;
width: 100%;
background: #151515;
z-index: 900;
top: 0;
opacity: 0;
visibility: hidden;
right: 0;
}

.offcanvas__overlay.overlay-open {
opacity: 0.8;
visibility: visible;
}

@media (max-width: 450px) {
.offcanvas__info {
width: 300px;
}
}
@media (max-width: 575px) {
.offcanvas__wrapper {
padding: 20px;
}
}
.style-offcanvas-2 .offcanvas__close {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.15);
position: absolute;
top: 30px;
left: 20px !important;
right: initial !important;
cursor: pointer;
color: #767676 !important;
}
.style-offcanvas-2 .offcanvas__close i {
color: #fff !important;
}
@media (max-width: 1199px) {
.style-offcanvas-2 .offcanvas__close {
top: 25px;
right: 25px;
}
}
.style-offcanvas-2 .offcanvas__logo {
position: absolute;
top: 30px;
left: 30px;
}
@media (max-width: 1199px) {
.style-offcanvas-2 .offcanvas__logo {
top: 25px;
left: 25px;
}
}
.style-offcanvas-2 .offcanvas__info {
width: 210px !important;
padding: 50px 0;
background-color: var(--white) !important;
height: 100%;
}
.style-offcanvas-2 .offcanvas__info::before {
display: none;
}
.style-offcanvas-2 .mean-container .mean-nav ul li a.mean-expand {
top: 5px !important;
}
.style-offcanvas-2 .offcanvas__close {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 50%;
background-color: var(--theme);
position: absolute;
top: 14px;
right: 15px;
cursor: pointer;
}
@media (max-width: 1199px) {
.style-offcanvas-2 .offcanvas__close {
top: 25px;
right: 25px;
}
}
.style-offcanvas-2 .offcanvas__logo {
left: 115px;
top: 10px;
}
.style-offcanvas-2 .offcanvas__logo img {
width: 60px;
}
.style-offcanvas-2 .mean-container .mean-nav ul li > a.mean-expand i {
font-size: 14px !important;
}
.style-offcanvas-2 .mobile-menus .submenu a {
font-size: 14px !important;
}

.breadcrumb-wrapper {
position: relative;
overflow: hidden;
z-index: 9;
}
.breadcrumb-wrapper::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(90deg, rgba(170, 132, 83, 0) 0%, rgba(28, 28, 28, 0.8) 50%, #1C1C1C 95.19%);
z-index: -1;
}
.breadcrumb-wrapper .page-heading {
position: relative;
padding: 280px 0 140px;
z-index: 9;
text-align: center;
}
@media (max-width: 1399px) {
.breadcrumb-wrapper .page-heading {
padding: 200px 0 130px;
}
}
@media (max-width: 991px) {
.breadcrumb-wrapper .page-heading {
padding: 170px 0 115px;
}
}
@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading {
text-align: center;
}
}
.breadcrumb-wrapper .page-heading h1 {
color: var(--white);
font-size: 72px;
position: relative;
text-transform: capitalize;
z-index: 9;
font-weight: 400;
}
@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading h1 {
font-size: 60px;
}
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading h1 {
font-size: 50px;
}
}
@media (max-width: 470px) {
.breadcrumb-wrapper .page-heading h1 {
font-size: 40px;
}
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
display: inline-flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading .breadcrumb-items {
margin-top: 15px;
}
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
color: var(--white);
text-transform: capitalize;
font-weight: 400;
font-size: 16px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
color: var(--white);
transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
color: theme-color;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a i {
color: var(--theme);
margin-right: 5px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
color: var(--white);
}

.error-items {
text-align: center;
}
.error-items .error-image {
max-width: 600px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
.error-items .error-image img {
width: 100%;
height: 100%;
}
.error-items h2 {
margin-bottom: 20px;
}
.error-items p {
margin-bottom: 50px;
}
@media (max-width: 1399px) {
.error-items p {
margin-bottom: 30px;
}
}

::-webkit-scrollbar {
width: 8px;
height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--bg);
border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--theme);
border-radius: 10px;
}

.fix {
overflow: hidden;
}

.ralt {
position: relative;
}

.ripple {
position: relative;
}
.ripple::before, .ripple::after {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(170, 132, 83, 0.6);
-webkit-animation: rippleOne 3s infinite;
animation: rippleOne 3s infinite;
}
.ripple::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.ripple::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}

.array-buttons-2 {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1199px) {
.array-buttons-2 {
flex-wrap: wrap;
}
}
.array-buttons-2 .array-prev {
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background-color: var(--header);
color: #00E5FF;
transition: all 0.4s ease-in-out;
border-radius: 100%;
}
.array-buttons-2 .array-prev:hover {
background: var(--theme);
color: var(--white);
}
.array-buttons-2 .array-next {
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 100%;
text-align: center;
background: #2ADDC8;
color: var(--header);
transition: all 0.4s ease-in-out;
}
.array-buttons-2 .array-next:hover {
background: var(--theme);
color: var(--white);
}

.array-buttons-4 {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1199px) {
.array-buttons-4 {
flex-wrap: wrap;
}
}
.array-buttons-4 .array-prev {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
background: var(--bg);
color: var(--white);
transition: all 0.4s ease-in-out;
border-radius: 100%;
}
.array-buttons-4 .array-next {
width: 45px;
height: 45px;
line-height: 45px;
border: 1px solid rgb(65, 65, 65);
border-radius: 100%;
text-align: center;
background: transparent;
color: var(--white);
transition: all 0.4s ease-in-out;
}
.array-buttons-4 .array-next:hover {
background: var(--bg);
border: 1px none;
color: var(--white);
}

.bg-cover {
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
}

.slide-transtion {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}

.brand-slide-element {
width: auto;
display: inline-block;
}

.sticky-style {
position: sticky !important;
top: 100px;
}

.custom-container {
max-width: 1700px;
margin: 0 auto;
}

.bw-img-anim-left,
.bw-img-anim-right {
transition: clip-path 0.5s ease-out;
}

.nice-select {
background-color: transparent;
width: unset;
outline: none;
border: none;
border-radius: 0;
padding: 0;
}

.nice-select .current {
margin-right: 12px;
}

.nice-select.open .list {
background: var(--bg);
margin-top: 16px;
width: 100%;
text-transform: capitalize;
color: var(--text);
}

.nice-select .option.selected.focus {
background: var(--bg);
outline: none;
color: var(--text);
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
border: none;
}

.nice-select .option {
border: none;
}

.nice-select .option:hover {
background: transparent;
}

.p-relative {
position: relative;
}

.tp-clip-anim {
position: relative;
overflow: hidden;
}
.tp-clip-anim .mask {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transform: scale(1.1);
opacity: 0;
animation: reveal 1s forwards;
}
.tp-clip-anim .mask-1 {
clip-path: inset(0 88.8% 0 0%);
animation-delay: 0.1s;
}
.tp-clip-anim .mask-2 {
clip-path: inset(0 77.7% 0 11.1%);
animation-delay: 0.2s;
}
.tp-clip-anim .mask-3 {
clip-path: inset(0 66.6% 0 22.2%);
animation-delay: 0.3s;
}
.tp-clip-anim .mask-4 {
clip-path: inset(0 55.5% 0 33.3%);
animation-delay: 0.4s;
}
.tp-clip-anim .mask-5 {
clip-path: inset(0 44.4% 0 44.4%);
animation-delay: 0.5s;
}
.tp-clip-anim .mask-6 {
clip-path: inset(0 33.3% 0 55.5%);
animation-delay: 0.6s;
}
.tp-clip-anim .mask-7 {
clip-path: inset(0 22.2% 0 66.6%);
animation-delay: 0.7s;
}
.tp-clip-anim .mask-8 {
clip-path: inset(0 11.1% 0 77.7%);
animation-delay: 0.8s;
}
.tp-clip-anim .mask-9 {
clip-path: inset(0 0% 0 88.8%);
animation-delay: 0.9s;
}

@keyframes reveal {
from {
opacity: 0;
transform: scale(1.2);
}
to {
opacity: 1;
transform: scale(1);
}
}
.swiper-dot-1 {
position: relative;
z-index: 999;
margin-top: 60px;
}
.swiper-dot-1 .swiper-pagination-bullet {
width: 8px;
height: 8px;
transition: 0.6s;
border-radius: 30px;
background-color: #D9D9D9;
opacity: 1;
position: relative;
}
.swiper-dot-1 .swiper-pagination-bullet:not(:last-child) {
margin-right: 10px;
}
.swiper-dot-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--theme);
transition: 0.6s;
position: relative;
width: 8px;
height: 8px;
border-radius: 30px;
}
.swiper-dot-1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
width: 8px;
height: 8px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 30px;
}
.swiper-dot-1.style-team .swiper-pagination-bullet {
background-color: var(--header);
}
.swiper-dot-1.style-team .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--theme);
}

.array-buttons {
display: flex;
align-items: center;
gap: 20px;
}
.array-buttons .array-prev {
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 4px;
text-align: center;
background-color: var(--white);
color: var(--theme);
transition: all 0.4s ease-in-out;
}
.array-buttons .array-prev:hover {
background-color: var(--theme);
color: var(--white);
}
.array-buttons .array-next {
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 4px;
text-align: center;
color: var(--white);
background-color: var(--theme);
transition: all 0.4s ease-in-out;
}
.array-buttons .array-next:hover {
background-color: var(--white);
color: var(--theme);
}

.sticky-style {
position: sticky !important;
top: 100px;
}

.page-nav-wrap {
margin-top: 60px;
}
.page-nav-wrap ul li {
display: inline-block;
}
.page-nav-wrap ul li.active .page-numbers {
background-color: var(--theme);
color: var(--white);
}
.page-nav-wrap ul li .page-numbers {
display: inline-block;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
border-radius: 0;
background: #F7F3EE;
color: var(--header);
font-weight: 400;
transition: all 0.3s ease-in-out;
margin: 0 2px;
border-radius: 4px;
font-family: "Georgia Bold", serif;
}
.page-nav-wrap ul li .page-numbers.current {
background-color: var(--theme);
color: var(--white);
}
@media (max-width: 767px) {
.page-nav-wrap ul li .page-numbers {
margin-top: 10px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
}
}
.page-nav-wrap ul li .page-numbers i {
margin-top: 2px;
color: var(--header);
transition: all 0.4s ease-in-out;
}
.page-nav-wrap ul li .page-numbers:hover {
background-color: var(--theme);
color: var(--white);
}
.page-nav-wrap ul li .page-numbers:hover i {
color: var(--white);
}

.swiper-dot-2 {
position: relative;
z-index: 999;
margin-top: 60px;
text-align: center;
}
.swiper-dot-2 .swiper-pagination-bullet {
width: 8px;
height: 8px;
transition: 0.6s;
border-radius: 30px;
background-color: var(--header);
opacity: 1;
position: relative;
}
.swiper-dot-2 .swiper-pagination-bullet:not(:last-child) {
margin-right: 10px;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--theme);
transition: 0.6s;
position: relative;
width: 8px;
height: 8px;
border-radius: 30px;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
width: 8px;
height: 8px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 30px;
}

.hero-1 {
padding-top: 220px;
padding-bottom: 60px;
position: relative;
}
@media (max-width: 1399px) {
.hero-1 {
padding-top: 200px;
}
}
@media (max-width: 991px) {
.hero-1 {
padding-top: 160px;
}
}
.hero-1 .container-fluid {
padding: 0 60px;
}
@media (max-width: 1600px) {
.hero-1 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.hero-1 .container-fluid {
padding: 0 30px;
}
}
@media (max-width: 575px) {
.hero-1 .container-fluid {
padding: 0 15px;
}
}
.hero-1 .signature-image {
position: absolute;
bottom: 205px;
right: 250px;
}
@media (max-width: 1399px) {
.hero-1 .signature-image {
display: none;
}
}
.hero-1 .hero-content p {
font-size: 18px;
font-weight: 500;
color: var(--white);
max-width: 422px;
margin-bottom: 30px;
}
@media (max-width: 1399px) {
.hero-1 .hero-content p {
font-size: 16px;
}
}
.hero-1 .hero-content .theme-btn {
background-color: transparent;
z-index: 1;
color: var(--white);
position: relative;
overflow: hidden;
padding: 22px 25px;
height: 55px;
}
.hero-1 .hero-content .theme-btn img {
position: absolute;
left: 0;
right: 0;
z-index: -2;
}
.hero-1 .hero-content .theme-btn::before {
content: "";
position: absolute;
top: 0;
left: -16px;
z-index: -1;
right: 0;
bottom: 0;
width: 100%;
height: 0%;
margin: auto;
transform: rotate(-45deg);
background-color: var(--theme);
transition: 900ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
border-radius: 10px;
}
.hero-1 .hero-content .theme-btn:hover {
color: var(--white);
}
.hero-1 .hero-content .theme-btn:hover::before {
height: 550%;
}
.hero-1 .hero-content .hero-wrapper {
display: flex;
align-items: center;
justify-content: center;
align-items: end;
margin-top: 30px;
}
@media (max-width: 1399px) {
.hero-1 .hero-content .hero-wrapper {
margin-top: 40px;
flex-wrap: wrap;
gap: 30px;
}
}
.hero-1 .hero-content .hero-wrapper h1 {
color: var(--white);
margin-bottom: -30px;
}
@media (max-width: 767px) {
.hero-1 .hero-content .hero-wrapper h1 {
margin-bottom: 0;
}
}
.hero-1 .hero-content .hero-wrapper .hero-box {
border-radius: 10px;
backdrop-filter: blur(40px);
padding: 30px;
width: 100%;
/*margin-top: 50px;*/
}
@media (max-width: 767px) {
.hero-1 .hero-content .hero-wrapper .hero-box {
/*max-width: 345px;*/
}
}
.hero-1 .hero-content .hero-wrapper .hero-box .top-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.hero-1 .hero-content .hero-wrapper .hero-box .top-item h4 {
letter-spacing: 0.5px;
color: var(--white);
}
.hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
width: 100%;
height: 125px;
border-radius: 6px;
}
@media (max-width: 767px) {
.hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img{
height: 100px;
}
}
.hero-1 .hero-content .hero-wrapper .hero-box .hero-item h6 {
color: var(--white);
font-size: 14px;
font-weight: 600;
margin-top: 20px;
font-family: "Georgia Bold", sans-serif;
}

.hero-2 {
padding-top: 270px;
padding-bottom: 120px;
position: relative;
}
@media (max-width: 1399px) {
.hero-2 {
padding-top: 140px;
}
}
@media (max-width: 991px) {
.hero-2 {
padding-top: 130px;
padding-bottom: 80px;
}
}
.hero-2 .hero-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.hero-2 .hero-video video {
width: 100%;
height: 992px;
object-fit: cover;
}
.hero-2 .hero-list {
display: flex;
align-items: center;
gap: 30px;
position: absolute;
left: 100px;
bottom: 0;
}
@media (max-width: 991px) {
.hero-2 .hero-list {
display: none;
}
}
.hero-2 .hero-list li {
background-color: var(--theme);
color: var(--white);
border-radius: 6px 6px 0 0;
padding: 5px 15px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.hero-2 .hero-list li.style-2::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 30px;
background-color: var(--theme);
left: -20px;
top: 15px;
}
.hero-2 .container-fluid {
padding: 0 100px;
display: flex;
justify-content: flex-end;
}
@media (max-width: 1600px) {
.hero-2 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.hero-2 .container-fluid {
padding: 0 30px;
justify-content: flex-start;
}
}
@media (max-width: 575px) {
.hero-2 .container-fluid {
padding: 0 15px;
}
}
.hero-2 .from-box {
border-radius: 6px;
max-width: 614px;
padding: 40px 27px;
margin-top: 100px;
width: 100%;
flex: 0 0 auto;
position: relative;
}
@media (max-width: 1399px) {
.hero-2 .from-box {
padding: 30px 25px;
max-width: initial;
margin-top: 0;
}
}
.hero-2 .from-box h2 {
font-size: 40px;
color: var(--white);
}
@media (max-width: 575px) {
.hero-2 .from-box h2 {
font-size: 26px;
}
}
.hero-2 .from-box .form-clt {
margin-top: 30px;
}
.hero-2 .from-box .form-clt span {
font-size: 18px;
font-weight: 400;
display: inline-block;
font-family: "Georgia Bold", serif;
color: var(--white);
margin-bottom: 10px;
}
.hero-2 .from-box .form-clt input {
border: none;
width: 100%;
background: transparent;
border-bottom: 1px solid var(--white);
padding-bottom: 12px;
color-scheme: dark;
}
.hero-2 .from-box .form-clt input::placeholder {
color: var(--white);
}
.hero-2 .from-box .form-clt .form .single-select {
border: none;
background-color: transparent;
border-bottom: 1px solid var(--white);
border-radius: 0;
padding: 0;
padding-bottom: 19px;
line-height: initial;
height: initial;
}
.hero-2 .from-box .form-clt .form .single-select span {
margin-bottom: 0;
}
.hero-2 .from-box .form-clt .form .single-select .list {
width: 100%;
}
.hero-2 .from-box .form-clt .form .single-select::after {
width: 8px;
height: 8px;
top: 33%;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.hero-2 .from-box .form-clt .gt-theme-btn::before {
width: 82%;
}
.hero-2 .from-box .form-clt .gt-theme-btn:hover {
color: var(--header);
}
.hero-2 .from-box .form-clt .gt-theme-btn:hover::before {
height: 2000%;
background-color: var(--white);
}
.hero-2 .from-box .theme-btn {
background-color: var(--white);
color: var(--header);
justify-content: center;
}
.hero-2 .from-box .theme-btn::before {
transform: rotate(-25deg);
}
.hero-2 .from-box .theme-btn:hover {
color: var(--white);
}

.hero-3 {
border-radius: 20px;
position: relative;
z-index: 9;
margin: 50px 40px 0;
padding: 100px 0 0;
}
@media (max-width: 1399px) {
.hero-3 {
margin: 0px 30px 0;
padding-bottom: 100px;
padding-top: 150px;
}
}
@media (max-width: 991px) {
.hero-3 {
padding: 140px 0 0;
padding-bottom: 0;
}
}
@media (max-width: 575px) {
.hero-3 {
margin: 0px 15px 0;
}
}
.hero-3::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(90deg, rgba(170, 132, 83, 0) 0%, rgba(28, 28, 28, 0.8) 50%, #1C1C1C 95.19%);
z-index: -1;
}
.hero-3 .container-fluid {
padding: 0 74px;
}
@media (max-width: 1899px) {
.hero-3 .container-fluid {
padding: 0 60px;
}
}
@media (max-width: 1600px) {
.hero-3 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.hero-3 .container-fluid {
padding: 0 30px;
}
}
@media (max-width: 575px) {
.hero-3 .container-fluid {
padding: 0 15px;
}
}
.hero-3 .hero-image {
margin-left: -75px;
}
@media (max-width: 1399px) {
.hero-3 .hero-image {
margin-left: 0;
}
}
@media (max-width: 1600px) {
.hero-3 .hero-image img {
width: 100%;
height: 100%;
}
}
.hero-3 .hero-content h1 {
color: var(--white);
font-size: 72px;
margin-bottom: 50px;
}
@media (max-width: 1899px) {
.hero-3 .hero-content h1 {
font-size: 60px;
}
}
@media (max-width: 1600px) {
.hero-3 .hero-content h1 {
font-size: 55px;
}
}
@media (max-width: 1399px) {
.hero-3 .hero-content h1 {
margin-bottom: 30px;
font-size: 50px;
}
}
@media (max-width: 991px) {
.hero-3 .hero-content h1 {
font-size: 50px;
}
}
@media (max-width: 575px) {
.hero-3 .hero-content h1 {
font-size: 30px;
}
}
.hero-3 .hero-content .hero-button {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1399px) {
.hero-3 .hero-content .hero-button {
flex-wrap: wrap;
}
}
.hero-3 .hero-content .hero-button .theme-btn.style-border {
background-color: transparent;
border: 1.2px solid rgba(255, 255, 255, 0.2);
}
.hero-3 .hero-content .hero-button .theme-btn.style-border::before {
background-color: var(--theme);
}
.hero-3 .hero-content .hero-button .theme-btn.style-border:hover {
border: 1px solid var(--theme);
}

.scrolling-wrap {
overflow: hidden;
white-space: nowrap;
display: flex;
gap: 20px;
padding: 15px 0;
background-color: var(--header);
}
.scrolling-wrap .comm {
display: flex;
align-items: center;
animation: scroll 60s linear infinite;
gap: 15px;
cursor: pointer;
}
.scrolling-wrap .comm .cmn-textslide {
font-size: 25px;
font-weight: 400;
line-height: 36px;
text-transform: capitalize;
color: var(--white);
font-family: "Georgia Bold", serif;
display: flex;
align-items: center;
gap: 15px;
}
.scrolling-wrap .comm .cmn-textslide i {
font-size: 21px;
color: var(--theme);
}
.scrolling-wrap:hover .comm {
animation-play-state: paused;
}
@media (max-width: 1399px) {
.scrolling-wrap .comm {
gap: 20px;
}
}
@media (max-width: 991px) {
.scrolling-wrap {
gap: 14px;
}
.scrolling-wrap .comm {
gap: 14px;
}
}
@media (max-width: 575px) {
.scrolling-wrap .comm {
gap: 12px;
}
}

.mean-container a.meanmenu-reveal {
display: none;
}

.mean-container .mean-nav {
background: none;
margin-top: 0;
}

.mean-container .mean-bar {
padding: 0;
min-height: auto;
background: none;
background: none;
}

.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}

.mean-container a.meanmenu-reveal {
display: none !important;
}

.mean-container .mean-nav ul li a {
display: block;
width: 100%;
padding: 10px 0;
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 2;
font-weight: 700;
text-transform: capitalize;
border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
border: none;
}
.mean-container .mean-nav ul li a:hover {
color: var(--theme);
}

.mean-container .mean-nav ul li .submenu li a {
border-bottom: none !important;
font-size: 14px;
padding: 6px 0;
color: var(--header);
}

.mean-container .mean-nav ul li a:last-child {
border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
color: var(--theme);
}

.mean-container .mean-nav ul li a.mean-expand {
margin-top: 5px;
padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
display: inline-block;
font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
height: 200px;
width: 100%;
padding: 0;
border-top: 0;
margin-bottom: 20px;
}

.news-wrapper {
border-top: 1px solid rgba(28, 28, 28, 0.2);
padding-top: 48px;
margin-top: 48px;
}
@media (max-width: 1399px) {
.news-wrapper {
margin-top: 30px;
padding-top: 30px;
}
}
.news-wrapper .news-list {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.news-wrapper .news-list .news-service {
padding: 30px 0;
border-bottom: 1px solid rgba(28, 28, 28, 0.2);
background: linear-gradient(to bottom, var(--header) 0%, var(--header) 98%);
background-size: 0;
background-repeat: no-repeat;
background-position: left 100%;
transition: background-size 0.8s;
}
@media (max-width: 1399px) {
.news-wrapper .news-list .news-service {
padding: 26px 0;
}
}
@media (max-width: 991px) {
.news-wrapper .news-list .news-service {
padding: 30px 0;
}
}
.news-wrapper .news-list .news-service .tag {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 20px;
transition: 0.7s;
}
@media (max-width: 1399px) {
.news-wrapper .news-list .news-service .tag {
margin-bottom: 12px;
}
}
@media (max-width: 991px) {
.news-wrapper .news-list .news-service .tag {
margin-bottom: 20px;
}
}
.news-wrapper .news-list .news-service .tag span.style-2 {
position: relative;
}
.news-wrapper .news-list .news-service .tag span.style-2::before {
position: absolute;
content: "";
background-color: var(--theme);
left: -10px;
display: inline-block;
width: 4px;
height: 4px;
top: 12px;
border-radius: 100px;
}
.news-wrapper .news-list .news-service .news-content {
transition: 0.7s;
}
@media (max-width: 1399px) {
.news-wrapper .news-list .news-service .news-content h3 {
font-size: 24px;
}
}
@media (max-width: 991px) {
.news-wrapper .news-list .news-service .news-content h3 {
font-size: 20px;
}
}
.news-wrapper .news-list .news-service .news-content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-wrapper .news-list .news-service .news-content h3 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-wrapper .news-list .news-service:hover {
background-size: 100%;
background-position: 0% 100%;
color: var(--white);
}
.news-wrapper .news-list .news-service:hover .tag {
transform: translateX(40px);
}
.news-wrapper .news-list .news-service:hover .tag span.style-2::before {
background-color: var(--white);
}
.news-wrapper .news-list .news-service:hover .news-content {
transform: translateX(40px);
}
.news-wrapper .news-list .news-service:hover .news-content h3 a {
color: var(--theme);
}
.news-wrapper .news-img-group {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 991px) {
.news-wrapper .news-img-group {
display: none;
visibility: hidden;
}
}
.news-wrapper .news-img-group li {
position: relative;
}
.news-wrapper .news-img-group li .news-img {
min-height: 685px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 12;
}
@media (max-width: 1399px) {
.news-wrapper .news-img-group li .news-img {
min-height: 602px;
}
}
@media (max-width: 1199px) {
.news-wrapper .news-img-group li .news-img {
min-height: 567px;
}
}
.news-wrapper .news-img-group li .news-img img {
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.news-wrapper .news-img-group li.active .news-img {
animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 15;
}
@keyframes qodef-animate-image-out {
0% {
transform: scale(1) translateZ(0);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes qodef-animate-image-in {
0% {
transform: scale(1.05) translateZ(0);
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}

.news-card-items-2 {
border-radius: 8px;
background-color: #F8F8F8;
margin-top: 30px;
}
.news-card-items-2 .news-image {
position: relative;
height: 316px;
}
.news-card-items-2 .news-image img {
width: 100%;
height: 100%;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
object-fit: cover;
}
.news-card-items-2 .news-image .post-box {
border-radius: 4px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: var(--theme);
padding: 8px 4px;
position: absolute;
left: 24px;
bottom: -30px;
}
.news-card-items-2 .news-image .post-box h4 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
margin: 0;
color: var(--white);
font-size: 20px;
font-weight: 500;
}
.news-card-items-2 .news-image .post-box h4 span {
font-size: 14px;
font-weight: 400;
font-family: "Georgia Bold", sans-serif;
line-height: 1;
color: var(--white);
}
.news-card-items-2 .news-content {
padding: 5px 24px 24px;
}
.news-card-items-2 .news-content .news-meta {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 15px;
margin-left: 75px;
}
.news-card-items-2 .news-content .news-meta li {
position: relative;
}
.news-card-items-2 .news-content .news-meta li img {
margin-right: 5px;
}
.news-card-items-2 .news-content .news-meta li.style-2::before {
position: absolute;
content: "";
background-color: var(--theme);
width: 8px;
height: 8px;
border-radius: 30px;
top: 10px;
left: -15px;
}
.news-card-items-2 .news-content h4 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-card-items-2 .news-content h4 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-card-items-2 .news-content .link-btn {
display: inline-block;
margin-top: 24px;
color: var(--theme);
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid var(--theme);
}

.news-card-items-3 {
margin-top: 30px;
}
.news-card-items-3 .news-image {
overflow: hidden;
position: relative;
border-radius: 10px;
}
.news-card-items-3 .news-image img {
width: 100%;
height: 100%;
border-radius: 10px;
position: relative;
display: block;
object-fit: cover;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-card-items-3 .news-image img:first-child {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(50%) scaleX(2);
transform: translate(50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
border-radius: 10px;
}
.news-card-items-3 .news-content {
margin-top: 30px;
}
.news-card-items-3 .news-content .tag {
display: flex;
align-items: center;
gap: 15px;
}
.news-card-items-3 .news-content .tag span {
color: #1C1C1C;
position: relative;
display: inline-block;
}
.news-card-items-3 .news-content .tag span.style-2 {
padding-left: 15px;
}
.news-card-items-3 .news-content .tag span.style-2::before {
position: absolute;
content: "";
top: 10px;
left: 0;
width: 5px;
height: 5px;
border-radius: 30px;
background-color: var(--theme);
}
.news-card-items-3 .news-content h3 {
margin-top: 20px;
}
.news-card-items-3 .news-content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-card-items-3 .news-content h3 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-card-items-3:hover .news-image img:first-child {
-webkit-transform: translateX(0) scaleX(1);
transform: translate(0) scaleX(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.news-card-items-3:hover .news-image img:nth-child(2) {
-webkit-transform: translateX(-50%) scaleX(2);
transform: translateX(-50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}

.news-standard-wrapper .news-card-items-4 {
margin-bottom: 48px;
}
.news-standard-wrapper .news-card-items-4 .news-image {
overflow: hidden;
border-radius: 16px;
}
.news-standard-wrapper .news-card-items-4 .news-image img {
width: 100%;
height: 100%;
transform: scale(1.02);
transition: all 1.5s ease-out;
border-radius: 16px;
}
.news-standard-wrapper .news-card-items-4 .news-content .date-list {
display: flex;
align-items: center;
gap: 20px;
margin-top: 24px;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.news-standard-wrapper .news-card-items-4 .news-content .date-list {
flex-wrap: wrap;
gap: 10px;
}
}
.news-standard-wrapper .news-card-items-4 .news-content .date-list li i {
margin-right: 10px;
}
.news-standard-wrapper .news-card-items-4 .news-content h3 {
margin-bottom: 10px;
font-size: 32px;
font-weight: 700;
}
@media (max-width: 1199px) {
.news-standard-wrapper .news-card-items-4 .news-content h3 {
font-size: 30px;
}
}
@media (max-width: 575px) {
.news-standard-wrapper .news-card-items-4 .news-content h3 {
font-size: 25px;
}
}
.news-standard-wrapper .news-card-items-4 .news-content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.news-standard-wrapper .news-card-items-4 .news-content h3 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-standard-wrapper .news-card-items-4 .news-content .theme-btn {
margin-top: 24px;
}
.news-standard-wrapper .news-card-items-4:hover .news-image img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}

.main-sideber .single-sideber-widget {
margin-bottom: 40px;
background-color: var(--bg-3);
padding: 30px;
border-radius: 16px;
}
.main-sideber .single-sideber-widget .search-widget form {
width: 100%;
position: relative;
}
.main-sideber .single-sideber-widget .search-widget form input {
background-color: var(--white);
font-size: 18px;
font-weight: 400;
padding: 16px 20px;
width: 100%;
border: none;
color: var(--text);
}
.main-sideber .single-sideber-widget .search-widget form button {
position: absolute;
right: -2px;
top: 0;
width: 58px;
border-radius: 8px;
font-size: 18px;
height: 100%;
background-color: var(--theme);
color: var(--white);
text-align: center;
transition: all 0.3s ease-in-out;
}
.main-sideber .single-sideber-widget .search-widget form button:hover {
background-color: var(--header);
}
.main-sideber .single-sideber-widget .widget-title {
border-bottom: 1.5px solid rgba(129, 129, 129, 0.24);
padding-bottom: 16px;
margin-bottom: 30px;
}
.main-sideber .single-sideber-widget .widget-title h3 {
font-weight: 800;
}
.main-sideber .single-sideber-widget .amenities-list li {
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 500;
}
.main-sideber .single-sideber-widget .amenities-list li:not(:last-child) {
margin-bottom: 20px;
}
.main-sideber .single-sideber-widget .category-list li {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 500;
color: var(--header);
transition: all 0.4s ease-in-out;
background-color: var(--white);
padding: 18px 22px;
line-height: 1;
border-radius: 8px;
}
.main-sideber .single-sideber-widget .category-list li a {
color: var(--header);
}
.main-sideber .single-sideber-widget .category-list li i {
transition: all 0.4s ease-in-out;
color: var(--header);
}
.main-sideber .single-sideber-widget .category-list li:not(:last-child) {
margin-bottom: 20px;
}
.main-sideber .single-sideber-widget .category-list li span b {
font-weight: 400;
color: var(--theme);
}
.main-sideber .single-sideber-widget .category-list li:hover {
background-color: var(--theme);
}
.main-sideber .single-sideber-widget .category-list li:hover a {
color: var(--white);
}
.main-sideber .single-sideber-widget .category-list li:hover i, .main-sideber .single-sideber-widget .category-list li:hover span {
color: var(--white);
}
.main-sideber .single-sideber-widget .hours-list li {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-sideber .single-sideber-widget .hours-list li:not(:last-child) {
margin-bottom: 18px;
}
.main-sideber .single-sideber-widget .hours-list li span {
font-weight: 500;
color: var(--header);
}
.main-sideber .single-sideber-widget .hours-list li b {
font-weight: 500;
color: var(--theme);
}
.main-sideber .single-sideber-widget .recent-post-area .recent-items {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1199px) {
.main-sideber .single-sideber-widget .recent-post-area .recent-items {
flex-wrap: wrap;
}
}
.main-sideber .single-sideber-widget .recent-post-area .recent-items:not(:last-child) {
margin-bottom: 20px;
}
.main-sideber .single-sideber-widget .recent-post-area .recent-items .recent-thumb img {
border-radius: 12px;
}
.main-sideber .single-sideber-widget .recent-post-area .recent-items .recent-content h5 {
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
line-height: 150%;
}
.main-sideber .single-sideber-widget .recent-post-area .recent-items .recent-content h5 a:hover {
color: var(--theme);
}
.main-sideber .single-sideber-widget .recent-post-area .recent-items .recent-content ul li {
color: var(--text);
font-weight: 500;
}
.main-sideber .single-sideber-widget .tagcloud a {
display: inline-block;
padding: 12px 12px;
line-height: 1;
font-weight: 400;
background: var(--white);
margin-right: 6px;
margin-bottom: 10px;
text-transform: capitalize;
border-radius: 4px;
}
.main-sideber .single-sideber-widget .tagcloud a:last-child {
margin-right: 0;
}
.main-sideber .single-sideber-widget .tagcloud a:hover {
background-color: var(--theme);
color: var(--white);
}
.main-sideber .service-details-sidebar {
text-align: center;
padding: 50px 40px;
border-radius: 16px;
}
.main-sideber .service-details-sidebar .content {
margin-top: 20px;
}
.main-sideber .service-details-sidebar .content span {
color: var(--white);
opacity: 0.88;
}
.main-sideber .service-details-sidebar .content h3 {
margin-top: 10px;
}
.main-sideber .service-details-sidebar .content h3 a {
color: var(--white);
}
.main-sideber .service-details-sidebar .content .theme-btn {
margin-top: 30px;
background-color: var(--theme);
color: var(--header);
}
.main-sideber .service-details-sidebar .content .theme-btn::before {
background-color: var(--theme);
}
.main-sideber .service-details-sidebar .content .theme-btn:hover {
color: var(--white);
}

.news-details-wrapper .details-image img {
width: 100%;
height: 100%;
border-radius: 16px;
}
.news-details-wrapper .news-details-content {
margin-top: 24px;
}
.news-details-wrapper .news-details-content h3 {
font-size: 40px;
margin-bottom: 10px;
font-weight: 800;
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content h3 {
font-size: 30px;
}
}
@media (max-width: 575px) {
.news-details-wrapper .news-details-content h3 {
font-size: 25px;
}
}
.news-details-wrapper .news-details-content .list {
margin-top: 30px;
margin-bottom: 30px;
border-radius: 0;
}
.news-details-wrapper .news-details-content .list .list-item {
margin-bottom: 30px;
}
.news-details-wrapper .news-details-content .list .list-item h3 {
font-size: 24px;
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content .list .list-item h3 {
font-size: 20px;
}
}
.news-details-wrapper .news-details-content .list .list-item .details-list {
margin-top: 20px;
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content .list .list-item .details-list {
flex-wrap: wrap;
gap: 20px;
}
}
.news-details-wrapper .news-details-content .list .list-item .details-list li {
font-size: 16px;
font-weight: 400;
color: var(--header);
}
.news-details-wrapper .news-details-content .list .list-item .details-list li:not(:last-child) {
margin-bottom: 20px;
}
.news-details-wrapper .news-details-content .list .list-item .details-list li i {
color: var(--theme);
margin-right: 8px;
}
.news-details-wrapper .news-details-content .sideber {
padding: 30px 40px;
border: 1.5px solid var(--theme);
background-color: var(--bg);
border-radius: 16px;
margin-top: 20px;
}
@media (max-width: 575px) {
.news-details-wrapper .news-details-content .sideber {
padding: 30px;
}
}
.news-details-wrapper .news-details-content .sideber h6 {
margin-bottom: 15px;
line-height: 150%;
letter-spacing: 0.5px;
font-weight: 500;
font-size: 20px;
}
.news-details-wrapper .news-details-content .sideber .client-info-item {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content .sideber .client-info-item {
flex-wrap: wrap;
gap: 30px;
}
}
.news-details-wrapper .news-details-content .sideber .client-info-item .client-info {
display: flex;
align-items: center;
gap: 12px;
}
.news-details-wrapper .news-details-content .sideber .client-info-item .client-info .image {
border-radius: 100%;
}
.news-details-wrapper .news-details-content .sideber .client-info-item .client-info h4 {
font-size: 20px;
font-weight: 700;
}
.news-details-wrapper .news-details-content .news-title {
font-size: 24px;
font-weight: 400;
margin-top: 20px;
margin-bottom: 15px;
font-family: "Georgia Bold", sans-serif;
}
.news-details-wrapper .news-details-content .text {
font-size: 24px;
margin-top: 30px;
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content .text {
font-size: 20px;
}
}
.news-details-wrapper .news-details-content .tag-share-wrap {
border-bottom: 1.2px solid rgba(191, 191, 191, 0.24);
padding: 30px 0;
}
.news-details-wrapper .news-details-content .tag-share-wrap .tagcloud span {
font-size: 20px;
font-weight: 600;
display: inline-block;
color: var(--header);
font-family: "Georgia Bold", serif;
margin-right: 15px;
}
.news-details-wrapper .news-details-content .tag-share-wrap .tagcloud a {
display: inline-block;
padding: 14px 26px;
line-height: 1;
background: var(--bg);
margin-right: 8px;
text-transform: capitalize;
font-weight: 600;
transition: all 0.4s ease-in-out;
border-radius: 30px;
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content .tag-share-wrap .tagcloud a {
padding: 10px 20px;
}
}
@media (max-width: 1199px) {
.news-details-wrapper .news-details-content .tag-share-wrap .tagcloud a {
margin-bottom: 15px;
}
}
.news-details-wrapper .news-details-content .tag-share-wrap .tagcloud a:hover {
background-color: var(--theme);
color: var(--white);
}
.news-details-wrapper .news-details-content .tag-share-wrap .social-share a {
font-size: 16px;
color: var(--header);
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background-color: var(--bg);
border-radius: 8px;
}
.news-details-wrapper .news-details-content .tag-share-wrap .social-share a:not(:last-child) {
margin-right: 10px;
}
.news-details-wrapper .news-details-content .tag-share-wrap .social-share a:hover {
color: var(--white);
background-color: var(--theme);
}
.news-details-wrapper .news-details-content .comments-area {
margin-top: 40px;
}
.news-details-wrapper .news-details-content .comments-area h3 {
font-size: 28px;
}
.news-details-wrapper .news-details-content .comments-area .blog-single-comment {
border-bottom: 1.2px solid rgba(191, 191, 191, 0.24);
}
@media (max-width: 575px) {
.news-details-wrapper .news-details-content .comments-area .blog-single-comment {
flex-wrap: wrap;
gap: 20px;
}
}
.news-details-wrapper .news-details-content .comments-area .blog-single-comment .content .head .con h5 {
margin-bottom: 10px;
font-weight: 600;
font-size: 20px;
}
.news-details-wrapper .news-details-content .comments-area .blog-single-comment .content .reply {
padding: 5px 18px;
font-weight: 400;
background-color: var(--theme);
color: var(--white);
transition: all 0.4s ease-in-out;
border-radius: 8px;
}
.news-details-wrapper .news-details-content .comments-area .blog-single-comment .content .reply:hover {
background-color: var(--header);
}
.news-details-wrapper .news-details-content .comment-form-wrap {
background-color: var(--bg);
padding: 30px;
border-radius: 16px;
}
.news-details-wrapper .news-details-content .comment-form-wrap h3 {
margin-bottom: 30px;
border-bottom: 1.2px solid rgba(102, 102, 102, 0.24);
padding-bottom: 24px;
margin-bottom: 24px;
font-size: 28px;
}
.news-details-wrapper .news-details-content .comment-form-wrap .form-clt span {
color: var(--header);
display: inline-block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
font-family: "Georgia Bold", serif;
}
.news-details-wrapper .news-details-content .comment-form-wrap .form-clt input, .news-details-wrapper .news-details-content .comment-form-wrap .form-clt textarea {
width: 100%;
outline: none;
border: none;
background-color: var(--border);
padding: 16px 20px;
font-weight: 400;
color: var(--text);
background-color: var(--white);
border-radius: 8px;
}
.news-details-wrapper .news-details-content .comment-form-wrap .form-clt input::placeholder, .news-details-wrapper .news-details-content .comment-form-wrap .form-clt textarea::placeholder {
color: var(--text);
}
.news-details-wrapper .news-details-content .comment-form-wrap .form-clt textarea {
padding-bottom: 100px;
resize: none;
}

/* Preloader Base */
#preloader {
position: fixed;
inset: 0;
background: #fff;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.1s ease, visibility 0.6s ease;
}

#preloader.hidden {
opacity: 0;
visibility: hidden;
}

/* Content */
.preloader-content {
text-align: center;
}

.preloader-logo {
width: 100px;
height: auto;
margin-bottom: 20px;
animation: pulse 2s infinite ease-in-out;
}

/* Spinner */
.spinner {
width: 50px;
height: 50px;
border: 3px solid #ddd;
border-top: 3px solid #c19b76; /* gold tone */
border-radius: 50%;
margin: 0 auto 15px;
animation: spin 1.2s linear infinite;
}

/* Text */
#preloader p {
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #555;
letter-spacing: 0.5px;
}

/* Animations */
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.7;
transform: scale(1.1);
}
}
.back-to-top {
background-color: var(--theme);
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100px;
color: var(--white);
font-size: 16px;
position: fixed;
display: inline-block;
z-index: 9999;
right: 30px;
bottom: 30px;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
}
@media (max-width: 575px) {
.back-to-top {
display: none;
}
}
.back-to-top:hover {
background-color: var(--white);
color: var(--theme);
}
.back-to-top.show {
opacity: 1;
visibility: visible;
transform: translate(0);
}

.cursor-outer {
-webkit-margin-start: -12px;
margin-inline-start: -12px;
margin-top: -12px;
width: 30px;
height: 30px;
border: 1px solid var(--theme);
background-color: var(--theme);
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
opacity: 0.34;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
opacity: 0.14;
}

.cursor-outer.cursor-big {
opacity: 0;
}

.mouseCursor {
position: fixed;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
text-align: center;
}

.mouseCursor.cursor-big {
width: 20px;
height: 20px;
-webkit-margin-start: -12px;
margin-inline-start: -12px;
margin-top: -12px;
}

.cursor-inner {
-webkit-margin-start: -3px;
margin-inline-start: -3px;
margin-top: -3px;
width: 10px;
height: 10px;
z-index: 10000001;
background-color: var(--theme);
opacity: 1;
-webkit-transition: all 0.24s ease-out 0s;
transition: all 0.24s ease-out 0s;
}
.cursor-inner span {
color: var(--text);
line-height: 60px;
opacity: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}

.cursor-inner.cursor-big span {
opacity: 1;
}

.cursor-inner.cursor-hover {
-webkit-margin-start: -10px;
margin-inline-start: -10px;
margin-top: -10px;
width: 30px;
height: 30px;
background-color: var(--theme);
border: 1px solid #686363;
opacity: 0;
}

.search-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -2;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.search-popup__overlay {
position: fixed;
width: 224vw;
height: 224vw;
top: calc(90px - 112vw);
right: calc(50% - 112vw);
z-index: 3;
display: block;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: transform 0.8s ease-in-out;
-khtml-transition: transform 0.8s ease-in-out;
-moz-transition: transform 0.8s ease-in-out;
-ms-transition: transform 0.8s ease-in-out;
-o-transition: transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
transition-delay: 0s;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
background-color: #000000;
opacity: 0.7;
cursor: url(../img/close.png), auto;
}

@media (max-width: 767px) {
.search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: none;
width: 100%;
height: 100%;
border-radius: 0;
transform: translateY(-110%);
}
}
.search-popup__content {
position: fixed;
width: 0;
max-width: 560px;
padding: 30px 15px;
left: 50%;
top: 50%;
opacity: 0;
z-index: 3;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
transition-delay: 0s, 0.8s, 0s;
transition-delay: 0s, 0.4s, 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

.search-popup__form {
position: relative;
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
width: 100%;
height: 66px;
border: none;
outline: none;
padding-left: 20px;
background-color: var(--white);
font-size: 16px;
font-weight: 400;
color: var(--text);
transition: all 500ms ease;
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
color: var(--header);
}

.search-popup__form .search-btn {
padding: 0;
width: 66px;
height: 66px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: -1px;
border-radius: 0;
font-size: 20px;
color: var(--white);
background-color: var(--theme);
transition: all 0.4s ease-in-out;
}
.search-popup__form .search-btn:hover {
background-color: var(--black);
}

.search-popup__form .eolexi-btn svg {
width: 1em;
height: 1em;
fill: currentColor;
}

.search-popup.active {
z-index: 9999;
}

.search-popup.active .search-popup__overlay {
top: auto;
bottom: calc(90px - 112vw);
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
opacity: 0.7;
-webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
.search-popup.active .search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: none;
width: 100%;
height: 100%;
border-radius: 0;
transform: translateY(0%);
}
}
.search-popup.active .search-popup__content {
width: 100%;
opacity: 1;
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}

.room-section {
position: relative;
z-index: 1;
}
.room-section .bg-image {
position: absolute;
top: 0;
bottom: 0;
left: 40px;
right: 40px;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 1600px) {
.room-section .bg-image {
left: 0;
right: 0;
}
}
.room-section .bg-image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.room-section .bg-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 20px;
background: rgba(0, 0, 0, 0.7);
overflow: hidden;
z-index: 9;
}
.room-section .section-title-area {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 30px;
margin-bottom: 48px;
}
.room-section .section-title-area .section-title p {
max-width: 690px;
}
.room-section .room-slider {
margin-left: -200px;
margin-right: -200px;
position: relative;
z-index: 999;
}
@media (max-width: 1399px) {
.room-section .room-slider {
margin-left: 0;
margin-right: 0;
}
}

.room-box-item {
border-radius: 25px;
position: relative;
z-index: 9;
padding: 0px;
background: #fff;
box-shadow: 0 0 10px 0 #e1e1e1;
overflow: hidden;
}
.room-box-item .room-image {
position: relative;
overflow: hidden;
}
.room-box-item .room-image img {
width: 100%;
height: 300px;
border-radius: 0px;
position: relative;
display: block;
object-fit: cover;
margin-bottom: 0px;
transition: transform 0.25s ease-in-out;
}
.room-box-item:hover{
box-shadow: 0 0 30px 0 #e1e1e1;
}
.room-box-item:hover .room-image img{
transform: scale(1.055);
}
/*.room-box-item .room-image img:first-child {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(50%) scaleX(2);
transform: translate(50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}*/
.room-box-item .room-image span {
background-color: #ffffff;
position: absolute;
left: 15px;
top: 15px;
z-index: 999;
font-size: 14px;
font-weight: 600;
color: var(--theme);
display: inline-block;
border-radius: 6px;
border: 1px solid rgba(170, 132, 83, 0.2);
padding: 5px 10px;
margin-bottom: 20px;
}
.room-box-item .content-item {
background: var(--white);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 20px;
}
.room-box-item .content-item .room-content {
padding: 0px;
}
.room-box-item .content-item .room-content h6 {
font-size: 14px;
font-weight: 600;
color: var(--theme);
display: inline-block;
border-radius: 6px;
border: 1px solid rgba(170, 132, 83, 0.2);
padding: 5px 10px;
margin-bottom: 20px;
}
.room-box-item .content-item .room-content p {
color: #78716c;
}
.room-box-item .content-item .room-content .ratings{
color: var(--theme-sec);
font-size: 12px;
}
.room-box-item .content-item .room-content h4 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.room-box-item .content-item .room-content h4 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.room-box-item .content-item .room-content .list {
display: flex;
align-items: center;
gap: 20px;
margin-top: 15px;
}
@media (max-width: 1399px) {
.room-box-item .content-item .room-content .list {
flex-wrap: wrap;
gap: 15px;
}
}
.room-box-item .content-item .room-content .list li {
display: flex;
align-items: center;
font-weight: 500;
line-height: 1;
gap: 10px;
color: #434343;
}
.room-box-item .content-item .room-content .list li i {
font-size: 18px;
line-height: 1;
color: var(--theme);
}
.room-box-item .content-item .theme-btn {
border-radius: 7px;
}

/*.room-box-item:hover .room-image img:first-child {
-webkit-transform: translateX(0) scaleX(1);
transform: translate(0) scaleX(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.room-box-item:hover .room-image img:nth-child(2) {
-webkit-transform: translateX(-50%) scaleX(2);
transform: translateX(-50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}*/

.room-section-2 {
position: relative;
}
.room-section-2 .bg-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.room-section-2 .bg-image img {
width: 100%;
height: 100%;
}
.room-section-2 .bg-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(28, 28, 28, 0.85);
overflow: hidden;
z-index: 9;
}
.room-section-2 .room-slider-2 {
margin-left: -200px;
margin-right: -200px;
position: relative;
z-index: 999;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1399px) {
.room-section-2 .room-slider-2 {
margin-left: 0;
margin-right: 0;
}
}
.room-section-2 .section-title-area .left-content .nav {
display: flex;
align-items: center;
gap: 40px;
margin-top: 105px;
}
@media (max-width: 1399px) {
.room-section-2 .section-title-area .left-content .nav {
gap: 30px;
flex-wrap: wrap;
margin-top: 30px;
}
}
.room-section-2 .section-title-area .left-content .nav li {
font-size: 18px;
font-weight: 600;
color: var(--white);
}
@media (max-width: 1399px) {
.room-section-2 .section-title-area .left-content .nav li {
font-size: 16px;
}
}
.room-section-2 .section-title-area .left-content .nav li .nav-link {
color: var(--white);
transition: all 0.4s ease-in-out;
font-size: 18px;
font-weight: 600;
line-height: 1;
position: relative;
padding: 0;
}
.room-section-2 .section-title-area .left-content .nav li .nav-link.active {
position: relative;
color: var(--theme);
}

.tab-content {
position: relative;
z-index: 999;
margin-top: 48px;
}
@media (max-width: 1399px) {
.tab-content {
margin-top: 30px;
}
}
.tab-content .room-card-items-2 {
padding: 30px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
z-index: 9999;
height: 607px;
overflow: visible;
transition: all 0.4s ease;
}
@media (max-width: 1600px) {
.tab-content .room-card-items-2 {
height: 450px;
}
}
@media (max-width: 1399px) {
.tab-content .room-card-items-2 {
height: 380px;
}
}
.tab-content .room-card-items-2 .tag {
font-weight: 600;
font-size: 14px;
color: var(--white);
position: absolute;
top: 60px;
left: 30px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.3);
padding: 2px 5px;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
.tab-content .room-card-items-2 .tag {
left: 10px;
}
}
.tab-content .room-card-items-2 .tag a {
color: var(--white);
}
.tab-content .room-card-items-2 .tag i {
color: var(--white);
margin-right: 10px;
}
.tab-content .room-card-items-2 .room-image {
position: absolute;
width: 160px;
height: 194px;
top: 30px;
right: 30px;
overflow: hidden;
border-radius: 6px;
transition: all 0.6s ease;
z-index: 3;
transform-origin: top right;
}
.tab-content .room-card-items-2 .room-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
transition: all 0.6s ease;
}
.tab-content .room-card-items-2 .room-content {
left: 30px;
position: absolute;
bottom: 60px;
transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
.tab-content .room-card-items-2 .room-content {
bottom: 30px;
left: 10px;
}
}
.tab-content .room-card-items-2 .room-content h4 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
color: var(--white);
transition: all 0.3s ease;
}
.tab-content .room-card-items-2 .room-content h4 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.tab-content .room-card-items-2 .room-content .list {
display: flex;
gap: 20px;
margin-top: 15px;
flex-wrap: wrap;
}
.tab-content .room-card-items-2 .room-content .list li {
display: flex;
align-items: center;
font-weight: 500;
line-height: 1;
gap: 10px;
color: var(--white);
}
.tab-content .room-card-items-2 .room-content .list li i {
font-size: 18px;
line-height: 1;
color: var(--theme);
}
.tab-content .room-card-items-2:hover .tag {
left: 60px;
z-index: 999;
}
.tab-content .room-card-items-2:hover .room-content {
left: 60px;
z-index: 999;
}
@media (max-width: 1399px) {
.tab-content .room-card-items-2:hover .room-content {
left: 30px;
}
}
.tab-content .room-card-items-2:hover .room-image {
width: 385px;
height: 548px;
transform-origin: top right;
right: 30px;
top: 30px;
z-index: 5;
}
@media (max-width: 1899px) {
.tab-content .room-card-items-2:hover .room-image {
width: 350px;
}
}
@media (max-width: 1600px) {
.tab-content .room-card-items-2:hover .room-image {
width: 290px;
height: 390px;
}
}
@media (max-width: 1399px) {
.tab-content .room-card-items-2:hover .room-image {
width: 270px;
height: 330px;
}
}
@media (max-width: 991px) {
.tab-content .room-card-items-2:hover .room-image {
width: 300px;
height: 330px;
}
}
@media (max-width: 767px) {
.tab-content .room-card-items-2:hover .room-image {
width: 250px;
height: 330px;
}
}
.tab-content .room-card-items-2:hover .room-image img {
border-radius: 8px;
object-fit: cover;
}
.tab-content .array-buttonss {
justify-content: center;
margin-top: 60px;
display: flex;
align-items: center;
gap: 60px;
position: relative;
z-index: 999;
}
.tab-content .array-buttonss .array-prev {
font-size: 14px;
font-weight: 600;
color: rgba(255, 255, 255, 0.3);
transition: all 0.4s ease-in-out;
text-transform: uppercase;
}
.tab-content .array-buttonss .array-prev:hover {
color: var(--white);
}
.tab-content .array-buttonss .array-next {
font-size: 14px;
font-weight: 600;
color: var(--white);
transition: all 0.4s ease-in-out;
text-transform: uppercase;
}
.tab-content .array-buttonss .array-next:hover {
color: var(--theme);
}

@media (max-width: 1399px) {
.hotel-dining-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 991px) {
.hotel-dining-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.hotel-dining-wrapper .hotel-dining-content .text {
margin-top: 20px;
max-width: 560px;
margin-bottom: 70px;
}
@media (max-width: 1399px) {
.hotel-dining-wrapper .hotel-dining-content .text {
margin-bottom: 30px;
}
}
.hotel-dining-wrapper .hotel-dining-content .dining-item {
max-width: 550px;
}
.hotel-dining-wrapper .hotel-dining-content .dining-item .dining-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.hotel-dining-wrapper .hotel-dining-content .dining-item .swiper-slide-next .dining-image img {
border: 3px solid var(--white);
}
.hotel-dining-wrapper .hotel-dining-content .dining-item .array-buttons {
margin-top: 60px;
}
@media (max-width: 1399px) {
.hotel-dining-wrapper .hotel-dining-content .dining-item .array-buttons {
margin-top: 30px;
}
}
.hotel-dining-wrapper .hotel-dining-content .dining-item .array-buttons .array-prev:hover {
color: var(--header);
background-color: var(--white);
}
.hotel-dining-wrapper .hotel-dining-content .dining-item .array-buttons .array-next {
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.2);
color: var(--white);
}
.hotel-dining-wrapper .hotel-dining-content .dining-item .array-buttons .array-next:hover {
color: var(--header);
}
.hotel-dining-wrapper .hotel-slider {
margin-right: -270px;
position: relative;
z-index: 9999;
}
@media (max-width: 1600px) {
.hotel-dining-wrapper .hotel-slider {
margin-right: -30px;
}
}
@media (max-width: 1399px) {
.hotel-dining-wrapper .hotel-slider {
margin-right: 0;
}
}
.hotel-dining-wrapper .hotel-image img {
width: 100%;
height: 100%;
border-radius: 10px 0 0 10px;
}
@media (max-width: 1399px) {
.hotel-dining-wrapper .hotel-image img {
border-radius: 10px;
}
}

.hotel-dining-section {
position: relative;
z-index: 999;
}
.hotel-dining-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--theme);
width: 945px;
border-radius: 0 10px 10px 0;
z-index: -1;
}
@media (max-width: 1899px) {
.hotel-dining-section::before {
width: 790px;
}
}
@media (max-width: 1600px) {
.hotel-dining-section::before {
width: 710px;
}
}
@media (max-width: 1399px) {
.hotel-dining-section::before {
width: 100%;
}
}

.room-wrapper .text {
text-align: center;
text-transform: uppercase;
font-size: 200px;
font-weight: 400;
line-height: 1;
transition: opacity 0.3s ease;
transform-origin: center center;
will-change: transform, opacity;
display: block;
margin-bottom: 48px;
}
@media (max-width: 1399px) {
.room-wrapper .text {
margin-bottom: 30px;
font-size: 150px;
}
}
@media (max-width: 991px) {
.room-wrapper .text {
font-size: 100px;
}
}
@media (max-width: 575px) {
.room-wrapper .text {
font-size: 60px;
}
}
.room-wrapper .room-box-items-3 {
border-radius: 0 0 8px 8px;
position: relative;
z-index: 9;
width: 100%;
max-width: 419px;
}
@media (max-width: 1399px) {
.room-wrapper .room-box-items-3 {
max-width: initial;
}
}
.room-wrapper .room-box-items-3 .room-image {
position: relative;
overflow: hidden;
}
.room-wrapper .room-box-items-3 .room-image img {
width: 100%;
height: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
position: relative;
display: block;
object-fit: cover;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.room-wrapper .room-box-items-3 .room-image img:first-child {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(50%) scaleX(2);
transform: translate(50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.room-wrapper .room-box-items-3 .room-image span {
font-size: 14px;
font-weight: 400;
color: var(--white);
border-radius: 6px;
background-color: var(--theme);
position: absolute;
left: 25px;
top: 45px;
padding: 6px 12px;
z-index: 999;
}
.room-wrapper .room-box-items-3 .content-item {
background: var(--white);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.room-wrapper .room-box-items-3 .content-item .room-content {
padding: 25px;
}
.room-wrapper .room-box-items-3 .content-item .room-content h6 {
font-size: 14px;
font-weight: 600;
color: var(--theme);
display: inline-block;
margin-bottom: 10px;
}
.room-wrapper .room-box-items-3 .content-item .room-content h4 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.room-wrapper .room-box-items-3 .content-item .room-content h4 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.room-wrapper .room-box-items-3 .content-item .room-content .list {
display: flex;
align-items: center;
gap: 20px;
margin-top: 15px;
}
@media (max-width: 1399px) {
.room-wrapper .room-box-items-3 .content-item .room-content .list {
flex-wrap: wrap;
gap: 15px;
}
}
.room-wrapper .room-box-items-3 .content-item .room-content .list li {
display: flex;
align-items: center;
font-weight: 500;
line-height: 1;
gap: 10px;
color: #434343;
}
.room-wrapper .room-box-items-3 .content-item .room-content .list li i {
font-size: 18px;
line-height: 1;
color: #434343;
}
.room-wrapper .room-box-items-3 .content-item .room-content .more-btn {
text-transform: uppercase;
color: var(--theme);
font-weight: 500;
font-family: "Georgia Bold", sans-serif;
display: inline-block;
margin-top: 20px;
}
.room-wrapper .room-box-items-3:hover .room-image img:first-child {
-webkit-transform: translateX(0) scaleX(1);
transform: translate(0) scaleX(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.room-wrapper .room-box-items-3:hover .room-image img:nth-child(2) {
-webkit-transform: translateX(-50%) scaleX(2);
transform: translateX(-50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.room-wrapper .room-box-items-3.style-2 {
margin-top: 160px;
margin-left: 20px;
}
@media (max-width: 1399px) {
.room-wrapper .room-box-items-3.style-2 {
margin-left: 0;
margin-top: 30px;
}
}
.room-wrapper .room-box-items-3.style-3 {
margin-top: 250px;
}
@media (max-width: 1399px) {
.room-wrapper .room-box-items-3.style-3 {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.room-wrapper .room-box-items-3.style-3 {
margin-top: 0px;
}
}
.room-wrapper .room-box-items-3.style-4 {
margin-top: 160px;
}
@media (max-width: 1399px) {
.room-wrapper .room-box-items-3.style-4 {
margin-top: 30px;
}
}
.room-wrapper .room-box-items-3.style-5 {
margin-left: 20px;
}
@media (max-width: 1399px) {
.room-wrapper .room-box-items-3.style-5 {
margin-left: 0;
}
}

.rooms-section-3 .container-fluid {
padding: 0 120px;
}
@media (max-width: 1899px) {
.rooms-section-3 .container-fluid {
padding: 0 70px;
}
}
@media (max-width: 1600px) {
.rooms-section-3 .container-fluid {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.rooms-section-3 .container-fluid {
padding: 0 30px;
}
}
@media (max-width: 767px) {
.rooms-section-3 .container-fluid {
padding: 0 15px;
}
}

.hotel-overview-wrapper .hotel-image {
max-width: 360px;
overflow: hidden;
}
@media (max-width: 1399px) {
.hotel-overview-wrapper .hotel-image {
max-width: initial;
}
}
.hotel-overview-wrapper .hotel-image img {
border-radius: 6px;
width: 100%;
height: 100%;
}
.hotel-overview-wrapper .hotel-image.style-2 {
margin-top: 250px;
}
@media (max-width: 1399px) {
.hotel-overview-wrapper .hotel-image.style-2 {
margin-top: 0;
}
}
.hotel-overview-wrapper .hotel-overview-content {
margin-left: 70px;
margin-top: 70px;
margin-bottom: 70px;
padding-bottom: 230px;
}
@media (max-width: 1399px) {
.hotel-overview-wrapper .hotel-overview-content {
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
}
}
.hotel-overview-wrapper .hotel-overview-content .text {
margin-top: 15px;
max-width: 518px;
margin-bottom: 30px;
}
.hotel-overview-wrapper .hotel-overview-content .list-item {
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
width: 526px;
}
@media (max-width: 1399px) {
.hotel-overview-wrapper .hotel-overview-content .list-item {
width: initial;
}
}
.hotel-overview-wrapper .hotel-overview-content .list-item li {
color: #434343;
position: relative;
padding: 8px 0;
padding-left: 20px;
}
.hotel-overview-wrapper .hotel-overview-content .list-item li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.hotel-overview-wrapper .hotel-overview-content .list-item li::before {
position: absolute;
content: "";
width: 4px;
height: 4px;
border-radius: 20px;
background-color: #434343;
left: 4px;
top: 20px;
}

.hotel-overview-section {
position: relative;
}
.hotel-overview-section .left-image {
position: absolute;
left: 50px;
top: 170px;
overflow: hidden;
}
@media (max-width: 1600px) {
.hotel-overview-section .left-image {
display: none;
}
}
.hotel-overview-section .left-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.hotel-overview-section .bottom-image {
position: absolute;
left: 520px;
bottom: 106px;
overflow: hidden;
}
@media (max-width: 1399px) {
.hotel-overview-section .bottom-image {
display: none;
}
}
.hotel-overview-section .bottom-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.hotel-overview-section .right-image {
position: absolute;
right: 30px;
bottom: 370px;
overflow: hidden;
}
@media (max-width: 1600px) {
.hotel-overview-section .right-image {
display: none;
}
}
.hotel-overview-section .right-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}

.room-details-wrapper .room-details-post .details-image img {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 16px;
}
.room-details-wrapper .room-details-post .details-content {
margin-top: 30px;
}
.room-details-wrapper .room-details-post .details-content .details-items {
margin-bottom: 30px;
}
.room-details-wrapper .room-details-post .details-content .details-items .details-image img {
width: 100%;
height: 100px;
object-fit: cover;
border-radius: 16px;
}
.room-details-wrapper .room-details-post .details-content .list {
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 30px 0;
margin-top: 30px;
margin-bottom: 30px;
}
.room-details-wrapper .room-details-post .details-content .list .room-list li i {
color: var(--theme);
margin-right: 10px;
}
.room-details-wrapper .room-details-post .details-content .list .room-list li:not(:last-child) {
margin-bottom: 10px;
}
.room-details-wrapper .room-details-post .details-content .room-list-2 {
margin-top: 20px;
margin-bottom: 20px;
}
.room-details-wrapper .room-details-post .details-content .room-list-2 li i {
color: var(--theme);
margin-right: 10px;
}
.room-details-wrapper .room-details-post .details-content .room-list-2 li:not(:last-child) {
margin-bottom: 10px;
}
.room-details-wrapper .room-details-post .details-content .contact-form-box {
margin-top: 30px;
}
.room-details-wrapper .room-details-post .details-content .contact-form-box h4 {
margin-bottom: 10px;
}
.room-details-wrapper .room-details-post .details-content .contact-form-box .form-clt input, .room-details-wrapper .room-details-post .details-content .contact-form-box .form-clt textarea {
border-radius: 4px;
border: none;
background: var(--white);
line-height: 1;
padding: 20px 25px;
width: 100%;
text-transform: capitalize;
color: var(--text);
}
.room-details-wrapper .room-details-post .details-content .contact-form-box .form-clt textarea {
padding-bottom: 110px;
}
.room-details-wrapper .room-sideber {
background-color: var(--bg-3);
padding: 30px;
border-radius: 16px;
}
.room-details-wrapper .room-sideber h4 {
border-bottom: 1px solid var(--border);
padding-bottom: 15px;
margin-bottom: 15px;
}
.room-details-wrapper .room-sideber .side-reservation-from {
margin-bottom: 20px;
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt span {
font-size: 18px;
font-weight: 400;
display: inline-block;
font-family: "Georgia Bold", serif;
color: var(--header);
margin-bottom: 10px;
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt input {
border: none;
outline: none;
height: 50px;
width: 100%;
border-radius: 10px;
background-color: var(--white);
padding: 0 12px;
margin: 0;
color: var(--text);
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt input::placeholder {
color: var(--text);
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt .form .single-select {
border: none;
outline: none;
height: 50px;
width: 100%;
border-radius: 10px;
background-color: var(--white);
padding: 6px 12px 0px;
margin: 0;
color: var(--text);
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt .form .single-select span {
margin-bottom: 0;
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt .form .single-select .list {
width: 100%;
}
.room-details-wrapper .room-sideber .side-reservation-from .form-clt .form .single-select::after {
width: 8px;
height: 8px;
top: 45%;
border-bottom: 2px solid var(--text);
border-right: 2px solid var(--text);
}
.room-details-wrapper .room-sideber .side-reservation-from .form-check input {
box-shadow: none;
cursor: pointer;
}
.room-details-wrapper .room-sideber .side-reservation-from .form-check input:checked {
background-color: var(--theme);
border-color: var(--theme);
}

.hotel-facilities-items {
border-radius: 16px;
background-color: var(--bg-3);
display: flex;
align-items: center;
}
@media (max-width: 1399px) {
.hotel-facilities-items {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
.hotel-facilities-items {
flex-wrap: initial;
}
}
@media (max-width: 767px) {
.hotel-facilities-items {
flex-wrap: wrap;
}
}
.hotel-facilities-items .facilities-image {
overflow: hidden;
position: relative;
}
.hotel-facilities-items .facilities-image img {
width: 100%;
height: 100%;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
position: relative;
display: block;
object-fit: cover;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
@media (max-width: 1399px) {
.hotel-facilities-items .facilities-image img {
border-radius: 16px;
}
}
@media (max-width: 991px) {
.hotel-facilities-items .facilities-image img {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
}
@media (max-width: 767px) {
.hotel-facilities-items .facilities-image img {
border-radius: 16px;
}
}
.hotel-facilities-items .facilities-image img:first-child {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(50%) scaleX(2);
transform: translate(50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.hotel-facilities-items .facilities-content {
margin-top: 30px;
padding: 0 30px 30px;
}
.hotel-facilities-items .facilities-content .icon {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid var(--border);
color: var(--theme);
margin-bottom: 20px;
border-radius: 100px;
font-size: 30px;
}
.hotel-facilities-items .facilities-content h3 {
margin-bottom: 10px;
}
.hotel-facilities-items:hover .facilities-image img:first-child {
-webkit-transform: translateX(0) scaleX(1);
transform: translate(0) scaleX(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.hotel-facilities-items:hover .facilities-image img:nth-child(2) {
-webkit-transform: translateX(-50%) scaleX(2);
transform: translateX(-50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.hotel-facilities-items:hover .facilities-content .icon i {
animation: jello 1s;
}

.section-title {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
@media (max-width: 767px) {
/*  .section-title {
margin-bottom: 0;
}*/
}
.section-title .sub-title {
font-size: 16px;
font-weight: 600;
color: var(--theme-sec);
margin-bottom: 20px;
text-transform: uppercase;
line-height: 1;
display: inline-block;
position: relative;
}
#about-us .section-title .sub-title {
padding-bottom: 10px;
color: var(--theme-sec);
border-bottom: 2px solid var(--theme-sec);
}
.section-title .sub-title.sub-title-2 {
padding-bottom: 10px;
}
/*.section-title .sub-title.sub-title-2::before {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 20px;
height: 1px;
background-color: var(--theme);
}
.section-title .sub-title.sub-title-2::after {
position: absolute;
bottom: 0;
left: 25px;
content: "";
width: 65px;
height: 1px;
background-color: var(--theme);
}*/

.section-title-area {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 9;
margin-bottom: 30px;
}
.section-title-area .section-title {
margin-bottom: 0;
}
@media (max-width: 991px) {
.section-title-area {
flex-wrap: wrap;
gap: 30px;
}
}
@media (max-width: 767px) {
.section-title-area {
margin-bottom: 0;
}
}
.section-title-area p {
max-width: 523px;
}

.center {
text-align: center;
margin: 0 auto;
}

.section-bg {
background-color: var(--bg-2);
}

.section-bg-1 {
background-color: var(--bg);
}

.section-bg-2 {
background-color: #F7F7F7;
}

.header-bg {
background-color: var(--header);
}

.theme-bg {
background-color: var(--theme);
}

.news-bg {
background: #F8F8F8;
}

.hero-bg {
background-color: #F7F3EE;
}

.section-padding {
padding: 80px 0;
}
@media (max-width: 1199px) {
.section-padding {
padding: 70px 0;
}
}
@media (max-width: 991px) {
.section-padding {
padding: 60px 0;
}
}

.service-wrapper {
margin-top: 48px;
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 1399px) {
.service-wrapper {
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
}
.service-wrapper .service-main-item {
position: relative;
width: 210px;
height: 528px;
border-radius: 10px;
transition: all 0.6s ease;
/* First small card */
/* Second card (hidden by default) */
/* Hover (expand & switch cards) */
}
@media (max-width: 1399px) {
.service-wrapper .service-main-item.active {
display: none;
}
}
.service-wrapper .service-main-item .service-item,
.service-wrapper .service-main-item .service-card-item {
position: absolute;
top: 0;
left: 0;
height: 528px;
width: 100%;
border-radius: 10px;
overflow: hidden;
transition: all 0.6s ease;
}
.service-wrapper .service-main-item .service-item {
background-color: var(--header);
z-index: 2;
opacity: 1;
visibility: visible;
transform: scale(1);
width: 210px;
}
.service-wrapper .service-main-item .service-item .service-image img {
border-radius: 10px 10px 0 0;
width: 100%;
height: auto;
display: block;
}
.service-wrapper .service-main-item .service-item .service-content {
margin-left: 30px;
margin-bottom: 30px;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top: 18px;
}
.service-wrapper .service-main-item .service-item .service-content h3 {
height: 340px;
}
.service-wrapper .service-main-item .service-item .service-content h3 a {
color: var(--white);
}
.service-wrapper .service-main-item .service-item .service-content h3 a:hover {
color: var(--theme);
}
.service-wrapper .service-main-item .service-item .service-content .btn {
text-transform: uppercase;
color: var(--theme);
font-weight: 600;
}
.service-wrapper .service-main-item .service-card-item {
opacity: 0;
visibility: hidden;
z-index: 1;
transform: scale(0.95);
width: 210px;
}
.service-wrapper .service-main-item .service-card-item .services-image {
position: relative;
}
.service-wrapper .service-main-item .service-card-item .services-image img {
width: 100%;
height: auto;
border-radius: 10px;
display: block;
}
.service-wrapper .service-main-item .service-card-item .services-image .content {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
padding: 20px;
border-radius: 10px;
background-color: var(--white);
}
.service-wrapper .service-main-item .service-card-item .services-image .content h3 {
height: initial;
}
.service-wrapper .service-main-item .service-card-item .services-image .content h3 a {
display: inline-block;
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
transition: background-size 0.3s ease;
}
.service-wrapper .service-main-item .service-card-item .services-image .content h3 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.service-wrapper .service-main-item .service-card-item .services-image .content .views-btn {
color: var(--theme);
font-weight: 600;
text-transform: uppercase;
display: inline-block;
margin-top: 10px;
}
.service-wrapper .service-main-item.active {
width: 450px;
transition: all 0.6s ease;
}
.service-wrapper .service-main-item.active .service-item {
opacity: 0;
visibility: hidden;
transform: scale(0.9);
}
.service-wrapper .service-main-item.active .service-card-item {
opacity: 1;
visibility: visible;
transform: scale(1);
width: 450px;
z-index: 3;
}

.service-box-items {
width: 100%;
background-color: #f8f8f817;
border: 1px solid #ffffff57;
border-radius: 15px;
min-height: 125px;
text-align: center;
padding: 15px;
position: relative;
z-index: 1;
}
.service-box-items::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0;
height: 0;
border-top: solid 1px var(--theme);
border-left: solid 1px var(--theme);
transition: 0.5s;
opacity: 0;
visibility: hidden;
z-index: -1;
border-radius: 15px;
}
.service-box-items::after {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: solid 1px var(--theme);
border-right: solid 1px var(--theme);
transition: 0.5s;
opacity: 0;
visibility: hidden;
z-index: -1;
border-radius: 15px;
}
.service-box-items .icon {
margin-bottom: 10px;
}
.service-box-items h6 {
font-size: 18px;
font-weight: 400;
color: #fff;
}
.service-box-items:hover::before {
width: 100%;
height: 100%;
visibility: visible;
opacity: 1;
}
.service-box-items:hover::after {
width: 100%;
height: 100%;
visibility: visible;
opacity: 1;
}
.service-box-items:hover .icon img {
animation: jello 1s;
}

.service-details-wrapper .details-image img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.service-details-wrapper .details-content {
margin-top: 30px;
}
.service-details-wrapper .details-content h2 {
margin-bottom: 15px;
}
.service-details-wrapper .details-content .box {
font-size: 20px;
font-weight: 600;
color: var(--header);
font-family: "Georgia Bold", serif;
border-radius: 8px;
border-left: 5px solid var(--theme);
background: #F7F3EE;
display: inline-block;
padding: 24px 32px;
font-style: italic;
margin-top: 30px;
line-height: 164%;
}
@media (max-width: 1399px) {
.service-details-wrapper .details-content .box {
font-size: 16px;
}
}
.service-details-wrapper .details-content .details-list-item {
margin-top: 30px;
margin-bottom: 40px;
}
.service-details-wrapper .details-content .details-list-item h3 {
margin-bottom: 20px;
}
.service-details-wrapper .details-content .details-list-item ul li {
text-transform: capitalize;
}
.service-details-wrapper .details-content .details-list-item ul li span {
font-weight: 500;
color: var(--header);
display: block;
}
.service-details-wrapper .details-content .details-list-item ul li span i {
color: var(--theme);
margin-right: 10px;
}
.service-details-wrapper .details-content .details-list-item ul li:not(:last-child) {
margin-bottom: 10px;
}
.service-details-wrapper .details-content .details-image-2 img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.service-details-wrapper .details-content .faq-content {
margin-top: 40px;
}
.service-details-wrapper .details-content .faq-content h3 {
font-size: 32px;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.service-details-wrapper .details-content .faq-content h3 {
font-size: 25px;
}
}
.service-details-wrapper .details-content .faq-content .faq-items {
position: relative;
z-index: 9;
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-item {
border: none;
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-item h5 button {
line-height: 1;
font-size: 24px;
font-weight: 400;
padding: 20px 25px;
color: var(--header);
cursor: pointer;
}
@media (max-width: 575px) {
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-item h5 button {
font-size: 18px;
line-height: 1.6;
padding: 22px 20px;
}
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-item .accordion-body {
padding: 0 25px 20px;
background-color: #F4F4F4;
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-item .accordion-body p {
font-size: 15px;
line-height: 24px;
font-weight: 400;
}
@media (max-width: 575px) {
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-item .accordion-body p {
width: 100%;
font-size: 14px;
line-height: 28px;
}
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-button {
background-color: #F4F4F4;
color: var(--header);
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-button:focus {
box-shadow: none !important;
outline: none !important;
border-color: transparent !important;
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-button::after {
content: "\f078";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 600;
transition: all 0.3s ease-in-out !important;
color: var(--header);
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-button:not(.collapsed) {
background-color: #F4F4F4;
color: var(--theme);
box-shadow: initial;
}
.service-details-wrapper .details-content .faq-content .faq-items .accordion .accordion-button:not(.collapsed)::after {
content: "\f077";
font-family: "Font Awesome 6 Pro";
background: transparent;
font-weight: 600;
color: var(--theme);
transform: rotate(0);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget {
margin-bottom: 40px;
background-color: #F8F8F8;
padding: 30px;
border-radius: 16px;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .widget-title {
border-bottom: 1.5px solid rgba(129, 129, 129, 0.24);
padding-bottom: 16px;
margin-bottom: 30px;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .widget-title h3 {
font-weight: 800;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 500;
color: var(--header);
transition: all 0.4s ease-in-out;
background-color: var(--white);
padding: 18px 22px;
line-height: 1;
border-radius: 8px;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li a {
color: var(--header);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li i {
transition: all 0.4s ease-in-out;
color: var(--header);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li:not(:last-child) {
margin-bottom: 20px;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li span b {
font-weight: 400;
color: var(--theme);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li:hover {
background-color: var(--theme);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li:hover a {
color: var(--white);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li:hover i, .service-details-wrapper .service-main-sideber .single-sideber-widget .category-list li:hover span {
color: var(--white);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .hours-list li {
display: flex;
align-items: center;
justify-content: space-between;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .hours-list li:not(:last-child) {
margin-bottom: 18px;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .hours-list li span {
font-weight: 500;
color: var(--header);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .hours-list li b {
font-weight: 500;
color: var(--theme);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .booking-item form .form-clt input {
width: 100%;
background-color: var(--white);
border-radius: 4px;
border: none;
outline: none;
padding: 18px 22px;
line-height: 1;
color: var(--text);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .booking-item form .form-clt .single-select {
border: none;
line-height: 1;
padding: 18px 22px;
background-color: var(--white);
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .booking-item form .form-clt .single-select::after {
right: 22px;
width: 8px;
height: 8px;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .booking-item form .form-clt .single-select .list {
width: 100%;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .booking-item form .form-clt .nice-select {
height: initial;
}
.service-details-wrapper .service-main-sideber .single-sideber-widget .booking-item form .theme-btn {
justify-content: center;
}
.service-details-wrapper .service-main-sideber .service-details-contact-bg {
border-radius: 16px;
padding: 40px;
position: relative;
z-index: 9;
}
.service-details-wrapper .service-main-sideber .service-details-contact-bg::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.7);
border-radius: 16px;
z-index: -1;
}
.service-details-wrapper .service-main-sideber .service-details-contact-bg h3 {
text-align: center;
color: var(--white);
}
.service-details-wrapper .service-main-sideber .service-details-contact-bg .icon {
text-align: center;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
background-color: var(--white);
color: var(--theme);
font-size: 25px;
margin: 30px auto 20px;
}
.service-details-wrapper .service-main-sideber .service-details-contact-bg p {
color: var(--white);
opacity: 0.88;
margin-bottom: 5px;
}
.service-details-wrapper .service-main-sideber .service-details-contact-bg h3 a {
color: var(--white);
}

.special-offer-wrapper {
margin-left: -50%;
margin-right: -50%;
}
@media (max-width: 1600px) {
.special-offer-wrapper {
margin-left: -45%;
margin-right: -45%;
}
}
@media (max-width: 1399px) {
.special-offer-wrapper {
margin-left: 0;
margin-right: 0;
}
}
.special-offer-wrapper .special-offer-box-items {
border-radius: 12px;
background: #F8F8F8;
padding: 24px;
display: flex;
align-items: center;
gap: 30px;
margin-top: 30px;
}
@media (max-width: 1399px) {
.special-offer-wrapper .special-offer-box-items {
display: block;
}
}
.special-offer-wrapper .special-offer-box-items .thumb {
max-width: 348px;
width: 100%;
overflow: hidden;
position: relative;
}
@media (max-width: 1399px) {
.special-offer-wrapper .special-offer-box-items .thumb {
max-width: 800px;
margin-bottom: 25px;
}
}
.special-offer-wrapper .special-offer-box-items .thumb img {
width: 100%;
height: 100%;
border-radius: 8px;
position: relative;
display: block;
object-fit: cover;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.special-offer-wrapper .special-offer-box-items .thumb img:first-child {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(50%) scaleX(2);
transform: translate(50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.special-offer-wrapper .special-offer-box-items .content span {
font-size: 16px;
color: var(--theme);
display: inline-block;
margin-bottom: 12px;
font-family: "Georgia Bold", serif;
}
.special-offer-wrapper .special-offer-box-items .content p {
max-width: 435px;
margin-top: 10px;
}
.special-offer-wrapper .special-offer-box-items .content .list-area {
display: flex;
align-items: center;
gap: 30px;
margin-top: 20px;
}
@media (max-width: 1399px) {
.special-offer-wrapper .special-offer-box-items .content .list-area {
flex-wrap: wrap;
gap: 20px;
}
}
.special-offer-wrapper .special-offer-box-items .content .list-area .list li {
font-family: "Georgia Bold", serif;
color: var(--header);
display: flex;
align-items: center;
gap: 8px;
}
.special-offer-wrapper .special-offer-box-items .content .list-area .list li:not(:last-child) {
margin-bottom: 15px;
}
.special-offer-wrapper .special-offer-box-items .content .list-area .list li i {
font-size: 18px;
color: var(--theme);
line-height: 1;
}
.special-offer-wrapper .special-offer-box-items .content .price-list {
display: flex;
align-items: center;
gap: 16px;
margin-top: 25px;
}
.special-offer-wrapper .special-offer-box-items .content .price-list del {
font-size: 20px;
font-weight: 400;
color: var(--theme);
font-family: "Georgia Bold", serif;
}
.special-offer-wrapper .special-offer-box-items .content .price-list h4 {
font-size: 32px;
font-weight: 400;
color: var(--theme);
}
.special-offer-wrapper .special-offer-box-items:hover .thumb img:first-child {
-webkit-transform: translateX(0) scaleX(1);
transform: translate(0) scaleX(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.special-offer-wrapper .special-offer-box-items:hover .thumb img:nth-child(2) {
-webkit-transform: translateX(-50%) scaleX(2);
transform: translateX(-50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items {
background: var(--theme);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content span {
color: var(--white);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content h3 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
color: var(--white);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content h3 a:hover {
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content p {
color: var(--white);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content .list-area .list li {
color: var(--white);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content .list-area .list li i {
color: var(--white);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content .price-list del {
color: var(--white);
}
.special-offer-wrapper .offer-slider-2 .swiper-slide-active .special-offer-box-items .content .price-list h4 {
color: var(--white);
}

.team-card-item {
margin-top: 30px;
}
.team-card-item .team-image {
position: relative;
}
.team-card-item .team-image img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.team-card-item .team-image .social-icon {
display: flex;
align-items: center;
gap: 10px;
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
}
.team-card-item .team-image .social-icon a {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 100px;
color: var(--theme);
display: inline-block;
transition: all 0.4s ease-in-out;
background-color: var(--white);
}
.team-card-item .team-image .social-icon a:hover {
background-color: var(--theme);
color: var(--white);
}
.team-card-item .team-image .team-content {
position: absolute;
left: 40px;
right: 40px;
bottom: 0;
background-color: var(--white);
padding: 12px 24px;
text-align: center;
border-radius: 6px 6px 0 0;
}
.team-card-item .team-image .team-content::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: var(--theme);
transition: all 0.4s ease-in-out;
z-index: -1;
border-radius: 6px 6px 0 0;
}
.team-card-item .team-image .team-content h5 a {
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 0% 2px;
display: inline;
}
.team-card-item .team-image .team-content h5 a:hover {
color: var(--theme);
background-size: 100% 2px;
background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.team-card-item:hover .team-image .team-content::before {
top: auto;
height: 100%;
z-index: 9;
}
.team-card-item:hover .team-image .team-content h5 {
position: relative;
z-index: 999;
}
.team-card-item:hover .team-image .team-content h5 a {
color: var(--white);
}
.team-card-item:hover .team-image .team-content p {
position: relative;
z-index: 999;
color: var(--white);
}
.team-card-item:hover .team-image .social-icon {
opacity: 1;
visibility: visible;
}
.team-card-item:hover .team-image .social-icon a {
animation: jello 1s;
}

.team-details-wrapper .thumb img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.team-details-wrapper .details-content {
margin-left: 40px;
}
@media (max-width: 1199px) {
.team-details-wrapper .details-content {
margin-left: 0;
}
}
.team-details-wrapper .details-content h2 {
margin-bottom: 10px;
}
.team-details-wrapper .details-content span {
font-size: 18px;
display: inline-block;
margin-bottom: 20px;
}
.team-details-wrapper .details-content .list {
margin-top: 30px;
}
.team-details-wrapper .details-content .list li {
color: var(--header);
}
.team-details-wrapper .details-content .list li:not(:last-child) {
margin-bottom: 10px;
}
.team-details-wrapper .details-content .list li i {
color: var(--header);
margin-right: 5px;
}
.team-details-wrapper .details-content .social-icon {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
}
.team-details-wrapper .details-content .social-icon a {
width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
text-align: center;
color: var(--header);
background-color: #F4F4F4;
transition: all 0.4s ease-in-out;
border-radius: 4px;
}
.team-details-wrapper .details-content .social-icon a:hover {
background-color: var(--theme);
color: var(--white);
}

.team-experience-wrapper .team-experience-content .progress-area {
margin-top: 40px;
max-width: 550px;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items {
width: 100%;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items:not(:last-child) {
margin-bottom: 25px;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items .pro-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items .pro-head .point {
font-size: 16px;
color: var(--header);
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items .progress {
border-radius: 6px;
background: rgba(170, 132, 83, 0.5);
justify-content: flex-start;
border-radius: 6px;
align-items: center;
position: relative;
display: flex;
height: 10px;
width: 100%;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items .progress-value {
animation: load 3s normal forwards;
border-radius: 0;
background: var(--theme);
height: 10px;
width: 0;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items .style-two {
animation: load2 3s normal forwards;
}
.team-experience-wrapper .team-experience-content .progress-area .progress-wrap .pro-items .style-three {
animation: load3 3s normal forwards;
}
@keyframes load {
0% {
width: 0;
}
100% {
width: 90%;
}
}
@keyframes load2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}
@keyframes load3 {
0% {
width: 0;
}
100% {
width: 55%;
}
}
.team-experience-wrapper .contact-form-items h3 {
font-size: 36px;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.team-experience-wrapper .contact-form-items h3 {
font-size: 30px;
}
}
@media (max-width: 575px) {
.team-experience-wrapper .contact-form-items h3 {
font-size: 25px;
}
}
.team-experience-wrapper .contact-form-items .form-clt input, .team-experience-wrapper .contact-form-items .form-clt textarea {
width: 100%;
outline: none;
border: none;
background-color: var(--white);
padding-bottom: 20px;
padding: 16px 20px;
transition: all 0.4s ease-in-out;
color: var(--text);
font-size: 16px;
border-radius: 4px;
}
.team-experience-wrapper .contact-form-items .form-clt input::placeholder, .team-experience-wrapper .contact-form-items .form-clt textarea::placeholder {
color: var(--text);
}
.team-experience-wrapper .contact-form-items .form-clt textarea {
padding-bottom: 30px;
resize: none;
}

.testimonial-wrapper {
margin-bottom: 210px;
margin-top: 300px;
}
.testimonial-wrapper.style-inner {
margin-bottom: 0;
margin-top: 0;
}
@media (max-width: 1399px) {
.testimonial-wrapper {
margin-bottom: 0;
}
}
.testimonial-wrapper .testimonial-card-item {
background-color: var(--white);
padding: 40px;
border-radius: 12px;
position: relative;
width: 644px;
z-index: 9;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-card-item {
width: initial;
}
}
.testimonial-wrapper .testimonial-card-item::after {
position: absolute;
content: "";
left: 45px;
height: 100%;
width: 85%;
bottom: -30px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.1);
z-index: -1;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-card-item::after {
display: none;
}
}
.testimonial-wrapper .testimonial-card-item::before {
position: absolute;
content: "";
left: 25px;
height: 100%;
width: 92%;
bottom: -14px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.2);
z-index: -1;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-card-item::before {
display: none;
}
}
.testimonial-wrapper .testimonial-card-item .content .star {
color: #F4BB00;
}
.testimonial-wrapper .testimonial-card-item .content p {
color: var(--header);
font-size: 18px;
font-style: italic;
font-weight: 500;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-card-item .content p {
font-size: 16px;
}
}
.testimonial-wrapper .testimonial-card-item .content .client-info-item {
margin-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-card-item .content .client-info-item {
flex-wrap: wrap;
gap: 25px;
}
}
.testimonial-wrapper .testimonial-card-item .content .client-info-item .info-item {
display: flex;
align-items: center;
gap: 12px;
}
.testimonial-wrapper .testimonial-content {
margin-left: 50px;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-content {
margin-left: 0;
}
}
.testimonial-wrapper .testimonial-content .client-item {
display: flex;
align-items: center;
gap: 15px;
margin-top: 40px;
}
@media (max-width: 1399px) {
.testimonial-wrapper .testimonial-content .client-item {
margin-top: 30px;
}
}
.testimonial-wrapper .testimonial-content .client-item h6 {
color: var(--white);
font-weight: 500;
font-family: "Georgia Bold", sans-serif;
line-height: 137%;
}
.testimonial-wrapper .testimonial-content .client-item h6 span {
color: var(--theme);
}
.testimonial-wrapper .testimonial-content .client-item h6 b {
color: var(--theme);
font-weight: 500;
}

.testimonial-section {
position: relative;
z-index: 9;
margin-top: -300px;
}
.testimonial-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(28, 28, 28, 0.9);
z-index: -1;
}
.testimonial-section.style-inn {
margin-top: 0;
}
.testimonial-section.style-inner {
margin-top: 120px;
margin-bottom: 120px;
}

.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item {
background-color: var(--header);
border-radius: 10px;
padding: 40px;
margin-bottom: 30px;
}
@media (max-width: 1399px) {
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item {
padding: 30px;
}
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .top-items {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
border-radius: 56px;
margin-bottom: 30px;
background-color: var(--theme);
}
@media (max-width: 1399px) {
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .top-items {
flex-wrap: wrap;
gap: 20px;
padding: 20px;
}
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .top-items .info-item {
display: flex;
align-items: center;
gap: 15px;
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .top-items .info-item .cont h5 {
color: var(--white);
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .top-items .info-item .cont span {
color: var(--white);
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .top-items .icon {
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border-radius: 100px;
background-color: var(--white);
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item p {
font-size: 22px;
font-style: italic;
font-weight: 500;
color: var(--white);
line-height: 136%;
}
@media (max-width: 1399px) {
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item p {
font-size: 16px;
}
}
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .star {
color: #F4BB00;
text-align: right;
margin-top: 40px;
}
@media (max-width: 1399px) {
.testimonial-wrapper-2 .testimonial-top-item .testimonial-card-item .star {
margin-top: 30px;
text-align-last: left;
}
}
.testimonial-wrapper-2 .testimonial-content-2 {
margin-left: 60px;
}
@media (max-width: 1399px) {
.testimonial-wrapper-2 .testimonial-content-2 {
margin-left: 0;
}
}
.testimonial-wrapper-2 .testimonial-content-2 .text {
max-width: 600px;
margin-top: 20px;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb {
position: relative;
margin-top: 40px;
max-width: 405px;
}
@media (max-width: 1399px) {
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb {
margin-top: 30px;
}
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box {
background-color: var(--white);
box-shadow: 0 12px 24px 0 rgba(170, 132, 83, 0.15);
border-radius: 10px;
padding: 50px 20px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 280px;
width: 100%;
text-align: center;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box h4 {
font-size: 18px;
margin-bottom: 10px;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box .star {
display: flex;
align-items: center;
justify-content: space-between;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box .star i {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--theme);
color: var(--white);
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box h5 {
font-size: 16px;
font-weight: 300;
margin-top: 10px;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box h5 span {
font-weight: 700;
font-family: "Georgia Bold", sans-serif;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box h6 {
font-size: 16px;
font-weight: 500;
margin-top: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.testimonial-wrapper-2 .testimonial-content-2 .testimonial-thumb .thumb-box h6 i {
margin-right: 4px;
color: var(--theme);
font-size: 22px;
}

.testimonial-section-3 {
margin: 0 40px;
position: relative;
}
@media (max-width: 1399px) {
.testimonial-section-3 {
margin: 0 30px;
overflow: hidden;
}
}
@media (max-width: 575px) {
.testimonial-section-3 {
margin: 0 15px;
}
}
.testimonial-section-3 .bg-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 1600px) {
.testimonial-section-3 .bg-image {
left: 0;
right: 0;
}
}
.testimonial-section-3 .bg-image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.testimonial-section-3 .bg-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 20px;
background: rgba(28, 28, 28, 0.7);
overflow: hidden;
z-index: 9;
}

.testimonial-wrapper-3 {
position: relative;
margin-top: 48px;
z-index: 999;
margin-right: -420px;
}
@media (max-width: 1399px) {
.testimonial-wrapper-3 {
margin-right: 0;
margin-top: 30px;
}
}
.testimonial-wrapper-3 .test-box {
background-color: var(--white);
box-shadow: 0px 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05);
border-radius: 6px;
padding: 80px 20px;
text-align: center;
position: relative;
z-index: 999;
}
.testimonial-wrapper-3 .test-box h4 {
font-size: 18px;
margin-bottom: 10px;
font-weight: 700;
}
.testimonial-wrapper-3 .test-box .star {
display: flex;
align-items: center;
gap: 3px;
justify-content: center;
}
.testimonial-wrapper-3 .test-box .star i {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background-color: var(--theme);
color: var(--white);
font-size: 13px;
}
.testimonial-wrapper-3 .test-box h5 {
font-size: 16px;
font-weight: 300;
margin-top: 10px;
}
.testimonial-wrapper-3 .test-box h5 span {
font-weight: 700;
font-family: "Georgia Bold", sans-serif;
text-decoration: underline;
}
.testimonial-wrapper-3 .test-box h6 {
font-size: 16px;
font-weight: 500;
margin-top: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.testimonial-wrapper-3 .test-box h6 i {
margin-right: 4px;
color: var(--theme);
font-size: 22px;
}
.testimonial-wrapper-3 .testimonial-box {
background-color: var(--white);
box-shadow: 0px 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05);
border-radius: 6px;
padding: 30px 20px;
position: relative;
z-index: 999;
}
.testimonial-wrapper-3 .testimonial-box .icon {
margin-bottom: 20px;
}
.testimonial-wrapper-3 .testimonial-box h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.testimonial-wrapper-3 .testimonial-box .star {
display: flex;
align-items: center;
gap: 3px;
margin-bottom: 10px;
}
.testimonial-wrapper-3 .testimonial-box .star i {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background-color: var(--theme);
color: var(--white);
font-size: 13px;
}
.testimonial-wrapper-3 .testimonial-box .star span {
display: inline-block;
font-size: 14px;
font-weight: 300;
margin-left: 4px;
}
.testimonial-wrapper-3 .testimonial-box p {
padding-bottom: 10px;
position: relative;
margin-bottom: 10px;
max-width: 225px;
}
.testimonial-wrapper-3 .testimonial-box p::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
background-color: #D9D9D9;
width: 60px;
height: 1px;
}
.testimonial-wrapper-3 .testimonial-box h6 {
font-size: 14px;
font-weight: 700;
}
.header-logo img,
.header-logo-2 img,
.footer-logo img,
.offcanvas__logo img{
width: 100px;
padding: 5px;
background: #fff;
border-radius: 10px;
}
.hero-section{
position: relative;
overflow: hidden;
/*height: 70vh;*/
/*display: flex;
align-items: center;
justify-content: center;*/
}
.banner-area {
/*  background-image: url(../img/banner/ladakh.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center; */
inset: 0px;
position: absolute;
z-index: 1;
}
.banner-area img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.banner-area .overlay{
background-color: #00000069;
/* backdrop-filter: blur(3px); */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*     z-index: -1;*/
}
.zoom_animation{
animation: zoom-animation 20s ease-out infinite alternate;
}
@keyframes zoom-animation {
0% { transform: scale(1); }
100% { transform: scale(1.2); }
}
.banner-area .banner-search-wrap {
margin-top: 24px; }

.banner-content {
position: relative;
/*padding: 120px 0 50px 0;*/
z-index: 1;
}
.overlay {
background-color: #01101a6e;
/* backdrop-filter: blur(3px); */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*    z-index: -1;*/
}
.banner-content * {
/*  color: #ffffff;*/
}
.banner-content h1 {
color: #000000;
/* text-shadow: 2px 1px 3px #00000078; */
font-size: 20px;
line-height: 25px;
font-weight: 900;
font-family: 'Story Script', sans-serif;
background: #fff;
padding: 5px 15px;
border-radius: 50px;
width: max-content;
}
.banner-content h1 span{
/*background: linear-gradient(to right, #ffe292, #e6b02b);*/
background: var(--theme);
color: transparent;
background-clip: text;
}
.banner-content h5 {
font-size: 16px;
}
.banner-content p {
color: #ffffff;
text-shadow: 2px 1px 3px #00000078;
margin-top: 15px;
}
.banner-content .banner-btn {
margin-left: -10px;
margin-right: -10px;
}
.banner-content .banner-btn a {
margin: 10px;
}
.contact-from {
background: #fff;
padding: 0;
border-radius: 0 0 25px 25px;
}

.contact-from-wrap {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
/* margin: 150px 0; */
-webkit-box-shadow: 0px 0px 10px #00000014;
-moz-box-shadow: 0px 0px 10px #00000014;
-ms-box-shadow: 0px 0px 10px #00000014;
-o-box-shadow: 0px 0px 10px #00000014;
box-shadow: 0px 0px 10px #00000014;
background: #fff;
position: relative;
overflow: hidden;
}

.contact-from-wrap .contact-from {    
padding: 25px 30px;
}

.contact-from-wrap .contact-from label {
color: #212121;
margin: 5px 0;
/*font-size: 20px;*/
font-size: 14px;
}

.contact-from-wrap .contact-from p {
margin-bottom: 30px;
}

.contact-from-wrap .contact-from p:last-child {
margin-bottom: 0;
}

.contact-from-wrap .contact-from input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
width: 100%;
}

.contact-from-wrap .contact-from input[type=submit] {
border: 2px solid #ffffff;
width: 100%;
padding: 15px 30px;
text-align: center;
}

.contact-from-wrap .contact-from input[type=submit]:hover {
border-color: var(--theme);
}

.contact-from-wrap .form_header h2 {
color: #000;
font-size: 18px;
font-weight: 600;
text-align: center;
background: #f0f0f0;
padding: 12px;
border-radius: 5px;
line-height: normal;
margin-bottom: 25px;
}

.contact-from-wrap .form_header h2 a{
color: #e67818;
font-size: 20px;
font-weight: bolder;
}

.contact-from-wrap .form_header h2 a:hover{
color: #212121;
font-size: 22px;
font-weight: bolder;
}
.form-floating > .form-control {
padding: 5px 18px!important;
}
.form-floating > .form-control:focus {
border-color: #ab86574d;
}
.form-floating > label {
position: absolute;
top: 0px;
left: 0;
height: 100%;
padding: 5px 18px !important;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity .1s 
ease-in-out, transform .1s 
ease-in-out;
}
.form-floating > .form-control, .form-floating > .form-select{
height: 50px !important;
min-height: 50px !important;
line-height: 40px !important;
font-size: 16px;
font-weight: normal;
border-radius: 7px;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
opacity: 1 !important;
transform: scale(1) translateY(-12px) translateX(9px) !important;
color: var(--theme) !important;
background: #fff !important;
height: 18px !important;
line-height: 0px !important;
width: max-content !important;
padding: 6px 8px !important;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown){
box-shadow: none;
background-color: #fff;
}
.em-hand {
text-align: center;
margin-right: 3px;
margin-left: 10px;
-webkit-animation: wave 0.3s alternate infinite;
-moz-animation: wave 0.3s alternate infinite;
-ms-animation: wave 0.3s alternate infinite;
animation: wave 0.3s alternate infinite;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
width: 20px;
}
@keyframes wave {
0% {
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
100% {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
}
.d-mob{
display: none!important;
}
.d-desk{
display: block;!important;
}
@media screen and (max-width: 767px) {
.d-mob{
display: block!important;
}
.d-desk{
display: none;!important;
}
}
.eventbtn{
pointer-events: none;
}
.actionbtn {
position: relative;
height: 45px;
margin-top: 10px;
color:#fff;
border-radius: 50px;
}
.actionbtn:hover {
color: var(--theme);
background: var(--theme-sec);
}
.actionbtn.eventbtn {
background-color: var(--theme);
padding-right: 40px;
color: var(--theme);
}
.actionbtn.eventbtn:before {
content: "";
width: 0px;
height: 0px;
border-radius: 50%;
position: absolute;
border: 2px solid #ffffff;
border-right: 3px solid #27ae60;
-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
top: 50%;
left: 50%;
background-color: var(--theme);
z-index: 9;
}
@-webkit-keyframes rotate360 {
100% {
transform: rotate(360deg);
}
}
@keyframes rotate360 {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes exist {
100% {
width: 15px;
height: 15px;
margin: -8px 5px 0 0;
}
}
@keyframes exist {
100% {
width: 15px;
height: 15px;
margin: -8px 5px 0 0;
}
}
.inclupan{position:relative;padding: 3px 0 3px;border-radius: 12px;border: 1px solid #9b46046e;margin: 15px 0 5px 0;}
.inclupan span{position: absolute;left: 12px;top: -12px;font-size: 14px;transform-origin: center;background: #fff;color: var(--primary-color);text-decoration: none;font-weight: normal;padding: 1px 9px;z-index: 9;border-radius: 0px 0px 7px 7px;line-height: 20px;text-transform: uppercase;}
.inclupan ul{display: flex;list-style: none;padding: 10px;margin: 0;gap: 10px;flex-wrap: nowrap;justify-content: space-around;}
.inclupan ul li{font-size: 12px;font-weight: 600;display: flex;flex-direction: column;line-height: 16px;background: #f8f8f8;color: #212121;padding: 5px;border-radius: 5px;align-items: center;text-align: center;text-transform: capitalize;width: 25%;justify-content: space-evenly;}
.inclupan ul li img{height:30px!important;width: 30px!important}
.right-side {
position: -webkit-sticky;
position: sticky;
top: 80px;
margin-bottom: auto;
flex: 0 0 auto;
}
ul.room-list li{
font-size: 16px;
padding-left: 10px;
position: relative;
text-align: left;
display: inline-block;
/*width: 48%;*/
}
.modal-content{
background: transparent;
border: 0;
}
.btn-close
{
/*position: absolute;*/
/*top: 10px;*/
/*right: 10px;*/
z-index: 9;
}
.banner-slider img {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-top-bar {
background-color: var(--theme);
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid rgba(128, 137, 150, 0.1);
}
.header-top-bar li,.header-top-bar a{
color: #fff!important;
} 
.header-top-bar a:hover{
color: #fff!important;
} 
.header-top-bar li i,.header-top-bar a i{
font-size: 14px;
color: #fff!important;
} 
@media (max-width: 1366px) {
.header-top-bar {
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top-bar {
padding-top: 10px;
padding-bottom: 18px;
display: none;
height: auto !important;
border-bottom: 1px solid rgba(128, 137, 150, 0.1) !important;
opacity: 1 !important;
visibility: visible !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.header-top-bar {
padding-top: 10px;
padding-bottom: 18px;
display: none;
height: auto !important;
border-bottom: 1px solid rgba(128, 137, 150, 0.1) !important;
opacity: 1 !important;
visibility: visible !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header-top-bar {
padding-top: 10px;
padding-bottom: 18px;
display: none;
height: auto !important;
border-bottom: 1px solid rgba(128, 137, 150, 0.1) !important;
opacity: 1 !important;
visibility: visible !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top-content {
text-align: center;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.header-top-content {
text-align: center;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header-top-content {
text-align: center;
}
}
.header-top-content .list-items li {
padding-right: 13px;
margin-bottom: 5px;
display: inline-flex;
color: #0d233e;
text-transform: inherit;
font-size: 14px;
flex-wrap: wrap;
align-items: center;
}
.header-top-content .list-items li:last-child {
padding-right: 0;
}
.header-top-content .list-items li .la {
margin-right: 3px;
}
.header-top-content .list-items li a {
color: #0d233e;
}
.header-top-content .list-items li a:before {
display: none;
}
.header-top-content .social-profile a {
background-color: rgba(255, 255, 255, 0.1);
width: 33px;
height: 33px;
line-height: 33px;
}
.header-top-content .social-profile a:hover {
background-color: #fff;
color: var(--theme);
}
.logo img {
width: 145px;
margin-top: -46px;
border-radius: 0;
padding: 0;
}
.header-top-content .header-left {
margin-left: 170px;
}
@media (max-width: 1200px) {
.header-top-content .header-left .list-items li:last-child{
display: none;
}
}
.header-1.sticky .logo img{
width: 95px;
margin-top: 0px;
}
.header-1.sticky .header-main{
padding: 5px;
}
@media (max-width: 767px) {
.logo img{
width: 85px;
margin-top: 0px;
}
.header-main{
padding: 5px;
}
}

.form-footer{
padding: 15px;
background: #d1fae580;
margin-bottom: 12px;
border-radius: 7px;
display: flex;
align-items: flex-start;
gap: 12px;
color: #059669;
}

.form-footer p{
color: #059669;
text-shadow: none;
margin: 0;
font-size: 10px;
line-height: 15px;
}

.form-footer p.bold{
color: #064e3b;
font-weight: 600;
font-size: 12px;
line-height: 12px;
margin-bottom: 0;
}

.form-footer i{
font-size: 20px;
line-height: 30px;
}
p.respons-txt{
margin: 0;
font-size: 10px;
line-height: 12px;
margin-top: 15px;
text-shadow: none;
color: #a8a29e;
font-style: italic;
text-align: center;
}
.contact-from-wrap .row>* {
/*padding-right: calc(var(--bs-gutter-x) * .3);*/
/*padding-left: calc(var(--bs-gutter-x) * .3);*/
}

.banner-section2 {
position: relative;
}

.banner-section2 .banner-form-container {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 2;
pointer-events: none;
}

.banner-section2 .banner-form-container .banner-form-box {
pointer-events: auto;
}

@media(max-width:991px) {
.banner-section2 .banner-form-container {
position: relative;
transform: translateY(0);
}
}

@keyframes move {
0% {
transform: translateX(40%);
}

100% {
transform: translateX(100%);
}
}}

.banner-section2 .banner-form-wrapper {
padding: 0 10px;
}

@media(max-width:991px) {
.banner-section2 .banner-form-wrapper {
background: #212121;
padding: 0px 0px 0px;
}
}

.banner-section2 .swiper-slide {
position: relative;
z-index: 1;
min-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

@media(max-width:991px) {
}

.banner-section2 .swiper-slide::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 100%;
background-color: rgb(0 0 0 / 50%);
z-index: 2;
}

.banner-section2 .swiper-slide .banner-bg11 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
-webkit-animation: zoomin 18s linear infinite alternate;
animation: zoomin 18s linear infinite alternate;
}

@-webkit-keyframes zoomin {
0% {
transform: scale(1);
}

100% {
transform: scale(1.2);
}
}

@keyframes zoomin {
0% {
transform: scale(1);
}

100% {
transform: scale(1.2);
}
}

.banner2-content {
padding: 0px;
position: relative;
z-index: 9;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 90px;
}

@media(max-width:767px) {
.banner2-content {
padding: 25px 15px 0px;
}
}

.banner2-content span {
font-size: 15px;
line-height: 20px;
font-weight: 400;
color: #fff;
display: inline-block;
margin-bottom: 0;
text-transform: uppercase;
backdrop-filter: blur(10px);
padding: 5px 15px;
border-radius: 50px;
background: #21212145;
margin-bottom: 10px;
}

@media(max-width:767px) {
.banner2-content span {
font-size: 12px;
font-weight: 400;
}
}

.banner2-content h1,.banner2-content h2 {
font-size: 50px;
font-weight: 700;
color: var(--white);
font-family: "Georgia Bold";
margin-bottom: 25px;
line-height: 1.35;
}

@media(max-width:767px) {
.banner2-content h1,.banner2-content h2 {
font-size: 25px;
font-weight: 700;
color: var(--white);
}
}

.banner2-content p,.banner2-content .info-single .info-text a,.info-single .info-text .banner2-content a {
font-size: 16px;
font-weight: 500;
color: var(--white);
font-family: var(--font-work-sans);
margin-bottom: 15px;
}
.banner-form-section{
position: relative;
z-index: 9;
margin-top: -225px;
padding: 40px 0;
}
.banner-form-section .contact-from-wrap{
background: #0000002b;
border: 1px solid #ffffff7d;
backdrop-filter: blur(10px);
}
.banner-form-section .contact-from-wrap .wpenqform{
background: transparent;
padding: 0px;
overflow: hidden;
}
.banner-form-section .contact-from-wrap .wpenqform label {
color: var(--theme-sec);
margin: 5px 0px 0px 0px;
text-transform: uppercase;
font-weight: 600;
/* font-size: 20px; */
font-size: 14px;
}
.banner-form-section .contact-from-wrap .wpenqform .form-control {
background-color: transparent;
color: #fff;
border: 0;
padding: 0;
}
.banner-form-section .contact-from-wrap .wpenqform .theme-btn {
border-radius: 7px;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:not(:last-child) {
border-right: 1px solid #ffffff7d;
padding: 20px;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:first-child {
padding-left: 40px;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:last-child {
padding-left: 20px;
padding-right: 40px;
}
.form-top{
background: #fef3c7;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
gap: 6px;
}
.form-top span.tracking-tighter{
color: #92400e;
font-size: 11px;
font-weight: bold;
}
.text-amber-600{
opacity: 1;
color: #d97706;
}
.fill-amber-600 {
fill: #d97706;
stroke: #d97706;
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.form-middle{
background: #0f5132;
padding: 20px;
}
.form-middle h3{
font-size: 22px;
color: #fff;
}
.form-middle p{
font-size: 13px;
color: #ffffff91;
}
.form-middle p span{
font-size: 14px;
font-weight: bold;
color: var(--theme-sec);
}
.text-gold{
color: var(--theme-sec);
}
.form-middle button{
padding: 4px;
border-radius: 50%;
background: #ffffff2b;
color: #fff;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
@media(max-width:991px) {
.logo img {
width: 85px;
margin-top: 0px;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div{
border-right: 0px solid #ffffff7d!important;
border-bottom: 1px solid #ffffff7d!important;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:nth-last-child(-n+2) {
border-bottom: 0px solid #ffffff7d!important;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:nth-child(odd) {
padding-left: 40px;
}
.banner2-content{
margin-bottom: 122px;
}
.banner-form-section {
position: relative;
z-index: 9;
margin-top: -390px;
padding: 0 40px 40px 40px;
}
}
@media(max-width:767px) {
.banner2-content {
margin-bottom: 350px;
}
.banner2-content h1, .banner2-content h2{
font-size: 22px;
margin-bottom: 6px;
}
.banner-form-section {
position: relative;
z-index: 2;
margin-top: -390px;
padding: 40px 0;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:nth-child(odd) {
padding: 7px 7px 7px 25px!important;
}
.banner-form-section .contact-from-wrap .wpenqform .row > div:nth-child(even) {
padding: 7px 25px 7px 7px!important;
}
.banner-form-section .contact-from-wrap{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
}
.form-top span.tracking-tighter{
font-size: 10px;
}
.form-middle h3 {
font-size: 20px;
}
.form-middle p {
font-size: 11px;
}
.form-middle p span {
font-size: 13px;
}
.contact-from-wrap .contact-from {
padding: 20px;
/*height: 300px;*/
overflow-y: auto;
}
.room-box-item .room-image img{
height: 230px;
}
#popup .contact-from-wrap .contact-from{
/*height: 300px;*/
}
}
.guest-options{
display:flex;
justify-content: space-between;
gap:12px;
}

.guest-item{
cursor:pointer;
width: 100%;
}

.guest-item input{
display:none;
}

.guest-item span{
display: flex;
padding: 4px 20px;
border-radius: 7px;
border: 1px solid #e5e5e5;
background: #f5f5f5;
font-weight: 500;
transition: .3s;
justify-content: center;
}

.guest-item input:checked + span{
background:#c79a4b;
color:#fff;
border-color:#c79a4b;
}

.it-heading{
display: flex;
flex-wrap: wrap;
padding: 0;
overflow-x: scroll;
margin-bottom: 0;
gap: 10px;
}
.it-subheading {
background: #fafaf9;
padding: 5px 8px;
border-radius: 70px;
color: #78716c;
font-size: 14px;
font-weight: normal;
line-height: 1;
display: flex;
align-items: center;
gap: 5px;
}
.price-badge{
padding: 4px 10px;
font-weight: 600;
border-radius: 10px;
background: #fff;
color: var(--theme);
font-size: 15px;
position: absolute;
right: 20px;
top: 20px;
}
.price-badge small{
color: #a7a7a7;
font-weight: 500;
}
.room-info{
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
gap: 10px;
}
.room-info .each-info{
display: flex;
gap: 5px;
font-size: 10px;
line-height: 20px;
color: #fff;
background: #0000001c;
padding: 1px 6px;
backdrop-filter: blur(7px);
border-radius: 6px;
}
.counter-wrapper {
display: flex;
justify-content: space-around;
align-items: center;
}
.counter-wrapper h2 {
color: var(--theme-sec);
font-size: 30px;
font-family: "Georgia Bold";
}
.counter-wrapper p {
color: #78716c;
font-size: 14px;
text-transform: uppercase;
}
.facility-wrapper{
display: flex;
flex-direction: column;
gap: 40px;
}
.each-facility{
box-shadow: 0 15px 35px -8px rgb(0 0 0 / 0.25);
border-radius: 25px;
overflow: hidden;
}
.each-facility .facility-img{
width: 100%;
height: 100%;
min-height: 350px;
object-fit: cover;
}
.each-facility .facility-content{
padding: 25px 40px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
gap: 15px;
background-color: #fff;
}
.each-facility .facility-content h2{
color: var(--theme);
}
.each-facility .facility-content p{
font-size: 16px;
color: #57534e;
}
.each-facility .facility-content ul{
font-size: 16px;
padding-left: 20px;
}
.each-facility .facility-content ul li{
padding-left: 15px;
list-style: disc;
color: #57534e;
}
.each-facility .facility-content .text-highlight{
border-radius: 7px;
padding: 8px 16px;
background-color: #fafaf9;
color: var(--theme-sec);
width: max-content;
font-size: 16px;
font-family: sans-serif;
}
.facilities-icon{
background: #1a2e26;
}
@media(max-width:767px) {
.order-2{
display: flex;
flex-direction: column-reverse;
}
}
.acctraction-bg{
background-image: url(../img/attraction/bg.webp);
padding: 65px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.acctraction-bg:before{
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 100%;
background-color: rgb(0 0 0 / 70%);
z-index: 2;
}
.attraction-wrapper{
display: flex;
flex-direction: column;
gap: 40px;
z-index: 2;
}
.each-attraction{
box-shadow: none;
border-radius: 25px;
overflow: hidden;
}
.each-attraction .attraction-img{
width: 100%;
height: 350px;
object-fit: cover;
}
.each-attraction .attraction-content{
padding: 25px 40px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
gap: 15px;
background-color: #fff;
}
.each-attraction .attraction-content h2{
color: var(--theme);
}
.each-attraction .attraction-content p{
font-size: 16px;
color: #57534e;
}
.each-attraction .attraction-content ul{
font-size: 16px;
padding-left: 20px;
}
.each-attraction .attraction-content ul li{
padding-left: 15px;
list-style: disc;
color: #57534e;
}
.each-attraction .attraction-content .text-highlight{
border-radius: 7px;
padding: 8px 16px;
background-color: #fafaf9;
color: var(--theme-sec);
width: max-content;
font-size: 16px;
font-family: sans-serif;
}
.facilities-icon{
background: #1a2e26;
}

@media(max-width:767px) {
.section-title p{
font-size: 14px;
line-height: 20px;
}
.each-attraction .attraction-content h2,
.each-facility .facility-content h2{
font-size: 22px;
}
.each-attraction .attraction-content p,
.each-facility .facility-content p,
.each-facility .facility-content ul li{
font-size: 14px;
line-height: 20px;
}
.order-2{
display: flex;
flex-direction: column-reverse;
}
.each-facility .facility-img,
.each-attraction .attraction-img{
height: 250px;
}
}

.whatsappbtn {
    background: #4db051;
    background: -moz-linear-gradient(45deg, #4db051 8%, #4db051 100%);
    background: -webkit-linear-gradient(45deg, #4db051 8%, #4db051 100%);
    background: linear-gradient(45deg, #4db051 8%, #4db051 100%);
    bottom: 100px;
    position: fixed;
    color: #fff;
    height: 50px;
    right: 15px;
    min-width: 50px;
    text-align: center;
    z-index: 999;
    border-radius: 50%;
    line-height: 50px;
}

.whatsappbtn i {
    font-size: 30px;
    line-height: 50px;
}

.whatsappbtn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: -moz-linear-gradient(45deg, #4db051 8%, #4db051 100%);
    background: -webkit-linear-gradient(45deg, #4db051 8%, #4db051 100%);
    background: linear-gradient(45deg, #4db051 8%, #4db051 100%);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@-o-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}
.whatsappbtn:hover i, 
.whatsappbtn:focus i{
  color: #000;
}
/*# sourceMappingURL=main.css.map */