.elementor-2 .elementor-element.elementor-element-d4809f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-d4809f9:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-d4809f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-widget-ucaddon_uc_card_post_carousel .ue_post_category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .ue_post_date,.elementor-widget-ucaddon_uc_card_post_carousel .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .uc_post_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .ue_post_intro{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue_post_carousel_item{border-style:none;}.elementor-2 .elementor-element.elementor-element-c4ae3be .uc_image_carousel_content{background-color:#e8e8e8;}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue_post_category a{color:#9a9a9a;}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue_post_category{margin-top:0px;}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue_post_date{color:#9a9a9a;margin-top:0px;}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue-grid-item-meta-data{color:#9a9a9a;}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue-grid-item-meta-data svg{fill:#9a9a9a;}.elementor-2 .elementor-element.elementor-element-c4ae3be .uc_post_title{color:#000000;margin-top:10px;}.elementor-2 .elementor-element.elementor-element-c4ae3be .ue_post_intro{color:#747474;margin-top:10px;}.elementor-2 .elementor-element.elementor-element-c4ae3be .uc_more_btn{font-family:"Playfair Display", Sans-serif;font-size:18px;font-weight:500;border-radius:0px;background-color:var( --e-global-color-38f0a6e );color:var( --e-global-color-1debf37 );margin-top:20px;border-style:none;}.elementor-2 .elementor-element.elementor-element-c4ae3be .uc_more_btn:hover{background-color:var( --e-global-color-4c10f45 );color:var( --e-global-color-1debf37 );}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-dot.active{background-color:var( --e-global-color-282a29d );}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-dots{margin-top:20px;}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-nav .owl-prev{left:20px;right:auto;}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-nav .owl-next{right:20px;left:auto;}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-carousel .owl-nav .owl-next,.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-carousel .owl-nav .owl-prev{top:160px;border-radius:0px;width:62px;height:62px;line-height:62px;font-size:24px;background-color:#ffffff;color:#000000;}.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-carousel .owl-nav .owl-next:hover,.elementor-2 .elementor-element.elementor-element-c4ae3be .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-2 .elementor-element.elementor-element-c4ae3be .uc_image_carousel_placeholder{height:800px;transition:all 200ms ease-in-out;background-color:#ffffff;}.elementor-2 .elementor-element.elementor-element-c4ae3be .uc_image_carousel_bg{height:800px;background-size:cover;}.elementor-2 .elementor-element.elementor-element-89d543f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-89d543f:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-89d543f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-2 .elementor-element.elementor-element-7114963{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-8db2021{--display:flex;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-26f7958 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-2f3d51b{--display:flex;}.elementor-2 .elementor-element.elementor-element-51f8eb4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-82c78ca{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-82c78ca{right:0px;}.elementor-2 .elementor-element.elementor-element-82c78ca{top:0px;z-index:-1;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-ba2e63e{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-ba2e63e{right:0px;}.elementor-2 .elementor-element.elementor-element-ba2e63e{top:0px;z-index:-1;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-1145094{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-1145094{right:0px;}.elementor-2 .elementor-element.elementor-element-1145094{top:0px;z-index:-1;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-052c32c{left:0px;}body.rtl .elementor-2 .elementor-element.elementor-element-052c32c{right:0px;}.elementor-2 .elementor-element.elementor-element-052c32c{top:0px;z-index:-1;}.elementor-2 .elementor-element.elementor-element-b0c6f86 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;line-height:1.15;}.elementor-2 .elementor-element.elementor-element-8286ad5 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-8286ad5 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-23a47d9 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-98abc62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-98abc62:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-98abc62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-59441eb{--display:flex;}.elementor-2 .elementor-element.elementor-element-8d194b7 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;line-height:1.15;}.elementor-2 .elementor-element.elementor-element-6cba62c{--display:flex;}.elementor-2 .elementor-element.elementor-element-70100a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-70100a1:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-70100a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chinainstitute.org/wp-content/uploads/2024/12/H-difference-img-01.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-2 .elementor-element.elementor-element-0864a23{--display:flex;}.elementor-2 .elementor-element.elementor-element-9380125{text-align:center;}.elementor-2 .elementor-element.elementor-element-9380125 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:500;color:var( --e-global-color-1debf37 );}.elementor-2 .elementor-element.elementor-element-4db6f9e{text-align:center;}.elementor-2 .elementor-element.elementor-element-4db6f9e .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:400;line-height:1.5;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-4db6f9e > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-be398bc{--display:flex;}.elementor-2 .elementor-element.elementor-element-2498327{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-9a48798{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-4273b33{--display:flex;}.elementor-2 .elementor-element.elementor-element-5eec7d3{--display:flex;}.elementor-2 .elementor-element.elementor-element-a3994b2 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;line-height:1.25;color:var( --e-global-color-29e51ff );}.elementor-2 .elementor-element.elementor-element-cf8358f .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-cf8358f > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-be890af .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-be890af > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-c3ca074{--display:flex;}.elementor-widget-ucaddon_arrow_navigation .ue-remote-arrow{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-remote-carousel-navigation-wrapper{justify-content:flext-start;}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-remote-carousel-navigation{flex-direction:row;gap:15px;}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-remote-arrow{flex-direction:row;gap:10px;background-color:var( --e-global-color-282a29d );min-width:50px;min-height:50px;border-radius:0px 0px 0px 0px;border-style:none;}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-carousel-nav-label{color:#ffffff;}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-remote-arrow .ue-carousel-nav-icon{color:#000000;}.elementor-2 .elementor-element.elementor-element-f23af93 button .ue-carousel-nav-icon svg{fill:#000000;}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-carousel-nav-icon{font-size:20px;}.elementor-2 .elementor-element.elementor-element-f23af93 .ue-remote-arrow:hover .ue-carousel-nav-label{color:#E36600;}.elementor-2 .elementor-element.elementor-element-bfed294{--display:flex;}.elementor-widget-ucaddon_post_carousel .ue-grid-item-category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .uc_post_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .uc_paragraph{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_carousel_item{background-color:var( --e-global-color-1debf37 );border-style:none;border-radius:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_image_carousel_content{background-color:var( --e-global-color-1debf37 );padding:20px 20px 20px 20px;min-height:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-item{opacity:100%;transform:scale(1,1);}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc-active-item .ue-item{opacity:100%;transform:scale(1,1);}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_image_carousel_placeholder img{object-fit:contain;transition:all 200ms ease-in-out;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_image_carousel_placeholder{background-color:#ffffff;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_image_carousel_container_holder{text-align:left;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue_pos_carousel_image_overlay{background-color:#000000;opacity:0%;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_carousel_item:hover .ue_pos_carousel_image_overlay{opacity:40%;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-grid-item-category a{color:var( --e-global-color-29e51ff );font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-grid-item-category{margin-top:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_post_title{color:var( --e-global-color-primary );font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:500;line-height:1.25;margin-top:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-grid-item-meta-data{color:#707070;font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:400;line-height:1.25;gap:10px;width:100%;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-grid-item-meta-data svg{fill:#707070;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-meta-data{margin-top:0px;gap:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_paragraph{color:#969696;margin-top:10px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_more_btn{font-family:"Playfair Display", Sans-serif;font-size:14px;font-weight:500;padding:0px 0px 0px 0px;margin-top:20px;color:var( --e-global-color-29e51ff );border-radius:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_more_btn:hover{background-color:#00000000;color:var( --e-global-color-45058ca );border-radius:0px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_more_btn i{margin-left:10px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .uc_more_btn svg{margin-left:10px;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-nav .owl-prev{left:15px;right:auto;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-nav .owl-next{right:15px;left:auto;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-carousel .owl-nav .owl-next,.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-carousel .owl-nav .owl-prev{top:160px;width:32px;height:32px;line-height:32px;font-size:12px;background-color:var( --e-global-color-282a29d );color:var( --e-global-color-1debf37 );}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-carousel .owl-nav .owl-next:hover,.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-carousel .owl-nav .owl-prev:hover{background-color:#E36600;color:#ffffff;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-dot{width:8px;height:8px;background-color:#c6c6c6;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-dot.active{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .owl-dots{margin-top:20px;gap:5px;justify-content:center;}.elementor-2 .elementor-element.elementor-element-bc7ea0d .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS */#bridge-cultures .heading-wrap, #bridge-cultures .bridge-block, #upcoming-events .owl-nav .owl-prev, #upcoming-events .owl-nav .owl-next {
    display: none;
}

#history h2, #bridge-cultures h3, #difference h3, #upcoming-events h3 {
    margin-bottom: 30px;
}

