/*

* Theme Name: NS - AWba Group

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/  

:root {

    --top-header-color : #e9e9e9;
    --footer-color : #1b4783;
    --font-en : "Nunito", sans-serif;
    --font-mm-head : "Noto Sans Myanmar", sans-serif;
    --font-mm-content : "Padauk", sans-serif;
    --timeline-color: #1a3c6d;
    --bg-light: #f8f9fa;
    --h3-title : #1B4783;
    --brand-gold: #b59461;
    --light-gold: #e8dcc4;
    --brand-yellow: #FDD835; 
    --brand-brown: #B08F61;

}
   
body#main-page-my {
    /* font-family: var(--font-mm-head);  */
    font-family: Nunito, Arial, sans-serif !important;
}
body#main-page-my p {
    /* font-family: 'Noto Sans Myanmar'; */
    /* font-family: "Padauk", sans-serif; */
    line-height: 1.8;
    /* font-size: 16px; */
}
.page-id-704 h4.wp-block-heading {
    color: #1B4783;
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
}
#main-page-my .community-content h3 {
    font-size: 25px;
    margin-bottom: 30px;
} 

.default_content p, .default_content ul li {
    /* font-family: "Padauk", sans-serif; */
    font-size: 17px !important;
}
.default_content h1.wp-block-heading {
    /* font-family: "Padauk", sans-serif; */
}

.bp-content p {
    color: #fff;
}
.bp-title h1 {
    color: #fff;
    margin-bottom: 30px;
}
#main-page-my section#section-highlights ul li {
    line-height: 2;
    font-weight: 400;
}
#main-page-my section#section-highlights h2 {
    font-weight: 300;
}

/* 

font-family: "Nunito", sans-serif;

font-family: "Noto Sans Myanmar", sans-serif;

font-family: "Padauk", sans-serif;



body{

	margin:0 auto;

    font-family: "Tajawal", sans-serif;

}

h1,h2,h3,h4,h5,h6{

    font-family: "Teko", sans-serif;

} */

/* Pagination */



a:hover,

a:focus{

    outline: none;

    text-decoration: none;

}



ul.page-numbers{

	padding-left: 0px;

}	

.page-pagination ul.page-numbers li {
    display: inline-block;
}

.page-pagination ul.page-numbers li span.current {
    font-weight: 800;
    font-size: 18px;
    background-color: #204580;
    padding: 4px 17px;
}
.page-pagination ul.page-numbers li:hover{
    background-color: #204580;
   
}
.page-pagination ul.page-numbers li:hover a{
 color:#fff;
}
ul.page-numbers li span.current {
    color: #f1f1f1;
    font-size: 16px;
}

.page-pagination {
    justify-content: center;
}

.page-pagination ul li {
    padding: 4px 17px;
    font-family: 'Nunito';
    font-size: 18px;
}

.content-img img{

	width: 100%;

	height: auto;

}
#main-page-my .menu.fix #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px;
}
/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}



/* Breadcrumb */



#breadcrumbs {list-style-type: none; padding-left: 0;}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

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

}

.widget-title{

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

    font-weight: 700;

    font-size: 21px;

}

.widget ul li a {

    color: #333;

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

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}

/* Header */



body#main-page-en{

    font-family: var(--font-en);

}



.top-banner {

    background: #e9e9e9;

    

}

ul.poly-lang li {

    display: inline-block;

}

ul.poly-lang {

    margin-bottom: 0;

    float: right;

    display: flex;

    align-items: center;

}

ul.poly-lang li.current-lang a {

    background: var(--footer-color);

    color: #fff;

}

ul.poly-lang li a {

    font-weight: 700;

    text-decoration: none;

    color: #000;

    padding: 12px 20px;

    display: inline-block;

    font-size: 12px;

}

.weblogo a img {

    /* width: 163px;

    height: 87px; */
    
}

.weblogo a img {
    height: 83px;
}

nav#menu {

    padding-top: 0;

}


/* 
.weblogo {

    padding: 10px 0;

} */

.footer_logo img {

    width: 180px;

    height: 103px;

    object-fit: cover;

}

footer {

    background-color: #1b4783;

}



.textwidget {

    float: right;

    text-align: right;

}

.copyRight p {

    margin-bottom: 0;

    color: #fff;

    justify-content: end;

}

.copyright .row {

    align-items: center;

}

.copyright {

    background-color: #163d76;

    padding: 14px 0;

}

.social-us a {

    margin-left: 8px;

}

.textwidget p {

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

}

.copyRight p

 {

    font-size: 12px;

}

.top-footer-widget {

    padding: 50px 0;

}

.menu {

    -webkit-transition: all 0.5s ease;

    -moz-transition: position 10s;

    -ms-transition: position 10s;

    -o-transition: position 10s;

    transition: all 0.5s ease;

    box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .14);

}



.menu.fix .menu {

    background: #fff;

}



.menu.fix {

    position: fixed; 

    top: 0;

    z-index: 9999;

    width: 100%;

    left: 0;

    animation: smoothScroll 1s forwards;

    box-shadow: 1px -1px 7px #000;

    background: #fff;

    height: auto;

}

#main-page-my .core_button a.btn {
    font-size: 14px;
}

.menu.fix .weblogo a img {

    width: 300px;

    height: 166px;

}



@keyframes smoothScroll {



    0% {

      transform: translateY(-40px);

    }

    100% {  

      transform: translateY(0px);



    }

}

/* Home page */



#carouselHome .carousel-caption h5 {

    white-space: pre-line;

    text-align: left;

    font-size: 38px;

    font-weight: 700;

}

#carouselHome .carousel-caption{

    text-align: left;

    bottom: 80px;

    padding: 0 100px;

}

a.btn.btn-primary.slide-learn-more {

    padding: 10px 21px;

    border-radius: 10px;

    background-color: #fff;

    border-color: transparent;

    color: #313131;

    font-weight: 700;

    margin-top: 20px;

}

header.fix .menu {
    background: #fff;
}
/* #main-page-my ul.mega-sub-menu li a.mega-menu-link {
    font-size: 13px !important;
} */
#main-page-my #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    margin: 0 15px 0 0;
}
#main-page-my #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px;
    font-weight: 500;
}

#main-page-my #carouselHome .carousel-caption h5 {
    line-height: 1.8em;
}

div#go-top {

    position: fixed;

    bottom: 100px;

    right: 100px;

    background: var(--footer-color);

    width: 40px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    border: 1px solid #fff;

}

/* .who-we-are {

    height: 656px;

    background-repeat: no-repeat;

    background-position: right;

    display: flex;

    align-items: center;

    background-size: 50% 100%;

} */

.who-we-are .title p {

    /* max-width: 354px; */

    font-size: 22px;

    color:#000;

}

#corporate-governance .title p{

    color:#fff;

}

.who-we-are .title h3,

div#what-we-do .title h3 {

    font-size: 46px;
    font-weight: 400;

}

.who-we-are .title a.btn.btn-secondary {
    border-color: transparent;
    border-radius: 2px;
    background: #fadb33;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
}

.who-we-are .title a.btn.btn-secondary:hover,

.who-we-are .title a.btn.btn-secondary:focus{

    background: var(--footer-color);

    color: #fff;

}
/* 
div#what-we-do {

    height: 656px;

    background-repeat: no-repeat;

    background-size: 50% 100%;

    display: flex;

    align-items: center;

    background-position: left;

    background-color: #F5D962;

} */

div#what-we-do .title p {

    /* max-width: 354px; */

    font-size: 22px;

    color:#000;

}

div#what-we-do .btn{

    background-color: transparent;

    color: #000;

    font-size: 15px;

    /* font-weight: 700; */

    border-color: #fff;

    text-transform: uppercase;

    border-radius: 2px;

}

div#corporate-governance .btn {

    background-color: transparent;

    color: #fff;

    /* font-family: 'Nunito'; */

    font-size: 16px;

    font-weight: 700;

    border-color: #fff;

    text-transform: uppercase;

    border-radius: 2px;

}

div#what-we-do .title {

    float: right;

}

div#what-we-do .btn:hover {

    background-color: var(--footer-color);

    color: #fff;

    border-color: transparent;

}

.splide__slide__container.srv-splide-container {

    height: 350px;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}

.slide-content p {

    color: #fff;

}

.slide-content {

    height: 150px;

    width: 219px;

    background: rgba(0, 0, 0, .3);

    bottom: 15px;

    left: 15px;

    padding: 10px 15px;

}

.slide-content h3 {

    font-size: 20px;

    color: #fff;

}



.video-library section.video__slide {

    margin: 0 auto;

}

.position-absolute svg {

    width: 20%;

}

.svg.position-absolute {

    position: absolute !important;

    bottom: -90px;

    filter: invert(1);

    margin: 0 auto;

    text-align: center;

    left: 30px;

}

div#video-wrap {

    background-color: #112442;

}



div#video-wrap h2 {

    color: #f9d946;

    text-align: center;

    font-size: 36px;

}



