.pink-header{
    border: 1px solid #FFB6B6;

    background: #F498C0;
}
.desktop-img{
    display: block;
}
.mobile-img{
    display: none;
}

.hero-banner{
    background: url(../assets/images/top-banner.jpg), no-repeat;
    height: 680px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
}

.bottom-last-banner{
    background: url(../assets/images/bottom-last-banner.png), no-repeat;
    height: 570px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
}

.bottom-banner{
    background: url(../assets/images/bottom-banner.jpg), no-repeat;
    height: 540px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
}
.img-box img{
    width: 160px;
}
.unfpa-img{
    width: 215px;
}
.img-box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.white-box-content{
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 18px 30px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.white-box-content h3{
    color: #F8991C;
    font-family: "Noto Sans Thai";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 53.47px */
}

.plain-content h4{
    color: var(--Black-and-White-White, #FFF);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
    font-family: "Noto Sans Thai";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 48px */
}

.plain-content p{
    color: #FFF;
    /* Header 05 */
    font-family: "Noto Sans Thai";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
}

.button-box{
    display: flex;
    align-items: center;
}
.button-box .buy-now{
    border-radius: 90px;
    border: 1px solid #FFDAE8;
    background: #FF519D;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25), 0px 6px 24px 0px rgba(0, 0, 0, 0.08);
    padding: 18px;
}

.button-box .buy-now a, .button-box  .read-more a{
    color: #FFF!important;
    font-family: "Noto Sans Thai";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;

}

.button-box  .read-more{
    border-radius: 90px;
    border: 1px solid #FFE3BE;
    background: #F8991C;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25), 0px 6px 24px 0px rgba(0, 0, 0, 0.08);
    padding: 18px;
    margin-left:16px;
}

.padding-top-bottom{
    padding: 80px 0 ;
}

.content-box{
    text-align: center;
}
.content-box h2{
    color: var(--Main-Content-Text-Body-Text, #333);
    text-align: center;
    /* Header 02 */
    font-family: "Noto Sans Thai";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 48px */
    letter-spacing: 0.32px;
}

.content-box p{
    color: var(--Main-Content-Text-Body-Text, #333);
    text-align: center;
    /* Header 05 */
    font-family: "Noto Sans Thai";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
}
.card{
    border:none;
}

.card h3{
    text-align: left;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: row;
    width: 100%;
    transform: translateY(0);


    color: var(--Main-Content-Text-Headline-BEC, #FFF);
    /* Shardow 1 */
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40);
    /* Header 04 */
    font-family: "Noto Sans Thai";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 34.5px */
    letter-spacing: 0.46px;
    padding: 16px;
}

.card-container{
    margin-top: 40px;
}

.light-pink-grad{
    background: linear-gradient(180deg, #FFF8FC 0%, #FFF 100%);

}

.box-content h2{
    color: #333;
    font-family: "Noto Sans Thai";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
    margin:14px 0;
}


.box-content p{
    color: #333;
    /* Header 05 */
    font-family: "Noto Sans Thai";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
}

.inline-box{
    display: flex;
    align-items: center;

}
.box{
    border-radius: 24px;
    background: #FFF2F8;
    width: 100%;
    display: flex;
    padding:14px 24px;
    align-items: center;
    justify-content: flex-start;
    margin-right: 16px;

}
.box:last-child{
    margin-right: 0;
}

.box .content-box{
    text-align: left;
    margin-left:16px;
}

.box .content-box h5{
    font-weight: 700;
    font-size: 20px;
}

.box .content-box p{
    font-size: 14px;
}

.box-content .w-drop-img img{
    position: relative;
    left: 20%;
}
.box-content .w-drop-img {
    margin-bottom: 16px;
}

.heading{
    color: #D75A9A;
    text-align: center;
    /* Header 02 */
    font-family: "Noto Sans Thai";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 48px */
    letter-spacing: 0.32px;
}

.list-box h4{
    color: var(--Main-Content-Text-Sub-bodytext, #827C71);
    font-family: "Noto Sans Thai";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 190%; /* 38px */
    letter-spacing: 0.4px;
}

.list-box ul li{
    color: var(--Main-Content-Text-Sub-bodytext, #827C71);
    font-family: "Noto Sans Thai";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: 0.4px;
}

.unfpa-img-wrap{
    text-align: right;
}

.unfpa-content-box{
    display: flex;
    align-items: center;
    /* justify-content:center; */
}

.unfpa-content-box .unfpa-content h5{
    color: var(--BlackandWhite-SmokeGray-10, #F8F7F5);
    font-family: "Noto Sans Thai";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: 1px;
    text-transform: uppercase;
}
.unfpa-content-box .unfpa-content h3{
    color: var(--BlackandWhite-SmokeGray-10, #F8F7F5);
    /* Header 02 */
    font-family: "Noto Sans Thai";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 48px */
    letter-spacing: 0.32px;
}

.unfpa-content-box .unfpa-content p{
    color: var(--BlackandWhite-SmokeGray-10, #F8F7F5);
    /* Header 05 */
    font-family: "Noto Sans Thai";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: 0.4px;
}

.unfpa-content-box .unfpa-content .button-wrap{
    border-radius: var(--Border-Border_Radius-PX24, 24px);
    background: var(--BlackandWhite-SmokeGray-White, #FFF);
    width: fit-content;
    padding:8px 12px 8px 16px;
    margin-top: 40px;
}

.unfpa-content-box .unfpa-content .button-wrap a{
    text-decoration: none;
    color: #333;
    /* Button 02 */
    font-family: "Noto Sans Thai";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.social-media-share{
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-media-share .social-media h4{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans Thai";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 48px */
    letter-spacing: 0.64px;
}


.social-media-share .social-media p{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans Thai";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
}

.social-media-share .social-media .share-to-box{
    padding: 8px 24px;
    border-radius: 90px;
    background: var(--Background-Brand-Color, #FFF);
    width: fit-content;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.social-media-share .social-media .share-to-box label{
    color: var(--Main-Content-Text-Body-Text, #333);
    font-family: "Noto Sans Thai";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-right: 13px;
}
/* .social-media-share .social-media .share-to-box ul{
    display: flex;
    align-items: center;
} */
.social-media-share .social-media .share-to-box .social-icons a img{
    width: 25px;
    height: 25px;
    margin-right: 13px;
}

.social-media-share .social-media .share-to-box .social-icons a{
    text-decoration: none;
}
.nav-button{
    border-radius: var(--Border-Border_Radius-PX24, 24px)!important;
    background: var(--Background-Brand-Color, #FFF)!important;
    color: var(--Main-Content-Text-Body-Text, #333)!important;
    /* Button 02 */
    font-family: "Noto Sans Thai"!important;
    font-size: 14px!important;
    font-style: normal!important;
    font-weight: 700!important;
    /* line-height: 120%; 16.8px */
    letter-spacing: 0.7px!important;
    text-transform: uppercase!important;
    padding:8px 18px!important;
}



.nav-item .nav-link{
    color: var(--BlackandWhite-SmokeGray-White, #FFF);
    font-family: "Noto Sans Thai"!important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700!important;
    line-height: 150%!important; /* 21px */
}
.nav-item{
    margin:0 8px!important;
}


.gender-wealth-img{
    position: relative;
    left: -70px;
}
.good-wealth-img{
    position: relative;
    left: -35px;
}
.unfpa-img-wrap img{
    border-radius: 16px;
}
/*
.navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link{
    padding-left: ;
} */

.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0!important;
}