body {margin: 0;font-family: 'Arial', sans-serif;}.slider-container {position: relative;max-width: 1140px;width: 100%;margin: 50px auto;overflow: hidden;display: block;flex-direction: row;justify-content: space-between;}.main-pro-slider {overflow: hidden;max-width: 100%;margin-right: 15px;position: relative;display: none;border: 5px solid #ffc107;border-radius: 10px;}.slider-heading {text-align: center;background: #ffc107;padding: 2px;color: #ffffff;font-size: 21px;font-weight: 700;}.main-pro-slider.active {display: block;}.slides {display: inline-block;transition: transform 0.5s ease-in-out;height: 432px;}.slide {min-width: 100%;box-sizing: border-box;display: none;position: absolute;width: 100%;height: 100%;transition: transform 0.5s ease-in-out;}.slide.active {display: block;position: absolute;width: 100%;height: 100%;transition: transform 0.5s ease-in-out;}.slides.slides-anim-1 {display: flex;}.slides.slides-anim-1 .slide {position: unset;width: unset;height: unset;display: block;}img {max-width: 100%;height: auto;}.progress-bar {height: 10px;background-color: #ddd;position: absolute;bottom: 0;left: 0;width: 0%;}button.nav-btn {background: #ffc107;outline: none;border: none;border-radius: 50px;position: relative;z-index: 1;padding: 5px;margin: 0 3px;}button.nav-btn span {position: absolute;bottom: -35px;color: #fff;white-space: nowrap;left: -18px;font-size: 14px;}.navigation {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding: 2px 5px;border: 2px solid #ffc107;border-radius: 50px;position: absolute;margin: 0px 40px;z-index: 1;bottom: 33px;background: #ffffff;left: 0;right: 0;}.navigation:before {content: '';position: absolute;height: 3px;background: #dbdbdb;left: 0;right: 0;margin: 0 12px;}.navigation .nav-btn:hover .hover-caption {visibility: visible;}.navigation .nav-btn .hover-caption {visibility: hidden;background-color: orange;position: absolute;padding: 3px 5px;left: 2px;bottom: 20px;color: white;border: 1px solid white;}button.nav-btn.active {border: 3px solid #db8300;margin: 0 0px;}.thumb-navigation {display: flex;flex-direction: row;justify-content: flex-start;align-content: flex-end;flex-wrap: wrap;}.thumb-navigation .nav-btn-thumb {cursor: pointer;max-width: 45%;margin: 0 7px 14px;border: 3px solid #ffc107;border-radius: 7px;overflow: hidden;position: relative;}.slider-grp-title {background: #ffc107;color: #ffffff;font-size: 14px;text-align: center;padding-top: 2px;}.thumb-navigation .nav-btn-thumb:before {content: '';position: absolute;background: rgb(0 0 0 / 45%);z-index: 1;top: 0;bottom: 0;left: 0;right: 0;}.thumb-navigation .nav-btn-thumb.active:before {display: none;}.tab-content {display: none;}.tab-content.active {display: inline-flex;}.main-slide-content {display: none;}.main-slide-content.active {display: block;width: 60%;float: left;}.pro-slider-thumb {width: 40%;display: inline-block;}ul.tabs {list-style-type: none;margin: 0;padding: 0;}ul.tabs li {display: inline-block;cursor: pointer;padding: 5px;border: 2px solid #ffc107;border-radius: 10px;max-width: 120px;width: 100%;margin: 0 0px;color: #ffc107;font-weight: 700;}li.tab.active {background: #ffc107;color: #ffffff;}.slide-tabs {text-align: center;margin: 15px;}@media screen and (max-width: 768px) {.main-slide-content.active {width: 100%;}.pro-slider-thumb {width: 100%;}.tab-content.active {display: inline-flex;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}.main-pro-slider {margin-right: unset;}}@media screen and (max-width: 550px) {.tab-content.active {display: inline-flex;flex-wrap: wrap;justify-content: space-evenly;align-items: center;flex-direction: row;}}