﻿
.page-header {
    padding-top: 75pt;
    padding-bottom: 70pt;
    background-position: top;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1900' height='350' preserveAspectRatio='none' viewBox='0 0 1900 350'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1320%26quot%3b)' fill='none'%3e%3cpath d='M1345.69 297.87 a89.4 89.4 0 1 0 178.8 0 a89.4 89.4 0 1 0 -178.8 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1287.98 266.1 a81.54 81.54 0 1 0 163.08 0 a81.54 81.54 0 1 0 -163.08 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M310.82 329.92 a89.02 89.02 0 1 0 178.04 0 a89.02 89.02 0 1 0 -178.04 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M64.25 19.28 a115.93 115.93 0 1 0 231.86 0 a115.93 115.93 0 1 0 -231.86 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1762.52 280.66 a88.36 88.36 0 1 0 176.72 0 a88.36 88.36 0 1 0 -176.72 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M244.22 103.98 a70.49 70.49 0 1 0 140.98 0 a70.49 70.49 0 1 0 -140.98 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M574.11 76.11 a101.2 101.2 0 1 0 202.4 0 a101.2 101.2 0 1 0 -202.4 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-19.69 246.12 a102.81 102.81 0 1 0 205.62 0 a102.81 102.81 0 1 0 -205.62 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1076.56 14.26 a61.36 61.36 0 1 0 122.72 0 a61.36 61.36 0 1 0 -122.72 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1588.91 118.39 a102.52 102.52 0 1 0 205.04 0 a102.52 102.52 0 1 0 -205.04 0z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1320'%3e%3crect width='1900' height='350' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
}

.header-title {
    color: var(--ultra-dark-blue);
    font-weight: 700;
    font-size: 4.3rem;
}

.second-title {
    color: var(--dark-blue);
    font-size: 20pt;
    font-weight: 600;
}



.faq-container {
    -webkit-animation: show 0.45s ease-in;
    animation: show 0.45s ease-in;
}

    .faq-container .faq-content {
        border-top: 2px solid #f0f4fdb3;
        padding-bottom: 20pt;
        padding-top: 20pt;
        border-radius: 10px;
        transition: 1s ease;
        -webkit-animation: context-show 0.4s ease-in;
        animation: context-show 0.4s ease-in;
        scroll-margin-top: 120px;
    }

        .faq-container .faq-content.active {
            background-color: #f0f4fdb3;
            margin-bottom: 10pt;
            transition: 2s ease;
            -webkit-animation: context-show 0.4s ease-in;
            animation: context-show 0.4s ease-in;
        }

        .faq-container .faq-content:hover {
            transition: 1s ease;
            background-color: #f0f4fdb3;
        }

        .faq-container .faq-content .col {
            cursor: pointer;
        }

            .faq-container .faq-content .col .col-head {
                display: flex;
            }

            .faq-container .faq-content .col .sign {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                width: 40px;
                height: 40px;
                font-size: 18px;
                font-weight: 700;
                line-height: 20px;
                background: #f0f4fdb3;
                border-radius: 50%;
                margin-left: 20px;
                z-index: 3;
            }

            .faq-container .faq-content .col .faq-title {
                color: var(--ultra-dark-blue);
                position: relative;
                font-size: 15pt;
                line-height: 38px;
                font-weight: 600;
                margin-left: 10px;
                text-align: left;
                z-index: 1;
            }

            .faq-container .faq-content .col .faq-context-container {
                display: none;
                position: relative;
                padding: 15pt 40pt 10pt 40pt;
                flex-direction: column;
                transition: 2s ease;
                z-index: 0;
                -webkit-animation: context-show 0.4s ease-in;
                animation: context-show 0.4s ease-in;
            }

                .faq-container .faq-content .col .faq-context-container .faq-context {
                    margin-top: 10pt;
                    text-align: left;
                    font-size: 12pt;
                    font-weight: 400;
                    line-height: 20pt;
                }

                    .faq-container .faq-content .col .faq-context-container .faq-context a {
                        font-weight: 700;
                        color: var(--hoverblue);
                        transition: 0.5s ease;
                    }

                        .faq-container .faq-content .col .faq-context-container .faq-context a:hover {
                            color: var(--dark-blue);
                            transition: 0.5s ease;
                        }

            .faq-container .faq-content .col + .col {
                margin-top: 55px;
            }

            .faq-container .faq-content .col .faq-context-container.active {
                display: flex;
            }

@-webkit-keyframes show {
    0% {
        opacity: 0;
        margin-top: 25px;
    }

    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@keyframes show {
    0% {
        opacity: 0;
        margin-top: 25px;
    }

    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@-webkit-keyframes show1 {
    0% {
        opacity: 0;
        margin-top: 80px;
    }

    100% {
        opacity: 1;
        margin-top: 60px;
    }
}

@keyframes show1 {
    0% {
        opacity: 0;
        margin-top: 80px;
    }

    100% {
        opacity: 1;
        margin-top: 60px;
    }
}

@-webkit-keyframes context-show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes context-show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
