html,body{
    box-sizing: border-box;
    /* overflow-x:hidden; */
    width:100%;
    margin: 0;
    padding: 0;
}
*{
    font-family: 'Montserrat';
}

.red_color{
    color:#7D1416;
}
.red_background{
    background:#7D1416;
}
.green_color{
    color:#034A22;
}
.green_background{
    background:#034A22;
}

/* navbar section start  */

    .navbar_section .navbar .navbar-brand img{
        width: 250px;
        height:75px;
    }
    .navbar_section .navbar .nav-item .nav-link{
        margin:auto 20px;
        font-size:14px;
        font-weight:500;
        color:#000;
    }
    .navbar_section .navbar .nav-item.active .nav-link{
        font-weight:700;
    }
    @media (min-width:320px) and (max-width:480px){
        .navbar_section .navbar .navbar-brand img{
            width: 250px;
            height:65px;
        }
    }
/* navbar section end  */

/* banner section start  */

    .banner_section .banerForm{
        height: 90%;
        margin-top:4%;
        box-shadow:0px 0px 20px rgba(0,0,0,0.3);
        margin-top:4%;
        background:#7D1416;
    }

/* banner section end  */

/* key highlights section start  */

.keyHighlights .keyhighlightsContentDiv{
   background:#034A22;
}
.keyHighlights .keyhighlightsContentDiv2{
    background:#7D1416;
}
.keyHighlights .keyhighlightsContentDiv3{
    background:#AA0000;
}
.keyHighlights .keyHigh_div1{
    background:url('../../../images/bahra_theme/keyHighlight_back.png');
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
    height:auto;
}
.keyHighlights .keyHigh_div2{
    background:url('../../../images/bahra_theme/key_img1.png');
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
    height:auto;
}
.keyHighlights .keyHigh_div3{
    background:url('../../../images/bahra_theme/key_img2.png');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:auto;
}
.keyHighlights .keyhighlightsContentDiv h2,.keyHighlights .keyhighlightsContentDiv2 h2,.keyHighlights .keyhighlightsContentDiv3 h2{
    color:#fff;
    font-size:40px;
    font-weight:700;
}
.keyHighlights .keyhighlightsContentDiv h3,.keyHighlights .keyhighlightsContentDiv2 h3,.keyHighlights .keyhighlightsContentDiv3 h3{
    color:rgba(255, 255, 255, 0.3);
    font-size:30px;
}
.keyHighlights .keyhighlightsContentDiv h4{
    color:rgba(255, 255, 255, 0.3);
    font-size:30px;
}
.keyHighlights .keyhighlightsContentDiv h3 b,.keyHighlights .keyhighlightsContentDiv2 h3 b{
    color:rgba(255, 255, 255, 0.6);
}

@media (min-width:320px) and (max-width:480px){
    .keyHighlights .keyHigh_div3{
        height:30vh;
    }
    .keyHighlights .keyHigh_div2{
        height:30vh;
    }
    .keyHighlights .keyHigh_div1{
        height:50vh;
        background-size:cover;
        background-position:center top;
    }
    .keyHighlights .keyhighlightsContentDiv{
        text-align:center;
        height:auto;
    }
    .keyHighlights .keyhighlightsContentDiv h3{
        font-size:25px;
    }
    .keyHighlights .keyhighlightsContentDiv h4{
        font-size:20px;
    }
    .keyHighlights .keyhighlightsContentDiv2{
        text-align:center;
    }
    .keyHighlights .keyhighlightsContentDiv2 h3{
        font-size:20px;
    }
    .keyHighlights .keyhighlightsContentDiv3{
        height:auto;
    }
    .keyHighlights .keyhighlightsContentDiv3 h3{
        font-size:27px;
    }
}

/* key highlights section end  */

/* certificate section start  */

    .certificate_section{
        padding:3% 0% 2% 0%;
    }
    .certificate_section img{
        height:130px;
        width: 130px;
    }
    .certificate_section h6{
        margin-top:7%;
        font-size:18px;
    }
    .certificate_section h6 span{
        color:#7D1416;
        font-weight:700;
    }
    .certificate_section img.horizontal_line{
        width:100%;
        height: 10px;
        margin-top:7%;
    }

/* certificate section end  */

