@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

:hover {
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
}

html {
    scroll-behavior: smooth;
}

/* menu */

body {
    font-family: "Raleway", sans-serif;
    /* font-family: "Roboto Flex", sans-serif; */
}

/*** Header css Start ***/
.fixed-top {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #fff;
}

/*** Header css end ***/

/* form section css start */
.banner_form {
    padding: 3px;
    position: absolute;
    top: 10rem;
    right: 5%;
    z-index: 999;
    border-radius: 16px;
    width: 20%;
    background-color: white;
}

/* form section css End */

/* common css part */
.custom-fluid {
    padding: 0rem 4rem !important;
}


/* header section css start */
.custom-button {
    background: linear-gradient(180deg, #EE202D 0%, #88121A 100%);
    color: #fff;
    padding: 0.3rem 1rem;
    border: none;
    border-radius: 0.3rem;
    font-weight: 800;
}

.navbar {
    border-bottom: 1px solid #e0e0e0;
}

/* header section css End */

/* banner section css Start */
.banner {
    position: relative;
    margin-top:10rem;
    padding-bottom:3rem;
}


.blue {
    background: linear-gradient(180deg, #0D60B8 0%, #083E77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: "Roboto Flex", sans-serif;
    text-transform: uppercase;
    /* Ensures the gradient is applied correctly */
}

.pos-setting {
    position: relative;
    width: 80%;
}

.form-set {
    backdrop-filter: blur(80px);
   background:#fffbfb;
    /* background: radial-gradient(84.68% 135.12% at 15.32% 21.04%, rgba(165, 175, 255, 0.2) 0%, rgba(114, 151, 219, 0.084) 46%, rgba(236, 147, 147, 0.2) 100%); */
}

.form-label {
    background: linear-gradient(180deg, #EE202D 0%, #88121A 135%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 600;
}

.form-container {
    padding: 2rem;
    height:20rem;
}

.custom-gap {
    gap: 6rem;
    flex-direction: row-reverse;
}

.banner h1 {
    font-size: 3.5rem;
}

.banner h2 {
    font-size: 2.5rem;
}

.set_text {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 0.6rem 2.5rem;
    border-radius: 2.5rem;
    position: relative;
    top: 2rem;
    z-index: 1;
    font-size:1.5rem;
}

.w-custom {
    position: relative;
    height: 35rem;
    /* Full height for proper alignment */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video-container {
    position: relative;
    width: 100%;
    height: 35rem;
    /* Important: makes sure the container is full height */
    overflow: hidden;
}

.banner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 38rem;
    object-fit: cover;
    /* Crops the video to fill the area */
    transform: translate(-50%, -50%);
    /* Centers the video */
}
.institude{
    padding-top:3rem;
    padding-bottom:3rem;
}

/* banner section css End */

/* time_table section css start */
.bg_blue {
    background: linear-gradient(180deg, #0D60B8 0%, #083E77 100%);
}

.time_table h4 {
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 0%;
    /* font-variant: small-caps; */

}

.border-right-custom {
    border-right: 2px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 52.5%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch;
}

.pr4 {
    padding-right: 2rem;
}

/* time_table section css End */

/* institude section css start */
.red {
    background: linear-gradient(180deg, #EE202D 0%, #88121A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 700;
    font-size: 3rem;

}

/* institude section css End */

/* opportunity section css start  */
.opportunity {
    background-image: url(../images/opportunity/Thank.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.heighlight{
    padding-top:3rem;
    padding-bottom:3rem;
}

.opportunity h1 {
    font-weight: 600;
    font-size: 3.8rem;
    line-height: 5rem;
    /* font-style: italic; */

}

.opportunity .custom-button {
    /* background-color: red; */
    color: white;
    border-radius: 0.3rem;
    padding: 0.7rem 3rem;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 1rem;
    background: linear-gradient(180deg, #EE202D 0%, #88121A 100%);
}

.w-80set {
    width: 35%;
}

/* opportunity section css End  */

/* carrer section css start */
.pd-set {
    padding: 1rem 2rem;
}

.career h5 {
    text-transform: uppercase;
    font-weight: 400;
}

/* carrer section css End */

/* admission section css start */
.admission {
    background: #000;
}

.custom-cardset {
    padding: 0rem 1rem;
    background: #FFFFFF26;
    border-radius: 2rem;
    text-align: center;
}

.gpset {
    gap: 1.5rem;
}

/* admission section css End */

/* admissions fair section css start */
.embed-responsive.embed-responsive-16by9 {
    height: 50rem;
}

/* admission fair section css End */

/* Choosing section start */
.Choosing {
    background-image: url(../images/choosing/confused.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.Choosing{
    margin-top:3rem;
    padding-top:3rem;
}

.box {
    padding: 2rem;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgb(158 158 158 / 10%);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: radial-gradient(84.68% 135.12% at 15.32% 21.04%, rgba(165, 175, 255, 0.2) 0%, rgba(114, 151, 219, 0.084) 46%, rgba(236, 147, 147, 0.2) 100%);
    display: inline-block;
}

.custom-widset1 {
    position: absolute;
    right: 1rem;
    bottom: 0rem;
}

.w-set40 {
    width: 60%;
}

.w-set15 {
    width: 15%;
    position:relative;
    top: -2rem;
    left: 2rem;
}

.w-set151 {
    width: 15%;
    position:relative;
    top: -2rem;
    right: 2rem;

}

.Choosing {
    position: relative;
}

/* Choosing section End */

/* Discover section css Start */
.red1 {
    color: #88121A;
    font-weight:800;
    font-size: 3rem;
}
.red11{
 color:#EE202D;
 font-weight:800;
 font-size: 3rem;
}
.custom-alignment{
    align-items: end;
}

/* Discover section css End */

/* register section css start */
.register{
    /* background-image: url(../images/register/Register.webp); */
    background-repeat: no-repeat;
    background-size: cover;
    /* height: -webkit-fill-available; */
    position: relative;
    
}
.fnt-3{
    font-size:3rem;
}

.pd-set1 {
    position: absolute;
    top: 3rem;
    width: 95%;
    display: inline-block;

}
.hight-set{
    height:18rem!important;
}

.custom-setting{
    margin: 1rem;
    width: 35%;
    padding: 1rem;
}
/* register section css End */

/* thank you section css start */
.thankyou-banners{
    background-image: url(../images/thankyou/thankyou_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.d-desk{
    display: block;
}
.d-mob{
    display: none;
}
.thankyou-banners .custom-button{
    width:96%;
}

.custom-width{
    width:50%;
    text-align: center;
}

.margin-settop{
    margin-top:4rem;
}

.copyright{
    background:#171A67;
}

.rd{
    /* color:#EE202D; */
    font-weight:800;
    font-size:1.3rem;
}

.ft_pb a{
    color:#000;
}

.fnt-w{
    font-weight:400;
}

.d-mob1{
    display: none;
}

.setw-70
{
    width:60%;
}

.institude .owl-carousel .owl-item img {
    display: block;
    width: auto;
}

/* thank you section css End */