div#video-wrap {

    background-color: #112442;

    padding: 80px 0;

}



.video-library {

    margin-top: 30px;

}



.splide__arrow.splide__arrow--prev.srv-arrow i.fa,

.splide__arrow.splide__arrow--next.srv-arrow i.fa {

    font-size: 7rem;

    color: #fff;

    font-weight: 100;

}

.splide__arrow.splide__arrow--prev.srv-arrow {

    left: -50px;

    background-color: transparent;

}

.splide__arrow.splide__arrow--next.srv-arrow {

    right: -50px;

    background-color: transparent;

}

div#latest-news h2 {

    font-size: 36px;

    font-weight: 400;

    margin-bottom: 2.5rem;

}



.news_wrap img {

    width: 100%;

    height: 243px;

    object-fit: cover;

}

.news_wrap .content h3 {

    font-size: 22px;

    font-weight: 700;

}



.news_wrap_on_home .content {

    height: 80px;

    overflow: hidden;

    margin-bottom: 23px;

}

.news_wrap_on_home img {

    height: 189px;

    width: 100%;

    object-fit: cover;

    margin-bottom: 18px;

}

.news_wrap_on_home .content h3 {

    font-size: 20px;

    color: var(--footer-color);

    font-weight: 700;

}

div#latest-news {

    padding-bottom: 50px;

}

.read-more-news a {

    border-radius: 0;

    background-color: #fadb33;

    color:#000;

    border-color: transparent;

}

.read-more-news a:hover,

.read-more-news a:focus{

    background-color: #1e4382;

    color:#fff;

    border-color: transparent;

}

.read-more-news {

    text-align: center;

}

section#join-us {

    background-color: #b69766;

}



.join-us p {

    font-size: 36px;

    color: #fff;

    text-align: center;

    font-weight: 200;

}



.join-us a.btn {

    background-color: transparent;

    border-color: #fff;

    border-radius: 0;

    text-transform: uppercase;

    font-size: 13px;

    margin-top: 25px;

}



.join-us {

    margin: 0 auto;

    text-align: center;

    width: 100%;

    padding: 50px 0;

}



.join-us a.btn:hover,

.join-us a.btn:focus{

    background-color: #fadb33;

    border-color: transparent;

}

.menu {
    height: 85px;
}
.page-id-17 section.sub-banner,
.page-id-13 section.sub-banner,
.page-id-19 section.sub-banner,
.page-id-15 section.sub-banner  {
    height: 747px;
}

section.sub-banner {

    /* height: 689px; */

    background-repeat: no-repeat;

    background-size: cover;

    height: 450px;

    background-position: center;

}

.section_5 h2 {
    color: var(--timeline-color);
}




h1.heading-title {

    font-weight: 700;

    font-size: 32px;

    margin: 40px 0;

}



div#singlePage p {
    font-size: 16px;
}

.related_news .news_wrap .content h3 {
    font-size: 19px;
    font-weight: 400;
    font-family: 'Nunito';
}

div#singlePage .addtoany_share_save_container.addtoany_content.addtoany_content_bottom {

    display: flex;

    align-items: center;

}



div#singlePage .addtoany_header {

    margin-bottom: 0;

}



.return-article-page p {

    float: right;

    font-weight: 400;

    font-size: 18px;

}



.return-article-page p a {

    color: #000;

    text-decoration: none;

}
a.newsletter_wrap img {
    height: 424px;
    width: auto;
    object-fit: cover;
}


/* .return-article-page {

    position: relative;

    top: -58px;

} */



.related-news {

    border-top: 1px solid #ddd;

    padding-top: 30px;

}



.related-news h4 {

    font-size: 30px;

    margin-bottom: 30px;

}



.link-btn a.btn.btn-primary {

    font-size: 15px;

    padding: 5px 10px;

    background: #f9d946;

    border-radius: 5px;

    transition-property: color, background-color, border-color;

    transition-duration: .2s;

    transition-timing-function: linear;

    color: #000;

    border-color: transparent;

}

.link-btn {

    display: flex;

    gap: 10px;

}

.news_wrap .content h3 {

    color: #000000;

    transition: color 0.3s;

    border-top: 1px solid #ddd;

    padding-top: 10px;

}

.news_wrap {

    /* border: 1px solid #ddd; */

    border-radius: 20px;

    overflow: hidden;

    padding: 1.5rem;

    margin: 20px 0;

}

.link-btn {

    display: flex;

    gap: 10px;

    padding: 10px 0;

}

.link-btn a.btn.btn-primary:hover, .link-btn a.btn.btn-primary:focus {

    background-color: #204580;

    border-color: transparent;

    color: #fff;

}

figcaption.wp-element-caption {
    text-align: center;
}

.page-template-page-careers .page-content {
    background-color: var(--footer-color);
}

section.sub-banner {

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    position: relative;

}

section.sub-banner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(182 178 178 / 10%);
    left: 0;
    right: 0;
}

.page-meta {
    position: relative;
}
h1.title {
    color: white;
}



/* Resopnsive */



@media (min-width:1460px) {

    .container-fluid{

        max-width: 1804px;

    }

    /* .container{

        max-width: 1100px;

    } */

}

#col-count-1 .counter-circle-content span,
#col-count-3 .counter-circle-content span {
    color: #f9d946;
    /* font-family: 'Nunito'; */
    font-weight: 400;
    letter-spacing: 0px;
    
}
#col-count-2 .counter-circle-content span,
#col-count-4 .counter-circle-content span{
    color: #204580;
    /* font-family: 'Nunito'; */
    font-weight: 400;
    letter-spacing: 0px;
}
.section_title{
    font-size: 60px;
}
.section_tag{
    font-size: 25px;
}
.counter-circle {
    width: 200px;
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    color: #222;
    text-align: center;
}

.counter-circle:after {
    display: block;
    margin: 0 auto;
    padding-bottom: 150px;
    width: 150px;
    height: 0;
    border-radius: 50%;
    
    content: "";
} 
#col-count-1 .counter-circle:after,
#col-count-3 .counter-circle:after {
    background: #204580;
}
#col-count-2 .counter-circle:after,
#col-count-4 .counter-circle:after {
    background: #f9d946;
}
.counter-circle-inner {
    position: absolute;
    top: 31%;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 28px;
}
.col-content center p {
    max-width: 200px;
    color: #7A7A7A;
    font-weight: 400;
}
.section_1 {
    padding: 50px 0 50px;
}
.customPage .section_2 {
    height: 391px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 78%;
    display: flex;
    align-items: center;
}

.page-template-about-us .section_2 h1 {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    line-height: 1.8;
}
.page-template-about-us .company_profile p {
  color: #000;
    font-size: 20px;
}

.banner-des p {
    color: white;
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
}

.banner-des h3 {
    color: white;
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 40px auto 0;
}

.business-section-one p {
    color: white;
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.section_one_page_our-businesses {
    background-color: #204580;
    padding: 50px 0;
}

.business-section-two h2 {
    font-size: 36px;
    line-height: 1.5;
    text-align: center;
    font-weight: 400;
    max-width: 670px;
    margin: 0 auto;
}

.section_two_our-businesses {
    background-image: url(images/business-section-two-bg.jpg);
    background-repeat: no-repeat;
    padding: 121px 0;
    background-size: cover;
}

.section_business_wrap {
    display: flex;
    position: relative;
    margin-top: -62px;
}

.section_business_wrap div.sector_items{
  flex-grow: 1;
  flex-basis: 0;
}

.sector_dec_wrap {
    display: flex;
    align-items: center;
    height: 432px;
    justify-content: center;
}

.sector_icon {
    margin: 0 auto -56px;
    text-align: center;
}
.sector_desc {
    max-width: 400px;
}

.sector_desc ul {
    list-style-type: none;
    padding-left: 15px;
}

.sector_desc ul li:before {
    content: '\f105';
    font-family: 'fontawesome';
    margin-right: 13px;
    font-size: 21px;
}
.core-business h2 {
    font-size: 36px;
    text-align: center;
    /* font-family: 'Nunito'; */
    margin: 50px 0 30px;
}
.core_business_box .core_item p {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    border-color: #ffffff;
}
.core_item .btn {
    background: #ddd;
    display: block;
}
.core_business_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 46px;
}
.core_item .btn {
    display: block;
    border-radius: 2px 2px 2px 2px;
    background: #204580;
    /* font-family: "Nunito"; */
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 25px;
    text-transform: none;
    border-color: transparent;
    font-size: 18px;
    transition: all .2s;
    color: #fff;
}
.core_item {
    width: 30%;
}
.core-business {
    padding-bottom: 80px;
}
.core_item a.btn:hover {
    background-color: #f9d946;
    color:#333;
    border-color: transparent;
}
.core-business-detail {
    padding: 201px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    position: relative;
}