.btn-member {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Playfair Display', sans-serif;
    color: #fff !important;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    width: 240px;
    border: 1px solid #fff;
}
.btn-member:hover {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(112, 112, 112, 0.28);
    -moz-box-shadow: 0px 0px 0px 10px rgba(112, 112, 112, 0.28);
    box-shadow: 0px 0px 0px 10px rgba(112, 112, 112, 0.28);
}

/*HERO*/
#hero .raven-post-image {
    position: relative;
    width: 100%;
    height: auto;
}

#hero .raven-post-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

#hero .uc_image_carousel_content {
    /*display: none !important;*/
    position: absolute;
    z-index: 20;
    min-height: initial;
    background: none;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
}

#hero .uc_image_carousel_bg .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(32,32,32);
    background: linear-gradient(180deg, rgba(32,32,32,0) 50%, rgba(32,32,32,.75) 100%);
    top: 0;
}

#hero .uc_more_btn {
    width: 200px;
    min-height: 48px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#hero .uc_more_btn img {
    width: 11px;
    height: 11px;
}

#hero .owl-dots {
    position: absolute;
    /*left: 50%;*/
    top: 50%;
}

#hero .owl-dot {
    display: block !important;
    margin: 8px 5px;
}

#hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
    height: initial !important;
}

/*HISTORY*/
#history {
    background: url('/wp-content/uploads/2024/08/H-sharing-img-01.png') bottom right no-repeat, #F4F4F4;
    background-size: 900px;
    padding-top: 120px;
    padding-bottom: 80px;
}

#history .history-wrap > .e-con-inner {
    gap: 65px;
}

#history .col-left {
    width: 55%;
}
#history .col-right {
    width: 45%;
    padding-top: 5rem;
}

#history .btn-cta {
    margin-left: 0;
    margin-top: 2rem;
}

/*BRIDGE CULTURES*/
#bridge-cultures {
    padding-top: 150px;
    padding-bottom: 80px;
    position: relative;
}

#bridge-cultures h3 {
    font-size: 40px;
    font-weight: 500;
}

#bridge-cultures h4 {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Playfair Display', sans-serif;
    color: #202020;
}

#bridge-cultures p {
  font-size: 16px;
  font-family: 'Helvetica', sans-serif;
  line-height: 1.5;
  color: #525252;
  margin-top: 8px;
}

.threshold {
  position: sticky;
  width: 100%;
  height: 1px;
  background-color: red;
  z-index: 9999999999;
}

.threshold--top {
  top: 50%;
  width: 0;
}

.image {
  opacity: 0;
  transition: all 0.5s ease;
}

.image.active {
  opacity: 1;
}

.locker {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 80px;
    width: 100%;
}

.locker__image {
    position: relative;
    width: 55%;
}

.locker__image .image {
    width: 460px;
    height: initial;
    position: absolute;
    left: 0;
    transition: all 1s ease;
}

.locker__container {
    position: sticky;
    position: -webkit-sticky;
    height: 100vh;
    display: flex;
    align-items: center;
    top: 20%;
    left: 0;
    transform: translate(0, -50%);
}

.locker__content {
    width: 45%;
    position: relative;
}

.locker__section {
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.locker__section--4 {
    padding-bottom: 24rem;
}

.locker__section:first-child {
  border: none;
}

.sticky-line {
    position: sticky;
    top: 25%;
}

.sticky-line::before, .sticky-line > .line {
    position: absolute;
    display: block;
    right: -80px;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    width: 1px;
    height: 580px;
    transition: all .25s ease-in-out;
}

.locker:has(.image--1.active) .line {
    height: 116px;
}
.locker:has(.image--2.active) .line {
    height: 232px;
    /*transform: translate3d(0px, 145px, 0px);*/
}
.locker:has(.image--3.active)  .line {
    height: 348px;
    /*transform: translate3d(0px, 290px, 0px);*/
}
.locker:has(.image--4.active) .line {
    height: 464px;
    /*transform: translate3d(0px, 435px, 0px);*/
}
.locker:has(.image--5.active) .line {
    height: 580px;
    /*transform: translate3d(0px, 435px, 0px);*/
}

.sticky-line .line {
    background-color: #202020;
    width: 1.5px;
    transform: translate3d(0px, 0px, 0px);
}

#bridge-cultures .btn-cta {
    bottom: 0;
    right: 0;
    position: absolute;
}

#bridge-cultures .exhibition-block .btn-cta {
    width: 322px;
}

