.--main-color:hover{
    color: #1085af;
}

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

.--footer-bg{
    background-color: #005878;
}

.--varial-bg:hover{
    background-color: #1085af;
}

.--btn{
    background-color: #00B0EE;
}

.--btn:hover{
    background-color: #1085af;
}

.--sec2-bg{
    background-color: #002633;
}

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

.--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);
}

.--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;
}

.--blur { 
    background-color: #003F56;
    height: 24rem;
    width: 24rem;
	-webkit-filter: blur(10px); 
	-moz-filter: blur(10px); 
	-o-filter: blur(10px); 
	-ms-filter: blur(10px); 
	filter: blur(40px); 
}

.--pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {

    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .5;
    }

  }

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