/* HERO HOMEPAGE */





.homepage_hero {
    position: relative;
    width: calc(100% - 32px);
    height: 782px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 16px auto;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}


.homepage_hero_content h3 {
    color: #F2F2F2;
    font-size: 28px;
    letter-spacing: 1px;
    word-spacing: -2.6px;
    margin-bottom: 2px;
    font-weight: 500;
}

.homepage_hero_content h1 {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 80px;
    font-weight: 700;
    font-style: normal;
    align-self: stretch;
    font-optical-sizing: auto;
    line-height: 1.3;
}

.homepage_hero_content p {
    color: #F2F2F2;
    font-size: 18px;
    word-spacing: -0.8px;
    letter-spacing: 1.1px;
    margin-bottom: 32px;
    font-weight: 400;
}


.homepage_hero_buttons a {
    border-radius: 20px;
    background: #FFF;
    padding: 16px 15px;
    color: #D70E09;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height:  17px;
    width: 226px;
    display: inline-flex;
    justify-content: center;
}

.homepage_hero_content {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: left;
    padding: 48px 54px;
}

@media (max-width: 1240px) {
    .homepage_hero_content h1 {
        font-size: 64px;
    }
    .homepage_hero {
        height: 600px;
    }
}

@media (max-width: 991px) {
 
}
@media (max-width: 767px) {
    .homepage_hero_content h1 {
        font-size: 48px;
    }
    .homepage_hero_content {
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-top: 60px;
        height: 100%;
    }
    .homepage_hero {
        min-height: 450px;
    }
    .homepage_hero_content p {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .homepage_hero_content h1 {
        font-size: 34.5px;
        line-height: 1.3;
        max-width: 220px;
        letter-spacing: 0.1px;
        margin-bottom: 5px;
    }
    .homepage_hero_content {
        display: flex;
        padding-top: 213px;
        justify-content: end;
    }
    .homepage_hero_buttons a {
        display: block;
        padding: 16px 20px;
        width: 100%;
        max-width: 347px;
        letter-spacing: 0.3px;
        word-spacing: -1.4px;
        line-height: 25px;
    }
    .homepage_hero_content p {
        font-size: 16px;
        word-spacing: -2.8px;
        letter-spacing: 0.5px;
        line-height: 1.4;
        max-width: 257.5px;
        margin-bottom: 32px;
    }
    .homepage_hero_content h3 {
        display: none;
    }
    .homepage_hero {
        min-height: 500px;
        width: 100%;
        border-radius: 0px;
        margin: 0px;
    }
}

/* homepage_how_it_works */

.homepage_how_it_works {
    padding: 124px 0px 128px 0px;
    background-color: white;
}
.homepage_how_it_works_title{
    text-align: center;
    margin-bottom: 50px;
}
.homepage_how_it_works_title h2 {
    word-spacing: -2.6px;
    letter-spacing: 0.9px;
    font-weight: 600;
    margin-bottom: 11px;
    color: #171717;
}
.homepage_how_it_works_title p {
    font-size: 20px;
    color: #2F2F2F;
    letter-spacing: -0.3px;
    font-weight: 400;
}
.homepage_how_it_works_items.state-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-left: 0px;
}
.homepage_how_it_works_items.state-slider{
    display: none;
    margin-bottom: 30px;
}
.homepage_how_it_works_item:nth-child(2) {
    height: 400px;
}
.homepage_how_it_works_item{
    height: 370px;
    max-width: 256px;
    min-width: 256px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 4px 6px 32.4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 16px;
    padding: 8px;
}
.homepage_how_it_works_item p {
    text-align: right;
    text-shadow: 0 4px 9.3px rgba(0, 0, 0, 0.25);
    font-size: 48px;
    font-weight: 500;
    color: white;
    line-height: 100%;
    margin-right: 8px;
}
.homepage_how_it_works_item h3 {
    border-radius: 16px;
    background: #FFF;
    color: #171717;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 0px;
    padding: 18px 34px;
    text-align: center;
    word-spacing: 0.1px;
    font-weight: 600;
}
@media (max-width: 1240px) {
   
}
@media (max-width: 991px) {
    .homepage_how_it_works_item {
        box-shadow: unset;
    }
}  
@media (max-width: 767px) {
    .homepage_how_it_works .container {
        padding: 0px;
        margin: 0px;
        width: 100%;
        max-width: 100%;
    }
    .homepage_how_it_works_title{
        margin-bottom: 30px;
    }
    .homepage_how_it_works_items.state-block {
        display: none;
    }
    .homepage_how_it_works_items.state-slider {
        display: flex;
    }
    .homepage_how_it_works_item h3 {
        font-size: 13px;
        line-height: 11.2px;
        padding: 17px 8px;
    }
}
@media (max-width: 575px) {
    .homepage_how_it_works {
        padding: 80px 0px;
    }
    .homepage_how_it_works_title h2{
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 7px;
    }
    .homepage_how_it_works_title p {
        font-size: 16px;
    }
    .homepage_how_it_works_item h3{
        font-weight: 700;
    }
}


/* UNIQUE SECTION */


