﻿.header-logo {
    background-color: #00A0DF;
    color: #fff;
    font-weight: 700;
    padding: 20px;
}

.header-right {
    background-color: #425563;
    color: #fff;
    padding-top: 10px;
}

.header-login,
.open-account {
    text-align: right;
}

    .header-login ul {
        list-style: none;
    }

        .header-login ul li {
            display: inline-block;
            padding-left: 20px;
        }

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.fa-phone-alt,
.fa-user {
    font-size: 12px;
}

.header-menu ul {
    list-style-type: none;
}

    .header-menu ul li {
        display: inline-block;
        padding-right: 30px;
    }

.btn-create-account {
    background-color: #C46317;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    padding: 6px 40px 6px 40px;
}

.row-menu {
    padding-bottom: 5px;
}

.schfx-focal_point-mobile--center_center[style*=background-image] {
    background-position: 50%;
    height: 480px;
}


.ant-select {
    width: 45% !important;
}

.price-ant-select > .ant-select {
    width: 100% !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ul-menu {
    margin-top: 10px;
}

.open-account {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .open-account > button {
        border: solid 1px !important;
    }

.login {
    color: #fff !important;
    text-decoration: none !important;
}

.schfx-text__heading {
    padding-top: 30px !important;
}

.ul-menu a {
    color: #fff;
    text-decoration: none;
}

.col-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header-product {
    padding-left: 30px;
    padding-top: 30px;
}

    .header-product ul > li {
        padding-top: 10px;
    }

.item-product {
    background-color: #f3f5f7;
    color: #121212;
    border-radius: 10px;
    margin-top: 30px
}

    .item-product img {
        width: 100%;
        height: 194px
    }

.item-info {
    padding: 15px;
    text-align: left;
}

    .item-info a {
        color: #425563 !important;
    }

.item-product .product-name {
    font-weight: 700;
}

.product-buy {
    float: right;
}

.item-news {
    padding: 20px;
    background-color: #f3f5f7;
    width: 100%;
    float: left;
    margin-top: 30px;
}

.pagination {
    margin-top: 10px;
    margin-bottom: 10px
}

.product-detail {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}

.recent-book-sec {
    text-align: left !important;
}

.buy-now {
    float: right !important;
    text-align: right !important;
}

.btn-buy {
    background: #00A0DF !important;
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px 8px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border-radius: 2px;
    cursor: pointer;
}

.btn-cancel {
    background: #ccc !important;
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px 8px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border-radius: 2px;
    cursor: pointer;
    border: solid 1px #ccc;
}

.btn-buy:hover {
    color: #fff;
}

.btn-buy:focus, .btn-buy:active, .btn-cancel:focus, .btn-cancel:active {
    outline: none !important;
    border: none !important;
}

.payment-proof {
    width: 100% !important;
    margin-top: 10px !important;
}

.paynow {
    text-align: right;
}

.error {
    color: #ff0000 !important;
}

.success-pay {
    margin-top: 50px;
}

    .success-pay i {
        font-size: 50px;
    }

    .success-pay p {
        color: #000 !important;
    }

.about-sec {
    margin-top: 30px
}

.recent-book-sec .title {
    margin-top: 20px !important;
}
h1, h2, h3, h4, h5, h6, ul {
    margin: 0px;
    padding: 0px;
}
.recent-book-sec h2 {
    display: inline-block;
    padding: 0 15px;
    background: #fff;
    padding: 0 15px;
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
    color: #363636;
}
.recent-book-sec .title {
    margin-bottom: 40px;
}
.recent-book-sec hr {
    margin: 0;
    margin-top: -20px;
    border-top: 1px solid #999999;
}
footer {
    background: #f0f0f0;
    padding: 80px 0 0;
    width: 100%;
    float: left;
}
    footer .copy-right {
        background: #000;
        color: #fff;
        padding: 25px 0;
        margin-top: 60px;
    }
.recent-book-sec {
    text-align: center;
    margin-bottom: 130px;
}
footer h4 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 300;
}
footer .address h6 {
    color: #464646;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 300;
    padding-right: 50px;
    line-height: 24px;
}
footer .timing h6 {
    color: #464646;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 300;
}
footer ul li {
    margin-bottom: 5px;
    list-style: none;
}
    footer ul li a {
        color: #464646;
        font-size: 12px;
    }
footer .form h6 {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: 90%;
    margin-bottom: 25px;
}
footer .copy-right h5 {
    font-size: 14px;
    font-weight: 300;
}
footer .copy-right .share {
    text-align: right;
}
.image-invest img
{
    max-width:100% !important
}
.nav-link {
    color: #fff !important
}
.card-news .image-wrapper {
    height: 100%;
    max-height: 180px; /* Giới hạn chiều cao ảnh */
    overflow: hidden;
}

.card-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}