body {
    background-color: #11151a;

}

.banner img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0%;
}

.banner-text {
    background-color: #fff;
    width: 30%;
    height: 200px;
    position: absolute;
    top: 200px;
    left: 10%;
}

.banner-text h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    color: #000;
    position: absolute;
    top: 20px;
    left: 10%;
    width: 80%;
}

.banner-text p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #323232;
    position: absolute;
    top: 110px;
    left: 10%;
    width: 70%;
}

.main-text p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 680px;
    left: 30%;
    text-align: center;
    width: 40%;
}


.scroll-downs {
    position: absolute;
    bottom: 2%;
    left: 48.7%;
    width :34px;
    height: 55px;
    z-index: 1;
}

.mousey {
    width: 3px;
    padding: 10px 15px;
    height: 0px;
    border:none;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller {
    width: 3px;
    height: 30px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}

 @keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
}

.mission img {
    width: 37%;
    position: absolute;
    top: 1100px;
    left: 10%;
}

.mission h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 1200px;
    left: 52%;
}

.mission p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 1280px;
    left: 52.2%;
    width: 30%;
}

.container {
    background-color: #13171c;
    width: 100%;
    height: 700px;
    position: absolute;
    top: 1740px;
    left: 0%;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #2a2a2a;
}

.container h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 10%;
}

.container p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ececec;
    position: absolute;
    top: 120px;
    left: 10.2%;
    width: 35%;
}

.offer-1 {
    background-color: #13171c;
    width: 20%;
    height: 400px;
    position: absolute;
    top: 250px;
    left: 7%;
    border-style: solid;
    border-width: 1px;
    border-color: #2a2a2a;
}

.offer-2 {
    background-color: #13171c;
    width: 20%;
    height: 400px;
    position: absolute;
    top: 250px;
    left: 29%;
    border-style: solid;
    border-width: 1px;
    border-color: #2a2a2a;
}

.offer-3 {
    background-color: #13171c;
    width: 20%;
    height: 400px;
    position: absolute;
    top: 250px;
    left: 51%;
    border-style: solid;
    border-width: 1px;
    border-color: #2a2a2a;
}

.offer-4 {
    background-color: #13171c;
    width: 20%;
    height: 400px;
    position: absolute;
    top: 250px;
    left: 73%;
    border-style: solid;
    border-width: 1px;
    border-color: #2a2a2a;
}

.offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
    width: 100%;
    height: 257px;
}

.offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 300;
    color: #ececec;
    position: absolute;
    top: 270px;
    left: 10%;
    width: 80%;
    text-align: center;
}

.centers h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    top: 2580px;
    left: 0%;
    width: 100%;
    text-align: center;
}

.office-1 {
    background-color: #13171c;
    width: 20%;
    height: 500px;
    position: absolute;
    top: 2720px;
    left: 29%;
    border-style: solid;
    border-width: 1px;
    border-color: #2a2a2a;
}

.office-2 {
    background-color: #13171c;
    width: 20%;
    height: 500px;
    position: absolute;
    top: 2720px;
    left: 51%;
    border-style: solid;
    border-width: 1px;
    border-color: #2a2a2a;
}

.office-1 img, .office-2 img {
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 300px;

}

.office-1 h1, .office-2 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    top: 320px;
    left: 5%;
    width: 80%;
}

.office-1 p, .office-2 p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    top: 420px;
    left: 3%;
    width: 90%;
    text-align: left;
}

.footer {
    position: absolute;
    top: 3400px;
    left: 0%;
}


  /*RESPONSIVE*/
