.elementor-1077 .elementor-element.elementor-element-314387c{--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:100px;--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-1077 .elementor-element.elementor-element-7a4d1af.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1077 .elementor-element.elementor-element-7a4d1af{text-align:center;}.elementor-1077 .elementor-element.elementor-element-7a4d1af .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:4rem;font-weight:800;color:var( --e-global-color-primary );}.elementor-1077 .elementor-element.elementor-element-637781f{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:center;}.elementor-1077 .elementor-element.elementor-element-637781f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1077 .elementor-element.elementor-element-637781f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.25rem;font-weight:400;line-height:26px;color:var( --e-global-color-text );}.elementor-1077 .elementor-element.elementor-element-1f01792{--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;--padding-top:0px;--padding-bottom:080px;--padding-left:0px;--padding-right:0px;}.elementor-1077 .elementor-element.elementor-element-8fa8405{--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-1077 .elementor-element.elementor-element-322a3e3 img{transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-1077 .elementor-element.elementor-element-f670ec6{text-align:center;}.elementor-1077 .elementor-element.elementor-element-f670ec6 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-1077 .elementor-element.elementor-element-db00a9a{text-align:center;}.elementor-1077 .elementor-element.elementor-element-db00a9a .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1077 .elementor-element.elementor-element-fac0ce2{--display:flex;}.elementor-1077 .elementor-element.elementor-element-1e7603c{text-align:center;}.elementor-1077 .elementor-element.elementor-element-1e7603c .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-1077 .elementor-element.elementor-element-4f7aee2{text-align:center;}.elementor-1077 .elementor-element.elementor-element-4f7aee2 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1077 .elementor-element.elementor-element-3e0b0aa{--display:flex;}.elementor-1077 .elementor-element.elementor-element-1abcfc2{text-align:center;}.elementor-1077 .elementor-element.elementor-element-1abcfc2 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-1077 .elementor-element.elementor-element-daf2c85{text-align:center;}.elementor-1077 .elementor-element.elementor-element-daf2c85 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1077 .elementor-element.elementor-element-c2ae91e{--display:flex;}.elementor-1077 .elementor-element.elementor-element-b9c09b5{text-align:center;}.elementor-1077 .elementor-element.elementor-element-b9c09b5 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-1077 .elementor-element.elementor-element-dabf992{text-align:center;}.elementor-1077 .elementor-element.elementor-element-dabf992 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:1.5rem;font-weight:500;color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-1077 .elementor-element.elementor-element-1f01792{--content-width:1440px;}}@media(max-width:1025px){.elementor-1077 .elementor-element.elementor-element-314387c{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1077 .elementor-element.elementor-element-7a4d1af{width:var( --container-widget-width, 525.938px );max-width:525.938px;--container-widget-width:525.938px;--container-widget-flex-grow:0;}.elementor-1077 .elementor-element.elementor-element-7a4d1af .elementor-heading-title{font-size:3rem;}.elementor-1077 .elementor-element.elementor-element-637781f{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-1077 .elementor-element.elementor-element-1f01792{--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(max-width:767px){.elementor-1077 .elementor-element.elementor-element-314387c{--min-height:0px;--padding-top:15%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1077 .elementor-element.elementor-element-7a4d1af .elementor-heading-title{font-size:2rem;}.elementor-1077 .elementor-element.elementor-element-637781f{padding:0px 20px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1077 .elementor-element.elementor-element-637781f .elementor-heading-title{font-size:16px;}.elementor-1077 .elementor-element.elementor-element-1f01792{--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-1077 .elementor-element.elementor-element-f670ec6 .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-db00a9a .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-1e7603c .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-4f7aee2 .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-1abcfc2 .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-daf2c85 .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-b9c09b5 .elementor-heading-title{font-size:1.4rem;}.elementor-1077 .elementor-element.elementor-element-dabf992 .elementor-heading-title{font-size:1.4rem;}}/* Start custom CSS for heading, class: .elementor-element-7a4d1af */.elementor-1077 .elementor-element.elementor-element-7a4d1af{
    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-322a3e3 *//* 1. Set the container to handle the overlay */
.elementor-1077 .elementor-element.elementor-element-322a3e3 {
    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-1077 .elementor-element.elementor-element-322a3e3::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-1077 .elementor-element.elementor-element-322a3e3:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-1077 .elementor-element.elementor-element-322a3e3 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-fdf4f63 *//* 1. Set the container to handle the overlay */
.elementor-1077 .elementor-element.elementor-element-fdf4f63 {
    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-1077 .elementor-element.elementor-element-fdf4f63::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-1077 .elementor-element.elementor-element-fdf4f63:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-1077 .elementor-element.elementor-element-fdf4f63 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-4ecf294 *//* 1. Set the container to handle the overlay */
.elementor-1077 .elementor-element.elementor-element-4ecf294 {
    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-1077 .elementor-element.elementor-element-4ecf294::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-1077 .elementor-element.elementor-element-4ecf294:hover::after {
    opacity: 1;
}

/* 4. Keep the main image visible underneath or slightly fade it */
.elementor-1077 .elementor-element.elementor-element-4ecf294 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-cb2cbe0 *//* 1. Set the container to handle the overlay */
.elementor-1077 .elementor-element.elementor-element-cb2cbe0 {
    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-1077 .elementor-element.elementor-element-cb2cbe0::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-1077 .elementor-element.elementor-element-cb2cbe0:hover::after {
    opacity: 1;
}

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