@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
html,body{margin:0;   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
outline:none;}
/* background: #003ea008; */
.padd0{padding:0;}
.mar0{margin:0;}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
a,a:hover{text-decoration: none;}
.padd0{padding: 0;}
.slick-slide a, .slick-slide a:focus, .slick-slide a:hover{outline: none !important;}
/* Top Header */



header{
    background: #fff;
    /* display: flex; */
}
header .leftbox{
    padding: 25px 15px;
    /* background: #EEE1DC; */
    /* padding-top: 35px; */
}
header .leftbox img{width: 95%;}
header .rightbox{
    /* background: #002147; */
    padding: 35px 15px;
} 
header .rightbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
 
header .rightbox ul li a{
    display: block;
    padding: 10px 15px;
    background: #003366;
    border: 2px solid #001f3f;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 5px;
}
header .rightbox ul li a svg{width: 15px;}
/* main-menu */
.main-menu{
    background: #003366;
}
.main-menu .mainmenu{
    display: flex;
    justify-content: space-between;
}
.main-menu .mainmenu .leftmenu{
    width: 60%;
}
.main-menu .mainmenu .leftmenu {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 0;
    margin: 0;
    width: 65%;
}
.main-menu .mainmenu .leftmenu > li{
    display: flex;
    /* align-items: center; */
    position: relative;
}
.main-menu .mainmenu .leftmenu > li:before{content:"";position:absolute;/* width: 1px; */height: 10px;background: #ffffff3b;top: 25px;}
.main-menu .mainmenu .leftmenu > li > a{
    padding: 10px 10px;
    display: flex;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    align-items: center;
    font-size: 14px;
    gap: 10px;
    position:relative;
    letter-spacing: 1px;
}
.main-menu .mainmenu .leftmenu > li > a.active{
    background: #001F3F;
}
.main-menu .mainmenu .leftmenu > li > a.active:before{content:"";position:absolute;width: 100%;height: 2px;background: #ff9800;bottom: 0;right: 0;left: 0;}
 
.main-menu .mainmenu .leftmenu > li:first-child::before{width: 0;}
.main-menu .mainmenu .leftmenu > li > ul{
   border: none;
   top: 100%;
   left: 0;
   z-index: -1;
   opacity: 0;
   width: 250px;
   display: block;
   border-radius: 0;
   padding: 10px 0;
   position: absolute;
   visibility: hidden;
   opacity: 0;
   margin-top: 10px;
   list-style: none;
   background: #ffffff;
   -webkit-transition: .6s;
   transition: .6s;
   box-shadow: 1px 5px 15px 0 rgb(0 0 0 / 10%);
   text-align: left;
   padding: 8px;
   border-top: 5px solid #ff9800;
   /* border-bottom: 5px solid #001f3f; */
}
 
.main-menu .mainmenu .leftmenu > li:hover > ul{opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 99;}
.main-menu .mainmenu .leftmenu > li > ul > li > a{
    font-size: 18px;
    color: #222222;
    padding: 5px 10px;
    display: block;
    font-family: times new roman;
}
.main-menu .mainmenu .rightbox{
    padding: 5px 10px;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    /* padding-right: 0; */
    align-items: center;
    align-content: center;
    width: 35%;
}
.main-menu .mainmenu .rightbox .applicantlogin{
    display: flex;
    color: #fff;
    text-transform: uppercase;
    background: #FF9800;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    align-items: center;
    font-weight: 600;
}
.main-menu .mainmenu .rightbox .applicantlogin svg{
    width: 17px;
    /* fill: #fff; */
    margin-right: 5px;
}
.main-menu .mainmenu .rightbox button.skipbtn{
    border: none;
    background: none;
    color: #fff;
    /* display: flex; */
}
.main-menu .mainmenu .rightbox button.achbtn{
    /* display: flex; */
    background: #eee1dc;
    padding: 5px 8px;
    border-radius: 3px;
    color: #fff;
    border: none;
    color: #000;
}
.main-menu .mainmenu .rightbox button.achbtn2{
    /* display: flex; */
    background: #c65257;
    padding: 5px 8px;
    border-radius: 3px;
    color: #fff;
    border: none;
}
.main-menu .mainmenu .rightbox button.achbtn3{
    /* display: flex; */
    background: #c65257;
    padding: 5px 8px;
    border-radius: 6px;
    color: #fff;
    border: none;
}

/* widget-video */
.widget-video{
    position: relative;
    height: 490px;
}
.widget-video video{width: 100%;-o-object-fit: cover;object-fit: cover;height: 100%;}


.widget-about{background: #ffffff;}
.widget-about .innerbox{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.widget-about .innerbox ul{
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    list-style: none;
    margin-top: -80px;
    background: #001f3f;
    /* margin: 0 auto; */
    border-radius: 15px;
}
.widget-about .innerbox ul li{
    width: 25%;
    position: relative;
    /* background: #000; */
    padding: 20px;
    border-left: 1px solid #eee1dc24;
}
.widget-about .innerbox ul li .subtitle{
    display: block;
    color: #fff;
    font-size: 18px;
}
.widget-about .innerbox ul li .subnum{
    display: block;
    font-size: 46px;
    font-weight: 800;
    color: #fff;
}
.widget-about .innerbox ul li svg{
    width: 4rem;
    position: absolute;
    right: 35px;
    top: 4em;
    HEIGHT: 4rem;
}
.widget-about .innerbox ul li:first-child{border:none;}
 
.widget-about .homeaboutus h3{
    font-size: 28px;
    font-weight: 600;
    color: #000;
}
.widget-about .homeaboutus p{
    font-size: 16px;
    text-align: justify;
}
.widget-about .homeaboutus a{
    color: #fff;
    display: inline-block;
    /* display: flex; */
    background: #ff9800;
    padding: 10px 30px;
    border-radius: 6px;
    margin-right: 5px;
    box-shadow: 0px 3px 9px 0 #ff980030;
}
.widget-about .messagebox{
    padding-top: 5%;
}
.widget-about .messagebox h3{
    font-size: 28px;
    font-weight: 600;
}
.widget-about .messagebox p{
    font-size: 16px;
    text-align: justify;
    margin-bottom: 25px;
}
.widget-about .messagebox a{
    color: #fff;
    display: inline-block;
    /* display: flex; */
    background: #2557d6e6;
    padding: 10px 30px;
    border-radius: 6px;
    margin-right: 5px;
    box-shadow: 0px 3px 9px 0 #3863cfa6;
}

 
.widget-about .messageimage img{width: 100%;}


.widget-nirf{padding: 3% 0;}
.widget-nirf .head{
    text-align: CENTER;
}
.widget-nirf .head h3{
    margin: 0;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 600;
    font-size: 30px;
}
.widget-nirf .head span{
    display: block;
    position: relative;
    padding-bottom: 9px;
    font-size: 20px;
}
.widget-nirf .head span:before{content: "";position: absolute;width: 150px;height: 1px;background: #000;margin: 0 auto;left: 0;right: 0;bottom: -4px;}
.widget-nirf .head span i{
    width: 23px;
    position: absolute;
    bottom: -13px;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 20px;
}
.widget-nirf .innerbox{
    padding-top: 15px;
}
.widget-nirf .innerbox p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
}

.widget-shiksha{
    background: #001f3f;
    padding: 3% 0;
}
.widget-shiksha .head{
    text-align: CENTER;
    padding-bottom: 2%;
}
.widget-shiksha .head h3{
    margin: 0;
    margin-bottom: 15px;
    color: #ffffffe6;
    font-weight: 400;
    font-size: 30px;
}
 
.widget-shiksha .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 30px;
}
.widget-shiksha .innerbox ul li{
    border: 1px solid #fff;
    text-align: center;
    padding: 2%;
    border-radius: 15px;
    width: 170px;
    height: 160px;
}
 
.widget-shiksha .innerbox ul li a figure img{
    width: 50px;
    margin-bottom: 15px;
}
.widget-shiksha .innerbox ul li a span{
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
    color: #fff;
}

/* widget-tab-box */
.widget-tab-box{
    padding: 5% 0;
}
 
.widget-tab-box .leftbox .tabbox{
    background: #001f3f;
    padding: 0 15px;
    padding-top: 15px;
}
.widget-tab-box .leftbox .tabbox ul{
    padding: 0;
    list-style: none;
    display: flex;
}
 
.widget-tab-box .leftbox .tabbox ul li a.active{
    color: #001f3f;
    background: #fff;
    border-radius: 5px 5px 0 0;
}
.widget-tab-box .leftbox .tabbox ul li a{
    color: #fff;
    padding: 14px 15px;
    display: block;
    font-size: 16px;
}
.widget-tab-box .leftbox .tabcontentbox{
    padding: 15px;
    border: 1px solid #eee;
}
 
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul li{
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul li a{
    display: flex;
    gap: 15px;
    align-items: center;
}
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul li a figure{
    width: 100px;
}
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul li a figure img{
    width: 100%;
}
 
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul li a .detbox h3{
    margin: 0;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}
.widget-tab-box .leftbox .tabcontentbox .tabboxinner ul li a .detbox span{
    color: #8f8f8f;
}

 
.widget-tab-box .rightbox h3{
    background: #001f3f;
    padding: 15px;
    margin: 0;
    color: #fff;
    text-align: CENTER;
    font-size: 20px;
    margin-bottom: 15px;
}
.widget-tab-box .rightbox ul{
    list-style: none;
    padding: 0;
}
.widget-tab-box .rightbox ul li{
    margin-bottom: 15px;
}
.widget-tab-box .rightbox ul li a{
    display: flex;
    background: #f1eee5;
}


.widget-tab-box .rightbox ul li a figure{
    width: 23%;
}
.widget-tab-box .rightbox ul li a figure img{
    width: 100%;
}
.widget-tab-box .rightbox ul li a .detbox{
    width: 75%;
    padding: 15px;
    /* display: flex; */
}
.widget-tab-box .rightbox ul li a .detbox h4{
    margin: 0;
    font-size: 24px;
    color: #000;
    margin-bottom: 7px;
    width: 100%;
}
.widget-tab-box .rightbox ul li a .detbox span{
    color: #606060;
}

.widget-grid{
    background: #001f3f;
    padding: 5% 0;
}
 
.widget-grid .gridbx .innerbox{
    background: #ffffff;
    padding: 10%;
    border-radius: 15px;
    text-align: CENTER;
    height: 250px;
}
.widget-grid .gridbx .innerbox h3{
    text-align: CENTER;
    color: #001f45;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
}
.widget-grid .gridbx .innerbox ul{
    padding-left: 20px;
    font-size: 16px;
    color: #fff;
}
.widget-grid .gridbx .innerbox ul li{
    text-align: left;
    color: #706f6f;
}
.widget-grid .gridbx .innerbox a{
    display: inline-block;
    color: #001f3f;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #001f3f;
}
.widget-grid .gridbx .innerbox p{
    font-size: 16px;
    color: #706f6f;
}

/* widget-gallery */
.widget-gallery{
    padding: 2% 0;
}
 
.widget-gallery .photogallery h3{
    display: inline-block;
    padding: 15px 0;
    font-size: 20px;
    color: #001f3f;
    border-radius: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
    position:relative;
}
.widget-gallery .photogallery h3:before{content:"";position:absolute;width: 100px;height: 1px;background: #001f3f;bottom: 5px;}
.widget-gallery .photogallery ul{
    padding: 0;
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 30px;
}

.widget-gallery .photogallery ul li img{
    width: 100%;

}
.widget-gallery .photogallery ul li span{
    display: block;
    padding: 10px;
    background: #fa9500;
    font-size: 16px;
    color: #ffffff;
}
.widget-gallery .photogallery a{
    display: inline-block;
    color: #fff;
    display: inline-block;
    background: #001f3f;
    padding: 7px 15px;
    border-radius: 3px;
    margin-right: 5px;
}
 
.widget-gallery .photogallery ul li.videogrid .innerbox{
    position: relative;
}
.widget-gallery .photogallery ul li.videogrid .innerbox span{
    position: absolute;

    margin: 0 auto;
    width: 60px;
    height: 45px;
    left: 0;
    right: 0;
    text-align: CENTER;
    top: 70px;
    background: #fff;
    color: #000;
}
 
footer{
    padding: 5% 0;
    background: #001F3F;
    /* padding: 0; */
    padding-bottom: 1%;
}
 
footer .quicklinks h3{
    margin: 0;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
}
footer .quicklinks h3:before{content:"";position:absolute;width: 100px;height: 1px;background: #fff;bottom: 0;}
footer .quicklinks ul{
    padding: 0;
    list-style: none;
}
 
footer .quicklinks ul li a{
    font-size: 16px;
    color: #f6f6f6;
    padding: 6px 0;
    display: block;
}
footer .quicklinks p{
    font-size: 16px;
    color: #fff;
}
 
footer .mapbox iframe{
    width: 100%;
    height: 200px;
}

 
.widget-banner img{width: 100%;}


.widget-breadcrumb{background: #f9f9f9;padding: 30px 0;border-bottom: 1px solid #eaecee;}
.widget-breadcrumb h3{margin: 0;}

.widget-bread{
    border-bottom: #eaecee solid 1px;
}
 
.widget-bread .head ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.widget-bread .head ul li{
    display: inline-block;
    padding: 10px 0;
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.widget-bread .head ul li a{
    padding-right: 5px;
    color: #6d6d6d;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
}

.widget-bread .head ul li i{
    color: #adadad;
    margin-right: 5px;
}
.aboutcontainer{
    padding: 30px 0;
}
 
.aboutcontainer .aboutpageleft p{
    color: #2b2b2b;
    font-size: 16px;
}
.aboutcontainer .aboutpageleft p strong{
    color: #000000;
}
.aboutcontainer .aboutpageleft h4{
    padding: 20px 0px;
    font-size: 20px;
}
.aboutcontainer .aboutpageleft ol, .aboutcontainer .aboutpageleft ul{padding-left: 15px;}
.aboutcontainer .aboutpageleft ol li, .aboutcontainer .aboutpageleft ul li{
    font-size: 16px;
    padding: 5px;
    margin-bottom: 4px;
    border-bottom: 1px solid #eee;
    text-align: justify;
}

footer .copyright{
    margin-top: 25px;
    padding: 10px 0;
    text-align: CENTER;
    color: #fff;
    border-top: 1px solid #eeeeee33;
}
footer .copyright p{
    font-size: 16px;
    padding-top: 9px;
    color: #ffffff;
}


 
footer .footercontact h3{
    margin: 0;
    color: #fff;
    margin-bottom: 15px;
}
footer .footercontact p{
    color: #fff;
}
footer .footercontact iframe{margin-top: 20px;}


.videopopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.videopopup .popup-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    animation: popupFade 0.3s ease-in-out;
    margin: 0 auto;
    top: 10%;
    background: #fff;
    padding: 2%;
}

@keyframes popupFade {
    from { transform: scale(0.8); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

#youtubeFrame {
    width: 100%;
    height: 450px;
    border-radius: 5px;
}

.close-popup {
    position: absolute;
    top: -13px;
    right: 5px;
    color: #000000;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}

 


.widget-team .head{
    text-align: CENTER;
}
.widget-team .head h3{
    margin: 0;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 600;
    font-size: 30px;
}
.widget-team .head span{
    display: block;
    position: relative;
    padding-bottom: 9px;
    font-size: 20px;
}
.widget-team .head span:before{content: "";position: absolute;width: 150px;height: 1px;background: #000;margin: 0 auto;left: 0;right: 0;bottom: -4px;}
.widget-team .head span i{
    width: 23px;
    position: absolute;
    bottom: -13px;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 20px;
}

 
.faqbox .innerbox{
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.faqbox .innerbox h5{
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
 
.faqbox .innerbox .faqcontent p{
    margin: 0;
}


 
.downloads .innerbox{
    display: flex;
    gap: 10px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 15px;
}
 
.downloads .innerbox .downdet h6{
    margin: 0;
    font-size: 18px;
    color: #000;
}
.downloads .innerbox .downdet h6 a{
    color: #000;
    text-decoration: none;
}
 
.news-updatebox{
    padding: 24px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    border-radius: 2px;
}
 
.news-updatebox a .news-det h3{
    margin: 0;
    font-size: 20px;
    color: #000;
    margin-bottom: 7px;
}
.news-updatebox a .news-det span{
    color: #a4a4a4;
}

.videocontainerg{
    padding: 3% 0;
}
 
.videocontainerg .videobox ul{
    padding: 0;
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 30px;
}

.videocontainerg .videobox ul li .innerbox{
    position: relative;
}

.videocontainerg .videobox ul li .innerbox figure img{
    width: 100%;
}
.videocontainerg .videobox ul li .innerbox figure span{
    position: absolute;
    margin: 0 auto;
    width: 60px;
    height: 45px;
    left: 0;
    right: 0;
    text-align: CENTER;
    top: 70px;
    background: #fff;
    color: #000;
    padding-top: 10px;
}


.photocontainerg .photobox img{width: 100%;}
.photogall li{
    width: 50%;
}
.photogall li img{width: 100%;}

.teamgrid{
    padding-top: 40px;
}
.teamgrid ul{
    display: flex;
    padding: 0;
    list-style: none;
    gap: 15px;
}

.teamgrid ul li{
    width: 20%;
}

.teamgrid ul li .innerbox{
    border: 1px solid #efefef;
    padding: 15px;
    border-radius: 5px;
}

.teamgrid ul li .innerbox figure{
    margin-bottom: 10px;
    aspect-ratio: 1 / 1.5;   /* square image */
    overflow: hidden;
}

.teamgrid ul li .innerbox figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;    /* fills box, crops if needed */
    display: block;
}

.teamgrid ul li .innerbox h3{
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.teamgrid ul li .innerbox span{
    font-size: 14px;
    text-align: center;
    display: block;
    box-shadow: 0px 4px 40px -10px rgba(0, 2, 3, 0.1);
}


.tabboxinner { display: none; }
.tabboxinner.active { display: block; }

.tabbox a.active {
    font-weight: bold;
    /* border-bottom: 2px solid #000; */
}


.widget-apply{
    background: #FAF7F0;
    padding: 5% 0;
}
.widget-apply .leftbox{
    text-align: center;
}
.widget-apply .leftbox .head{
    display: inline-block;
    border: 1px solid #FF9933;
    padding: 10px;
    background: #fff;
}
.widget-apply .leftbox .head .tag{
    background: #FF9933;
    font-size: 12px;
    display: inline-block;
    padding: 1px 5px;
    color: #fff;
}

.widget-apply .leftbox h3{
    font-size: 4em;
    font-weight: 600;
    color: #001f3f;
    position: relative;
    margin-bottom: 30px;
}
.widget-apply .leftbox p{
    font-size: 16px;
    color: #626262;
    margin-bottom: 23px;
}
.widget-apply .leftbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
    justify-content: center;
}
.widget-apply .leftbox ul li{
    width: 27%;
}
.widget-apply .leftbox ul li a{
    text-decoration: none;
    display: block;
    padding: 13px 15px;
    background: #001f3f;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    border: 2px solid #001f3f;
    border-radius: 6px;
    width: 100%;
    font-weight: 600;
}

.widget-apply .leftbox ul li a.track{
    background: #fff;
    color: #001f3f;
}
.widget-apply .leftbox ul li a.verify{
    background: #fff;
    color: #B8860B;
    border-color: #B8860B;
}
.widget-apply .leftbox h3:before{position: absolute;content:"";width: 150px;height: 3px;background: #FF9933;bottom: -14px;margin: 0 auto;left: 0;right: 0;}
.widget-apply .leftbox h3:after{position: absolute;content:"";width: 60px;height: 3px;background: #138808;bottom: -14px;left: 220px;right: 0;margin: 0;margin: 0 auto;}


.widget-apply .rightbox .innerbox{
    border: 1px solid #FF9933;
    padding: 0;
    background: #fff;
}
.widget-apply .rightbox h3{
    margin: 0;
    padding: 15px;
    background: #001e3d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0;
    padding-left: 35px;
}
.widget-apply .rightbox h3 svg{
    width: 20px;
    position: absolute;
    left: 10px;
    fill: #ff9933;
}
.widget-apply .rightbox h3 a{
    font-size: 14px;
    color: #fff;
    font-size: 12px;
}
.widget-apply .rightbox h3 span{
    font-size: 16px;
    color: #fff;
}
.widget-apply .rightbox ul{
    padding: 20px;
    list-style: none;
}
.widget-apply .rightbox ul li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.widget-apply .rightbox ul li a{
    display: flex;
    gap: 15px;
    text-decoration: none;
    align-items: center;
}
.widget-apply .rightbox ul li .datebox{
    width: 15%;
    text-align: center;
    border-right: 1px solid #eee;
    padding-right: 5px;
}
.widget-apply .rightbox ul li .datebox span.datehead{
    display: block;
    font-size: 29px;
    font-weight: 600;
    color: #001f3f;
}
.widget-apply .rightbox ul li .datebox span.monthhead{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
}
.widget-apply .rightbox ul li .notifybox{
    width: 85%;
}
.widget-apply .rightbox ul li .notifybox span.notice{
    display: inline-block;
    background: #eee;
    padding: 5px 9px;
    border-radius: 2px;
    color: #000;
}
.widget-apply .rightbox ul li .notifybox span.success {
    background: #4caf5030;
    color: #4CAF50;
    }
.widget-apply .rightbox ul li .notifybox span.warning {
    background: #ffc1072b;
    color: #b48e1b;
}
.widget-apply .rightbox ul li .notifybox span.danger {
    background: #ff572233;
    color: #F44336;
}
.widget-apply .rightbox ul li .notifybox span.lastupdate {
    display: inline-block;
    font-size: 12px;
    color: #898989;
}
.widget-apply .rightbox ul li .notifybox h4{
    font-size: 16px;
    color: #000;
    margin-bottom: 8px;
    line-height: normal;
}

.widget-breadcrumb-log{
    background: #F5F0E6;
    border-bottom: 1px solid #e0d8ca;
}

.widget-breadcrumb-log .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
    align-items: center;
    gap: 19px;
}
.widget-breadcrumb-log .innerbox ul li{
    color: #414141;
    font-weight: 600;
}
.widget-breadcrumb-log .innerbox ul li a{position: relative;padding: 7px 0;display: block;color: #575757;font-weight: 100;}
.widget-breadcrumb-log .innerbox ul li a svg{width: 13px;color: #414141;}
.widget-breadcrumb-log .innerbox ul li a::before{content:"/";position: absolute;right: -12px;}



.widget-acc-category{
    padding: 2% 0;
}
.widget-acc-category .head{
    padding-bottom: 20px;
}
.widget-acc-category .head .steptag{
    display: inline-block;
    font-size: 13px;
    background: #003366;
    color: #fff;
    padding: 5px 10px;
}
.widget-acc-category .head h3{position: relative;margin: 0;font-size: 33px;font-weight: 600;margin: 11px 0;padding-bottom: 15px;color: #000;}
.widget-acc-category .head h3::before{content: "";position: absolute;width: 100px;left: 0;bottom: 0;height: 4px;background: #FF9933;}
.widget-acc-category .head h3::after{content: ""; position: absolute;}
.widget-acc-category .head p{
    /* font-size: 16px; */
    padding-right: 25%;
    font-size: 16px;
    color: #626262;
}


.widget-acc-category .step1box form .categorybox{
    display: flex;
    gap: 15px;
    padding-bottom: 10px;
}
.widget-acc-category .step1box form .categorybox label{
    position: relative;
}
.widget-acc-category .step1box form .categorybox label input{
    position: absolute;
    opacity: 0;
}
.widget-acc-category .step1box form .categorybox label .innerbox{
    padding: 20px;
    border: 2px solid #eee;
    border-top: 6px solid #eee;
}

.widget-acc-category .step1box form .categorybox label .innerbox .iconbox .icon{
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #c2991c;
    text-align: CENTER;
    padding-top: 9px;
    background: #f5f0e6;
}
.widget-acc-category .step1box form .categorybox label .innerbox .iconbox .icon svg{width: 28px;color: #c2991c;}
.widget-acc-category .step1box form .categorybox label .innerbox .cathead{
    margin-top: 15px;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #c2991c;
}
.widget-acc-category .step1box form .categorybox label .innerbox h4{
    font-weight: 600;
    font-size: 20px;
}
.widget-acc-category .step1box form .categorybox label .innerbox p{
    font-size: 13px;
    font-weight: 500;
    color: #8c8b8b;
    margin-bottom: 18px;
}
.widget-acc-category .step1box form .categorybox label .innerbox .dochead{
    font-size: 12px;
    color: #001f3f;
    margin-bottom: 9px;
    display: block;
}
.widget-acc-category .step1box form .categorybox label .innerbox ul{
    padding-left: 15px;
    margin-bottom: 25px;
}
.widget-acc-category .step1box form .categorybox label .innerbox ul li{
    font-size: 12px;
    font-weight: 400;
}

.widget-acc-category .step1box form .categorybox label .innerbox .pricebox{
    border-top: 2px dashed #dedede;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.widget-acc-category .step1box form .categorybox label .innerbox .pricebox .pricetag span{
    font-size: 12px;
    font-weight: 100;
    color: #b7b7b7;
    display: inline-block;
    margin-right: 3px;
}

.widget-acc-category .step1box form .categorybox label .innerbox .pricebox .priceaction .selectbox{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #001f3f;
}
.widget-acc-category .step1box form .categorybox label .innerbox .pricebox .priceaction .selected{
    display: none;
}

.widget-acc-category .step1box form .categorybox label.active .selectbox{
    display: none !important;
}
.widget-acc-category .step1box form .categorybox label.active .selected{
    display: block !important;
    background: #001f3f;
    font-size: 12px;
    padding: 3px 7px;
    color: #fff;
}

.widget-acc-category .step1box form .categorybox label.active .innerbox{
    border-color: #001f3f;
    border-top-color: #FF9800;
    box-shadow: 0px 4px 10px 0 #001f3f40;
}

.widget-acc-category .step1box .outerbox{/* display: none; */width: 680px;margin: 0 auto;}
.widget-acc-category .step1box .otherbox{
    border: 1px solid #e0e0e0;
    text-align: CENTER;
    padding: 8%;
    background: #ffffff;
    display: flex;
    gap: 15px;
    border-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
}
.widget-acc-category .step1box .outerbox .lbloutbox{
    width: 100%;
    display: flex;
    gap: 10px;
}
.widget-acc-category .step1box .otherbox .lblbx{
    width: 100%;
    text-align: left;
}
.widget-acc-category .step1box .otherbox .lblbx > span{
    display: block;
    margin-bottom: 0;
    font-weight: 600;
}
 
.widget-acc-category .step1box .otherbox .lblbx label{
    border: 1px solid #d2d2d2;
    width: 100%;
    display: flex;
    padding-right: 8px;
}
.widget-acc-category .step1box .otherbox .lblbx label .iconbox{
    background: #eee;
    padding: 10px 13px;
}
 
.widget-acc-category .step1box .otherbox .lblbx label  select{
    width: 100%;
    border: none;
    padding-right: 10px;
    outline: none;
    padding-left: 10px;
}
.widget-acc-category .step1box .otherbox .lblbx label input{
    border: none;
    padding-right: 10px;
    outline: none;
    padding-left: 10px;
}
.widget-acc-category .step1box .otherbox .innerlabel{
    width: 50%;
    text-align: left;
}
.widget-acc-category .step1box .otherbox .innerlabel span{
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
    text-transform: uppercase;
    color: #c2991c;
    letter-spacing: 1px;
}
.widget-acc-category .step1box .otherbox .innerlabel input{
    width: 100%;
    border: 1px solid #d8d0bf;
    outline: none;
    padding: 10px;
}
.widget-acc-category .step1box .buttonbox{
    text-align: right;
    padding: 15px 0;
}
.widget-acc-category .step1box .buttonbox button{
    display: inline-block;
    padding: 12px 33px;
    background: #001f3f;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 4px 10px 0 #001f3f40;
}


 
.responsebox .error ul{
    padding: 0;
    list-style: none;
}
.responsebox .error ul li{
    padding: 15px;
    border: 1px solid #F44336;
    background: #f443362e;
    color: #F44336;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
}


 
.timelinebox .innerbox{
    padding: 5%;
    border: 1px solid #b8b8b8;
    margin-bottom: 15px;
    border-top: 5px solid #ff9933;
}
.timelinebox .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
    gap: 20px;
    margin: 0;
}
.timelinebox .innerbox ul::before{content: "";position: absolute;width: 100%;height: 3px;background: #ebebeb;top: 32px;z-index: -1;}
.timelinebox .innerbox ul li{
    text-align: CENTER;
}
.timelinebox .innerbox ul li .stepno{
    background: #fff;
    display: inline-block;
    border: 1px solid #001f3f;
    padding: 7px;
    height: 65px;
    width: 65px;
    margin-bottom: 10px;
}
.timelinebox .innerbox ul li .stepno span{
    padding: 10px;
    border: 1px solid #eee;
    display: block;
    width: 50px;
    background: #001f3f;
    height: 50px;
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
}
 
.timelinebox .innerbox ul li .daybox span{
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #c69a19;
}
.timelinebox .innerbox ul li h3{
    font-size: 16px;
    font-weight: 600;
}
.timelinebox .innerbox ul li p{
    font-size: 12px;
    color: #8b8b8b;
    margin: 0;
}


 
.stepshow ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 25px;
}
.stepshow ul li{
    border: 1px solid #bdbdbd;
    padding: 25px;
    border-top: 5px solid #ff9933;
}
.stepshow ul li .iconbox{
    display: flex;
    gap: 11px;
    align-items: center;
    margin-bottom: 12px;
}
.stepshow ul li .iconbox .icon_span{
    border: 1px solid #cbaa66;
    width: 40px;
    height: 40px;
    text-align: CENTER;
    padding-top: 10px;
    border-radius: 3px;
    background: #f4f0e7;
}
.stepshow ul li .iconbox .icon_span svg{width: 20px;fill: #a5823b;}
 
.stepshow ul li .iconbox .icon_content h4{
    margin: 0;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.stepshow ul li p{
    margin: 0;
    font-size: 12px;
    color: #8b8b8b;
    margin: 0;
}

.boxdata{
    text-align: RIGHT;
}
 
.boxdata form button{  display: inline-block;
    padding: 12px 33px;
    background: #001f3f;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 4px 10px 0 #001f3f40;}


.leftboxtab{
    border-right: 1px solid #e8e8e8;
}    
.leftboxtab .innerbox{
    padding: 0;
    background: #f5f0e6;
}    
.leftboxtab .innerbox .applicantbox{
    border-bottom: 1px solid #e7dece;
    padding: 25px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}    
.leftboxtab .innerbox .applicantbox .subhead{
    font-weight: 600;
    font-size: 12px;
    color: #c8a04f;
}    
.leftboxtab .innerbox .applicantbox h3{font-size: 18px;margin: 0;font-weight: 600;margin-top: 4px;}    
.leftboxtab .innerbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
}    
.leftboxtab .innerbox ul li{
    display: flex;
    gap: 20px;
    padding: 15px 20px;
    align-items: center;
    padding-bottom: 30px;
}    
.leftboxtab .innerbox ul li.active{
    background: #fff;
    padding: 15px 15px;
    border-left: 4px solid #d37f2a;
}    
    
.leftboxtab .innerbox ul li .iconbox{
    width: 40px;
}    
.leftboxtab .innerbox ul li .iconbox span{
    display: inline-block;
    padding: 9px;
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    text-align: CENTER;
}    
.leftboxtab .innerbox ul li .contentlist{}    
.leftboxtab .innerbox ul li .contentlist .head{
    display: block;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
}    
.leftboxtab .innerbox ul li .contentlist .inprogress{
    font-size: 12px;
}    
.leftboxtab .innerbox ul li .contentlist .completeprogress{}    

.stepforms{}
.stepforms .innerbox{
    padding: 20px;
    border: 1px solid #eee;
    border-top: 5px solid #003264;
}
.stepforms .innerbox .formhead{
    display: block;
    color: #dba912;
    margin-bottom: 10px;
}

.stepforms .boxform{}
.stepforms .boxform .innerboform{}
.stepforms .boxform .innerboform > label{
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}
.stepforms .boxform .innerboform > .inputbox_radio{
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.stepforms .boxform .innerboform > .inputbox_radio .radiobox{
    width: 25%;
    border: 1px solid #eee;
    display: flex;
    padding: 10px 15px;
    gap: 10px;
}
.stepforms .boxform .innerboform > .inputbox_radio .radiobox input[type='radio']{}
.stepforms .boxform .innerboform > .inputbox_radio .radiobox .cnbox{}
.stepforms .boxform .innerboform > .inputbox_radio .radiobox .cnbox .head{
    padding: 0;
    display: block;
    font-weight: 600;
}
.stepforms .boxform .innerboform > .inputbox_radio .radiobox .cnbox .subhead{
    font-size: 11px;
    color: #818080;
    display: block;
}
.stepforms .boxform .innerboform > .inputbox_radio .radiobox.active{border-color: #001f3f;background: #f5f0e6;}
.stepforms .boxform .inp_form{
    display: flex;
    gap: 20px;
}
.stepforms .boxform .inp_form .inlbl{
    display: flex;
    gap: 15px;
    width: 100%;
}
.stepforms .boxform .inp_form .inlbl .innerlbl{
    width: 100%
}
.stepforms .boxform .inp_form .inlbl .innerlbl > span{
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 12px;
}
.stepforms .boxform .inp_form .inlbl .innerlbl > span > span{}
.stepforms .boxform .inp_form .inlbl .innerlbl input{
    width: 100%;
    outline: none;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #d7d7d7;
}


.stepforms .boxform .inp_form .inlbl .innerlbl textarea{
    width: 100%;
    outline: none;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #d7d7d7;
}
.stepforms .boxform .inp_form .inlbl .innerlbl select{
    width: 100%;
    outline: none;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #d7d7d7;
}
.stepforms .boxform .inp_form .accred{
    width: 100%;
    position: relative;
    margin-bottom: 13px;
}
.stepforms .boxform .inp_form .accred .accred_box{
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 5px;
    height: 44px;
    margin-top: 10px;
    display: flex;
    padding-left: 75px;
    align-items: center;
}
.stepforms .boxform .inp_form .accred .accred_box .listitem{
    display:inline-block;
    padding: 2px 6px;
    margin: 4px;
    border: 1px solid #c8a04f;
    border-radius: 0;
    position:relative;
    background: #fffaf0;
    color: #c8a04f;
}
.stepforms .boxform .inp_form .accred .accred_box .removeAcc{
    cursor:pointer;
    margin-left:8px;
    color: #dfb14f;
}

#accredModal{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    display:none;
    z-index:9999;
}

.modal-content{
    width:400px;
    background:#fff;
    padding:20px;
    margin:100px auto;
    border-radius: 3px;
}


#add_acc{
    position: absolute;
    left: 10px;
    bottom: 8px;
    background: none;
    border: 1px solid #001f3f;
    font-weight: 500;
    color: #fff;
    border-radius: 2px;
    background: #001f3f;
    padding: 3px 10px;
}

.modal-content h4{
    text-align: center;
    margin: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.modal-content #save_accreditation{
    display: inline-block;
    border: none;
    background: #233140;
    padding: 5px 20px;
    border-radius: 2px;
    color: #fff;
}
.modal-content #close_modal{
    display: inline-block;
    border: none;
    background: #0000002e;
    padding: 5px 20px;
    border-radius: 2px;
    color: #fff;
}
.modal-content input{
    width: 100%;
    padding: 10px;
    border: 1px solid #a9a9a9;
    margin-bottom: 10px;
    outline: none;
}

.boxscope{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.boxscope .scopeitem{
    /* width: 100%; */
}
.boxscope .scopeitem label{
    position: relative;
    padding: 8px 15px;
    background: #f3f3f3;
    width: 100%;
    border: 1px solid #bfbfbf;
}
.boxscope .scopeitem.active label{
    background: #001f3f;
    border-color: #001f3f;
}
.boxscope .scopeitem label input{
    display: none;
}
.boxscope .scopeitem label span{
    color: #383838;
    font-size: 12px;
    display: block;
    font-weight: 700;
}

.boxscope .scopeitem.active label span{
    color: #fff;
}

.topheader{
    background: #001F3F;
}
.topheader .topleftbox{
    border-bottom: 4px solid #FF9933;
}
.topheader .topleftbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
}
.topheader .topleftbox ul li{position: relative;}
.topheader .topleftbox ul li a{
    display: inline-block;
    padding: 10px 10px;
    color: #ffffff;
    font-size: 13px;
}
.topheader .topleftbox ul li:before{content:"";position: absolute;width: 1px;height: 9px;background: #eeeeee38;right: -5px;top: 15px;}
.topheader .middlebox{
    border-bottom: 4px solid #ffffff;
    height: 42px;
}
.topheader .toprightbox{
    border-bottom: 4px solid #138808;
}
.topheader .toprightbox ul{   padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;}
.topheader .toprightbox ul li{position: relative;}
.topheader .toprightbox ul li::before{content:"";position: absolute;width: 1px;height: 9px;background: #eeeeee38;right: -5px;top: 15px;}
.topheader .toprightbox ul li a{ display: inline-block;
    padding: 10px 10px;
    color: #ffffff;
    font-size: 13px;}
.topheader .toprightbox ul li span{
    display: block;
    padding: 9px 9px;
    color: #fff;
}


.fileuploadbox{
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.fileuploadbox .boxupload{
    width: 50%;
}
.fileuploadbox .boxupload .uploadbox{
    border: 1px solid #dcdcdc;
    padding: 20px;
    display: flex;
    gap: 10px;
    border-left: 5px solid #FF9933;
}
.fileuploadbox .boxupload .uploadbox input[type='file']{
    display: none;
}
.fileuploadbox .boxupload .uploadbox .iconbox{
    background: #001f3f;
    width: 15%;
    color: #fff;
    text-align: CENTER;
    padding-top: 15px;
    padding-bottom: 15px;
}
.fileuploadbox .boxupload .uploadbox .iconbox .icn{
    display: block;
    text-align: center;
}
.fileuploadbox .boxupload .uploadbox .iconbox .txt{}
.fileuploadbox .boxupload .uploadbox .uploadboxinner{}
.fileuploadbox .boxupload .uploadbox .uploadboxinner .subhead{
    font-weight: 600;
    font-size: 12px;
    color: #c8a04f;
}
.fileuploadbox .boxupload .uploadbox .uploadboxinner h4{
    margin: 5px 0;
    font-weight: 600;
    font-size: 16px;
}
.fileuploadbox .boxupload .uploadbox .uploadboxinner .browsetag{
    display: block;
    font-size: 12px;
    color: #747474;
}

.fileuploadbox .boxupload .successuploadbox{
    border: 2px solid #dcdcdc;
    padding: 20px;
    display: flex;
    gap: 10px;
    border-left: 5px solid #4CAF50;
    position: relative;
    }


    .fileuploadbox .boxupload .successuploadbox .iconbox{
    background: #f4433629;
    width: 15%;
    color: #bc271c;
    text-align: CENTER;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #bc271c;
}
.fileuploadbox .boxupload .successuploadbox .iconbox .icn{
    display: block;
    text-align: center;
}
.fileuploadbox .boxupload .successuploadbox .iconbox .txt{}
.fileuploadbox .boxupload .successuploadbox .uploadboxinner{}
.fileuploadbox .boxupload .successuploadbox .uploadboxinner .subhead{
    font-weight: 600;
    font-size: 12px;
    color: #c8a04f;
}
.fileuploadbox .boxupload .successuploadbox .uploadboxinner a{
    position: absolute;
    right: 5px;
    top: 5px;
    background: #3f51b51c;
    padding: 5px 10px;
    color: #3F51B5;
    border-radius: 4px;
}
.fileuploadbox .boxupload .successuploadbox .uploadboxinner button[type='button']{
    position: absolute;
    right: 44px;
    top: 5px;
    background: #ffeae4;
    padding: 5px 10px;
    color: #FF5722;
    border-radius: 4px;
    border: none;
}
.fileuploadbox .boxupload .successuploadbox .uploadboxinner h4{
    margin: 5px 0;
    font-weight: 600;
    font-size: 16px;
}
.fileuploadbox .boxupload .successuploadbox .uploadboxinner .browsetag{
    display: block;
    font-size: 12px;
    color: #747474;
}


.viewform{}
.viewform .innerbox{
    padding: 20px;
    border: 1px solid #eee;
    border-top: 5px solid #001f3f;
}
.viewform .innerbox .headerbox{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 15px;
}
.viewform .innerbox .headerbox .leftbox{}
.viewform .innerbox .headerbox .leftbox .subhead{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #c2991c;
    display: block;
    margin-bottom: 5px;
}
.viewform .innerbox .headerbox .leftbox h4{
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #001f3f;
    margin-bottom: 3px;
}
.viewform .innerbox .headerbox .leftbox .thirdhead{
    color: #969696;
    font-style: italic;
}
.viewform .innerbox .headerbox .rightbox{
    text-align: right;
}
.viewform .innerbox .headerbox .rightbox .ref{
    display: block;
    display: block;
    color: #969696;
    font-size: 12px;
}
.viewform .innerbox .headerbox .rightbox .regno{
    display: block;
    font-weight: 600;
   
    color: #001f3f;
}
.viewform .innerbox .headerbox .rightbox .dt{
    display: block;
    color: #969696;
    font-size: 12px;
}

.con-box{
    padding: 14px 0px;
}
.con-box p{padding: 0 !important;font-size: 14px !important;color: #000 !important;margin-bottom: 24px;}
.con-box p u{font-weight: 600;}
.con-box ul{
    list-style: none;
    padding: 0;
    list-style: none;
}
.con-box ul li{position: relative;padding-bottom: 16px;padding-left: 25px;color: #000;}
.con-box ul li:before{content: "";position: absolute;width: 18px;height: 18px;border: 1px solid #b1b1b1;left: 0;top: 4px;}
.con-box ul li.active{}
.con-box ul li.active::before{content:"\f00c";background: #001f3f;font-family: 'FontAwesome';border-color: #001f3f;color: #fff;font-size: 12px;text-align: center;}

.paybox{}
.paybox .innerbox{
    padding: 20px;
    border: 1px solid #eee;
    border-top: 5px solid #ff9800;
}
.paybox .innerbox .head{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #c2991c;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 0;
}
.paybox .innerbox .cthead{
    color: #969696;
    font-style: italic;
}
.paybox .innerbox h4{
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #001f3f;
    margin-bottom: 3px;
}

.paybox ul{
    padding: 0;
    list-style: none;
    padding-top: 15px;
    border-top: 2px solid #eee;
    margin-top: 15px;
}
.paybox ul li{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed #c8c8c8;
}
.paybox ul li span{}
.paybox ul li span:last-child{
    font-weight: 600;
}
.paybox .pricebox{
    border-top: 2px solid #000;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.paybox .pricebox span.ttpay{
    color: #939393;
}
.paybox .pricebox span.ttamount{
    font-size: 30px;
    font-weight: 600;
    color: #001f3f;
}
.paybox .amountinword{
    font-size: 12px;
    color: #939393;
}


.widget-submitbox{
    background: #041c34;
    border-top: 5px solid #FF9800;
    padding: 10px 0;
}
.widget-submitbox .secure-payment-info{
    font-size: 12px;
    color: #8f8f8f;
    padding: 11px 0;
}
.widget-submitbox .rightbox{
    display: flex;
    align-items: center;
    gap: 15px;
}
.widget-submitbox .rightbox a{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #eee;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
.widget-submitbox .rightbox form{}
.widget-submitbox .rightbox form button{
    display: block;
    padding: 11px 35px;
    border: none;
    color: #ffffff;
    background: #ff9800;
}


.widget-success{
    background: #138808;
    padding: 2% 0;
}
.widget-success .successbox{
    display: flex;
    gap: 15px;
    align-items: center;
}
.widget-success .successbox .iconbox{
    background: #fff;
    width: 70px;
    font-size: 31px;
    text-align: CENTER;
    padding: 15px;
    color: #138708;
}
.widget-success .successbox .iconbox i{}
.widget-success .successbox .otherbox{}
.widget-success .successbox .otherbox .subhead{
    color: #fff;
    font-size: 12px;
}
.widget-success .successbox .otherbox h3{
    margin: 7px 0px;
    font-weight: 600;
    color: #fff;
    font-size: 28px;
}
.widget-success .successbox .otherbox .othhead{
    color: #fff;
    font-size: 12px;
}

.widget-apply .loginbox{}
.widget-apply .loginbox .innerbox{
    border: 1px solid #ece4d0;
    padding: 0;
    background: #fff;
    padding: 5% 50px;
    border-radius: 20px;
    box-shadow: #b8860b08 -2px 5px 6px;
}
.widget-apply .loginbox .innerbox h3{
    margin: 0;
    text-align: CENTER;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
}
.widget-apply .loginbox .innerbox figure{
    text-align: CENTER;
}
.widget-apply .loginbox .innerbox figure img{
    width: 130px;
}
.widget-apply .loginbox .innerbox form{}
.widget-apply .loginbox .innerbox form label{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #bcbcbc;
    margin-bottom: 15px;
    position: relative;
    border-radius: 8px;
}
.widget-apply .loginbox .innerbox form > span{
    font-weight: 600;
    display: inline-block;
    margin-bottom: 4px;
    padding-left: 3px;
  
}
.widget-apply .loginbox .innerbox form label i{
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 14px;
    border-right: 1px solid #9c9c9c;
    color: #000;
    background: #eee;
    height: 60px;
    border-radius: 8px 0 0 8px;
}
.widget-apply .loginbox .innerbox form label span{
    position: absolute;
    top: -25px;
    font-weight: 600;
    background: none;
    padding: 0 6px;
    z-index: 1;
    left: -3px;
}
.widget-apply .loginbox .innerbox form label input{
    outline: none;
    outline: none;
    width: 100%;
    border: none;
    width: 100%;
    padding: 10px;
    padding-left: 40px;
}
.widget-apply .loginbox .innerbox form > button{
    display: block;
    padding: 13px 30px;
    background: #001f3f;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: 2px solid #001f3f;
    border-radius: 5px;
}

#savedraft{
    padding: 10px 15px;
    background: #ffffff;
    color: #001f3f;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: 2px solid #001f3f;
}
#savenext{
    padding: 10px 15px;
    background: #001f3f;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: 2px solid #001f3f;
}
button[type='reset']{
    padding: 10px 15px;
    background: #eeeeee;
    color: #4b4a4a;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: 2px solid #bebdbd;
}
button[type='submit']{padding: 10px 15px;
    background: #001f3f;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: 2px solid #001f3f;}

.logoutbtn{
    padding: 10px;
    display: block;
}    
.logoutbtn svg{
    width: 30px;
    color: #fff;
}    


.blogpageleft .contentbox p {
    color: #2b2b2b;
    font-size: 16px;
}

.widget-otp-box{
    padding: 5% 0;
    background: #fff9ef;
}
.widget-otp-box .innerbox{
    /* font-size: 35px; */
    text-align: center;
    margin-bottom: 0;
    font-weight: 300;
    background: linear-gradient(309deg, #003366 0%, #031425 100%);
    padding: 30px;
    text-align: center;
    color: white;
    border-radius: 18px;
    width: 400px;
    margin: 0 auto;
    text-align: CENTER;
}
.widget-otp-box .innerbox h3{
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}
.widget-otp-box .innerbox form{}
.widget-otp-box .innerbox form .fields{}
.widget-otp-box .innerbox form .fields p{}
.widget-otp-box .innerbox form .fields input{
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    color: #01305f;
    outline: none;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: 10px;
}
.widget-otp-box .innerbox form .fields-btn button{background: #ff9800;padding: 10px 50px;color: #fff;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;border-radius: 6px;border: 2px solid #ff9800;}

#resendOtpBtn{
    display: inline-block;
    padding: 7px 15px;
    background: #fff;
    border: 2px solid #001f3f;
    color: #001f3f;
    text-transform: uppercase;
    border-radius: 5px;
}

.btnapply{position:relative;text-align: center;display: inline-block;background: #FF5722;padding: 12px 18px;border-radius: 8px;font-weight: 600;color: #ffffff;text-transform: uppercase;}
.btnapply:before{content:""; position:absolute;}

.frgtpass{
    display: inline-block;
    color: #053d77;
    margin-bottom: 13px;
    font-weight: 600;
}
.lgnbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lgnbox span{
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
    color: #053d77;
}
.lgnbox span i{}
.lgnbox button{
    display: flex;
    padding: 7px 12px;
    border-radius: 4px;
    background: #000;
    background: #001f3f;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    border: 2px solid #001f3f;
    /* width: 181px; */
    align-items: center;
    gap: 10px;
    padding-right: 20px;
}
.lgnbox button svg{
    width: 30px;
}
.sgnbtn{
    display: block;
    padding: 15px 10px;
    border-radius: 4px;
    /* background: #000; */
    background: #001f3f;
    color: #fff;
    text-transform: uppercase;
    text-align: CENTER;
    text-align: CENTER;
    letter-spacing: 1px;
    border: 2px solid #001f3f;
    }
    .sgnbtn:hover{background: #032a52;color: #ffff;}
    
.signupbx{}    
.signupbx button{
    text-align: center;
    display: inline-block;
    background: #001f3f;
    padding: 12px 18px;
    border-radius: 6px;
    font-weight: 600;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
}    
    
    
.widget-home{position: relative;padding: 40px 0;margin-bottom: 45px;}    
.widget-home:before{content: "";position: absolute;width: 95%;background: #001f3f;bottom: 0;top: 0;border-radius: 0 150px 10px 0;}    
.widget-home .homeaboutus{
    text-align: right;
}    
.widget-home .homeaboutus p{
    color: #fff;
    font-size: 18px;
    text-align: initial;
}    
.widget-home .homeaboutus h3{
    font-size: 26px;
    color: #fff;
    text-align: left;
}    
.widget-home .homeaboutus a{
    display: inline-block;
    background: #FF5722;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}    


.guidepage{
    padding: 30px 0;
}
.guidepage p{
    font-size: 17px;
}

.faqtab{
    padding-top: 30px;
}
.faqtab ul{
    padding: 0;
    list-style: none;
}
.faqtab ul li{
    border: 1px solid #cccccc;
    padding: 25px;
    border-radius: 3px;
}
.faqtab ul li h3{
    margin: 0;
    font-size: 18px;
    color: #000;
    position:relative;
}
.faqtab ul li h3 i{position:absolute; right:0}
.faqtab ul li table{
    /* display: none; */
    margin-top: 20px;
}

.faqtab ul li table a{
    color: #0c75c9;
    font-size: 16px;
    /* border: 1px solid #2d2d2d; */
    /* padding: 2px 15px; */
}

.aboutpageleft{}
.aboutpageleft table{}
.aboutpageleft table thead{}
.aboutpageleft table thead tr{}
.aboutpageleft table thead tr th{}
.aboutpageleft table tbody{}
.aboutpageleft table tbody tr:first-child{}
.aboutpageleft table tbody tr:first-child td{
    padding: 10px;
    font-weight: 600;
    background: #001f3f;
    color: #fff;
}
.aboutpageleft table tbody tr{}
.aboutpageleft table tbody tr td{
    padding: 10px;
}

.photocontainerg{padding: 30px 0;}



    .widget-annoucement{
    padding-bottom: 30px;
    padding-top: 2%;
    background: #f4f9ff;
}
    .widget-annoucement .head{}
    .widget-annoucement .head h3{
    position: relative;
    padding-left: 20px;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;
}
    .widget-annoucement .head h3::before{content: "";position: absolute; width: 10px;height: 10px;background: #ff5722;left: 0;top: 8px;border-radius: 10px;}
    .widget-annoucement .tablist{}
    .widget-annoucement .tablist ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}
    .widget-annoucement .tablist ul li{}
  .widget-annoucement .tablist ul li a{
    display: block;
    padding: 8px 15px;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    border: 1px solid #eee;
}
    .widget-annoucement .tablist ul li a.active{
    background: #5d5deb;
    color: #fff;
    background: #5E5EEE;
    box-shadow: 0px 4px 40px -10px #5E5EEE;
    border: 1px solid #5E5EEE;
}


   .widget-annoucement .tabcontent{}
   .widget-annoucement .tabcontent ul{
    padding: 0;
    list-style: none;
}
   .widget-annoucement .tabcontent ul li{
    display: block;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 4px 40px -10px rgba(0, 2, 3, 0.1);
    padding: 25px;
    margin-bottom: 15px;
}
   .widget-annoucement .tabcontent ul li a{
    display: flex;
    gap: 15px;
}
   .widget-annoucement .tabcontent ul li a .datebox{
    padding-right: 15px;
    border-right: 1px solid  #eee;
}
   .widget-annoucement .tabcontent ul li a .datebox .dttag{
    display: block;
    font-size: 36px;
    text-align: CENTER;
    font-weight: 600;
    line-height: normal;
    color: #c8c8c8;
}
   .widget-annoucement .tabcontent ul li a .datebox .monthtag{
    line-height: normal;
    display: block;
    color: #9b9b9b;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
   .widget-annoucement .tabcontent ul li a .contentbox{}
   .widget-annoucement .tabcontent ul li a .contentbox .newstag{
    display: inline-block;
    font-size: 14px;
    background: #f5f5f5;
    padding: 5px 10px;
    border-radius: 4px;
    color: #3b3b3b;
    font-weight: 600;
    margin-bottom: 3px;
}
   .widget-annoucement .tabcontent ul li a .contentbox .newstag.successtag{
    background: #4caf5029;
    color: #4CAF50;
}
   .widget-annoucement .tabcontent ul li a .contentbox .newstag.pendingtag{
    background: #ffc10726;
    color: #ca9801;
}
   .widget-annoucement .tabcontent ul li a .contentbox .newstag.warningtag{
    background: #f4433626;
    color: #F44336;
}
   .widget-annoucement .tabcontent ul li a .contentbox h3{
    font-size: 16px;
    color: #000;
    margin-top: 4px;
    margin-bottom: 3px;
}
   .widget-annoucement .tabcontent ul li a .contentbox .lastupdate{
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    color: #a1a1a1;
}


.widget-collaboration{
    background: #fff;
    padding: 3% 0;
}
.widget-collaboration .head{}
.widget-collaboration .head h3{position: relative;
    padding-left: 20px;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;}
.widget-collaboration .head h3::before{content: "";position: absolute; width: 10px;height: 10px;background: #ff5722;left: 0;top: 8px;border-radius: 10px;}
.widget-collaboration .listdata{}
.widget-collaboration .listdata ul{
    display: flex;
    gap: 20px;
    padding: 0;
    list-style: none;
}
.widget-collaboration .listdata ul li{
    width: 25%;
}
.widget-collaboration .listdata ul li .innerbox{
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    box-shadow: 0px 4px 40px -10px rgba(0, 2, 3, 0.1);
}
.widget-collaboration .listdata ul li .innerbox figure{}
.widget-collaboration .listdata ul li .innerbox figure img{
    width: 100%;
}
.widget-collaboration .listdata ul li .innerbox h3{
    font-size: 18px;
    line-height: normal;
    margin: 0;
}
.widget-collaboration .listdata ul li .innerbox p{
    font-size: 16px;
}
.widget-collaboration .listdata ul li .innerbox a{
    display: inline-block;
    background: #001f3f;
    padding: 15px 18px;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    text-align: CENTER;
}

 
 

.updatesbox  table thead{}
.updatesbox  table thead tr{}
.updatesbox  table thead tr th{
    color: #fff;
    font-weight: 600;
    padding: 10px;
    background: #001f3f;
    font-weight: 400;
    border: none !important;
}
.updatesbox  table tbody{}
.updatesbox  table tbody tr{}
.updatesbox  table tbody tr:nth-child(even) {
    background-color: #d8d8d8;
}
.updatesbox  table tbody tr td{
    padding: 15px;
}


.faq-list{
    margin:0;
    padding:0;
    list-style:none;
}

.faq-list li{
    margin-bottom:20px;
}

.faq-list li h3{
    margin:0;
    padding: 16px 20px;
    border: 1px solid #001f3f;
    border-radius:20px;
    background:#fff;
    font-size: 18px;
    font-weight:600;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:.3s;
}

.faq-list li.active h3{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background: #71b7ff26;
    border: none;
}

.faq-list li h3 i{
    font-size:28px;
    color: #001f3f;
    transition:.3s;
}

.faq-list li.active h3 i{
    transform:rotate(180deg);
}

.faq-content{
    display:none;
    padding: 0 20px;
    border:1px solid #2d82ff;
    border-top:0;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    background: #71b7ff26;
    line-height:1.8;
    font-size: 17px;
    border: none;
    padding-bottom: 20px;
}

.faq-content p:last-child{
    margin-bottom:0;
}


.widget-map{
    background: #fefefe;
    padding: 5% 0;
    border-bottom: 1px solid #eee;
}
.widget-map .leftbox{}
.widget-map .leftbox h3{
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #001f3f;
    margin-bottom: 35px;
}
.widget-map .leftbox ul{
    margin-top: 15px;
    padding: 0;
    list-style: none;
}
.widget-map .leftbox ul li{
    display: inline-block;
    margin-right: 10px;
    padding: 8px 18px;
    border: 1px solid #dedede;
    margin-bottom: 8px;
    border-radius: 29px;
    font-weight: 600;
    box-shadow: 2px 2px 2px 0px rgba(0, 2, 3, 0.1);
    margin-bottom: 15px;
}
.widget-map .mappart{}
.widget-map .mappart img{width: 100%;}


.loginheader{
    padding: 30px 0;
}
.loginheader img{width: 500px;}


.widget-header-box{
    padding: 10px 0;
    /* box-shadow: 0px 3px 8px 0 #f5f5f5; */
    border-bottom: 1px solid #eee;
    background: #fff;
}
.widget-header-box .logobox{}
.widget-header-box .logobox img{
    width: 70px;
}

.widget-header-box .innerbox{display: flex;justify-content: space-between;align-items: center;}
.widget-header-box .rightbox{}
.widget-header-box .rightbox a{
    display: flex;
    gap: 10px;
    background: #2c3a8d;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.widget-header-box .rightbox a svg{
    width: 26px;
    color: #ffffff;
}

.dashboard-widget .sidebarleftbox{
    height: 100vh;
    border-right: 1px solid #eee;
    padding: 0;
    background: #fff;
}
.dashboard-widget .sidebarleftbox .innerbox{}
.dashboard-widget .sidebarleftbox h3{
    text-align: center;
    font-size: 19px;
    /* border-bottom: 1px solid #eee; */
    padding: 15px 0;
    margin: 0;
    background: #2c3a8d0f;
    color: #2c3a8d;
}
.dashboard-widget .sidebarleftbox ul{list-style: none;
    margin: 0;
    padding: 0;}
.dashboard-widget .sidebarleftbox ul li{
    position: relative;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    }
.dashboard-widget .sidebarleftbox ul li a{
    border-left: 3px solid transparent;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px;
    }
.dashboard-widget .sidebarleftbox ul li a svg{width: 25px;color: #2c3a8d;}
.dashboard-widget .sidebarleftbox ul li a span{color: #29343d;display: block;font-weight: 500;font-size: 16px;}
.dashboard-widget .sidebarleftbox ul li a i{
    color: #2c3a8d;
    width: 25px;
    text-align: center;
}


/* widget-pay */
 .widget-pay{
    min-height:100vh;
    background:#f5f7fb;
    display:flex;
    justify-content:center;
    align-items:center;
    /* padding:40px 15px; */
}

.paymentbox{
    width:100%;
    max-width:520px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    overflow:hidden;
}

.payment-header{
    text-align:center;
    padding:35px 25px 25px;
    border-bottom:1px solid #eee;
}

.payment-header img{
    width:90px;
    margin-bottom:15px;
}

.payment-header h2{
    font-size:28px;
    color:#1b1b1b;
    margin-bottom:8px;
    font-weight:700;
}

.payment-header p{
    color:#666;
    font-size:15px;
}

.payment-table{
    width:100%;
    border-collapse:collapse;
}

.payment-table tr{
    border-bottom:1px solid #ececec;
}

.payment-table td{
    padding:18px 25px;
    font-size:15px;
}

.payment-table td:first-child{
    width:45%;
    color:#666;
    font-weight:600;
    background:#fafafa;
}

.payment-table td:last-child{
    text-align:right;
    font-weight:600;
    color:#222;
}

.amount{
    color:#0d8b3e;
    font-size:22px;
    font-weight:700;
}

.status{
    display:inline-block;
    padding:7px 15px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    text-transform:capitalize;
}

.status.created{
    background:#fff4d8;
    color:#d88900;
}

.status.paid{
    background:#dff8e5;
    color:#11823b;
}

.status.failed{
    background:#ffe3e3;
    color:#d62828;
}

.status.pending{
    background:#e6f0ff;
    color:#2563eb;
}

.pay-btn{
    width:calc(100% - 50px);
    margin:30px 25px;
    padding:16px;
    border:none;
    border-radius:10px;
    background:#0d6efd;
    color:#fff;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
    margin-bottom: 0;
}

.pay-btn:hover{
    background:#084fc7;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(13,110,253,.35);
}

@media(max-width:576px){

    .paymentbox{
        border-radius:10px;
    }

    .payment-header{
        padding:25px 15px;
    }

    .payment-header img{
        width:70px;
    }

    .payment-header h2{
        font-size:24px;
    }

    .payment-table td{
        padding:15px;
        font-size:14px;
    }

    .amount{
        font-size:20px;
    }

    .pay-btn{
        margin:20px 15px;
        width:calc(100% - 30px);
    }

}



/* viewapplication */
.viewapplication{}
.viewapplication .innerbox{
    padding-top: 15px;
}
.viewapplication .innerbox .head{}
.viewapplication .innerbox .head h3{
    margin: 0;
    font-size: 16px;
    padding: 10px;
    border-left: 5px solid #2c3a8d;
    background: #f3f4ff;
    text-transform: uppercase;
    font-weight: 500;
    color: #2c3a8d;
}

.viewapplication .priviewbtn{
    padding-top: 15px;
}
.viewapplication .priviewbtn a{
    display: inline-block;
    padding: 10px 15px;
    background: #3F51B5;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}


.tracking-card{
    max-width:100%;
    margin:auto;
    background:#fff;
    border-radius:10px;
    padding:30px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.tracking-card h3{
    margin-bottom:25px;
    font-weight:700;
}

.track-item{
    display:flex;
    align-items:center;
    position:relative;
    padding-bottom:25px;
}

.track-item:last-child{
    padding-bottom:0;
}

.track-item::before{
    content:"";
    position:absolute;
    left:17px;
    top:35px;
    width:2px;
    height:100%;
    background:#ddd;
}

.track-item:last-child::before{
    display:none;
}

.track-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    margin-right:20px;
    color:#fff;
    flex-shrink:0;
}

.track-content h5{
    margin:0;
    font-size:16px;
}

.track-content small{
    color:#777;
}

.completed .track-icon{
    background:#28a745;
}

.current .track-icon{
    background:#ffc107;
    color:#000;
}

.pending .track-icon{
    background:#adb5bd;
}

.failed .track-icon{
    background:#dc3545;
}

.gallery-popup{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    z-index:99999;
    justify-content:center;
    align-items:center;
}

.gallery-popup img{
    max-width:90%;
    max-height:90%;
    object-fit:contain;
}

.gallery-popup .close{
    position:absolute;
    top:20px;
    right:35px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
    font-weight:bold;
}

.gallery-popup .prev,
.gallery-popup .next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,.2);
    color:#fff;
    border:none;
    font-size:40px;
    padding:10px 18px;
    cursor:pointer;
    transition:.3s;
}

.gallery-popup .prev:hover,
.gallery-popup .next:hover{
    background:#fff;
    color:#000;
}

.gallery-popup .prev{
    left:20px;
}

.gallery-popup .next{
    right:20px;
}

/* Full Screen Overlay */
.responsebox.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    animation: fadeIn .3s ease;
}

/* Message Box */
.message-box{
    background:#fff;
    width:360px;
    max-width:90%;
    border-radius:16px;
    padding:35px 30px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
    animation:popup .35s ease;
}

/* Loader */
.loader{
    width:60px;
    height:60px;
    border:5px solid #e5e5e5;
    border-top:5px solid #007bff;
    border-radius:50%;
    margin:0 auto 20px;
    animation:spin .8s linear infinite;
}

/* Success Icon */
.success-icon{
    width:70px;
    height:70px;
    line-height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#28a745;
    color:#fff;
    font-size:34px;
    font-weight:bold;
    animation:pop .4s ease;
}

.processing-box h3,
.success-box h3{
    margin:0 0 10px;
    font-size:24px;
}

.processing-box p,
.success-box p{
    margin:0;
    color:#666;
    line-height:1.6;
    font-size:15px;
}

/* Animations */

@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}

@keyframes popup{
    from{
        opacity:0;
        transform:translateY(30px) scale(.9);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes fadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes pop{
    0%{
        transform:scale(0);
    }
    70%{
        transform:scale(1.15);
    }
    100%{
        transform:scale(1);
    }
}

.backbtn{
     
    margin: 15px 25px;
    padding:16px;
    border:none;
    border-radius: 5px;
    background: #b6b6b6;
    color:#fff;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
    display: inline-block;
    padding: 14px 15px;
    margin-bottom: 25px;
}

.backbtn:hover{
    background:#8b8b8b;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgb(77 77 77 / 35%);
}