/* ============ Hero Banner ============ */

.hero-sec{ padding:600px 0 120px; position: relative;background-size:100% 100%;}
.hero-sec::before{position:absolute;content:'';top:0;right:0;left:0;background:url(../images/overlay.png);background-repeat: no-repeat;
  background-size:100% 100%;
  width:100%;
  height:413px;
}

.banner-text { z-index: 99; position: relative;}
.banner-innner-content{max-width:925px;}
.banner-des{max-width:506px;}
.banner-text h2{font-size:96px; font-family: 'photograph_signatureregular'; line-height:1.4;color:var(--marron-btn);}
.banner-text h3{text-transform: uppercase;font-family: 'Trajan Pro Regular';line-height: 1.4;margin: 0 0 10px;}
.banner-text h1{line-height:1.2;text-transform:uppercase;}

.banner-text p{font-size:24px;font-family:var(--poppins);font-weight:400;margin-bottom:40px;}

@media only screen and (max-width:1599px) {
.banner-text h2 {font-size: 85px;margin-bottom:10px;}
.banner-text p { font-size: 22px; margin-bottom: 35px;}
.hero-sec {padding: 585px 0 110px;}
}

@media only screen and (max-width:1440px) {
.banner-text h2 {font-size: 75px;}
.banner-text p { font-size: 20px; margin-bottom: 25px;}
}

@media only screen and (max-width:1399px) {
.banner-text h2 {font-size: 65px;}
.banner-text p { font-size: 18px; margin-bottom: 15px;}
.hero-sec {padding: 565px 0 100px;}
}
@media only screen and (max-width:1280px) {
.banner-text h2 {font-size: 55px;}
.banner-text p { font-size: 16px; margin-bottom: 0px;}
.hero-sec {padding: 535px 0 95px;}
}
@media only screen and (max-width:1199px) {
.banner-text h2 {font-size: 45px;}
.banner-text p { font-size: 15px;}
.hero-sec {padding: 495px 0 90px;}
}
@media only screen and (max-width:1080px) {
  .hero-sec {padding: 410px 0 75px;}
}
@media only screen and (max-width:1024px) {
.banner-text h2 {font-size: 35px;}
.hero-sec {padding: 365px 0 65px;}
}
@media only screen and (max-width:991px) {
 .banner-text h2 {font-size: 30px;}
  .hero-sec { padding: 325px 0 60px;}
}
@media only screen and (max-width:900px) {
    
}
@media only screen and (max-width:840px) {
.banner-des {
  max-width: 295px;
}
}
@media only screen and (max-width:767px) {
 .banner-text h2 {font-size: 25px;margin-bottom:5px;}
  .hero-sec {padding: 290px 0 45px;}
}
@media only screen and (max-width:667px) {
.hero-sec {padding: 230px 0 40px;}
}
@media only screen and (max-width:575px) {
    .hero-after.banner-text .d-flex{display: block!important;}
    .banner-innner-content {max-width:100%;}
    .banner-des {max-width: 100%;margin-top: 15px;}
     .hero-sec {padding: 170px 0 25px;}
}
@media only screen and (max-width:484px) {
 .hero-sec {padding: 110px 0 25px;}
}
@media only screen and (max-width:420px) {
}
 @media only screen and (max-width:390px) {

 }

 @media only screen and (max-width:360px) {
    
 }

/* ============ Hero Banner ============ */

/* ============ Ballet-Dance Sec ============ */
.dance-title{margin-top:70px;}
.dance-title h3{color:var(--header-color);text-transform: uppercase; font-family:var(--rubik); font-weight:400;margin-bottom: 0; }
.dance-bx {position: relative;z-index: 99;}

@media only screen and (max-width:1599px) { 
.dance-title {margin-top: 65px;}
}
@media only screen and (max-width:1399px) { 
.dance-title {margin-top: 55px;}
}
@media only screen and (max-width:1280px) {
.dance-title {margin-top: 45px;}
 }
@media only screen and (max-width:1199px) {.dance-title {margin-top: 35px;} }
@media only screen and (max-width:991px) {
.dance-title {margin-top: 25px;}
}
@media only screen and (max-width:840px) {
 
  
}
@media only screen and (max-width:767px) {
.dance-title {margin-top: 20px;}
  
}

@media only screen and (max-width:575px) {
 .dance-title {margin-top: 10px;}
}

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

}

@media only screen and (min-width: 360px) {

}

/* ============ Ballet-Dance Sec ============ */
.movement-sec{position:relative;padding-top:115px; padding-bottom:130px;}
.vector-bg{position:absolute;top: -655px;
    right: 74px;width:979px;height:610px;z-index: 9;}

