@font-face {
    font-family: "Figtree";
    src: url(../fonts/Figtree-VariableFont_wght.ttf); /* IE9 Compat Modes */
    /* src: url(../fonts/BloggerSans.eot?68df5283cf9c04c09417802910389bb8?#iefix) format("embedded-opentype"), url(../fonts/BloggerSans.woff?29997dacc8d841113d40b8acd217678d) format("woff"), url(../fonts/BloggerSans.ttf?473736286be144390e31406f9bcb34a6) format("truetype"), url(../fonts/BloggerSans.svg?4e45ea71c03a821bc0ba64e94bb90437#BloggerSans) format("svg"); Legacy iOS */
    font-style: normal;
    font-weight: normal;
  }
  @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
  
body {
font-family: "Figtree", sans-serif!important;
}

body{
    font-family: 'Figtree';

}
body h1,h2,h3,h4,h5,h6{
    font-family: 'Figtree';
}
p{
    font-family: 'Figtree';
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #F4FDFF!important;
}

b, strong {
    font-weight: bolder;
    line-height: 122%!important;
}

body{
    background: var(--Light-blue, #F4FDFF)!important;
    color: var(--medium-gray, #49525C);
}

@media (min-width: 1024px) {
    .logo{
        margin-right: 100px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .logo{
        margin-right: 20px;
    }
}



.section a {
    color: #FF3DA6!important;
    text-decoration: none!important;
}

p{
    font-family: 'Figtree'!important;    
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px; 
    color: #49525C;
}
.text-pink{
    color: var(--Pink, #FF3DA6)!important;
}
.text-white{
    color: #ffffff;
}
h1{
    font-size: 135.9px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    color: var(--medium-gray, #49525C);

}

h3{
    font-size: 35.2px!important;
    font-weight: 700!important;
    line-height: 100%!important;
    color:  #49525C!important;

}

h2{
    font-size: 80px!important;
    color: var(--medium-gray, #49525C);

}

h4{
    color: var(--medium-gray, #49525C)!important;
    font-size: 28.1px !important;
    font-weight: 700 !important;
    line-height: 35.1px!important;
}
@media (max-width:991px){
    h4{
        font-size: 24px !important;
        line-height: 30px !important;
    } 
}

.size-55{
    color: var(--medium-gray, #49525C);
    font-size: 54.9px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 60.39px */
}
@media (max-width:991px){
    .size-55{
        font-size: 35.2px;    
        line-height: 44px;
    }
    .size-55 br{
        display: none;
    }
}

header .nav-item{
    text-transform: uppercase!important;
    font-size: 14px!important;
    font-weight: 500!important;
    color: #49515B!important;

}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background-color: #F4FDFF!important;
        border: none;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .6rem!important;
        padding-left: .6rem!important;
        font-size: 14px;
        font-weight: 500;
    }
}

header .nav-link{
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 500!important;
    color: #49515B!important;
}
.dropdown-menu .dropdown-item{
    font-size: 14px;
}

.primary-nav .dropdown-item {
   
    padding: 0px 0.5rem;
    line-height: 24px;
}

.who-title-footer {
    color: #49525C;
    font-family: 'Figtree'!important;    
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 2px;
}

.second-navbar .nav-link{
    color: #49525C!important;
    font-size: 18px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 100%!important; 
    text-transform: none!important;

}

@media (min-width: 992px) {
.second-navbar{
    margin-top: 30px;
}
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        margin-top: -57px;
    }
}




/* hero banner css  */
@media (min-width: 992px) {
.image-bottom{
    margin-left: -30px;
}
}
.hero-title{
    margin-top: 80px;
    color: #FF3DA6;
    text-align: right;
    font-size: 135.9px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 135.9px */
}
@media (max-width: 991px) {
    .hero-title{
        font-size: 98px !important;     
        line-height: 100% !important;     
    }   
}

.hero-content{
    color: var(--CoolGray-90, #49525C);
    font-size: 28.1px;
    font-style: normal;
    font-weight: 700;
    line-height: 35.1px; /* 28.1px */
}
@media (max-width:991px){
    .hero-content{
        font-size: 24px;
        line-height: 30px;
    }
}
.hero-banner-content{
    margin-top: 80px;
    padding-right: 40px;
}

.whof-primary-button{
    color:#fff ;
    padding-left:50px;
    margin-top: 30px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 100%; /* 16px */
    display: flex;
    height: 34px;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: var(--Dark-grey, #49515B);
}
/* hero banner css  */





/* two column  */
.who-pt{
    padding-top: 80px;
    /* padding-bottom: 80px; */
}
.whof-primary-button{
    color:#fff ;
    padding-left:50px;
    margin-top: 30px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 100%; /* 16px */
    display: flex;
    height: 34px;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: var(--Dark-grey, #49515B);
    border: none;
}

.content-centered{
    padding-left: 1.90%;
    padding-right: 1.90%;
}

/* two column end  */




/* multi-column css  */
.multi-title{
    color: #FF3DA6;
    /* H2 Pink titles */
    font-family: 'Figtree'!important;    
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 80px */
}


.who-inner-px{
    padding-top:64px;
}

.read-more{
    padding-top: 20px;
    color: var(--Pink, #FF3DA6);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
    text-decoration: none!important;
    margin-top: 16px;
    
}

.read-more:hover{
    color: #FF3DA6;
}
/* multi coulmn end  */


/* horizontral line starts  */

.blue_divider{
    height: 20px!important;
    color: #FF3DA6!important;
}

.horizontal-divider{
    height: 1px;
    background-color: #1BD1FC!important;

}
/* horizontal line ends  */





/* inlcined background css  */



.col-md-6.col-lg-6.col-sm-12.compressed {
    max-width: 548px;
    padding-bottom: 20px;
    margin-top: 9px;
}


@media (min-width: 1640px) {
    .col-md-6.col-lg-6.col-sm-12.who-pt.compressed {
        margin-top: 100px;
    }
}
/* inclined css ends  */




/* members  */
.member-title{
    font-weight: 700;
    margin-bottom: 5px!important;
}

.members .card {
    background-color: transparent;
    border: 0px;
}

@media (min-width: 992px) {
.members-px{
    padding-left: 80px;
    padding-right: 80px;
}
}

.members .card-body {
    flex: 1 1 auto;
    padding-top: 20px;
    padding-left: 0px!important;
}

img.card-img-top {
    max-width: 160px!important; 
    max-height: 171px!important;
}

.members .member-py{
    padding-top: 32px;
    padding-bottom: 32px;
}

.members .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 0px solid #e9ecef;
}

.members .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: var(--Light-blue, #F4FDFF);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
}
/* members css end  */






/* focus areas banner  */
.focus-areas-hero-title{
    color: rgba(255, 61, 166, 0.90)!important;
    font-size: 80px!important;
    font-weight: 700!important;
    line-height: 122%!important; /* 80px */
}
@media (max-width:991px){
    .focus-areas-hero-title{     
        font-size: 52px !important;        
        line-height: 62px !important;
    }
}
.focus-area-banner-content{
    margin-top: 24px;
}

.focus-areas-hero-sub{
    font-weight: 700!important;
}

/* focus areas banner end  */



/* spacing height starts  */

.height-space-padding{
    padding-bottom: 100px!important;
}

/* spacing height ends  */


/* facts and figures  */

.facts-title{
    display: flex;
    height: 40px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background: #FFCC59;
    width: auto;
}


.facts-amount{
    color: var(--Pink, #FF3DA6);
    text-align: center;
    font-size: 80px;
    /* font-style: normal; */
    font-family: 'Figtree';

    font-weight: 700;
    line-height: 100%; /* 80px */

}

.facts-sub-text{
    color: var(--Pink, #FF3DA6)!important;
    text-align: center!important;
    font-size: 28.1px!important;
    font-weight: 700!important;
    line-height: 100%!important; /* 28.1px */
}

.facts-main-content{
    color: #49525C;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    }
/* facts and figures ends  */




/* membership logo */


.image-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px; /* Adjust the gap between images as needed */
}
@media (max-width:575px){
    .image-grid {
        grid-template-columns: auto auto;
    }
}

.image-grid img {
    width: 100%;
    height: auto;
    display: block;
}

.page-id-555 .membership img.card-img-top{
    max-width: 160px !important;
    max-height: 80px !important;
}

/* membership logo end  */





/* breadcumbs menu s */

#breadcrumbs li {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    color: #6D737F;
}

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
    padding-left: 0;
    position: relative;
    z-index: 999;
}
#breadcrumbs li{
        display:inline-block;
        vertical-align:middle;
        margin-right:15px;
        font-size: 12px;
        color: #6D737F;
}
#breadcrumbs li a{
            font-size: 12px;
            color: #6D737F;
        }
    
#breadcrumbs li a   .separator{
        font-size:12px;
        font-weight:100;
        color:#ccc;
    }

.breadcrumb-category{
    display: flex;
    height: 40px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background: #FFCC59;
    width: auto;
    margin-right: 10px!important;
}


/* breadrumns menu ends  */


/* single blogs content  */

.related-post-title{
    color: var(--medium-gray, #49525C);
    /* Body */
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    text-decoration: none!important;
}

.read-minutes{
    margin-left: auto; /* Push this paragraph to the right */
    border-radius: 24px;
    background: var(--Pink, #FF3DA6);
    color: var(--Default-White, #FFF);
    font-size: 11.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 11.5px */
    letter-spacing: 0.5px;
    display: flex;
    height: 17px;
    padding: 19px 15px;
    justify-content: center;
    align-items: center;
    width: auto;

    
}

.flex-container {
    display: flex;
}
.blog-title{
    color: var(--medium-gray, #49525C);
    font-size: 43.9px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 43.9px */
}


.main-blogs-content{
    margin-top: 64px;
}

@media (min-width: 992px) {
.blog-main-content{
    margin-left: 100px;
}
}
/* single blogs content ends  */


/* related content  */

.related-post-image{
    max-width: 267px;
}

.related-content-title{
    color: var(--CoolGray-90, #49525C);
    /* Body bold */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 18px */

}

/* related contrent  */



/* contact form  */


div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    border-radius: 24px!important;
    background: var(--Dark-grey, #49515B)!important;
    display: flex!important;
    height: 34px!important;
    padding: 16px 20px!important;
    justify-content: center!important;
    align-items: center!important;
    color: #fff!important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color:none!important;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    /* font-family: 'Figtree'!important;     */
    border: 0px solid #ccc!important;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
    border-bottom: 1px solid #ccc!important;
}


div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: none!important;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    /* font-family: 'Figtree'!important;     */
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

.wpforms-form .wpforms-field.wpforms-field-text input {
    background-color: red!important;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

/* contaqct form end  */


/* storyworks  */


.post-thumbnail-wrapper {
    position: relative;
}
.play-icon-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 60px; /* Adjust the size as needed */
    height: 60px; /* Adjust the size as needed */
}
.play-icon {
    width: 100%;
    height: 100%;
}


/* video container  */

.video-container {
    max-width: 750px;
    margin: 0 auto;
}

.small-text{
    font-size: 12px;
}

.youtube-info{
    max-width: 700px!important;
}

/* story works  */



/* wp form  */


div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: #F4FDFF!important;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    /* font-family: 'Figtree'!important; */
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}




/* wp-form ends  */






/* search modal  */



/* // search button  */

.openBtn {
    background: none!important;
    border: none;
    /* padding: 10px 15px; */
    /* padding-top: 30px; */
    /* font-size: 18px!important; */
    cursor: pointer;
}
/* 
.openBtn:hover {
    background: #ffffff!important;
} */

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #49525C;
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    /* text-align: center; */
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 18px;
    cursor: pointer;
    color: white!important;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: #49525C;
    border-bottom: 1px solid #fff;
    color: #fff;
}

/* .overlay input[type=text]:hover {
    background: #f1f1f1;
} */

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: none!important;
    font-size: 17px;
    color: #ffffff!important;
    border: none;
    cursor: pointer;
}

/* .overlay button:hover {
    background: Pink!important;
} */

.search-modal ::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
    font-size: 28px;
  }


  .search-modal input:focus{
    outline: none;
}


.text-white{
    color: #fff!important;
}

.search-result-title{
    font-size: 44px;
    color: #49525C;
    font-size: 700;
    padding-bottom: 50px;
}

.search-result-item{
    color: #FF3DA6!important;
    text-decoration: underline;
    font-size: 22px;
}

/* search modal ends  */


/* animation  */


/* hero banner animation  */

.bar.fade-right-banner{
    width: 761px;
    height: 105px;
    position: absolute;
    left: -217px;
    top: 148px;
    border-radius: 56px;
    background: #FFCC59;
    background-blend-mode: multiply;
    z-index: 0;
}

.bar.fade-left-banner{
    width: 1055.96px;
    height: 202.096px;
    position: absolute;
    right: -435.96px;
    bottom: 16.782px;
    border-radius: 123.458px;
    background: #FF3DA6;
    background-blend-mode: multiply;
}
@media (max-width:575px){
    .bar.fade-right-banner{
        width: 100%;
        left: -117px;        
    }

    .bar.fade-left-banner{
        right: -90px;
        width: 110%;
    }
}


.hero-title {
    margin-top: 80px;
    color: #FF3DA6;
    text-align: right;
    font-size: 135.9px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    position: relative;
    z-index: 999;
    mix-blend-mode: darken;
    font-family: 'Figtree'!important;

}
.size-35{
    color: var(--medium-gray, #49525C);
    font-family: Figtree;
    font-size: 35.2px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px; /* 35.2px */
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Figtree'!important;
}

.hero-banner img.hero-image {
    z-index: 999;
    position: relative;
}

.section.hero-banner {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* hero banner animation  ends */


/* question mark animation  */

.image-question {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* animation: fade 5s infinite; */
    mix-blend-mode: multiply; /* Change the blend mode as needed */
    background-size: cover;

}


/* .image-question.image1{
    top: 10px;
    left: 10px;
} */

/* question mark animation ends  */


/* hero banner who animation  */

.who-fade-left-banner{
    top: 688px;
    left: -181.5px;
    width: 743px;
    height: 142px;
    background: #FFCC59;
    mix-blend-mode: multiply; /* Change the blend mode as needed */
    z-index: 0;
    border-radius: 123.458px;
    position: absolute;
    z-index: 0;
}

.who-fade-right-banner{
    top: 558px;
    left: 381px;
    width: 1177px;
    height: 225px;
    background: #1BD1FC;
    mix-blend-mode: multiply; /* Change the blend mode as needed */
    z-index: 0;
    border-radius: 123.458px;
    position: absolute;
    /* max-width: 1920px; */
}

.hero-banner-image .hero-image{
    position: relative;
    z-index: 999!important;
}
@media (max-width:991px){
    .who-fade-left-banner{
        width: 100%;
        left: -155px;
    }
    .who-fade-right-banner{
        width: 100%;
        left: 120px;
    }
    .hero-banner-image .hero-image{
        width: 100% !important;
    }
}


.section.hero-banner-who {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden!important;
}


/* hero banner who animation ends  */


/* about who animation  */

.centered-vertically{
    margin: auto!important;
}

.who-fade-two-column-left{
    top: 3650px;
    left: 557px;
    width: 883px;
    height: 169px;
    background: #FF3DA6;
    mix-blend-mode: multiply;
    z-index: 0;
    border-radius: 123.458px;
    position: absolute;
    display: none;
}

.who-two-column-fade-right{
    top: 3845px;
    left: 200px;
    width: 1066px;
    height: 204px;
    background: #FFCC5A;
    mix-blend-mode: multiply;
    z-index: 0;
    border-radius: 123.458px;
    position: absolute;
}
@media screen and (min-width: 998px) and (max-width: 1500px) {
.who-two-column-fade-right {
    left: 100px;
}
}

@media screen  and (min-width: 1600px) {
    .who-two-column-fade-right {
        width: 1266px;
        left: 300px;
    }
    }
    
/* about who animation end  */
@media (max-width:575px){
    .about-who-animation.responsive{
        position: relative;
        top: 500px;
    }
    .who-fade-two-column-left{
        top: unset;
        left: -75px;
        width: 100%;
    }
    .who-two-column-fade-right{
        top: unset;
        left: 130px;
        width: 100%;
    }
    .page-id-666{
        overflow-x: hidden;
    }
}


/* focus areas svg animation  */
.focus-areas-main{
    top: 0px;
    position: relative;
    left: 0px;
}


.members-board-title{
    color: #49525C!important;
}

.about-who-banner-title{
    font-size: 135px!important;
}
@media (max-width: 991px) {
    .about-who-banner-title{
        font-size: 98px!important;
    }   
}

.focus-area-banner-content{
    color: #49525C!important;
}





@media (min-width: 1640px) {
    .page-id-48 .col-md-6.col-lg-6.col-sm-12.compressed{
        margin-top: 100px!important;
    }
}


.col-md-6.col-lg-6.col-sm-12.compressed {
    max-width: 548px;
    padding-bottom: 40px;
    margin-top: 10px!important;
}



.text-11{
    font-size: 11px!important;
}

@media (min-width: 1640px) {
    .page-id-48 .col-md-6.col-lg-6.col-sm-12.compressed {
        margin-top: 190px !important;
    }
}

h5{
    color: #49525C!important;
    font-family: "Figtree";
    font-size: 22px!important;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-large, div.wpforms-container-full .wpforms-form select.wpforms-field-large, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large {
    max-width: 100%;
    /* font-family: "Figtree"; */
}

div.wpforms-container-full .wpforms-form .wpforms-field-select select>option {
    /* font-family: 'Figtree'; */
}




@media (min-width: 992px) {
     .navbar-expand-lg.second-navbar .navbar-nav .nav-link {
        padding-right: 2.6rem !important;
        padding-left: .6rem !important;
        font-size: 14px;
        font-weight: 500;
    }
}



@media (min-width: 992px) {
.bottom-attached .hero-banner-image {
    position: absolute;
    bottom: 0;
}
}

.blog-main-content a{
    color: #FF3DA6;
}

.blog-main-content a:hover{
    color: #FF3DA6;
}

ul {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.second-nav {
    /* transition: margin-top 0.3s; */
    position: relative;
    z-index: 0;
    transition: all 0.5s ease;

}


@media (min-width: 1024px) {
.pushed-down {
    margin-top: 120px;
    transition: all 0.5s ease;
     /* position: relative; */
  }
}



/* menu customization on mobile  */

@media (max-width: 515px) {
.whof-header-logo {
    max-width: 200px!important;
}
}

@media (max-width: 515px) {
.navbar-light .navbar-toggler {
    color: #49525C!important;
    border: none;
    font-size: 14pt;
    margin-top: -70px;
}
}

img.storyw-rks-image {
    object-fit: cover;
    width: 100%;
    max-height: 190px;
}


@media (max-width: 515px) {
.mobile-menu a#navbarDropdownMenuLink {
    color: #fff;
    padding-left: 0px;
}
}

@media (max-width: 515px) {
    .mobile-menu li {
        color: #fff;
    }
    }

    @media (max-width: 768px) {
        .mobile-menu li a{
            color: #fff;
        }
        }
@media (max-width: 768px) {
.mobile-menu ul{
    padding-left: 0px;
}
}
@media (max-width: 515px) {
    .overlay-content.search-modal {
        top: 20%;   
    }
}
@media (max-width: 768px) {
    .mobile-menu ul.dropdown-menu {
        background:#F4FDFF ;
    }
}

@media (max-width:575px){
    .col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%;        
    }
    .members .card-body{
        padding-right: 0;
    }
}
@media (max-width:768px){
    .mobile-menu a.dropdown-item {
        color: #49515B;

}
}

@media (max-width:575px){
.page-id-48 img.hero-image.image-bottom {
    left: -20px;
}
}

@media (max-width: 515px) {
    .size-35{
        font-size: 24px!important;
        line-height: 31px;
    }
    
    }

    @media screen and (min-device-width: 700px) and (max-device-width: 780px) { 

        .page-id-48 .bar.fade-left-banner {
            width: 100%;
            right: -100px;
        }
    }


@media (max-width: 515px) {
.section.two-coulmn.who-pt {
    overflow-x: hidden;
	overflow-y: hidden;
}
}
@media (max-width: 515px) {
section.icon-text.who-pt {
    overflow-x: hidden;
}
}

a.text-decoration-none.wt-cli-element.cli_settings_button.manage-cookies {
    color: #49525c !important;
}


@media (max-width: 350px) {
    .whof-header-logo {
        max-width: 135px !important;
    }
}

@media (max-width: 286px) {
    .whof-header-logo {
        max-width: 100px !important;
    }
}


.page-id-1874 tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}


ul.list-unstyled.footer-menu {
    line-height: 25px;
}





/* mobile menu dropdown  */

.mobile-menu .sub-menu {
    list-style: none;
    margin-left: 0;
}

.mobile-menu .sub-sub-menu {
margin-left: 15px;
display: none;
}



/* mobile menu dropdown ends  */








/* custom css for governance page  */

.padding-top-100{

    padding-top: 100px;
}


.document-heading{
    font-size: 18px;
    font-weight: 700;
}

.horizontal-divider-grey-color{
    height: 1px;
    background-color: #49525C!important;

}

.filter-group {
    margin-bottom: 15px;
}

.filter-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.filter-group select {
    width: 100%;
    width: 300px; /* Optional: Set a max width */
    padding: 5px;
    margin-top: 5px;
}

.filter-container {
    display: flex;
    flex-wrap: wrap; /* Adjust if fields might wrap on smaller screens */
    gap: 20px; /* Space between fields */
}

.governance-submit{
    padding: 9px 20px;
}

.filter-group select {
    width: 100%;
    width: 300px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #49525C;
    color: #49525C;
}

.filter-group.year select {
    width: 100%;
    width: 150px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #49525C;
    color: #49525C;
}
/* unwanted  */

/* read more button click event  */


.slide-read-more{
    overflow:hidden;
}
.slide-read-more-button{
    cursor: pointer;
    text-align: right;
    display: none;
}

/* naimate second  */



/* mobile list  */

@media (min-width: 750px) {
    .mobile-titles {
        display: none;
    }
}

.column-titles-desktop{
        display: none!important;
}


@media (min-width: 750px) {
    .column-titles-desktop {
        display: flex!important;
    }
}

@media (min-width: 750px) {
    .desktop-float-right{
        float: right;
    }
}



/* drodown safari  */


.filter-group select {
    width: 100%;
    width: 300px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #49525C;
    color: #49525C;
    -webkit-tap-highlight-color: transparent;
    background: url(../../assets/other-assets/icons/down-chevron.png) no-repeat right white;
    -webkit-appearance: none;
}


.filter-group.year select {
    width: 150px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #49525C;
    color: #49525C;
    -webkit-tap-highlight-color: transparent;
    background: url(../../assets/other-assets/icons/down-chevron.png) no-repeat right white;
    -webkit-appearance: none;
}


/* pagination css  */
.tools-pagination{
    margin: 50px 0;
    display: flex;
  }
  .page-numbers{
    padding: 10px 20px;
    margin: 0 5px;
    border-radius: 50px;
    min-width: 26.26px;
    display: inline-block;
    text-align: center;
    border: 1px solid var(--grey);
    color: var(--darkgrey);
  }
  .page-numbers.next{
    padding: 10px 14px;
    background-color: #FF3DA6 ;
    border-color: #FF3DA6;
    color: var(--white);
  }
  .page-numbers.prev{
    padding: 10px 14px;
    background-color: #FF3DA6;
    border-color: #FF3DA6;
    color: var(--white);
  }
  .page-numbers.dots{
    padding: 10px 14px;
    background: transparent;
  }
  .page-numbers.current{
    background-color: #243B9E;
    border-color:#243B9E;
    color: var(--white);
  }


  /* additional typescale blogs  */
.main-blogs-content h1{
    font-size: 44px;
    line-height: 55px;
}

.main-blogs-content p.wp-caption-text {
    font-size: 15px;
    line-height: 18px;
    padding-top: 10px;
}

.main-blogs-content .post-summary-text h5{
    font-size: 23px!important;
    line-height: 28px;
}

.main-blogs-content h2{
    font-size: 28.1px!important;
    line-height: 35.1px;
    color: #49525C;
    padding-bottom: 0px;
    padding-top: 20px;
}

.main-blogs-content blockquote p{
    color: #FF3DA6;
    font-size: 22.5px;
    line-height: 28px;
    font-weight: 700;
}

.main-blogs-content blockquote{
	margin-bottom:0px;
}


.main-blogs-content blockquote p::before {
    content: "\201C";
  }
  
  
.main-blogs-content blockquote p::after {
    content: "\201D";
  }
  @media (min-width: 998px) {
  .main-blogs-content iframe {
    border: 0;
    width: 100%;
    height: 450px;
}
  }
  

  .main-blogs-content iframe {
    border: 0;
    width: 100%;
}
  /* additional typescale ends  */

  /* policies typo  */

  .page-id-931 h1, .page-id-1357 h1, .page-id-1874 h1{
    font-size: 44px;
    line-height: 55px;
    color: #49525C;
    padding-bottom: 10px;
  }

  .page-id-931 h2, .page-id-1357 h2, .page-id-1874 h2{
    font-size: 28.1px !important;
    line-height: 35.1px;
    color: #49525C;
    padding-bottom: 0px;
    padding-top: 20px;
  }

  .page-id-931 li, .page-id-1357 li, .page-id-1874 li {
    line-height: 150%;
}

table.table-striped {
    margin: 20px 0px 20px 0px;
}


 /* youtube video  */


  .youtube-video .video-container iframe{
        aspect-ratio: 16 / 9 auto;
  }


  @media (max-width: 575px) {
    .page-id-666 .who-two-column-fade-right {
        top: unset;
        top: -478px;
        left: 64px;
        width: 100%;
    }
}

@media (max-width: 850px) {
button.whof-primary-button.header-donate.mt-0 {
    float: inline-end;
    left: -50px;
    position: relative;
}
}

.mobile-only-button {
    display: none; /* Hide by default */
}

@media (max-width: 850px) {
    .mobile-only-button {
        display: inline-block; /* Show only on screens smaller than 768px */
    }
}




  
  .contents-top.justify-content-center.align-center {
    display: flex;
}

.top-header{
    background-color:#49525C ;
}

.new-formdonate{
width: 184px;
height: 34px;
font-size: 20px;
font-weight: 600;
/* UI Properties */

color: #F4FDFF;
background: var(--unnamed-color-ff3da6) 0% 0% no-repeat padding-box;
background: #FF3DA6 0% 0% no-repeat padding-box;
border-radius: 24px;
opacity: 1;
justify-content: center;
align-items: center;
border: none;
}

@media (min-width: 540px) {
.desktop-d-flex{
    display: flex!important;
}
}

@media (max-width: 540px) {
    .desktop-d-flex{
        justify-content: center;
        display: grid;
        margin-bottom: 10px;
    }
}
@media (min-width: 540px) {
.cta-button-top{
    margin-left: 20px;
    margin-top: -5px;

}
}
@media (max-width: 540px) {
    .cta-button-top{
        justify-content: center;
        display: grid;
    }
    }

.main-blogs-content ul {
    margin-left: 15px;
    line-height: 140%;
}