.elementor-7144 .elementor-element.elementor-element-23b9885{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-4b33ef5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-a0446c0 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-a397c2c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-6462729{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-7f2d773 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-d0b1951 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-2ee7dbc .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-63e38e0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-062c861 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-9fdfb99 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-8fc8347 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-b8a8624{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-224be9d .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-f0e7665 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-fe8a708 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-6ab626f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-eb64a39 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-e76b8cd .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-4cb0d08 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-022a20e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-590c8fa .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-e07ed11 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7144 .elementor-element.elementor-element-76161d6 .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(max-width:1024px){.elementor-7144 .elementor-element.elementor-element-23b9885{--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-6462729{--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-63e38e0{--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-b8a8624{--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-6ab626f{--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-022a20e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7144 .elementor-element.elementor-element-23b9885{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-6462729{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-63e38e0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-b8a8624{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-6ab626f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7144 .elementor-element.elementor-element-022a20e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-23b9885 *//* =========================================
   STUDENT VIDEOS - LUXURY PHONE FRAME
   Optimized for Holding Theme
========================================= */

.student-videos {
    --phone-gold: #C49A68;
    --phone-dark: #0B1412;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 305px;
    margin: 12px auto 20px;
    padding: 39px 9px 28px;
    box-sizing: border-box;

    /* Premium metallic frame */
    border: 2px solid transparent;
    border-radius: 44px;

    background:
        linear-gradient(
            145deg,
            #25352F,
            #0B1412 55%,
            #1B2925
        ) padding-box,

        linear-gradient(
            135deg,
            #F0D5A8 0%,
            #A78150 35%,
            #66513A 65%,
            #DCC092 100%
        ) border-box;

    box-shadow:
        0 16px 32px rgba(0, 35, 29, 0.20),
        inset 0 0 0 2px rgba(255,255,255,0.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* =========================================
   Dynamic Island / Camera
========================================= */

.student-videos::before {
    content: "";
    position: absolute;

    top: 12px;
    left: 50%;
    transform: translateX(-50%);

    width: 96px;
    height: 19px;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 84% 50%,
            #34545B 0 3px,
            #111C20 4px,
            transparent 6px
        ),
        #030605;

    border: 1px solid #25342F;

    z-index: 3;
    pointer-events: none;
}

/* =========================================
   Bottom Home Indicator
========================================= */

.student-videos::after {
    content: "";
    position: absolute;

    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #B4A48A;
    opacity: .75;

    pointer-events: none;
}

/* =========================================
   Phone Screen
========================================= */

.student-videos .elementor-wrapper {
    --video-aspect-ratio: 0.5625;

    position: relative;
    width: 100%;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;
    padding-bottom: 0 !important;

    overflow: hidden;

    border: 1px solid #46574E;
    border-radius: 27px;

    background: #000;
    box-sizing: border-box;
}

/* Actual Video */
.student-videos video.elementor-video {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain;

    background: #000;
    border: 0;
    border-radius: 0;
}

/* =========================================
   Elegant Hover
========================================= */

@media (hover: hover) {
    .student-videos:hover {
        transform: translateY(-5px);

        box-shadow:
            0 20px 38px rgba(0, 35, 29, 0.24),
            inset 0 0 0 2px rgba(255,255,255,0.06);
    }
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 767px) {

    .student-videos {
        max-width: 275px;
        padding: 36px 8px 26px;
        border-radius: 40px;
    }

    .student-videos .elementor-wrapper {
        border-radius: 24px;
    }

    .student-videos::before {
        top: 11px;
        width: 87px;
        height: 17px;
    }

    .student-videos::after {
        width: 65px;
        bottom: 10px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .student-videos {
        transition: none;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6462729 *//* =========================================
   STUDENT VIDEOS - LUXURY PHONE FRAME
   Optimized for Holding Theme
========================================= */

.student-videos {
    --phone-gold: #C49A68;
    --phone-dark: #0B1412;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 305px;
    margin: 12px auto 20px;
    padding: 39px 9px 28px;
    box-sizing: border-box;

    /* Premium metallic frame */
    border: 2px solid transparent;
    border-radius: 44px;

    background:
        linear-gradient(
            145deg,
            #25352F,
            #0B1412 55%,
            #1B2925
        ) padding-box,

        linear-gradient(
            135deg,
            #F0D5A8 0%,
            #A78150 35%,
            #66513A 65%,
            #DCC092 100%
        ) border-box;

    box-shadow:
        0 16px 32px rgba(0, 35, 29, 0.20),
        inset 0 0 0 2px rgba(255,255,255,0.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* =========================================
   Dynamic Island / Camera
========================================= */

.student-videos::before {
    content: "";
    position: absolute;

    top: 12px;
    left: 50%;
    transform: translateX(-50%);

    width: 96px;
    height: 19px;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 84% 50%,
            #34545B 0 3px,
            #111C20 4px,
            transparent 6px
        ),
        #030605;

    border: 1px solid #25342F;

    z-index: 3;
    pointer-events: none;
}

/* =========================================
   Bottom Home Indicator
========================================= */

.student-videos::after {
    content: "";
    position: absolute;

    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #B4A48A;
    opacity: .75;

    pointer-events: none;
}

/* =========================================
   Phone Screen
========================================= */

.student-videos .elementor-wrapper {
    --video-aspect-ratio: 0.5625;

    position: relative;
    width: 100%;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;
    padding-bottom: 0 !important;

    overflow: hidden;

    border: 1px solid #46574E;
    border-radius: 27px;

    background: #000;
    box-sizing: border-box;
}

/* Actual Video */
.student-videos video.elementor-video {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain;

    background: #000;
    border: 0;
    border-radius: 0;
}

/* =========================================
   Elegant Hover
========================================= */

@media (hover: hover) {
    .student-videos:hover {
        transform: translateY(-5px);

        box-shadow:
            0 20px 38px rgba(0, 35, 29, 0.24),
            inset 0 0 0 2px rgba(255,255,255,0.06);
    }
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 767px) {

    .student-videos {
        max-width: 275px;
        padding: 36px 8px 26px;
        border-radius: 40px;
    }

    .student-videos .elementor-wrapper {
        border-radius: 24px;
    }

    .student-videos::before {
        top: 11px;
        width: 87px;
        height: 17px;
    }

    .student-videos::after {
        width: 65px;
        bottom: 10px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .student-videos {
        transition: none;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63e38e0 *//* =========================================
   STUDENT VIDEOS - LUXURY PHONE FRAME
   Optimized for Holding Theme
========================================= */

.student-videos {
    --phone-gold: #C49A68;
    --phone-dark: #0B1412;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 305px;
    margin: 12px auto 20px;
    padding: 39px 9px 28px;
    box-sizing: border-box;

    /* Premium metallic frame */
    border: 2px solid transparent;
    border-radius: 44px;

    background:
        linear-gradient(
            145deg,
            #25352F,
            #0B1412 55%,
            #1B2925
        ) padding-box,

        linear-gradient(
            135deg,
            #F0D5A8 0%,
            #A78150 35%,
            #66513A 65%,
            #DCC092 100%
        ) border-box;

    box-shadow:
        0 16px 32px rgba(0, 35, 29, 0.20),
        inset 0 0 0 2px rgba(255,255,255,0.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* =========================================
   Dynamic Island / Camera
========================================= */

.student-videos::before {
    content: "";
    position: absolute;

    top: 12px;
    left: 50%;
    transform: translateX(-50%);

    width: 96px;
    height: 19px;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 84% 50%,
            #34545B 0 3px,
            #111C20 4px,
            transparent 6px
        ),
        #030605;

    border: 1px solid #25342F;

    z-index: 3;
    pointer-events: none;
}

/* =========================================
   Bottom Home Indicator
========================================= */

.student-videos::after {
    content: "";
    position: absolute;

    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #B4A48A;
    opacity: .75;

    pointer-events: none;
}

/* =========================================
   Phone Screen
========================================= */

.student-videos .elementor-wrapper {
    --video-aspect-ratio: 0.5625;

    position: relative;
    width: 100%;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;
    padding-bottom: 0 !important;

    overflow: hidden;

    border: 1px solid #46574E;
    border-radius: 27px;

    background: #000;
    box-sizing: border-box;
}

/* Actual Video */
.student-videos video.elementor-video {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain;

    background: #000;
    border: 0;
    border-radius: 0;
}

/* =========================================
   Elegant Hover
========================================= */

@media (hover: hover) {
    .student-videos:hover {
        transform: translateY(-5px);

        box-shadow:
            0 20px 38px rgba(0, 35, 29, 0.24),
            inset 0 0 0 2px rgba(255,255,255,0.06);
    }
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 767px) {

    .student-videos {
        max-width: 275px;
        padding: 36px 8px 26px;
        border-radius: 40px;
    }

    .student-videos .elementor-wrapper {
        border-radius: 24px;
    }

    .student-videos::before {
        top: 11px;
        width: 87px;
        height: 17px;
    }

    .student-videos::after {
        width: 65px;
        bottom: 10px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .student-videos {
        transition: none;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8a8624 *//* =========================================
   STUDENT VIDEOS - LUXURY PHONE FRAME
   Optimized for Holding Theme
========================================= */

.student-videos {
    --phone-gold: #C49A68;
    --phone-dark: #0B1412;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 305px;
    margin: 12px auto 20px;
    padding: 39px 9px 28px;
    box-sizing: border-box;

    /* Premium metallic frame */
    border: 2px solid transparent;
    border-radius: 44px;

    background:
        linear-gradient(
            145deg,
            #25352F,
            #0B1412 55%,
            #1B2925
        ) padding-box,

        linear-gradient(
            135deg,
            #F0D5A8 0%,
            #A78150 35%,
            #66513A 65%,
            #DCC092 100%
        ) border-box;

    box-shadow:
        0 16px 32px rgba(0, 35, 29, 0.20),
        inset 0 0 0 2px rgba(255,255,255,0.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* =========================================
   Dynamic Island / Camera
========================================= */

.student-videos::before {
    content: "";
    position: absolute;

    top: 12px;
    left: 50%;
    transform: translateX(-50%);

    width: 96px;
    height: 19px;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 84% 50%,
            #34545B 0 3px,
            #111C20 4px,
            transparent 6px
        ),
        #030605;

    border: 1px solid #25342F;

    z-index: 3;
    pointer-events: none;
}

/* =========================================
   Bottom Home Indicator
========================================= */

.student-videos::after {
    content: "";
    position: absolute;

    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #B4A48A;
    opacity: .75;

    pointer-events: none;
}

/* =========================================
   Phone Screen
========================================= */

.student-videos .elementor-wrapper {
    --video-aspect-ratio: 0.5625;

    position: relative;
    width: 100%;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;
    padding-bottom: 0 !important;

    overflow: hidden;

    border: 1px solid #46574E;
    border-radius: 27px;

    background: #000;
    box-sizing: border-box;
}

/* Actual Video */
.student-videos video.elementor-video {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain;

    background: #000;
    border: 0;
    border-radius: 0;
}

/* =========================================
   Elegant Hover
========================================= */

@media (hover: hover) {
    .student-videos:hover {
        transform: translateY(-5px);

        box-shadow:
            0 20px 38px rgba(0, 35, 29, 0.24),
            inset 0 0 0 2px rgba(255,255,255,0.06);
    }
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 767px) {

    .student-videos {
        max-width: 275px;
        padding: 36px 8px 26px;
        border-radius: 40px;
    }

    .student-videos .elementor-wrapper {
        border-radius: 24px;
    }

    .student-videos::before {
        top: 11px;
        width: 87px;
        height: 17px;
    }

    .student-videos::after {
        width: 65px;
        bottom: 10px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .student-videos {
        transition: none;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab626f *//* =========================================
   STUDENT VIDEOS - LUXURY PHONE FRAME
   Optimized for Holding Theme
========================================= */

.student-videos {
    --phone-gold: #C49A68;
    --phone-dark: #0B1412;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 305px;
    margin: 12px auto 20px;
    padding: 39px 9px 28px;
    box-sizing: border-box;

    /* Premium metallic frame */
    border: 2px solid transparent;
    border-radius: 44px;

    background:
        linear-gradient(
            145deg,
            #25352F,
            #0B1412 55%,
            #1B2925
        ) padding-box,

        linear-gradient(
            135deg,
            #F0D5A8 0%,
            #A78150 35%,
            #66513A 65%,
            #DCC092 100%
        ) border-box;

    box-shadow:
        0 16px 32px rgba(0, 35, 29, 0.20),
        inset 0 0 0 2px rgba(255,255,255,0.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* =========================================
   Dynamic Island / Camera
========================================= */

.student-videos::before {
    content: "";
    position: absolute;

    top: 12px;
    left: 50%;
    transform: translateX(-50%);

    width: 96px;
    height: 19px;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 84% 50%,
            #34545B 0 3px,
            #111C20 4px,
            transparent 6px
        ),
        #030605;

    border: 1px solid #25342F;

    z-index: 3;
    pointer-events: none;
}

/* =========================================
   Bottom Home Indicator
========================================= */

.student-videos::after {
    content: "";
    position: absolute;

    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #B4A48A;
    opacity: .75;

    pointer-events: none;
}

/* =========================================
   Phone Screen
========================================= */

.student-videos .elementor-wrapper {
    --video-aspect-ratio: 0.5625;

    position: relative;
    width: 100%;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;
    padding-bottom: 0 !important;

    overflow: hidden;

    border: 1px solid #46574E;
    border-radius: 27px;

    background: #000;
    box-sizing: border-box;
}

/* Actual Video */
.student-videos video.elementor-video {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain;

    background: #000;
    border: 0;
    border-radius: 0;
}

/* =========================================
   Elegant Hover
========================================= */

@media (hover: hover) {
    .student-videos:hover {
        transform: translateY(-5px);

        box-shadow:
            0 20px 38px rgba(0, 35, 29, 0.24),
            inset 0 0 0 2px rgba(255,255,255,0.06);
    }
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 767px) {

    .student-videos {
        max-width: 275px;
        padding: 36px 8px 26px;
        border-radius: 40px;
    }

    .student-videos .elementor-wrapper {
        border-radius: 24px;
    }

    .student-videos::before {
        top: 11px;
        width: 87px;
        height: 17px;
    }

    .student-videos::after {
        width: 65px;
        bottom: 10px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .student-videos {
        transition: none;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-022a20e *//* =========================================
   STUDENT VIDEOS - LUXURY PHONE FRAME
   Optimized for Holding Theme
========================================= */

.student-videos {
    --phone-gold: #C49A68;
    --phone-dark: #0B1412;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 305px;
    margin: 12px auto 20px;
    padding: 39px 9px 28px;
    box-sizing: border-box;

    /* Premium metallic frame */
    border: 2px solid transparent;
    border-radius: 44px;

    background:
        linear-gradient(
            145deg,
            #25352F,
            #0B1412 55%,
            #1B2925
        ) padding-box,

        linear-gradient(
            135deg,
            #F0D5A8 0%,
            #A78150 35%,
            #66513A 65%,
            #DCC092 100%
        ) border-box;

    box-shadow:
        0 16px 32px rgba(0, 35, 29, 0.20),
        inset 0 0 0 2px rgba(255,255,255,0.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* =========================================
   Dynamic Island / Camera
========================================= */

.student-videos::before {
    content: "";
    position: absolute;

    top: 12px;
    left: 50%;
    transform: translateX(-50%);

    width: 96px;
    height: 19px;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 84% 50%,
            #34545B 0 3px,
            #111C20 4px,
            transparent 6px
        ),
        #030605;

    border: 1px solid #25342F;

    z-index: 3;
    pointer-events: none;
}

/* =========================================
   Bottom Home Indicator
========================================= */

.student-videos::after {
    content: "";
    position: absolute;

    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #B4A48A;
    opacity: .75;

    pointer-events: none;
}

/* =========================================
   Phone Screen
========================================= */

.student-videos .elementor-wrapper {
    --video-aspect-ratio: 0.5625;

    position: relative;
    width: 100%;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;
    padding-bottom: 0 !important;

    overflow: hidden;

    border: 1px solid #46574E;
    border-radius: 27px;

    background: #000;
    box-sizing: border-box;
}

/* Actual Video */
.student-videos video.elementor-video {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    object-fit: contain;

    background: #000;
    border: 0;
    border-radius: 0;
}

/* =========================================
   Elegant Hover
========================================= */

@media (hover: hover) {
    .student-videos:hover {
        transform: translateY(-5px);

        box-shadow:
            0 20px 38px rgba(0, 35, 29, 0.24),
            inset 0 0 0 2px rgba(255,255,255,0.06);
    }
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 767px) {

    .student-videos {
        max-width: 275px;
        padding: 36px 8px 26px;
        border-radius: 40px;
    }

    .student-videos .elementor-wrapper {
        border-radius: 24px;
    }

    .student-videos::before {
        top: 11px;
        width: 87px;
        height: 17px;
    }

    .student-videos::after {
        width: 65px;
        bottom: 10px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .student-videos {
        transition: none;
        transform: none !important;
    }
}/* End custom CSS */