:root{
    --ease-overshoot-linear : linear(0,.255,.4449,.6018,.7355,.8513,.9525,1.0413,1.1195,1.1881,1.2484,1.3011,1.3468,1.3862,1.4198,1.4479,1.4709,1.4892,1.503,1.5126,1.5182,1.52,1.5189,1.5156,1.5101,1.5025,1.4929,1.4817,1.469,1.4552,1.4406,1.4254,1.4099,1.3943,1.3787,1.3633,1.3481,1.3333,1.3188,1.3048,1.2912,1.278,1.2653,1.253,1.2412,1.2298,1.2188,1.2083,1.1981,1.1883,1.1789,1.1698,1.1611,1.1528,1.1447,1.137,1.1296,1.1225,1.1156,1.1091,1.1028,1.0967,1.0909,1.0854,1.0801,1.075,1.0701,1.0654,1.061,1.0567,1.0526,1.0488,1.0451,1.0415,1.0382,1.035,1.032,1.0292,1.0265,1.0239,1.0215,1.0193,1.0172,1.0152,1.0134,1.0117,1.0101,1.0086,1.0073,1.0061,1.005,1.004,1.0032,1.0024,1.0018,1.0012,1.0008,1.0004,1.0002,1,1);
    --transition-timing-function: linear(0, 0.3, 0.55, 0.75, 0.9, 1, 1.12, 1.15, 1.14, 1.12, 1.08, 1.05, 1.02, 1.01, 1, 1);
    --transition-timing-function-linear: linear(0, 0.25, 0.45, 0.65, 0.85, 1, 1.04, 1.06, 1.05, 1.04, 1.03, 1.02, 1.01, 1, 1);
    --transition-timing-function-small: linear( 0, 0.25, 0.5, 0.75, 0.95, 1, 1.008, 1.012, 1.014, 1.012, 1.01, 1.008, 1.005, 1.002, 1, 1);
    --transition-timing-function-medium: linear(0, 0.3, 0.6, 0.85, 1, 1.006, 1.01, 1.012, 1.01, 1.006, 1.003, 1.001, 1, 1 );

}
#containermy{
    background-image: url('./images/bodybg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    transition: 0.3s all;
    overflow: hidden;
}
#containermy::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s all;
     background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.secondSlidesGroup,
.firstSlidesGroup {
    position: relative;
    width: 100vw;
    height: 100vh;
}
.firstSlidesGroup::before, .firstSlidesGroup::after {
    content: '';
    display: inline-block;
    width: 2286px;
    height: 1524px;
    background-image: url('./images/cloud-8.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -542px;
    top: -198px;
    z-index: 0;
    transition: 1s all ease;
}
.firstSlidesGroup::after{
    width: 2389px;
    height: 1541px;
    left: -808px;
    top: 269px;
    z-index: 3;
    background-image: url('./images/clouds-group.png');
}
.scrolled_up {
    transform: translateY(-100%) !important;
    opacity: 0;
}
.section_0 .firstSlidesGroup::before{
    z-index: 2;
}
.bannerContent .bandivcont {
    position: relative;
    z-index: 4;
}
.section_0 .firstSlidesGroup::after{
    width: 2312px;
    left: -632px;
    top: 333px;
    transition: 2.5s all var(--transition-timing-function-linear);
}
.section#section1.animation_not_initiate {
    opacity: 1;
    visibility: visible;
    display: flex;
    transform: translateY(0);
    z-index: 1;
}
.banehead h1{
    transform: translateY(120px);
    opacity: 0;
    transition: opacity 1s ease, transform 2s 0s ease;
}
.bannerContent .bandivcont .innerbantext{
    transform: translateY(300px);
    opacity: 0;
    transition: opacity 0.5s var(--transition-timing-function-linear) , transform 2.3s 0s var(--transition-timing-function-linear);
}
.bannerContent .bandivcont .scllicon{
    transition: opacity 0.5s var(--transition-timing-function-linear) , transform 2.5s 0s var(--transition-timing-function-linear);
    transform: translateY(400px);
    opacity: 0;
}
.firstSlidesGroup:not(._animate) ._aircraft{
    opacity: 0;
}
.banimg ._aircraft{
    transition: opacity 0.5s ease, transform 1.5s 0s var(--transition-timing-function-linear);
    opacity: 1;
    width: 100%;
    height: 100%;
}
._animate .banimg ._aircraft{
    animation: slideInTopLeft 1.6s ease none;
}
@keyframes slideInTopLeft {
   from {
    opacity: 0;
    width: 80px;
    height: 80px;
  }
  to {
    width: 100%;
    height: 100%;
        opacity: 1;
  }
}

._animate .bannerContent .bandivcont .innerbantext,
._animate .bannerContent .bandivcont .scllicon,
._animate .banehead h1{
    transform: translateY(0);
    opacity: 1;
}

/* Step 1 */
.section_1 .firstSlidesGroup::before{
    z-index: 0;
}
.section_1 ._animate .bannerContent .bandivcont .innerbantext,
.section_1 ._animate .bannerContent .bandivcont .scllicon{
    transform: translateY(100px);
    opacity: 0;
}
.section_1 ._animate .banehead h1{
    transform: translateY(-320px);
    opacity: 0;
}
.section_1 .firstSlidesGroup::before{
    left: -619px;
    top: -382px;
}
.section_1 .firstSlidesGroup::after{
    width: 2312px;
    left: -632px;
    top: -870px;
    transition: 2.5s all var(--transition-timing-function-linear);
}
.section_1 ._animate .banimg ._aircraft,
.section_0.move_up ._animate .banimg ._aircraft {
    transition: opacity 2s ease, transform 2s ease;
}
.section_1 ._animate .banimg ._aircraft {
    transform: rotate(-8.36deg) translate(0 , 0);
}
.section_1 ._animate .whychoosesec{
    transform: translateY(0);
}
.section_1.move_down ._animate .whychoosesec{
    transition-delay: 0.3s;
}
.section_1 .banimg {
    z-index: 5;
}
.whychoosesec {
    transition: opacity 2s var(--transition-timing-function-linear) , transform 2s 0s var(--transition-timing-function-linear);
}

/* Step 2 */
div#containermy.middleSlides{
    background-image: url('./images/middleSlidesBG.png');
}
.permiumsec::before, .permiumsec::after,
.nyzsec::before, .nyzsec::after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('./images/middleSbefore.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.permiumsec::after{
    background-image: url('./images/middleSafter.png.png');
    background-position: bottom center;
    top: auto;
    bottom: 0;
}
.section_2 ._animate .banimg ._aircraft{
    transform: rotate(-8.24deg) translate(319px , -1112px);
    transition: opacity 2s ease, transform 3s ease;
    opacity: 0;
}
.section_2 ._animate .banimg{
    transition-delay: 1s;
    transform: translateY(-100%);
}
.section_2 ._animate .whychoosesec{
    transform: translateY(-100vh);
    opacity: 0;
}
.section_2 ._animate .permiumsec{
    transform: translateY(0);
}
.section_2 .firstSlidesGroup::after{
    left: -141px;
    top: -1107px;
}
.section_2 .firstSlidesGroup::before {
    left: -619px;
    top: 194px;
}

.permiumimg ._aircraft {
    transform: translate(100vw, 100vh);
    opacity: 0;
    transition: opacity 2s var(--transition-timing-function-linear) , transform 3.5s 0s var(--transition-timing-function-linear);
}
.section_2 .permiumimg ._aircraft{
    transform: translate(0, 0);
    opacity: 1;
}
.permiumsec .slideInBottomRight{
    transform: translate(110vw, 120vh);
    opacity: 0;
    transition: opacity 1s ease , transform 1.5s 0s ease;
}
.section_2 .slideInBottomRight{
    transform: translate(0, 0);
    opacity: 1;
}
#section3 .mybtnstyle{
    transform: translateY(300px);
    opacity: 0;
    transition: opacity 1s ease , transform 1.5s 0s ease;
    transition-delay: 0.4s;
}
.middleSlides #section3 .mybtnstyle{
    transform: translateY(0);
    opacity: 1;
}

/* Step 3 */
.section_3 .slideInBottomRight,
.section_3 .permiumimg ._aircraft{
    transform: translate(-100vw, 0);
    opacity: 0;
}

.slideInRight{
    transform: translateX(100vw);
    opacity: 0;
    transition: opacity 1s ease , transform 1.5s 0s ease;
}
.slideInRight._Image {
    transition: opacity 1s ease , transform 2s 0s ease;
    transition-delay: 0.2s;
}
.move_up .slideInRight._Image {
    transition-delay: 0s;
}
.move_down .slideInRight._Image {
    transition: opacity 2s ease , transform 2s 0s ease;
}
.premiutext .slideInBottomRight,
.premiutext .slideInRight {
    transition-delay: 0.2s;
}
.section_3 #section4 .slideInRight{
    transform: translateX(0);
    opacity: 1;
}

