.farashop__product-page h2{
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
}

.farashop__product-page h3{
    font-size: 16px;
    font-weight: bold;
}

.farashop__product-page p{
    font-size: 16px;
}

.article__contents h2{
    font-size: 18px;
    font-weight: bold;
}

.article__contents h1{
    font-size: 20px;
    font-weight: bold;
}


.article__contents h3{
    font-size: 16px;
    font-weight: ;
}

.article__contents p{
    font-size: 14px;
    
}



.arch001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.arch001 :hover{
    transform: scale(1.02);
    border:1px solid #60abff;
    box-shadow: rgba(0, 104, 218, 0.5) 0px 0px 10px 0px ;
    background:rgba(225, 240, 255, 0.781);
}


.arch002 {
    background:#FFF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.arch002 :hover{
    transform: scale(1.02);
    border:1px solid #60abff;
    box-shadow: rgba(0, 104, 218, 0.5) 0px 0px 10px 0px ;
}


.arch003 {
    background:#E8F3FF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.arch003 :hover{
    transform: scale(1.02);
    border:1px solid #60abff;
    box-shadow: rgba(0, 104, 218, 0.5) 0px 0px 10px 0px ;
    background:rgba(225, 240, 255, 0.781);
}


.farashop__product-page h6:hover{
    font-size: 16px;
    font-weight: bold;
    color:#e74c3c;
}


.stru001 {
    background:#FFF;
    border:1px solid #fca311;
    padding-top: 5px;
    padding-top: 5px;
    border-Radius:20px;
    margin:5px
}

.stru001 :hover{
    transform: scale(1.02);
    box-shadow: rgba(252, 163, 17, 0.5) 0px 0px 10px 0px ;
    background:rgba(255, 250, 225, 0.781);
}


.stru002 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.stru002 :hover{
    transform: scale(1.02);
    border:1px solid #fca311;
    box-shadow: rgba(252, 163, 17, 0.5) 0px 0px 10px 0px ;
    background:rgba(255, 250, 225, 0.781);
}



.mep002 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding:0px 10px;
    border-Radius:20px;
    margin:5px
}

.mep002 :hover{
    transform: scale(1.02);
    border:1px solid #218c74;
    box-shadow: rgba(156, 199, 184, 0.5) 0px 0px 10px 0px ;
    background:rgba(225, 255, 244, 0.432);
}


.navis001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px;
}

.navis001 :hover{
    transform: scale(1.02);
    border:1px solid #096939;
    box-shadow: rgba(156, 199, 184, 0.5) 0px 0px 10px 0px ;
    background:rgba(218, 248, 216, 0.432);
}



.Col001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px;
}

.Col001 :hover{
    transform: scale(1.02);
    border:1px solid #0D98BA;
    box-shadow: rgba(214, 255, 253, 0.5) 0px 0px 10px 0px ;
    background:rgba(214, 255, 253, 0.432);
}




.Col002 {
    background:#FFF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px;
}

.Col002 :hover{
    transform: scale(1.02);
    border:1px solid #0D98BA;
    box-shadow: rgba(214, 255, 253, 0.5) 0px 0px 10px 0px ;
    background:rgba(214, 255, 253, 0.432);
}




.bim2001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.bim2001 :hover{
    background:#98050018;
    transform: scale(1.02);
    border:1px solid #980400;
    box-shadow: #9805006b 0px 0px 10px 0px ;
    
}


.bim2002 {
    background:#FFF;
    border:1px solid #e8e8e8;
   padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.bim2002 :hover{
    background: solid #e8e8e8;
    transform: scale(1.02);
    border:1px solid #980400;
    box-shadow: #9805006b 0px 0px 10px 0px ;
    
}


.bim1001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px;
}

.bim1001 :hover{
    transform: scale(1.02);
    border:1px solid rgb(70, 32, 82);
    box-shadow: rgba(70, 32, 82, 0.082) 0px 0px 10px 0px ;
    background:rgba(235, 234, 246, 0.932);
}




.boiler001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.boiler001 :hover{
    background:rgba(253, 217, 184, 0.247);
    transform: scale(1.02);
    border:1px solid #ED6C1C;
    box-shadow: rgba(238, 108, 28, 0.5) 0px 0px 10px 0px ;
    
}


