:root {
    --bg-color: #FFF5EB;
    --title-color: #0E4D82;
    --blue-dark: #0E436F;
    --subTitle-color: #1C71B7;
    --gray-dark: #454953;
    --green-light: #38A74B;
    --green-mid: #339C61;
    --similar-green: #36A353;
    --similar-blue: #2D7FF9;
    --green-dark: #2B9177;
    --blue-light: #27868E;
    --white-color: #fff;
    --black-color: #343434;
    --error-color: #FA9696;
}

@font-face {
    font-family: 'Assistant';
    font-style: regular;
    font-weight: 400;
    font-display: regular;
    src: url('../fonts/Assistant-Regular.ttf') format('truetype');

}

body {
    background-color: var(--bg-color);

}

* {
    font-family: 'Assistant';
}

a {
    text-decoration: none;
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    margin: 0px;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

.container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.header.header-mobile .flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.knowledge {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.header-mobile .flex-row div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 0.7rem;
    color: var(--title-color);
    background-color: rgba(217, 217, 217, 0.6);
    font-size: 19px;
    padding: 0.5rem 1rem;
    font-weight: 700;
    border-radius: 20px;
}

.header.header-desktop,
.header.header-mobile {
    background-color: rgb(217, 217, 217, 0.6);
    height: 109px;
    border-radius: 70px;
    -webkit-backdrop-filter: blur(10px);
    /* Added vendor prefix */
    width: 90%;
    margin: 1rem auto;
    position: fixed;
    z-index: 10;
    left: 50%;
    transform: translate(-50%);

}

.header {
    transition: all 0.5s ease;
}

.blur.header {
    backdrop-filter: blur(10px);

    transition: all 0.5s ease;

}

.top-0.header {
    margin-top: 0;
}

.header.header-desktop .header-content,
.header.header-mobile .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 96%;
    margin: 0 auto;
    background-color: transparent;
}

.header.header-desktop .header-content .flex-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
}

.last-page .our-partner .content .partners .grid-container .col img {
    cursor: pointer;
}

.header.header-desktop .header-content .button,
.container-list .button {
    color: var(--white-color);
    background-color: var(--green-light);
    padding: 0.5rem 2rem;
    border-radius: 20px;
}

.title-special {
    font-size: 34px !important;
}

.para-special {
    max-width: 33rem !important;
    margin-left: 5% !important;
}

.more-special {
    width: 70px !important;
    font-size: 13px !important;
}

.header-mobile {
    height: fit-content !important;
}

.btn.less {
    margin-top: 1rem !important;
}

.header-mobile .header-content {
    position: relative;
}

.container-list {
    position: absolute;
    top: 8.4rem;
    border-radius: 10px;
    background-color: rgba(217, 217, 217, 0.6);
    width: 90%;
    /* height: fit-content; */
    padding: 4rem 0;
    display: none;
    z-index: 11;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%);
    backdrop-filter: blur(10px);
    /* backdrop-filter: blur(10px); */
    overflow-y: scroll;
    -webkit-backdrop-filter: blur(10px);
    /* Added vendor prefix */
}

.container-list .close {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: 3rem;
    position: relative;
    top: -2rem;
}

.container-list .flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.container-list .flex-column a {
    text-decoration: none;
    color: var(--title-color);
    font-weight: 700;
    font-size: 20px;
}

.header.header-desktop .header-content a,
.header-mobile .header-content a {
    font-weight: 700;
    font-size: 19px;
    color: var(--title-color);
    text-decoration: none;
    cursor: pointer;
}

.header-mobile .hum-icon img {
    cursor: pointer;
}

.no-scroll {
    overflow: hidden;
}

.h-100 {
    height: 100vh;
    top: 5rem !important
}

.home-page .banner,
.get_involved .banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    position: relative;
    top: 12rem;
}

.home-page .banner .title,
.get_involved .banner .title {
    font-size: 45px;
    font-weight: 700;

    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;

}

.get_involved .banner .title {
    width: 70%
}

.home-page .banner .title {
    width: 43%;
}

.home-page .banner .title span {
    padding: 0.4rem;
}

.home-page .banner .title span,
.get_involved .banner .title span {

    border-radius: 5px;
    background-color: rgba(51, 156, 97, 0.4);
}

.get_involved .banner .title span {
    padding: 0.3rem;
}

.home-page .banner .descript,
.get_involved .banner .descript {
    width: 90%;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 35.35px;
    max-width: 1400px;
}

.home-page .banner .flex-row {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}

.home-page .banner .flex-row .flex-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 50%
}

.home-page .banner .flex-row .flex-column .title {
    font-size: 35px;

}

.home-page .banner .flex-row .flex-column .dark-color {
    color: var(--gray-dark);
    width: 60%;
    margin: 0 auto;
    font-size: 22px;
    padding: 0.5rem 0;
}

.home-page .stats-section {
    width: 90%;
    margin: 0rem auto 8rem auto;
}

.home-page .stats-section .title {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
}

.home-page .stats-section .grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    margin: 4rem 0;
}

.home-page .stats-section .grid-container .col {

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 4px 8px rgba(217, 217, 217, 0.6);
    width: calc(100% - 1rem);
    height: calc(100px - 2rem);
}

.home-page .stats-section .grid-container .center .col {
    box-shadow: none;
    height: 100%
}

.home-page .stats-section .grid-container .first-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-column: span 2;
    gap: 6rem;



}

/* .home-page .stats-section .grid-container .first-column .col{
   
    width: 400px;
} */

