.elementor-5309 .elementor-element.elementor-element-e92db3d{--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;--background-transition:0.3s;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-5309 .elementor-element.elementor-element-602ed67{--display:flex;--background-transition:0.3s;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5309 .elementor-element.elementor-element-415ed99{--grid-columns:4;--grid-row-gap:20px;--auto-scroll-offset:0px;--grid-column-gap:20px;}.elementor-5309 .elementor-element.elementor-element-415ed99 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-5309 .elementor-element.elementor-element-415ed99 .e-loop-item > .elementor-section, .elementor-5309 .elementor-element.elementor-element-415ed99 .e-loop-item > .elementor-section > .elementor-container, .elementor-5309 .elementor-element.elementor-element-415ed99 .e-loop-item > .e-con, .elementor-5309 .elementor-element.elementor-element-415ed99 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-smart-filters-pagination{margin:80px 0px 0px 0px;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__link, .elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__dots{font-family:"Rounded Mplus 1c", Sans-serif;font-size:24px;font-weight:800;line-height:32px;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__link{color:var( --e-global-color-text );padding:0px 0px 0px 0px;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__dots{color:var( --e-global-color-text );padding:0px 0px 0px 0px;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__link:hover{color:var( --e-global-color-accent );}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__current .jet-filters-pagination__link{color:var( --e-global-color-accent );}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__item{margin-right:calc(32px/2);margin-left:calc(32px/2);margin-top:calc(24px/2);margin-bottom:calc(24px/2);}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination{margin-right:calc(-32px/2);margin-left:calc(-32px/2);margin-top:calc(-24px/2);margin-bottom:calc(-24px/2);justify-content:center;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__load-more{order:initial;}@media(max-width:1550px){.elementor-5309 .elementor-element.elementor-element-e92db3d{--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}}@media(max-width:1200px){.elementor-5309 .elementor-element.elementor-element-e92db3d{--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}}@media(max-width:1024px){.elementor-5309 .elementor-element.elementor-element-e92db3d{--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:10px;}.elementor-5309 .elementor-element.elementor-element-415ed99{--grid-columns:1;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__item{margin-right:calc(26px/2);margin-left:calc(26px/2);}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination{margin-right:calc(-26px/2);margin-left:calc(-26px/2);}}@media(max-width:767px){.elementor-5309 .elementor-element.elementor-element-e92db3d{--padding-top:70px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-5309 .elementor-element.elementor-element-415ed99{--grid-columns:1;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-smart-filters-pagination{margin:30px 0px 0px 0px;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__link, .elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__dots{font-size:18px;line-height:20px;}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__item{margin-right:calc(20px/2);margin-left:calc(20px/2);margin-top:calc(20px/2);margin-bottom:calc(20px/2);}.elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination{margin-right:calc(-20px/2);margin-left:calc(-20px/2);margin-top:calc(-20px/2);margin-bottom:calc(-20px/2);}}/* Start custom CSS for loop-grid, class: .elementor-element-415ed99 */.elementor-5309 .elementor-element.elementor-element-415ed99 {
    --color-2: #36B7BA;
    --img-1: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/1.png);
    --img-2: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/2.png);
    --img-3: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/3.png);
    --img-4: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/4.png);
    --img-5: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/5.png);
    --img-6: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/6.png);
}

@media (min-width: 1025px) {
.elementor-5309 .elementor-element.elementor-element-415ed99 .list-item_co-hoi-wrapper {
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: 0.5s;
}

.elementor-5309 .elementor-element.elementor-element-415ed99 .item_co-hoi-box {
    transform: rotateX(180deg);
    transition: .5s;
    backface-visibility: hidden;
    /*animation: flipBefore 5s infinite;*/
}

.elementor-5309 .elementor-element.elementor-element-415ed99 .list-item_co-hoi-wrapper:hover .item_co-hoi-box {
    transform: rotateX(0deg);
}

.elementor-5309 .elementor-element.elementor-element-415ed99 .item_co-hoi-img {
    transform: rotateX(0deg);
    transition: .5s;
    backface-visibility: hidden;
    /*animation: flipAfter 5s infinite;*/
}

.elementor-5309 .elementor-element.elementor-element-415ed99 .list-item_co-hoi-wrapper:hover .item_co-hoi-img {
        transform: rotateX(-180deg);
}
  
}

@media (max-width: 1024px) {
    .elementor-5309 .elementor-element.elementor-element-415ed99 .item_co-hoi-box:before {
        opacity: .8;
    }    
}

@media (max-width: 767px) {
   .elementor-5309 .elementor-element.elementor-element-415ed99 .elementor-loop-container .e-loop-item:nth-of-type(even) {
        .item_co-hoi-box:before {
            background-color: var(--color-2) !important;
        }

        .remore_co-hoi path {
            fill: var(--color-2) !important;
            stroke: var(--color-2)
            !important;
            
        }

        .time_co-hoi span{
            color: var(--color-2) !important;
        }
   }
   .elementor-5309 .elementor-element.elementor-element-415ed99 .elementor-loop-container .e-loop-item:nth-of-type(odd) {
        --color-2: #8EC045;
   }
}


/*.elementor-5309 .elementor-element.elementor-element-415ed99 .item_co-hoi-box:hover *,*/
/*.elementor-5309 .elementor-element.elementor-element-415ed99 .item_co-hoi-box:hover:before {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/

.elementor-5309 .elementor-element.elementor-element-415ed99 .item_co-hoi-demo:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    top: 0;
    left: 0;
}

.elementor-5309 .elementor-element.elementor-element-415ed99 .elementor-loop-container .e-loop-item {

    &:nth-of-type(6n+2),
    &:nth-of-type(6n+5) {
        .item_co-hoi-box:before {
            background-color: var(--color-2);
        }

        .remore_co-hoi path {
            fill: var(--color-2);
            stroke: var(--color-2);
        }

        .time_co-hoi span{
            color: var(--color-2);
        }
    }

    &:nth-of-type(6n+3),
    &:nth-of-type(6n+4) {
        .list-item_co-hoi.e-con.e-flex>.e-con-inner {
            flex-direction: row-reverse;
        }

        /*.remore_co-hoi path {*/
        /*    fill: var(--color-2);*/
        /*    stroke: var(--color-2);*/
        /*}*/
    }

    &:nth-of-type(6n+1) .item_co-hoi-demo:after {
        background-image: var(--img-1);
    }

    &:nth-of-type(6n+2) .item_co-hoi-demo:after {
        background-image: var(--img-2);
    }

    &:nth-of-type(6n+3) .item_co-hoi-demo:after {
        background-image: var(--img-3);
    }
    
    &:nth-of-type(6n+4) .item_co-hoi-demo:after {
        background-image: var(--img-4);
    }
    
    &:nth-of-type(6n+5) .item_co-hoi-demo:after {
        background-image: var(--img-5);
    }
    
    &:nth-of-type(6n+6) .item_co-hoi-demo:after {
        background-image: var(--img-6);
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-pagination, class: .elementor-element-e1503f8 */.elementor-5309 .elementor-element.elementor-element-e1503f8 svg {
        width: 50px;
        height: 50px;
}

.elementor-5309 .elementor-element.elementor-element-e1503f8 svg:hover rect{
    fill: var( --e-global-color-accent );
}

@media (max-width: 767px) {
    .elementor-5309 .elementor-element.elementor-element-e1503f8 svg, .elementor-5309 .elementor-element.elementor-element-e1503f8 .prev-next {
        width: 35px !important;
        height: 35px !important;
    }
    
    .elementor-5309 .elementor-element.elementor-element-e1503f8 .jet-filters-pagination__dots {
        display: flex;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-602ed67 */.elementor-5309 .elementor-element.elementor-element-602ed67 .elementor-widget-heading .elementor-heading-title {
  /*color: var(--e-global-color-primary) !important;*/
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers {
width: 30px;
height: 30px;
display: flex;
/*background: var(--e-global-color-primary);*/
/*color: #fff !important;*/
justify-content: center;
align-items: center;
margin: 0;
border-radius: 4px;
transition: all .3s linear;
color: var(--e-global-color-secondary);
border: 1px solid var(--e-global-color-secondary);
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers:hover, .elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.current{
    background: var(--e-global-color-secondary);
/*color: #fff !important;*/
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers:hover path{
  stroke: #fff;
}

.elementor-5309 .elementor-element.elementor-element-602ed67 nav.elementor-pagination {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .prev, .elementor-5309 .elementor-element.elementor-element-602ed67 .next{
  
      width: 50px;
  height: 50px;
  border-radius: 100%;
}

/* .elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.prev {
  margin-right: 32px !important;
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.next {
  margin-left: 32px !important;
} */

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.prev, .elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.next {
  /* border-color: #ffffff; */
  background:  #ffffff;
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.next:hover , .elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.prev:hover {
  /* border-color: #ffffff; */
  background:  var(--e-global-color-primary);
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.prev img{
transform: rotate(180deg) translate(1px, -1px);
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .page-numbers.next img{
transform: rotate(0) translate(1px, -1px);
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .prev:after{
transform: rotate(180deg) translate(1px, -1px);
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .next:after{
transform: rotate(0) translate(1px, -1px);
}

/* .elementor-5309 .elementor-element.elementor-element-602ed67 .prev:hover:after, .elementor-5309 .elementor-element.elementor-element-602ed67 .next:hover:after{
      background-image: url(https://demo.saokim.com.vn/vietanphat/wp-content/uploads/2024/12/arrow-right-fff.svg);
} */

.elementor-5309 .elementor-element.elementor-element-602ed67 .prev:after,.elementor-5309 .elementor-element.elementor-element-602ed67  .next:after {
  content: '';
  background-image: url(https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/Line-arrow-right.png);
  width: 16px;
  height: 16px;
  /* position: absolute; */
  /* left: 50%; */
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  background-repeat: no-repeat;
  background-position: center;
}

.elementor-5309 .elementor-element.elementor-element-602ed67 .prev:after {
    transform: translateY(0px) rotate(180deg);
}


/*.elementor-5309 .elementor-element.elementor-element-602ed67 nav.elementor-pagination {*/
/*  padding-top: 16px;*/
/*  border-top: 1px solid #A5A5A5;*/
/*}*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rounded Mplus 1c';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/RoundedMplus1c-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Rounded Mplus 1c';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/RoundedMplus1c-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Rounded Mplus 1c';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://youthaction.aip-foundation.com/wp-content/uploads/2025/01/RoundedMplus1c-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */