body{
    background-color: #FFF4FA;
}



.nav-link{
    font-size:medium;
    font-weight:500
}

.navbar-nav{
    justify-content: space-evenly;
    padding: 0;
    margin: 0;
    width: 100%;
}
.card {
    margin-top: 4%;
    border-radius: 23px;
    border: none;
    box-shadow: 3px 3px 7px #e7ccdc, -3px -3px 7px #ffffff;
   }

.card img{
    border-radius: 23px;
    width: 100%;
    height: 104px;
   
}

.business-card,.button{
    display: flex;
    background-color: #FFF4FA;
    margin-top: 4%;
}
.button:focus{
    transition: none;
    outline: none;
    display: flex;
    background-color: #FFF4FA;
    margin-top: 4%;
    border-radius: 23px;
    border: none;
    box-shadow:  4px 4px 4px #eedce7, -4px -4px 6px #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.business-card .image img{
    height: 85px;
    width: 85px;
    margin-bottom: 10px;
    }

.soft{
        color: #090909;
        padding: 0.7em 1.7em;
        font-size: 18px;
        border-radius: 0.5em;
        background: #FFF4FA;
        border: 1px solid #FFF4FA;
        transition: all .3s;
        box-shadow: 6px 6px 12px #eedce7,
                    -6px -6px 12px #ffffff;
       }
.soft:focus{
    box-shadow:9px 9px 18px #ffe5f4, -9px -9px 18px #ffffff;
}
       
       button:active {
        color: #666;
        box-shadow: inset 4px 4px 12px #ffe5f4,
                    inset -4px -4px 12px #ffffff;
       }

       .btn.button {
        position: relative;
       
      }
      
      .tick-icon1, .tick-icon4, .tick-icon3,.tick-icon2 {
        position: relative;
        top: 0px;
        left: 120px;
        height: 30px;
        width: 30px;
        z-index: 99;
        visibility: hidden;
      }
    
      .number-input{
        /* padding: 0.7em 1.7em; */
        /* font-size: 18px; */
        width: 120px;
        height: 50px;
        
      }
      .inset-shadow{
        width: 220px;
        padding-left: 16px;
        border-radius: 0.5em;
        background: #FFF4FA;
        border: 1px solid #FFF4FA;
        transition: all .3s;
        box-shadow: inset 5px 5px 5px #eedce7, inset -4px -4px 9px #ffffff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

       }
       .inset-shadow:focus{
        outline: none;
        border: none;
       }

       .h-40{
        height: 40px;
        width: 40px;
        padding: 5px;
        
       }

       .h-40:focus{
        box-shadow: none;
       }

       .btn img{
        height: 100%;
       }

       input,
input::-webkit-input-placeholder {
    color: #625b5b;
    font-size: 13px;
    line-height: 4;
}

.justify-content-space-around{
    justify-content: space-around;
}

.custom-checkbox img{
    height: 30px;
}
.custom-checkbox:focus{
    box-shadow: 1px 1px 1px #d8b2c9, -1px -1px 6px #ffffff;
}
.custom-checkbox{
    background: none;
    width: 20px;
    box-shadow: 1px 1px 1px #d8b2c9, -1px -1px 6px #ffffff;
    height: 22px;
}





.tick{
    position: relative;
    max-height: 29px;
    left: -13px;
    top: -4px;
    visibility: hidden;
}