/* revamp-25 general */
.julo-desktop { display: none; }
.julo-mobile { display: block; }
.content-home__berizin img { max-width: 34px; }
.carousel-button-next, .carousel-button-prev { margin: 0px 4px; }
.swiper-pagination-bullet { width: 4px; height: 4px; display: inline-block; border-radius: 100px; background: var(--color-neutrals-40); margin: auto 2px !important; }
.swiper-pagination-bullet-active { width: 16px; background: #00ACF0; }
.show-pagination .carousel__navigation { padding: 0!important; align-items: center; position: absolute; width: 100%; z-index: 11; bottom: -70px; }
.show-pagination .carousel .swiper-pagination { display: block; max-width: max-content; margin-right: 0; margin-left: auto; bottom: 0;}
.julo-bg-container { position: relative; max-width: var(--layout-max-width); margin: auto; top: -24px;}

/* revamp-25 homepage */
.julo-advantage {padding-top:4rem;}
.julo-advantage .dotted{right:-5%; width: 123px;}
.julo-advantage .card{ border: 0; padding: 0; }
.julo-advantage .card-item-wrapper { position: relative; margin-bottom: 70px; }
.julo-advantage .card-item { border: 1px solid #66CDF6; padding: 1rem; height: 100%; align-items: start; background: white;}
.julo-advantage .card-item .items { display: flex; align-items: center; flex-wrap: wrap; }
.julo-advantage .card-item__image,
.julo-advantage .card-item__title { flex: 1 1 auto; }
.julo-advantage .card-item__image { width: 20%; max-width: 60px; }
.julo-advantage .card-item__title { width: 68%; padding: 0; text-align: left; margin-left: 8px; }
.julo-advantage .card-item__description { width: 100%; color: var(--color-neutrals-80); word-break: break-word; padding: 4px 4px 0px 0px!important; } 
.julo-advantage .carousel__header { display: block; }
.julo-advantage .carousel__header__wrapper { padding: 0; margin-bottom: 1.5rem; }
.julo-advantage .carousel-item { display: block; height: auto !important; margin-left: 0; min-height: 154px !important; text-align: left; width: 190px !important; }

.julo-apply { position: relative; margin-top: 6rem; }
.julo-apply .backdrop { position: absolute; height: 100%; background: white; z-index: 2; width: 100%; top: -6%; left: -70%; display: none; }
.julo-apply .julo_apply { display: flex; gap: 11%; flex-direction: column; }
.julo-apply .card{ border: 0; padding: 0; width: 100%; margin-top: 6rem; }
.julo-apply .card-item-wrapper { position: relative; margin-bottom: 70px; }
.julo-apply .card-item { background: linear-gradient(0deg, #4ECFFC 1.67%, #27AFFF 55.45%); padding: 1rem; height: 100%; align-items: start; }
.julo-apply .carousel__header__wrapper { padding: 0; margin-bottom: 1.5rem; }
.julo-apply .carousel__header__title {width:75%;}
.julo-apply .carousel-item { display: block; height: auto !important; margin-left: 0; min-height: 164px !important; text-align: left; width: 240px !important; }
.julo-apply .card-item__title { background-color: white; text-align: center; border-radius: 50%; width: 30px; height: 30px; font-size: 19px; line-height: 15px; }
.julo-apply .card-item__image { max-width: 200px; max-height: 241px; margin: auto; margin-top: -8rem; }
.julo-apply .card-item__image img { display: block; height: 100%; object-fit: contain; max-width: 200px; max-height: 241px; }
.julo-apply .card-item__description {font-weight: 700; margin-top: 12px; margin-bottom: 16px;} 
.julo-apply .carousel__header { display: block; width: 100%; background-color: white; position: relative; z-index: 2;}
.julo-apply .dotted { z-index: 0; left: -19px; max-width: 140px; top: -60px; }
.julo-apply .stars { z-index: 3; right: -17px; width: 137px; }

.julo-service .container { position: relative; z-index: 2; }
.julo-service .component.carousel { position: relative; margin-bottom: 70px; }
.julo-service .carousel__header__wrapper,
.julo-service .swiper-wrapper { padding: 0!important; }
.julo-service .carousel-icon.home .carousel-item { height: 122px; width: 104px; flex-direction: column; }
.julo-service .carousel-icon.home .carousel-slide { width: 115px; }
.julo-service .carousel-icon.home .carousel-item img { max-width: 80px; width: 80px; }
.julo-service .carousel-icon.home .carousel-item .text-lg { font-size: 14px; line-height: 16px; }
.julo-service .swiper-pagination-bullet { background-color: white; }
.julo-service .carousel-button-next, .julo-service .carousel-button-prev { color: #00ACF0; background: white;}
.julo-service .hand-cash {max-width: 40px; top: 80px; right: 0px;}
.julo-service .stars {width: 50px;}

.julo-promo { background: linear-gradient(0deg, #4ECFFC 35.67%, #27AFFF 77.45%); padding-top: 1.5rem; padding-bottom: 1.5rem; }
.julo-promo .btn-promo { background-color: transparent; border-color: var(--color-neutrals-10); border-radius: var(--corner-md); border-width: 1px; color: var(--color-neutrals-10); font-size: 1rem; font-weight: 700; line-height: 1.5rem; margin-top: var(--spacing-xl);}
.julo-promo.show-pagination .carousel__navigation { position: relative; bottom: 0; margin-top:0; }
.julo-promo .swiper-pagination-bullet { background-color: white; }
.julo-promo .container { position: relative; z-index: 2;}
.julo-promo .confetti { width: 25%; min-width: 300px; }
.julo-promo .tag { width: 25%; left: 270px; top: -1%; max-width: 100px; }

.julo-testimony { background: linear-gradient(0deg, #4ECFFC 1.67%, #27AFFF 55.45%); }
.julo-testimony .testimony__wrapper { padding: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.julo-testimony .testimony__grid__subheader { padding: 1rem; border-radius: 1rem; color: #404040; font-weight: 700; font-size: 16px; background-image: url("/themes/julo_v2/assets/images/bg-graphic/stars.png"); background-repeat: no-repeat; background-position: top right; background-color: rgb(255 255 255 / 90%); background-size: contain;}
.julo-testimony .carousel-testimony .swiper-wrapper { display: flex!important; }
.julo-testimony .carousel-testimony .carousel__navigation { margin-top:8px; display: flex!important; position: relative; bottom: 0; }
.julo-testimony .carousel-testimony .carousel-slide { display: block; text-align: left; width: 328px; height: auto; min-height: 203px;}
.julo-testimony .swiper-pagination-bullet { background-color: white; }
.julo-testimony .carousel .carousel-button-next, .julo-testimony .carousel .carousel-button-prev { background-color: var(--color-neutrals-10); color: var(--color-primary-base); }
.julo-testimony .carousel-testimony { max-width: 100vw; padding: 0px 4%; }
.julo-testimony .testimony__grid__subheader img { max-width: 50%; min-width: 200px; }

.julo-mitra .carousel__header__wrapper, 
.julo-media .carousel__header__wrapper,
.julo-media .carousel.small_icon_only .swiper-wrapper { padding: 0; }
.julo-mitra .carousel__header__title, 
.julo-media .carousel__header__title { text-align: center; color: #404040; }

.julo-recent-article { background: linear-gradient(0deg, #5AD2FF 4.67%, #FFFFFF 75.45%);}
.julo-recent-article .carousel__navigation { display: flex!important; position: relative; bottom: 0; margin-top: 16px;}

@media screen and (min-width: 650px) {
  .julo-advantage .carousel-item { min-height: 246px !important; width: 270px !important; }
  .julo-apply .carousel-item { min-height: 246px !important; width: 286px !important; }
}

@media screen and (min-width: 768px) {
  /* revamp-25 general */
  .julo-desktop { display: block; }
  .julo-mobile { display: none; }
  .swiper-pagination-bullet { width: 8px; height: 8px;  display: inline-block; border-radius: 100px; background: var(--color-neutrals-40); margin: auto 2px !important; }
  .swiper-pagination-bullet-active { width: 32px; background: #00ACF0; }
  .julo-bg-container { position: relative; max-width: var(--layout-max-width); margin: auto; top: -48px;}

  /* revamp-25 homepage carousel */
  .julo-advantage {padding-top:5rem;}
  .julo-advantage .dotted{right:-5%; width: 133px;}
  .julo-advantage .carousel-item { min-height: 246px !important; width: 270px !important; }

  .julo-apply .carousel-item { min-height: 246px !important; width: 286px !important; }
  .julo-apply .backdrop { display: block; }
  .julo-apply .julo_apply { display: flex; gap: 10%; flex-direction: row; }
  .julo-apply .carousel__header { width: 30%;}
  .julo-apply .card{ width: 64%; margin-top: 0rem; }
  .julo-apply .stars { z-index: 1; right: -39px; width: 137px; top: -53px; }

  .julo-service .carousel-icon.home .carousel-slide { width: 145px; }
  .julo-service .carousel-icon.home .carousel-item { height: 180px; width: 153px; flex-direction: column; }
  .julo-service .carousel-icon.home .carousel-item img { max-width: 128px; width: 118px; }
  .julo-service .carousel-icon.home .carousel-item .text-lg { font-size: 20px; line-height: 22px; }

  .julo-promo { padding-top: 3rem; padding-bottom: 3rem; }
  .julo-promo .btn-promo { margin-top: var(--spacing-md); }
  .julo-promo.show-pagination .carousel__navigation { margin-top: 16px; }
  .julo-promo .carousel.promo .carousel__header:after{ background: linear-gradient(0deg, #4ECFFC 45.67%, #27AFFF 78.4%); content: ""; height: 368px; left: -99%; position: absolute; width: 135%; z-index: 2; top: -18%; }
  .julo-promo .container { z-index: 1;}
  .julo-promo .confetti { z-index: 2; }
  .julo-promo .tag {z-index: 2; left: 25%; }

  .julo-testimony .testimony__wrapper { flex-direction: row; }
  .julo-testimony .testimony__grid { width: 36%; padding-right: 5rem; }
  .julo-testimony .testimony__grid__header,
  .julo-testimony .testimony__grid__subheader { position: relative; z-index: 3; margin-bottom: 1.5rem; }
  .julo-testimony .testimony__grid::after { background: linear-gradient(0deg, #34caff 0.01%, #27AFFF 65.45%); content: ""; height: 344px; left: -99%; position: absolute; width: 135%; z-index: 2; top: -1%; }
  .julo-testimony .carousel-testimony { width: 65.2%; padding-left: 1rem;}
  .julo-testimony .testimony__grid__subheader { font-size: 20px; line-height: 26px; }
  .julo-testimony .testimony__grid__subheader img { width: 92%; }
  .julo-testimony.show-pagination .carousel__navigation { margin-top: 16px; }
  .julo-testimony .carousel-testimony { max-width: initial; padding: initial; }

  .julo-mitra .carousel__header,
  .julo-media .carousel__header { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .julo-service .stars {width: 80px;}
  .julo-apply .dotted {z-index: 0; max-width: 190px; }
}

@media screen and (min-width: 1024px) {
  .julo-advantage {padding-top:6rem;}
  .julo-advantage .dotted{right:-5%; width: 180px;}
  .julo-service .hand-cash {max-width: 100px; top: 110px; right: 0px;}    
  .julo-apply .dotted {z-index: 2; left: -81px; max-width: 250px; top: -85px; }
  .section-download .section-wrapper {padding-top:6rem; padding-bottom:6rem;}
}

@media screen and (min-width: 1220px) {
  .julo-advantage .carousel__navigation { display: none!important; }
  .julo-advantage .dotted{right:-5%; width: 250px;}
  .julo-recent-article .carousel .swiper-pagination, .julo-apply .carousel .swiper-pagination, .julo-service .carousel .swiper-pagination, .julo-promo .carousel .swiper-pagination, .julo-testimony .swiper-pagination { position: relative!important; }
  .julo-apply { position: relative; margin-top: 7.5rem; }
  .julo-apply .stars { z-index: 1; right: -5%; width: 160px; top: -100px; }
  .julo-service .hand-cash {right: 0.5%; max-width: 143px; top: 20px; }
  .julo-service .stars {width: 100px;}
  .section-download .section-wrapper {padding-top:7rem; padding-bottom:7rem;}
  .julo-testimony .testimony__grid__subheader img { max-width: initial; min-width: initial; }
}