body{
    background: #f5f2e8;
    font-family: 'Raleway';
    width: 100%;
    overflow-x: hidden;
}

.story{
    margin-top: 100px;
    padding: 80px 0px;
}

.story .mx-auto{
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.story h1{
    color: var(--lavonne-base, #412110);
    font-family: 'Raleway';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    text-align: center;
}

.story .home-img{
    height: 600px;
    align-self: stretch;
    border-radius: 24px;
}

.story p{
    color: var(--lavonne-base, #412110);
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 43.2px */
}

/* Teams */
.teams {
    padding: 80px 0px;
}

.teams .mx-auto{
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.teams .head-div{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
}

.teams .head-div h5{
    color: var(--lavonne-base, #412110);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Alverata;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.88px;
    text-transform: uppercase;
}
.teams .head-div h1{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */
}

.teams .col img{
    border-radius: 24px;
}
  
.teams .carousel-cell {
    /* width: 66%; */
    height: 500px;
    margin-right: 18px;
}
  
  /* cell number */
.teams .carousel-cell:before {
    display: block;
}

.teams .carousel-cell img{
    border-radius: 8.575px;
}



/* Levonne */
.levonne{
    padding: 80px 0px;
}

.levonne h1{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    margin-bottom: 16px;
}

.levonne p{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 43.2px */

    max-width: 720px;
}

.levonne h2{
    font-family: Alverata;
    color: var(--lavonne-base, #412110);
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 12px;
}

.levonne h6{
    color: var(--lavonne-base, #412110);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mt-56{
    margin-top: 56px;
}

/* Levonne Over the Years */
.over-years{
    padding: 80px 0px;
}

.over-years h1{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */
}

.over-years .img-div{
    display: flex;
    align-items: center;
    /* gap: 80px; */
    align-self: stretch;
    justify-content: space-between;
}

.over-years .img-div .img{
    width: 515px;
    height: 319px;
    border-radius: 28px;
    vertical-align: unset;
}

.over-years .line-div{
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-top: 80px;
}

.over-years .line-div p{
    color: var(--lavonne-base, #412110);
    text-align: center;
    font-family: Raleway;
    font-size: 17.502px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    border-radius: 400px;
    border: 1px solid rgba(65, 33, 16, 0.24);

    display: flex;
    padding: 10px 24px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.over-years .line-div img{
    width: fit-content;
}

.over-years .text-div{
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    align-self: stretch;

    max-width: 515px;
}

.over-years .text-div h2{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.over-years .text-div p{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 36px */
}

/* Become-Part  About Page*/
.become-part{
    padding: 80px 0px;
}

.become-part h1{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.become-part p{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 39.6px */

    margin-top: 24px;
    margin-bottom: 32px;
}

.become-part .work-btn{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    border-radius: 400px;
    border: 1px solid rgba(65, 33, 16, 0.12);

    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;

    width: fit-content;

    background-color: #E7E2D8;
    background-image: #E7E2D8;
    background-image: -moz-linear-gradient(top,#F5F2E8 0%, #F5F2E8 100%); 
    background-image: -webkit-linear-gradient(top,#F5F2E8 0%, #F5F2E8 100%); 
    background-image: linear-gradient(to bottom,#F5F2E8 0%, #F5F2E8 100%); 
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.become-part .work-btn:hover {
    background-position: -200%;
    transition: background 300ms ease-in-out;
}

.become-part .text-div{
    margin: auto;
}

.become-part .images-col{
    display: grid;
    justify-content: end;
}

.become-part .img-div{
    display: flex;
    align-items: center;
    gap: 22px;
}

.become-part .img-div .small-img{
    border-radius: 12px;
    max-height: 264px;
    max-width: 264px;
}

.become-part .large-img{
    border-radius: 12px;
    max-height: 264px;
    max-width: 550px;

    margin-top: 22px;
}

/* Become */
.become {
    margin: 170px 0px;
}

.become .teams {
    padding: 56px 0px;
}


.become h1{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */

    text-align: center;
}
.become .tab-pill{
    border-radius: 400px;
    border: 1px solid rgba(65, 33, 16, 0.24);

    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;

    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.become .nav-pills .nav-link.active {
    color: white;
    background-color: #412110;

    border: 1px solid #412110;
}

.become .nav-pills .nav-link {
    color: var(--lavonne-base, #412110);
    background-color: inherit;

    border: 1px solid rgba(65, 33, 16, 0.12);
}

.become .nav-pills{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    
    margin-top: 32px;
}

.become .tab-content{
    padding-top: 32px;
}

.become .tab-content .card-div{
    border-radius: 16px;
    border: 1px solid #EAECF0;
    background: #FFF;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;

    margin-bottom: 16px;
}
.become .tab-content .card-div .head-div{
    display: flex;
    align-items: flex-end;
    gap: 48px;
    align-self: stretch;
}

.become .tab-content .card-div .head-div .left-div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.become .tab-content .card-div .head-div .table-div{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.become .tab-content .card-div .head-div .table-div h5{
    color: var(--lavonne-base, #412110);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.become .tab-content .card-div .head-div h3{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 116.667% */
}
.become .tab-content .card-div .head-div h4{
    color: var(--lavonne-base, #412110);
    font-family: Alverata;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.become .tab-content .card-div .text-div{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.become .tab-content .card-div .text-div h5{
    color: var(--lavonne-base, #412110);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.become .tab-content .card-div .text-div img{
    width: 0px;
    align-self: stretch;
    stroke-width: 1px;
    stroke: rgba(65, 33, 16, 0.12);
}
.become .tab-content .card-div .text-div p{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 28.8px */
}

/* Apply Here*/
.apply{
    padding: 120px 0px;
}

.apply .text-div{
    display: flex;
    max-width: 480px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
}
.apply h1{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.apply p{
    color: var(--lavonne-base, #412110);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 36px */
}

.apply .form-div .form-control, textarea, #results{
    display: flex;
    height: 44px;
    padding: 8px 8px 16px 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    color: rgba(65, 33, 16, 0.80);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 111.111% */

    background: inherit;
    border: 0;

    border-bottom: 1px solid rgba(65, 33, 16, 0.16);

    outline: none !important;
    box-shadow: none !important;
}

.apply .form-div .form-label{
    color: rgba(65, 33, 16, 0.80);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 111.111% */

    padding-left: 12px;
}

.apply .form-check-input[type=checkbox] {
    border-color: #412110;
    border: 2px solid #412110;
    border-radius: 0px;
    background-color: #f5f2e8;

    outline: none !important;
    box-shadow: none !important;
}

.apply .form-check-input:checked {
    background-color: #412110;
    border-color: #412110;
}

.apply .form-check{
    margin-top: 56px;
    margin-bottom: 24px;
}

.pointer{
    cursor: pointer;
}

.apply .send-btn{
    border-radius: 400px;
    border: 1px solid rgba(65, 33, 16, 0.24);
    background: var(--lavonne-base, #412110);

    display: flex;
    padding: 20px 120px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    color: var(--lavonne-surface, #F5F2E8);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    width: -webkit-fill-available;
    background-color: #693c22;
    background-image: #693c22;
    background-image: -moz-linear-gradient(top,#412110 0%, #412110 100%); 
    background-image: -webkit-linear-gradient(top,#412110 0%, #412110 100%); 
    background-image: linear-gradient(to bottom,#412110 0%, #412110 100%); 
    background-size: 750px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.apply .send-btn:hover {
    background-position: 750px;
    transition: background 300ms ease-in-out;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: 25px;
    background: initial;
    background-color: #412110;
    color: #fff;
    font-size: 1em;
    padding: 10px 20px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

div:where(.swal2-container) h2:where(.swal2-title), div:where(.swal2-container) .swal2-html-container {
    color: #412110;
}

/* Mobile */

@media (max-width: 992px) { 
    .max-width {
        max-width: none;
        padding: 0px;
    }
    .story {
        margin-top: 40px;
        padding: 0;
    }

    .story h1 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        margin-bottom: 24px;
        padding-inline: 20px;
    }

    .story .mx-auto {
        gap: 0px;
    }

    .story .home-img {
        height: auto;
        align-self: stretch;
        border-radius: 0;

        height: 300px;

        margin-bottom: 0px;
    }

    .story p {
        padding-inline: 24px;

        color: var(--lavonne-base, #412110);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 36px */

        margin-bottom: 40px;
    }

    /* Teams */
    .teams {
        margin-top: 40px;
        padding: 80px 0px;
    }

    .teams .mx-auto{
        gap: 8px;
        
    }

    .teams .head-div {
        padding-inline: 24px;
    }

    .teams .head-div h5 {
        color: var(--lavonne-base, #412110);
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 2.4px;
        text-transform: uppercase;
    }

    .teams .head-div h1 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 51.2px */
    }

    .teams .carousel{
        padding-left: 0px;
    }

    .teams .carousel-cell {
        /* width: 66%; */
        height: 400px;
        margin-right: 18px;
    }
      
      /* cell number */
    .teams .carousel-cell:before {
        display: block;
    }
    
    .teams .carousel-cell img{
        border-radius: 8.575px;
        height: -webkit-fill-available;
    }

    .over-years, .become {
        overflow: hidden;
    }

    /* Levonne */
    .levonne{
        padding: 100px 24px;
    }
    .levonne h1 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .levonne p {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 36px */

        margin-bottom: 56px;
    }

    .levonne h2 {
        color: var(--lavonne-base, #412110);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Raleway;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        margin-bottom: 12px;
    }

    .levonne h6 {
        color: var(--lavonne-base, #412110);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Raleway;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .levonne .mt-56{
        margin-top: 40px;
    }

    /* over-years */
    .over-years{
        padding-inline: 24px;
    }

    .over-years .img-div {
        display: block;

        margin-top: 30px;
    }

    .over-years .line-div {
        display: flex;
        margin-top: 0;
    }
    .over-years .line-div img {
        width: fit-content;
        height: 100%;
    }

    .over-years h1 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 44.8px */

        margin-bottom: 40px;
    }
    .over-years .img-div{
        display: block;
    }

    .over-years .img-div .img {
        max-width: 90%;
        width: auto;
        height: auto;
        vertical-align: unset;
        aspect-ratio: 3/2;
        border-radius: 20px;
    }

    .over-years .text-div {
        max-width: 90%;
        padding: 0;
        gap: 8px;

        margin-top: 16px;
    }

    .over-years .text-div h2 {
        color: var(--lavonne-base, #412110);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .over-years .text-div p {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 25.2px */
    }

    .over-years .line-div p {
        color: var(--lavonne-base, #412110);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        padding: 8px 12px;
    }

    /* Become-Part  About Page*/
    .become-part{
        padding-inline: 24px;
    }

    .become-part h1{
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .become-part p{
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%;

        margin-top: 16px;
        margin-bottom: 32px;
    }

    .become-part .work-btn{
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        border-radius: 400px;
        border: 1px solid rgba(65, 33, 16, 0.12);

        display: flex;
        padding: 16px 24px;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;

        width: fit-content;

        background-color: #E7E2D8;
        background-image: #E7E2D8;
        background-image: -moz-linear-gradient(top,#F5F2E8 0%, #F5F2E8 100%); 
        background-image: -webkit-linear-gradient(top,#F5F2E8 0%, #F5F2E8 100%); 
        background-image: linear-gradient(to bottom,#F5F2E8 0%, #F5F2E8 100%); 
        background-size: 300px;
        background-repeat: no-repeat;
        background-position: 0%;
        -webkit-transition: background 300ms ease-in-out;
        transition: background 300ms ease-in-out;
    }

    .become-part .work-btn:hover {
        background-position: -200%;
        transition: background 300ms ease-in-out;
    }

    .become-part .text-div{
        margin: auto;
    }

    .become-part .images-col{
        margin-top: 32px;

        display: grid;
        justify-content: end;
    }

    .become-part .img-div{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 22px;
        margin: auto;
        width: 100%;
    }

    .become-part .img-div .small-img{
        border-radius: 12px;
        max-height: 464px;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
    }

    .become-part .large-img{
        border-radius: 12px;
        height: 264px;
        max-width: 100%;

        margin-top: 22px;
        object-fit: cover;
    }

    /* Become */

    .become {
        padding: 60px 24px;

        margin: 0px;
    }

    .become h1{
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 44.8px */
    }

    .become .nav-pills {
        margin-top: 24px;
        margin-bottom: 48px;
        gap: 12px;
    }

    .become .tab-pill {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.28px;
        text-transform: uppercase;

        padding: 12px 16px;
    }

    .become .tab-content .card-div {
        border-radius: 16px;
        border: 1px solid #EAECF0;
        background: #FFF;
        display: flex;
        padding: 20px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-self: stretch;

        margin-bottom: 12px;
    }

    .become .tab-content .card-div .head-div {
        display: block;
    }

    .become .tab-content .card-div .head-div .left-div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .become .tab-content .card-div .head-div h3 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 140% */
    }
    .become .tab-content .card-div .head-div h4 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .become .tab-content .card-div .head-div .table-div {
        display: flex;
        align-items: flex-start;
        gap: 16px;

        margin-top: 24px;
    }

    .become .tab-content .card-div .head-div .table-div h5 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.96px;
        text-transform: uppercase;
    }
    .become .tab-content .card-div .head-div .table-div img{
        height: 100%;
    }

    .become .tab-content .card-div .text-div p {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
    }
    .apply {
        padding: 80px 24px;
    }
    .apply h1 {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .apply .text-div {
        display: flex;
        max-width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        flex-shrink: 0;

        margin-bottom: 80px;
    }

    .apply p {
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 32.4px */
    }

    .apply .form-div .form-control, textarea, #results {
        display: flex;
        height: 44px;
        padding: 8px 8px 16px 8px;

        color: rgba(65, 33, 16, 0.80);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 125% */

        margin-bottom: 32px;
    }

    .apply .form-div .form-label{
        color: rgba(65, 33, 16, 0.80);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 125% */

        padding-left: 12px;
    }

    .apply .form-check {
        margin-top: 56px;
        margin-bottom: 24px;

        display: flex;
        gap: 12px;
    }

    .apply .form-check .form-check-label{
        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
    }

    .apply .send-btn {
        border-radius: 400px;
        border: 1px solid rgba(65, 33, 16, 0.24);
        background: var(--lavonne-base, #412110);
        display: flex;
        padding: 16px 120px;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;

        color: var(--lavonne-surface, #F5F2E8);
        font-family: Raleway;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        width: -webkit-fill-available;
    }
}

/* Small Devices */
@media (max-width: 576px) { 
    .teams .carousel-cell {
        width: 217px;
        height: 257px;
        margin-right: 18px;
    }
      
      /* cell number */
    .teams .carousel-cell:before {
        display: block;
    }

    .become .tab-content .card-div .head-div .table-div {
        gap: 4%;
    }
}

@media (max-width: 576px) {
    .teams .d-xxl-none{
        width: 100%;
    }
}

.input-empty::placeholder {
    color: red !important;
}

.label-empty {
    color: red !important;
}