.home-page .stats-section .grid-container .center {
    grid-column: span 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home-page .stats-section .grid-container .center .col {
    flex-direction: column;
}

.home-page .stats-section .grid-container .center .desc,
.home-page .stats-section .grid-container .center .title {
    color: var(--green-mid) !important;
    font-weight: 700;
    font-size: 30px
}

.home-page .stats-section .grid-container .col .title {

    color: rgba(4, 126, 176, 0.69)
}

.home-page .stats-section .grid-container .col .desc {
    padding: 0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-page .initiative-section {
    margin-top: 2rem;
    background-color: rgba(221, 162, 102, 0.35);
    padding: 1rem;
}

.home-page .initiative-section .flex-column {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.home-page .initiative-section .title {
    font-size: 35px;
    font-weight: 700;
    color: var(--title-color);
    text-align: center;

}

.home-page .initiative-section .desc {
    font-size: 20px;
    line-height: 35.35px;
}

.home-page .objectives {
    width: 90%;
    margin: 4rem auto 0;
}

.home-page .objectives .title {
    font-size: 35px;
    font-weight: 700;
    color: var(--green-dark);
    max-width: 1400px;
    margin: 0 auto;

}

.home-page .objectives .grid-container {
    width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 250px);
    gap: 40px;
    justify-content: center;
    margin-top: 2rem
}

.home-page .objectives .grid-container .col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #39A8494D;
    border-radius: 20px;
    padding: 4rem 2rem;
    text-align: center;
    position: relative;
}

.home-page .objectives .grid-container .col img {
    width: 115px;
    position: relative;
    top: -2rem;
}

.home-page .objectives .grid-container .col::before {
    content: "";
    position: absolute;
    background-image: url(../images/after-border.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 145px;
    height: 191px;
    transform: rotate(180deg);
    left: 0;
    top: -4px;

}

.home-page .objectives .grid-container .col::after {
    content: "";
    position: absolute;
    background-image: url(../images/after-border.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 145px;
    height: 191px;
    right: -6px;
    bottom: 0;

}

.footer {
    background-color: var(--subTitle-color);
    overflow: hidden;
}

.footer .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 90%;
    justify-content: center;
    margin: 0 auto;
    gap: 2rem
}

.footer .grid-container .col {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.footer .grid-container .col.links.row {
    flex-direction: row;
    align-items: center;
}

.footer .grid-container .col.two-span {
    grid-column: span 2;
    /* gap: 2rem */
}

.footer .grid-container .col.links div,
.footer .grid-container .col.two-span div {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: var(--white-color);
}

.footer .grid-container .col.two-span div {
    font-weight: bold;
    /* font-size: 2rem; */
}

.footer .grid-container .col.links a,
.footer .grid-container .col.two-span a {
    color: var(--white-color)
}

.footer .grid-container .col.links .two-span {
    font-size: 33px;
}

.footer .grid-container .col.links {
    align-items: flex-start;
    gap: 2rem;

}

.footer .grid-container .col.links div.rights {
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 0.5rem
}

.footer .grid-container .col.two-span div {
    color: var(--white-color)
}

.footer-content {
    padding: 2rem 0;
}

.all-rights span {
    font-weight: 900;
    color: var(--title-color)
}

.all-rights .first {
    color: var(--title-color)
}

.get_involved.support .become-sponser {
    width: 100%;
    margin: 6rem 0 0 0;
}

.get_involved .reach-us {
    width: 100%;
    margin: 7rem auto;
    background: var(--blue-light)99;
}

.get_involved .become-sponser .content,
.get_involved .reach-us .content {
    width: 80%;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.get_involved .become-sponser .content .title,
.get_involved .reach-us .content .title {
    font-size: 32px;
    font-weight: 700;
    padding-top: 1rem;
    color: var(--title-color);
}

.get_involved .become-sponser .content .desc,
.get_involved .reach-us .content .desc {

    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.get_involved .become-sponser .content .container-form,
.get_involved .reach-us .content .container-form {
    width: 90%;
    margin: 0 auto;
}

.get_involved .become-sponser .content .container-form form,
.get_involved .reach-us .content .container-form form {
    width: 90%;
    margin: 0 auto;
}

.get_involved .become-sponser .content .container-form form .grid-container,
.get_involved .reach-us .content .container-form form .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    row-gap: 20px;
}

.get_involved .become-sponser .content .container-form form .grid-container .col,
.get_involved .become-sponser .content .container-form form .grid-container .two-col,
.get_involved .reach-us .content .container-form form .grid-container .two-col,
.get_involved .reach-us .content .container-form form .grid-container .col {
    background: var(--white-color);
    width: 100%;
    border-radius: 20px;
    /* grid-column: span 1; */
}

form input {
    border-radius: 20px;
}

form textarea {
    resize: none;
}

.get_involved .become-sponser .content .container-form form .grid-container .col input,
.get_involved .become-sponser .content .container-form form .grid-container .two-col input,
.get_involved .reach-us .content .container-form form .grid-container .two-col input,
.get_involved .reach-us .content .container-form form .grid-container .col input,
.get_involved .reach-us .content .container-form form .grid-container .two-col textarea {
    outline: none;
    border: none;
    background: transparent;
    padding: 1rem 1rem;
    width: 90%;
    font-size: 19px;
}

.get_involved .reach-us .content .container-form form .grid-container .two-col textarea {
    height: 120px;
}

.last-page .reach-us .content .container-form form .grid-container .two-col textarea {
    height: 120px;
}

.get_involved .become-sponser .content .container-form form .grid-container .col input::placeholder,
.get_involved .become-sponser .content .container-form form .grid-container .two-col input::placeholder,
.get_involved .reach-us .content .container-form form .grid-container .two-col input::placeholder,
.get_involved .reach-us .content .container-form form .grid-container .col input::placeholder,
.get_involved .reach-us .content .container-form form .grid-container .two-col textarea::placeholder,
.last-page .become-sponser .content .container-form form .grid-container .two-col textarea::placeholder {
    color: var(--subTitle-color);
    font-size: 19px;
}

.get_involved .become-sponser .content .container-form form .grid-container .two-col,
.get_involved .reach-us .content .container-form form .grid-container .two-col {
    grid-column: span 2;
    /* width: calc(100% - 40px); */
}

.last-page .become-sponser .content .container-form form .grid-container .two-col {
    grid-column: span 2;
    /* width: calc(100% - 40px); */
}

.get_involved .become-sponser .content .container-form form .submit-button,
.get_involved .reach-us .content .container-form form .submit-button {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    /* padding: 0.5rem 1rem; */
    margin-bottom: 1.3rem;
}

.get_involved .become-sponser .content .container-form form .submit-button button,
.get_involved .reach-us .content .container-form form .submit-button button {
    background: var(--subTitle-color);
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 22px;
    color: var(--white-color);
    padding: 0.3rem 3rem;
}

.get_involved .subscribe {
    margin-top: 16rem;

}

.get_involved .subscribe .content {
    background-color: rgba(221, 162, 102, 0.35);
    width: 100%;
    padding: 1.5rem 0;
}

.get_involved .subscribe .content .flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.get_involved .subscribe .content .flex-column .desc {
    width: 80%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}

.get_involved .subscribe .content .flex-column .form-subscribe {
    background: var(--white-color);
    border-radius: 20px;
    border: 1px solid var(--similar-blue);
    width: 430px;
    margin: 0 auto
}

.get_involved .subscribe .content .flex-column .form-subscribe form {
    width: 100%
}

.get_involved .subscribe .content .flex-column .form-subscribe form .flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.get_involved .subscribe .content .flex-column .form-subscribe form .flex-row input {
    outline: none;
    border: none;
    background: transparent;
    font-size: 20px;
    padding: 0.8rem;
    width: 80%;
    margin: 0 auto;
}

.get_involved .subscribe .content .flex-column .form-subscribe form .flex-row button {
    padding: 0.7rem;
    font-size: 20px;
    background: var(--title-color);
    border: none;
    border-radius: 20px;
    color: var(--white-color);
    height: 100%;
}

.last-page .container-banner {
    position: relative;
    height: 100vh
}

.last-page .container-banner .flex-column {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    position: relative;
    top: 43%;
    flex-direction: column;
    width: 85%;
    margin: 0 auto;
    justify-content: flex-end;
    align-items: flex-end;
}

.last-page .container-banner .flex-column .green {
    font-size: 39px;
    width: 390px;
    color: var(--similar-green);
    font-weight: 600;
}

.last-page .container-banner .flex-column .inside-col {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.last-page .container-banner .flex-column .title {
    color: var(--blue-light);
    font-weight: 700;
    font-size: 36px;

}

.last-page .container-banner .flex-column .desc {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--title-color);
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
}

.last-page .container-banner .flex-column .desc img {
    width: 33px
}

.last-page .container-banner::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(../images/Rectangle-105.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    z-index: 0;
    background-attachment: fixed;
}

.last-page.principles-pages .before-img .container-banner::before {
    background-image: url(../images/Rectangle-105.png) !important;
}

.before-img.container-banner .img-principles {
    display: none !important;
}

.last-page .about-section {
    position: relative;
}

/* .last-page .about-section::before {
    position: absolute;
    content: "";
    left: 0;
    background-image: url(/images/circle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 1440px;
    width: 100%;
    top: -52rem;
    z-index: -1;

} */

.last-page .about-section .flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;

    top: 3rem;
}

.last-page .about-section .flex-column .title {
    font-size: 100px;
    font-weight: 700;
    color: var(--title-color);
    text-align: center;

}

.last-page .about-section .flex-column .title span {
    color: var(--title-color);
    opacity: 0.3;
    font-size: 38px;
    position: relative;
    top: -2rem;
}

.last-page .about-section .flex-column .desc {
    color: var(--black-color);
    width: 59%;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;

}

.last-page .about-section .flex-column .know-more {
    margin-bottom: 12rem;
    background-color: var(--blue-light);
    color: var(--white-color);
    border-radius: 60px;
    padding: 0.5rem 2rem;
    cursor: pointer;
    margin-top: 1rem;
}

.last-page .our-partner {
    width: 100%
}

.last-page .our-partner .content {
    width: 100%;
    margin: 0 auto
}

.last-page .our-partner .content .title {
    font-size: 50px;
    font-weight: 700;
    /* padding-top: 1rem; */
    color: var(--title-color);
    width: 90%;
    margin: 0 auto;

}

.last-page .our-partner .content .partners {
    width: 100%;
    position: relative;
}

.last-page .our-partner .content .partners .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    position: relative;
    gap: 0;
    width: 95%;
    margin: 5rem auto;
}

.last-page .our-partner .content .partners::before {
    position: absolute;
    content: "";
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 3px;
    top: -2rem;


}

.last-page .our-partner .content .partners .grid-container .col.flex-row img {
    height: 50px
}

.last-page .partners .pos {
    position: absolute;
    right: 5%;
    top: -6rem;
    color: var(--white-color);
    padding: 0.5rem 0rem;
    font-weight: 700;
}

.last-page .our-partner .content .partners .grid-container .col {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.last-page .our-partner .content .partners .grid-container .col::before {
    background-image: url(../images/circle-before.svg);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: -2.6rem;
}

.reveal {
    /* opacity: 0;
    position: relative; */
    /* Initially hide sections */
    /* transform: translateY(150px); */
    /* Move sections down slightly */
    /* transition: opacity 0.5s ease, transform 0.5s ease; */
}

.reveal.show {
    /* opacity: 1; */
    /* Show sections with fade-in effect */
    /* transform: translateY(0); */
    /* Reset vertical position */
}

.last-page .container-banner .flex-column {
    z-index: 8;
}

html {
    scroll-behavior: smooth;
}

.last-page .our-partner .content .partners .grid-container .col img {
    width: 250px;
    height: 55px
}

.last-page .our-partner .content .partners .grid-container .col .flex-row {
    display: flex;

}

.last-page .our-partner .content .partners .grid-container .col.flex-row img {
    width: 60px
}

.last-page .partners .pos.pop-up .content-pos .flex-column img {
    height: fit-content
}

.last-page .our-partner .content .partners .grid-container .col.flex-row p {
    text-align: center;
    position: relative;
    left: 0rem;
    width: 105px;
    padding: 0;
    margin: 0;

}

.home-page .banner .flex-row .flex-column .dark-color {
    text-align: center;
}

.last-page .save-section {
    width: 100%;

}

.last-page .save-section .content {
    width: 80%;
    margin: 0 auto;
    background-image: url(../images/frame-85.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 55rem;
    border-radius: 44px;
    position: relative;
}

.last-page .partners .pos.Knowledge {
    padding: 0.5rem 2rem !important;
}

.last-page .about-section .flex-column a {
    text-decoration: none;
}

.last-page .save-section .content::before {
    content: "";
    ;
    position: absolute;
    border-radius: 44px;
}

.last-page .save-section .content .flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 12rem;
    gap: 1.8rem
}

.last-page .save-section .content .flex-column .title {
    color: #FFD3A3;
    font-weight: 700;
    font-size: 50px;

}

.last-page .save-section .content .flex-column .link {
    color: var(--white-color)
}

.last-page .save-section .content .flex-column .link a {
    font-weight: 700;
    color: #A7E5FE
}

.last-page .save-section .content .flex-column .desc {
    color: var(--white-color);
    font-size: 22px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.last-page .save-section .content .flex-column form {
    width: 100%
}

.last-page .save-section .content .flex-column form .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    width: 80%;
    margin: 0 auto;
    gap: 45px;
    row-gap: 25px;
    margin-top: 2rem;
}

.last-page .save-section .content .flex-column form .grid-container .col {
    width: 88%;
    background: var(--white-color);
    padding: 0.8rem;
    border-radius: 30px;
    margin: 0 auto
}

.img-background {
    display: none;
}

.last-page .save-section .content .flex-column form .grid-container .col input,
.last-page .save-section .content .flex-column form .grid-container .col textarea {
    background: transparent;
    border: none;
    outline: none;
    padding: 0 1rem;
    width: 80%;
    margin: 0 auto;
    font-size: 20px;
}

.select {
    outline: none;
    border: none;
    background: transparent;
    padding: 1rem 1rem;
    /* width: 180px; */
    color: var(--subTitle-color);
    font-size: 19px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .select .img{
    transform: rotate(-90deg);
} */
/* .select .img.rotate{
    transform: rotate(-90deg);
} */
.options {
    background: white;
    padding: 1rem 1rem;
    /* width: 180px; */
    color: var(--subTitle-color);
    font-size: 19px;
    display: none;
    position: absolute;
    z-index: 111;
    width: calc(100% - 2rem);
    top: 3.8rem;
    border-radius: 20px;
}

/* .options::before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    background-color: red;
} */
.options.border {
    border-radius: 20px;
}

.industry {
    width: 100%;
}

/* .options::before{
    content:"";
    position: absolute;
    width:10px;
    height:10px;
    background-color: red;
} */
.options .option {
    padding: 1rem;
}

.selectIndustry+.required-asterisk {
    left: 192px !important
}

.last-page .save-section .content .flex-column form .grid-container .col input::placeholder,
.last-page .save-section .content .flex-column form .grid-container .col textarea::placeholder {
    color: var(--subTitle-color);
    font-size: 20px;
    font-weight: 700;
}

.popup-content img {
    max-width: 351px;
    max-height: 140px;
}

.last-page .save-section {

    margin-top: 10rem;
    position: relative;
    z-index: -1;
}

.last-page .save-section .content .flex-column form .grid-container .col textarea {
    height: 150px
}

.last-page .save-section .content .flex-column form .button {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.last-page .save-section .content .flex-column form .button button {
    border: none;
    padding: 0.5rem 3.5rem;
    color: var(--white-color);
    font-weight: 700;
    font-size: 23px;
    background-color: var(--blue-dark);
    border-radius: 30px;
    text-align: center;
}

.last-page.container .content {
    position: relative;
    z-index: 1;
}


.next-prev {
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translate(-50%);
    background: rgb(0, 0, 0, 0.8);
    border-radius: 40px;
    padding: 0.5rem 1rem;
}


/* 
.swiper-button-next:after {
    background-image: url(/images/next_svgrepo.com.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;

} */

/* .swiper-button-next,
.swiper-button-prev {
    top: 43rem !important
} */

/* .swiper-button-prev:after {
    background-image: url(/images/next_svgrepo.com.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    transform: rotate(-180deg);

} */

/* .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}

.swiper-button-next {
    right: 47% !important
}

.swiper-button-prev {
    left: 47% !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;
} */

.last-page .partners .pos.pop-up {
    width: 100%;
    /* height: 100%; */
    position: fixed;
    /* background-color: rgba(227, 243, 255, 0.5); */
    /* top: 0; */
    right: 0;
    z-index: 100;
    display: none;
}

.last-page .partners .pos.pop-up .content-pos {
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    margin: auto;
    border: 1px solid #39A849;
    background-color: #E3F3FF;
    position: relative;
}

.last-page .partners .pos.pop-up .content-pos .flex-column {
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
    width: 85%;
    margin: 3rem auto;
    align-items: center;
    gap: 1rem
}

.last-page .partners .pos.pop-up .content-pos .flex-column img {
    width: 600px;
    text-align: center;
    position: relative;
}

.last-page .partners .pos.pop-up .content-pos .flex-column img.image-special {
    width: 400px;
}

.last-page .partners .pos.pop-up .content-pos .flex-column .desc {
    color: var(--gray-dark);
    font-size: 20px;
    margin-top: 2rem;
}

.last-page .partners .pos.pop-up .learn {
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 30px;
    color: var(--white-color);
    padding: 0.5rem 2rem;
    background-color: var(--blue-dark);
}

.last-page .partners .pos.pop-up .abs {
    position: absolute;
    top: 2rem;
    right: 2rem
}

.last-page .partners .pos.pop-up .abs .close {
    width: 20px !important;
    height: 20px
}

.last-page .Knowless {

    display: none;
    position: absolute;
    top: 11rem;
    /* width: 47% !important; */


}

.last-page .swiper .swiper-slide .flex-row .flex-column div.desc-more {
    font-size: 17px !important;
    color: var(--blue-dark);
    text-align: left;
}

div.desc-more-special {
    font-size: 15px !important;
    width: 85% !important;
    margin-left: 5% !important;
}

.last-page .swiper .swiper-slide .flex-row .flex-column div.btn {
    margin: 0
}

.last-page .Knowless .btn {
    margin-top: 1rem;

}

.btn {
    cursor: pointer;
}

.order {
    font-size: 33px !important;
    max-width: 31rem;
}

.last-page .container-banner .flex-column .title.flex-row {
    display: flex;

    gap: 0.8rem;
    align-items: center;
    color: var(--similar-green) !important;
    font-weight: 700;
    font-size: 55px;
    width: 600px;
    padding: 0.8rem;
    background-color: rgba(255, 255, 255, 0.7);
}

.last-page .container-banner .flex-column .blue-text.bold {
    color: var(--title-color);
    font-size: 45px;
    font-weight: bold;
    width: 600px;
    background-color: rgba(255, 255, 255, 0.7);

}

.last-page .container-banner .flex-column .blue-text {
    color: var(--title-color);
    font-size: 40px;
    padding: 0.2rem 0.8rem;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.7);

}

.last-page .container-banner .flex-column .blue {
    font-size: 30px;
    color: var(--title-color);
    font-weight: 500;
    width: 328px;
}

.last-page .container-banner .flex-column .blue-text.flex-row {
    display: flex;
    justify-content: center;
    position: relative;
}

.list-show {
    position: absolute;
    right: -3.3rem;
    top: -0.05rem;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0.8rem;

}

.list-show ul {
    position: absolute;
    transition: max-height 0.5s ease;
    /* display: none; */
    max-height: 0;
    width: 600px;
    top: -2.49rem;
    /* padding: 0 0.8rem; */
    /* transition: all 0.3s ease; */
    left: 0rem;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
}

.list-show ul.show {
    max-height: 400px;
    /* Set a value larger than your content's height */
}

.list-show ul li {
    font-size: 25px;
    font-weight: 600;
    padding: 0.8rem;
    position: relative;
}

.list-show ul li::before {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: var(--green-dark);
    content: "";
    left: -1.6rem;
    top: 1.4rem;
}


.read-btn {
    background-color: var(--similar-green);
    /* position: absolute; */
    border-radius: 30px;
    padding: 10px;
    color: var(--white-color);
    text-align: center;
    width: 327px;
    font-size: 25px;
    font-weight: 700;
}

.read-btn .flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    color: var(--white-color);
    padding: 0.5rem 1.5rem;
    font-size: 22px;
}

.read-btn .flex-row img {
    width: 25px
}

.manifesto-section {
    height: fit-content;
    background-color: rgba(217, 217, 216, 0.5);
    width: 100%;
    margin: 0 auto
}

.manifesto-section .title {
    font-weight: bold;
    font-size: 50px;
    width: 80%;
    margin: 0 auto;
    color: var(--blue-light);
    padding: 3rem 0;
    text-align: center;

}

.manifesto-section .content {

    /* align-items: center; */
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: 0 auto;
    padding: 2rem 0;
}

.manifesto-section .content .flex-column {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    width: 45%;
    color: var(--title-color)
}

.manifesto-section .line,
.safety_list .line {
    background-color: var(--bg-color);
    width: 70%;
    margin: 0 auto;
    height: 1px
}

.manifesto-section .title-sec {
    color: var(--white-color);
    font-size: 28px;
    font-weight: 600;
    height: 100px;
    position: relative;
    top: 3rem;

}

.manifesto-section .content .flex-column:last-child {
    background-color: var(--title-color);
    color: var(--white-color);
    /* justify-content: center; */
    align-items: center;

    width: 30%;
    height: 370px
}

.download-box.flex {

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


}

.download-box {
    cursor: pointer;
    color: var(--white-color);
    width: 62%;
    height: 42px;
    margin: 0 auto;
    background-color: #009CDC;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    position: relative;

}

.download-box .language {
    display: none;
    color: var(--white-color);
    width: 100%;
    height: 120px;
    background-color: #009CDC;
    position: absolute;
    z-index: 11;
    left: 0;
    top: 57px
}

.download-box:last-child {
    margin-bottom: 2rem;
}

.download-box:hover .language {
    display: block;
}

.download-box .flex-row {
    display: flex;
    gap: 1rem;
    padding: 0.5rem;
    align-items: center;
}

.download-box .flex-row div {
    color: white
}

.download-box .flex-row img {
    width: 20px
}

.safety_list {
    background-color: var(--bg-color);
    padding: 13rem 0 5rem 0;
}

.safety_list .content {
    width: 90%;
    margin: 0 auto;
}

.safety_list .content ol {
    display: grid;
    padding-left: 0;
    justify-content: center;
}

.safety_list .content .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    column-gap: 1.5rem;

}

.safety_list .content .grid-container li {
    grid-column: span 1;
    list-style-type: none;
    height: 500px;
    width: 500px
}

.safety_list .content .grid-container li .col {
    position: relative;
    height: 100%;
    width: 100%
}

.safety_list .content .grid-container li .col .title {
    position: relative;
    /* top: 0rem; */
    display: flex;
    justify-content: center;
    gap: 1rem;
    font-size: 23px;
    color: var(--white-color);
    font-weight: bold;
    padding: 1.5rem;
    z-index: 11111;
}

.safety_list .content .grid-container li .col .title .number {
    font-size: 40px;
    color: var(--white-color);
    font-weight: bold;
}

.safety_list .content .grid-container li:hover .hover-section {
    display: block;
}

.safety_list .content .grid-container .hover-section {
    display: none;
    position: relative;
    z-index: 111111;
    transition: all 0.4s ease-in-out;
    margin-top: 3rem
}

.safety_list .content .grid-container .hover-section .flex-row {
    position: absolute;
    z-index: 1111;
    bottom: -3rem;
}

.hover-focus {
    height: 250px
}

.safety_list .content .grid-container .hover-section .line {
    background-color: var(--bg-color);
    width: 100%;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
    height: 1px;
}

.safety_list .content .grid-container li:hover .line {
    display: block;
}

.safety_list .content .grid-container li:hover .col {
    /* background-color: var(--blue-dark) !important; */
    /* transition: background-color 0.7s ease-in-out,background-image 0.7s ease-in-out; */
    color: white !important;
    /* background-image: none !important; */
}

.safety_list .content .grid-container li:hover .overlay {
    background-image: none;
    /* background-color: #28715D!important; */
    transition: background-color 0.4s ease-in-out, background-image 0.4s ease-in-out;
}

.safety_list .content .grid-container li.item0:hover .col .overlay {
    background-image: none;
    background-color: #28715D !important;
}

.safety_list .content .grid-container li.item0:hover .hover-focus {
    color: white !important;
}

.safety_list .content .grid-container li.item4:hover .hover-focus {
    color: white !important;
}

.safety_list .content .grid-container li.item1:hover .col .overlay {
    background-image: none;
    background-color: #D7A977 !important;
}

.safety_list .content .grid-container li.item1:hover .col .title {
    color: #575258 !important
}

.safety_list .content .grid-container li.item1:hover .col .hover-focus {
    color: #575258 !important
}

.safety_list .content .grid-container li.item1:hover .col .number {
    color: #575258 !important
}

.safety_list .content .grid-container li.item2:hover .col .overlay {
    background-image: none;
    background-color: #DCB78D !important;
}

.safety_list .content .grid-container li.item2:hover .col .title {
    color: #172B25 !important
}

.safety_list .content .grid-container li.item2:hover .col .number {
    color: #172B25 !important
}

.safety_list .content .grid-container li.item2:hover .col .hover-focus {
    color: #172B25 !important
}

.safety_list .content .grid-container li.item3:hover .col .overlay {
    background-image: none;
    background-color: #DBA15B !important;
}

.safety_list .content .grid-container li.item3:hover .col .hover-focus {
    color: #485B4E !important
}

.safety_list .content .grid-container li.item3:hover .number {
    color: #485B4E !important
}

.safety_list .content .grid-container li.item3:hover .col .title {
    color: #485B4E !important
}

.safety_list .content .grid-container li.item4:hover .col .overlay {
    background-image: none;
    background-color: #469B7E !important;
}

.home-page .stats-section .grid-container .first-column .title {
    padding-left: 1rem
}

.home-page .stats-section .grid-container .first-column {
    text-align: center;
}

.hover-focus {
    margin-top: 3rem;
    margin-bottom: 0.5rem;
}

.safety_list .content .grid-container li:hover .overlay {
    transition: all 0.4s ease-in-out;
    opacity: 1;
    height: 100%;
}

/* .safety_list .content .grid-container li .col{
    transition: background-color 0.7s ease-in-out,background-image 0.7s ease-in-out;
    
} */
.safety_list .content .grid-container li .line {
    display: none;
}

.safety_list .content .grid-container li .col .hover-section {
    width: 90%;
    margin: 0 auto
}

/* .safety_list .content .grid-container a:nth-child(2) {
    margin-top: 5rem;
}
.safety_list .content .grid-container a:nth-child(3) {
    margin-top: -11rem;
}
.safety_list .content .grid-container a:nth-child(4) {
    margin-top: -1rem;
}
.safety_list .content .grid-container a:nth-child(5) {
    margin-top: -11rem;
}
*/
.safety_list .content .grid-container a {
    margin-top: -5rem;
}

.safety_list .content .grid-container img.main-img {
    width: 500px;
    margin: 0 auto;
    height: 450px;
    position: absolute;
    z-index: -1;
    object-fit: cover;
}

.safety_list .content .grid-container .flex-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    position: absolute;
    bottom: 0.8rem;
    right: 1.5rem
}

.safety_list .content .grid-container .flex-row img {
    display: flex;
    justify-content: flex-end;

    gap: 1rem;
    align-items: center;
    padding: 0.5rem;
    width: 25px;
    height: 25px;
    margin: 0 0
}

.safety_list .content .grid-container .desc {
    width: 85%;
    margin: 0 auto;
    color: var(--white-color);
    font-size: 19px;
    padding: 1rem 0;
    display: none;
    margin-top: 2rem;
}

.why_now .content {
    width: 100%;
    margin: 0 auto;
    padding: 5rem 0;
    background-color: var(--blue-light);
}

.why_now .content .main-title {
    color: var(--white-color);
    font-weight: bold;
    font-size: 30px;
    width: 80%;
    margin: 0 auto;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 4rem;
}

.why_now .content .flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 90%;
    margin: 0 auto;
}