@media (min-width: 240px) and (max-width: 359.98px) and (orientation: portrait)  {  
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 160px;
        position: absolute;
        top: 50px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 80%;
        height: 110px;
        position: absolute;
        top: 180px;
        left: 10%;
    }
    
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #000;
        position: absolute;
        top: 10px;
        left: 10%;
        width: 70%;
    }
    
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 110px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #fff;
        position: absolute;
        top: 310px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 100%;
        height: 210px;
        position: absolute;
        top: 500px;
        left: 0%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 720px;
        left: 10%;
        width: 70%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #ececec;
        position: absolute;
        top: 790px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1500px;
        position: absolute;
        top: 960px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 90%;
        height: 310px;
        position: absolute;
        top: 160px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 90%;
        height: 310px;
        position: absolute;
        top: 490px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 90%;
        height: 310px;
        position: absolute;
        top: 820px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { 
        background-color: #13171c;
        width: 90%;
        height: 310px;
        position: absolute;
        top: 1150px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 200px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 210px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 2500px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 { 
        background-color: #13171c;
        width: 90%;
        height: 370px;
        position: absolute;
        top: 2580px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {
        background-color: #13171c;
        width: 90%;
        height: 370px;
        position: absolute;
        top: 2970px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 240px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 250px;
        left: 5%;
        width: 80%;

    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 310px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 3400px;
        left: 0%;
    } 
}
  
@media (min-width: 360px) and (max-width: 575.98px) and (orientation: portrait) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 170px;
        position: absolute;
        top: 50px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 80%;
        height: 110px;
        position: absolute;
        top: 180px;
        left: 10%;
    }
    
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #000;
        position: absolute;
        top: 5px;
        left: 10%;
        width: 70%;
    }
    
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 110px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        color: #fff;
        position: absolute;
        top: 310px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 100%;
        height: 270px;
        position: absolute;
        top: 600px;
        left: 0%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 900px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #ececec;
        position: absolute;
        top: 950px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1950px;
        position: absolute;
        top: 1260px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 1040px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 1480px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 270px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 290px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3300px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 90%;
        height: 450px;
        position: absolute;
        top: 3400px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {  background-color: #13171c;
        width: 90%;
        height: 450px;
        position: absolute;
        top: 3880px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 300px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 300px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 380px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 4400px;
        left: 0%;
    } 
}

@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait)  {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 240px;
        position: absolute;
        top: 50px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 49%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
    
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #000;
        position: absolute;
        top: 5px;
        left: 10%;
        width: 80%;
    }
    
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 110px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 400px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 320px;
        position: absolute;
        top: 660px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        color: #fff;
        position: absolute;
        top: 1000px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #ececec;
        position: absolute;
        top: 1060px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1950px;
        position: absolute;
        top: 1300px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 1040px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 1480px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 270px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 290px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3330px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 { 
        background-color: #13171c;
        width: 80%;
        height: 500px;
        position: absolute;
        top: 3440px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {  
        background-color: #13171c;
        width: 80%;
        height: 500px;
        position: absolute;
        top: 4000px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 350px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 370px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 430px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 4600px;
        left: 0%;
    } 
}
     
@media  (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 300px;
        position: absolute;
        top: 80px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 49%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
      
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        color: #000;
        position: absolute;
        top: 0px;
        left: 10%;
        width: 80%;
    }
      
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 65px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 440px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 380px;
        position: absolute;
        top: 700px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 1100px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 1160px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1100px;
        position: absolute;
        top: 1400px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 270px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 19px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 270px;
        left: 5%;
        width: 90%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 2580px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 60%;
        height: 500px;
        position: absolute;
        top: 2700px;
        left: 20%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 { 
        background-color: #13171c;
        width: 60%;
        height: 500px;
        position: absolute;
        top: 3260px;
        left: 20%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 350px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 370px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 430px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 3900px;
        left: 0%;
    } 
}
     
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait)  {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 350px;
        position: absolute;
        top: 90px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 40%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
      
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #000;
        position: absolute;
        top: 0px;
        left: 10%;
        width: 80%;
    }
      
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 65px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 550px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 480px;
        position: absolute;
        top: 900px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 1400px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #ececec;
        position: absolute;
        top: 1470px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1400px;
        position: absolute;
        top: 1900px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 200px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 200px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 760px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 760px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 320px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 340px;
        left: 5%;
        width: 90%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3400px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 { 
        background-color: #13171c;
        width: 70%;
        height: 700px;
        position: absolute;
        top: 3600px;
        left: 15%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 { 
        background-color: #13171c;
        width: 70%;
        height: 700px;
        position: absolute;
        top: 4380px;
        left: 15%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 470px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 480px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 580px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 5400px;
        left: 0%;
    } 
}

