body{

    font-family: 'Poppins', sans-serif;

}





/* root color */

:root{

    --bg_white: #fff;

    --bg_primary: #8DC73F;

    --bg_primary_light: #f3f9eb;

    --bg_secondary: #F99220;

    --bg_secondary_light: #FEF9F4;

    --bg_black: #000000;

    --bg_gray: #686868;

    --bg_blue: #00AEEE;

}

/* root color */



.container-fluid{

    padding-left: 60px;

    padding-right: 60px;

    max-width: 100%;

}

/*.container{

    width: 100%;

    max-width: 1620px;

}*/



/* button */

.btn{

    height: 70px;

    min-width: 230px;

    padding: 0 30px;

    font-size: 20px;

    line-height: normal;

    font-weight: 500;

    border-radius: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.btn-primary{

    background-color: var(--bg_white);

    border-color: var(--bg_white);

    color: var(--bg_black);

}

.btn-primary:hover{

    background-color: var(--bg_white);

    border-color: var(--bg_white);

    color: var(--bg_black);

}





.btn-primary-outline{

    background-color: transparent;

    border-color: var(--bg_black);

    border: 2px solid;

    color: var(--bg_black);

}

.btn-primary-outline:hover{

    background-color: transparent;

    border-color: var(--bg_black);

    color: var(--bg_black);

}



.btn-secondary-outline{

    background-color: transparent;

    border-color: var(--bg_white);

    border: 2px solid;

    color: var(--bg_white);

}

.btn-secondary-outline:hover{

    background-color: transparent;

    border-color: var(--bg_white);

    color: var(--bg_white);

}

/* button */















/* navbar */

.main-header .navbar .container-fluid{

    padding-left: 70px;

    padding-right: 70px;

}

.main-header .top-nav{

    height: 68px;

    background-color: var(--bg_primary);

    padding: 0 70px;

}

.main-header .top-nav a{

    font-size: 18px;

    color: var(--bg_white);

    text-decoration: underline;

    font-weight: 500;

}

.main-header .top-nav .language a:first-child:before{

    height: 100%;

    width: 1px;

    content: "";

    background-color: var(--bg_white);

    position: absolute;

    right: -1px;

    top: 50%;

    transform: translate(-50% , -50%);

}

.main-header .top-nav .language a:first-child{

    padding-right: 5px;

    position: relative;

}

.main-header .top-nav .language a{

    opacity: 0.5;

    text-decoration: none;

}

.main-header .top-nav .login ,

.main-header .top-nav .language {

    padding-right: 30px;

}

.main-header .top-nav .language a.active{

    opacity: 1;

    text-decoration: underline;



}

.main-header .navbar {

    background-color: var(--bg_white);

    min-height: 128px;

}

.main-header .main-logo img{

    width: 112px;

    height: 112px;

}

.main-header .main-nav .main-item {

    padding-left: 35px;

    padding-right: 35px;

}

.main-header .main-nav .main-item .main-link{

    color: var(--bg_black);

    opacity: 0.5;

    font-size: 20px;

    font-weight: 500;

    padding-left: 0;

    padding-right: 0;

    position: relative;

}

.main-header .main-nav .main-item:first-child{

    padding-left: 0;

}

.main-header .main-nav .main-item:last-child{

    padding-right: 0;

}

.main-header .main-nav .main-item.dropdown .main-link{

    padding-left: 0;

    padding-right: 24px;

}

.main-header .main-nav .main-item .main-link.active{

    opacity: 1;

}

.main-header .main-nav .main-item.dropdown .main-link::after{

    border: none;

    background-image: url(../images/icon/menu-arrow.svg);

    content: "";

    width: 14px;

    height: 7px;

    background-repeat: no-repeat;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.navbar-toggler{

    height: 50px;

}



.navbar-toggler img{

    height: 50px;

}

.main-header .navbar { 

    position: relative;

    z-index: 999;

}







.main-header .main-nav  .dropdown-menu.show {

    display: none;

}





.arrow_btns{

    position: relative;

}

.arrow_btns .slick-arrow{

    padding: 0px;

}

.banner-slider .slick-prev{

    position: absolute;

    right: -80px;

    top: 50%;

    width: 40px;

    height: 40px;

    background-color: transparent;

    transform: translateY(-50%);

    border: 0;



}

.banner-slider .slick-next{

    position: absolute;

    right: -150px;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    background-color: transparent;

    border: 0;

}









/* navbar */





/* slider */

.slider-image{

    max-height: calc(100vh - 196px);

    width: 100%;

}

.slider-item{

    position: relative;

}

.overlay{

    background-color: rgba(0, 0, 0, 0.3);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.slider-text{

    height: 100%;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    padding-left: 60px;

    padding-right: 60px;

}

.slider-text h2{

    font-size: 65px;

    line-height: 95px;

    font-weight: 700;

    color: var(--bg_white);

}





/* slider */





/* card section */

.card-section{

    padding-top: 80px;

    padding-bottom: 80px;

}

.card-section .card-image {

    width: 80px;

    height: 80px;

    background-color: var(--bg_primary_light);

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 30px;

}

.card-section .card-image img{

    filter: brightness(0) saturate(100%) invert(76%) sepia(51%) saturate(579%) hue-rotate(35deg) brightness(89%) contrast(85%);

}

.card-section .card-text h3{

    font-size: 26px;

    color: var(--bg_black);

    font-weight: 600;

    margin-bottom: 10px;

    line-height: 39px;

}

.card-section .card-text p{

    font-size: 16px;

    color: var(--bg_black);

    font-weight: 400;

    line-height: 24px;

    opacity: 0.5;

    margin-bottom: 0px;

}

.card-section .main-card {

    background-color: var(--bg_white);

    padding-bottom: 90px;

    padding-top: 90px;

    border: 1px solid rgba(141, 199, 63, 0.2);

    display: flex;

    align-items: center;

    justify-content: center;

}

.main-card:hover{

    background-color: var(--bg_primary_light);

    border: 1px solid #8DC73F;

}

.card-section .main-card:hover .card-image{

    background-color: var(--bg_primary);

}

.card-section .main-card:hover .card-image img{

    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7500%) hue-rotate(156deg) brightness(109%) contrast(114%);

}

/* card section */





/* in focus */

/*.focus{

    background-color: var(--bg_secondary_light);

    padding-top: 60px;

    padding-bottom: 70px;

}*/

.main-title h2{

    font-size: 50px;

    line-height: normal;

    font-weight: 700;

    color: var(--bg_black);

    margin-bottom: 0px;

}

.main-title span{

    font-size: 24px;

    line-height: normal;

    font-weight: 400;

    color: var(--bg_gray);

    margin-bottom: 15px;

}

.main-title p{

    font-size: 30px;

    line-height: 45px;

    font-weight: 500;

    color: var(--bg_gray);

    margin-bottom: 0px;

}



.focus-card-wrapper{

    display: flex;

    align-items: center;

    height: 100%;

    padding: 0 15px;

}

.focus-text{

    background-color: var(--bg_secondary);

    padding: 30px;

    color: var(--bg_white);

    height: 425px;

    width: 100%;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: space-between;

}

.focus-slider {

    margin-left: -15px;

    margin-right: -15px;

    margin-top: 50px;

    margin-bottom: 50px;

}

.focus-pera{

    font-size: 22px;

    list-style: 33px;

    font-weight: 500;

}

.focus-date{

    font-size: 20px;

    list-style: 30px;

    font-weight: 400;

    margin-bottom: 0px;

}



.focus-card-wrapper .focus-image,

.focus-card-wrapper .focus-text{

    width: 50%;

    min-height: 425px;

}

.focus-image img {

    width: 100%;

    object-fit: cover;

    min-height: 425px;

}









.focus{

    position: relative;

}

.focus .slick-arrow{

    padding: 0px;

}

.focus .slick-prev{

    position: absolute;

    left: 0;

    top: 50%;

    width: 40px;

    height: 40px;

    background-color: #fff;

    transform: translate( -60px , -50%);

    border: 0;

    z-index: 2;

}

.focus .slick-next{

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translate( 60px , -50%);

    width: 40px;

    height: 40px;

    background-color: transparent;

    border: 0;

    z-index: 2;

}

.focus .slick-next img,

.focus .slick-prev  img{

    filter: brightness(0) saturate(100%) invert(77%) sepia(67%) saturate(4047%) hue-rotate(346deg) brightness(102%) contrast(95%);

}





/* in focus */







/* latest news */

.latest-news{

    padding-top: 150px;

    padding-bottom: 150px;

}

.latest-news .main-title{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 50px;

}



.news-image img{

    width: 100%;

    height: 1015px;

    object-fit: cover;

}

.news-small .news-image img{

    width: 100%;

    height: 323px;

    object-fit: cover;

}

.news-card{

    position: relative;

    margin-bottom: 20px;

}

.news-card:last-child{

    margin-bottom: 0px;

}



.news-card .overlay-text {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: auto;

    background-color: rgba(0, 0, 0, 0.5);;

    padding: 30px 35px;

}

.news-card.news-small  .overlay-text {

    padding: 10px 15px;

}

.news-card .overlay-text h6{

    font-size: 24px;

    color: var(--bg_white);

    line-height: 40px;

    font-weight: 600;

    opacity: 0.8;

    margin-bottom: 15px;

}



.news-card .overlay-text p{

    font-size: 20px;

    color: var(--bg_white);

    line-height: 30px;

    font-weight: 500;

    opacity: 0.8;

    opacity: 0.8;

    margin-bottom: 15px;

}

.news-card .overlay-text p:last-child{

    margin-bottom: 0px;

}

.news-card.news-small   .overlay-text h6{

    font-size: 16px;

    color: var(--bg_white);

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 8px;

}

.news-card.news-small   .overlay-text p{

    font-size: 14px;

    color: var(--bg_white);

    line-height: 21px;

    font-weight: 500;

    opacity: 0.8;

    margin-bottom: 8px;

}

.news-card.news-small   .overlay-text p:last-child{

    margin-bottom: 0px;

}



.news-card .video-card{

    position: relative;

}

.news-card.video-card .video-icon img{

    width: 100px;

    height: 100px;

}

.news-card.video-card .video-icon{

    width: 100px;

    height: 100px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50% , -50%);

}

/* latest news */



/* contribute*/

.contribute{

    background-image: linear-gradient(rgba(85, 148, 51, 0.8), rgba(85, 148, 51, 0.8)) , url("../images/Contribute/c1.png");

    padding-top: 50px;

    padding-bottom: 70px;

    width: 100%;

    height: auto;

    background-size: cover;

}

.publication .main-title h2,

.contribute .main-title h2{

    color: var(--bg_white);

    margin-bottom: 25px;

}

.publication .main-title p,

.contribute .main-title p{

    color: var(--bg_white);

    margin-bottom: 40px;

}

/* contribute */





/* publication */

.publication{

    background-image: linear-gradient(rgba(0, 174, 238, 0.8), rgba(0, 174, 238, 0.8)) , url("../images/Publication/p1.png");

    padding-top: 80px;

    padding-bottom: 80px;

    width: 100%;

    height: auto;

    background-size: cover;  

    margin-top: 150px;

}





.publication .publication-card {

    background-color: var(--bg_white);

    max-height: 315px;

    margin-bottom: 30px;



}

.publication .publication-card .publication-card-wrapper{



    display: flex;

    align-items: stretch;

}

.publication .publication-card .publication-card-wrapper .publication-card-image{

    border-right: 1px solid #0000001A;

}

.publication .publication-card .publication-card-wrapper .publication-card-image-wrapper img{

    height: auto;

    max-height: 230px;

    max-width: 175px;

    margin: 0 auto;

    width: 100%;

    background-size: cover;

}

.publication .publication-card .publication-card-wrapper .publication-card-image-wrapper{

    padding: 15px 35px;

    display: flex;

}



.wrok-paper a{

    height: 50px;

    background-color: var(--bg_primary_light);

    color: #004346;

    font-size: 18px;

    line-height: 27px;

    font-weight: 500;

    width: 100%;

    display: flex;

    align-items: center;

    text-decoration: none;

    justify-content: center;

}



.publication-card-text{

    padding: 20px;

}

.publication-card-text h4{

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 18px;

}

.publication-card-text .publication-date{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 10px;

    color: #00434680;

}

.publication-card-text .download{

    display: flex;

    align-items: center;

}

.publication-card-text .download p{

    margin-bottom: 0px;

    padding-left: 10px;

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: var(--bg_blue);

}

.publication-card-text .download p span{

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    color: var(--bg_blue);

}

.publication-button button{

    margin-top: 20px;

}



.publication .publication-card .publication-card-wrapper .publication-card-image {

    border-right: 1px solid #0000001A;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.publication-card-text h4{

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;  

    overflow: hidden;

}

.publication-card-image{

    width: 40%;

}

.publication-card-text{

    width: 60%;

}

/* publication */





/* .knowladge */

.knowladge{

    padding-top: 150px;

    padding-bottom: 150px;

}

.knowladge .knowladge-card{

    width: 100%;

    height: 100%;

    position: relative;

    max-height: 363px;

}

.knowladge .knowladge-card .knowladge-image img{

    width: 100%;

    height: 363px;

    object-fit: cover; 

}

.knowladge .knowladge-card .knowladge-image .Knowladge-overlay{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(0, 0, 0, 0.3);

}

.knowladge .knowladge-card .knowladge-image .Knowladge-overlay h5{

    text-align: center;

    color: var(--bg_white);

    font-size: 28px;

    list-style: 42px;

    font-weight: 700;

}

/* .knowladge */





/* Events */

.events .main-title{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 50px;

}

.events{

    margin-bottom: 130px;

}

.events .events-card{

    background-color: var(--bg_white);

    border: 1px solid rgba(0, 0, 0, 0.2);

    padding: 25px 20px;

    margin-bottom: 30px;

    min-height: 232px;

}

.events .events-card:hover{

    background: rgba(0, 111, 138, 0.05);

    border: 1px solid #006F8A;

}



.events .events-card h5{

    font-weight: 500;

    font-size: 24px;

    line-height: 36px;

    color: var(--bg_black);

    margin-bottom: 30px;

}

.events .events-card .events-date{

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: #006F8A;

    margin-bottom: 10px;

}

.events .events-card .category{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: var(--bg_black);

    opacity: 0.6;

    margin-bottom: 0px;

}

/* Events */







/* footer */

.main-footer{

    background-color: #006F8A;

    color: #fff;

}

.main-footer .footer-row{

    padding-top: 70px;

    padding-bottom: 30px;

}

.main-footer .footer-title h4{

    font-weight: 700;

    font-size: 22px;

    line-height: 32px;

    padding-bottom: 20px;

    margin-bottom: 0px;

}

.main-footer .footer-title p{

    font-weight: 500;

    font-size: 18px;

    line-height: 32px;

}

.main-footer .social-media{

    display: flex;

    align-items: center;

}

.main-footer .social-media a{

    padding: 0 15px;

}

.main-footer .social-media a:first-child{

    padding-left: 0 ;

}

.main-footer .footer-link ul{

    list-style: none;

    padding-left: 0px;

}

.main-footer .footer-link ul li {

    padding-bottom: 20px;

}

.main-footer .footer-link ul li a{

    color: var(--bg_white);

    text-decoration: none;

    font-weight: 600;

    font-size: 20px;

    line-height: 32px;

    position: relative;

}

.main-footer .footer-link ul li a.arrow::after{

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -34px;

    width: 20px;

    height: 11px;

    background-image: url(../images/icon/footer-arrow.svg);

}

.main-footer .footer-contact .contact-data{

    display: flex;

    align-items: flex-start;

    padding-bottom: 35px;

}   

.main-footer .footer-contact .contact-data img{

    padding-right: 13px;

}   

.main-footer .footer-contact .contact-data a{

    color: var(--bg_white);

    text-decoration: none;

    font-weight: 400;

    font-size: 18px;

    line-height: 32px;

}   

.main-footer .copyright p{

    margin-bottom: 0px;

}

.main-footer .copyright{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px 0;

    border: 1px solid rgba(255, 255, 255, 0.1);

}   

.footer-phone{

    display: flex;

    align-items: center;

    flex-direction: column;

}

.readmore{

    font-weight: 500;

    font-size: 18px;

    line-height: 32px;

    color: #8CC73F;

    text-decoration: underline;

}

.readmore:hover{

    color: #8CC73F;

}

/* footer */







/*---------- about us ----------*/

/* .small banner */

.small-banner{

    position: relative;

}

.small-banner .slider-text p{

    font-size: 24px ;

    line-height: 36px;

    font-weight: 500;

    color: var(--bg_white);

    max-width: 900px;

}

.small-banner img{

    max-height: 700px;

    width: 100%;

}

/* .small banner */



/* .main-breadcrumb */

.main-breadcrumb{

    width: 100%;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    border-bottom: 1px solid rgba(122, 122, 122, 0.3);

    border-top: 1px solid rgba(0, 0, 0, 0.2);

}

.main-breadcrumb .breadcrumb a {

    display: flex;

}

.main-breadcrumb .breadcrumb a img{

    width: 20px;

    height: 20px;

}

.main-breadcrumb .breadcrumb{

margin-bottom: 0px;

}

.breadcrumb-item + .breadcrumb-item::before {

    float: left;

    padding-right: 0.5rem;

    color: #6c757d;

    width: 20px;

    height: 20px;

    background-image: url(../images/icon/breadcrumb.svg);

    content: var(--bs-breadcrumb-divider, "");

}

.breadcrumb-item + .breadcrumb-item{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #3B8C0E;

}

/* .main-breadcrumb */

/* .we-provide */

/*.we-provide{

    padding-top: 80px;

    padding-bottom: 250px;

}*/

.we-provide .side-menu #block-mainnavigation{

    border: 1px solid rgba(122, 122, 122, 0.2);

}

