Media.css

.media-card{position:relative;transition:transform .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.media-background img{opacity:.85}.media-content-wrapper{display:flex;flex-direction:column}.media-image-container{border-radius:22px;overflow:hidden}.media-text-content{padding:8px 4px}@media (max-width:768px){.media-card{height:320px}.media-image-container{height:45%}}@media (max-width:640px){.media-card{height:300px}.media-image-container{height:50%}.media-text-content h3{font-size:14px}}@media (max-width:480px){.media-card{height:280px}.media-image-container{height:45%}.media-text-content p{font-size:12px;margin-bottom:4px}.media-text-content h3{font-size:13px;line-height:1.3}}.pagination-dots{gap:8px;justify-content:center}.footer-logo{max-width:280px;height:auto}@media (max-width:1023px){.footer-mission{max-width:100%}}@media (max-width:767px){.footer-container{text-align:center}.footer-logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.footer-section{margin-bottom:1.5rem}.footer-heading{margin-bottom:.75rem}.footer-heading,.footer-link,.social-icons-container{padding-left:0!important}.social-icons-container{justify-content:center}}@media(max-width:420px){.s-icon{text-align:left}}@media (max-width:640px){.button{flex-direction:row;justify-content:center;align-items:center}.hero-btn1{gap:6px}.hero-btn1,.hero-btn2{display:flex;height:39px;padding:8px 10px;align-items:center;justify-content:center;border-radius:10px;opacity:.83;background:#0093f1;color:#fff;font-size:13px;font-style:normal;font-weight:500;line-height:normal}.hero-btn2{gap:4px}}@media (max-width:420px){.heading{font-size:20px}.heading,.heading-content{text-align:left;padding-left:26px}.heading-content{font-size:13px;padding-bottom:5px}.hero-btn1{width:120px;font-size:12px;padding:8px}.hero-btn2{width:150px;font-size:12px;padding:8px 6px}.contact-us{color:#2ba5f3;font-size:12px;font-style:normal;font-weight:800;line-height:normal;display:flex;width:94px;height:29px;padding:8px 10px;justify-content:center;align-items:center;gap:4px;border-radius:12px;background:hsla(0,0%,100%,.94)}}@media (min-width:421px) and (max-width:639px){.hero-btn1{width:140px;font-size:13px}.hero-btn2{width:170px;font-size:13px}}.cs_hero_img.heroVideo{border-radius:9px}.hero-banner-desktop{display:flex;justify-content:center;align-items:center;gap:40px}.hero-banner-desktop-image{width:90%}.cs_pd_video .cs_video_open,.cs_sample_img .cs_video_open{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:68px;transition:all .3s ease;line-height:48px}.cs_pd_video .cs_video_open:hover,.cs_sample_img .cs_video_open:hover{color:hsla(0,0%,100%,.7)}.cs_video_popup{position:fixed;z-index:1000;top:0;width:100%;height:100%;left:-100%;transition-delay:.3s}.cs_video_popup.active{transition-delay:0s;left:0}.cs_video_popup_overlay{position:absolute;left:0;right:0;background:#000;transition:all .4s ease-out;opacity:0}.cs_video_popup.active .cs_video_popup_overlay{opacity:.8;height:100%;background:rgba(0,0,0,.5)}.cs_video_popup_content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;text-align:center;transition:all .4s ease-out;transform:translateY(100px);opacity:0;visibility:hidden;padding:15px}.cs_video_popup.active .cs_video_popup_content{transform:translateY(0);opacity:1;visibility:visible}.cs_video_popup_content:after{content:"";display:inline-block;height:100%;vertical-align:middle}.cs_video_popup_container{display:inline-block;position:relative;text-align:left;background:#fff;max-width:1380px;width:100%;vertical-align:middle}.cs_video_popup_container .embed-responsive{width:100%}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;height:100%}.embed-responsive-16by9:before{display:block;content:"";padding-top:56.25%}.embed-responsive iframe,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.cs_video_popup_close{position:absolute;top:0;right:0;width:40px;height:40px;background:#d90d0d;cursor:pointer;transition:all .4s ease-in-out}.cs_video_popup iframe{width:100%;height:100%;position:absolute}.cs_video_popup_close:before{transform:rotate(-45deg)}.cs_video_popup_close:after,.cs_video_popup_close:before{content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:1px;background:#fff;margin-left:-10px;transition:all .4s ease-in-out}.cs_video_popup_close:after{transform:rotate(45deg)}.cs_video_popup_close:hover:after,.cs_video_popup_close:hover:before{background:#000}.cs_video_popup_layer{position:absolute;left:0;bottom:0;right:0}.cs_video_popup_align{overflow:hidden}.blog-container{display:flex;flex-direction:row;gap:10rem;margin-right:30px;max-width:1200px;justify-content:center;align-items:center}@media (max-width:1024px){.blog-container{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width:767px){.blog-container{flex-direction:row;flex-wrap:wrap;justify-content:center;height:100%}}.media-card{position:relative;border-radius:.5rem;overflow:hidden;height:350px;width:100%;max-width:500px;display:block;transition:transform .3s ease,box-shadow .3s ease}.media-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,147,241,.2)}.media-background{position:absolute;inset:0;width:100%;height:100%}.media-content{position:relative;z-index:10;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.media-content-wrapper{width:100%;overflow:hidden}.media-image-container{position:relative;width:100%;height:200px;margin-bottom:1rem;transition:transform .3s ease}.media-card:hover .media-image-container{transform:scale(1.02)}.media-text-content{padding:.5rem 0}.post-date{color:#000;font-size:.875rem;margin-bottom:.5rem}.post-title{font-size:.9375rem;font-weight:600;text-decoration:underline;line-height:1.4;color:#000}.pagination{margin-top:2rem;padding:1rem 0}.pagination,.pagination-arrow{display:flex;justify-content:center;align-items:center}.pagination-arrow{flex-shrink:0;cursor:pointer;transition:transform .2s ease}.pagination-arrow:hover{transform:scale(1.1)}.pagination-indicator{display:flex;flex-direction:column;align-items:center;margin:0 1.25rem}.next-text{color:#000;font-size:1.5rem;font-weight:400;line-height:1.5;margin-bottom:.5rem}.pagination-dots{display:flex;gap:.5rem}.pagination-dot{width:10px;height:10px;background-color:#d1d5db;border-radius:50%;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.pagination-dot.active{width:12px;height:12px;background-color:#0093f1}.pagination-dot:hover:not(.active){transform:scale(1.2)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;height:300px}.loading-spinner{width:50px;height:50px;border-radius:50%;border:4px solid rgba(0,147,241,.2);border-top-color:#0093f1;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#0093f1;font-size:1.125rem;font-weight:500;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}