body{
    font-family: 'Inter', sans-serif;
}
#forename-txt {
		border-style: solid; 
		padding: 0 10px;
		margin: 15px 0px;
		border-color: red; 
		font-size: 16px;
		line-height: 20px;
}
.inr-login-div {
    background-repeat: no-repeat;
    max-width: 505px !important;
    margin: 0 auto;
    padding: 122px 0 0;
    border-radius: 10px;
    width: 100%;
    position: relative;
    box-shadow: none;
    overflow: hidden;
}
.login-form-div li {
    list-style-type: none;
    margin-top: 0px;
}

.login-form-div li a {
    width: 100% !important;
	color: #F2F5FD;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    max-width: 305px;
    border-radius: 10px;
    box-shadow: 0px 14px 20px 0px rgba(45, 83, 218, 0.20);
	padding: 12px 0 !important;
    margin: 0 auto 15px;
    height: auto;
	font-family: 'Inter', sans-serif;
}

/*#buttonlogintoregister {*/
/*    color: #F2F5FD;*/
/*    font-size: 16px;*/
/*    font-weight: 700;*/
/*    line-height: normal;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    max-width: 305px;*/
/*    border-radius: 10px;*/
/*    box-shadow: 0px 14px 20px 0px rgba(45, 83, 218, 0.20);*/
/*    padding: 12px 0;*/
/*    margin: 0 0 15px;*/
/*    background: #2D53DA;*/
/*    font-family: 'Inter', sans-serif;*/
/*}*/

.bg-transparent {
    background-color: transparent !important;
}

.border-0 {
    border: none;
}
.profile-btn img {
    margin: -50px 0 0;
}
.inr-login-div > img,
.login-form-div > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
    top: 0;
    object-fit: none;
    border-radius: 15px;
}
.login-form-div {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
    width: 100% !important;
}
.login-form-div li .col-md-12 {
    float: none;
}
img.lazyloaded {
    width: 100%;
}
.grey-border {
    margin-bottom: 0 !important;
}
@media(max-width:575px){
	.span12.grey-border .left-column {
    padding-inline: 0;
}
}

/*span.tick {*/
/*    display: none;*/
/*}*/

/* h1.welcome.support_h2 {margin-top: 30px !important;} */
.cc__login--col {
    float: none !important;
}

.cc__login--box {
    float: none !important;
    margin-inline: auto !important;
}
.menu-item2 ul {
    list-style: none !important;
    margin: 0;
}

ul li {
    list-style-type: none !important;
}
.menu-item2 ul li {
    margin-top: 0;
}
.welcome-item h6 {
    margin: 0 !important;
}

.welcome-item h2 {
    margin-top: 0;
}
.constantin-item3 li {
    margin-top: 0;
}
.content-area,
.content-area h6{
    font-family: 'Inter', sans-serif !important;
}
.content-area h6{
        text-transform: capitalize;
}
@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1296px !important;
        width: 100% !important;
    }
}
@media(min-width: 768px){
    li.mobile__menu--button {
            display: none;
        }
}
@media(max-width: 768px){
    .main-wrapper-inner .content-area {
        width: 100% !important;
        padding: 0;
    }
    /* .container-md,
    .container-sm,
    .container {
        max-width: 720px !important;
    } */
}
/* 31-05-2024 Start CSS */
.lost-certificate select {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 12px 14px !important;
    border-radius: 5px !important;
    border: 1px solid #888988;
    appearance: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../img/down.svg);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-color: transparent !important;
    display: block;
    width: 100%;
    height: auto !important;
}
.certificate-div.renewal-div .row {
    margin: 0;
}

.certificate-div.renewal-div .row .col-md-12 {
    padding: 0;
}

.certificate-div.renewal-div .row .col-md-12 .form-group label,
.certificate-div.renewal-div .row .col-md-12 .form-group ,
.certificate-div #material__form2 {
    margin-bottom: 5%;
    margin-top: 7%;
}

.certificate-div.renewal-div .col-sm-6.controls,
.certificate-div.renewal-div label {
    float: none;
    padding: 0;
    width: 100%;
}
.certificate-div.renewal-div .controls .intl-tel-input{
    display: flex;
}
.certificate-div.renewal-div .controls .intl-tel-input input{
    flex: 1;
    padding-block: 14px !important;
    height: auto !important;
}
.certificate-div.renewal-div form#form-cloud {
    margin-bottom: 0;
}
.certificate-div.renewal-div label {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 17px;
}

.certificate-div h3,
.invoices-div h2,
.lost-certificate h2 {
    text-transform: capitalize;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
}
.intl-tel-input .selected-flag .selected-dial-code{
    text-align: left;
}
.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}