.why_now .content .flex-container .col {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    position: relative;
    padding: 1.5rem;
    border: 1px solid var(--bg-color);
    width: 310px;
    height: 400px
}

/* .why_now .content .flex-container .col::before{
    content: "";
    position: absolute;
    background-image: url(/images/before-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 168px;
    height: 184px;
    top: -2rem;
    left: -2rem;

}
.why_now .content .flex-container .col::after{
    content: "";
    position: absolute;
    background-image: url(/images/before-line.svg);
    transform: rotate(180deg);
    background-position: center;
    background-repeat: no-repeat;
    width: 168px;
    height: 184px;
    bottom: -2rem; 
    right: -2rem; 
} */
.why_now .content .flex-container .col .title {
    font-size: 22px;
    position: relative;
    font-weight: 600;
    color: #FFE5CC;
    height: 90px
}

/* .why_now .content .flex-container .col .title:after{
    position: absolute;
    content:"";position: absolute;
    content: "";
    height: 1px;
    width: 300px;
    
    background-color: #FFE5CC;
    bottom: -1rem;
    left: 0;
} */
.why_now .content .flex-container .col .desc {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
}

.in_practice .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60%;
    margin: 0 1rem;

}

.in_practice .content {
    padding: 3rem 0;
}

.in_practice .swiper-slide.swiper-slide-active img {
    /* width:100% !important */
    transform: scale(1.2);
}

.in_practice .swiper-slide img {
    width: 80%;
    margin: 0 auto
}

.in_practice .main-title {

    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 27px;
    font-weight: bold;
    color: var(--title-color);
}

.swiper-slide.swiper-slide-active .title {
    position: relative;
    margin-top: 2rem
}

.in_practice .swiper-slide .title {
    color: var(--blue-light);
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.in_practice .swiper-slide .desc {
    color: var(--title-color);
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.swiper-practice {
    margin-top: 3rem
}

.in_practice .swiper-slide .flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    color: rgba(28, 113, 183, 0.47)
}

.in_practice {
    padding-bottom: 5rem;
}

.last-page .become-sponser {
    width: 100%;
    background-image: url(../images/save-lives.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3rem 0;
}

.last-page .become-sponser .content {
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.last-page .become-sponser .content .title {
    font-size: 37px;
    font-weight: bolder;
    padding: 1rem 0;
    color: var(--green-mid);
}

.last-page .become-sponser .content .desc {
    color: var(--title-color);
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem 0;
}

.last-page .become-sponser .content .container-form,
.last-page .become-sponser .content .container-form form {
    width: 84%;
    margin: 0 auto;
}

.last-page .become-sponser .content .container-form form .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    row-gap: 20px;
}

.last-page .become-sponser .content .container-form form .grid-container .col,
.last-page .become-sponser .content .container-form form .grid-container .two-col {
    background: var(--white-color);
    width: 100%;
    border-radius: 20px;
}

.last-page .become-sponser .content .container-form form .grid-container .col input,
.last-page .become-sponser .content .container-form form .grid-container .two-col input,
.last-page .become-sponser .content .container-form form .grid-container .two-col textarea {
    outline: none;
    border: none;
    background: transparent;
    padding: 1rem 1rem;
    /* width: 180px; */
    color: var(--subTitle-color);
    font-size: 19px;
}

.last-page .become-sponser .content .container-form form .grid-container .col input::placeholder,
.last-page .become-sponser .content .container-form form .grid-container .two-col input::placeholder {
    color: var(--subTitle-color);
    font-size: 19px;
}

.last-page .content .container-form form .grid-container .two-col:last-child {
    height: 170px;
    display: flex;
}

.last-page .content .container-form form .submit-button {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    /* padding: 0.5rem 1rem; */
    margin-bottom: 1.3rem;
}

.last-page .content .container-form form .submit-button button {
    background: var(--green-light) !important;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 22px;
    color: var(--white-color);
    padding: 0.3rem 3rem
}

.last-page .content .container-form .download {
    text-align: center;
    font-weight: bold;
    color: var(--blue-dark);
    font-size: 20px;
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}

.last-page .content .container-form .download a {
    color: var(--similar-green);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    text-decoration: underline;
}

.stats-section .text-center {
    color: var(--title-color);
    border-radius: 20px;
    width: 80%;
    margin: 0 auto;
    padding: 2rem 1rem;
    background-color: rgba(39, 134, 142, 0.15);
    text-align: center;
    font-weight: 600;
    /* text-transform: capitalize; */
    font-size: 22px;
    line-height: 29px;
    box-shadow: 0px 0px 7px 1px rgba(39, 134, 142, 0.5);
}

.home-page .safety_section .content {
    width: 90%;
    margin: 0 auto
}

.home-page .safety_section {
    margin: -1rem auto 5rem auto
}

.home-page .safety_section .content .flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 2.7rem;
}

.home-page .safety_section .content .flex-row div.box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* padding: 3rem; */
}

