.elementor-10 .elementor-element.elementor-element-8fc11e5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-10 .elementor-element.elementor-element-d51fb77{--display:flex;}.elementor-10 .elementor-element.elementor-element-d51fb77:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d51fb77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-8fc11e5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-8fc11e5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-6b37771 */.nasdaq-header {
    font-family: Arial, sans-serif;
    width: 100%;
}

.nasdaq-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.nasdaq-top .logo {
    font-size: 24px;
    font-weight: bold;
    color: #555;
}

.search-box input {
    border: 1px solid #ccc;
    padding: 5px;
    width: 200px;
}

.nasdaq-nav {
    background: linear-gradient(to bottom, #2b5e8a, #1a3e5c);
    padding: 0;
}

.nasdaq-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.nasdaq-nav li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #1a3e5c;
}

.nasdaq-nav li a:hover {
    background-color: #3b7bb5;
}

.nasdaq-nav li.login {
    margin-left: auto;
    background-color: #1a3e5c;
}
@media (max-width: 992px) {
    /* ปรับส่วนบนให้จัดวางแบบแนวตั้งถ้าพื้นที่น้อย */
    .nasdaq-top {
        flex-direction: column;
        gap: 10px;
    }
    
    /* ปรับเมนูให้เป็นแนวตั้งบนมือถือ */
    .nasdaq-nav ul {
        flex-direction: column;
    }

    .nasdaq-nav li a {
        border-right: none;
        border-bottom: 1px solid #1a3e5c;
    }

    .nasdaq-nav li.login {
        margin-left: 0;
    }
}

@media (max-width: 600px) {
    .search-box input {
        width: 100%; /* ให้ช่องค้นหาขยายเต็มหน้าจอในมือถือ */
    }
}/* End custom CSS */