.cc__cell-no .intl-tel-input input#cell_no {
    height: auto !important;
    padding: 10px 11px !important;
}
.cc__cell-no .intl-tel-input .selected-flag {
    width: 100% !important;
}
.cc__cell-no .iti-arrow::before {
    top: -4px;
    right: 3px !important;
}
.invoices-div .table-responsive td,
.invoices-div .table-responsive th {
    border: 0 !important;
}
.lost-certificate input {
    width: 100%;
    color: #444;
    font-size: 16px !important;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #888988;
    padding: 11px 14px !important;
    height: auto !important;
    margin: 0 0 17px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .container-md, .container-sm, .container {
        max-width: 720px !important;
    }
}
@media(max-width: 768px){
    .content-area .pson-div {
        padding: 0 00px !important;
        /* padding: 0 30px !important; */
        position: inherit !important;
        margin: 50px 0 0 !important;
        width: 100% !important;    }
}
/* 31-05-2024 End CSS */
/* 05-05-2024 Start CSS */
h2,
header {
    font-family: Inter, sans-serif;
}
header nav ul li {
    margin: 0;
}
#box_wrapper nav ul li a {
    text-transform: initial;
}
/* 05-05-2024 End CSS */
/* 21-06-2024 Start CSS */
/* .sc__document--data\" {
    display: flex;
}

.sc__document--data {
    display: flex;
}
    .sc__document--data .radio-btn, .sc__document--data .radio{
    flex: 0 0 1;
    max-width: 250px;
    height: 100%;
    min-height: 100% !important;
}
.sc__document--data .radio-btn, .sc__document--data .radio {
    padding: 10px !important;
    border: 1px solid red;
    border-radius: 5px;
    text-align: center;
}

.sc__document--data .radio-btn .hover_img {
    float: none !important;
    margin: 0 !important;
}

.sc__document--data .radio-btn .radio-btn-disable {
    text-align: center;
} */
#iform2 .radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 680px;
    /* width: 680px; */
    align-items: center;
    column-gap: 12px;
    row-gap: 20px;
}
#iform2 .form-field.form-group {
    width: 100%;
    margin: 0px !important;
}
#iform2  .controls input {
    margin: 0;
}
.radio.disabled {
    border-radius: 5px;
    border: 1px solid #888988;
    background: #F2F5FD;
}
.radio-btn{
    border-radius: 5px;
    border: 2px solid #2D53DA;
    background: #F2F5FD;
}
.radio-btn, .radio.disabled {
    width: 210px;
    text-align: center;
    padding: 22px 0 6px;
    display: inline-block;
    min-height: 93px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.radio input[type="radio"]{
    display: none;    
}
.radio-btn .hover_img {
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
}
.scan-btn form   p:nth-last-child(2), 
.scan-btn .radio p:nth-last-child(2), 
.scan-btn button:first-of-type,
.scan-btn button:last-of-type{
    display: none !important;
}
/* 21-06-2024 End CSS */
/* 24-06-2024 Start CSS */
.share-certificate .scan-btn {
    margin: 0 !important;
}
.lost-certificate .pson-div {
    position: static;
    padding-top: 50px;
}
@media(max-width: 991px){
    #iform2 .radio {
        flex-direction: column;
    }
    #iform2 .radio p {
        line-height: 1;
        margin: 0 !important;
    }
    .lost-certificate .pson-div {
        padding-top: 0px;
    }
}
@media(max-width: 768px){
    #iform2 .radio {
        padding-left: 0;
    }
    .radio-btn, .radio.disabled {
        max-width: 210px !important;
        width: 100% !important;
    }
    .share-certificate .scan-btn form {
    justify-content: center;
}
}
/* 24-06-2024 End CSS */
/* 04-10-2024 start CSS */
.cc__footer-items {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    border-top: 1px solid #dddddd;
    margin-top: 50px;
    padding-top: 30px;
}
.cc__footer-text {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 300;
}
ul#menu-footer-menu-cc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 5px;
}
ul#menu-footer-menu-cc li:not(:last-child) {
    border-right: 1px solid rgb(17, 157, 218);
}
ul#menu-footer-menu-cc li {
    width: fit-content;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 6px;
    line-height: 14px;
    font-weight: 300;
}
ul#menu-footer-menu-cc li:not(:last-child) {
    border-right: 1px solid rgb(17, 157, 218);
}
a {
    color: #1972a4;
}
/* 04-10-2024 End CSS */
/* 29-10-2024 Strat CSS */
.menu-item2 ul li {
    border-bottom: 1px solid #ffffff0d;
}
.menu-item2 ul li a {
    margin-bottom: 0 !important;
    margin-top: 10px;
}
#material__form2 .form-field.form-group.widthlb {
    display: none;
}

#material__form2 {
    margin-bottom: 0 !important;
}
.share-certificate .scan-btn {
    justify-content: flex-start !important;
}
.lost-certificate h2 {
    text-align: start;
    margin-bottom: 20px !important;
    margin-left: 35px;
}
a#cp_unsub {
    margin-bottom: 10px;
}
#timeline-div .timeline h2{
    margin-left: 0 !important;
}
@media(min-width:991px) and (max-width: 1200px){
    #pie-progress {
        margin-right: 0px;
    }
}
@media(min-width:768px) and (max-width: 991px){
    #timeline-div {
        margin-top: 15px;
    }
}
/* 29-10-2024 End CSS */
/*.direction-r.active-direction-r {*/
/*    background: #07873a;*/
/*    color: #ffffff;*/
/*}*/
/*.direction-r.active-direction-r h2,.direction-r.active-direction-r .desc {*/
/*    color: #ffffff;*/
/*}*/
#timeline-div .timeline h2::after {
    visibility: hidden;
}
.share-certificate .col-md-12.controls {
    float: none !important;
}
.lost-certificate input.upload__input {
    padding: 40px 20px !important;
    text-align: center;
    background-color: transparent;
    border-style: dashed;
    border-width: 2px;
    border-radius: 15px;
}
/*06-05-2025 Strat CSS*/
.nav.nav-pills li.tabpadding {
    flex: 1;
    margin: 0;
}
ul.nav.nav-pills {
    margin-bottom: 11px;
}
@media(max-width: 768px){
ul.nav.nav-pills {
    display: block;
}
ul.nav.nav-pills li.tabpadding {
    display: block;
    width: 100%;
}
ul.nav.nav-pills li.tabpadding+li {
    margin-top: 16px;
}
}
/*06-05-2025 End CSS*/