.core-business-detail:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.75;
    /* background: linear-gradient(to right, #5b5347, #204580); */
    /* background:linear-gradient(to right, #28241e, #204580); */
    background: linear-gradient(to right, rgb(182, 151, 102), rgb(32, 69, 128));
    transition: opacity 0.3s;
}
.core-business-detail:hover:before{
    opacity: 0.5;
}
.core-business-detail .container {
    z-index: 999;
    position: relative;
}
.core_detail_box h3 {
    /* font-family: 'Nunito'; */
    font-weight: 700;
    font-size: 38px;
    color: #fff;
    text-align: center;
}
.core_detail_txt {
    max-width: 450px;
    display: block;
}
.core_detail_txt p {
    color: #fff;
    font-weight: 400;
    font-size: 17px;
}
.core_button a.btn {
    border-color: #ffffff;
    border-width: 1px 1px 1px 1px;
    border-radius: 2px 2px 2px 2px;
    background: rgba(160, 206, 78, 0);
    background-image: linear-gradient(180deg, rgba(160, 206, 78, 0) 0%, rgba(182, 151, 102, 0) 100%);
    /* font-family: "Nunito"; */
    font-weight: 400;
}
.core_button a.btn:hover {
    border-color: #000000;
    border-width: 1px 1px 1px 1px;
    background: #fadb33;
    color: #333;
}
.core-business-detail .row {
    align-items: center;
}

/* About us page Circle */
.impact-section {
    padding: 80px 0;
}
.circle-container {
    position: relative;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}
.circle {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    position: absolute;
    transition: transform 0.3s ease;
}
.circle.circle-yellow p {
    color: #000;
    font-size: 13px;
}
.circle-yellow {
  background-color: #f1c40f;
    width: 102px;
    height: 102px;
    z-index: 2;
    left: calc(52% - 117px);
    color: #333;
    bottom: calc(58% - 108px);
}
.circle.circle-blue p {
    color: #fff;
    font-size: 13px;
}
.circle-blue {
    background-color: #1a3c6d; 
    width: 150px;
    height: 150px;
    z-index: 1;
    left: calc(50% - 30px);
}
.circle-yellow h3 { font-size: 1.5rem; font-weight: 400; margin: 0; }
.circle-yellow p { font-size: 0.75rem; margin: 0; }
.circle-blue h3 { font-size: 2.5rem; font-weight: 400; margin: 0; }
.circle-blue p { font-size: 0.85rem; margin: 0; line-height: 1.2; }
.section-title {
    font-style: italic;
    font-weight: 400;
    color: #333;
    margin-top: 40px;
}
.company_profile h2.section-title.h4 {
    font-weight: 600;
    font-size: 32px;
}
/* 
Milestone */
 /* Timeline Container */
        /* Timeline Container */
.timeline {
    position: relative;
    padding: 50px 0;
    list-style: none;
}

/* The Vertical Line */
.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: #cbd5e0;
    transform: translateX(-50%);
}

/* Timeline Item */
.timeline-item {
    position: relative;
    margin-bottom: 50px;
    width: 100%;
}

/* Circle Markers */
 /* .timeline-marker {
    position: absolute;
    top: 49%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--timeline-color);
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px var(--timeline-color);
    transform: translateX(-50%);
    z-index: 2;
}  */

.timeline-marker .calendar-icon {
    width: 40px;
}

.timeline-marker {
    position: absolute;
    top: 46%;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-51%);
    z-index: 2;
}

.timeline-marker {
    /* position: absolute;
    top: 49%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--timeline-color);
    transform: translateX(-50%);
    z-index: 2;
    line-height: 40px;
    text-align: center;
    color: #fff; */
}

/* Content Card */
.timeline-content {
    position: relative;
    width: 27%;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    opacity: 0; /* For scroll animation */
    /* transition: all 0.6s ease-out; */
}

/* Left and Right Alternating */
.timeline-item:nth-child(even) .timeline-content {
    margin-left: auto;
}

/* Year Labels */
.timeline-year {
    position: absolute;
    top: 49%;
    font-weight: bold;
    color: var(--timeline-color);
    width: 50px;
}

/* .timeline-item:nth-child(odd) .timeline-year { left: calc(50% + 20px); } */
.timeline-item:nth-child(odd) .timeline-year {
    left: calc(51% + 20px);
}
.timeline-item:nth-child(even) .timeline-year { right: calc(51% + 20px); text-align: right; }

/* Image Styling */
.timeline-content img {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* Animation Class */
.reveal { 
    opacity: 1; 
    /* transform: translateY(0); */
 }
.timeline-item:nth-child(odd) .timeline-content { transform: translateX(200px);animation-name: fadeInLeft; }
.timeline-item:nth-child(even) .timeline-content { transform: translateX(-200px);animation-name: fadeInRight; }

/* Mobile View */
@media (max-width: 768px) {
    .timeline::before { left: 30px; }
    .timeline-marker { left: 30px; }
    .timeline-content { width: calc(100% - 70px); margin-left: 70px !important; }
    .timeline-year { left: 70px !important; top: -25px; text-align: left !important; }
    .page-template-all-together #section-two .content,
    .page-template-all-together #section-three .content {
        padding: 30px 30px;
    }
    .page-template-all-together #section-three .row {
        flex-flow: column-reverse;
    }
}

.timeline-item:nth-child(odd) .timeline-content:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-left-color: #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-width: 24px;
    top: 46%;
    right: -44px;
}

.timeline-item:nth-child(even) .timeline-content:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #fff;
    border-width: 24px;
    top: 46%;
    left: -44px;
}

.company_profile {
    text-align: center;
}
.mission_box .mvbox {
    display: flex;
    align-items: center;
}

.mission_box .mvbox div {
    flex: 0 0 50%;
}
.mission_box .mvbox div img {
    width: 100%;
}
.mission_box .mvbox div {
    flex: 0 0 50%;
    max-width: 100%;
}
.mvbox.mvbox-one{
    background: #204580;
}
.mvbox.mvbox-two {
    background-color: #f9d946;
}
.mvbox.mvbox-one div img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.mvbox.mvbox-two h2 {
    color: #333;
    font-size: 46px;
}
.mvbox.mvbox-one h2 {
    margin: 0px;
    color: rgb(255, 255, 255);
    font-size: 46px;
    line-height: 1.5;
}
.mvbox.mvbox-two p {
    font-size: 22px;
    font-weight: 300;
    color: #7a7a7a;
}
.mvbox.mvbox-one p {
    font-weight: 300;
    font-size: 22px;
    color: #fff;
}

.mvbox.mvbox-one > div:nth-child(2),
.mvbox.mvbox-two > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mv_content {
    width: 640px;
}

#main-page-my .top-content ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
}

.company_profile p {
    font-size: 20px;
    color: #7a7a7a;
}
.circle p{
    font-size: 12px;
    color: #fff;
}
.section_5 {
    margin: 30px 0;
    text-align: center;
}
.section-6 {
    background: #f1f1f1;
}
.customPage p, .customPage ul li {
    font-size: 18px;
    line-height: 1.5;
}
.customPage h1 {
    font-size: 36px;
    line-height: 1.5;
    color: #204580;
}
.default-content {
    padding: 30px 0;
}
@media (min-width:1200px){
    .container {
        max-width: 1140px;
    }
}
/*
   Styles for animated modal

   =========================
*/


/* Start state */

.animated-modal {

    max-width: 680px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all .7s;

}
.animate_content {
    margin-top: 30px;
}
.animate_content p {
    color: #333;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.animated-modal h6 {
    color: #333;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    margin-bottom: 0;
}

.animated-modal h2,

.animated-modal p {

    transform: translateY(-50px);

    opacity: 0;



    transition-property: transform, opacity;

    transition-duration: .4s;

}


/* Final state */

.fancybox-slide--current .animated-modal,

.fancybox-slide--current .animated-modal h2,

.fancybox-slide--current .animated-modal p {

    transform: translateY(0);

    opacity: 1;

}


/* Reveal content with different delays */

.fancybox-slide--current .animated-modal h2 {

    transition-delay: .1s;



    font-weight: 800;

    font-size: 23px;

}

.fancybox-slide--current .animated-modal p {

    transition-delay: .3s;


}

/**************************/

.members,
.executive-committee {
    background-image: url(images/member-bg.png);
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}
.member_descs h3 {
    color: #FFFFFF;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 28px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    margin: 80px 0;
}
.board-director h3 {
    font-size: 36px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 30px;
}
.board-director h3 {
    font-size: 36px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 30px;
}

.member-info {
    background: #f9d946;
}

