.main-container{display:flex;background:white;border-radius:5px;box-shadow:0 10px 25px rgba(0,0,0,0.1);overflow:hidden;width:100%;flex-direction:row}
body.no-scroll{overflow:hidden!important;touch-action:none}.left-menu{width:280px;background:linear-gradient(90deg,rgba(42,123,155,1)0%,rgba(23,71,87,1)100%);color:white;padding:20px;flex-shrink:0;max-height:500px;overflow-y:auto}.left-menu::-webkit-scrollbar{width:6px}.left-menu::-webkit-scrollbar-thumb{background:#69abbc}.left-menu::-webkit-scrollbar-thumb:hover{background:#1f7b93}.left-menu h2{margin-top:0;font-size:22px;border-bottom:1px solid #34495e;padding-bottom:10px}.menu-item{margin:15px 0;padding:10px;color:#fff;border-radius:8px;cursor:pointer;transition:background 0.3s;font-size:14px;border:2px solid #fff}.menu-item:hover{background:#1f7b93;border:2px solid #fff}.menu-item.active{background:#fff;font-weight:600;color:#1f7b93;border:2px solid #1f7b93}.slider-container{flex:1;height:500px;position:relative;overflow:hidden;background:#0000000a}.slides-wrapper{display:flex;flex-direction:column;transition:transform 1s ease-in-out}.slide{height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transition:opacity 0.8s ease;position:absolute;top:0;width:100%}.slide h3{font-size:25px;position:relative;bottom:0;color:#0f7993}.slide img{display:block;max-width:100%;height:70%;width:85%;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.4s ease,box-shadow 0.4s ease;z-index:1;position:relative;top:20px}.slide img:hover{transform:scale(1.1);box-shadow:0 10px 25px rgba(0,0,0,0.25);z-index:2}.slide.active{opacity:1;position:relative}.btn-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;top:30px}.btn-group a{text-decoration:none;background:#1f7b93;color:white;padding:10px 15px;border-radius:16px;font-size:16px;transition:background 0.3s;color:#fff!important}.btn-group button{text-decoration:none;background:linear-gradient(90deg,rgba(42,123,155,1)0%,rgba(23,71,87,1)100%);color:white;padding:10px 15px;border-radius:16px;font-size:16px;transition:background 0.3s;color:#fff!important;border:2px solid #1f7b93;display:flex;align-items:center;gap:5px;cursor:pointer}.wcolor{background-color:#25d366!important;display:flex;align-items:center;gap:5px}.btn-group a:hover{background:#156172}
@media(max-width:768px){.main-container{flex-direction:column;height:auto}.left-menu{width:100%;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.left-menu::-webkit-scrollbar{display:block;height:5px;width:50px}.left-menu h2{display:none}.menu-item{display:inline-block;margin:0 8px;padding:10px 14px;font-size:14px}.slider-container{height:auto;padding:10px 0 62px 0}.slide{height:auto;padding:10px 0}.slide img{max-width:100%}.slides-wrapper{display:flex;flex-direction:column;transition:transform 0.5s ease-in-out}.slide{display:none}.slide h3{font-size:15px}.slide.active{display:flex}}
@media(max-width:480px){.btn-group{top:13px}.btn-group a{text-decoration:none;padding:10px 28px;border-radius:16px;font-size:14px;transition:background 0.3s;color:#fff!important}.btn-group button{text-decoration:none;background:linear-gradient(90deg,rgba(42,123,155,1)0%,rgba(23,71,87,1)100%);color:white;padding:8px 20px;border-radius:16px;font-size:14px;transition:background 0.3s;color:#fff!important;border:2px solid #1f7b93;display:flex;align-items:center;gap:5px;cursor:pointer}.menu-item{padding:8px 12px;font-size:13px}}