.home-page .safety_section .content .flex-row div.box div {
    position: relative;
    /* left: 50%; */
    height: 120px;
    /* transform: translate(-50%); */
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 27px;
    width: 70%;
    margin: 0 auto;
    font-weight: 600;
    color: var(--title-color)
}

.home-page .safety_section .content .flex-row div.box:first-child {
    background-image: url(../images/back1.svg);
}

.home-page .safety_section .content .flex-row div.box:nth-child(2) {
    background-image: url(../images/back2.svg);
    position: relative;
    left: -2.7rem;
}

.home-page .safety_section .content .flex-row div.box:last-child {
    background-image: url(../images/back3.svg);
    position: relative;
    left: -5.2rem;
}

.get_involved.partners .contributors {
    width: 90%;
    margin: 20rem auto 2rem;
}

.collaborators .content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem 0 0 0;
}

.collaborators .content .desc {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 35.35px;
}

.get_involved .contributors .content {
    width: 100%;
    margin: 3rem auto;
    display: flex;
    gap: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.get_involved .contributors .content .title {
    font-size: 45px;
    font-weight: 700;
    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;
}

.get_involved .contributors .content .desc {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 35.35px;
    max-width: 1400px;
}

.collaborators {
    width: 98%;
    background-color: var(--bg-color);
    margin: 0 auto;
    max-width: 1400px;
}
.partners.container.get_involved .collaborators{
    width:90%
}
.partners .contributors .grid.center {
    display: grid;
    gap: 3rem;
    justify-content: center;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;



}

.repeat-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}

.partners .contributors .grid.center .col {
    border-radius: 15px;
    cursor: pointer;
    padding: 2rem;
    background-color: rgba(0, 0, 0, 0.1);
    grid-column: span 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    min-width: 170px;
    /* flex-grow: 1;
    max-width: 278px; */
}

/* .partners .contributors .grid.center .col img{
    max-width:300px
} */
.partners .contributors .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3rem;
    height: 100%;
}

.partners .contributors .flex-center .col.two-col {
    grid-column: span 2
}

.principles .main-title {
    font-size: 45px;
    font-weight: 700;
    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;
}

.collaborators .title {
    font-size: 50px;
    font-weight: 700;
    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;
}

.collaborators .content .desc {
    text-align: center;
}

.collaborators .content .grid-container {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(10, 1fr);
    padding: 3rem 0;
    align-items: center;


}

.last-page .collaborators .content .grid-container {
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
}

.last-page .collaborators .content .grid-container .col {
    display: flex;
    justify-content: center;
    grid-column: span 2;
    position: relative;
    height: 130px;
    max-width: fit-content;
    align-items: center;
    grid-column: span 2;
}

/* .last-page .collaborators .content .grid-container img{
    max-width: fit-content;
} */
.last-page .collaborators .content .grid-container .col:before {
    position: absolute;
    content: "";
    background-image: url(../images/circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -2rem;
}

.last-page .collaborators .content .grid-container .col:after {
    position: absolute;
    content: "";
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 200vw;
    height: 2px;
    top: -1.5rem;
    z-index: -1;
}

.collaborators .content .grid-container img {
    max-height: 90px;
    grid-column: span 2;
    max-width: 200px;
}

.collaborators .content .grid-container .col {

    padding: 1rem;
}


.principles .content .grid-container {
    display: grid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* padding: 2rem 0.5rem; */
    column-gap: 0.2rem;
    row-gap: 0.2rem;
    position: relative;
    grid-template-columns: repeat(5, 1fr);
    box-shadow: 0 4px 8px rgba(217, 217, 217, 0.6);

}

.principles .main-title {

    padding: 2rem 0;
}

.principles .content {
    width: 90%;
    margin: 0 auto 2rem
}

.principles .content .grid-container .col {
    width: 200px !important;
    height: 200px;
}

.principles .content .grid-container .col img {
    width: 200px !important;
    height: 200px;
    position: absolute;
    z-index: -1;
    object-fit: cover;
}

.principles .content .grid-container .col .title {
    position: relative;
    /* top: 0rem; */
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    font-size: 14px;
    color: var(--white-color);
    font-weight: bold;
    padding: 1rem 0.8rem;
    z-index: 111111;
}

.principles .content .grid-container .col .title .number {
    font-size: 20px;
    color: var(--white-color);
    font-weight: bold;
}

.principles .content .grid-container a {
    display: flex;
    justify-content: center;
}

.required-asterisk {
    position: absolute;
    color: red;
    font-size: 20px;
    top: 1.2rem;
    /* display: none; */
    z-index: 11;
    left: 75px;
}

.last-page .become-sponser .content .container-form form .grid-container .col {
    grid-column: span 1;
}

.last-page .become-sponser .content .container-form form .grid-container .two-col {
    grid-column: span 2;
}

.optional {
    position: relative;
    left: -7.5rem;
    top: -0.6rem;
    color: var(--subTitle-color);
    opacity: 0.5;
}

.last-page .become-sponser .content .container-form form .grid-container .col,
.last-page .become-sponser .content .container-form form .grid-container .two-col {
    display: flex;

}

.footer .grid-container span a {
    text-decoration: underline !important;
    color: var(--white-color)
}

.agree-privacy {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    width: 350px;
    padding: 1rem 0;
}

/* Hide default checkbox */
#privacy-policy-checkbox,
#privacy-policy-checkbox-popup {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 20px;
}

.popup-form #privacy-policy-checkbox-popup {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 20px;
}

/* Custom checkbox style */
.custom-checkbox {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(14, 77, 130, 0.7);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
}

/* Checkmark for checked state */
.custom-checkbox:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url('../images/checked.svg');
    /* Checked image */
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

