.bannerSec {
    background: no-repeat right center;
    padding: 30px 0;
    background-size: cover
}

.bannerSec h1 {
    font-size: 46px;
    font-style: normal;
    font-weight: 300;
    color: #000
}

.bannerSec h1 span {
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

.bannerSec h1 span strong {
    font-weight: 700;
    color: #C5161D
}

.bannerSec h4 {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px
}

.bannerSec h4 strong {
    color: #C5161D
}

.bannerSec img {
    margin-bottom: 15px;
    max-width: 600px;
    width: 100%
}

.bannerSec h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    color: #C5161D
}

.bannerSec h2 {
    color: #C5161D;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 11px
}

.table {
    text-align: center;
    overflow-x: scroll
}

.admitcardbanner {
    background: url(../images/admit-card-banner-bg.webp) no-repeat top center;
    padding: 10% 0;
    background-size: cover
}

.admitcardbanner h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px
}

.admicardsec2 {
    padding: 60px 0 30px 0
}

.admicardsec2 h2 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 30px
}

.admicardsec2 ul {
    padding: 0 0 20px 20px
}

.admicardsec2 ul li {
    padding-bottom: 30px;
    border-bottom: 1px #D9D9D9 solid;
    margin-bottom: 30px;
    font-weight: 500
}

.admicardsec2 ul li:last-child {
    border-bottom: none
}

.TopRedBox {
    background: #C5161D;
    color: #fff;
    padding: 30px 30px !important
}

.TopRedBox ul {
    padding-bottom: 10px;
    max-width: 60% !important;
    display: inline-block;
    font-weight: 700
}

.TopRedBox ul li {
    border-bottom: none;
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 18px;
    list-style-type: disc;
    display: list-item
}

.BottomRight {
    padding-top: 60px
}

.TopRedBox p {
    font-weight: 700
}

.joincommunity {
    background: url(../images/admit-card-banner-bg.webp) no-repeat top center;
    padding: 10% 0;
    background-size: cover
}

.joincommunity h2 {
    font-size: 48px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 0
}

.communitysec2 {
    padding-top: 0
}

.communitysec2 h2 {
    padding-bottom: 20px;
    font-size: 28px
}

.communitysec3 {
    padding: 40px 0 0 0
}

.communitysec3 h2 {
    padding-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
    color: #C5161D
}

.communitysec3 h3 {
    padding-bottom: 0;
    font-size: 22px
}

.communitysec2 ul {
    max-width: 600px;
    padding: 0
}

.communitysec2 ul li {
    list-style-type: none;
    padding: 0 5px;
    margin: 0 0;
    display: inline-block
}

.communitysec2 i {
    font-size: 34px
}

.communitysec2 ul li a {
    color: #C5161D
}

.enquiry-form {
    padding: 0px !important
}

.sec2 {
    padding: 40px 0
}

.sec2Left img {
    margin-left: -15px
}

.sec2Right h2 {
    padding-top: 20%;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 15px;
    max-width: 80%
}

.sec2Right p {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    max-width: 80%
}

.sec3 {
    padding: 0
}

.sec3Left {
    background: url(../images/legacy-bg.webp) no-repeat right center;
    background-size: cover;
    padding: 162px 40px !important
}

.sec3Left h2 {
    font-size: 68px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff
}

.sec3Left p {
    color: #fff;
    font-size: 30px !important
}

.sec3Right {
    padding: 30px 0
}

.sec3RigthTop1 {
    padding-bottom: 25px
}

.sec3RigthTop1 h2 {
    font-size: 46px;
    font-style: normal;
    border-bottom: 4px #BA0019 solid;
    font-weight: 700;
    padding-top: 20px
}

.sec3RigthTop1 p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500
}

.sec3RigthTop2 h2 {
    font-size: 90px;
    color: #BA0019;
    font-style: normal;
    vertical-align: text-top;
    font-weight: 500
}

.sec3RigthTop2 p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500
}

.sec3RigthBot1 h2 {
    font-size: 90px;
    color: #BA0019;
    font-style: normal;
    border-bottom: none;
    font-weight: 500
}

.sec3RigthBot1 p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500
}

.sec3RigthBot2 h2 {
    font-size: 90px;
    color: #BA0019;
    font-style: normal;
    border-bottom: none;
    font-weight: 500
}

.sec3RigthBot2 p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500
}

.hrline img {
    height: 138px
}

