* {
    margin: 0%;
    padding: 0%;
    font-family: 'Times New Roman', Times, serif;
    text-transform: capitalize;
    /* overflow: hidden; */
}

.sub_heading {
    display: flex;
    align-items: center;
    padding: 1.50vh 7vw;
    justify-content: space-between;
    background-color: #181818;
    color: rgb(255, 255, 255);
}

.sub_heading .info {
    display: flex;
    align-items: center;
}

.sub_heading .in_info {
    margin-right: 6vw;
}

.sub_heading .follow i {
    margin: 0 .60vw;
}

.hide {
    display: block;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    padding: 18px 100px;
    border-bottom: .1vw solid rgb(240, 240, 240);
    background-color: #f58300;
    font-family: sans-serif;

}


.logo img {
    width: 5vw;
    height: 6vh;
    max-width: 10vw;
}

.nav-links {
    display: flex;
    justify-content: flex-send;
    align-items: center;
    column-gap: 2vw;
}

.nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 1.10vw;
    /* font-weight: 400; */
    /* padding: 10px 15px; */
}

.nav-links a:hover {
    color: rgb(31, 31, 31);

}

.navbar .icon i {
    font-size: 1.20vw;
    padding-right: 1.20vw;
    color: #555151;
}

.navbar .icon i:hover {
    font-size: 1.40vw;
    padding-right: 1.20vw;
    color: #ff0505;
}


.toggle {
    display: none;
    font-size: 24px;
    color: rgb(214, 60, 13);
    cursor: pointer;
}

.dropdown a:hover {
    color: rgb(241, 241, 241);
}

.dropdown p {
    color: rgb(0, 0, 0);
    font-size: 1.10vw;
}

.dropdown p:hover {
    color: rgb(255, 255, 255);
}

.dropbtn {
    color: rgb(255, 255, 255);
    font-size: 1.10vw;
    border: none;
    cursor: pointer;
}

.dropdown:hover {
    color: rgb(255, 255, 255);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

}

.dropdown-content a {
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    font-size: 1.10vw;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: rgb(236, 100, 8);

}

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 2;
}
nav .aplly-btn{
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 1.50vh 2vw;
    border-radius: 2vw;
    border: .1vw solid #ffffff;
    color: #ffffff;
    font-size: 1.10vw;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}
nav .aplly-btn a{
    text-decoration: none;
    color: #ffffff;
}
nav .aplly-btn a:hover{
    color: #f35d06;
}
nav .aplly-btn:hover{
   background-color: #ffffff;
}
.aplly-form{
    width: 100%;
    display: flex;
    margin: 6vh 0;
}
.aplly-form .left{
    width: 45%;
    padding: 3vh 4vw;
}
.aplly-form .left{
    width: 45%;
}
.aplly-form .left .h1pic {
    display: flex;
    justify-content: center;
}

.aplly-form .left .h1pic img {
    width: 6vw;
    padding-left: 2vh;
    padding-right: 1vw;
}

.aplly-form .left .h1pic h1 {
    color: rgb(236, 100, 8);
    text-transform: uppercase;
    /* text-decoration: underline; */
    align-self: center;
    font-size: 2vw;
}
.aplly-form .left p{
    line-height: 3.90vh;
    font-size: 1.10vw;
    font-family: sans-serif;
    color: #585858;
    margin-top: 3vh;
}
.aplly-form .right{
    width: 45%;
}
.aplly-form .right {
    display: flex;
    margin: 4vh 4vw;
    width: 45%;
  }
  
  .aplly-form .right .msg{
    width: 50%;
  }
  
  .aplly-form .right .msg #name,
  input[type=email] {
    background-color: #fffbfb;
    border: .1vw solid rgb(236, 100, 8);
    padding: 3vh 4vw;
    width: 21.80vw;
    margin-right: 1vw;
  }
  
  .aplly-form .right .name{
    display: flex;
  }
  
  .aplly-form .right input::placeholder{
    color: #8a8787;
    font-size: 1.10vw;
  }
  
  .aplly-form .right .msg,
  input[type=number] {
    background-color: #fffbfb;
    /* border: .1vw solid rgb(236, 100, 8); */
    padding: 3vh 0;
    width: 100%;
    margin: .70vw 0;
    margin-right: 1vw;
  }
  
  .aplly-form .right .msg #msg {
    background-color: #fffbfb;
    border: .1vw solid rgb(236, 100, 8);
    width: 98%;
    height: 30vh;
  }
  
  .aplly-form .right .msg .send {
    text-decoration: none;
    font-size: 1.20vw;
    font-weight: 600;
    padding: 2.20vh 1.50vw;
    background-color: rgb(236, 100, 8);
    color: #f3f1f1;
    border: none;
    text-transform: uppercase;
    margin-top: 2vh;
  }
  
  .aplly-form .right .msg .send:hover {
    background-color: #070707;
    color: rgb(236, 100, 8);
  }
  
  .aplly-form .right .map {
    width: 46.70%;
  }
  
  .aplly-form .right .map iframe {
    width: 100%;
    height: 62vh;
  }

.swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-slide {
    text-align: center;
    position: relative;
    font-size: 18px;
    background: #fff;
    display: flex;
    height: 84vh;
    width: 100%;
    /* max-width: 100%; */
    justify-content: center;
    align-items: center;
    /* position: relative; */
}

.banner-info {
    position: absolute;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-info h1 {
    font-size: 6vw;
    color: #f58300;
}

.banner-info p {
    font-size: 1.80vw;
    font-family: sans-serif;
    font-weight: 600;
    color: #f5f5f5;
    margin: 1.40vh 0;
}

.banner-info .banner-btn {
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 2vh 3vw;
    border-radius: 2vw;
    border: .1vw solid #f58300;
    color: #f58300;
    font-size: 1.10vw;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.banner-info .banner-btn:hover {
    background-color: #f58300;
    border: none;
    color: #ffffff;
    cursor: pointer;
    overflow: hidden;
    outline: none;

}


.swiper-slide img {
    /* display: block; */
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.programs {
    padding: 7vh 4vw;
    /* background-image: url(https://png.pngtree.com/thumb_back/fw800/back_our/20190620/ourmid/pngtree-school-learning-education-background-image_153054.jpg); */
    background-size: cover;

}

.programs .h1pic {
    display: flex;
    justify-content: center;
}

.programs .h1pic img {
    width: 6vw;
    padding-left: 2vh;
    padding-right: 1vw;
}

.programs .h1pic h1 {
    color: rgb(236, 100, 8);
    text-transform: uppercase;
    /* text-decoration: underline; */
    align-self: center;
    font-size: 2vw;
}

.programs p {
    text-align: center;
    padding: 3vh 18vw;
    text-transform: capitalize;
    color: #555151;
    font-size: 1.30vw;
    line-height: 3.30vh;
}

.programs .programs-main-box {
    display: flex;
    justify-content: space-around;
    margin-top: 3vh;
}

.programs .programs-main-box .programs-box {
    width: 19vw;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: .60vh .60vw;
    border-radius: 2vw;
}

.programs .programs-main-box .programs-box:hover {
    /* background-color: #e6e6e6; */
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.programs .programs-main-box .programs-box img {
    width: 100%;
    border-radius: 2vw;
}

.programs .programs-main-box .programs-box h2 {
    color: rgb(236, 100, 8);
    padding: 0 1vw;
    padding-top: 2vh;
    margin-bottom: .40vh;
}

.programs .programs-main-box .programs-box span {
    color: #555151;
    padding: 0 1vw;
    margin-top: 3vh;
}

.programs .programs-main-box .programs-box ul {
    color: rgb(107, 107, 107);
    padding-left: 2vw;
    padding-top: 1.50vh;
    line-height: 3vh;
}

.euroKids {
    display: flex;
    justify-content: space-between;
    padding: 7vh 5vw;
}

.euroKids-left {
    width: 50%;
    padding: 10vh 2vw;
}

.euroKids-left .h1pic {
    display: flex;
}

.euroKids-left .h1pic img {
    width: 4vw;
    padding-left: 2vh;
}

.euroKids-left h1 {
    font-size: 2vw;
    text-transform: uppercase;
    /* line-height: 6vh; */
    align-self: center;
    padding-left: 1vw;
    color: rgb(236, 100, 8);
}

.euroKids-left p {
    font-size: 1.30vw;
    line-height: 2vw;
    text-transform: capitalize;
    padding: 3vh 1vw;
    color: rgb(131, 128, 128);
}

.euroKids-left .know {
    background-color: rgb(236, 100, 8);
    color: #fff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin: 1vh 1vw;
    position: relative;
}

.euroKids-left .know:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: left 0.3s ease;
}

.euroKids-left .know:hover:before {
    left: 0;
}

.euroKids-left .euroKids-logo {
    display: flex;
    justify-content: space-around;
    margin-top: 2vw;
    padding-right: 4vw;
    text-align: center;
}

.euroKids-left .euroKids-logo .euroKids-logo-info {
    margin-left: 2.40vw;
}

.euroKids-left .euroKids-logo .euroKids-logo-info h4 {
    font-size: 1.20vw;
    margin-top: 1vh;
    color: #e74c3c;
}

.euroKids-right {
    width: 47%;
}

.euroKids-right img {
    width: 100%;
}

.gallery .h1pic {
    display: flex;
    justify-content: center;
}

.gallery .h1pic img {
    width: 6vw;
    padding-left: 2vh;
}

.gallery h1 {
    font-size: 2vw;
    text-transform: uppercase;
    /* line-height: 6vh; */
    align-self: center;
    padding-left: 1vw;
    color: rgb(236, 100, 8);
}

.gallery-img {
    display: flex;
    width: 90%;
    justify-content: space-around;
    padding: 1vh 4vw;
    margin: 4vh 0;

}

.gallery-img .gallery-image {
    width: 20%;
    /* background-color: #555151; */

}

.gallery-img img {
    width: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    border-radius: 1vw;
}

.gallery-img img:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.safe {
    padding: 7vh 5vw;
}

.safe .h1pic {
    text-align: center;
}

.safe .h1pic img {
    width: 6vw;
}

.safe .h1pic h1 {
    font-size: 3vw;
    color: #f35d06;
}

.safe-box {
    display: flex;
    justify-content: space-around;
    margin: 10vh 0;
}

.safe-box .safe-info {
    text-align: center;
}

.safe-box .safe-info img {
    width: 5vw;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

.safe-box .safe-info h1 {
    color: #555151;
    margin-top: 2vh;
}

.swiper {
    width: 100%;
    /* height: 100%; */
}

.testi .h1pic {
    display: flex;
    justify-content: center;
    width: 100%;
}

.testi .h1pic img {
    width: 6vw;
    text-align: center;
}

.testi .h1pic h1 {
    font-size: 3vw;
    color: #f35d06;
    text-align: center;
}

.testimonial-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 75vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-slide img {
    display: block;
    width: 100%;
    height: 19%;
    object-fit: cover;
}

/* .testimonial {
    margin: 50px 0px;
} */

.newnew img {
    width: 100%;
    height: 30vh;
    border-radius: 1vw;

}

.newnew p {
    padding-top: 30px;
    padding-bottom: 40px;
}

.newnew h3 {
    color: #f35d06;
}

.newnew {
    width: 60%;
    /* border: .1vw solid rgb(255, 123, 0); */
    /* height: 30vh; */
    padding: 10px;
    border-radius: 1vw;
    box-shadow: rgb(255, 123, 0) 0px 3px 8px;
}

.swiper-pagination {
    padding-top: 30px;
}

.whatsapp {
    position: relative;
    /* position: static; */

}

.whatsapp img {
    z-index: 3;
    position: absolute;
    bottom: -47vh;
    left: 93vw;
    width: 5vw;
}

.about {
    margin: 0 4vw;
}

.about .h1pic {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 4vh 0;
}

.about .h1pic img {
    width: 6vw;
    /* text-align: center; */
}

.about .h1pic h1 {
    font-size: 3vw;
    color: #f35d06;
    /* text-align: center; */
    align-self: center;
    text-transform: uppercase;
}

.about .about-info {
    width: 100%;
    display: flex;
}

.about .about-info .left {
    width: 45%;
    margin-top: 6vh;

}

.about .about-info .left h1 {
    color: #f35d06;
    font-size: 2vw;
    margin-bottom: 2vh;

}

.about .about-info .left p {
    line-height: 4.50vh;
    font-size: 1.40vw;
    font-family: sans-serif;
    color: #7c7c7c
}

.about .about-info .right {
    width: 45%;
}

.about .about-info .right img {
    width: 100%;
    text-align: center;
}

.Our-Mission {
    display: flex;
    background-color: #f78543;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 100%;
}

.Our-Mission .left {
    width: 45%;
    padding: 4vh 0;
}

.Our-Mission .left img {
    width: 60%;
    text-align: center;
    align-self: center;
    margin-left: 8vw;
}

.Our-Mission .right {
    width: 45%;
    padding: 3vh 0;
}

.Our-Mission .right h1 {
    color: #252525;
    font-size: 3vw;
    font-weight: bold;
    margin-bottom: 2vh;
    margin-top: 4vh;
}

.Our-Mission .right span {
    color: #920b02;

}

.Our-Mission .right p {
    line-height: 4vh;
    font-size: 1.40vw;
    font-family: sans-serif;
    color: #313131
}

.about-group {
    display: flex;
    width: 100%;
}

.about-group .left {
    width: 45%;
    margin-left: 4vw;
    padding: 4vh 0;
}

.about-group .left h1 {
    color: #252525;
    font-size: 3vw;
    font-weight: bold;
    margin-bottom: 2vh;
    margin-top: 10vh;
}

.about-group .left span {
    color: #f35d06;
}

.about-group .left p {
    line-height: 4.50vh;
    font-size: 1.10vw;
    font-family: sans-serif;
    color: #585858
}

.about-group .right {
    width: 45%;
    padding: 4vh 0;
}

.contact {
    width: 99.50%;
    text-align: center;
    margin-top: 8vh;
    color: #ffffff;
    background-color: #070707;
    border: .20vw solid #eb6c04;
  }
  
  .contact h1 {
    padding-top: 5vh;
    font-size: 2.50vw;
  }
  
  .contact p {
    padding-top: 2vh;
    font-size: 1.30vw;
  }
  
  .contact .contact-container {
    display: flex;
    justify-content: space-around;
  }
  
  .contact .contact-container .contact-info {
    text-align: center;
    width: 30%;
    margin: 5vh 0;
  
  }
  
  .contact .contact-container .contact-info img {
    width: 4vw;
  }
  
  .contact .contact-container .contact-info p {
    font-weight: 200;
    font-size: 1vw;
  }
  
  
  .location-arrow {
    display: flex;
    margin: 4vh 4vw;
    width: 95%;
  }
  
  .location-arrow .msg {
    width: 50%;
  }
  
  .location-arrow .msg #name,
  input[type=email] {
    background-color: #fffbfb;
    border: .1vw solid rgb(236, 100, 8);
    padding: 3vh 5vw;
    width: 21.80vw;
    margin-right: 1vw;
  }
  
  .location-arrow .name {
    display: flex;
  }
  
  .location-arrow input::placeholder {
    color: #8a8787;
    font-size: 1.10vw;
  }
  
  .location-arrow .msg #msg,
  input[type=number] {
    background-color: #fffbfb;
    border: .1vw solid rgb(236, 100, 8);
    padding: 3vh 1vw;
    width: 93.5%;
    margin: .70vw 0;
    margin-right: 1vw;
  }
  
  .location-arrow .msg #msg {
    background-color: #fffbfb;
    border: .1vw solid rgb(236, 100, 8);
    width: 93.5%;
    height: 30vh;
  }
  
  .location-arrow .msg .send {
    text-decoration: none;
    font-size: 1.20vw;
    font-weight: 600;
    padding: 2.20vh 1.50vw;
    background-color: rgb(236, 100, 8);
    color: #f3f1f1;
    border: none;
    text-transform: uppercase;
    margin-top: 2vh;
  }
  
  .location-arrow .msg .send:hover {
    background-color: #070707;
    color: rgb(236, 100, 8);
  }
  
  .location-arrow .map {
    width: 46.70%;
  }
  
  .location-arrow .map iframe {
    width: 100%;
    height: 62vh;
  }
  

























footer {
    display: flex;
    justify-content: space-around;
    background-color: #f78543;
    width: 100%;
    padding-top: 6vh;
    color: #920b02;
    padding: 3vh 0;
}

footer .school-info {
    width: 25%;
    margin-left: 5vh;
    /* background-color: #ff0505; */
}

footer .school-info img {
    width: 10vw;
}

footer .school-info h1 {
    padding: 1vh 0;
}

footer .school-info p {
    line-height: 3vh;
    color: #333333
}

footer .link {
    width: 10%;
    /* background-color: #0306ac; */
    /* text-align: center; */
}

footer .link h2 {
    padding-bottom: 2vh;
    padding-top: 3vh;
}

footer .link P {
    color: #333333
}

footer .link a {
    display: block;
    text-decoration: none;
    color: #333333;
    padding-bottom: 1vh;
    font-size: 1.20vw;
}

footer .links {
    padding-right: 10vw;
}

.copyright {
    background-color: #181818;
    color: #f5f5f5;
    text-align: center;
    padding: 1.30vh 0;
}

.copyright span {
    color: #f35d06;
}

















@media (max-width: 768px) {
    .navbar {

        padding: 18px 40px;
    }

    .sub_heading {
        display: block;
        align-items: center;
        padding: .30vh 4vw;
        justify-content: space-between;
        background-color: black;
        color: aliceblue;
    }

    .sub_heading .info {
        display: block;
        align-items: center;

    }

    .sub_heading .in_info {
        margin: 2vh 0;
    }

    .sub_heading .follow {
        margin-bottom: 2vh;
    }

    .sub_heading .follow i {
        margin: 0 .60vw;
    }

    .logo img {
        width: 30vw;
        max-width: 50vw;
    }

    .nav-links {
        display: none;
        background: black;
        z-index: 99;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: -30vh;
        left: 0;
        margin-top: 314px;
    }

    .nav-links.active {
        display: flex;
        z-index: 2;
    }

    .toggle {
        display: block;
    }

    .nav-links a {
        color:#ffffff;
        text-decoration: none;
        font-size: 3.10vw;
        padding: 10px 15px;
        transition: background-color 0.3s;
    }
    .nav-links a:hover {
        color:#f35d06;
    }

    .dropdown p {
        padding: 2vh 0;
        padding-left: 2.2vw;
        font-size: 3.10vw;
        color: #fd0b0b;
    }

    .dropdown-content a {
        color:#f35d06;
        padding: 12px 16px;
        font-size: 3.0vw;
        text-decoration: none;
        display: block;
    }

    .navbar .icon i {
        font-size: .20vw;
        padding-right: 2.20vw;
        color: #555151;
    }

    .banner-info {
        width: 100%;
    }

    .banner-info h1 {
        font-size: 8vw;
        color: #f58300;
    }

    .banner-info p {
        font-size: 5.80vw;
        font-family: sans-serif;
        font-weight: 600;
        color: #f5f5f5;
        margin: 1.40vh 0;
    }

    .banner-info .banner-btn {
        background-color: transparent;
        background-repeat: no-repeat;
        padding: 2vh 3vw;
        border-radius: 2vw;
        border: .1vw solid #f58300;
        color: #f58300;
        font-size: 4.10vw;
        font-weight: 600;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }
    nav .aplly-btn{
        background-color: transparent;
        background-repeat: no-repeat;
        padding: 1.10vh 3vw;
        border-radius: 2vw;
        border: .1vw solid #ffffff;
        color: #ffffff;
        font-size: 2.50vw;
        font-weight: 600;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }
    nav .aplly-btn a{
        text-decoration: none;
        color: #ffffff;
    }
    nav .aplly-btn a:hover{
        color: #f35d06;
    }
    nav .aplly-btn:hover{
       background-color: #ffffff;
    }
    .aplly-form{
        width: 100%;
        display: block;
        margin: 2vh 0;
    }
    .aplly-form .left{
        width: 90%;
        padding: 1vh 4vw;
    }
    .aplly-form .left .h1pic {
        display: flex;
        justify-content: center;
    }
    
    .aplly-form .left .h1pic img {
        width: 14vw;
        padding-left: 2vh;
        padding-right: 1vw;
    }
    
    .aplly-form .left .h1pic h1 {
        color: rgb(236, 100, 8);
        text-transform: uppercase;
        /* text-decoration: underline; */
        align-self: center;
        font-size: 6vw;
    }
    .aplly-form .left p{
        line-height: 2.90vh;
        font-size: 3.10vw;
        font-family: sans-serif;
        color: #585858;
        margin-top: 3vh;
    }
    .aplly-form .right {
        display: flex;
        margin: 4vh 4vw;
        width: 90%;
      }
      
      .aplly-form .right .msg{
        width: 90%;
        margin: 3vh 2vw;
      }
      
      .aplly-form .right .msg #name,
      input[type=email] {
        background-color: #fffbfb;
        border: .1vw solid rgb(236, 100, 8);
        padding: 3vh 4vw;
        width: 21.80vw;
        height: 2vh;
        margin-right: 1vw;
      }
      
      .aplly-form .right .name{
        display: flex;
      }
      
      .aplly-form .right input::placeholder{
        color: #8a8787;
        font-size: 4.10vw;
      }
      
      .aplly-form .right .msg,
      input[type=number] {
        background-color: #fffbfb;
        /* border: .1vw solid rgb(236, 100, 8); */
        padding: 3vh 2vw;
        width: 100%;
        margin: .70vw 0;
      }
      
      .aplly-form .right .msg #msg {
        background-color: #fffbfb;
        border: .1vw solid rgb(236, 100, 8);
        width: 98%;
        height: 20vh;
        margin-top: 1.40vh;
      }
      
      .aplly-form .right .msg .send {
        text-decoration: none;
        font-size: 4.20vw;
        font-weight: 600;
        padding: 2.20vh 3.50vw;
        background-color: rgb(236, 100, 8);
        color: #f3f1f1;
        border: none;
        text-transform: uppercase;
        margin-top: 2vh;
      }
      
      .aplly-form .right .msg .send:hover {
        background-color: #070707;
        color: rgb(236, 100, 8);
      }
      
      .aplly-form .right .map {
        width: 46.70%;
      }
      
      .aplly-form .right .map iframe {
        width: 100%;
        height: 62vh;
      }

    .programs {
        padding: 0 7vw;
        /* background-image: url(https://png.pngtree.com/thumb_back/fw800/back_our/20190620/ourmid/pngtree-school-learning-education-background-image_153054.jpg); */
        background-size: cover;

    }

    .programs .h1pic {
        display: flex;
        justify-content: center;
        margin-top: 3vh;
    }

    .programs .h1pic img {
        width: 12vw;
        padding-left: 2vh;
        padding-right: 1vw;
    }

    .programs .h1pic h1 {
        color: rgb(236, 100, 8);
        text-transform: uppercase;
        /* text-decoration: underline; */
        align-self: center;
        font-size: 6vw;
    }

    .programs h1 {
        text-align: center;
        font-size: 6vw;
        text-transform: uppercase;
        text-decoration: underline;
        color: rgb(236, 100, 8);
    }

    .programs p {
        text-align: center;
        padding: 2vh 3vw;
        text-transform: capitalize;
        color: #555151;
        font-size: 4vw;
        line-height: 2.90vh;
    }

    .programs .programs-main-box {
        display: block;

    }

    .programs .programs-main-box .programs-box {
        width: 90%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: .60vh .60vw;
        margin-left: 3vw;
        border-radius: 2vw;
        margin-bottom: 3vh;
    }

    .programs .programs-main-box .programs-box:hover {
        background-color: #f8f8f8;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .programs .programs-main-box .programs-box img {
        width: 100%;
        border-radius: 2vw;
    }

    .programs .programs-main-box .programs-box h2 {
        color: rgb(236, 100, 8);
        padding: 0 2vw;
        padding-top: 2vh;
        margin-bottom: .40vh;
    }

    .programs .programs-main-box .programs-box span {
        color: #555151;
        padding: 0 2vw;
        margin-top: 4vh;
    }

    .programs .programs-main-box .programs-box ul {
        color: rgb(107, 107, 107);
        padding-left: 6vw;
        padding-top: 1.50vh;
        line-height: 3vh;
    }

    .euroKids {
        display: block;
        justify-content: space-between;
        padding: 7vh 7vw;
    }

    .euroKids-left {
        width: 90%;
        padding: 0 5vw;
    }

    .euroKids-left .h1pic {
        display: flex;
    }

    .euroKids-left .h1pic img {
        width: 10vw;
        padding-left: 2vh;
    }

    .euroKids-left h1 {
        font-size: 5vw;
        text-transform: uppercase;
        /* line-height: 6vh; */
        align-self: center;
        padding-left: 1vw;
        color: rgb(236, 100, 8);
    }

    .euroKids-left p {
        font-size: 4vw;
        line-height: 6vw;
        text-transform: capitalize;
        padding: 3vh 1vw;
        color: rgb(131, 128, 128);
    }

    .euroKids-left .know {
        background-color: #e74c3c;
        color: #fff;
        padding: 1rem 2rem;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        overflow: hidden;
        margin: 1vh 1vw;
        position: relative;
    }

    .euroKids-left .know:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.2);
        transition: left 0.3s ease;
    }

    .euroKids-left .know:hover:before {
        left: 0;
    }

    .euroKids-left .euroKids-logo {
        display: flex;
        justify-content: space-around;
        margin-top: 2vw;
        padding-right: 4vw;
        text-align: center;
    }

    .euroKids-left .euroKids-logo .euroKids-logo-info {
        margin-left: 2.40vw;
    }

    .euroKids-left .euroKids-logo .euroKids-logo-info h4 {
        font-size: 3.20vw;
        margin-top: 1vh;
        color: #e74c3c;
    }

    .euroKids-right {
        width: 95%;
    }

    .euroKids-right img {
        width: 100%;
    }

    .gallery .h1pic {
        display: flex;
        justify-content: center;
    }

    .gallery .h1pic img {
        width: 12vw;
        padding-left: 2vh;
    }

    .gallery h1 {
        font-size: 5vw;
        text-transform: uppercase;
        /* line-height: 6vh; */
        align-self: center;
        padding-left: 1vw;
        color: rgb(236, 100, 8);
    }

    .gallery-img {
        display: block;
        width: 90%;
        justify-content: space-around;
        padding: 1vh 0;
        padding-left: 8vw;
        margin: 4vh 0;
        text-align: center;
    }

    .gallery-img .gallery-image {
        width: 90%;
        margin-bottom: 4vh;
        /* background-color: #555151; */
    }

    .safe {
        padding: 7vh 5vw;
    }

    .safe .h1pic {
        text-align: center;
    }

    .safe .h1pic img {
        width: 12vw;
    }

    .safe .h1pic h1 {
        font-size: 5vw;
        color: #f35d06;
    }

    .safe-box {
        display: block;
        justify-content: space-around;
        margin: 2vh 0;

    }

    .safe-box .safe-info {
        text-align: center;
        /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    }

    .safe-box .safe-info img {
        width: 15vw;
        margin: 4vh 0;
        /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    }

    .safe-box .safe-info h1 {
        color: #555151;
        margin-top: 2vh;
    }

    .testi .h1pic img {
        width: 15vw;
        text-align: center;
    }

    .testi .h1pic h1 {
        font-size: 6vw;
        color: #f35d06;
        text-align: center;
    }
    .whatsapp img {
        z-index: 3;
        position: absolute;
        bottom: -117vh;
        left: 85vw;
        width: 11vw;
    }

    .about {
        margin: 0 4vw;
    }

    .about .h1pic {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 4vh 0;
    }

    .about .h1pic img {
        width: 14vw;
        /* text-align: center; */
    }

    .about .h1pic h1 {
        font-size: 7vw;
        color: #f35d06;
        margin-left: 2vw;
        /* text-align: center; */
        align-self: center;
        text-transform: uppercase;
    }

    .about .about-info {
        width: 100%;
        display: block;
    }

    .about .about-info .left {
        width: 95%;
        margin-top: 6vh;
        padding: 2vh 2vw;
        border-radius: 1vw;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    }

    .about .about-info .left h1 {
        color: #f35d06;
        font-size: 6vw;
        text-align: center;
        margin-bottom: 2vh;

    }

    .about .about-info .left p {
        line-height: 3.20vh;
        font-size: 4vw;
        font-family: sans-serif;
        color: #666666
    }

    .about .about-info .right {
        width: 95%;
    }

    .about .about-info .right img {
        width: 100%;
        margin: 3vh 0;
        text-align: center;
    }

    .Our-Mission {
        display: block;
        background-color: #f78543;
        width: 100%;
    }

    .Our-Mission .left {
        width: 95%;
        padding: 4vh 0;
    }

    .Our-Mission .left img {
        width: 60%;
        text-align: center;
        align-self: center;
        margin-left: 17vw;
    }

    .Our-Mission .right {
        width: 93%;
        padding: 1vh 3vw;
    }

    .Our-Mission .right h1 {
        color: #252525;
        font-size: 5vw;
        font-weight: bold;
        margin-bottom: 1vh;
        margin-top: 1vh;
    }

    .Our-Mission .right span {
        color: #920b02;

    }

    .Our-Mission .right p {
        line-height: 2.50vh;
        font-size: 3.40vw;
        font-family: sans-serif;
        color: #313131
    }

    .about-group {
        display: block;
        width: 100%;
    }

    .about-group .left {
        width: 95%;
        margin-left: 4vw;
        padding: 0 0;
    }

    .about-group .left h1 {
        color: #252525;
        font-size: 6vw;
        font-weight: bold;
        margin-bottom: 1vh;
        margin-top: 4vh;
    }

    .about-group .left span {
        color: #f35d06;
    }

    .about-group .left p {
        line-height: 3.50vh;
        font-size: 4.10vw;
        font-family: sans-serif;
        color: #585858
    }

    .about-group .right {
        width: 95%;
        padding: 4vh 0;
    }

    .about-group .right img {
        width: 95%;
    }

    .contact {
        width: 99.50%;
        text-align: center;
        margin-top: 8vh;
        color: #ffffff;
        background-color: #070707;
        border: .20vw solid #eb6c04;
      }
    
      .contact h1 {
        padding-top: 3vh;
        font-size: 4.50vw;
      }
    
      .contact p {
        padding-top: 2vh;
        font-size: 2.70vw;
        font-weight: 200;
        line-height: 2.40vh;
        padding: 1vh 3vw;
      }
    
      .contact .contact-container {
        display: block;
        justify-content: space-around;
      }
    
      .contact .contact-container .contact-info {
        text-align: center;
        width: 100%;
        margin: 5vh 0;
    
      }
    
      .contact .contact-container .contact-info img {
        width: 10vw;
      }
    
      .contact .contact-container .contact-info p {
        font-weight: 200;
        font-size: 4vw;
        line-height: 3.30vh;
        padding: 0 3vw;
      }
    
    
      .location-arrow {
        display: block;
        margin: 4vh 4vw;
        width: 95%;
      }
    
      .location-arrow .msg {
        width: 100%;
      }
    
      .location-arrow .msg #name,
      input[type=email] {
        background-color: #fffbfb;
        border: .1vw solid rgb(236, 100, 8);
        padding: 3vh 1vw;
        width: 93.20%;
        margin-bottom: 1vh;
      }
    
      .location-arrow .name {
        display: block;
      }
    
      .location-arrow input::placeholder {
        color: #8a8787;
        font-size: 4.10vw;
      }
    
      .location-arrow .msg #msg,
      input[type=number] {
        background-color: #fffbfb;
        border: .1vw solid rgb(236, 100, 8);
        padding: 3vh 1vw;
        width: 93.5%;
        margin: .70vw 0;
        margin-right: 1vw;
      }
    
      .location-arrow .msg #msg {
        background-color: #fffbfb;
        border: .1vw solid rgb(236, 100, 8);
        width: 93.5%;
        height: 30vh;
      }
    
      .location-arrow .msg .send {
        text-decoration: none;
        font-size: 4.20vw;
        font-weight: 600;
        padding: 2.20vh 26.90vw;
        background-color: rgb(236, 100, 8);
        color: #f3f1f1;
        border: none;
        text-transform: uppercase;
        margin: 2vh 0;
      }
    
      .location-arrow .msg .send:hover {
        background-color: #070707;
        color: rgb(236, 100, 8);
      }
    
      .location-arrow .map {
        width: 95%;
      }
    
      .location-arrow .map iframe {
        width: 100%;
        height: 62vh;
      }















    footer {
        display: block;
        justify-content: space-around;
        background-color: #f78543;
        width: 100%;
        padding-top: 6vh;
        color: #920b02;
        padding: 3vh 0;
    }

    footer .school-info {
        width: 95%;
        margin-left: 2vw;
        /* background-color: #ff0505; */
    }

    footer .school-info img {
        width: 25vw;
    }

    footer .school-info h1 {
        padding: 1vh 0;
    }

    footer .school-info p {
        line-height: 3vh;
        color: #333333
    }

    footer .link {
        width: 80%;
        padding-left: 3vw;
        /* background-color: #0306ac; */
        /* text-align: center; */
    }

    footer .link h2 {
        padding-bottom: 2vh;
        padding-top: 3vh;
    }

    footer .link P {
        color: #333333
    }

    footer .link a {
        display: block;
        text-decoration: none;
        color: #333333;
        padding-bottom: 1vh;
        font-size: 4.20vw;
    }

    footer .links {
        padding-right: 10vw;
    }

    .copyright {
        background-color: #181818;
        color: #f5f5f5;
        text-align: center;
        padding: 1.30vh 0;
    }

    .copyright span {
        color: #f35d06;
    }





}

@media (max-width: 404px) {
    .euroKids-left .euroKids-logo {
        display: block;
        justify-content: space-around;
        margin-top: 2vw;
        padding-right: 4vw;
        text-align: center;
    }

    .euroKids-left .euroKids-logo .euroKids-logo-info {
        margin-left: 2.40vw;
    }

    .euroKids-left .euroKids-logo .euroKids-logo-info h4 {
        font-size: 5.20vw;
        margin-top: 1vh;
        color: #e74c3c;
    }
}