.education-block .btn-cta, .culinary-block .btn-cta, .arts-block .btn-cta, .exhibition-block .btn-cta, .business-block .btn-cta {
    opacity: 0;
    z-index: 0;
    transition: all .25s ease-in-out;
}

.locker:has(.image--1.active) .arts-block .btn-cta, .locker:has(.image--2.active) .business-block .btn-cta, .locker:has(.image--3.active) .culinary-block .btn-cta, .locker:has(.image--4.active) .education-block .btn-cta, .locker:has(.image--5.active) .exhibition-block .btn-cta {
    opacity: 1;
    z-index: 1;
    transition: all .25s ease-in-out;
}

/*DIFFRENCE*/
#difference {
    min-height: 600px;
    margin-top: -20rem;
}

#difference .cta-block .elementor-widget-container {
    display: flex;
    gap: 20px;
    width: 456px;
    margin: 2rem auto 0;
    justify-content: center;
}

/*UPCOMING EVENTS*/
#upcoming-events {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url('/wp-content/uploads/2024/08/H-upcoming-events-bg-img-01.png') center no-repeat;

    background-size: cover;
}

#upcoming-events .upcoming-wrap > .e-con-inner {
    gap: 40px;
}

#upcoming-events .col-left {
    width: 40%;
}
#upcoming-events .col-right {
    width: 60%;
}

#upcoming-events .heading-block, #upcoming-events .cta-block {
    width: 330px;
    margin: 0 auto;
}

#upcoming-events .ue-remote-carousel-navigation-wrapper {
    justify-content: flex-end;
}

#upcoming-events .btn-cta {
    margin-left: 0;
    margin-top: 1rem;
}

#upcoming-events .uc_image_carousel_content {
    padding: 2rem 3rem;
}

#upcoming-events .ue-grid-item-category {
    margin-bottom: 10px;
}

#upcoming-events .uc_post_title {
    margin-bottom: 20px;
}

#upcoming-events .ue-grid-item-meta-data-icon {
    width: 26px;
}
#upcoming-events .ue-grid-item-meta-data-icon svg {
    width: 26px !important;
    height: initial !important;
}

#upcoming-events .cta-block {
    margin-top: 2rem;
}

#upcoming-events .ue-item-btn-holder a {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
#upcoming-events .ue-item-btn-holder a img {
    width:  8px;
    height: initial;
    filter: brightness(0) saturate(100%) invert(49%) sepia(7%) saturate(7466%) hue-rotate(206deg) brightness(86%) contrast(82%);
}

#upcoming-events .owl-nav .owl-prev, #upcoming-events .owl-nav .owl-next {
    outline: none !important;
}

#upcoming-events .uc_more_btn img, #upcoming-events .ue-grid-item-meta-data-icon svg {
    filter: brightness(0) saturate(100%) invert(14%) sepia(27%) saturate(5373%) hue-rotate(201deg) brightness(100%) contrast(101%);
}
#upcoming-events .uc_more_btn:hover img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(25%) saturate(4471%) hue-rotate(196deg) brightness(90%) contrast(103%);
}

@media (max-width: 1920px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 85vh;
    }
}

@media (max-width: 1480px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 90vh;
    }
    #hero .uc_image_carousel_placeholder {
        height: initial;
    }
    #difference {
        margin-top: -15rem;
    }
    #upcoming-events .heading-block, #upcoming-events .cta-block {
        width: 360px;
    }
    #bridge-cultures .btn-cta {
        bottom: -12%;
    }
}

@media (max-width: 1380px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 85vh;
    }
}

@media (max-width: 1280px) {
    #history .history-wrap > .e-con-inner {
        max-width: 80%;
    }
    #bridge-cultures .culture-wrap > .e-con-inner  {
        max-width: 85%;
    }
    #hero .uc_image_carousel_bg {
        height: 75vh;
    }
    #difference h3 {
        font-size: 55px;
    }
    #history h2, #upcoming-events h3 {
        font-size: 45px;
    }
    #bridge-cultures h3 {
        font-size: 38px;
    }
    #difference p, #hero .uc_more_btn {
        font-size: 17px;
    }
    #history p, #bridge-cultures p, #upcoming-events .heading-block p {
        font-size: 15px;
    }
    #hero .uc_more_btn {
        width: 180px;
    }
    .locker__image {
        width: 60%;
    }
    .locker__image .image {
        width: 420px;
    }
    #bridge-cultures h4 {
        font-size: 30px;
    }
    #upcoming-events .heading-block, #upcoming-events .cta-block {
        width: 340px;
    }
    #bridge-cultures .btn-cta {
        bottom: -8%;
        right: 8%;
    }
    .locker__section--4 {
        padding-bottom: 20rem;
    }
    .sticky-line::before, .sticky-line > .line {
        height: 535px;
    }
    .locker:has(.image--1.active) .line {
        height: 133px;
    }
    .locker:has(.image--2.active) .line {
        height: 270px;
    }
    .locker:has(.image--3.active)  .line {
        height: 405px;
    }
    .locker:has(.image--4.active) .line {
        height: 535px;
    }
    .sticky-line::before, .sticky-line > .line {
        right: -10%;
    }
}