@media  (min-width: 1200px) and (max-width: 1399.98px)  {  
    body {
        background-color: #11151a;
    
    }
    
    .banner img {
        width: 100%;
        height: 500px;
        position: absolute;
        top: 0px;
        left: 0%;
    }
    
    .banner-text {
        background-color: #fff;
        width: 36%;
        height: 180px;
        position: absolute;
        top: 200px;
        left: 10%;
      }
      
      .banner-text h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #000;
        position: absolute;
        top: 20px;
        left: 10%;
        width: 80%;
      }
      
      .banner-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 100px;
        left: 10%;
        width: 70%;
      }
    
    .main-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #fff;
        position: absolute;
        top: 550px;
        left: 30%;
        text-align: center;
        width: 40%;
    }
    
    
    .scroll-downs {
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey {
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller {
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img {
        width: 37%;
        position: absolute;
        top: 900px;
        left: 10%;
    }
    
    .mission h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 940px;
        left: 52%;
    }
    
    .mission p {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #ececec;
        position: absolute;
        top: 1000px;
        left: 52.2%;
        width: 30%;
    }
    
    .container {
        background-color: #13171c;
        width: 100%;
        height: 700px;
        position: absolute;
        top: 1340px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
    }
    
    .container p {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 7%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 29%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 51%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 73%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 257px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 270px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 2100px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 25%;
        height: 500px;
        position: absolute;
        top: 2250px;
        left: 24%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {
        background-color: #13171c;
        width: 25%;
        height: 500px;
        position: absolute;
        top: 2250px;
        left: 51%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 300px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 320px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 420px;
        left: 3%;
        width: 90%;
        text-align: left;
    }
    
    .footer {
        position: absolute;
        top: 2900px;
        left: 0%;
    }
}
     
@media  (min-width: 1400px) and (max-width: 1599.98px)  { 
    body {
        background-color: #11151a;
    
    }
    
    .banner img {
        width: 100%;
        height: 520px;
        position: absolute;
        top: 0px;
        left: 0%;
      }
      
      .banner-text {
        background-color: #fff;
        width: 36%;
        height: 180px;
        position: absolute;
        top: 200px;
        left: 10%;
      }
      
      .banner-text h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #000;
        position: absolute;
        top: 10px;
        left: 10%;
        width: 80%;
      }
      
      .banner-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #323232;
        position: absolute;
        top: 100px;
        left: 10%;
        width: 80%;
      }
    
    .main-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 580px;
        left: 30%;
        text-align: center;
        width: 40%;
    }
    
    
    .scroll-downs {
        position: absolute;
        bottom: 7%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey {
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller {
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img {
        width: 37%;
        position: absolute;
        top: 1000px;
        left: 10%;
    }
    
    .mission h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 34px;
        color: #fff;
        position: absolute;
        top: 1050px;
        left: 52%;
    }
    
    .mission p {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #ececec;
        position: absolute;
        top: 1120px;
        left: 52.2%;
        width: 36%;
    }
    
    .container {
        background-color: #13171c;
        width: 100%;
        height: 700px;
        position: absolute;
        top: 1500px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 34px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
    }
    
    .container p {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 7%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 29%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 51%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 {
        background-color: #13171c;
        width: 20%;
        height: 400px;
        position: absolute;
        top: 250px;
        left: 73%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 257px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 17px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 270px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 2300px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 25%;
        height: 500px;
        position: absolute;
        top: 2450px;
        left: 24%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {
        background-color: #13171c;
        width: 25%;
        height: 500px;
        position: absolute;
        top: 2450px;
        left: 51%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 300px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 320px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 420px;
        left: 3%;
        width: 90%;
        text-align: left;
    }
    
    .footer {
        position: absolute;
        top: 3200px;
        left: 0%;
    }    
}
     
@media  (min-width: 3840px) and (max-width: 7679.98px)  {
    body {
        background-color: #11151a;
    
    }
    
    .banner img {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0%;
    }
    
    .banner-text {
        background-color: #fff;
        width: 60%;
        height: 400px;
        position: absolute;
        top: 400px;
        left: 20%;
    }
    
    .banner-text h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 52px;
        color: #000;
        position: absolute;
        top: 40px;
        left: 20%;
        width: 160%;
    }
    
    .banner-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        color: #323232;
        position: absolute;
        top: 220px;
        left: 20%;
        width: 140%;
    }
    
    .main-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        color: #fff;
        position: absolute;
        top: 1360px;
        left: 60%;
        text-align: center;
        width: 80%;
    }
    
    
    .scroll-downs {
        position: absolute;
        bottom: 4%;
        left: 97.4%;
        width :68px;
        height: 110px;
        z-index: 1;
    }
    
    .mousey {
        width: 6px;
        padding: 20px 30px;
        height: 0px;
        border:none;
        border-radius: 50px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller {
        width: 6px;
        height: 60px;
        border-radius: 50%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(30px); opacity: 0;}
    }
    
    .mission img {
        width: 74%;
        position: absolute;
        top: 2200px;
        left: 20%;
    }
    
    .mission h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 68px;
        color: #fff;
        position: absolute;
        top: 2400px;
        left: 104%;
    }
    
    .mission p {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        color: #ececec;
        position: absolute;
        top: 2560px;
        left: 104.4%;
        width: 60%;
    }
    
    .container {
        background-color: #13171c;
        width: 100%;
        height: 1400px;
        position: absolute;
        top: 3480px;
        left: 0%;
        border-style: solid;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 68px;
        color: #fff;
        position: absolute;
        top: 80px;
        left: 20%;
    }
    
    .container p {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        color: #ececec;
        position: absolute;
        top: 240px;
        left: 20.4%;
        width: 70%;
    }
    
    .offer-1 {
        background-color: #13171c;
        width: 40%;
        height: 800px;
        position: absolute;
        top: 500px;
        left: 14%;
        border-style: solid;
        border-width: 2px;
        border-color: #2a2a2a;
    }
    
    .offer-2 {
        background-color: #13171c;
        width: 40%;
        height: 800px;
        position: absolute;
        top: 500px;
        left: 58%;
        border-style: solid;
        border-width: 2px;
        border-color: #2a2a2a;
    }
    
    .offer-3 {
        background-color: #13171c;
        width: 40%;
        height: 800px;
        position: absolute;
        top: 500px;
        left: 102%;
        border-style: solid;
        border-width: 2px;
        border-color: #2a2a2a;
    }
    
    .offer-4 {
        background-color: #13171c;
        width: 40%;
        height: 800px;
        position: absolute;
        top: 500px;
        left: 146%;
        border-style: solid;
        border-width: 2px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 514px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 38px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 540px;
        left: 20%;
        width: 160%;
        text-align: center;
    }
    
    .centers h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 60px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 5160px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 40%;
        height: 1000px;
        position: absolute;
        top: 5440px;
        left: 58%;
        border-style: solid;
        border-width: 2px;
        border-color: #2a2a2a;
    }
    
    .office-2 {
        background-color: #13171c;
        width: 40%;
        height: 1000px;
        position: absolute;
        top: 5440px;
        left: 102%;
        border-style: solid;
        border-width: 2px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 600px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 48px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 640px;
        left: 10%;
        width: 160%;
    }
    
    .office-1 p, .office-2 p {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 840px;
        left: 6%;
        width: 180%;
        text-align: left;
    }
    
    .footer {
        position: absolute;
        top: 6800px;
        left: 0%;
    }
    ```  
}
     
@media  (min-width: 7680px) and (max-width: 7681px) { 
    body {
        background-color: #11151a;
    
    }
    
    .banner img {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0%;
    }
    
    .banner-text {
        background-color: #fff;
        width: 60%;
        height: 800px;
        position: absolute;
        top: 800px;
        left: 20%;
    }
    
    .banner-text h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 104px;
        color: #000;
        position: absolute;
        top: 80px;
        left: 40%;
        width: 320%;
    }
    
    .banner-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 72px;
        color: #323232;
        position: absolute;
        top: 440px;
        left: 40%;
        width: 280%;
    }
    
    .main-text p {
        font-family: 'Poppins', sans-serif;
        font-size: 72px;
        color: #fff;
        position: absolute;
        top: 2720px;
        left: 120%;
        text-align: center;
        width: 160%;
    }
    
    .scroll-downs {
        position: absolute;
        bottom: 8%;
        left: 194.8%;
        width :136px;
        height: 220px;
        z-index: 1;
    }
    
    .mousey {
        width: 12px;
        padding: 40px 60px;
        height: 0px;
        border:none;
        border-radius: 100px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller {
        width: 12px;
        height: 120px;
        border-radius: 50%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(60px); opacity: 0;}
    }
    
    .mission img {
        width: 148%;
        position: absolute;
        top: 4400px;
        left: 40%;
    }
    
    .mission h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 136px;
        color: #fff;
        position: absolute;
        top: 4800px;
        left: 208%;
    }
    
    .mission p {
        font-family: 'Poppins', sans-serif;
        font-size: 72px;
        color: #ececec;
        position: absolute;
        top: 5120px;
        left: 208.8%;
        width: 120%;
    }
    
    .container {
        background-color: #13171c;
        width: 100%;
        height: 2800px;
        position: absolute;
        top: 6960px;
        left: 0%;
        border-style: solid;
        border-top-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 136px;
        color: #fff;
        position: absolute;
        top: 160px;
        left: 40%;
    }
    
    .container p {
        font-family: 'Poppins', sans-serif;
        font-size: 72px;
        color: #ececec;
        position: absolute;
        top: 480px;
        left: 40.8%;
        width: 140%;
    }
    
    .offer-1 {
        background-color: #13171c;
        width: 80%;
        height: 1600px;
        position: absolute;
        top: 1000px;
        left: 28%;
        border-style: solid;
        border-width: 4px;
        border-color: #2a2a2a;
    }
    
    .offer-2 {
        background-color: #13171c;
        width: 80%;
        height: 1600px;
        position: absolute;
        top: 1000px;
        left: 116%;
        border-style: solid;
        border-width: 4px;
        border-color: #2a2a2a;
    }
    
    .offer-3 {
        background-color: #13171c;
        width: 80%;
        height: 1600px;
        position: absolute;
        top: 1000px;
        left: 204%;
        border-style: solid;
        border-width: 4px;
        border-color: #2a2a2a;
    }
    
    .offer-4 {
        background-color: #13171c;
        width: 80%;
        height: 1600px;
        position: absolute;
        top: 1000px;
        left: 292%;
        border-style: solid;
        border-width: 4px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 1028px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 76px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 1080px;
        left: 40%;
        width: 320%;
        text-align: center;
    }
    
    .centers h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 120px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 10320px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 80%;
        height: 2000px;
        position: absolute;
        top: 10880px;
        left: 116%;
        border-style: solid;
        border-width: 4px;
        border-color: #2a2a2a;
    }
    
    .office-2 {
        background-color: #13171c;
        width: 80%;
        height: 2000px;
        position: absolute;
        top: 10880px;
        left: 204%;
        border-style: solid;
        border-width: 4px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 1200px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 96px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 1280px;
        left: 20%;
        width: 320%;
    }
    
    .office-1 p, .office-2 p {
        font-family: 'Poppins', sans-serif;
        font-size: 72px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 1680px;
        left: 12%;
        width: 360%;
        text-align: left;
    }
    
    .footer {
        position: absolute;
        top: 13600px;
        left: 0%;
    }
    ``` 
}





