@import "lib.css";

body{
    font-family: 'Inter', 'Montserrat', sans-serif !important;
}
.--main-color{
    color: #00B0EE;
}

 .--main-bg{
     background-color: #00B0EE;
}
 .--main-bg:hover{
     background-color: #1085af;
}

.--action-color{
  color: #00B0EE;
}

 .--footer-bg{
     background-color: #005878;
}
 .--btn{
     background-color: #00B0EE;
}
 .--btn:hover{
     background-color: #1085af;
}

.--btn2{
  border: solid 3px #00B0EE;
  color: #00B0EE;
}

.--btn2:hover{
  background-color: #00B0EE;
  color: white;
  --tw-shadow: 0 2px 16px 0px rgb(0, 172, 235, 0.33);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #00B0EE), var(--tw-ring-shadow, 0 0 #00B0EE), var(--tw-shadow);
}

 .--sec2-bg{
     background-color: #00719A;
}
 .--shadow-2xl{
     --tw-shadow: 0 10px 20px 0px rgb(0, 172, 235, 0.33);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #00B0EE), var(--tw-ring-shadow, 0 0 #00B0EE), var(--tw-shadow);
}
 .--max-h-0 {
     max-height: 0;
}
 .--footer-links a {
     padding-bottom: 2px;
}
 .--before-footer{
     background-color: #003244;
}
.--after-footer{
    background-color: #002633;
}
 .--blur {
     background-color: #0097CD;
     height: 24rem;
     width: 24rem;
     -webkit-filter: blur(10px);
     -moz-filter: blur(10px);
     -o-filter: blur(10px);
     -ms-filter: blur(10px);
     filter: blur(40px);
}
 .--px-relative{
     padding: 0 500px;
}
 .--whatsapp-btn{
     color: white;
     background-color: #34C759;
     --tw-shadow: 0 10px 20px 0px rgb(52, 199, 89, 0.33);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #34C759), var(--tw-ring-shadow, 0 0 #34C759), var(--tw-shadow);
}
 .--whatsapp-btn:hover{
     background-color: #28aa49;
}

.--copy{
  color: white;
}

.--copy:hover{
    color: #0a4257;
}

 @media (min-width: 1536px) {
     .--w-50{
         width: 50%;
    }
}

@keyframes hidePreloader {
    0% {
      width: 100%;
      height: 100%;
    }
    100% {
      width: 0;
      height: 0;
    }
  }
  body>div.preloader {
    position: fixed;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1071;
    opacity: 0;
    transition: opacity .5s ease;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body:not(.loaded)>div.preloader {
    opacity: 1;
  }
  body:not(.loaded) {
    overflow: hidden;
  }
  body.loaded>div.preloader {
    animation: hidePreloader .5s linear .5s forwards;
  }


 
@keyframes spinner-border {
    to{transform:rotate(360deg)}
    }
    .spinner-border{display:inline-block;width:2rem;height:2rem;animation:spinner-border .75s linear infinite;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%}
    .spinner-border-sm{width:1rem;height:1rem;border-width:.2em}
    @keyframes spinner-grow {
    0%{transform:scale(0)}
    50%{opacity:1}
    }
    .spinner-grow{display:inline-block;width:2rem;height:2rem;animation:spinner-grow .75s linear infinite;vertical-align:text-bottom;opacity:0;border-radius:50%;background-color:currentColor}
    .spinner-grow-sm{width:1rem;height:1rem}

  

@media (min-width: 1100px){
  #main{
    margin-left: 6% !important;
  }
}