/* ---------------blog_banner_single_section--------------- */

.blog_banner_single_section {
    background-color: var(--ma-type-primary);
    color: var(--ma-white);
    padding: 150px 0px 100px;
    background-position: right 20% center;
    background-repeat: no-repeat;
    background-size: auto 500px;
}


.blog_banner_single_section h1 {
    color: var(--ma-grey30);
    font-size: var(--ma-greeting-title);
    margin: 20px 0px;
}

.blog_banner_single_section p {
    color: var(--ma-grey30);
    font-size: var(--ma-body-font-size);
}

.breadcrumb {
    font-size: var(--ma-body-text);
    color: var(--ma-white);
    margin-bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.breadcrumb>li {
    padding: 0px 5px;
}

.breadcrumb>li>a {
    color: var(--ma-white);
}

.breadcrumb>li>a:hover,
.breadcrumb>li>a:focus,
.breadcrumb>li>a:active {
    color: var(--ma-white);
}

.breadcrumb>li>span {
    color: var(--ma-white);
}

.breadcrumb>li>strong {
    color: var(--ma-white);
}

.img-caption {
    margin-top: 8px;
    font-style: italic;
    font-size: 14px;
    color: #555;
    text-align: center;
}
.card_gray {
    background-color: #eeeeee;
    padding: 10px;
    margin: 10px 0;
    border-radius: 8px;
}
.legal-note {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 10px;
    margin: 15px 0;
    border-radius: 4px;
}
.innovation-box {
    background-color: #f0f8ff;
    border: 1px solid #b0d4f1;
    padding: 15px;
    margin: 15px 0;
    border-radius: 4px;
}
.download-box {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 16px;
    border-radius: 8px;
}
.download-actions a {
    display: inline-block;
    background-color: var(--ma-type-secondary);
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    margin-top: 24px;
}

    .download-actions a:hover {
        background-color: var(--ma-type-secondary);
        color: #fff !important;
    }
.hr-tip-box {
    background-color: #fff8e1;
    border-left: 4px solid #ffc107;
    border-radius: 6px;
    padding: 18px 20px;
    margin: 20px 0;
}
.formula-box {
    background-color: #f0f4f8;
    border-left: 4px solid var(--ma-type-primary);
    padding: 15px 20px;
    margin: 15px 0;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: center;
}
.Posted_On_box {
    font-size: var(--ma-body-text);
    color: var(--ma-white);
    margin-bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 0px;
}

.Posted_On_box>li {
    padding: 0px 5px;
}

.Posted_On_box>li>a {
    color: var(--ma-white);
}

.Posted_On_box>li>a:hover,
.Posted_On_box>li>a:focus,
.Posted_On_box>li>a:active {
    color: var(--ma-white);
}

.Posted_On_box>li>span {
    color: var(--ma-white);
}

.Posted_On_box>li>strong {
    color: var(--ma-white);
}


/* ------------------------------- */

.section_title h2 {
    color: var(--ma-type-primary) !important;
    font-size: var(--ma-greeting-title) !important;
}

.section_title p {
    font-size: var(--ma-body-font-size) !important;
    margin-bottom: 5px !important;
}


/*--------------------------------------------------------*/
/*--------------------------------------------------------*/

.blog_container_single_section {
    padding: 80px 0px;
    background: var(--ma-white);
/*    overflow: hidden;*/
    position: relative;
}

.single_blog_img {
    margin-bottom: 20px;
}

.blog_container_part a {
    color: var(--ma-type-secondary);
    font-weight: bold;
}

.blog_container_part a:hover,
.blog_container_part a:focus,
.blog_container_part a:active {
    color: var(--ma-type-secondary);
    font-weight: bold;
    text-decoration: underline;
}

.blog_container_part p {
    font-size: var(--ma-body-font-size);
}



.list {
    position: relative;
    padding-left: 30px;
}

.list i {
    position: absolute;
    left: 0px;
    top: 0px;
    color: var(--ma-type-primary);
    font-weight: bold;
}

.list h6 {
    font-weight: bold;
}

.list_no {
    position: relative;
    padding-left: 30px;
}

.list_no span {
    position: absolute;
    left: 0px;
    top: 0px;
    color: var(--ma-type-primary);
    font-weight: bold;
}

.list_no h6 {
    font-weight: bold;
}

.list_step {
    position: relative;
    padding-left: 60px;
}

.list_step span {
    position: absolute;
    left: 0px;
    top: 0px;
    color: var(--ma-type-primary);
    font-weight: bold;
    text-align: center;
}

.list_step h6 {
    font-weight: bold;
}


.icon_list_box {
    position: relative;
    padding-left: 60px;
}

.icon_list_box img {
    position: absolute;
    left: 0px;
    top: 0px;
    max-height: 40px;
    max-width: 40px;
}

.icon_list_box h6 {
    font-weight: bold;
}



.inquiry_desgin_box {
    background-color: #3964a51c;
    padding: 20px;
    border-radius: 10px;
}




.blog_container_part a.lets_connect_btn {
    border: 1px dashed var(--ma-type-primary);
    background: transparent;
    color: var(--ma-type-primary);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: var(--ma-body-font-size);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: inline-block;
    font-weight: normal;
}

.blog_container_part a.lets_connect_btn:hover,
.blog_container_part a.lets_connect_btn:focus,
.blog_container_part a.lets_connect_btn:active {
    border: 1px dashed var(--ma-type-primary);
    background: transparent;
    color: var(--ma-type-primary);
    text-decoration: underline;
}

.blog_container_part a.free_trial_btn {
    border: 1px solid var(--ma-type-primary);
    background: var(--ma-type-primary);
    color: var(--ma-white);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: var(--ma-body-font-size);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: inline-block;
    font-weight: normal;
}

.blog_container_part a.free_trial_btn:hover,
.blog_container_part a.free_trial_btn:focus,
.blog_container_part a.free_trial_btn:active {
    border: 1px solid var(--ma-type-primary);
    background: var(--ma-type-primary);
    color: var(--ma-white);
    text-decoration: underline;
}



/*-------------------------------------------faq-section----------------------*/
.accordion-item {
    border: none;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.accordion-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

.accordion-header {
    position: relative;
}

.accordion-button {
    background-color: #ffffff;
    font-weight: 600;
    color: var(--ma-tag-black);
    padding: 20px 25px;
    /*font-size: 1.1rem;*/
    font-size: var(--ma-body-font-size);
    display: flex;
    align-items: center;
    border: none;
    box-shadow: none;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3e%3c/svg%3e");
    transform: rotate(180deg);
}

.accordion-button:not(.collapsed) {
    background-color: var(--ma-type-primary);
    color: white;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.accordion-body {
    padding: 25px;
    background-color: #f8f9fa;
    font-size: 1rem;
    line-height: 1.7;
    color: #495057;
}

.faq-icon {
    margin-right: 15px;
    color: var(--ma-type-primary);
    font-size: 1.3rem;
}

.accordion-button:not(.collapsed) .faq-icon {
    color: white;
}

.faq-badge {
    position: absolute;
    top: 20px;
    right: 60px;
    background-color: #e9ecef;
    color: #495057;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 500;
}

.accordion-button:not(.collapsed) .faq-badge {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
}