.member-info h3 {
    margin-bottom: 0px;
    color: #333;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    color: #333;
}
.member-info h5 {
    color: #333;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}
.member_box a, .member_box a:hover, .member_box a:focus {
    text-decoration: none;
}
.member-info {
    background: #f9d946;
    padding: 20px 10px;
    height: 135px;
    margin-bottom: 40px;
}
.member_box {
    margin-bottom: 0;
    margin-top: 30px;
}
.member_descs {
    max-width: 760px;
    margin: 0 auto;
}
.section-content-table tr th,
.table-responsive table thead tr th {
    background-color: #B19057;
    color: #fff;
    padding: 11px 10px;
    font-size: 18px;
}

.table-responsive tbody tr:nth-child(even) td {
    background-color: #f1f1f1;
}

.section-heading h3 {
    font-size: 36px;
    color: #1B4783;
    line-height: 1.5;
    margin: 80px 0 30px;
}
td.theme {
    font-size: 18px;
    line-height: 1.6em;
}
.section-content-table ul li {
    color: #333;
    line-height: 1.6em;
}
.section-content-table tr td {
    padding: 20px 20px;
}
.board_responsibilities_txt {
    padding: 30px 0;
    text-align: center;
    font-size: 18px;
    color: #777;
}
.section-content-table {
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.bod-title h3 {
    font-size: 36px;
    color: var(--h3-title);
}
.bod-title {
    text-align: center;
}
.bod-title h3 > span {
    font-size: 16px;
}

/* Bod Chart */

    .chart-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        justify-content: center;
        padding: 50px 20px;
    }
    .chart-container {
        /* width: 100%;
        max-width: 350px;  */
        position: relative;
    }
    .custom-legend {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 25px;
        gap: 15px;
    }
    .legend-item {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 500;
        color: #444;
    }
    .legend-color {
        width: 30px;
        height: 14px;
        margin-right: 8px;
        border-radius: 2px;
    } 

/* Bod Chart */

.bod_composition {
    background-color: #F1F1F1;
    padding: 80px 0;
}

.chart-container h3 {
    color: #1B4783;
    font-weight: 400;
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
}
.h3_title h3 {
    font-size: 36px;
    line-height: 1.5;
    color: var(--h3-title);
    margin: 80px 0 30px;
}
 .custom-table {
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    border-radius: 4px;
}

/* Header Styling */
.custom-table thead th {
    background-color: var(--brand-gold);
    color: white;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    font-size: 18px;
    height: 64px;
}

/* Zebra Striping with the light gold color */
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: var(--light-gold);
}


.name-cell {
    font-weight: 500;
}

.text-center-cell {
    text-align: center;
}
/* .attendance-table .table-striped tbody>tr:nth-of-type(even) {
    background: #E6D0A9;
}
.attendance-table tbody>tr:nth-of-type(odd) {
    background: #fff !important;
} */
.activities_board h4,
.attendance h4{
    color: #1B4783;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 28px;
    font-weight: 300;
    line-height: 42px;
}
.activities-content p {
    color: #333;
    /* font-family: "Nunito", Sans-serif; */
    font-weight: 400;
    line-height: 1.6em;
    margin-top: 30px;
    margin-bottom: 20px;
}
.attendance-warp {
    padding-left: 30px;
}
.attendance p {
    margin: 30px 0;
}
table.table.attendance_table tbody tr:nth-child(even) td {
    background-color: #E6D0A9;
}
.custom-table tbody td {
    padding: 1rem;
    vertical-align: middle;
    color: #444;
    border-bottom: 1px solid #eee;
    font-size: 17px;
}
.section-content-table.table-responsive tbody tr:nth-child(even) td {
    background-color: #f1f1f1;
}
.section-content-table.table-responsive table {
    border-color: transparent;
}
.section-content-table.table-responsive.animate__animated.animate__fadeInUp,
.animate__animated.animate__fadeInUp {
    animation-duration: 2s;
    animation-delay: 3s;
}
.table-responsive.animate__animated.animate__fadeInUp {
    animation-duration: 2s;
    animation-duration: 4s;
}

.chart-container canvas {
    width: 570px;
    height: 400px;
    margin: 0 auto;
}
.chart-container {
    position: relative; 
    width: 570px;      
    height: 400px;     
    margin: 0 auto;     
}
.chart-wrapper .chart-container {
    flex-grow: 1;
    flex-basis: 0;
}
.meeting-board {
    padding-bottom: 80px;
}
.animated-modal h3 {
    color: #1F4480;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
}

.animate_content i.bi {
    color: #69727d;
    font-size: 50px;
}

.animate_social_link {
    margin: 0 auto;
    text-align: center;
}

.executive-committee .h3_title h3 {
    color: #fff;
}

table.has-fixed-layout.table.table-custom tr th {
    background-color: #B19057;
    color: #fff;
    padding: 15px 10px;
    font-size: 18px;
    border-color: transparent;
}

table.has-fixed-layout.table.table-custom tbody tr td {
    border-color: transparent;
}

table.pl-table tbody tr th{
    border-color: transparent;
    background: #B19057;
    color: #fff;
}

tr.tableberg-even-row td {
    background-color: #F1F1F1;
}

table.pl-table tbody tr td {
    padding: 1.5rem;
    font-size: 18px;
}

table.pl-table tbody tr td p, table.pl-table tbody tr td ul li {
    line-height: 2rem;
}
table.pl-table tbody tr td a{
    color:#1B4783;
    text-decoration: none;
}

h4.wp-block-heading.has-text-align-center.policies-title {
    color: #1B4783;
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
}
.wp-block-tableberg-wrapper {
    animation-duration: 2s;
    animation-delay: 2s;
}
.default-page {
    padding: 30px 0 50px;
}
section.sub-banner h1.title {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
}
#main-page-my .counter-circle-content span {
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 20px;
}
.counter-circle-inner.my-circle-inner {
    top: 40%;
}
div#col-count-4 .counter-circle-content {
    padding: 0px 30px;
}
div#col-count-4 .section_title.my_section_title {
    font-size: 16px;
}
.col-content center {
    margin-top: 20px;
}
body#main-page-my .mvbox h2 {
    margin-bottom: 30px;
}
body#main-page-my .mvbox p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.8;
}
#main-page-my .banner-des p {
    /* font-size: 24px;
    font-weight: 400;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8; */
    color: white;
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    font-family:var(--font-en);
}

.business-section-one p {
    font-size: 23px;
    font-weight: 400;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8 !important;
}

#main-page-my .sector_desc ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
}
#main-page-my .sector_desc h3 {
    line-height: 1.5;
    font-size: 22px;
}
#main-page-my section#join-us {
    display: none;
}
#main-page-my .business-section-two h2 {
    font-size: 31px;
    font-weight: 400;
    line-height: 1.8;
}
/* #main-page-my .business-section-two h2 {
    font-size: 28px;
    font-weight: 500;
} */
#main-page-my .core_detail_txt {
    max-width: 510px;
}
h4.wp-block-heading {
    color: #1B4783;
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
}

.section_two-content {color: #fff;background-color: #B19057;}

.section_two-content h2 {
    font-size: 36px;
    line-height: 1.5;
}
.section_two-content {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 58%;
    flex: 0 0 58%;
    padding: 0 100px;
}
.desc p:first-letter {
    color: #b69766;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
}
.boxs {
    display: flex;
    justify-content: center;
}

.boxs .desc p strong {
    color: #b69766;
}
.desc p a {
    color: #1b4783;
    text-decoration: none;
}

.boxs .item {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #1b4783;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 15px 0px 15px;
    padding: 30px 15px 0px 15px;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
}

.strategy_img {
    margin: 0 auto;
    text-align: center;
}

.strategy-box .desc {
    padding: 20px 0 0;
}

.strategy_wrap {
    padding: 50px 0;
}
.excerpt h2 {
    font-size: 36px;
    line-height: 1.5;
    color: #1b4783;
}
.excerpt {
    padding: 50px 0;
}
section.standards-content {
    background-image: url(images/member-bg.png);
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-size: cover;
}
img.item-img {
    width: 100%;
}
.standard-title h2 {
    font-size: 36px;
    color: #fff;
    line-height: 1.5;
    margin-top: 50px;
}
.standard-title p {
    color: #fff;
    margin-bottom: 3rem;
}
.top-content {
    padding: 80px 0;
}
.content-table table thead tr th {
    background-color: #B19057;
    color: #fff;
}

.content-table table tbody tr td img{
 width:141px;
 height: 141px;  
 object-fit: cover;
}
.content-table tbody td p {
    line-height: 1.5;
    font-size: 18px;
}
.content-table tbody tr td {
    vertical-align: middle;
    padding: 20px 20px;
}
.content-table table tbody tr:nth-child(even) td {
    background-color: #efefef;
}
section.sustainable_development_goals .content h2 {
    margin: 40px 0;
}
section.gri_standards {
    background-color: #F5D962;
    padding: 80px 0;
}
.non-financial h2 {
    font-size: 36px;
    line-height: 1.5;
}
.page h2{
    font-size: 36px;
    line-height: 1.5;
}
/* section {
    overflow-y: hidden;
    overflow-x: auto;
} */
section.gri_standards a {
    text-decoration: none;
}
section.gri_standards a strong {
    color: #1e4382;
}

a strong {
    color: #1e4382;
}

a{
     color: #1e4382;
     text-decoration: none;
}

section.gri_standards h2 {
    color: #1B4783;
}
section.non_financial_reporting .gallery .gallery-item img {
    width: 100%;
    height: auto;
    border-color: transparent !important;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.our_data h2 {
    color: #1B4783;
}
/* table thead tr th {
    background-color: #B19057;
    color: #fff;
} */

.our-data-table table tbody tr td:nth-child(1) {
    font-size: 19px;
}

.table-responsive table tbody tr td {
    line-height: 1.8;
    padding: 1rem;
}

.table-responsive table tbody tr td ul li {
    line-height: 1.8;
}
.our_data p {
    font-size: 17px;
    line-height: 1.8;
}
section.non_financial_reporting .row {
    align-items: center;
}
section.non_financial_reporting {
    padding: 80px 0;
}
.btn-item a {
    background-color: #f9d946;
    display: inline-block;
    padding: 12px;
    /* font-family: "Nunito", Sans-serif; */
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    fill: #000000;
    color: #000000;
    text-align: center;
}

.button_boxs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 11px;
}

.button_boxs .btn-item {
    flex: 0 0 47%;
    max-width: 47%;
}
.button_boxs .btn-item a{
    border-color:transparent;
}
.btn-item a:hover {
    background: #1b4783;
    color: #fff;
}
.btn-item a:hover .bi-file-earmark-pdf::before {
    color: #fff !important;
}
#main-page-my .title.title h3 {
    font-size: 40px;
}
#main-page-my .title.title h3>br {
    display: none;
}
.attendance-warp {
    overflow: hidden;
}
.section-content-table.table-responsive {
    overflow: hidden;
}
.content-table {
    overflow: hidden;
}
.section_excerpt h3 {
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    color: var(--footer-color);
    line-height: 1.5;
}
.section_excerpt {
    padding: 80px 0;
}
.footer-color-bg {
    background-color: var(--footer-color);
    color: #fff;
}
.brand-gold-bg {
    background-color: var(--brand-gold);
    color: #fff;
}
.section-two .content, .section-three .content {
    padding: 0 80px;
}