.we-provide .side-menu ul{

    list-style: none;

    padding-left: 0px;

    margin-bottom: 0px;

}

.we-provide .side-menu ul li a{

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: #7A7A7A;

    text-decoration: none;

    padding: 15px 20px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(122, 122, 122, 0.2);

}

.we-provide .side-menu ul li a.active{

    color: #46C143;

}

.we-provide .side-menu ul li a:hover{

    background: rgba(0, 0, 0, 0.04);

}

.we-provide .side-menu ul li:last-child a{

    border-bottom: 0px solid rgba(122, 122, 122, 0.2);

}

.we-provide .we-provide-row{

    display: flex;

}

.we-provide .we-provide-row .we-provide-col-left{

    max-width: 320px;

    width: 100%;

}

.we-provide .we-provide-row .provide-col{

    padding-left: 25px;

    padding-right: 25px;

    width: calc(100% - 320px);

}

.we-provide .we-provide-row{

    margin-left: -25px;

    margin-right: -25px;

}

.we-provide .main-title{

margin-bottom: 20px;

}

.we-provide .we-provide-row .main-title p{

    font-weight: 500;

font-size: 26px;

line-height: 39px;

}

.we-provide-card{

    position: relative;

    max-height: 420px;

    width: 100%;

}

.we-provide-card .card-image{

    width: 100%;

    height: 100%;

    max-height: 420px;

    object-fit: cover;

}

