/* Start custom CSS */.deg{
    background: var(--Linear, linear-gradient(90deg, #8B0F16 0%, #C51624 100%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

sb{
    font-weight: 600 !important;
}

.sb{
    font-weight: 600 !important;
}

html, body{
    overflow-x: hidden !important;
}

p:last-child{
    margin-bottom: 0px;
}

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #000000;
}

body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, #ffffff, #ffffff);
    border-radius: 20px;
    border: 3px solid #000000;
}

.color .elementor-button{
    animation: 3.4s cubic-bezier(.2,.5,.9,.6) 2s infinite textura;
    border-radius: 798.771px;
    border: 0.888px solid #26405F;
    background-image: linear-gradient(90deg, #031B38, #0A315F, #031B38, #123F73);
    box-shadow: 
        0px -1.775px 0.888px 0px rgba(0, 0, 0, 0.15) inset, 
        0px 2.663px 9.408px 0px rgba(0, 0, 0, 0.40);
    padding: 20px 46px;
    background-size: 400% 200%;
    transition: all .8s;
}

@keyframes textura {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.color:hover .elementor-button-icon{
    transform: rotate(45deg);
    transition: 0.7s ease;
}

.color .elementor-button-icon{
    font-size: 30px;
    align-self: center;
    margin-bottom: -6px;
    transform: rotate(0deg);
    transition: 0.7s ease;
}

.color .elementor-button-text{
    align-self: center !important;
}

.color .elementor-button:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 798.771px; 
    background-image: linear-gradient(90deg, #031B38, #0A315F);
    box-shadow:
        -7px -7px 20px 0px rgba(3, 27, 56, 0.75),
        -4px -4px 5px 0px rgba(10, 49, 95, 0.65),
        7px 7px 20px 0px rgba(3, 27, 56, 0.75),
        4px 4px 5px 0px rgba(10, 49, 95, 0.65);
    transition: all 0.3s ease;
}

.color .elementor-button:hover:after {
    top: 0;
    height: 100%;
}

@media (max-width:600px){
    .color .elementor-button{
        box-shadow: 
            0px -1.775px 0.888px 0px rgba(0, 0, 0, 0.15) inset, 
            0px 2.663px 9.408px 0px rgba(0, 0, 0, 0.40);
        padding: 18px 32px;
    }

    .color .elementor-button-icon{
        font-size: 8px;
        align-self: center;
    }

    .color .elementor-button-text{
        align-self: center;
    }
}/* End custom CSS */