* {
        padding: 0px;
        margin: 0px;
    } 

.banner-section {
        overflow: clip;
    }

    .banner-vh-wrap {
        height: 300vh;
    }

    .banner-sticky-wrap {
        width: 100%;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .banner-wrapper {
        background-image: url(https://ranktix.com/wp-content/uploads/2026/03/main_hero_banner_image.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100vw;
        height: 100vh;
    }

    .banner-letters-wrap {
        position: absolute;
        inset: 0%;
    }

    .banner-letters-row {
        flex-flow: column;
        justify-content: center;
        width: 100vw;
        height: 100vh;
        display: flex;
    }

    .banner-letter._01,
    .banner-letter._02,
    .banner-letter._03,
    .banner-letter._04 {
        margin-right: 1.5rem;
    }

    .banner-letters-flex {
        z-index: 1;
        grid-column-gap: 0px;
        grid-row-gap: 0rem;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        display: flex;
        position: relative;
    }

    .single-banner-letter {
        flex-flow: row;
        flex: none;
        justify-content: center;
        align-items: center;
        width: 200px;
        display: flex;
        overflow: hidden;
        translate: none;
        rotate: none;
        scale: none;
        transform: translate3d(0vw, 0px, 0px);
        opacity: 1;
    }

    .banner-letter-o {
        z-index: 2;
        border: 2.25rem solid #F13E39;
        border-radius: 200px;
        pointer-events: none;
        position: absolute;
        inset: 0%;
    }

    .after-banner-wrapper {
        z-index: 99;
        flex: none;
        width: 500px;
        height: 27vh;
        position: relative;
        overflow: hidden;
        left: -28px;
    }

    .banner-bg-shape {
        background-image: linear-gradient(#fff0, #fff 69.04%);
        width: 100%;
        height: 21.75rem;
        position: absolute;
        inset: auto 0% 0%;
    }

    .after-banner-wrap {
        z-index: 1;
        width: 100vw;
        height: 100vh;
        padding-top: 12.25rem;
        position: relative;
        inset: 0%;
    }

    .container.navbar-container {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }

    .after-banner-ticker-wrap {
        z-index: 9;
        position: absolute;
        inset: auto 0% 14rem;
        overflow: hidden;
    }

    .after-banner-ticker-flex {
        flex-flow: row;
        justify-content: flex-start;
        display: flex;
    }

    .after-banner-ticker-item {
        flex: none;
    }

    .after-banner-ticker-text-italic {
        font-style: italic;
    }

    .after-banner-ticker-text {
        color: #111827;
        font-size: 142px;
        line-height: 100%;
        font-weight: 400;
        letter-spacing: -.02em;
        text-transform: uppercase;
    }

    .after-banner-inner {
        z-index: 1;
        border-radius: 200px;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .banner-bg-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        z-index: -1;
    }

    .banner-bg-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-bg-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .after-banner-inner {
        border-radius: 200px;
    } 

    .after-banner-title {
        color: #111827;
        font-size: 64px;
        line-height: 70.4px;
        font-weight: 400;
        margin-bottom: 1.5rem;
    }

    .after-banner-content-wrap {
        max-width: 35.5rem;
        margin-left: auto;
        opacity: 0;
        transform: translateX(80px);
    }

    .after-banner-title-line {
        background-color: #0040c1;
        width: 8rem;
        height: 2px;
        margin-left: .25rem;
        margin-right: 2rem;
        display: inline-block;
        transform: translate(0, 35px);
    }

    .after-banner-title-mark {
        color: #0040c1;
    }

    .after-banner-details {
        color: #4b5563;
        font-size: 18px;
        line-height: 27px;
        font-weight: 400;
        letter-spacing: -.02em;
        margin-bottom: 2.25rem;
    }

    .primary-button-text-wrap {
        position: relative;
        overflow: hidden;
        display: inline-block;
        height: 1.3em;
        line-height: 1.3em;
    }

    .primary-button-text,
    .primary-button-text-hover {
        display: block;
        white-space: nowrap;
    }

    .primary-button-text-hover {
        position: absolute;
        top: 0;
        left: 0;
    }

    /* SplitText chars fix */

    .primary-button-text span,
    .primary-button-text-hover span {
        display: inline-block;
    }

    .primary-button {
        border-radius: 100px;
        background-color: white;
        padding: .375rem .375rem .375rem 1.5rem;
        display: inline-block;
        overflow: clip;
    }

    .primary-button-arrow-wrapper {
        border-radius: 40px;
        background-color: #0040c1;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        display: flex;
    }

    .primary-button-arrow-wrap {
        z-index: 1;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        width: .625rem;
        display: flex;
        position: relative;
    }

    .primary-button-arrow {
        width: 100%;
    }

    .primary-button-flex {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .primary-button-text-wrap {
        z-index: 1;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        display: flex;
        position: relative;
        overflow: clip;
    }

    .after-banner-ticker-wrap {
        overflow: hidden;
        width: 100%;
    }

    .after-banner-ticker-flex {
        display: flex;
        gap: 80px;
        white-space: nowrap;
    }

    .after-banner-ticker-item {
        flex: none;
    }



@media screen and (max-width: 770px) {
	.banner-letter-o {
		        display: none;
	}
	.single-banner-letter {
        display: none;
    }
	.banner-vh-wrap {
        height: auto;
    }    .banner-sticky-wrap {
        height: auto;
        position: static;
    }
	    .banner-wrapper {
        width: auto;
        height: auto;
    }
	    .banner-letters-wrap {
        position: static;
    }
	    .banner-letters-row {
        width: auto;
        height: auto;
    }
	    .after-banner-wrapper {
        width: auto;
        height: auto;
			    left: 0;
    }
	.after-banner-ticker-text {
		    font-size: 42px;
	}
	    .banner-bg-wrap {
                background: linear-gradient(180deg, rgba(252, 217, 215, 1) 0%, rgba(255, 255, 255, 1) 61%);
    }
	.banner-wrapper {
		    background-image: unset;
	}
	    .after-banner-inner {
        border-radius: 0;
    }
	    .after-banner-wrap {
        padding-top: 7rem;
			height: 550px;
    }
	
	.after-banner-ticker-wrap {
		        inset: auto 0% 5rem;
	}
	    .container, .container.navbar-container {
        padding-left: .75rem;
        padding-right: .75rem;
    }
	    .after-banner-content-wrap {
        text-align: center;
        max-width: 23rem;
        margin-left: auto;
        margin-right: auto;
          transform: translateX(0px);
        opacity: 1;
    }
	.after-banner-title {
         margin-bottom: .5rem; 
        line-height: 1.3;
        margin-top: 30px;
        font-size: 32px;
    }
	    .banner-bg-image {
        display: none;
    }
	
	    .after-banner-title-line {
        display: none;
    }
	    .after-banner-details {
        margin-bottom: .75rem;
    }
 
	    .after-banner-ticker-wrap {
        margin-top: 2.5rem;
    }
	    .banner-content-wrapper {
        padding: 2rem 1.5rem 3rem;
        display: none;
    }
	    .banner-borders-wrapper {
        display: none;
    }
	    .banner-content-bottom {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }
	    .banner-details-wrap {
        max-width: 25rem;
    }
	
	body .about-us-title-flex {
		   
    flex-direction: column;
	}
	    body .about-award-count-number {
        font-size: 150px;
    }
	body .about-award-count-wrap {
		    display: flex;
    justify-content: center;
	}
    body .about-us-title-border {
        background-color: transparent !important;
    }
	body .about-us-title {
		font-size: 26px;
    line-height: 1.3;
	}
	body .section .container {
    padding-left: 0;
    padding-right: 0;
}
	body .award-count-arrow-wrap.two {
		    inset: .875rem 3rem auto auto;
	}
	body .about-stat-wrapper,
	body .about-us-section-title-divider {
		    display: none;
	}
	body .about-video-wrap {
		    width: 100%;
    height: 250px;   
    position: unset;
		    margin-left: auto;
    margin-right: auto;
	}
	body .about-us-title-flex-right {
		    grid-column-gap: 0;
    grid-row-gap: 0; 
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
	}
	.about-award-count-wrap {
    display: flex;
    justify-content: center;
    position: relative;
}
	.banner-wrapper {
		background-image: unset !important;
	}
	body .award-count-arrow-wrap.one {
		    inset: 6rem auto auto 1rem;
	}
body .section {
        padding: 6px 0px;
    }
}