* {
    box-sizing: border-box;
}

.head p {
    color: #4e4e4e;
    font-size: 0.9rem;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgb(49 98 141) !important;
}

.head::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: 5px;
    background-color: #0078ff;
}

img {
    max-width: 100%;
    height: auto;
}

.bg-style {
    background: no-repeat center;
    background-size: cover;
    z-index: 1;
    position: relative;
}

.bg-style::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

@keyframes typed-en {
    0% {
        content: "";
        border-right-color: #fff;
    }
    2.22% {
        content: "F";
        border-right-color: transparent;
    }
    4.44% {
        content: "Fi";
        border-right-color: #fff;
    }
    6.66% {
        content: "Fin";
        border-right-color: transparent;
    }
    8.88% {
        content: "Fini";
        border-right-color: #fff;
    }
    11.11% {
        content: "Finis";
        border-right-color: transparent;
    }
    13.33% {
        content: "Finish";
        border-right-color: #fff;
    }
    15.55% {
        content: "Finisher";
        border-right-color: transparent;
    }
    16% {
        content: "Finisher";
        border-right-color: #fff;
    }
    16.5% {
        content: "Finisher";
        border-right-color: transparent;
    }
    17% {
        content: "Finisher";
        border-right-color: #fff;
    }
    17.5% {
        content: "Finisher";
        border-right-color: transparent;
    }
    18% {
        content: "Finisher";
        border-right-color: #fff;
    }
    18.5% {
        content: "Finisher";
        border-right-color: transparent;
    }
    19% {
        content: "Finisher";
        border-right-color: #fff;
    }
    19.5% {
        content: "Finisher";
        border-right-color: transparent;
    }
    20% {
        content: "Finisher";
        border-right-color: #fff;
    }
    22.22% {
        content: "Finish";
        border-right-color: #fff;
    }
    24.44% {
        content: "Fini";
        border-right-color: transparent;
    }
    26.66% {
        content: "Fin";
        border-right-color: #fff;
    }
    28.88% {
        content: "Fi";
        border-right-color: transparent;
    }
    31.11% {
        content: "F";
        border-right-color: #fff;
    }
    33.33% {
        content: "";
        border-right-color: transparent;
    }
    35.55% {
        content: "";
        border-right-color: transparent;
    }
    37.77% {
        content: "D";
        border-right-color: #fff;
    }
    40% {
        content: "De";
        border-right-color: transparent;
    }
    42.22% {
        content: "Dec";
        border-right-color: #fff;
    }
    44.44% {
        content: "Deco";
        border-right-color: transparent;
    }
    46.66% {
        content: "Decor";
        border-right-color: #fff;
    }
    48.88% {
        content: "Decora";
        border-right-color: transparent;
    }
    51.11% {
        content: "Decorat";
        border-right-color: #fff;
    }
    53.33% {
        content: "Decorator";
    }
    53.73% {
        content: "Decorator";
        border-right-color: transparent;
    }
    54% {
        content: "Decorator";
        border-right-color: #fff;
    }
    54.5% {
        content: "Decorator";
        border-right-color: transparent;
    }
    55% {
        content: "Decorator";
        border-right-color: #fff;
    }
    55.5% {
        content: "Decorator";
        border-right-color: transparent;
    }
    56% {
        content: "Decorator";
        border-right-color: #fff;
    }
    56.5% {
        content: "Decorator";
        border-right-color: transparent;
    }
    58.3% {
        content: "Decorat";
        border-right-color: #fff;
    }
    60% {
        content: "Decora";
        border-right-color: transparent;
    }
    62.22% {
        content: "Decor";
        border-right-color: #fff;
    }
    64.44% {
        content: "Deco";
        border-right-color: transparent;
    }
    66.66% {
        content: "Dec";
        border-right-color: #fff;
    }
    68.88% {
        content: "De";
        border-right-color: transparent;
    }
    71.11% {
        content: "D";
        border-right-color: #fff;
    }
    73.33% {
        content: "";
    }
    75.55% {
        content: "";
        border-right-color: transparent;
    }
    77.77% {
        content: "D";
    }
    80% {
        content: "Dy";
        border-right-color: #fff;
    }
    82.22% {
        content: "Dye";
        border-right-color: transparent;
    }
    84.44% {
        content: "Dyer";
        border-right-color: #fff;
    }
    86% {
        content: "Dyer";
        border-right-color: transparent;
    }
    86.5% {
        content: "Dyer";
        border-right-color: #fff;
    }
    87% {
        content: "Dyer";
        border-right-color: transparent;
    }
    87.5% {
        content: "Dyer";
        border-right-color: #fff;
    }
    88% {
        content: "Dyer";
        border-right-color: transparent;
    }
    88.3% {
        content: "Dyer";
        border-right-color: #fff;
    }
    88.88% {
        content: "Dye";
        border-right-color: transparent;
    }
    91.11% {
        content: "Dy";
        border-right-color: #fff;
    }
    93.33% {
        content: "D";
        border-right-color: transparent;
    }
    95.55% {
        content: "";
        border-right-color: #fff;
    }
    97% {
        content: "";
        border-right-color: transparent;
    }
    97.5% {
        content: "";
        border-right-color: #fff;
    }
    98% {
        content: "";
        border-right-color: transparent;
    }
    98.33% {
        content: "";
        border-right-color: #fff;
    }
    98.77% {
        content: "";
        border-right-color: transparent;
    }
    99.5% {
        content: "";
        border-right-color: #fff;
    }
    100% {
        content: "";
        border-right-color: transparent;
    }
}

