/* Generated by tools/site-build/optimize.py from main.css: rules for classes the site never uses are removed. Edit the source file. */
:root{
--body: #fff;
--black: #000;
--white: #fff;
--theme: #7A0A16;
--header: #4A0A12;
--text: #5A4646;
--text-2: #B8976A;
--border: #E6D7C6;
--border-2: #EADCCF;
--bg: #FCF4EA;
--bg-2: #F2D5CB;
--bg-3: #FBF7F2;
--box-shadow: 0px 1px 14px 0px rgba(74, 10, 18, 0.10);
--pb-burgundy: #7A0A16;
--pb-wine: #4A0A12;
--pb-wine-2: #3A070D;
--pb-gold: #B8976A;
--pb-gold-2: #CDB088;
--pb-blush: #F2D5CB;
--pb-rose: #D98C86;
--pb-cream: #FCF4EA;
--pb-ink: #2E1A1C;
}.theme-btn{
overflow: hidden;
position: relative;
z-index: 1;
transition: 0.9s;
background-color: var(--theme);
color: var(--white);
padding: 16px 25px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
border-radius: 10px;
font-family: "Barlow", sans-serif;
display: inline-flex !important;
align-items: center;
}.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;
}.theme-btn:hover{
color: var(--white);
}.theme-btn:hover::before{
height: 550%;
}body{
font-family: "Barlow", 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: "Gilda Display", 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: 50px;
}}@media (max-width: 1199px){h2{
font-size: 38px;
}}@media (max-width: 991px){h2{
font-size: 38px;
}}@media (max-width: 767px){h2{
font-size: 35px;
}}@media (max-width: 575px){h2{
font-size: 30px;
}}@media (max-width: 470px){h2{
font-size: 25px;
}}h3{
font-size: 30px;
font-weight: 400;
line-height: 107%;
}@media (max-width: 1199px){h3{
font-size: 20px;
}}h4{
font-size: 24px;
font-weight: 400;
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: 9;
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 .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%);
}@-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);
}
}@-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);
}
}@-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);
}
}@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);
}
}@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;
}
}@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;
}
}@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%;
}
}@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;
}
}@keyframes left-animation{
0% {
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@keyframes right-animation{
0% {
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@keyframes top-animation{
0% {
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}@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);
}
}@-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);
}
}@-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);
}
}@-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);
}
}.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);
}
}.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;
text-align: center;
margin: 0 auto;
}.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;
}.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: "Barlow", 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;
}.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);
}.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: "Barlow", 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);
}.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);
}.footer-widget-wrapper .single-footer-widget .widget-title h5::after{
position: absolute;
bottom: 0;
left: 10px;
content: "";
width: 81px;
height: 2px;
background-color: var(--theme);
}.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: 20px;
}.footer-widget-wrapper .single-footer-widget .list li a{
color: var(--white);
}.footer-widget-wrapper .single-footer-widget .list li:hover{
margin-left: 5px;
}.footer-widget-wrapper .single-footer-widget .list li:hover a{
color: var(--theme);
}.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: 20px;
}.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: 999;
}.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: 40px;
}.footer-bottom .footer-wrapper{
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 30px 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: 25px;
}}@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: uppercase;
color: var(--theme);
}.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);
}.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(--white);
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: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 .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: transparent;
z-index: 1;
color: var(--white);
padding: 19px 41px;
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);
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(--white);
}.header-main .header-right .header-button .theme-btn:hover::before{
height: 550%;
}.header-main .header-right .sidebar__toggle{
cursor: pointer;
font-size: 20px;
color: var(--white);
}.header-1{
position: absolute;
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 .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-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: 99999;
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 .main-menu ul li a{
color: var(--white) !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-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: 45px;
height: 45px;
line-height: 45px;
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;
}}.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(122, 10, 22, 0) 0%, rgba(74, 10, 18, 0.8) 50%, #4A0A12 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 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;
}::-webkit-scrollbar-track{
box-shadow: inset 0 0 5px var(--bg);
border-radius: 5px;
}::-webkit-scrollbar-thumb{
background: var(--theme);
border-radius: 10px;
}.fix{
overflow: hidden;
}.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;
}.bg-cover{
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
}.sticky-style{
position: sticky !important;
top: 100px;
}.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;
}@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;
}.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;
}.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: space-between;
align-items: end;
margin-top: 250px;
}@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: 700px;
}@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: 100%;
border-radius: 6px;
}.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: "Barlow", sans-serif;
}.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: "Gilda Display", 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;
}.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);
}
}#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;
}#preloader p{
font-family: "Barlow", sans-serif;
font-size: 14px;
color: #555;
letter-spacing: 0.5px;
}@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: 50px;
height: 50px;
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;
}.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;
}.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-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;
}.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: 0 0 8px 8px;
position: relative;
z-index: 9;
}.room-box-item .room-image{
position: relative;
overflow: hidden;
}.room-box-item .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-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{
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-box-item .content-item{
background: var(--white);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}.room-box-item .content-item .room-content{
padding: 30px;
}.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 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{
justify-content: space-between;
width: 100%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 16px 30px;
background-color: var(--header);
}.room-box-item .content-item .theme-btn::before{
background-color: var(--theme);
transform: rotate(-30deg);
left: -40px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 0px;
}.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);
}@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-details-wrapper .room-details-post .details-image img{
width: 100%;
height: 100%;
border-radius: 16px;
}.room-details-wrapper .room-details-post .details-content{
margin-top: 30px;
}.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 .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;
}.section-title{
position: relative;
z-index: 99;
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);
margin-bottom: 20px;
text-transform: uppercase;
line-height: 1;
display: inline-block;
position: relative;
}.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-padding{
padding: 120px 0;
}@media (max-width: 1199px){.section-padding{
padding: 100px 0;
}}@media (max-width: 991px){.section-padding{
padding: 80px 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;
}@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: #F8F8F8;
border-radius: 4px;
min-height: 166px;
text-align: center;
padding: 40px 15px;
position: relative;
z-index: 9;
}.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: 4px;
}.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: 4px;
}.service-box-items .icon{
margin-bottom: 10px;
}.service-box-items h6{
font-size: 18px;
font-weight: 400;
}.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;
}@keyframes load{
0% {
width: 0;
}
100% {
width: 90%;
}
}@keyframes load2{
0% {
width: 0;
}
100% {
width: 70%;
}
}@keyframes load3{
0% {
width: 0;
}
100% {
width: 55%;
}
}.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: "Barlow", 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-inner{
margin-top: 120px;
margin-bottom: 120px;
}