.service-container {
           
        }
           
        .banner-solution {
            background-image: url(images/itsupportbg\ \(1\).jpg);
            height: 95vh;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            font-size: 1.5rem;
            padding-top: 70px;
        }
        .service-card {
            background: rgb(71 230 255 / 38%);
            border-radius: 15px;
            transition: transform 0.3s, box-shadow 0.3s;
            overflow: hidden;
        }
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0px 10px 20px rgba(255, 255, 255, 0.2);
        }
        .service-icon {
            font-size: 3rem;
            color: #ffcc00;
        }
        .btn-custom {
            background: #ffcc00;
            color: #002f4b;
            font-weight: bold;
            border-radius: 25px;
        }
        .btn-custom:hover {
            background: #dc4225;
            color: white;
        }
        h2{
            text-shadow: 1px 1px 5px rgb(0 79 103);
        }
        .banner-subcontant{
            width:90%;
            text-shadow: 1px 1px 5px rgb(0 79 103);
            text-align: center;
        }
            
        .banner-academy {
            background-image: url(images/Academy.jpg);
            height: 95vh;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            font-size: 1.5rem;
            padding-top: 70px;
        }
        .form-container {
            background:#006b83 ;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        label{
            text-align: left;
            font-size: 15px;
            font-weight: 500;
        }
        .form-group{
            text-align: left;
        }
        .form-control{
            border-radius:0px !important;
        }
        .submit-btn {
    background: #a9eaef;
    color: #02AAB7;
    width: 100%;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Hover effect */
.submit-btn:hover {
    background: #02AAB7;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Click effect */
.submit-btn:active {
    transform: scale(0.95);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.training {
    text-align: center;
    padding: 20px;
}

.training-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
    justify-content: center;
    padding: 20px;
}

.training-card {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    cursor: pointer;
}

.training-card:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.training-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

.training-info {
    padding: 15px;
    text-align: center;
}

.training-info h5 {
    font-size: 15px;
    font-weight: bold;
    color: gray;
   
}
.banner-title{
    text-align: justify;
}
.banner-title h2{
    text-shadow: 1px 1px 5px rgb(0 79 103);
}
.image-container{
    height: 250px;
    width: 250px;
}
ul,li{
    list-style: none;
    text-align: justify;
}
.feature-box {
    width: 80px;
    margin-left: 20px;
    align-content: center;
        }
        .feature-box img {
            width: 100%;
            margin-bottom: 10px;
        }
        .flexall{
            margin-top: 50px;
        }
       .flex-list{
        margin-bottom: 10px;
       }
       .mainImg-flex{
        border-radius: 25px;
    padding: 5px;
    /* border: 1px outset red; */
    border: 2px dotted #00a59d;
       }
       .main-box-container{
                background: #e3e3e3;
                padding: 5px;
                border-radius: 25px;
       }
       .moredetails{
        background: #006065 !imporant;
    border: 1px solid rgb(2, 141, 152) !important;
    font-size: 15x !important;
    font-weight: 500 !important;
    color: white !important;
    width: 100%;
       }
       .companies-container {
            background-color: #f8f9fa;
            padding: 50px 0;
            margin-top: 20px;
        }
        .companies-container h4 {
            font-weight: 600;
            color: #333;
            margin-bottom: 30px;
        }
        .company-logo {
            max-width: 120px;
            transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
            filter: grayscale(50%);
            padding: 10px;
        }
        .company-logo:hover {
            filter: grayscale(0%);
            transform: scale(1.1);
        }
        .company-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }
        .training  {
            background-color:#d3d3d370;
        }
        .card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: 0.3s;
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        .icon {
            font-size: 24px;
            padding: 10px;
            border-radius: 50%;
            color: #fff;
            display: inline-block;
        }
        .icon.devops { background-color: #ff5722; } /* Orange */
        .icon.aws { background-color: #4caf50; } /* Green */
        .icon.k8s { background-color: #3f51b5; } /* Blue */
        .icon.fullstack { background-color: #ff9800; } /* Amber */
        .icon.networking { background-color: #009688; } /* Teal */
        .icon.photoshop { background-color: #673ab7; } /* Purple */