:root{
--theme-color:#0e61af;
--white:#fff;
}
html {
    scroll-behavior: smooth;
}
*{box-sizing: border-box;}

/* Core & Variables Setup */
:root {
    --bg-black: #050505;
    --text-white: #ffffff;
    --text-gray: #a1a1a1;
    --accent-blue: #0e61af;
    --border-color: #1a1a1a;
    --font-heading: "Anton", sans-serif;
    --font-body: 'Inter', sans-serif, system-ui;
}

body {
    background-color: var(--bg-black);
    color: var(--text-white);
    font-family: var(--font-body);
    margin: 0;
}

/* Reusable Global Container */
.common_container {
    max-width: 75rem; /* ~1200px */
    margin: 0 auto;
    width: 100%;
}
.font10{font-size:.625rem}
.font11{font-size:.688rem}
.font12{font-size:.75rem}
.font13{font-size:.813rem}
.font14{font-size:.875rem}
.font15{font-size:.938rem !important}
.font16{font-size:1rem}
.font17{font-size:1.063rem}
.font18{font-size:1.125rem}
.font19{font-size:1.188rem}
.font20{font-size:1.25rem}
.font21{font-size:1.313rem}
.font22{font-size:1.375rem}
.font23{font-size:1.438rem}
.font24{font-size:1.5rem}
.font25{font-size:1.563rem}
.font26{font-size:1.625rem}
.font27{font-size:1.688rem}
.font28{font-size:1.75rem}
.font29{font-size:1.813rem}
.font30{font-size:1.875rem}
.font31{font-size:1.938rem}
.font32{font-size:2rem}
.font33{font-size:2.063rem}
.font34{font-size:2.125rem}
.font35{font-size:2.188rem}
.font36{font-size:2.25rem}
.font37{font-size:2.313rem}
.font38{font-size:2.375rem}
.font39{font-size:2.438rem}
.font40{font-size:2.5rem!important}
.font45{font-size:2.813rem}
.font46{font-size:2.875rem}
.font48{font-size:3rem}
.font49{font-size:3.063rem}
.font50{font-size:3.125rem}
.font54{font-size:3.375rem}
.font55{font-size:3.438rem}
.font58{font-size:3.625rem}
.font60{font-size:3.75rem}
.font63{font-size:3.938rem}
.font64{font-size:4rem}
.font65{font-size:4.063rem}
.font74{font-size:4.625rem}
.font80{font-size:5rem}
.font88{font-size:5.5rem}
.font108{font-size:6.75rem}

.fw100{font-weight:100!important}
.fw200{font-weight:200!important}
.fw300{font-weight:300!important}
.fw400{font-weight:400!important}
.fw500{font-weight:500!important}
.fw600{font-weight:600!important}
.fw700{font-weight:700!important}
.fw800{font-weight:800!important}
.fw900{font-weight:900!important}
.text_white {color: var(--white);}
/* Section Specific Inner Layout */
.about_section .common_container {
    display: flex;
    align-items: center;
    gap: 3.75rem;
}

/* Left Image Column */
.about_image_wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
}

.about_img {
    width: 100%;
    max-width: 32rem;
    height: auto;
    object-fit: contain;
}

/* Right Content Column */
.about_content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Global / Reusable Section Heading Styling */
.sec_head {
    margin-bottom: 1.25rem;
}

.sec_head_sm {
    color: var(--text-white);
    font-size: 0.875rem; /* 14px */
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    margin-bottom: 0.5rem;
}

.sec_head_lg {
    color: var(--text-white);
    font-family: var(--font-heading);
    font-size: 2.75rem; /* 44px */
   
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.025rem;
}

.sec_head_lg .highlight_text {
    color: var(--accent-blue);
}

/* Paragraph Description */
.about_desc {
    color: var(--text-gray);
    font-size: 0.9375rem; /* 15px */
    line-height: 1.6;
    margin: 0 0 2rem 0;
}

/* Features List Styling */
.about_features {
    display: flex;
    flex-direction: column;
}

.feature_item {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.25rem 0;
    border-top: 0.0625rem solid var(--border-color);
}

.feature_item:last-child {
    border-bottom: none;
}

