.elementor-element .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}

.main-menu .navigation>li.dropdown>a::before {
    font-family: 'fontawesome';
}

.admin-bar .sticky-header {
    top: 32px !important;
}

.sidebar-page-container .comments-area .comment-box-list>.vezaconslt-comment-item:last-child>.comment-box {
    margin-bottom: 0px;
}

.comment-box>.comment-box {
    border-bottom: 1px solid #e1e8e4;
    padding-bottom: 40px;
}

.blog-details-content .comment-box .comment {
    margin-bottom: 52px;
}

.blog-details-content .comment-box {
    margin-top: 70px;
}

.vezaconslt-comment-item>.vezaconslt-comment-item {
    margin-left: 50px;
}

.comment-form {
    margin-top: 70px;
}

.vezaconslt-comment-item .comment-form {
    margin: 52px 0;
}

#cancel-comment-reply-link {
    color: inherit;
    display: block;
    font-size: 18px;
    margin-top: 8px;
}

.about-section .pattern-layer {
    z-index: -1;
}

.page-title .bread-crumb li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.list-style-one li:last-child {
    margin-bottom: 0px
}

.team-details .text p {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 26px;
}

/*Coaching Menu*/
.coaching-sidebar ul.menu {
    margin-bottom: 30px;
}

.coaching-sidebar ul.menu li {
    margin-bottom: 10px;
    position: relative;
    display: block;
}

.coaching-sidebar ul.menu li a {
    font-size: 16px;
    font-weight: 500;
    color: #1b182f;
    display: block;
    position: relative;
    z-index: 1;
    background: #f1f0f7;
    border-radius: 10px;
    padding: 15px 30px;
}

.coaching-sidebar ul.menu li.current-menu-item a,
.coaching-sidebar ul.menu li a:hover {
    color: #fff;
}

.coaching-sidebar ul.menu li.current-menu-item a:before,
.coaching-sidebar ul.menu li a:hover:before {
    width: 100%;
}

.coaching-sidebar ul.menu li a:before {
    position: absolute;
    content: '';
    background: #1b182f;
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 10px;
    z-index: -1;
    transition: all 500ms ease;
}

.coaching-sidebar ul.menu li a::after {
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    top: 17px;
    right: 30px;
    transition: all 500ms ease;
}

.coaching-sidebar ul.menu li.current-menu-item a:after,
.coaching-sidebar ul.menu li a:hover:after {
    color: #ff5857;
}

.coaching-details figure.featured-image {
    margin-bottom: 30px !important;
}

.coaching-details .text .text p {
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 36px;
}

.service-details figure.featured-image,
.country-details figure.featured-image {
    margin-bottom: 52px !important;
}

/*Services Menu*/
.service-details .service-sidebar .single-service-sidebar {
    margin-bottom: 45px;
}

.service-details .service-sidebar ul.menu li {
    position: relative;
    display: block;
}

.service-details .service-sidebar ul.menu li a {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #222;
    padding: 21px 40px;
    background: #e7ecf2;
    z-index: 1;
}

.service-details .service-sidebar ul.menu li a:after {
    color: #c8d1db;
    position: absolute;
    content: "\f102";
    font-family: flaticon !important;
    top: 17px;
    right: 30px;
    transition: all 500ms ease;
}

.service-details .service-sidebar ul.menu li.current-menu-item a:after,
.service-details .service-sidebar ul.menu li a:hover:after {
    color: #fff;
}

.service-details .service-sidebar ul.menu li.current-menu-item a,
.service-details .service-sidebar ul.menu li a:hover {
    color: #fff;
}

.service-details .service-sidebar ul.menu li a:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: -1;
    transition: all 500ms ease;
}

.service-details .service-sidebar ul.menu li.current-menu-item a:before,
.service-details .service-sidebar ul.menu li a:hover:before {
    width: 100%;
    left: 0px;
}

.service-details .service-sidebar ul.menu li:nth-child(2n+1) a {
    background: #eff2f5;
}

.service-details .service-sidebar ul.menu li a i {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    float: right;
    color: #c8d1db;
    top: 2px;
    transition: all 500ms ease;
}

.service-details .service-sidebar ul.menu li.current-menu-item a i,
.service-details .service-sidebar ul.menu li a:hover i {
    color: #fff;
}

.service-details .service-sidebar ul.menu li a:before {
    background: #ff5857;
}

.service-details .service-sidebar #nav_menu-6 {
    padding: 33px 35px 39px 35px;
    background: #eff2f5;
}

