@import url('/assets/css/styles.css');


/* cover*/

.bg-profile-cover {
    background-image: url(./4-C55XUUB7.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
}

    .bg-profile-cover:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--primary06);
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0;
        inset-block-end: 0;
    }

/* Color*/

.bg-color-01 {
    background-color: rgb(220, 238, 231);
}
.bg-color-02 {
    background-color: rgb(254, 238, 240);
}
.bg-color-03 {
    background-color: rgb(235, 247, 240);
}
.bg-color-04 {
    background-color: rgb(234, 241, 251);
}
.bg-color-11 {
    background-color: rgba(14, 26, 49,0.5);
}

.bg-message-01 {
    background-color: rgb(177, 213, 229);
}

.bg-color-20 {
    background-color: rgb(38,131,52)
}
.bg-color-30 {
    background-color: rgb(195,203,214)
}


/*Gradient*/

.gradient-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 114, 58, 0.05)), to(rgba(241, 77, 93, 0.03)));
    background: linear-gradient(rgba(255, 114, 58, 0.05) 0%, rgba(241, 77, 93, 0.03) 100%);
    background: -o-linear-gradient(rgba(255, 114, 58, 0.05) 0%, rgba(241, 77, 93, 0.03) 100%);
}

.gradient-bg-2 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 114, 58, 0.04)), to(rgba(241, 77, 93, 0.02)));
    background: linear-gradient(rgba(255, 114, 58, 0.04) 0%, rgba(241, 77, 93, 0.02) 100%);
    background: -o-linear-gradient(rgba(255, 114, 58, 0.04) 0%, rgba(241, 77, 93, 0.02) 100%);
}

.bg-gradient-01 {
    background: linear-gradient(102deg, rgb(218, 212, 236) 0%, rgb(243, 231, 233) 80.43%);
}
.bg-gradient-02 {
    background: linear-gradient(118deg, rgb(233, 232, 232) 0%, rgb(226, 236, 234) 51.13%);
}
.bg-gradient-03 {
    background: linear-gradient(124deg, rgb(226, 218, 236) -29.7%, rgb(228, 238, 253) 65.5%);
}

.bg-gradient-04 {
    background: linear-gradient(119deg, rgb(233, 224, 235) 0%, rgb(248, 239, 241) 52.24%);
}
.bg-gradient-05 {
    background: linear-gradient(118deg, rgb(233, 232, 232) 0%, rgb(226, 236, 234) 51.13%);
}
.bg-gradient-06 {
    background: linear-gradient(90deg, rgb(249, 235, 200) 0%, rgb(252, 202, 197) 100%) ;
    border-top-right-radius: 48px;
    border-top-left-radius: 48px;
}
.bg-gradient-07 {
    background: linear-gradient(90deg, rgb(172, 203, 238) 0%, rgb(231, 240, 253) 100%) !important;
}
.bg-gradient-08 {
    background: linear-gradient(90deg, rgb(253, 203, 241) 0%, rgb(253, 203, 241) 1%, rgb(255, 236, 250) 100%) !important;
}
.bg-gradient-09 {
    background: linear-gradient(-90deg, rgb(172, 203, 238) 0%, rgb(231, 240, 253) 100%) !important;
}
.bg-gradient-10 {
    background: radial-gradient(50% 50% at 50% 50%, #e9e6ec 0, rgba(240, 255, 241, 0) 100%) !important;
}
.bg-gradient-11 {
    width: 100%;
    background-position: bottom center;
    background-size: cover;
    background-image: radial-gradient( circle at center, rgba(184, 51, 225, 0.08) 0, rgba(144, 89, 255, 0.08) 37.1%, rgba(91, 109, 248, 0.08) 61.4%, rgba(0, 144, 237, 0.08) 100% );
}
.bg-gradient-12 {
    width: 100%;
    background-position: bottom center;
    background-size: cover;
    background-image: radial-gradient( circle at center, rgba(255, 255, 255, 0.9) 0, rgba(244, 89, 255, 0.02) 3.1%, rgba(91, 109, 248, 0.03) 34.4%, rgba(0, 244, 237, 0.02) 100% );
}


.bg-gradient-20 {
    background: radial-gradient(circle at 100% -20%, #13ae41, #009c43, #008a43, #007942, #00673e, #005638, #004531, #093529) !important;
}
.bg-gradient-21 {
    background: radial-gradient(50% 50% at 50% 50%, #f0fff1 0, rgba(240, 255, 241, 0) 100%) !important;
}
.bg-gradient-30 {
    background: radial-gradient(50% 50% at 50% 50%, #e8ecf1 0, rgba(194,202,203, 0.05) 100%) !important;
}


/*Backgroun images*/
.bg-img-login-01 {
    font-family: "Karla", sans-serif;
    background-blend-mode: overlay;
    background-color: rgba(15, 15, 15, 0.6);
    background-image: url(/assets/images/backgrounds/bg-login-02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}
.bg-img-message-01 {
    font-family: "Karla", sans-serif;
    background-blend-mode: overlay;
    /*background-color: rgba(15, 15, 15, 0.6);*/
    background-image: url(/assets/images/backgrounds/bg-message-001.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}
.bg-img-login {
    background: url(/assets/images/backgrounds/login-bg.jpg) no-repeat center center fixed;
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background-blend-mode: overlay;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
}

.bg-img-forgot {
    background: url(/assets/images/backgrounds/bg-forgot-003.jpg) no-repeat center center fixed;
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background-blend-mode: overlay;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
}



/*Backgroun color*/
.bg-login {
   background-color: rgba(240,245,250,0.70);
        }

.bg-login-01 {
    background-color: rgba(34,35,40,0.60) !important;
}



.text-color-20 {
    color: rgb(38,131,52)
}


/*Contactos*/
.single-contact-box {
    background-color: rgba(142, 102, 255, 0.05);
    padding: 45px 115px;
    border-radius: 5px;
}