@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    
html{scroll-behavior: smooth;}
    
body, html {
  height: 100%;
  font-family: 'Inter', sans-serif;
}


.container{max-width:1400px;}

body p{color:#000; font-family: 'Poppins', sans-serif;}


.scroll-me-outer{position: absolute; left: 50%; bottom: 55px;}
.scroll-me-outer span{-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); white-space: nowrap; margin-left: -4px; color:#fff; font-size:12px;}
.scroll-me {position: relative; width: 10px; height: 10px; background-color: #ffffff;border-radius: 50%;}
.scroll-me:before, .scroll-me:after { content: "";position: absolute; width: 100%; height: 100%; left: 0px;border-radius: inherit;}
.scroll-me:before { top: 17px; background-color: #99968e;}
.scroll-me:after { top: 34px; background-color: #59534f;}



.font-15{font-size:15px !important;}
.font-16{font-size:16px !important;}
.font-18{font-size:18px !important;}

.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}

.font-poppin{font-family: 'Poppins', sans-serif;}
.font-inter{font-family: 'Inter', sans-serif;}

.header-area{background:rgba(7,7,7,0.54);}

.drop-city-list .btn-secondary{background-color:rgba(255,255,255,0.05); border-color:#d8d8d8; width:100%; height:48px; max-width:282px;}

.drop-city-list .dropdown-menu{background:#0e0e0e; width:282px;}
.drop-city-list .dropdown-menu li a{ color:#c7c7c7; border-left:3px solid transparent; font-family: 'Poppins', sans-serif; font-size:18px; font-weight:400; padding-top:10px; padding-bottom:10px;}

.drop-city-list .dropdown-menu li a:hover, .drop-city-list .dropdown-menu li a:focus{background-color:#171717; border-left:3px solid #e6b3a2; color:#e6b3a2;}


.profile-pic{height:50px; width:50px; border-radius:50%;}
.close-menu{background:#fff; height:35px; border-radius:50%; color:#000; text-align:center; line-height:35px; width:35px; position:relative;}


.main-title-white{color:#ffffff !important; font-size:50px !important; text-transform:uppercase !important; font-weight:700 !important; font-family: 'Inter', sans-serif !important; letter-spacing: 0 !important; padding-left: 0px !important; line-height:1em !important;}
.main-title-black{color:#000000 !important; font-size:50px !important; text-transform:uppercase !important; font-weight:700 !important; font-family: 'Inter', sans-serif !important; letter-spacing: 0 !important; padding-left: 0px !important; line-height:1em !important;}


.btn-cstm1{background-color:#c9191b; border-color:#c9191b; border-radius:30px; font-size:16px; text-align:center; color:#ffffff; text-transform:capitalize; font-family: 'Poppins', sans-serif; font-weight:700; padding:11px 46px;}
.btn-cstm1:hover, .btn-cstm1:focus{background-color:#1a1919; border-color:#1a1919; outlin:none; box-shadow:none;}


.btn-cstm2{background-color:#000000; border-color:#000000; border-radius:30px; font-size:16px; text-align:center; color:#e6b3a2; text-transform:capitalize; font-family: 'Poppins', sans-serif; font-weight:700; padding:11px 46px;}
.btn-cstm2:hover, .btn-cstm2:focus{background-color:#c9191b; border-color:#c9191b; outlin:none; box-shadow:none;}


.btn-cstm3{background-color:transparent; border-color:#c9191b; border-radius:30px; font-size:16px; text-align:center; color:#c9191b; letter-spacing:0px; text-transform:uppercase; font-family: 'Poppins', sans-serif; font-weight:700; padding:10px 22px;}
.btn-cstm3:hover, .btn-cstm3:focus{background-color:#c9191b; border-color:#c9191b; outlin:none; box-shadow:none;}


.bg-banner-home {  background-image: url("../images/banner-image.jpg"); height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover; position:relative;}
.bg-banner-inner{ min-height:380px; background-position: center; background-repeat: no-repeat; background-size: cover; position:relative;}

.caption-banner { position: absolute; left: 0; right:0; top: 60%; transform: translate(0, -60%); width:100%; padding:0px 15px; text-align: center;}

.caption-banner h1{font-size:67px; color:#fff; line-height:1em; letter-spacing:3px; font-weight:500; text-transform:uppercase;}
.caption-banner h2{font-size:26px; color:#fff; line-height:1em; letter-spacing:27px; font-weight:500; text-transform:uppercase; font-family: 'Poppins', sans-serif; padding-left: 23px;}
.caption-banner h3{font-size:28px; color:#fff; line-height:1em; letter-spacing:1px; font-weight:600; font-family: 'Poppins', sans-serif; padding-left: 23px;}


.bg-banner-inner .caption-banner{top: 70%; transform: translate(0, -70%);}


.menu-main{background: #0e0e0e; width: 282px; position:absolute; top:20px; right:20px; padding:8px 0; border-radius:6px;}
.menu-main .menu-list{margin:0px; padding:0px; list-style-type:none;}
.menu-main .menu-list li{margin:0px; padding:0px; list-style-type:none; display:block; letter-spacing:0;}
.menu-main .menu-list li a{margin:0px; list-style-type:none; color: #c7c7c7; border-left: 3px solid transparent !important; letter-spacing:0; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; padding:10px 16px; display: block; width: 100%; clear: both; text-align: left; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0;}
.menu-main .menu-list li a:hover{background-color: #171717; border-left: 3px solid #e6b3a2 !important; color: #e6b3a2;}

.menu-main .list-follow li{font-weight:400; font-size:16px; color:#c7c7c7; text-transform:capitalize;}



.bread-crumbs li{color:#fff; font-size:20px; font-weight:500;}
.bread-crumbs li a{color:#fff; text-decoration:none;}

.bread-crumbs .breadcrumb-item+.breadcrumb-item::before{color:#fff;}

.bread-crumbs li.active{color:#d1d1d1;}


.area-picture {background-image: url("../images/bg-3.jpg"); background-repeat:no-repeat; background-size:cover; position:relative;}
.area-picture p, .yoga-class p{font-size:18px; font-weight:400;}

.area-picture p a , .yoga-class p a{color:#c9191b; text-decoration:none;}


.list-red-bullets{padding-left:20px;}
.list-red-bullets li{ font-family: 'Poppins', sans-serif; font-size:18px; margin:11px 0;}

.list-red-bullets li::marker{color:#af0a0a;}


.list-follow{list-style-type:none; margin:0px; padding:0px;}
.list-follow li{display:inline-block; margin:0px 6px; padding:0px; vertical-align: middle; color:#fff; font-size: 16px; text-transform: uppercase;font-weight: 800;letter-spacing: 2px;}
.list-follow li a i{color:#fff; font-size: 26px;  -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}



.list-follow li a i.fa-square-facebook:hover{color: #407cd9;}
.list-follow li a i.fa-square-instagram:hover{color: #e39be2;}

.reviews-area .list-follow li, .reviews-area .list-follow li a i{color:#000;}



.yoga-class{background:#fff; position:relative;}
.left-half{float: left; width: 50%; display:inline-block; padding:15px;}
.right-half{float: left; width: 50%; display:inline-block; padding:15px; background-image: url("../images/home-right-1.jpg"); background-repeat:no-repeat; background-size:cover; top:0; position:absolute; height:100%;}

.yoga-class .right-half{ background-image: url("../images/yoga-class-img-1_03.jpg");}
.date-night .right-half{ background-image: url("../images/Date-Night-bg-1.jpg");}


.reviews-area{background-image: url("../images/reviews-bg.jpg"); background-repeat:no-repeat; background-size:cover;}

.reviews-area .review-box{padding:25px 20px 20px 20px;border-radius:15px;background:#fff; -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.08);
 -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;

}

.reviews-area .review-box i{display: inline-block; margin-top: -5px; background:#e6b3a2; color:#000; font-size:24px; border-radius:50%; text-align:center; margin-right:10px; line-height:48px !important; height:48px; width:48px; float:left;}
.reviews-area .review-box h5{font-size:20px; font-weight:600; color:#000; line-height:20px; margin-bottom:0px;}
 .reviews-area .review-box h6{font-size:16px; line-height:16px; font-weight:400; color:#414141;}
.reviews-area .review-box p{font-size:18px; margin-bottom:0px;}
  
.reviews-area .title-reviw{display:block; width:100%; float:none; margin-bottom:20px; position:relative;}

.reviews-area .title-reviw:after{position:absolute; content:url(../images/reviews-stars.png); height:22px; width:120px; right:0; top:4px;}



.date-night-box{background:#f7f6f6; padding:26px 15px 28px 15px; min-height:310px;}
.date-night-box img{margin-bottom:18px;}
.date-night-box h4{color:#000; font-size:22px; font-weight:500; margin-bottom:0px;}

.alert-box{background:#f9ebe7; padding:30px 30px 22px 30px;}
.alert-box p{font-size:18px; color:#5b3c32; margin-bottom:8px;}
.alert-box p a{color:#c9191b;}

.yoga-class .left-half-1{float: right; width: 50%; display:inline-block; padding:15px; background-image: url("../images/yoga-class-img-1_04.jpg"); background-repeat:no-repeat; background-size:cover; top:0; left:0; position:absolute; height:100%;}
.yoga-class .right-half-1{float: right; width: 50%; display:inline-block; padding:15px; }



.yoga-class-list{margin:0px; padding:0px; list-style-type:none;}
.yoga-class-list li{margin:0px; padding:0px; list-style-type:none; display:inline-block; vertical-align:middle; line-height: 18px; font-size:12px; font-weight:600;}

.yoga-class-list li a{color:#e39be2; font-size:22px;}
.yoga-class-list li:first-child a{color:#407cd9; font-size:22px;}
.yoga-class-list li:last-child a{color:#c9191b; font-size:18px; line-height: 18px; font-weight:400;}


.tickets-section{background-image: url("../images/bg-black.jpg"); background-repeat:no-repeat; background-size:cover;}
.ticket-box img{width:100%;}
.ticket-content h5{color:#e6b3a2; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:500;}
.ticket-content h4, .ticket-content h4 a{color:#ffffff; font-size:24px; font-weight:500; text-decoration:none;}
.ticket-content p{font-size:16px; font-weight:400; color:#fff;}


.teams-section .ticket-content p, .teams-section .ticket-content h4, .teams-section .ticket-content h4 a{color:#000;}
.teams-section .ticket-content p{margin-bottom:4px;}
.teams-section .ticket-box{ -webkit-transition: margin-top 0.3s ease-in-out; -moz-transition: margin-top 0.3s ease-in-out; -o-transition: margin-top 0.3s ease-in-out; transition: margin-top 0.3s ease-in-out;}
.teams-section .ticket-box:hover{margin-top:-10px;}


.teams-section .team-details-box p{color:#000; font-size:18px;}
.teams-section .team-details-box h3{color:#000; font-size:40px; font-weight:600;}
.teams-section .team-details-box h4{color:#000; font-size:24px; font-family: 'Poppins', sans-serif; font-weight:500;}


.teams-section .ticket-box img{filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); transition: all 0.3s;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.teams-section .ticket-box img:hover{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}


.general-info-section{background-image: url("../images/yoga-class-bg-1.jpg"); background-repeat:no-repeat; background-size:cover;}
.general-info-section p{font-size:18px; color:#fff;}
.general-info-section p a{color:#e6b3a2;}


.date-night-section{background-image: url("../images/date-bg-1.jpg"); background-repeat:no-repeat; background-size:cover;}

.immersive-section{}
.immersive-section .ticket-box {-webkit-box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.05); box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.05);
 -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
    
}

.immersive-section .ticket-box:hover{-webkit-box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.27); -moz-box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.27); box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.27);}

.immersive-section .ticket-content{padding:28px;}
.immersive-section .ticket-box img{max-width:100%;;}
.immersive-section .ticket-content h5{color:#000000; background:#fff;}
.immersive-section .ticket-content h4, .immersive-section .ticket-content h4 a, .immersive-section .ticket-content p{color:#000000;}



.top-minus-gap{padding-top:0px !important; margin-top:-21px;}
.immersive-section .ticket-box h5.colored-1 {-webkit-box-shadow: 0px 15px 32px 0px rgba(30, 34, 40, 0.11); -moz-box-shadow:  0px 15px 32px 0px rgba(30, 34, 40, 0.11); box-shadow:  0px 15px 32px 0px rgba(30, 34, 40, 0.11);
 -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  
  padding:11px 30px; background:#fff;
    display:inline-block;
}

.immersive-section .ticket-box:hover h5.colored-1{background:#c9191b; color:#fff; -webkit-box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.27); -moz-box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.27); box-shadow: -5px 14px 30px 0px rgba(50, 50, 50, 0.27);}



.cities-section{background-image: url("../images/Select-City-bg.jpg"); background-repeat:no-repeat; background-size:cover;}
.cities-section .cities-box{background:rgba(0,0,0,0.51); border-radius:20px; padding:50px;}
.cities-box p{font-size:20px; color:#fff;}

.list-cities{margin:0px; padding:0px;}
.list-cities li{word-break: break-word; position:relative; display:inline-block; border:2px solid #d8d8d8; padding:10px; width:140px; height:140px; margin:8px 6px; border-radius:10px; background:rgba(255,255,255,0.2); font-size:18px; color:#fff; text-align:center;}
.list-cities li a{word-break: break-word; text-decoration: none; color: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

.list-cities li.active{background:#e6b3a2; border-color:#e6b3a2;}
.list-cities li.active a{color:#000;}


.footer-area{background-image: url("../images/footer-bg.jpg"); background-repeat:no-repeat; background-size:cover; overflow-X:hidden;}

.footer-area h2{letter-spacing:-3px;}
.footer-area h4{color:#000; font-size:18px; font-weight:600; font-family: 'Poppins', sans-serif;}
.footer-area p{color:#000; font-size:18px;}

.footer-area .center-footer{position:relative;}
.footer-area .center-footer:before{content:""; height:100%; width:100%; position:absolute; top:0; left:100%; bottom:0; background:url(../images/footer-bg-12.jpg); width: 9999999999em; z-index:9;}
.footer-area .center-footer:after{content:""; height:100%; width:100%; position:absolute; top:0; right:100%; bottom:0; background:url(../images/footer-bg-11.jpg); width: 9999999999em; z-index:9;}

.footer-area .center-footer-top{z-index:999999;}

.footer-area .form-f-1{background-color:rgba(255,255,255,0.1); border-color:#c7c7c7; border-radius:30px; height:48px; margin:15px 0; color:#c7c7c7; text-align:center;}
.footer-area .form-f-1::-webkit-input-placeholder {color:#c7c7c7;}
.footer-area .form-f-1:-ms-input-placeholder {color:#c7c7c7;}
.footer-area .form-f-1::placeholder {color:#c7c7c7;}


.footer-area .btn-city{background-color: rgba(255,255,255,0.10); border-color: #000; color:#000; width: 100%; height: 48px; border-radius:26px;}

.list-social-f{margin:0px; padding:0px; list-style-type:none;}
.list-social-f li{margin:0px; padding:0px; list-style-type:none; display:inline-block; vertical-align:middle;}
.list-social-f li a{color:#000; font-size:28px;}

.footer-box{position:relative; top:50%; transform: translate(0% , -50%);}

.footer-copyrights{text-align:center; font-size:15px; color:#000;}




/***************Media Queries For Responsive Work***************/


@media only screen and (max-width:767px){
    .banner-content img.img-fluid{max-width:300px;}
    .caption-banner h1{font-size:37px; letter-spacing:0px;}
    .caption-banner h3{font-size:16px; letter-spacing:0px;}
    .header-logo{max-width:96px;}
    .bread-crumbs li{font-size:16px;}
    .bg-banner-inner{min-height:238px;}
    
    .caption-banner h2{font-weight:500 !important;}
    
    .caption-banner h2{letter-spacing:13px; font-size: 15px; font-weight:400; padding-left: 13px;}
    .caption-banner h3{padding-left:0px;}
    
    .btn-cstm1, .btn-cstm2, .btn-cstm3{font-size:14px; padding: 9px 35px;}
    .btn-cstm3{padding: 8px 17px;}
    .list-follow li:first-child{display:block; margin-bottom: 14px; margin-top:8px;}
    
    .main-title-white,.main-title-black, .teams-section .team-details-box h3{font-size:30px !important;}
    .teams-section .team-details-box h4{font-size:20px;}
    .teams-section .team-details-box p, .general-info-section p{font-size:16px;}
    
    
    .cities-section .cities-box{padding:15px;}
    .cities-section img.img-fluid{max-width:226px;}
    .list-cities li{width:98px; height:98px; font-size:13px; margin: 3px 3px;}
    
    .reviews-area{background-position:left;}
    .center-footer-top{background:url(../images/footer-bg-12.jpg);}
    .center-footer-top img{max-width:250px;}
    .footer-area p{font-size:16px;}
    
    .footer-area .btn-cstm1, .footer-area .btn-cstm2{padding:11px 35px;}
    
    
}