.common-banner-sec {
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.common-banner-content{
    padding-top: 80px;
}
.common-banner-content h1{
    color: var(--text2, #F2F2F2);
    font-family: 'Raleway';
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.training-schedule{
    padding:60px 0;
    background: #F2F2FA;
}
.nav-tabs{
    border-bottom: 1px solid #C8C8C8;
    
}
.nav-tabs .nav-link{
    color: #242424;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    padding:15px 25px;
    border:none;
    text-align: left;
}
.nav-tabs .nav-link span{
    color: #878787;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    display: block;
}
.nav-tabs .nav-link.active{
    border-bottom:2px solid #d71920;
    background:none;
}


.schedule-title{
    color: var(--Primary, #BC2024);
    font-family: 'Raleway';
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin:20px 0 30px;
}

.schedule-box{
    background:#fff;
    border-radius:8px;
    padding:25px;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    margin-bottom:25px;
}
.schedule-item{
    display:flex;
    gap:20px;
    margin-bottom:15px;
}
.schedule-item span{
    width:60px;
    color: #878787;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; 
    flex-shrink:0;
}
.schedule-item p{
    color: #242424;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin:0;
}
.schedule-desc{
    color: #242424;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    margin-bottom:25px;
    max-width: 700px;
}
.register-btn{
    border-radius: 8px;
    background: var(--Primary, #BC2024);
    color: #F2F2F2;
    font-family: 'Raleway';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
    text-decoration:none;
    padding:12px 25px;
    border-radius:5px;
}
.hotel-info {
    padding: 30px;
}
.hotel-info h5{
    color: var(--Primary, #BC2024);
    font-family: 'Raleway';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
}
.hotel-info p{
    color: var(--Text, #242424);
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.hotel-info p span{font-size: 20px;font-weight: 500;}
.hotel-image-wrap{
    position:relative;
}
.hotel-image-wrap img{
    width:100%;
     margin:30px 0;
     height: 440px;
    display:block;
}
.mini-map{
    position:absolute;
    right:15px;
    bottom:15px;
    width: 120px;
    height: 90px;
    background:#fff;
    padding:5px;
    border-radius:8px;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
}
.mini-map iframe{
    width:100%;
    height:100%;
    border:none;
}
.partners h5 {
    color: var(--Primary, #BC2024);
    font-family: 'Raleway';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
}
.partner-logos{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:20px 0;
}
.submit-img{margin-bottom: 30px;}

.mobile-tab-select{
    display:none;
}

@media(max-width:767px){
    .common-banner-sec {
       height: 260px;
    }
    .common-banner-content{
        padding-top: 80px;
    }
    .common-banner-content h1{
        font-size: 32px;
    }

    .training-schedule{
        padding:60px 0;
    }
    .nav-tabs .nav-link{
        font-size: 20px;
        line-height: 30px;
        padding:15px 25px;
    }
    .schedule-title{
        font-size: 22px;
        margin:20px 0 30px;
    }
    .schedule-box{
        border-radius:8px;
        padding:25px;
        margin-bottom:25px;
    }
    .schedule-item{
        gap:20px;
        margin-bottom:15px;
    }
    .schedule-item span{
        width:60px;
        font-size: 16px;
        line-height: 25px; 
        flex-shrink:0;
    }
    .schedule-item p{
        font-size: 16px;
        line-height: 25px;
        margin:0;
    }
    .schedule-desc{
        font-size: 16px;
        line-height: 30px; /* 166.667% */
        margin-bottom:25px;
        max-width: 700px;
    }
    .register-btn{
        border-radius: 8px;
        font-size: 16px;
        letter-spacing: 0.32px;
        padding:12px 25px;
        border-radius:5px;
    }
    .submit-img{margin-bottom: 30px;}
    .hotel-info {
        padding: 30px 0;
    }
    .hotel-info h5{
        font-size: 20px;
        line-height: 26px; 
    }
    .hotel-info p{
        font-size: 16px;
        line-height: 30px;
    }
    .hotel-info p span {
        font-size: 18px;
        font-weight: 500;
    }
    .hotel-image-wrap img{
        margin:30px 0;
        height: 340px;
    }
    .mini-map{
        right:15px;
        bottom:15px;
        width: 120px;
        height: 90px;
        padding:5px;
        border-radius:8px;
    }
    .partners h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .partner-logos {
        gap:20px;
        margin: 0;
    }
    .partner-logos img{
       padding: 20px 0;
        width: calc(50% - 10px);
        height: auto;
    }

        .mobile-tab-select{
        display:block;
        margin-bottom:20px;
    }

    #trainingTabs{
        display:none !important;
    }

    .mobile-tab-select .form-select{
        height:55px;
        border:1px solid #ddd;
        border-radius:8px;
        padding:10px 15px;
        font-size:16px;
        box-shadow:none;
    }

    .mobile-tab-select .form-select:focus{
        box-shadow:none;
        border-color:#c62828;
    }
}

@media(min-width:768px) and (max-width:1599px){
      .common-banner-sec {
        height: 27.19vw;
    }
    .common-banner-content{
        padding-top: 5.56vw;
    }
    .common-banner-content h1{
        font-size: 3.47vw;
    }

    .training-schedule{
        padding:4.17vw 0;
    }
    .nav-tabs .nav-link{
        font-size: 1.05vw;
        line-height: 2.08vw;
        padding:1.04vw 1.74vw;
    }
    .nav-tabs .nav-link span{
       font-size: 15px;
    line-height: normal;
    }
    .schedule-title{
        font-size: 1.81vw;
        margin:1.39vw 0 2.08vw;
    }
    .schedule-box{
        border-radius:0.56vw;
        padding:1.74vw;
        margin-bottom:1.74vw;
    }
    .schedule-item{
        gap:1.39vw;
        margin-bottom:1.04vw;
    }
    .schedule-item span{
        width:4.17vw;
        font-size: 1.25vw;
        line-height: 1.74vw; 
        flex-shrink:0;
    }
    .schedule-item p{
        font-size: 1.25vw;
        line-height: 1.74vw;
        margin:0;
    }
    .schedule-desc{
        font-size: 1.25vw;
        line-height: 2.08vw; 
        margin-bottom:1.74vw;
        max-width: 48.61vw;
    }
    .register-btn{
        border-radius: 0.56vw;
        font-size: 1.11vw;
        letter-spacing: 0.02vw;
        padding:0.83vw 1.74vw;
        border-radius:0.35vw;
    }
    .submit-img{margin-bottom: 2.08vw;}
    .hotel-info {
        padding: 2.08vw;
    }
    .hotel-info h5{
        font-size: 1.39vw;
        line-height: 1.81vw; 
    }
    .hotel-info p{
        font-size: 1.25vw;
        line-height: 2.08vw;
    }
    .hotel-info p span {
        font-size: 1.19vw;
    }
    .hotel-image-wrap img{
        margin:2.08vw 0;
        height: 30.56vw;
    }
    .mini-map{
        right:1.04vw;
        bottom:1.04vw;
        width: 8.33vw;
        height: 6.25vw;
        padding:0.35vw;
        border-radius:0.56vw;
    }
    .partners h5 {
        font-size: 1.39vw;
        line-height: 1.81vw;
    }
    .partner-logos{
        gap:1.39vw;
        margin:1.39vw 0;
    }
}