*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    line-height: 1.75;

    scroll-padding-top: 6rem;
    overflow-x: hidden;
}

html {
    line-height: 1.75;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    overflow-x: hidden;
    scroll-padding-top: 8rem;
}

:root {
    --white: #ffffff;
    --black: #000000;
    --orange: #4D0441;
    --blue: #5774B8;
    --red: #CB542A;
    --yellow: #FFD200;
    /* --yellow: #DEA968; */
    --green: #459264;
    --gray: #64808B;
    --admissionopen: #2A2227;

}

.montbold {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.montregular {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.montmedium {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.logo {
    height: 4rem;
    transition: .3s;
    filter: brightness(0) invert(1);
}

.lines .line {
    height: .75rem;
    width: 6rem;
}

.lines .line:nth-child(1) {
    background-color: var(--blue);
}

.lines .line:nth-child(2) {
    background-color: var(--red);
}

.lines .line:nth-child(3) {
    background-color: var(--yellow);
}

.lines .line:nth-child(4) {
    background-color: var(--green);
}

.lines .line:nth-child(5) {
    background-color: var(--gray);
}

header {
    /* height: 7rem; */
    background: linear-gradient(180deg, #2A2227, transparent);
    z-index: 9999999999;
    position: relative;
}


.banner {
    /* background-image: url("../img/Group\ 2.webp"); */
    /*background-image: url("../img/EDSC_4621-Copy.webp");*/
    background-image: url("../img/banner-img.webp");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-top: -7rem; */
    padding-top: 10rem;
}

.contact_form .form-control,
.contact_form .form-select {
    border-radius: 0;
    border: 0;
    background-color: var(--black);
    border-bottom: .0625rem solid var(--white);
}

.contact_form .form-control,
.contact_form .form-select,
.contact_form .form-select::placeholder,
.contact_form .form-control::placeholder {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;

    color: var(--white);

}

.contact_form .form-select option {
    color: var(--white);
}

.contact_form .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.contact_form {
    background-color: var(--black);
}

.contact_form .form-select:focus,
.contact_form .form-control:focus {
    border-color: var(--black);
    box-shadow: none;
}

.bannerlink {
    letter-spacing: .0625rem;
}

.bannerlink,
a {
    text-decoration: none;
}

.bannerlinkbox::before {
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 0;
    content: '';
    background-color: var(--orange);
}

.bannerlinkbox::after {
    position: absolute;
    height: .09rem;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: '';
    background-color: var(--yellow);
}

.bannerlinkbox a {
    background-color: var(--orange);
    z-index: 1;
    color: var(--yellow);
}

@font-face {
    font-family: "aller_bold";
    src: url("../fonts/Aller_Std_Bd.woff2");
}

@font-face {
    font-family: "aller_regular";
    src: url("../fonts/Aller_Std_Rg.woff2");
}

.bold {
    font-family: "aller_bold";

}

p,
.regular {
    font-family: "aller_regular";

}

.btnyellow {
    font-family: "aller_regular" !important;

}


@media (min-width:768px) {
    .formbox {
        width: 80%;
        margin-bottom: -3rem;
    }
}

@media (min-width:992px) {
    .formbox {
        width: 70%;
    }
}



.cust_red_btn {
    background-color: var(--blue) !important;
    color: var(--white) !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500;


}

/* .cust_red_btn:hover {
    background-color: var(--orange) !important;
} */

.bg_blue {
    background-color: var(--blue);
}

.bg_red {
    background-color: var(--red);
}

.bg_yellow {
    background-color: var(--yellow);
}

.bg_green {
    background-color: var(--green);
}

.bg_gray {
    background-color: var(--gray);
}

.bg_orange {
    background-color: var(--red);
}

.text_yellow {
    color: var(--yellow) !important;
}

.miniline {
    width: .125rem;
    height: 3.25rem;

}

section {
    padding: 4rem 0;
}

.swiper {
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    position: static !important;
    /* center se hata ke normal flow me */
    margin-top: 20px;
    /* logos aur dots ke beech gap */
    text-align: center;
}
 
/* .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.logolinespan {
    height: 3rem;
    width: 0.0625rem;
    background-color: var(--white);
}

@media (min-width:992px) {
    .logominimain img {
        height: 4rem;
    }

    .slider_boclogo {
        width: 120%;
    }
}

@media (min-width:1200px) {
    .logominimain img {
        height: 5rem;
    }
}

.logominibolxbtn {
    left: 50%;

    transform: translateX(-50%);
    bottom: -1.25rem;
}

.btn {
    font-size: 1.15rem !important;
}

.txtorange {
    color: var(--orange) !important;
}

.footlogo {
    height: 5rem;
}

.btn-dark {
    border: 0 !important;
}

.btn-dark {
    background-color: var(--black) !important;
}

/* .btn-dark:hover {
    background-color: var(--orange) !important;
} */

.card::before {
    position: absolute;
    height: 0.2rem;
    width: 0%;
    content: "";
    background-color: var(--blue);
    left: 0;
    transition: .6s;
    /* transform: scaleX(0); */
    transform-origin: left;
    top: 0;
}

.rowboxgreen .card::before {
    background-color: var(--green);
}

.rowboxorange .card::before {
    background-color: var(--orange);
}

.rowboxgray .card::before {
    background-color: var(--gray);
}

.rowboxyellow .card::before {
    background-color: var(--yellow);
}

.card:hover::before {
    width: 100%;
    transform-origin: left;

}

.card-content .cardcont {
    transition: .3s;

}

.card {
    transition: .3s;
}

.card:hover {
    /* transform: scale(1.05); */
}

.card-content .cardcont {
    transition: .8s;
    /* opacity: 0; */
    transform: translateY(5rem);
}

.card:hover .card-content .cardcont {
    /* transition: .3s; */

    /* opacity: 0; */
    transform: translateY(0rem);
}

/* .card-content {
    position: absolute;
    transition: .3s;
    bottom: calc(-100% + 5rem); 
    transition: .6s;
    z-index: 1;
    height: auto !important;

}

.card:hover .card-content {
    height: auto !important;  
    bottom: 0;
} */
.card {
    position: relative;
    overflow: hidden;
}

.card-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 2;
    transition: transform 0.6s cubic-bezier(.4, 0, .2, 1);
}

.card {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 0;
}


.cardblue:hover .cardhead {
    color: var(--blue);
}

.cardgreen:hover .cardhead {
    color: var(--green);
}

.cardorange:hover .cardhead {
    color: var(--red);
}

.cardgray:hover .cardhead {
    color: var(--gray);
}

.cardred:hover .cardhead {
    color: var(--red);
}

.stickybtn {
    top: 50%;
    transform: rotate(90deg) translateY(-50%);
    z-index: 99;
    right: -3rem;
    height: 3rem;
    width: 12rem;
}

.position-fixed .btn-dark {
    border-radius: 0 0 .25rem .25rem !important;
}

a {
    text-decoration: none !important;
}

.fboxes * {
    transition: .3s;
}

.fboxes:hover * {
    color: var(--orange) !important;
}

.filelogo {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    height: 1rem;
    z-index: 5;
}

.card:hover .filelogo {
    display: none;
}

@media (max-width:575px) {
    .fboxes .miniline {
        margin: auto;
    }

    .lines .line {
        height: .1rem;
        width: 6rem;
    }


}

@media (max-width:1200px) {

    .footlogo {
        height: 3.5rem;
    }
}


p.cardhead {
    /* height: 3rem; */
    transition: .3s;
}

.card:hover p.cardhead {
    height: auto;
    transition: .3s;
}

.bgcardblurlight {
    background-color: #688ADA;
    position: relative;
}

.bgcardgreenlight {
    background-color: #55B17A;
    position: relative;
}

.bgcardblurlight::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: -1rem;
    z-index: -1;
    left: 0;
    background-color: #688ADA;
}

.bgcardgreenlight::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: -1rem;
    z-index: -1;
    left: 0;
    background-color: #55B17A;
}

header {
    transition: .3s;
}

.scrolledheader {
    background: linear-gradient(180deg, transparent, transparent);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: var(--white);
}

.scrolledheader .logo {
    height: 3rem;
    filter: brightness(1) invert(0);
}

@media (min-width: 1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1500px !important;
    }

    html {
        /* font-size: calc(12px + (18 - 12) * ((100vw - 1200px) / (1920 - 1200))); */
    }
}

