html { scroll-behavior: smooth;}
body{
    color: #2D2E37;
}
.tab-link{
    padding:10px 0px ;
    color: rgba(45,46,55,0.62);
   background-color:transparent;
   outline: 1px solid transparent; 
   border:1px solid transparent;
}
.sr-f-card:hover{
    background-color: #fff;
    box-shadow: 0 2px 21px 6px rgba(45,46,55,0.10);
    transition: .4s ;
}
.product-card:hover {
    box-shadow: 0 2px 21px 6px rgba(45,46,55,0.10);  
}
.tab-link:hover{
    color: #2D2E37;
}
.tab-link:focus{
    color: #2D2E37;
    border-bottom: 2px solid #EF572F;
}
.s-nav ul li a{
    text-decoration: none;
    color:#2D2E37 ;
}
.prim-color{
    color: #EF572F;
}
.sr-nav ul li a{
    color: rgba(255, 255, 255, .6);
    text-decoration: none; 
}
.prim-btn{
    background-color: #EF572F;
    color: #fff;
    text-decoration: none;
}
.main{
    background-image: url(/assets/images/main-bg.png);
    min-height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
}
.about-us{
    background-color:#F8F8FA;
}
.values-section{
    background-color: #2D2E37;
    color: #fff;
}
.products{
    background-color:#F8F8FA;
}
.product-card{
    background-color: #fff;
    border-radius: 3px;
}
.o-line{
    background-color:#EF572F;
    height: 5px;
}
.contact-section{
    background-image: url(/assets/images/bg-contact.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.ro-submit{
    background-color:#EF572F;
    border: 1px solid transparent;
    padding: 20px;
}
.custom-input {
    background-color: #F8F8FA;
    border: 1px solid transparent;
    outline: 1px solid transparent;
}
.custom-input:focus {
    outline: 1px solid #EF572F;
    border: 1px solid rgba(165, 93, 60, 0.36);
  }
.second-bg{
    background-color: #2D2E37;
}
footer ul li a{
    text-decoration: none;
    color: rgba(255, 255, 255, .60)
}
footer ul li a:hover{
    color: #fff;
    transition: .3s;
}
.brand-logo img{
    mix-blend-mode: luminosity;
}
.brand-logo img:hover{
    mix-blend-mode:normal;
    transition: .4s;
}
.green-sqr{
    width: 15px;
    height: 15px;
    background-color: teal;
    border-radius: 2px;
}
.white-sqr{
    width: 15px;
    height: 15px;
    background-color: lightgrey;
    border-radius: 2px;
}
.red-sqr{
    width: 15px;
    height: 15px;
    background-color: rgb(143, 47, 47);
    border-radius: 2px;
}