@font-face {
    font-family: "DM Sans";
    src: url("../fonts/DMSans-Medium.woff");
}

@font-face {
    font-family: "DMSansBold";
    src: url("../fonts/DMSans-Bold.woff");
}

body {
    font-family: "DM Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: normal !important;
    font-style: normal !important;
    padding-top: 120px;
}

body[data-ready="false"] {
    visibility: hidden;
}

body[data-ready="true"] {
    visibility: visible;
    transition: visibility 0s, opacity 0.3s ease;
    opacity: 1;
}

.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030; /* Bootstrap navbar default is 1030 */
    background-color: white; /* Or match your header background */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.idp-online .dm-sans  {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.idp-online .dm-sans-bold  {
    font-family: "DMSansBold", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.idp-online .uk-eta-visa .card{
    border-color: #eff0f6;
    position: relative;
    padding: 30px 25px;
}

.idp-online .uk-eta-visa .card .btn-white:hover{
    color: #012169 !important;
    border: 2px solid #012169 !important;
}

.idp-online .uk-eta-visa .card img.card-img-top{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    pointer-events: none;
}

.idp-online .progress-br {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 100px;
    padding: 38px 60px 27px 60px;
}


body {
    font-family: sans;
}

.idp-online .lobster-regular  {
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.idp-online .dm-sans  {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.idp-online .faded-img  {
    opacity: 0.2;
    /* Faded look */
    max-width: 100%;
    height: auto;
    height: 100%;
}

.form-c::placeholder {
    color: #a0a3bd !important;
}

/* /////////////////// */
/*.nav {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
}*/
ol, ul {
    list-style: none;
}

.page-content .backend-content ol, .page-content .backend-content ul {
    list-style: unset !important;
}

.page-content .backend-content ol, .page-content .backend-content ul {
    list-style: unset !important;
}
.page-content .backend-content p, .page-content .backend-content p span, .page-content .backend-content li, .page-content .backend-content li span{
    font-family: "DM Sans", sans-serif !important;
    color: #3C3C3B;
  /*font-size: 1rem !important;*/
}


.cms-id-16 .page-header, .cms-id-17 .page-header, .cms-id-18 .page-header, .cms-id-19 .page-header, .cms-id-20 .page-header, .cms-id-21 .page-header, .cms-id-22 .page-header, .cms-id-24 .page-header, .cms-id-25 .page-header{
    display: none !important;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.idp-online .blue-btn  {
    background-color: #012169 !important;
    border: 2px solid #012169 !important;
}

.idp-online .license-app .accordion-button::after{
    display: none;
}

.idp-online .blue-btn:hover  {
    background-color: transparent !important;
    border: 2px solid #012169 !important;
    color: #012169 !important;
}

.idp-online .btn-white{
    border: 2px solid #fff !important;
}

.idp-online .btn-white:hover{
    border: 2px solid #fff !important;
    background-color: transparent !important;
    color: #fff !important;
}

.idp-online .blue-color  {
    color: #1d0676 !important;
}

.idp-online .new-blue  {
    color: #012169 !important;
}

.idp-online .nav-items  {
    color: #A0A3BD !important;
}

/* ////////////////////// */
.idp-online .header  {
    overflow: hidden;
    width: 100%;
    height: 550px;
    background-image: url("img/zemekoule\ light.png");
    background-size: cover;
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.053);

}

.idp-online .header-p  {
    color: #170F49;
}

.idp-online .header-right  {
    width: 42%;
    height: 70%;
    background-image: url("img/Rectangle\ 4376.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.idp-online .img-1  {
    width: 55px;
    height: 33px;
    background-color: #FED800;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: 10px;
}

.idp-online .img-2  {
    width: 110px;
    height: 30px;
    background-color: #1D1D1B;
    color: #FED800;
    margin-top: 2px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.idp-online .img-2 i  {
    font-size: 12px;
    height: 100%;
}

.idp-online .four  {
    font-size: 15px;
    margin-left: 1px;
    margin-top: 3px;
}

.idp-online .five  {
    font-size: 9px;
    margin-top: 12px;
}

.idp-online .img-2 i  {
    margin-top: 8px;
}

.idp-online .header-left  {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.idp-online .header-left p:nth-child(3),
.header-left p:nth-child(4)  {
    font-size: 12px;
}

.idp-online .header-left p:nth-child(5),
.header-left p:nth-child(6)  {

    letter-spacing: 2px;
    font-size: 40px;
    font-weight: bold;
}

.idp-online .header-left p:nth-child(3)  {
    line-height: 15px;
}

.idp-online .header-left p:nth-child(5)  {
    padding-top: 30px;
    box-sizing: border-box;
    line-height: 70px !important;
}

.idp-online .header-left p:nth-child(7)  {
    padding-top: 20px;
    box-sizing: border-box;

}

.idp-online .header-left p:nth-child(7),
.header-left p:nth-child(8)  {
    line-height: 28px !important;

}

.idp-online .header-left p:nth-child(9)  {

    line-height: 25px !important;

}

.idp-online .header-right-btn1  {
    background-color: #E9FFF4;
    border: none;
    outline: none;
}

.idp-online .header-right p:nth-child(2)  {
    font-size: 13px;
}

.idp-online .tick  {
    background-color: #c7c7c7;
    width: 27px;
    height: 27px;
}
.idp-online .des-shadow {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.idp-online .bg-hero {
    position: relative;
    z-index: 1;
}

.idp-online .bg-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("../img/hero-bg-2.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /*opacity: 0.6; !* adjust this *!*/
    z-index: -1;
}

.idp-online .section-after-header  {
    padding-top: 70px !important; /* match your header height */
}

/* ///////////////////////////////////////////////////////// */
.idp-online .green-sec p  {
    font-size: 14px;
}

.who-need-eta .flag-country {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}
.who-need-eta .flag-country img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    margin-right: 8px;
    border: 1px solid #ccc;
}

.idp-online .green-sec  {
    overflow: hidden;

    background-color: #c7c7c7;
}

.idp-online .line-height  {
    line-height: 20px;
}

/* /////////////////////////////////////////////////// */


.idp-online .shadow-sm  {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.idp-online .shadow-all  {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.idp-online .shadow-right  {
    box-shadow: 4px 0 6px rgba(0, 0, 0, 0.1);
}


.idp-online .line-height  {
    line-height: 1.6;
}










.idp-online .line-height  {
    line-height: 1.6;
}


/* ///////////////////////////////////////////////////////// */
.idp-online .two-col  {
    background-color: #f8fbfe;
}

.idp-online .custom-text  {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;


}

.idp-online .custom-text h5  {
    font-size: 18px;
    line-height: 30px;
    padding-left: 100px;
    box-sizing: border-box;
    font-weight: bold;
}

.idp-online .custom-text h5 p span  {
    padding-left: 100px;
    box-sizing: border-box;
}

/* ///////////////////////////////////////////////////////////// */


.idp-online .step-section  {
    padding: 50px 0;
    text-align: center;
}

.idp-online .icon-shadow  {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);

}

.idp-online .step-card  {
    background: white;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
}

.idp-online .step-card img  {
    /* height: 70px;
     width: 70px;*/
    border-radius: 10px;
}

.idp-online .step-icon  {
    /* width: 60px;*/
    margin-bottom: 10px;
}
.idp-online .step-title-color {
    color: #B5CBFF !important;
}
.idp-online .arrow-1:after {
    content: "";
    background: url("../img/Arc 2.png");
    background-size: contain;
    position: absolute;
    right: -304px;
    width: 100%;
    height: 31px;
    background-repeat: no-repeat;
    z-index: 999;
    top: 13px;
}
.idp-online .arrow-2:after {
    content: "";
    background: url("../img/Arc 1.png");
    background-size: contain;
    position: absolute;
    right: -304px;
    width: 100%;
    height: 31px;
    background-repeat: no-repeat;
    z-index: 999;
    bottom: 170px;
}
.idp-online .step-title  {
    color: #AABEEF;
    font-weight: bold;
}

.idp-online .step-text  {
    color: #1d0676;
    font-size: 12px;
    line-height: 15px;
}

.idp-online .arrow  {
    width: 100px;
    margin: 20px;
}

/* ///////////////////////////////////// */
.idp-online .content-section  {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 60px 0; */
}

.idp-online .text-content  {
    max-width: 550px;
}

.idp-online .text-content p  {
    font-size: 16px;
    color: #012169;

}

.idp-online .text-content p:nth-child(1),
.text-content p:nth-child(2)  {
    line-height: 25px;
}

.idp-online .highlight-box  {
    margin-top: 20px;
    padding: 15px;

}

.idp-online .highlight-box p  {
    color: #012169;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

.idp-online .globe-img  {
    width: 980px;
    height: 480px;
    margin-left: 20px;
}






.idp-online .circle  {
    background-color: #f8faff;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: auto;
}

.idp-online .line-container  {
    display: flex;
    gap: 16px;
}

.idp-online .solid-line  {
    width: 1px;
    height: 90px;
    background-color: #6c47ff;
}

.idp-online .dashed-line  {
    width: 1px;
    height: 90px;
    border-left: 2px dashed #6c47ff;
}



/* ///////////////////////////////////// */
.idp-online .footer-links  {
    background-color: #e9ecef;
    padding: 20px 0;
}

.idp-online .footer-links a  {
    margin-bottom: 8px;
}


@keyframes rotateGlobe {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



/* //////////////////////////////////// */
.idp-online .faq-section  {
    max-width: 800px;
    margin: auto;
    padding: 2rem 1rem;
}

.idp-online .faq-button  {
    text-align: left;
    width: 100%;
}

.idp-online #faqAccordion .accordion-button:after  {
    float: right;
    margin-left: auto;
}

.idp-online #faqAccordion .accordion-button  {
    border-bottom: 1px solid black;
    font-weight: bold;
    color: #000;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    border-bottom: 1px solid #d5d5e0;
    box-shadow: none;
    color: #3b21cc;
}

.idp-online #faqAccordion .accordion-item  {
    border: none;
}

.idp-online #faqAccordion .accordion-body  {
    border-bottom: 1px solid #d5d5e0;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    border-bottom: 2px solid blue;
}

.idp-online #faqAccordion .accordion-button  {
    transition: border 0.3s ease;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent;
    border-bottom: 2px solid blue;
    color: blue;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent;
    color: inherit;
    border-bottom: 2px solid blue;
}

.idp-online #faqAccordion .accordion-button  {
    transition: all 0.3s ease;
}

.idp-online #faqAccordion .accordion-body:not(.collapsed)  {
    border-bottom:
            1px solid blue;
    border-top:
            1px solid blue;

}


.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent;
    border-bottom: 2px solid blue;
    color: #012169;
}

.idp-online #faqAccordion .accordion-button  {
    transition: all 0.3s ease;
}

/* ///////////////////////////////////////////// */

.idp-online .blue-background  {
    width: 100%;
    height: 320px;
    background-color: #012169;
    /* background-image: url("img/Rectangle 4407.png"); */
    background-size: contain;


}

.idp-online .green-btn  {
    border: 2px solid #c7c7c7 !important;
    background-color: #c7c7c7;
}

.idp-online .green-btn:hover  {
    background-color: transparent;
    border: 2px solid #c7c7c7;
    color: #c7c7c7 !important;
}

.idp-online .faded-img  {
    opacity: 0.08;

}

.idp-online .footer-links a:hover{
    color: #170F49 !important;
}

.idp-online .dropdown-item .flag-img{
    width: 33px;
    height: 24px;
    border-radius: 5px;
}

.idp-online .bar-counter {
    width: 37px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 12px;
}
.idp-online .bg-blue {
    background-color: #012169 !important;
}
.idp-online .text-blue {
    color: #012169 !important;
}
.idp-online .f16 {
    font-size: 16px;
}
.idp-online .f10 {
    font-size: 10px;
}
.idp-online .f6 {
    font-size: 6px;
}
.idp-online .text-blue2 {
    color: #170F49 !important;
}
.idp-online .draw-line {
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 100px;
    position: absolute;
}
.idp-online .center-content  {
    position: relative;
    top: -16px;
    right: -4px;
}
.idp-online .bg-count2 {
    background-color: #EFF0F6;
}
.idp-online .text-gray-light {
    color: #EFF0F6;
}
.idp-online .progress-br .col .selected span {
    background-color: #012169;
    color: #fff !important;
}
.idp-online .progress-br .col .selected p {
    color: #012169;
}
.idp-online .progress-br .col .selected i {
    color: #012169;
}
.idp-online #faqAccordion .accordion-num {
    width: 24px;
    height: 24px;
    display: flex;
    border-radius: 5px;
    text-align: center;
    color: #1D1D1B;
    background-color: #EFF0F6;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.idp-online .text-counter-rp {
    color: #6F6C90;
}
.idp-online .f24 {
    font-size: 24px;
}
.idp-online .f14 {
    font-size: 14px;
}
.idp-online .f12 {
    font-size: 12px;
}
.idp-online .btn-primary {
    background-color: #012169 !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 25px !important;
    border: 0;
    outline: unset;
}

