.elementor-996 .elementor-element.elementor-element-21c9e8cc{--display:flex;--min-height:700px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:13%;}.elementor-996 .elementor-element.elementor-element-65cfb81a{--display:flex;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);--padding-top:7%;--padding-bottom:7%;--padding-left:8%;--padding-right:24%;}.elementor-996 .elementor-element.elementor-element-65cfb81a:not(.elementor-motion-effects-element-type-background), .elementor-996 .elementor-element.elementor-element-65cfb81a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-996 .elementor-element.elementor-element-65cfb81a::before, .elementor-996 .elementor-element.elementor-element-65cfb81a > .elementor-background-video-container::before, .elementor-996 .elementor-element.elementor-element-65cfb81a > .e-con-inner > .elementor-background-video-container::before, .elementor-996 .elementor-element.elementor-element-65cfb81a > .elementor-background-slideshow::before, .elementor-996 .elementor-element.elementor-element-65cfb81a > .e-con-inner > .elementor-background-slideshow::before, .elementor-996 .elementor-element.elementor-element-65cfb81a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://rio.in.th/wp-content/uploads/2025/04/bubble_bg_popup.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.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 );}body:not(.rtl) .elementor-996 .elementor-element.elementor-element-4f52dfc6{right:28px;}body.rtl .elementor-996 .elementor-element.elementor-element-4f52dfc6{left:28px;}.elementor-996 .elementor-element.elementor-element-4f52dfc6{top:30px;}.elementor-996 .elementor-element.elementor-element-4f52dfc6 .elementor-icon-wrapper{text-align:center;}.elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-stacked .elementor-icon{background-color:#3D4459;}.elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-framed .elementor-icon, .elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-default .elementor-icon{color:#3D4459;border-color:#3D4459;}.elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-framed .elementor-icon, .elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-default .elementor-icon svg{fill:#3D4459;}.elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-stacked .elementor-icon:hover{background-color:#06D9FA;}.elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-framed .elementor-icon:hover, .elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-default .elementor-icon:hover{color:#06D9FA;border-color:#06D9FA;}.elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-framed .elementor-icon:hover, .elementor-996 .elementor-element.elementor-element-4f52dfc6.elementor-view-default .elementor-icon:hover svg{fill:#06D9FA;}.elementor-996 .elementor-element.elementor-element-4f52dfc6 .elementor-icon{font-size:29px;}.elementor-996 .elementor-element.elementor-element-4f52dfc6 .elementor-icon svg{height:29px;}.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-996 .elementor-element.elementor-element-777cebb5 > .elementor-widget-container{margin:-3% 0% 0% 0%;}.elementor-996 .elementor-element.elementor-element-777cebb5.elementor-element{--align-self:center;}.elementor-996 .elementor-element.elementor-element-777cebb5{text-align:left;}.elementor-996 .elementor-element.elementor-element-777cebb5 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:35px;font-weight:300;text-transform:capitalize;line-height:1.2em;color:#3D4459;}.elementor-996 .elementor-element.elementor-element-1133bd8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}#elementor-popup-modal-996 .dialog-widget-content{animation-duration:1s;background-color:rgba(0,0,0,0);}#elementor-popup-modal-996{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-996 .dialog-message{width:801px;height:auto;}@media(max-width:1024px){.elementor-996 .elementor-element.elementor-element-21c9e8cc{--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:12%;}.elementor-996 .elementor-element.elementor-element-65cfb81a{--padding-top:6%;--padding-bottom:6%;--padding-left:10%;--padding-right:21%;}.elementor-996 .elementor-element.elementor-element-777cebb5{text-align:left;}.elementor-996 .elementor-element.elementor-element-777cebb5 .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-996 .elementor-element.elementor-element-21c9e8cc{--content-width:800px;}}@media(max-width:767px){.elementor-996 .elementor-element.elementor-element-21c9e8cc{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-996 .elementor-element.elementor-element-65cfb81a{--padding-top:15%;--padding-bottom:15%;--padding-left:10%;--padding-right:10%;}.elementor-996 .elementor-element.elementor-element-4f52dfc6{width:auto;max-width:auto;top:21px;}body:not(.rtl) .elementor-996 .elementor-element.elementor-element-4f52dfc6{right:21px;}body.rtl .elementor-996 .elementor-element.elementor-element-4f52dfc6{left:21px;}.elementor-996 .elementor-element.elementor-element-4f52dfc6 .elementor-icon{font-size:12px;}.elementor-996 .elementor-element.elementor-element-4f52dfc6 .elementor-icon svg{height:12px;}.elementor-996 .elementor-element.elementor-element-777cebb5 > .elementor-widget-container{margin:-3px -5px 0px -5px;}.elementor-996 .elementor-element.elementor-element-777cebb5{text-align:center;}.elementor-996 .elementor-element.elementor-element-777cebb5 .elementor-heading-title{font-size:25px;}.elementor-996 .elementor-element.elementor-element-1133bd8{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-609b500 */.social-popup-row {
  display: flex;
  justify-content: center;
  gap: 100px; /* ✅ ปรับตรงนี้เพื่อเว้นช่องว่างระหว่างปุ่ม */
  margin-top: 20px;
}

.popup-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  color: #333;
  transition: transform 0.3s ease;
}

.popup-icon i {
  width: 110px;
  height: 110px;
  font-size: 60px;
  background-color: white;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.popup-icon span {
  font-size: 23px;
  margin-top: 4px;
  text-align: center;
  font-weight: 500;
}

/* สีเฉพาะ */
.popup-icon.shopee i {
  background-color: #ee4d2d;
  color: white;
}

.popup-icon.tiktok i {
  background-color: #000000;
  color: white;
}

.popup-icon:hover {
  transform: scale(1.05);
}

@media (max-width: 480px) {
  .social-popup-row {
    flex-direction: row;
    justify-content: center;
    gap: 24px; /* ✅ ระยะห่างพอดีนิ้ว */
    padding: 10px 0;
  }

  .popup-icon i {
    width: 80px;
    height: 80px;
    font-size: 36px;
    border-radius: 20px;
  }

  .popup-icon span {
    font-size: 14px;
    margin-top: 6px;
  }

  .popup-icon {
    padding: 5px; /* ✅ เพิ่ม padding เพื่อช่วยให้คลิกง่าย */
  }
}/* End custom CSS */