html {scroll-behavior: smooth;}
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
.radio {
    background: #fbf9b9;
    padding: 4px;
    border-radius: 3px;
    /* box-shadow: inset 0 0 0 3px rgb(35 33 45 / 30%), 0 0 0 3px rgb(185 185 185 / 30%); */
    position: relative;
    display: table;
    margin: 0 auto;
    border: 1px solid #458861;
}

.radio input {
    width: auto;
    height: 100%;
    appearance: none;
    outline: none;
    cursor: pointer;
    border-radius: 2px;
    padding: 4px 8px;
    background: #d8d583;
    color: #353535bd;
    font-size: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    transition: all 100ms linear;

}

.radio input:checked {
  background-image: linear-gradient( 180deg, #f7b500, #90540d);
    color: #ffffff;
    box-shadow: 0 1px 4px #000000ba;
    text-shadow: 0 1px 0px #79485f7a;
}

.radio input:before {
    content: attr(label);
    display: inline-block;
    text-align: center;
    width: 100%;
}


/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
    padding-right: 15px;
    padding-left: 15px;
}

/* Custom page header */
.header {
    border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
    padding-bottom: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 18px;
    font-weight: 600;
    color: #90540d;
    cursor: pointer;
}

.well-head {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 2px 2px 2px;
    border-bottom: 1px solid #ffffff52;
}

.well-body {
    background-color: #7e430f57;
    border-radius: 5px;
    padding: 12px;
}

.well-sub {
    font-size: 25px;
    font-weight: 400;
    color: #ffffff;
    padding: 2px;
    padding: 10px 2px 15px 2px;
}

.clr1 {
    background-color: #ffbb00;
}

.pass-img {
    position: relative;
    max-width: 413px;
    max-height: 531px;
    overflow: hidden;
}
.pass-img img{
    border: 2px solid #838093;
    padding: 3px;
}
input#file_1 {
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #90540d;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.iitt-adm-frm {
    padding-top: 80px;
    padding-bottom: 20px;
    background-color: #669999;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1026%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M -732.4413463286896%2c168 C -540.44%2c322 -156.44%2c947.2 227.55865367131042%2c938 C 611.56%2c928.8 803.56%2c170 1187.5586536713104%2c122 C 1571.56%2c74 2001.07%2c690.4 2147.5586536713104%2c698 C 2294.05%2c705.6 1965.51%2c267.6 1920%2c160' stroke='rgba(73%2c 100%2c 199%2c 0.13)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -981.7881582453678%2c796 C -789.79%2c719.4 -405.79%2c399.8 -21.788158245367768%2c413 C 362.21%2c426.2 554.21%2c870 938.2118417546322%2c862 C 1322.21%2c854 1701.85%2c418.2 1898.2118417546321%2c373 C 2094.57%2c327.8 1915.64%2c583.4 1920%2c636' stroke='rgba(73%2c 100%2c 199%2c 0.13)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1821.4019800088345%2c464 C -1629.4%2c535.8 -1245.4%2c903.2 -861.4019800088346%2c823 C -477.4%2c742.8 -285.4%2c71 98.59801999116542%2c63 C 482.6%2c55 694.32%2c774 1058.5980199911655%2c783 C 1422.88%2c792 1747.72%2c243 1920%2c108' stroke='rgba(73%2c 100%2c 199%2c 0.13)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1287.930301500046%2c1073 C -1095.93%2c928.2 -711.93%2c382.4 -327.93030150004597%2c349 C 56.07%2c315.6 248.07%2c950 632.069698499954%2c906 C 1016.07%2c862 1334.48%2c174 1592.069698499954%2c129 C 1849.66%2c84 1854.41%2c570.6 1920%2c681' stroke='rgba(73%2c 100%2c 199%2c 0.13)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1026'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-attachment: fixed;
    background-size: cover;
}

