@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Istok+Web&display=swap');

@import url('cfg.css');

body{
font-family:'Manrope';
padding-top:1rem;padding-bottom:1rem;
}

h1,h2,h3,h4,h5,h6{
font-family:'Unbounded';		
}

.butt
{

   
    border-radius: 50px;
    
    padding: 15px 50px !important;
    font-size: 18px;
    color: rgb(252, 252, 252);  
    border: 0;
    
    font-weight: 600;
    overflow: hidden;
    position: relative;
}


.butt::before, .butt::after
{
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    background-color: rgba(255, 255, 255,0.5);
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0, 100% 0, 50% 100%, 0% 100%);
    transition: 0.4s;
    z-index: 0;


}
.butt:hover::before,.butt:hover::after
{
    right: -100%;
}
.butt::after
{
    transition-delay: 0.2s;


}		


.butt2
{
background: #f9a30c;
background: linear-gradient(315deg, #cccccc, #aaaaaa);
   
    border-radius: 50px;
    
    padding: 15px 50px !important;
    font-size: 18px;
    color: rgb(252, 252, 252);  
    border: 0;
    
    font-weight: 600;
    overflow: hidden;
    position: relative;
}


 .product-img{height:200px;object-fit:contain}
 .card-body{padding:30px 30px}
 .card-text{height:100px;overflow:hidden; position:relative}

 .badge{position:relative; right:-20px; top:-20px;  font-weight:700; font-size:12px; letter-spacing:1px}
 
 .slide {background-size:cover}
 
 #theme-logo{max-width:300px; max-height:80px}
 
 .btn{border-radius:10px; padding:10px 20px;}