.elementor-857 .elementor-element.elementor-element-64b741b{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-89fb3e1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-857 .elementor-element.elementor-element-89fb3e1{text-align:center;}.elementor-857 .elementor-element.elementor-element-89fb3e1 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:4rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-98b554e{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:center;}.elementor-857 .elementor-element.elementor-element-98b554e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-857 .elementor-element.elementor-element-98b554e .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.25rem;font-weight:400;line-height:26px;color:var( --e-global-color-text );}.elementor-857 .elementor-element.elementor-element-f7acbd5{--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;--padding-top:0px;--padding-bottom:080px;--padding-left:0px;--padding-right:0px;}.elementor-857 .elementor-element.elementor-element-78b6dd1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-857 .elementor-element.elementor-element-d1d866d{--display:flex;}.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-857 .elementor-element.elementor-element-dcb8c8f img{transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-857 .elementor-element.elementor-element-0bc987f{text-align:center;}.elementor-857 .elementor-element.elementor-element-0bc987f .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-0c7d967{text-align:center;}.elementor-857 .elementor-element.elementor-element-0c7d967 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}.elementor-857 .elementor-element.elementor-element-c691f28{--display:flex;}.elementor-857 .elementor-element.elementor-element-4ce531a{text-align:center;}.elementor-857 .elementor-element.elementor-element-4ce531a .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-84dcd42{text-align:center;}.elementor-857 .elementor-element.elementor-element-84dcd42 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}.elementor-857 .elementor-element.elementor-element-9d27d53{--display:flex;}.elementor-857 .elementor-element.elementor-element-4ca3fd8{text-align:center;}.elementor-857 .elementor-element.elementor-element-4ca3fd8 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-4fec174{text-align:center;}.elementor-857 .elementor-element.elementor-element-4fec174 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}.elementor-857 .elementor-element.elementor-element-ca8df7b{--display:flex;}.elementor-857 .elementor-element.elementor-element-c85ed49{text-align:center;}.elementor-857 .elementor-element.elementor-element-c85ed49 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-fdcc96b{text-align:center;}.elementor-857 .elementor-element.elementor-element-fdcc96b .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}@media(max-width:1025px){.elementor-857 .elementor-element.elementor-element-64b741b{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-857 .elementor-element.elementor-element-89fb3e1{width:var( --container-widget-width, 525.938px );max-width:525.938px;--container-widget-width:525.938px;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-89fb3e1 .elementor-heading-title{font-size:3rem;}.elementor-857 .elementor-element.elementor-element-98b554e{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-857 .elementor-element.elementor-element-78b6dd1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:08px;--padding-right:08px;}}@media(min-width:768px){.elementor-857 .elementor-element.elementor-element-64b741b{--content-width:1140px;}.elementor-857 .elementor-element.elementor-element-f7acbd5{--content-width:1440px;}}@media(max-width:767px){.elementor-857 .elementor-element.elementor-element-64b741b{--min-height:0px;--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-857 .elementor-element.elementor-element-89fb3e1 .elementor-heading-title{font-size:2rem;}.elementor-857 .elementor-element.elementor-element-98b554e{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-857 .elementor-element.elementor-element-98b554e .elementor-heading-title{font-size:16px;}.elementor-857 .elementor-element.elementor-element-78b6dd1{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-857 .elementor-element.elementor-element-0bc987f .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-0c7d967 .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-4ce531a .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-84dcd42 .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-4ca3fd8 .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-4fec174 .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-c85ed49 .elementor-heading-title{font-size:1.4rem;}.elementor-857 .elementor-element.elementor-element-fdcc96b .elementor-heading-title{font-size:1.4rem;}}/* Start custom CSS for heading, class: .elementor-element-89fb3e1 */.elementor-857 .elementor-element.elementor-element-89fb3e1{
    span {
        background: linear-gradient(90deg, #030fcd, #7c3aed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dcb8c8f *//* 1. Set the container to handle the overlay */
.elementor-857 .elementor-element.elementor-element-dcb8c8f {
    position: relative;
    display: inline-block;
    border-radius: 12px;     /* Rounds the container corners */
    overflow: hidden;        /* Prevents sharp edges from breaking out */
}

/* 2. Create the hover image invisible on top */
.elementor-857 .elementor-element.elementor-element-dcb8c8f::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://reviewdee.com/wp-content/uploads/2026/05/google-การ์ดรีวิว-nfc-3.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;     /* Rounds the actual hover image asset */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;    /* Allows clicks to pass through to the main image/link */
}

/* 3. Smoothly fade it in on hover */
.elementor-857 .elementor-element.elementor-element-dcb8c8f:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-857 .elementor-element.elementor-element-dcb8c8f img {
    transition: opacity 0.4s ease-in-out;
    border-radius: 12px;     /* Ensures the baseline image is perfectly rounded too */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a9cdc1 *//* 1. Set the container to handle the overlay */
.elementor-857 .elementor-element.elementor-element-2a9cdc1 {
    position: relative;
    display: inline-block;
    border-radius: 12px;     /* Rounds the container corners */
    overflow: hidden;        /* Prevents sharp edges from breaking out */
}

/* 2. Create the hover image invisible on top */
.elementor-857 .elementor-element.elementor-element-2a9cdc1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://reviewdee.com/wp-content/uploads/2026/05/facebook-การ์ด-NFC-2.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;     /* Rounds the actual hover image asset */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;    /* Allows clicks to pass through to the main image/link */
}

/* 3. Smoothly fade it in on hover */
.elementor-857 .elementor-element.elementor-element-2a9cdc1:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-857 .elementor-element.elementor-element-2a9cdc1 img {
    transition: opacity 0.4s ease-in-out;
    border-radius: 12px;     /* Ensures the baseline image is perfectly rounded too */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-262a59c *//* 1. Set the container to handle the overlay */
.elementor-857 .elementor-element.elementor-element-262a59c {
    position: relative;
    display: inline-block;
    border-radius: 12px;     /* Rounds the container corners */
    overflow: hidden;        /* Prevents sharp edges from breaking out */
}

/* 2. Create the hover image invisible on top */
.elementor-857 .elementor-element.elementor-element-262a59c::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://reviewdee.com/wp-content/uploads/2026/05/line-การ์ด-nfc-ไทย-2.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;     /* Rounds the actual hover image asset */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;    /* Allows clicks to pass through to the main image/link */
}

/* 3. Smoothly fade it in on hover */
.elementor-857 .elementor-element.elementor-element-262a59c:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-857 .elementor-element.elementor-element-262a59c img {
    transition: opacity 0.4s ease-in-out;
    border-radius: 12px;     /* Ensures the baseline image is perfectly rounded too */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-de1afac *//* 1. Set the container to handle the overlay */
.elementor-857 .elementor-element.elementor-element-de1afac {
    position: relative;
    display: inline-block;
    border-radius: 12px;     /* Rounds the container corners */
    overflow: hidden;        /* Prevents sharp edges from breaking out */
}

/* 2. Create the hover image invisible on top */
.elementor-857 .elementor-element.elementor-element-de1afac::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://reviewdee.com/wp-content/uploads/2026/05/google-แบบพกพา-nfc.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;     /* Rounds the actual hover image asset */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;    /* Allows clicks to pass through to the main image/link */
}

/* 3. Smoothly fade it in on hover */
.elementor-857 .elementor-element.elementor-element-de1afac:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-857 .elementor-element.elementor-element-de1afac img {
    transition: opacity 0.4s ease-in-out;
    border-radius: 12px;     /* Ensures the baseline image is perfectly rounded too */
}/* End custom CSS */