a{ text-decoration:none; }



.services-grid {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 20px auto;

    border-bottom: 5px solid #E1E1E1;

    max-width: 1200px;

}



.service-item {

    text-align: center;

    background-color: #e1e1e1;

    border-radius: 10px;

    height: 180px;

    display: flex;

    justify-content: center;

    align-content: center;

    flex-wrap: wrap;

    margin: 10px 10px 20px 10px ;

    width: 130px;

}



.service-item img {

    width: 100px;

    height: 100px;

    margin-bottom: 10px;

}



.service-item p {

    width: 100%;
    font-size: 20px;

}



.service-item.highlighted {

    border: 2px solid #ff6600;

}


.sort-box{ height:38px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; 
    margin: 20px auto;
    max-width: 1200px;}
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:38px; height:38px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#0089CD; background:#fff; }
	
	
.products-section {
 

    padding: 20px 50px;
 

}


.products-section .section-title {
    text-align: center;
    margin: 20px 0;
    color: #000;
    position: relative;
}

.products-grid {
    display: flex;
    overflow-x: auto;
    flex-wrap: wrap;
    margin: 20px auto;
    max-width: 1200px;
}



.products-grid  .review-card {
 

    width: 22%; 

}
.products-grid  .review-card h3{ 
    font-size: clamp(18px, 4vw, 16px);
    margin-bottom: 20px;
    color: #2569F2;}

 
.products-grid  .review-card p {
    font-size: clamp(14px, 3vw, 14px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
    text-align: justify;
}
/* Reviews Section */

.reviews-section {

    background-color: #1565C0;

    padding: 20px 50px;

    color: white;

}



.reviews-grid {

    display: flex;

    justify-content: space-between;

    overflow-x: auto;

    flex-wrap: wrap;

    margin: 20px auto;

    max-width: 1200px;

}



.review-card {

    background-color: white;

    color: black;

    width: 20%;

    margin: 10px;

    padding: 15px;

    border-radius: 8px;

    font-size: 12px;

}



.review-card img {

    width: 100%;

    object-fit: cover;

    margin-bottom: 10px;

    border-radius: 4px;

}



/* Partners Section */

.partners-section {

    background-color: white;

    padding: 20px 50px;

    text-align: center;

}



.partners-logos {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin: 20px 0;

}



.partner-logo {

    height: 60px;

    margin: 10px 15px;

}



.partner-logo.highlighted {

    border: 2px solid #ff6600;

}

main {
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
}

.info-title {
    margin: 40px 10px 0 10px;
    font-size: 18px;
    overflow: hidden;
    text-transform: uppercase;
}

.info-dec { margin:0 10px;padding-top:15px; border-bottom:1px #656565 dotted; margin-bottom:30px; line-height:30px; }
.info-dec span { padding:0 10px; }
.info-dec a { float:right;    color: #646464; }

 

.info-cont { overflow:hidden;margin:0 20px;padding:10px 0px 30px 0px;font-size:14px;line-height:1.8em;white-space:normal;text-justify:inter-ideograph;text-align:justify; }
.info-cont h1 { margin-top:20px;font-size:19px; }
.info-cont h2 { margin-top:20px;border-left:2px solid #ff8b02;text-indent:10px;font-size:17px; }
.info-cont p { margin:10px 0px 0px 0px;font-weight:500; }
.info-cont img { max-width:100%; }

@media screen and (max-width: 1240px) {
    main {
        margin-left: 20px;
        margin-right: 20px;
    }
}


  
.youshi ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto; 
    max-width: 1200px;
}
 


.youshi ul li {
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 10px 10px 20px 10px;
    width: 23%; 
    padding:30px 20px;    
    flex-direction: column;
    justify-content: flex-start;
     border-bottom:4px solid #f2b30b;
}

 
.youshi ul li img{ margin-bottom:20px; }
.youshi ul li p {
    line-height: 2;
    font-size: 14px;
    color:#000000;
    margin: 0 auto;
}
.youshi ul li p {
    line-height: 1.5;
    font-size: 14px; 
}
.youshi ul li img{ max-width:90px; margin: 0 auto; }
.youshi ul li p{ line-height:2; font-size:12px; max-width:96%; }
.youshi ul li h3     
{
    margin: 20px 0px 0px;
    font-size: 32px;  
}
.youshi ul li h4{ margin:10px 0px 30px; font-size:30px; color:#818181; }
.bannera{ position:relative;}

.bannera .pos{ position:absolute; left:10%; top:50%;     transform: translateY(-50%); background:rgba(255,255,255,.5); max-width:450px; padding:50px;  }
.bannera .pos .row1{ display:flex; align-items: center; margin-bottom:20px; }
.bannera .pos .row1 img{ height: 40px; width: auto; }
.bannera .pos .row2{ font-size:40px; margin-bottom:20px; }
.bannera .pos .row3 p{ font-size:16px; line-height:2; font-size:16px;   }


@media (max-width: 920px) {
    .youshi ul li {
        text-align: center;
        background-color: #ffffff;
        border-radius: 10px;
        height: auto;
        display: flex
;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 10px 1% 20px 1%;
        width: 46%;
        padding: 20px;
    }
    .bannera .pos { 
    max-width: 80%; 
        padding: 15px 50px;
}
.bannera .pos .row2 {
    font-size: 20px;
    margin-bottom: 10px;
}
}

@media (max-width: 768px) {
    .youshi ul li {
        text-align: center;
        background-color: #ffffff;
        border-radius: 10px;
        height: auto;
        display: flex ;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 10px 1% 20px 1%;
        width: 98%;
        padding: 20px;
    }
    
    
.bannera .pos .row3 p{ display:none;   }
 
.bannera .pos .row2 
{
    display:none;
}

.bannera .pos .row1 { 
    margin-bottom:  0px;
}
}