/* .homepage_unique_section {
    padding: 128px 0px;
    background: #f1f1f1;
}


.homepage_unique_section_wrapper {
    display: flex;
    gap: 138px;
}

@media (max-width: 1240px) {
   
}
@media (max-width: 991px) {
   
}
@media (max-width: 767px) {
    .homepage_unique_section_image_content_arrow_prev, .homepage_unique_section_image_content_arrow_next {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
}
@media (max-width: 575px) {
    .homepage_unique_section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
} */





/* homepage_first_section */

.homepage_first_section {
    position: relative;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 64px 48px 64px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.homepage_first_section_content h1 {
    color: #FFF;
    text-shadow: 0 4px 24px #002060, 0 4px 12px rgba(0, 0, 0, 0.20);
    font-family: Montserrat;
    font-size: 80px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-optical-sizing: auto;
    text-wrap: nowrap;
}

.homepage_first_section_content h1 span {
    color: #FFF;
    text-shadow: 0 4px 24px #002060, 0 4px 12px rgba(0, 0, 0, 0.20);
    font-family: Montserrat;
    font-size: 80px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    font-optical-sizing: auto;
    
}

.homepage_first_section_content p {
    color: #F2F2F2;
    text-shadow: 0 4px 24px #002060, 0 4px 12px rgba(0, 0, 0, 0.20);
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 40px;
}


.homepage_buttons a {
    border-radius: 28px;
    border: 1px solid rgba(34, 0, 0, 0.00);
    background: #D70E09;
    box-shadow: 0 8px 28px 0 rgba(215, 14, 9, 0.60), 0 4px 4px 0 rgba(255, 0, 0, 0.30) inset;
    padding: 0px 36px;
    color: #FFF;
    font-family: Montserrat;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
     transition: all 0.3s linear;
}

.homepage_buttons a:hover {
  border: 1px solid rgba(34, 0, 0, 0.00);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #D70E09;
  box-shadow: 0 8px 28px 0 rgba(215, 14, 9, 0.60), 0 4px 4px 0 rgba(255, 0, 0, 0.30) inset;
}

.homepage_first_section_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: left;
    padding: 48px 54px;
}

.mobile-br {
  display: none;
}

@media (max-width: 767px) {
    .homepage_first_section {
        height: 490px;
        padding: 0px 24px 48px 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }
    .homepage_first_section_content h1 {
        color: #FFF;
        font-family: Montserrat;
        font-size: 45px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 12px;
        text-transform: uppercase;
        font-optical-sizing: auto;
    }
    .homepage_first_section_content h1 span {
        color: #FFF;
        text-shadow: 0 4px 24px #002060, 0 4px 12px rgba(0, 0, 0, 0.20);
        font-family: Montserrat;
        font-size: 45px;
        font-style: italic;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        font-optical-sizing: auto;
    }
    .homepage_first_section_content p {
        margin-bottom: 32px;
    }
    .homepage_buttons {
        display: flex;
        justify-content: center;
    }
    .homepage_buttons a {
        font-size: 14px;
        letter-spacing: 0.56px;
        height: 44px;
    }
    .homepage_first_section_content {
        align-items: normal;
        padding: 0px;
    }
    .mobile-br {
        display: inline;
    }
}

@media (max-width: 1240px) {
  .homepage_first_section_content .mobile-br {
    display: block;
  }
}

.home {
    background: 
        linear-gradient(180deg, #002277 0%, #001133 100%),
        linear-gradient(0deg, #00133D, #00133D);

}

.homepage_career {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../img/homepage/career.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 500px;
    margin: 60px 0;
}

.top-background {
  display: none;
}

.homepage_career_wrapper {
    position: relative;
    z-index: 1;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
}

.homepage_career_wrapper img.logo {
    width: 120px;
    height: auto;
    object-fit: contain;
}

.homepage_career_wrapper h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 2%;
    font-style: italic;
    color: #fff;
    margin: 0;
}

.homepage_career_wrapper h2 .right_text {
    color: #FFF;
    font-feature-settings: 'sinf' on, 'dnom' on, 'numr' on, 'liga' off;
    font-family: Montserrat;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22170%22%20height%3D%2253%22%20viewBox%3D%220%200%20170%2053%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.53626%200.816778L0.0177549%2051.8168C-0.0970601%2052.432%200.374979%2053.0003%201.00078%2053.0002L157.547%2053C158.018%2053%20158.425%2052.6714%20158.525%2052.211L169.535%201.21104C169.67%200.588115%20169.195%200%20168.558%201.93531e-06L10.5193%200.000248804C10.0378%200.000249556%209.6246%200.343423%209.53626%200.816778Z%22%20fill%3D%22%23D70E09%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0px 5%;
    margin-left: -1.5%;
    z-index: 1;
}

.homepage_career_wrapper p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    color: #fff;
    margin: 0;
}

@media (max-width: 991px) {
    .homepage_career {
        padding: 60px 32px;
        background-position: right bottom;
        background-size: 50%;
    }
    
    .homepage_career_wrapper {
        max-width: 60%;
    }
}

