@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Jura:wght@500&family=Orbitron:wght@400..900&display=swap');

        * {
            margin: 0px;
            padding: 0px;

        }

        body {
            font-family: 'Jura', sans-serif;
            background: black;

        }

        nav.navbar {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
        }

        @media (max-width: 768px) {
            .navbar .navbar-brand {
                margin: auto;
                display: flex;
                justify-content: center;
            }

            .navbar-toggler {
                color: white !important;
                border-color: white !important;
            }

            .navbar-toggler .navbar-toggler-icon {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22' /%3E%3C/svg%3E");
            }

            .navbar-collapse {
                text-align: center;
            }

            .navbar-nav {
                margin: auto;
                display: flex;
                flex-direction: column;
            }

            .nav-item {
                margin: 10px 0;
            }
        }

        .p-section {
            padding: 50px 0px 50px 0px;

        }

        .background_01 {
            background: rgba(0, 0, 0, 0.7);
        }

        .background_02 {
            background-color: black;
            background-image: url("/assets/img/background2.png");
            background-size: cover;
        }

        .background_03 {
            background: black;
        }

        .background_04 {
            background-image: url("https://cdn.ead.guru/39268/media/public/websites/prodigium/background_9.png");
            background-color: #1C2A40;
        }

        .background_05 {
            background: rgba(0, 116, 120, 0.8);
        }

        .background_06 {
            background: black;
        }

        .background_07 {
            background-color: black;
            background-image: url("/assets/img/backgroud_imersao.png");
            background-size: cover;
        }

        .background_08 {
            background-color: black;
            background-image: url("https://cdn.ead.guru/39268/media/public/websites/prodigium/background3.png");
            background-attachment: fixed;
            background-size: cover;
        }
        
        .font_color_01 {
            color: white !important;
        }

        .font_color_03 {
            color: #1fd2ff !important;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Orbitron', sans-serif;
        }

        h2 {
            font-size: 2.3rem !important;
        }

        h3 {
            font-size: 2rem !important;

        }

        h4 {
            font-size: 1.5rem !important;
        }

        p {
            font-family: 'Jura', sans-serif;
            font-size: 20px;
        }

        .card {
            border: 3px solid;
            border-color: #22ACE8 !important;
            border-width: 5px !important;
            background-color: transparent;
        }

        .card-text {

            margin-left: 10px;
        }

        .border_radius_02 {
            border-radius: 10px !important;

        }

        [class^="btn"] {
            font-weight: bold !important;
        }

        .btn_01 {
            color: white !important;
            background-color: #4cb3c5 !important;
            padding: 10px 30px !important;
            border: none !important;
        }

        .btn_01:hover {
            color: white !important;
            background-color: #22ACE8 !important;

        }

        .btn_02 {
            color: white !important;
            background-color: transparent !important;
            padding: 10px 30px !important;
            border: 3px solid;
            border-image-slice: 1;
            border-width: 3px;
            border-color: #22ACE8 !important;
        }

        .btn_02:hover {
            color: white !important;
            background-color: rgba(34, 174, 232, 0.4) !important;
        }


        #social-icons {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        #social-icons a {
            text-decoration: none;
            transition: transform 0.2s ease;
        }

        #social-icons i {
            font-size: 2.5rem;
            color: #22ace8;
        }

        .bg-cover {
            background-size: cover;
            background-position: center left;
        }

        .sp-card {
            width: 190px !important;
            height: 150px;
            justify-content: center;
        }

        .sp-card div {
            width: 100%;
            height: 75%;

        }

        .nav-item {
            margin-right: 30px;
        }


        .nav-link {
            font-size: 18px;
            color: white !important;
            text-decoration: none;
        }

        .nav-link:hover {
            color: #1fd2ff !important;
            text-decoration: underline;
            text-underline-offset: 7px;
            text-decoration-thickness: 2px;
        }

        .nav-link.active {
            color: #1fd2ff !important;
            text-decoration: underline;
            text-underline-offset: 7px;
            text-decoration-thickness: 2px;
        }

        .nav-link.area-aluno {
            text-decoration: none !important;
            color: white !important;
            font-weight: bold;
        }

        .nav-link.area-aluno:hover {
            text-decoration: none;
            text-underline-offset: 7px;
        }


        @media (max-width: 768px) {
            .nav-item .nav-link.active {
                color: #1fd2ff !important;
                text-decoration: underline;
            }
        }

        .testimonial-item {
            flex: 0 0 33.33%;
            padding: 0 10px;
            box-sizing: border-box;
        }
        
        .testimonial-item img {
          width: 60px;
          height: 60px;
          object-fit: cover;
          border-radius: 50%;
        }

        .testimonial-item .card {
            height: 100%;
        }

        @media (max-width: 991px) {
            .testimonial-item {
                flex: 0 0 50%;
            }
        }

        @media (max-width: 767px) {
            .testimonial-item {
                flex: 0 0 100%;
            }
        }

        .logo {
            height: 68px;
        }

        .whatsapp-float {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1000;
            text-decoration: none;
        }

        .whatsapp-icon {
            width: 65px;
            height: 65px;

            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s;
        }

        .whatsapp-icon:hover {
            transform: scale(1.1);
        }

        @keyframes bounce {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        .bounce {
            animation: bounce 0.5s ease-in-out 2;
        }

        .styled-iframe {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
            border: 5px solid #22ACE8 !important;
            width: 100%;
            max-width: 700px;
            height: 500px;
        }


        @media (max-width: 768px) {
            .styled-iframe {
                width: 100%;
                height: 300px;
            }
        }

        @media (max-width: 576px) {
            .styled-iframe {
                width: 100%;
                height: 250px;
            }
        }

        .carousel-inner {
            display: flex;
            overflow: hidden;
            background-color: black;
            background-size: cover;
            position: relative;
            transition: transform 0.8s ease-in-out;
        }

        .carousel-item {
            min-width: 100%;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            transition: opacity 0.8s ease-in-out;
        }

        .carousel-item.active {
            opacity: 1;
            position: relative;
            transform: translateX(0);
        }

        .carousel-item-next {
            transform: translateX(100%);
        }

        .carousel-item-prev {
            transform: translateX(-100%);
        }

        .carousel-control-prev,
        .carousel-control-next {
            width: 3%;
            background: rgba(0, 0, 0, 0.3);
            transition: background 0.3s ease;
        }

        .carousel-control-prev:hover,
        .carousel-control-next:hover {
            background: rgba(0, 0, 0, 0.5);
        }

        footer .bi {
            color: #012A4B;
        }

        footer .btn.btn-light {
            background-color: #22ACE8 !important;
            border: none !important;
            margin-left: 0.5rem;
        }


        .preloader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: black url('../assets/img/intro_prodigium2.gif') no-repeat center;
            z-index: 999;
            opacity: 1;
            transition: opacity 0.5s ease;
        }

        .preloader.hidden {
            opacity: 0;
            pointer-events: none;
        }

        .inner {
            position: absolute;
            top: 90%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .bolas>div {
            display: inline-block;
            background-color: #fff;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            margin: 5px;
            animation-fill-mode: both;
            animation-name: animarBola;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            box-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4);
        }

        .bolas>div:nth-child(1) {
            animation-duration: 0.75s;
            animation-delay: 0;
        }

        .bolas>div:nth-child(2) {
            animation-duration: 0.75s;
            animation-delay: 0.12s;
        }

        .bolas>div:nth-child(3) {
            animation-duration: 0.75s;
            animation-delay: 0.24s;
        }

        @keyframes animarBola {
            0% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4);
            }

            16% {
                transform: scale(0.1);
                opacity: 0.7;
                box-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 25px rgba(255, 255, 255, 0.8), 0 0 35px rgba(255, 255, 255, 0.6);
            }

            33% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4);
            }
        }

        @media (max-width: 768px) {

            .preloader {
                background-size: contain;
            }

            .inner {
                top: 85%;
            }

            .bolas>div {
                width: 20px;
                height: 20px;
                margin: 3px;
            }
        }

        @media (max-width: 480px) {
            .bolas>div {
                width: 18px;
                height: 18px;
            }
        }

        .processo-container {
            color: #fff;
            text-align: center;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        .processo-titulo {
            font-size: 2em;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .metodologia-intro {
            font-size: 1.2em;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .metodologia-steps {
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: center;
        }

        .step {
            background: rgba(0, 116, 120, 0.8);
            border-radius: 10px;
            padding: 15px;
            display: flex;
            align-items: center;
            width: 90%;
            max-width: 800px;
            gap: 15px;
            position: relative;
        }

        .step-number {
            position: absolute;
            left: -25px;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .check-icon {
            width: 70px;
            height: 70px;
            transition: transform 0.3s;
        }

        .check-icon:hover {
            transform: scale(1.1);
        }

        .step img {
            height: 110px;
            border-radius: 10px;
        }



        .step-content {
            text-align: left;
            max-width: 600px;
        }

        .step-content h4 {
            font-size: 1.2em;
            color: #4cb3c5;
            margin: 0;
        }

        .step-content p {
            font-size: 1em;
            margin: 5px 0 0;
        }

        @media (max-width: 600px) {
            .step {
                flex-direction: column;
                text-align: center;
                padding: 20px;
            }

            .step-number {
                position: relative;
                left: 0;
                top: 0;
                transform: none;
                margin-bottom: 10px;
            }

            .check-icon {
                width: 50px;
                height: 50px;
            }

            .step img {
                width: 100%;
                height: auto;
                max-width: 300px;
                margin-bottom: 10px;
            }

            .step-content {
                max-width: 100%;
            }

            .processo-titulo {
                font-size: 1.5em;
            }

            .metodologia-intro {
                font-size: 1em;
            }
        }


        .fade-in-section {
            opacity: 0;
            transition: opacity 0.6s ease-out;
        }


        .fade-in-section.visible {
            opacity: 1;
        }