.idp-online .license-app .btn.btn-primary.secondary-btn{
    background-color: white !important;
    border-color: #0A246A !important;
    color: #0A246A !important;
}

.idp-online .license-app .btn.btn-primary.secondary-btn:hover{
    background-color: #0A246A !important;
    border-color: #0A246A !important;
    color: white !important;
}


.idp-online .btn-light {
    background-color: #FFFFFF;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 10px 15px 13px !important;
    box-shadow: rgba(100, 100, 111, 0.11) 0px 2px 13px 0px;
    color: #170F49;
}
.idp-online .btn-light .collapsed {
    background: #012169;
    color: #fff;
}
.idp-online .form-control.form-c  {
    height: calc(2.6em + .75rem + 2px);
    border: unset;
    border-radius: 5px !important;
    box-shadow: rgba(149, 157, 165, 0.04) 0px 8px 24px;
    color: #A0A3BD;
    padding: .375rem 1.2rem;
}
.idp-online .arrow-clr {
    color: #A0A3BD !important;
}

.idp-online .arrow-clr:hover,.idp-online .arrow-clr.active {
    color: #012169 !important;
}

#language-selector .btn.dropdown-toggle:hover, #language-selector .btn.dropdown-toggle.show, #language-selector .dropdown-item.active, #language-selector .dropdown-item:hover {
    background-color: #012169;
    color: white;
    border-color: #012169;
}

