:root{
    --primary-color1: #367dda;
    --secondary-color1: #0098ac;
    --secondary-color2: #00D0B4;
    --quaternary-color: #7700ff;
    --primary-color1: #01A1BD;
    --primary-color1-dark: #215383;

    --component-color: #36A9E1;
    --component-color-light: rgb(49, 110, 252, 0.05);
    --component-color-light2: rgb(49, 110, 252, 0.1);
    --component-color-light3: rgb(49, 110, 252, 0.2);
    --component-color-light4: rgb(49, 110, 252, 0.9);
    --component-color2: #bcd0ff;

    --text-form-indicator: #FF003B;
    --text-color-mediumgrey: #999;
}


.card-connexion { 
    width: 50%; height: auto; 
    margin: auto; padding: 20px 50px 40px 50px;
    background-color: #FFF; border-radius: 20px;
    box-shadow: 0px 0px 40px rgb(0, 0, 0, 0.2);
    background: url('../img/cifope_bg.jpg');  background-position: top left; background-repeat: no-repeat;
    
}

.page-set { 
    width: 100%; 
    display: flex; align-items: center;
}

.submit-button {
    padding: 18px 40px; border: none; 
    color: #FFF; font-weight: 700; font-size: 16px; 
    background: linear-gradient(270deg, #36A9E1, #36A9E1);
    background-size: 400% 400%; 
    border-radius: 50px;
    font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
}
.submit-button:hover { 
    background: linear-gradient(270deg, #EA221F, #EA221F); cursor: pointer; transition: 0.2s;
    box-shadow: 1px 1px 30px rgb(0, 0, 0, 0.3);
}

.regular { font-weight: 500; }

.title1 { 
    padding: 1px 5%;
    font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
    color: #1D71B8;/* #ff5100; */
}

.title2 { 
    padding: 1px 0; margin: 0 0;
    font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
    color: #1D71B8;/* #ff5100; */
}

.title3{ 
    padding: 1px 0; margin: 10px 0;
    font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
    color: #ff1e00;/* #ff5100; */
}

.text-small { font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif; font-size: 14px; }



.card-page { 
    width: 70%; height: auto; 
    margin: auto; padding: 20px 0 50px 0;
    background-color: #FFF; border-radius: 20px;
    box-shadow: 0px 0px 80px rgb(0, 0, 0, 0.1);
    background: url('../img/cifope_bg.jpg'); 
    background-position: top left; background-repeat: no-repeat; background-size: cover;
}


.row-line {
    display: flex;
    padding: 12px 5%;
    margin: 15px 0;
    /*border-bottom: 4px solid rgb(204, 204, 204, 0.2);*/
    box-shadow: 0px 0px 40px rgb(0, 0, 0, 0.05);
    font-family: "montserrat_light", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 20px;
}

.pix-rounded {
    border-radius: 200px; overflow: hidden;
}