.parallax2 {
    background-image: url("../images/about/about-banner-image.webp");
    min-height: 400px;
    backface-visibility: 0.5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.line {
    max-width: 100px;
    height: 3px;
    background-color: #04b593;
}

.abtcircle {
    max-width: 80%;
    min-width: 70%;
    max-height: 80%;
    min-height: 150px;
}

.abtdot {
    max-width: 10%;
    min-width: 10%;
    animation: spin 4s linear infinite;
}

.section10 {
    margin-top: 10%;
}

.section11 p {
    text-align: justify;
}

@keyframes spin {
    0% {}
    100% {
        transform: rotate(-360deg)
    }
}

.card {
    text-align: justify;
}

@media (min-width: 1900px) and (max-width: 1920px) {
    .section10 {
        margin-top: 7%;
    }

    .fullstack-bgimage1 {
        margin-top: 7%;
    }
    
    .fullstack-bgimage2 {
        margin-top: 7%;
    }

    .fullstack-bgimage3 {
        margin-top: 7%;
    }

    .fullstack-bgimage4 {
        margin-top: 7%;
    }
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .section10 {
        margin-top: 8%;
    }

    .fullstack-bgimage4 {
        margin-top: 9%;
    }

    .fullstack-bgimage2 {
        margin-top: 9%;
    }

    .fullstack-bgimage1 {
        margin-top: 9%;
    }

    .fullstack-bgimage3 {
        margin-top: 9%;
    }
}

@media (min-width: 800px) and (max-width: 990px) {
    .section10 {
        margin-top: 15%;
    }
    
    .section10 h1{
        font-size: 50px;
        text-align: center;
    }

    .line {
        display: none;
    }

    .custom-shape-divider-btm-1696326902 {
        display: none;
    }

    .mission h3,.vision h3 {
        font-size: 26px;
    }

    .abtcircle {
        max-width: 60%;
        min-width: 50%;
    }

    .section11 h2 {
        font-size: 50px;
        text-align: center;
        margin-top: 20px;
    }

    .fullstack-bgimage4 {
        background: linear-gradient(to right, #bc7342, 100%, transparent 100%), url("../images/ui-ux-background-img.png");
        background-position: center;
        margin-top: 15%;
    }

    .fullstack-bgimage2 {
        background: linear-gradient(to right, #223b56, 100%, transparent 100%), url("../images/java-background-img.png");
        background-position: center;
        margin-top: 15%;
    }

    .fullstack-bgimage1 {
        background: linear-gradient(to right, #223b56, 100%, transparent 100%), url("../images/reactjs-background-img.png");
        background-position: center;
        margin-top: 15%;
    }

    .fullstack-bgimage3 {
        background: linear-gradient(to right, #04b593, 100%, transparent 100%), url("../images/img/creative-guy\ 1.png");
        background-position: center;
        margin-top: 15%;
    }
}

@media (min-width: 600px) and (max-width: 700px) {
    .section10 {
        margin-top: 25%;
    }
    
    .section10 h1{
        font-size: 50px;
        text-align: center;
    }

    .line {
        display: none;
    }

    .section11 h2 {
        font-size: 32px;
        text-align: center;
        margin-top: 20px;
    }

    .custom-shape-divider-btm-1696326902 {
        display: none;
    }
    
    .mission h3,.vision h3 {
        font-size: 26px;
    }

    .fullstack-bgimage4 {
        background: linear-gradient(to right, #bc7342, 100%, transparent 100%), url("../images/ui-ux-background-img.png");
        background-position: center;
        margin-top: 25%;
    }

    .fullstack-bgimage2 {
        background: linear-gradient(to right, #223b56, 100%, transparent 100%), url("../images/java-background-img.png");
        background-position: center;
        margin-top: 25%;
    }

    .fullstack-bgimage1 {
        background: linear-gradient(to right, #223b56, 100%, transparent 100%), url("../images/reactjs-background-img.png");
        background-position: center;
        margin-top: 25%;
    }

    .fullstack-bgimage3 {
        background: linear-gradient(to right, #04b593, 100%, transparent 100%), url("../images/img/creative-guy\ 1.png");
        background-position: center;
        margin-top: 25%;
    }
}

@media (min-width: 300px) and (max-width: 425px) {
    #nav1 .navbar-brand{
        font-size: 14px;
    }

    #nav2 {
        top: 45px;
    }
    
    .fullstack-bgimage4 {
        background: linear-gradient(to right, #bc7342, 100%, transparent 100%), url("../images/ui-ux-background-img.png");
        background-position: center;
        margin-top: 33%;
    }

    .fullstack-bgimage2 {
        background: linear-gradient(to right, #223b56, 100%, transparent 100%), url("../images/java-background-img.png");
        background-position: center;
        margin-top: 33%;
    }

    .fullstack-bgimage1 {
        background: linear-gradient(to right, #223b56, 100%, transparent 100%), url("../images/reactjs-background-img.png");
        background-position: center;
        margin-top: 33%;
    }

    .fullstack-bgimage3 {
        background: linear-gradient(to right, #04b593, 100%, transparent 100%), url("../images/img/creative-guy\ 1.png");
        background-position: center;
        margin-top: 33%;
    }
    
    .navbar .fa-facebook-f,.navbar .fa-phone-volume,.navbar .fa-envelope, .navbar .fa-x-twitter {
        font-size: 16px;
    }

    .navbar .fa-instagram,.navbar .fa-linkedin-in {
        font-size: 18px;
    }

    #logo {
        height: 40px;
    }
    
    .fullstack-bgimage1 h1,.fullstack-bgimage2 h1,.fullstack-bgimage3 h1,.fullstack-bgimage4 h1 {
        font-size: 30px;
    }
    
    #fullstack-whychoose {
        min-height: 250px;
    }
    
    #tab-nav p{
        font-size: 18px;
    }
    
    #Highlight p {
        font-size: 18px;
    }
    
    #faq button {
        font-size: 18px;
    }
    
    .lookingfor-enrollbtn {
        top: 30%;
        left: 10%;
    }

    .lookingfor-enrollbtn button{
        font-size: 12px;
    }
    
    .section10 {
        margin-top: 30%;
    }
    
    .section10 h1{
        font-size: 30px;
    }
    
    .section11 h2 {
        font-size: 32px;
    }

    .custom-shape-divider-btm-1696326902 {
        display: none;
    }
    
    .mission h3,.vision h3 {
        font-size: 26px;
    }
}