.video-img::before {
    content: none;
}

.client-slider-1::before {
    content: none;
}

.client-slider-1::after {
    content: none;
}


/*.tj-slider-item::after{
    content: none;
  }*/

.blog-item .blog-thumb::before {
    content: none;
}


/* Blog Items Mobile - Display one block at a time, better styling */

@media (max-width: 767px) {
    /* Blog item styling for mobile */
    .blog-item.style-2 {
        flex-direction: column !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    }
    /* Image section - full width on mobile */
    .blog-item.style-2 .blog-thumb {
        width: 100% !important;
        min-height: 250px !important;
        border-radius: 12px 12px 0 0 !important;
    }
    .blog-item.style-2 .blog-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 12px 12px 0 0 !important;
    }
    /* Content section - full width on mobile */
    .blog-item.style-2 .blog-content {
        width: 100% !important;
        padding: 25px 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #ffffff !important;
        border-radius: 0 0 12px 12px !important;
    }
    /* Button styling for mobile */
    .blog-item.style-2 .blog-content .tj-primary-btn {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        padding: 15px 20px !important;
        font-size: 1rem !important;
    }
    /* Blog wrapper spacing */
    .blog-wrapper {
        padding: 0 10px !important;
    }
    /* Section spacing */
    .tj-blog-section-2 {
        padding: 40px 0 !important;
    }
    /* Column spacing on mobile */
    .blog-wrapper .row {
        margin: 0 !important;
    }
    .blog-wrapper .col-12 {
        padding: 0 10px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 575px) {
    .blog-item.style-2 .blog-thumb {
        min-height: 220px !important;
    }
    .blog-item.style-2 .blog-content {
        padding: 20px 15px !important;
    }
    .blog-item.style-2 .blog-content .tj-primary-btn {
        padding: 14px 18px !important;
        font-size: 0.95rem !important;
    }
    .blog-wrapper {
        padding: 0 5px !important;
    }
    .blog-wrapper .col-12 {
        padding: 0 5px !important;
    }
}

.home-banner-heading {
    font-size: 3rem;
    word-spacing: 13px;
    line-height: 3.5rem;
}

.home-banner-text {
    font-size: 1.2rem;
}

.home-banner#text {
    font-size: 1.4rem;
}

.home-banner-height {
    min-height: 70vh;
    height: 100%;
    display: flex;
    align-items: stretch;
    background-color: #B7202E;
}

.home-check-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px 15px;
    margin-bottom: 15px;
    position: relative;
}

.home-check-icon {
    width: 60px;
    flex-shrink: 0;
}

.home-check-text {
    font-weight: 800;
    text-align: left;
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
}


/* Half-width gradient separator lines */

.home-check-border-right {
    position: relative;
    border-right: 1px solid #B7202E;
}


/* Desktop: No right borders - removed as requested */

