﻿/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    --primary-background: #10C6CA;
    --secondary-background: #FB8D20;
    --secondary-background-hover: #FFA633;
    --primary-color: #444;
    --secondary-color: #10C6CA;
    --third-color: #FFFFFF;
}

ol.nested-list {
    list-style-type: none;
    counter-reset: item;
    padding-left: 0;
}

    ol.nested-list > li {
        counter-increment: item;
    }

        ol.nested-list > li:before {
            content: counter(item) ". ";
            font-weight: bold;
        }

.sub-list {
    counter-reset: sub-item;
    list-style-type: none;
    padding-left: 1rem;
}

    .sub-list > li {
        display: flex;
        gap: 10px;
        counter-increment: sub-item;
    }

        .sub-list > li:before {
            content: counter(item) "." counter(sub-item) ".";
        }

.third-list {
    counter-reset: third-item;
    list-style-type: none;
    padding-left: 1.5rem;
}

    .third-list > li {
        display: flex;
        gap: 10px;
        counter-increment: third-item;
    }

        .third-list > li:before {
            content: counter(item) "." counter(sub-item) "." counter(third-item) ".";
        }

ol.personal {
    list-style: none; /* Removes default numbering */
    counter-reset: list-counter;
    padding-left: 1rem;
}

    ol.personal > li {
        counter-increment: list-counter;
    }

    ol.personal li::before {
        content: counter(list-counter) ") "; /* Adds "1)" format */
    }

ol.personal1 {
    list-style: none; /* Removes default numbering */
    counter-reset: list-counter;
    padding-left: 1rem;
}

    ol.personal1 > li {
        counter-increment: list-counter;
        position: relative;
        margin-bottom: 16px;
    }

    ol.personal1 li::before {
        content: "(" counter(list-counter, lower-alpha) ") "; /* Adds "(a)" format */
    }

ol ul.pul {
    padding-left: 1.5rem;
    list-style: none;
}

    ol ul.pul > li {
        font-weight: 400;
    }

        ol ul.pul > li::before {
            content: "";
        }

ol ul.pus {
    list-style: outside;
}

    ol ul.pus > li::before {
        content: "";
    }

tbody, td, tfoot, th, thead, tr {
    border-width: 1px !important;
}

.p-container {
    padding: 30px 16px;
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.contactus-container {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact .help-box {
    border-radius: 16px;
    border: 2px solid #EEE;
    background: #FFF;
    padding: 21px 38px;
    height: 188px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.contactus .title {
    font-size: 16px;
    font-weight: 700;
    font-size: 24px;
}

.call-container {
    border-radius: 12px;
    background: var(--background-light);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 1.5rem 1rem;
    margin: -25px 13px 0;
}

    .call-container .call-item {
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 1.5rem;
    }

        .call-container .call-item .bx-chevron-right {
            position: absolute;
            right: 10px;
        }

.faq-container {
    padding: 0rem 1rem;
}

    .faq-container .search-input-box {
        border-radius: 12px;
        border: 1px solid #AAA;
        background: #FFF;
        height: 58px;
        padding: 13px 20px;
        display: flex;
        align-items: center;
        position: relative;
        margin: 1.3rem 0;
    }

        .faq-container .search-input-box i {
            margin-right: 1rem;
            color: #AAA;
        }

        .faq-container .search-input-box input {
            border: 0;
            outline: 0;
            background-color: transparent;
            width: 100%;
        }

    .faq-container .faq-list {
        padding: 0 10px;
        border-radius: 12px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    }

        .faq-container .faq-list ul {
            padding: 0;
            list-style: none;
        }

        .faq-container .faq-list li {
            padding: 20px 0px;
            background: #fff;
            border-radius: 4px;
            position: relative;
        }

        .faq-container .faq-list a {
            display: block;
            position: relative;
            font-family: "Poppins", sans-serif;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            padding: 0 30px;
            outline: none;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
        }

        .faq-container .faq-list p {
            padding: 15px 25px;
            margin-bottom: 0;
        }

        .faq-container .faq-list .icon-show,
        .faq-container .faq-list .icon-close {
            font-size: 24px;
            position: absolute;
            right: 0;
            top: 0;
            transition: transform 0.3s ease-in-out;
        }

        .faq-container .faq-list .icon-show {
            display: none;
        }

        .faq-container .faq-list .icon-close {
            display: inline-block;
        }

        .faq-container .faq-list a:not(.collapsed) .icon-show {
            display: inline-block;
            transform: rotate(0deg);
        }

        .faq-container .faq-list a:not(.collapsed) .icon-close {
            display: none;
        }