@media (max-width: 767px) {
    .homepage_career {
        padding: 40px 16px;
        background-position: right bottom;
        background-size: 60%;
        min-height: 400px;
        background: none;
    }

    .homepage_career_wrapper img.logo {
      margin: 0px auto;
    }

    .homepage_career_wrapper {
      margin-top: 300px;
    }

    .top-background {
      display: block;
      position: absolute;
      min-width: 412px;
      max-width: 412px;
      object-fit: contain;
      top: -60px;
      max-height: 361px;
    }
    
    .homepage_career_wrapper {
        max-width: 100%;
    }
    
    .homepage_career_wrapper h2 {
        font-size: 32px;
        margin: 0px auto;
    }
    
    .homepage_career_wrapper p {
        font-size: 16px;
        text-align: center;
    }

    .homepage_career_wrapper .homepage_buttons {
      margin: 0px auto;
    }
}

/* homepage_faq */

.homepage_faq {
    padding: 100px 0;
    position: relative;
    overflow: visible;
}

.homepage_faq_blur_top {
    position: absolute;
    width: 1143px;
    height: 416px;
    background: #003399;
    opacity: 0.8;
    border-radius: 50%;
    filter: blur(130px);
    left: 20%;
    top: 30%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
}

.homepage_faq_blur_bottom {
    position: absolute;
    width: 1143px;
    height: 416px;
    background: #003399;
    opacity: 0.8;
    border-radius: 50%;
    filter: blur(130px);
    right: -40%;
    bottom: -15%;
    z-index: 0;
    pointer-events: none;
}
.homepage_faq_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 40px;
    position: relative;
    z-index: 1;
}

.homepage_faq_title {
    font-size: 44px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    text-align: center;
    margin-bottom: 65px;
    font-family: "Montserrat", sans-serif;
}

.homepage_faq_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.homepage_faq_item {
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF4D;
    border-radius: 10px;
    overflow: hidden;
    transition: background 0.3s ease;
}

.homepage_faq_item.active {
    background: #0E24E91A;
    border: 1px solid #D70E09;
}

.homepage_faq_question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    transition: all 0.3s ease;
}

.homepage_faq_question:hover {
    background: rgba(255, 255, 255, 0.05);
}

.homepage_faq_question span:first-child {
    flex: 1;
    padding-right: 20px;
}

.homepage_faq_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.homepage_faq_icon_img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

.homepage_faq_item.active .homepage_faq_icon_img {
    transform: rotate(45deg);
}

.homepage_faq_answer {
    display: none;
    padding: 0 32px 16px 32px;
    color: #fff;
    font-size: 14px;
    line-height: 22.4px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    overflow: hidden;
}

.homepage_faq_answer p {
    margin: 0;
    color: #fff;
}

@media (max-width: 991px) {
    .homepage_faq {
        padding: 60px 0;
    }
    
    .homepage_faq_blur_top,
    .homepage_faq_blur_bottom {
        width: 800px;
        height: 300px;
        filter: blur(130px);
    }
    
    .homepage_faq_wrapper {
        padding: 40px 24px;
        margin: 0 16px;
    }
    
    .homepage_faq_title {
        font-size: 36px;
        margin-bottom: 40px;
    }
    
    .homepage_faq_question {
        font-size: 16px;
        padding: 18px 20px;
    }
    
    .homepage_faq_answer {
        font-size: 15px;
        padding: 0 20px 18px 20px;
    }
}

@media (max-width: 767px) {
    .homepage_faq {
        padding: 40px 0;
    }
    
    .homepage_faq_blur_top,
    .homepage_faq_blur_bottom {
        width: 600px;
        height: 250px;
        filter: blur(150px);
    }
    
    .homepage_faq_wrapper {
        margin: 0px;
        padding: 0px;
        border-width: 2px;
    }
    
    .homepage_faq_title {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .homepage_faq_question {
        font-size: 15px;
        padding: 16px;
    }
    
    .homepage_faq_answer {
        font-size: 14px;
        padding: 0 16px 16px 16px;
    }
}

/* homepage_second_section */

.homepage_second_section {
    padding: 100px 150px 100px 150px;
    background: #00133D;
}
.homepage_second_section_title{
    text-align: center;
    margin-bottom: 50px;
}
.homepage_second_section_title h2 {
    word-spacing: -2.6px;
    letter-spacing: 0.9px;
    font-weight: 600;
    margin-bottom: 11px;
    color: #171717;
}
.homepage_second_section_title p {
    font-size: 20px;
    color: #2F2F2F;
    letter-spacing: -0.3px;
    font-weight: 400;
}
.homepage_second_section_items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-left: 0px;
}
.homepage_second_section_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    padding: 41px 44px;
    height: 496px;
    max-width: 364px;
    min-width: 364px;
    background: radial-gradient(108.89% 138.75% at 102.07% 1.43%, rgba(36, 160, 237, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
    backdrop-filter: blur(27px);
    gap: 20px;
}
.homepage_second_section_item::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(135deg,
      rgba(61,190,255,1) 0%,
      rgba(61,190,255,0.00) 29%,
      rgba(61,190,255,0.00) 66%,
      rgba(61,190,255,0.94) 100%
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.homepage_second_section_animation {
    width: 90px;
    height: 90px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage_second_section_animation canvas,
.homepage_second_section_animation svg {
    width: 100%;
    height: 100%;
    display: block;
}
.homepage_second_section_item h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 36px;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}
.homepage_second_section_item h1 span {
    color: #D70E09;
    font-family: Montserrat;
    font-size: 36px;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}
.homepage_second_section_item p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
}

@media (max-width: 767px) {
    .homepage_second_section {
        padding: 40px 16px 80px 16px;
        gap: 20px;
    }
    .homepage_second_section .container {
        padding: 0px;
    }
    .homepage_second_section_items {
        flex-direction: column;
        gap: 20px;
    }
    .homepage_second_section_item {
        padding: 28px 28px 48px 28px;
        height: auto;
        min-width: 287px;
    }
    .homepage_second_section_animation {
        width: 58px;
        height: 58px;
        margin-bottom: 12px;
    }
    .homepage_second_section_item h1 {
        font-size: 32px;
    }
    .homepage_second_section_item h1 span {
        font-size: 32px;
    }
}


/* homepage_third_section */

.homepage_third_section {
    position: relative;
    height: 643px;
    background: #00133D;
}

.homepage_third_section_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.homepage_third_section_container p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 73px;
}