.idp-online .arrow-clr img {
    box-shadow: rgba(0, 0, 0, 0.24) 5px 3px 11px;
}
.idp-online .dropdown-toggle::after  {
    margin-left: 10px !important;
}
.idp-online .rounded-5 {
    border-radius: 5px;
}
.idp-online .idp-destination .form-group .input-group span  {
    top: 14px;
    z-index: 999;
}
.idp-online .idp-destination .form-group span {
    right: 16px;
    top: 38px;
}
.idp-online .btn-secondary.bg-flag-btn {
    background-color: #FAFAFF !important;
    border: unset !important;
    border-radius: 8px;
    height: calc(2.6em + .75rem + 2px);
    box-shadow: rgba(0, 0, 0, 0.16) -2px 1px 13px !important;
}
.idp-online .btn-upload {
    border: 1px solid #012169;
    border-radius: 5px;
    padding: 11px 12px;
}
.idp-online .input-group-append .btn, .input-group-prepend .btn  {
    position: relative;
    z-index: 999 !important;
}
.idp-online .con-up .custom-file-input  {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 222;
}
.idp-online .f30 {
    font-size: 30px;
}
.idp-online .bootstrap-select select {
    /* opacity: 0;
     position: absolute;
     height: 100%;
     z-index: 0;*/
}
/*.form-group .bootstrap-select > .dropdown-toggle{
    z-index: 999;
    position: relative;
}*/
.idp-online .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)  {
    width: unset;
}
/*
.idp-online .w-14 {
    width: 16.66%;
}*/
/*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.idp-online .dropdown-toggle.btn-default  {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}
.idp-online .bootstrap-select.show > .dropdown-menu > .dropdown-menu  {
    display: block;
}
.idp-online .bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden  {
    display: none;
}
.idp-online .bootstrap-select > .dropdown-menu > .dropdown-menu li a  {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    text-decoration: none;
}
.idp-online .bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover  {
    background-color: #f4f4f4;
}
.idp-online .bootstrap-select > .dropdown-toggle  {
    width: 100%;
}
.idp-online .dropdown-menu > li.active > a  {
    color: #fff !important;
    background-color: #337ab7 !important;
}
.idp-online .bootstrap-select .check-mark  {
    line-height: 14px;
}
.idp-online .bootstrap-select .check-mark::after  {
    font-family: "FontAwesome";
    content: "\f00c";
}
.idp-online .bootstrap-select button  {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Make filled out selects be the same size as empty selects */
.idp-online .bootstrap-select.btn-group .dropdown-toggle .filter-option  {
    display: inline !important;
}
.idp-online .bootstrap-select > .dropdown-toggle  {
    background-color: #FAFAFF !important;
    border: unset !important;
    border-radius: 8px !important;
    height: calc(2.6em + .75rem + 2px) !important;
    box-shadow: rgba(0, 0, 0, 0.09) -2px 1px 7px !important;
    color: #170F49;
    font-size: 16px !important;
}
.idp-online .bg-file-pload {
    background-color: #FAFAFF;
}
.idp-online .filter-option-inner-inner img {
    /*box-shadow: rgba(0, 0, 0, 0.24) 5px 3px 11px;*/
    border-radius: 5px;
    width: 33px;
    height: 24px;
}
.idp-online .drop-full .filter-option-inner-inner img {
    margin-right: 10px;
}
.idp-online .form-group label {
    font-size: 14px !important;
    margin-bottom: 5px;
}
.idp-online .form-group small  {
    position: absolute;
    height: unset !important;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 6px;
}
.idp-online .f-18 {
    font-size: 18px !important;
}
.idp-online .bg-license {
    background-color: #E4F0FF;
}
.idp-online .next-btn .btn {
    outline: unset;
    border:0;
    padding: 18.5px 45px !important;
    border-radius: 50rem !important;
}

.idp-online .license-app .next-btn .btn.btn-back {
    padding-left: 0 !important;
}


.idp-online .form-group  {
    margin-top: 1.5rem;
}
.idp-online .form-group .d-flex .col-4 .bootstrap-select > .dropdown-toggle,.form-group .d-flex .col-5 .bootstrap-select > .dropdown-toggle,.form-group .d-flex .col-7 .bootstrap-select > .dropdown-toggle   {
    background-color: #FFFFFF !important;
}
.idp-online .jnt-main .rounded  {
    border-radius: 0.5rem !important;
}
.idp-online .l-classes .text-right span {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
}
.idp-online .l-classes-box {
    border: 2px solid #012169;
}
.idp-online .text-back {
    color: #3C3C3B !important;
}

.idp-online #main-faq  {    margin: 50px 0;
}

.idp-online #main-faq #faq .card  {    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #EFF0F6 !important;
}

.idp-online #main-faq #faq .card .card-header  {    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

.idp-online #main-faq #faq .card .card-header .btn-header-link  {    color: #012169;
    display: block;
    text-align: left;
    background: #fff;
    padding: 20px;
}
.idp-online #faqAccordion #faq .card .card-header .btn-header-link.collapsed .accordion-num  {    color: #1D1D1B;
    background-color: #EFF0F6;

}

.idp-online #main-faq #faq .card .card-header .btn-header-link:after  {
    content: "\f106";
    float: right;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #A0A3BD !important;
    font-size: 19px;
}