.we-provide-card .overlay {

    background: rgba(0, 0, 0, 0.4);

}

.we-provide-card .overlay .vision-text{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    padding: 25px;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: flex-end;

}

.we-provide-card .overlay .vision-text img{

    width: 50px;

    height: auto;

    margin-bottom: 10px;

}

.we-provide-card .overlay .vision-text p{

    font-weight: 600;

    font-size: 30px;

    line-height: 45px;

    color: var(--bg_white);

    margin-bottom: 0px;

}

/* .we-provide */





/* gloabal */

.gloabal{

    padding-bottom: 150px;

}

.gloabal .main-title{

    padding-bottom: 50px;

}

.map img {

    width: 100%;

    height: auto;

}

/* gloabal */



/* purpose */

.purpose{

    padding-bottom: 150px;

}

.purpose-card {

    position: relative;

    height: 100%;

}

.purpose-card .purpose-text{

    padding: 60px 50px;



}

.purpose-card .purpose-text h3{

    font-weight: 700;

    font-size: 40px;

    line-height: 60px;

    color: var(--bg_white);

}

.purpose-card .purpose-text p{

    font-weight: 400;

    font-size: 26px;

    line-height: 45px;

    color: var(--bg_white);

    margin-bottom: 50px;

}

 .purpose-card.purpose-right{

    background-color: #004346;

    padding: 60px 50px;

    min-height: 818px;

}

