@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    overflow-x: hidden;
}



.navbar {    
    padding-top: .2rem!important;
    padding-bottom: .2rem!important;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 15px!important;
    padding-left: 15px!important;
    color: #222 !important;
}

.navbar-expand-md .navbar-nav .nav-link:hover {
    color: #2c6aba !important;
}

.navbar-expand-md .navbar-nav .nav-link.active {
    color: #2c6aba !important;
    font-weight:600!important;
}
.bg-banner{
    background:url("../images/bg-banner.png") no-repeat;
    height: 660px !important;
    background-size: cover!important;
    background-position-x: center;
}
.banner-head {
    font-size: 65px;
    font-weight: 800;
}
.banner-para{
    font-size:18px;
    font-weight:500;
}
.applynowbtn a{
    background: #fff !important;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    color: #222 !important;
    font-size: 18px !important;
    font-weight:600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.applynowbtn i{
    background:#2666b8!important;
    font-size: 14px !important;
    width: 25px;
    height: 25px !important;
    line-height: 7px !important;
    border-radius: 50% !important;
    padding: 10px !important;
    color: #fff !important;
}
.applynowbtn a:hover  {
    color: #fff;
    background:#fcd900!important;
}
.bg-apply {
    background: #fff url("../images/h1.png")no-repeat!important;
    background-position: top right!important;
}
.applyhead{
    font-weight:800!important;
    font-size:60px!important;
}
.apply-para{
    font-size:18px!important;
}
.apply-box{
    border:2px solid #efefef!important;
    border-radius: 10px!important;
    margin:0 3px!important;
}
.apply-box.box-1{
    background:url("../images/a3.png")no-repeat;
    background-position: bottom left!important;
    height:167px!important;
    z-index:999!important;
}
.apply-box.box-2{
    background:url("../images/a1.png")no-repeat;
    background-position: bottom left!important;
    height:167px!important;
    z-index:999!important;
}
.apply-box.box-3{
    background:url("../images/a2.png")no-repeat;
    background-position: bottom left!important;
    height:167px!important;
    z-index:999!important;
}
.right-applypara{
    padding-bottom: 18px!important;
}
.right-applypara a{
    font-size:20px!important;
    font-weight:600!important;
    color:#222!important;
}
.right-applypara a i{
    background:#fdca45!important;
    font-size: 14px !important;
    width: 25px;
    height: 25px !important;
    line-height: 7px !important;
    border-radius: 50% !important;
    padding: 10px !important;
    color: #222 !important;
}
.bg-category{
    background-image: linear-gradient(#fff, #fff7f7)!important;
    position: relative;
}
.cat-secimg{
    position:absolute;
    top:50px;
    left:0;
}
.cat-box {
    background: #fff!important;
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 100%;
}
.cat-head {
    font-size: 20px;
    color:#084cc4!important;
    font-weight: 800!important;
    text-align: center;
}

.cat-para {
    color: #222;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}
.bg-reward {
    background:#0147c3 url("../images/bg-reward.png")no-repeat;
    /* height: 757px!important ; */
}

.reward-box {
    background: #0e5be3!important;
    border-radius: 5px;
    padding:15px!important;
    width: 68%;
    margin: 0 auto;
}
.reward-box img{
    width:30%!important;
}
.reward-cont h4{
    font-weight:700!important;
}
.reward-img img{
    position: absolute;
    bottom:-50px;
}
.bg-ann{
    background:#fff4f4 url("../images/h3.png")no-repeat!important;
    background-size: 8%!important;
}
.an-para {
    font-size: 18px;
}
.reward-box-ann{
    border-radius: 10px!important;
}
.student-box a {
    background:#fdca45!important;
    padding: 10px 25px;
    color: #222;
    border-radius: 5px;
    border: 1px solid #fdca45!important;
    font-size: 17px;
    font-weight: 600!important;
}

.student-box a:hover {
    border: 1px solid #f7d301;
    color: #fff!important;
    background:#0147c3!important;
}

.others-box a {
    background: #fff;
    padding: 10px 25px;
    color: #222;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid #fdca45!important;
}

.others-box a:hover {
    background:  #f7d301;
    color:#222!important;
}
.criteria-para {
    font-size: 17px;
    line-height: 1.8;
}
.num-crt{
    background:url("../images/num-count.png")no-repeat!important;
    /* box-shadow: #ccdaf3 0px 5px 15px; */
    border-radius:50%!important;
    color:#fff;
    font-size: 20px!important;
    height: 74px !important;
    width: 74px !important;
    text-align: center!important;
    line-height: 74px!important;
}
.crit-part p{
    width: 80% !important;
}
.crit-part{
    min-height:93px!important;
}
.parts-criteria p {
    font-weight: 600;
    line-height: 1.8;
    font-size: 17px;
}
.spljudge {
    font-size: 28px;
    font-weight: 700!important;
}

.cri-head {
    font-size: 14px;
    font-weight: 600;
}

.sub-crihead {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0!important;
}

.reward-box-boxed{
    background:#0e5be3!important;
    border-radius:10px!important;
    color:#fff;
}

.announce .box1 {
    margin-top: 5%;
}

.partner-head {
    color: #182b44;
    font-weight: 600;
}

.bg-timeline {
    background: #0147c3 url("../images/timeline.png");
    max-height: 1080px;
    position: relative;
    margin-top:10%!important;
}
.timeimg{
    position: absolute;
    content:'';
    top:-25%!important;
    margin:0 auto!important;
    left:0;
    right:0;
}
.timehead {
    line-height: 1.8;
}

.timelinebtn a {
    background: #fff !important;
    padding: 15px 18px;
    color: #222;
    border-radius: 6px;
    font-weight: 600;
}

.timelinebtn a i {
    background: #2666b8 !important;
    font-size: 14px !important;
    width: 25px;
    height: 25px !important;
    line-height: 7px !important;
    border-radius: 50% !important;
    padding: 10px !important;
    color: #fff !important;
  }
  .timelinebtn a:hover {  
    background: #fcd900 !important;
    color:#222!important;
  }

.timeline {
    width: 100%;
    height: 40px;
    list-style: none;
    text-align: justify;
    margin: 70px auto;
    border-top: 3px dashed #fff;
}

.timeline:after {
    display: inline-block;
    content: "";
    width: 100%;
}

.timeline li {
    display: inline-block;
    width: 10%;
    height: 20px;
    text-align: center;
    line-height: 1.2;
    position: relative;
    border-radius: 50%;
    color: #fff;
}

.timeline li:before {
    display: inline-block;
    content: attr(data-year);
    font-size: 14px;
    position: absolute;
    left: 50%;
    height: 55px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    color: #fff;
    transform: translateX(-50%);
    padding: 10px;
    /* border: 1px solid #3c3c3c; */
    border-radius: 2px;
    font-weight: 600;
    background: #0e5be3;
    top: -30px;
}

.timeline li:after {
    display: inline-block;
    content: attr(data-text);
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 190%;
    transform: translateX(-50%);
    font-weight: 600;
}

.timeline li:nth-child(even)::after {
    display: inline-block;
    content: attr(data-text);
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: -116px;
    transform: translateX(-50%);
    font-weight: 600;
}


.guidelist {
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}

.text-purple {
    color: #5b4bd2;
}

.text-purple:hover {
    color: #5b4bd2;
}

.bg-sponsor{
    background:url("../images/h4.png")no-repeat!important;
    background-position: top left!important;
}
.sponsor-head{
    color:#0243c1!important;
    font-size:22px!important;
    font-weight:600!important;
}
.sponsor-box {
    border-radius: 15px;
    padding: 20px 10px;
    height: 186px;
    border: 1px solid #ebebeb;
    line-height: 150px;
}
.bubble-box {
    margin-top: -30px!important;
}

.bubble-box h4 {
    background-image: linear-gradient(to right, #1675e7, #0c4588);
    border-radius: 50px;
    padding: 20px;
}

.bubble-head {
    font-size: 20px;
}

.bubble-subhead {
    font-size: 14px;
    font-weight: 400;
}

.price-details {
    padding: 25px 60px 20px 60px;
}

.price-details p {
    font-size: 25px;
    font-weight: bold;
}

.bg-oraganiser{
    background-image: linear-gradient(#edf3ff, #fff)!important;
}

.oraganiser-box img {
    background: #fff;
    padding: 20px;
    border:1px solid #222!important;
    border-radius: 15px;
    z-index: 99!important;
    position: relative;
}

.oranganiser-sec {
    background: #fff!important;
    border-radius: 15px;
    overflow-y: scroll;
    height: 600px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.orag-head {
    color: #003dbf!important;
    font-size: 18px;
    font-weight: 600;
}

.orag-para {
    color: #434343;
    font-size: 16px;
    line-height: 1.8;
    z-index: 9!important;
    position: relative;
}

.bg-contact {
    background: #0147c3 url("../images/bg-info.png")no-repeat;
    background-position: top right;
    /* min-height:400px!important; */
}
.applyhead-1{
    font-size: 50px!important;
    line-height: 1.5;
    font-weight:600!important;
}
.bg-contact li{
    background:#0e5be3!important;
    margin-right:10px!important;
    padding: 8px 12px !important;
    border-radius: 0!important;
}
.bg-contact li a {
    color: #fff;
    font-size: 20px;
}

.sub-conhead {
    font-size: 18px;
    font-weight: 800;
    margin-bottom:0!important;
}

.bg-footer {
    background: #fff;
}

.list-group-item {
    background-color: unset!important;
    border: unset!important;
}
.bg-footer h5{
    font-size:14px!important;
    margin-bottom:0!important;
}

.banner-start{
    margin-top: 55%;
    max-width: 180px !important;
}

.timeline-card{
    display: none;
}
.timeline-row{
   display: none !important;
}
@media(max-width:767px) {
    .timeline-row{
   display: block !important;
}
    .timeline-card{
        display: block;
    }
    .timeline-card{
        background: #0e5be3;
        padding: 20px 10px;
        border-radius: 10px;
        height: auto !important;
        overflow-y: scroll;
        padding-bottom: 20px;
    }
    .presents{
        text-align: center;
    }
    .navbar .navbar-brand {
        width:60%!important;
    }
    .navbar-toggler{
        width: 12% !important;
        padding: 0 !important;
        text-align: right;
    }
    .navbar-nav{
        background: #fff !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 15px!important;
    }
    .navbar-toggler:focus{
        box-shadow: unset!important;
    }
    .banner-head {
        font-size: 45px!important;
    }

    .bg-banner{
        height: 650px !important;
    }
    .bg-timeline{
        height:unset!important;
    }
    .banner-head,.banner-para{
        text-align: center!important;
    }
   
    .bg-apply{
        background-size:30%!important;
    }
    .applyhead{
        font-size: 35px!important;
    }
    .apply-box .d-block{
        display: none!important;
    }
    .right-applypara a{
        margin-left:10%!important;
    }
    .cat-secimg {
        position: absolute;
        top: -24px;
        left: 0;
        width: 20%;
    }
  
    .reward-box-boxed,
    .reward-box-boxed.w-75{
        width:100%!important;
    }
    .timeimg {
        top: -12% !important;
        width: 50%;
    }
    .bg-sponsor{
        background-size:15%!important;
    }
    .applyhead-1 {
        font-size: 30px !important;
    }
    .reward-box{
        width:100%!important;
    }
    .banner-start{
        margin-top: 10%;
    }
}
@media(min-width:320px) and (max-width:530px){
    .bg-banner{
        background: url(../images/mobile-banner.png) no-repeat !important;
        background-position: bottom !important;
        width: 100%;
        background-size: cover !important;
    }
    span.mob-timebox {
        min-width: 160px;
        display: inline-block;
    }
}
@media(min-width:768px) and (max-width:991px){
    .crit-part{
        min-height: 180px !important;
    }
}
@media(min-width:768px){
    .num-crt{
        height: 80px !important;
        width: 80px !important;
    }
  

}
@media(min-width:1900px) and (max-width:3000px){
    .bg-banner{
        background-size: cover!important;
    }
}

.reward-subhead {
    font-size: 1.5rem;
}

.asc-img {
    text-align: center;
}

.out-circle {
    background-color: #C4D2EB;
    border-radius: 50%;
    height: 70px;
}

.circle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    font-size: 22px;
    border-radius: 50%;
    background-color: #0147C3;
    margin: 10px;
    color: #ffffff;
}

.bg-header{
    position: sticky;
    top: 0px;
    z-index: 999;
}

.link-tag{
    text-decoration: none;
    color: #fff;
}

.link-tag:hover{
    text-decoration: none;
    color: #fff;
}

.timeline-card{
    background: #0e5be3;
    padding: 20px;
    border-radius: 10px;
    height: 400px;
    overflow-y: scroll;
    padding-bottom: 20px;
}

.timeline-card li{
    color: #fff;
}

.timeline-head{
    font-weight: 800;
}

.timeline-card::-webkit-scrollbar {
    width: 5px;
}

.timeline-card::-webkit-scrollbar-track {
    border-radius: 10px;
}

.timeline-card::-webkit-scrollbar-thumb {
    border-radius: 10px;
   background: #D0D0D0;
}

.timeline-card ul {
    list-style: none; 
    padding-left: 0; 
  }
  
  .timeline-card li {
    position: relative;
    padding-left: 30px;
  }
  
  .timeline-card li::before {
    content: "\f073"; 
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 5px; 
    color: #fff; 
    font-size: 18px; 
  }
  
  .timeline-card .timeline-head {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .timeline-card {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: #D0D0D0 transparent; /* Thumb color and track color */
}
  
.btn-close-1{
    float: inline-end;
    margin-right: 10px;
    padding-top: 15px;
}

.poster-img{
    max-height: 600px !important;
}