.sec4 {
    padding: 0
}

.sec4Left {
    background: url(../images/sec4leftbg.webp) no-repeat bottom center;
    padding: 40px 60px 40px 60px !important;
    background-size: cover
}

.sec4Left h4 {
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    color: #fff
}

.sec4Left h2 {
    font-size: 82px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    padding-bottom: 20px
}

.sec4Left ul {
    padding: 0;
    margin: 0 0 40px 0
}

.sec4Left ul li {
    color: #fff;
    font-size: 19px;
    max-width: 47%;
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    padding: 10px 50px 10px 57px
}

.sec4Left ul:last-child li {
    background: #fff;
    border-radius: 30px;
    margin: 0 6px 15px 6px;
    padding: 0;
    width: 166px !important;
    text-align: center
}

.sec4Left ul:last-child li a {
    font-size: 18px;
    color: #C5161D;
    padding: 10px 0;
    display: block
}

.sec4Right {
    background: url(../images/sec4bgright.webp) no-repeat bottom center;
    padding: 100px 60px 100px 60px !important;
    background-size: cover
}

.sec4Right img {
    display: block;
    margin: 0 auto;
    max-width: 490px;
    margin-bottom: 10px;
    width: 100%
}

.sec4RightInstitute {
    background: url(../images/sec4bgright.webp) no-repeat bottom center;
    padding: 40px 30px !important;
    background-size: cover
}

.sec5 {
    padding: 60px 0 200px 0;
    background: url(../images/sec5bg.webp) no-repeat center center;
    background-size: cover
}

.sec5 h2 {
    font-size: 56px;
    padding-bottom: 40px;
    font-style: normal;
    text-align: center;
    font-weight: 600
}

.sec5Box a {
    border-radius: 25px;
    background: #4660CC;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 30px;
    margin-bottom: 20px;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / .25);
    transition: 0.3s ease-in-out
}

.sec5Box a:last-child {
    border-radius: 25px;
    background: #000;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 30px;
    margin-bottom: 20px
}

.sec5Box a:hover {
    border-radius: 25px;
    background: #C5161D;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 30px;
    margin-bottom: 20px
}

.sec5Box img {
    width: auto;
    display: block;
    margin: 0 auto 40px auto
}

.sec5Box {
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 40px;
    box-shadow: 0 0 54px 0 rgb(0 0 0 / .25);
    height: 24rem;
}

.sec6 {
    padding: 60px 0
}

.sec6 h2 {
    font-size: 56px;
    font-weight: 600;
    text-align: center;
    display: block
}

.registration_process {
    background: url(../images/home/registration_process.webp) no-repeat center center;
    background-size: inherit;
    padding: 0;
    margin-top: -20%
}

.Mainboxes {
    padding-top: 37%
}

.registration_process img {
    width: 90px;
    display: block;
    margin: 0 auto 20px auto
}

.rpBox1 {
    text-align: center;
    position: relative
}

.rpBox1 h3 {
    color: #3B55B0 !important;
    font-weight: 700
}

