.elementor-250 .elementor-element.elementor-element-5e82fcd{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-250 .elementor-element.elementor-element-9de5bdf{text-align:center;}.elementor-250 .elementor-element.elementor-element-9de5bdf .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:70px;font-weight:400;}.elementor-250 .elementor-element.elementor-element-cb67f69{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-250 .elementor-element.elementor-element-e96a412{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:024px;--padding-right:24px;}.elementor-250 .elementor-element.elementor-element-e96a412:hover::before, .elementor-250 .elementor-element.elementor-element-e96a412:hover > .elementor-background-video-container::before, .elementor-250 .elementor-element.elementor-element-e96a412:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-250 .elementor-element.elementor-element-e96a412 > .elementor-background-slideshow:hover::before, .elementor-250 .elementor-element.elementor-element-e96a412 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-250 .elementor-element.elementor-element-e96a412:hover{--overlay-opacity:0.5;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-250 .elementor-element.elementor-element-41faaaa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-c63aacb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-c63aacb{text-align:center;}.elementor-250 .elementor-element.elementor-element-c63aacb .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:26px;font-weight:400;color:#000000;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-250 .elementor-element.elementor-element-56ff41e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-56ff41e{column-gap:0px;font-family:"Oswald", Sans-serif;font-weight:300;}.elementor-250 .elementor-element.elementor-element-56ff41e p{margin-bottom:0px;}.elementor-250 .elementor-element.elementor-element-e625f7a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-250 .elementor-element.elementor-element-87a9157 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-b7de5b6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-b7de5b6{text-align:center;}.elementor-250 .elementor-element.elementor-element-b7de5b6 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:26px;font-weight:400;color:#000000;}.elementor-250 .elementor-element.elementor-element-f04d7c0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-f04d7c0{column-gap:0px;font-family:"Oswald", Sans-serif;font-weight:300;}.elementor-250 .elementor-element.elementor-element-f04d7c0 p{margin-bottom:0px;}.elementor-250 .elementor-element.elementor-element-a5a09ea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-250 .elementor-element.elementor-element-a8a9bf3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-ded38df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-ded38df{text-align:center;}.elementor-250 .elementor-element.elementor-element-ded38df .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:26px;font-weight:400;color:#000000;}.elementor-250 .elementor-element.elementor-element-db33b8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-db33b8c{column-gap:0px;font-family:"Oswald", Sans-serif;font-weight:300;}.elementor-250 .elementor-element.elementor-element-db33b8c p{margin-bottom:0px;}.elementor-250 .elementor-element.elementor-element-f7a0c5a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-250 .elementor-element.elementor-element-c8260f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-8ddaee1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-8ddaee1{text-align:center;}.elementor-250 .elementor-element.elementor-element-8ddaee1 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:26px;font-weight:400;color:#000000;}.elementor-250 .elementor-element.elementor-element-3138426 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-250 .elementor-element.elementor-element-3138426{column-gap:0px;font-family:"Oswald", Sans-serif;font-weight:300;}.elementor-250 .elementor-element.elementor-element-3138426 p{margin-bottom:0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-250 .elementor-element.elementor-element-cb67f69{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-250 .elementor-element.elementor-element-c63aacb .elementor-heading-title{font-size:24px;}.elementor-250 .elementor-element.elementor-element-b7de5b6 .elementor-heading-title{font-size:24px;}.elementor-250 .elementor-element.elementor-element-ded38df .elementor-heading-title{font-size:24px;}.elementor-250 .elementor-element.elementor-element-8ddaee1 .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-250 .elementor-element.elementor-element-9de5bdf .elementor-heading-title{font-size:36px;}.elementor-250 .elementor-element.elementor-element-cb67f69{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-250 .elementor-element.elementor-element-56ff41e{font-size:15px;}.elementor-250 .elementor-element.elementor-element-f04d7c0{font-size:15px;}.elementor-250 .elementor-element.elementor-element-db33b8c{font-size:15px;}.elementor-250 .elementor-element.elementor-element-3138426{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-cb67f69 *//* =========================================
   PROFILE CARDS
   CLASS: cb67f69
========================================= */

.elementor-element-cb67f69 > .e-con {
    position: relative;
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    opacity: 0;
    transform: translateY(35px) scale(0.96);

    animation: ilhamProfileReveal 0.75s
        cubic-bezier(0.22, 1, 0.36, 1) forwards;

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease;

    perspective: 800px;
}


/* TOP ACCENT LINE */

.elementor-element-cb67f69 > .e-con::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 0;
    height: 3px;

    background: #334155;

    transform: translateX(-50%);
    transition: width 0.45s ease;

    z-index: 5;
}


/* CORNER CIRCLE EFFECT */

.elementor-element-cb67f69 > .e-con::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -90px;
    right: -90px;

    border-radius: 50%;

    background: rgba(51, 65, 85, 0.06);

    transform: scale(0);

    transition: transform 0.5s ease;

    pointer-events: none;
}


/* HOVER */

.elementor-element-cb67f69 > .e-con:hover {
    transform: translateY(-9px);

    border-color: #334155;

    box-shadow:
        0 15px 30px rgba(0, 0, 0, 0.12),
        0 4px 10px rgba(51, 65, 85, 0.08);
}


/* TOP LINE */

.elementor-element-cb67f69 > .e-con:hover::before {
    width: 65%;
}


/* CIRCLE */

.elementor-element-cb67f69 > .e-con:hover::after {
    transform: scale(1);
}


/* =========================================
   ENTRANCE ANIMATION
========================================= */

@keyframes ilhamProfileReveal {

    0% {
        opacity: 0;
        transform: translateY(35px) scale(0.96);
    }

    70% {
        opacity: 1;
        transform: translateY(-3px) scale(1.005);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

}


/* =========================================
   STAGGERED ENTRANCE
========================================= */

.elementor-element-cb67f69 > .e-con:nth-child(1) {
    animation-delay: .05s;
}

.elementor-element-cb67f69 > .e-con:nth-child(2) {
    animation-delay: .10s;
}

.elementor-element-cb67f69 > .e-con:nth-child(3) {
    animation-delay: .15s;
}

.elementor-element-cb67f69 > .e-con:nth-child(4) {
    animation-delay: .20s;
}

.elementor-element-cb67f69 > .e-con:nth-child(5) {
    animation-delay: .25s;
}

.elementor-element-cb67f69 > .e-con:nth-child(6) {
    animation-delay: .30s;
}

.elementor-element-cb67f69 > .e-con:nth-child(7) {
    animation-delay: .35s;
}

.elementor-element-cb67f69 > .e-con:nth-child(8) {
    animation-delay: .40s;
}

.elementor-element-cb67f69 > .e-con:nth-child(9) {
    animation-delay: .45s;
}

.elementor-element-cb67f69 > .e-con:nth-child(10) {
    animation-delay: .50s;
}

.elementor-element-cb67f69 > .e-con:nth-child(11) {
    animation-delay: .55s;
}

.elementor-element-cb67f69 > .e-con:nth-child(12) {
    animation-delay: .60s;
}


/* =========================================
   IMAGE HOVER
========================================= */

.elementor-element-cb67f69 > .e-con img {
    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.5s ease;
}

.elementor-element-cb67f69 > .e-con:hover img {
    transform:
        perspective(800px)
        rotateY(12deg)
        rotateX(5deg)
        scale(1.05);

    filter: brightness(1.04);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-element-cb67f69 > .e-con:hover {
        transform: translateY(-5px);
    }

    .elementor-element-cb67f69 > .e-con:hover img {
        transform: scale(1.04);
    }

}/* End custom CSS */