.purpose-card.purpose-right h3{

    font-weight: 700;

    font-size: 40px;

    line-height: 60px;

    color: var(--bg_white);

}

.purpose-card.purpose-right p{

    font-weight: 400;

    font-size: 30px;

    line-height: 54px;

    color: var(--bg_white);

}

.purpose-card.purpose-right ul{

    list-style: none;

    padding-left: 0px; 

}

.purpose-card.purpose-right ul li::before{

    content: "";

    background-image: url(../images/icon/checkmark.svg);

    width: 40px;

    height: 40px;

    background-size: contain;

    position: absolute;

    top: 0;

    left: 0px;

    background-repeat: no-repeat;

}

.purpose-card.purpose-right ul {

    font-weight: 400;

    font-size: 24px;

    line-height: 36px;

    color: var(--bg_white);

}

.purpose-card.purpose-right ul li{

    font-weight: 400;

    font-size: 24px;

    line-height: 36px;

    color: var(--bg_white);

    padding-left: 60px;     

    padding-bottom: 50px;

    position: relative;

}

.purpose-card.purpose-right ul li:last-child{

    padding-bottom: 0px;

}

.purpose-card img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.purpose-card .overlay {

    background-color: rgba(0, 0, 0, 0.4);

}

/* purpose */

/*---------- about us ----------*/









/*---------- Membership ----------*/

/* member contribute */

.member.contribute{

    background-image: linear-gradient(rgba(0, 174, 238, 0.5), rgba(0, 174, 238, 0.5)) , url(../images/Contribute/c1.png);

    padding-top: 50px;

    padding-bottom: 70px;

    width: 100%;

    height: auto;

    background-size: cover;

}

/* member contribute */





/* .other-page */

.other-pages{

    padding-top: 150px;

    padding-bottom: 150px;

}

.other-pages .main-title{

    margin-bottom: 37px;

}

.other-page-card .other-image{

    width: 100%;

    height: 600px;

    object-fit: cover;

}   

.other-card-image{

    position: relative;

}

.other-card-image .other-page-text{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

    padding: 60px 0;

    text-decoration: unset;

}

.other-card-image .other-page-text.bg-blue{

    background: #00AEEE;

}

.other-card-image .other-page-text.bg-green{

    background: #8BC83C;

}

.other-card-image .other-page-text.bg-orange{

    background: #F99220;

}

.other-card-image .other-page-text img{

    width: 33.7px;

    height: auto;

    margin-left: 10px;

}

.charts .chart-col-wrapper img{

    width: 100%;

}

.charts .charts-col{

    padding-left: 5px;

    padding-right: 5px;

}

.charts.row{

    margin-left: -5px;

    margin-right: -5px;

}

.chart-bottom{

    margin-top: 10px;

}



.member-provide.we-provide {

    padding-top: 80px;

    padding-bottom: 150px;

}

/* .other-page */

/*---------- Membership ----------*/











/*---------- program ----------*/

.goals{

    margin-top: 80px;

    position: relative;

    padding-top: 150px;

    padding-bottom: 150px;

    background-image:  url("../images/program/goals.png");

    background-size: cover;

}

.goals .golas_text{

    display: flex;

    align-items: flex-start;

    justify-content: center;

}

.goals .golas_text .golas_counter-text,

.goals .golas_text .main-title{

    padding-right: 50px;

}

.goals .golas_text .main-title h2{

    font-weight: 700;

    font-size: 50px;

    line-height: 75px;

    color: #559433;

    word-break: keep-all;

    white-space: pre;

}

.goals .golas_text .golas_counter-text h3{

    font-weight: 600;

    font-size: 40px;

    line-height: 60px;

    color: #004346;

    word-break: keep-all;

    white-space: pre;

    margin-bottom: 6px;

}

.goals .golas_text .golas_counter-text p{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #00000080;

    word-break: keep-all;

    white-space: pre;

    margin-bottom: 20px;

}

.goals .golas_text .goals-main-text h4{

    font-weight: 600;

    font-size: 40px;

    line-height: 60px;

    color: #004346;

    margin-bottom: 23px;

}

.goals .golas_text .goals-main-text h6{

    font-weight: 500;

    font-size: 24px;

    line-height: 36px;

    color: #559433;

    margin-bottom: 23px;

}

.goals .golas_text .goals-main-text p{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #00000080;

    margin-bottom: 00px;

}







/* context */

.context {

    padding-top: 150px;

    padding-bottom: 150px;

}

.context .context-card{

    display: flex;

    align-items: center;

    border: 1px solid rgba(0, 0, 0, 0.12);

    margin-bottom: 150px;

}