.rpBox1 p {
    color: #3B55B0 !important;
    font-weight: 500;
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.rpBox2 {
    text-align: center;
    position: relative
}

.rpBox2 h3 {
    color: #6C4EB2 !important;
    font-weight: 700
}

.rpBox2 p {
    color: #6C4EB2 !important;
    font-weight: 500;
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.rpBox3 {
    text-align: center;
    position: relative
}

.rpBox3 h3 {
    color: #83397C !important;
    font-weight: 700
}

.rpBox3 p {
    color: #83397C !important;
    font-weight: 500;
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.rpBox4 {
    text-align: center;
    position: relative
}

.rpBox4 h3 {
    color: #C5161D !important;
    font-weight: 700
}

.rpBox4 p {
    color: #C5161D !important;
    font-weight: 500;
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.step1 {
    left: 12%
}

.step2 {
    left: 16%
}

.step3 {
    left: 8%
}

.step4 {
    left: -8%
}

.sec7Alumni {
    padding: 40px 0
}

.sec7Alumni h2 {
    font-size: 48px;
    font-weight: 600;
    padding-bottom: 30px
}

.alumniBox {
    text-align: center
}

.alumniBox img {
    margin-bottom: 25px;
    box-shadow: 0 100px 80px 0 rgb(0 0 0 / .14), 0 41.778px 33.422px 0 rgb(0 0 0 / .1), 0 22.336px 17.869px 0 rgb(0 0 0 / .08), 0 12.522px 10.017px 0 rgb(0 0 0 / .07), 0 6.65px 5.32px 0 rgb(0 0 0 / .06), 0 2.767px 2.214px 0 rgb(0 0 0 / .04)
}

.alumniBox h4 {
    font-size: 24px;
    font-weight: 700
}

.sec8Left {
    padding: 120px 0 0 80px !important
}

.sec8Left h2 {
    font-size: 58px;
    font-weight: 600;
    margin-bottom: 50px
}

.sec8Left a {
    background: #C5161D;
    padding: 20px 40px;
    font-size: 22px;
    color: #fff;
    border-radius: 30px;
    font-weight: 700
}

.sec8Left a:hover {
    background: #000;
    color: #fff
}

.sec8Right {
    text-align: right
}

.sec8Right img {
    margin-right: -15px
}

.defence {
    padding: 60px 0
}

.defence h2 {
    padding-bottom: 15px;
    font-weight: 600;
    color: #C5161D
}

.defence ul li {
    padding: 3px
}

.container-fluid.elibanner {
    background: linear-gradient(90deg, #083050, #194C84)
}

.elibannerLeft h1 {
    font-size: 50px;
    line-height: 1.2;
    color: #fff;
    font-weight: 700
}

.elibannerLeft p {
    font-size: 20px;
    color: #fff
}

.importantdatesBox1 {
    width: 100%;
    margin-top: 0rem
}

.importantdatesBox1 p {
    font-size: 16px !important
}

.importantdatesBox1 .card1 {
    width: 100%;
    padding: 2rem 3rem 3rem 3rem;
    border-radius: 36px;
    background: #fff;
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px
}

.importantdatesBox1 .rowTh {
    height: 55px;
    padding: 0 1.5rem;
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 45px;
    border: 1px solid #fff
}

.importantdatesBox1 .tableRow {
    margin-top: .5rem;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 55px;
    border-radius: 45px;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}

.rowtdregular {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--blackColor);
    font-family: var(--primaryFont)
}

.rowtdbold {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--primaryColor);
    font-family: var(--primaryFont)
}

.rowtdspan {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--primaryColor);
    font-family: var(--primaryFont)
}

.idparasmall {
    width: 50%;
    margin: 0;
    margin: 3rem;
    font-size: 15px;
    font-weight: 500;
    color: var(--blackColor);
    font-family: var(--primaryFont)
}
.yellowBtn{
    background: var(--textYellow);
    color: #000 !important;
    border-radius: 60px;
}
a.redback {
    background: #c5161d;
    padding: 10px 20px;
    margin: 0 5px;
    border-radius: 30px;
    color: #ffffff !important;
}

@media screen and (max-width:1100px) and (min-width:992px) {
    .importantdatesBox1 .rowTh {
        height: 85px;
    }
}

@media screen and (max-width:1500px) and (min-width:1200px) {
    .sec6 h2 {
        font-size: 55px;
        position: relative;
        top: 28px;
    }

    .sec6 {
        padding: 0px 0;
    }

    .sec2 {
        padding: 25px 0;
    }

    .sec2Right h2 {
        padding-top: 8%;
    }

    .datesetheight {
        margin-top: 5rem;
    }
}

@media only screen and (max-width:1600px) {
    .admicardsec2 h2 {
        font-size: 20px
    }

    .bannerSec h1 {
        font-size: 38px
    }

    .bannerSec h1 span {
        font-size: 42px
    }

    .bannerSec h4 {
        font-size: 34px
    }

    .bannerSec img {
        margin-bottom: 40px;
        max-width: 350px
    }

    .bannerSec h3 {
        font-size: 28px
    }

    .bannerSec h2 {
        font-size: 40px
    }

    .sec2Right h2 {
        font-size: 38px
    }

    .sec2Right p {
        font-size: 24px
    }

    .sec3Left h2 {
        font-size: 58px
    }

    .sec3Left p {
        color: #fff;
        font-size: 24px !important
    }

    .sec3Right {
        padding: 30px 0
    }

    .sec3RigthTop1 {
        padding-bottom: 10px
    }

    .sec3RigthTop1 h2 {
        font-size: 34px;
        padding-top: 20px
    }

    .sec3RigthTop1 p {
        font-size: 22px
    }

    .sec3RigthTop2 h2 {
        font-size: 70px
    }

    .sec3RigthTop2 p {
        font-size: 22px
    }

    .sec3RigthBot1 h2 {
        font-size: 70px
    }

    .sec3RigthBot1 p {
        font-size: 22px
    }

    .sec3RigthBot2 h2 {
        font-size: 70px
    }

    .sec3RigthBot2 p {
        font-size: 22px
    }

    .hrline img {
        height: 140px
    }

    .sec4Left h4 {
        font-size: 28px
    }

    .sec4Left h2 {
        font-size: 62px
    }

    .sec4Left ul {
        padding: 0;
        margin: 0 0 30px 0
    }

    .sec4Left ul li {
        padding: 10px 15px 10px 54px;
        font-size: 16px;
        vertical-align: middle;
        line-height: 2
    }

    .sec4Left ul:last-child li {
        width: 50% !important
    }

    .sec4Left ul:last-child li a {
        font-size: 16px;
        color: #C5161D
    }

    .sec4Right {
        background: url(../images/sec4bgright.webp) no-repeat bottom center;
        padding: 80px 60px 60px 60px !important
    }

    .sec4Right img {
        display: block;
        margin: 0 auto;
        max-width: 360px;
        margin-bottom: 10px
    }

    .sec5 h2 {
        font-size: 36px
    }

    .sec5Box a {
        padding: 15px 30px
    }

    .sec6 h2 {
        font-size: 55px
    }

    .sec7Alumni h2 {
        font-size: 38px
    }

    .alumniBox h4 {
        font-size: 22px
    }

    .sec8Left h2 {
        font-size: 42px;
        margin-bottom: 30px
    }

    .sec8Left a {
        font-size: 18px;
        padding: 15px 30px
    }

    .Mainboxes {
        padding-top: 30%
    }

    .step1 {
        left: -42px;
        top: 26px
    }

    .step2 {
        left: 12%
    }

    .step3 {
        left: 15%
    }

    .step4 {
        left: 18%
    }
}

@media only screen and (max-width:1500px) {
    .Mainboxes {
        padding-top: 46%
    }

    .step1 {
        left: 0%;
        margin-left: -17%
    }

    .step2 {
        left: 12%
    }

    .step3 {
        left: 15%
    }

    .step4 {
        left: 25%
    }
}

@media only screen and (max-width:1400px) {
    .Mainboxes {
        padding-top: 49%
    }

    .step1 {
        left: 0%;
        margin-left: -28%
    }

    .step2 {
        left: 5%
    }

    .step3 {
        left: 25%
    }

    .step4 {
        left: 35%
    }
}

@media only screen and (max-width:1200px) {
        .admitcardbanner {
    margin-top: 106px;
}
    .bannerSec h1 {
        font-size: 32px
    }

    .bannerSec h1 span {
        font-size: 30px
    }

    .bannerSec h4 {
        font-size: 24px
    }

    .bannerSec img {
        margin-bottom: 20px;
        max-width: 280px
    }

    .bannerSec h3 {
        font-size: 22px
    }

    .bannerSec h2 {
        font-size: 30px
    }

    .sec2Right h2 {
        font-size: 32px;
        max-width: 100%
    }

    .sec2Right p {
        font-size: 24px;
        max-width: 100%
    }

    .sec3Left h2 {
        font-size: 44px
    }

    .sec3Left p {
        color: #fff;
        font-size: 18px !important
    }

    .sec3Right {
        padding: 30px 0
    }

    .sec3RigthTop1 {
        padding-bottom: 10px
    }

    .sec3RigthTop1 h2 {
        font-size: 24px
    }

    .sec3RigthTop1 p {
        font-size: 22px
    }

    .sec3RigthTop2 h2 {
        font-size: 52px
    }

    .sec3RigthTop2 p {
        font-size: 22px
    }

    .sec3RigthBot1 h2 {
        font-size: 52px
    }

    .sec3RigthBot1 p {
        font-size: 22px
    }

    .sec3RigthBot2 h2 {
        font-size: 52px
    }

    .sec3RigthBot2 p {
        font-size: 22px
    }

    .hrline img {
        height: 140px
    }

    .sec4Left h4 {
        font-size: 26px
    }

    .sec4Left h2 {
        font-size: 56px
    }

    .sec4Left ul {
        padding: 0;
        margin: 0 0 30px 0
    }

    .sec4Left ul li {
        padding: 10px 15px 10px 54px;
        font-size: 16px;
        display: block;
        max-width: 100%;
        line-height: 2
    }

    .sec4Left ul:last-child li {
        width: 150px !important;
        margin-bottom: 20px;
        display: inline-block
    }

    .sec4Left ul:last-child li a {
        font-size: 16px;
        color: #C5161D;
        display: block
    }

    .sec6 h2 {
        font-size: 34px
    }

    .sec7Alumni h2 {
        font-size: 34px
    }

    .alumniBox h4 {
        font-size: 18px
    }

    .sec8Left h2 {
        font-size: 26px;
        margin-bottom: 30px
    }

    .registration_process {
        background: none;
        margin-top: 50px !important
    }

    .Mainboxes {
        padding-top: 20px
    }

    .Mainboxes {
        padding-top: 0
    }

    .step1 {
        left: 0%;
        margin-left: 0
    }

    .step2 {
        left: 0%
    }

    .step3 {
        left: 0%
    }

    .step4 {
        left: 0%
    }
    .rpBox4 p
    {
        font-size: 15px;
    }
    .footer2
    {
        margin: 0px 0 10px 0px;
    }
    .FRight, .FLeft {
         padding: 40px 40px 0 !important;
    }
    .sec5Box
    {
        height: auto;
    }
}
@media only screen and (max-width:1199px) {
  .joincommunity
  {
    margin-top: 90px;
  }

}

@media only screen and (max-width:992px) {
    .sec2 {
        padding: 0px 0px 20px;
    }

    .sec4Left {
        padding: 30px 0 0 0
    }

    .sec2Right h2 {
        font-size: 32px;
        max-width: 100%;
        padding-top: 0%
    }

    .sec2Right p {
        font-size: 24px;
        max-width: 100%
    }

    .sec3Left {
        padding: 20px !important
    }

    .sec5 h2 {
        font-size: 32px
    }

    .sec6 h2 {
        font-size: 32px
    }

    .sec7Alumni h2 {
        font-size: 32px
    }

    .alumniBox p {
        margin-bottom: 40px
    }

    .sec8Left {
        padding: 60px 0 0 60px !important
    }

    .admitcardbanner {
        background: url(../images/admit-card-banner-bg.webp) no-repeat 70%;
        padding: 10% 0;
        background-size: cover
    }

    .admitcardbanner h1 {
        font-size: 25px;
        max-width: 80%
    }

    .sec4Right {
        padding: 30px 20px 20px 20px !important;
        margin-top: -10px;
        background: #8C0015
    }
}

@media only screen and (max-width:768px) {
    .hrline img {
        display: none
    }

    .bannerSec h1 {
        font-size: 26px
    }

    .bannerSec h1 span {
        font-size: 26px
    }

    .bannerSec h4 {
        font-size: 20px
    }

    .bannerSec img {
        margin-bottom: 20px;
        max-width: 280px;
        font-weight: 400
    }

    .bannerSec h3 {
        font-size: 20px
    }

    .bannerSec h2 {
        font-size: 24px
    }

    .sec2Right h2 {
        font-size: 30px;
        max-width: 100%;
        padding-top: 0px
    }

    .sec2Right p {
        font-size: 24px;
        max-width: 100%
    }

    .sec3Left h2 {
        font-size: 36px
    }

    .sec3Left p {
        color: #fff;
        font-size: 18px !important
    }

    .sec3RigthTop2 {
        padding-top: 30px;
        border-bottom: 2px #ccc solid;
        margin-bottom: 20px
    }

    .sec3Right {
        padding: 10px 0
    }

    .sec3RigthTop1 {
        padding-bottom: 10px;
        border-bottom: 2px #ccc solid
    }

    .sec3RigthTop1 h2 {
        font-size: 24px
    }

    .sec3RigthTop1 p {
        font-size: 18px
    }

    .sec3RigthTop2 h2 {
        font-size: 54px;
        font-weight: 700
    }

    .sec3RigthTop2 p {
        font-size: 18px
    }

    .sec3RigthBot1 h2 {
        font-size: 54px;
        font-weight: 700
    }

    .sec3RigthBot1 p {
        font-size: 18px
    }

    .sec3RigthBot2 h2 {
        font-size: 54px;
        font-weight: 700
    }

    .sec3RigthBot2 p {
        font-size: 18px
    }

    .hrline img {
        height: 140px
    }

    .sec4 {
        padding: 30px 0 0 0
    }

    .sec4Left {
        padding: 30px 30px 0 20px !important
    }

    .sec4Left h2 {
        font-size: 44px
    }

    .sec4Left h4 {
        font-size: 20px
    }

    .sec4Right {
        padding: 30px 20px 20px 20px !important;
        margin-top: -10px;
        background: #8C0015
    }

    .sec5 {
        padding: 30px 0
    }

    .sec5 h2 {
        font-size: 30px
    }

    .sec6 {
        padding: 30px 0
    }

    .sec6 h2 {
        font-size: 30px
    }

    .sec7Alumni {
        font-size: 30px
    }

    .sec7Alumni h2 {
        font-size: 30px
    }

    .sec8Left {
        padding: 0 0 0 20px !important
    }

    .sec8Left a {
        margin: 0 auto 40px auto;
        display: block;
        max-width: 300px;
        text-align: center
    }

    .step1 {
        margin-bottom: 40px
    }

    .step2 {
        margin-bottom: 40px
    }

    .step3 {
        margin-bottom: 40px
    }

    .step4 {
        margin-bottom: 40px
    }

    .sec4btns {
        text-align: center
    }

    .sec3RigthBot1 {
        border-bottom: 2px #ccc solid
    }

    .sec3RigthTop1 h2 {
        border-bottom: none
    }

    .sec3RigthBot2 {
        padding-top: 20px
    }

    .table {
        text-align: center;
        overflow-x: scroll;
        display: block
    }

    .elibannerLeft h1 {
        font-size: 32px
    }

    .section-header h1 {
        font-size: 32px
    }

    .importantdatesBox1 {
        margin-top: 3rem
    }

    .card1 {
        padding: 0rem
    }

    .importantdatesBox1 .rowTh {
        font-size: 14px
    }

    .rowtdregular {
        font-size: 14px
    }

    .rowtdbold {
        font-size: 14px
    }

    .rowtdspan {
        font-size: 12px
    }
}

@media only screen and (max-width:600px) {
    .bannerSec {
        background: no-repeat 80% center;
        background-size: cover;
        padding: 6% 0 5% 0
    }

    .bannerSec h1 {
        font-size: 22px;
        padding-bottom: 5px
    }

    .bannerSec h1 span {
        font-size: 22px
    }

    .bannerSec h4 {
        font-size: 16px;
        margin-bottom: 20px
    }

    .bannerSec img {
        margin-bottom: 20px;
        max-width: 280px
    }

    .bannerSec h3 {
        font-size: 18px
    }

    .bannerSec h2 {
        font-size: 22px
    }

    .sec2Inside {
        display: flex;
        flex-direction: column-reverse
    }

    .sec2Right h2 {
        font-size: 22px;
        padding-top: 0;
        font-weight: 700
    }

    .sec2Right p {
        font-weight: 500
    }

    .sec3RigthTop1 h2 {
        font-size: 28px;
        font-weight: 700
    }

    .sec3RigthTop1 p {
        font-size: 16px !important;
        line-height: 1.2
    }

    .sec3RigthTop2 h2 {
        font-size: 54px;
        font-weight: 700
    }

    .sec3RigthTop2 p {
        font-size: 16px !important;
        line-height: 1.2
    }

    .sec3RigthBot1 h2 {
        font-size: 54px;
        font-weight: 700
    }

    .sec3RigthBot1 p {
        font-size: 16px !important;
        line-height: 1.2;
        padding-bottom: 10px
    }

    .sec3RigthBot2 h2 {
        font-size: 55px;
        font-weight: 700
    }

    .sec3RigthBot2 p {
        font-size: 16px !important;
        line-height: 1.2;
        padding-bottom: 10px
    }

    .hrline img {
        height: 140px
    }

    .sec4Left h4 {
        font-size: 21px
    }

    .sec4Left h2 {
        font-size: 36px
    }

    .sec4Left ul:last-child li {
        width: 138px !important
    }

    .sec4Right img {
        max-width: 230px
    }

    .sec5 h2 {
        font-size: 26px;
        font-weight: 700;
        padding-bottom: 20px
    }

    .sec6 h2 {
        font-size: 22px
    }

    .sec7Alumni h2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700
    }

    .sec8Left h2 {
        font-size: 22px;
        text-align: center;
        font-weight: 700
    }

    .sec8Left a {
        margin: 0 auto 40px auto;
        display: block;
        max-width: 300px;
        text-align: center
    }

    .hrline img {
        display: none
    }

    .sec3RigthTop2 p img {
        margin-bottom: 10px
    }

    .importantdatesBox1 .card1 {
        padding: 1rem;
        padding-bottom: 2rem
    }

    .importantdatesBox1 .tableRow {
        flex-direction: column;
        padding: 8px 16px;
        border-radius: 20px
    }

    .impdateTitle {
        font-size: 28px;
        line-height: 30px
    }

    .impdatePara {
        font-size: 14px
    }

    .rowTh {
        text-align: center
    }

    .idparasmall {
        width: 100%
    }

    .sec4RightInstitute {
        padding: 0 15px 30px 15px !important
    }
}

.sec4Right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center
}