/* about university section start  */

    .about_university{
        background:url('../../../images/bahra_theme/about_back2.jpg');
        background-size:100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        padding:7% 0% 5% 0%;
    }
    .about_university .about_bahra{
        background:#fff;
        height:auto;
        padding:4% 6%;
    }
    .about_university .about_bahra img{
        width:100%;
        height: 10px;
    }
    .about_university .about_bahra h2{
        color:#000;
        font-weight:800;
        font-size:35px;
    }
    .about_university .about_bahra h2 span{
        color:#7D1416;
        font-weight:800;
    }
    .about_university .about_bahra p{
        text-align:justify;
        font-size:14px;
    }

    @media screen and (max-width:767px){
        .about_university{
            background:url('../../../images/bahra_theme/about_back2.jpg');
            background-size:100% 45%;
            background-position:top;
            background-repeat: no-repeat;
            padding:50% 0% 5% 0%;
        }
        .about_university .about_bahra{
            box-shadow:0px 0px 20px #000;
        }
        .about_university .about_bahra h2{
            font-size:25px;
        }
        .about_university .about_bahra p{
            font-size:12px;
        }
    }

/* about university section end  */

/* rewarding career section start  */

    .rewarding_career{
        padding:5% 0%;
    }
    .rewarding_career h2{
        font-size:55px;
        font-weight:800;
        color:#7D1416;
    }
    .rewarding_career h2 span{
        color:#034A22;
    }
    .rewarding_career p{
        font-size:23px;
    }
    .rewarding_career img{
        margin-top:-20%;
    }
    .rewarding_career button{
        background:#7D1416;
        font-weight: 600;
        color:#fff;
        padding:1% 10%;
    }
    @media screen and (max-width:767px){
        .rewarding_career{
            padding:0% 0% 5% 0%;
        }
        .rewarding_career h2{
            font-size:30px;
        }
        .rewarding_career h3{
            font-size:20px;
        }
        .rewarding_career p{
            font-size:11px;
        }
        .rewarding_career img{
            margin-top:-30%;
        }
        .rewarding_career button{
            width: 100%;
        }
    }

/* rewarding career section end  */

