.elementor-257 .elementor-element.elementor-element-83401e6{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-83401e6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-257 .elementor-element.elementor-element-c6a5daf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-316abbe{--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-257 .elementor-element.elementor-element-b904842{--display:flex;}.elementor-257 .elementor-element.elementor-element-22f777f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-93a7e6f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-ebda205{--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-257 .elementor-element.elementor-element-4b903aa{--display:flex;}.elementor-257 .elementor-element.elementor-element-76b803d{--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-257 .elementor-element.elementor-element-333dc9e{--display:flex;}.elementor-257 .elementor-element.elementor-element-f997ec2{--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-257 .elementor-element.elementor-element-f997ec2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-257 .elementor-element.elementor-element-475e4a3{--display:flex;}.elementor-257 .elementor-element.elementor-element-e624422{--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-257 .elementor-element.elementor-element-19e0904{--display:flex;}.elementor-257 .elementor-element.elementor-element-e58f81c{--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-257 .elementor-element.elementor-element-a02bac7{--display:flex;}.elementor-257 .elementor-element.elementor-element-84b674d{--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-257 .elementor-element.elementor-element-6a05874{--display:flex;}@media(max-width:767px){.elementor-257 .elementor-element.elementor-element-83401e6{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-257 .elementor-element.elementor-element-f997ec2{--width:396px;}.elementor-257 .elementor-element.elementor-element-475e4a3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-8ddaca7 *//*====================================================
STORY VIDEO
====================================================*/

.rv-story{

    padding:120px 24px;

    background:#F7F9FD;

}

.rv-story-container{

    max-width:1100px;

    margin:auto;

    text-align:center;

}

/*====================================================
LABEL
====================================================*/

.rv-story-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    border-radius:999px;

    background:#EEF4FF;

    color:#0B3D91;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:26px;

}

/*====================================================
TITLE
====================================================*/

.rv-story h2{

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#0B3D91;

    margin-bottom:28px;

}

.rv-story h2 span{

    display:block;

}

/*====================================================
DESCRIPTION
====================================================*/

.rv-story-desc{

    max-width:760px;

    margin:0 auto 60px;

    font-size:20px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
VIDEO
====================================================*/

.rv-story-video{

    overflow:hidden;

    border-radius:30px;

    background:#FFFFFF;

    border:1px solid #E6EDF7;

    box-shadow:

        0 25px 70px rgba(13,42,92,.08);

    margin-bottom:50px;

}

.rv-story-video iframe{

    display:block;

    width:100%;

    aspect-ratio:16/9;

    border:none;

}

/*====================================================
QUOTE
====================================================*/

.rv-story-quote{

    max-width:820px;

    margin:auto;

}

.quote-icon{

    display:block;

    font-size:54px;

    color:#0B3D91;

    opacity:.18;

    margin-bottom:10px;

}

.rv-story-quote p{

    font-size:30px;

    line-height:1.6;

    font-weight:700;

    color:#0B3D91;

}

/*====================================================
RESPONSIVE
====================================================*/

@media(max-width:768px){

    .rv-story{

        padding:80px 20px;

    }

    .rv-story h2{

        font-size:38px;

        line-height:1.15;

    }

    .rv-story-desc{

        font-size:17px;

        line-height:1.8;

        margin-bottom:40px;

    }

    .rv-story-video{

        border-radius:20px;

    }

    .rv-story-quote p{

        font-size:22px;

    }

}

/*====================================================
VIDEO PREMIUM
====================================================*/

.rv-story-video{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    background:#ffffff;

    padding:14px;

    border:1px solid #E6EDF7;

    box-shadow:

        0 30px 80px rgba(11,61,145,.08),

        0 8px 25px rgba(0,0,0,.06);

    transition:.45s ease;

}

.rv-story-video:hover{

    transform:translateY(-8px);

    box-shadow:

        0 45px 90px rgba(11,61,145,.12),

        0 15px 35px rgba(0,0,0,.08);

}

.rv-story-video iframe{

    display:block;

    width:100%;

    aspect-ratio:16/9;

    border:none;

    border-radius:22px;

}

/* Glow */

.rv-story-glow{

    position:absolute;

    inset:0;

    pointer-events:none;

    border-radius:32px;

    box-shadow:

        inset 0 0 0 1px rgba(255,255,255,.6);

}

.rv-video-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:24px;

    padding:12px 22px;

    border-radius:999px;

    background:#EEF4FF;

    color:#0B3D91;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.rv-video-label i{

    color:#FF4E45;

    font-size:18px;

}

.rv-story-quote{

    position:relative;

    max-width:820px;

    margin:70px auto 0;

    padding-top:40px;

}

.rv-story-quote:before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:120px;

    height:3px;

    border-radius:20px;

    background:linear-gradient(

        90deg,

        transparent,

        #0B3D91,

        transparent

    );

}

/*====================================================
VIDEO THUMBNAIL
====================================================*/

.rv-story-video-trigger{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    cursor:pointer;

    box-shadow:
        0 30px 80px rgba(0,0,0,.10);

    transition:.45s;

}

.rv-story-video-trigger:hover{

    transform:translateY(-8px);

}

.rv-story-video-trigger img{

    width:100%;

    display:block;

    transition:.6s;

}

.rv-story-video-trigger:hover img{

    transform:scale(1.05);

}

/*====================================================
PLAY BUTTON
====================================================*/

.rv-play-button{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:95px;
    height:95px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:
        0 15px 45px rgba(0,0,0,.25);

    transition:.35s;

}

.rv-play-button i{

    margin-left:6px;

    font-size:34px;

    color:#0B3D91;

}

.rv-story-video-trigger:hover .rv-play-button{

    transform:translate(-50%,-50%) scale(1.12);

}

/*====================================================
MODAL
====================================================*/

.rv-video-modal{

    position:fixed;

    inset:0;

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

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:999999;

}

.rv-video-modal.active{

    opacity:1;

    visibility:visible;

}

.rv-video-wrapper{

    width:min(1100px,90vw);

}

.rv-video-wrapper iframe{

    width:100%;

    aspect-ratio:16/9;

    border:none;

    border-radius:20px;

}

/* CLOSE */

.rv-video-close{

    position:absolute;

    top:40px;

    right:40px;

    width:54px;

    height:54px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

}

.rv-video-close i{

    color:#0B3D91;

    font-size:22px;

}

@media (max-width:768px){

    .rv-play-button{

        width:64px;

        height:64px;

    }

    .rv-play-button i{

        font-size:24px;

        margin-left:3px;

    }

}


/*=========================================
VIDEO BUTTON MOBILE
=========================================*/

@media (max-width:768px){

    .rv-play-button{

        width:auto;

        height:42px;

        padding:0 18px;

        border-radius:999px;

        left:70%;

        top:68%;

        transform:translate(-50%,-50%);

        gap:10px;

       background:rgba(255,255,255,.9);

        box-shadow:
            0 10px 25px rgba(0,0,0,.22);

    }

    .rv-play-button i{

        font-size:18px;

        margin:0;

    }

    .rv-play-button::after{

        content:"Tonton";

        font-size:14px;

        font-weight:700;

        color:#0B3D91;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-008515d *//* ====================================
   AUTHORITY SECTION PREMIUM
==================================== */

.rv-authority{

    padding:110px 0 80px;

    background:#fff;

}

.rv-authority .rv-container{

    max-width:1280px;

    margin:0 auto;

    padding:0 32px;

}

/* =========================
   GRID
========================= */

.rv-authority-grid{

    display:grid;

    grid-template-columns:minmax(0,1fr) 480px;

    gap:90px;

    align-items:center;

}

/* =========================
   CONTENT
========================= */

.rv-authority-label{

    display:inline-block;

    padding:14px 26px;

    border-radius:999px;

    background:#EDF4FF;

    color:#0B3D91;

    font-size:13px;

    font-weight:700;

    letter-spacing:.8px;

    margin-bottom:30px;

}

.rv-authority h2{

    font-size:54px;

    line-height:1.08;

    color:#0D2345;

    margin-bottom:30px;

    font-weight:800;

}

.rv-authority p{

    font-size:19px;

    line-height:1.9;

    color:#667085;

    margin-bottom:18px;

    max-width:850px;

}

/* =========================
   POINTS
========================= */

.rv-authority-points{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:35px;

}

.rv-authority-points span{

    display:flex;

    align-items:center;

    background:#F7FAFF;

    border:1px solid #E5ECF7;

    padding:12px 18px;

    border-radius:999px;

    color:#0D2345;

    font-size:15px;

    font-weight:600;

}

.rv-authority-points span::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#0B3D91;

    margin-right:10px;

    flex-shrink:0;

}

/* =========================
   IMAGE
========================= */

.rv-authority-image{

    position:relative;

    padding:18px;

    background:#EDF4FF;

    border-radius:36px;

}

.rv-authority-image img{

    width:100%;

    display:block;

    border-radius:28px;

}

/* =========================
   AWARD CARD
========================= */

.rv-award-card{

    position:absolute;

    left:-60px;

    bottom:25px;

    width:220px;

    background:#fff;

    border-radius:28px;

    padding:30px;

    box-shadow:
    0 30px 70px rgba(6,42,90,.12);

}

.rv-award-card span{

    display:block;

    color:#0B3D91;

    font-size:12px;

    font-weight:700;

    margin-bottom:12px;

}

.rv-award-card strong{

    display:block;

    font-size:45px;

    line-height:1;

    color:#0D2345;

    margin-bottom:14px;

    font-weight:800;

}

.rv-award-card small{

    display:block;

    line-height:1.8;

    color:#667085;

    font-size:14px;

}

/* =========================
   STATS
========================= */

.rv-authority-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:40px;

    margin-top:60px;

    padding-top:40px;

    border-top:1px solid #E6EDF7;

}

.rv-authority-stats div{

    text-align:left;

}

.rv-authority-stats strong{

    display:block;

    font-size:54px;

    line-height:1;

    color:#0B3D91;

    margin-bottom:10px;

    font-weight:800;

}

.rv-authority-stats span{

    color:#667085;

    font-size:16px;

}

/* =========================
   TABLET
========================= */

@media(max-width:1024px){

    .rv-authority-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .rv-authority-image{

        max-width:600px;

        margin:0 auto;

    }

    .rv-authority h2{

        font-size:52px;

    }

    .rv-authority-stats{

        grid-template-columns:repeat(3,1fr);

    }

}

@media(max-width:1024px){

    .rv-award-card{

        position:relative;

        left:auto;
        bottom:auto;

        width:280px;

        margin:-40px auto 0;

    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .rv-authority{

        padding:70px 0;

    }

    .rv-authority .rv-container{

        padding:0 20px;

    }

    .rv-authority-label{

        font-size:12px;

        line-height:1.7;

    }

    .rv-authority h2{

        font-size:32px;

        line-height:1.15;

        margin-bottom:20px;

    }

    .rv-authority p{

        font-size:16px;

        line-height:1.8;

    }

    .rv-authority-points{

        flex-direction:column;

        gap:10px;

    }

    .rv-authority-points span{

        width:100%;

    }

    .rv-authority-image{

        padding:12px;

        border-radius:24px;

    }

    .rv-award-card{

        max-width:220px;

        padding:22px;

        margin:-30px auto 0;

    }

    .rv-award-card strong{

        font-size:48px;

    }

    .rv-award-card small{

        font-size:14px;

        line-height:1.7;

    }

    .rv-authority-stats{

        grid-template-columns:1fr 1fr;

        gap:25px;

        margin-top:40px;

    }

    .rv-authority-stats strong{

        font-size:38px;

    }

}

/* =========================
   MAP SECTION PREMIUM
========================= */

.rv-map-section{

    background:linear-gradient(
        135deg,
        #062A5A 0%,
        #0B3D91 100%
    );

    border-radius:24px;

    padding:60px 40px 40px;

    text-align:center;

    overflow:hidden;

    position:relative;

    margin-top:60px;

}

/* GLOW EFFECT */

.rv-map-section::before{

    content:"";

    position:absolute;

    left:50%;
    top:60%;

    width:900px;
    height:500px;

    transform:translate(-50%,-50%);

    background:rgba(46,134,255,.12);

    filter:blur(140px);

    pointer-events:none;

}

/* LABEL */

.rv-map-section span{

    display:block;

    position:relative;
    z-index:2;

    margin-bottom:14px;

    color:#8EC5FF;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

/* TITLE */

.rv-map-section h3{

    position:relative;
    z-index:2;

    margin:10px 0;

    color:#fff;

    font-size:48px;

    line-height:1.1;

}

/* DESCRIPTION */

.rv-map-section p{

    position:relative;
    z-index:2;

    max-width:760px;

    margin:0 auto 15px;

    color:rgba(255,255,255,.78);

    font-size:16px;

    line-height:1.5;

}

/* IMAGE */

.rv-map-image{

    position:relative;

    z-index:2;

    margin-top:10px;

}

.rv-map-image img{

    width:100%;

    max-width:1050px;

    display:block;

    margin:auto;

}

/* =========================
   TABLET
========================= */

@media(max-width:1024px){

    .rv-map-section{

        padding:50px 30px 30px;

    }

    .rv-map-section span{

        font-size:12px;

        letter-spacing:2px;

    }

    .rv-map-section h3{

        font-size:42px;

    }

    .rv-map-section p{

        font-size:16px;

    }

    .rv-map-image{

        margin-top:15px;

    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .rv-map-section{

        margin-top:40px;

        padding:35px 20px 20px;

        border-radius:20px;

    }

    .rv-map-section span{

        font-size:10px;

        letter-spacing:2px;

        margin-bottom:10px;

    }

    .rv-map-section h3{

        font-size:25px;

        line-height:1.3;

    }

    .rv-map-section p{

        font-size:14px;

        line-height:1.5;

        margin-bottom:10px;

    }

    .rv-map-image{

        margin-top:10px;

    }

    .rv-map-image img{

        width:100%;

        max-width:100%;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75fd5aa *//* ====================================
   ACHIEVEMENT SECTION
==================================== */

.rv-achievement{

    padding:120px 0;

    background:#fff;

}

.rv-achievement-header{

    text-align:center;

    margin-bottom:60px;

}

.rv-achievement-header h2{

    font-size:52px;

    color:#0D2345;

    margin-bottom:16px;

}

.rv-achievement-header p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

    color:#667085;

}

/* FEATURED AWARD */

.rv-featured-award{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    background:
    linear-gradient(
    135deg,
    #082F6D,
    #0B3D91
    );

    padding:40px;

    border-radius:32px;

    margin-bottom:80px;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 25px 60px rgba(11,61,145,.18);

}

.rv-featured-award::after{

    content:"";

    position:absolute;

    right:-120px;

    top:-120px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    rgba(255,255,255,.06);

}

.rv-featured-icon{

    width:84px;

    height:84px;

    flex-shrink:0;

    border-radius:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    rgba(255,255,255,.08);

    color:#FFD54A;

    font-size:42px;

}

.rv-featured-content{

    flex:1;

}

.rv-featured-content h3{

    color:#fff;

    font-size:34px;

    margin-bottom:12px;

}

.rv-featured-content p{

    color:rgba(255,255,255,.82);

    font-size:18px;

    line-height:1.8;

}

.rv-featured-award strong{

    font-size:44px;

    color:#FFD54A;

    font-weight:800;

}

/* TIMELINE */

.rv-timeline{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    position:relative;

    gap:30px;

}

.rv-timeline::before{

    content:"";

    position:absolute;

    left:10%;

    right:10%;

    top:42px;

    height:2px;

    background:#D9E4F5;

}

.rv-timeline-item{

    position:relative;

    text-align:center;

    transition:.35s;

    z-index:2;

}

.rv-timeline-item:hover{

    transform:translateY(-8px);

}

.rv-timeline-item span{

    width:62px;

    height:62px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

    font-size:28px;

    font-weight:800;

    background:#fff;

    border:1px solid #E6EDF7;

    box-shadow:
    0 15px 35px rgba(11,61,145,.08);

}

.rv-timeline-item strong{

    display:block;

    font-size:22px;

    color:#0B3D91;

    margin-bottom:10px;

}

.rv-timeline-item small{

    display:block;

    color:#667085;

    line-height:1.6;

    font-size:15px;

}

/* COLORS */

.award{

    color:#0B3D91;

}

.gold{

    color:#D4A017;

    background:
    linear-gradient(
    135deg,
    #FFF6D6,
    #FFE39B
    ) !important;

}

.silver{

    color:#6B7280;

    background:
    linear-gradient(
    135deg,
    #F8FAFC,
    #E5E7EB
    ) !important;

}

.bronze{

    color:#A0522D;

    background:
    linear-gradient(
    135deg,
    #F8E0D0,
    #E8B08B
    ) !important;

}

/* TABLET */

@media(max-width:1024px){

    .rv-featured-award{

        flex-direction:column;

        text-align:center;

    }

    .rv-featured-award strong{

        font-size:54px;

    }

    .rv-timeline{

    display:flex;

    gap:30px;

    overflow-x:auto;

    padding-bottom:10px;

    justify-content:flex-start;

}

.rv-timeline-item{

    min-width:180px;

    flex-shrink:0;

}

}

.rv-timeline::-webkit-scrollbar{

    height:6px;

}

.rv-timeline::-webkit-scrollbar-track{

    background:#EEF4FC;

    border-radius:999px;

}

.rv-timeline::-webkit-scrollbar-thumb{

    background:#0B3D91;

    border-radius:999px;

}

/* MOBILE */

@media(max-width:767px){

    .rv-achievement{

        padding:80px 0;

    }

    .rv-achievement-header h2{

        font-size:34px;

    }

    .rv-achievement-header p{

        font-size:16px;

    }

    .rv-featured-award{

        padding:30px 24px;

    }

    .rv-featured-content h3{

        font-size:24px;

    }

    .rv-featured-award strong{

        font-size:32px;

    }

    .rv-timeline{

        display:flex;

        flex-direction:column;

        gap:34px;

        position:relative;

    }

    .rv-timeline::before{

        content:"";

        position:absolute;

        left:25px;

        top:20px;

        width:2px;

        height:calc(100% - 40px);

        background:#D9E4F5;

    }

    .rv-timeline-item{

        text-align:left;

        padding-left:80px;

    }

    .rv-timeline-item span{

        position:absolute;

        left:0;

        top:0;

        margin:0;

        width:52px;

        height:52px;

    }

    .rv-timeline-item strong{

    font-size:18px;

    margin-bottom:5px;

}

.rv-timeline-item small{

    font-size:16px;

    color:#667085;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4db68b *//* ====================================
   PROGRAM UNGGULAN PREMIUM
==================================== */

.rv-programs{

    padding:120px 0;

    background:#fff;

}

.rv-section-header{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.rv-section-header span{

    display:inline-block;

    padding:10px 18px;

    border-radius:999px;

    background:#EDF4FF;

    color:#0B3D91;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.rv-section-header h2{

    font-size:56px;

    line-height:1.1;

    color:#0D2345;

    margin:24px 0;

}

.rv-section-header p{

    font-size:18px;

    color:#667085;

    line-height:1.8;

}

/* GRID */

.rv-program-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:40px;

}

/* CARD */

.rv-program-card{

    background:#fff;

    border:none;

    border-radius:28px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    box-shadow:
    0 10px 40px rgba(11,61,145,.06);

    transition:.35s ease;

}

.rv-program-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 35px 80px rgba(11,61,145,.15);

}

/* IMAGE */

.rv-program-card img{

    width:100%;

    height:250px;

    object-fit:cover;

    display:block;

    transition:transform .6s ease;

}

.rv-program-card:hover img{

    transform:scale(1.03);

}

/* CONTENT */

.rv-program-content{

    padding:30px;

    flex:1;

    display:flex;

    flex-direction:column;

}

/* BADGE */

.rv-program-content small{

    display:inline-block;

    width:max-content;

    padding:8px 14px;

    border-radius:999px;

    background:#EDF4FF;

    color:#0B3D91;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.rv-program-content h3{

    font-size:34px;

    line-height:1.2;

    min-height:100px;

    margin:0 0 18px;

}

.rv-program-content p{

    color:#667085;

    line-height:1.8;

    font-size:16px;

    margin-bottom:24px;

}

/* LIST */

.rv-program-content ul{

    list-style:none;

    padding:0;

    margin:0 0 28px;

}

.rv-program-content ul li{

    position:relative;

    padding-left:22px;

    margin-bottom:12px;

    color:#0D2345;

    font-weight:500;

    line-height:1.6;

}

.rv-program-content ul li::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#0B3D91;

    position:absolute;

    left:0;

    top:8px;

}

/* CTA */

.rv-program-content a{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    gap:8px;

    width:max-content;

    padding:12px 18px;

    border-radius:12px;

    background:#EDF4FF;

    color:#0B3D91;

    font-weight:700;

    text-decoration:none;

    transition:.3s ease;

}

.rv-program-content a:hover{

    background:#0B3D91;

    color:#fff;

}

/* TABLET */

@media(max-width:1024px){

    .rv-programs{

        padding:90px 0;

    }

    .rv-section-header{

        margin-bottom:50px;

    }

    .rv-section-header h2{

        font-size:42px;

    }

    .rv-program-grid{

        grid-template-columns:1fr;

        gap:30px;

        max-width:700px;

        margin:auto;

    }

    .rv-program-card img{

        height:320px;

    }

}

@media(max-width:1024px){

    .rv-program-grid{

        grid-template-columns:1fr;

        gap:34px;

    }

}

/* MOBILE */

@media(max-width:767px){

    .rv-programs{

        padding:70px 0;

    }

    .rv-section-header{

        margin-bottom:40px;

    }

    .rv-section-header h2{

        font-size:32px;

        line-height:1.2;

    }

    .rv-section-header p{

        font-size:16px;

    }

    .rv-program-card{

        border-radius:22px;

    }

    .rv-program-card img{

        height:220px;

    }

    .rv-program-content{

        padding:24px;

    }

    .rv-program-content h3{

        font-size:26px;

    }

    .rv-program-content p{

        font-size:15px;

    }

    .rv-program-content a{

        width:100%;

        justify-content:center;

    }

}

@media(max-width:767px){

    .rv-program-grid{

        gap:40px;

    }

}

/* PREMIUM BADGE */

.premium-badge{

    background:linear-gradient(
        135deg,
        #0B3D91,
        #1F57C3
    ) !important;

    color:#fff !important;

    font-weight:800 !important;

    box-shadow:
    0 10px 25px rgba(11,61,145,.25);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74650d1 *//* ====================================
PRODUCTS SECTION
==================================== */

.rv-products{

    padding:120px 0;

    background:#fff;

}

.rv-products-header{

    max-width:820px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.rv-products-header h2{

    font-size:58px;

    line-height:1.1;

    color:#0D2345;

    margin:20px 0;

}

.rv-products-header p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

    color:#667085;

}

.rv-section-label{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:12px 22px;

    background:#EDF4FF;

    color:#0B3D91;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    box-shadow:
    0 10px 30px rgba(11,61,145,.08);

}

.rv-product-trust{

    display:grid;

    grid-template-columns:repeat(4,max-content);

    justify-content:center;

    gap:30px;

    margin-top:30px;

    margin-bottom:55px;

}

.rv-product-trust span{

    display:flex;

    align-items:center;

    gap:10px;

    color:#0B3D91;

    font-weight:700;

    font-size:16px;

}

.rv-product-trust i{

    width:36px;

    height:36px;

    border-radius:50%;

    background:#EDF4FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0B3D91;

    font-size:14px;

}

.rv-products-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

.rv-product-card{

    background:#fff;

    border:1px solid #E6EDF7;

    border-radius:28px;

    overflow:hidden;

    transition:.3s;

    display:flex;

    flex-direction:column;

}

.rv-product-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 35px 80px rgba(11,61,145,.15);

}

.rv-product-card img{

    width:100%;

    height:320px;

    object-fit:contain;

    padding:10px;

    background:#fff;

}

.rv-product-card:hover img{

    transform:scale(1.03);

}

.rv-product-body{

    padding:30px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.rv-product-body span{

    display:inline-block;

    width:max-content;

    padding:8px 14px;

    border-radius:999px;

    background:#EDF4FF;

    color:#0B3D91;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}

.rv-product-body h3{

    font-size:30px;

    line-height:1.2;

    color:#0D2345;

    margin:14px 0;

    min-height:72px;

}

.rv-product-body p{

    color:#667085;

    line-height:1.8;

    font-size:16px;

    min-height:90px;

}

.rv-products-cta{

    margin-top:70px;

    background:linear-gradient(
    135deg,
    #062A5A,
    #0B3D91
    );

    border-radius:30px;

    padding:50px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.rv-products-cta h3{

    color:#fff;

    font-size:34px;

    margin-bottom:10px;

}

.rv-products-cta p{

    color:rgba(255,255,255,.75);

    max-width:650px;

}

.rv-products-cta a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#fff;

    color:#0B3D91;

    padding:16px 30px;

    border-radius:14px;

    font-weight:700;

    text-decoration:none;

    white-space:nowrap;

}

.rv-product-trust{

    position:relative;

    padding-bottom:30px;

}

.rv-product-trust::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:120px;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        #0B3D91,
        transparent
    );

}

/* TABLET */

@media(max-width:1024px){

    .rv-products-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .rv-products-header h2{

        font-size:46px;

    }

    .rv-products-cta{

        flex-direction:column;

        text-align:center;

    }

}

/* PRODUCT ACTIONS */

.rv-product-actions{

    display:flex;

    gap:10px;

    margin-top:auto;

    padding-top:20px;

}

.rv-product-actions a{

    flex:1;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:.3s;

    white-space:nowrap;

}

/* BUTTON SPESIFIKASI */

.rv-product-actions a:first-child{

    background:#EDF4FF;

    color:#0B3D91 !important;

    border:1px solid #D6E4FF;

}

.rv-product-actions a:first-child:hover{

    background:#DCE9FF;

}

/* BUTTON KONSULTASI */

.rv-product-actions a:last-child{

    background:#0B3D91;

    color:#FFFFFF !important;

    border:1px solid #0B3D91;

    gap:6px;

}

.rv-product-actions a:last-child:hover{

    background:#082E74;

    border-color:#082E74;

}

/* MOBILE */

@media(max-width:767px){

    .rv-products{

        padding:80px 0;

    }

    .rv-products-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .rv-products-header h2{

        font-size:34px;

    }

    .rv-products-header p{

        font-size:16px;

    }

    .rv-product-card img{

        height:220px;

    }

    .rv-product-body{

        padding:24px;

    }

    .rv-product-body h3{

        font-size:24px;

    }

    .rv-products-cta{

        padding:35px 25px;

    }

    .rv-products-cta h3{

        font-size:28px;

    }

    .rv-product-actions{

        gap:8px;

        padding-top:16px;

    }

    .rv-product-actions a{

        height:36px;

        font-size:12px;

        border-radius:10px;

    }

}

@media(max-width:767px){

    .rv-product-trust{

        grid-template-columns:repeat(2,max-content);

        justify-content:center;

        gap:20px 40px;

    }

}

@media(max-width:767px){

    .rv-product-body h3{

        min-height:auto;

    }

}

@media(max-width:767px){

    .rv-product-trust{

        padding:25px 5px;

        grid-template-columns:1fr 1fr;

        gap:30px;

    }

}

/* ====================================
PRODUCT REVEAL ANIMATION
==================================== */

.rv-product-card{

    opacity:0;

    transition:.8s ease;

}

.rv-product-card:nth-child(odd){

    transform:translateX(-40px);

}

.rv-product-card:nth-child(even){

    transform:translateX(40px);

}

.rv-product-card.show{

    opacity:1;

    transform:translateX(0);

}

.rv-product-card:nth-child(1){
    transition-delay:.1s;
}

.rv-product-card:nth-child(2){
    transition-delay:.2s;
}

.rv-product-card:nth-child(3){
    transition-delay:.3s;
}

.rv-product-card:nth-child(4){
    transition-delay:.1s;
}

.rv-product-card:nth-child(5){
    transition-delay:.2s;
}

.rv-product-card:nth-child(6){
    transition-delay:.3s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06cf616 *//* ====================================
   IMPACT SECTION
==================================== */

.rv-impact{

    padding:120px 0;

    background:#F8FBFF;

}

.rv-impact-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

/* IMAGE */

.rv-impact-image{

    position:relative;

}

.rv-impact-image img{

    width:100%;

    display:block;

    border-radius:30px;

    aspect-ratio:4/5;

    object-fit:cover;

}

/* FLOATING BADGE */

.rv-impact-badge{

    position:absolute;

    right:-20px;

    bottom:35px;

    background:#fff;

    padding:18px 22px;

    border-radius:22px;

    box-shadow:0 20px 50px rgba(11,61,145,.12);

    border:1px solid #E6EDF7;

}

.rv-impact-badge strong{

    display:block;

    font-size:34px;

    color:#0B3D91;

    line-height:1;

    margin-bottom:4px;

}

.rv-impact-badge span{

    color:#667085;

    font-size:14px;

}

/* CONTENT */

.rv-impact-content h2{

    font-size:48px;

    line-height:1.1;

    color:#0D2345;

    margin:24px 0;

}

.rv-impact-content p{

    font-size:18px;

    line-height:1.9;

    color:#667085;

    margin-bottom:18px;

}

/* STATS */

.rv-impact-stats{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

    margin-top:40px;

}

.rv-impact-stats div{

    background:#fff;

    border-radius:22px;

    padding:24px;

    border:1px solid #E6EDF7;

    transition:.3s;

}

.rv-impact-stats div:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(11,61,145,.08);

}

.rv-impact-stats i{

    font-size:20px;

    color:#0B3D91;

    margin-bottom:14px;

}

.rv-impact-stats strong{

    display:block;

    font-size:34px;

    line-height:1;

    color:#0B3D91;

    margin-bottom:10px;

}

.rv-impact-stats span{

    color:#667085;

    font-size:15px;

}

/* TABLET */

@media(max-width:1024px){

    .rv-impact{

        padding:90px 0;

    }

    .rv-impact-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .rv-impact-content{

        text-align:center;

    }

    .rv-impact-content h2{

        font-size:42px;

    }

}

/* MOBILE */

@media(max-width:767px){

    .rv-impact{

        padding:80px 0;

    }

    .rv-impact-content h2{

        font-size:34px;

    }

    .rv-impact-content p{

        font-size:16px;

    }

    .rv-impact-badge{

        right:15px;

        bottom:15px;

        padding:14px 18px;

    }

    .rv-impact-badge strong{

        font-size:28px;

    }

    .rv-impact-stats{

        grid-template-columns:repeat(2,1fr);

        gap:14px;

    }

    .rv-impact-stats div{

        padding:18px;

    }

    .rv-impact-stats strong{

        font-size:24px;

    }

    .rv-impact-stats span{

        font-size:13px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f8b89c *//*====================================================
ARTICLE SECTION
PART 2 - LAYOUT
====================================================*/

.rv-articles{

    position:relative;

    padding:120px 20px;

    background:#F8FAFD;

    overflow:hidden;

}

/* Watermark */

.rv-articles::before{

    content:"";

    position:absolute;

    top:40px;

    right:-120px;

    width:520px;

    height:520px;

    opacity:.035;

    background:url("https://repve.com/wp-content/uploads/2026/05/logo-republik-vannamei-putih.png") center/contain no-repeat;

    pointer-events:none;

}

/*====================================================
CONTAINER
====================================================*/

.rv-articles .rv-container{

    max-width:1280px;

    margin:0 auto;

    position:relative;

    z-index:2;

}

/*====================================================
HEADER
====================================================*/

.rv-articles-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:50px;

    margin-bottom:60px;

}

.rv-articles-heading{

    max-width:760px;

}

.rv-section-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:999px;

    background:#EEF4FF;

    color:#0B3D91;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:26px;

}

.rv-section-badge i{

    color:#2E86FF;

}

.rv-articles-heading h2{

    margin:0 0 22px;

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#0B3D91;

}

.rv-articles-heading p{

    margin:0;

    max-width:720px;

    font-size:22px;

    line-height:1.8;

    color:#667085;

}

/*====================================================
TOP BUTTON
====================================================*/

.rv-all-articles{

    display:inline-flex;

    align-items:center;

    gap:14px;

    margin-top:18px;

    color:#0B3D91;

    font-size:18px;

    font-weight:700;

    white-space:nowrap;

}

.rv-all-articles i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:

        0 10px 25px rgba(0,0,0,.08);

}

/*====================================================
GRID
====================================================*/

.rv-article-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

/*====================================================
CARD
====================================================*/

.rv-article-card{

    background:#ffffff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #E7EEF8;

    box-shadow:

        0 15px 40px rgba(10,40,90,.06);

}

/*====================================================
IMAGE
====================================================*/

.rv-article-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:16/9;

}

.rv-article-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}

/*====================================================
CATEGORY
====================================================*/

.rv-category{

    position:absolute;

    top:18px;

    left:18px;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:999px;

    background:#0B3D91;

    color:#ffffff;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

}

/*====================================================
CONTENT
====================================================*/

.rv-article-content{

    padding:28px;

}

/*====================================================
META
====================================================*/

.rv-meta{

    display:flex;

    gap:22px;

    margin-bottom:18px;

    flex-wrap:wrap;

}

.rv-meta span{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:15px;

    color:#667085;

}

/*====================================================
TITLE
====================================================*/

.rv-article-content h3{

    margin:0 0 18px;

    font-size:34px;

    line-height:1.35;

    font-weight:800;

    color:#0B3D91;

}

/*====================================================
DESCRIPTION
====================================================*/

.rv-article-content p{

    margin:0;

    font-size:18px;

    line-height:1.9;

    color:#667085;

}

/*====================================================
FOOTER
====================================================*/

.rv-card-footer{

    margin-top:30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.rv-card-footer a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0B3D91;

    font-size:17px;

    font-weight:700;

}

.rv-card-footer button{

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:#EEF4FF;

    color:#0B3D91;

    cursor:pointer;

}

/*====================================================
BOTTOM BUTTON
====================================================*/

.rv-article-bottom{

    display:flex;

    justify-content:center;

    margin-top:70px;

}

.rv-btn-articles{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:18px 34px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        #0B3D91,
        #2E86FF
    );

    color:#ffffff;

    font-size:18px;

    font-weight:700;

}

.rv-btn-articles i{

    width:38px;

    height:38px;

    border-radius:50%;

    background:rgba(255,255,255,.18);

    display:flex;

    align-items:center;

    justify-content:center;

}

/*====================================================
ARTICLE SECTION
PART 3 - PREMIUM EFFECT
====================================================*/

/* CARD */

.rv-article-card{

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

}

/* Hover */

.rv-article-card:hover{

    transform:translateY(-12px);

    border-color:#D8E6FF;

    box-shadow:
        0 30px 70px rgba(11,61,145,.12),
        0 10px 25px rgba(0,0,0,.06);

}

/*====================================================
IMAGE
====================================================*/

.rv-article-image{

    overflow:hidden;

}

.rv-article-image img{

    transition:
        transform .8s ease,
        filter .5s ease;

}

.rv-article-card:hover .rv-article-image img{

    transform:scale(1.08);

    filter:brightness(1.05);

}

/*====================================================
IMAGE OVERLAY
====================================================*/

.rv-article-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        180deg,

        rgba(8,33,80,.00),

        rgba(8,33,80,.12)

    );

    opacity:0;

    transition:.35s;

}

.rv-article-card:hover .rv-article-image::after{

    opacity:1;

}

/*====================================================
CATEGORY
====================================================*/

.rv-category{

    transition:
        transform .35s,
        background .35s;

}

.rv-article-card:hover .rv-category{

    transform:translateY(-3px);

    background:#144DB8;

}

/*====================================================
TITLE
====================================================*/

.rv-article-content h3{

    transition:color .3s;

}

.rv-article-card:hover h3{

    color:#144DB8;

}

/*====================================================
DESCRIPTION
====================================================*/

.rv-article-content p{

    transition:.3s;

}

.rv-article-card:hover p{

    color:#4B5563;

}

/*====================================================
META
====================================================*/

.rv-meta span{

    transition:.3s;

}

.rv-article-card:hover .rv-meta span{

    color:#0B3D91;

}

/*====================================================
READ MORE
====================================================*/

.rv-card-footer a{

    transition:.3s;

}

.rv-card-footer a i{

    transition:.3s;

}

.rv-article-card:hover .rv-card-footer a{

    color:#144DB8;

}

.rv-article-card:hover .rv-card-footer a i{

    transform:translateX(8px);

}

/*====================================================
BOOKMARK
====================================================*/

.rv-card-footer button{

    transition:
        transform .3s,
        background .3s,
        color .3s;

}

.rv-card-footer button:hover{

    transform:rotate(12deg);

    background:#0B3D91;

    color:#ffffff;

}

/*====================================================
TOP BUTTON
====================================================*/

.rv-all-articles{

    transition:.3s;

}

.rv-all-articles i{

    transition:.3s;

}

.rv-all-articles:hover{

    color:#2E86FF;

}

.rv-all-articles:hover i{

    transform:translateX(6px);

    background:#0B3D91;

    color:#ffffff;

}

/*====================================================
BOTTOM BUTTON
====================================================*/

.rv-btn-articles{

    transition:
        transform .35s,
        box-shadow .35s;

}

.rv-btn-articles:hover{

    transform:translateY(-4px);

    box-shadow:
        0 20px 45px rgba(20,70,180,.25);

}

.rv-btn-articles i{

    transition:.3s;

}

.rv-btn-articles:hover i{

    transform:translateX(6px);

}

/*====================================================
SECTION TITLE
====================================================*/

.rv-section-badge{

    transition:.3s;

}

.rv-section-badge:hover{

    transform:translateY(-2px);

}

.rv-articles-heading h2{

    transition:.3s;

}

.rv-articles-heading h2:hover{

    color:#144DB8;

}

/*====================================================
SCROLL ANIMATION
====================================================*/

.rv-article-card{

    animation:rvCardFade .8s ease both;

}

.rv-article-card:nth-child(2){

    animation-delay:.15s;

}

.rv-article-card:nth-child(3){

    animation-delay:.3s;

}

@keyframes rvCardFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*====================================================
ARTICLE SECTION
PART 4 - RESPONSIVE
====================================================*/

/*==========================
TABLET
==========================*/

@media(max-width:1024px){

    .rv-articles{

        padding:90px 24px;

    }

    .rv-articles-header{

        flex-direction:column;

        gap:30px;

        margin-bottom:50px;

    }

    .rv-articles-heading{

        max-width:100%;

    }

    .rv-articles-heading h2{

        font-size:48px;

        line-height:1.15;

    }

    .rv-articles-heading p{

        max-width:100%;

        font-size:18px;

    }

    .rv-all-articles{

        margin-top:0;

    }

    .rv-article-grid{

        grid-template-columns:repeat(2,1fr);

        gap:24px;

    }

}


/*==========================
MOBILE
==========================*/

@media(max-width:767px){

    .rv-articles{

        padding:70px 20px;

    }

    /* HEADER */

    .rv-articles-header{

        margin-bottom:40px;

        text-align:center;

        align-items:center;

    }

    .rv-section-badge{

        margin:0 auto 20px;

    }

    .rv-articles-heading h2{

        font-size:34px;

        line-height:1.2;

        margin-bottom:18px;

    }

    .rv-articles-heading p{

        font-size:16px;

        line-height:1.8;

    }

    .rv-all-articles{

        display:none;

    }

    /* GRID */

    .rv-article-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    /* CARD */

    .rv-article-card{

        border-radius:22px;

    }

    .rv-article-image{

        aspect-ratio:16/10;

    }

    .rv-article-content{

        padding:22px;

    }

    /* META */

    .rv-meta{

        gap:14px;

        margin-bottom:16px;

    }

    .rv-meta span{

        font-size:13px;

    }

    /* TITLE */

    .rv-article-content h3{

        font-size:24px;

        line-height:1.4;

        margin-bottom:14px;

    }

    /* DESC */

    .rv-article-content p{

        font-size:15px;

        line-height:1.75;

    }

    /* CATEGORY */

    .rv-category{

        padding:8px 14px;

        font-size:12px;

    }

    /* FOOTER */

    .rv-card-footer{

        margin-top:24px;

    }

    .rv-card-footer a{

        font-size:15px;

    }

    .rv-card-footer button{

        width:44px;

        height:44px;

    }

    /* BUTTON */

    .rv-article-bottom{

        margin-top:45px;

    }

    .rv-btn-articles{

        width:100%;

        justify-content:center;

        font-size:16px;

        padding:16px 22px;

    }

}


/*====================================================
CARD HEIGHT
====================================================*/

.rv-article-card{

    display:flex;

    flex-direction:column;

    height:100%;

}

.rv-article-content{

    display:flex;

    flex-direction:column;

    flex:1;

}

.rv-card-footer{

    margin-top:auto;

}


/*====================================================
IMAGE QUALITY
====================================================*/

.rv-article-image img{

    object-fit:cover;

    object-position:center;

}


/*====================================================
SMOOTH
====================================================*/

.rv-article-card,
.rv-article-image img,
.rv-category,
.rv-btn-articles,
.rv-all-articles{

    will-change:transform;

}/* End custom CSS */