.home_banner_container {
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.home_banner_container #carouselExampleIndicators .carousel-inner img {
    max-width: 100% !important;
}

@media only screen and (max-width: 768px) {
    .desk_view {
        display: none !important;
    }

    .mb_view {
        display: none !important;
    }
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1 !important;
}



@media screen and (min-width:768px) {
    .home-slider-mobile {
        display: none;
    }
}




@media screen and (max-width:1200px) and (min-width:768px) {
    .customszset {
        font-size: 30px!important;
        line-height: 1.2;
        color: #fff;
        font-weight: 700;
    }
}
@media screen and (max-width:1200px) and (min-width:768px) {
    .customszset {
        font-size: 25px!important;
    }
}
@media screen and (max-width:767px) {
    .home-slider-dektop {
        display: none;
    }
    .sec2Right p {
    font-size: 16px !important;
  }
  .sec5Box
  {
    height: auto;
    padding: 20px;
  }
  .section-header h1, .defence h2 {
    font-size: 28px;
  }
  .defence
  {
    padding: 60px 0 20px;
  }
  .container-fluid.elibanner
  {
    padding: 50px 0 0;
  }
  .otherbannerimgset
  {
    position: relative;
  }
    .elibannerLeft h1, .communitysec3 h2 {
    font-size: 28px;
  }
  .importantdatesBox1 .rowTh {
    height: auto;
    padding: 10px 10px !important;
  }
  .communitysec2 h2
  {
    font-size: 20px;
  }
  .communitysec3 h3 {
    font-size: 18px;
  }
  .joincommunity
  {
    padding: 40px 0 40px;
    margin-top: 50px;
  }

}

