* {
    scroll-behavior: smooth;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1320px !important;
    }
}

.logo-header {
    width: 180px;
}

.logo-header-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.banner-area {
    margin-top: 40px;
    padding: 40px 20px;
}

.banner-area .banner_title {
    font-size: 35px;
    margin-bottom: 30px;
}

.banner-area .banner_desc {
    font-size: 18px;
}

.banner-area .box-btn {
    gap: 12px;
    margin-top: 200px;
}

.banner-area .box-btn .btn-1 button {
    padding: 10px 20px;
    background: #0F62FE;
    border: 1px solid #0F62FE;
}

.banner-area .box-btn .btn-1 button a {
    color: #fff;
}

.banner-area .box-btn .btn-2 button {
    padding: 10px 20px;
    background: transparent;
    color: #0F62FE;
    border: 1px solid #0F62FE;
}

.banner-area .box-btn .btn-2 button:hover {
    color: #fff;
    background: #0F62FE;
}

.banner-area .box-btn .btn-2 button:hover a {
    color: #fff;
}

.menu-fixed {
    position: fixed;
    top: 94px;
    background: #fff;
    z-index: 999;
    left: 0;
    right: 0;
    border-bottom: 1px solid #efefef;
    height: 60px;
}

.menu-fixed .tabs-content .tabs-list {
    list-style-type: none;
}

.menu-fixed .tabs-content .tabs-list .tabs-item {
    padding: 16px 0 16px 12px;
    border-bottom: 3px solid #E0E0E0;
    font-size: 16px;
    width: 210px;
    text-align: center;
}

.menu-fixed .tabs-content .tabs-list .tabs-item.tab-active {
    border-color: #0F62FE;
}

.menu-fixed .tabs-content .tabs-list .tabs-item.tab-active:hover {
    border-color: #0F62FE;
}

.menu-fixed .tabs-content .tabs-list .tabs-item:hover {
    border-color: #cacaca;
    cursor: pointer;
}


.content-area #overview .text-overview-content {
    font-size: 16px;
    text-align: justify;
}

.content-area #overview .text-overview-link {
    color: #0F62FE;
    cursor: pointer;
}

.content-area #benefit .text-benefit-content {
    font-size: 16px;
    text-align: justify;
}

.content-area #benefit .box-benefit-future .future-item .future-link {
    height: 42px;
    display: inline-block;
    color: #0F62FE;
    margin-top: 16px;
}

.content-area #benefit .box-benefit-future .future-item .future-link:hover {
    color: #0F62FE;
    cursor: pointer;
    text-decoration: underline;
}

.content-area #benefit .box-benefit-future .future-item .future-item_img {
    width: 100%;
    margin: auto;
    min-height: 96px;
}

.content-area #benefit .box-benefit-future .future-item .future-item_img img {
    width: 100px;
}

.content-area #benefit .box-benefit-future .future-item .future-item_text1 {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 8px;
}

.content-area #benefit .box-benefit-future .future-item .future-item_text2 {
    font-size: 16px;
    text-align: justify;
}

.content-area #solution .text-overview-content {
    font-size: 16px;
    text-align: justify;
}


.content-area #solution .solution-orther {
    background: #F4F4F4;
    padding: 20px;
}

.content-area #solution .solution-orther:hover {
    background: #E5E5E5;
    cursor: pointer;
}

.content-area #solution .solution-orther .text-overview-title {
    font-size: 18px;
    margin-bottom: 20px;
    height: 80px;
    font-weight: 600;
}

.content-area #solution .solution-orther .text-overview-content {
    margin-bottom: 26px;
    min-height: 72px;

}

.content-area #solution .solution-orther .solution-link {
    height: 42px;
    display: inline-block;
    color: #0F62FE;
}

.content-area #solution .solution-orther .solution-link:hover {
    color: #0F62FE;
    cursor: pointer;
    text-decoration: underline;
}

.content-area #case-studies .case-studies-box_left .case-studies-text {
    font-size: 16px;
    text-align: justify;
}

.content-area #case-studies .case-studies-box_left .case-studies-text a {
    color: #000 !important;
}

.content-area #case-studies .case-studies-box_left .case-studies-text a:hover {
    color: #0F62FE !important;
}

.content-area #contact .contact-item {
    /* box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 4px;
}

.content-area #contact .contact-item .contact-icon svg {
    height: 70px;
    width: 100%;
    fill: #00A1CB;
    margin-top: 16px;
}

.content-area #contact .contact-item .contact-icon .title1 {
    font-size: 30px;
    text-align: center;
    color: #000080;
    margin: 4px 0;
}

.content-area #contact .contact-item .contact-icon .title2 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 6px;
    min-height: 54px;
}

.content-area #contact .contact-item .contact-icon .content {
    font-size: 16px;
    text-align: justify;
    height: 220px;
}

.footer-light .footer-top {
    background-color: #293F7B !important;
    color: #fff;
}

/* .footer-light .footer-top .widget_about .logo-footer a img {
    filter: brightness(0) invert(1);
} */