.chart-data-wrap {
    height: 410px;
    width: 390px;
    object-fit: cover;
}
.chart-data.my-5 {
    display: flex;
    justify-content: center;
}

.section-four-title h2 {
    font-size: 36px;
    line-height: 1.5;
    color: var(--footer-color);
    margin: 50px 0;
}
h3.chart-title {
    color: var(--footer-color);
    text-align: center;
    font-size: 36px;
    line-height: 1.5;
    margin: 30px 0;
}
#main-page-my .section-four-content ul li {
    line-height: 2;
    font-size: 17px;
}
.chart-image {
    margin: 0 auto;
    text-align: center;
}
.newsletter_wrap .content h3 {
    font-size: 17px;
    color: #2b4c8c;
    font-weight: 900;
    margin-bottom: 0px;
}
a.newsletter_wrap .content {
    border: 1px solid #ddd;
    border-top-color: transparent;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
a:focus,a:hover{text-decoration: none;outline: none;}
.newletterflex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.eachnewletter h3 {
    font-size: 17px;
    border-bottom: 4px double #ccc;
    padding: 20px 15px;
    color: #2b4c8c;
    font-weight: 900;
    margin-bottom: 0px;
}
.newletterinnerflex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.eachnewletter .featureimage {
    width: 20%;
    margin: 0px auto;
}
.eachnewletter {
    width: 99.5%;
    border: 1px solid #cccccca3;
    margin: 0px 0.1% 5px 0.1%;
}
.bgbluetitle {
	width:99.5%;
    background: #2b4c8c;
    color: white;
    padding: 15px;
    font-size: 20px;
    font-weight: 900;
}
.eachnewlettercontent{width:80%;padding:15px;}
.eachnewlettercontent p {
    font-size: 14px;
    line-height: 26px;
}
a.newletterlink {
    font-size: 13px;
    font-weight: 800;
    border: 1px solid #1b4783;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
}
.eachnewlettercontent li {
    font-size: 15px;
    margin-bottom:10px;
}
.eachnewlettercontent li a {
    font-size: 14px;
    margin-left: 5px;
    font-weight: 600;
    text-decoration: underline;
}
.newsletter section.sub-banner {
    display: none;
}
.newsletter-detail-page h1, .archive-title h1 {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 400;
    margin: 40px 0;
}
.category-34 section.sub-banner, 
.category-30 section.sub-banner,
.category section.sub-banner {
    display: none;
}
a.newsletter_wrap {
    margin-bottom: 30px;
    display: inline-block;
}
.eachnewlettercontent p span {
    font-size: 15px;
}
.page-template-newsletter section.sub-banner {
    display: none;
}
.section-workplace {
    display: flex;
}
.section-workplace .workplace-item:nth-child(2) {
    background: var(--footer-color);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 80px;
}
#main-page-my .section-four-title h2 {
    font-weight: 400;
}
#main-page-my h3.chart-title {
    font-weight: 300;
}
.section-workplace {
    display: flex;
}
.workplace-item .content h3 {
    margin-bottom: 22px;
}
section#section-highlights h2 {
    font-size: 36px;
    line-height: 1.5;
    color: var(--footer-color);
    margin: 50px 0;
}
.chart-imgs h3 {
    color: var(--footer-color);
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 400;
}
.chart-imgs {
    margin: 0 auto;
    text-align: center;
}

.chart-imgs blockquote {
    margin-bottom: 80px;
}

h2.display-5 {
    font-weight: 300;
    line-height: 1.2;
}

.content-column,
.image-column {
    /* min-height: 100vh;  */
    display: flex;
    align-items: center; 
    justify-content: center; 
}

.who-we-are .content-column {
    padding: 12rem 0 12rem 10rem;
}

#corporate-governance .content-column {
    padding: 12rem 15rem 12rem 20rem;
}

#what-we-do .content-column {
    padding: 12rem 20rem 12rem 15rem;
}

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

.bg-brand-yellow {
    background-color: var(--brand-yellow) !important;
}

.bg-brand-brown {
    background-color: var(--brand-brown) !important;
}

.btn-brand-yellow {
    background-color: var(--brand-yellow);
    color: #333;
    border: none;
    border-radius: 0; 
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 25px;
    letter-spacing: 1px;
}
.btn-brand-yellow:hover {
    background-color: #fdd000; 
}
.btn-brand-outline {
    border: 1px solid white;
    background: transparent;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 25px;
    letter-spacing: 1px;
}
.btn-brand-outline:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}
.text-light-override {
    color: rgba(255, 255, 255, 0.85) !important;
}
nav#menu {
    float: right;
}
.page-id-15 .customPage .section_2 h1 {
    color: #000;
    font-weight: 300;
}
div#page {
    overflow: hidden;
}