.service-details .service-sidebar .widget-title h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0px;
}

.service-sidebar #nav_menu-6 ul.menu li {
    position: relative;
    display: block;
    margin-bottom: 8px;
}

.service-sidebar #nav_menu-6 ul.menu li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    padding: 2px 0px;
    padding-left: 52px;
    background: none;
}

.service-sidebar #nav_menu-6 ul.menu li a::before {
    position: absolute;
    content: '';
    background: #d2dbe4;
    width: 1px;
    height: 100%;
    left: 28px;
    top: 0px;
}

.service-sidebar #nav_menu-6 ul.menu li a::after {
    position: absolute;
    content: "\f102";
    font-family: 'Flaticon', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #c8d1db;
    left: 0px;
    top: 0px;
    transition: all 500ms ease;
}

.service-sidebar #nav_menu-6 ul.menu li a:hover,
.service-sidebar #nav_menu-6 ul.menu li a:hover::after {
    color: #ff5857;
}

#contact-form input[type=submit] {
    background: #ff5857;
}

#contact-form input[type=submit]:hover {
    background: #1b182f;
}

.blog-sidebar .widget_search {
    background: none;
    padding: 0px;
}

/*Blog Sidebar Category*/
.single-sidebar.sidebar-widget ul li {
    position: relative;
    display: block;
    margin-bottom: 18px;
}

.single-sidebar.sidebar-widget ul li:last-child {
    margin-bottom: 0px;
}

.single-sidebar.sidebar-widget ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #73727c;
    width: 100%;
}

.single-sidebar.sidebar-widget ul li a:hover {
    color: #ff5857;
}

.single-sidebar.sidebar-widget ul li a span {
    float: right;
}