@media (min-width: 1921px) {


    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 80% !important;
    }

    .swiper-wrapper .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 93% !important;
    }

    html {
        font-size: calc(12px + (18 - 12) * ((100vw - 1200px) / (1920 - 1200)));
    }
}

@media (max-width:575px) {

    .logominimain .fs-5,
    .aboutcont_logocont * {
        font-size: 1rem !important;
    }

    .logominimain img {
        width: auto;
        height: 2rem;
    }
}


@media (min-width: 1700px) {
    .internship_banner {
        background-position: center calc(100% + 11rem);
    }
}

@media (max-width:991px) {
    .logolinespan {
        width: 3rem;
        height: 0.0625rem;
        background-color: var(--white);
    }

    .miniline {
        height: .125rem;
        width: 3.25rem;

    }
.voicedesktop  svg,
.discover_head svg,
    .slider button svg {
        --hw: 2rem;
        height: var(--hw);
        width: var(--hw);
    }

}

.video-wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
}

.video-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

 

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    background: transparent;
    transform: translate(-50%, -50%);
    font-size: 0;
    border: none;
    border-radius: 100rem;
    cursor: pointer;
}

.mySwiper img {
    height: auto;
    width: 100%;
}

.mySwiper .swiper-pagination {
    margin: auto;
}

