/* @import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('responsive.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Waterfall&display=swap'); */
html,
body {
    box-sizing: border-box;
    /* overflow-x: hidden; */
    width: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /* background:#f5f5f5; */
}

* {
    font-family: 'Inter', sans-serif;
}
.orange_color{
    color:#E75D2D;
}
.orange_back{
    background:#E75D2D;
}
.green_color{
    color:#3B8227;
}
.green_back{
    background:#3B8227;
}

/* banner section start  */

.banner_section{
    background:url('../../../default/images/frontend/banner_img.png');
    background-size:cover;
    background-position: center top;
    background-repeat: no-repeat;
    height:auto;
    padding:20px 0 30px;
}
.banner_section .banner_form{
    background:#fff;
    height:auto;
    margin-top:10%;
}
.banner_section .banner_content span {
    font-size: 40px;
    padding: 2px 10px;
    line-height: 56px;
    font-weight: 300;
}
@media (min-width:320px) and (max-width:480px){
    .banner_section .banner_content span{
        font-size:24px;
    line-height: 36px;
    }
}

/* banner section end  */

/* our rankings section start */

.our_rankings .rankings_box{
    background:#000;
    border-left:3px solid #E75D2D;
}
.our_rankings .rankings_box h3{
    color:#fff;
    font-weight:bold;
}
.our_rankings .rankings_box h5{
    color:#fff;
    font-weight:400;
}


/* our rankings section end  */

/* key highlights section start  */

    .key_highlights{
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 25%, rgba(37,37,37,1) 25%);
        padding:3% 0% 0% 0%;
    }
    .key_highlights h3{
        color:rgba(0, 0, 0, .6);
        font-weight:bold;
        font-size:25px;
    }
    .key_highlights h4{
        font-size:17px;
        color:#000;
    }
    .key_highlights hr{
        border-bottom:1px solid #000;
    }
    .key_highlights img.campus_img{
        box-shadow:0px 0px 30px rgba(0, 0, 0, .3);
    }
    .key_highlights p{
        color:#fff;
        font-size:20px;
        text-align:justify;
    }
    .key_highlights .orange_box{
        background:url('../../../default/images/frontend/box.png');
        background-size:40% 100%;
        background-position: left;
        background-repeat: no-repeat;
        height:auto;
        padding-bottom:5%;
        padding-left:10%;
    }
    .key_highlights .orange_box h1{
        padding-top:17%;
        padding-bottom:13%;
        color:#fff;
        font-weight:bold;
    }
    .key_highlights hr.hr2{
        border-bottom:1px solid #E75D2D;
    }
    .key_highlights h6 ,.key_highlights h5{
        color:rgba(255,255,255,0.6);
        padding-left:10%;
    }
    .key_highlights h6{
        font-size:55px;
    }
    .key_highlights .key_highlights_black_box{
        background:#000;
        padding:2% 0%;
    }
    .key_highlights .key_highlights_black_box h6{
        padding:4%;
        font-size:40px;
    }
    .key_highlights .key_highlights_black_box h6.black_box_heading{
        border-right:5px solid #E75D2D;
    }
    @media (min-width:320px) and (max-width:480px){
        .key_highlights{
            background: rgb(255,255,255);
            background: linear-gradient(180deg, rgba(255,255,255,1) 13%, rgba(37,37,37,1) 13%);
            padding:10% 0% 0% 0%;
        }
        .key_highlights p{
            color:#fff;
            font-size:13px;
            text-align:justify;
        }
        .key_highlights .orange_box{
            background:url('../../../default/images/frontend/box.png');
            background-size:60% 100%;
            background-position: left;
            background-repeat: no-repeat;
            height:auto;
            padding-bottom:5%;
            padding-left:10%;
        }
        .key_highlights .key_highlights_black_box h6.black_box_heading{
            border-bottom:5px solid #E75D2D;
            border-right:none;
        }
    }

/* key highlights section end */

/* programs section start  */

    .programs{
        background:#802506;
        padding:0% 0% 3% 0%;
    }
    .programs .approvals_div{
        padding:3%;
    }
    .programs .approvals_div h3{
        color:rgba(0, 0, 0, .6);
        font-weight:bold;
        font-size:18px;
    }
    .programs .approvals_div hr{
        border-bottom:1px solid #000;
    }
    .programs .program_div{
        margin-top:10%;
    }
    .programs .program_div h4{
        margin-top:8%;
        color:#fff;
    }
    .programs .program_div hr{
        border-bottom:1px solid rgba(255, 255, 255, .3);
    }
    .programs .program_div p{
        font-weight:500;
        color:#fff;
        font-size:13px;
    }
    @media (min-width:320px) and (max-width:480px){
        .programs .approvals_div{
            padding:10% 3% 5% 3%;
        }
    }

/* programs section end  */

/* our collaboration start */

    .our_collaboration{
        padding:3% 0%;
    }
    .our_collaboration h3{
        color:rgba(0, 0, 0, .6);
        font-weight:bold;
        font-size:25px;
    }
    .our_collaboration hr{
        border-bottom:1px solid #000;
    }
    @media (min-width:320px) and (max-width:480px){
        .our_collaboration{
            padding:10% 0%;
        }
    }

/* our collaboration end  */