.idp-online #main-faq #faq .card .card-header .btn-header-link.collapsed  {    background: #ffffff;
    color: #1D1D1B;
}
.idp-online .text-dark-gray {
    color: #1D1D1B !important;
}
.idp-online .card-shadow {
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.idp-online .py-5 .container .card-shadow  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 340px;
}
.idp-online .aaa-bg {
    /* background-image: url("../img/AAA.png");
     background-repeat: no-repeat;
     background-position: center left;
     background-size: contain;*/
}

.idp-online #main-faq #faq .card .card-header .btn-header-link.collapsed:after  {    content: "\f107";
}
.idp-online #main-faq #faq .btn.focus, #main-faq #faq .btn:focus  {    outline: 0;
    box-shadow: unset;
}

.idp-online #main-faq #faq .card .collapsing  {    background: #fff;
    line-height: 30px;
}

.idp-online #main-faq-faq #faq .card .collapse  {    border: 0;
}

.idp-online #main-faq-faq #faq .card .collapse.show  {    background: #fff;
    line-height: 30px;
    color: #222;
}
.idp-online #main-faq .card-header  {    background-color: #fff !important;
}
.idp-online .bg-count2 .nav-tabs .nav-item.show .nav-link, .bg-count2 .nav-tabs .nav-link.active  {
    background-color: #012169 !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 25px !important;
    border: 0;
    outline: unset;
    color: #fff;
}
.idp-online .bg-count2 .nav-tabs .nav-link  {
    background-color: #FFFFFF;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 10px 15px 13px !important;
    box-shadow: rgba(100, 100, 111, 0.11) 0px 2px 13px 0px;
    color: #170F49;
    margin-right: 7px;
}
.idp-online .form-group.drop-full.for-drop small {
    margin-top: 61px;
}
.idp-online .d-rvr-box {
    height: 153px;
    display: flex;
    align-items: start;
    justify-content: center;
}
.idp-online .d-rvr-box .text-start span {
    padding: 1px 6px;
    border-radius: 5px;
}
/*.d-rvr-box .col-10 .mb-0{
    height: 84px;
}*/
.idp-online .bg-count2 #faqAccordion .accordion .accordion-item  {
    border: 0;
    border-bottom: 1px solid #EFF0F6;
    outline: unset;
}
.idp-online .bg-count2 #faqAccordion .accordion .accordion-item .accordion-button::after  {
    color: #A0A3BD;
    opacity: 0.4;
}
.idp-online #faqAccordion .accordion-button:focus  {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}
.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    color: #012169;
    background-color: #fff;
    border-bottom: 1px solid #EFF0F6;
    box-shadow: unset;
}
.idp-online #faqAccordion .accordion-item:first-of-type .accordion-button  {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.idp-online #faqAccordion .accordion-item:last-of-type .accordion-button.collapsed  {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.idp-online #faqAccordion .accordion-button  {
    font-weight: bold;
}
.idp-online #faqAccordion .accordion-button:not(.collapsed) .accordion-num {
    color: #fff;
    background-color: #012169;
}
.idp-online .con-up {
    position: relative;
}
.idp-online .sig-box {
    border-radius: 8px;
    border: 1px solid #EFF0F6;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px;
}
.idp-online .sig-abcd {
    position: absolute;
    border: 1px solid #EFF0F6;
    background-color: #fff !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #A5A3B9;
    top: 10px;
    left: 10px;
    padding-bottom: 2px;
}
.idp-online .sig-box.selected {
    border: 2px solid #012169;
}
.idp-online .sig-box.selected .sig-abcd {
    border: 1px solid #012169;
    background-color: #012169 !important;
    color: #fff;
}
.idp-online .bg-count2.choose-plans .nav-tabs .nav-link  {
    padding: 7px 10px 10px 10px !important;
    width: 100%;
    margin-right:0 ;
}
.idp-online .f25 {
    font-size: 25px;
}
.idp-online .idp-destination .dropdown-toggle  {
    background-color: #E9FFF4 !important;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 5px 7px !important;
    padding: 15px 25px 15px 25px !important;
}
.idp-online .text-black {
    color:#000000 !important;
}
.idp-online .con-up .rounded-5.selected {
    border: 2px solid #012169;
    background-color: #E4F0FF !important;
}
.idp-online .con-up .rounded-5.bg-white {
    height: 266px;
}
.idp-online .c-box-shaddow {
    box-shadow: rgba(0, 0, 0, 0.09) -2px 1px 7px !important;
}
.idp-online .cards-plans .c-box-shaddow.selected {
    border: 2px solid #012169;
}
.idp-online .cards-plans .c-box-shaddow.selected h3 {
    color: #012169;
}
.idp-online .f20 {
    font-size: 20px;
}
.idp-online .f18 {
    font-size: 18px;
}
.idp-online .border-b-dot {
    border-color: #EFF0F6;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}
.idp-online .card-details .border-b-dot:last-child {
    border-bottom: unset;
    padding-bottom: 12px !important;
}
.idp-online .details-order .card-details .border-b-dot:first-child {
    border-bottom: 1px solid #EFF0F6;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}
.idp-online .choose-plans .payments .c-box-shaddow.selected {
    border: 2px solid #012169;
}
.idp-online .choose-plans .payments .form-group {
    margin-top: 1rem;
}
.idp-online .bg-count2.choose-plans .payments .nav-tabs .nav-link  {
    height: 65px;
    justify-content: center;
}
.idp-online .f34 {
    font-size: 34px;
}
.idp-online .progress-br .col .center-content p {
    line-height: 0;
}
/*.border-danger {
    border-bottom: 1px solid #dc3545 !important;
    border-top: 1px solid #dc3545 !important;
    border-left: 1px solid #dc3545 !important;
    border-right: 1px solid #dc3545 !important;
}*/

.idp-online .nav-shadow {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.idp-online .navbar-toggler-icon  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.idp-online .f21 {
    font-size: 21px;
}
.idp-online .f40 {
    font-size: 40px;
}
.idp-online .bg-blue-hand {
    background-image: url("../img/bg-get-p-blue.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.idp-online .navbar-toggler:focus  {
    outline: unset;
    box-shadow: unset;
}
button:focus:not(:focus-visible) {
    outline:
            0;
}
.idp-online .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle  {
    outline:
            unset !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}
.idp-online .form-control:focus  {
    outline:unset !important;
    box-shadow: unset !important;
}
.idp-online .process-step  {
    position: relative;
    /*  padding: 2rem 1rem;*/
    text-align: center;
    transition: all 0.3s ease;
}

.idp-online .process-step:hover  {
    transform: translateY(-5px);
}

.idp-online .step-icon  {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.14);
}

.idp-online .step-icon img  {
    width: 48px;
    height: 48px;
}

.idp-online .step-number  {
    color: #6f42c1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.idp-online .step-title  {
    color: #6f42c1;
    font-weight: 700;
    margin-bottom: 1rem;
}

/*.step-description {
    color: #6c757d;
    font-size: 0.95rem;
}*/

.idp-online .connector  {
    display: none;
}

.idp-online .blog_view_all_button a, .idp-online .blog_view_all, .blog-submit input.button{
    background-color: #012169 !important;
    border-radius: var(--bs-border-radius-pill) !important;
    outline: unset;
    padding: 14px 24px !important;
    text-decoration: none;
    border: 2px solid #012169;
    text-transform: unset !important;
}

.idp-online .title_blog, .idp-online .page-heading, .idp-online .title_cat, .idp-online .ets_title_block{
    text-transform: unset !important;
}

.idp-online .ets-blog-wrapper-detail{
    padding: 0 !important;
}


.idp-online .ets_block_archive, .idp-online .ets_comment_form_blog, .idp-online .ets_block_categories{
    display: none !important;
}

.idp-online .blog_view_all_button a:hover, .idp-online .blog_view_all:hover, .blog-submit input.button:hover{
    background-color: transparent !important;
    border: 2px solid #012169;
    color: #012169 !important;
}

.idp-online .idp-destination .dropdown-toggle::after {
    display: none !important;
}

.idp-online .idp-destination .dropdown-toggle::before {
    content: "";
    background-image: url('../img/svg/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.idp-online .idp-destination .dropdown-toggle.show::before {
    background-image: url('../img/svg/arrow-up.svg');
}

.idp-online .backend-content h2{
    font-size: 16px;
}

.idp-online .backend-content p{
    margin: 0 important;
}


/* For tablets in landscape mode (screen width between 768px and 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Example styles for landscape tablets */

}

@media (max-width: 768px) {

}

@media (max-width: 1024px) {

}


@media (min-width: 768px) {
    .idp-online .connector  {
        display: block;
        position: absolute;
        top: -10%;
        right: -69%;
        width: 100%;
        z-index: -1;
        height: 31px;
        background: url("../img/connector1.png") no-repeat;
    }
    .idp-online .connector2  {
        display: block;
        position: absolute;
        top: 35%;
        right: -69%;
        width: 100%;
        z-index: -1;
        height: 31px;
        background: url("../img/connector2.png") no-repeat;
    }

    /*.connector::after {
        content: '';
        position: absolute;
        right: -5px;
        top: -7px;
        width: 0;
        height: 0;
        border-left: 10px solid #6f42c1;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }*/


}

@media (max-width: 480px) {
    .idp-online .blue-background  {
        height: auto;
        padding: 10px 0px 30px 0px;
        box-sizing: border-box;
    }

    .idp-online .blue-imgg  {
        max-width: 100%;
        height: 150px;
    }

    .idp-online .footer-links a .text-left,
    .footer-links .text-right  {
        text-align: center !important;
    }

    .idp-online .circle  {
        height: auto;
    }

    .idp-online .header  {
        width: 100%;
        height: 1000px;
        margin: 0px auto;
    }

    .idp-online .header-left,
    .header-right  {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .idp-online .header-right  {
        width: 90%;
        height: 400px;
        margin: 0px auto;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

    }





    .idp-online .header-left p:nth-child(3),
    .header-left p:nth-child(4)  {
        font-size: 12px;
    }

    .idp-online .header-left p:nth-child(5),
    .header-left p:nth-child(6)  {

        letter-spacing: 2px;
        font-size: 25px;
        font-weight: bold;
    }

    .idp-online .header-left p:nth-child(3)  {
        line-height: 15px;
    }

    .idp-online .header-left p:nth-child(5)  {
        padding-top: 15px;
        box-sizing: border-box;
        line-height: 40px !important;
    }

    .idp-online .header-left p:nth-child(7)  {
        padding-top: 10px;
        box-sizing: border-box;

    }

    .idp-online .header-left p:nth-child(7),
    .idp-online .header-left p:nth-child(8)  {
        line-height: 18px !important;

    }

    .idp-online .header-left p:nth-child(9)  {

        line-height: 25px !important;
        padding-bottom: 20px;
        box-sizing: border-box;
    }




    .idp-online .img-1  {
        width: 55px;
        height: 33px;
        background-color: #FED800;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin-left: 10px;
    }

    .idp-online .img-2  {
        width: 110px;
        height: 30px;
        background-color: #1D1D1B;
        color: #FED800;
        margin-top: 2px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .idp-online .img-2 i  {
        font-size: 12px;
        height: 100%;
    }

    .idp-online .four  {
        font-size: 15px;
        margin-top: 5px;
    }

    .idp-online .five  {
        font-size: 9px;
        margin-top: 12px;
    }

    .idp-online .img-2 i  {
        margin-top: 8px;
    }


    .idp-online .custom-card-4  {
        margin-left: 10px;
    }


    .idp-online .custom-text  {
        height: 200px;
    }
}
@media (max-width: 768px) {

    .idp-online .bg-hero::before {
        top: 0;
        background-position: top;
        background-image: url("../img/hero-bg-mobile.png");
        left: 14%;
        width: 75%;
    }

    .idp-online .circle  {
        height: auto;
    }

    .idp-online .content-section  {
        flex-direction: column;
        text-align: center;
    }

    .idp-online .globe-img  {
        margin-top: 30px;
    }

    .idp-online .globe-img  {
        width: 160px;
        height: 150px;
        animation: rotateGlobe 6s linear infinite;
    }

    .idp-online .arrow  {
        display: none;
    }

    .idp-online .circle  {
        height: auto;
    }

    .idp-online .header  {
        width: 100%;
        height: 800px;
        margin: 0px auto;
    }
}
@media (max-width: 768px) {
    .idp-online .col-12-card  {
        padding-left: 5px;
        padding-right: 5px;
    }

    .idp-online .card-group  {
        flex-direction: column;
        align-items: center;
    }

    .idp-online .card  {
        margin: 10px 0;
        width: 83.33%;
    }

    .idp-online .uk-eta-visa .card{
        width: 100%;
        padding: 15px !important;
    }

    .idp-online .uk-eta-visa .card .card-img-top{
        display: none;
    }

    .idp-online .col-md-3-card  {
        margin-top: 20px;
        width: 83.33%;
    }

}
@media only screen and (max-width: 992px) {
    .idp-online .py-5 .container .row .col-lg-3 .card-shadow  {
        min-height: 250px;
    }
    .idp-online .step-section  {
        padding: 0 0;
    }

    /*.idp-online .green-sec .container .d-flex,.d-flex-col .d-flex {*/
    /*    flex-direction: column;*/
    /*}*/
    /*.idp-online .green-sec .container .d-flex div, .d-flex-col .d-flex div {*/
    /*    width: 100% !important;*/
    /*    text-align: center;*/
    /*    margin-bottom: 0;*/
    /*}*/
    .idp-online .py-5 .container .row .col-lg-3 .card-shadow {
        /*margin-bottom: 20px;*/
    }
    .idp-online .f40  {
        font-size: 31px;
    }
    .idp-online .f18  {
        font-size: 14px;
    }
    .idp-online .progress-br .col .center-content p  {
        line-height: 12px;
        height: 13px;
    }
    .idp-online .center-content  {
        top: -22px;
    }
    .idp-online .cards-plans .con-up  {
        margin-bottom: 0.8rem;
    }
}
@media only screen and (max-width: 767px) {

    .idp-online .nav-item{
        margin-top: 5px;
    }

    .idp-online .navbar-nav{
        align-items: start !important;
    }

    .idp-online #language-selector{
        margin-top: 5px;
    }

    .idp-online .navbar-nav .nav-item a .btn{
        margin-top: 8px;
    }

    .idp-online .f24  {
        font-size: 18px;
    }
    .idp-online .step-section  {
        padding: 0 0;
    }

    /*.idp-online .green-sec .container .d-flex,.d-flex-col .d-flex {*/
    /*    flex-direction: column;*/
    /*}*/
    /*.idp-online .green-sec .container .d-flex div, .d-flex-col .d-flex div {*/
    /*    width: 100% !important;*/
    /*    text-align: center;*/
    /*    margin-bottom: 20px;*/
    /*}*/
    .idp-online .py-5 .container .row .col-lg-3 .card-shadow {
        margin-bottom: 0;
    }
    .idp-online .f40  {
        font-size: 31px;
    }
    .idp-online .f18  {
        font-size: 14px;
    }
    .idp-online .center-content  {
        top: -31px;
    }
    .idp-online .choose-plans .d-flex .col-11 .position-relative {
        left: 8px !important;
    }
    .idp-online .next-btn .btn  {
        padding: 15.5px 30px !important;
        border-radius: 50rem !important;
    }
    .idp-online .center-content  {
        display: none;
    }
    .idp-online .bar-counter  {
        width: 33.8px;
        margin-bottom: 8px;
    }
    .idp-online .progress-br  {
        padding: 22px 26px 12px 28px;
    }
    .idp-online .jnt-main .fields .pe-1  {
        padding-right: 1rem !important;
    }
    .idp-online .jnt-main .fields .ps-1  {
        padding-left: 0.8rem !important;
    }
    .idp-online .progress-br .position-relative .row .col:last-child  {
        max-width: 12% !important;
    }
}


    .eta-status-checker-widget {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .eta-sc12-container {
        background: white;
        border-radius: 20px;
        padding: 40px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    
    .eta-sc12-title {
        font-size: 32px;
        font-weight: 800;
        color: #012169;
        margin-bottom: 12px;
        text-align: center;
    }
    
    .eta-sc12-subtitle {
        font-size: 16px;
        color: #666;
        margin-bottom: 32px;
        text-align: center;
        line-height: 1.6;
    }
    
    .eta-sc12-input-group {
        display: flex;
        gap: 12px;
        margin-bottom: 24px;
    }
    
    .eta-sc12-email-input {
        flex: 1;
        padding: 16px 20px;
        border: 2px solid #e0e0e0;
        border-radius: 10px;
        font-size: 16px;
        transition: all 0.3s ease;
        font-family: inherit;
    }
    
    .eta-sc12-email-input:focus {
        outline: none;
        border-color: #012169;
        box-shadow: 0 0 0 3px rgba(1, 33, 105, 0.1);
    }
    
    .eta-sc12-check-button {
        padding: 16px 32px;
        background: #012169;
        color: white;
        border: none;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
        font-family: inherit;
    }
    
    .eta-sc12-check-button:hover:not(:disabled) {
        background: #001a4d;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(1, 33, 105, 0.3);
    }
    
    .eta-sc12-check-button:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }
    
    .eta-sc12-loading {
        display: none;
        text-align: center;
        padding: 40px;
    }
    
    .eta-sc12-loading.eta-sc12-show {
        display: block;
    }
    
    .eta-sc12-spinner {
        width: 50px;
        height: 50px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #012169;
        border-radius: 50%;
        animation: eta-sc12-spin 1s linear infinite;
        margin: 0 auto 16px;
    }
    
    @keyframes eta-sc12-spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    .eta-sc12-results {
        display: none;
    }
    
    .eta-sc12-results.eta-sc12-show {
        display: block;
    }
    
    .eta-sc12-error {
        background: #fee;
        border: 1px solid #fcc;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
        color: #c33;
    }
    
    .eta-sc12-no-orders {
        text-align: center;
        padding: 40px;
        color: #666;
    }
        .eta-sc12-order-card {
        background: #ffffff;
        border: 1px solid #e8eaf0;
        border-radius: 10px;
        padding: 26px;
        margin-bottom: 20px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 2px 8px rgba(1, 33, 105, 0.08);
        position: relative;
        overflow: hidden;
    }
    
    .eta-sc12-order-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        transition: all 0.3s ease;
    }

    .eta-sc12-order-card.eta-sc12-valid::before {
        background: linear-gradient(180deg, #4caf50 0%, #388e3c 100%);
    }

    .eta-sc12-order-card.eta-sc12-invalid::before {
        background: linear-gradient(180deg, #012169 0%, #001a4d 100%);
    }
    
    .eta-sc12-order-card.eta-sc12-valid {
        background: linear-gradient(135deg, #ffffff 0%, #f1f8f4 100%);
        border-color: #c8e6c9;
    }

    .eta-sc12-order-card.eta-sc12-invalid {
        background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
        border-color: #c5d5f5;
    }
    
    .eta-sc12-order-card:hover {
        box-shadow: 0 8px 24px rgba(1, 33, 105, 0.12);
        transform: translateY(-2px);
    }
    
    .eta-sc12-order-card:hover::before {
        width: 6px;
    }
    
    .eta-sc12-order-title-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 18px;
        padding-bottom: 16px;
        border-bottom: 2px solid #f0f2f5;
        gap: 16px;
    }
    
    .eta-sc12-order-title {
        font-size: 18px;
        font-weight: 700;
        color: #012169;
        flex: 1;
        letter-spacing: -0.3px;
    }
    
    .eta-sc12-order-badge {
        padding: 7px 16px;
        border-radius: 24px;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        white-space: nowrap;
        flex-shrink: 0;
        letter-spacing: 0.8px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
    }

    .eta-sc12-order-badge.eta-sc12-valid {
        background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
        color: #ffffff;
        border: none;
    }

    .eta-sc12-order-badge.eta-sc12-invalid {
        background: linear-gradient(135deg, #012169 0%, #001a4d 100%);
        color: #ffffff;
        border: none;
    }
    
    .eta-sc12-order-card:hover .eta-sc12-order-badge {
        transform: scale(1.05);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }
    
    
    .eta-sc12-order-details {
        display: flex;
        gap: 20px;
        margin-bottom: 16px;
        padding: 16px;
        background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
        border-radius: 8px;
        border: 1px solid #e8eaf0;
        box-shadow: inset 0 1px 3px rgba(1, 33, 105, 0.05);
    }
    
    .eta-sc12-order-detail {
        flex: 1;
        position: relative;
        padding-left: 12px;
    }
    
    .eta-sc12-order-detail::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #012169 0%, #0d47a1 100%);
        border-radius: 2px;
    }
    
    .eta-sc12-order-detail-label {
        font-size: 10px;
        color: #012169;
        text-transform: uppercase;
        margin-bottom: 6px;
        font-weight: 700;
        letter-spacing: 1px;
        opacity: 0.7;
    }
    
    .eta-sc12-order-detail-value {
        font-size: 14px;
        color: #012169;
        font-weight: 700;
        line-height: 1.5;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .eta-sc12-resend-button {
        margin-top: 8px;
        padding: 12px 24px;
        background: #012169 !important;
        color: #ffffff !important;
        border: 2px solid #012169 !important;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        width: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(1, 33, 105, 0.3);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        position: relative;
        overflow: hidden;
    }
    
    .eta-sc12-resend-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }
    
    .eta-sc12-resend-button:hover::before {
        width: 300px;
        height: 300px;
    }

    .eta-sc12-resend-button:hover:not(:disabled) {
        background: #001a4d !important;
        border-color: #001a4d !important;
        box-shadow: 0 6px 20px rgba(1, 33, 105, 0.4);
        transform: translateY(-2px);
    }

    .eta-sc12-resend-button:active:not(:disabled) {
        transform: translateY(0);
        box-shadow: 0 3px 10px rgba(1, 33, 105, 0.3);
    }

    .eta-sc12-resend-button:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        background: #90a4ae !important;
        border-color: #90a4ae !important;
        box-shadow: none;
    }
    
    
    .eta-sc12-notification {
        position: fixed;
        top: 20px;
        right: 20px;
        min-width: 320px;
        max-width: 500px;
        background: white;
        border-radius: 12px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
        z-index: 10000;
        opacity: 0;
        transform: translateX(400px);
        transition: all 0.3s ease;
    }
    
    .eta-sc12-notification-show {
        opacity: 1;
        transform: translateX(0);
    }
    
    .eta-sc12-notification-content {
        display: flex;
        align-items: flex-start;
        padding: 18px 20px;
        gap: 14px;
    }
    
    .eta-sc12-notification-content svg {
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .eta-sc12-notification-text {
        flex: 1;
        font-size: 14px;
        line-height: 1.6;
        color: #333;
    }
    
    .eta-sc12-notification-close {
        background: none;
        border: none;
        font-size: 24px;
        line-height: 1;
        color: #999;
        cursor: pointer;
        padding: 0;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: color 0.2s;
    }
    
    .eta-sc12-notification-close:hover {
        color: #333;
    }
    
    .eta-sc12-notification-success {
        border-left: 4px solid #4caf50;
    }
    
    .eta-sc12-notification-success svg {
        color: #4caf50;
    }
    
    .eta-sc12-notification-error {
        border-left: 4px solid #f44336;
    }
    
    .eta-sc12-notification-error svg {
        color: #f44336;
    }
    
    .eta-sc12-notification-info {
        border-left: 4px solid #2196f3;
    }
    
    .eta-sc12-notification-info svg {
        color: #2196f3;
    }
    
    @media (max-width: 768px) {
        .eta-sc12-container {
            padding: 20px 16px !important;
        }
        
        .eta-sc12-title {
            font-size: 24px !important;
        }
        
        .eta-sc12-subtitle {
            font-size: 14px !important;
        }
        
        .eta-sc12-input-group {
            flex-direction: column;
        }
                .eta-sc12-notification {
            right: 10px;
            left: 10px;
            min-width: auto;
            max-width: none;
        }
        
        .eta-sc12-order-card {
            padding: 16px !important;
            margin-bottom: 16px !important;
        }
        
        .eta-sc12-order-title-row {
            flex-wrap: wrap !important;
            gap: 8px !important;
            margin-bottom: 10px !important;
        }
        
        .eta-sc12-order-title {
            font-size: 16px !important;
        }
        
        .eta-sc12-order-badge {
            font-size: 12px !important;
            padding: 5px 10px !important;
        }
        
        
        .eta-sc12-order-details {
            flex-direction: column !important;
            gap: 12px !important;
        }
        
        .eta-sc12-order-detail {
            width: 100% !important;
            padding: 12px !important;
        }
        
        .eta-sc12-order-detail-label {
            font-size: 12px !important;
        }
        
        .eta-sc12-order-detail-value {
            font-size: 14px !important;
        }
        
        .eta-sc12-resend-button {
            width: 100% !important;
            padding: 12px 18px !important;
            font-size: 14px !important;
        }
        
        .eta-sc12-resend-button svg {
            width: 16px !important;
            height: 16px !important;
        }
        
        .eta-sc12-container {
            padding: 20px 16px !important;
        }
        
        .eta-sc12-title {
            font-size: 24px !important;
        }
        
        .eta-sc12-subtitle {
            font-size: 14px !important;
        }
    }

/* ==============================================
   HEADER REDESIGN — nav improvements
   ============================================== */

/* Main nav wrapper — subtle gray border */
.idp-online .header-main-nav {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

/* Nav links — dark, readable */
.idp-online .header-nav-link {
    color: #1e2545 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    letter-spacing: 0.1px;
    padding-bottom: 6px !important;
    position: relative;
    transition: color 0.2s ease !important;
}

.idp-online .header-nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    right: 50%;
    height: 2px;
    background: #012169;
    transition: left 0.25s ease, right 0.25s ease;
}

.idp-online .header-nav-link:hover,
.idp-online .header-nav-link.active {
    color: #012169 !important;
}

.idp-online .header-nav-link:hover::after,
.idp-online .header-nav-link.active::after {
    left: 0;
    right: 0;
}

/* Language selector — compact flag + ISO */
.idp-online .lang-select-btn {
    border: 1px solid #e0e0e0 !important;
    background: transparent !important;
    color: #555 !important;
    font-size: 13px !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    font-weight: 500;
    transition: border-color 0.2s, color 0.2s, background 0.2s !important;
    box-shadow: none !important;
    gap: 6px;
}

.idp-online .lang-select-btn .lang-iso {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.idp-online .lang-select-btn:hover,
.idp-online .lang-select-btn.show {
    border-color: #012169 !important;
    color: #012169 !important;
    background: rgba(1, 33, 105, 0.04) !important;
}

.idp-online .lang-dropdown {
    min-width: 150px;
    padding: 6px 0;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    border-radius: 8px;
}

.idp-online .lang-dropdown .dropdown-item {
    font-size: 13px;
    padding: 7px 14px;
    color: #333;
    font-weight: 400;
}

.idp-online .lang-dropdown .dropdown-item.active,
.idp-online .lang-dropdown .dropdown-item:hover {
    background-color: rgba(1, 33, 105, 0.07);
    color: #012169;
}


/* Mobile nav */
@media (max-width: 991px) {
    .idp-online .header-nav-link {
        font-size: 16px !important;
        padding: 10px 0 !important;
    }

    .idp-online .header-nav-link::after {
        display: none;
    }

    .idp-online .header-nav-link.active,
    .idp-online .header-nav-link:hover {
        color: #012169 !important;
    }
}

/* ── Official notice bar ── */
.idp-online .official-notice-bar {
    background-color: #EEF4FF;
}
.idp-online .official-notice-bar p {
    font-size: 13px;
    color: #1e2545;
    line-height: 21px;
}
.idp-online .official-notice-icon {
    width: 32px;
    height: 32px;
    background: #012169;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
}

/* ── Feature card icons ── */
.idp-online .feature-icon-wrap {
    width: 64px;
    height: 64px;
    background: #EEF4FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.idp-online .feature-icon-wrap--white {
    background: rgba(255,255,255,0.20);
}

/* ── Steps — FA icons (replace images) ── */
.idp-online .step-fa-icon {
    font-size: 30px;
    color: #012169;
}
/* Fix off-brand purple step colors */
.idp-online .step-number {
    color: #012169 !important;
    font-weight: 600;
    margin-bottom: 0.4rem;
}
.idp-online .step-title-color {
    color: #012169 !important;
}

/* ── About — key stats grid ── */
.idp-online .eta-stat-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 16px;
    text-align: center;
}
.idp-online .eta-stat-icon {
    font-size: 20px;
    color: #012169;
    margin-bottom: 8px;
}
.idp-online .eta-stat-num {
    font-size: 32px;
    font-weight: 700;
    color: #012169;
    line-height: 1;
}
.idp-online .eta-stat-label {
    font-size: 13px;
    color: #6b7280;
    margin-top: 4px;
}

/* ── Disclaimer — fee box ── */
.idp-online .disclaimer-fee-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 24px;
}
.idp-online .disclaimer-fee-title {
    font-size: 14px;
    font-weight: 700;
    color: #012169;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}
.idp-online .disclaimer-fee-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    color: #374151;
}
.idp-online .disclaimer-fee-item:last-of-type {
    border-bottom: none;
}
.idp-online .disclaimer-fee-price {
    font-weight: 700;
    font-size: 18px;
    color: #012169;
}
.idp-online .feature-icon-fa {
    font-size: 26px;
    color: #012169;
}
.idp-online .feature-icon-fa--white {
    color: #fff;
}


/* ── Hero — minimalist ── */
.idp-online .hero-h1 {
    font-size: 44px;
    line-height: 1.15;
    color: #012169;
}
.idp-online .hero-desc {
    font-size: 18px;
    color: #4b5563;
    line-height: 1.75;
}
.idp-online .hero-form-card {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 32px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
.idp-online .hero-form-title {
    font-size: 18px;
    font-weight: 600;
    color: #012169;
    line-height: 1.3;
}
.idp-online .hero-form-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}
.idp-online .hero-input {
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    color: #111827 !important;
    background: #fafafa !important;
    transition: border-color 0.2s;
}
.idp-online .hero-input:focus {
    border-color: #012169 !important;
    background: #fff !important;
}
.idp-online .hero-learn-more {
    font-size: 13px;
    color: #6b7280;
}
.idp-online .hero-learn-more:hover {
    color: #012169;
}
@media (max-width: 991px) {
    .idp-online .hero-h1 {
        font-size: 32px;
    }
    .idp-online .hero-form-card {
        padding: 24px;
    }
}

/* ── CMS page hero banner (visapply style) ── */
.idp-online .cms-page-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 420px;
    display: flex;
    align-items: center;
}
.idp-online .cms-page-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, .85) 0%, rgba(27, 54, 93, .70) 100%);
}
.idp-online .cms-page-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 24px;
    width: 100%;
}
.idp-online .cms-page-hero__title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 16px;
    letter-spacing: -0.02em;
    max-width: 700px;
}
.idp-online .cms-page-hero__subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, .85);
    line-height: 1.6;
    margin: 0;
    max-width: 480px;
}
@media (max-width: 1024px) {
    .idp-online .cms-page-hero__inner {
        padding: 48px 24px;
    }
    .idp-online .cms-page-hero__title {
        font-size: 38px;
    }
}
@media (max-width: 640px) {
    .idp-online .cms-page-hero {
        min-height: 320px;
    }
    .idp-online .cms-page-hero__title {
        font-size: 32px;
    }
    .idp-online .cms-page-hero__subtitle {
        font-size: 14px;
    }
}

