:root {
    --primary-color: #CBA344;
    --secondary-color: #92722A;
    --primary: #b79a6d;
    --white: #FFF;
    --black: #353535;
}

body {
    max-width: 1536px;
    width: 100%;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none;
    color: var(--black);
}
.font-english {
    font-family: 'Roboto', sans-serif;
}
.font-arabic {
    font-family: "Noto Kufi Arabic", sans-serif;
}
.toast {
    background-color: #030303;
}
.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-wait {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

/* Show main dropdown on hover */
.hover-dropdown:hover > .dropdown-menu {
    display: block;
    position: absolute !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
/* Submenu positioning */
.dropdown-submenu {
    position: relative;
}
/* Hide submenu by default */
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    display: none;
}
/* Show submenu on hover */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-left: 0.1rem;
}


.navbar-nav .dropdown-item {
    font-size: 13px;
    font-weight: 500;
    margin: 4px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
}

.dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: .4s;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1100;
    -webkit-box-shadow: 0 0 15px rgba(102, 63, 83, 0.16);
    box-shadow: 0 0 15px rgba(102, 63, 83, 0.16);
    border: none;
    border-top: 2px solid var(--primary-color);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color) !important;
}
.text-primary{
    color: var(--primary) !important;
}
.text-primary-dark{
    color: var(--secondary-color) !important;
}
/*-- header main --*/
.branding-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-header{
    position: relative;
}
.main-header:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to left, var(--primary-color), var(--secondary-color));
    width: 100%;
    height: 6px;
}
.navbar{
    background-color: rgb(247 247 247);
    padding: 0;
}
.navbar-nav .nav-link{
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px;
    color: #000;
    border-bottom: 2px solid transparent;
}
.navbar-nav .nav-link:hover{
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}
.btn-nav-link{
    color: var(--secondary-color);
    background: transparent;
    border: 0;
}

/*---end header section---*/
/*-- hero section --*/
.hero {
    position: relative;
}

.hero-carousel:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #F5F0DA, #C9ECE3);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.hero-body {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    color: var(--black);
    padding: 40px 0;
}

.hero-body h1 span {
    color: rgb(152 111 47 / 70%);
}