section#mission_box p, section#vision_box p {
    font-size: 22px;
}
section#mission_box h2, section#vision_box h2 {
    font-size: 36px;
    line-height: 1.8;
}
section#join-us.page-13 {
    display: none;
}
.page-id-52 section.sub-banner {
    display: none;
}
/* Map Section */
.map-overlay-info {
    background: #fdd000;
    padding: 69px 0;
    text-align: center;
    font-weight: 500;
    margin-top: -8px;
}
.mail-icon {
    position: relative;
}
.map-overlay {
    position: relative;
}
.mail-icon img {
    width: 45px;
}
.mail-icon {
    background-color: #204580;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    bottom: 73px;
    line-height: 95px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.contact-info p {
    font-size: 18px;
}

.map-overlay p {
    max-width: 600px;
    margin: 0 auto;
}

/* Contact Section */
.contact-sidebar img { width: 180px; margin-bottom: 20px; }
.contact-info { font-size: 0.95rem; line-height: 1.6; }
.form-control { border-radius: 0; border: 1px solid #ddd; margin-bottom: 15px; }
.btn-send { background: #000; color: #fff; border-radius: 5px; padding: 8px 35px; border: none; }
section#contact-form .form-control::placeholder {
    color: #b2aeae;
}
section#contact-form .form-control {
    border-color: #eee;
    font-size: 14px;
    margin-bottom: 35px; 
}
.btn-send:hover, .btn-send:focus {
    background: #000;
    color: #fff;
}
.clearfix {
    float: right;
}
@media(min-width:991.98px) {
    .xs-program-strat {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .content-column,
    .image-column {
    min-height: auto; 
    padding: 3rem 1.5rem;
    }
    img.block_img {
        max-width: 100%;
    } 
    .xs-view .timeline-item:nth-child(odd) .timeline-content {
        transform: translateX(0px);
    }
    .xs-view .timeline-item:nth-child(even) .timeline-content {
        transform: translateX(0px);
    }
    .sm-view a.newsletter_wrap img {
        height: auto;
    }
    .sm-view .newsletter_wrap .content h3 {
        font-size: 15px;
    }
    .md-view .program_start {
        display: none !important;
    }
    .md-view .xs-pg-strat-title h4 {
        color: var(--footer-color);
        text-align: center;
        margin: 30px 0;
    }
    .md-view .splide-txt {
        position: absolute;
        left: 0;
        right: 0;
        width: 45%;
        text-align: center;
        background: var(--footer-color);
        color: #fff;
        bottom: -64px;
        margin: 0 auto;
        padding: 2rem;
    }
    .md-view .splide-img img {
        width: 100%;
        object-fit: cover;
        height: 500px;
    }

    .md-view .xs-pg-start-slide {
        padding: 30px 0 80px;
    }

    .md-view .xs-pg-strat-title h4 {
        text-align: center;
    }
}
@media (max-width:1027px){
    .md-view .agricultural_solutions .section-two.d-flex,.agricultural_solutions .section-three.d-flex {
        flex-flow: column;
    }

    .md-view .agricultural_solutions .section-two.d-flex .section-two-content,
    .md-view .agricultural_solutions .section-three.d-flex .section-three-content  {
        padding: 60px 0;
    }
    .md-view .section-two .content, .section-three .content {
        padding: 0 15px;
    }
    .md-view .section-three-items,
    .md-view .section-two-items {
        max-width: 100%;
    }
    .md-view .section-three-items img,
    .md-view .section-two-items img {
        width: 100%;
    }
   
}
@media (min-width:1027px) and (max-width:1366px){
     .md-view .agricultural_solutions div img {
        max-width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .md-view .agricultural_solutions .section-two div, .agricultural_solutions .section-three div {
        flex-grow: 1;
        flex-basis: 0;
    }
    .md-view .agricultural_solutions .section-two .content, .agricultural_solutions .section-three .content {
        padding: 30px 15px;
    }
    .md-view .agricultural_solutions .section-two .content h3, .agricultural_solutions .section-three .content h3 {
        font-size: 22px;
    }
    .md-view .agricultural_solutions .section-two .content p, .agricultural_solutions .section-three .content p {
        font-size: 16px;
    }
    .md-view .agricultural_solutions .section-two div, .agricultural_solutions .section-three div {
        flex-grow: 1;
        flex-basis: 0;
    }
    .md-view .agricultural_solutions .section-two .content ul li, .agricultural_solutions .section-three .content ul li {
        font-size: 16px;
        line-height: 1.8;
    }
}

@media (min-width:991px) and (max-width:1200px){
   #what-we-do .content-column{
        padding: 12rem 5rem;
   }
   #corporate-governance .content-column{
        padding: 12rem 5rem;
   }
}

@media (min-width:1366px) and (max-width:1566px){
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 15px;
    }
    .md-view #what-we-do .content-column {
        padding: 12rem 10rem;
    }
}
@media (max-width:1200px){
    a.search-btn {
        display: none;
    }
    .menu.fix{
        position: static;
    }
    .lg-view .menu.fix .weblogo a img {
        width: 163px;
        height: 67px;
    }
    .mega-current-menu-parent a.mega-menu-link {
        color: #fff !important;
    }
    ul.mega-sub-menu a.mega-menu-link {
        color: #000 !important;
        font-size: 13px !important;
    }
}
@media (min-width:1200px) and (max-width:1366px){

    .md-view #what-we-do .content-column {
        padding: 12rem 10rem;
    }

    .md-view #corporate-governance .content-column {
        padding: 12rem 8rem;
    }
    
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
        padding-left: 0px;
        padding-right: 0;
    }

    .menu.fix .weblogo a img {
        width: 300px;
        height: 166px;
    }

    .menu.fix {
        position: static;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        margin-right: 17px;
    }

    #main-page-my #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 11px;
        font-weight: 500;
    }
}
@media(min-width:767px) and (max-width:1200px){
    .logo-col {
        width: 75%;
    }

    .menu-col {
        width: 25%;
    }

    nav#menu {
        float: right;
    }
    .lg-view .containers .row .content {
        padding: 30px 30px;
    }
    .timeline-item:nth-child(odd) .timeline-content {
        transform: translateX(149px);
    }
    .timeline-item:nth-child(even) .timeline-content {
        transform: translateX(-149px);
    }
}
@media (max-width:991px){
    .md-view .attendance-warp {
        padding-left: 0;
    }
    .xs-view .section_two_our-businesses {
        background-image: none;
        padding-bottom: 160px;
    }
    .xs-view .section_business_wrap {
        flex-flow: column;
    }
    .xs-view .sector_items {
        position: relative;
    }
    .xs-view .sector_icon {
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
    }
    .xs-view .sector_desc h3 {
        font-size: 32px;
        text-align: center;
    }

    .xs-view .sector_desc {
        max-width: 337px;
    }

    .sector_one.sector-item,.sector_three.sector-item {
        text-align: center;
    }
    
}
@media (min-width:991px) and (max-width:1200px){
    .sector_desc h3 {
        font-size: 23px;
    }

    .sector_desc {
        padding: 1rem;
    }

    .sector_desc ul li {
        font-size: 16px;
    }
    .lg-view .boxs .item {
        flex-basis: auto;
        width: 100%;
    }
    .lg-view .strategy_img img {
        width: 75%;
    }
}
@media (max-width:767px){
    .sm-view .strategy-box .boxs .item {
        width: 100%;
        margin: 29px auto;
        border-radius: 9px;
    }
    .sm-view .strategy-box .boxs {
        display: block;
    }
    div#page_wrap.page_our-approach section.section_two_content {
        flex-direction: column;
    }

    .sm-view .section_two-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 50px 30px;
    }
    #main-page-my .customPage p {
        font-size: 16px;
    }
    #main-page-my .h3_title h3 {
        font-size: 30px;
    }
    #main-page-my .customPage h1 {
        font-size: 30px;
    }
    #main-page-my .board-director h3 {
        font-size: 25px;
    }
    #main-page-my .section-heading h3{
        font-size: 25px;
    }
    #main-page-my .sm-view .member_descs h3 {
        font-size: 20px;
    }
    .sm-view .member-info {
        height: 110px;
    }
    .sm-view .member-info h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .sm-view .member-info h5 {
        font-size: 14px;
    }
    .sm-view .core-business-detail {
        padding: 100px 0;
    }
    .sm-view section#mission_box .content p, section#vision_box .content p {
        font-size: 18px;
    }
    .sm-view section#mission_box .content, section#vision_box .content {
        padding: 40px 30px;
    }
    .sm-view section#vision_box .row {
        flex-direction: column-reverse;
    }
    .sm-view .col-img {
        height: 357px;
        background-size: cover;
        background-position: center;
    }
    .xs-view #video-wrap .splide__slide__container.srv-splide-container {
        height: 200px;
        background-size: cover;
        background-position: center;
    }
    .xs-view .svg.position-absolute {
        display: none;
    }
    .xs-view .join-us {
        width: 100%;
    }
    .xs-view .slide-content p {
        margin-bottom: 0;
    }
    .xs-view .slide-content {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
    }
    #video-wrap .splide__pagination {
        position: static;
        padding: 12px;
    }
    #video-wrap .position-absolute svg {
        width: 12%;
    }
    #main-page-my .company_profile h4 {
        line-height: 1.5;
    }
    .xs-view .circle.circle-yellow p {
        font-size: 14px;
    }
    .xs-view .circle.circle-blue p {
        font-size: 14px;
    }
    .xs-view .menu.fix .weblogo a img {
        width: 163px;
        height: 87px;
    }
    .weblogo {
        margin: 0 auto;
        text-align: center;
    }
    ul.poly-lang {
        float: none;
        max-width: 100%;
        justify-content: center;
    }
    .xs-view .content-column,
    .xs-view #what-we-do .content-column,
    .xs-view #corporate-governance .content-column {
        padding: 80px 30px;
    }
    .xs-view .image-column {
        height: 419px;
    }
    .xs-view .news_wrap_on_home {
        margin: 0 auto 30px;
        text-align: center;
        border-bottom: 1px solid #a2acbb;
    }
    .xs-view .news_wrap_on_home .content{
        height: auto;
    }
    .xs-view .footer_logo {
        margin: 0 auto;
        text-align: center;
    }
    .xs-view .textwidget {
        float: none;
        text-align: center;
        margin-top: 30px;
    }
    div#go-top {
        right: 15px;
    }
    .xs-view .copyRight {
        text-align: center;
    }
    .xs-view p.social-us {
        text-align: center;
        float: none;
        justify-content: center;
        margin-top: 15px;
    }
    .xs-view .menu.fix {
        position: static;
    }
    .page-id-17 .xs-view section.sub-banner, 
    .page-id-13 .xs-view section.sub-banner, 
    .page-id-19 .xs-view section.sub-banner, 
    .page-id-15 .xs-view section.sub-banner {
        height: auto;
        aspect-ratio: 6 / 3;
    }
    .xs-view .mission_box .mvbox {
        flex-flow: column;
    }
    .xs-view .mv_content {
        padding: 200px 30px;
    }
    .xs-view .mvbox.mvbox-two {
        flex-flow: column-reverse !important;
    }
   
    .xs-view .timeline-item{margin-bottom:100px}
    .xs-view h2.section-title.h4 {
        font-size: 28px;
        font-weight: 700;
    }
    .xs-view .hand img {
        width: 138px;
        right: 0;
    }
    .xs-view .hwet-toe-link ul li {
        display: block;
        padding-bottom: 15px;
    }
    .xs-view .hwet-toe-link li a {
        display: block;
        width: 116px;
    }
    .xs-view .hwet-toe-title h2 br {
        display: none;
    }

    .xs-view .hwet-toe-title h2 {
        font-size: 21px;
        margin-top: 30px;
        text-align: center;
    }

    .xs-view .hwet-toe {
        margin: 0 auto;
        text-align: center;
    }
    #main-page-my .xs-view .title.title h3 {
        font-size: 29px;
    }
    .xs-view .content-column p {
        font-size: 18px;
    }
    .xs-view div#video-wrap h2 {
        font-size: 25px;
    }
    .xs-view .banner-des {
        padding: 32px;
    }

    .xs-view .core_detail_txt {
        text-align: center;
        max-width: 100%;
        margin: 20px 0;
    }
    #main-page-my section.sub-banner h1.title {
        font-size: 22px;
    }
}
@media (min-width:767px) and (max-width:991px){
    div#go-top {
        bottom: 255px;
        right: 50px;
    }
    .md-view .boxs .item {
        flex-basis: auto;
        width: 100%;
    }
    .md-view .strategy_img img {
        width: 75%;
    }
    .md-view .core_detail_box h3 {
        font-size: 30px;
    }
    .md-view section.sub-banner {
        height: 422px;
        background-size: cover;
    }
    .md-view #carouselHome .carousel-caption h5 {
        font-size: 16px;
        white-space: normal;
    }

    #main-page-my #carouselHome .carousel-caption h5 {
        line-height: 1.8;
        font-size: 24px;
    }

    .md-view #carouselHome .carousel-caption {
        bottom: 0;
    }

    .md-view a.btn.btn-primary.slide-learn-more {
        padding: 7px 15px;
        font-size: 15px;
        margin-top: 0;
    }
    .md-view .timeline-content{
        width:43%;
    }
    .md-view #default-content .wp-block-columns div.wp-block-column h5 {
        font-size: 15px;
        padding: 0px 10px;
    }
}
@media (max-width:575.99px){

    .xs-view section.sub-banner {
        height: 300px;
    }

    .xs-view .report_detail {
        margin: 0 auto;
        text-align: center;
        padding: 2rem 0;
        margin-bottom: 30px;
    }

    .xs-view a.newsletter_wrap .img {
        margin: 0 auto;
        text-align: center;
    }
    .xs-view a.newsletter_wrap .img img {
        width: auto;
        height: auto;
        margin: 0 auto;
    }
    .xs-view a.newsletter_wrap {
        display: block;
    }

    .xs-view .news_wrap .content h3 {
        line-height: 2.5rem;
    }

    .xs-view .mail-icon {
        bottom: 100px;
    }
    
    .xs-view .core_item {
        width: 100%;
    }
    .xs-view #carouselHome .carousel-caption h5 {
        font-size: 16px;
        white-space: normal;
    }

    #main-page-my #carouselHome .carousel-caption h5 {
        line-height: 1.5;
        font-size: 14px;
    }

    .xs-view #carouselHome .carousel-caption {
        bottom: 0;
    }

    .xs-view a.btn.btn-primary.slide-learn-more {
        padding: 5px 6px;
        font-size: 11px;
        margin-top: 0;
    }
}
@media (min-width:575px) and (max-width:767px){
    .sm-view .core_item {
        width: 43%;
    }
    .sm-view #carouselHome .carousel-caption h5 {
        font-size: 16px;
        white-space: normal;
    }

    #main-page-my #carouselHome .carousel-caption h5 {
        line-height: 1.8;
        font-size: 19px;
    }

    .sm-view #carouselHome .carousel-caption {
        bottom: 0;
    }

    .sm-view a.btn.btn-primary.slide-learn-more {
        padding: 5px 6px;
        font-size: 11px;
        margin-top: 0;
    }
}
@media (min-width:575px) and (max-width:991px){
    .sm-view .copyright .copyRight p {
        font-size: 13px !important;
        text-align: left;
    }
}
.section_5 img {
    width: 100%;
}
.hwet-toe-title h2 {
    color: #199249;
    font-size: 26px;
    margin-bottom: 0px;
}
.hwet-toe-link ul li {
    display: inline-block;
}