.homepage_third_section_title_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 132px;
    margin-bottom: 65px;
}

.homepage_third_section_title_container p {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'sinf' on, 'dnom' on, 'numr' on, 'liga' off;
    font-family: Montserrat;
    font-size: 52px;
    font-style: italic;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 0px;
}

.homepage_third_section_first_image {
    position: absolute;
    top: 132px;
    left: -14px;
    width: 165px;
    height: 165px;
    object-fit: contain;
}

.homepage_third_section_second_image {
    position: absolute;
    top: 229px;
    left: 69px;
    width: 165px;
    height: 165px;
    object-fit: contain;
}

.homepage_third_section_third_image {
    position: absolute;
    top: 130px;
    right: -37px;
    width: 165px;
    height: 165px;
    object-fit: contain;
}

.homepage_third_section_fourth_image {
    position: absolute;
    top: 216px;
    right: 31px;
    width: 165px;
    height: 165px;
    object-fit: contain;
}

.homepage_third_section_mobile_cards_container {
    display: none;
}

.homepage_third_section_desktop_cards_container {
    display: block;
}

@media (max-width: 767px) {
    .homepage_third_section {
        height: auto;
        padding-bottom: 94px;
    }
    .homepage_third_section_container p {
        font-size: 20px;
        margin-bottom: 41px;
        max-width: 307px;
    }
    .homepage_third_section_title_container p {
        font-size: 20px;
        line-height: 140%;
        margin-bottom: 0px;
        width: 100%;
    }
    .homepage_third_section_title_container {
        margin-top: 31.28px;
        margin-bottom: 36px;
    }
    .homepage_third_section_container {
        margin-bottom: 94px;
    }
    .homepage_third_section_mobile_cards_container {
        display: block;
        position: relative;
        width: 100%;
        height: 75px;
        max-width: 320px;
        margin: 82.65px auto 0;
    }
    .homepage_third_section_mobile_card {
        position: absolute;
        width: 75px;
        height: 75px;
        object-fit: contain;
    }
    .homepage_third_section_desktop_cards_container {
        display: none;
    }
    .homepage_third_section_mobile_card.left {
        left: calc(50% - 18%);
        z-index: 1;
    }
    .homepage_third_section_mobile_card.center {
        top: calc(50% - 62%);
        left: calc(50% - 6%);
        transform: rotate(13deg) scaleX(-1);
        z-index: 2;
    }
    .homepage_third_section_mobile_card.right {
        left: calc(50% - -5%);
        transform: rotate(0deg);
        z-index: 3;
    }
}

/* homepage_fourth_section */

.homepage_fourth_section {
    position: relative;
    display: flex;
    padding: 100px 144px 80px 144px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 52px;
    align-self: stretch;
    background: #FFF;
}

.homepage_fourth_section_title {
    width: 100%;
    z-index: 2;
}

.homepage_fourth_section_title p {
    text-align: center;
}

.homepage_fourth_section_title p .left_text{
    color: #171717;
    font-feature-settings: 'sinf' on, 'dnom' on, 'numr' on, 'liga' off;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    position: relative;
    z-index: 2;
}

.homepage_fourth_section_title p .right_text {
    color: #FFF;
    font-feature-settings: 'sinf' on, 'dnom' on, 'numr' on, 'liga' off;
    font-family: Montserrat;
    font-size: 36px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="389" height="53" viewBox="0 0 389 53" fill="none"><path d="M9.53626 0.816531L0.0177545 51.8165C-0.0970603 52.4317 0.374996 53 1.0008 53H376.99C377.461 53 377.868 52.6714 377.967 52.211L388.978 1.21104C389.113 0.588114 388.638 0 388.001 0H10.5193C10.0378 0 9.6246 0.343176 9.53626 0.816531Z" fill="%23D70E09"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0px 2%;
    margin-left: -1.5%;
    z-index: 1;
}

.homepage_fourth_section_image_text_container {
    display: flex;
    max-width: 1140px;
}

.homepage_fourth_section_image_text_container .image_text_column {
    display: flex;
    flex-direction: column;
    height: 582px;
    flex: 1;
}

.homepage_fourth_section_image_text_container .image_text_column .text_container {
    display: flex;
    height: 252px;
    padding: 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    background: rgba(0, 85, 255, 0.07);
    backdrop-filter: blur(27px);
}

