@import url(./font.css);


:root {
    --body-bg : #F1F1F1;
    --white : #ffffff;
    --light-body-bg : #F6F8F9 ;
    --black : #000000;
    --darkest-primary : #001A1C;
    --dark-primary : #04464B;
    --primary :#07847F;
    --secondary : #0FAFBB;
    --dark-secondary : #047470;
    --secondary-light: #2DF0FF;
    --light-grey : #525252;
    --tean : #1B9099;
    --grey : #2F2F2F;
    --green : #A1B33B;
    --pink : #DB5D82;
    --dark-pink :#FF004B ;
    --primary-btn : linear-gradient(270deg, #A1B33B 0%, rgba(161, 179, 59, 0.75) 100%);
    --secondary-btn : linear-gradient(270deg, #DB5D82 0%, rgba(219, 93, 130, 0.75) 100%);
    --primary-btn-hover : linear-gradient(90deg, #A1B33B 0%, rgba(161, 179, 59, 0.75) 100%);
    --secondary-btn-hover : linear-gradient(270deg, rgba(219, 93, 130, 0.75) 0%, #DB5D82 100%);
    --tean-btn : linear-gradient(90deg, #2DF0FF 0%, #1B9099 100%);    
    --tean-btn-hover : linear-gradient(90deg, #1B9099 0%, #2DF0FF 100%);
    --base-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    --shadow : 0px 4px 8px -2px rgba(0, 0, 0, 0.25);
    --shadow-1 : 0px 6px 19.2px -5px rgba(0, 0, 0, 0.25);
    --shadow-2 :  0px 10px 40px -10px rgba(0, 0, 0, 0.15);
    --pink-shadow :0px 15px 50px -30px rgba(219, 93, 130, 0.40);
    --pink-shadow-large : 0px 4px 60px 0px rgba(219, 93, 130, 0.21);
    --tean-shadow-1 : 0px 12px 27.3px -10px rgba(45, 240, 255, 0.18);
    --tean-shadow-2 : 0px 15px 50px -30px #2DF0FF;
    --tean-shadow-3 : 0px 6px 22.2px -1px #0FAFBB;;
    --green-shadow :0px 15px 50px -22px #A1B33B;
    --futura-light: FuturaPTLight;
    --futura-book : FuturaPTBook;
    --futura-medium :FuturaPTMedium;
    --futura-demi : FuturaPTDemi;
    --futura-heavy : FuturaPTHeavy;    
    --futura-bold : FuturaPTBold;
    --futura-black : FuturaPTExtraBold;
    
        
}

* {
    box-sizing: border-box;
}

body {
    box-sizing: border-box;
    background: var(--body-bg);
}

a {
    text-decoration: none;
}

ul,ol {
    list-style: none;
    padding-left: 0px !important;
}

.primary-dark-text {
    color: var(--dark-primary);
}
.primary-text {
    color: var(--primary);
}
.secondary-dark-text {
    color: var(--dark-secondary);
}
.secondary-text {
    color: var(--secondary);
}
.light-grey-text {
    color: var(--light-grey);
}
.green-text {
    color: var(--green);
}
.pink-text {
    color: var(--pink);
}
.grey-text {
    color: var(--grey);
}

.header {
    position: relative;
    z-index: 2000;
    height: 143px;
}
.top_header {
    position: absolute;
    width: 100%;
    display: flex;
}
.scroll_header {
    position: fixed;
    width: 100%;
}

.mangopeople_header_logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: var(--primary);
    display: inline-block;
    padding: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 390px;
    height: calc(100% + 35px);
    box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.25)
}
.mangopeople_header_logo::after {
    position: absolute;
    bottom: 0;
    right: -60px;
    height: 34px;
    width: 60px;
    background-color: var(--dark-secondary);
    content: "";
    clip-path: polygon(100% 0, 0 0, 0 100%);
    z-index: -1;
}
.mangopeople_header_logo img {
    height: 147px;
    width: 168px;
    object-fit: contain;
}
.mp-header_right {
    padding-left: 390px;
    background: var(--white);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}
.top-info-header {
    padding: 9px 50px;
    background: var(--dark-primary);
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-header {
    padding: 25px 50px;
}
.main-header .navbar-nav{
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}
.main-header .navbar-nav .nav-link {
    font-family: FuturaPTDemi;
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.main-header .navbar-nav .nav-link.active {
    color: var(--dark-secondary);
}
.donate-btn {
    border-radius: 40px;
    background: linear-gradient(270deg, #0FAFBB 0%, #DB5D82 49.5%);
    display: flex;
    padding: 5px 17px 5px 5px;
    align-items: center;
    gap: 15px;
    font-family: FuturaPTDemi;
    font-size: 20px;
    color: var(--white) !important;
    animation-timing-function: linear;
    animation-duration: 500ms
}
.donate-btn .heart-round {
    width: 40px;
    height: 40px;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.donate-btn .heart-round i {
    background: #0FAFBB;
    background: linear-gradient(to right, #0FAFBB 0%, #DB5D82 64%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    height: 25px;
    line-height: 1.5;
    animation-timing-function: linear;
    animation-duration: 500ms;
}
.donate-btn .heart-round i::before {
    vertical-align : 0px; 
}
.donate-btn:hover {
    background: linear-gradient(270deg, #DB5D82 7%, #0FAFBB 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    animation-timing-function: linear;
    animation-duration: 500ms
}
.donate-btn:hover .heart-round i {
    background: #0FAFBB;
    background: linear-gradient(to right, #A1B33B 0%, #0FAFBB 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-section {
    background: url(../images/hero-bg.jpg);
    min-height: 950px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 100%;
    padding-bottom: 80px;
}
.primary-btn {
    border-radius: 5px;
    background: var(--primary-btn);
    display: flex;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-family: FuturaPTDemi;
    font-size: 20px;
    width: fit-content;
    transition: all linear 300ms;
}
.primary-btn:hover {
    background: var(--primary-btn-hover) !important;
    color: var(--white) !important;
}
.image-slider-col {
    height: 900px;
}
.shape-box-slider::after {
    background: url(../images/4gyyn2vj.png);
    background-size: 100% 900px;
    background-position:0% 0%;
    background-repeat: no-repeat;
    position: absolute;
    top: -80px;
    height: 900px;
    width: 100%;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
    content: "";
}
.shape-box-slider {
    /* background: url(../images/4gyyn2vj.png);
    background-size: cover;
    background-position:0% 0%;
    background-repeat: no-repeat; */
    position: absolute;
    top: -60px;
    height: 900px;
    width: 55%;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    overflow: clip;
}
.image-slider {
    max-width: 660px;
    margin: auto;
    margin-top: 80px;
    margin-left: 250px;
    position: relative;
    z-index: -1;
    margin-bottom: 230px;
}

.mobile-nav {
    padding: 30px;
    height: 100%;
    justify-content: end;
    align-items: center;
}
.offcanvas.offcanvas-start {
    max-width: 400px;
    width: 100%;
}
.offcanvas.offcanvas-start {
    z-index: 2002;
}
.offcanvas-backdrop.show {
    z-index: 2001;
}
.offcanvas-body .navbar-nav {
    gap: 20px;
}
.offcanvas-body .navbar-nav .nav-link {
    font-family: FuturaPTDemi;
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-nav .nav-link:hover {
    color: var(--pink);
}
.our-services-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.service-card {
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 4px 40px -10px rgba(0, 0, 0, 0.15);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 0px;
    transition: all ease-in-out 300ms;
}
.service-card:hover {
    background: var(--green);
    box-shadow: 0px 4px 40px -10px rgba(0, 0, 0, 0.15);
    transition: all ease-in-out 300ms;
}
.service-card .icon-round {
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--secondary);
    border-radius: 100%;
    transition: all ease-in-out 300ms;
}
.service-card .icon-round img {
    height: 34px;
    width: 34px;
}
.service-card:hover .icon-round {
    background: var(--black);
    transition: all ease-in-out 300ms;
}
.service-card .service-title {
    color: var(--black);
    transition: all ease-in-out 300ms;
}
.service-card:hover .service-title {
    color: var(--white);
    transition: all ease-in-out 300ms;
}
.service-card p {
    color: var(--light-grey);
    transition: all ease-in-out 300ms;
}
.service-card:hover p {
    color: var(--white);
    transition: all ease-in-out 300ms;
}
.about-us-section {
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 3px solid var(--green);
    border-bottom: 3px solid var(--green);
    background: url(../images/about-us-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.about-img {
    filter: drop-shadow(5px 6px 26px rgba(0,0,0,0.45));
    max-height: 561px;
    max-width: 100%;
    width: auto !important;
}
.about-li {
    list-style-image: url(../images/check.png);
    list-style-position: outside;
    padding-left: 2rem;
    margin-bottom: 10px;
}
.about-li li {
    font-size: 24px;
    color: var(--grey);
    font-family: FuturaPTMedium;
    margin-bottom: 20px;
}
.about-li li::marker {
    height: 24px;
    width: 24px;
}
.about-li li span {
    position: relative;
    top: -4px;
}
.Gallery-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.gallery-slider {
    padding-bottom: 50px;
}
.gallery-card {
    width: 400px;
    height: 320px !important;
    border-radius: 10px;
    overflow: clip;
    position: relative !important;
    display: flex;
    justify-content: center;
    align-items: center !important;
    box-shadow: var(--shadow-2);
    transition: all ease-in-out 300ms;
}

.gallery-card img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.svipl-gallery .w-grid-item-h 
.hover-card {
    border-radius: 8px;
    background: rgba(161, 179, 59, 0.76);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    color: var(--white);
    opacity: 0;
    position: absolute !important;
    z-index: 10 !important;
    margin: auto;
    font-size: 35px;
    transition: all ease-in-out 300ms;
}
.gallery-card:hover .hover-card {
    opacity: 1 !important;
    transition: all ease-in-out 300ms !important;
}
.svipl-gallery .w-grid-item-h:hover .hover-card {
    opacity: 1 !important;
    transition: all ease-in-out 300ms !important;
}
.informative-section {
    border-top: 3px solid var(--green);
    border-bottom: 3px solid var(--green);
    background: var(--black);
    position: relative;
}
.informative-section::after {
    content: "";
    position: absolute;
    background: url(../images/info-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    mix-blend-mode: luminosity;
    top: 0px;
    left: 0px;
}
.informative-section .container {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    z-index: 20;
}
.informative-section h3 {
    text-shadow: 0px 0px 10px #DB5D82;
    color: var(--green);
}
.secondary-btn {
    border-radius: 5px;
    background: var(--secondary-btn);
    display: flex;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-family: FuturaPTDemi;
    font-size: 20px;
    width: fit-content;
    transition: all linear 300ms;
}
.secondary-btn:hover {
    background: var(--secondary-btn-hover) !important;
    color: var(--white) !important;
}
.news_artical_section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.blog-box {
    width: 400px;
    border-radius: 10px;
    background: var(--white);
    overflow: clip;
    box-shadow: var(--pink-shadow);
    animation-timing-function: linear;
    animation-duration: 500ms;
    transition: all linear 300ms;
    height: 100%;
}

.blog-box .img-box {
    height: 250px;
    position: relative;
    animation-timing-function: linear;
    animation-duration: 500ms;
    transition: all linear 300ms;
    overflow: hidden;
    width: 100% !important;
}
.blog-box:hover .img-box img{
    transform: scale(116%) rotate(-6deg);
    transition: all linear 300ms;
}
.blog-box .img-box img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover;
}
.blog-box .img-box a {
    height: 250px !important;
    width: 100% !important;
}
.blog-box:hover .img-box::after {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
}
.blog-detail-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.blog-title {
    color: var(--dark-primary);
    font-family: FuturaPTDemi;
    font-size: 24px !important;
    line-height: 1 !important;
    transition: all linear 300ms;
}
.blog-title a{
    color: var(--dark-primary);
    font-family: FuturaPTDemi;
    font-size: 24px !important;
    line-height: 1 !important;
    transition: all linear 300ms;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height:48px;
}
.blog-box:hover .blog-title a{
    color: var(--green) !important;
    text-decoration: underline;
    transition: all linear 300ms;
}
.read-more-link {
    color: var(--dark-primary);
    transition: all linear 300ms;
    border-bottom: 1px solid transparent;
    width: fit-content;
}
.blog-box:hover .read-more-link {
    color: var(--pink);
    border-bottom: 1px solid var(--pink);
    transition: all linear 300ms;
}
.footer {
    position: relative;
    background: var(--dark-primary);
    padding-bottom: 60px;
}
.footer::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%221920%22%20height%3D%22120%22%20viewBox%3D%220%200%201920%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2041.8705C0%2041.8705%2049.4392%2060.4317%2094.8148%2061.7266C140.868%2063.0216%20180.148%2061.7266%20236.36%2055.2518C312.889%2046.6187%20460.529%2011.6547%20539.09%2030.6475C617.651%2049.6403%20621.037%2050.5036%20660.995%2062.5899C705.693%2076.4029%20796.444%20104.029%20908.868%20102.734C1028.74%20101.439%201246.14%2031.0791%201335.53%2034.5324C1345.02%2034.964%201380.23%2037.9856%201406.65%2043.1655C1432.38%2048.3453%201470.31%2059.5683%201521.78%2063.4532C1543.45%2065.1799%201577.99%2068.2014%201617.95%2067.3381C1628.11%2066.9065%201660.61%2065.6115%201699.22%2060.4317C1737.82%2055.2518%201773.71%2047.0504%201806.22%2044.4604C1875.98%2039.7122%201920%2046.6187%201920%2046.6187V0H0V41.8705ZM153.736%2048.777C158.476%2044.4604%20167.28%2047.0504%20182.857%2047.0504C198.434%2047.0504%20224.169%2041.8705%20222.138%2042.3022C220.106%2042.7338%20201.143%2048.777%20181.503%2050.5036C161.185%2052.6619%20149.672%2053.0935%20153.736%2048.777ZM278.349%2037.1223C278.349%2037.1223%20294.603%2036.259%20316.275%2033.2374C337.947%2029.7842%20386.032%2021.1511%20418.54%2018.1295C474.074%2013.3813%20525.545%2018.1295%20520.804%2018.5612C515.386%2018.9928%20455.788%2015.9712%20401.609%2023.3094C379.259%2026.3309%20338.624%2032.8058%20317.63%2034.964C295.28%2037.554%20278.349%2037.1223%20278.349%2037.1223ZM665.735%2036.6906C654.222%2033.6691%20755.81%2056.9784%20791.026%2063.0216C805.249%2065.6115%20833.016%2069.9281%20858.751%2071.6547C885.164%2073.3813%20919.026%2073.3813%20918.349%2073.813C918.349%2074.6763%20879.069%2077.2662%20842.497%2073.813C805.926%2070.3597%20807.281%2069.0648%20791.026%2066.9065C765.291%2063.4532%20677.249%2039.7122%20665.735%2036.6906ZM571.598%2029.7842C570.243%2029.7842%20577.016%2028.0576%20604.106%2034.5324C631.196%2041.0072%20649.482%2049.6403%20650.836%2050.5036C652.191%2050.9353%20627.132%2042.7338%20606.138%2037.554C585.82%2032.3741%20572.275%2029.7842%20571.598%2029.7842ZM3.38623%2025.8993C4.06348%2026.3309%2016.2539%2030.6475%2035.8942%2036.6906C55.5343%2042.7338%2082.6244%2048.777%2081.2699%2048.3453C79.9154%2048.3453%2057.5662%2045.7554%2031.1536%2037.554C4.74084%2029.3525%202.70898%2025.4676%203.38623%2025.8993ZM1708.02%2050.0719C1707.34%2049.2086%201720.89%2049.2086%201738.5%2044.8921C1756.11%2040.5755%201775.07%2037.9856%201791.32%2036.259C1818.41%2032.8058%201870.56%2036.6907%201867.85%2037.1223C1865.82%2037.554%201812.32%2035.8273%201783.2%2040.1439C1768.3%2042.3022%201766.94%2042.3022%201744.59%2047.0504C1722.24%2051.7986%201708.7%2051.3669%201708.02%2050.0719ZM1425.61%2039.7122C1422.9%2039.2806%201401.9%2032.8058%201368.72%2028.4892C1335.53%2023.741%201308.44%2026.3309%201308.44%2025.036C1308.44%2023.741%201315.22%2021.1511%201350.43%2023.741C1385.65%2026.3309%201428.32%2040.1439%201425.61%2039.7122ZM1435.09%2028.9209C1433.74%2029.3525%201412.06%2023.3094%201396.49%2021.5827C1380.91%2020.2878%201383.62%2019.4245%201383.62%2018.9928C1383.62%2018.5612%201391.07%2018.1295%201401.9%2019.8561C1413.42%2022.0144%201436.44%2028.4892%201435.09%2028.9209ZM1286.1%2018.9928C1285.42%2019.8561%201262.39%2022.446%201248.17%2026.7626C1233.95%2031.0791%201235.98%2029.3525%201235.3%2028.9209C1234.62%2028.4892%201240.72%2025.4676%201251.56%2023.3094C1262.39%2020.7194%201286.77%2018.1295%201286.1%2018.9928ZM1477.08%2047.9137C1477.76%2049.2086%201475.05%2050.0719%201464.21%2047.0504C1453.38%2044.0288%201446.6%2041.4389%201449.31%2041.8705C1452.02%2042.3022%201455.41%2043.5971%201466.24%2045.3237C1477.76%2047.0504%201476.4%2046.6187%201477.08%2047.9137ZM1686.35%2053.5252C1687.7%2053.5252%201672.13%2056.9784%201664%2057.4101C1655.87%2057.8417%201650.46%2057.8417%201650.46%2056.5468C1650.46%2055.2518%201651.13%2054.3885%201661.29%2054.8201C1672.13%2055.2518%201684.99%2053.5252%201686.35%2053.5252ZM889.228%2091.0791C889.905%2091.5108%20905.482%2089.7842%20940.021%2089.7842C973.884%2089.7842%201032.13%2079.4245%201056.51%2074.6763C1080.89%2069.9281%20988.783%2091.5108%20944.762%2092.3741C900.741%2093.2374%20888.55%2090.6475%20889.228%2091.0791Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M94.1375%2077.6981C94.8147%2077.2664%20125.291%2078.993%20142.899%2077.6981C192.339%2074.6765%20258.032%2063.8851%20255.323%2065.1801C252.614%2066.4751%20162.54%2078.5614%20140.191%2079.4247C107.005%2081.1513%2093.4602%2077.6981%2094.1375%2077.6981Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M379.937%2042.3019C381.291%2041.8703%20410.413%2037.9854%20444.275%2037.1221C478.138%2036.2588%20530.286%2039.712%20527.577%2039.2803C525.545%2038.8487%20487.619%2031.5106%20437.503%2034.1005C387.386%2036.6904%20378.582%2042.7336%20379.937%2042.3019Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M535.026%2057.8417C535.704%2057.4101%20521.482%2053.5252%20513.355%2053.0935C505.228%2052.6619%20499.81%2053.0935%20499.81%2054.3885C499.81%2055.6834%20500.487%2056.5467%20510.645%2056.1151C522.159%2055.6834%20534.349%2058.2734%20535.026%2057.8417Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M558.73%2045.7554C558.73%2045.3237%20588.529%2050.9353%20601.397%2055.2518C614.265%2059.1367%20643.386%2068.6331%20642.709%2068.6331C642.032%2069.0648%20614.265%2061.7266%20600.042%2057.4101C585.82%2053.0935%20558.73%2046.1871%20558.73%2045.7554Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M873.651%20115.252C874.328%20114.82%20904.804%20116.547%20922.413%20115.252C971.852%20112.23%201037.54%20101.439%201034.84%20102.734C1032.13%20104.029%20942.053%20116.115%20919.704%20116.978C886.518%20118.705%20872.973%20115.683%20873.651%20115.252Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M1636.23%2083.3094C1636.23%2083.3094%201628.11%2082.0144%201616.59%2082.8777C1605.08%2083.741%201577.31%2086.7626%201561.06%2085.8993C1532.61%2084.1727%201510.94%2074.2446%201513.65%2074.6763C1516.36%2074.6763%201542.77%2084.1727%201571.89%2082.8777C1584.08%2082.4461%201606.43%2080.7194%201617.27%2081.1511C1628.11%2081.5827%201636.23%2083.3094%201636.23%2083.3094Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M1408.68%2054.3885C1407.32%2054.8201%201395.13%2050.9352%201379.56%2049.6403C1363.98%2048.7769%201365.33%2048.3453%201365.33%2047.482C1365.33%2047.0503%201377.52%2045.7554%201388.36%2047.482C1399.2%2049.6403%201410.03%2053.9568%201408.68%2054.3885Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M1814.35%2056.9785C1814.35%2056.5469%201785.23%2056.9785%201768.97%2059.1368C1752.72%2061.2951%201735.11%2067.3383%201735.11%2067.7699C1735.11%2068.2016%201753.4%2064.3167%201769.65%2061.7267C1785.23%2059.1368%201813.67%2057.4102%201814.35%2056.9785Z%22%20fill%3D%22%2304464B%22%2F%3E%3C%2Fsvg%3E);
    background-position:inherit;
    background-repeat:no-repeat;
    background-size: cover;
    top: -120px;
    left: 0px;
    rotate:180deg;
}
.footer .waves {
    content: "";
    background: url(../images/waves.svg);
    background-position: center;
    height: 120px;
    width: 100%;
    background-repeat: no-repeat;
}
.footer .top-footer {
    padding-top: 20px;
}
.footer-logo {
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 25px;
}
.news-letter-box p {
    max-width: 330px; 
    display: flex;
    /* align-items: center; */
    margin-bottom: 30px;
}
.news-letter-box input {
    border-radius: 20px 0px 0px 20px;
    background: var(--white);
    color: var(--light-grey);
    font-family: FuturaPTBook;
    padding: 12px 20px;
    height: 45px;
}
.news-letter-box .submit-btn {
    border-radius: 0px 20px 20px 0px;
    background: var(--pink);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 60px;
}
.social-icons ul {
    display: flex;
    align-items: center;
    gap: 10px;
}
.social-icons ul li {
    background: var(--white);
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    transition: all linear 300ms;
}
.social-icons ul li a {
    font-size: 23px;
    color: var(--dark-primary);
}
.social-icons ul li:hover {
    background: var(--green);
}
.social-icons ul li:hover a {
    color: var(--white);
}
.contact-links li {
    margin-bottom: 20px;
    color: var(--white);
}
.contact-links li a ,.contact-links li {
    color: var(--white);
    font-family: FuturaPTMedium;
    font-size: 18px;
    border-bottom: 1px solid transparent;
    transition: all ease-in-out 300ms;
}
.contact-links li:first-child{
    font-size: 24px;
    font-family: FuturaPTDemi;
    margin-bottom: 30px;
    color: var(--white);
}
.contact-links li a:hover {
    color: var(--pink);
    border-bottom: 1px solid var(--pink);
    transition: all ease-in-out 300ms;
}
.bottom-footer {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.27);
    padding: 10px 30px;
}
.breadcrumb-header {
    height: 450px !important;
    background-position: 50% 15% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
    margin-bottom: 60px;
}
.breadcrumb-header::after {
    content: "";
    background: rgba(0, 0, 0, 0.79);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.breadcrumb-header .container {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.breadcrumb-heading {
    font-family: FuturaPTDemi;
    font-size: 55px;
    font-weight: 500;
    color: var(--white);
    margin: 0px;
}
.breadcrumb-item a{
    color: var(--white) !important; 
    font-size: 20px;
}
.breadcrumb-item.active {
    color: var(--dark-pink);
    font-size: 20px;
}
.breadcrumb-item + .breadcrumb-item::before { 
    color: var(--white);
}
.breadcrumb-main ol{
    margin-left:0px !important;
}

.about-section {
    margin-bottom: 60px;
}
.about-section .about-figure {
    box-shadow: var(--pink-shadow);
    border-radius: 20px;
    overflow: clip;
}
.mission-vision-section {
    border-top: 3px solid var(--green);
    border-bottom: 3px solid var(--green);
    background: var(--black);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: clip;
}
/* .mission-vision-section::after {
    content: "";
    position: absolute;
    background: url(../images/mission-vision-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    mix-blend-mode: luminosity;
    opacity: 21%;
    top: 0px;
    left: 0px;
} */
.mission-vision-section .container {
    position: relative;
    z-index: 1;
}
.vision-description h1 , .vision-description h2, .vision-description h3, .vision-description h4, .vision-description h5, .vision-description h6 {
    text-align: right;
    margin-bottom: 20px;
    color: var(--white);
    font-family: FuturaPTDemi;
    margin-top: 30px;
}
.mission-description h1 , .mission-description h2, .mission-description h3, .mission-description h4, .mission-description h5, .mission-description h6 {
    text-align: left;
    margin-bottom: 20px;
    color: var(--white);
    font-family: FuturaPTDemi;
    margin-top: 30px;
}
.mission-description p , .mission-description span .mission-description b , .mission-description ul , .vision-description p , .vision-description span .vision-description b , .vision-description ul {
    font-size: 20px;
    line-height: normal;
    font-family: FuturaPTBook;
    margin-bottom: 15px;
    color: var(--white);
}
.award-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
.award-slider img {
    height: 95px !important;
    width: fit-content !important;
}
.faq-section {
    border-top: 3px solid var(--green);
    /* background: #fff; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;    
    z-index: 0;
    /* padding-bottom: 60px; */
    /* padding-top: 60px; */
}
/* .faq-section::before {
    content: "";
    position: absolute;
     background: url(../images/faq-bg.jpg); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    mix-blend-mode: luminosity; 
}
.faq-section::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(121, 121, 121, 0.50) 50%, #F1F1F1 100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 5;
} */
.faq-section .container {
    position: relative;
    z-index: 6;
}
.faq-img img{
    box-shadow: var(--green-shadow);
    border-radius: 20px;
    overflow: clip;
}
.faq-section .accordion-item {
    margin-bottom: 20px;
    border-radius: 15px !important;
}
.faq-section .accordion-item .accordion-button {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.faq-section .accordion-item .accordion-button.collapsed ,.accordion-item .accordion-header {
    border-radius: 15px !important;
}
.faq-section .accordion-button {
    padding: 30px;
    color: var(--dark-secondary);
    font-size: 24px;
    font-family: FuturaPTDemi;
}
.faq-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none; 
    padding: 20px 30px;
}
.faq-section .accordion-button:focus {
    box-shadow: none;
}
.faq-section .accordion-body {
    padding: 0px;
    padding-top: 0px;
}
.faq-section .accordion-item {
    border: 1px solid #DCDCDC !important;
}
.faq-section .accordion-item:hover {
    border: 1px solid var(--pink);
}
.faq-section .accordion-body {
    color: var(--grey);
    font-family: FuturaPTBook;
    font-size: 20px;
    line-height: normal;
}
.our-work_section {
    margin-bottom: 60px;
}
.work-box {
    max-width: 400px;
    width: 100%;
    height: 500px !important;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 33.33%, rgba(0, 0, 0, 0.62) 66.67%, rgba(0, 0, 0, 0.80) 92.5%);
    box-shadow: var(--shadow);
    overflow: clip;
    position: relative !important;
    transition: all 0.3s linear;
    display: flex;
    justify-content: end;
    flex-direction: column;
}
.work-box::after {
    content:"";
    position:absolute;
    max-width: 400px;
    width: 100%;
    height: 500px !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 33.33%, rgba(0, 0, 0, 0.62) 66.67%, rgba(0, 0, 0, 0.80) 92.5%);
    top:0px;
    left:0px;
    z-index:0;
    transition: all 0.3s linear;
}
.work-box .color_link_inherit {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
}
.work-box figure {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
}
.work-box:hover {
    box-shadow: var(--tean-shadow-3);
    transition: all 0.3s ease-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 85%);
}
.work-box::after:hover {
    transition: all 0.3s ease-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 85%);
}
.tean-btn {
    border-radius: 5px;
    background: var(--tean-btn) !important;
    display: flex;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    color: var(--darkest-primary) !important;
    font-family: FuturaPTDemi;
    font-size: 20px !important;
    width: fit-content;
    transition: all linear 300ms;
    line-height: 1;
}
.tean-btn:hover {
    background: var(--tean-btn-hover);
    color: var(--darkest-primary);
    transition: all linear 300ms;
}
.work-title {
    color: var(--white);
    font-size: 32px;
    font-family: FuturaPTDemi !important;
    position: relative !important; 
    margin-bottom: 0px;
    transition: all linear 300ms;
    transform: translatey(160px);
}
.work-title::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 141px;
    left: -20px;
    bottom: 0px;
    background: var(--secondary-light);
    visibility: hidden;
    transition: all linear 300ms;
}
.work-box img{
    /* mx-auto d-block h-100 w-100 object-fit-cover */
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out; */
}
.work-details {
    visibility: hidden;
    transition: all ease-out 300ms;
    transform: translatey(227px);
}
.project-short_description {
    color: var(--white);
    font-size: 16px;
    font-family: FuturaPTBook;
    margin-bottom: 20px;
    transition: all ease-out 300ms;
}
.work-box:hover .work-details{
    visibility: visible;
    transition: all ease-out 300ms;
    transform: translatey(0px);
}
.work-box:hover .work-title{
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 20px;
    transition: all ease-out 300ms;
    transform: translatey(0px);
    
}
.work-box:hover .work-title::after {
    visibility: visible;
    transition: all ease-out 300ms;
}
.project-img {
    border-radius: 20px;
    box-shadow: var(--base-shadow);
    overflow: clip;
}
.project-description > * {
    color: var(--grey);
    font-size: 24px;
    font-family: FuturaPTBook;
    line-height: normal;
    margin-bottom: 15px;
}
.our-galley-list-contain .galley-list-box{
    max-width: 400px;
    width: 100%;
    height: 483px !important;
    /* padding: 20px; */
    border-radius: 20px;    
    box-shadow: var(--shadow);
    overflow: clip;
    position: relative;
    transition: all 0.3s linear;
    display: flex;
    justify-content: end;
    flex-direction: column;
}
.galley-list-box .gallery-img {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
}
.galley-list-box .gallery-img img{
    /* mx-auto d-block h-100 w-100 object-fit-cover */
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.gallery-details-box {
    background: var(--dark-primary);
    height: 144px;
    padding: 20px;
    padding-top: 0px;
    position: relative !important;
    transition: all linear 300ms !important;
   width: 100%;
}
.gallery-details-box::after {
    content: "";
    position: absolute;
    /* background: url(../images/small-waves.png); */
    background: url(data:image/svg+xml,%3Csvg%20width%3D%221920%22%20height%3D%22120%22%20viewBox%3D%220%200%201920%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2041.8705C0%2041.8705%2049.4392%2060.4317%2094.8148%2061.7266C140.868%2063.0216%20180.148%2061.7266%20236.36%2055.2518C312.889%2046.6187%20460.529%2011.6547%20539.09%2030.6475C617.651%2049.6403%20621.037%2050.5036%20660.995%2062.5899C705.693%2076.4029%20796.444%20104.029%20908.868%20102.734C1028.74%20101.439%201246.14%2031.0791%201335.53%2034.5324C1345.02%2034.964%201380.23%2037.9856%201406.65%2043.1655C1432.38%2048.3453%201470.31%2059.5683%201521.78%2063.4532C1543.45%2065.1799%201577.99%2068.2014%201617.95%2067.3381C1628.11%2066.9065%201660.61%2065.6115%201699.22%2060.4317C1737.82%2055.2518%201773.71%2047.0504%201806.22%2044.4604C1875.98%2039.7122%201920%2046.6187%201920%2046.6187V0H0V41.8705ZM153.736%2048.777C158.476%2044.4604%20167.28%2047.0504%20182.857%2047.0504C198.434%2047.0504%20224.169%2041.8705%20222.138%2042.3022C220.106%2042.7338%20201.143%2048.777%20181.503%2050.5036C161.185%2052.6619%20149.672%2053.0935%20153.736%2048.777ZM278.349%2037.1223C278.349%2037.1223%20294.603%2036.259%20316.275%2033.2374C337.947%2029.7842%20386.032%2021.1511%20418.54%2018.1295C474.074%2013.3813%20525.545%2018.1295%20520.804%2018.5612C515.386%2018.9928%20455.788%2015.9712%20401.609%2023.3094C379.259%2026.3309%20338.624%2032.8058%20317.63%2034.964C295.28%2037.554%20278.349%2037.1223%20278.349%2037.1223ZM665.735%2036.6906C654.222%2033.6691%20755.81%2056.9784%20791.026%2063.0216C805.249%2065.6115%20833.016%2069.9281%20858.751%2071.6547C885.164%2073.3813%20919.026%2073.3813%20918.349%2073.813C918.349%2074.6763%20879.069%2077.2662%20842.497%2073.813C805.926%2070.3597%20807.281%2069.0648%20791.026%2066.9065C765.291%2063.4532%20677.249%2039.7122%20665.735%2036.6906ZM571.598%2029.7842C570.243%2029.7842%20577.016%2028.0576%20604.106%2034.5324C631.196%2041.0072%20649.482%2049.6403%20650.836%2050.5036C652.191%2050.9353%20627.132%2042.7338%20606.138%2037.554C585.82%2032.3741%20572.275%2029.7842%20571.598%2029.7842ZM3.38623%2025.8993C4.06348%2026.3309%2016.2539%2030.6475%2035.8942%2036.6906C55.5343%2042.7338%2082.6244%2048.777%2081.2699%2048.3453C79.9154%2048.3453%2057.5662%2045.7554%2031.1536%2037.554C4.74084%2029.3525%202.70898%2025.4676%203.38623%2025.8993ZM1708.02%2050.0719C1707.34%2049.2086%201720.89%2049.2086%201738.5%2044.8921C1756.11%2040.5755%201775.07%2037.9856%201791.32%2036.259C1818.41%2032.8058%201870.56%2036.6907%201867.85%2037.1223C1865.82%2037.554%201812.32%2035.8273%201783.2%2040.1439C1768.3%2042.3022%201766.94%2042.3022%201744.59%2047.0504C1722.24%2051.7986%201708.7%2051.3669%201708.02%2050.0719ZM1425.61%2039.7122C1422.9%2039.2806%201401.9%2032.8058%201368.72%2028.4892C1335.53%2023.741%201308.44%2026.3309%201308.44%2025.036C1308.44%2023.741%201315.22%2021.1511%201350.43%2023.741C1385.65%2026.3309%201428.32%2040.1439%201425.61%2039.7122ZM1435.09%2028.9209C1433.74%2029.3525%201412.06%2023.3094%201396.49%2021.5827C1380.91%2020.2878%201383.62%2019.4245%201383.62%2018.9928C1383.62%2018.5612%201391.07%2018.1295%201401.9%2019.8561C1413.42%2022.0144%201436.44%2028.4892%201435.09%2028.9209ZM1286.1%2018.9928C1285.42%2019.8561%201262.39%2022.446%201248.17%2026.7626C1233.95%2031.0791%201235.98%2029.3525%201235.3%2028.9209C1234.62%2028.4892%201240.72%2025.4676%201251.56%2023.3094C1262.39%2020.7194%201286.77%2018.1295%201286.1%2018.9928ZM1477.08%2047.9137C1477.76%2049.2086%201475.05%2050.0719%201464.21%2047.0504C1453.38%2044.0288%201446.6%2041.4389%201449.31%2041.8705C1452.02%2042.3022%201455.41%2043.5971%201466.24%2045.3237C1477.76%2047.0504%201476.4%2046.6187%201477.08%2047.9137ZM1686.35%2053.5252C1687.7%2053.5252%201672.13%2056.9784%201664%2057.4101C1655.87%2057.8417%201650.46%2057.8417%201650.46%2056.5468C1650.46%2055.2518%201651.13%2054.3885%201661.29%2054.8201C1672.13%2055.2518%201684.99%2053.5252%201686.35%2053.5252ZM889.228%2091.0791C889.905%2091.5108%20905.482%2089.7842%20940.021%2089.7842C973.884%2089.7842%201032.13%2079.4245%201056.51%2074.6763C1080.89%2069.9281%20988.783%2091.5108%20944.762%2092.3741C900.741%2093.2374%20888.55%2090.6475%20889.228%2091.0791Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M94.1375%2077.6981C94.8147%2077.2664%20125.291%2078.993%20142.899%2077.6981C192.339%2074.6765%20258.032%2063.8851%20255.323%2065.1801C252.614%2066.4751%20162.54%2078.5614%20140.191%2079.4247C107.005%2081.1513%2093.4602%2077.6981%2094.1375%2077.6981Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M379.937%2042.3019C381.291%2041.8703%20410.413%2037.9854%20444.275%2037.1221C478.138%2036.2588%20530.286%2039.712%20527.577%2039.2803C525.545%2038.8487%20487.619%2031.5106%20437.503%2034.1005C387.386%2036.6904%20378.582%2042.7336%20379.937%2042.3019Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M535.026%2057.8417C535.704%2057.4101%20521.482%2053.5252%20513.355%2053.0935C505.228%2052.6619%20499.81%2053.0935%20499.81%2054.3885C499.81%2055.6834%20500.487%2056.5467%20510.645%2056.1151C522.159%2055.6834%20534.349%2058.2734%20535.026%2057.8417Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M558.73%2045.7554C558.73%2045.3237%20588.529%2050.9353%20601.397%2055.2518C614.265%2059.1367%20643.386%2068.6331%20642.709%2068.6331C642.032%2069.0648%20614.265%2061.7266%20600.042%2057.4101C585.82%2053.0935%20558.73%2046.1871%20558.73%2045.7554Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M873.651%20115.252C874.328%20114.82%20904.804%20116.547%20922.413%20115.252C971.852%20112.23%201037.54%20101.439%201034.84%20102.734C1032.13%20104.029%20942.053%20116.115%20919.704%20116.978C886.518%20118.705%20872.973%20115.683%20873.651%20115.252Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M1636.23%2083.3094C1636.23%2083.3094%201628.11%2082.0144%201616.59%2082.8777C1605.08%2083.741%201577.31%2086.7626%201561.06%2085.8993C1532.61%2084.1727%201510.94%2074.2446%201513.65%2074.6763C1516.36%2074.6763%201542.77%2084.1727%201571.89%2082.8777C1584.08%2082.4461%201606.43%2080.7194%201617.27%2081.1511C1628.11%2081.5827%201636.23%2083.3094%201636.23%2083.3094Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M1408.68%2054.3885C1407.32%2054.8201%201395.13%2050.9352%201379.56%2049.6403C1363.98%2048.7769%201365.33%2048.3453%201365.33%2047.482C1365.33%2047.0503%201377.52%2045.7554%201388.36%2047.482C1399.2%2049.6403%201410.03%2053.9568%201408.68%2054.3885Z%22%20fill%3D%22%2304464B%22%2F%3E%3Cpath%20d%3D%22M1814.35%2056.9785C1814.35%2056.5469%201785.23%2056.9785%201768.97%2059.1368C1752.72%2061.2951%201735.11%2067.3383%201735.11%2067.7699C1735.11%2068.2016%201753.4%2064.3167%201769.65%2061.7267C1785.23%2059.1368%201813.67%2057.4102%201814.35%2056.9785Z%22%20fill%3D%22%2304464B%22%2F%3E%3C%2Fsvg%3E);
    height: 28px;
    width: 100%;
    left: 0px;
    top: -27px;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all linear 300ms;
    rotate: 180deg;
}
.gallery-list-title {
    color: var(--white);
    font-size: 24px;
    font-family: FuturaPTDemi !important;
    position: relative !important;
    margin-bottom: 24px !important;
    transition: all linear 300ms !important;
    padding: 4px !important;
}
.gallery-list-title::after {
    content: "";
    position: absolute !important;
    height: 4px !important;
    width: 141px !important;
    left: -20px !important;
    bottom: 0px !important;
    background: var(--secondary-light) !important;
    transition: all linear 300ms !important;
}
.galley-list-box:hover .gallery-list-title{
    position: relative !important;
    transition: all ease-out 300ms !important;
    transform: translatey(0px) !important;
}
.galley-list-box:hover .gallery-list-title::after {
    transition: all ease-out 300ms !important;
    left: 0px !important;
}
.galley-list-box:hover .gallery-details-box {
    height: 158px;
}
.get-involved-tabs {
    background: url(../images/tab-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    position: relative;
    overflow: clip;
    column-gap: 10px;
    row-gap: 5px;
}
.get-involved-tabs::after {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(4, 70, 75, 0.85) 0%, rgba(4, 70, 75, 0.85) 100%);
    background-position: center;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}
.get-involved-tabs .nav-item .nav-link {
    border-radius: 25px;
    color: var(--white);
    font-size: 30px;
    font-family: FuturaPTMedium;
    line-height: 1;
    position: relative;
    z-index: 2;
    min-width: 205px;
}
.get-involved-tabs .nav-item .nav-link:hover {
    background: rgba(255, 255, 255, 0.31);
}
.get-involved-tabs .nav-item .nav-link.active {
    border-radius: 25px;
    background: var(--white);
    color: var(--dark-primary);
    font-size: 30px;
    line-height: 1;
}
#tab_container_903 .tab-content{
    
    background-color:red !important;
}

.about-volunteer .volunteer-img {
    box-shadow: var(--tean-shadow-2);
    border-radius: 25px;
    overflow: clip;
}
.contact-form {
    border-radius: 16px;
    padding: 30px;
    background: var(--white);
    box-shadow: var(--pink-shadow-large);
}
.contact-form .custom-input{
    padding: 18px 16px;
    border-radius: 16px;
    background: var(--light-body-bg);
    border: 0px;
    font-family: FuturaPTMedium;
    font-size: 18px;
    line-height: 1;
}
.contact-form .custom-textarea{
    padding: 18px 16px;
    border-radius: 16px;
    background: var(--light-body-bg);
    border: 0px;
    font-family: FuturaPTMedium;
    font-size: 18px;
    line-height: 1;
    resize: none;
    height: 166px;
}
.contact-form .custom-textarea::placeholder {
    color: var(--grey);
    opacity: 1;
}
.contact-form .custom-input::placeholder {
    color: var(--grey);
    opacity: 1;
}
.contact-form .custom-upload input{
    display: none;
}
.contact-form .custom-upload .custom-input {
    cursor: pointer;
    width: 100%;
}
.News-list-section {
    padding-bottom: 60px;
    border-bottom: 3px solid var(--green);
}
.Event-list-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(180deg, #FFF 0%, #F8F8F8 67%, #F1F1F1 100%);
}
.news-event-detail-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.news-img {
    height: 548px;
    border-radius: 25px;
    overflow: clip;
    box-shadow: var(--tean-shadow-1);
    margin-bottom: 60px;
}
.news-img img {
    object-fit: cover;
    object-position: 50% 1%;
}
.news-details-text {
    padding-bottom: 60px;
    border-bottom: 3px solid var(--green);
}
.news-details-text p , .news-details-text b, .news-details-text span , .news-details-text strong , .news-details-text ul{
    color: var(--grey);
    font-family: FuturaPTBook;
    font-size: 24px;
    line-height: normal;
}
.news-details-text h1 , .news-details-text h2, .news-details-text h3 , .news-details-text h4 , .news-details-text h5, .news-details-text h6 {
    color: var(--black);
    font-family: FuturaPTMedium;
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 36px;
    line-height: normal;
}
.share-news-div {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.share-icon .icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--black);
    border-radius: 100%;
    font-size: 24px;
    transition: all ease-out 300ms;
}
.share-icon .icon svg {
    font-size: 24px;
    height: 24px;
    width: 24px;
    color: var(--tean);
    transition: all ease-out 300ms;
}
.share-icon {
    display: flex;
    gap: 13px;
}
.share-icon .icon:hover {
    border: 1px solid var(--tean);
    background: var(--tean);
    box-shadow: var(--shadow);
    transition: all ease-out 300ms;
}
.share-icon .icon:hover svg {
    color: var(--white);
    transition: all ease-out 300ms;
}
.contact-us-links {
    margin-bottom: 35px;
}
.contact-us-links li {
    margin-bottom: 20px;
    color: var(--primary);
}
.contact-us-links a ,.contact-us-links li {
    color: var(--primary);
    font-family: FuturaPTMedium;
    font-size: 24px;
    transition: all ease-in-out 300ms;
}
.contact-us-links  a:hover {
    color: var(--pink);
    transition: all ease-in-out 300ms;
}
.contact-us-links li:last-child {
    margin-bottom: 0px;
}
.qr-div {
    width: 350px;
    height: 350px;
    background: url(../images/qr-code-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 25px;
    margin-bottom: 80px;
}
.bank-box {
    border-radius: 15px;
    background: var(--white);
    box-shadow: var(--shadow-1);
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.bank-logo {
    height: 71px;
    margin-bottom: 0px;
}
.bank-table {
    border-radius: 4px;
    border: 1px solid #5B5B5B;
    font-family: var(--futura-medium);
    color: var(--dark-primary);
    margin-bottom: 0px;
}
.bank-table tr td{
    color: var(--dark-primary);
    padding: 15px;
    font-size: 20px;
}
.bank-table tr:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.svipl-bapuji{
    margin-top:0px !important;
}
.svipl-acc .w-tabs-section-title{
    color: var(--dark-secondary);
    font-size: 24px;
    font-family: FuturaPTDemi;
   

}
.svipl-acc .w-tabs-section-header{
    padding: 30px !important;
}
.rounded-15{
    border-radius: 15px;
}

.svipl-acc .w-tabs-section-content-h{
    padding: 30px !important;
    padding-top: 0px !important;
}
.svipl-acc .w-tabs-section-header:hover{
    background-color: transparent !important;
}
.svipl-acc .color_custom.active .w-tabs-section-header{
    padding:20px 30px !important;
}
.slider-s-0 .l-section-h {
    padding-top: 0px !important;
}





/* By Test Sahil Patel */

.get-involved-section .wpsm_nav {
    background: linear-gradient(0deg, rgba(4, 70, 75, 0.85) 0%, rgba(4, 70, 75, 0.85) 100%) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 40px !important;
    height: 70px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
    position: relative !important;
    overflow: clip !important;
    column-gap: 10px !important;
    row-gap: 5px !important;
}


.get-involved-section ul.wpsm_nav::after {
    content: "" !important;
    position: absolute !important;
    background: linear-gradient(0deg, rgba(4, 70, 75, 0.85) 0%, rgba(4, 70, 75, 0.85) 100%) !important;
    background-position: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
}
.get-involved-section ul.wpsm_nav::before {
    content: none;
}

/* .get-involved-section #tab_container_903 ul > li a span{
    border-radius: 25px !important;
    color: var(--white) !important;
    font-size: 30px !important;
    font-family: FuturaPTMedium !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    min-width: 205px !important;
    padding: 8px 16px;
} */

.get-involved-section .wpsm_nav > li a:hover {
    background: rgba(255, 255, 255, 0.31) !important;
    border-radius:25px !important;
    background-color: #2DF0FF;
}
/* 
.get-involved-section #tab_container_903 ul .active a span{
    border-radius: 25px;
    background: var(--white);
    color: var(--dark-primary) !important;
    font-size: 30px;
    line-height: 1;
    padding: 8px 16px;
} */

.get-involved-section #tab_container_903 .wpsm_nav-tabs > li > a {
    border-radius: 25px !important;
    color: var(--white) !important;
    font-size: 30px !important;
    font-family: FuturaPTMedium !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    min-width: 205px !important;
    padding: 8px 16px !important;
    opacity: 1 !important;
    background-color: transparent !important;
}
.get-involved-section #tab_container_903 .wpsm_nav-tabs > li.active > a {
    border:none !important;       
    border-radius:25px !important;
    background-color: var(--white) !important;
}
.get-involved-section #tab_container_903 .wpsm_nav-tabs > li {
    width: 100%;
}
.get-involved-section #tab_container_903 .wpsm_nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.31) !important;
}

.get-involved-section > .wpb_wrapper > h3{ 
   display: none !important;
}

.get-involved-section .ul, ol {
    list-style: auto;
    padding-left: 0px !important;
}

.breadcrumb-header .l-section-h {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.breadcrumb-header .l-section-h .breadcrumb-heading {
    position:relative;
    z-index:4;
    font-family: FuturaPTDemi;
}

.breadcrumb-main ol {
    position:relative;
    z-index:2;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.breadcrumb-main .g-breadcrumbs > li, .breadcrumb-main .g-breadcrumbs > span , .breadcrumb-main .g-breadcrumbs-item > a  {
    color: var(--white);
    font-size: 20px;
}
.breadcrumb-main .g-breadcrumbs-item:last-child a {
    color: var(--dark-pink);
    font-size: 20px;
}
ul.contact-links {
    margin-left: 0px !important
    ;
}
.sv-con .wpcf7-response-output {
    color: #ffffff !important;
}
.sv-con .wpcf7-not-valid-tip {
    color: #DB5D82  !important;
    font-weight: 600 !important;
}
.description-post {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.contact-us-links a:hover svg {
    color: #FFF !important;
    position: relative;
    z-index: 1;
}
.no-touch .svipl-foo .w-iconbox-link .w-iconbox-icon svg {
    position : relative;
    z-index: 1 ;
}
.goog-te-gadget {
    font-family: FuturaPTBook;
}
.goog-te-gadget .goog-te-combo {
    height: 30px;
    width:180px;
}
div.goog-te-gadget {
    color: transparent !important;
  }
  .VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
    display: none;
}