/*###################################Welcome START#####################################*/
#home {
    width: auto;
    height: 35rem;
    position: relative;
}

.btn-welcome {
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    padding: 2vmin 4vmin;
    margin: 1.5vmin 2vmin;    
    font-size: 2.5vmin;
    font-family: var(--poppins);
    color: white;
}

.box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.stack-top {
    z-index: 9;
    opacity: 1;
    pointer-events: none;
    text-align: center;
    display: flex;
    align-items: center;
}

#particles-js {
    width: 100%;
    height: 100%;
    background-color: #082533;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#cover-caption {
    width: 100%;
    color: aliceblue;
}

.welcome-header {
    font-size: 72px;
    background: -webkit-linear-gradient(#333, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-phone-square-alt {
    color: green;
}

a.hover_green:hover,
a.hover_green:active,
a.hover_green:focus {
    color: #6beb34 !important;
}

/*###################################Welcome STOP#####################################*/

/*###################################About START#####################################*/
#about {
    background-size: cover;
    color: black;
    // height: 100rem;
    text-align: center;
    display: flex;
    align-items: center;
}

/*###################################About START#####################################*/

/*###################################Services START#####################################*/
#services {
    background-size: cover;
    color: black;
    // height: 100rem;
    text-align: center;
    display: flex;
    align-items: center;
}

#services h3 {
    font-family: 'Blinker', sans-serif;
    font-size: 2.5em;
    padding: 0 0 0.2em 0;
}


.btn-container .btn {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}

.btn-container .btn:hover {
    background-image: linear-gradient(120deg, #84fab0 0%, #eee 100%);
}

/*###################################Services STOP#####################################*/

/*FOOTER*/
footer{
    background-color: #3f3f3f;
    color: #d5d5d5;
}