.service-banner{background-color:#dee4f1;}
.service-banner .container{display:flex;justify-content:center;align-items:center;height:500px;background-color:#dee4f1;}
.service-banner .content{background-color:#fff;border-radius:8px;max-width:860px;height:315px;margin:20px;padding:50px;display:grid;justify-items:start;justify-content:start;align-items:center;color:#2b2b2b}
.service-banner .content h1{margin:0;font-size:3.625rem;letter-spacing:1.16px;line-height:1.13}
.service-banner .content a{min-height:3.5rem;color:#Fff}
.service-banner .content p{margin:10px 0;font-size:1em}
.service-banner .content button{background-color:#06cd65;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px;font-size:1em;width:auto;height:40px}
.service-banner .content button:hover{background-color:#333}
.service-banner .images{display:flex;justify-content:center}
.service-banner .images img{width:280px;height:415px;margin:0 10px;border-radius:8px}

.service{margin:0 auto;width:1580px;}
.service .service-list{margin:30px 0;color:#171D29;padding:10px;}
.service .service-list{}
.service .service-list .se-list{}
.service .list-t{display:grid;place-items:center;margin-top:70px;}
.service .description{width:50%;text-align:center;}
.service .service-list .se-list .se-img{padding:10px;}
.service .service-list .se-list .se-img img{width:100%;height: 100%;object-fit: cover;}
hr{border-top:1px solid #969798;margin:0;width:70%;margin: 20px;}

.service .service-list .se-list .se-img .image-container{position:relative;display:inline-block;width:186px;height:186px}
.service .service-list .se-list .se-img .image{display:block}
.service .service-list .se-list .se-img .text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:white;text-align:center;opacity:0;transition:opacity 0.5s ease}
.service .service-list .se-list .se-img .image-container:hover .text{opacity:1;background-color:rgba(8,8,8,0.7)}
.service .service-list .se-list .se-img .image-container:hover{background-color:#fff}

.service .accessories{}
.service .accessories .ac-coener{max-width:258px;height:500px;background-color:#fff;border-radius:8px;overflow:hidden;position:relative;display:inline-block;padding:10px;margin:13px;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.service .accessories .ac-coener .ac-img{width:258px;height:258px}
.service .accessories .ac-coener .ac-img img{width:100%;height:100%;object-fit:cover}
.service .accessories .image-container{position:relative;display:inline-block;width:191px;height:191px}
.service .accessories .image{display:block}
.service .accessories .text{}



.service{margin:0 auto;width:1560px;}
.service .service-list{display:flex;margin:30px 0;color:#171D29;}
.service .service-list .content{padding-right:50px}
.service .service-list .content .details{}
.service .service-list .content-right{width:390px;background-color:#f0f0f0;padding: 40px;}

.bottomlist .custom_container{max-width:1580px;margin:0 auto}
.bottomlist .row::after{content:"";clear:both;display:table}
.bottomlist .column{float:left;width:23%;padding:20px 15px}
.bottomlist .card{background-color:white;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.3);overflow:hidden;transition:transform 0.3s ease-in-out}
.bottomlist .card:hover{transform:translateY(-5px)}
.bottomlist .card img{width:100%;height:auto;display:block}
.bottomlist .card h2{font-size:18px;padding:10px;color:white}
.bottomlist .card h3{font-size:16px;padding:10px}