.hero-body p {
    font-size: 14px;
    font-weight: 400;
}
.hero-body-form{
    background: var(--white);
    padding: 16px;
    border-radius: 4px;
    border-bottom: 10px solid var(--primary);
    position: relative;
    z-index: 1;
}
.hero-body-form .form-label{
    color: var(--secondary-color);
    font-size: 12px;
    margin-bottom: 4px;
}
.btn-submit{
    background: var(--primary) !important;
    padding: 12px;
    border-radius: 4px;
    color: var(--white) !important;
    font-size: 13px;
    font-weight: 600;
    transition: box-shadow 0.4s ease-in-out;
}
.btn-submit:hover,.btn-submit:focus{
    background: var(--secondary-color) !important;
    color: var(--white) !important;
    box-shadow: 2px 4px 12px #b1afaf;
}
.select2-container--default .select2-selection--single {
    border: 1px solid var(--secondary-color);
    padding: 5px !important;
    position: relative;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

.select2-results__option--selectable {
    font-size: 13px;
}
.select2-selection__rendered span.flag-icon {
    margin-right: 6px;
}
.select2-results__option span.flag-icon {
    margin-right: 6px;
}

.about-info{
    margin: 24px 0;
}
.about-info-header ul{
    list-style-type: none;
}
.about-info-header ul li{
    margin: 16px 0;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    gap: 8px;
    align-items: center;
}
.about-info-icon{
    background-color: #f2eccf !important;
    border-radius: 12px;
    padding: 8px;
}

.footer-data-card{
    padding: 24px;
    border-radius: 8px;
    margin: 24px 0;
    color: var(--white);
    position: relative;
}
.footer-data-card-static{
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
    height: 240px;
    opacity: 0.25;
}
.data-card-secondary{
    background: linear-gradient(60deg, #2d2d2d, #535153);
}
.data-card-primary{
    background: linear-gradient(60deg, #92742f, #cba344);;
}
.footer-data-head h5{
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0;
}
.footer-data-head p{
    font-size: 13px;
    margin: 8px 0;
}

/*---end main home page--*/
/*-- footer section --*/

.footer {
    background-color: #f7f7f7;
    border-bottom: solid 11px #d0b99c;
    color: #bc9c73;
    font-size: .8571em;
    font-weight: 500;
    padding-bottom: 22px;
    text-align: center;
}

.footer a {
    color: #bc9c73;
}

.footer .container {
    position: relative;
}

.footer-section-title {
    color: #986f2f;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 1.5em;
}

.footer-links {
    border-bottom: solid 1px #dfdbda;
    font-size: 1.1667em;
    font-weight: 400;
    padding: 20px 0;
    margin: 0 0 30px;
}

.footer-social-media {
    margin-bottom: 30px;
}
.footer-social-media .bi{
    font-size: 20px;
}

.footer-social-media a {
    background-color: #bc9c73;
    border-radius: 50%;
    color: #f6f8f9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    overflow: hidden;
    transition: color 300ms linear;
}

.footer-social-media a:before {
    font-size: 18px;
    line-height: 40px;
    display: block;
}

.footer-social-media a.icon-button:hover {
    box-shadow: 0 0 6px 0 rgba(50,50,50,.45);
}

.footer-social-media a.fi-facebook:hover {
    background-color: #3b5998;
}

.footer-social-media a.fi-twitter:hover {
    background-color: #20b8ff;
}

.footer-social-media a.fi-rss-feed:hover {
    background-color: orange;
}

.footer-social-media a.fi-youtube:hover {
    background-color: #c8302a;
}

.footer-social-media a.fi-flash:hover {
    background-color: #462621;
}

.footer-social-media a.fi-acrobat:hover {
    background-color: #e81713;
}

.footer-social-media a.fi-instagram:hover {
    background-color: #985b49;
}

.footer-social-media a.fi-windows:hover {
    background-color: #f7941e;
}

.footer-social-media > li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

.federal-logo, .uaegov-logo {
    margin-top: 45px;
}

.federal-logo {
    float: left;
}

.uaegov-logo {
    float: right;
}

.footer-bottom-links {
    text-align: center;
}

.footer-bottom-links.hlist > li:after {
    content: '-';
}

.call-center, .visitor-counter {
    color: #d0b799;
    position: absolute;
}

.visitor-counter {
    left: 280px;
}

.call-center {
    right: 190px;
}

.call-center-header, .visitor-count-header {
    font-weight: 700;
    color: #986f2f;
    display: block;
    margin-bottom: 10px;
}

.call-center-number, .visitor-count {
    display: block;
    font-size: 1.6667em;
    font-weight: 700;
    color: #986f2f;
}

.website-page-info .best-view:after, .website-page-info .page-update-time:after {
    content: '|';
    margin: 0 0 0 5px;
}

.website-page-info .copyright {
    display: block;
}

.hlist > li {
    display: inline-block;
}

.hlist > li > a {
    vertical-align: middle;
}

.hlist > li:after {
    content: '|';
    margin: 0 14px;
    display: inline-block;
    vertical-align: middle;
}

.hlist > li:last-child:after {
    display: none;
}

.hidden {
    display: none;
}

.list-unstyled {
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}

@media only screen and (max-width:1024px) {
    .call-center {
        right: 165px;
    }

    .visitor-counter {
        left: 265px;
    }
}

@media only screen and (max-width:1023px) {
    .footer-section-title {
        margin-top: 150px;
    }

    .call-center {
        right: 50%;
        transform: translateX(50%);
        margin-right: -100px;
    }

    .visitor-counter {
        left: 50%;
        transform: translateX(-50%);
        margin-left: -100px;
    }

    .federal-logo, .uaegov-logo {
        margin-top: 35px;
    }
}

@media only screen and (max-width:767px) {
    .federal-logo, .uaegov-logo {
        display: block;
        float: none;
    }

    .federal-logo {
        margin: 130px auto 0;
    }

    .footer-section-title, .uaegov-logo {
        margin-top: 20px;
    }

    .visitor-counter {
        margin-left: -80px;
    }

    .call-center {
        margin-right: -80px;
    }

    .footer {
        border-bottom-width: 65px;
    }

    .hlist > li:after {
        margin-left: 5px;
        margin-right: 5px;
    }
}
/*-- end footer section --*/
/*--- dynamic pages --*/
.page-hero{
    background-color: var(--primary);
    padding: 24px 0;
}
.main-body{
    background-color: #fffaf1;
}
.main-body .card{
    margin: 16px 0;
    border: 1px solid #f6e1ae;
}
.page-body{
    padding: 24px 0;
    font-size: 14px;
    color: #60697b;
}
.page-body h1{
    font-size: 32px;
    font-weight: 700;
    color: #343f52;
    margin: 16px 0;
}
.page-body h2{
    font-size: 28px;
    font-weight: 700;
    color: #343f52;
    margin: 16px 0;
}
.page-body h3{
    font-size: 24px;
    font-weight: 700;
    color: #343f52;
    margin: 16px 0;
}
.page-body h4{
    font-size: 18px;
    font-weight: 700;
    color: #343f52;
    margin: 16px 0;
}
.page-body h5{
    font-size: 16px;
    font-weight: 700;
    color: #343f52;
    margin: 16px 0;
}
.page-body h6{
    font-size: 14px;
    font-weight: 700;
    color: #343f52;
    margin: 16px 0;
}
.page-body ul li,.page-body ol li{
    margin: 8px 0;
}
.page-body iframe{
    width: 100%;
}
.page-body img{
    width: 100%;
}
.page-body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.page-body table th {
    background-color: #f2f2f2;
    border: 1px solid gray !important;
}
.page-body table th, .page-body table td {
    padding: 12px;
    text-align: left;
    border: 1px solid gray;
    color: #5f5f5f;
}
.wg-cta-shortcode {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0px 0;
    gap: 20px;
}
.wg-cta-shortcode__col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    gap: 6px;
    padding: 20px;
    border-radius: 6px;
}
.wg-cta-shortcode__icon {
    max-width: 40px;
    max-height: 60px;
    margin-bottom: 15px;
}
.wg-cta-shortcode__col.wg_cta_form .wg-cta-shortcode__button {
    background: #002e5b;
    opacity: 0.9;
    color: #fff;
}
.wg-cta-shortcode__button {
    display: inline-block;
    background: #000;
    padding: 8px 20px;
    min-width: 140px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
}
.wg-cta-shortcode__col.wg_cta_call .wg-cta-shortcode__button {
    background: #07a2bf;
    opacity: 0.9;
    color: #fff;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: inherit;
}
.wg-cta-shortcode__button {
    display: inline-block;
    background: #000;
    padding: 8px 20px;
    min-width: 140px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
}
.wg-cta-shortcode__col.wg_cta_wa .wg-cta-shortcode__button {
    background: green;
    opacity: 0.9;
    color: #fff;
}

.wg-cta-shortcode__button {
    display: inline-block;
    background: #000;
    padding: 8px 20px;
    min-width: 140px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
}

.dtv-toc {
    background: var(--primary);
    color: var(--white);
    padding: 16px;
}
.toc-list {
    background: #f7f7f7;
    padding: 30px;
    margin-top: -20px;
}
.toc-list ol {
    list-style: disc !important;
}
.toc-list ol li a {
    font-size: 16px !important;
    line-height: 2em;
    font-weight: 600;
    color: var(--primary);
}
.required-form .form-label{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--secondary-color);
}
.required-form .form-control{
    font-size: 13px;
    padding: 8px;
    color: #626262;
    border: 1px solid #ccb686;
}
.required-form .select2-container--default .select2-selection--single{
    border: 1px solid #ccb686 !important;
}

/*--- dynamic page style ---*/
/*--- about page style---*/
.about-hero{
    padding: 40px 0;
    background-color: #eddec6;
}
.about-hero-body h1{
    font-size: 32px;
    font-weight: 700;
    color: #343f52;
}
.about-hero-body{
    font-size: 16px;
    color: #4a5362;
}
.about-hero-image img{
    border-radius: 12px;
}
.about-service-card {
    width: 100%;
    max-width: 360px;
    height: 420px;
    perspective: 1200px;
    position: relative;
    margin: 20px 0;
}

/* Inner flip container */
.about-service-card > div {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    position: absolute;
    backface-visibility: hidden;
    transition: transform 0.8s ease;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* FRONT */
.about-service-front {
    position: relative;
}
.about-service-front:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #877652, #b8a4763d);
    width: 100%;
    height: 100%;
}
.about-service-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* BACK */
.about-service-back {
    background: linear-gradient(135deg, #f5e8cc, #ccb686);
    color: var(--black);
    padding: 30px;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.about-service-back h3 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

.about-service-back p {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.95;
}

/* Hover Flip */
.about-service-card:hover .about-service-front {
    transform: rotateY(180deg);
}

.about-service-card:hover .about-service-back {
    transform: rotateY(360deg);
}

/* Mobile Support (tap) */
@media (hover: none) {
    .about-service-card:active .about-service-front {
        transform: rotateY(180deg);
    }
    .about-service-card:active .about-service-back {
        transform: rotateY(360deg);
    }
}
.about-core-value{
    padding: 40px 0;
    background-color: #ecd6b321;
}

/*--- end about page style---*/
/*--- contact us page style ---*/
.web-pages-hero{
    background: linear-gradient(85.72deg, rgba(9, 69, 88, .2) -74.78%, hsla(53, 47%, 66%, .2) 133.96%);
    border-radius: 5px;
    min-height: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}
.web-pages-hero:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/left-banner.svg) no-repeat left center;
    opacity: 0.2;
}
.web-pages-hero:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/right-banner.svg) no-repeat right center;
    opacity: 0.4;
}
.web-pages-hero h1{
    font-size: 42px;
    font-weight: 700;
    color: #343f52;
    position: relative;
    z-index: 1;
}
.web-pages-hero p{
    font-size: 14px;
    color: #343f52;
    position: relative;
    z-index: 1;
}