/* Step 4 */
.section_4 #section4.animationRightIn .slideInRight{
    transform: translate(-100vw, 0);
    opacity: 0;
}
.section_4 #section5 .slideInRight{
    transform: translateX(0);
    opacity: 1;
}

/* Step 5 */
.section_5 #section5.animationRightIn .slideInRight{
    transform: translate(-100vw, 0);
    opacity: 0;
}
.section_5 #section6 .slideInRight{
    transform: translateX(0);
    opacity: 1;
}

/* Step 6 */
.mybtnstyle{
    transition: opacity 1s ease , transform 2s 0s ease;
}
.section_6 #section6.animationRightIn .slideInRight,
.section_6 .studyhead .mybtnstyle{
    transform: translate(0 , -100vw);
    opacity: 0;
}
div#containermy.nyzsections {
    background-image: url('./images/nyzbg.png');
}
.nyzsec::before{
    background-image: url('./images/nyzsec-before.png');
    transform: translateY(-200px);
    opacity: 0;
    transition: opacity 1s ease , transform 1.5s 0s ease;
} 
.nyzsec::after{
    background-image: url('./images/nyzsec-after.png');
    transform: translateY(200px);
    opacity: 0;
    transition: opacity 1s ease , transform 1.5s 0s ease;
}
.nyzsections .nyzsec:before, .nyzsections .nyzsec.active::after{
    transform: translate(0 , 0);
    opacity: 1;
}
.slideInUp {
    transform: translate(0 , 100vw);
    opacity: 0;
    transition: opacity 0.5s ease , transform 1.5s 0s ease;
}
.slideInUp.nyzslider {
    transform: translate(0 , 120vw);
    transition-delay: 0.2s;
    
}
.nyzrightdetai.slideInUp {
    transition-delay: 0.1s;
}

.section_6 #section7 .slideInUp {
    transform: translate(0 , 0);
    opacity: 1;
}

/* Step 7 */
.section_7 #section7 .slideInUp{
    transform: translate(0 , -100vw);
    opacity: 0;
}
.section_7 #section8 .slideInUp {
    transform: translate(0 , 0);
    opacity: 1;
}

/* Step 8 */
#containermy.section_8::before {
    background: #fff;
}
.section_8 #section8 .slideInUp{
    transform: translate(0 , -100vw);
    opacity: 0;
}
#section9 .booksessimg.slideInUp {
    transform: translate(-34px , 800px);
    transition: opacity 2s var(--transition-timing-function-linear) , transform 2.8s 0s var(--transition-timing-function-linear);
}
#section9 ._headings.slideInUp {
    transition: opacity 1.8s var(--transition-timing-function-linear) , transform 2.6s 0s var(--transition-timing-function-linear);
}
#section10 .slideInUp,
#section9 .slideInUp{
    transform: translate(0 , 800px);
    transition: opacity 2s var(--transition-timing-function-linear) , transform 2.3s 0s var(--transition-timing-function-linear);
}
.section_8.move_down #section9 .slideInUp{
   transition-delay: 0.3s !important; 
}

.section_8 #section9 .slideInUp {
    transform: translate(0 , 0);
    opacity: 1;
}

/* Step 9 */

.section_9 #section9 .slideInUp{
    transform: translate(0 , -800px);
    opacity: 0;
}
.section_9.move_down #section10 .ftbotform.slideInUp {
    transition-delay: 0.7s !important;
}
.section_9.move_down #section10 .footerdetail.slideInUp {
    transition-delay: 0.9s !important;
}
.section_9.move_down #section10 .slideInUp {
    transition-delay: 0.6s !important;
}
div#containermy::after {
    content: '';
    display: block;
    background-image: url('./images/footer-elipse.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 0;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    bottom: -102px;
    border-radius: 100%;
}
div#containermy.section_9.move_down::after {
    animation: popInUp 1.3s ease-in-out forwards;
    animation-delay: 0.2s;
}
@keyframes popInUp {
   from {
    opacity: 0;
    width: 80px;
    height: 80px;
    bottom: -22px;
  }
  to {
     width: calc(100vw + 860px);
     height: calc(100vh + 1276px);
     bottom: -630px;
  }
}
div#containermy.section_8.move_up::after {
    animation: popOutDown 1s ease forwards;
}
@keyframes popOutDown {
   from {
    width: calc(100vw + 860px);
     height: calc(100vh + 1276px);
     bottom: -630px;
     opacity: 1;
  }
  to {
     opacity: 0;
    width: 80px;
    height: 80px;
    bottom: -22px;
  }
}
.section_9 #section10 .slideInUp {
    transform: translate(0 , 0);
    opacity: 1;
}