.context .context-card:last-child{

    margin-bottom: 0px;

}

.context .context-card .context-img {

    width: 40%;

}

.context .context-card .context-text {

    width: 60%;

    padding: 30px 30px;

}

.context .context-card .context-img img{

   width: 100%;

   min-height: 650px;

   object-fit: cover;

}

.context .context-card .context-text h2{

    font-weight: 700;

    font-size: 50px;

    line-height: 75px;

    color: var(--bg_black);

    margin-bottom: 20px;

}

.context .context-card .context-text p{

    font-weight: 400;

    font-size: 22px;

    line-height: 33px;

    color: rgba(0, 0, 0, 0.5);

    margin-bottom: 10px;

}

.context .context-card .context-text p:last-child{

    margin-bottom: 0px;

}

/* context */







/* .staff */

.staff .staff-wrapper{

    display: flex;

    width: 100%;

}

.staff .staff-wrapper .staff-card-wrapper {

    padding-left: 10px;

    padding-right: 10px;

    width: 20%;

}

.staff .staff-wrapper .staff-card {

    position: relative;

}

.staff .staff-wrapper .staff-card .staff-image{

    width: 100%;

    height: 400px;

    object-fit: cover;

}

.staff .staff-wrapper .staff-card .staff-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.staff .staff-wrapper .staff-card .staff-text{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 15px;

}

.staff .staff-wrapper .staff-card .staff-text .overaly{

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

    width: 100%;

    height: 104px;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 0;

}

.staff .staff-wrapper .staff-card .staff-text h6{

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    position: relative;

    z-index: 2;

    color: var(--bg_white);

}

.staff .staff-wrapper .staff-card .staff-text p{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: var(--bg_white);

    position: relative;

    z-index: 2;

}

.staff .main-title{

    margin-bottom: 50px;

}

/* .staff {

    padding-bottom: 150px;

} */

/* .staff */

.program-news.latest-news{

    padding-top: 0;

    padding-bottom: 150px;

}



/* program-events */

.program-events.events .events-card{

    background-color: var(--bg_white);

    border: 1px solid rgba(0, 0, 0, 0.2);

    padding: 25px 20px;

    margin-bottom: 30px;

    min-height: 232px;

}

.program-events.events .events-card:hover{

    background: rgba(139, 200, 60, 0.05);

    border: 1px solid #8BC83C;

}



.program-events.events .events-card .events-date {

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: #8BC83C;

    margin-bottom: 10px;

}



.online{

    position: relative;

    padding-left: 30px;

    padding-right: 20px;

}

.online::before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 20px;

    height: 20px;

    background-color: #8BC83C;

    border-radius: 10px;

}

/* program-events */





/* product */

.product{

    padding-bottom: 150px;

}

.product .main-title{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 50px;

}



.product-card .product-image{

    width: 100%;

    height: 400px;

    position: relative;

}

.product-card .product-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.product-card .product-image .product-overlay{

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 15px;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

    width: 100%;

    height: 60px;

}

.product-card .product-image .product-overlay p{

    font-weight: 500;

    font-size: 18px;

    line-height: 35px;

    color: var(--bg_white);

    margin-bottom: 0px;

}

.product-card .product-text  p{

    font-weight: 500;

    font-size: 18px;

    line-height: 35px;

    color: rgba(0, 0, 0, 0.6);

    margin-top: 20px;

    margin-bottom: 10px;

}

.product-card .product-text  a{

    font-weight: 500;

    font-size: 20px;

    line-height: 35px;

    color: #F99220;

    margin-bottom: 0px;

    position: relative;

    padding-right: 50px;

}

.product-card .product-text  a::after{

    position: absolute;

    right: 0;

    top: 50%;

    content: "";

    width: 33px;

    height: 19px;

    background-image: url(../images/icon/read-more.svg);

    transform: translateY(-50%);

}

/* product */





/* punlication */

.punlication-program{

    padding-bottom: 150px;

}

.punlication-program .main-title

{margin-bottom: 50px;

}

.punlication-card{

    display: flex;

    align-items: center;

}

.punlication-img{

    /* width: 250px;

    height: 330px; */

    position: relative;

    border: 1px solid rgba(85, 148, 51, 0.2);

}

.punlication-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    

}

.work-paper{

    height: 50px;

    width: 100%;

    background: #004346;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

}

.punlication-program .publication-card-text .download p  span,

.punlication-program .publication-card-text .download p {

    color: #09BC8A;

}

.punlication-program-button{

    margin-top: 50px;

}

.punlication-card{

    margin-bottom: 30px;

}



/* punlication */

/*---------- program ----------*/











/*---------- .publication details ----------*/

.publication-details{

    padding-top: 80px;

}



.publication-details-row {

    margin-left: -20px;

    margin-right: -20px;

    display: flex;

    align-items: flex-start;

}

.publication-details-col {

    padding-left:  20px;

    padding-right: 20px;

}

.publication-details-col-left {

    width: 320px;

}

.publication-details-col-right {

    width: calc(100% - 320px);

}



.publication-details-card {

    border: 1px solid rgba(85, 148, 51, 0.2);

    margin-bottom:20px;

}

.publication-details-image {

    width: 100%;

    height: 420px;

    border-bottom: 1px solid rgba(85, 148, 51, 0.2);

    padding: 13px 22px;

}

.publication-details-image img{

    width: 100%;

    height: auto;

    object-fit: cover;

}

.publication-details-text{

    padding:  22px;

}





.publication-details-text h5{

    font-weight: 600;   

    font-size: 18px;

    line-height: 27px;

    color: #559433;

    margin-bottom: 15px;

}

.publication-details-text h6 a{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #000000;

    margin-bottom: 15px;

}

.publication-details-text p{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #00000080;

    margin-bottom: 15px;

}

.publication-details-text p.date{

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

    color: #000000;

    margin-bottom: 10px;

}

.publication-details-text .download{

    display: flex;

    margin-top: 30px;

    align-items: center;

}

.publication-details-text .download p a {

    color: #559433;

}

.publication-details-text .download p{

    margin-bottom: 0px;

    margin-left: 10px;

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: #559433;

}

.publication-details-text .download p span{

    font-weight: 400;

    font-size: 14px;

    line-height: 21px;

}

/*---------- .publication details ----------*/











/* pagination */