/* LANDSCAPE RESPONSIVE*/
@media (min-width: 500px) and (max-width: 639.98px) and (orientation: landscape) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 170px;
        position: absolute;
        top: 50px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 80%;
        height: 110px;
        position: absolute;
        top: 180px;
        left: 10%;
    }
    
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #000;
        position: absolute;
        top: 5px;
        left: 10%;
        width: 70%;
    }
    
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 110px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        color: #fff;
        position: absolute;
        top: 310px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 100%;
        height: 270px;
        position: absolute;
        top: 600px;
        left: 0%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 900px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #ececec;
        position: absolute;
        top: 950px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1950px;
        position: absolute;
        top: 1260px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 1040px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { background-color: #13171c;
        width: 90%;
        height: 400px;
        position: absolute;
        top: 1480px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 270px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 290px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3300px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 90%;
        height: 450px;
        position: absolute;
        top: 3400px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {  background-color: #13171c;
        width: 90%;
        height: 450px;
        position: absolute;
        top: 3880px;
        left: 5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 300px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 300px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 380px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 4400px;
        left: 0%;
    } 
}

@media (min-width: 640px) and (max-width: 811.98px) and (orientation: landscape) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 240px;
        position: absolute;
        top: 50px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 49%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
    
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #000;
        position: absolute;
        top: 5px;
        left: 10%;
        width: 80%;
    }
    
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 110px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 400px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 320px;
        position: absolute;
        top: 660px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        color: #fff;
        position: absolute;
        top: 1000px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        color: #ececec;
        position: absolute;
        top: 1060px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1950px;
        position: absolute;
        top: 1300px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 1040px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { background-color: #13171c;
        width: 80%;
        height: 400px;
        position: absolute;
        top: 1480px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 270px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 290px;
        left: 10%;
        width: 80%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3330px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 { 
        background-color: #13171c;
        width: 80%;
        height: 500px;
        position: absolute;
        top: 3440px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 {  
        background-color: #13171c;
        width: 80%;
        height: 500px;
        position: absolute;
        top: 4000px;
        left: 10%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 350px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 370px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 430px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 4600px;
        left: 0%;
    } 
}

@media (min-width: 812px) and (max-width: 959.98px) and (orientation: landscape) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 300px;
        position: absolute;
        top: 80px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 49%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
      
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        color: #000;
        position: absolute;
        top: 0px;
        left: 10%;
        width: 80%;
    }
      
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 65px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 440px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 380px;
        position: absolute;
        top: 700px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 1100px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #ececec;
        position: absolute;
        top: 1160px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1100px;
        position: absolute;
        top: 1400px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 160px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { 
        background-color: #13171c;
        width: 40%;
        height: 400px;
        position: absolute;
        top: 600px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 270px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 19px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 270px;
        left: 5%;
        width: 90%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 2580px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 {
        background-color: #13171c;
        width: 60%;
        height: 500px;
        position: absolute;
        top: 2700px;
        left: 20%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 { 
        background-color: #13171c;
        width: 60%;
        height: 500px;
        position: absolute;
        top: 3260px;
        left: 20%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 350px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 370px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 430px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 3900px;
        left: 0%;
    } 
}

@media (min-width: 960px) and (max-width: 999.98px) and (orientation: landscape) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 350px;
        position: absolute;
        top: 90px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 40%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
      
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #000;
        position: absolute;
        top: 0px;
        left: 10%;
        width: 80%;
    }
      
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 65px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 550px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 480px;
        position: absolute;
        top: 900px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 1400px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #ececec;
        position: absolute;
        top: 1470px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1400px;
        position: absolute;
        top: 1900px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 200px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 200px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 760px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 760px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 320px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 340px;
        left: 5%;
        width: 90%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3400px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 { 
        background-color: #13171c;
        width: 70%;
        height: 700px;
        position: absolute;
        top: 3600px;
        left: 15%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 { 
        background-color: #13171c;
        width: 70%;
        height: 700px;
        position: absolute;
        top: 4380px;
        left: 15%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 470px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 480px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 580px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 5400px;
        left: 0%;
    } 
}

