/* Navigation */
.ark-test-header{display:flex;justify-content:flex-end;margin-bottom:25px;}
.ark-prev,.ark-next{
    width:48px;height:48px;border-radius:12px;border:0;background:#FBDD97;margin-left:10px;cursor:pointer;position:relative;
}
.ark-prev:before,.ark-next:before{
    content:'';position:absolute;inset:0;margin:auto;width:22px;height:22px;background:#000;mask-size:22px;mask-repeat:no-repeat;mask-position:center;
}
.ark-prev:before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"black\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"/></svg>');}
.ark-next:before{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"black\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"/></svg>');}

/* Card */
.ark-card{display:grid;grid-template-columns:40% 60%;gap:25px;background:#fff;padding:22px;border-radius:24px;box-shadow:0 8px 25px rgba(0,0,0,0.08);min-height:420px;}
.ark-media{position:relative;border-radius:18px;overflow:hidden;background:#000;min-height:420px;}
.ark-thumb{width:100%;height:100%;object-fit:cover;}
.ark-play{position:absolute;inset:0;display:grid;place-items:center;border:none;background:transparent;cursor:pointer;}
.ark-play-icon{width:76px;height:76px;border-radius:999px;background:rgba(255,255,255,0.95);box-shadow:0 8px 20px rgba(0,0,0,0.3);position:relative;}
.ark-play-icon:before{content:'';position:absolute;left:30px;top:22px;border-style:solid;border-width:16px 0 16px 22px;border-color:transparent transparent transparent #111;}
.ark-close{position:absolute;top:10px;left:10px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;z-index:9;cursor:pointer;}

.ark-inline{position:absolute;inset:0;width:100%!important;height:100%!important;}

.ark-content{display:flex;flex-direction:column;justify-content:center;}
.ark-text{font-size:16px;line-height:1.6;margin-bottom:18px;}
.ark-name{font-size:18px;font-weight:700;margin-bottom:6px;}
.ark-country{color:#6b7280;font-size:14px;}

@media(max-width:768px){
  .ark-card{grid-template-columns:1fr;min-height:520px;}
  .ark-media{min-height:360px;}
}

/* ===================================================
   OVERRIDES FOR ARK TESTIMONIAL SLIDER
   =================================================== */

/* 1) Make the media section shorter + keep nice ratio */
.ark-card{
    grid-template-columns: 32% 68%;   /* narrower media, more space for text */
    min-height: auto;                 /* let height depend on content */
    align-items: stretch;
}


   .ark-media {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
}
/* --- ARK TESTIMONIAL – CLEAN MEDIA FRAME --- */

/* Make the media panel narrower + not too tall */
.ark-card{
    grid-template-columns: 32% 68%;
    min-height: auto;
    align-items: stretch;
}

/* Media wrapper – portrait style, no huge height */
.ark-media{
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: transparent !important;   /* no black */
    aspect-ratio: 9 / 16;                 /* tall frame for vertical video */
    max-height: 380px;
}

/* Make video/image fill the frame with no borders */
.ark-media img,
.ark-media iframe,
.ark-media video,
.ark-inline{
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;        /* fills, crops instead of bars */
    background: transparent !important;  /* remove black background */
}

/* Mobile adjustments */
@media (max-width: 768px){
    .ark-card{
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .ark-media{
        max-height: 340px;
    }
}
/* --- FORCE VIDEO TO FILL ENTIRE LEFT BOX WITH ZERO GAP --- */

/* Remove all padding from the card */
/*.ark-card {*/
/*    padding: 0 !important;*/
/*    gap: 0 !important;*/
/*    align-items: stretch !important;*/
/*}*/

/* Media container = full height, no padding */
/*.ark-media {*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    height: 100% !important;*/
/*    border-radius: 0 !important;*/
/*    display: block !important;*/
/*    overflow: hidden !important;*/
/*    background: #000 !important; */
/*}*/

/* VIDEO + IMAGE = fill entire media box top to bottom */
/*.ark-media img,*/
/*.ark-media iframe,*/
/*.ark-media video,*/
/*.ark-inline {*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*    object-fit: cover !important;   */
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    display: block !important;*/
/*    border-radius: 0 !important;*/
/*    background: transparent !important;*/
/*}*/

/* Make swiper slide items stretch equal height */
/*.ark-swiper .swiper-slide {*/
/*    height: auto !important;*/
/*    display: flex !important;*/
/*}*/

/*.ark-card {*/
/*    height: 100% !important;*/
/*}*/


}