.site-footer .widget>.widget-title {
    color: #fff;
    min-height: 44px;
}

.site-footer .widget .widget_address li a {
    color: #fff;
}

.site-footer .widget .widget_address li a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .site-footer .widget>.widget-title {
        color: #fff;
        min-height: 65px;
    }

    .content-area #contact .contact-item .contact-icon .content {
        height: 155px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .footer-light .footer-top .widget_about .logo-footer a img {
        width: 100px;
    }

    .site-footer .widget>.widget-title {
        font-size: 18px;
    }

    .banner-area .box-btn {
        margin-top: initial;
    }

    #overview .overview_title,
    #benefit .benefit_title,
    #future .future_title,
    #use-cases .use-cases_title,
    #deployment-option .deployment-option_title {
        font-size: 25px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .banner-area .banner_title {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .banner-area .banner_desc {
        font-size: 16px;
    }

    .banner-area .box-btn {
        margin-top: initial;
        margin-bottom: 12px;
    }

    .content-area #future .future-1 .text-1,
    .content-area #future .future-2 .text-1,
    .content-area #future .future-3 .text-1,
    .content-area #future .future-4 .text-1,
    .content-area #future .future-5 .text-1,
    .content-area #future .future-6 .text-1,
    .content-area #use-cases .text-1 {
        font-size: 16px;
        font-weight: 600;
        text-align: justify;
        margin-bottom: 8px !important;
    }

    .content-area #future .future-1 .text-2,
    .content-area #future .future-2 .text-2,
    .content-area #future .future-3 .text-2,
    .content-area #future .future-4 .text-2,
    .content-area #future .future-5 .text-2,
    .content-area #future .future-6 .text-2 {
        font-size: 16px;
        text-align: justify;
    }
}

@media screen and (max-width: 575px) {
    .banner-area {
        margin-top: 0;
        padding-top: 20px;
    }
    .banner-area .banner_title {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .banner-area .banner_desc {
        font-size: 16px;
    }

    .banner-area .box-btn {
        margin-top: initial;
        margin-bottom: 12px;
    }

    .content-area #future .future-1 .text-1,
    .content-area #future .future-2 .text-1,
    .content-area #future .future-3 .text-1,
    .content-area #future .future-4 .text-1,
    .content-area #future .future-5 .text-1,
    .content-area #future .future-6 .text-1,
    .content-area #use-cases .text-1 {
        margin-top: 10px;
        font-size: 16px;
        margin-bottom: 10px !important;
    }

    .deployment-option_box.d-flex {
        flex-direction: column;
    }

    .content-area #deployment-option .deployment-option_box .box-item {
        width: 100%;
    }

    .content-area #deployment-option .deployment-option_box .box-item:nth-child(2) {
        border-top: 1px solid #ccc;
        border-left: none;
    }

    .content-area #form-book-a-meeting form {
        padding: 8px;
    }
}

.form-control.has-error {
    border: 1px solid red;
}

#giai_phap .giai_phap_note {
    color: #fff;
    font-size: 14px;
    margin-bottom: 12px;
}

#giai_phap .giai_phap_title {
    color: #fff;
    font-size: 26px;
    margin-bottom: 12px;
    line-height: 28px;
}

#giai_phap .giai_phap_description {
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
}

#giai_phap .row:hover {
    opacity: 0.8;
    cursor: pointer;
}

#dich_vu .giai_phap_note {
    color: #fff;
    font-size: 14px;
    margin-bottom: 12px;
}

#dich_vu .giai_phap_title {
    color: #fff;
    font-size: 26px;
    margin-bottom: 12px;
    line-height: 28px;
}

#dich_vu .giai_phap_description {
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
}

#dich_vu .row:hover {
    opacity: 0.8;
    cursor: pointer;
}

.content-area #khach_hang .text-overview-content {
    font-size: 16px;
    text-align: justify;
}


/* .content-area #khach_hang .solution-orther {
    background: #F4F4F4;
    padding: 20px;
} */

.content-area #khach_hang .solution-orther:hover {
    /* background: #E5E5E5; */
    cursor: pointer;
}

.content-area #khach_hang .solution-orther .text-overview-title {
    font-size: 18px;
    margin-bottom: 20px;
    height: 45px;
    font-weight: 600;
}

.content-area #khach_hang .solution-orther .text-overview-content {
    margin-bottom: 26px;
    min-height: 44px;
}

.content-area #khach_hang .solution-orther .solution-link {
    height: 42px;
    display: inline-block;
    color: #0F62FE;
}

.content-area #khach_hang .solution-orther .solution-link:hover {
    color: #0F62FE;
    cursor: pointer;
    text-decoration: underline;
}