body {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
    background: #fff !important;
    font-family: "Roboto" , sans-serif !important;
    font-weight: none !important;
}

/*Style for application form app bar*/
.application-form-wrapper {
    border: none;
    padding-bottom: 30px;
}

.application-form-wrapper .card-header {
    margin: 0px;
    padding: 0px;
}

.application-form-wrapper .header-form {
    background: #004f9d ;
    padding: 15px;
    border-radius: 0px;
}

.application-form-wrapper .header-flex {
    display: flex;
}

.application-form-wrapper .card-header .logo {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

.application-form-wrapper .card-header .header-form-title {
    color: #FFF;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.application-form-wrapper .card-header .header-form-back {
    color: #FFF !important;
    width: 150px !important;
    margin-top: 10px;
    padding-right: 40px;
    text-align: right !important;
}

.application-form-wrapper .card-header .header-form-back a {
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px;
    text-decoration: none;
}

.application-form-wrapper .card-header .header-form-back a:hover {
    color: #FFD600 !important;
}


/*end of Style for application form app bar*/

/*Style for application form subheader*/
.application-form-subheader {
    background: #C9E6FF;
    padding: 20px !important;
    text-align: left;
}

.font-color-dark {
    color: #2D3D4A !important;
}

.bg-light-blue {
    background: #E9EFF3;
    padding: 15px !important;
    font-size: 18px;
    margin: 0px !important;
    left: 0;
    position: relative;
    width: 100%;
}

.main-card {
    padding: 0px !important;
}

.form-section-title {
    background: #E9EFF3;
    margin: 0px !important;
    padding: 15px;
    text-align: left;
    font-size: 18px;
}

.hr {
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 5px;
}

/*end of Style for application form subheader*/
.overflowx-none {
    overflow-x: hidden !important;
    background: #FFF;
}

.row_hover {
    width: auto !important;
    position: relative !important;
    padding-top: 15px !important;
    border-bottom: 1px solid #dee2e6;
}

.row_hover_two {
    border-bottom: 1px solid #dee2e6;
}

.btn-primary {
    background: #0085FF !important;
    border: 1px solid #0085FF !important;
}

.btn-primary:hover {
    background: #0178e7 !important;
    border: 1px solid #0178e7 !important;
}

.elevation-2 {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,0.2) !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.bg-gf {
    background-color: #2875AF !important;
}

.row_hover:hover, .row_hover_two:hover {
    background-color: #f2f7fa !important;
}

/*Fonts*/
.font10 {
    font-size: 10px !important;
}

.font12 {
    font-size: 13px !important;
    margin-top: -3px;
}

.font-18 {
    font-size: 20px;
}

/*Styles for requirements*/
.title1_green {
    font-size: 15px;
    font-weight: bold;
    color: #27a156;
}

ul.green_list {
    list-style-type: none;
    padding-left: 10px !important;
}

ul.green_list li {
    position: relative;
    padding-left: 1em;
    color: #000;
    font-size: 14px;
}

ul.green_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 0.5em;
    height: 0.5em;
    background-color: #27a156;
    border-radius: 50%;
}

.title1_red {
    font-size: 15px;
    font-weight: bold;
    background: #ea494b;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px !important;
    padding-bottom: 5px !important;
    width: auto;
    color: #FFF;
    border-radius: 5px;
}

ul.red_list {
    list-style-type: none;
    padding-left: 10px !important;
}

ul.red_list li {
    position: relative;
    padding-left: 1em;
    color: #000;
    font-size: 14px;
}

ul.red_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 0.5em;
    height: 0.5em;
    background-color: #ea494b;
    border-radius: 50%;
}

.title1_blue {
    font-size: 15px;
    font-weight: bold;
    background: #0084ff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px !important;
    padding-bottom: 5px !important;
    width: auto;
    color: #FFF;
    border-radius: 5px;
}

ul.blue_list {
    list-style-type: none;
    padding-left: 10px !important;
}

ul.blue_list li {
    position: relative;
    padding-left: 1em;
    color: #000;
    font-size: 14px;
}

ul.blue_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 0.5em;
    height: 0.5em;
    background-color: #0084ff;
    border-radius: 50%;
}

.title1_orange {
    font-size: 15px;
    font-weight: bold;
    background: #ef8100;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px !important;
    padding-bottom: 5px !important;
    width: auto;
    color: #FFF;
    border-radius: 5px;
}

ul.orange_list {
    list-style-type: none;
    padding-left: 10px !important;
}

ul.orange_list li {
    position: relative;
    padding-left: 1em;
    color: #000;
    font-size: 14px;
}

ul.orange_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 0.5em;
    height: 0.5em;
    background-color: #ef8100;
    border-radius: 50%;
}

.additionals {
    font-style: italic;
    color: #0084ff;
    font-size: 14px;
}

.special_permit {
    margin: 0px !important;
    padding: 0px !important;
}

@media only screen and (max-width: 535px) {
    .btn-lg {
        width: 100% !important;
        display: block !important;
        margin-bottom: 15px !important;
    }

    .row {
        display:block;
    }

    .form-group, .w-auto, .col-md-3 {
        width: 100% !important;
    }

    .col-4, .col-md-6 {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .header-form-title {
        font-size: 17px !important;
    }

    .application-form-wrapper .card-header .logo {
        width: 40px;
        height: 40px;
    }

    .application-form-wrapper .header-form {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

@media only screen and (max-width: 630px) {
    .btn {
        font-size: 17px !important;
    }

    .card-body {
        padding: 0px !important;
        padding-top: 20px !important;
    }
    
    .h5 {
        font-size: 17px !important;
    }
}

@media (min-width: 768px) {
    .sy-from, .sy-to {
        width: 100px !important;
    }
}

@media (min-width: 992px) {
    .sy-from, .sy-to {
        width: 100%;
    }
}

/* Custom Box */
.bg-1 {
    background: #1488CC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #2B32B2, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .bg-2 {
    background: #11998e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .bg-3 {
    background: #ec008c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #fc6767, #ec008c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #fc6767, #ec008c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .bg-4 {
    background: #e65c00;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #F9D423, #e65c00);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #F9D423, #e65c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .icon-bg-1 {
    background: rgba(42, 87, 228, 0.8);
  }
  .icon-bg-2 {
    background: rgba(9, 184, 68, 0.8);
  }
  .icon-bg-3 {
    background: rgba(228, 42, 149, 0.8);
  }
  .icon-bg-4 {
    background: rgba(245, 118, 39, 0.8);
  }