html,
        body{
            height: 100%;
            font-family: "Nunito Sans" , sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        p{
            font-size: 15px;
            font-family: "Nunito Sans" , sans-serif ;
            color: #ffffff;
            font-weight: 400;
            line-height: 25px;
            margin: 0 0 15px 0;
        }
        img{
            max-width: 100%;
        }
        a{
            text-decoration: none;
        }
        ul{
            padding-left: 0;
        }

        input:focus{
            outline: none;
        }
        a:hover,
        a:focus{
            text-decoration: none;
            outline: none;
            color: #ffffff;
        }


        .footer{
            background: #041944;
            padding-top: 70px;
        }
        .footer-about{
            margin-bottom: 30px;
        }
        .footer-about .footer-logo{
            margin-bottom: 30px;
            max-width: 70% !important;
        }
        .footer-about p{
            color: #ffffff;
            margin-bottom: 30px;
        }
        .footer-widget{
            margin-bottom: 30px;
        }
        .footer-widget h6{
            color:  #ffffff;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 20px;
        }
        .footer-widget ul li{
            line-height: 36px;
            list-style: none;
        }
        .footer-widget ul li a{
            color: #ffffff;
            font-size: 15px;
        }
        .footer-widget ul li a:hover{
            color: #eaa928;
        }
        .footer-widget .footer-newslatter p{
            color: #ffffff;
        }
        .footer-widget .footer-newslatter form{
            position: relative;
        }
        .footer-widget .footer-newslatter form input{
            width: 100%;
            font-size: 15px;
            color: #ffffff;
            background: transparent;
            border: none;
            padding: 15px 0;
            border-bottom: 2px solid #ffffff;
        }
        .footer-widget .footer-newslatter form input::placeholder{
            color: #b7b7b7;
        }
        .footer-widget .footer-newslatter form button{
            color: #b7b7b7;
            font-size: 16px;
            position: absolute;
            right: 5px;
            top: 0;
            height: 100%;
            background: transparent;
            border: none;
        }
        .footer-copyright-text{
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding: 20px 0;
            margin-top: 40px;
        }
        .footer-copyright-text p{
            color: #b7b7b7;
            margin-bottom: 0;
        }
        .footer-copyright-text p i{
            color: #eaa928;
        }
        .footer-copyright-text p a{
            color: #eaa928;
        }
        .icon-circle {
            display: inline-block;
            width: 40px; /* Ancho del círculo */
            height: 40px; /* Altura del círculo */
            border-radius: 50%; /* Hace un círculo con el borde redondeado */
            border: 0.7px solid #ccc; /* Establece el borde del círculo */
            position: relative; /* Establece el contexto de posicionamiento para los íconos */
            overflow: hidden; /* Oculta el desbordamiento del ícono */
            transition: background-color 0.3s ease; /* Agrega una transición suave al cambio de color de fondo */
          }
          
          .icon-circle i {
            position: absolute; /* Posiciona los íconos absolutamente dentro de los círculos */
            top: 50%; /* Centra verticalmente el ícono */
            left: 50%; /* Centra horizontalmente el ícono */
            transform: translate(-50%, -50%); /* Centra perfectamente el ícono */
            font-size: 20px; /* Tamaño del ícono */
            color: #ffffff; /* Color del ícono */
          }
          
          /* Pseudo-elementos :hover para cambiar el color de fondo */
          .facebook:hover {
            background-color: #3b5998; /* Color de fondo de Facebook */
          }
          
          .instagram:hover {
            background-color: #833ab4; /* Color de fondo de Instagram */
          }
          
          .twitter:hover {
            background-color: #1da1f2; /* Color de fondo de Twitter */
          }
          
          .tiktok:hover {
            background-color: #69c9d0; /* Color de fondo de TikTok */
          }