.homepage_fourth_section_image_text_container .image_text_column .text_container p {
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

.homepage_fourth_section_image_text_container .image_text_column .text_container p span {
    color: #171717;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
}

.homepage_fourth_section_image_text_container .image_text_column img {
    height: 330px;
    width: 100%;
}

.homepage_fourth_section_mobile_content {
    display: none;
}

@media (max-width: 1440px) {
    .homepage_fourth_section_title p .right_text {
        padding: 0px 1.5%;
        margin-left: -2%;
    }
}

@media (max-width: 767px) {
    .homepage_fourth_section {
        position: relative;
        padding: 80px 16px 36px 16px;
        gap: 0px;
        align-self: stretch;
        background: #FFF;
    }
    .homepage_fourth_section_image_text_container {
        display: none;
    }
    .homepage_fourth_section_image_text_container {
        display: none;
    }
    .homepage_fourth_section_mobile_content {
        display: block;
    }
    .homepage_fourth_section_title {
        width: 100%;
        z-index: 2;
    }
    .homepage_fourth_section_title p {
        text-align: center;
    }
    .homepage_fourth_section_title p .left_text {
        font-size: 24px;
    }
    .homepage_fourth_section_title p .right_text {
        font-size: 24px;
        padding: 0px 3%;
        margin-left: -4%;
    }
    .homepage_fourth_section_mobile_content_text {
        padding: 24px 0px;
    }
    .homepage_fourth_section_mobile_content_text h3 {
      color: #171717;
      text-align: center;
      font-size: 16px;
      font-style: italic;
      font-weight: 700;
      line-height: 170%;
      margin-bottom: 8px;
      text-transform: uppercase;
    }
    .homepage_fourth_section_mobile_content_text p {
        color: #171717;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
    }
    .homepage_fourth_section_mobile_content_text span {
        color: #171717;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 170%;
    }
    .homepage_fourth_section_mobile_content img {
        height: 180px;
        width: 100%;
    }
}

/* homepage_fifth_section */

.homepage_fifth_section {
    display: flex;
    padding: 152px 144px 128px 144px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 52px;
    align-self: stretch;
}
.homepage_fifth_section_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    padding: 0px;
    flex-direction: row;
    height: 101px;
}

.homepage_fifth_section_container > div:nth-last-child(4) {
    width: 363px;
}

.homepage_fifth_section_container > div:nth-last-child(3) {
    width: 242px;
}

.homepage_fifth_section_container > div:nth-last-child(2) {
    width: 270px;
}

.homepage_fifth_section_container > div:nth-last-child(1) {
    width: 217px;
}

.homepage_fifth_section_container div {
    position: relative;
}

.homepage_fifth_section_container div h1 {
    position: relative;
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 34px #24A0ED;
    font-family: Montserrat;
    font-size: 64px;
    font-style: italic;
    font-weight: 700;
    line-height: 110%;
    z-index: 2;
}

.homepage_fifth_section_container div p {
    color: #F2F2F2;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.64px;
    z-index: 2;
}

.homepage_fifth_section_container div .homepage_fifth_section_first_svg_bg {
    position: absolute;
    left: 60px;
    z-index: 1;
}

.homepage_fifth_section_container div .homepage_fifth_section_second_svg_bg {
    position: absolute;
    left: -20px;
    z-index: 1;
}

.homepage_fifth_section_container div .homepage_fifth_section_third_svg_bg {
    position: absolute;
    left: 53px;
    z-index: 1;
}

.homepage_fifth_section_container div .homepage_fifth_section_fourth_svg_bg {
    position: absolute;
    left: 8px;
    z-index: 1;
}

.homepage_players {
    position: relative;
}

.homepage_players_container {
    position: relative;
    padding: 0 0 140px;
    background: #FFFFFF;
    padding-top: 80px;
}

.homepage_players_separator {
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    clip-path: polygon(100% 0, 100% 105%, 0 100%);
}

.homepage_players_blur_top {
    position: absolute;
    width: 946px;
    height: 416px;
    background: #538CFF;
    opacity: 0.34;
    border-radius: 50%;
    filter: blur(300px);
    left: 20%;
    top: 30%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
}

.homepage_players_blur_bottom {
    position: absolute;
    width: 946px;
    height: 416px;
    background: #538CFF;
    opacity: 0.34;
    border-radius: 50%;
    filter: blur(300px);
    right: -40%;
    bottom: -15%;
    z-index: 0;
    pointer-events: none;
}

.homepage_players .container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.homepage_players_header {
    text-align: center;
}

.homepage_players_label {
    font-size: 36px;
    font-weight: 700;
    color: #171717;
    margin: 0;
}

.homepage_players_gallery {
    width: 100%;
    display: flex;
    min-height: 420px;
}

.homepage_players_slider {
  width: 100%;
  display: none !important;
  margin-bottom: 120px;
}

.homepage_players_slider .slick-list.draggable {
  overflow: unset;
}

.homepage_players_slider .homepage_player_card_slide {
  position: relative;
  height: 340px;
  text-align: center;
  background: red;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.homepage_players_slider .slick-arrow {
  position: absolute;
  top: 50%;
  height: 60px;
  width: 44px;
  z-index: 40;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(4px);
}

.homepage_players_slider .slick-next.slick-arrow {
  right: 11px;
}

.homepage_players_slider .slick-prev.slick-arrow {
  left: 11px;
}

.homepage_players_slider .slick-prev::before,
.homepage_players_slider .slick-next::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4143 0.707031L1.41431 14.707L15.4143 28.707' stroke='%23003399' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  height: 35px !important;
  width: 35px !important;
}

