/* RS Driving Training Center - Modern Premium Landing */ :root{--rs-lp-bg:#DDE3E8;--rs-lp-surface:#FFFFFF;--rs-lp-ink:#041B47;--rs-lp-accent:#C60000;--rs-lp-support:#526174;--rs-lp-border:#C7D0D9;--rs-lp-radius:14px;--rs-lp-shadow:0 18px 48px rgba(4,27,71,.09)} body.rs-modern-landing-body{margin:0;background:var(--rs-lp-bg);font-family:"Hind Siliguri",sans-serif;color:var(--rs-lp-ink)} .rs-modern-landing,.rs-modern-landing *{box-sizing:border-box} .rs-modern-landing{font-family:"Hind Siliguri",sans-serif;color:var(--rs-lp-ink);background:var(--rs-lp-bg);overflow:hidden;line-height:1.65} .rs-modern-landing a{color:inherit} .rs-modern-landing img{max-width:100%;height:auto} .rs-modern-landing button,.rs-modern-landing a{ -webkit-tap-highlight-color:transparent} .rs-modern-landing .rs-lp-container{width:min(1180px,calc(100% - 44px));margin-inline:auto} .rs-modern-landing .rs-lp-header{position:relative;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--rs-lp-border);backdrop-filter:blur(14px)} .rs-modern-landing .rs-lp-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px} .rs-modern-landing .rs-lp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0} .rs-modern-landing .rs-lp-brand img{display:block;width:auto;max-width:170px;max-height:58px;object-fit:contain} .rs-modern-landing .rs-lp-brand-name{font-size:16px;font-weight:700;line-height:1.25;max-width:170px} .rs-modern-landing .rs-lp-navlinks{display:flex;align-items:center;gap:25px} .rs-modern-landing .rs-lp-navlinks a{font-size:14px;font-weight:600;text-decoration:none;color:var(--rs-lp-support);transition:color .2s ease} .rs-modern-landing .rs-lp-navlinks a:hover{color:var(--rs-lp-accent)} .rs-modern-landing .rs-lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:10px;background:var(--rs-lp-accent);color:#fff!important;text-decoration:none;font:700 15px/1.25 "Hind Siliguri",sans-serif;cursor:pointer;box-shadow:0 7px 18px rgba(198,0,0,.16);transition:transform .2s ease,box-shadow .2s ease,background .2s ease} .rs-modern-landing .rs-lp-btn:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(198,0,0,.2);background:#C60000} .rs-modern-landing .rs-lp-btn--navy{background:var(--rs-lp-ink);box-shadow:0 7px 18px rgba(4,27,71,.13)} .rs-modern-landing .rs-lp-btn--navy:hover{background:#041B47;box-shadow:0 11px 25px rgba(4,27,71,.2)} .rs-modern-landing .rs-lp-menu-toggle{display:none;border:1px solid var(--rs-lp-border);background:#fff;color:var(--rs-lp-ink);border-radius:9px;width:44px;height:44px;font-size:23px;line-height:1;cursor:pointer} .rs-modern-landing .rs-lp-hero{padding:64px 0 48px;position:relative} .rs-modern-landing .rs-lp-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(30px,5vw,72px)} .rs-modern-landing .rs-lp-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:7px 12px;border:1px solid #C7D0D9;border-radius:7px;background:rgba(255,255,255,.62);color:var(--rs-lp-ink);font-size:13px;font-weight:700;letter-spacing:.01em} .rs-modern-landing .rs-lp-eyebrow:before{content:"";width:8px;height:8px;background:var(--rs-lp-accent);border-radius:50%} .rs-modern-landing .rs-lp-hero h1{margin:0 0 20px;max-width:680px;color:var(--rs-lp-ink);font-size:clamp(36px,4.5vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.2} .rs-modern-landing .rs-lp-hero h1 span{color:var(--rs-lp-accent)} .rs-modern-landing .rs-lp-hero-copy{margin:0;max-width:600px;color:var(--rs-lp-support);font-size:clamp(16px,1.5vw,19px);line-height:1.85} .rs-modern-landing .rs-lp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .rs-modern-landing .rs-lp-hero-note{display:flex;align-items:center;gap:10px;margin-top:25px;color:var(--rs-lp-support);font-size:13px} .rs-modern-landing .rs-lp-note-dot{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#fff;border:1px solid var(--rs-lp-border);color:var(--rs-lp-accent);font-weight:700} .rs-modern-landing .rs-lp-hero-visual{position:relative;min-height:440px;border-radius:22px;overflow:hidden;background:var(--rs-lp-ink);box-shadow:var(--rs-lp-shadow)} .rs-modern-landing .rs-lp-hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:rgba(4,27,71,.52)} .rs-modern-landing .rs-lp-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.94} .rs-modern-landing .rs-lp-visual-copy{position:absolute;z-index:2;left:26px;right:26px;bottom:25px;color:#fff} .rs-modern-landing .rs-lp-visual-copy small{display:block;margin-bottom:7px;color:#DDE3E8;font-size:13px;font-weight:600} .rs-modern-landing .rs-lp-visual-copy strong{display:block;max-width:400px;font-size:clamp(23px,2.6vw,34px);line-height:1.3} .rs-modern-landing .rs-lp-visual-index{position:absolute;z-index:2;top:22px;left:22px;padding:8px 12px;border:1px solid rgba(255,255,255,.42);border-radius:7px;background:rgba(4,27,71,.54);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)} .rs-modern-landing .rs-lp-benefits{position:relative;z-index:3;padding:0 0 54px} .rs-modern-landing .rs-lp-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--rs-lp-border);border-radius:14px;box-shadow:0 12px 30px rgba(4,27,71,.055);overflow:hidden} .rs-modern-landing .rs-lp-benefit{display:flex;align-items:flex-start;gap:13px;padding:22px 24px} .rs-modern-landing .rs-lp-benefit+.rs-lp-benefit{border-left:1px solid var(--rs-lp-border)} .rs-modern-landing .rs-lp-benefit-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:10px;background:#DDE3E8;color:var(--rs-lp-accent);font-size:17px;font-weight:700} .rs-modern-landing .rs-lp-benefit strong{display:block;margin:0 0 3px;font-size:15px;color:var(--rs-lp-ink)} .rs-modern-landing .rs-lp-benefit span{display:block;color:var(--rs-lp-support);font-size:13px;line-height:1.55} .rs-modern-landing .rs-lp-section-intro{padding:16px 0 30px} .rs-modern-landing .rs-lp-section-intro-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px} .rs-modern-landing .rs-lp-kicker{display:block;margin-bottom:8px;color:var(--rs-lp-accent);font-size:13px;font-weight:700;letter-spacing:.05em} .rs-modern-landing .rs-lp-section-intro h2{margin:0;color:var(--rs-lp-ink);font-size:clamp(27px,3vw,40px);line-height:1.25} .rs-modern-landing .rs-lp-section-intro p{max-width:450px;margin:0;color:var(--rs-lp-support);font-size:15px;line-height:1.8} .rs-modern-landing .rs-lp-process{padding:58px 0;background:#fff;border-block:1px solid var(--rs-lp-border)} .rs-modern-landing .rs-lp-process-head{text-align:center;max-width:700px;margin:0 auto 30px} .rs-modern-landing .rs-lp-process-head h2{margin:0 0 10px;font-size:clamp(28px,3vw,38px);line-height:1.3} .rs-modern-landing .rs-lp-process-head p{margin:0;color:var(--rs-lp-support)} .rs-modern-landing .rs-lp-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .rs-modern-landing .rs-lp-process-card{padding:24px;border:1px solid var(--rs-lp-border);border-radius:14px;background:#fff} .rs-modern-landing .rs-lp-process-num{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:16px;border-radius:10px;background:var(--rs-lp-ink);color:#fff;font-weight:700} .rs-modern-landing .rs-lp-process-card h3{margin:0 0 7px;color:var(--rs-lp-ink);font-size:19px} .rs-modern-landing .rs-lp-process-card p{margin:0;color:var(--rs-lp-support);font-size:14px;line-height:1.75} .rs-modern-landing .rs-lp-final-cta{margin:54px auto;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--rs-lp-ink);border-radius:18px;color:#fff} .rs-modern-landing .rs-lp-final-cta h2{margin:0 0 7px;color:#fff;font-size:clamp(24px,2.8vw,34px);line-height:1.3} .rs-modern-landing .rs-lp-final-cta p{margin:0;color:#DDE3E8;font-size:14px} .rs-modern-landing .rs-lp-final-cta .rs-lp-btn{flex-shrink:0} .rs-modern-landing .rs-lp-footer{padding:22px 0;background:#041B47;color:#DDE3E8} .rs-modern-landing .rs-lp-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px} .rs-modern-landing .rs-lp-footer a{color:#fff;text-decoration:none} .rs-modern-landing .rs-lp-footer a:hover{text-decoration:underline} /* Restyle preserved legacy HTML sections without changing their source content or form logic. */ .rs-modern-landing #training-courses,.rs-modern-landing .rs-pricing-section{background:var(--rs-lp-bg)!important;color:var(--rs-lp-ink)!important;padding:54px 0!important;font-family:"Hind Siliguri",sans-serif} .rs-modern-landing .rs-pricing-section .container{width:min(1180px,calc(100% - 44px))!important;max-width:1180px!important} .rs-modern-landing .rs-pricing-section h2,.rs-modern-landing .rs-pricing-section h3{color:var(--rs-lp-ink)!important} .rs-modern-landing .rs-pricing-section p{color:var(--rs-lp-support)} .rs-modern-landing .rs-pricing-section .course-card,.rs-modern-landing .rs-pricing-section .pricing-card,.rs-modern-landing .rs-pricing-section .course-box{border:1px solid var(--rs-lp-border)!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(4,27,71,.07)!important} .rs-modern-landing .instructors-section{background:var(--rs-lp-bg)!important;color:var(--rs-lp-ink)!important;padding:60px 0!important} .rs-modern-landing .instructors-section .container,.rs-modern-landing .director-section .container{max-width:1180px!important;width:min(1180px,calc(100% - 44px))!important} .rs-modern-landing .instructors-section .section-header h2,.rs-modern-landing .instructors-section .section-header h2 span{color:var(--rs-lp-ink)!important} .rs-modern-landing .instructors-section .section-header p{color:var(--rs-lp-support)!important} .rs-modern-landing .instructor-card{border:1px solid var(--rs-lp-border)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 10px 26px rgba(4,27,71,.07)!important;background:#fff!important} .rs-modern-landing .director-section{background:var(--rs-lp-bg)!important;color:var(--rs-lp-ink)!important;padding:54px 0!important} .rs-modern-landing .director-card{border-radius:18px!important;overflow:hidden} .rs-modern-landing .contact-location-area{background:var(--rs-lp-ink)!important;color:#fff!important;padding:64px 20px!important} .rs-modern-landing .contact-location-area .contact-container{max-width:1180px!important} .rs-modern-landing .main-footer{background:#041B47!important;color:#fff!important;padding:44px max(22px,calc((100% - 1180px)/2)) 22px!important;font-family:"Hind Siliguri",sans-serif} .rs-modern-landing .main-footer a{color:#fff!important} .rs-modern-landing .rs-lp-legacy{width:100%} .rs-modern-landing .rs-lp-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease} .rs-modern-landing .rs-lp-reveal.is-visible{opacity:1;transform:translateY(0)} @media(max-width:900px){.rs-modern-landing .rs-lp-navlinks{gap:14px}.rs-modern-landing .rs-lp-navlinks>a:not(.rs-lp-btn){display:none}.rs-modern-landing .rs-lp-hero{padding-top:44px}.rs-modern-landing .rs-lp-hero-grid{grid-template-columns:1fr 0.82fr;gap:26px}.rs-modern-landing .rs-lp-hero-visual{min-height:390px}.rs-modern-landing .rs-lp-benefit{padding:18px}.rs-modern-landing .rs-lp-section-intro-inner{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:680px){.rs-modern-landing .rs-lp-container{width:calc(100% - 32px)}.rs-modern-landing .rs-lp-nav{min-height:70px;gap:12px}.rs-modern-landing .rs-lp-brand img{max-width:135px;max-height:48px}.rs-modern-landing .rs-lp-brand-name{font-size:13px}.rs-modern-landing .rs-lp-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.rs-modern-landing .rs-lp-navlinks{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 7px);padding:16px;align-items:stretch;flex-direction:column;gap:14px;border:1px solid var(--rs-lp-border);border-radius:12px;background:#fff;box-shadow:var(--rs-lp-shadow)}.rs-modern-landing .rs-lp-navlinks.is-open{display:flex}.rs-modern-landing .rs-lp-navlinks a{display:block!important;padding:5px 3px}.rs-modern-landing .rs-lp-navlinks .rs-lp-btn{text-align:center}.rs-modern-landing .rs-lp-hero{padding:34px 0 28px}.rs-modern-landing .rs-lp-hero-grid{grid-template-columns:1fr;gap:25px}.rs-modern-landing .rs-lp-hero h1{font-size:clamp(34px,9vw,46px)}.rs-modern-landing .rs-lp-hero-visual{min-height:350px;order:-1}.rs-modern-landing .rs-lp-hero-actions{display:grid;grid-template-columns:1fr}.rs-modern-landing .rs-lp-hero-actions .rs-lp-btn{width:100%}.rs-modern-landing .rs-lp-benefits{padding-bottom:30px}.rs-modern-landing .rs-lp-benefit-grid{grid-template-columns:1fr}.rs-modern-landing .rs-lp-benefit+.rs-lp-benefit{border-left:0;border-top:1px solid var(--rs-lp-border)}.rs-modern-landing .rs-lp-section-intro{padding-top:8px}.rs-modern-landing .rs-lp-process{padding:42px 0}.rs-modern-landing .rs-lp-process-grid{grid-template-columns:1fr}.rs-modern-landing .rs-lp-final-cta{margin:32px auto;padding:25px;align-items:flex-start;flex-direction:column}.rs-modern-landing .rs-lp-footer-inner{align-items:flex-start;flex-direction:column;gap:8px}.rs-modern-landing #training-courses,.rs-modern-landing .rs-pricing-section{padding:38px 0!important}.rs-modern-landing .rs-pricing-section .container,.rs-modern-landing .instructors-section .container,.rs-modern-landing .director-section .container{width:calc(100% - 32px)!important}.rs-modern-landing .contact-location-area{padding:42px 16px!important}.rs-modern-landing .main-footer{padding:36px 16px 20px!important}} @media(prefers-reduced-motion:reduce){.rs-modern-landing *, .rs-modern-landing *:before,.rs-modern-landing *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rs-modern-landing .rs-lp-reveal{opacity:1;transform:none}} /* Responsive page-wide surface and color corrections */ .rs-modern-landing .contact-location-area, .rs-modern-landing .main-footer{ background:var(--rs-lp-bg)!important; color:var(--rs-lp-ink)!important; border-top:1px solid var(--rs-lp-border); } .rs-modern-landing .contact-location-area .contact-info h2, .rs-modern-landing .contact-location-area .contact-info h3, .rs-modern-landing .contact-location-area .contact-info p, .rs-modern-landing .contact-location-area .info-item, .rs-modern-landing .contact-location-area .info-item h3, .rs-modern-landing .contact-location-area .info-item p, .rs-modern-landing .contact-location-area .info-text, .rs-modern-landing .contact-location-area .info-text p{ color:var(--rs-lp-ink)!important; } .rs-modern-landing .contact-location-area h2 span, .rs-modern-landing .contact-location-area h3 span, .rs-modern-landing .main-footer .footer-col h3{ color:var(--rs-lp-accent)!important; } .rs-modern-landing .contact-location-area .info-item, .rs-modern-landing .contact-location-area .contact-info, .rs-modern-landing .contact-location-area .map-container, .rs-modern-landing .contact-location-area .map-box{ border-radius:14px; } .rs-modern-landing .contact-location-area a, .rs-modern-landing .main-footer a, .rs-modern-landing .main-footer p, .rs-modern-landing .main-footer li, .rs-modern-landing .main-footer span, .rs-modern-landing .main-footer .footer-col{ color:var(--rs-lp-ink)!important; } .rs-modern-landing .main-footer{padding-top:42px!important;padding-bottom:22px!important} .rs-modern-landing .main-footer .footer-col h3:after{background:var(--rs-lp-accent)!important} .rs-modern-landing .main-footer .footer-bottom, .rs-modern-landing .main-footer .footer-bottom p{border-color:var(--rs-lp-border)!important;color:var(--rs-lp-support)!important} .rs-modern-landing .main-footer a:hover, .rs-modern-landing .contact-location-area a:hover{color:var(--rs-lp-accent)!important} .rs-modern-landing .rs-pricing-section .pricing-card{ background:var(--rs-lp-surface)!important;border-color:var(--rs-lp-border)!important; border-radius:18px!important;box-shadow:0 12px 30px rgba(4,27,71,.07)!important; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important } .rs-modern-landing .rs-pricing-section .pricing-card h3{color:var(--rs-lp-ink)!important} .rs-modern-landing .rs-pricing-section .pricing-card .amount{color:var(--rs-lp-ink)!important} .rs-modern-landing .rs-pricing-section .pricing-card .benefit-list li{color:var(--rs-lp-support)!important} .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn, .rs-modern-landing .rs-premium-modal #submitBtn, .rs-modern-landing .rs-premium-modal .success-close-btn{ background:var(--rs-lp-accent)!important;color:#fff!important;border:0!important; border-radius:10px!important;min-height:50px!important;font-family:"Hind Siliguri",sans-serif; font-weight:700!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important } .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn:hover, .rs-modern-landing .rs-premium-modal #submitBtn:hover, .rs-modern-landing .rs-premium-modal .success-close-btn:hover{ background:var(--rs-lp-ink)!important;transform:translateY(-1px); box-shadow:0 8px 18px rgba(4,27,71,.15)!important } .rs-modern-landing .rs-pricing-section .popular-label{background:var(--rs-lp-ink)!important;color:#fff!important} .rs-modern-landing .rs-pricing-section .pricing-card.popular{border-color:var(--rs-lp-accent)!important} .rs-modern-landing .rs-premium-modal .modal-overlay{background:rgba(4,27,71,.68)!important;backdrop-filter:blur(8px)!important} .rs-modern-landing .rs-premium-modal .modal-wrapper{ min-height:100dvh;height:100dvh;padding:clamp(12px,3vw,28px)!important; overflow-y:auto;align-items:center;overscroll-behavior:contain } .rs-modern-landing .rs-premium-modal .modal-card{ width:min(920px,100%)!important;max-width:920px!important;max-height:calc(100dvh - 40px); overflow-y:auto;border:1px solid var(--rs-lp-border)!important;border-radius:22px!important; box-shadow:0 24px 80px rgba(4,27,71,.24)!important;animation:rsModalEnter .32s cubic-bezier(.2,.8,.2,1) both } .rs-modern-landing .rs-premium-modal .modal-sidebar{ flex:0 0 34%!important;padding:clamp(22px,3vw,38px)!important; background:var(--rs-lp-ink)!important;color:#fff!important } .rs-modern-landing .rs-premium-modal .modal-sidebar h2{font-size:clamp(21px,2.2vw,28px)!important;line-height:1.25!important} .rs-modern-landing .rs-premium-modal .logo-circle{color:var(--rs-lp-ink)!important;border-radius:12px!important} .rs-modern-landing .rs-premium-modal .selected-course-badge{ background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important } .rs-modern-landing .rs-premium-modal #displayCourse{color:#fff!important;overflow-wrap:anywhere} .rs-modern-landing .rs-premium-modal .modal-form-area{ flex:1 1 66%!important;min-width:0;padding:clamp(22px,3.5vw,42px)!important;background:#fff!important } .rs-modern-landing .rs-premium-modal .form-header h3{ margin:0 42px 26px 0!important;border-left:4px solid var(--rs-lp-accent)!important; padding-left:14px!important;color:var(--rs-lp-ink)!important;font-size:clamp(22px,2.2vw,28px)!important } .rs-modern-landing .rs-premium-modal .premium-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px} .rs-modern-landing .rs-premium-modal .premium-form .floating-group{min-width:0;margin:0 0 6px!important} .rs-modern-landing .rs-premium-modal .premium-form .floating-group:nth-of-type(4){grid-column:1/-1} .rs-modern-landing .rs-premium-modal .floating-group input, .rs-modern-landing .rs-premium-modal .floating-group textarea{ display:block;width:100%!important;min-width:0;min-height:52px;padding:15px 14px 10px!important; background:#DDE3E8!important;border:1px solid var(--rs-lp-border)!important;border-radius:10px!important; border-bottom:1px solid var(--rs-lp-border)!important;color:var(--rs-lp-ink)!important; outline:none!important;box-shadow:none!important;font:400 16px/1.5 "Hind Siliguri",sans-serif; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important } .rs-modern-landing .rs-premium-modal .floating-group textarea{min-height:104px;resize:vertical} .rs-modern-landing .rs-premium-modal .floating-group label{ left:14px!important;top:14px!important;color:var(--rs-lp-support)!important; font-size:14px!important;line-height:1.4!important;transition:all .18s ease!important } .rs-modern-landing .rs-premium-modal .floating-group input:focus, .rs-modern-landing .rs-premium-modal .floating-group textarea:focus{ background:#fff!important;border-color:var(--rs-lp-accent)!important; box-shadow:0 0 0 3px rgba(198,0,0,.09)!important } .rs-modern-landing .rs-premium-modal .floating-group input:focus~label, .rs-modern-landing .rs-premium-modal .floating-group input:not(:placeholder-shown)~label, .rs-modern-landing .rs-premium-modal .floating-group textarea:focus~label, .rs-modern-landing .rs-premium-modal .floating-group textarea:not(:placeholder-shown)~label{ top:-9px!important;left:9px!important;padding:0 5px!important;background:#fff!important; color:var(--rs-lp-accent)!important;font-size:12px!important;font-weight:700!important } .rs-modern-landing .rs-premium-modal .focus-border{display:none!important} .rs-modern-landing .rs-premium-modal #submitBtn{grid-column:1/-1;margin-top:2px;padding:14px 20px!important} .rs-modern-landing .rs-premium-modal .close-premium-btn{ position:sticky!important;float:right;top:10px;right:12px;margin-bottom:-42px; display:flex;align-items:center;justify-content:center;width:38px;height:38px; border:1px solid var(--rs-lp-border);border-radius:10px;background:#fff;color:var(--rs-lp-ink)!important; font-size:25px!important;line-height:1;cursor:pointer;z-index:15 } .rs-modern-landing .rs-premium-modal .close-premium-btn:hover{color:var(--rs-lp-accent)!important;border-color:var(--rs-lp-accent)} .rs-modern-landing .rs-premium-modal .success-card{ width:min(480px,100%);max-height:calc(100dvh - 36px);overflow:auto; border:1px solid var(--rs-lp-border)!important;border-radius:22px!important; box-shadow:0 24px 80px rgba(4,27,71,.24)!important;animation:rsModalEnter .32s ease both } .rs-modern-landing .rs-premium-modal .success-icon-wrap{background:var(--rs-lp-ink)!important} .rs-modern-landing .rs-lp-hero-visual{isolation:isolate} .rs-modern-landing .rs-lp-hero-photo{object-position:center 35%;transform:scale(1.01);transition:transform .8s cubic-bezier(.2,.8,.2,1)} .rs-modern-landing .rs-lp-hero-visual:hover .rs-lp-hero-photo{transform:scale(1.055)} .rs-modern-landing .rs-lp-benefit,.rs-modern-landing .rs-lp-process-card, .rs-modern-landing .rs-modern-landing .instructor-card{transition:transform .28s ease,box-shadow .28s ease} .rs-modern-landing .rs-lp-benefit:hover,.rs-modern-landing .rs-lp-process-card:hover, .rs-modern-landing .instructor-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(4,27,71,.1)} .rs-modern-landing .rs-pricing-section .pricing-card.rs-lp-card-visible{animation:rsCardEnter .48s cubic-bezier(.2,.8,.2,1) both} .rs-modern-landing .rs-lp-process-card.rs-lp-card-visible{animation:rsCardEnter .48s cubic-bezier(.2,.8,.2,1) both} @keyframes rsModalEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes rsCardEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}} @media(min-width:1201px){ .rs-modern-landing .rs-lp-hero-grid{gap:clamp(56px,5.5vw,86px)} .rs-modern-landing .rs-lp-hero-visual{min-height:500px} } @media(min-width:1025px) and (max-width:1200px){ .rs-modern-landing .rs-lp-container{width:min(1100px,calc(100% - 48px))} .rs-modern-landing .rs-lp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:34px} .rs-modern-landing .rs-lp-hero-visual{min-height:430px} .rs-modern-landing .rs-lp-navlinks{gap:16px} } @media(min-width:681px) and (max-width:1024px){ .rs-modern-landing .rs-lp-container{width:calc(100% - 40px)} .rs-modern-landing .rs-lp-hero{padding:44px 0 36px} .rs-modern-landing .rs-lp-hero-grid{grid-template-columns:1fr 0.88fr;gap:24px} .rs-modern-landing .rs-lp-hero h1{font-size:clamp(34px,4.3vw,46px)} .rs-modern-landing .rs-lp-hero-visual{min-height:370px} .rs-modern-landing .rs-lp-benefit{padding:18px 16px} .rs-modern-landing .rs-lp-benefit-icon{flex-basis:34px;height:34px} .rs-modern-landing .rs-lp-process-grid{gap:12px} .rs-modern-landing .rs-lp-process-card{padding:20px} .rs-modern-landing .rs-lp-navlinks{gap:12px} .rs-modern-landing .rs-lp-navlinks a{font-size:13px} .rs-modern-landing .rs-lp-navlinks .rs-lp-btn{padding:10px 13px} } @media(max-width:768px){ .rs-modern-landing .rs-premium-modal .modal-wrapper{align-items:flex-start;padding:10px!important} .rs-modern-landing .rs-premium-modal .modal-card{max-height:calc(100dvh - 20px);flex-direction:column!important;border-radius:18px!important} .rs-modern-landing .rs-premium-modal .modal-sidebar{flex:auto!important;padding:18px 20px!important} .rs-modern-landing .rs-premium-modal .modal-sidebar .logo-circle{width:36px;height:36px;margin-bottom:8px} .rs-modern-landing .rs-premium-modal .modal-sidebar h2{margin:0 0 5px!important;font-size:20px!important} .rs-modern-landing .rs-premium-modal .modal-sidebar p{margin:0!important;font-size:13px} .rs-modern-landing .rs-premium-modal .selected-course-badge{margin-top:12px!important;padding:10px 12px!important} .rs-modern-landing .rs-premium-modal #displayCourse{font-size:16px!important} .rs-modern-landing .rs-premium-modal .modal-form-area{padding:22px 20px 24px!important} .rs-modern-landing .rs-premium-modal .form-header h3{margin-bottom:18px!important} .rs-modern-landing .rs-premium-modal .premium-form{grid-template-columns:1fr;gap:14px} .rs-modern-landing .rs-premium-modal .premium-form .floating-group:nth-of-type(4){grid-column:auto} .rs-modern-landing .rs-premium-modal #submitBtn{grid-column:auto} .rs-modern-landing .contact-location-area .contact-container{grid-template-columns:1fr!important;gap:24px!important} .rs-modern-landing .main-footer .footer-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important} } @media(max-width:480px){ .rs-modern-landing .rs-lp-container{width:calc(100% - 28px)} .rs-modern-landing .rs-lp-hero-visual{min-height:300px;border-radius:16px} .rs-modern-landing .rs-lp-visual-copy{left:18px;right:18px;bottom:18px} .rs-modern-landing .rs-lp-visual-index{top:14px;left:14px;font-size:10px} .rs-modern-landing .rs-lp-benefit{padding:16px} .rs-modern-landing .rs-lp-process-card{padding:19px} .rs-modern-landing .rs-pricing-section .container{width:calc(100% - 28px)!important} .rs-modern-landing .rs-premium-modal .modal-sidebar{padding:14px 16px!important} .rs-modern-landing .rs-premium-modal .modal-form-area{padding:18px 16px 20px!important} .rs-modern-landing .rs-premium-modal .form-header h3{font-size:21px!important} .rs-modern-landing .rs-premium-modal .floating-group input, .rs-modern-landing .rs-premium-modal .floating-group textarea{font-size:16px!important} .rs-modern-landing .main-footer .footer-container{grid-template-columns:1fr!important} .rs-modern-landing .contact-location-area{padding:36px 14px!important} } @media(prefers-reduced-motion:reduce){ .rs-modern-landing .rs-lp-reveal,.rs-modern-landing .rs-lp-card-visible{opacity:1!important;transform:none!important;animation:none!important} .rs-modern-landing .rs-lp-hero-photo{transform:none!important} } /* Final modal and animation polish */ .rs-modern-landing .rs-premium-modal .modal-card{position:relative} .rs-modern-landing .rs-premium-modal .close-premium-btn{ position:absolute!important;top:12px!important;right:12px!important;float:none!important; margin:0!important;flex:none!important } .rs-modern-landing .rs-premium-modal .premium-form .floating-group:nth-of-type(3){grid-column:1/-1} .rs-modern-landing .rs-pricing-section .pricing-card.rs-lp-card-visible, .rs-modern-landing .rs-lp-process-card.rs-lp-card-visible, .rs-modern-landing .instructor-card.rs-lp-card-visible{animation:rsCardEnter .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--rs-card-delay,0ms)} .rs-modern-landing .rs-lp-photo-credit{ position:absolute;z-index:3;right:12px;bottom:10px;padding:3px 7px;border-radius:5px; color:#fff!important;background:rgba(4,27,71,.62);font-size:10px;line-height:1.4;text-decoration:none;opacity:.82 } .rs-modern-landing .rs-lp-photo-credit:hover{opacity:1;text-decoration:underline} @media(max-width:768px){ .rs-modern-landing .rs-premium-modal .close-premium-btn{top:10px!important;right:10px!important} .rs-modern-landing .rs-premium-modal .modal-sidebar{padding-right:58px!important} } @media(prefers-reduced-motion:reduce){ .rs-modern-landing .rs-pricing-section .pricing-card.rs-lp-card-visible, .rs-modern-landing .rs-lp-process-card.rs-lp-card-visible, .rs-modern-landing .instructor-card.rs-lp-card-visible{animation:none!important} } /* Light-surface treatment for lower-page panels that previously used near-black fills */ .rs-modern-landing .instructors-section .inst-img-box{background:var(--rs-lp-bg)!important} .rs-modern-landing .instructors-section .instructor-card{background:#FFFFFF!important;color:var(--rs-lp-ink)!important;border:1px solid var(--rs-lp-border)!important} .rs-modern-landing .instructors-section .instructor-card h4{color:var(--rs-lp-ink)!important} .rs-modern-landing .instructors-section .instructor-card p{color:var(--rs-lp-support)!important} .rs-modern-landing .instructors-section .instructor-card .specialty{ background:var(--rs-lp-bg)!important;color:var(--rs-lp-ink)!important;border:1px solid var(--rs-lp-border)!important } .rs-modern-landing .director-section .magic-border-box{ padding:1px!important;background:var(--rs-lp-bg)!important;border:1px solid var(--rs-lp-border)!important; border-radius:22px!important;box-shadow:0 18px 44px rgba(4,27,71,.08)!important } .rs-modern-landing .director-section .magic-border-box:before{display:none!important;animation:none!important} .rs-modern-landing .director-section .director-card{ background:#FFFFFF!important;color:var(--rs-lp-ink)!important;border:0!important; border-radius:21px!important;box-shadow:none!important } .rs-modern-landing .director-section .director-img-box{background:var(--rs-lp-bg)!important} .rs-modern-landing .director-section .director-name-main, .rs-modern-landing .director-section .director-content-center h2{color:var(--rs-lp-ink)!important} .rs-modern-landing .director-section .director-bio, .rs-modern-landing .director-section .director-meta-center{color:var(--rs-lp-support)!important} .rs-modern-landing .director-section .director-badge{background:var(--rs-lp-bg)!important;color:var(--rs-lp-ink)!important;border:1px solid var(--rs-lp-border)!important} .rs-modern-landing .director-section .contact-btn{background:var(--rs-lp-accent)!important;color:#FFFFFF!important} .rs-modern-landing .contact-location-area .info-item, .rs-modern-landing .contact-location-area .map-box{ background:#FFFFFF!important;color:var(--rs-lp-ink)!important;border:1px solid var(--rs-lp-border)!important; border-radius:14px!important;box-shadow:0 10px 26px rgba(4,27,71,.06)!important } .rs-modern-landing .contact-location-area .info-item h3, .rs-modern-landing .contact-location-area .info-item p, .rs-modern-landing .contact-location-area .info-item a{color:var(--rs-lp-ink)!important} .rs-modern-landing .contact-location-area .info-icon{background:var(--rs-lp-bg)!important;color:var(--rs-lp-accent)!important} .rs-modern-landing .main-footer .social-list a{ background:#FFFFFF!important;color:var(--rs-lp-ink)!important;border:1px solid var(--rs-lp-border)!important } .rs-modern-landing .main-footer .social-list a:hover{background:var(--rs-lp-ink)!important;color:#FFFFFF!important} /* Mobile course cards: centered layout and consistent spacing */ @media(max-width:680px){ .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{ width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important; text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important; padding:26px 22px!important; } .rs-modern-landing .rs-pricing-section .pricing-card h3, .rs-modern-landing .rs-pricing-section .pricing-card p, .rs-modern-landing .rs-pricing-section .pricing-card .amount, .rs-modern-landing .rs-pricing-section .course-card h3, .rs-modern-landing .rs-pricing-section .course-box h3{ text-align:center!important; } .rs-modern-landing .rs-pricing-section .pricing-card .benefit-list{ width:100%!important;max-width:360px!important;margin:20px auto!important;padding:0!important; text-align:left!important; } .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn, .rs-modern-landing .rs-pricing-section .course-card .enroll-btn, .rs-modern-landing .rs-pricing-section .course-box .enroll-btn{ width:100%!important;max-width:100%!important;margin:22px auto 0!important;display:flex!important; align-items:center!important;justify-content:center!important;text-align:center!important; } .rs-modern-landing .rs-pricing-section .pricing-card .amount{ width:100%;display:block!important;margin:18px auto 22px!important; } } @media(max-width:480px){ .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{padding:24px 18px!important;border-radius:18px!important} } /* Premium mobile 2x2 course grid and CTA motion */ @media(max-width:680px){ .rs-modern-landing .rs-pricing-section .pricing-cards, .rs-modern-landing .rs-pricing-section .courses-grid, .rs-modern-landing .rs-pricing-section .course-grid, .rs-modern-landing .rs-pricing-section .pricing-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important; } .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{ width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:18px 13px!important; display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important; border-radius:16px!important;background:linear-gradient(155deg,#fff 0%,#F8FAFC 100%)!important; box-shadow:0 8px 22px rgba(4,27,71,.08)!important; } .rs-modern-landing .rs-pricing-section .pricing-card h3, .rs-modern-landing .rs-pricing-section .course-card h3, .rs-modern-landing .rs-pricing-section .course-box h3{ margin:0 0 10px!important;font-size:clamp(17px,4.4vw,21px)!important;line-height:1.35!important; font-weight:800!important;letter-spacing:-.02em!important;color:#041B47!important;text-align:center!important; } .rs-modern-landing .rs-pricing-section .pricing-card p{font-size:13px!important;line-height:1.6!important;color:#526174!important} .rs-modern-landing .rs-pricing-section .pricing-card .benefit-list{ width:100%!important;max-width:none!important;margin:12px 0 16px!important;padding:0!important;text-align:left!important; } .rs-modern-landing .rs-pricing-section .pricing-card .benefit-list li{ display:flex!important;align-items:flex-start!important;gap:6px!important;margin:0 0 9px!important; font-size:clamp(12px,3.2vw,14px)!important;line-height:1.55!important;color:#526174!important; } .rs-modern-landing .rs-pricing-section .pricing-card .amount{ display:block!important;width:100%!important;margin:auto 0 16px!important;padding-top:10px!important; border-top:1px solid #E3E8ED!important;color:#041B47!important;font-size:clamp(22px,5.4vw,29px)!important; font-weight:800!important;line-height:1.3!important;text-align:center!important; } .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn, .rs-modern-landing .rs-pricing-section .course-card .enroll-btn, .rs-modern-landing .rs-pricing-section .course-box .enroll-btn{ width:100%!important;min-height:44px!important;margin:auto 0 0!important;padding:10px 7px!important; display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; border-radius:10px!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important; white-space:normal!important; } } @media(max-width:380px){ .rs-modern-landing .rs-pricing-section .pricing-cards, .rs-modern-landing .rs-pricing-section .courses-grid, .rs-modern-landing .rs-pricing-section .course-grid, .rs-modern-landing .rs-pricing-section .pricing-grid{gap:10px!important} .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{padding:14px 10px!important} } /* Animated enrollment and call actions */ .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn, .rs-modern-landing .rs-lp-btn, .rs-modern-landing a[href^="tel:"], .rs-modern-landing .contact-btn{ position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important; } .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn:before, .rs-modern-landing .rs-lp-btn:before, .rs-modern-landing a[href^="tel:"]:before, .rs-modern-landing .contact-btn:before{ content:"";position:absolute;inset:-1px;z-index:-1;transform:translateX(-130%) skewX(-18deg); background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 70%); animation:rsCtaShimmer 3.8s ease-in-out infinite;pointer-events:none; } .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn:hover, .rs-modern-landing .rs-lp-btn:hover, .rs-modern-landing a[href^="tel:"]:hover, .rs-modern-landing .contact-btn:hover{transform:translateY(-3px) scale(1.015)!important;filter:saturate(1.12);box-shadow:0 12px 26px rgba(198,0,0,.22)!important} .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn:active, .rs-modern-landing .rs-lp-btn:active, .rs-modern-landing a[href^="tel:"]:active, .rs-modern-landing .contact-btn:active{transform:scale(.975)!important} @keyframes rsCtaShimmer{0%,55%{transform:translateX(-130%) skewX(-18deg)}85%,100%{transform:translateX(130%) skewX(-18deg)}} @media(prefers-reduced-motion:reduce){ .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn:before, .rs-modern-landing .rs-lp-btn:before, .rs-modern-landing a[href^="tel:"]:before, .rs-modern-landing .contact-btn:before{animation:none!important} .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn, .rs-modern-landing .rs-lp-btn, .rs-modern-landing a[href^="tel:"], .rs-modern-landing .contact-btn{transition:none!important} } /* Mobile course cards: centered neumorphic layout and readable type */ @media(max-width:680px){ .rs-modern-landing .rs-pricing-section .pricing-grid{ width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0 12px!important; display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important; justify-items:center!important;align-items:stretch!important;box-sizing:border-box!important; } .rs-modern-landing .rs-pricing-section .pricing-grid>.pricing-card{ justify-self:center!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important; margin:0!important;float:none!important;left:auto!important;right:auto!important; box-sizing:border-box!important;text-align:center!important; border:1px solid rgba(199,208,217,.85)!important;border-radius:20px!important; background:linear-gradient(145deg,#FFFFFF 0%,#F5F7FA 100%)!important; box-shadow:8px 8px 18px rgba(4,27,71,.10),-6px -6px 16px rgba(255,255,255,.95),inset 1px 1px 0 rgba(255,255,255,.9)!important; } .rs-modern-landing .rs-pricing-section .pricing-card p{ font-size:clamp(15px,3.9vw,17px)!important;line-height:1.75!important; color:#526174!important;text-align:center!important;margin:10px 0 14px!important; } .rs-modern-landing .rs-pricing-section .pricing-card .benefit-list li{ font-size:clamp(14px,3.5vw,16px)!important;line-height:1.7!important; overflow-wrap:anywhere!important; } .rs-modern-landing .rs-pricing-section .pricing-card .amount{font-size:clamp(23px,5.6vw,29px)!important} .rs-modern-landing .rs-pricing-section .pricing-card .enroll-btn{font-size:clamp(12px,3.1vw,14px)!important} .rs-modern-landing .rs-pricing-section .pricing-card.popular{ box-shadow:8px 8px 20px rgba(4,27,71,.12),-6px -6px 16px rgba(255,255,255,.95),0 0 0 1px rgba(198,0,0,.18)!important; } } @media(max-width:380px){ .rs-modern-landing .rs-pricing-section .pricing-grid{padding:0 8px!important;gap:12px!important} .rs-modern-landing .rs-pricing-section .pricing-grid>.pricing-card{border-radius:16px!important} .rs-modern-landing .rs-pricing-section .pricing-card p{font-size:15px!important} .rs-modern-landing .rs-pricing-section .pricing-card .benefit-list li{font-size:14px!important} } /* Currency symbol styling for course fee */ .rs-modern-landing .rs-pricing-section .pricing-card .amount{ display:block!important;text-align:center!important;font-variant-numeric:tabular-nums; } .rs-modern-landing .rs-pricing-section .pricing-card .amount .currency-symbol{ display:inline-block!important;margin-right:5px!important;color:#041B47!important; font-size:.82em!important;font-weight:800!important;vertical-align:baseline!important; } /* Keep ৳ and the course fee together on one centered line */ .rs-modern-landing .rs-pricing-section .pricing-card .price-area{ display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:center!important;gap:5px!important; width:100%!important;text-align:center!important;white-space:nowrap!important; } .rs-modern-landing .rs-pricing-section .pricing-card .price-area .currency{ display:inline!important;margin:0!important;padding:0!important;color:#041B47!important; font-size:clamp(20px,4.8vw,26px)!important;font-weight:800!important;line-height:1.3!important; } .rs-modern-landing .rs-pricing-section .pricing-card .price-area .amount{ display:inline!important;width:auto!important;margin:0!important;padding:0!important;border:0!important; color:#041B47!important;font-size:clamp(23px,5.6vw,29px)!important; font-weight:800!important;line-height:1.3!important;text-align:left!important; } /* Symmetric mobile gutters for course and instructor grids */ @media(max-width:680px){ .rs-modern-landing .rs-pricing-section .pricing-grid, .rs-modern-landing .instructors-section .instructors-grid, .rs-modern-landing .instructors-section .instructor-grid, .rs-modern-landing .instructors-section .team-grid, .rs-modern-landing .instructors-section .row{ width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important; padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important; } .rs-modern-landing .rs-pricing-section .pricing-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;justify-items:stretch!important; } .rs-modern-landing .rs-pricing-section .pricing-grid>.pricing-card{ width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;justify-self:stretch!important; } .rs-modern-landing .instructors-section .instructors-grid, .rs-modern-landing .instructors-section .instructor-grid, .rs-modern-landing .instructors-section .team-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important; justify-items:stretch!important;align-items:stretch!important; } .rs-modern-landing .instructors-section .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} .rs-modern-landing .instructors-section .instructor-card{ width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important; justify-self:stretch!important;box-sizing:border-box!important; } .rs-modern-landing .instructors-section .container{padding-left:0!important;padding-right:0!important} } @media(max-width:380px){ .rs-modern-landing .rs-pricing-section .pricing-grid, .rs-modern-landing .instructors-section .instructors-grid, .rs-modern-landing .instructors-section .instructor-grid, .rs-modern-landing .instructors-section .team-grid, .rs-modern-landing .instructors-section .row{padding-left:10px!important;padding-right:10px!important} } /* Footer: arrange the three information blocks in two rows on mobile */ @media(max-width:480px){ .rs-modern-landing .main-footer .footer-container{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px 16px!important;align-items:start!important;text-align:left!important; } .rs-modern-landing .main-footer .footer-col{ min-width:0!important;width:100%!important;margin:0!important;text-align:left!important; } .rs-modern-landing .main-footer .footer-col:nth-child(3){grid-column:1/-1!important} .rs-modern-landing .main-footer .footer-col h3{ font-size:clamp(15px,4vw,18px)!important;line-height:1.4!important;margin-bottom:18px!important; overflow-wrap:anywhere!important;text-align:left!important; } .rs-modern-landing .main-footer .footer-col h3:after{left:0!important;transform:none!important} .rs-modern-landing .main-footer .footer-col p, .rs-modern-landing .main-footer .footer-col li, .rs-modern-landing .main-footer .footer-col a{font-size:14px!important;line-height:1.7!important;overflow-wrap:anywhere!important} .rs-modern-landing .main-footer .footer-links li a{justify-content:flex-start!important;text-align:left!important} .rs-modern-landing .main-footer .social-list{justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important} .rs-modern-landing .main-footer .footer-bottom{margin-top:24px!important} } /* Show selected course fee beside course name in admission modal */ .rs-modern-landing .rs-premium-modal #displayCourse{display:block!important;font-size:clamp(16px,4vw,20px)!important;line-height:1.65!important} .rs-modern-landing .rs-premium-modal #displayFee{display:block!important;margin-top:5px!important;color:#fff!important;font-size:clamp(15px,3.8vw,18px)!important;font-weight:800!important;line-height:1.5!important} /* Premium hero CTA button and driver photo presentation */ .rs-modern-landing .rs-lp-btn--premium{background:linear-gradient(135deg,#C60000 0%,#E31B23 55%,#A80000 100%)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 10px 24px rgba(198,0,0,.24),inset 0 1px 0 rgba(255,255,255,.24)!important} .rs-modern-landing .rs-lp-btn--premium:hover{box-shadow:0 14px 30px rgba(198,0,0,.3)!important} .rs-modern-landing .rs-lp-btn--whatsapp{background:linear-gradient(135deg,#168B4D,#25D366)!important;box-shadow:0 9px 22px rgba(37,211,102,.2)!important} .rs-modern-landing .rs-lp-btn--whatsapp:hover{background:linear-gradient(135deg,#087A40,#1FBF5B)!important;box-shadow:0 13px 28px rgba(37,211,102,.28)!important} .rs-modern-landing .rs-lp-hero-actions{gap:12px} .rs-modern-landing .rs-lp-hero-photo{object-position:center 48%!important} @media(max-width:680px){.rs-modern-landing .rs-lp-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.rs-modern-landing .rs-lp-hero-actions .rs-lp-btn{width:100%!important;min-height:52px!important}} /* Instructor specialty labels: clean text, no pill background; responsive wrapping */ .rs-modern-landing .instructors-section .instructor-card .specialty{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:14px auto 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#041B47!important;font-family:inherit!important;font-size:clamp(13px,1.05rem,16px)!important;font-weight:700!important;line-height:1.55!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important} .rs-modern-landing .instructors-section .instructor-card .specialty br{display:block!important;content:""!important;margin-bottom:2px!important} @media(max-width:680px){.rs-modern-landing .instructors-section .instructor-card .specialty{font-size:14px!important;line-height:1.55!important;margin-top:12px!important}} /* Center instructor cards consistently across desktop, tablet, and mobile */ .rs-modern-landing .instructors-section{width:100%!important;box-sizing:border-box!important;overflow:hidden!important} .rs-modern-landing .instructors-section>.container, .rs-modern-landing .instructors-section .container{width:min(1200px,calc(100% - 32px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important} .rs-modern-landing .instructors-section .instructor-grid, .rs-modern-landing .instructors-section .instructors-grid, .rs-modern-landing .instructors-section .team-grid{display:grid!important;width:100%!important;max-width:1200px!important;margin:32px auto 0!important;padding:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;justify-content:center!important;justify-items:stretch!important;align-items:stretch!important;box-sizing:border-box!important} .rs-modern-landing .instructors-section .instructor-card{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;justify-self:stretch!important;box-sizing:border-box!important;overflow-wrap:anywhere!important} @media(max-width:1000px){.rs-modern-landing .instructors-section .instructor-grid,.rs-modern-landing .instructors-section .instructors-grid,.rs-modern-landing .instructors-section .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}} @media(max-width:480px){.rs-modern-landing .instructors-section .container{width:calc(100% - 28px)!important;max-width:420px!important;margin-left:auto!important;margin-right:auto!important}.rs-modern-landing .instructors-section .instructor-grid,.rs-modern-landing .instructors-section .instructors-grid,.rs-modern-landing .instructors-section .team-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-top:24px!important}.rs-modern-landing .instructors-section .instructor-card{width:100%!important;max-width:100%!important;padding:22px 18px!important}} /* Contact information: four balanced cards in a centered 2x2 grid */ .rs-modern-landing .contact-location-area .contact-container{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:28px!important;align-items:stretch!important} .rs-modern-landing .contact-location-area .contact-info{width:100%!important;min-width:0!important;box-sizing:border-box!important} .rs-modern-landing .contact-location-area .contact-info h2{text-align:center!important;font-size:clamp(23px,2.8vw,32px)!important;line-height:1.4!important;margin:0 0 22px!important} .rs-modern-landing .contact-location-area .contact-info{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-content:start!important} .rs-modern-landing .contact-location-area .contact-info h2{grid-column:1/-1!important} .rs-modern-landing .contact-location-area .info-item{height:100%!important;min-height:112px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:18px 15px!important;background:#fff!important;color:#041B47!important;border:1px solid #C7D0D9!important;border-radius:16px!important;box-shadow:5px 5px 14px rgba(4,27,71,.08),-4px -4px 12px rgba(255,255,255,.85)!important;transition:transform .2s ease,box-shadow .2s ease!important} .rs-modern-landing .contact-location-area .info-item:hover{transform:translateY(-2px)!important;box-shadow:7px 7px 18px rgba(4,27,71,.12)!important;background:#fff!important} .rs-modern-landing .contact-location-area .info-icon{width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;border-radius:12px!important;background:#DDE3E8!important;color:#C60000!important;font-size:21px!important} .rs-modern-landing .contact-location-area .info-text{min-width:0!important;overflow-wrap:anywhere!important} .rs-modern-landing .contact-location-area .info-text h4{font-size:clamp(14px,1.2vw,17px)!important;line-height:1.45!important;color:#C60000!important;margin:0!important} .rs-modern-landing .contact-location-area .info-text p{font-size:clamp(12px,1vw,14px)!important;line-height:1.6!important;color:#526174!important;margin:5px 0 0!important;overflow-wrap:anywhere!important} .rs-modern-landing .contact-location-area .contact-info>a{display:block!important;min-width:0!important;height:100%!important;text-decoration:none!important} .rs-modern-landing .contact-location-area .contact-info>a .info-item{height:100%!important} .rs-modern-landing .contact-location-area .map-box{height:100%!important;min-height:300px!important;max-height:520px!important} @media(max-width:992px){.rs-modern-landing .contact-location-area .contact-container{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}.rs-modern-landing .contact-location-area .contact-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;text-align:left!important}.rs-modern-landing .contact-location-area .map-box{height:340px!important;min-height:0!important;order:2!important}.rs-modern-landing .contact-location-area .contact-info{order:1!important}} @media(max-width:480px){.rs-modern-landing .contact-location-area{padding:34px 0!important}.rs-modern-landing .contact-location-area .contact-container{width:calc(100% - 28px)!important;max-width:520px!important;margin:0 auto!important;gap:20px!important}.rs-modern-landing .contact-location-area .contact-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.rs-modern-landing .contact-location-area .contact-info h2{font-size:21px!important;margin-bottom:8px!important}.rs-modern-landing .contact-location-area .info-item{min-height:128px!important;align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding:14px 12px!important;border-radius:14px!important}.rs-modern-landing .contact-location-area .info-icon{width:36px!important;height:36px!important;min-width:36px!important;font-size:18px!important}.rs-modern-landing .contact-location-area .info-text h4{font-size:13px!important}.rs-modern-landing .contact-location-area .info-text p{font-size:12px!important;line-height:1.55!important}.rs-modern-landing .contact-location-area .map-box{height:280px!important}} /* Course cards: balanced 2 columns x 2 rows on all device sizes */ .rs-modern-landing #training-courses .container{width:min(1200px,calc(100% - 32px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important} .rs-modern-landing #training-courses .pricing-grid{display:grid!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;justify-content:center!important;align-items:stretch!important;box-sizing:border-box!important} .rs-modern-landing #training-courses .pricing-grid>.pricing-card{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;justify-self:stretch!important;box-sizing:border-box!important} .rs-modern-landing #training-courses .pricing-card .duration-box{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important} .rs-modern-landing #training-courses .pricing-card .duration-box span{max-width:100%!important;overflow-wrap:anywhere!important} .rs-modern-landing #training-courses .pricing-card .benefit-list{padding-left:20px!important} .rs-modern-landing #training-courses .pricing-card .benefit-list li{overflow-wrap:anywhere!important;line-height:1.7!important} @media(max-width:680px){.rs-modern-landing #training-courses .container{width:calc(100% - 28px)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}.rs-modern-landing #training-courses .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0 auto!important;padding:0!important}.rs-modern-landing #training-courses .pricing-grid>.pricing-card{width:100%!important;min-width:0!important;padding:18px 12px!important;border-radius:16px!important}.rs-modern-landing #training-courses .section-header-pricing{margin-bottom:28px!important}.rs-modern-landing #training-courses .section-header-pricing h2{font-size:clamp(23px,5vw,30px)!important;line-height:1.4!important}.rs-modern-landing #training-courses .section-header-pricing p{font-size:14px!important;line-height:1.65!important}.rs-modern-landing #training-courses .pricing-card h3{font-size:clamp(16px,3.8vw,20px)!important;line-height:1.4!important}.rs-modern-landing #training-courses .pricing-card .duration-box{flex-direction:column!important;align-items:center!important;font-size:12px!important;gap:4px!important}.rs-modern-landing #training-courses .pricing-card .benefit-list{padding-left:17px!important;margin:14px 0!important}.rs-modern-landing #training-courses .pricing-card .benefit-list li{font-size:13px!important;line-height:1.6!important}.rs-modern-landing #training-courses .pricing-card .price-area{gap:3px!important}.rs-modern-landing #training-courses .pricing-card .price-area .currency{font-size:19px!important}.rs-modern-landing #training-courses .pricing-card .price-area .amount{font-size:clamp(19px,4.7vw,25px)!important}.rs-modern-landing #training-courses .pricing-card .enroll-btn{width:100%!important;white-space:normal!important;font-size:12px!important;line-height:1.4!important;padding:11px 7px!important}.rs-modern-landing #training-courses .pricing-card .popular-label{font-size:11px!important;max-width:100%!important}} @media(max-width:360px){.rs-modern-landing #training-courses .container{width:calc(100% - 20px)!important}.rs-modern-landing #training-courses .pricing-grid{gap:10px!important}.rs-modern-landing #training-courses .pricing-grid>.pricing-card{padding:15px 9px!important}.rs-modern-landing #training-courses .pricing-card .benefit-list li{font-size:12px!important}.rs-modern-landing #training-courses .pricing-card .enroll-btn{font-size:11px!important}} /* Footer layout: social icons stay on one line; contact details stay in right column */ .rs-modern-landing .main-footer .footer-container{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1fr)!important;gap:30px!important;align-items:start!important} .rs-modern-landing .main-footer .footer-col{min-width:0!important;width:100%!important} .rs-modern-landing .main-footer .footer-col:nth-child(3){grid-column:auto!important} .rs-modern-landing .main-footer .social-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:max-content!important;max-width:100%!important;padding:0!important;margin:20px 0 0!important;list-style:none!important} .rs-modern-landing .main-footer .social-list li{display:block!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;list-style:none!important} .rs-modern-landing .main-footer .social-list li::marker{content:''!important} .rs-modern-landing .main-footer .social-list a{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;box-sizing:border-box!important;border-radius:50%!important;margin:0!important;padding:0!important;line-height:1!important} .rs-modern-landing .main-footer .social-list a svg{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important} .rs-modern-landing .main-footer .footer-col:nth-child(3) p{overflow-wrap:anywhere!important;line-height:1.75!important} @media(max-width:768px){.rs-modern-landing .main-footer .footer-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important}.rs-modern-landing .main-footer .footer-col:nth-child(3){grid-column:1/-1!important}.rs-modern-landing .main-footer .social-list{justify-content:flex-start!important;margin-left:0!important;margin-right:0!important}} @media(max-width:360px){.rs-modern-landing .main-footer .social-list{gap:9px!important}.rs-modern-landing .main-footer .social-list li,.rs-modern-landing .main-footer .social-list a{width:36px!important;min-width:36px!important;height:36px!important;flex-basis:36px!important}} /* Admission process: animated connector lines between steps 01 -> 02 -> 03 */ .rs-modern-landing .rs-lp-process-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important} .rs-modern-landing .rs-lp-process-card{position:relative!important;z-index:1!important;min-width:0!important} .rs-modern-landing .rs-lp-process-card:not(:last-child)::after{content:''!important;position:absolute!important;top:34px!important;left:calc(100% + 2px)!important;width:calc(24px + 1px)!important;height:3px!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(90deg,#C60000 0%,#C60000 45%,rgba(198,0,0,.15) 45%,rgba(198,0,0,.15) 100%)!important;background-size:200% 100%!important;border-radius:999px!important;animation:rsProcessLineFlow 2.2s ease-in-out infinite!important} .rs-modern-landing .rs-lp-process-card:nth-child(2)::after{animation-delay:.45s!important} @keyframes rsProcessLineFlow{0%{background-position:100% 0;opacity:.55}50%{background-position:0 0;opacity:1}100%{background-position:-100% 0;opacity:.65}} @media(max-width:760px){.rs-modern-landing .rs-lp-process-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}.rs-modern-landing .rs-lp-process-card:not(:last-child)::after{top:calc(100% + 1px)!important;left:34px!important;width:3px!important;height:18px!important;background:linear-gradient(180deg,#C60000 0%,#C60000 45%,rgba(198,0,0,.15) 45%,rgba(198,0,0,.15) 100%)!important;background-size:100% 200%!important;animation:rsProcessLineFlowVertical 2.2s ease-in-out infinite!important}.rs-modern-landing .rs-lp-process-card:nth-child(2)::after{animation-delay:.45s!important}} @keyframes rsProcessLineFlowVertical{0%{background-position:0 100%;opacity:.55}50%{background-position:0 0;opacity:1}100%{background-position:0 -100%;opacity:.65}} @media(prefers-reduced-motion:reduce){.rs-modern-landing .rs-lp-process-card:not(:last-child)::after{animation:none!important;background:#C60000!important;opacity:.65!important}} /* Animated connector line linking benefit numbers 01 -> 02 -> 03 */ .rs-modern-landing .rs-lp-benefit-grid{position:relative!important;overflow:visible!important} .rs-modern-landing .rs-lp-benefit{position:relative!important;z-index:1!important;min-width:0!important} .rs-modern-landing .rs-lp-benefit+.rs-lp-benefit{border-left:0!important} .rs-modern-landing .rs-lp-benefit:not(:last-child)::after{content:''!important;position:absolute!important;z-index:4!important;top:40px!important;left:calc(100% - 5px)!important;width:calc(26px + 10px)!important;height:3px!important;border-radius:999px!important;pointer-events:none!important;background:linear-gradient(90deg,#C60000 0%,#C60000 45%,rgba(198,0,0,.12) 45%,rgba(198,0,0,.12) 100%)!important;background-size:200% 100%!important;animation:rsBenefitConnector 1.9s ease-in-out infinite!important} .rs-modern-landing .rs-lp-benefit:nth-child(2)::after{animation-delay:.45s!important} .rs-modern-landing .rs-lp-benefit-icon{position:relative!important;z-index:5!important;background:#DDE3E8!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #C7D0D9!important} @keyframes rsBenefitConnector{0%{background-position:100% 0;opacity:.5}50%{background-position:0 0;opacity:1}100%{background-position:-100% 0;opacity:.65}} @media(max-width:760px){.rs-modern-landing .rs-lp-benefit-grid{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}.rs-modern-landing .rs-lp-benefit{padding:18px 20px!important}.rs-modern-landing .rs-lp-benefit:not(:last-child)::after{top:calc(100% - 1px)!important;left:37px!important;width:3px!important;height:22px!important;background:linear-gradient(180deg,#C60000 0%,#C60000 45%,rgba(198,0,0,.12) 45%,rgba(198,0,0,.12) 100%)!important;background-size:100% 200%!important;animation:rsBenefitConnectorVertical 1.9s ease-in-out infinite!important}.rs-modern-landing .rs-lp-benefit:nth-child(2)::after{animation-delay:.45s!important}} @keyframes rsBenefitConnectorVertical{0%{background-position:0 100%;opacity:.5}50%{background-position:0 0;opacity:1}100%{background-position:0 -100%;opacity:.65}} @media(prefers-reduced-motion:reduce){.rs-modern-landing .rs-lp-benefit:not(:last-child)::after{animation:none!important;background:#C60000!important;opacity:.65!important}} /* High-visibility 2px animated course card border */ .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{ box-sizing:border-box!important; border:2px solid #C60000!important; outline:1px solid rgba(4,27,71,.18)!important; outline-offset:0!important; background-image:linear-gradient(#fff,#fff),linear-gradient(120deg,#C60000 0%,#041B47 25%,#C60000 50%,#041B47 75%,#C60000 100%)!important; background-origin:padding-box,border-box!important; background-clip:padding-box,border-box!important; background-size:100% 100%,300% 300%!important; animation:rsCourseCardBorderFlow 3s linear infinite!important; } @keyframes rsCourseCardBorderFlow{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}100%{background-position:0 0,0% 50%}} @media(prefers-reduced-motion:reduce){.rs-modern-landing .rs-pricing-section .pricing-card,.rs-modern-landing .rs-pricing-section .course-card,.rs-modern-landing .rs-pricing-section .course-box{animation:none!important;border:2px solid #C60000!important;background-image:linear-gradient(#fff,#fff),linear-gradient(120deg,#C60000,#041B47)!important}} /* Mobile-safe animated double-color course card border */ .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{ position:relative!important;isolation:isolate!important;box-sizing:border-box!important;border:2px solid transparent!important; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(0deg,#C60000,#041B47,#C60000,#041B47,#C60000) border-box!important; background-size:100% 100%,400% 400%!important;animation:rsCourseBorderOrbit 3s linear infinite!important; } @keyframes rsCourseBorderOrbit{0%{background-position:0 0,0% 0%}25%{background-position:0 0,100% 0%}50%{background-position:0 0,100% 100%}75%{background-position:0 0,0% 100%}100%{background-position:0 0,0% 0%}} @media(max-width:760px){.rs-modern-landing .rs-pricing-section .pricing-card,.rs-modern-landing .rs-pricing-section .course-card,.rs-modern-landing .rs-pricing-section .course-box{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(0deg,#C60000 0%,#041B47 25%,#C60000 50%,#041B47 75%,#C60000 100%) border-box!important;background-size:100% 100%,400% 400%!important;animation:rsCourseBorderOrbit 2.5s linear infinite!important;}} @media(prefers-reduced-motion:reduce){.rs-modern-landing .rs-pricing-section .pricing-card,.rs-modern-landing .rs-pricing-section .course-card,.rs-modern-landing .rs-pricing-section .course-box{animation:none!important;border:2px solid #C60000!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#C60000,#041B47) border-box!important}} /* Robust visible animated border overlay for mobile browsers */ .rs-modern-landing .rs-pricing-section .pricing-card, .rs-modern-landing .rs-pricing-section .course-card, .rs-modern-landing .rs-pricing-section .course-box{position:relative!important;isolation:isolate!important;border:2px solid #C60000!important;overflow:visible!important} .rs-modern-landing .rs-pricing-section .pricing-card::before, .rs-modern-landing .rs-pricing-section .course-card::before, .rs-modern-landing .rs-pricing-section .course-box::before{content:''!important;position:absolute!important;inset:-2px!important;padding:3px!important;border-radius:inherit!important;pointer-events:none!important;z-index:20!important;background:conic-gradient(from var(--rs-border-angle,0deg),#C60000 0deg,#C60000 90deg,#041B47 150deg,#041B47 230deg,#C60000 300deg,#C60000 360deg)!important; -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask-composite:exclude!important;animation:rsCardBorderSpin 2.4s linear infinite!important} @keyframes rsCardBorderSpin{to{--rs-border-angle:360deg}} @property --rs-border-angle{syntax:'';initial-value:0deg;inherits:false} @media(max-width:760px){.rs-modern-landing .rs-pricing-section .pricing-card,.rs-modern-landing .rs-pricing-section .course-card,.rs-modern-landing .rs-pricing-section .course-box{border:2px solid #C60000!important}.rs-modern-landing .rs-pricing-section .pricing-card::before,.rs-modern-landing .rs-pricing-section .course-card::before,.rs-modern-landing .rs-pricing-section .course-box::before{inset:-2px!important;padding:3px!important;animation:rsCardBorderSpin 2s linear infinite!important}} @media(prefers-reduced-motion:reduce){.rs-modern-landing .rs-pricing-section .pricing-card::before,.rs-modern-landing .rs-pricing-section .course-card::before,.rs-modern-landing .rs-pricing-section .course-box::before{animation:none!important;background:linear-gradient(135deg,#C60000 50%,#041B47 50%)!important}} /* Keep popular badge above the animated card border */ .rs-modern-landing .rs-pricing-section .pricing-card.popular{position:relative!important;z-index:5!important;margin-top:22px!important} .rs-modern-landing .rs-pricing-section .pricing-card.popular .popular-label{position:absolute!important;top:-18px!important;left:50%!important;transform:translateX(-50%)!important;z-index:50!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 20px!important;white-space:nowrap!important;border-radius:999px!important;background:#041B47!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 3px 10px rgba(4,27,71,.2)!important} .rs-modern-landing .rs-pricing-section .pricing-card.popular::before{z-index:1!important} .rs-modern-landing .rs-pricing-section .pricing-card.popular>*{position:relative;z-index:2} @media(max-width:760px){.rs-modern-landing .rs-pricing-section .pricing-card.popular{margin-top:24px!important}.rs-modern-landing .rs-pricing-section .pricing-card.popular .popular-label{top:-19px!important;z-index:60!important;min-height:36px!important;padding:8px 20px!important}} /* Fix director profile card width and horizontal alignment */ .rs-modern-landing .director-section .container{width:min(1180px,calc(100% - 28px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important} .rs-modern-landing .director-section .magic-border-box{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important} .rs-modern-landing .director-section .director-card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important} @media(max-width:760px){.rs-modern-landing .director-section{padding-left:0!important;padding-right:0!important}.rs-modern-landing .director-section .container{width:calc(100% - 28px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}.rs-modern-landing .director-section .magic-border-box,.rs-modern-landing .director-section .director-card{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.rs-modern-landing .director-section .magic-border-box{padding:1px!important}} /* Responsive readable paragraph typography across the entire landing page */ .rs-modern-landing p{font-size:clamp(18px,1.35vw,24px)!important;line-height:1.7!important} @media(max-width:760px){.rs-modern-landing p{font-size:18px!important;line-height:1.7!important}} @media(min-width:761px){.rs-modern-landing p{font-size:clamp(18px,1.35vw,24px)!important}} /* Improve visibility of instructor portrait and founder image borders */ .rs-modern-landing .instructors-section .inst-img-box{border:2px solid #C60000!important;border-radius:50%!important;padding:4px!important;background:#fff!important;box-shadow:0 0 0 3px rgba(4,27,71,.14)!important;box-sizing:border-box!important} .rs-modern-landing .instructors-section .inst-img-box img,.rs-modern-landing .instructors-section .instructor-card img{border:1px solid #C7D0D9!important;border-radius:50%!important;box-sizing:border-box!important} .rs-modern-landing .director-section .director-img-box{border:2px solid #C60000!important;border-radius:50%!important;padding:5px!important;background:#fff!important;box-shadow:0 0 0 3px rgba(4,27,71,.16)!important;box-sizing:border-box!important} .rs-modern-landing .director-section .director-img-box img{border:1px solid #C7D0D9!important;border-radius:50%!important;box-sizing:border-box!important} @media(max-width:760px){.rs-modern-landing .instructors-section .inst-img-box{border-width:2px!important;padding:4px!important;box-shadow:0 0 0 3px rgba(4,27,71,.18)!important}.rs-modern-landing .director-section .director-img-box{border-width:2px!important;padding:5px!important;box-shadow:0 0 0 3px rgba(4,27,71,.2)!important}}