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


iframe{    width: 100%;
    height: 100vh;}
    

body{font-family: 'Montserrat', sans-serif;font-size: 14px;color: #ffffff;overflow-anchor: none;}
html{scroll-behavior: smooth;}

.sec-spc-top{padding-top:80px;}
.sec-spc-bottom{padding-bottom:80px;}
/* .logo-mob{display: none !important;} */

.heighlight-1{color: #EC1CF2 !important;}
.heighlight-2{color: #4CE0F8 !important;}


.wx-button, .wx-button:hover{

        background: rgb(255 233 34);
            color: #000;
            padding: 10px 20px;
            text-decoration: none;
            font-weight: bold;
            z-index: 9999;
            position: relative;
            left: 65%;
            top: 4%;
            border-radius: 5px;
            font-size: 16px;
}


section, footer{overflow: hidden !important;}
/* section::after {display: block;content: "";width: 3%;height: -webkit-fill-available;background: transparent url(../img/sec-bg-1.png) no-repeat;background-size: contain;position: absolute;right: 1px;top: -2px;} */
/* section::before {display: block;content: "";width: 5%;height: 340px;background: transparent url(../img/sec-bg-2.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 25px;} */


.btn-primary, .btn-primary:hover, .btn-primary:active {
    color: #fff;
    background-color: #97239b;
    border-color: #97239b;
}
#myCheck{pointer-events:none}

header{background: #1D1C1F;min-height: 650px;}

.top-contact{display: flex;color: #ffffff;padding: 20px 0;}
.top-contact a{color: #ffffff;text-decoration: none;padding: 0 10px;}

.logo-sec{display: none;}

.navbar-brand img{width: 50%;}
.navbar{position: relative;z-index: 999;}
.navbar-brand{position: absolute;}
.navbar-dark.bg-primary, .dropdown-menu.bg-primary {background: rgb(183,87,207);
    background: -moz-linear-gradient(90deg, rgba(183,87,207,1) 0%, rgba(119,33,133,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(183,87,207,1) 0%, rgba(119,33,133,1) 100%);
    background: linear-gradient(90deg, rgba(183,87,207,1) 0%, rgba(119,33,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b757cf",endColorstr="#772185",GradientType=1);}
.navbar-nav li.nav-item{padding: 0 15px;text-transform: uppercase;}
.dropdown-item{color: #ffffff;font-weight: 500;}
nav .dropdown-menu[data-bs-popper] {top: 43px;left: 0;margin-top: 0.125rem;}
.dropdown-item:focus, .dropdown-item:hover {color: #ffffff;background-color: #1D1C1F;}
.navbar-dark .navbar-nav .nav-link {color: #fff;font-weight: 500;}



/* Slider modification css start */

.slider-nav-animation .slider-container>.slide-visible>* {background: #1d1c1f;}
.lead {font-size: 3.25rem;color: #e773fe;font-weight: 600;}
.swiffy-slider .card-title{
    font-size: 3rem;
    font-weight: 800;
    color: #ffffff;
}

.slider-nav-round .slider-nav::before, .slider-nav-square .slider-nav::before {background-color: transparent !important;}
.slider-container .card{background-color:transparent;}
.slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after {background-color: rgb(183,87,207) !important;width: 1.5rem !important;height: 1.5rem !important;}
.slider-indicators .active{background-color: #b757cf;}

.slider-container .card-img {width: 60%;margin: 40px auto;}



/* Slider modification css start */




/* about css start */

.about{background-color: #1F0A4A;min-height: 598px;position: relative;}
.about h2{color: #4F2E8F;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}
.about ul li{list-style: none;float: left;width: 32%;margin-left: -3%;}
.about ul li img{width: 100%;position: relative;}
.about:hover .list-1-mod{margin-top: 95px;transition: 1.2s ease-in-out;}
.about:hover .list-3-mod{margin-top: -95px;transition: 1.2s ease-in-out;}

/* about css end */



/* b-dhoom start */

.b-dm-title{    
  width: 20%;
  border-radius: 15px;
  margin-top: 80px;
  animation-name: move-2;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: alternate
 
}


/* .t-outer{  


  
} */


@keyframes move-2 {
  0 {
      top: 50px
  }

  100% {
      top: 230px
  }
}




.b-dhoom{    
  z-index: 2;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #1D1C1F;
}

.b-dhoom h2{color: #89878E;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}



.video-container {
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .video-container>video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  
  /* Just styling the content of the div, the *magic* in the previous rules */
  .video-container .caption {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-bottom: -1px;
  }




  /* b dhoom end */






/* classes css start */


.classes{background-color: #1D1C1F;}
.classes h2{color: #89878E;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}
.classes .nav-tabs .nav-item.show .nav-link, .classes .nav-tabs .nav-link.active{color: #EC1CF2;font-weight: 500;background-color: transparent;border-color: transparent;border-bottom: 3px solid #EC1CF2 !important;}
.classes .nav-link{color: #ffffff;border: 3px solid transparent;text-transform: uppercase;border-bottom: 3px solid transparent !important;}
.classes .nav-tabs .nav-link:focus, .classes .nav-tabs .nav-link:hover {border-bottom: 3px solid #EC1CF2;border-color: transparent;}
.classes .nav-link.active:after {content: "";position: relative;bottom: -40px;left: -50%;border: 10px solid transparent;border-top-color: #EC1CF2;}
.classes .tab-pane .col-md-4 img{border: 12px solid rgba(236,28,242,1); border-top-left-radius: 10px; border-bottom-right-radius: 10px;}



/* events css start */
.events{background-color: #1F0A4A;}
.events h2{color: #4F2E8F;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}
.events .slider-nav-outside .slider-container{overflow: hidden;}
.events h5{color: #EC1CF2;}
.events .slider-nav-dark .slider-nav::after{background-color: #EC1CF2 !important;width: 1.5rem;height: 3rem;}
.events .swiffy-slider h6{position:absolute;top: 258px;color: #EC1CF2;font-weight: 500;}
.events .slider-indicators{bottom: -55px;}

/* events css end */



/* gallery css start */

.gallery{background-color: #1D1C1F;}
.gallery h2{color: #89878E;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}

/* gallery css end */






/* studio rental start */

.s-rental {
  background-color: #16043d;
}

.s-rental h2{color: #4F2E8F;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}


.gallery__list {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: baseline;
}
.gallery__item {
  width: calc(95% / 3);
}
.gallery__item:not(:nth-child(-n+2)) {
  margin-top: 20px;
}
.gallery__item img {
  width: 100%;
  height: auto;
}
.gallery__item a {
  transition: .5s;
}
.gallery__item a:hover {
  filter: opacity(0.7);
}
.gallery__item a:hover img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.s-rent{position: relative;z-index: 2;}

img.new-bdg {
  width: 32px;
    position: absolute;
    top: -10px;
    z-index: -1;
    left: 132px;
}

.new-bdg-2{  
  width: 64px;
    position: relative;
    top: -24px;
    z-index: 1;
    left: 11px;
    height: 64px;
}



/* studio rental end */










/* schedule start */



.schedule{background-color: #1F0A4A;}
.schedule h2{color: #4F2E8F;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}
.download{width: 18px;height: 18px;margin-bottom: 20px;float: right;margin-left: 12px;}
.time-table{border: 12px solid  #EC1CF2;border-top-left-radius: 10px; border-bottom-right-radius: 10px;position: relative;z-index: 5;width: 85%;display: block;margin: 0 auto;}
.schedule h3{text-align: center;padding: 50px;color: #4CE0F8;font-weight: 700;font-style: italic;line-height: 1.5em;}
.schedule .col-lg-8{position: relative;}
.circle1{background-image: url(../img/circle.svg);width: 150px;height: 150px;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: -32px;bottom: -60px;z-index: 1;}
.circle2{background-image: url(../img/circle.svg);width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -32px;top: 0;z-index: 1;}
.circle3{background-image: url(../img/circle.svg);width: 40px;height: 40px;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: 42%;top: 15px;z-index: 1;}
.download-txt, .download-txt:hover{color: #EC1CF2;text-decoration: none;font-weight: 500;width: fit-content;display: inline-block;}





/* schedule end */






/* testimonials start */

.testimonials{background-color: #1D1C1F;position: relative;}
.testimonials h2{color: #89878E;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}
.testimonials .slider-nav::after{background-color: #EC1CF2;width: 1.5rem;height: 3rem;}
.slider-indicators-dark .slider-indicators>*, .slider-indicators-dark.slider-indicators>*{background-color: #EC1CF2;filter: none !important;-webkit-filter: none !important;border-radius: 20px;}
.slider-nav-animation .slider-container>.slide-visible>*{background: transparent;}
.slide-visible h3{color: #b757cf;font-size: 22px;}
.test-g{position: absolute;right: 13%;top: 57%;width: 11%;z-index: 1;}
.testimonials .swiffy-slider.slider-indicators-outside{min-height: 285px;}


/* testimonials end */





/* Contact start */


.contact{background-color: #1F0A4A;position: relative;}
.contact h2{color: #4F2E8F;font-size: 60px;font-weight: 700;border-bottom: 1px solid;display: inline-block;margin-bottom: 40px;}
.contact-g{width: 100%;position: relative;top: 165px;z-index: 1;}
.location{width: 15%;}
.ft-mail, .ft-mail:hover{font-size: 22px;color: #4CE0F8;text-decoration: none;margin-top: 10px;display: inline-block;}
.ft-call, .ft-call:hover{font-size: 22px;color: #FF51B4;text-decoration: none;margin-top: 10px;display: inline-block;}
.social-links ul{list-style: none;display: inline-block;margin-top: 22px;}
.social-links ul li{float: left;}
.social-links ul li img{width: 50px;margin: 0 20px;filter: grayscale(100%);transition: all .4s ease-in-out;}
.social-links ul li img:hover, .social-links ul li img:active{width: 50px;margin: 0 20px;filter: grayscale(0);transform: scale(1.8)}
.hide-lg{display: block !important;}
.contact p{display: block;}
.inquire{position: static !important;
    transform: rotate(0deg) !important;
    background: transparent !important;
    font-size: 20px !important;
    display: block !important;}




/* Contact start */





/* footer start */

footer{background: #1A0F30;padding-top: 20px;padding-bottom: 20px;text-align: center;position: relative;z-index: 2;}
footer a, footer a:hover{text-decoration: none;color: #EC1CF2;}
.go-top{position: absolute;right: 4%;top: 24%;}



.modal-backdrop{z-index: 8;}
.modal-body{color: #1d1c1f !important;}
.policy li{margin-bottom: 12px !important;}

.footer-add{line-height: 38px;}


/* footer end */






@media screen and (max-width:1280px) {

.navbar-dark .navbar-nav .nav-link{font-size: 13px;}


}







@media screen and (max-width:768px) and (min-width:479px){

.events .swiffy-slider h6{top: 48px;} 
.classes nav{overflow-x: scroll;}
.classes nav .nav-tabs{flex-direction: row;width: max-content;}

    


}






@media screen and (max-width:480px){

.navbar{margin: 20px 0;}
.navbar-brand img {width: 30%;}
.slider-container .card-img {width: 100%;margin: 10px auto;}
.about h5{margin-top: 25px;}
.classes .tab-content .col-md-4{margin-bottom: 20px;}
section h2{font-size: 26px !important;margin-bottom: 32px !important;}
.sec-spc-top {padding-top: 40px;}
.sec-spc-bottom {padding-bottom: 40px;}
.testimonials .slider-nav{display: none !important;}
.events .swiffy-slider h6{top: 25px;}
.classes nav{overflow-x: scroll;padding-bottom: 10px;overflow-y: hidden;}
.classes nav .nav-tabs{flex-direction: row;width: max-content;}
.about:hover .list-1-mod{margin-top: 0;}
.about:hover .list-3-mod{margin-top: 0;}
.about {min-height: auto;}
.circle1 {width: 84px;height: 84px;right: 5px;bottom: -35px;}
.circle3{right: 42%;top: 25px;}
.test-g {position: absolute;right: 8%;top: 86%;width: 26%;}
.slide-visible h3{font-size: 18px;}
.go-top{position: absolute;right: 4%;top: -50px;}
.navbar-toggler{position: relative;left: 85%;}
.contact-g {width: 28%;top: 158px;}
.social-links ul {margin-top: 30px;}
.row.top-contact a {display: block;text-align: center;margin: 10px 0;}
.navbar .navbar-toggler.navbar-collapse.show .navbar-brand{position: relative;top: 18px;}
.hide-mob{display: none;}
.logo-sec{display: block;height: 2px;}
.logo-sec img {width: 20%;position: relative;top: 10px;z-index: 8;left: 8%;z-index: 9999;}
.navbar-nav{margin-top: 24px;}
.testimonials .swiffy-slider.slider-indicators-outside {min-height: 530px;}
.ratio-16x9 {--bs-aspect-ratio: calc(1 / 1 * 100%);}
.gallery .img-fluid{margin-bottom: 15px !important;}
.modal-backdrop.show {opacity: .9;}
.b-dm-title{width: 85%;}
.ban-vid{width: 92%;margin: 0 auto;display: block;}
.caption img{margin-bottom: 15px;}
.video-container .caption{margin-bottom: 0px;}
.wx-button,.wx-button:hover {left: 34%;top: 10px;}

.gallery__item {width: 100%;margin-top: 5%;}
.studio-imeges .col-lg-4{margin-bottom: 15px;}
.schedule .col-lg-4 {margin-bottom: 40px;}


}