@media (min-width: 1000px) and (max-width: 1200px) and (orientation: landscape) {
    body {
        background-color: #11151a;
    
    }
    
    .banner img { 
        width: 100%;
        height: 350px;
        position: absolute;
        top: 90px;
        left: 0%;
    }
    
    .banner-text { 
        background-color: #fff;
        width: 40%;
        height: 140px;
        position: absolute;
        top: 220px;
        left: 10%;
    }
      
    .banner-text h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #000;
        position: absolute;
        top: 0px;
        left: 10%;
        width: 80%;
    }
      
    .banner-text p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #323232;
        position: absolute;
        top: 65px;
        left: 10%;
        width: 70%;
    }
    
    .main-text p { 
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 550px;
        left: 10%;
        text-align: left;
        width: 80%;
    }
    
    .scroll-downs { display: none;
        position: absolute;
        bottom: 2%;
        left: 48.7%;
        width :34px;
        height: 55px;
        z-index: 1;
    }
    
    .mousey { display: none;
        width: 3px;
        padding: 10px 15px;
        height: 0px;
        border:none;
        border-radius: 25px;
        opacity: 0.75;
        box-sizing: content-box;
    }
    
    .scroller { display: none;
        width: 3px;
        height: 30px;
        border-radius: 25%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 2s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        animation-iteration-count: infinite;
    }
    
     @keyframes scroll {
        0% { opacity: 0; }
        10% { transform: translateY(0); opacity: 1; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    
    .mission img { 
        width: 80%;
        height: 480px;
        position: absolute;
        top: 900px;
        left: 10%;
    }
    
    .mission h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 1400px;
        left: 10%;
    }
    
    .mission p { 
        font-family: 'Poppins', sans-serif;
        font-size: 26px;
        color: #ececec;
        position: absolute;
        top: 1470px;
        left: 10%;
        width: 80%;
    }
    
    .container { 
        background-color: #13171c;
        width: 100%;
        height: 1400px;
        position: absolute;
        top: 1900px;
        left: 0%;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #2a2a2a;
    }
    
    .container h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 40px;
        left: 10%;
        width: 80%;
    }
    
    .container p { display: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ececec;
        position: absolute;
        top: 120px;
        left: 10.2%;
        width: 35%;
    }
    
    .offer-1 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 200px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-2 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 200px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-3 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 760px;
        left: 7.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-4 { 
        background-color: #13171c;
        width: 40%;
        height: 500px;
        position: absolute;
        top: 760px;
        left: 52.5%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .offer-1 img, .offer-2 img, .offer-3 img, .offer-4 img {
        width: 100%;
        height: 320px;
    }
    
    .offer-1 h1, .offer-2 h1, .offer-3 h1, .offer-4 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 300;
        color: #ececec;
        position: absolute;
        top: 340px;
        left: 5%;
        width: 90%;
        text-align: center;
    }
    
    .centers h1 { 
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 3400px;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    
    .office-1 { 
        background-color: #13171c;
        width: 70%;
        height: 700px;
        position: absolute;
        top: 3600px;
        left: 15%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-2 { 
        background-color: #13171c;
        width: 70%;
        height: 700px;
        position: absolute;
        top: 4380px;
        left: 15%;
        border-style: solid;
        border-width: 1px;
        border-color: #2a2a2a;
    }
    
    .office-1 img, .office-2 img { 
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 470px;
    
    }
    
    .office-1 h1, .office-2 h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 480px;
        left: 5%;
        width: 80%;
    }
    
    .office-1 p, .office-2 p { 
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 580px;
        left: 5%;
        width: 90%;
        text-align: left;
    }
    
    .mobile-footer { 
        position: absolute;
        top: 5400px;
        left: 0%;
    } 
}