.contact-form {
    background: #fbf5e9;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #f5e8cc;
}
.contact-form .select2-container--default .select2-selection--single{
    border: 1px solid #cfbc92;
    padding: 6px !important;
    height: 44px !important;
}

.contact-form .form-label {
    font-size: 13px;
    margin-bottom: 4px;
    color: var(--secondary-color);
}

.contact-form .form-control {
    border: 1px solid #cfbc92;
    font-size: 13px;
    font-weight: 400;
    padding: 12px;
}
.contact-body-info .bi{
    font-size: 24px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #f5e8cc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-body-info p{
    width: 80%;
    color: #343f52;
}
.contact-us-body iframe{
    border: 1px solid var(--primary);
    border-radius: 8px;
}
/*--- end contact us page---*/
/*--- start faqs section --*/
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    background-color: #faf3e4;
    color: var(--primary);
    box-shadow: 0 1px 1px var(--primary);
}
.accordion-button{
    font-size: 14px;
    font-weight: 700;
}
.accordion-body{
    font-size: 13px;
    font-weight: 400;
}

/*--- end faqs section --*/
/*-- visa card section ---*/

.nav-pills {
    background: #fff4e2;
    border-radius: 50px;
    padding: 6px 8px;
    display: inline-flex;
    border: 1px solid #dccfaa;
}

.nav-pills .nav-link {
    font-size: 13px;
    color: var(--primary);
    border-radius: 24px;
}

.nav-pills .nav-link.active {
    background: var(--primary);
}

.evv-vt-card {
    display: inline-flex;
    min-height: 295px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 18px;
    border: 1px solid #d4d4d4;
    margin: 24px 0;
    overflow: hidden;
}

.evv-vt-card {
    padding: 24px;
    background: #fcfcfc;
    width: 100%;
    position: relative;
    box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, .08);
}