.pagination-main ul li a{

    width: 60px;

    height: 60px;

    background: rgba(85, 148, 51, 0.1);

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 400;

    font-size: 18px;

    line-height: 27px;

    color: #559433;

}

.pagination-main ul li {

    padding-left: 10px;

    padding-right: 10px;

}

.pagination-main ul  {

    margin-left: -10px;

    margin-right: -10px;

}

.pagination-text{

    font-weight: 400;

font-size: 18px;

line-height: 27px;

color: #00000080;

}

.pagination-main{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 150px;

    margin-top:20px;

}

/* pagination */





/* select2 */





.selectBox {

    position: relative;

    padding: 0px 0px;

    cursor: pointer;

    height: auto;

    margin-bottom: 20px;

  }

  .selectBox__value {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    padding: 15px 17px;

    width: 100%;

    min-height: 56px;

    background: rgba(0, 0, 0, 0.05);

    border-radius: 8px;

    border: 0px;

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 27px;

    color: #000000;

    }



  .selectBox:after {

    position: relative;

    transform: translateY(-50%) rotate(0deg);

    transition: all 0.2s ease-in-out;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.001' height='8.165' viewBox='0 0 14.001 8.165'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23212121;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M13.861,60.224l-.7-.7a.441.441,0,0,0-.645,0L7,65.036,1.487,59.522a.441.441,0,0,0-.645,0l-.7.7a.441.441,0,0,0,0,.645l6.537,6.538a.441.441,0,0,0,.645,0l6.538-6.538a.442.442,0,0,0,0-.645Z' transform='translate(0 -59.382)'/%3E%3C/svg%3E");

    position: absolute;

    right: 20px;

    top: 30px;

  }

  .selectBox .dropdown-menu {

    transition: all 0.5s ease-in-out;

    opacity: 0;

    display: block;

    top: 100%;

    width: 100%;

    max-height: 100%;

    z-index: -1;

    overflow-y: auto;

    transform: translateY(-15%);

    visibility: hidden;

    position: relative;

    top: 0;

    display: none;

    background-color: transparent;

    border: 0px;

    border-radius: 0px;

    padding: 0px;

  }

  .selectBox.show {

    border: 1px solid #ccc;

    position: relative;

    cursor: pointer;

    min-height: 56px;

    background: transparent;

    border-radius: 8px;

    border: 0px;

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 27px;

    color: #000000;

  }

  .selectBox.show:after {

    transform: translateY(-50%) rotate(180deg);

  }

  .selectBox.show .dropdown-menu {

    transition: all 0.3s ease-in-out;

    visibility: visible;

    opacity: 1;

    z-index: 1;

    transform: translateY(0);

    display: block;

  }

  .dropdown-item {

    display: block;

    width: 100%;

    padding: 17px 20px;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    text-decoration: none;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    font-weight: 500;

    font-size: 18px;

    line-height: 160%;

    color: rgba(0, 0, 0, 0.5);

}

.dropdown-item.active, .dropdown-item:active {

    color: #559433;

    text-decoration: none;

    background-color: transparent;

}

.dropdown-item:focus, .dropdown-item:hover {

    color: #000;

    background-color: transparent;

}

.selectBox.show .selectBox__value{

    background: rgba(85, 148, 51, 0.05);

    border: 1px solid #559433;

    border-radius: 8px;

    color: #559433;

    }





    .form-control{

        background: rgba(0, 0, 0, 0.05);

        border: 0px solid rgba(0, 0, 0, 0.05);

        border-radius: 8px;

        height: 57px;

        margin-bottom: 30px;

        padding: 15px 17px;

        font-weight: 500;

        font-size: 16px;

        line-height: 24px;

        color: #000;

    }

    .search2 .form-control{

        background: rgba(0, 0, 0, 0.05);

        border: 0px solid rgba(0, 0, 0, 0.05);

        border-radius: 8px;

        height: 57px;

        margin-bottom: 30px;

        padding: 15px 17px 15px 40px;

        font-weight: 500;

        font-size: 16px;

        line-height: 24px;

        color: #000;

        position: relative;

    }

    .search2{

        position: relative;

    }

    .search2::after{

        content: '';

        position: absolute;

        left: 10px;

        top: 50%;

        transform: translateY(-50%);

        background-image: url(../images/icon/search2.svg);

        width: 17px;

        height: 17px;

    }

    .form-control:focus {

        color: #212529;

        background-color: rgba(0, 0, 0, 0.05);

        border-color: transparent;

        outline: 0;

        box-shadow: unset;

    }



/* select2 */









/*------  news-event ------- */

/* articales */

.articales .articales-card .articales-image img{

    max-height: 300px;

    width: 100%;

    object-fit: cover;

}

.articales .articales-card .articales-text {

    margin-top: 12px;

}

.articales .articales-card .articales-text p.date{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #646464;

    display: flex;

    align-items: center;

    margin-bottom: 12px;

}

.articales .articales-card .articales-text p img{

    width: 20px;

    height: 20px;

    margin-right: 15px;

}

.articales .articales-card .articales-text h3 a{

    font-weight: 500;

    font-size: 32px;

    line-height: 48px;

    color: #000000;

    margin-bottom: 12px;

    text-decoration: none;

}

.articales .articales-card .articales-text p{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #7A7A7A;

    

}





.articales-card.articales-small {

    display: flex;

    align-items: flex-start;

    justify-content: center;

}

.articales-card.articales-small .articales-text p.date {

    font-size: 14px;

    line-height: 21px;

    color: #646464;

    margin-bottom: 8px;

}

.articales .articales-card.articales-small .articales-text h3 a{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #000000; 

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;  

    overflow: hidden;

    text-decoration: none;

}

.articales-card.articales-small {

    display: flex;

    align-items: flex-start;

    margin-bottom: 60px;

    justify-content: center;

}

/*.articales-card.articales-small:last-child{

    margin-bottom: 0px;

}*/

.articales .articales-card.articales-small .articales-image {

    margin-right: 8px;

}

.articales .articales-card.articales-small .articales-image img {

    max-height: 100%;

    width: 200px;

    object-fit: cover;

    height: 150px;

        border: 1px solid #cdcdcd;

}



.articales .articales-row {

    margin-left: -30px;

    margin-right: -30px;

}

.articales .articales-col {

    padding-left: 30px;

    padding-right: 30px;

}