/* testimonial section start  */

    .testimonial{
        background:#F6F6F8;
        padding:3% 0%;
    }
    .testimonial h1{
        color:#000;
        font-weight:bold;
    }
    .testimonial p{
        color:rgba(0, 0, 0, .6);
        font-weight:bold;
    }
    .testimonial .carousel-cell3 {
        width:16%;
        height: auto;
        max-height: 3000px;
        margin-right: 40px;
        margin-bottom: 30px;
        border-radius: 5px;
        padding-top: 30px;
        counter-increment: carousel-cell;
    }
    
    .testimonial .carousel-cell3 img {
        height: 100%;
        width: 100%;
        padding: 0px;
        border-radius:10px;
    }
    .testimonial .carousel-cell3 .test_card h2{
        color:#E75D2D;
        font-size:20px;
        font-weight:bold;
    }
    .testimonial .carousel-cell3 .test_card p{
        color:#000;
        font-size:12px;
    }
    .testimonial .carousel-cell3 .test_card p span{
        color:rgba(0, 0, 0, .6);
    }
    .testimonial .carousel-cell3 img.test_img{
        box-shadow:0px 0px 20px rgba(0, 0, 0, .3);
    }
    .testimonial .carousel3 .flickity-viewport {
        max-height: 3000px !important;
    }
    @media (min-width:320px) and (max-width:480px){
        .testimonial{
            background:#F6F6F8;
            padding:10% 0%;
        }
        .testimonial .carousel-cell3 {
            width:60%;
            height: auto;
            max-height: 3000px;
            margin-right: 10px;
            margin-bottom: 30px;
            border-radius: 5px;
            padding-top: 30px;
            counter-increment: carousel-cell;
        }
        .testimonial .carousel-cell3 img.test_img{
            box-shadow:0px 0px 20px rgba(0, 0, 0, .3);
            width:70%;
            height:auto;
        }
        .testimonial .carousel-cell3 .test_card h2{
            color:#E75D2D;
            font-size:20px;
            font-weight:bold;
        }
    }

/* testimonial section end  */

/* transform section start  */

.transform_section{
    background:#000;
    padding:5% 0%;
}
.transform_section h2{
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.transform_section  h4{
    color:#fff;
    font-weight:400;
    text-align:center;
}
@media (min-width:320px) and (max-width:480px){
    .transform_section{
        background:#000;
        padding:10% 0%;
    }
    .transform_section h2{
        font-size:25px;
    }
    .transform_section  h4{
        font-size:20px;
    }
}

/* transform section end  */

/* recruiters section start  */

.recruiters {
    padding: 4% 0%;
}
.recruiters h3{
    color:rgba(0, 0, 0, .6);
    font-weight:bold;
    font-size:25px;
}
.recruiters hr{
    border-bottom:1px solid #000;
}

.recruiters h4 {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
}

.recruiters .carousel-cell3 {
    width: 15%;
    height: auto;
    max-height: 900px;
    margin-right: 40px;
    margin-bottom: 30px;
    border-radius: 5px;
    padding: 0px;
    counter-increment: carousel-cell;
}

.recruiters .carousel-cell3 img {
    height: 100%;
    width: 100%;
    padding: 0px;
    /* margin: 20px; */
    /* box-shadow:5px 10px 15px rgba(0, 0, 0, 0.4); */
}

.recruiters .carousel3 .flickity-viewport {
    height: 100px !important;
}

@media (min-width:320px) and (max-width:480px) {
    .recruiters {
        padding: 10% 0% 5% 0%;
    }
    .recruiters .carousel-cell3 {
        width: 40%;
        height: auto;
        max-height: 600px;
        margin-right: 40px;
        margin-bottom: 10px;
        border-radius: 5px;
        padding: 0px;
        counter-increment: carousel-cell;
    }
}

/* recruiters section end  */

/* footer section start  */

    .footer{
        background:#000;
        padding:3% 0% 0% 0%;
    }
    .footer p{
        font-size:13px;
        color:rgba(255,255,255,0.6);
    }
    .footer hr{
        border-bottom:1px solid rgba(255, 255, 255, .3);
    }
    .footer h6{
        color:#fff;
    }
    .footer h6 span{
        color:rgba(255, 255, 255, .6);
    }
    @media (min-width:320px) and (max-width:480px){
        .footer{
            background:#000;
            padding:10% 0% 0% 0%;
        }
    }

/* footer section end  */

.form-panel {
    background: #fff;
    padding: 30px 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    min-height: 370px;
    color: #000;
    border-radius: 0px;
    /* border-right: 10px solid #fff; */
}

.form-panel .register-panel {
    margin-top: 20px;
}

.form-panel .line {
    position: relative;
    height: 2px;
    background: rgba(255, 255, 255, .3);
}

.form-panel .line:before {
    position: absolute;
    left: 0;
    width: 20%;
    height: 100%;
    background: #f8a125;
    content: '';
}

.form-panel h4 {
    font-weight: 700;
}

.form-panel h5 {
    font-size: 12px;
    color: #fff;
}

.form-panel a {
    display: inherit;
    color: #fff;
}

.form-panel a:hover {
    color: #ffc107;
}

.form-panel .form-control {
    height: calc(1em + 0.5rem + 2px) !important;
    padding: .100rem .75rem !important;
}


.form-panel .form-group {
    margin-bottom: 0.5rem;
}

label {
    font-size: 12px;
}


/* call button start  */

.CallButton {
    position: fixed;
    bottom: 70px;
    z-index: 2200000;
    right: 16px;
    box-shadow: 0 0 10px #ddd;
    /* background-color: var(--whiteColor); */
    background: #3B8227;
    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  */

.banner_form_sec input,
.banner_form_sec select {
    min-height: 40px !important;
}
.banner_form_sec input[type=button] {
    border-radius: 0.25rem;
}

.phonewithcountrycode .select2-container--default .select2-selection--single {
    height: 40px !important;
    border-radius: 5px 0 0px 5px !important;
}
.phonewithcountrycode .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.5 !important;
}
.phonewithcountrycode .phonenumber {
    border-radius: 0 5px 5px 0 !important;
}


