body{padding: 0px; margin: 0px; font-family: "Lora", serif; color: #161C2D;}

.container{max-width: 1360px;}
img{max-width: 100%;}
.bgYellow{background: #EAB308 !important;}
.bgGreen{background: #30C859 !important;} 
.customNavber{border-bottom: 1px solid #d3d3d3; background: #fff}
.registerBtn{background: #CC1D2A !important; border-radius: 50px; padding: 10px 30px !important; color: #fff; border: 1px solid #CC1D2A; font-size: 1rem;
 font-weight: 700;}
.registerBtn:hover{background: #364296 !important; border: 1px solid #fff;}
.header{ /* background: url('../images/header-background.png') top center no-repeat; */}
.navbar-light .navbar-nav .nav-link{color: #161C2D;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #CC1D2A;}
.header .nav-item{padding: 0px 10px; text-transform: uppercase; font-size: 1rem; color: #787272; font-weight: 700;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #CC1D2A}
.registerBtn a{color: #fff; text-decoration: none;}
.navbar-light .navbar-brand {color: rgba(0,0,0,.9);background: #fff;padding: 4px;}

.bannerDetails{padding: 50px 0px;}
.bannerDetails p{ font-size: 1.6rem; color: #fff;  font-family: "Montserrat", sans-serif; font-weight: 600; margin-bottom: 5px;}
.bannerDetails p span{ font-weight: 700;}
.bannerDetails h1{font-size: 68px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: "Merriweather Sans", sans-serif;}
.bannerDetails h2{color: #c7d410; font-size: 60px; font-weight: 600;}
.bannerDetails .normalBtn{background: #fff; font-weight: 500; font-size: 24px; border-radius: 0px 110px 110px 0px; padding: 5px 60px 5px 20px; margin-top: 12px; border: 0px; color: #161C2D;}
.bannerDetails span{font-weight: 700;}
.banner{padding: 100px 0px 55px; background: linear-gradient(45deg, #364296, #73238b)}

.overviewBlk{padding: 55px 0px;}
.pageHeading {font-size: 3rem;color: #364296;font-weight: 700;margin: 0px;padding: 1rem 0rem;}
.subHeading{font-size: 1.9rem; color: #161C2D;}
.overviewText{ font-size: 1.3rem; color: #161C2D; line-height: 2.5rem;}
.smallHeading{font-size: 1.5rem; font-weight: 500;}
.smallHeading span{font-weight: 700;}
.overviewText span{font-weight: 700;}

.whoCanParticipateBlk{background: linear-gradient(90deg, #73238b, #364296); padding: 55px 0px;}
.whoCanGrid{text-align: center; margin: 20px 0px 0px;}
.whoCanGrid p{font-size: 1.8rem; color: #fff; font-weight: 600; padding-top: 15px; margin-bottom: 0px;}

.participantBlk{padding: 55px 0px; }
ul.listing {padding: 15px 0px 15px 25px;}
.twoCategoriesRow {background: linear-gradient(45deg, #364296, #73238b);padding: 40px 0px;margin: 40px auto;}
.twoCategoriesRow h4 {font-size: 2.5rem;color: #FFCC16;font-weight: 600;line-height: 3.5rem;}
.categoWhiteBox {border-radius: 20px;background: #fff;padding: 12px 30px 12px 16px;height: 100%;}
.categoWhiteBox h5 {color: #364296;font-weight: 700;font-size: 1.5rem;}
.categoWhiteBox p {font-size: 1.3rem; }

.particiChalageStep {display: flex;align-items: center;margin: 40px auto;font-size: 40px;font-weight: 700;color: #364296;}
.particiChalageStep span {color: #fff;min-width: 100px;display: inline-block;background: #F64B4B;height: 100px;border-radius: 50%;text-align: center;font-size: 50px;line-height: 100px;font-weight: 700;margin-right: 40px;}
.listing li{font-size: 1.3rem; line-height: 2.5rem;}
.listing span{font-weight: 700;}
.listingText{font-size: 1.3rem; line-height: 2.5rem;}
.listingText span{font-weight: 700;}
.whoCanGridTwo {background: #fff;padding: 55px 40px;border-radius: 20px;color: #161C2D;font-size: 1.7rem;line-height: 2.8rem; height: calc(100% - 20px); }

.footer{background: #121B57; padding: 35px 0px; position: relative;}
.copyright{text-align: center; color: #fff; font-size: 1.8rem;}

.registrationFormBlk{ padding: 100px 0px 55px; background: url('../images/form-bg.png') top center no-repeat; background-size: cover;}
.registrationForm{background: #fff; width: 90%; margin: auto; padding: 30px 0px;}
.formDescription{padding: 40px 15px 15px; font-weight: 400; text-align: center; color: #fff; background: linear-gradient(45deg, #364296, #73238b);}
.formDescription h3{font-weight: 800; color: #fff;}
.formDescription span{font-weight: 700;}
.formTitle{font-weight: 700; color: #364296; border-bottom: 1px solid rgb(221 221 221 / 77%); padding-bottom: 10px; margin-bottom: -10px;}
.form-select{height: 48px; background: #f7f7f7; appearance: auto;}
.form-control{background: #f7f7f7;}
.border-radius{border-radius: 16px; overflow: hidden;}

::-ms-input-placeholder { /* Edge 12-18 */font-size: 15px !important;}  
::placeholder {font-size: 15px !important;}


.uploadBox{position: relative; height: calc(92% - 50px);}
.uploadImg {display: flex;align-items: center;justify-content: center;height: 100%;flex-wrap: wrap;}
.uploadInput {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;text-align: center;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.successText{text-align: center; font-size: 36px; color: #30C859; font-weight: 800; padding-top: 50px;}

#scrollTopButton {position: absolute;bottom: 20px;right: 20px;background: #CC1D2A;padding: 5px 15px;border-radius: 5px;color: #fff;font-weight: 600;cursor: pointer;text-transform: uppercase;}
.uploadImgCircle{border: 1px solid #161C2D;text-align: center;width: 80px;height: 80px; margin: auto;min-width: 80px;min-height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.formPreviousfields{font-weight: 800; padding-bottom: 15px;}
.formPreviousfields h6{text-transform: capitalize;}
.error{ color:#CC1D2A; font-size: 14px;} 
.form-control-lg.error { border: 1px solid #CC1D2A;}

.alert{text-align: center; padding: 12px 0px !important; text-transform: capitalize;}

@media (min-width: 1024px) and (max-width: 1366px){ 
    .header .nav-item {padding: 0px 5px;font-size: .9rem;  } 
    .registerBtn {padding: 8px 15px !important; font-size: .9rem; } 
    .bannerDetails p {font-size: 1.2rem;}
    .bannerDetails h2 {font-size: 3rem;font-weight: 600;}
    .bannerDetails .normalBtn{font-size: 18px;} 
    .subHeading {font-size: 1.5rem; }
    .overviewText {font-size: 1.2rem; line-height: 2.1rem;}
    .whoCanGrid p {font-size: 1.3rem; }
    .listing li {font-size: 1.3rem;line-height: 2.8rem;}
    .particiChalageStep{font-size: 32px;}
    .listingText {font-size: 1.3rem;line-height: 2.8rem;}
    .whoCanGridTwo { font-size: 1.2rem;line-height: 2.3rem; }
    .pageHeading {font-size: 2.2rem; }
    .copyright { font-size: 1.5rem;}    
    .twoCategoriesRow h4 {font-size: 1.9rem; line-height: 3.2rem;}
    .container {max-width: 1140px;}
}

@media (min-width: 992px) and (max-width: 1024px){
    a.navbar-brand {width: 100px;}
    .header .nav-item {padding: 0px 5px;font-size: .9rem;  }
    .registerBtn {padding: 8px 15px !important; font-size: .9rem; } 
    .bannerDetails h2{font-size: 3rem;}
    .bannerDetails .normalBtn { font-size: 1.3rem; padding: 14px 25px; }
    .twoCategoriesRow h4 {font-size: 2rem; line-height: 3rem;}
}

@media (min-width: 768px) and (max-width: 1024px){ 
    .bannerDetails {padding: 20px 0px;} 
    .bannerDetails .normalBtn{font-size: 20px;}
    .subHeading {font-size: 1.5rem; }
    .overviewText {font-size: 1.2rem; line-height: 2.1rem;}
    .whoCanGrid p {font-size: 1.3rem; }
    .listing li {font-size: 1.3rem;line-height: 2.8rem;}
    .particiChalageStep{font-size: 32px;}
    .listingText {font-size: 1.3rem;line-height: 2.8rem;}
    .whoCanGridTwo { font-size: 1.2rem;line-height: 2.3rem; }
    .pageHeading {font-size: 2.2rem; }
    .copyright { font-size: 1.2rem;}
    .participantBlk {padding: 25px 0px;}
    .whoCanParticipateBlk{padding: 25px 0px;}
    .overviewBlk{padding: 25px 0px;}
    .bannerDetails h1{font-size: 3.2rem;}
    .bannerDetails h2{font-size: 2.8rem;}
    .navbar-light .navbar-toggler{ background: #fff;}
}

@media (max-width: 767px){
    a{word-break: break-all;}
    .particiChalageStep{font-size: 1.4rem;}
    .navbar-light .navbar-toggler{ background: #fff;}
    .pageHeading {font-size: 1.8rem; padding: 1rem 0rem;}
    .particiChalageStep span { min-width: 50px; height: 50px; font-size: 25px;line-height: 50px; margin-right: 20px;}
    .overviewText {font-size: 1.1rem; line-height: 2rem;}
    .listing li {font-size: 1.1rem; line-height: 2rem;}
    .listingText {font-size: 1.1rem; line-height: 2rem;}
    .twoCategoriesRow h4 {font-size: 1.5rem; line-height: 2.2rem; padding-bottom: 15px;}
    .categoWhiteBox {width: 100%; margin-bottom: 20px; padding: 15px; height: calc(100% - 20px);}
    .whoCanGridTwo { padding: 20px; font-size: 1.1rem;line-height: 1.8rem;margin-bottom: 20px;}
    .participantBlk {padding: 25px 0px;}
    .copyright { font-size: 1.2rem;}
    .smallHeading {font-size: 1.3rem; padding: 0px 10px; line-height: 2rem;}
    .whoCanGrid p {font-size: 1.1rem;} 
    .bannerDetails .normalBtn {padding: 20px 0px;}
    .customNavber {padding: 10px 0px;}
    .bannerDetails p {font-size: 1.1rem; }
    .bannerDetails h2 { font-size: 2rem; }
    .bannerDetails .normalBtn { font-size: 16px; padding: 10px 15px; margin-top: 12px;}
    .subHeading{font-size: 1.4rem; color: #161C2D;}
    .whoCanParticipateBlk{padding: 25px 0px;}
    .overviewBlk{padding: 25px 0px;}
    .twoCategoriesRow { padding: 20px 0px;margin: 20px auto;}
    .particiChalageStep{margin: 20px auto;}
    .bannerDetails h1{font-size: 3rem;}

    .formDescription {padding: 20px 15px; }
    .formDescription h3{font-size: 20px;line-height: 28px;}
    .formDescription h5{font-size: 16px;line-height: 22px;}
    .formDescription h6{font-size: 14px;line-height: 20px;}
    .registrationForm{width: 95%;}
}

#captchaCanvas {
    border: 2px solid #007bff; /* Change the color to your preferred border color */
    border-radius: 5px; /* Optional: adds rounded corners */
    padding: 5px;
    width: 150px; /* Adjust width */
    height: 50px; /* Adjust height */
}

#refreshText, #readText {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 1.2em;
}

#refreshText:hover, #readText:hover {
    color: #007bff; /* Change color on hover */
}


#imageContainer {
    border: 1px solid #d3cfe1 !important;
}