.movement-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.movement-pic {
    width: 576px;
    height: 681px;
    overflow: hidden;
    border-radius: 285px;
}
.gradient-bg {
    position: absolute;
    top: -695px;
    left: 0;
}
.movement-title{margin-top:50px;}
.movement-title h3{color:var(--header-color);text-transform: uppercase;font-family:var(--rubik); font-weight:400;}
@media only screen and (max-width:1599px) { 
.vector-bg {top: -568px;width: 837px;}
.hero-sec::before { height: 360px;}
.gradient-bg {top: -600px;width: 1255px;}
.movement-pic {
  width: 420px;
  height: 525px;
}
.movement-title {
  margin-top: 40px;
}
.movement-sec {
  padding-top: 110px;
  padding-bottom: 110px;
}
}
@media only screen and (max-width:1399px) { 
.vector-bg {top: -480px;width: 700px;height: 463px;}
 .hero-sec::before { height: 280px;}
.gradient-bg {top: -490px;width: 975px;}
 .movement-pic {
    width: 395px;
    height: 500px;
  }
  .movement-title {
  margin-top: 30px;
}
.movement-sec {
  padding-top: 90px;
  padding-bottom: 100px;
}
}
@media only screen and (max-width:1280px) {
.hero-sec::before {height: 195px; }
 .movement-pic {
    width: 375px;
    height: 480px;
  }
  .movement-title {
  margin-top: 20px;
}
.movement-sec {
  padding-top: 80px;
  padding-bottom: 90px;
}
 }
@media only screen and (max-width:1199px) {
    .hero-sec::before { height: 165px;}
    .movement-sec {
  padding-top: 60px;
  padding-bottom: 70px;
}

 }
@media only screen and (max-width:1080px) {
    .vector-bg {top: -412px;width: 580px;}
    .movement-pic {
    width: 345px;
    height: 450px;
  }
   .gradient-bg {
    top: -415px;
    width: 875px;
  }
      .movement-sec {
  padding-top:45px;
  padding-bottom: 55px;
}
 }
@media only screen and (max-width:1024px) {
    .vector-bg {top: -373px;width: 505px;right: 60px;}
     .movement-pic {
    width: 325px;
    height: 430px;
  }
  .movement-title {
  margin-top: 10px;
}
      .movement-sec {
  padding-top:35px;
  padding-bottom: 45px;
}
 }

@media only screen and (max-width:991px) {
.vector-bg {top: -320px;width: 420px; }
 .hero-sec::before {height: 120px;}
  .movement-pic {
    margin: auto;
  }
        .movement-sec {
  padding-top:25px;
  padding-bottom: 35px;
}
}
@media only screen and (max-width:840px) {
 
  
}
@media only screen and (max-width:767px) {
.vector-bg {top: -260px;width: 310px;height: 290px;right: 30px;}
  .gradient-bg {
    top: -260px;
    width: 560px;
  } 
}

@media only screen and (max-width:575px) {
 .gradient-bg {
    top: -150px;
    width: 415px;
  }
 .movement-sec {
  padding-bottom: 25px;
}
}
@media only screen and (max-width:484px) {
 .vector-bg {
    display: none;
  }
}

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

}

@media only screen and (min-width: 360px) {

}
/* ============ Movement Sec ============ */

/* ============ who we are Sec ============ */
.who-we-sec{padding:550px 0 175px; background-size:100% 100%;position: relative;z-index: 9;}
.who-we-outr{max-width:725px;}
@media only screen and (max-width:1599px) { 
.who-we-sec {padding: 525px 0 150px;}
}
@media only screen and (max-width:1399px) { 
.who-we-sec {padding: 495px 0 130px;}
}
@media only screen and (max-width:1280px) {
.who-we-sec {padding: 450px 0 120px;}
 }
@media only screen and (max-width:1199px) {
.who-we-outr {max-width: 435px;}
.who-we-sec {padding: 390px 0 100px;}
 }
@media only screen and (max-width:1080px) {
 .who-we-sec {
    padding: 325px 0 90px;
  }
}
@media only screen and (max-width:1024px) {
 
  
}
@media only screen and (max-width:991px) {
   .who-we-sec {
    padding: 290px 0 80px;
  }
  
}
@media only screen and (max-width:840px) {
 
  
}
@media only screen and (max-width:767px) {
 .who-we-sec {
    padding: 230px 0 70px;
  }
  
}
@media only screen and (max-width:667px) {
 .who-we-sec {
    padding: 180px 0 60px;
  }
  
}

@media only screen and (max-width:575px) {
 .who-we-sec {
    padding: 110px 0 45px;
  }
  .who-we-sec { background-size: cover;}
}
@media only screen and (max-width:484px) {

}
@media only screen and (max-width:420px) {
 .who-we-sec {
    padding: 70px 0 30px;
  }
}