/* programmes section start  */

    .programs_offered{
        padding-bottom:3%;
    }
    .programs_offered h2{
        font-size:50px;
    }
    .programs_offered h2 span{
        color:#7D1416;
        font-weight: 800;
    }
    .programs_offered .nav .nav-link{
        background:transparent;
        color:#312f2f;
        font-weight:700;
        border-bottom:1px solid rgba(0,0,0,0.2);
        border-radius:0px;
        padding-bottom:4%;
        padding-top:4%;
    }
    .programs_offered .nav .nav-link.active{
        background:#7D1416;
        border-radius:0px;
        color:#fff;
    }
    .programs_offered .tab-content .tab-pane{
        background: linear-gradient(116.03deg, #530601 -2.74%, #DD2316 132.37%);
        padding:4%;
    }
    .programs_offered .tab-content .tab-pane h3{
        color:#fff;
        font-weight:700;
    }
    .programs_offered .tab-content .tab-pane hr{
        border:2px solid #fff;
    }
    .programs_offered .tab-content .tab-pane .program_content{
        background:#fff;
        padding:4%;
    }
    .programs_offered .tab-content .tab-pane .program_content h4{
        color:#000;
        font-weight: 700;
        font-size:25px;
    }
    .programs_offered .tab-content .tab-pane .program_content p{
        color:#000;
        font-weight: 500;
        font-size:14px;
        margin-top:-3%;
        line-height: 19px;
    }
    .programs_offered .tab-content .tab-pane .program_content h6.specialisation_heading{
        color:#000;
        font-weight: 700;
        font-size:15px;
        margin-top:-3%;
    }
    .programs_offered .tab-content .tab-pane .program_content h6.eligibility{
        color:#7D1416;
        font-weight: 600;
        margin-top:6%;
    }
    .programs_offered .tab-content .tab-pane .program_content hr{
        border-top:1px solid rgba(0,0,0,0.4);
    }
    @media screen and (max-width:767px){
        .programs_offered .tab-content .tab-pane .program_content h6.specialisation_heading{
            font-size:13px;
        }
        .programs_offered .tab-content .tab-pane .program_content h4{
            font-size:22px;
        }
        .programs_offered h2{
            font-size:30px;
        }
        .programs_offered .tab-content .tab-pane h3{
            color:#fff;
            font-weight:700;
            font-size:16px;
        }
        .programs_offered .tab-content .tab-pane{
            padding:4%;
        }
        .programs_offered{
            padding:10% 0%;
        }
        .programs_offered .nav .nav-link{
            padding-bottom:3%;
            padding-top:3%;
            font-size:13px;
        }
    }

/* programmes section end  */

/* we are commited section start  */

    .we_commited{
        background: linear-gradient(180deg, #03401D 0%, #006E36 100%);
        height:auto;
        padding:0% 0% 0% 0%;
    }
    .we_commited hr{
        border:5px solid rgba(255, 255, 255, 0.7);
        width:30%;
    }
    .we_commited h3{
        color:rgba(255, 255, 255, 0.5);
    }
    .we_commited h2{
        font-size:6em;
    }
    .we_commited button{
        background:#7D1416;
        color:#fff;
        font-size:25px;
        padding:1% 20%;
        font-weight:bold;
    }
    .we_commited img{
        height:96%;
        width:60%;
    }

    @media screen and (max-width:767px){
        .we_commited h2{
            font-size:2em;
        }
        .we_commited h3{
            font-size:13px;
        }
        .we_commited img{
            height:93%;
            width:78%;
        }
        .we_commited button{
            font-size:15px;
            padding:1% 18%;
        }
    }

/* we are commited section end  */

/* scholarship section start  */

    .scholarship{
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(125,20,22,1) 60%);
        height:auto;
        padding:4% 0%;
    }
    .scholarship h2{
        color:#7D1416;
        font-size:55px;
        font-weight:bold;
    }
    .scholarship hr{
        border:1px solid rgba(0,0,0,0.2);
        width:45%;
    }
    .scholarship .scholarship_inner{
        background:#f5f5f5;
        height:45em;
        margin-top:5%;
        box-shadow:0px 0px 20px rgba(0,0,0,0.2);
        border-radius:10px;
        padding:4% 5%;
        margin-left:5%;
        margin-right:5%;
    }
    .scholarship .scholarship_inner hr{
        width:100%;
        border:1px solid #7D1416;
        margin-bottom: 2%;
    }
    
    @media (min-width:320px) and (max-width:480px){
        .scholarship h2{
            font-size:25px;
        }
        .scholarship .scholarship_inner h5{
            font-size:17px;
        }
        .scholarship .scholarship_inner p{
            font-size:12px;
        }
        .scholarship .scholarship_inner p b{
            font-size:13px;
        }
    }

    @media screen and (max-width:767px){
         .carousel-cell2 {
            width: 100%;
            height: auto;
            margin-right: 30px;
            border-radius: 10px;
            /* padding:5px; */
            counter-increment: carousel-cell;
        }
        .scholarship .scholarship_inner{
            height:auto;
            border-radius:10px;
        }
        .scholarship{
            padding-bottom:8%;
        }
    }
 
/* scholarship section end  */

/* recruiters section start  */

    .recruiters{
        padding:4% 0%;
    }
    .recruiters h2{
        font-size:55px;
        color:#03401D;
        font-weight:bold;
    }
    .recruiters hr{
        border:5px solid #7D1416;
        width:20%;
    }
    .recruiters img{
        box-shadow:0px 0px 15px rgba(0,0,0,0.5);
        border-radius:10px;
        margin-bottom:20%;
        height: 110px;
        width: 100%;
    }
    .recruiters button{
        background:#7D1416;
        color:#fff;
        font-weight:bold;
        font-size:23px;
    }
    @media (min-width:320px) and (max-width:480px){
        .recruiters .carousel-cell2 {
            width: 80%;
            height: auto;
            margin-right: 30px;
            border-radius: 10px;
            padding:5px;
            counter-increment: carousel-cell;
        }
        .recruiters{
            padding:10% 0%;
        }
        .recruiters h2{
            font-size:30px;
            color:#03401D;
            font-weight:bold;
        }
    }

/* recruiters section end  */

/* footer section start  */

    .footer_section{
        background: rgb(125,20,22);
        background: linear-gradient(180deg, rgba(125,20,22,1) 20%, rgba(0,0,0,1) 20%);
        padding:4% 0% 0% 0%;
    }
    .footer_section h3{
        font-weight: 600;
    }
    .footer_section p{
        font-size:13px;
    }
    .footer_section h6{
        font-size:14px;
    }
    .footer_section hr{
        border-top:1px solid rgba(255, 255, 255, 0.3);
    }
    .footer_section h5{
        color:#fff;
        font-size:17px;
    }
    .footer_section a{
        text-decoration: none;
        color:rgba(255, 255, 255, 0.5);
        font-size:25px;
        font-weight: bold;
    }
    .footer_section hr.red_hr{
        border:5px solid #7D1416;
        margin-top:3%;
        width:80%;
    }
    @media screen and (max-width:767px){
        .footer_section{
            background: rgb(125,20,22);
            background: linear-gradient(180deg, rgba(125,20,22,1) 15%, rgba(0,0,0,1) 15%);
            padding:24% 0% 0% 0%;
        }
    }

/* footer section end  */


  .banner_main_form{
    box-shadow:0px 0px 20px rgba(0,0,0,0.3);
  }
    .banner_text h1 {
        font-size: 40px;
        font-weight: 900;
        color: #fff;
    }
    .banner_text img {
        height: 200px;
        width: 200px;
        border-radius:20px;
    }
  @media (min-width:320px) and (max-width:480px){
    .banner_text h1{
        font-size:30px;
        font-weight:900;
        text-align:center ;
    }
    .counter-section{
        padding: 20px 0px;
    }
  }
  .banner_main_form 
  .banner_otp_sec {
      padding: 25px;
      width: 100%;
      border-radius: 0 10px 10px 0;
      height: 100%;
      /*float: right;*/
  }
  .banner_otp_form_sec {
      width: 100%;
  }
  .banner_otp_form_sec .form_title {
      color: #fff;
      margin: 0 0 5px;
  }
  .banner_otp_form_sec h4 {
      font-size: 16px;
      text-align: center;
      margin: 0 0 30px;
  }
  .banner_form_sec label {
      font-size: 14px;
      font-weight: 500;
      color: #232323;
      margin: 0;
      line-height: 18px;
  }
  .otp_form_btn {
      padding: 0.313rem 0.6rem;
      z-index: 99;
      font-size: 13px;
      border-color: #e2b152 !important;
      color: #fff !important;
      background-color: #e2b152 !important;
      margin-top: 5px;
  }
  .banner_main_form .register-panel form input.form-control{
    outline:1px solid rgba(0,0,0,0.2) !important;
  }

  
  .login-panel{
      display: block;
  }
  .form_title {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
    text-transform: uppercase;
}
#banner_form label{
    font-size:11px;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    font-size: 14px;
}
#banner_form .form-group{
    margin-top:-1%;
} 
select.form-control:not([size]):not([multiple]) {
    height: calc(1.75rem + 2px);
    font-size: 13px;
}
.banner_main_form .register-panel form input.form-control {
    outline: 1px solid rgba(0,0,0,0.2) !important;
    height: calc(1.75rem + 2px);
    font-size: 13px;
}
.form-group p{
    font-size: 13px;
    font-weight: bold;
}
input[type="text"], input[type="email"], input[type="number"] {
    background-color : #fff;
    border: 0px;
    border-radius: 0px;
}