/* Show checkmark when checkbox is checked */
#privacy-policy-checkbox:checked+.custom-checkbox:after,
#privacy-policy-checkbox-popup:checked+.custom-checkbox:after,
#privacy-policy-checkbox-popup:checked+.custom-checkbox:after {
    display: block;
}


.agree-privacy .text {
    text-transform: capitalize;
    color: var(--blue-dark);
    font-size: 20px;
}

.agree-privacy a {
    text-decoration: underline;
    color: var(--blue-dark);
}

.last-page .become-sponser .content .container-form form .grid-container .col,
.last-page .become-sponser .content .container-form form .grid-container .two-col {
    display: flex;
    align-items: center;
}

.principles-pages .info-principle {
    padding: 4rem 0 7rem;
}

.support.container .banner {
    gap: 1rem
}

.principles-pages .info-principle .content {
    margin: 0 auto;
    width: 90%
}

.principles-pages .info-principle .princible-title.flex {
    display: flex;
    gap: 1rem;
    font-size: 35px;
    font-weight: 600;
    color: var(--blue-light);
    align-items: center;
}

.principles-pages .info-principle .princible-title.flex .number {
    font-size: 40px;
}

.principles-pages .info-principle .princible-desc {
    width: 65%;
    font-size: 19px;
    color: var(--title-color);
    padding: 2rem 0;
}

.principles-pages .info-principle .support.btn {
    background-color: var(--green-light);
    color: var(--white-color);
    font-weight: bold;
    font-size: 20px;
    border-radius: 40px;
    padding: 1rem 1.5rem;
    width: 221px;
    text-align: center;
    position: absolute;
    right: 8%;
}