@media only screen and (max-width: 360px) {
.who-we-sec {
    padding: 50px 0 30px;
  }
}

/* ============ who we are Sec ============ */

/* ============ Our Services Sec ============ */
.our-services-sec{padding:130px 0 145px; position:relative;}
.our-services-sec .btns-pairs{margin-top:90px;}
.vector2{position:absolute;top:-85px;right:-72px;z-index: 1;}
.serv-gradient{position: absolute;top:-480px;left:-100px;}
.flawer-bg {position: absolute;bottom: 105px;left: 518px;}
.our-services-outr{position: relative;z-index: 9;}
.oval-shape-pic{width:420px;height:512px;overflow: hidden;border-radius: 500px;}
.oval-shape-pic img{width:100%;height:100%;object-fit: cover;}
.oval-shape-title h3{color:var(--header-color);font-size: 36px; font-family:var(--rubik);font-weight: 400;text-transform: uppercase;margin-top:50px;margin-bottom: 0;}
.oval-shape-inner{display: flex;flex-direction: column;}
.our-services-outr .oval-outr:nth-child(2){margin-top:60px;}
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-inner{flex-direction: column-reverse;}
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-title h3{margin-top:0;margin-bottom:50px;}

@media only screen and (max-width:1599px) { 
.oval-shape-title h3 {font-size: 30px;}
.oval-shape-pic {
  width: 320px;
  height: 412px;
}
.oval-shape-title h3 {margin-top: 40px;}
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-title h3 {margin-bottom: 40px;}
.flawer-bg {
  bottom: 125px;
  left: 280px;
  width: 260px;
}
.vector2 {
  width: 875px;
}
.our-services-sec {padding: 120px 0 125px;}
}
@media only screen and (max-width:1399px) { 
.oval-shape-title h3 {font-size: 25px;}
.oval-shape-pic {
  width: 308px;
  height: 400px;
}
.oval-shape-title h3 {margin-top: 30px;}
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-title h3 {margin-bottom: 30px;}
.vector2 {
  width: 740px;
}
.our-services-sec {padding: 110px 0 115px;}
}
@media only screen and (max-width:1280px) {
.oval-shape-title h3 {font-size: 20px;}
.oval-shape-pic {
  width: 278px;
  height: 370px;
}
.flawer-bg {
    width: 220px;
  }
  .vector2 {
  width: 560px;
}
.our-services-sec {padding: 90px 0 105px;}
 }
@media only screen and (max-width:1199px) { .our-services-sec {padding: 75px 0 95px;}}
@media only screen and (max-width:1080px) {
    .oval-shape-pic {
    width: 258px;
    height: 350px;
  }
   .flawer-bg {
    width: 195px;
    bottom: 140px;
    left: 215px;
  }
  .our-services-sec {padding: 65px 0 75px;}
 }
@media only screen and (max-width:1024px) {
     .oval-shape-pic {
    width: 238px;
    height: 330px;
  }
   .our-services-sec {padding:55px 0 65px;}
   .mr-t-60 {
  margin-top:45px;
}
 }
@media only screen and (max-width:991px) {
.oval-shape-title h3 {margin-top: 20px;}
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-title h3 {margin-bottom: 20px;}

 .oval-shape-pic {
    margin: auto;
  }
  .our-services-outr .oval-outr:nth-child(2n) .oval-shape-inner {
  flex-direction: column;
}
.our-services-outr .oval-outr:nth-child(2) {
  margin-top: 0;
}
.our-services-outr .oval-outr{margin-bottom:15px;}
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-title h3 {
    margin-bottom: 0;
    margin-top: 15px;
  }
  .our-services-sec {padding:45px 0 55px;}
}
@media only screen and (max-width:840px) {
 
  
}
@media only screen and (max-width:767px) {
.our-services-outr .oval-outr:nth-child(2n) .oval-shape-title h3 {margin-bottom: 15px;}
  .oval-shape-title h3 {margin-top: 15px;}
   .mr-t-60 {
  margin-top:35px;
}
}

@media only screen and (max-width:575px) {
 .flawer-bg {
    width: 160px;
    bottom: 123px;
    left: 42px;
  }
  .vector2 {
  width: 359px;
}
 .our-services-sec {padding:35px 0 45px;}
    .mr-t-60 {
  margin-top:20px;
}
}

@media only screen and (max-width:390px) {
  .vector2 {
  display: none;
}
.our-services-sec {padding:30px 0 35px;}
}

@media only screen and (min-width: 360px) {

}
/* ============ Our Services Sec ============ */