/*Tags*/
.blog-sidebar .tagcloud a {
    background: #fff;
    border-radius: 8px;
    color: #73727c;
    display: inline-block;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 24px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

.blog-sidebar .tagcloud a:hover {
    color: #fff;
    background: #ff5857;
}

/*Pagination*/
.pagination {
    position: relative;
    display: block;
    margin-top: 30px;
}

.pagination li {
    position: relative;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.pagination li:last-child {
    margin: 0px !important;
}

.pagination li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    color: #1e2434;
    z-index: 1;
    background-color: #f4f5f4;
    transition: all 500ms ease;
    border-radius: 0;
}

.pagination li span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    color: #1e2434;
    z-index: 1;
    background-color: #f4f5f4;
    transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li span.current {
    color: #fff;
    border-color: #ff5857;
    background-color: #ff5857;
}


.blog-sidebar .widget_vezaconslt_recent_posts {
    padding-bottom: 20px;
}

.blog-sidebar .widget_vezaconslt_recent_posts .post-widget {
    padding-bottom: 0px;
}

/** AMVC Logo & Header Refinement - Vertical Alignment Fix **/

/* 1. Make the outer container a flexbox to align logo and menu areas */
.header-lower .outer-box,
.sticky-header .outer-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Ensure clearfix doesn't mess with flex */
.header-lower .outer-box::before,
.header-lower .outer-box::after,
.sticky-header .outer-box::before,
.sticky-header .outer-box::after {
    display: none !important;
}

/* 2. Reset logo box positioning and align it vertically on the left */
.header-lower .logo-box,
.sticky-header .logo-box {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

/* 3. Reset menu area and align its contents (menu + search) */
.menu-area {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    margin-left: auto !important;
    /* Pushes the menu area to the right */
}

/* 4. Align menu items text vertically */
.main-menu .navigation>li>a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 110px !important;
    /* Matches the .header-lower height */
    display: block !important;
}

/* Matching line-height for sticky header if its height is different */
.sticky-header .main-menu .navigation>li>a {
    line-height: 80px !important;
    /* Adjust if sticky header is shorter */
}

/* 5. Reset search icon margins and center it vertically */
.main-header .nav-right {
    margin: 0 0 0 30px !important;
    /* Spacing between menu and search icon */
    padding: 0 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    height: 110px !important;
}

.sticky-header .nav-right {
    height: 80px !important;
}

/* Remove any background patches if present */
.header-lower .logo-box::before,
.header-lower .logo-box::after,
.sticky-header .logo-box::before,
.sticky-header .logo-box::after {
    display: none !important;
}

/* Reduce banner to content spacing */
.page-title .content-box {
    padding-top: 80px !important;
    padding-bottom: 100px !important;
}


.sidebar-page-container {
    padding-top: 20px !important;
    padding-bottom: 60px !important;
}

/* Force all 5 items in the "Apply Online Visa" section into a single row on desktop */
@media (min-width: 992px) {
    .process-section .row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .process-section .processing-block {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    /* Adjust arrow position to bridge the gap between narrower blocks */
    .process-section .processing-block .arrow {
        left: auto !important;
        right: -55px !important;
    }
}

/* Ensure the arrow after the 5th item is always hidden */
.process-section .processing-block:last-child .arrow,
.process-section .processing-block:nth-child(5) .arrow {
    display: none !important;
}

/* Global fix for .row.clearfix used in theme templates */
.row.clearfix {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

/* Ensure clearfix behavior doesn't break flex layout */
.row.clearfix::before,
.row.clearfix::after {
    display: none !important;
}

/* Fix for columns inside row clearfix */
.row.clearfix>[class*="col-"] {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Hero Banner: Vibrant Brand Red Update (#D11717) & Synchronized Animation Sequence */
.banner-carousel .content-box h3,
.banner-section.style-two .banner-carousel .content-box h3,
.banner-carousel .content-box .rotate-text,
.banner-section.style-two .rotate-text {
    color: #D11717 !important;
}

/* Vertical Line Base State */
.banner-section.style-two .content-box:before {
    background-color: #D11717 !important;
    opacity: 0 !important;
    transform: translateY(-100px) !important;
    transition: all 800ms ease !important;
    top: 5px !important;
    height: 225px !important;
    width: 2px !important;
    left: -23px !important;
    position: absolute !important;
}

/* --- Synchronized Entrance Sequence (Slide Mode) --- */

/* 1. Subtitle & Vertical Line (Active - Start at 400ms) */
.banner-carousel .owl-item.active .content-box h3 {
    opacity: 1 !important;
    transition-delay: 400ms !important;
    visibility: visible !important;
}
.banner-carousel .owl-item.active .content-box:before {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition-delay: 400ms !important;
    visibility: visible !important;
}

/* 2. Vertical Rotating Text Base State & Entrance (Active - Start at 500ms) */
.banner-section.style-two .rotate-text {
    left: -130px !important;
    opacity: 0 !important;
    transform: translateX(-150px) rotate(-90deg) !important;
    transition: all 800ms ease !important;
    font-weight: 519 !important;
    letter-spacing: 12px !important;
}

.banner-carousel .owl-item.active .content-box .rotate-text {
    opacity: 1 !important;
    transform: translateX(0) rotate(-90deg) !important;
    transition-delay: 500ms !important;
    visibility: visible !important;
}

/* 3. Main Title H1 (Active - Start at 600ms) */
.banner-carousel .owl-item.active .content-box h1 {
    opacity: 1 !important;
    transition-delay: 600ms !important;
    visibility: visible !important;
}

/* 4. Action Button (Active - Start at 700ms) */
.banner-carousel .owl-item.active .content-box .btn-box {
    opacity: 1 !important;
    transition-delay: 700ms !important;
    visibility: visible !important;
}

/* Ensure all elements use consistent transition speed when active */
.banner-carousel .owl-item.active .content-box h3,
.banner-carousel .owl-item.active .content-box h1,
.banner-carousel .owl-item.active .content-box .btn-box,
.banner-carousel .owl-item.active .content-box .rotate-text,
.banner-carousel .owl-item.active .content-box:before {
    transition-duration: 800ms !important;
}

/* Responsive adjustment: Ensure it stays fixed on the left but doesn't overlap on mobile */
@media (max-width: 991px) {
    .banner-section.style-two .rotate-text {
        left: -100px !important;
        font-size: 20px !important;
    }
}

/* Fix: Increase vertical space to prevent buttons from being clipped on multi-line slides */
.banner-section.style-two .banner-carousel .slide-item {
    padding-bottom: 120px !important;
    /* Extra room for 2-line titles + button */
}

/* Fix for wide top bar causing horizontal scroll */
.header-top .top-inner {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.header-top .top-inner::before {
    width: 100% !important;
}

/* Experienced Agents Widget Enhancements */
.why-different-container {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 30px;
}

.why-item {
    border-left: 2px solid #D11717;
    transition: all 0.3s ease;
    background: transparent;
}

.why-item:hover {
    border-left-width: 5px;
    padding-left: 23px !important;
}

.why-item h4 {
    color: #1b182f;
}

.why-item p {
    color: #73727c;
    line-height: 1.4 !important;
    margin-bottom: 0;
}

.offer-title-box h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Offer Grid & Counter Layout Refinement */
.offer-item {
    transition: all 0.3s ease;
}

.offer-item span {
    display: inline-block;
    vertical-align: top;
    color: #1b182f;
}

.offer-item i {
    font-size: 20px !important;
    margin-top: 2px;
}

.funfact-inner {
    position: relative;
    z-index: 2;
    background: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 20px;
}

.counter-block-one .inner-box {
    background: transparent !important;
    padding: 0 !important;
}

/* Background Extension Fix */
.chooseus-section .bg-layer {
    height: 100% !important;
}

.chooseus-section .image-layer {
    bottom: 0 !important;
}

/* About Us: 5-Step Process Roadmap */
.about-process-row {
    display: flex !important;
    flex-wrap: wrap !important;
}

@media (min-width: 992px) {
    .about-process-row .process-block-v2 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

/* About Us: Mission & Vision Boxes */
.mission-vision-container {
    display: flex;
    gap: 30px;
    margin: 40px 0;
}

.mv-box {
    flex: 1;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
    border-top: 4px solid #D11717;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
    text-align: center;
}

.mv-box:hover {
    transform: translateY(-5px);
}

.mv-box i {
    font-size: 45px;
    color: #D11717;
    margin-bottom: 25px;
    display: block;
}

.mv-box h3 {
    margin-bottom: 15px;
    color: #1b182f;
    font-size: 24px;
}

.mv-box p {
    color: #73727c;
    line-height: 1.6;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .mission-vision-container {
        flex-direction: column;
    }
}

/** Contact Us Page: Align 'Call Now' card with 'Full Name' field (Desktop only) **/
@media (min-width: 992px) {
    .contact-section .info-column .info-inner {
        margin-top: 122px !important;
    }
}

/** Service Card Bullet Points Styling **/
.service-excerpt ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* About Us: Signature Story (SEO Style) Layout */
.mission-vision-wrapper.balanced_story .about-seo-section {
    position: relative;
    display: block;
}

.mission-vision-wrapper.balanced_story .sub-title {
    color: #ff5857;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.mission-vision-wrapper.balanced_story .color-dark {
    color: #1b182f;
}

.mission-vision-wrapper.balanced_story .color-gray {
    color: #73727c;
}

.mission-vision-wrapper.balanced_story .bg-light-gray {
    background: #f4f5f4;
}

.mission-vision-wrapper.balanced_story .highlight-text {
    border-left: 5px solid #d11717;
    transition: all 0.3s ease;
}

.mission-vision-wrapper.balanced_story .highlight-text:hover {
    padding-left: 30px;
    background: #ededed;
}

.mission-vision-wrapper.balanced_story .b_shadow_10 {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.mission-vision-wrapper.balanced_story .image-column figure {
    height: 300px; /* Reduced from 500px to tighten layout */
    width: 100%;
}

.mission-vision-wrapper.balanced_story .image-column figure img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* Forces image to fill the 500px height */
}

/* Layout Utilities */
.lh_1-2 { line-height: 1.2; }
.ls_2 { letter-spacing: 2px; }
.bl_5_red { border-left: 5px solid #d11717; }
.p_20_25 { padding: 20px 25px; }
.bg-light-gray { background-color: #f4f5f4; }
.b_radius_4 { border-radius: 4px; }
.b_radius_15, 
.mission-vision-wrapper.balanced_story .image-column figure,
.mission-vision-wrapper.balanced_story .image-column figure img { 
    border-radius: 10px !important; 
    overflow: hidden !important;
}
.m_0 { margin: 0; }
.pl_40 { padding-left: 40px; }
.pr_40 { padding-right: 40px; }

@media (max-width: 767px) {
    .mission-vision-wrapper.balanced_story .image-column figure {
        height: 350px; /* Shorter for mobile */
    }
    .mission-vision-wrapper.balanced_story .content-box {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 30px;
    }
}

.service-excerpt ul li:before {
    content: "\f105" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #D11717 !important; /* Brand Red */
    font-weight: 900 !important;
}

.service-excerpt ul li:last-child {
    margin-bottom: 0 !important;
}
/** Pattern Layer Centering & LHS positioning **/
/** Pattern Layer Centering & LHS positioning **/
.pattern-layer.v_center {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    width: 238px !important;    /* Doubled from 119px */
    height: 494px !important;   /* Doubled from 247px */
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.pattern-layer.l_0.v_center {
    transform: translateY(-50%) scaleX(-1) !important; /* Center and Flip */
}
@media only screen and (max-width: 991px) {
    .cta-section .inner-container {
        text-align: center !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .cta-section .inner-container .text,
    .cta-section .inner-container .btn-box {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cta-section .inner-container .btn-box {
        margin-top: 25px !important;
    }

    .cta-section .inner-container .btn-box .theme-btn {
        display: inline-block !important; /* Allow center alignment within block parent */
    }
}

/* --- Sticky Sidebar Logic --- */
@media only screen and (min-width: 992px) {
    /* Target both potential sidebar classes */
    .sidebar-side .service-sidebar, 
    .sidebar-side .blog-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 100px; /* Fallback offset, will be refined by JS */
        transition: top 0.3s ease;
        z-index: 9;
    }

    /* Ensure the parent row uses flex to maintain full height for the sticky track */
    .sidebar-page-container .row {
        display: flex;
        align-items: stretch;
    }

    /* Fix for sticky sidebar: allow overflow on the theme's inner-box wrapper */
    .sidebar-page-container .inner-box {
        overflow: visible !important;
    }
}

/* About Us Section - Spacing Refinement */
.about-style-three .sec-title {
    margin-bottom: 10px !important;
}

.about-style-three .sec-title {
    margin-bottom: 10px;
}

/* Free Visa Assessment Form Grid */
.assessment-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px 20px; /* Reduced vertical gap from 20px to 12px */
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .assessment-form-grid.two-col {
        grid-template-columns: 1fr 1fr;
    }
}


/* Match Sidebar Font (Roboto) */
.assessment-form-grid label,
.assessment-form-grid input,
.assessment-form-grid select,
.assessment-form-grid textarea {
    font-family: 'Roboto', sans-serif !important;
}

.assessment-form-grid label {
    font-weight: 500;
    color: #222;
    margin-bottom: 4px;
    display: block;
}

/* Ensure fields match and have consistent height */
.assessment-form-grid select.form-control,
.assessment-form-grid input.form-control {
    height: 45px !important;
    padding: 6px 12px !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    font-size: 16px;
    width: 100%;
}

.assessment-form-grid textarea.form-control {
    padding: 10px 12px !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    font-size: 16px;
    width: 100%;
    min-height: 120px;
}

.assessment-form-row {
    margin-bottom: 12px; /* Reduced from 20px */
}


/* Close down whitespace between label and field */
.assessment-form-row p {
    margin-bottom: 0 !important;
}

.assessment-form-row br {
    display: none !important;
}

/* Make intl-tel-input full width */
.iti { width: 100%; }
.iti__flag-container { z-index: 99; }
.assessment-error {
    color: #dc3232;
    font-size: 13px;
    margin-top: 5px;
    display: none;
}
.assessment-error.visible {
    display: block;
}

/* =========================================
   Assessment Page Sidebar – match Service Details look
   ========================================= */

/* Remove column padding so widgets touch the edges (full-width look) */
.page-id-1278 .sidebar-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove boundary styles from the sidebar container and widgets */
.page-id-1278 .sidebar-side .blog-sidebar .sidebar-widget {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hide the Free Visa Assessment CTA on the Assessment page itself */
.page-id-1278 .widget_vezaconslt_free_online_assessment {
    display: none !important;
}

.sidebar-page-container .sidebar-side .blog-sidebar .single-service-sidebar {
    margin-bottom: 45px;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li {
    position: relative;
    display: block;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li a {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #222;
    padding: 21px 40px;
    background: #e7ecf2;
    z-index: 1;
    text-decoration: none;
    transition: color 500ms ease;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li a:after {
    color: #c8d1db;
    position: absolute;
    content: "\f102";
    font-family: flaticon !important;
    top: 17px;
    right: 30px;
    transition: all 500ms ease;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li.current-menu-item a:after,
.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li a:hover:after {
    color: #fff;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li.current-menu-item a,
.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li a:hover {
    color: #fff;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li a:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: -1;
    background: #ff5857;
    transition: all 500ms ease;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li.current-menu-item a:before,
.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li a:hover:before {
    width: 100%;
    left: 0px;
}

.sidebar-page-container .sidebar-side .blog-sidebar ul.menu li:nth-child(2n+1) a {
    background: #eff2f5;
}