.homepage_players_slider .slick-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4143 0.707031L1.41431 14.707L15.4143 28.707' stroke='%23003399' stroke-width='2'/%3E%3C/svg%3E");
}

.homepage_players_slider .slick-next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707031L14.707 14.707L0.707031 28.707' stroke='%23003399' stroke-width='2'/%3E%3C/svg%3E");
}

.homepage_players_slider .homepage_player_card_slide .homepage_player_card_content {
  background: linear-gradient(180deg, rgba(0, 28, 85, 0) 0%, #002277 100%);
  backdrop-filter: blur(2px);
  opacity: 1;
  position: static;
  padding: 20px;
}

.homepage_players_slider .homepage_player_card_slide.slick-active.slick-center {
  /* max-width: 300px; */
  scale: 1.1;
  z-index: 20;
}

.homepage_players_slider .homepage_player_card_slide:not(.slick-active.slick-center) .homepage_player_card_content {
  display: none;
}

.homepage_players_slider .homepage_player_card_slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
}

.homepage_players_slider .homepage_player_card_slide .homepage_player_card_name {
  margin-bottom: 8px;
}

.homepage_player_card {
    position: relative;
    flex: 1 1 0;
    overflow: hidden;
    min-height: 420px;
    cursor: pointer;
    transition: flex 0.35s ease, filter 0.35s ease;
    border: none;
    outline: none;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: flex;
}

.homepage_player_card_image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.homepage_player_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: translateZ(0);
}

.homepage_player_card_content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.35s ease, transform 0.35s ease;
    pointer-events: none;

    text-align: center;
    padding: 20px;
    background: linear-gradient(180deg, rgba(0, 28, 85, 0) 0%, #002277 100%);
    backdrop-filter: blur(2px)
}

.homepage_player_card_name {
    margin: 0 0 12px;
    font-size: 24px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #FFF;
}

.homepage_player_card_quote {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    color: #FFFFFF;
    font-style: italic;
}

.homepage_player_card.active,
.homepage_player_card:focus-visible,
.homepage_player_card:hover {
    flex: 2.5 1 0;
}

.homepage_player_card.active .homepage_player_card_content,
.homepage_player_card:focus-visible .homepage_player_card_content,
.homepage_player_card:hover .homepage_player_card_content {
    opacity: 1;
    transform: translateY(0);
}

.homepage_player_card.active::after,
.homepage_player_card:focus-visible::after,
.homepage_player_card:hover::after {
    opacity: 1;
}


