@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


.ibm-plex-sans-ibm {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100-700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



@media screen and (min-width : 768px){
    .position-md-fixed{
        position:fixed;
    }
}
.product-list{
    width: 300px;
    border:1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 0; 
}
.product-list-item{
     display: flex;
    align-items: baseline;
    padding: 10px 15px;
}
.pink{
    color: #ECDCDA;
}
.pink2{
    background-color: #ECDCDA;
}
.text-color{
    color: #6B5B4C;
}
.text-color2{
    color: #302922;
}
.service-box{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    border-bottom: 4px solid hsla(358,69%,91%,1.00);
}
.read-more{
    text-decoration: none;
    display: flex;
    justify-content: center;
}
.service-box:hover{
    background-color: hsla(356,70%,91%,1.00);
}
.service-box:hover i{
    color: hsla(36,37%,36%,1.00);
}