.color-blue {
        background-color: #104087;
    }
    
    .txt-blue {
        color: #104087;
    }
    
    .container-fluid {
        margin: 0%;
        padding: 0px;
    }
    
    .body {
        padding: 0px;
    }
    
    .container {
        height: auto;
        width: 1380px;
        padding: 0px;
    }
    
    .container-fluid {
        margin-left: 0px;
        padding-left: 0%;
    }
    
    .header {
        justify-content: center;
        height: 50px;
        padding-top: 10px;
    }
    
    .mail {
        float: left;
    }
    
    .email {
        margin-left: 50px;
        color: white;
        float: left;
    }
    
    .navbar-nav {
        font-weight: 500;
        font-size: 20px;
    }
    
    .navbar-toggler-icon {
        display: none;
    }
    
    .navbar-nav {
        --bs-nav-link-hover-color: #104087;
    }
    
    .nav-link:hover {
        border-bottom: 3px solid #104087;
    }
    
    .navbar-nav .nav-link.active {
        border-bottom: 3px solid #104087;
        color: #ffffff;
    }
    
    .nav-link {
        border-bottom: 3px solid #ffffff;
        margin-right: 30px;
    }
    
    .btn1 {
        height: 50px;
        width: 150px;
        color: #104087;
        background-color: white;
        border-color: #104087;
        border-radius: 5px;
        font-size: 24px;
        font-family: roboto;
        margin-left: 285px;
    }
    
    .btn1:hover {
        background-color: #104087;
        color: white;
        border: none;
        transition: 0.5s;
    }
    
    .small-heading {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    
    .title {
        display: flex;
        justify-content: center;
        font-style: bold;
        padding-bottom: 50px;
    }
    
    .txt-center {
        display: flex;
        justify-content: center;
    }
    
    .mtb {
        padding-bottom: 50px;
    }
    
    .mt-100 {
        margin-top: 100px;
    }
    
    .ml-50 {
        margin-left: 40px;
    }
    
    .mt-50 {
        margin-top: 50px;
    }
    
    .card-btn {
        height: 45px;
        width: 180px;
        color: #104087;
        background-color: white;
        border-color: #104087;
        border-radius: 50px;
        font-size: 20px;
        font-family: roboto;
        margin-left: 43px;
        margin-top: 20px;
    }
    
    .card-btn:hover {
        background-color: #104087;
        color: #ffffff;
        border: none;
        transition: 0.5s;
    }
    
    .view-all-btn {
        height: 50px;
        width: 220px;
        color: #ffffff;
        background-color: #104087;
        border: none;
        font-size: 20px;
        font-family: roboto;
        border-radius: 5px;
        margin-top: 50px;
    }
    
    .box {
        background-color: white;
        border-radius: 10px;
        text-align: center;
        justify-content: center;
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .box3 {
        height: 250px;
        width: 300px;
        background-color: white;
        border-radius: 10px;
        text-align: center;
        padding-left: 10px;
        margin-bottom: 30px;
        padding-top: 20px;
    }
    
    .about-img {
        float: left;
        margin-right: 20px;
    }
    
    .arrow {
        margin-top: 10px;
    }
    
    .arrows {
        float: left;
        margin-right: 50px;
    }
    
    .our-usp {
        float: left;
    }
    
    .Read-More-btn {
        height: 50px;
        width: 200px;
        color: #ffffff;
        background-color: #104087;
        border: none;
        font-size: 20px;
        font-family: roboto;
        border-radius: 5px;
        border-style: solid;
        margin-top: 10px;
    }
    
    .Read-More-btn:hover {
        color: #104087;
        background-color: #ffffff;
        transition: 0.5s;
    }
    
    .Submit-btn {
        height: 50px;
        width: 200px;
        color: #ffffff;
        background-color: #104087;
        border: none;
        font-size: 20px;
        font-family: roboto;
        border-radius: 5px;
        border-style: solid;
        margin-top: 30px;
    }
    
    .Submit-btn:hover {
        color: #104087;
        background-color: #ffffff;
        transition: 0.5s;
    }
    
    .slider {
        margin-left: 500px;
    }
    
    .call ul li {
        font-size: 20px;
        list-style: none;
        margin-top: 20px;
    }
    
    .call ul {
        margin-left: -25px;
    }
    
    .courses ul li a:hover {
        color: #ffffff;
        border-style: none;
    }
    
    .courses ul li {
        color: #ffffff;
        font-size: 20px;
        margin-top: 10px;
        width: 150%;
    }
    
    .bg-courses {
        background-image: url(../images/courses-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-c-c {
        background-image: url(../images/c&c++-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .flutter-flow-bg {
        background-image: url(../images/flutter-flow-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .java-bg {
        background-image: url(../images/java&kotlin-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-game-dev {
        background-image: url(../images/game-bg.png);
        height: 400px;
        width: 100%;
        background-repeat: no-repeat;
    }
    
    .bg-ios {
        background-image: url(../images/ios-bg.png);
        height: 400px;
        width: 100%;
        background-repeat: no-repeat;
    }
    
    .bg-contact-us {
        background-image: url(../images/contact-us.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-about-us {
        background-image: url(../images/aboutus-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-backend {
        background-image: url(../images/backend-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-web-design {
        background-image: url(../images/web-design.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-adv-web-design {
        background-image: url(../images/adv-web.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-ui-ux-design {
        background-image: url(../images/uiux.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-full-stack {
        background-image: url(../images/Full_Stack.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-android {
        background-image: url(../images/android.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .bg-Flutter {
        background-image: url(../images/fluuter-bg.png);
        height: 400px;
        background-repeat: no-repeat;
    }
    
    .pt-50 {
        padding-top: 8%;
    }
    
    .courses-list {
        margin-left: 30px;
        margin-top: 20px;
        float: left;
        margin-right: 60px;
    }
    
    .call-box {
        height: 240px;
        width: 440;
        text-align: center;
        padding-top: 30px;
        border-radius: 10px;
    }
    
    .lpt-box {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 10px;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    
    .Councelling-box {
        background-color: #C5C0C0;
        border-radius: 10px;
        align-items: center;
        text-align: center;
    }
    
    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .key-features-box {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 10px;
    }
    
    a.dopdown-item:hover {
        background-color: #104087;
    }
    
    .key-features-box ul li {
        list-style: none;
    }
    
    .key-features-box ul {
        padding: 0px;
    }
    
    .feature1 {
        float: left;
        margin-right: 30%;
        margin-top: 10px;
    }
    
    .course-content {
        float: left;
        margin-right: 20%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .course-content2 {
        float: left;
        margin-right: 20%;
        margin-top: 10px;
    }
    
    .course-content3 {
        margin-right: 20%;
        margin-top: 10px;
    }
    
    .backend-box {
        float: left;
        margin-right: 20%;
        margin-top: 10px;
    }
    
    .imp-webdesign {
        margin-top: 20px;
    }
    
    .Submit {
        background-color: #104087;
        color: #ffffff;
        border: none;
        margin-top: 10px;
        padding: 10px;
        width: 120px;
        border-radius: 5px;
        font-size: 20px;
    }
    
    .imp-game-development1 {
        float: left;
        margin-right: 30%;
    }
    
    .Submit:hover {
        background-color: #ffffff;
        color: #104087;
        transition: 0.3s;
    }
    
    .social-media {
        text-align: end;
    }
    
    a.home {
        list-style: none;
        color: #ffffff;
        text-decoration: none;
    }
    
    .card:hover {
        transform: scale(1.06);
    }
    
    .card {
        cursor: pointer;
        transition: 0.5s;
    }
    
    .course-box {
        width: 18rem;
        border-radius: 20px;
        float: left;
        margin-right: 40px;
        border-radius: 50px;
    }
    
    .--bs-navbar-color {
        color: #104087;
    }
    
    .header-fix {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        z-index: 999;
        background-color: #ffffff;
    }
    
    .header-fix:not([class*="bg_"]):not([class*="bg-"]) {
        background-color: #fff;
    }
    
    .navbar nav {
        --bs-nav-link-color: rgb(16 64 135);
    }
    
    .e-mail {
        float: left;
        margin-right: 10px;
    }
    
    #combinedField .abc {
        background-color: #104087;
    }
    
    @media (max-width: 575.98px) {
        body {
            margin: 0px;
        }
        .container-fluid {
            height: auto;
        }
        .social-media {
            text-align: center;
            margin-bottom: 5px;
        }
        .header {
            justify-content: center;
            height: auto;
        }
        .title {
            padding-bottom: 0px;
        }
        .mt-100 {
            margin-top: 20px;
        }
        .course-box {
            display: contents;
        }
        .card-btn {
            margin-left: 55px;
        }
        .view-all-btn {
            margin-left: 75px;
        }
        .navbar-toggler {
            border: none;
        }
        .collapsed {
            height: 35px;
            border: none;
        }
        .navbar-toggler {
            border: none;
            --bs-navbar-toggler-border-color: rgb(255, 255, 255);
        }
        .navbar-brand {
            width: 80%;
        }
        .logo-a {
            width: 50%;
        }
        .box {
            float: none;
        }
        .box3 {
            float: none;
        }
        .navbar {
            flex-wrap: nowrap;
            --bs-navbar-toggler-font-size: 1.25rem;
            --bs-navbar-padding-y: 0rem;
            --bs-navbar-padding-y: 0rem;
        }
        .btn1 {
            height: 30px;
            width: 100px;
            font-size: 18px;
            margin-left: 0px;
        }
        .Councelling-box {
            margin-top: 20px;
        }
        /* .course-content3 {
        margin-right: 0px !important;
    } */
        .course-content2 {
            margin-right: 0px;
        }
        .feature1 {
            float: none;
        }
        .imp-game-development1 {
            /* float: left; */
            margin-right: 15px;
        }
        .call-box {
            margin-top: 30px;
        }
        .f-logo {
            width: 60%;
        }
        .call ul li {
            font-size: 16px;
        }
        .OC {
            margin-top: 20px;
        }
        .rights-reserved {
            font-size: 16px;
        }
        .cirtificate {
            font-size: 16px;
        }
        .media-icon {
            width: 20px;
        }
        .e-mail {
            width: 20px;
            align-items: center;
        }
        .mail-txt {
            font-size: 11px;
            margin-bottom: -5px;
        }
        .nav.navbar.navbar-expand-xxl {
            padding: 0px;
        }
    }