*{
    margin:0px;
    padding:0px;
}
body{
    cursor:none;
}

ul{
    list-style-type: none;
    padding-left: 0px;
}

  .visibilityNone{
    display:none;
  }


  .cursor-inner{
    position: fixed;
    width:20px;
    height:20px;
    margin-left: -10px;
    margin-top: -10px;
    border-radius:50%;
    background:#353434;
    pointer-events: none;
    z-index:1000;
    opacity:0.6;
  } 

  
.cursor{
    position:fixed;
    width:40px;
    height:40px;
    margin-left: -20px;
    margin-top: -20px;
    border-radius:50%;
    border: 2px solid #c6c7ec;
    transition: transform .2s ease; 
    transition: all 0.1s ease; 
    transform-origin: center center;
    pointer-events: none;
    z-index:1000;
    background-color:#0e141a82;
    opacity:0.6;
}


.grow{
    transform: scale(2);
    background:#fff;
    mix-blend-mode: difference;
    border:none;

}
/* index.html */

/* Navbar */

.carousel-item>img{
    width:100%;
}

.logo{
    width:30%;
}


nav{
    background-color: #AFD3E2;
    cursor:pointer;
    box-shadow:20px 5px 40px #146C94;
}


/* Home */
#home{
    margin-top:3vh;
    font-size:3rem;
}

.dropdown-menu{
    background-color: #F6F1F1;
    color:black;
    font-size: 1.5rem;
}

h3{
    color:#040521;
}

.carousel-control-prev-icon,.carousel-control-next-icon{
    background-color:black;
    padding:1.5rem;
    border-radius:0.5rem;
    margin:1rem;
}

.nav-link{
    color:black !important;
}

.dropdown-item{
    text-align: left;
    color:black !important;
}
.dropdown-item:hover{
    color:black !important;
}

#sections{
    margin-top:4.7rem;
}

.btn-close{
    background-color: white;
}


#sections li{
    background-color: #F6F1F1;
    color:#040521;
}  


#origen_principle{
    width:30%;
}

h2{
    text-align: center;
    letter-spacing: 0.1rem;
    word-spacing: 0.1rem;
    margin:3rem 1rem 3rem 1rem;
}


.headings{
    font-size:3rem;
    border-bottom:3px solid #146C94;
    padding-bottom:1rem;
    width:30%;

}

.carousel-inner{
    width:75%;
}

#typed-prod{
    color:#19A7CE;
    font-size: 2.3rem;
}

#seeProducts, #contact-us{
    font-size:2rem;
    border-radius:0.5rem;
    padding:1rem 2rem 1rem 2rem;
    margin-top:2rem;
    color:white;
}

.btnDetails, #seeProducts, #contact-us{ 
    background: linear-gradient(to left, #146C94 50%, rgb(166, 1, 1) 50%) right;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    border:none;
    padding:0.6rem;
    font-size:1.5rem;
}

.btnDetails{
    border-radius:0.5rem;
}

.btnDetails:hover, #seeProducts:hover, #contact-us:hover{
    background-position: left bottom;
    color:white !important;
    cursor:none;
}

.card{
    background-color: #50515200;;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    margin:1rem;
    color:white;
}

.card-body>img{
    width:30rem;
    height: 27rem;
    object-fit:cover;
}
#about-section{
    padding:1rem;
    font-size:1.5rem;
    text-align: justify;
}

.card{
    width:30rem; 
    height:40rem;
}

#about-logo{
    width:50%;
}

#address-section{
    width:40%;
}

.contact-heading{
    font-size:2.3rem;
}
.contact-content{
    font-size:1.5rem;
}

.downloadBrochure{
pointer-events: none;
background: linear-gradient(to left, #19A7CE 50%, rgb(166, 1, 1) 50%) right;
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
border:none;
padding:0.6rem;
font-size:1.5rem;
}

  
@media only screen and (max-width: 1024px) {
    #about-content{
        flex-direction: column !important;
    }
    .card{
        width:25rem; 
        height:39rem;
    }
    h2{
        font-size:2rem;
    }
    .carousel-item>img{
        width:100%;
    }
    .card-body>img{
        width:25rem;
        height: 27rem;
    }
    .contact-heading{
        font-size: 1.3rem;
    }

    #about-logo{
        margin-bottom:1rem;
    }
    .carousel-inner{
        width:100%;
    }
  }
  

  @media only screen and (max-width: 864px) {
    .navbar-brand{
        width:70%;
    }
    .card{
        width:20rem; 
        height:35rem;
    }
    .card-body>img{
        width:20rem;
        height: 25rem;
    }
    h2{
        font-size:1.5rem;
    }
    #seeProducts{
        font-size: 1rem;
    }
    .contact-content{
        font-size:1rem;
    }
    #address-section{
        width:80%;
        margin-bottom:1rem;
    }
    #contact-section{
        width:80%;
    }
    #typed-prod{
        position:relative;
        font-size:2.5rem;
        letter-spacing: 0;
    }
    #about-section{
        font-size: 1.1rem;
        padding:0px;
        width:90% !important;
    }
    .carousel-inner{
        width:100%;
    }
    #sections{
        margin-top:1.2rem;
    }
    #home{
        height:60vh;
    }
  }
  @media only screen and (max-width: 705px){
    .card{
        width:23rem; 
        height:35rem;
    }
    .card-body>img{
        width:23rem;
        height: 24rem;
    }
    #typed-prod{
        font-size:2rem;
    }
    .btnDetails{
        font-size:1rem;
    }
    h2{
        font-size:1.3rem !important;
    }
    .carousel-inner{
        width:100%;
    }
  } 


  @media only screen and (max-width: 400px){
    .card{
        width:23rem; 
        height:35rem;
    }
    .card-body>img{
        width:21rem;
        height: 24rem;
    }
    .btnDetails{
        font-size:1rem;
    }
    #typed-prod{
        font-size:1.5rem;
    }
    #contact-content{
        font-size:0.2rem;
    }
    .carousel-item>img{
        width:100%;
    }
    .carousel-inner{
        width:100%;
    }
    #home{
        height:30vh;
    }
    .headings{
        font-size:1.5rem !important;
        width:60% !important;
    }
    #origen_principle{
        width:50%;
    }
  }