@media (max-width: 767px) {
    .homepage_fifth_section {
        padding: 64px 24px;
    }

    .homepage_players_blur_top,
    .homepage_players_blur_bottom {
      background: none;
      opacity: 1;
    }

    .homepage_players_container {
      padding-bottom: 30px;
    }

    .homepage_players_gallery {
      display: none;
    }
    .homepage_players_slider {
      display: block !important;
    }

    .homepage_fifth_section_container {
        display: grid;
        align-self: stretch;
        padding: 0px;
        height: 211.5px;
        row-gap: 12px;
        column-gap: 12px;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .homepage_fifth_section_container > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        justify-self: stretch;
        border-radius: 12px;
        backdrop-filter: blur(27px);
        width: 158px !important;
    }
    .homepage_fifth_section_container > div:nth-last-child(4) {
        grid-row: 1 / span 1;
        grid-column: 1 / span 1;
    }
    .homepage_fifth_section_container > div:nth-last-child(3) {
        grid-row: 2 / span 1;
        grid-column: 1 / span 1;
    }
    .homepage_fifth_section_container > div:nth-last-child(2) {
        grid-row: 1 / span 1;
        grid-column: 2 / span 1;
    }
    .homepage_fifth_section_container > div:nth-last-child(1) {
        grid-row: 2 / span 1;
        grid-column: 2 / span 1;
    }
    .homepage_fifth_section_container div h1 {
        font-size: 36px;
        margin-bottom: 4px;
    }
    .homepage_fifth_section_container div h1 span{
        font-weight: 400;
    }
    .homepage_fifth_section_container div p {
        font-size: 12px;
        letter-spacing: 0.48px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_first_svg_bg {
        width: 69px;
        height: 23px;
        top: 14px;
        left: 4px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_first_svg_bg svg{
        width: 69px;
        height: 23px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_second_svg_bg {
        width: 69px;
        height: 23px;
        top: 14.25px;
        left: 4px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_second_svg_bg svg{
        width: 69px;
        height: 23px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_third_svg_bg {
        width: 69px;
        height: 23px;
        top: 14px;
        left: 4.5px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_third_svg_bg svg{
        width: 69px;
        height: 23px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_fourth_svg_bg {
        width: 69px;
        height: 23px;
        top: 14.25px;
        left: 4.5px;
    }
    .homepage_fifth_section_container div .homepage_fifth_section_fourth_svg_bg svg{
        width: 69px;
        height: 23px;
    }
    .homepage_players_container {
      padding-top: 60px;
    }
}

/* homepage_sixth_section */

.homepage_sixth_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    position: relative;
}

.homepage_sixth_separator {
    width: 100%;
    height: 100px;
    background: #002277;
    clip-path: polygon(calc(100% + 282px) 0, 100% 100%, 0 100%);
}

.homepage_sixth_section svg {
    width: 100vw;
    height: auto;
    z-index: 3;
}

.homepage_sixth_section_container {
    display: flex;
    width: 100%;
    padding: 100px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #002277;
    gap: 160px;
    z-index: 2;
}

.homepage_sixth_section_content {
    display: flex;
    width: 1140px;
    max-width: 1200px;
    align-items: center;
    gap: 63.99px;
}

.homepage_sixth_section_content_first_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 42px;
    flex: 1 0 0;
}

.homepage_sixth_section_content_first_block_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.homepage_sixth_section_content_first_block_text h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 61px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.homepage_sixth_section_content_first_block_text p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.homepage_sixth_section_content_second_block {
    display: flex;
    width: 687px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}

.homepage_sixth_section_content_second_block_first_column {
    display: flex;
    height: 539px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}

.homepage_sixth_section_content_second_block_second_column {
    display: flex;
    height: 539px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}

.homepage_sixth_section_content_second_block_card {
    display: flex;
    height: 257px;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 7.44px;
    align-self: stretch;
    background: linear-gradient(180deg, rgba(13, 45, 127, 0.51) 0%, #0D2D7F 100%);
    backdrop-filter: blur(16px);
}

.homepage_sixth_section_content_second_block_card svg {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.homepage_sixth_section_content_second_block_card svg.background-mobile {
  display: none;
}

.homepage_sixth_section_content_second_block_card h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
    z-index: 5;
}

.homepage_sixth_section_content_second_block_card p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    z-index: 5;
}

.homepage_sixth_section_content_second_block_card img.avatar {
    display: flex;
    width: 92px;
    height: 92px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.067px;
    flex-shrink: 0;
    z-index: 4;
    border: 2px solid rgba(255, 255, 255, 0.40);
}

.homepage_sixth_section_content_second_block_card img.background {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 1px);
    display: block;
    height: fit-content;
    object-fit: contain;
}

.homepage_sixth_section_first_bg_svg {
    position: absolute;
    right: -374px;
    bottom: -1346.485px;
    z-index: 1;
    display: none;
}

.homepage_sixth_section_second_bg_svg {
    position: absolute;
    left: -187px;
    top: -507.515px;
    z-index: 1;
    display: none;
}

.homepage_sixth_section_content_second_block_mobile {
    display: none;
}

@media (max-width: 767px) {
    .homepage_sixth_section_container {
        display: flex;
        width: 100%;
        padding: 64px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #002277;
        gap: 0px;
        z-index: 2;
    }
    .homepage_sixth_section_content {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 28px;
    }
    .homepage_sixth_section_content_first_block > .homepage_buttons {
        display: none;
    }
    .homepage_sixth_section_content_first_block_text h1 {
        font-feature-settings: 'sinf' on, 'dnom' on, 'numr' on, 'liga' off;
        font-size: 28px;
        text-transform: capitalize;
    }
    .homepage_sixth_section_content_first_block_text p {
        font-size: 18px;
    }
    .homepage_sixth_section_content_second_block {
        display: none;
    }
    .homepage_sixth_section_content_second_block_first_column {
        display: none;
    }
    .homepage_sixth_section_content_second_block_second_column {
        display: none;
    }
    .homepage_sixth_section_content_second_block_mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        max-width: 100%;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        min-height: 233px;
        scrollbar-width: thin;
    }
    .homepage_sixth_section_content_second_block_card {
        flex: 0 0 auto;
        min-width: 239px;
        width: 239px;
        height: 223px;
        box-sizing: border-box;
        white-space: normal;
        margin-right: 16px;
    }
    .homepage_sixth_section_content_second_block_card:last-child {
        margin-right: 0;
    }
    .homepage_sixth_section_content_second_block_card h1 {
        font-size: 16px;
        line-height: 120%;
    }
    .homepage_sixth_section_content_second_block_card p {
        font-size: 12px;
        line-height: 130%;
    }

    .homepage_sixth_section_content_second_block_card svg.background-desktop {
      display: none;
    }
    .homepage_sixth_section_content_second_block_card svg.background-mobile {
      display: block;
    }

    /* .homepage_sixth_section_content_second_block_card img.background {
      object-fit: cover;
      height: 100%;
    } */
}

@media (max-width: 1199px) {
    .homepage_player_card {
        min-height: 360px;
    }
}

@media (max-width: 991px) {
    .homepage_players {
        padding: 100px 0;
    }

    .homepage_players_gallery {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 16px;
    }

    .homepage_player_card {
        flex: 0 0 240px;
        min-width: 240px;
        scroll-snap-align: center;
        transform: none;
    }

    .homepage_player_card.active,
    .homepage_player_card:hover {
        flex: 0 0 260px;
    }
}

@media (max-width: 575px) {
    .homepage_players {
        padding: 80px 0;
    }

    .homepage_players_label {
        font-size: 32px;
    }

    .homepage_player_card {
        min-width: 200px;
        min-height: 300px;
        border-radius: 24px;
    }
}


.homepage_about_us {
    position: relative;
    padding: 0 0 140px 0;
    overflow: hidden;
    color: #FFFFFF;
}

.homepage_about_us_separator {
    width: 100%;
    height: 100px;
    background: #002277;
    clip-path: polygon(calc(100% + 195px) 0, 0 0, 0 100%);
    pointer-events: none;
}

.homepage_about_us .container {
    position: relative;
    z-index: 1;
}

.homepage_about_us_header {
    text-align: center;
    background: #F1F1F112;
    border: 1px solid #00133D;
    padding: 40px 48px;
    margin: 100px 0 40px 0;
}

.homepage_about_us_blur {
    position: absolute;
    width: 1000px;
    height: 416px;
    left: 15%;
    top: 45%;
    background: #003399;
    border-radius: 50%;
    filter: blur(100px);
    z-index: 0;
}

.homepage_about_us_header h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
}

.homepage_about_us_header p {
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    color: #FFFFFF;
    margin: 0;
}

.homepage_about_us_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
}

.homepage_about_us_slider {
  display: none !important;
}

.homepage_about_us_slider .slick-list.draggable {
  margin-left: 20px;
}

.homepage_about_us_slider .slick-track {
  display: flex;
}

.homepage_about_us_slider .homepage_about_us_card {
  height: 227px;
}

.homepage_about_us_slider .homepage_about_us_card.slick-active {
  margin-right: 16px;
}

.homepage_about_us_card {
    padding: 36px 32px;
    background: #F1F1F112;
    border: 1px solid #00133D;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.homepage_about_us_card:nth-child(3n) {
    border-right: none;
}

.homepage_about_us_card:nth-last-child(-n + 3) {
    border-bottom: none;
}

.homepage_about_us_icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage_about_us_icon canvas,
.homepage_about_us_icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.homepage_about_us_card h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.homepage_about_us_card p {
    margin: 0;
    text-align: center;
    color: #F1F1F1B0;
    font-size: 14px;
    line-height: 22.4px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

@media (max-width: 991px) {
    .homepage_about_us_header {
        padding: 32px;
    }

    .homepage_about_us_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .homepage_about_us_card:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.12);
    }

    .homepage_about_us_card:nth-child(2n) {
        border-right: none;
    }

    .homepage_about_us_card:nth-last-child(-n + 2) {
        border-bottom: none;
    }
}