.principles-pages .pagination {
    padding: 1rem 0;
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid #047EB0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination .flex,
.pagination .flex {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 23px;
    font-weight: 600;
    color: var(--blue-dark);
}

.pagination .flex.space-between {
    justify-content: space-between;
}

.pagination .btn.prev.flex img,
.pagination .btn.next.flex img {
    width: 40px
}

.pagination .text div.desc,
.pagination .text div.desc {
    width: 300px
}

.principles-pages .main-img-panner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.principles-pages .empty-space {
    flex-grow: 1;
}

.principles-pages .bg-white {
    background-color: rgb(255, 255, 255, 0.8);
    padding: 0.5rem;
}

.last-page.principles-pages .container-banner.left-side::before {
    background-position: left;

}

.last-page.principles-pages .container-banner::before {
    background-attachment: fixed;
}

.last-page.principles-pages .container-banner.right-side::before {
    background-position: right;
}

.principles-pages.last-page .container-banner.right-side .flex-column {

    top: 24%
}

.principles-pages.last-page .container-banner.bottom-side .flex-column {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    top: 70%
}

.last-page .container-banner.bottom-side .flex-column .inside-col {
    right: 0 !important
}

.last-page .container-banner.bottom-side .flex-column .green,
.last-page .container-banner.bottom-side .flex-column .blue {
    text-align: center;
    width: 90% !important;
    margin: 0 auto;
}

.last-page .container-banner.bottom-side .flex-column .inside-col {
    width: 100%;
    gap: 26px
}

.img-principles {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-position: center;
    object-fit: cover;
}

.principles-pages .color-white .green,
.principles-pages .color-white .blue {
    color: var(--white-color) !important
}

.last-page .container-banner.color-white .flex-column {
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%
}

.last-page .container-banner.color-white {
    right: 0 !important
}

.last-page .container-banner.color-white .flex-column .inside-col {
    right: 0 !important
}

.the-Initiative .content .title {
    font-size: 45px;
    font-weight: 700;
    margin: 0 auto;
    width: 80%;
    color: var(--title-color);
    text-align: center;
    position: relative;
}

.the-Initiative.the-Initiative-about {
    margin-top: 17.5rem;
}

.partners.get_involved.partners .contributors {
    margin: 17rem auto 2rem;
}

.the-Initiative .content {
    width: 90%;
    margin: 0 auto;
    padding: 2rem 0;
}

.the-Initiative {
    background-color: #E9EFFD;
    color: var(--title-color)
}

.the-Initiative .content .flex-column {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    position: relative;
    /* left: 50%; */
    /* transform: translate(-50%); */
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

.the-Initiative .content .desc {
    padding: 1rem 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.the-Initiative .content .row {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid rgba(4, 126, 176, 0.2);
    padding-bottom: 2rem;
    width: 100%;
}

.the-Initiative .content .row:last-child {
    border: none;
}

.the-Initiative .content .row div {
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
}

.home-page .objectives .grid-container {
    margin-bottom: 4rem;
}

.popup {
    transition: display 0.5s ease-in-out;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 80%;
    max-width: 900px;
    background-color: #E3F3FF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 1px solid var(--subTitle-color);
}

.popup-content {
    padding: 3rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    height: 100%;
}


.popup-content button {
    background-color: var(--blue-dark);
    color: var(--white-color);
    font-weight: 500;
    font-size: 19px;
    border-radius: 30px;
    padding: 0.5rem 1rem;
    border: none;
    width: 200px;
}

.popup-content .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 20px;
    cursor: pointer;
    width: 24px;
}

.support .descriptspan {
    color: var(--blue-light)
}

.support .content .join-us .title {
    font-size: 45px;
    font-weight: 700;
    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;
    padding: 2rem 0;
}

.support .content .join-us {
    /* margin: 20rem auto 2rem; */
    margin: 13rem auto 2rem;
}

.support .join-us .desc {
    color: var(--blue-dark);
    font-size: 19px;
}

.support .join-us .desc span {
    color: var(--green-mid)
}

.support .content .join-us .flex.column {
    display: flex;
    flex-direction: column;
    gap: 5rem
}

.support .content .join-us .flex.row {
    display: flex;
    gap: 3rem;
    align-items: center;
    width: 90%;
}

.support .content .join-us .content {
    width: 90%;
    margin: 0 auto
}

.support.last-page .become-sponser {
    background-image: none;
    background-color: rgba(28, 113, 183, 0.3);
}

.home-page .banner .descript {
    color: #0E4D83
}

.get_involved.get_involved_only .banner .btn {
    background: var(--subTitle-color);
    color: var(--white-color);
    font-size: 20px;
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-radius: 70px;
}

.get_involved.get_involved_only .subscribe-section {
    margin: 15rem auto 1rem;
    background-color: #E9EFFD;
    padding: 2rem 0;
}

.get_involved.get_involved_only .subscribe-section .content {
    width: 85%;
    margin: 0 auto;
}

.get_involved.get_involved_only .subscribe-section .content .flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.get_involved.get_involved_only .subscribe-section .content .flex-column .text {
    color: var(--title-color);
    font-size: 18px;
    text-align: center;
}

.get_involved.get_involved_only .subscribe-section .content .flex-column .email-subscribe {

    background: var(--white-color);
    width: 445px;
    height: 57px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px;
    border: 1px solid var(--title-color);
}

.get_involved.get_involved_only .subscribe-section .content .flex-column .email-subscribe input {
    border: none;
    outline: none;
    width: 287px !important;
    /* padding: 0 7%; */
    margin: 0 auto;
    font-size: 20px;
}

.get_involved.get_involved_only .subscribe-section .content .flex-column .email-subscribe button {
    background: #2E9274;
    color: var(--white-color);
    width: 114px;
    height: 98%;
    border-radius: 40px;
    margin: 1px;
    border: 1px solid var(--similar-blue);
    position: relative;
    top: 0.3px;
}

.get_involved.get_involved_only .reach-section {
    margin: 5rem auto;
}

.get_involved.get_involved_only .reach-section .content {
    width: 700px;
    margin: 0 auto;
    background: #ACD5A7;
    padding: 6rem;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 2rem
}

.get_involved.get_involved_only .reach-section .content .text {
    color: var(--title-color);
    font-size: 20px;
}

.get_involved.get_involved_only .reach-section .content .abs {
    text-align: center;
    /* width: 100px; */
    /* padding: 1rem 2rem; */
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.get_involved.get_involved_only .reach-section .content .abs div {
    background: var(--subTitle-color);
    color: var(--white-color);
    font-weight: 600;
    width: 100px;
    padding: 1rem 2rem;
}

.header .rel {
    position: relative;
}

.header .drop-down.abs {
    position: absolute;
    left: 0;
    top: 4.4rem;
    background: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    width: 395px;
    display: none;

}

.header .manifesto {
    font-weight: 700;
    font-size: 19px;
    color: var(--title-color);
    text-decoration: none;
    cursor: pointer;
}

/*
.header .manifesto:hover .drop-down.abs{
    display: block;
}
*/

.header .drop-down.abs img {
    width: 20px
}

.header .drop-down.abs .row {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0.7rem 0;
}




.container-list .rel .manifesto {
    width: 100px
}

.container-list .rel {
    text-decoration: none;
    color: var(--title-color);
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-list .rel img {
    width: 20px
}

.container-list .drop-down.abs {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    position: relative;
}

.container-list .drop-down.abs.show {
    max-height: 400px;
    /* Adjust this value based on the content height */
}

.home-page .stats-section .grid-container .col .title {
    background: linear-gradient(180deg, var(--title-color) 50%, #047EB0 80%);
    -webkit-background-clip: text !important;
    color: transparent;
    background-clip: text !important;
}

.container-list .drop-down.abs .row {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 0;
}

.header-content .logo img {
    padding-top: 0.3rem;
}

.support .container-form form .submit-button button {
    background-color: var(--green-light);
}

.logo-footer {
    height: 120px;
}

.image-container {
    min-width: 6rem;
    max-height: 5rem;
}

.full-width {
    width: 100% !important;
}

.title-general {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: var(--blue-dark);
    margin-bottom: 1rem;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, #000000 0%, transparent);
    opacity: 0.5;
    z-index: 111;
}

.principles .content .grid-container a {
    position: relative;
}

.manifesto-section .content .flex-column:first-child div {
    font-size: 18px;
}

form .col,
form .two-col {
    position: relative;
}

form input[placeholder='Name of Organisation']+.required-asterisk {

    left: 202px !important
}

form input[placeholder='Job Title']+.required-asterisk {
    left: 100px !important
}

form input[placeholder='Phone Number']+.required-asterisk {

    left: 160px !important
}

.safety_list .content .grid-container li .col .hover-section a {
    margin: 0 !important
}

.safety_list .content .grid-container li .col .hover-section .flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1111;
}

.partners .contributors .grid.center .col img {
    max-height: 120px;
    max-width: 340px
}

.partners.container.get_involved.privacy-policy .content {
    height: fit-content;
    position: relative;
    margin-top: 10rem;
}

.privacy-policy .title {
    font-size: 45px;
    font-weight: 700;
    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;
    width: 90%
}

.privacy-policy .descript {
    height: fit-content;
    width: 88%;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    line-height: 35.35px;
    padding: 3rem 0;
    margin: 0 auto;

}

.privacy-policy .descript strong {
    color: var(--title-color);
}

.alert.alert-success.popup {
    display: block;
}

.alert.alert-error.popup {
    background-color: var(--error-color) !important;
    display: block;
}

.cookies {
    width: 80%;
    margin: 12rem auto 3rem auto;
}

.cookies .content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cookies .title {
    font-weight: 600;
    font-size: 20px;
}

.cookies .desc {
    font-size: 17px;
    line-height: 1.5;
}

.cookies ul li span.bold,
.cookies ol li span.bold {
    font-size: 19px;
    font-weight: 600;
}

.cookies .space-bottom {
    padding-bottom: 1rem;
}

.support.container.get_involved.last-page .content .banner .submit-button-support {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 1.3rem;
}

.support.container.get_involved.last-page .content .banner .submit-button-support button {
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 22px;
    color: var(--white-color);
    padding: 0.4rem 2.5rem;
    background: var(--green-light) !important;
}

.alert.alert-success.popup-email .popup-content-email .grid-container.popup-email {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    row-gap: 20px;

}

.alert.alert-success.popup-email .popup-content-email .submit-button {
    border: none;
    border-radius: 30px;
    padding: 0.3rem 1.5rem;
    display: flex;
    justify-content: center;
    padding-bottom: 2.5rem;
    /* margin-top: 1rem; */

}

.alert.alert-success.popup-email .popup-content-email .submit-button button a {
    font-weight: 700;
    font-size: 22px;
    color: var(--white-color);
    padding: 0.3rem 1.5rem;
    display: flex;
    justify-content: center;
}

.alert.alert-success.popup-email .popup-content-email .submit-button button {
    background: var(--green-light) !important;


}

.alert.alert-success.popup-email .popup-content-email form {
    width: 100%;
    margin: 0 auto;
}

.alert.alert-success.popup-email .popup-content-email .close {
    top: 0rem;
    right: 0rem;
}

.alert.alert-success.popup-email .popup-content-email .title-pop {
    font-size: 26px;
    font-weight: 700;
    color: var(--green-mid);
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.5rem;

}

.alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col {
    display: flex;
    align-items: center;
}

.alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col .required-asterisk {
    position: absolute;
    color: red;
    font-size: 20px;
    /* top: 1.2rem; */
    /* display: none; */
    align-items: center;
    z-index: 11;
    left: 75px;

}

.popup-content-email {
    gap: 0.5rem !important;
    /* padding: 3rem; */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 90%;
}

#popupEmail .popup-content {
    height: fit-content;
}

.select-pop {
    outline: none;
    border: none;
    background: transparent;
    padding: 1rem 1rem;
    /* width: 180px; */
    color: var(--subTitle-color);
    font-size: 19px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border-radius: 20px;
}

/* .alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col .industry, */
.alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col input {
    outline: none;
    border: none;
    /* background: transparent; */
    padding: 1rem 1rem;
    /* width: 180px; */
    color: var(--subTitle-color) !important;
    font-size: 19px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 320px;
    /* height: 20px; */
    border-radius: 20px;
    background-color: white !important;
}

.alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col input::placeholder {
    color: var(--subTitle-color) !important;
}

/* .alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col input,
.alert.alert-success.popup-email .popup-content-email .grid-container.popup-email .col .select{
    width: 270px;
    height: 20px;
    border-radius: 20px;
    background-color: white;
} */
.alert.alert-success.popup-email {
    width: 75%;
    height: 451px;
    max-width: 900px;
    background-color: #E3F3FF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: 1px solid var(--subTitle-color);
    /* background-image: url(/images/save-lives.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: fixed;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    /* backdrop-filter: blur(10px);  */
    display: block;
    transition: display 0.5s ease-in-out;
}


/* .alert.alert-success.popup-email{
    display: none !important;
} */
.industry.email-popup-industry .options .option {
    padding: 0.5rem;
}

.join_form{
    margin: 14rem 0 3rem;
}
.join_form .content_box{
    width: 1000px;
    margin: 0 auto 2rem;
    padding: 1rem;
    background: rgba(28, 113, 183, 0.3);
    border-radius: 11px;
    max-width: 1400px;
}
.content_box .input_feild .input_container input::placeholder,
.content_box .input_feild .input_container textarea::placeholder,
.input_feild .input_container select{
    color:#1C71B7 !important;
    font-weight: 500;
    font-size: 17px;
}
.input_feild .input_container select{
    appearance: none;  
    width: 100%;
    /* padding: 10px 40px 10px 10px;  
    font-size: 16px; */
    background-image: url('../images/image%203.svg');
    background-repeat: no-repeat;
    background-position: right center;  
    background-size: 20px;
}
.main-info .input_feild label.none{
    display: none;
}
.input_feild_one{
    grid-column: span 1;
    grid-column: span 1;
    display: flex;
    gap: 1rem;
}
.input_feild_one .input_feild{
    width:100%
}
.content_box .title{
    padding: 1rem 2rem;
    color: #38A74B;
   font-size: 36px;
    font-weight: 600;
}
.input_feild .input_container select option{
    font-size: 16px;
    /* color: #1C71B7;
    background-color: #f0f0f0;
    padding: 10px; */
}
.file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top:0;
    cursor: pointer;
}

.custom-file-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    font-size: 16px;
    color: #1C71B7; 
    cursor: pointer;
}

.file-icon {
    width: 20px;
    height: 20px;
   
}
/* .custom-select option:checked {
    background-color: #1C71B7; 
    color: #fff;
} */
.content_box  .main-info{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    padding: 0 2rem;
    margin: 2rem 0 0;
}
.main-info .input_feild{
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    height:50px;
    position: relative;
}
.main-info .input_feild.before_girl{
    margin: 0 0 0 3rem;
    height: 80px;
}
.main-info .input_feild span{
    color:var(--error-color);
    transition: visibility 0.2s ease;
    position: absolute;
}
.main-info .input_feild input[placeholder='First Name']+span,
.main-info .input_feild input[placeholder='Last Name']+span,
.main-info .input_feild input[placeholder='Job Title']+span{
    left: 6rem;
    top: 1.2rem;
}
.main-info .input_feild input[placeholder='Job Title']+span{
    left: 5rem;
}
.main-info .input_feild input[placeholder='Email']+span,
.main-info .input_feild input[placeholder='Website']+span{
    left: 4.5rem;
    top:1.2rem
}
.main-info .input_feild input[type='file']+label+span{
    left: 7.9rem;
    top: 1rem;
}
.main-info .input_feild input[placeholder='Phone Number']+span{
    left: 7.9rem;
}
.main-info .input_feild input[placeholder='Company Name']+span{
    left: 8.5rem;
}
.main-info .input_feild input[placeholder='Confirm Email']+span{
    left: 8.5rem;
}
.main-info .input_feild select[name='about_industry']+span{
    left: 8rem;
}
.main-info .input_feild select[name='industry']+span{
    left: 8rem;
}
.error_email{
    color:var(--error-color);
    position: absolute;
    top: -1.2rem;
    font-size: 14px;
    left:6px

}
.main-info .input_feild select[name='about_organisation']+span{
    left: 10rem;
}
.main-info .input_feild select+span{
    left: 4.7rem;
}
/* .main-info .input_feild input[placeholder='Job Title']+span,
.main-info .input_feild input[placeholder='Last Name']+span{
    left: 6rem;
    top: 1.2rem;
} */
.input_feild .input_container{
    background-color: #FFF5EB;
    border-radius: 33px;
    padding: 0.9rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
}
.input_feild .input_container input{
    border: none;
    outline: none;
    width: 92%;
    border-radius: 0;
    color: var(--subTitle-color);
    background-color: transparent;
    font-size: 19px;
}
.span_2{
    grid-column: span 2;

}
.last::before{
    /* content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #555;
    top: -1rem;
    opacity: 0.5; */
}
.last{
    position: relative;
}
.input_feild .input_container select{
    border: none;
    outline: none;
    width: 100%;
    background-color: transparent;
} 
.input_feild .input_container textarea{
    width:99%;
    height: 100px;
    border:none;
    background-color: transparent;
    outline: none;
    color: var(--subTitle-color);
    font-size: 19px;
}
.info_file{
    position: relative;
    top: -1.5rem;
}
.upload_desc{
    color:#555
}
.upload_req{
    font-weight: 600;
    color:#0E436F
}
.p-1{
    padding-bottom: 1.5rem;
}
.input_feild .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.input_feild .flex div{
    display: flex;
    flex-direction: row-reverse;
    gap:0.5rem;
    align-items: center;
    font-size: 14px;;
    max-width: 150px;
}
/* .info_file:hover{
    text-decoration: underline;
} */
.yes_no{
    justify-content: flex-start !important;
    gap:2rem
}
.info_file.country{
    top:-1px

}
.height-full{
    height:fit-content !important
}
.last.last_form_container::before{
    display: none;
}
.before_girl{
    position: relative;
}
.before_girl::before{
   position: absolute;
   content: '';
   width:40px;
   height: 40px;
   background-image: url('../images/girl.png');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   left: -3rem;
   top: 50%;
   transform: translate(0, -50%);
   filter: brightness(2);

}
.textarea-h{
    height: 140px !important;
    /* margin-top: 1rem; */
}
.textarea-h.checkbox{
    height: fit-content !important;
    margin-top: 1rem;
}
.info_file.span_2.present{
    top:-2rem
}
.input_container.checkbox{
    background: transparent;
    box-shadow: none;
    padding: 0;
    order: -1;
}
.opacity_none{
    opacity: 0; 
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 11;
}
.main-info .input_feild.checkbox_feild{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    height: fit-content !important;
    margin-bottom: 1rem;
    gap: 0.5rem;
} 
.main-info .input_feild.checkbox_feild label{
    font-style: italic;
}
.Leadership_checked{
    width: 20px;
    height: 20px;
    border: 2px solid rgba(14, 77, 130, 0.7);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background-color: transparent;

}

.checkbox_Leadership:checked+.Leadership_checked:after{
    display: block;
}
.Leadership_checked::after{
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url(../images/checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: none;

}  
.input_feild .input_container input.checkbox_Leadership{
    width:20px !important;
    cursor: pointer;
}
.submit_contentBox{
    width: 82%;
    margin: 0 auto 2rem;
    padding: 0rem;
    display: flex;
    justify-content: center;
}
.submit_contentBox button{
    background: var(--green-light) !important;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 22px;
    color: var(--white-color);
    padding: 0.3rem 3rem;
    cursor: pointer;
}
.submit_contentBox .submit:hover{
    opacity: 0.6;
}
.last_form_container .flex.yes_no{
    justify-content: flex-end !important;
    padding: 2rem 0
}
.last_last{
    height:150px !important;
    background-color: #fff;
    padding: 0.8rem;
    box-shadow: none;
    border-radius: 8px;
    display: flex;
    flex-direction: row !important;;
    justify-content: space-between;
   
    align-items: center;

}
.last_last .flex-start{
    display: flex;
    gap:0.5rem;
    align-items: center;
}
.last_form_container{
    box-shadow: none !important;
}
.last_last label.first_label{
    position: relative;
    /* left: 4rem; */
}
/* .last_last label.first_label::before{
    position: absolute;
    content: '';
    width:40px;
    height: 40px;
    background-image: url('/images/document.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    left: -3rem;
    top: 50%;
    transform: translate(0, -50%);
   

} */
/* .industry_list {
    display: none;
    margin-top: 5px;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    left: 0;
}
.industry_parent{
    position: relative;
}
.industry_option {
    padding: 10px;
    cursor: pointer;
}

.industry_option:hover {
    background-color: #f0f0f0;
}
.input_container #industrySearch{
    border: none;
    outline: none;
    width: 92% !important;
    border-radius: 0;
} */


.input_feild .file-upload{
    display: flex;
}
#signatureSizeError,
#fileSizeError{
    padding-left: 0.3rem;
    position: absolute;
    top: -1.4rem;
    display: none;
   
}
.endorsements{
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;
}
.endorsements .content{
    width: 100%;
    margin: 4rem auto 3rem;
    display: flex;
    gap: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.endorsements .content .title{
    font-size: 45px;
    font-weight: 700;
    margin: 0 auto;
    color: var(--title-color);
    text-align: center;
    position: relative;
}
.endorsements .content .desc{
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 35.35px;
}
.endorsements_swiper{
    position: relative;
    overflow: hidden;
    width:90%;
    height:fit-content;

}
.endorsements_swiper .swiper-slide{
    width: 200px;
    /* padding-left: 2rem; */
    border-radius: 15px;
    /* cursor: pointer; */
    /* padding: 1.5rem; */
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    min-width: 25%;
    margin-right: 2%;
    
}
.endorsements .read-more{
    background: var(--green-light);
    padding: 1rem 2rem !important;
    border-radius: 60px !important;
    color: white;
    /* height: 70px; */
    /* width: 200px; */
    /* height: 70px; */
    font-size: 25px;
    font-weight: bold;

}
.endorsements .swiper-button-next::after{
    background-image: url(../images/right-row.png)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 76px !important;
    height: 59px !important;
    position: absolute !important;
    content: '' !important;
     display:  block!important;
    z-index: 1111111111111 ;
    top:5rem !important;
    right: -4rem !important
}
.endorsements .swiper-button-prev::after{
    background-image: url(../images/left-row.png)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 76px !important;
    height:59px !important;
    position: absolute !important;
    content: '' !important;
    display:  block!important;
    
    z-index: 1111111111111 ;
    top:5rem !important;
    left: -4rem !important;
}


.endorsements_swiper .swiper-slide.max-width{
    width: 450px;
    max-width: 250px

}
.endorsements_swiper .swiper-slide img{
    /* max-height: 120px;
    max-width: 100%; */
    max-height: 130px !important;
    object-fit: cover !important;
    max-width: 200px !important;
}
.endorsements_swiper{
    padding: 1rem 0
}
.endorsements_swiper .swiper-wrapper{
    padding: 1rem 0;
}
.endorsements_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.endorsements_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    background: var(--green-light);
}
.main-info .input_feild .input_container::before {
    content: ''; 
    position: absolute;
    top: 0;
    right: 0; 
    width: 10%;
    height: 100%;
    
    background-color: transparent; 
    pointer-events: none;
}
.join_popup.alert.alert-success.popup {
    overflow-y: scroll;
    height: 100%;
    padding: 0;
}
.join_popup.popup{
    width:100%;
    max-width: 100%;
    top:0;
    left:0;
    transform: translate(0, 0);
}
.join_popup.popup .popup-content{
    height:fit-content;
    padding: 0;
    gap:0
}
.join_popup.popup ol,
.join_popup.popup ul{
    width:90%
}
.join_popup.popup  li{
    padding:10px 0 
}
.join_popup.popup p{
    width:90%;
    text-align: left;

}
.join_popup.popup p.name{
    color: #0E4D83;
    font-weight: 600;
    font-size: 30px;
}
.error_all{
    color: var(--error-color);
    font-size: 18px;
    width: 100%;
    margin: 1rem;
    text-align: center;
    height:30px
}
.w-80-max{
    width:80%
}
.partners .contributors .grid.center.grid-1{
    grid-template-columns:repeat(1, 1fr);
    margin-top:-3.5rem
}
.sup-title.strategic_title{
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    line-height: 35.35px;
    max-width: 1400px;
}
.grid-support.only_support_section{
    /* display: grid;
    grid-template-columns: repeat(4, 1fr) ; */
     display: flex;
     justify-content: center; 
     align-items: center;
     flex-wrap: wrap;
     gap:3rem

}
.grid-support.only_support_section .col{
    border-radius: 15px;
    padding: 1.5rem;
    background-color: rgba(0, 0, 0, 0.1);
    grid-column: span 2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    min-width: 170px;
   
    
}
.grid-support.only_support_section img{
    max-height: 120px;
    /* max-width: 340px; */
    max-width: 170px;
    
}
.top-80{
    margin-top:-2.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.main-info .input_feild.top-80{
    flex-direction: row;
}