@media (max-width: 1180px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 70vh;
    }
    #history .history-wrap > .e-con-inner {
        max-width: 85%;
    }
    .locker__image {
        width: 65%;
    }
    #history h2, #upcoming-events h3 {
        font-size: 42px;
        line-height: 1.25;
    }
    #bridge-cultures h3 {
        font-size: 35px;
    }
    #bridge-cultures h4 {
        font-size: 28px;
    }
    #hero .owl-dots {
        left: 50%;
        top: initial;
        transform: translate(-50%, -50%);
    }
    #hero .owl-dot {
        display: inline-block !important;
        margin: 0 5px;
    }
    #history .col-right {
        padding-top: 3rem;
    }
    #bridge-cultures .btn-cta {
        right: 15%;
    }
    .sticky-line::before, .sticky-line > .line {
        right: -25%;
    }
    #bridge-cultures .exhibition-block .btn-cta {
        width: 300px;
    }
    .locker {
        gap: 0;
    }
}

@media (max-width: 1150px) {
    .sticky-line::before, .sticky-line > .line {
        right: -20%;
    }
}

@media (max-width: 1150px) {
    .sticky-line::before, .sticky-line > .line {
        right: -15%;
    }
}

@media (max-width: 1080px) {
    #bridge-cultures .heading-wrap > .e-con-inner, #bridge-cultures .culture-wrap > .e-con-inner {
        max-width: 85%;
    }
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 65vh;
    }
    #bridge-cultures .locker {
        display: none;
    }
    #bridge-cultures {
        padding-top: 80px;
    }
    #bridge-cultures .heading-wrap {
        display: block;
    }
    #bridge-cultures h3 {
        text-align: center;
    }
    #bridge-cultures .bridge-block {
        display: flex;
        flex-wrap: wrap;
        gap: 80px;
    }
    .bridge-col {
        width: 45%;
    }
    #bridge-cultures h4 {
        font-size: 26px;
        margin-top: 2rem;
    }
    #bridge-cultures .btn-cta {
        right: initial;
        bottom: initial;
        position: relative;
        margin-left: 0;
        margin-top: 2rem;
        opacity: 1;
        z-index: 1;
    }
    #difference {
        margin-top: 0;
    }
    #upcoming-events .heading-block, #upcoming-events .cta-block {
        width: 300px;
    }
}

@media (max-width: 1024px) {
    #upcoming-events .cta-block {
        display: none;
    }
    #history h2, #upcoming-events h3 {
        font-size: 38px;
    }
    #bridge-cultures h4 {
        font-size: 24px;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    #difference .btn-member, #hero .uc_more_btn {
        font-size: 16px;
    }
    #history p, #bridge-cultures p, #upcoming-events .heading-block p {
        font-size: 14px;
    }
    #hero .uc_more_btn {
        width: 165px;
        min-height: 45px;
    }
    #hero .uc_more_btn img {
        width: 10px;
        height: 10px;
    }
    #upcoming-events .heading-block, #upcoming-events .cta-block {
        width: 80%;
    }
    #upcoming-events .upcoming-wrap {
        flex-direction: column;
        gap: 80px;
    }
    #upcoming-events .col-left, #upcoming-events .col-right {
        width: 100%;
    }
    #upcoming-events .col-right {
        padding-left: 10%;
    }
}