@media (max-width: 575px) {
    .homepage_about_us_header {
      padding: 0px;
      border: none;
      background: none;
      text-align: left;
    }

    .homepage_about_us_header h2 {
        font-size: 32px;
    }

    .homepage_about_us_grid {
        grid-template-columns: 1fr;
    }

    .homepage_about_us_card {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

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








#live-your-dream .container{
    max-width: 1500px; 
}

.homepage_unique_section_image_content_arrows{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 24px auto 0;
    z-index: 323456;
    position: relative;
}
.homepage_unique_section_image_content_arrow_prev,
.homepage_unique_section_image_content_arrow_next{
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage_unique_section_image_content_arrows{
    display: none;
}
.homepage_unique_section_image_first_image, .homepage_unique_section_image_second_image{
    box-shadow: 0 4px 17.2px 0 rgba(0, 0, 0, 0.02);
}
@media(max-width: 767px) {
    .homepage_unique_section_image_content_arrows{
        display: flex;
        background-color: white;
        border-radius: 20px;
    }
}

@media (max-width: 1200px) {
  .homepage_third_section_first_image {
    left: -60px;
  }
  .homepage_third_section_second_image {
    left: -20px;
  }
  .homepage_third_section_third_image {
    right: -60px;
  }
  .homepage_third_section_fourth_image {
    right: -20px;
  }
}

@media (max-width: 991px) {
  .homepage_third_section_first_image {
    left: -120px;
  }
  .homepage_third_section_second_image {
    left: -120px;
  }
  .homepage_third_section_third_image {
    right: -120px;
  }
  .homepage_third_section_fourth_image {
    right: -120px;
  }
}

.homepage_third_section_first_image,
.homepage_third_section_second_image,
.homepage_third_section_third_image,
.homepage_third_section_fourth_image {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  transform-origin: center;
}

.homepage_third_section_first_image:hover,
.homepage_third_section_third_image:hover {
  transform: scale(1.05) rotate(-3deg);
}

.homepage_third_section_second_image:hover,
.homepage_third_section_fourth_image:hover {
  transform: scale(1.05) rotate(3deg);
}

@media (max-width: 575px) {
    .homepage_about_us_grid {
      display: none;
    }
    .homepage_about_us_slider {
      display: block !important;
    }
    .homepage_about_us_blur {
      display: none;
    }
    .homepage_about_us_slider .homepage_about_us_card {
      padding: 16px 20px;
    }
    .homepage_about_us_slider .homepage_about_us_card h3,
    .homepage_about_us_slider .homepage_about_us_card p {
      text-align: left;
    }
}

@media (max-width: 768px) {
  .homepage_players_separator,
  .homepage_sixth_separator,
  .homepage_about_us_separator {
    height: 40px;
  }
  .homepage_players {
    padding: 0px;
  }
  .homepage_about_us {
    padding-bottom: 80px;
  }
}