.values-section{margin:20px auto;max-width:1200px;position:relative}.carousel-dots{display:none;margin-bottom:20px;text-align:center}.dot{background-color:#bbb;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:5px;width:10px}.dot.active{background-color:#302ab2}.carousel-container{display:flex;flex-wrap:wrap;gap:20px;margin:auto;width:1000px}.carousel-item{background:#f7f7f7;border-radius:10px;flex:1 1 calc(50% - 20px)}.carousel-item img{border-radius:10px;height:auto;margin-bottom:15px;width:486px}.carousel-item h3{color:#333;font-size:20px;margin-bottom:10px}.carousel-item p{color:#555;font-size:16px;line-height:1.5}.carousel-control{background:none;border:none;color:#333;cursor:pointer;font-size:24px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:100}.carousel-control.left{display:none;left:10px}.carousel-control.right{display:none;right:10px}.the-body{padding:20px;width:486px}@media (max-width:768px){.the-body{padding:20px;width:300px}.carousel-container{flex-wrap:nowrap;margin-left:15px;overflow:hidden;transition:transform .5s ease;width:1500px}.carousel-item{background:#f7f7f7;flex:none;width:360px}.carousel-control.left{display:none;left:10px}.carousel-control.right{display:none;right:10px}.carousel-dots{display:block;margin-bottom:20px;text-align:center}}@media (max-width:360px){.carousel-item{background:#f7f7f7;flex:none;width:330px}}