.swiper-pagination-bullet-active {
    background-color: var(--gray) !important;
    height: 1.9rem;
    width: 1.9rem;
}

@media (max-width:575px) {
    .play-btn svg {
        height: 4rem;
        width: 5rem;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .card.cardblue {
        min-height: 100%;
    }

    .card-content {
        padding: 1rem !important;
    }

    .cardhead {
        font-size: 15px;
        line-height: 1.3;
    }

    .cardcont {
        font-size: 13px;
        line-height: 1.5;
    }
}

.swiper-pagination {

    transform: translateX(0%) !important;
}

@media (max-width:575px) {
    .fixedbtnheader {
        transform: scale(.75);
        transform-origin: top;
    }

}

p.cardhead {
    /* height: 3rem; */
    transition: .3s;
    font-weight: 600 !important;
    font-size: calc(1.1rem + 1px);
}

.btnyellow:hover,
.btnyellow {
    background-color: var(--yellow) !important;
    color: #404040 !important;
}

.slider_boclogo .swiper-pagination-bullet {
    background-color: #D9D9D9 !important;
}

.slider_boclogo .swiper-pagination-bullet-active {
    background-color: var(--yellow) !important;
}

.slider button:focus-within,
.slider button:active,
.slider button:focus-visible,
.slider button:focus {
    all: unset;
    box-shadow: none;
    border: 1px solid transparent !important;
}

.logo_slider {
    background: linear-gradient(90deg, B8B8B8, var(--white));
}
.minwidthcontent {
    min-width: fit-content;
}
.discover_box ,
.bg_darkp{
background-color: var(--orange);
}
.btn svg *,
.btn,
.swiper button{
    cursor: pointer !important;
}
.discover_head{
    border-bottom: .0625rem solid #790065;
}

.video-wrapper iframe{
    height: 100%;
    width: 100%;
    display: none;
}
@media (max-width:575px){
.adv_cont{
min-height:15rem !important;

}

}
@media (min-width:576px){
.adv_cont{
min-height:20rem !important;

}

}
@media (min-width:768px){
.adv_cont{
min-height:16rem !important;

}

}
@media (min-width:992px){
.adv_cont{
min-height:13rem !important;

}

}
@media (min-width:1200px){
.adv_cont{
min-height:15rem !important;

}

}
@media (max-width:767px){
    .banner{
            background-image: none;
    }
    .bannertxtsm{
        position: relative;
        
    }
    .bannertxtsm::before{
        position: absolute;
        height: 100%;
        width: 200%;
        transform: translateX(-50%);
        left: 50%;
        top: 0;        z-index: -1;
        content: "";
         background-color: #5774b8;
    }
    .headersm{
        background-color: #4d0441 !important;
    }
    .banner { 
    padding-top: 6.5rem;
}

.scrolledheader{
        background-color: #ffffff !important;
    }
}

@media (min-width: 1400px) {
    .adv_cont {
        min-height: 14rem !important;
    }
}
.btn:disabled{
        border-color: transparent !important;
}
.yt-banner iframe{
        aspect-ratio: 9 / 16;
    height: 100%;
        border-radius: 1rem;
}