.elementor-81 .elementor-element.elementor-element-a4df470{--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;--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-81 .elementor-element.elementor-element-005bfff .swiper-button-next:not(.modal .swiper-button-next):hover::after{background-color:#001673;color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-button-prev:not(.modal .swiper-button-prev):hover::after{background-color:#001673;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper:not(.modal .swiper){overflow:hidden !important;}.md-sm-hidden{overflow:hidden !important;}body{overflow-x:hidden !important;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-carousel-modal-content .swiper-slide{width:100%;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-item{transition:all 0s ease-in-out;position:relative;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-item:hover{transition:all 0s ease-in-out;transform:translateY(-0px);overflow:visible;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-wrapper{padding-top:0px;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-slide{display:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_items_image{width:100%;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_items_title{width:100%;text-align:center;position:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_items_title_link{text-decoration:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_items_description{width:auto;text-align:center;position:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_items_description_link{text-decoration:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-button-next:not(.modal .swiper-button-next)::after{font-size:20px;color:#FFFFFF;border-style:none;border-radius:0px;padding:20px 20px 20px 20px;transition:0s;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-button-next:not(.modal .swiper-button-next){position:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-button-prev:not(.modal .swiper-button-prev)::after{font-size:20px;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-button-prev:not(.modal .swiper-button-prev){position:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .modal-content{border-radius:0%;padding:0px 0px 0px 0px;}.elementor-81 .elementor-element.elementor-element-005bfff .modal-content:hover{border-radius:0%;}.elementor-81 .elementor-element.elementor-element-005bfff .close-btn{font-size:20px;border-radius:0%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-81 .elementor-element.elementor-element-005bfff .close-btn:hover{font-size:20px;border-radius:0%;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_modal_image{border-radius:0%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-carousel-modal-content .swiper-button-next{position:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper-carousel-modal-content .swiper-button-prev{position:solid;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_video{width:100%;height:auto;aspect-ratio:16 / 9;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_youtube_video{width:100%;height:auto;aspect-ratio:16 / 9;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_video_play_icon svg{width:100px;fill:#ffffff;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_modal_video{width:50%;height:50%;}.elementor-81 .elementor-element.elementor-element-005bfff .swiper_media_carousel_modal_youtube_video{width:50%;height:50%;}.elementor-81 .elementor-element.elementor-element-d3699bf{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-d3699bf:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-d3699bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}@media(max-width:1024px){.elementor-81 .elementor-element.elementor-element-005bfff .swiper:not(.modal .swiper){overflow:hidden !important;}.md-sm-hidden{overflow:hidden !important;}body{overflow-x:hidden !important;}}@media(max-width:767px){.elementor-81 .elementor-element.elementor-element-005bfff .swiper:not(.modal .swiper){overflow:hodden !important;}.md-sm-hidden{overflow:hidden !important;}body{overflow-x:hidden !important;}}/* Start custom CSS for shortcode, class: .elementor-element-93c8208 */.brand-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
    max-width: 900px; /* ปรับตามต้องการ */
    margin: 0 auto;
}
.brand-item img {
    border-radius: 5px;
}
.brand-item {
        border-radius: 10px;
    text-align: center;
    border: 4px solid #0004c8;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.brand-item:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgb(255 255 255 / 58%);
}
.brand-logo {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 480px){

.brand-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
}


}/* End custom CSS */