.boiler002 {
    background:#FFF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.boiler002 :hover{
    background: solid #e8e8e8;
    transform: scale(1.02);
    border:1px solid #B8093B;
    box-shadow: rgba(184, 9, 59, 0.5) 0px 0px 10px 0px ;
    
}




.family001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.family001 :hover{
    background:rgba(191, 227, 131, 0.247);
    transform: scale(1.02);
    border:1px solid #BFE383;
    box-shadow: rgba(191, 227, 131, 0.5) 0px 0px 10px 0px ;
    
}


.family002 {
    background:#FFF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.family002 :hover{
    background: solid #e8e8e8;
    transform: scale(1.02);
    border:1px solid #BFE383;
    box-shadow: rgba(191, 227, 131, 0.5) 0px 0px 10px 0px ;
    
}


.full1 {
    background:#FFF;
    border:1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.full1 :hover{
    transform: scale(1.02);
    border:1px solid rgb(120, 113, 245);
    box-shadow: rgba(120, 113, 245, 0.5) 0px 0px 10px 0px ;
    
}


.full2 {
    background:#FFF;
    border:1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.full2 :hover{
    background:#e0defd;
    transform: scale(1.02);
    border:1px solid rgb(120, 113, 245);
    box-shadow: rgba(120, 113, 245, 0.5) 0px 0px 10px 0px ;
    
}


.pstr001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.pstr001 :hover{
    background:rgba(255, 189, 182, 0.247);
    transform: scale(1.02);
    border:1px solid #e74c3c;
    box-shadow: rgba(231, 76, 60, 0.5) 0px 0px 10px 0px ;
    
}

.bootcampa001 {
    background:#FFF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.bootcampa001 :hover{
   
    transform: scale(1.02);
    border:1px solid #B49B4B;
    box-shadow: rgba(180, 155, 75, 0.5) 0px 0px 10px 0px ;
    
}

.bootcampa002 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.bootcampa002 :hover{
   
    transform: scale(1.02);
    border:1px solid #B49B4B;
    box-shadow: rgba(180, 155, 75, 0.5) 0px 0px 10px 0px ;
    
}



.auto001 {
    background:#FFF;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.auto001 :hover{
    background:rgba(182, 213, 245, 0.247);
    transform: scale(1.02);
    border:1px solid #003366;
    box-shadow: rgba(0, 51, 102, 0.5) 0px 0px 10px 0px ;
    
}


.us {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px;
}

.us :hover{
    transform: scale(1.02);
    border:1px solid #6666ff;
    box-shadow: rgba(161, 111, 255, 0.5) 0px 0px 10px 0px ;
    background:#efefff;
}


.leg001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.leg001 :hover{
    background:rgba(186, 227, 255, 0.247);
    transform: scale(1.02);
    border:1px solid #0099ff;
    box-shadow: rgba(0, 153, 255, 0.5) 0px 0px 10px 0px ;
    
}


.modelersho001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.modelersho001 :hover{
    background:rgba(255, 205, 195, 0.247);
    transform: scale(1.02);
    border:1px solid #FF6140;
    box-shadow: rgba(255, 97, 64, 0.5) 0px 0px 10px 0px ;
    
}


.pr001 {
    background:#F1F1F1;
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}

.pr001 :hover{
    transform: scale(1.02);
    border:1px solid rgb(172, 172, 172);
    box-shadow: rgba(120, 113, 245, 0.5) 0px 0px 10px 0px ;
    background:rgba(195, 192, 255, 0.219);
}

.pr002 {
    background:rgb(255, 255, 255);
    border:1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
    margin:5px
}



.slider__holder h1{
    font-size: 1px;
    vertical-align: top;
}

.a1 {  
    background:#f1f0ef;
    border:1px solid #CCC;
   
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-Radius:20px;
}


.a2 {  
    background:;
    border-right:1px solid #CCC;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;

}




.S1 {
  background-color: #f9f9f9;
  border-radius: 1.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  padding: 2rem;
  border: 1px solid #eee;
  width: 100%;
  margin: 2rem auto;
  color: #333;
}

.S1 .info-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  margin-bottom: 14px;
  line-height: 1.7;
}

.S1 .info-item svg {
  width: 24px;
  height: 24px;
  stroke: #0066CC;
  stroke-width: 2;
  fill: none;
  flex-shrink: 0;
}

.S1 .info-description {
  font-size: 16px;
  color: #444;
  margin-bottom: 24px;
  padding-right: 34px;
}