.banner-wrapper {
    position: relative;
}

.form-overlay {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 500px;
    z-index: 10;
    max-height: 90%;   /* ✅ important */
    overflow-y: auto;  /* ✅ THIS FIXES CUTTING */


    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.2);
}

#formIfram {
    width: 100%;
    height: 395px;
    border: none;
}
.form-overlay h2{
    font-size:22px;
    font-weight: 700;
    text-align: center;
}
@media (max-width: 1300px) {
        .form-overlay {
        position: absolute;
        top: 50%;   /* push slightly down */
        transform: translateY(-50%);
        width: 400px;
        max-height: 80%;
    }
    .form-overlay h2{
        font-size:18px;
    }

}
@media (max-width: 1040px) {
        .form-overlay {
        top: 50%;   /* push slightly down */
        width: 350px;
    }

}
@media (max-width: 830px) {
        .form-overlay {
        top: 50%;   /* push slightly down */
        width: 320px;
    }
    .form-overlay h2{
        font-size:14px;
    }
}
@media (max-width: 768px) {
        .form-overlay {
       display: none;
    }
    .form-overlay-mob {
    display: block;
    position: absolute;
    bottom: -80px;
    /* right: 5%; */
    transform: translateY(-50%);
    width: 93%;
    z-index: 10;
    max-height: 90%;
    overflow-y: auto;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.2);
    /* margin: 0 20px 0 20px; */
    /* margin: auto; */
    margin-left: 25px;
}
    #formIfram-mob{
        height: 395px;
    }
    .form-overlay-mob h2{
    font-size:20px;
    font-weight: 700;
    text-align: center;
}
}
@media (max-width: 576px) {
       
    .form-overlay-mob {
    bottom: -78px;
    /* right: 5%; */
    transform: translateY(-50%);
    width: 93%;
    z-index: 10;
    /* max-height: 61%; */
    height: 314px;
    margin-left:10px;
    margin-left:15px;
}
  
    
}
@media (max-width: 430px) {
       
    .form-overlay-mob {
    bottom: -106px;
    }
  
    
}