.hwet-toe-link ul {
    padding-left: 0;
}


.conection-box {
    padding: 50px 0 0px;
    position: relative;
}
.hand img {
    bottom: 0;
    width: 240px;
    position: absolute;
    right: -50px;
}
.hwet-toe-link {
    padding: 30px 0;
}
.hwet-toe-link li a {
    color: #000;
}
.page-template-custom-page .page-content h3.wp-block-heading {
    font-size: 27px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--footer-color);
    margin-bottom: 40px;
    margin-top: 40px;
}
table.table.custom-table.c-table tr:first-child td {
    font-weight: bold;
    background-color: #b19057;
    color: #fff;
    padding: 12px 20px;
    font-size: 18px;
}

table.table.custom-table.c-table p {
    margin-bottom: 0;
}
.page-id-28 section#join-us {
    display: block !important;
}
.page-id-1220 section#join-us {
    display: none;
}
.col-img {
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}

.containers .row {
    align-items: center;
}

.containers .row .content {
    padding: 0 75px;
}
section#section-three .content h3 {
    color: var(--footer-color);
}
#main-page-my section#section-three .content h3
,#main-page-my section#section-four .content h3 {
    font-weight: 300;
}
.section_excerpt h2 {
    color: var(--footer-color);
    margin-bottom: 30px;
}
#main-page-my div#default-content h2 {
    font-weight: 300;
}
#main-page-my .section_excerpt h2 {
    font-weight: 300;
}
section#section-four .content h3 {
    color: var(--footer-color);
}
section#section-five .content h3, section#section-five .content p {
    color: #fff;
}
.highlights-content h2 {
    margin: 50px 0 30px;
    color:var(--footer-color);
}
.highlights-content h3 {
    color:var(--footer-color);
}
.highlights-content .wp-block-columns h3 {
    margin: 30px 0;
    font-size: 28px;
    font-weight: 400;
}

.highlights-content {
    padding-bottom: 40px;
}
.section_excerpt ul li {
    line-height: 1.8;
}
div#default-content {
    background-color: var(--footer-color);
    padding: 70px 0;
}
div#default-content h5 {
    color: var(--brand-yellow);
    margin-bottom: 30px;
}
div#default-content h2 {
    color: #fff;
    margin-bottom: 30px;
}
#default-content .wp-block-columns div.wp-block-column {
    display: flex;
    justify-content: center;
    border: 2px solid var(--brand-yellow);
    align-items: center;
    height: 64px;
    flex-basis: auto;
    border-radius: 6px;
}

#default-content .wp-block-columns div.wp-block-column h5 {
    margin-bottom: 0 !important;
    font-size: 24px;
}
div#default-content .content p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
}
.program_start div {
    flex-grow: 1;
    flex-basis: 0;
}

div#v-pills-tabContent .tab-pane img {
    width: 100%;
    height: 623px;
    object-fit: cover;
}

.program_start .nav-pills {
    display: flex;
    justify-content: center;
    align-items: center;
}

.program_start .nav-pills a.nav-link {
    display: inline-block;
    width: fit-content;
    font-size: 30px;
    background-color: transparent;
    color: var(--footer-color);
}
.program_start .nav-pills a.nav-link.active:before {
    content: "\27F6";
    margin-right: 5px;
}
.img-caption h5 {
    margin-bottom: 0;
    font-size: 22px;
}

.img-caption {
    height: 73px;
    position: absolute;
    bottom: 0;
    background: var(--brand-gold);
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.tab-content {
    position: relative;
}
section#join-us.page-all-together {
    display: none;
}
h4.csr-title {
    font-size: 36px;
}
#main-page-my #default-content .wp-block-columns div.wp-block-column h5 {
    font-size: 20px;
}
#main-page-my h4.csr-title {
    font-size: 28px;
    width: 500px;
    text-align: center;
    line-height: 1.8;
}
/* #main-page-my .program_start .nav-pills a.nav-link {
    font-size: 22px;
} */
#main-page-my .program_start .nav-pills a.nav-link {
    font-size: 26px;
    cursor: pointer;
}
/* .report_detail h3 {
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    margin-top: 15px;
    
} */

.report_detail h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    padding: 0 13px;
}
#main-page-en .report_detail h3 {
    font-weight: 800;
}

