body {
            font-family: "Atkinson Hyperlegible" sans-serif;
        }

        [x-cloak] {
            display: none;
        }

        /* Estilos customizados para intl-tel-input */
        .iti {
            width: 100% !important;
            display: block !important;
            position: relative !important;
        }

        .iti input {
            width: 100% !important;
        }

        .iti__flag-container {
            background-color: transparent;
            border: none;
            position: absolute;
            left: 1.5rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
        }

        .iti__selected-flag {
            background-color: transparent;
            border: none;
            padding: 0;
            padding-right: 0.5rem;
        }

        .iti--allow-dropdown input {
            padding-left: 5rem !important;
        }

        .iti--separate-dial-code .iti__selected-flag {
            background-color: transparent;
        }

        .iti--separate-dial-code input {
            padding-left: 6.5rem !important;
        }

        .iti__country-list {
            background-color: #1d1d1d;
            color: white;
            border-radius: 0.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            max-height: 200px;
            overflow-y: auto;
            margin-top: 0.5rem;
        }

        .iti__country {
            padding: 0.5rem 1rem;
        }

        .iti__country:hover {
            background-color: #2d2d2d;
        }

        .iti__country.iti__highlight {
            background-color: #3d3d3d;
        }

        .iti__dial-code {
            color: #9ca3af;
        }

        .iti--separate-dial-code .iti__selected-dial-code {
            color: #6b7280;
            font-weight: 500;
        }

        .iti__arrow {
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #6b7280;
        }

        .bg-style {
            background-color: #000000;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E");
            background-repeat: repeat;
            background-size: 300px 300px;
        }

        .bg-yellow-style {
            background-color: #Fea300;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E");
            background-repeat: repeat;
            background-size: 300px 300px;
            position: relative;
        }

        .bg-yellow-style::before {
            content: '';
            position: absolute;
            inset: 0;
            background-color: #Fea300;
            opacity: 0.5;
            pointer-events: none;
            z-index: 0;
        }

        .bg-white-style {
            background-color: #e0e0e0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E");
            background-repeat: repeat;
            background-size: 300px 300px;
            position: relative;
        }

        .bg-white-style::before {
            content: '';
            position: absolute;
            inset: 0;
            background-color: #e0e0e0;
            opacity: 0.5;
            pointer-events: none;
            z-index: 0;
        }

        .bg-blue-style {
            background-color: #415E80;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E");
            background-repeat: repeat;
            background-size: 300px 300px;
            position: relative;
        }

        .bg-blue-style::before {
            content: '';
            position: absolute;
            inset: 0;
            background-color: #415E80;
            opacity: 0.5;
            pointer-events: none;
            z-index: 0;
        }

        .modal-backdrop {
            z-index: 1054 !important;
            position: fixed !important;
        }

        .modal {
            z-index: 1055 !important;
            position: fixed !important;
        }

        .modal-dialog {
            z-index: 1056 !important;
            position: relative !important;
        }

        .bg-style,
        .bg-yellow-style,
        .bg-white-style,
        .bg-blue-style {
            position: relative !important;
            z-index: 1 !important;
        }

        .bg-style::before,
        .bg-yellow-style::before,
        .bg-white-style::before,
        .bg-blue-style::before {
            z-index: 0 !important;
        }

        .video {
            width: 100%;
            height: 520px;
        }

        .bg-pontos {
            background-image: url(src/image/image_desk/bg-sessao.webp);
            background-position: center;
        }

        @media (max-width: 1368px) {
            .video {
                width: 980px;
            }
        }

        @media (max-width: 999px) {
            .video {
                width: 780px;
            }

            .img-fases {
                width: 320px;
            }

            .esconder {
                display: none;
            }
        }

        @media (max-width: 800px) {
            .video {
                width: 550px;
                height: 350px;
            }
        }

        @media (max-width: 765px) {
            .img-fases {
                display: none;
            }
        }

        @media (max-width: 570px) {
            .video {
                width: 350px;
                height: 220px;
            }
        }