@keyframes gradientShift {
    0%,
    100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes gradientShiftVertical {
    0%,
    100% {
        background-position: 50% 0%;
    }
    50% {
        background-position: 50% 100%;
    }
}

.home-check-border-bottom,
.home-check-border-bottom-md {
    position: relative;
}


/* Hide gradient separators by default - only show on mobile */

.home-check-border-bottom::after,
.home-check-border-bottom-md::after {
    display: none;
}


/* Tablet and below */

@media (max-width: 991px) {
    .home-check-item {
        padding: 20px 10px;
        margin-bottom: 20px;
    }
    .home-check-text {
        font-size: 0.95rem;
        text-align: center;
    }
    /* Hide gradient separators on tablet */
    .home-check-border-bottom::after,
    .home-check-border-bottom-md::after {
        display: none;
    }
}


/* Mobile devices */

@media (max-width: 767px) {
    .home-check-item {
        flex-direction: column;
        gap: 8px;
        padding: 15px 8px;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
    }
    .home-check-icon {
        width: 40px;
        margin-bottom: 5px;
    }
    .home-check-text {
        font-size: 0.75rem;
        line-height: 1.3;
        text-align: center;
    }
    /* Remove bottom borders on mobile - display same as desktop */
    .home-check-border-bottom::after,
    .home-check-border-bottom-md::after {
        display: none !important;
    }
    /* Ensure single line on mobile */
    .home-check-item.col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


/* Small mobile devices */

@media (max-width: 575px) {
    .home-check-item {
        flex-direction: column;
        padding: 12px 5px;
        margin-bottom: 0;
        align-items: center;
    }
    .home-check-icon {
        width: 35px;
        margin-bottom: 5px;
    }
    .home-check-text {
        font-size: 0.7rem;
        line-height: 1.2;
        text-align: center;
    }
    /* Remove bottom borders on small mobile */
    .home-check-border-bottom::after,
    .home-check-border-bottom-md::after {
        display: none !important;
    }
    /* Ensure single line on small mobile */
    .home-check-item.col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 5px;
        padding-right: 5px;
    }
}


/* Video play button responsive styles - Right corner on all devices */

.home-video-btn {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: 20px !important;
    bottom: 20px !important;
    transform: none !important;
    margin: 0 !important;
    width: 60px !important;
    height: 60px !important;
}

.home-video-btn span {
    font-size: 15px !important;
}


/* Tablet */

@media (max-width: 991px) {
    .home-video-btn {
        right: 18px !important;
        bottom: 18px !important;
        width: 55px !important;
        height: 55px !important;
    }
    .home-video-btn span {
        font-size: 14px !important;
    }
}


/* Mobile - position in right corner */

@media (max-width: 767px) {
    .home-video-btn {
        right: 15px !important;
        bottom: 15px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .home-video-btn span {
        font-size: 12px !important;
    }
}


/* Small mobile devices */

@media (max-width: 575px) {
    .home-video-btn {
        right: 10px !important;
        bottom: 10px !important;
        width: 45px !important;
        height: 45px !important;
    }
    .home-video-btn span {
        font-size: 11px !important;
    }
}


/* Responsive banner height - increased to show whole image without cropping */

@media only screen and (min-width: 1400px) {
    .home-banner-height {
        min-height: 100vh;
        height: auto;
        max-height: 100vh;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .home-banner-height {
        min-height: 95vh;
        height: auto;
        max-height: 95vh;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-banner-height {
        min-height: 90vh;
        height: auto;
        max-height: 90vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-banner-height {
        min-height: 85vh;
        height: auto;
        max-height: 85vh;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .home-banner-height {
        min-height: 75vh;
        height: auto;
        max-height: 75vh;
    }
}

@media (max-width: 575px) {
    .home-banner-height {
        min-height: 70vh;
        height: auto;
        max-height: 70vh;
    }
}


/* Display whole image in banner - no cropping on any device - Desktop only */

@media (min-width: 768px) {
    .home-banner-height .slider-bg-image,
    .tj-slider-item.home-banner-height .slider-bg-image,
    .swiper-slide.home-banner-height .slider-bg-image {
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* Ensure slider item container properly contains the image */

.tj-slider-item.home-banner-height {
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}


/* Critical: Override main.css slider-bg-image cover with contain */

.slider-bg-image {
    background-size: contain !important;
}


/* Ensure right side logo is visible - adjust positioning and sizing */

@media (min-width: 1400px) {
    .home-banner-height .slider-bg-image {
        background-size: cover !important;
        background-position: center right !important;
    }
    .home-banner-height {
        min-height: 95vh;
        height: auto;
    }
}

@media (max-width: 1399px) and (min-width: 992px) {
    .home-banner-height .slider-bg-image {
        background-size: cover !important;
        background-position: center right !important;
    }
    .home-banner-height {
        min-height: 90vh;
        height: auto;
    }
}


/* For tablets and mobile, use contain to show whole image */

@media (max-width: 991px) {
    .home-banner-height .slider-bg-image {
        background-size: cover !important;
        background-position: center center !important;
    }
}

@media (max-width: 575px) {
    .home-banner-height .slider-bg-image {
        background-size: contain !important;
        background-position: center center !important;
    }
}


/* Responsive padding for slider wrapper */

.home-banner-height .slider-wrapper {
    padding: 120px 0 0 0 !important;
}

@media only screen and (min-width: 1400px) {
    .home-banner-height .slider-wrapper {
        padding: 135px 0 !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .home-banner-height .slider-wrapper {
        padding: 120px 0 !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-banner-height .slider-wrapper {
        padding: 120px 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-banner-height .slider-wrapper {
        padding: 120px 0 !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .home-banner-height .slider-wrapper {
        padding: 50px 0 !important;
    }
}

@media (max-width: 575px) {
    .home-banner-height .slider-wrapper {
        padding: 135px 0px 0px 0px !important;
    }
}


/* Mobile Slider Restructure - Image above, gradient text box extends below */

@media (max-width: 767px) {
    /* Slider section - add space below header menu */
    .tj-slider-section {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        border-radius: 12px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    /* Restructure slider item for mobile - full height with overlay */
    .tj-slider-item.home-banner-height,
    .swiper-slide.home-banner-height {
        display: block !important;
        min-height: 85vh !important;
        height: 85vh !important;
        max-height: 85vh !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative !important;
        background-color: transparent !important;
        isolation: isolate !important;
    }
    /* Hide inactive slides content */
    .swiper-slide:not(.swiper-slide-active) .home-banner-height .slider-content,
    .swiper-slide:not(.swiper-slide-active) .home-banner-height .container {
        visibility: hidden !important;
        opacity: 0 !important;
        display: none !important;
    }
    /* Ensure active slide content is visible */
    .swiper-slide-active .home-banner-height .slider-content,
    .swiper-slide-active .home-banner-height .container {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    /* Image section - covers full area */
    .home-banner-height .slider-bg-image,
    .tj-slider-item.home-banner-height .slider-bg-image,
    .swiper-slide.home-banner-height .slider-bg-image {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        min-width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        z-index: 1 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    /* Container - positioned to overlay bottom part of image and extend down */
    .home-banner-height .container {
        position: absolute !important;
        top: 60% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 10 !important;
        padding: 0 15px 0 15px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }
    /* Wrapper - inside container */
    .home-banner-height .slider-wrapper {
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 10 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        height: 100% !important;
    }
    /* Text content styling - seamless gradient blending starting transparent within image */
    .home-banner-height .slider-content {
        position: relative !important;
        z-index: 11 !important;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.85) 65%, rgba(0, 0, 0, 0.95) 85%, rgba(0, 0, 0, 1) 100%) !important;
        padding: 0 18px 35px 18px !important;
        margin: 0 !important;
        width: 100% !important;
        min-height: 100% !important;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 100% !important;
        transform: none !important;
    }
    /* Remove overlay gradient on mobile */
    .tj-slider-item.home-banner-height::after {
        display: none !important;
    }
    /* Force all slider content elements to be visible */
    .home-banner-height .slider-content * {
        visibility: visible !important;
        opacity: 1 !important;
    }
    /* Ensure all content is visible and properly spaced */
    .home-banner-height .slider-content h1 {
        position: relative !important;
        z-index: 12 !important;
        margin-bottom: 12px !important;
        margin-top: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }
    .home-banner-height .slider-content div {
        position: relative !important;
        z-index: 12 !important;
        margin-bottom: 12px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
        font-size: 0.95rem !important;
        line-height: 1.4 !important;
    }
    .home-banner-height .slider-content h3 {
        position: relative !important;
        z-index: 12 !important;
        margin-bottom: 0 !important;
        margin-top: 10px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 1.1rem !important;
    }
    .home-banner-height .slider-content p {
        position: relative !important;
        z-index: 12 !important;
        margin-bottom: 12px !important;
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
    }
    .home-banner-height .slider-content h6 {
        position: relative !important;
        z-index: 12 !important;
        margin-bottom: 8px !important;
        margin-top: 12px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
    }
    /* Ensure Eligible Businesses section is visible */
    .home-banner-height .slider-content p:last-child {
        margin-bottom: 0 !important;
    }
    /* Ensure text-light class works */
    .home-banner-height .text-light {
        color: #ffffff !important;
    }
    /* Hero slider height adjustment - fixed height for seamless overlay */
    .hero-slider {
        overflow: hidden !important;
        height: 85vh !important;
    }
    .hero-slider .swiper-wrapper {
        height: 85vh !important;
        min-height: 85vh !important;
        overflow: hidden !important;
    }
    .hero-slider .swiper-slide {
        height: 85vh !important;
        min-height: 85vh !important;
        overflow: hidden !important;
    }
    /* Ensure slider item has bottom padding */
    .tj-slider-item.home-banner-height,
    .swiper-slide.home-banner-height {
        padding-bottom: 0 !important;
    }
    /* Ensure only active slide content is visible */
    .swiper-slide:not(.swiper-slide-active) {
        pointer-events: none !important;
    }
    .swiper-slide.swiper-slide-active {
        pointer-events: auto !important;
    }
}


/* Small mobile devices - further adjustments */

@media (max-width: 575px) {
    .tj-slider-section {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .tj-slider-item.home-banner-height,
    .swiper-slide.home-banner-height {
        min-height: 81vh !important;
        height: 81vh !important;
        max-height: 81vh !important;
    }
    .hero-slider,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide {
        height: 81vh !important;
        min-height: 81vh !important;
    }
    .home-banner-height .container {
        top: 45% !important;
        padding: 0 0 0 0 !important;
    }
    .home-banner-height .slider-content {
        padding: 0 15px 30px 15px !important;
    }
    .home-banner-height .slider-content h1 {
        font-size: 1.3rem !important;
        margin-bottom: 10px !important;
    }
    .home-banner-height .slider-content div {
        font-size: 0.9rem !important;
        margin-bottom: 10px !important;
    }
    .home-banner-height .slider-content h3 {
        font-size: 1rem !important;
        margin-top: 8px !important;
    }
}


/* Responsive text sizes */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-banner-heading {
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }
    .home-banner-text {
        font-size: 1.1rem !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-banner-heading {
        font-size: 2rem !important;
        line-height: 2.5rem !important;
        word-spacing: 8px !important;
    }
    .home-banner-text {
        font-size: 1rem !important;
    }
    .home-banner#text {
        font-size: 1.2rem !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .home-banner-heading {
        font-size: 1.75rem !important;
        line-height: 2.25rem !important;
        word-spacing: 5px !important;
    }
    .home-banner-text {
        font-size: 0.95rem !important;
    }
    .home-banner#text {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 575px) {
    .home-banner-heading {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
        word-spacing: 3px !important;
    }
    .home-banner-text {
        font-size: 0.9rem !important;
    }
    .home-banner#text {
        font-size: 1rem !important;
    }
    .home-banner-heading img {
        width: 20px !important;
    }
}

.tj-slider-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( to right, rgba(0, 0, 0, 0.4) 0%, /* 40% opacity on left */
    rgba(0, 0, 0, 0) 100%/* 0% opacity on right */
    );
}

.tj-slider-item {
    position: relative;
    overflow: hidden;
    /* optional but usually good for sliders */
}


/* Ensure swiper slider fills 100% */

.hero-slider,
.hero-slider .swiper-wrapper {
    height: 100% !important;
}

.hero-slider .swiper-slide {
    height: 100% !important;
}


/* Mobile - allow slider to expand for content */

@media (max-width: 767px) {
    .hero-slider,
    .hero-slider .swiper-wrapper {
        height: 81vh !important;
    }
    .hero-slider .swiper-slide {
        height: 81vh !important;
        min-height: 81vh !important;
        display: flex !important;
        flex-direction: column !important;
    }
    /* Ensure swiper slide content flows properly */
    .swiper-slide.home-banner-height {
        display: flex !important;
        flex-direction: column !important;
    }
}


/* Ensure banner section is responsive */

@media (max-width: 575px) {
    .tj-slider-section {
        margin: 10px !important;
        border-radius: 12px !important;
    }
}


/* Mobile navigation buttons - Override main.css display:none and make visible */

@media (max-width: 767px) {
    .hero-navigation {
        position: absolute !important;
        bottom: 20px !important;
        /* right: 20px !important; */
        top: auto !important;
        left: auto !important;
        transform: none !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 100 !important;
    }
    .hero-navigation .slider-prev,
    .hero-navigation .slider-next {
        display: inline-flex !important;
        width: 45px !important;
        height: 45px !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 50% !important;
    }
    .hero-navigation .slider-prev .anim-icon i,
    .hero-navigation .slider-next .anim-icon i {
        color: #ffffff !important;
        font-size: 18px !important;
    }
}

@media (max-width: 575px) {
    .hero-navigation {
        /* bottom: 15px !important; */
        bottom: 45% !important;
        /* right: 15px !important; */
    }
    .hero-navigation .slider-prev,
    .hero-navigation .slider-next {
        width: 40px !important;
        height: 40px !important;
    }
    .hero-navigation .slider-prev .anim-icon i,
    .hero-navigation .slider-next .anim-icon i {
        font-size: 16px !important;
    }
}


/* Ensure container padding on mobile */

@media (max-width: 575px) {
    .home-banner-height .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* Ensure banner section is responsive */

@media (max-width: 575px) {
    .tj-slider-section {
        /* margin: 15px 10px !important; */
        margin: 135px 10px 10px 10px !important;
        border-radius: 12px !important;
    }
}


/* Fix client logo display - ensure whole logo is visible */

.client-logo {
    overflow: hidden !important;
}

.client-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .client-logo {
        height: 190px !important;
        /* Increased from 70px to accommodate logo */
        padding: 15px !important;
        /* Reduced padding to give more space */
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .client-logo {
        height: 110px !important;
        /* Increased from 90px to accommodate logo */
    }
}