section{
    background-image: url(../images/bg_1.png);
    background-size:auto 120%;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
}
body{
    font-size: 18px;
    color: #144067;
    font-family: Open-sans ,sans-serif;
}
.phone-text{
    font-size: 25px;
}
.btn, button{
    font-size: 28px;
    border-radius: 50px !important;
    transition: all 0.4s;
    border-bottom: 0px;
    width: 100%;
}
.btn-primary {
    background-image: linear-gradient(#26369E,#07C4F3);
    border-color: transparent;
}
.btn-primary:hover {
    background: transparent;
    border: 1px solid #3240EC;
    color: #144067;
}
.btn-secondary {
    background: transparent;
    border: 1px solid #3240EC;
    color: #144067;
}
.btn-secondary:hover {
    background-image: linear-gradient(#26369E,#07C4F3);
    border-color: transparent;
    border-bottom: 0px;
}
.phone-number {
    font-size: 15px;
    color: initial;
    text-decoration: none;
}
.credit{
    font-size: 10px;
}
.credit a{
    color: initial;
    text-decoration: none;
}
.social-container {
    font-size: 34px;
    gap: 15px;
}
.youtube {
    color: #225AC6;   
}
.facebook {
    color: #0198FE;
}
.instagram {
    color: #1AD0FE;
}
.twitter {
    color: #01FEFE;
}
.linkedin {
    color: #00FCCA;
}
@keyframes shadow {
    0% {box-shadow: 0 0px 1px 35px rgba(238,247, 249, 0.15 )}
    50% {box-shadow: 0 0px 1px 8px rgba(0,162, 255, 0.07)}
    100% {box-shadow: 0 0px 1px 35px rgba(238,247, 249, 0.15 )}
  }
.container{
    max-width: 490px;
    border-radius: 36px;
    border: 1px solid #00EEFF;
    animation: shadow 2s infinite ease-in-out;
}
.site-logo{
    width:100%;
    max-width: 208px;
    margin:auto;
}
.text-body{
    color: initial;
}
@media (max-width: 678px){
    .site-logo {
        max-width: 160px;
    }
    body {
        font-size: 16px;
    }
    .btn {
        font-size: 20px;
    }
    .my-4 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }
    .p-5 {
        padding: 1.5rem!important
    }
    section {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .my-5 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }
    .mt-5{
        margin-top: 1.5rem !important;
    }
    .phone-text {
        font-size: 20px;
    }
    .my-3 {
        margin-top: 0.6rem!important;
        margin-bottom: 0.6rem!important;
    }
    .social-container {
        font-size: 24px;
    }
    .phone-icon{
        width: 30px;
        height: auto;
    }
    section{
        background-size: auto 90%;
    }
}