/*
Theme Name: imta-theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Chia 5 cột cho submenu */
.custom-submenu .row {
    display: flex;
    flex-wrap: nowrap; /* Giữ các cột trên cùng 1 hàng */
}
.far {
	color: var(--fs-color-primary) !important;
}

.visa-table-wrap{
    max-width:1000px;
    margin:auto;
}

/* TAB */

.visa-tabs{
    display:flex;
    gap:12px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

.visa-tab{
    border:none;
    background:#eef4ff;
    color:#0f172a;
    padding:0px 28px;
    border-radius:999px;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.visa-tab.active{
    background:#0f6cbd;
    color:#fff;
}

/* CONTENT */

.visa-content{
    display:none;
}

.visa-content.active{
    display:block;
}

/* TABLE */

.visa-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 16px;
}

.visa-table tr{
    background:#fff;
    box-shadow:0 4px 18px rgba(0,0,0,.04);
}

.visa-table th{
    width:260px;
    padding:28px;
    text-align:left;
    vertical-align:top;
    font-size:18px;
    color:#0f6cbd;
    background:#f8fbff;
    border-radius:18px 0 0 18px;
}

.visa-table td{
    padding:28px;
    border-radius:0 18px 18px 0;
}

/* LIST */

.visa-table ul{
    margin:0;
    padding-left:20px;
}

.visa-table li{
    margin-bottom:10px;
    line-height:1.7;
    color:#475569;
}

/* GROUP */

.visa-group{
    margin-bottom:25px;
}

.visa-group strong{
    display:block;
    margin-bottom:10px;
    color:#0f6cbd;
    font-size:17px;
}

/* MOBILE */

@media(max-width:768px){

    .visa-table,
    .visa-table tbody,
    .visa-table tr,
    .visa-table th,
    .visa-table td{
        display:block;
        width:100%;
    }

    .visa-table tr{
        margin-bottom:20px;
    }

    .visa-table th{
        border-radius:18px 18px 0 0;
        padding:20px;
        font-size:18px;
    }

    .visa-table td{
        border-radius:0 0 18px 18px;
        padding:20px;
    }

    .visa-tab{
        width:100%;
        text-align:center;
    }
}
.button-blog {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #0078d4; /* Màu xanh chủ đạo */
    color: #ffffff !important;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 4px;
    transition: background 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
}

/* Khoảng cách giữa icon và chữ */
.button-blog i {
    margin-right: 10px;
    font-size: 18px;
}

/* Hiệu ứng khi rê chuột vào (Hover) */
.button-blog:hover {
    background-color: #005a9e;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hiệu ứng khi nhấn vào */
.button-blog:active {
    transform: scale(0.98);
}
/* Nhắm trực tiếp vào bảng bên trong container của Elementor */
.elementor-widget-container table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: sans-serif;
    border: 1px solid #dee2e6;
}

/* Định dạng dòng tiêu đề đầu tiên */
.elementor-widget-container table tr:first-child {
    background-color: #3498db; /* Màu xanh từ image_640998.png */
}

/* Chữ trắng cho tất cả các thẻ bên trong dòng đầu tiên */
.elementor-widget-container table tr:first-child td,
.elementor-widget-container table tr:first-child td strong,
.elementor-widget-container table tr:first-child h4 {
    color: #ffffff !important;
    text-align: center;
    font-weight: bold;
    padding: 15px 10px;
    margin: 0;
}

/* Định dạng các ô nội dung chung */
.elementor-widget-container table td {
    padding: 12px 15px;
    border: 1px solid #dee2e6;
    vertical-align: middle;
    color: #333;
    line-height: 1.6;
}

/* Loại bỏ margin thừa của các thẻ h4 và p bên trong ô để bảng gọn hơn */
.elementor-widget-container table td h4,
.elementor-widget-container table td p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}


.elementor-widget-container table tr:not(:first-child):hover {
    background-color: #f8f9fa;
}
.simple-faq {
    max-width: 100%;
}

.simple-faq details {
    margin-bottom: 12px;
    border-radius: 14px;
    overflow: hidden;
    border: 2px dashed #2f7edb;
    background: linear-gradient(180deg, #4aa3ff 0%, #1f79dc 100%);
}

.simple-faq summary {
    list-style: none;
    cursor: pointer;
    padding: 18px 55px 18px 22px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    position: relative;
    transition: 0.3s;
}

.simple-faq summary::-webkit-details-marker {
    display: none;
}

.simple-faq summary::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 400;
    transition: 0.3s;
}

.simple-faq details[open] summary::after {
    content: "−";
}

.simple-faq .faq-content {
    background: #fff;
    padding: 20px 22px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.simple-faq .faq-content ul {
    margin: 0;
    padding-left: 20px;
}

.simple-faq .faq-content p:last-child {
    margin-bottom: 0;
}

/* Mobile */
@media (max-width: 767px) {
    .simple-faq summary {
        font-size: 16px;
        padding: 15px 45px 15px 16px;
    }

    .simple-faq .faq-content {
        font-size: 15px;
        padding: 16px;
    }
}