@import
url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Praise&family=Satisfy&display=swap');
@import
url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Praise&family=Satisfy&family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=National+Park:wght@200..800&display=swap');
.main{
margin-top:50px;
}
.pattern-hover-btn-simple{
border:1px solid #F26622;
padding:5px 10px;
background:transparent;
color:#F26622;
font-size:18px;
border-radius:3px;
transition:0.5s;
text-decoration:none;
}

.pattern-hover-btn-orange{
border:1px solid #F26622;
padding:5px 10px;
background:transparent;
color:#F26622;
font-size:18px;
border-radius:3px;
transition:0.5s;
}

.pattern-hover-btn-orange:hover{
color:white;
background:#F26622;
}

.pattern-hover-btn-blue{
border:1px solid #35408A;
padding:5px 10px;
background:transparent;
color:#35408A;
font-size:18px;
border-radius:3px;
transition:0.5s;

}
.pattern-hover-btn-blue:hover{
color:white;
background:#35408A;
}

.cardmain{
width:100%;
margin-top:50px;
}

.blogshopcard1{
display: flex;
width: 555px;
padding: 0 0 10px 0;
margin:0 0 15px 0;
border-bottom: 1px solid gray;
}
.blogshopcard1-text{
display: flex;
flex-direction:column;
justify-content: space-between;
padding: 10px;
font-family:"National Park", sans-serif;
/*margin:0 auto;*/

}
.blogshopcard1-heading{
font-size: 20px;
font-weight: 600;
color: #374085;
}
.blogshopcard1-desc{
font-size: 17px;
font-weight: 500;
color: #F26622;
/*margin-top: -30px;*/
}

.blogshopcard1-img{
height:140px;
width:140px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
border-radius: 5px;
}
.blogshopcard1-img img{
height: 100%;
}

.blogshopcard1-price-button{
display: flex;
align-items:end;
justify-content: space-between;
}
.blogshopcard1-price-button p{
margin:0;
}

.blogshopcard1-price-button button{
border: none;
padding: 5px 15px;
border-radius: 3px;
outline:none;
}
.blogshopcard1-price-button button:hover{
color:white;
background:#F26622;

}
.blogshopcard1-price-button span{
color: #00A5FF;
font-weight: 600;
}

/*************************blogshopcard2 STYLE*************************************/

.blogshopcard2{
display: flex;
align-items: center;
padding:20px;
width:555px;
border: 1px solid #80808047;
border-radius:5px;
margin:20px 0;

}
.blogshopcard2background{
background:#f2662240;
}

.blogshopcard2-text{
padding: 10px;
display: flex;
flex-direction: column;
flex:1;

}
.blogshopcard2-heading{
font-size: 13px;
font-weight: 700;
}
.blogshopcard2-desc{
font-size: 11px;
font-weight: 500;
margin: 10px 0 20px 0;
}

.blogshopcard2-img{
width:250px;
height:250px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
border-radius: 5px;

}
.blogshopcard2-img img{
/*height:100%;*/

}

.blogshopcard2-price-button button{
width: 100%;
border: none;
outline: none;
padding: 5px 15px;
border-radius: 360px;
background: #35408A;
color: white;
}
.blogshopcard2-price-button P{
text-align:center;
font-weight:600;
}


/*************************blogshopcard3 STYLE*************************************/

.blogshopcard3{
display: flex;
align-items: center;
padding:20px;
border: 1px solid #80808047;
border-radius:5px;
margin:20px 0;

}
.blogshopcard3background{
background:#f2662240;
}

.blogshopcard3-text{
padding: 10px;
display: flex;
flex-direction: column;
flex:1;

}
.blogshopcard3-heading{
font-size: 22px;
font-weight: 700;
}
.blogshopcard3-desc{
font-size: 11px;
font-weight: 500;
margin: 10px 0 20px 0;
}

.blogshopcard3-img{
width:250px;
height:250px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
border-radius: 5px;

}
.blogshopcard3-img img{
height:100%;

}

.blogshopcard3-price-button button{
width: 100%;
border: none;
outline: none;
padding: 5px 15px;
border-radius: 360px;
/*background: #35408A;*/
background: #F26622;
color: white;
}
.blogshopcard3-price-button P{
text-align:center;
font-weight:600;
}
.blogshopcard3-oldprice{
    color:red;
}

.custom-btn{
  padding: 8px 12px;
  border-radius: 5px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
}

.blue-btn {
  background-color: #374085;
  color: white;
 
}
.blue-btn:hover{
    background-color: #F26622;
}
.orange-btn{
  background-color:#F26622 ;
  color: white;
  
}
.orange-btn:hover{
    background-color: #374085;
}
.black-btn {
  background-color: black;
  color: white;

}



.alert-box {
  background-color: #f8d7da;
  border-left: 5px solid #dc3545;
  padding: 10px 15px;
  color: #721c24;
  margin: 10px 0;
}

.note-box {
  background-color: #e2f0d9;
  border-left: 5px solid #28a745;
  padding: 10px 15px;
  color: #155724;
  margin: 10px 0;
}