@media (max-width: 980px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 60vh;
    }
    #history h2, #upcoming-events h3, #bridge-cultures h3 {
        font-size: 42px;
    }
    #bridge-cultures h4 {
        font-size: 26px;
    }
    #history p, #bridge-cultures p, #upcoming-events .heading-block p {
        font-size: 15px;
    }
    #bridge-cultures h3 {
        margin-bottom: 2rem;
    }
    #history .history-wrap > .e-con-inner {
        flex-direction: column;
    }
    #history {
        background: url('/wp-content/uploads/2024/08/H-sharing-img-01-xs.png') bottom right no-repeat, #F4F4F4;
        background-size: cover;
    }
    #history .col-right, #history .col-left {
        width: 100%;
    }
    #history .col-right {
        order: -1;
        padding-right: 30%;
        padding-top: 0;
    }
    #bridge-cultures {
        padding-bottom: 100px;
    }
    #bridge-cultures .bridge-block {
        flex-direction: column;
        max-width: 480px;
        margin: auto;
    }
    .bridge-col {
        width: 100%;
    }
}

@media (max-width: 900px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 55vh;
    }
}

@media (max-width: 800px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg{
        height: 50vh;
    }
    #history .col-right {
        padding-right: 20%;
    }
    #difference h3 {
        font-size: 50px;
    }
    #bridge-cultures h3, #upcoming-events h3 {
        font-size: 40px;
    }
    #upcoming-events .uc_post_title {
        font-size: 18px;
        line-height: 1.35;
    }
    #hero .uc_more_btn {
        font-size: 15px;
        width: 150px;
        min-height: 42px;
    }
    #upcoming-events .ue-grid-item-category a {
        font-size: 13px;
    }
    #upcoming-events .uc_image_carousel_content {
        padding: 1.8rem 2rem;
    }
    #upcoming-events .heading-block, #upcoming-events .cta-block {
        width: 85%;
    }
    #upcoming-events .col-right {
        padding-left: 7%;
    }
}

@media (max-width: 767px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 45vh;
    }
    #difference h3 {
        font-size: 48px;
    }
    #bridge-cultures h3, #upcoming-events h3 {
        font-size: 38px;
    }
    #upcoming-events .uc_post_title {
        font-size: 20px;
        line-height: 1.35;
    }
    #upcoming-events .ue-grid-item-category a {
        font-size: 14px;
    }
    #difference {
        min-height: initial;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    #upcoming-events .col-right {
        padding-left: 0;
        max-width: 85%;
        margin: auto;
    }
    #upcoming-events .owl-nav .owl-prev, #upcoming-events .owl-nav .owl-next {
        display: block;
    }
}

@media (max-width: 680px) {
    #difference p br {
        display: none;
    }
    #bridge-cultures .culture-wrap > .e-con-inner {
        max-width: 100%;
    }
    #difference .difference-wrap > .e-con-inner {
        max-width: 85%;
    }
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 40vh;
    }
    #difference h3 {
        font-size: 42px;
    }
    #history h2 {
        font-size: 40px;
    }
    #bridge-cultures h3, #upcoming-events h3 {
        font-size: 36px;
    }
    #difference p {
        font-size: 16px;
    }
    #hero .uc_more_btn {
        font-size: 14px;
        width: 125px;
        min-height: 38px;
    }
    #hero .uc_more_btn img {
        width: 9px;
        height: 9px;
    }
    #history .col-right {
        padding-right: 0;
    }
    #bridge-cultures .bridge-block {
        max-width: 100%;
    }
    #bridge-cultures .bridge-col > img {
        width: 100%;
        height: initial;
    }
    #bridge-cultures .desc-wrap {
        max-width: 85%;
        margin: auto;
    }
}

@media (max-width: 580px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 35vh;
    }
    #difference #hbtn-donate {
        display: flex !important;
    }
    #difference .cta-block .elementor-widget-container {
        flex-direction: column;
        width: 100%;
    }
    #difference a {
        margin: auto;
    }
}

@media (max-width: 480px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 30vh;
    }
    #difference h3 {
        font-size: 40px;
        line-height: 1.25;
    }
    #history h2 {
        font-size: 38px;
    }
    #bridge-cultures h3, #upcoming-events h3 {
        font-size: 34px;
    }
    #history p, #bridge-cultures p, #upcoming-events .heading-block p {
        font-size: 14px;
    }
    #upcoming-events {
        padding-top: 80px;
    }
}

@media (max-width: 450px) {
    #hero .uc_image_carousel_placeholder, #hero .uc_image_carousel_bg {
        height: 25vh;
    }
    #history h2 {
        font-size: 36px;
    }
}/* End custom CSS */