.elementor-732 .elementor-element.elementor-element-648962c{--display:flex;--min-height:500px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--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-732 .elementor-element.elementor-element-648962c::before, .elementor-732 .elementor-element.elementor-element-648962c > .elementor-background-video-container::before, .elementor-732 .elementor-element.elementor-element-648962c > .e-con-inner > .elementor-background-video-container::before, .elementor-732 .elementor-element.elementor-element-648962c > .elementor-background-slideshow::before, .elementor-732 .elementor-element.elementor-element-648962c > .e-con-inner > .elementor-background-slideshow::before, .elementor-732 .elementor-element.elementor-element-648962c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #000000 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), "Anuphan", sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-732 .elementor-element.elementor-element-1b1b7ff{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;bottom:0px;}body:not(.rtl) .elementor-732 .elementor-element.elementor-element-1b1b7ff{left:0px;}body.rtl .elementor-732 .elementor-element.elementor-element-1b1b7ff{right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), "Anuphan", sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-732 .elementor-element.elementor-element-7666cdf{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-732 .elementor-element.elementor-element-7666cdf .elementor-heading-title{font-family:"Anuphan", "Anuphan", sans-serif;font-size:31px;font-weight:700;line-height:34px;color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-732 .elementor-element.elementor-element-5b4d401{width:var( --container-widget-width, 10% );max-width:10%;padding:2px 2px 2px 2px;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-732 .elementor-element.elementor-element-5b4d401 .elementor-icon-wrapper{text-align:center;}.elementor-732 .elementor-element.elementor-element-5b4d401.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a86f053 );}.elementor-732 .elementor-element.elementor-element-5b4d401.elementor-view-framed .elementor-icon, .elementor-732 .elementor-element.elementor-element-5b4d401.elementor-view-default .elementor-icon{color:var( --e-global-color-a86f053 );border-color:var( --e-global-color-a86f053 );}.elementor-732 .elementor-element.elementor-element-5b4d401.elementor-view-framed .elementor-icon, .elementor-732 .elementor-element.elementor-element-5b4d401.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-a86f053 );}.elementor-732 .elementor-element.elementor-element-5b4d401 .elementor-icon{font-size:34px;}.elementor-732 .elementor-element.elementor-element-5b4d401 .elementor-icon svg{height:34px;}/* Start custom CSS for container, class: .elementor-element-648962c *//* ========================================
   CARD
======================================== */

.card-research {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    isolation: isolate;
}


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

.card-research .research-bg {
    position: absolute !important;
    inset: 0;

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

    z-index: -2;

    overflow: hidden;
}


/* รูป */
.card-research .research-bg img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transform: scale(1);

    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);

    will-change: transform;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    transform-origin: center center;
}


/* ========================================
   ZOOM
======================================== */

.card-research:hover .research-bg img {
    transform: scale(1.12);
}


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

.card-research .title-head {
    position: absolute !important;

    left: 0;
    bottom: 0;

    width: 100% !important;

    padding: 25px 30px;

    z-index: 5;

    overflow: hidden;
}


/* ========================================
   BLUE SLIDE
======================================== */

.card-research .title-head::before {
    content: "";

    position: absolute;

    inset: 0;

    background: #00A9E4;

    transform: scaleX(0);
    transform-origin: left center;

    transition:
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);

    z-index: -1;
}


.card-research:hover .title-head::before {
    transform: scaleX(1);
}


/* ========================================
   TEXT
======================================== */

.card-research .title-head h5 {
    position: relative;

    margin: 0;

    color: #fff;

    z-index: 2;
}


/* ========================================
   ICON
======================================== */

.card-research .title-head .elementor-icon {
    position: relative;

    color: #fff;

    z-index: 2;
}

.card-research .title-head .elementor-icon svg {
    fill: currentColor;
}/* End custom CSS */