*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-weight: 400;
    font-family: sans-serif;
    overflow-x: hidden;
}

i{
    overflow: hidden;
}

:root{
    --primary-color:#1B44D9;
    --secondary-color:#D8EBF1;
    --black-color:#000000;
    --white-color:#ffffff;
    --gray-color:gray;
    --title-color:#333;
    --content-color:#555;
    --border-inp : #444444;
    --danger : rgb(172, 16, 16);
    --lighter-color : #bebebe;
}

figure,img{
    cursor: pointer;
}

.btn{
    cursor: pointer;
    width: fit-content;
    transition: all ease-in-out .3s;
    border: none;
    border-radius: 3px;
    padding: 1rem;
    transition: all ease-in-out .3s;
    text-align: center;
    vertical-align: middle;
}

.btn-info{
    background-color: rgba(210, 234, 255, 1);
    font-weight: 600;
    /* color: var(--white-color); */
}

.btn-success{
    background-color: rgba(188, 253, 219, 1);
    font-weight: 600;
    /* color: var(--white-color); */
}

.btn-warning{
    background-color: rgba(255, 250, 179, 1);
    font-weight: 600;
    /* color: var(--white-color); */
    
}

.btn-pink{
    background-color: rgba(255, 217, 219, 1);
    font-weight: 600;
    /* color: var(--white-color); */
}

.blue{
    color: var(--white-color) !important;
    background-color: var(--primary-color);
}

.active-navbar{
    color: var(--primary-color) !important;
}

.active-navbar-contact{
    background-color: transparent !important;
}

.active-navbar-contact a{
    color: var(--primary-color) !important;
}

.c-s-b{
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-s-b{
    display: flex;
    align-items: center;
    justify-content: start;
}


.r-s-b{
    display: flex;
    align-items: center;
    justify-content: end;
}

/* input dynamic css */
.inp{
    padding: .5rem;
    border-radius: .3rem;
    border: 1px solid var(--border-inp);
} 

.inp[readonly]{
    background-color: var(--lighter-color);
    cursor: not-allowed;
}
fieldset{
    border: none;
}