.vt-card-shape {
    width: 280px;
    height: 300px;
    background: linear-gradient(135deg, #f0f5f7, #f0f5f7);
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 20% 70%, 40% 50%, 60% 30%, 80% 10%);
    border-radius: 16px;
    position: absolute;
    right: 0;
    transform: translateX(100%);
    transition: transform .6s ease-in-out, clip-path .6s ease-in-out, background .6s ease-in-out;
}

.evv-vt-card-head {
    color: var(--black);
    font-size: 16px;
    font-weight: 900;
}

.evv-vt-card-footer, .evv-vt-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.evv-vt-card-header_info h3, .evv-vt-card-header_info h4 {
    color: var(--primary);
    font-weight: 900;
    margin: 4px 0 0;
    font-size: 18px;
}

.evv-vt-card-header_info p {
    color: var(--primary);
    font-size: 16px;
    margin: 0;
}

.evv-vt-card-content {
    display: flex;
    gap: 20px;
    position: relative;
}

.evv-vt-card-process-key p {
    color: var(--black);
    margin: 4px 0;
    font-size: 13px;
    font-weight: 500;
}

.evv-vt-card-process-value p {
    color: #a49e9e;
    font-size: 13px;
    margin-bottom: 10px;
}

.evv-vt-card-footer p {
    color: var(--primary);
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.evv-vt-card-footer a {
    font-size: 11px;
    font-weight: 400;
    padding: 8px 6px;
    background-color: var(--primary);
    color: var(--white);
    display: block;
    border-radius: 4px;
    transition: box-shadow 0.4s ease-in-out;
}

.evv-vt-card-footer a:hover {
    background-color: var(--secondary-color);
    box-shadow: 4px 4px 16px #dccfaa;
}
/*--- end visa card style --*/
/*--- blogs page style----*/
.card-blog:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
.card-blog {
    transition: all .18s ease-in-out;
    border: 1px solid #f0f0f0;
}
.card-img-top {
    max-height: 300px;
    margin-bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.meta {
    font-size: .85rem;
    color: #6c757d;
}
@media (max-width: 767px) {
    .hero {
        padding: 3rem 1rem;
    }
}
/*--- end blogs page ---*/
/*-- blog page ---*/
.page-link{
    font-size: 12px;
    color: var(--primary-color);
}
.active>.page-link, .page-link.active{
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.author img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }
article img { border-radius: 12px; margin-bottom: 1rem;height: 450px;}
article h2 { margin-top: 2rem; font-weight: 600; }
article p { line-height: 1.8; }

.article-comment .form-label{
    font-size: 12px;
    color: var(--primary-color);
    margin-bottom: 4px;
}
.article-comment .form-control{
    padding: 14px;
    font-size: 13px;
}
/*--- end blog page ---*/
/*--- Application Form Style ---*/
.visa-form-wrapper {
    background: #fffaf1;
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}

.visa-form-header {
    padding: 20px 0;
    position: relative;
    background-color: var(--primary);
    color: var(--white);
}

.visa-form-trusted {
    display: inline-flex;
    padding: 4px 8px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    border: 1px solid #e3e6f9;
}

.visa-form-trusted span {
    background: linear-gradient(90deg, #f7f9ff 22.12%, #e7e4fd 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 10px;
    line-height: normal;
}

.visa-form-header h1 {
    font-size: 36px;
    font-weight: 700;
    color: var(--white);
    margin: 18px 0 10px;
}

.visa-form-header h1 strong {
    font-weight: 800;
}

.visa-form-header p {
    font-size: 16px;
}

.visa-form-feature {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.visa-form-feature-box {
    display: flex;
    padding: 2px 16px 2px 0;
    align-items: center;
    gap: 6px;
    border-right: 1px solid #e4e4e4;
    color: var(--white);
}

.visa-form-feature-box:last-child {
    border-right: 0;
}

.visa-form-feature-box p {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
}

.visa-form-feature p strong {
    color: var(--white);
}

.visa-form-feature-box small {
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
}

.visa-form-body-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.visa-form-body-head .sub-heading h2 {
    font-size: 18px;
    margin: 0;
}

.visa-form-body-head .sub-heading p {
    margin: 4px 0;
    font-size: 13px;
    font-weight: 200;
}

.visa-form-body-head .sub-heading p strong {
    font-weight: 600;
    background: linear-gradient(98deg,#0c8858 0,#5db58e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.visa-form-body-progress {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.progress-circle,.progress-circle-inner {
    border-radius: 100%;
    align-items: center;
    display: flex;
}

.progress-circle {
    width: 80px;
    height: 80px;
    background: rgb(230 234 243);
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
}

.progress-circle-inner {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(23,38,148,.12);
    background: #f5f5f5;
    justify-content: center;
}
.progress-box{
    text-align: center;
}
.progress-box.active .progress-circle-inner {
    border: 1px solid rgba(172,115,95,.12);
    background: linear-gradient(93deg, #254ca1 .44%, #4d61c8 99.66%);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25);
}

.progress-box.active .progress-circle {
    animation: 2.5s ease-in-out infinite pulseGlow;
    background: rgb(172 181 211);
}

.progress-box-fill-form::before {
    content: "";
    position: absolute;
    left: 80px;
    top: 40px;
    background: #d9d9d9;
    width: 41%;
    height: 4px;
}

.progress-box-fill-form::after {
    content: "";
    position: absolute;
    left: 80px;
    top: 40px;
    background: linear-gradient(93deg, #254ca1 .44%, #4d61c8 99.66%);
    width: 100px;
    height: 4px;
    transition: width 2s ease-in-out;
}

.progress-box-fill-form.animate-progress::after {
    width: 25%
}

.progress-box-review-details:before {
    content: "";
    position: absolute;
    right: 80px;
    top: 40px;
    background: #d9d9d9;
    width: 42%;
    height: 4px
}

.progress-box span {
    display: block;
    background: linear-gradient(93deg, #254ca1 .44%, #4d61c8 99.66%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 13px
}

.progress-box small {
    color: #505050;
    font-size: 10px;
    font-weight: 300;
    display: block
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(95, 119, 172, 0.7)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(79,172,254,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(79,172,254,0)
    }
}

.visa-form-body-step-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.visa-form-body-step-info p {
    padding: 4px 12px;
    margin: 4px 0;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.22);
    background: #eee
}

.visa-form-body-step-info p span {
    font-size: 12px;
    background: linear-gradient(90deg,#4d4d4d 0,#222 100%);
    background-clip: text;
    -webkit-background-clip: text
}

.visa-form-card {
    padding: 16px;
    border-radius: 12px;
    background: linear-gradient(180deg,#fefefe 0, #fdf3ff 100%);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.08),12px 12px 88px 0 rgba(0,0,0,.08)
}

.visa-form-card-contact {
    background: rgb(253 243 254 / 79%);
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #f0d3fb;
}

.check-payment-secure-header,.visa-form-card-head,.visa-form-support-head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-title-border {
    border-bottom: 1px solid #e4e4e4;
}

.visa-form-card-head .sub-heading h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--primary-color);
}

.visa-form-card-head .sub-heading p {
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.visa-form-card .form-label {
    font-size: 12px;
    margin-bottom: 4px;
    font-weight: 500;
    color: #626262;
    display: flex;
    align-items: center
}

.visa-form-card .form-control {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    border-radius: 0
}

.visa-form-card input:disabled {
    background: #d2d2d2
}

.visa-form-card input::placeholder {
    font-size: 12px;
    font-weight: 300
}

.visa-form-card .select2-container--default .select2-selection--single {
    height: 40px;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    background: 0 0;
    border-radius: 0;
}

.visa-form-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}

.visa-form-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.form-check-input {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.visa-form-submit-card {
    border-radius: 12px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.06),8px 8px 60px 0 rgba(0,0,0,.12);
}

.visa-form-submit-head {
    background: #fff3ff;
}

.visa-form-submit .btn-primary {
    border-radius: 8px;
    background: var(--primary-color);
    box-shadow: 2px 2px 12px 0 rgba(0,0,0,.12);
    width: 100%;
    border: 1px solid var(--primary-color);
    transition: .5s linear;
    color: var(--white)!important;
    font-size: 16px;
}

.visa-form-faqs .accordion-button,.visa-form-faqs-card .visa-form-card-head {
    color: var(--white);
    background: #313131;
}

.visa-form-submit .btn-primary:hover {
    box-shadow: 4px 4px 20px 0 rgba(0,0,0,.4);
    background: #53203a;
}

.visa-form-submit ul li {
    margin: 8px 0;
    font-size: 13px;
    color: #454545;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 8px;
}

.visa-form-card-check .form-check,.visa-form-support .phone-card {
    align-items: center;
    display: flex;
}
.phone-card-info .text-color-light{
    font-size: 12px;
    color: #e4e4e4;
}

.visa-form-submit .note-card {
    display: flex;
    padding: 12px;
    gap: 4px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid rgba(50,64,217,.22);
    background: #f5f6ff;
}

.visa-form-submit .note-card i,.visa-form-submit .note-card p {
    font-size: 13px;
    font-weight: 400;
    color: #3240d9;
}
.visa-form-same-as{
    font-size: 12px;
    line-height: 16px;
}

.visa-form-faqs-card {
    border-radius: 12px;
    border: 1px solid #dfdfdf;
    background: #313131;
    box-shadow: 8px 8px 60px 0 rgba(0,0,0,.08);
}

.check-applicant-service-header h2,.visa-form-faqs-card .sub-heading-faqs h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.visa-form-faqs .accordion-button {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 400;
}

.visa-form-faqs .accordion-body {
    padding: 6px;
    font-size: 12px;
    color: #e0e0e0;
}

.visa-form-faqs-card .accordion-item {
    background: 0 0!important;
}

.visa-form-faqs-card .accordion-button:not(.collapsed) {
    color: rgb(255 184 103);
    border-bottom: 1px solid #ffe6c2;
    box-shadow: none;
}

.visa-form-faqs-card .accordion-button::after {
    background-image: url('data:image/svg+xml;base64,PCEtLSBMaWNlbnNlOiBBcGFjaGUuIE1hZGUgYnkgZ3JvbW1ldDogaHR0cHM6Ly9naXRodWIuY29tL2dyb21tZXQvZ3JvbW1ldC1pY29ucyAtLT4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjcuMDg2IDMuMTc0IDE3LjA4NiAxMy4xNzQgNy4wODYgMjMuMTc0IiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIHJvdGF0ZSgtODkgLTEuMzIgMCkiLz4KPC9zdmc+Cg==');
}

.visa-form-support {
    background: #242424;
    padding: 16px;
    border-radius: 0 0 12px 12px;
}

.visa-form-support-head h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--white);
}

.visa-form-support .phone-card {
    padding: 6px 16px;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.13);
    margin: 12px 0;
    background: rgba(255,255,255,.13);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.08);
    color: var(--white);
    transition: box-shadow .4s ease-in-out;
}

.visa-form-support .phone-card .whatsapp-color-text {
    color: #3ec456;
}

.visa-form-support a .phone-card:hover {
    box-shadow: 1px 1px 8px 0 rgba(255,255,255,.84);
}

.visa-form-card .note-card {
    border-radius: 12px;
    border: 1px solid rgba(50,64,217,.22);
    background: #f5f6ff;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
    color: #3240d9;
    display: flex;
    margin-top: 20px;
}

.visa-form-card .text-danger {
    font-size: 11px;
    font-weight: 600;
}

hr {
    border-top: 1px solid rgba(0,0,0,.08);
    opacity: 1;
}

.form-progress-wrapper {
    background: #e3e3e3;
    height: 4px;
    border-radius: 4px;
}

.form-progress-bar {
    border-radius: 100px;
    background: #168a28;
    box-shadow: 0 0 2px 0 rgb(75 183 5 / 44%), 0 0 3px 0 rgb(67 219 35 / 44%);
    height: 100%;
    width: 0;
    transition: width .3s;
}

.form-progress-label {
    text-align: right;
    font-size: 14px;
    color: #585858;
}

.visa-form-body aside {
    position: sticky;
    top: 84px;
}

.btn-same {
    border-radius: 6px;
    background: linear-gradient(98deg,#0c8858 0,#5db58e 100%);
    box-shadow: 0 0 2px 0 rgb(135 139 137 / 44%), 0 0 4px 0 rgb(65 64 64 / 31%);
    padding: 8px 12px;
    border: none;
    font-size: 10px;
    color: var(--white);
}

.document-box {
    border: 1px dashed #e1e1e1;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    position: relative;
    text-align: center;
}

.document-box .document-box_header {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #616161;
    margin-bottom: 0;
    text-align: left;
}

.document-box .document-box-image {
    width: 50px;
    height: 50px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.document-box .document-box_head {
    display: block;
    margin: 5px auto;
    text-align: center;
    background-color: var(--white);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 6px 0;
    border-radius: 4px;
    font-weight: 600;
}

.check-flash,.check-flash-icon {
    align-items: center;
    border-radius: 100px;
}

.document-box .hint-form {
    font-size: 11px;
    text-align: center;
    font-weight: 300;
    color: #616161;
}

.doc-hint-form {
    font-size: 13px;
    color: #616161;
    text-align: left;
}

.document_btn,.passport_btn,.photo_btn {
    cursor: pointer;
}

.document__view,.document_upload,.passport_upload,.photo_upload{
    display: none;
}

.check-wrapper {
    background: #ffeff6;
    width: 100%;
    height: auto;
    position: relative;
    overflow-x: hidden;
    padding-bottom: 50px;
}

.check-flash {
    padding: 4px 16px 4px 4px;
    background: linear-gradient(90deg,#697fe9 22.12%,#5239df 100%);
    display: inline-flex;
    gap: 10px;
    color: var(--white);
    width: 100%;
}

.check-flash-info h2 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.check-flash-icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    background: rgb(255 255 255 / 50%);
}

.check-flash-info span {
    line-height: normal;
}

.check-body .fill-bar.animate-progress::after {
    width: 75%;
    z-index: 1;
}

.check-applicant-body {
    padding: 24px;
    border-radius: 12px;
    background: linear-gradient(180deg,#fffaf3 0,#fefefe 100%);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.08),12px 12px 88px 0 rgba(0,0,0,.08);
    position: relative;
    margin-bottom: 30px;
}

.check-applicant-body:before {
    content: "";
    position: absolute;
    left: 0;
    top: 84px;
    border-bottom: 1px solid #efefef;
    width: 100%;
}

.check-applicant-card .accordion-item {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.04);
    background: #fffcf9
}

.check-applicant-card .accordion-header {
    background: #f9d7e8;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.check-applicant-card .accordion-header h4 {
    font-size: 16px;
    font-weight: 700;
    color: #4e4e49;
    margin: 0;
}

.check-applicant-card h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.check-applicant-card .applicant-head {
    display: block;
    font-size: 14px;
    color: #626262;
    margin-bottom: 4px;
}

.check-applicant-card .applicant-info {
    display: block;
    font-size: 13px;
    font-weight: 500;
    background: linear-gradient(96deg,#363636 0,#494949 104.19%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 8px;
}

.check-applicant-service-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.check-service-flash {
    display: flex;
    height: 26px;
    padding: 4px 12px 4px 8px;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    border: 1px solid #ef8923;
    background: #fff6f6;
}

.check-service-flash p {
    color: #c60;
    font-size: 12px;
}
.check-service-card-outer{
    position: relative;
}
.check-service-card-outer .btn-check {
    position: absolute;
    clip: auto;
    pointer-events: none;
    width: 20px;
    height: 20px;
    right: 0;
    top: 24px;
}

.check-service-card-outer .star-popular {
    position: absolute;
    top: 20px;
    right: 56px;
    padding: 6px;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 0 0 6px 6px;
    color: var(--white);
    background: #000;
}

.star-popular strong {
    background: linear-gradient(142deg,#d4ab5b 41.11%,#e9c649 56.82%,#eda948 92.32%);
    background-clip: text;
    -webkit-background-clip: text;
}
#checkoutForm small{
    font-size: 12px;
}

.check-service-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.check-applicant-service .btn {
    margin: 20px 0;
    color: #626262;
    padding: 10px 0 0;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.12);
    border-radius: 12px;
    border: 1px solid #ededed;
    background: #fffaf3;
}

.check-applicant-service .btn:hover {
    border: 1px solid #d1d5dc;
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    border: 1px solid;
    box-shadow: 1px 1px 8px 0 rgba(0,0,0,.25),6px 6px 22px 0 rgba(0,0,0,.08);
}

.check-service-card small {
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    width: 90px;
    border-radius: 0 8px 8px 0;
    background: #ffe6c2;
    padding: 4px 0;
    color: var(--primary-color);
    font-weight: 500;
}

.check-service-card-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f6ebde;
    margin-top: 40px;
}

.check-service-card-time {
    display: flex;
    padding: 6px 24px 6px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    border-radius: 0 0 12px 12px;
    color: #626262;
    border-top: 1px solid #ffe6c2;
    background: #fff5e8;
}

.btn-delete-ck,.btn-edit-ck {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
}

.btn-check:checked+.btn .check-service-card .services-rate,.btn-check:checked+.btn .check-service-card h3 {
    color: var(--primary-color,#b3844e);
}

.check-service-card-time p {
    font-size: 12px;
    margin: 0;
}

.btn-delete-ck {
    align-items: center;
    justify-content: center;
    border: 1px solid #cd0000;
    background: #cd0000;
    box-shadow: -.5px -.5px 2px 0 rgba(205,0,0,.12),1px 1px 4px 0 rgba(205,0,0,.12);
}

.btn-edit-ck {
    align-items: center;
    justify-content: center;
    border: 1px solid #316afd;
    background: rgba(255,255,255,.01);
    box-shadow: -.5px -.5px 2px 0 rgba(49,106,253,.12),1px 1px 4px 0 rgba(49,106,253,.12)
}

.check-addons .btn {
    padding: 0;
    margin: 10px 0;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: var(--white);
    box-shadow: 8px 8px 33px 0 rgba(0,0,0,.06)
}

.check-addons .btn-check {
    position: relative;
    top: 48px;
    left: 14px;
    width: 18px;
    height: 18px
}

.visa-form-addon-field .form-check-input {
    width: 20px;
    height: 20px
}

.check-addon-card {
    padding: 8px
}

.check-addon-card h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px
}

.check-addon-card p {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0
}

.check-addon-rate p {
    font-size: 13px;
    font-weight: 300;
    border-radius: 4px;
    border: 1px solid #ef4123;
    background: #fff3f3;
    color: #ef4123;
    margin-top: 4px
}

.check-addon-rate del {
    font-size: 12px;
    font-weight: 300;
    color: #616158
}

.check-addon-rate span {
    font-size: 22px;
    font-weight: 600;
    color: #353535
}

.check-applicant-flash {
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #ef8923;
    background: #fff6f6;
    color: #c60
}

.check-summary-card {
    border-radius: 12px;
    border: 1px solid #eae7fa;
    background: #f5f8ff;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.08),12px 12px 88px 0 rgba(0,0,0,.08)
}

.check-booking-box {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #697fe9;
    background: rgba(255,255,255,.7);
    margin: 10px 10px 0
}

.check-booking-box-circle,.check-booking-box-circle .booking-time,.check-booking-box-info p {
    background: linear-gradient(90deg,#697fe9 22.12%,#5239df 100%)
}

.check-booking-box-info p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    background-clip: text;
    -webkit-background-clip: text
}

.check-booking-box-info span {
    color: #626262;
    font-size: 13px
}

.check-booking-box-circle {
    display: flex;
    width: 67px;
    height: 66px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    flex-shrink: 0
}

.check-booking-box-circle-inner {
    display: flex;
    width: 63px;
    height: 62px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: 100%;
    flex-shrink: 0
}

.check-booking-box-circle .booking-time {
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    background-clip: text;
    -webkit-background-clip: text
}

.check-booking-box-circle .booking-mins {
    color: #626262;
    font-size: 11px;
    font-weight: 300;
    line-height: 12px
}

.check-summary-total p {
    font-size: 24px;
    font-weight: 600;
    color: #4a4a4a
}

.check-summary-total-price small {
    font-size: 12px;
    background: linear-gradient(96deg,rgba(54,54,54,.6) 0,rgba(73,73,73,.6) 104.19%);
    background-clip: text;
    -webkit-background-clip: text
}

.check-summary-promo-head p {
    color: #353535;
    line-height: 14px
}
.bi-trash{
    font-size: 18px;
    color: #ffffffdb;
}
.check-applicant-body .bi-pencil-square{
    font-size: 18px;
    color: var(--primary-color);
}
.check-payment-secure {
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background: #242424;
    box-shadow: 8px 8px 30px 0 rgba(0,0,0,.15);
    margin: 20px 0;
}
.btn-pre-submit,.btn-pre-submit:hover {
    background: var(--primary-color)!important;
}
.check-payment-secure-header h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: var(--white);
}
.check-payment-secure .btn-group .form-check-input {
    position: absolute;
    left: 10px;
    width: 18px;
    height: 18px;
}
.check-payment-secure .btn-group .form-check-label {
    padding: 16px 16px 16px 40px;
    border-radius: 8px;
    border: 1px solid #595959;
    background: #595959;
    color: var(--white);
    margin-bottom: 12px;
    width: 100%
}

.check-btn-terms {
    font-weight: 500;
    color: rgb(255 228 197)
}

.btn-pre-submit {
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,.14);
    border: 1px solid var(--primary-color);
    transition: .5s linear;
    color: var(--white)!important;
    padding: 14px 20px
}

.btn-pre-submit:hover {
    box-shadow: 4px 4px 20px 0 rgba(0,0,0,.4)
}

.check-summary-subtotal-head {
    font-size: 15px;
    font-weight: 500;
    color: #616161
}

.summary-toggle-btn {
    background: 0 0;
    border: 0
}

.summary-toggle-btn .bi::before {
    font-weight: 800!important
}

.check-summary-subtotal-body {
    height: 0;
    overflow: hidden;
    transition: .6s;
    color: #4a4a4a;
    font-size: 13px
}

.check-summary-subtotal-body.expanded {
    height: 146px
}

.summary-discount .summary-dis {
    font-weight: 600;
    margin-bottom: 0;
    background: linear-gradient(90deg,#ef4123 0,#ee3f25 51.5%,#d11450 100%);
    background-clip: text;
    -webkit-background-clip: text
}

.summary-discount .summary-value {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white);
    border-radius: 2px;
    margin-bottom: 0;
    background: linear-gradient(90deg,#ef4123 0,#ee3f25 51.5%,#d11450 100%)
}

.check-summary-promo-body .btn-outline-primary {
    border-radius: 8px!important;
    font-weight: 600;
    background: var(--white)!important;
    border: 1px solid var(--primary-color)!important;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.12)
}

.check-summary-promo-body .btn-outline-primary span {
    color: var(--primary-color);
    min-height: 27px;
    display: block
}

.check-summary-promo-body input {
    font-size: 13px;
    padding: 10px;
    color: #5c5c5c;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    background: var(--white)
}

.form-submit-card {
    padding: 4px;
    border-radius: 12px;
    border: 1px solid rgba(50,200,76,.22);
    background: var(--white);
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,.08);
    margin: 4px;
    opacity: 0;
    transform: translateX(100%);
    animation: 140s linear infinite cardSlide;
    position: absolute;
    right: 0;
    top: 0
}

.form-submit-card:first-child {
    animation-delay: 20s
}

.form-submit-card:nth-child(2) {
    animation-delay: 50s
}

.form-submit-card:nth-child(3) {
    animation-delay: 90s
}

.form-submit-card:nth-child(4) {
    animation-delay: 140s
}

.form-submit-card:nth-child(5) {
    animation-delay: 200s
}

.form-submit-card:nth-child(6) {
    animation-delay: 280s
}

@keyframes cardSlide {
    0%,100%,8.8% {
        opacity: 0;
        transform: translateX(100%)
    }

    1.1%,6.8% {
        opacity: 1;
        transform: translateX(0)
    }
}

.form-submit-name {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 4px
}

.form-submit-text {
    color: #626262;
    font-weight: 300;
    padding: 0 8px;
    margin-bottom: 4px;
    font-size: 12px
}

.form-submit-name .bi-circle-fill {
    color: #32c84c;
    font-size: 10px;
    margin-right: 5px;
    margin-left: 5px
}

.form-submit-name strong {
    font-weight: 600
}

.form-submit-card small {
    display: block;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
    background: linear-gradient(98deg,#0c8858 0,#5db58e 100%);
    background-clip: text;
    -webkit-background-clip: text
}

.check-feature {
    gap: 10px
}

.check-feature-card {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #969696
}

.check-form-header {
    position: relative;
    padding: 24px 0 12px
}

.check-form-header h1 {
    font-size: 36px;
    font-weight: 700;
    color: var(--black)
}

.add-applicant-button .btn-primary {
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color)!important;
    color: var(--white)!important;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px 10px 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

@media screen and (max-width: 992px) {
    .border-right {
        border-right:0
    }

    .form-submit-cards,.visa-form-header:before {
        display: none
    }

    .visa-form-card {
        padding: 12px
    }
}

.sprite-form {
    background: url('../images/form-sprite.webp') top left no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block
}

.sprite-form.mail-icon {
    background-position: 0 0;
    width: 17px
}

.sprite-form.whatsapp-icon {
    background-position: 0 -26px;
    width: 17px
}

.sprite-form.phone-icon {
    background-position: 0 -52px
}

.sprite-form.profession-icon {
    background-position: 0 -78px;
    height: 17px
}

.sprite-form.country-code-icon {
    background-position: 0 -105px
}

.sprite-form.education-icon {
    background-position: 0 -131px
}

.sprite-form.user-icon {
    background-position: 0 -157px
}

.sprite-form.user-travel-icon {
    background-position: 0 -183px
}

.sprite-form.calendar-icon {
    background-position: 0 -209px
}

.sprite-form.passport-icon {
    background-position: 0 -235px
}

.sprite-form.flag-icon {
    background-position: 0 -261px
}
/*---- end Application and checkout style ----*/

/*--- start error style ---*/
.error-wrapper{
    background-color: #fffcf7;
}
.error-container {
    background: var(--white);
    padding: 50px;
    border-radius: 12px;
    text-align: center;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 40px auto;
    box-shadow: 0 4px 30px rgba(0,0,0,0.02);
}

.error-container h1 {
    font-size: 90px;
    color: var(--primary);
}

.error-container h2 {
    font-size: 28px;
    margin-bottom: 15px;
}

.error-container p {
    font-size: 16px;
    margin-bottom: 30px;
    color: #555;
}
/*--- end error style --*/