.member-provide.we-provide {

    padding-top: 40px;

    padding-bottom: 40px;

    border: 1px solid rgba(122, 122, 122, 0.3);

}

/* articales */





/* events-latest-news */

.events-latest-news .main-title{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 50px;

    margin-top: 50px;

}

.event-news-row{

    margin-right: -30px;

    margin-left: -30px;

}

.event-news-col{

    padding-right: 30px;

    padding-left: 30px;

}

.event-news-card{

    margin-bottom: 50px;

    text-decoration: unset;

    display: flex;

    flex-direction: column;

}



.event-news-card .event-news-img{

    width: 100%;

    height: 266px;

}

.event-news-card .event-news-img img{

    width: 100%;

    height: 100%;

    object-fit:  cover;

}

.event-news-card .event-news-text p.date{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #646464;

    margin-top: 10px;

    margin-bottom: 8px;

    display: flex;

    align-items: center;

}

.event-news-card .event-news-text p.date img{

    width: 20px;

    height: 20px;

    margin-right: 15px;



}

.event-news-card .event-news-text h3 a{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px; 

    color: #000000;   

    margin-bottom: 8px;

    text-decoration: none;

}

.event-news-card .event-news-text p{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #7A7A7A;    

    margin-bottom: 0px;

}

.news-event-details .main-title{

    margin-top: 0px;

}

/* events-latest-news */

/*------  news-event ------- */







/*------  Knowladge items ------- */

.featured-publication-card-wrapper{

   padding-left: 20px; 

   padding-right: 20px; 

}

.featured-publication::-webkit-scrollbar{

    display: none;

}

.featured-publication{

    display: flex;

    align-items: center;

    margin-left: -20px;

    margin-right: -20px;

    overflow: auto;

    padding-bottom: 80px;

}

.featured-publication-card{

    width: 400px;

    height: 528px;

    background: #FFFFFF;

    border-radius: 10px;

    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));

    padding: 20px 40px 40px 40px;

}

.featured-publication-card .featured-publication-img img{

    width: 240px;

    height: 320px;

    object-fit: cover;

}

.featured-publication-card .featured-publication-text p.book-category{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #FF8933;

    margin-top: 10px;

    margin-bottom: 4px;

}

.featured-publication-card .featured-publication-text p.year{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #8D8D8D;

    margin-bottom: 4px;

}

.featured-publication-card .featured-publication-text p.book-text{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #000000;

    margin-bottom: 4px;

}

.featured-publication-card .featured-publication-text p.author{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #8D8D8D;

    margin-bottom: 0px;

}







.knowaladge-publication .knowaladge-publication-row{

    margin-left: -30px;

    margin-right: -30px;

}



.knowaladge-publication .knowaladge-publication-col{

    padding-left: 30px;

    padding-right: 30px;

}

.knowaladge-publication .knowaladge-publication-col .product-card{

    margin-bottom: 60px;

}

.knowaladge-publication .product{

    padding-bottom: 80px;

}

/*------  Knowladge items ------- */





/*------  policy ------- */

.policy{

    padding-top: 40px;

    padding-bottom: 150px;

}

.policy .main-title{

    text-align: center;

    padding-bottom: 0px;

}





/* table */





table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {

    box-shadow: unset;

    border: 0px;

    border-bottom: 1px solid #AAAAAA;

}

table.dataTable.table-striped>tbody>tr.odd>* {

    box-shadow: unset;

    border: 0px;

    border-bottom: 1px solid #AAAAAA;

}

.table > :not(:last-child) > :last-child > * {

    border-bottom-color: #AAAAAA;

    border: 0px;

    border-bottom: 1px solid #AAAAAA;

}

table.table-bordered.dataTable {

    border-right-width: 0;

    border: 0px;

}

.table-striped tbody tr:nth-of-type(odd) {

    background-color: white;

}

.table > :not(:last-child) > :last-child > * {

    border-bottom-color: #AAAAAA;

}

.table-striped > tbody > tr:nth-of-type(odd) {

    --bs-table-accent-bg: rgb(255 255 255);

    color: var(--bs-table-striped-color);

}

.table-bordered > :not(caption) > * {

    border-width: 0px 0;

}

.table thead th {

    vertical-align: bottom;

    border-bottom: 1px solid #AAAAAA;

    font-weight: 500;

    font-size: 32px;

    line-height: 48px;

    color: #000000;

    padding: 40px 0;

}

.table td{

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    padding: 40px 0;

    color: #3E3E3E;

}



table.dataTable thead>tr>th.sorting_disabled.sorting_asc::after,

table.dataTable thead>tr>th.sorting_disabled.sorting_asc::before{

    content: none;

}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {

    cursor: pointer;

    position: relative;

    padding-left: 34px;

    padding-right: 0px;

}

table.dataTable thead>tr>th.sorting_disabled.sorting_asc{

    padding-left: 0px;

    padding-right: 0px;

}   

table.dataTable thead>tr>th.sorting:after,

table.dataTable thead>tr>th.sorting_asc_disabled:after,

table.dataTable thead>tr>th.sorting::before{

    left: 0;

    right: unset;

}

/* table */





/* tooltip */

.tooltip {

    position: relative;

    display: inline-block;

    border-bottom: 0px dotted black;

  }

.tooltip-inner {

    font-weight: 400;

    font-size: 14px;

    line-height: 18px;

    letter-spacing: 1px;

    color: #FFFFFF;

    border-radius: 2px;

    background: #393939;

    width: 170px;

    text-align: left;

    padding: 8px 16px;

    font-family: 'Poppins', sans-serif;

  }



/* tooltip */



table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting::after,

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting::before {

    opacity: 0;

}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting.sorting_asc::before {

    content: "";

    background-image: url(../images/icon/up-arrow.svg);

    opacity: 1;

    width: 24px;

    height: 24px;

    background-size: contain;

    top: 50%;

    transform: translateY(-50%);

    background-position: center;

    background-repeat: no-repeat;

}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting.sorting_desc::after {

    content: "";

    opacity: 1;

    width: 24px;

    height: 24px;

    background-size: contain;

    top: 50%;

    transform: translateY(-50%);

    background-position: center;

    background-repeat: no-repeat;

    background-image: url(../images/icon/down-arrow.svg);



}



table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting.sorting_desc::before {

    opacity: 0;

}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting.sorting_desc::before {

    opacity: 0;

}



