.mb-30 {
    margin-bottom: 30px !important;
}

.border-1 {
    border: 1px solid #E6E6E6;
}

.stocks-slider .slick-slide>div {
    margin: 10px;
}

.stocks-slider .slick-arrow {
    background: transparent;
    border: none;
    position: absolute;
    top: 1px;
    bottom: 0;
    width: 80px;
    height: calc(100% - 30px);
    z-index: 10;
    margin: 10px;
}

.stocks-slider .slick-arrow.slick-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.stocks-slider .slick-prev {
    left: 1px;
    text-align: left;
    background: linear-gradient(-270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.stocks-slider .slick-next {
    right: 1px;
    text-align: right;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.stocks-card {
    overflow: hidden;
    background: var(--white);
    border: 1px solid #E6E6E6;
    padding: 15px 20px;
    min-height: 140px;
    display: none;
}

.slick-slide .stocks-card {
    display: block;
}

.stock-price,
.stock-percent {
    font-weight: 500;
    color: var(--businessGray);
}

.stock-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
}

.stock-price {
    font-weight: 700;
    color: var(--black);
    margin: 10px 0;
    font-size: 16px;
    letter-spacing: .5px;
}

.stock-percent {
    font-weight: 600;
    display: flex;
    align-items: center;
}

.stock-percent .icon {
    margin-left: 4px;
}

.positive {
    color: var(--green) !important;
}

.negative {
    color: var(--red) !important;
}

.market-container {
    background-color: #F5F9FE;
    padding: 20px;
}

.market-container .row {
    margin: 0 -10px;
    row-gap: 20px;
}

.market-container .row>* {
    padding-right: 10px;
    padding-left: 10px;
}

.market-card {
    background: var(--white);
    border: 1px solid #E6E6E6;
    padding: 20px;
    height: 100%;
}

.market-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.market-card-header h3 {
    font-weight: 700;
    font-size: 19px;
    color: var(--black);
    line-height: 1.5;
}

.market-card-header .nav {
    margin-left: 20px;
}

.market-card-header .dropdown {
    margin-left: auto;
}

.market-card-header .dropdown-menu {
    padding: 0;
}

.market-card-header .dropdown-item {
    font-size: 15px;
    line-height: 1.3;
    color: var(--black);
    padding: 8px 10px;
}

.market-card-header .form-select {
    background-color: var(--bgColor);
    border: 1px solid var(--bgLight);
    border-radius: 0;
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    color: var(--textColor);
    cursor: pointer;
}

.market-table {
    width: 100%;
}

.market-table thead {
    position: sticky;
    top: -2px;
    background-color: #F9F9F9;
}

.market-table tr th,
.market-table tr td {
    padding: 10px 12px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    white-space: nowrap;
}

.market-table tr th {
    background: #F9F9F9;
    color: var(--black);
}

.market-table tr td {
    color: #555555;
    padding: 20px 12px 0;
}

.market-table a {
    font-weight: 500;
    color: #555555;
}

.market-table .price {
    font-weight: 600;
    display: flex;
    align-items: end;
}

.market-table .price .icon {
    min-width: 15px;
    margin-left: 4px;
}

.market-card-data {
    display: none;
}

.timeline {
    position: relative;
    margin-top: 30px;
}

.timeline-card {
    position: relative;
    border-left: 1px solid var(--review);
    margin-left: 5px;
    padding: 0 0 40px 25px;
}

.timeline-card:last-of-type {
    padding-bottom: 10px;
}

.timeline-card .dot {
    position: absolute;
    top: 0;
    left: -12px;
    width: 22px;
    height: 22px;
    border: 2px solid rgb(235 170 50 / 57%);
    background-color: var(--white);
    border-radius: 50%;
}

.timeline-card .dot:before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: var(--review);
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
}

.timeline-card-content h4 {
    font-weight: 600;
    font-size: 21px;
    line-height: 1.4;
    color: var(--black);
    margin-bottom: 10px;
}

.timeline-card-content .blog_desc {
    margin-top: 15px;
}

.timeline-card-content p,
.timeline-card-content .blog_desc,
.timeline-card-content .blog_desc li {
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
    color: var(--businessGray);
}

.blog_desc iframe {
    width: 100%;
    aspect-ratio: 3/2;
    height: auto !important;
}

.blog_desc ul,
.blog_desc ol {
    list-style: inherit;
    padding-left: 24px;
}

.update-info {
    font-size: 15px;
    line-height: 1;
    margin-top: 10px;
    color: var(--secondaryText);
}

.timeline-footer-btn {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 6.63%, #FFF 85.02%);
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.timeline-footer-btn .btn {
    border: 1px solid rgba(15, 130, 236, 0.30);
    background-color: var(--bgColor);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: var(--primary);
    min-width: 160px;
    height: 45px;
}

.timeline-footer-btn .btn:hover {
    color: var(--primary);
}

.market_row_wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
    background: #F5F9FE;
    row-gap: 20px;
}

.business_overflow {
    width: 100%;
    max-height: 100px;
    overflow: auto;
}

.stocks_overflow {
    max-height: 180px;
    overflow-y: auto;
}

.percent {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.stocks_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.stocks_arrow.arrow_left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.97572 15.6829C8.13405 15.6829 8.29238 15.6246 8.41738 15.4996C8.65905 15.2579 8.65905 14.8579 8.41738 14.6163L3.80072 9.99959L8.41738 5.38294C8.65905 5.14128 8.65905 4.74128 8.41738 4.49961C8.17572 4.25794 7.77572 4.25794 7.53405 4.49961L2.47572 9.55793C2.23405 9.79959 2.23405 10.1996 2.47572 10.4413L7.53405 15.4996C7.65905 15.6246 7.81738 15.6829 7.97572 15.6829Z' fill='%23000000'/%3E%3Cpath d='M3.05801 10.625H17.083C17.4247 10.625 17.708 10.3417 17.708 10C17.708 9.65833 17.4247 9.375 17.083 9.375H3.05801C2.71634 9.375 2.43301 9.65833 2.43301 10C2.43301 10.3417 2.71634 10.625 3.05801 10.625Z' fill='%23000000'/%3E%3C/svg%3E");
}

.stocks_arrow.arrow_right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.0243 15.6829C11.866 15.6829 11.7076 15.6246 11.5826 15.4996C11.341 15.2579 11.341 14.8579 11.5826 14.6163L16.1993 9.99959L11.5826 5.38294C11.341 5.14128 11.341 4.74128 11.5826 4.49961C11.8243 4.25794 12.2243 4.25794 12.4659 4.49961L17.5243 9.55793C17.7659 9.79959 17.7659 10.1996 17.5243 10.4413L12.4659 15.4996C12.3409 15.6246 12.1826 15.6829 12.0243 15.6829Z' fill='black'/%3E%3Cpath d='M16.942 10.625H2.91699C2.57533 10.625 2.29199 10.3417 2.29199 10C2.29199 9.65833 2.57533 9.375 2.91699 9.375H16.942C17.2837 9.375 17.567 9.65833 17.567 10C17.567 10.3417 17.2837 10.625 16.942 10.625Z' fill='black'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1600px) {
    .market-card-header h3 {
        font-size: 17px;
    }

    .timeline-card-content h4 {
        font-size: 19px;
        line-height: normal;
    }

    .timeline-card-content p,
    .timeline-card-content .blog_desc,
    .timeline-card-content .blog_desc li {
        font-size: 16px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1440px) {
    .market-card {
        padding: 15px;
    }

    .market-card-header {
        margin-bottom: 20px;
    }

    .market-card .market-card-body {
        padding: 10px 0 0;
    }

    .timeline-card-content iframe {
        height: 300px;
    }

    .market-card-header h3 {
        font-size: 15px;
    }

    .market-table tr th,
    .market-table tr td {
        font-size: 14px;
    }

    .timeline-card-content p,
    .timeline-card-content .blog_desc,
    .timeline-card-content .blog_desc li {
        font-size: 15px;
    }

    .timeline-card-content h4 {
        font-size: 17px;
    }
}

@media screen and (max-width: 1280px) {
    .market-card-header .form-select {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .ad-d-md {
        display: none !important;
    }

    .business_ad .img {
        height: 200px;
    }

    .market-card-header .form-select {
        font-size: 13px;
    }
}

@media screen and (max-width:767px) {
    .d-md-block {
        display: none !important;
    }

    .market-card {
        background-color: var(--white);
        border: none;
    }

    .market-card-header {
        margin-bottom: 15px;
    }

    .market-btn {
        background-color: var(--white);
    }

    .market-card-data {
        display: block;
    }

    .timeline-card-content h4 {
        font-size: 15px;
    }

    .timeline-card-content p,
    .timeline-card-content .blog_desc,
    .timeline-card-content .blog_desc li {
        font-size: 14px;
        line-height: 24px;
    }

    .grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .grid:not(:first-of-type) {
        border-top: 2px solid rgba(0, 0, 0, 0.03);
        padding: 12px 0;
        margin-top: 12px;
    }

    .market-card-data .info h5,
    .market-card-data .price,
    .market-card-data .detail {
        font-weight: 500;
        font-size: 15px;
        line-height: 1.2;
        color: #373737;
        margin-bottom: 5px;
    }

    .market-card-data .info p {
        font-weight: 500;
        font-size: 13px;
        line-height: 1.2;
        color: var(--placeholderColor);
    }

    .market-card-data .price {
        color: var(--textColor);
        font-weight: 600;
        text-align: right;
    }

    .market-card-data .detail {
        text-align: right;
    }

    .market-card-stock .market-card-header {
        position: relative;
    }

    .market-table tr th {
        background-color: var(--white);
    }

    .market-card-header .nav {
        margin-left: 0;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .timeline-card-content iframe {
        width: 100%;
    }

    .timeline-footer-btn .btn {
        font-size: 14px;
    }

    .market-table tr th:first-of-type,
    .market-table tr td:first-of-type {
        padding-left: 0;
    }

    .market-table tr th:last-of-type,
    .market-table tr td:last-of-type {
        padding-right: 0;
    }

}

@media screen and (max-width: 576px) {
    .market-container {
        padding: 10px;
    }

    .market-card {
        padding: 10px;
    }

    .market-table tr td,
    .market-table tr th {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    .timeline-footer-btn .btn {
        min-width: 120px;
        height: 36px;
    }
}