/* call button start  */

.CallButton {
    position: fixed;
    bottom: 90px;
    z-index: 2200000;
    right: 16px;
    box-shadow: 0 0 10px #ddd;
    /* background-color: var(--whiteColor); */
    background:#CE0004;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}
.CallButton a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color:#fff;
}
.CallButton a:hover{
    text-decoration: none;
    color:#fff;
}

/* call now button end  */


/* Apply Now button start  */

.applyNowButton {
    position: fixed;
    bottom: 200px;
    z-index: 2200000;
    right: -3%;
    box-shadow: 0 0 10px #ddd;
    /* background-color: var(--whiteColor); */
    /* background:#000; */
    border-radius: 5% 5% 0% 0%;
    width: 110px;
    height: 40px;
    transform: rotate(270deg);
}
.applyNowButton a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color:#000;
}
.applyNowButton a h5{
    font-size: 14px;
    font-weight:700;
}
.applyNowButton a:hover{
    text-decoration: none;
    color:#000;
}
.applyNowButton a img{
    max-width:90%;
}

@media (min-width:320px) and (max-width:480px){
    .applyNowButton {
        position: fixed;
        bottom: 200px;
        z-index: 2200000;
        right: -10%;
        box-shadow: 0 0 10px #ddd;
        /* background-color: var(--whiteColor); */
        background:#000;
        border-radius: 5% 5% 0% 0%;
        width: 110px;
        height: 40px;
        transform: rotate(270deg);
    }
}

/* Apply Now  button end  */