.report_detail {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.report-lists {
    padding-bottom: 40px;
}
.report-title h1 {
    margin: 40px 0;
}

.page-template-sustainability-report section.sub-banner {
    display: none;
}
.report-title h1 {
    margin: 40px 0;
    font-weight: 700;
    color: #000;
}
section#join-us.page-1438 {
    display: none;
}
.category-careers section.sub-banner {
    display: flex;
}
.page-content .content-txt p {
    line-height: 1.8;
}
.page-content .content-txt {
    max-width: 850px;
    padding: 50px 0;
    margin: 0 auto;
}
.page-content {
    /* background-color: var(--footer-color); */
    color: #fff;
    text-align: center;
}
.open-position h2 {
    color: #1e4382;
    font-size: 28px;
    /* font-family: 'Nunito'; */
    font-weight: 700;
    margin: 30px 0;
}
#main-page-my .member_descs h3 {
    font-size: 23px;
}
.board-director h3 {
    font-size: 23px;
    font-weight: 300;
}

h3.position-title {
    font-size: 22px;
    font-weight: 700;
}
.position {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
a.btn.btn-secondary.btn-apply-now {
    background: var(--footer-color);
    border-color: transparent;
}
.career-form {
    background-color: var(--brand-yellow);
    padding: 80px 0 70px;
}
.career-info h3 {
    font-weight: 700;
    font-size: 38px;
    line-height: 1.5;
}
.open_position_info {
    margin-bottom: 50px;
}
.open_position_info .position:last-child {
    border-color: transparent;
}
.six-pdf a {
    background: var(--brand-yellow);
    border-color: transparent;
    border-radius: 0;
}
.six-pdf {
    margin: 0 auto;
    text-align: center;
}

.six-pdf a {
    background: var(--brand-yellow);
    border-color: transparent;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}


.six-pdf a:hover,.six-pdf a:focus {
    background-color: var(--footer-color);
}

.section_six {
    background: #f1f1f1;
    padding: 70px 0;
}

.section_six p {
    font-size: 24px;
    line-height: 1.5;
    color: var(--footer-color);
}

.section_six h2 {
    color: var(--footer-color);
    margin-bottom: 40px;
}
.bg-image {
    height: 535px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin-bottom:80px;
}

.bg-image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(-90deg, #4D3B1D 0%, #072144 100%);
    opacity: 0.9;
    left: 0;
    right: 0;
    transition: 1s all;
}
.community-title {
    padding: 50px 0;
}
.community-content {
    position: relative;
    color: #fff;
}
.bg-image:hover:before {
    background-image: none;
    background-color: rgba(0, 0, 0, .3);
}
.community-title h2 {
    font-size: 36px;
    color: var(--footer-color);
    text-align: center;
}
#child_1520 .bp-content .wp-block-image img,
#child_1569 .bp-content .wp-block-image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

#child_1520 .bp-content .wp-block-image,
#child_1569 .bp-content .wp-block-image {
    
    border-radius: 100%;
    width: 180px;
    height: 180px;
    display: flex;
    align-items: center;
}

#child_1520 .bp-content .wp-block-columns .wp-block-column:nth-child(odd) .wp-block-image,
#child_1569 .bp-content .wp-block-columns .wp-block-column:nth-child(odd) .wp-block-image {
background: var(--footer-color);
}
#child_1520 .bp-content .wp-block-columns .wp-block-column:nth-child(even) .wp-block-image,
#child_1569 .bp-content .wp-block-columns .wp-block-column:nth-child(even) .wp-block-image {
background: var(--brand-yellow);
}
#child_1520 .bp-content .wp-block-columns .wp-block-column .wp-block-image,
#child_1569 .bp-content .wp-block-columns .wp-block-column .wp-block-image {
    margin: 0 auto 20px;
    text-align: center;
}
#child_1520 .bp-title h1,
#child_1569 .bp-title h1 {
    text-align: center;
    margin: 20px 0 80px;
}
#child_1520 .bp-content .wp-block-buttons .wp-block-button .wp-element-button:hover,
#child_1569 .bp-content .wp-block-buttons .wp-block-button .wp-element-button:hover {
    background-color: var(--brand-yellow);
    color: var(--footer-color);
}
#child_1520 .bp-content .wp-block-buttons .wp-block-button .wp-element-button,
#child_1569 .bp-content .wp-block-buttons .wp-block-button .wp-element-button {
    background: var(--footer-color);
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
#child_1520 .bp-content,
#child_1569 .bp-content{
    margin-bottom: 80px;
}
.bp-title h1 {
    text-align: center;
}

div#child_1535,
div#child_1574 {
    background-color: var(--brand-gold);
    padding: 80px;
}

div#child_1535 .bp-content p {
    color: #fff;
}
div#child_1535 .bp-title h1 {
    margin-bottom: 30px;
    color: #fff;
}
/* .testmonial-img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
}

.testmonial-img {
    float: right;
} */
.row-detail {
    display: flex;
    gap: 23px;
    align-items: center;
    padding: 30px 0;
}

.testmonial-wrap {
    background: rgb(232 213 184 / 20%);
    padding: 2rem;
    max-width: 866px;
    margin: 0 auto; 
    height: 338px;
}


.testmonial-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.row-detail .col .testmonial-img {
    float: right;
}
.testmonial-name h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}
.testmonial-name p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.testmonial-wrap h3 {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    line-height: 1.5;
}
section.splide.community {
    margin-top: 30px;
}
div#child_1574 .bp-title h1 {
    color: #fff;
}
.community li.splide__slide {
    /* background: rgb(232 213 184 / 20%);
    padding: 2rem; */
    /* max-width: 866px;
    margin: 0 auto; */
}
.page-id-1333 section#join-us {
    display: none;
}
.community .splide__pagination__page.is-active {
    background: var(--brand-yellow);
}
.page-template-business-practices .section_six blockquote {
    justify-content: center;
    display: flex;
    gap: 15px;
}
.page-template-business-practices .section_six blockquote p a {
    background: var(--brand-yellow);
    color: #000;
    padding: 10px 30px;
}
.page-template-business-practices .section_six blockquote p {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
.page-template-business-practices .section_six blockquote p a:hover{
    background-color: var(--footer-color);
    color:#fff;
}
.page-template-careers .banner-des h3 {
    font-size: 38px;
    font-weight: 600;
}
div#requiredHelp {
    margin-bottom: 30px;
    font-size: 12px;
}
.alert.alert-success {
    background-color: transparent;
    border-color: var(--footer-color);
    color: var(--footer-color);
    font-size: 14px;
}
.alert.alert-warning {
    background-color: transparent;
    border-color: var(--footer-color);
    color: var(--footer-color);
    font-size: 14px;
}
.page-template-contact-us section.sub-banner {
    display: none !important;
}
/* .video-library .splide__arrows {
    display: none;
} */
.banner-des h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}
table.table.custom-table.c-table a {
    font-weight: 600;
}
.textwidget p {
    font-size: 16px;
}
section#section-four {
    position: relative;
}

.section-four-bg {
    position: absolute;
    bottom: -98px;
    z-index: -1;
    left: -162px;
}
.mega-current-menu-item a.mega-menu-link {
    background-color: #fff !important;
}
.section-two-items {
    max-width: 50%;
}

.section-three-items {
    max-width: 50%;
}
.board-members .member_box .member-info {
    height: 100px;
}
.page-id-19#main-page-my section#join-us {
    display: block !important;
}
#main-page-my .board-responsibilties table {
    display: none;
}
#main-page-my .board-responsibilties .section-content-table {
    box-shadow: none;
}
#main-page-my .attendance-table {
    display: none;
}
#main-page-my .board-members .member_box .member-info {
    height: 126px;
}
.news_wrap .content h3 a {
    color: #000000;
    transition: color 0.3s;
}
.news_wrap .content h3 a:hover{
    color:var(--footer-color);
}
.category-32#main-page-my section#join-us {
    display: block;
}
div#child_1569 .bp-content .wp-block-columns .wp-block-column {
    padding: 0 13px;
}
div#child_1569 .bp-content p {
    color: #333;
}
#main-page-my .company_profile h2.section-title.h4 {
    font-style: normal;
    font-size: 25px;
}
.report_detail_wrap.pdf_3dbook h2 {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
}
.report_detail_wrap.pdf_3dbook h2 {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: var(--footer-color);
    margin-bottom: 30px;
}
.report_detail_wrap.pdf_3dbook {
    margin-bottom: 50px;
}
/* .df-bg {
    background: transparent !important;
}
.pdf_book {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
} */

/* .timeline .timeline-item:nth-child(odd) {
    animation-name: fadeInLeft;
}
.timeline .timeline-item:nth-child(even) {
    animation-name: fadeInRight;
} */

.wow {
    animation-duration: 1500ms;
    animation-delay: 0ms;
}
.report_heading h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0;
}
.report_heading {
    background: #2b4c8c;
    padding: 5px 30px;
}
.report_detail_wrap {
    padding: 20px 0;
}
.report_detail_wrap .row {
    align-items: center;
}
.page_title h1 {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 500;
    margin: 40px 0 20px;
    color: #000;
}
.report_view_more a {
    font-size: 13px;
    font-weight: 800;
    border: 1px solid #1b4783;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
}