@keyframes typed-ar {
    0% {
        content: "";
        border-left-color: #fff;
    }
    2% {
        content: "د";
        border-left-color: transparent;
    }
    5% {
        content: "دَ";
        border-left-color: #fff;
    }
    8% {
        content: "دَهـ";
        border-left-color: transparent;
    }
    12% {
        content: "دَهـــ";
        border-left-color: #fff;
    }
    16% {
        content: "دَهـــــ";
        border-left-color: transparent;
    }
    20% {
        content: "دَهــــــا";
        border-left-color: #fff;
    }
    23% {
        content: "دَهــــــان";
        border-left-color: transparent;
    }
    26% {
        content: "دَهــــــانْ";
        border-left-color: #fff;
    }
    29% {
        content: "دَهــــــانْ";
        border-left-color: transparent;
    }
    32% {
        content: "دَهــــــانْ";
        border-left-color: transparent;
    }
    34% {
        content: "دَهــــــا";
        border-left-color: #fff;
    }
    36% {
        content: "دَهــــ";
        border-left-color: transparent;
    }
    38% {
        content: "دَه";
        border-left-color: #fff;
    }
    40% {
        content: "د";
        border-left-color: transparent;
    }
    41% {
        content: "";
    }
    44% {
        content: "م";
        border-left-color: #fff;
    }
    46% {
        content: "مُ";
        border-left-color: transparent;
    }
    48% {
        content: "مُش";
        border-left-color: #fff;
    }
    50% {
        content: "مُشَ";
        border-left-color: transparent;
    }
    52% {
        content: "مُشَط";
        border-left-color: #fff;
    }
    54% {
        content: "مُشَطــــ";
        border-left-color: transparent;
    }
    56% {
        content: "مُشَطــــب";
        border-left-color: #fff;
    }
    58% {
        content: "مُشَطــــب";
        border-left-color: transparent;
    }
    60% {
        content: "مُشَطــــب";
        border-left-color: #fff;
    }
    62% {
        content: "مُشَطــــ";
        border-left-color: transparent;
    }
    64% {
        content: "مُشَطـ";
        border-left-color: #fff;
    }
    66% {
        content: "مُشَ";
        border-left-color: transparent;
    }
    68% {
        content: "مُ";
        border-left-color: #fff;
    }
    70% {
        content: "م";
        border-left-color: transparent;
    }
    72% {
        content: "";
        border-left-color: #fff;
    }
    74% {
        content: "ص";
        border-left-color: transparent;
    }
    76% {
        content: "صَب";
        border-left-color: #fff;
    }
    78% {
        content: "صَبــــ";
        border-left-color: transparent;
    }
    80% {
        content: "صَبــــا";
        border-left-color: #fff;
    }
    82% {
        content: "صَبــــاغ";
        border-left-color: transparent;
    }
    85% {
        content: "صَبــــاغ";
        border-left-color: #fff;
    }
    88% {
        content: "صَبــــا";
        border-left-color: transparent;
    }
    91% {
        content: "صَبـــ";
        border-left-color: #fff;
    }
    94% {
        content: "صَبـ";
        border-left-color: transparent;
    }
    96% {
        content: "صَ";
        border-left-color: #fff;
    }
    98% {
        content: "ص";
        border-left-color: transparent;
    }
    100% {
        content: "";
        border-left-color: #fff;
    }
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.py-6 {
    padding-block: 80px !important;
}

.fs-7 {
    font-size: 0.8rem !important;
}