.feature_icon {
   
    color: var(--accent-blue);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.feature_icon svg {
    width: 100%;
    height: 100%;
}

.feature_info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.feature_title {
    color: var(--text-white);
    font-size: 1.25rem; /* 20px */
    font-weight: 600;
    margin: 0;
}

.feature_desc {
    color: var(--text-gray);
    font-size: 0.875rem; /* 14px */
    margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 48rem) {
    .about_section .common_container {
        flex-direction: column;
        gap: 2.5rem;
    }

    
}

body {margin: 0; padding: 0;   font-family: "Inter", sans-serif;}
.header_menu ul li a {color: #fff; text-decoration: none; font-size: 0.875rem;     text-transform: uppercase;}
.sec_heading {  font-family: "Anton", sans-serif;}

header {
    padding: 1rem 2rem;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    transition: .5s;
}
.header_inner {    display: flex;
    justify-content: space-between;
    align-items: center;}
    .header_inner .logo img {height: 4rem; transition: 0.5s;}
    header.header_sticky .logo img {height: 3.5rem;}
.header_menu {
    display: flex;
        gap: 1rem;
}
    .header_menu ul {
    display: flex;
    align-items: center;
    gap: 2rem;
        padding: 0;
    margin: 0;
        list-style: none;
}
html, body {
    scroll-padding-top: calc(var(--top-header-height) - 1rem);
}
header::before { content: ''; height: 0; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; transition: 0.5s; background-color: #000000c7; backdrop-filter: blur(8px); } 
header.header_sticky:before  {height: 100%;  }
.header_menu ul li a {position: relative; transition: 0.5s;}
.header_menu ul li a:hover, .header_menu ul li a.active {background-color: var(--theme-color);}
.header_menu ul li a:after{content: ''; height: 2px; z-index: -1; position: absolute; top: -5px; left: 0; width: 0; transition: 0.5s; background-color: var(--theme-color);}
.header_menu ul li a:hover:after, .header_menu ul li a.active:after {width: 100%;}
.common_padding {padding-block: 5rem;}

.hero_banner {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    isolation: isolate;
}

.hero_video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -3;
}

.hero_overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.72) 0%,
            rgba(0, 0, 0, 0.45) 45%,
            rgba(0, 0, 0, 0.20) 100%
        );
    z-index: -2;
}

.hero_content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    padding: 7rem 3rem;
    color: #fff;
}

.hero_tag {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1.2rem;

    font-size: 0.8rem;
    text-transform: uppercase;
}



.hero_content h1 {
    max-width: 55rem;
    margin: 0;
    font-size: clamp(2.8rem, 8vw, 7.8rem);
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    font-family: "Anton", sans-serif;
}


.hero_content p {
    max-width: 38rem;
    margin: 1.5rem 0 2rem;

    font-size: 12px;
    line-height: 1.8;
    color: #9a9a97;
}
.sm_para {  max-width: 38rem; font-size: 12px;
    line-height: 1.8;
    color: #9a9a97; }

.hero_actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}






.hero_scroll {
    position: absolute;
    z-index: 3;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.6rem;

    color: #fff;
    opacity: 0.75;
}

.hero_scroll span {
    position: relative;
    width: 1.2rem;
    height: 2rem;

    border: 0.0625rem solid rgba(255, 255, 255, 0.7);
    border-radius: 1rem;
}

.hero_scroll span::after {
    content: "";

    position: absolute;
    top: 0.4rem;
    left: 50%;

    width: 0.2rem;
    height: 0.4rem;

    border-radius: 1rem;
    background: #fff;

    transform: translateX(-50%);

    animation: hero_scroll_down 1.8s infinite ease-in-out;
}

.hero_scroll small {
    font-size: 0.55rem;
    letter-spacing: 0.15rem;
    white-space: nowrap;
}

@keyframes hero_scroll_down {
    0% {
        opacity: 0;
        transform: translate(-50%, 0);
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, 0.7rem);
    }
}


/* Tablet */

@media (max-width: 62rem) {

    .hero_banner {
        min-height: 85vh;
    }

    .hero_content {
        padding: 0rem 2rem;
    }

    .hero_content h1 {
        max-width: 45rem;
    }
}


/* Mobile */