/* ── CMS backend content typography ── */
.idp-online .backend-content {
    padding: 48px 0 64px;
    max-width: 860px;
    margin: 0 auto;
}
.idp-online .backend-content h1,
.idp-online .backend-content h2,
.idp-online .backend-content h3,
.idp-online .backend-content h4 {
    color: #012169;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}
.idp-online .backend-content h1:first-child,
.idp-online .backend-content h2:first-child,
.idp-online .backend-content h3:first-child {
    margin-top: 0;
}
.idp-online .backend-content h2 {
    font-size: 1.5rem;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}
.idp-online .backend-content h3 {
    font-size: 1.2rem;
}
.idp-online .backend-content p {
    color: #374151;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    font-size: 1rem;
}
.idp-online .backend-content ul,
.idp-online .backend-content ol {
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}
.idp-online .backend-content li {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 0.4rem;
}
.idp-online .backend-content a {
    color: #012169;
    text-decoration: underline;
}
.idp-online .backend-content a:hover {
    color: #C8102E;
}
.idp-online .backend-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}
.idp-online .backend-content th,
.idp-online .backend-content td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}
.idp-online .backend-content th {
    background: #F4F9FF;
    color: #012169;
    font-weight: 600;
    border-top: 2px solid #012169;
}
.idp-online .backend-content strong {
    color: #1e2545;
    font-weight: 600;
}