.frm-bdy {
    padding: 20px;
    box-shadow: 0 0.7px 1px rgb(0 0 0 / 6%), 0 1.7px 2.6px rgb(0 0 0 / 6%), 0 3.5px 5.3px rgb(0 0 0 / 6%), 0 7.3px 11px rgb(0 0 0 / 7%), 0 20px 30px rgb(0 0 0 / 20%);
/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1200' height='400' preserveAspectRatio='none' viewBox='0 0 1200 400'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1042%26quot%3b)' fill='none'%3e%3crect width='1200' height='400' x='0' y='0' fill='rgba(73%2c 100%2c 199%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c143 C 240%2c133.4 960%2c104.6 1200%2c95L1200 400L0 400z' fill='rgba(60%2c 74%2c 128%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c258 C 240%2c281 960%2c350 1200%2c373L1200 400L0 400z' fill='rgba(47%2c 46%2c 56%2c 0.49019607843137253)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1042'%3e%3crect width='1200' height='400' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");*/

}
.lgo-margin {
    margin-top: -100px;

}
.lgo-shdw {
    box-shadow: 0 0.7px 1px rgb(0 0 0 / 6%), 0 1.7px 2.6px rgb(0 0 0 / 6%), 0 3.5px 5.3px rgb(0 0 0 / 6%), 0 7.3px 11px rgb(0 0 0 / 7%), 0 20px 30px rgb(0 0 0 / 20%);
}
.adm-frm-head {
    border-radius: 5px;
    background-color: #7e430fdb;
}
.frm-bdy-stly {
    padding: 13px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0.7px 1px rgb(0 0 0 / 6%), 0 1.7px 2.6px rgb(0 0 0 / 6%), 0 3.5px 5.3px rgb(0 0 0 / 6%), 0 7.3px 11px rgb(0 0 0 / 7%), 0 20px 30px rgb(0 0 0 / 20%);
}
input.btnRegister {
    background-color: #ffffff;
    outline: none;
    padding: 10px 38px;
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 0.7px 1px rgb(0 0 0 / 6%), 0 1.7px 2.6px rgb(0 0 0 / 6%), 0 3.5px 5.3px rgb(0 0 0 / 6%), 0 7.3px 11px rgb(0 0 0 / 7%), 0 20px 30px rgb(0 0 0 / 20%);
    border-radius: 8px;
    color: #90540d;
    border: none;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #efe02f;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #e4dc80d1;
}

.article {
 position: relative;
 width: 100px;
 height: 70px;
 margin: 5px;
   display: inline-block;
   border: 2px solid #fdba00;
 box-sizing: border-box;
}

.article div {
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 25px;
 transition: .5s ease;
   font-size: 17px;
   font-weight: bold;
}

.article input {
 position: absolute;
 top: 0;
 left: 0;
 width: 70px;
 height: 70px;
 opacity: 0;
 cursor: pointer;
}

.article input[type=checkbox]:checked ~ div {
    background-color: #90540d;
    color: #fff;
}

.hide{display: none;}
.show{display: block!mportant;}
.file-input-container{
position: relative;
}
.sm-input-file{
    background: #ccc;
    color: #777;
    width: 100%;
    opacity: 0;
    position: absolute;
    height: 41px;
    cursor: pointer;
    z-index: 9;
}
.for-sm-input-file{
    padding: 6px;
    cursor: pointer;
    text-align: center;
    color: white;
    border-top-left-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 2px;
    height: 41px;
     width: 100%;
    background-color: #90540d;
}

.span-text{
    display: inline-flex;
    padding: 4px;
    border: 1px solid #6f6b4e;
    border-radius: 2px;
    height: 41px;
    color: #6f6b4e;
    border-top-left-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0px;
    width: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
}
.terms {
   padding: 10px 0;
   border: 1px solid #a9a9a9;
   margin: 10px 0;
   height: 300px;
   overflow-y: scroll;
   background-color: #f1f1f1;
   color: #5a5a5a;
}
.terms li {
   padding: 5px 0;
}
::-webkit-scrollbar {
   width: 5px;
}
::-webkit-scrollbar-track {
   background-color: #ebebeb;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}
::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #498c65;
}
select option{background-color: #fff;}
/* Customize container */


.container-narrow > hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

/* Supporting marketing content */
.marketing {
    margin: 40px 0;
}

.marketing p + h4 {
    margin-top: 28px;
}
footer {
    background-color: #001d2f;
}
footer .left-panel {
    padding: 20px 10px;
}
footer .left-panel .text-head {
    font-size: 24px;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: bold;
}
footer .left-panel .text-head:before {
    position: absolute;
    width: 60%;
    height: 2px;
    content: '';
    left: 0;
    background-color: #2da397;
    bottom: -8px;
}
footer .left-panel .contact li a i {
    border-right: 2px solid #fff;
    padding-right: 5px;
    margin-right: 5px;
}
footer .left-panel .text-head:after {
    position: absolute;
    width: 100%;
    height: 2px;
    content: '';
    left: 0;
    background-color: #fff;
    bottom: -3px;
}
footer .left-panel .contact {
    list-style: none;
    padding: 0;
    shape-margin: 0;
    margin-right: 50px;
}
footer .left-panel .contact li {
    padding: 10px 5px;
    border: 1px dotted #fff;
    margin: 5px 0px;
}
footer .left-panel .contact li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

footer .left-panel .links {
    list-style: none;
    padding: 0;
    shape-margin: 0;
}
footer .left-panel .links li {
    padding-right: 10px;
    margin: 5px 0px;
    display: inline-block;
}
footer .left-panel .links li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    text-transform: capitalize;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {

    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }

    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }

    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    .mode.radio input{width: 100%;}
}