@media (max-width: 48rem) {

    .hero_banner {
        min-height: 75vh;
    }

    .hero_content {
        padding-top: var(--top-header-height);
    }

    .hero_tag {
        font-size: 0.7rem;
        letter-spacing: 0.12rem;
    }

    .hero_content h1 {
        font-size: clamp(2.4rem, 11vw, 4rem);
        line-height: 1.05;
    }

    .hero_content p {
        margin-top: 1.2rem;
        font-size: 0.95rem;
        line-height: 1.7;
    }

    .hero_actions {
        width: 100%;
    }

    .hero_btn {
        min-width: auto;
        flex: 1;
        padding: 0.85rem 1rem;
    }

    .hero_scroll {
        bottom: 1.2rem;
    }
}


/* Small Mobile */

@media (max-width: 30rem) {

    

    

    .hero_content p {
        font-size: 0.9rem;
    }

    

    .hero_btn {
        width: 100%;
    }

    .hero_scroll {
        display: none;
    }
}



.theme_btn {
    all: unset;
    min-width: 10rem;
    padding: 0.9rem 1.5rem;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    border-radius: 0.3rem;
  background: linear-gradient(270deg, #0E61AF 0%, #15A0D8 100%);
    font-size: 0.9rem;
    color: var(--white);
    font-weight: 700;
    border-radius: 400px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease;
}

.theme_btn:hover { color: var(--white); background: linear-gradient(270deg, #15A0D8 0%, #0E61AF 100%); }
.call_us_btn { font-size: 0.938rem; background: linear-gradient(270deg, #0E61AF 0%, #15A0D8 100%); display: inline-flex; padding: 0.5rem 1.2rem 0.3rem; border-radius: 1000px; align-items: center; text-decoration: none; transition: transform 0.2s ease; gap: 0.5rem; color: #fff; }
.call_us_btn:hover {color: var(--white);}
.call_us_btn img {height: 1.3rem;}
.call_us_btn small { display: block; text-transform: uppercase; font-size: 10px; line-height: 1.1; }
.facilities_inner {display: flex; align-items: center;}
.facilities_left {width: 30%;}
.facilities_right {width: calc(70% + var(--white-space)); padding-left: 2rem;margin-right: calc(0px - var(--white-space));}
.common_nav {
    display: flex; gap: 0.5rem;
}
.common_nav >div {height: 2.5rem; width: 3rem; background-color: var(--theme-color); display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer;}
.swiper-button-disabled {opacity: 0.5;}
/* Card Container */
.facilities_box {
    position: relative;
    width: 100%;
    max-width: 22.5rem; /* Adjust width as needed for your grid */
    height: 23.75rem;
    border-radius: 1.25rem;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

/* Background Image */
.facilities_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Overlay Box for Text */
.facilities_title_box {
    position: relative;
    z-index: 2;
    width: 90%;
    background-color: #000000;
    padding: 1.25rem 1rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    text-align: center;
}

/* Text Styling */
.facilities_title {
    color: #ffffff;
   font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
    letter-spacing: 0.025rem;
}

.mid_cta {background-image: url(../images/mid-banner.jpg); background-size: cover; background-attachment: fixed; padding: 12rem 0;}
.testimonial_wrap {
    display: flex;
    align-items: center;
}
.testimonial_wrap .testimonial_left {width: 30%;}
.testimonial_wrap .testimonial_right {width: 70%; padding-left: 5rem;}
/* Container Box */
.testimonial_box {
    width: 100%;
    max-width: 48rem; /* ~768px */
    background-color: #050505;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

/* Quote Icon */
.testimonial_quote_icon {
    width: 3rem;
    height: 3rem;
    color: #666666;
    margin-bottom: 1.25rem;
}

.testimonial_quote_icon svg {
    width: 100%;
    height: 100%;
}

/* Rating Stars */
.testimonial_stars {
    color: #FFCE31; /* Gold accent color */
   
    letter-spacing: 0.25rem;
    margin-bottom: 1.5rem;
}

/* Body Text */
.testimonial_text {
    color: #e0e0e0;
    font-size: 1.125rem; /* ~18px */
    line-height: 1.7;
    margin: 0 0 2rem 0;
    max-width: 42rem;
    font-weight: 400;
}

/* User Avatar */
.testimonial_avatar_wrapper {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
}

.testimonial_avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Author Name & Subtitle */
.testimonial_author {
    color: #ffffff;
    font-size: 1.25rem; /* ~20px */
    font-weight: 600;
    margin: 0 0 0.375rem 0;
}

.testimonial_role {
    color: #a1a1a1;
    font-size: 0.875rem; /* ~14px */
    margin: 0;
    font-weight: 400;
}

.why_arena_inner { display: flex;  gap: 5rem;}
.why_arena_inner > div {flex: 1;   }
.why_arena_inner img {border-radius: 10px;}
.why_arena_list {   list-style: none; margin: 0; padding: 0;  columns: 2;
    column-gap: 8rem;}
    .why_arena_list li {  padding-left: 1.5rem; margin-bottom: 1rem;   break-inside: avoid; position: relative;}
    .why_arena_list li:before {content: ''; position: absolute; top: 9px; left: 0; display: inline-block; height: 10px; width: 10px;
        border: solid 1px var(--white);   border-radius: 50px;}

        .hours_box {background: #0E0E0F;
border: 1px solid #2A2A2C;
border-radius: 12px; padding: 1rem 2rem;}
.gray_color {color: #9A9A97;}


        .faq-container {
            width: 100%;
            max-width: 620px;
            margin: 3rem auto 0 auto;
        }

        .faq-item {
            border-bottom: 1px solid #1c1c1e;
            padding: 22px 0;
        }

        .faq-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            user-select: none;
        }

        .faq-question {
            font-size: 1.1rem;
            font-weight: 700;
            color: #ffffff;
            padding-right: 20px;
        }

        .faq-icon {
            font-size: 1.3rem;
            font-weight: 300;
            color: #0088ff;
            line-height: 1;
            width: 20px;
            text-align: center;
            transition: 0.5s;
        }

        .faq-content {
            display: none;
            padding-top: 14px;
            font-size: 0.92rem;
            line-height: 1.6;
            color: #888888;
        }

        .form_lp {
   
    padding: 56px 32px 32px 32px;
  
   
    border-radius: 16px;
    border: 1px solid #383838;
    background: #111;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);

}
.form-control {
    border-radius: 8px;
    color: #fff;
    
    border: 1px solid #2C2C2E;
    background: #222224;
   
}
.form-control:not(textarea) { height: 3rem; padding-left: 2.2rem;}
.form-control:focus {
    background: #222224;
    border-color: var(--theme-color);
    box-shadow: none;
    color: #fff;
}
.form_group {position: relative;}

.placeholder_icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 1rem;
}



        .site-footer {
            background-color: #000000;
            color: #ffffff;
            padding: 40px 20px 30px;
            width: 100%;
        }

       

        /* Top Logo */
        .footer-logo {
            text-align: center;

    padding-bottom: 2rem;
        }
        .footer-logo img {    height: 3.5rem;}

      

   

        .section-title {
            font-size: 0.85rem;
            font-weight: 700;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #ffffff;
                margin-bottom: 0.5rem;
    display: block;
        }

        /* Middle Section Content */
        .footer-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
            
            
            
        }

        .footer-address-flex     {
            display: flex;
            align-items: center;
            gap: 10px;
          font-size: 0.875rem;
        }

        .footer-contact-links-flex   {
            display: flex;
            align-items: center;
            gap: 30px;
            flex-wrap: wrap;
        }

        .contact-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #ffffff;
            text-decoration: none;
           font-size: 0.875rem;
            font-weight: 400;
            transition: opacity 0.2s;
        }

        .contact-item:hover {
            opacity: 0.8;
        }

        /* Blue Icons */
        .icon-blue {
            color: #00a2ff;
            font-size: 1rem;
        }

        /* Horizontal Divider */
        .footer-divider {
            border: none;
            border-top: 1px solid #dadada8a;
            margin: 35px 0 25px;
        }

        /* Bottom Row */
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }

        .copyright {
            color: #888888;
            font-size: 0.82rem;
        }

        .social-links {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .social-link {
            color: #ffffff;
            font-size: 1.1rem;
            text-decoration: none;
            transition: color 0.2s;
        }

        .social-link:hover {
            color: #00a2ff;
        }

        .menu_toggle, .mobile_menu_close {
    display: none;
}

        /* Responsive Layout for Mobile */
        @media (max-width: 900px) {
            .footer-headers {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }

            .footer-content {
                flex-direction: column;
                align-items: flex-start;
            }

            .footer-contact-links {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }

            .footer-bottom {
                flex-direction: column-reverse;
                align-items: flex-start;
            }
        }
.mobile_cta {
    display: none;
}

        @media(max-width:767px){
            html {font-size: 14px;}
                .menu_toggle, .mobile_menu_close {
        display: inline-block;
    }
    .header_menu {
        position: fixed;
        width: 15rem;
        right: 0;
        top: 0;
        background-color: var(--white);
        z-index: 99;
        height: 100vh;
        height: 100dvh;
        transition: all ease .5s;
        transform: translateX(100%);
        overflow: auto;
        display: block;
    }
    body.menu-opened .header_menu {
        transform: translateX(0);
    }
        .mobile_menu_close {
        margin: 1rem;
    }
    .backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #00000075;
        opacity: 0;
        pointer-events: none;
        transition: all ease .5s;
    }
    body.menu-opened .backdrop{opacity:1;pointer-events:all}
     .header_menu ul li a {color: #222;}
    .header_menu ul {    flex-direction: column;  align-items: flex-start;       padding-left: 1.5rem;
        margin-top: 1rem;}
        .call_us_btn {display: none;}
        header {    padding: 1rem 0rem;}
        .header_inner .logo img {height: 3rem;}
        header.header_sticky .logo img {height: 2.5rem;}
        .why_arena_inner, .facilities_inner, .testimonial_wrap {flex-wrap: wrap;}
        .why_arena_list {columns:1}
        .facilities_left, .facilities_right {width: 100%;}
        .why_arena_inner > div {flex: auto;}
        .facilities_left {margin-bottom: 2rem;}
        .common_padding {padding-block: 2rem ;}
        .facilities_right {padding-left: 0;margin-right:0}
        .mid_cta {    padding: 3rem 0;
    background-position: 35rem center;}
    .testimonial_wrap .testimonial_left {width: 100%; text-align: center;}
    .common_nav {justify-content: center;}
    .testimonial_wrap .testimonial_right {width: 100%; padding-left: 0;}
    .testimonial_box {    padding: 3rem 2rem 0;}
    .theme_btn {min-width: auto;     padding: 0.8rem 1.5rem 0.7rem;}
    .facilities_box {max-width: 100%;}
    .why_arena_inner {gap: 2rem;}
    #contact-us .col-sm-7 { margin-top: 3rem;} 
    .section-title.text-end { text-align: left !important;}
    .footer-contact-links-flex {gap:10px 20px}

    .mobile_cta {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;

        display: grid;
        grid-template-columns: 1fr 1fr;

        padding: 0;
        padding-bottom: env(safe-area-inset-bottom);

        background: #071321;
        box-shadow: 0 -0.5rem 2rem rgba(0, 0, 0, 0.25);
    }

    .mobile_cta_item {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;

        min-height: 3.8rem;

        color: #fff;
        text-decoration: none;

        overflow: hidden;
    }

   
    .mobile_cta_item:first-child {
        background: linear-gradient(
            135deg,
            #123d83 0%,
            #0752a8 55%,
            #07366f 100%
        );
    }

   
    .mobile_cta_item:last-child {
       background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 50%, #ffffff 100%);
      color: var(--theme-color);
    }
    .mobile_cta_item:last-child * {
         color: var(--theme-color); border-color: var(--theme-color);
    }

    
    .mobile_cta_item:first-child::after {
        content: "";
        position: absolute;
        top: 20%;
        right: 0;
        width: 0.08rem;
        height: 60%;
        background: rgba(201, 157, 88, 0.8);
        display: none;
    }

    .mobile_cta_icon {
        width: 2.2rem;
        height: 2.2rem;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 1px solid rgba(255, 255, 255, 0.65);
        border-radius: 50%;

        color: #fff;
        font-size: 0.8rem;

        flex-shrink: 0;
    }

    .mobile_cta_text {
        display: flex;
        flex-direction: column;
        gap: 0.12rem;
    }

    .mobile_cta_text small {
        font-size: 0.62rem;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.8);
    }

    .mobile_cta_text strong {
        font-size: 0.78rem;
        line-height: 1.2;
        font-weight: 600;
        color: #fff;
        white-space: nowrap;
    }

    .mobile_cta_item:active {
        transform: scale(0.98);
    }

    .about_section .d-flex {flex-wrap: wrap;}
    .about_image_wrapper {flex: auto; margin-bottom: 2rem;}

        }