/*mass communication*/
section{ padding:0px; }
.inside_nav{ background:#ffffff; border:30px; padding:30px 0px; margin-top:-30px; text-align:center; border-radius: 50px !important;}
.inside_nav li{ display:inline-block; padding:0 10px;  text-align: center;}
.inside_nav li a{ color:#000000; border-radius:30px; padding:12px 20px;text-decoration:none; }
.inside_nav li a:hover { background:#141B47; color:#ffffff; text-decoration:none; }
.active_new  { background:#141B47 !important; color:#ffffff !important; text-decoration:none; }

.academics_fees table td{ padding: 20px; }
.academics_fees table{ margin-bottom: 30px; width: 100%; }
.academics_fees table tr:first-child td { background: #cc0000; color: #ffffff !important; }


.AED1{
    border-radius: 12px;
    border: 1px solid rgba(244, 244, 244, 0.24);
    background: linear-gradient(90deg, #141B47 0.01%, #7C2045 99.98%);
    text-align: center;
    color: #ffffff;
    margin: 10px;
    padding: 20px;
}
.AED1 h2{
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}
.AED1 p{
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
}
    .custom-container{ width:90%; margin:0 auto; }
.sec2_mass_comm{ background:#141B47; padding:40px 0px 150px; }
.sec2_mass_comm .prog-box h2{ font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #181818;
    padding: 10px; }
.sec2_mass_comm h2:after { content: '';
    border-bottom: 2px solid #ffffff;
    width: 15%;
    margin-top: 10px;
    display: block;}
.sec2_mass_comm ul li{ color:#ffffff; }   
.sec2_mass_comm_box { background:rgba(255, 255, 255, 0.1) !important; padding: 30px 0px; border-radius:40px; }

.sec3_prog_box{ padding:20px 25px; display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;}
.sec3_prog_box:last-child{
    align-items: flex-end;
    align-content: flex-end;
    padding: 0;
    margin: 0;
    flex-wrap: nowrap;
    justify-content: flex-end;
    text-align: center;
}
.sec3_prog_box h2{ 
    font-weight: 600;
    font-size: 30px;
    color: #F3223C; }
.sec3_mass_box img{ width:100%; }    

.sec3_prog_box h2:after { content: '';
    border-bottom: 2px solid #F3223C;
    width: 30%; display: block;
    margin-top: 10px;
}

.container-fluid.prog-bg{
    margin: 0 auto;
    width: 100%;
}
.sec4_mass_comm{ background:#141B47; padding:40px 0 60px 0px;}

/*tabs*/
.tab-wrapper ul{ padding:0px 0 20px 0px; }
.tabs {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.tab-link {
/*  margin: 0 1.5%;*/
  list-style: none; width: 100%;
  padding: 10px 20px;
  color: #9C9C9C; 
/*  text-align: center;*/
  cursor: pointer;
  font-weight: 700; border-radius: 30px;
  transition: all ease 0.5s; margin-bottom: 20px;
/*  border-bottom: solid 3px rgba(255,255,255,0.0);*/
/*  letter-spacing: 1px;*/
  background: rgba(255, 255, 255, 0.1) !important;
  }

.tab-link:hover{
  color: #919191;
  border-color: #0F366C;
}
.tab-link.active{
 border:none; color: #ffffff;
 border-radius:20px;
 background: url('../../images/programs/mass_next.webp') no-repeat 95% center #cc0000 !important;
/* background: rgba(255, 255, 255, 0.1) !important;*/
}
/*.tab-link:nth-of-type(1).active
{
  color: #ffffff;
  border: none;
  border-radius: 38.5px;
background: #0F366C;
}
.tab-link:nth-of-type(2).active{
  color: #1790D2;
  border-color: #1790D2;
}
.tab-link:nth-of-type(3).active
{
  color: #EEC63B;
  border-color: #EEC63B;
}*/
.content-wrapper{
  padding: 40px 80px;
}

.tab-content{
  display: none;
/*  text-align: center;*/
  color: #000;
  font-weight: 300;
  font-size: 16px;
  opacity: 0; padding: 0px;
  transform: translateY(15px);
  animation: fadeIn 0.5s ease 1 forwards;
}
.tab-content.active{
  display: block;
}

@keyframes fadeIn{
  100%{
    opacity: 1;
    transform: none;
    }
 }



.study_pan{ padding-bottom:30px; padding-top:60px; }
.study_pan h3{ background:url("../../images/studyplanbg.webp") no-repeat center center; background-size:cover; color:#ffffff; font-weight:bold; font-size:18px; padding-top: 22px; text-align: center; width:98px; height:80px; }
.study_pan h2 { color:#F3223C; position: relative; font-weight:bold;}
.study_pan h2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -13px;
    left: 0;
    margin: 0;
/*    border-radius: inherit;*/
    background: #F3223C;
    width: 260px;
    height: 4px;
    }
.cust-box-grad{
    background: linear-gradient(90.02deg, #141B47 0.01%, #711C3E 99.98%);
    border-radius: 0.5rem;
    padding: 3rem 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
/*    justify-content: center;*/
    min-height: 500px;
}

.cust-box-grad-white{
    background: #F0F7FF;
    border-radius: 0.5rem;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 500px;
}

.study_pan .cust-box-grad-white h3{ background:url("../../images/studyplabbgblue.webp") no-repeat center center; background-size:cover; color:#141B47; font-weight:bold; font-size:18px; padding-top: 22px; text-align: center; width:98px; height:80px; }


.cust-cust-text-white{
    color: #fff;
}

.cust-text-white{
    color: white;
}
.cust-text-blue{ color:#141B47; }

.cust-font-600 {
    font-weight: 600; font-size: 22px;
}





 .sec_4_mass_comm_box{ background:#ffffff; padding:30px 0px; border-radius:30px; }
 .sec_4_mass_comm_box p{ color:#000000; text-align:center; line-height: 1.2; margin-bottom: 30px; padding-bottom: 20px; display:block; }
 .sec_4_mass_comm_box img{ display:block; margin:0 auto 15px auto; }
 .sec4_mass_comm h2{ font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #ffffff;
    padding: 15px 0 25px 20px; margin-bottom:30px }
.sec4_mass_comm h2:after { content: '';
    border-bottom: 2px solid #ffffff;
    width: 5%;
    display: block;}

.sec_4_mass_comm_box1 { background:rgba(255, 255, 255, 0.1) !important; padding:40px; border-radius:40px; height:520px; overflow:auto; }    

.sec5_mass_comm{ background:#ffffff; padding:30px 0px; border-radius:30px; }
 .sec5_mass_comm h2{ font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #F3223C;
    padding: 15px 0 25px 0px; margin-bottom:30px }
.sec5_mass_comm h2:after { content: '';
    border-bottom: 0px solid #F3223C;
    width: 5%;
    display: block;}
.sec5_mass_comm h4{ color:#141B47; display:block; text-align:center; font-weight:bold; font-size:24px; line-height:36px; }

.prog_box_new{ padding:20px 0px; border-radius: 12px;
border: 1px solid rgba(244, 244, 244, 0.24);
background: linear-gradient(90deg, #141B47 0.01%, #711C3E 99.98%); }
.prog_box_new { margin-top:60px; margin-bottom:30px; min-height:400px; text-align: center; display: flex;
    flex-direction: column;
    flex-wrap: wrap; padding: 40px 20px;
    align-content: space-evenly;
    justify-content: space-around;
    align-items: center;
}
.prog_box_new h3{ color:#ffffff; text-align:center; }
.prog_box_new p{ text-align:center; color:#ffffff; }
.table_fee img{ margin:0 auto 30px auto; display:block; width:100% }
.sec_4_mass_comm_box1 h5{ color:#ffffff; }
.sec_4_mass_comm_box1 p{ color:#ffffff; }
.table_fee h3 { color:#F3223C; font-weight:bold; }
.table_fee ul{ padding:0px; }
.table_fee ul li{ background:url(../images/note_bullet.svg) no-repeat; }
.sec_4_mass_comm_box1_inside { border-bottom:1px #fff solid; padding-top:30px; padding-bottom:30px; }
.sec_4_mass_comm_box1_inside:last-child{ border-bottom:none; }

.note { color:#F3223C; font-weight:bold; padding-top:20px; padding-bottom:10px; }
.note_list li{ background:url(../../images/note_bullet.svg) no-repeat 0 6px!important; padding:0 30px; list-style-type:none;  }

#style-2::-webkit-scrollbar-track
{
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
  width: 6px; border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
  border-radius: 10px;
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #D62929;
}


@media only screen and (max-width: 1199px) {
  .inside_nav li {
    padding: 20px 10px;
  }
  .active_new{ display:block; }
}

section{
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: hidden;
}
body{
    margin: 0;
    padding: 0;
}
strong{
    color: #141B47;
}

.MBA-Banner{
    background-image: url('../../images/mba-programs/mba-page.png');
    background-size: cover;
    background-position: center;
    padding: 10% 1%;
    background-repeat: no-repeat;
}
.PIE{
    background-image: url('./images/undergraduate-degree/Proficiency-in-English-bg.webp');
    background-size: cover;
    background-position: center;
    padding: 5% 2%;
    background-repeat: no-repeat;
    border-radius: 0px 0px 100px 100px;
}
.ACL{
    background-image: url('./images/undergraduate-degree/admission-bottom-bg.webp');
    background-size: cover;
    background-position: center;
    padding: 7% 2%;
    background-repeat: no-repeat;
}
.sec-docs{
    background-image: url('./images/undergraduate-degree/gray-abstract.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 3%;
}
.sec3_prog_box ul{
    padding-left: 0px;
}
section.sec3_prog_boxx {
    padding: 20px 0px;
    margin-top: 0px;
    background: #ffffff;
    border-radius: 120px 0px 0px 0px;
}
.MBA-title{
    padding: 20px;
}
.prog-box h2{
   color: #ffffff;
}
.sec3_prog_box .cta-btn{
    margin: 20px;
}
.prog_box_1{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.11) 100%);
    filter: drop-shadow(0px 4px 4px rgba(255, 255, 255, 0.12)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 30px;
    padding: 30px;
}
.SO_box h2{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    font-size: 18px;
    line-height: 20px;
    max-width: 145px;
}
.SO_box{
    border-radius: 12px;
    background: #FFF;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    margin: 15px;
}
.SO-icons img {
    background: #141B47;
    border-radius: 100%;
    padding: 15px;
}
.sec3_prog_box:first-child{
    border-right: 1px solid #d4d4d4;
}
span.small-title{
    font-size: 34px;
    line-height: 44px;
}
.MBA-title h1{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 80px;
    line-height: 85px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 auto 35px;
}
p, li{
    font-size: 18px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
a.btn-cta{
    background-color: #C4161C;
    color: #ffffff;
    border-radius: 36px;
    padding: 15px 40px;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 24px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
a.btn-cta:hover{
    background-color: rgb(21, 21, 95);
    color: #ffffff;
    text-decoration: none;
}
.ae-title{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color:#F3223C;
}
.ae-title{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color:#F3223C;
    padding: 15px 0 25px 20px;
}
.doc-title{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 1.3;
    color:#F3223C;
}
h2.doc-title:after{
    content: '';
    border-bottom: 2px solid #F3223C;
    width: 20%;
    display: block;
    margin-top: 10px;
}
.pie-title{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color:#FFFFFF;
}
h2.pie-title:after{
    content: '';
    border-bottom: 2px solid #F3223C;
    width: 4%;
    display: block;
}
.list-items{ padding:0 20px !important; }
.pie-content p, .list-items-col li, .PIE p, .ACL p{
    color: #ffffff;
}
section.academic-eligibility {
    padding: 40px;
}
h2.ae-title:after{
    content: '';
    border-bottom: 2px solid #F3223C;
    width: 5%;
    display: block;
}
.ae-box{
    margin: 40px 0px 0px;
    padding: 20px;
    background: #FFF;
    box-shadow: 0px -0.609px 2.214px 0px rgba(0, 0, 0, 0.02), 0px -1.463px 5.32px 0px rgba(0, 0, 0, 0.03), 0px -2.755px 10.017px 0px rgba(0, 0, 0, 0.04), 0px -4.914px 17.869px 0px rgba(0, 0, 0, 0.04), 0px -9.191px 33.422px 0px rgba(0, 0, 0, 0.05), 0px -22px 80px 0px rgba(0, 0, 0, 0.07);
}
.AED{
    border-radius: 12px;
    border: 1px solid rgba(244, 244, 244, 0.24);
    background: linear-gradient(90deg, #141B47 0.01%, #7C2045 99.98%);
    text-align: center;
    color: #ffffff;
    margin: 40px;
    padding: 25px;
}
.AED h2{
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}
.AED p{
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.ae-block{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 0px 0px 50px 50px;
    background: rgba(20, 27, 71, 0.87);
    margin-top: -20px;
    padding: 20px;
}
.ae-content_2 {
    margin-bottom: 30px;
}
.list-items li{
    content:'';
    display: block;
    background-image: url('../../images/mba-programs/Correction-mark-white.webp');
    padding-left: 35px;
    list-style-type: none;
    font-size: 18px;
    line-height: 2;
    background-repeat: no-repeat;
    background-position: 0% 15%;
}
.list-item li{
    content:'';
    display: block;
    background-image: url('../../images/mba-programs/correction-mark.webp');
    padding-left: 35px;
    list-style-type: none;
    font-size: 18px;
    line-height: 2;
    background-repeat: no-repeat;
    background-position: 0% 5%;
}
.list-items-col{
    column-count: 2;
    column-gap: 3em;
}
.list-items-col li{
    content:'';
    display: block;
    background-image: url('./images/undergraduate-degree/Correction-mark-white.webp');
    padding-left: 35px;
    list-style-type: none;
    font-size: 18px;
    line-height: 2;
    background-repeat: no-repeat;
    background-position: left center;
}
.email{
    color: #D5213D;
    text-decoration: none;
}
.email:hover{
    color: #d4d4d4;
    text-decoration: none;
}

.table-box{
    border-radius: 32px;
    background: #F0F7FF;
    box-shadow: 0px 0.332px 2.214px 0px rgba(20, 27, 71, 0.03), 0px 0.798px 5.32px 0px rgba(20, 27, 71, 0.04), 0px 1.503px 10.017px 0px rgba(20, 27, 71, 0.05), 0px 2.68px 17.869px 0px rgba(20, 27, 71, 0.07), 0px 5.013px 33.422px 0px rgba(20, 27, 71, 0.08), 0px 12px 80px 0px rgba(20, 27, 71, 0.11);
    padding: 30px;
}
.sp-content{
    margin-bottom: 30px;
}

/*--------Media Queries-----------*/
* {
    box-sizing: border-box;
  }
  
  .row::after {
    content: "";
    clear: both;
    display: block;
  }
@media screen and (min-width: 992px){
    .student-img{
        position: relative;
        top: 20px;
        width: 500px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1200px){
    .container-fluid.prog-bg .row {
        justify-content: center;
    }
    .ae-block{
        margin-top: 40px;
        padding: 25px;
    }
    .sec3_prog_box img{
        width: 500px;
        position: relative;
        top: 20px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 768px) {
  .ae-block{
    width: 100%;
    margin-top: 40px;
  }
  .container-fluid.prog-bg{
    margin: 0 auto;
    width: 100%;
  }
  .container-fluid.prog-bg .row {
    justify-content: center;
}
.ae-block{
    margin-top: 40px;
}
  .SO_box{
    margin: 15px;
  }
  .prog_box_1{
    margin-top: 20px;
  }
  .sec3_prog_box:last-child{
    align-items: center;
  }
  .sec3_prog_box img{
    width: 400px;
    position: relative;
    top: 20px;
    margin: 0 auto;
  }
  .prog_box_new{
    margin-top: 20px;
  }
  
.MBA-title h1{
        font-size: 35px;
        line-height: 45px;
    }
 span.small-title{
        font-size: 16px;
        line-height: 22px;
    } 
 .table-box.col-lg-6{
        width: 90%;
        margin: 20px auto 40px;
    }
  .ap-img{
        text-align: center;
    }
    .AED{
        width: 65%;
        margin: 35px auto;
        padding: 20px;
    }
    .AED:last-child {
        margin: 0px 35px 50px 35px;
    }
    .ae-box{
        border-radius: 0px 0px 110px 110px;
    }
    .list-items li, .list-items-col li{
        font-size: 15px;
        line-height: 1.8;
    }
    .sec3_prog_box:first-child{
        border: none;
    }
}

@media screen and (max-width: 640px){
    .list-items-col{
        column-count: 1;
        padding: 10px;
    }
    ul.list-items{
        padding: 15px;
    }
    .PIE, .ACL{
        padding: 8%;
    }
    .UG-title {
        padding: 20px;
    }
    .AED{
        width: 75%;
        margin: 30px auto;
        padding: 20px;
    }
    .AED:last-child {
        margin: 0px 35px 50px 35px;
    }
    .ae-content p{
        padding: 15px;
    }
    .ae-title, .pie-title{
        font-size: 25px;
        line-height: 32px;
    }
    h2.ae-title:after{
        width: 25%;
    }
    .ae-box{
        padding: 0px;
    }
    .MBA-Banner{
        padding: 10% 2%;
    }
    .bg-space{
        padding: 0 !important;
    }
    .SO-icons img{
        margin-bottom: 20px;
    }
    section.sec3_prog_boxx{
        border-radius: 70px 0px 0px 0px;
    }
}

@media screen and (min-width: 1280px){
    .table-box.col-lg-6{
        margin: 30px auto;
        flex: 0 0 45%;    
    }
    .ap-img{
        text-align: center;
    }
    .selection-procedure .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;
        align-items: flex-end;
    }
    .sec3_prog_box{ padding:20px 25px; display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;}
    .sec3_prog_box:last-child{
        align-items: flex-end;
        align-content: flex-end;
        padding: 0;
        margin: 0;
        flex-wrap: nowrap;
        justify-content: flex-end;
        text-align: center;
    }
    .prog-bg .row{
        justify-content: center;
    }
    .student-img{
        position: relative;
        top: 20px;
    }
}
 :root{
    --blue:#0a57d0;        /* active tab */
    --nav:#032a40;         /* inactive tab bg */
    --navText:#e6f1fb;
    --panel:#e8f0f9;       /* content panel bg */
    --card:#08314a;        /* icon circle bg (inactive) */
    --radius:10px;
    --shadow:0 4px 12px rgba(0,0,0,0.08);
      --bg-dark: #141b47;
    --text-light: #ffffff;
    --text-muted: #cfd9e0;
    --yellow: #fbc800;
  }

.container{max-width:1200px;margin:28px auto;padding:0 16px;}

  /* Tabs bar */
  .tabbar{
    display:grid;
    grid-template-columns: repeat(7,1fr);
    gap:0;
    border-radius:var(--radius);
    overflow:hidden;
  }
  .tab{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:22px 12px;
    background:#141b47;
    color:var(--navText);
    text-align:center;
    cursor:pointer;
    border:none;
    outline:none;
    transition:background .2s ease, box-shadow .2s ease;
     border-right: 2px solid #ddd; 
  }
  .tab:focus-visible{box-shadow:0 0 0 3px #9cc6ff inset;}
  .tab svg{
    width:44px;height:44px;
    background:var(--card);
    border-radius:12px;
    padding:8px;
    display:block;
  }
  .tab .label{font-size:20px;font-weight:600;line-height:1.2;}

  .tab.active{
    background:#cc0000;
  }
  .tab.active svg{background:#141b47
;}

  /* Panel */
  .panel{
    background:var(--panel);
    /* margin-top:18px; */
    /* border-radius:12px; */
    padding:32px;
    line-height:1.6;
  }
  .panel p{margin:0 0 14px;}

  /* Responsive */
  @media (max-width: 992px){
    .tabbar{grid-template-columns: repeat(3,1fr)}
    .tab{padding:18px 10px}
  }
  @media (max-width: 640px){
    .tabbar{grid-template-columns: repeat(2,1fr)}
    .tab svg{width:40px;height:40px}
    .tab .label{font-size:14px}
  }

   .infoSection {
    background: var(--bg-dark);
    color: var(--text-light);
    padding: 50px 0;
    position: relative;
  }



  .infoContainer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding: 0 20px;
  }

  .infoBox {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    position: relative;
  }

  /* Divider line */
  .infoBox:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    height: 100px;
    background: rgba(255, 255, 255, 0.4);
  }

  .iconBox {
    width: 40px;
    min-width: 40px;
  }

  .iconBox img {
    width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
  }

  .textBox h4 {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
  }

  .textBox p {
    margin: 4px 0;
    font-size: 20px;
    font-weight: 400;
    color: var(--text-muted);
    line-height: 1.5;
  }

  @media (max-width: 992px) {
    .infoContainer {
      flex-direction: column;
      gap: 30px;
    }
    .infoBox:not(:last-child)::after {
      display: none;
    }
  }
.recruiter-slider .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 10px;
  min-height: 1px;      /* 🧭 prevents collapse */
}

.recruiter-slider img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
  display: block;
}

.recruiter-slider .slick-track {
  display: flex !important;
  align-items: center;
}

@media (max-width: 768px) {
  .recruiter-slider img { max-height: 60px; }
}
@media (max-width: 576px) {
  .recruiter-slider img { max-height: 50px; }
}


/* Make [hidden] reliably hide */
[hidden] {
  display: none !important;
}

/* Inner specialisations tabs */
#panel-specialisations .spec-tablist {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}

/* Tab styling */
#panel-specialisations .spec-tab {
  border: 1px solid #ddd;
  background: #cc0000;
  padding: 14px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  transition: background .15s, border-color .15s;
  text-align: center;
  flex: 1 1 auto;
}

#panel-specialisations .spec-tab.is-active {
  background: #141b47;
  border-color: #cfcfcf;
  color: #fff;
}

#panel-specialisations .spec-panel {
  animation: fadeIn .2s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ✅ Mobile responsiveness: tabs stacked one below another */
@media (max-width: 768px) {
  #panel-specialisations .spec-tablist {
    flex-direction: column;   /* Stack tabs vertically */
    gap: 10px;
  }

  #panel-specialisations .spec-tab {
    width: 100%;              /* Full width */
    font-size: 14px;
    padding: 12px;
  }
}


/* make sure container can position arrows */
#stepslider, #stepslider-1, #stepslider-logo {
  position: relative;
}

/* force show arrows */
.slick-prev,
.slick-next {
  display: block !important;
  z-index: 5;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

.slick-prev:before,
.slick-next:before {
  content: '';  /* reset first */
}

.slick-prev:before {
  content: '\2039'; /* ‹ */
}

.slick-next:before {
  content: '\203A'; /* › */
}

.slick-prev:before,
.slick-next:before {
  font-size: 28px;
  line-height: 40px;
  color: #111;
  opacity: 1;
}

/* Position arrows */
.slick-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.slick-next {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

/* 📱 Mobile adjustments */
@media (max-width: 768px) {
  .slick-prev, .slick-next {
    width: 30px;
    height: 30px;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 20px;
    line-height: 30px;
  }
  .textBox h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}
.textBox p {
    margin: 4px 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted);
    line-height: 1.5;
}
}


/* Fix arrow positions for the second slider (rtl mode) */
#stepslider-1 .slick-prev.custom-arrow {
  left: 8px;
  right: auto;
}

#stepslider-1 .slick-next.custom-arrow {
  right: 8px;
  left: auto;
}


/* 📱 Hide arrows for #stepslider on mobile view */
@media (max-width: 768px) {
  #stepslider .slick-arrow.custom-arrow {
    display: none !important;
  }
}

/* Keep arrows visible for #stepslider-1 */
@media (max-width: 768px) {
  #stepslider-1 .slick-arrow.custom-arrow {
    display: flex !important;
  }
}