.sidebar-content-wrapper{display:flex;gap:56px}.sidebar-content__header{margin-bottom:40px}.sidebar-content__header-title h3{font-family:Kanit;font-size:40px}.sidebar-content__sidebar{width:25%}.submenu-dropdown__menu-item{margin-bottom:20px;cursor:pointer;font-family:Kanit;display:flex}.sidebar-content__submenu{display:none}.sidebar-content__submenu a{display:block;margin:20px 0;padding:10px 14px;text-decoration:none;color:#606060;font-family:Kanit}.sidebar-content__submenu a:hover,.sidebar-content__submenu a.active{color:#000;background:#f9f9fb}.submenu-dropdown__content{display:none;background:#f9f9fb;border-radius:5px;padding:54px 100px;font-family:Kanit}.submenu-dropdown__content.boxes{background:transparent;padding:0}.submenu-dropdown__content hr{margin:40px 0}.sidebar-content__container{width:75%;height:max-content}.submenu-dropdown__content-top{display:flex;gap:40px;align-items:center}.submenu-dropdown__content-top-image{max-width:150px}.submenu-dropdown__content-top-image img{mix-blend-mode:multiply}.submenu-dropdown__content-top-text h5{font-size:20px;font-family:Kanit}.submenu-dropdown__content-top-desc>*{font-size:14px;font-weight:300;margin:0}.submenu-dropdown__content-bottom-title{display:flex;justify-content:space-between;margin-bottom:20px}.submenu-dropdown__content-bottom-title span{font-size:20px;font-weight:400}.submenu-dropdown__content-bottom-rte>*{font-size:14px;font-weight:300;margin:0}.submenu-dropdown__content-bottom-rte>ul,.submenu-dropdown__content-bottom-rte>ol{margin:0 0 0 20px}.submenu-dropdown__content-bottom-link{font-size:14px;color:#5576d1}.submenu-dropdown__content-boxes-wrapper{display:flex;flex-wrap:wrap;gap:40px}.submenu-dropdown__content-box{background:#f9f9fb;border-radius:5px;padding:16px;text-align:center;width:calc(50% - 20px);gap:24px;display:flex;align-items:center;position:relative}.submenu-dropdown__content-box .learn-more{color:#5576d1;font-size:14px;margin-top:8px;display:flex;align-items:center;gap:8px;font-weight:400}.submenu-dropdown__content-box a{position:absolute;left:0;right:0;top:0;bottom:0}.submenu-dropdown__content-box .learn-more svg{transform:rotate(-180deg);width:12px}.submenu-dropdown__content-box img{max-width:100px;height:auto}.submenu-dropdown__content-box h6{margin:0 0 8px;font-size:20px;font-weight:400;font-family:Kanit;text-align:left}.submenu-dropdown__content-box p{margin:0;font-family:Kanit;font-size:14px;font-weight:300;color:gray;text-align:left}.arrow{display:inline-block;transition:transform .3s ease;transform:rotate(-90deg);margin-left:auto}.arrow.rotate{transform:rotate(0)}@media screen and (max-width: 749px){.sidebar-content-wrapper{flex-wrap:wrap;gap:20px}.sidebar-content__header{margin-bottom:18px}.sidebar-content__header-title h3{font-size:24px}.mobile-dropdown,.sidebar-content__container{width:100%}.sidebar-content__dropdown{width:100%;font-family:Kanit;border-radius:8px;border:1px solid #aaa;padding:15px;font-size:16px}.sidebar-content__submenu-dropdown{width:100%;font-family:Kanit;border-radius:8px;padding:15px;font-size:16px;border:1px solid #f9f9fb;background-color:#f9f9fb}.submenu-dropdown__content-top{flex-direction:column;gap:18px}.submenu-dropdown__content{padding:20px 24px}.submenu-dropdown__content hr{margin:18px 0}.submenu-dropdown__content-top-text{text-align:center}.submenu-dropdown__content-boxes-wrapper{gap:10px}.submenu-dropdown__content-box{width:100%;gap:16px}.submenu-dropdown__content-box h6{font-size:16px}.mobile-dropdown-container{display:flex;flex-direction:column;gap:18px;width:100%}.sidebar-content__dropdown,.sidebar-content__submenu-dropdown{position:relative;width:100%;background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:15px;text-align:left;font-size:16px;font-family:Kanit}.sidebar-content__submenu-dropdown{background:#f9f9fb;border:1px solid #f9f9fb}.dropdown-options{list-style:none;padding:0;margin:8px 0 0;position:absolute;top:100%;left:0;width:100%;background:#fff;border-top:none;border-radius:8px;display:none;z-index:100;box-shadow:#0000003d 0 0 2px,#0000003d 0 12px 24px}.dropdown-option{padding:10px 15px;transition:background .3s;text-align:left}.dropdown-option:hover{background:#f4f4f4}.sidebar-content__dropdown svg,.sidebar-content__submenu-dropdown svg{position:absolute;right:10px;width:10px;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform .3s}.sidebar-content__dropdown.active svg,.sidebar-content__submenu-dropdown.active svg{transform:translateY(-50%) rotate(90deg)}.sidebar-content__dropdown.active .dropdown-options,.sidebar-content__submenu-dropdown.active .dropdown-options{display:block}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sidebar-content.css.map */