.box-1{width:100%;max-width:581px;text-align:center;background-color:#fff;border:solid 1px #CCC;border-radius:16px;padding:16px;box-sizing:border-box;transition:all 0.3s ease}.box-1:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#508EFF;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.box-1:focus-within{transform:translateY(-3px);box-shadow:0 0 0 3px rgba(80,142,255,.3),0 8px 25px rgba(0,0,0,.15);border-color:#508EFF;outline:none}.video-thumbnail-wrapper{position:relative;width:100%;margin:16px 0;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform 0.2s ease;display:block;line-height:0;font-size:0;background:transparent}.video-thumbnail-wrapper:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(80,142,255,.3)}.video-thumbnail{width:100%;height:auto!important;display:block;border-radius:8px;vertical-align:top;max-width:100%;object-fit:contain}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgba(0,0,0,.7);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease}.video-thumbnail-wrapper:hover .play-button-overlay{background:rgba(80,142,255,.9)}.play-button-overlay::after{content:'';width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.video-player-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:16px 0;border-radius:8px;overflow:hidden;background:#000}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.tooltip-feedback{position:absolute;background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:999;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.seprator{height:40px;background:#535353;width:1px}.img-sec{display:flex;justify-content:space-around;align-items:center}.logo_image_one,.logo_image_two{width:40%}.logo_image_one img,.logo_image_two img{max-width:100%;height:auto}.container_available_program{max-width:1204px;width:100%;margin:0 auto;padding:0 16px}.heading-1 .heading-title{margin:0;color:#508EFF;font-family:Roboto,sans-serif;font-weight:700;font-size:20px;display:block;line-height:100%;padding:21px 16px 8px 16px;text-decoration:none}.heading-2 .certificate-title{font-family:'Roboto',sans-serif;color:#000;font-size:24px;text-align:center;font-weight:600;line-height:100%;margin:0;padding:8px 0 6px 0;text-decoration:none}.heading-3 .school-name{font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;line-height:100%;color:#000;opacity:.7;padding:6px 16px 21px 16px;margin:0}.heading-4 .discount-info{border-radius:8px;background-color:#508EFF1A;padding:8px;font-family:'Roboto',sans-serif;font-size:15px;font-weight:400;line-height:150%;border:1px solid #508EFF33;text-align:center}.span-code{font-size:16px;background-color:#508EFF;font-weight:600;color:#fff;border:1px dashed #98BDFF;border-radius:5px;padding:3px 6px;cursor:pointer;transition:background-color 0.2s ease}.span-code:hover{background-color:#3a7de0;transform:scale(1.05);box-shadow:0 2px 8px rgba(58,125,224,.3)}.span-amount,.span-date{font-weight:600;margin:0}.heading-5 .late-discount{line-height:150%;padding:6px 16px 17px 16px;font-family:'Roboto',sans-serif;font-style:italic;font-size:16px;font-weight:400;color:#4D4D4D}.span-late-discount{font-weight:600}.button{margin:16px 0;text-align:center}.button .learn-more-btn{font-family:Raleway,sans-serif;line-height:20px;font-size:18px;font-weight:700;padding:14px 28px;color:#fff;background:#508EFF;border:solid 2px #508EFF;border-radius:8px;text-decoration:none;display:inline-block;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(80,142,255,.3);text-transform:uppercase;letter-spacing:.5px}.button .learn-more-btn:hover{background-color:#3a7de0;border-color:#3a7de0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(80,142,255,.4);color:#fff}.parent-div{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.mobile-slider-wrapper{position:relative;overflow:hidden}.mobile-nav{display:none;align-items:center;justify-content:center;gap:20px;margin-top:20px}.prev-arrow,.next-arrow{background-color:#508EFF;color:#fff;border:none;padding:12px 20px;font-size:20px;border-radius:50%;cursor:pointer;transition:all 0.3s ease;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.prev-arrow:hover:not(:disabled),.next-arrow:hover:not(:disabled){background-color:#3a7de0;transform:scale(1.1)}.prev-arrow:disabled,.next-arrow:disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.slider-dots{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:all 0.3s ease}.dot.active{background-color:#508EFF;width:24px;border-radius:4px}.mobile-counter{font-family:'Roboto',sans-serif;font-size:14px;color:#666;margin:0 16px}.box-1{flex-basis:calc(50% - 8px)}@media only screen and (max-width:767px){.container_available_program{padding:0}.parent-div{display:block;position:relative;width:100%}.box-1{display:none;opacity:0;transition:opacity 0.3s ease;max-width:100%;margin:0 auto;flex-basis:auto}.box-1.active{display:block;opacity:1}.mobile-nav{display:flex}h2.certificate-title{font-size:20px!important;line-height:26px!important}h2.school-name{font-size:16px!important;line-height:20px!important}h2.discount-info{font-size:16px!important;line-height:24px!important}h2.late-discount{font-size:16px!important;line-height:24px!important}.box-1{padding:24px 16px}.heading-title{font-size:18px!important}.button .learn-more-btn{font-size:16px;padding:12px 24px}}.swipe-hint{display:none}@media only screen and (max-width:767px){.swipe-hint{display:block;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;color:#999;font-style:italic;opacity:0;animation:fadeInOut 3s ease-in-out}}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}