#table-wrapper_wrapper .row:nth-child(3) .col-sm-12.col-md-5{

    display: none;

}

#table-wrapper_wrapper .row:nth-child(3) {

    margin-top: 90px;

}

#table-wrapper_wrapper .row:nth-child(3) .col-sm-12.col-md-7{

    width: 100%;

    display: flex;

    justify-content: center;



}





.page-item.active .page-link{

    background-color: white;

    border-radius: 50%;

    color: #000;

    border: 1px solid #000000;

}



.page-link{

    font-weight: 400;

    font-size: 24px;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 32px;

    border: 0px;

    color: #000000;

}

.page-link:hover{

    font-weight: 400;

    font-size: 24px;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 32px;

    border: 0px;

    color: #000000;

    border-radius: 50%;

}

.page-item:nth-last-child(2) .page-link,

.page-item:nth-child(2) .page-link {

    width: 100%;

    background-color: #006F8A;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    color: #fff;

}

.page-item:last-child .page-link ,

.page-item:first-child .page-link {

  display: none;

}

.paginate_button{

    display: flex;

    align-items: center;

    justify-content: center;

}

.paginate_button.previous{

    margin-right: 80px;

}

.paginate_button.next{

    margin-left: 80px;

}

.tooltip-text{

    display: flex;

    align-items: center;

}

.tooltip-text img{

    margin-left: 10px;

}





#table-wrapper_wrapper .row:nth-child(2) .col-sm-12{

    overflow: auto;

}

#table-wrapper{

    min-width: 1024px;

}

button.btn.filter-button {

    width: auto;

    height: 48px;

    left: 1711px;

    top: 1035px;

    background: #006F8A;

    border-radius: 10px;

    font-weight: 400;

    font-size: 24px;

    line-height: 32px;

    color: #FFFFFF;

    min-width: auto;

    margin-left: auto;

}

button.btn.filter-button img{

    margin-left: 4px;

}

/*------  policy ------- */





/*------  partners ------- */

.partners .partners-card .partners-card-wrapper{

    display: flex;

    align-items: flex-start;

}

.partners .partners-card .partners-img img{

    width: 503px;

    height: 381px;

    object-fit: cover;

}

.partners .partners-card .partners-text {

    padding: 30px;

}

.partners .partners-card .partners-text p{

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: #00000080;

    margin-bottom: 20px;

}

.partners .partners-card .partners-text p:last-child{

    margin-bottom: 0px;

}

.partners .partners-card  {

    border: 1px solid rgba(0, 0, 0, 0.12);

    margin-bottom: 40px;

}



.partners-wrapper h3{

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

    color: #559433;

    margin-bottom: 12px;

}



.member-provide.we-provide.partners {

    padding-top: 80px;

    padding-bottom: 40px;

    border: 0px solid rgba(122, 122, 122, 0.3);

}

/*------  partners ------- */







/*------  about-deatils ------- */

.about-deatils-img img{

    width: 100%;

    height: 618px;

    object-fit: cover;

    margin-bottom: 30px;

}

.about-deatils-wrapper p{

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

    color: #00000080;

    margin-bottom: 20px;

}

.about-deatils-wrapper p:last-child{

    margin-bottom: 0px;

}

.about-deatils-wrapper p span{

    color: #559433;

}



.about-details-card{

    display: flex;

    align-items: flex-start;

    border: 1px solid rgba(0, 0, 0, 0.12);

    margin-top: 50px;

}

.about-details-card-image img{

    width: 502px !important;

    height: 620px !important;

    object-fit: cover;

}

.about-details-card-text{

    padding: 15px 30px 25px 30px;

}

.member-provide.we-provide.about-deatils{

    padding-top: 80px;

    padding-bottom: 150px;

    border: 0px solid rgba(122, 122, 122, 0.3);

}

/*------  about-deatils ------- */







/*------  photo video ------- */

.video-iframe {

    border-radius: 10px;

    overflow: hidden;

    width: 100%;

    height: 375px;

    margin-bottom: 10px;

}

.photo-video-row{

    margin-left: -5px;

    margin-right: -5px;

}

.photo-video-col{

    padding-left: 5px;

    padding-right: 5px;

}

.photo-link{

    font-size: 24px;

    line-height: 36px;

    text-decoration-line: underline;

    color: #559433;

    font-weight: 500;

    margin-bottom: 40px;

    display: flex;

}

.photo-link:hover{

    color: #559433;

}

.member-provide.we-provide.photo-video {

    padding-top: 80px;

    padding-bottom: 150px;

    border: 1px solid rgba(122, 122, 122, 0.3);

}

#datepicker{

    position: relative;

}

#datepicker::after{

    content: "";

    position: absolute;

    top: calc(50% - 15px);

    right: 17px;

    width: 20px;

    height: 20px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url(../images/icon/date.svg);

    transform: translateY(-50%);

}

/*------  photo video ------- */









/*------  news-details ------- */

.news-details{

    padding-top: 40px;

    padding-bottom: 150px;

}





.news-details-image img{

    width: 100%;

    height: 765px;

    object-fit: cover;

}

.news-details-card{

    width: 100%;

    max-width: 1200px;

    height: auto;

    background: #FFFFFF;

    box-shadow: 0px 2px 2px rgb(0 0 0 / 25%);

    border-radius: 5px;

    margin: 0 auto;

    padding: 25px 30px;

    margin-top: -110px;

    position: relative;

}

.news-details-card p.date{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 8px;

     color: #3B8C0E;

}

.news-details-card h3{

    font-weight: 500;

    font-size: 36px;

    line-height: 50px;

    color: #000000;

    margin-bottom: 8px;

}

.news-details-card p.news-details-p-text{

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #7A7A7A;

    margin-bottom: 0px;

}

.news-details .container{

    max-width: 1350px;

    width: 100%;

}

.news-details .news-details-main-text p{

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #7A7A7A;

    margin-bottom: 30px;

}

.news-details .news-details-main-text p.green-text{

    font-weight: 500;

    font-size: 24px;

    line-height: 36px;

    color: #3B8C0E;

    margin-bottom: 30px;

}

.news-details .news-details-main-text p.address{

    font-style: normal;

    font-weight: 300;

    font-size: 20px;

    line-height: 30px;

    color: #3B8C0E;

    margin-bottom: 0px;

}

.news-details-main-text{

    padding-top: 80px;

}

/*------  news-details ------- */