/* EmpiresBoost category-page bundle — AUTO-GENERATED, edit mat karo.
   Source: partner.css, responsivcheck.css, mobile-phonecss.css, nine.css, partner-content.css, footer.css
   Dobara banane ke liye: php cron/build-css.php */

/* ---- partner.css ---- */
.partner-topbar{
background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue) 100%);
border-bottom:none;
position:sticky;top:0;z-index:50;
}
.partner-topbar-inner{
max-width:880px;margin:0 auto;padding:14px 18px;
display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.partner-back{
display:flex;align-items:center;gap:6px;
font-size:13.5px;font-weight:600;color:#eaf1fb;cursor:pointer;
flex-shrink:0;
}
.partner-back .material-icons-outlined{font-size:19px;flex-shrink:0;}
.partner-logo{font-size:21px;font-weight:800;color:#ffffff;flex-shrink:0;}
.partner-logo span{color:#ffffff;}
.partner-call{
display:flex;align-items:center;gap:6px;
font-size:12.5px;font-weight:600;color:#fff;
border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);
padding:8px 14px;border-radius:30px;white-space:nowrap;
}
.partner-call .material-icons-outlined{font-size:17px;}
:root{
--blue:#1976d2;
--blue-deep:#0d47a1;
--blue-light:#42a5f5;
--orange:#1e50a2;
--orange-deep:#1e50a2;
--red:#00695c;
--green:#2e7d32;
--text:#222;
--muted:#777;
--bg:#f3f4f6;
--radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
font-family:'Poppins',sans-serif;
color:var(--text);
background:var(--bg);
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;}
ul{list-style:none;}
.wrap{max-width:880px;margin:0 auto;padding:0 clamp(16px,4vw,48px);}
.partner-hero{
position:relative;
overflow:hidden;
background:linear-gradient(125deg,var(--blue-deep) 0%,var(--blue) 55%,var(--blue-light) 100%);
color:#fff;
padding:42px 0 56px;
}
.partner-hero::before{
content:"";
position:absolute; inset:0;
background-image:
linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
background-size:34px 34px;
opacity:.6;
pointer-events:none;
}
.partner-hero::after{
content:"";
position:absolute;
right:-90px;top:-90px;
width:300px;height:300px;border-radius:50%;
background:rgba(255,255,255,.08);
pointer-events:none;
}
.partner-hero-inner{
position:relative;z-index:1;
max-width:880px;margin:0 auto;padding:0 clamp(16px,4vw,48px);
display:flex;flex-direction:column;align-items:center;text-align:center;
}
.hero-left{display:flex;flex-direction:column;align-items:center;width:100%;font-size:20px;}
.hero-right{width:100%;display:flex;justify-content:center;}
.hero-chip{
display:inline-flex;align-items:center;gap:6px;
background:rgba(255,255,255,.16);
border:1px solid rgba(255,255,255,.3);
padding:6px 14px;border-radius:30px;
font-size:12px;font-weight:600;letter-spacing:.3px;
margin-bottom:18px;
}
.hero-right h1{
font-size: medium;
}
.partner-hero h1{
font-size:30px;line-height:1.25;font-weight:800;max-width:560px;margin-bottom:10px;
}
.partner-hero h1 .hl{color:#ffd54f;}
.partner-hero p.lead{
font-size:14.5px;color:rgba(255,255,255,.92);max-width:480px;margin-bottom:26px;line-height:1.6;
}
.cat-strip{
display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
margin-bottom:28px;max-width:560px;
}
.cat-strip span{
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.25);
padding:6px 13px;border-radius:30px;font-size:11.5px;font-weight:600;
}
.lead-card{
background:#fff;color:var(--text);
border-radius:20px;
padding:26px 24px 22px;
width:100%;max-width:380px;
box-shadow:0 20px 50px rgba(0,0,0,.25);
text-align:left;
}
.lead-card .step{display:none;}
.lead-card .step.active{display:block;}
.lead-dots{display:flex;justify-content:center;gap:7px;margin-bottom:18px;}
.lead-dot{width:7px;height:7px;border-radius:50%;background:#e3e7ee;transition:background .3s;}
.lead-dot.active{background:var(--orange-deep);}
.lead-label{font-size:12.5px;font-weight:700;color:#555;display:block;margin-bottom:8px;}
.phone-wrap{
display:flex;border:1.5px solid #e0e0e0;border-radius:12px;
overflow:hidden;margin-bottom:14px;transition:border-color .2s;
}
.phone-wrap:focus-within{border-color:var(--orange-deep);}
.phone-wrap .prefix{background:#fafafa;padding:13px 12px;font-size:14px;color:#888;border-right:1.5px solid #e0e0e0;}
.phone-wrap input{
border:none;outline:none;padding:13px 12px;font-size:15px;flex:1;width:100%;
font-family:inherit;background:transparent;
}
.field-box{
border:1.5px solid #e0e0e0;border-radius:12px;padding:13px 12px;font-size:14.5px;
width:100%;font-family:inherit;outline:none;transition:border-color .2s;margin-bottom:14px;
background:#fff;color:var(--text);
}
.field-box:focus{border-color:var(--orange-deep);}
select.field-box{appearance:none;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9"><path d="M1 1l6 6 6-6" stroke="%23888" stroke-width="2" fill="none" fill-rule="evenodd"/></svg>') no-repeat right 14px center;}
.otp-box{
border:1.5px solid #e0e0e0;border-radius:12px;padding:14px;font-size:22px;letter-spacing:10px;
text-align:center;width:100%;font-family:inherit;outline:none;margin-bottom:14px;transition:border-color .2s;
}
.otp-box:focus{border-color:var(--orange-deep);}
.btn-primary{
width:100%;padding:14px;border:none;border-radius:12px;
background:var(--orange-deep);color:#fff;font-size:14.5px;font-weight:700;
cursor:pointer;font-family:inherit;transition:background .2s;
display:flex;align-items:center;justify-content:center;gap:6px;
}
.btn-primary:hover{background:#00695c;}
.btn-primary:disabled{background:#ffccbc;cursor:not-allowed;}
.btn-link{
background:none;border:none;color:var(--orange-deep);font-size:12.5px;
cursor:pointer;margin-top:10px;display:block;width:100%;text-align:center;font-family:inherit;
}
.change-num{font-size:11.5px;color:#aaa;text-align:center;margin-bottom:14px;}
.change-num span{color:var(--orange-deep);cursor:pointer;text-decoration:underline;}
.lead-msg{font-size:12.5px;text-align:center;min-height:16px;margin-bottom:10px;}
.lead-msg.error{color:#00695c}
.lead-msg.success{color:var(--green);}
.test-banner{
background:#fff8e1;border:1px solid #ffe082;color:#8d6e00;
font-size:11px;padding:8px 10px;border-radius:10px;margin-bottom:12px;text-align:center;
}
.terms-note{font-size:10.5px;color:#999;text-align:center;line-height:1.5;margin-top:2px;}
.terms-note span{color:var(--blue);text-decoration:underline;cursor:default;}
.welcome-icon{font-size:38px;text-align:center;margin-bottom:6px;}
.step-title{font-size:16.5px;font-weight:700;color:#222;text-align:center;margin-bottom:4px;}
.step-sub{font-size:12.5px;color:#999;text-align:center;margin-bottom:18px;}
.success-box{text-align:center;padding:6px 0;}
.success-box .tick{
width:58px;height:58px;border-radius:50%;background:#e8f5e9;color:var(--green);
display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 14px;
}
.success-box h3{font-size:17px;font-weight:700;margin-bottom:6px;}
.success-box p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:6px;}
.stats-bar{
background:#fff;
margin-top:-30px;
position:relative;z-index:2;
border-radius:18px;
max-width:760px;margin-left:auto;margin-right:auto;
box-shadow:0 10px 35px rgba(0,0,0,.08);
display:grid;grid-template-columns:repeat(3,1fr);
}
.stats-bar .stat{
text-align:center;padding:20px 10px;border-right:1px solid #f0f0f0;
}
.stats-bar .stat:last-child{border-right:none;}
.stats-bar .stat .num{font-size:19px;font-weight:800;color:var(--blue-deep);}
.stats-bar .stat .lbl{font-size:11px;color:var(--muted);margin-top:2px;}
.section{padding:46px 0 6px;}
.section.tight{padding-top:32px;}
.section-head{text-align:center;margin-bottom:28px;}
.section-head h2{font-size:21px;font-weight:800;color:#1a1a1a;margin-bottom:6px;}
.section-head p{font-size:13px;color:var(--muted);}
.eyebrow{
display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;
color:var(--orange-deep);text-transform:uppercase;margin-bottom:6px;
}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.story-card{
background:#fff;border-radius:16px;padding:20px;
box-shadow:0 6px 20px rgba(0,0,0,.05);
transition:transform .25s ease, box-shadow .25s ease;
}
.story-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(0,0,0,.09);}
.story-avatar{
width:48px;height:48px;border-radius:50%;
background:linear-gradient(135deg,var(--blue),var(--blue-light));
color:#fff;display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:16px;margin-bottom:10px;position:relative;
}
.story-avatar .badge-emoji{
position:absolute;bottom:-4px;right:-4px;
background:#fff;border-radius:50%;width:20px;height:20px;
display:flex;align-items:center;justify-content:center;font-size:11px;
box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.story-card h4{font-size:14px;font-weight:700;margin-bottom:1px;}
.story-card .trade{font-size:11.5px;color:var(--blue);font-weight:600;margin-bottom:10px;}
.story-card p{font-size:12.5px;color:#555;line-height:1.6;}
.story-card .stars{color:#ffb300;font-size:12px;margin-top:10px;}
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.step-card{
background:#fff;border-radius:16px;padding:24px 18px;text-align:center;
box-shadow:0 6px 20px rgba(0,0,0,.05);position:relative;
transition:transform .25s ease, box-shadow .25s ease;
}
.step-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(0,0,0,.09);}
.step-num{
width:34px;height:34px;border-radius:50%;
background:var(--blue-deep);color:#fff;font-weight:800;font-size:14px;
display:flex;align-items:center;justify-content:center;margin:0 auto 12px;
}
.step-card .ic{font-size:30px;margin-bottom:10px;}
.step-card h4{font-size:14px;font-weight:700;margin-bottom:6px;}
.step-card p{font-size:12px;color:var(--muted);line-height:1.55;}
.benefit-panel{
background:#fff;border-radius:20px;overflow:hidden;
box-shadow:0 6px 24px rgba(0,0,0,.05);
display:grid;grid-template-columns:1.1fr .9fr;
}
.benefit-left{padding:30px 28px;}
.benefit-left h3{font-size:19px;font-weight:800;margin-bottom:14px;line-height:1.3;}
.benefit-left ul li{
display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#444;
margin-bottom:13px;line-height:1.5;
}
.benefit-left ul li .material-icons-outlined{
font-size:18px;color:var(--green);margin-top:1px;flex-shrink:0;
}
.benefit-right{
background:linear-gradient(150deg,#0d47a1,#1976d2);
color:#fff;padding:28px 24px;display:flex;flex-direction:column;justify-content:center;
}
.benefit-right b{font-size:13.5px;display:block;margin-bottom:12px;}
.benefit-right .mini-phone-wrap{
display:flex;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:10px;
}
.benefit-right .mini-phone-wrap .prefix{background:#f3f3f3;color:#777;padding:11px 10px;font-size:13px;}
.benefit-right .mini-phone-wrap input{
border:none;outline:none;padding:11px 10px;font-size:13.5px;flex:1;font-family:inherit;color:#222;
}
.benefit-right button{
width:100%;padding:11px;border:none;border-radius:10px;
background:var(--orange-deep);color:#fff;font-weight:700;font-size:13px;cursor:pointer;
}
.benefit-right button:hover{background:#00695c;}
.benefit-right .fine{font-size:10px;color:rgba(255,255,255,.75);margin-top:8px;line-height:1.5;}
.ads-panel{
background:linear-gradient(120deg,#fff3e0,#ffe0b2);
border-radius:20px;padding:30px 26px;
display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;
}
.ads-icon{
width:64px;height:64px;border-radius:18px;background:#fff;
display:flex;align-items:center;justify-content:center;font-size:30px;
box-shadow:0 6px 18px rgba(0,0,0,.08);flex-shrink:0;
}
.ads-text b{font-size:16px;display:block;margin-bottom:6px;color:#1a1a1a;}
.ads-text ul li{font-size:12px;color:#555;margin-bottom:4px;}
.ads-panel .btn-primary{width:auto;padding:13px 24px;white-space:nowrap;}
.faq-section{padding:46px 0 56px;}
.faq-panel{
background:linear-gradient(150deg,#0d47a1,#1565c0 60%,#1976d2);
border-radius:24px;
padding:36px 26px 30px;
color:#fff;
position:relative;overflow:hidden;
}
.faq-panel::after{
content:"";position:absolute;left:-60px;bottom:-60px;
width:220px;height:220px;border-radius:50%;
background:rgba(255,255,255,.06);
}
.faq-panel h2{font-size:21px;font-weight:800;text-align:center;margin-bottom:22px;position:relative;}
.faq-list{position:relative;display:flex;flex-direction:column;gap:10px;}
.faq-item{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.16);
border-radius:14px;overflow:hidden;
}
.faq-item summary{
list-style:none;cursor:pointer;
padding:15px 18px;font-size:13.5px;font-weight:600;
display:flex;justify-content:space-between;align-items:center;gap:10px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .material-icons-outlined{transition:transform .25s;flex-shrink:0;}
.faq-item[open] summary .material-icons-outlined{transform:rotate(180deg);}
.faq-item .faq-a{
padding:0 18px 16px;font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.88);
}
.faq-more-list{display:none;flex-direction:column;gap:10px;margin-top:10px;}
.faq-more-list.open{display:flex;}
.faq-more-btn{
display:block;margin:22px auto 0;
background:rgba(255,255,255,.14);
border:1.5px solid rgba(255,255,255,.4);
color:#fff;font-weight:700;font-size:13px;
padding:11px 26px;border-radius:30px;cursor:pointer;
font-family:inherit;position:relative;
}
.faq-more-btn:hover{background:rgba(255,255,255,.22);}
@media(max-width:480px){
.partner-topbar-inner{padding:12px 14px;gap:8px;}
.partner-back .lbl-text,
.partner-call .lbl-text{display:none;}
.partner-call{padding:8px 10px;}
.partner-logo{font-size:18px;}
.partner-hero{padding:30px 0 22px;}
.hero-chip{font-size:11px;padding:5px 11px;}
.partner-hero h1{font-size:22px;line-height:1.3;}
.partner-hero p.lead{font-size:13px;margin-bottom:20px;}
.cat-strip{gap:6px;margin-bottom:22px;}
.cat-strip span{font-size:10.5px;padding:5px 10px;}
.lead-card{padding:22px 18px 18px;border-radius:16px;}
.otp-box{letter-spacing:7px;font-size:19px;padding:12px;}
.stats-bar .stat .num{font-size:16px;}
.section-head h2{font-size:18px;}
.ads-panel{padding:24px 18px;}
.ads-icon{width:52px;height:52px;font-size:24px;}
.faq-panel{padding:28px 16px 22px;}
.faq-panel h2{font-size:18px;}
.faq-item summary{font-size:12.5px;padding:13px 14px;}
}
@media(max-width:760px){
.story-grid{grid-template-columns:1fr;}
.steps-row{grid-template-columns:1fr;}
.benefit-panel{grid-template-columns:1fr;}
.ads-panel{grid-template-columns:1fr;text-align:center;justify-items:center;}
.stats-bar{grid-template-columns:1fr;margin-top:18px;box-shadow:none;background:transparent;}
.stats-bar .stat{background:#fff;border-radius:14px;margin-bottom:10px;border-right:none;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.partner-hero{padding-bottom:24px;}
.partner-hero h1{font-size:25px;}
}
@media(min-width:992px){
.partner-hero{padding:64px 0 96px;}
.partner-hero-inner{
max-width:1180px;
flex-direction:row;
align-items:center;
justify-content:space-between;
text-align:left;
gap:64px;
}
.hero-left{align-items:flex-start;flex:1.15;}
.hero-right{flex:1;justify-content:flex-end;position:relative;}
.hero-chip{margin-bottom:22px;}
.partner-hero h1{font-size:36px;max-width:600px;margin-bottom:16px;}
.partner-hero p.lead{font-size:16px;max-width:520px;margin-bottom:32px;}
.cat-strip{justify-content:flex-start;max-width:540px;margin-bottom:0;}
.lead-card{max-width:400px;position:relative;z-index:1;}
.stats-bar{max-width:920px;}
.stats-bar .stat{padding:26px 10px;}
.stats-bar .stat .num{font-size:23px;}
.wrap{max-width:1180px;}
.section{padding:64px 0 6px;}
.section-head h2{font-size:26px;}
.section-head p{font-size:14px;}
.story-grid{gap:22px;}
.steps-row{gap:24px;}
.benefit-left{padding:42px 44px;}
.benefit-left h3{font-size:23px;}
.benefit-right{padding:42px 38px;}
.ads-panel{padding:38px 38px;}
.faq-panel{padding:48px 56px 44px;}
.faq-panel h2{font-size:25px;margin-bottom:28px;}
.faq-list{max-width:760px;margin:0 auto;}
}
@media(min-width:1280px){
.wrap{max-width:1240px;}
.partner-hero-inner{max-width:1240px;}
}
/* ---- responsivcheck.css ---- */
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}
body{
background:#fff;
}
html, body{
overflow-x: hidden;
width: 100%;
}
.divider{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-top: 40px;
margin-bottom: 30px;
}
.lineicon{
width:100%px;
height:2px;
background:#16388f;
}
.icon{
font-size:20px;
color:#16388f;
}
.video-section {
background: #163d99;
padding: 20px;
position: relative;
width: 100%;
box-sizing: border-box;
}
.video-content{
display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
max-width:1200px;
margin:auto;
}
#text{
text-align: center;
margin-bottom: 80px;
}
h4{
font-size: 25px;
}
.para{
font-size:16px !important;
line-height:1.4;
color:white;
text-align:left;
}
.video-box{
position: relative;
background: #000;
width: 100%;
max-width: 100%;
margin: 20px !important;
cursor: pointer;
border-radius: 2px;
height: 150px !important;
border: 2px solid white;
overflow: hidden;
}
.pan {
display: block;
height: auto;
object-fit: cover;
}
@media (min-width: 431px) and (max-width: 640px) {
.divider{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin-top: 50px;
margin-bottom: 20px;
}
.lineicon{
width:100%;
height:2px;
background:#16388f;
}
.icon{
font-size:20px;
color:#16388f;
}
.video-section{
padding:40px 15px;
background-color: #061a52;
}
.video-content{
flex-direction:column;
gap:25px;
}
#text{
width:100%;
text-align: center;
color: #ffffff;
text-align: center;
}
.para{
font-size:16px;
line-height:1.6;
text-align:center;
margin-top: 50px;
margin-left: 20px;
margin-right: 20px;
}
.video-box{
width: 95%;
max-width: 95%;
height: 220px;
display: block;
margin: 20px auto 0;
}
.h4{
margin-top: 50px;
text-align: center;
font-size: 30px;
color: white;
font-family: Helvetica, sans-serif;
}
}
.section3{
padding:60px 80px;
margin:0 auto;
width:100%;
background-color: #ffffff;
}
.divs3{
display:flex;
flex-direction:column;
align-items:center;
gap:40px;
}
.text{
font-size:42px;
text-align:center;
line-height:1.4;
max-width:1200px;
font-weight:700;
}
.media-box{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
gap:30px;
padding:20px;
}
.media-box img{
width:800px;
max-width:900px;
height:1000px;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
#vtext{
font-size:48px;
text-align:center;
line-height:1.3;
max-width:1100px;
font-weight:700;
}
.iframe1{
width: 900px;
max-width: 100%;
height: 450px;
box-shadow:0 10px 25px rgba(0,0,0,0.25);
border-radius: 5px;
}
.iframe2{
width: 900px;
max-width: 100%;
height: 450px;
box-shadow:0 10px 25px rgba(0,0,0,0.25);
border-radius: 5px;
}
.para2{
font-size:22px;
line-height:1.8;
text-align:center;
max-width:1000px;
margin:0 auto;
}
#v3{
font-size:38px;
text-align:center;
margin-top:20px;
}
.main-list{
max-width:1000px;
font-size:20px;
line-height:1.8;
}
.highlight{
font-size:32px;
font-weight:700;
text-align:center;
}
.para5{
font-size:24px;
text-align:center;
}
@media (min-width: 431px) and (max-width: 640px) {
.section3{
padding:15px;
margin:0;
background-color: #ffffff;
}
.divs3{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
.text{
font-size:22px;
text-align:center;
line-height:1.5;
margin:10px 0;
color: #000000;
}
.media-box{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
flex-wrap: wrap;
}
.media-box img{
width:100%;
max-width:350px;
height:auto;
margin:0;
}
#vtext{
font-size:26px;
text-align:center;
line-height:1.3;
margin:10px 0;
}
.white{
color: #000;
}
.wheat{
color: #000;
}
.video{
width:100%;
max-width:350px;
height:450px;
display:block;
margin:0 auto !important;
margin-left:auto !important;
margin-right:auto !important;
}
.para2{
font-size:16px;
line-height:1.7;
text-align:center;
margin:10px;
}
.wheat{
color: wheat;
}
.white{
color: white;
}
}
@media (min-width:901px) and (max-width:1024px){
#v3{
font-size:40px;
text-align:center;
margin-bottom:40px;
}
.main-list{
width:90%;
margin:auto;
}
.main-list li{
padding:25px;
margin-bottom:20px;
}
.main-list h3{
font-size:24px;
margin-bottom:10px;
}
.main-list p{
font-size:18px;
line-height:1.7;
}
.sub-list li{
font-size:18px;
margin-bottom:8px;
}
.para3{
font-size:28px;
text-align:center;
margin-top:30px;
}
.para5{
font-size:18px;
text-align:center;
line-height:1.7;
margin-right: 300px;
}
.highlight{
font-size:18px;
text-align:center;
margin:20px 0;
margin-right: 300px;
font-weight: 600;
}
}
@media (min-width: 431px) and (max-width: 640px) {
#v3{
font-size:28px;
text-align:center;
margin-bottom:25px;
line-height:1.3;
}
.main-list{
padding-left:20px;
}
.main-list li{
padding:15px;
margin-bottom:15px;
}
.main-list h3{
font-size:18px;
margin-bottom:8px;
}
.main-list p{
font-size:15px;
line-height:1.6;
}
.sub-list{
padding-left:20px;
}
.sub-list li{
font-size:15px;
margin-bottom:5px;
}
.para3{
font-size:20px;
text-align:center;
margin-top:20px;
}
.para5{
font-size:15px;
text-align:center;
line-height:1.6;
margin-right: 200px;
}
.highlight{
font-size:18px;
text-align:center;
margin-right: 200px;
font-weight: 600;
}
}
.testimonial-section{
height: 100%;
background:#f7f7f7;
font-family:Arial, sans-serif;
background-color: #061a52;
height: auto;
}
.testimonial-heading{
background-image: url("C:\Users\Usaer\Desktop\responsive check\websiteimg\our testimonial.png");
text-align:center;
margin-bottom:50px;
}
#testimonialh2{
font-size:42px;
font-weight:700;
line-height:1.3;
color: wheat;
}
.video-contain{
display:grid;
grid-template-columns: repeat(4, 2fr);
flex-direction: row;
gap:10px;
margin-bottom: 5px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100%;
max-width:200px;
margin-left: 2px !important;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
.video-card1:hover,
.video-card2:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,0.3);
} */
@media (min-width: 431px) and (max-width: 640px) {
.testimonial-section {
background-color: #ffffff;
padding: 0;
margin-top: 0;
min-height: 900px;}
.testimonial-heading {
background-image: url("websiteimg/our-testimonial.png");
background-size: cover;
background-position: center;
margin-bottom: 2px;
background-repeat: no-repeat;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain {
flex-direction: row;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
display: flex;
height: auto;
}
.video-card1,
.video-card2 {
flex: 0 0 85%;
max-width: 45%;
height: 400px;
scroll-snap-align: center;
border-radius: 4px;
margin-bottom: 20px;
}}
.line2 {
grid-column: 1 / -1;
height: 1px;
background: rgba(255, 255, 255, 0.2);
margin-top: 20px;
}
/* ---- mobile-phonecss.css ---- */
@media (min-width: 361px) and (max-width: 430px){
html,
body{
overflow-x: hidden;
}
.divider{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin-top: 50px;
margin-bottom: 20px;
}
.lineicon{
width:100%;
height:2px;
background:#16388f;
}
.icon{
font-size:20px;
color:#16388f;
}
.video-section{
padding:30px 15px;
background-color: #1E3A8A;
}
#text{
width:100%;
text-align: center;
color: #ffffff;
font-size: 18px;
border-bottom: 1px solid white;
margin-bottom: 10px;
padding-bottom: 20px;
padding-top: 10px;
}
.para{
font-size:14px;
line-height:1.2;
text-align:center;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
letter-spacing: 1px;
}
img {
max-width: 100%;
height: auto;
}
.pan {
width: 100% ;
max-width: 300px ;
height: auto ;
display: block;
margin: 20px auto;
}
.h4{
margin-top: 10px;
text-align: center;
font-size: 25px;
color: white;
font-family: Helvetica, sans-serif;
letter-spacing: 1px;
}
}
@media (min-width: 361px) and (max-width: 430px){
.section3{
padding:15px;
margin:0;
background-color: #ffffff;
}
.divs3{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
.text{
font-size:22px;
text-align:left;
line-height:1;
margin:10px 0;
color: #000000;
}
.media-box{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
flex-wrap: wrap;
}
.media-box img{
width:100%;
max-width:350px;
height:auto;
margin:0;
border-radius:3px;
height: 250px;
}
#vtext{
font-size:26px;
text-align:left;
line-height:1.2;
margin:0px 0;
color: #000;
text-transform: uppercase;
}
.video{
width:100%;
max-width:350px;
height:450px;
display:block;
margin:0 auto !important;
margin-left:auto !important;
margin-right:auto !important;
border-radius: 2px;
}
.para2{
font-size:16px;
line-height:1.7;
text-align:left;
margin:10px;
font-weight: bold;
font-family: sans-serif;
}
.wheat{
color: wheat;
}
.white{
color: white;
}
}
@media (min-width: 361px) and (max-width: 430px){
#v3{
font-size:30px;
text-align:center;
margin-bottom:10px;
line-height:1.3;
}
.main-list{
padding-left:20px;
}
.main-list li{
padding:1px;
margin-bottom:5px;
text-align: left;
font-size: 15px;
}
.main-list h3{
font-size:18px;
margin-bottom:8px;
}
.main-list p{
font-size:15px;
line-height:1.6;
}
.sub-list{
padding-left:20px;
}
.sub-list li{
font-size:15px;
margin-bottom:5px;
}
.para3{
font-size:20px;
text-align:center;
margin-top:20px;
}
.para5{
font-size:15px;
text-align:center;
line-height:1.6;
padding:0 15px;
text-transform: capitalize;
}
.highlight{
font-size:15px;
text-align:center;
padding:0 15px;
font-weight: 300;
}
}
@media (min-width: 361px) and (max-width: 430px){
.testimonial-section {
margin-top: 90px ;
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 100%;
margin-left: 0;
padding: 0 5px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
}
@media (min-width: 361px) and (max-width: 430px){
.testimonial-section {
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 100%;
margin-left: 0;
padding: 0 5px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
.no3{
width: 100%;
padding: 0;
}
.iframe3{
width: 100%;
}
}
@media (max-width: 360px)
{
body{
margin: 0px 0px 0px;
}
.logo img{
width: 130px;
height: auto;
}
.plan-btn{
font-size:13px;
padding:15px 20px;
background-color: #16388f;
font-weight: 400;
}
.services{
margin:0px;
padding:2px;
margin-right: 2px;
}
.services h2{
font-size:15px;
margin-bottom:25px;
color: #16388f;
font-weight: 900;
text-transform: uppercase;
font-family: sans-serif;
margin-top: 20px;
}
.service-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:9px;
flex-wrap: wrap;
}
.divider{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin-top: 30px;
margin-bottom: 10px;
}
.lineicon{
width:100%;
height:2px;
background:#16388f;
}
.icon{
font-size:20px;
color:#16388f;
}
.new{
height:85px;
}
.card h3{
font-weight: 1000px !important;
font-size: 12px !important;
}
.video-section{
padding:40px 15px;
background-color: #061a52;
}
#text{
width:90%;
text-align: center;
color: #ffffff;
font-size: 18px;
}
.para{
font-size:10px;
line-height:1.6;
text-align:center;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
letter-spacing: 1px;
}
img {
max-width: 100%;
height: auto;
}
.pan {
width: 100% !important;
max-width: 300px !important;
height: auto !important;
display: block;
margin: 20px auto;
}
.h4{
margin-top: 10px;
text-align: center;
font-size: 16px;
color: white;
font-family: Helvetica, sans-serif;
letter-spacing: 1px;
}
.section3{
padding:15px;
margin:0;
background-color: #ffffff;
}
.divs3{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
.text{
font-size:22px;
text-align:left;
line-height:1;
margin:10px 0;
color: #000000;
}
.media-box{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
flex-wrap: wrap;
}
.media-box img{
width:100%;
max-width:350px;
height:auto;
margin:0;
border-radius:3px;
height: 250px;
}
#vtext{
font-size:20px;
text-align:left;
line-height:1.2;
margin:0px 0;
color: #000;
text-transform: uppercase;
}
.video{
width:100%;
max-width:350px;
height:450px;
display:block;
margin:0 auto !important;
margin-left:auto !important;
margin-right:auto !important;
border-radius: 2px;
}
.para2{
font-size:16px;
line-height:1.7;
text-align:left;
margin:10px;
font-weight: bold;
font-family: sans-serif;
text-transform: capitalize;
}
.wheat{
color: wheat;
}
.white{
color: white;
}
#v3{
font-size:30px;
text-align:left;
margin-bottom:10px;
line-height:1.3;
font-weight: 800;
}
.main-list{
padding-left:20px;
}
.main-list li{
padding:1px;
margin-bottom:20px;
text-align: left;
font-size: 15px;
}
.main-list h3{
font-size:18px;
margin-bottom:8px;
}
.main-list p{
font-size:15px;
line-height:1.6;
}
.sub-list{
padding-left:20px;
}
.sub-list li{
font-size:15px;
margin-bottom:5px;
}
.para3{
font-size:20px;
text-align:center;
margin-top:20px;
}
.para5{
font-size:15px;
text-align:left;
line-height:1.4;
padding-right: 15px;
text-transform: capitalize;
}
.highlight{
font-size:15px;
text-align:left;
margin-right: 10px;
font-weight: 500;
}
}
@media (max-width: 360px){
.testimonial-section {
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 100%;
margin-left: 0;
padding: 0 5px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
.footer-section {
grid-template-columns: 1fr;
gap: 18px;
padding: 30px 15px;
}
.footer-column h3 {
font-size: 15px;
text-align: left;
}
.footer-column .a {
font-size: 13px;
}
.headoffice,
.techoffice {
font-size: 12px;
border-left: 3px solid #f5c542;
}
.line2 {
margin-top: 10px;
}
}
@media (min-width: 641px) and (max-width: 900px){
.testimonial-section {
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 100%;
margin-left: 0;
padding: 0 10px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
}
@media (min-width: 431px) and (max-width: 640px){
body{
overflow: hidden;
}
.video-box{
position: relative;
background: #000;
width: 70%;
max-width: 100%;
margin: 20px !important;
cursor: pointer;
border-radius: 2px;
height: 150px !important;
border: 2px solid white;
align-items: center;
overflow: hidden;
}
.img{
width: 100%;
max-width: 100%;
height: 200px !important;
display: block;
margin: 0px auto 0;
border: 4px solid white;
margin-bottom: 10px;
align-self: center;
object-fit: cover;
margin-left: 100px;
}
.video-frame{
margin-left: 100px;
width: 100%;
height: 150px;
border: none;
display: none;
background: #000;}
.testimonial-section {
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-wrap: wrap;
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 100%;
margin-left: 0;
padding: 0 10px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
} }
/* ---- nine.css ---- */
@media (min-width: 641px) and (max-width: 900px) {
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
background:#fff;
}
html, body{
overflow-x: hidden;
width: 100%;
}
@media (min-width: 641px) and (max-width: 900px){
.divider{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-top: 40px;
margin-bottom: 30px;
}
.lineicon{
width:800px;
height:2px;
background:#16388f;
}
.icon{
font-size:40px;
color:#16388f;
}
}
@media (min-width: 641px) and (max-width: 900px){
.video-section{
padding: 50px 25px;
text-align: center;
}
#text{
width: 100%;
font-size: 40px;
text-align: center;
margin-bottom: 20px;
color: #ffffff;
}
.h4{
margin-top: 10px;
text-align: center;
font-size: 26px;
font-weight: 700;
color: #ffffff;
}
.para{
font-size: 16px;
line-height: 1.7;
text-align: center;
margin: 20px auto;
max-width: 90%;
color: #fff;
}
.video-box{
width: 90%;
max-width: 900px;
height: 260px;
display: block;
margin: 30px auto 0 auto;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
.video-content{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
}
@media (min-width: 641px) and (max-width: 900px){
.section3{
padding: 50px 25px;
background: linear-gradient(135deg, #0f2a6b, #163d99);
color: #fff;
}
.divs3{
max-width: 100%;
margin: auto;
}
.text{
font-size: 30px;
line-height: 1.4;
text-align: center;
font-weight: 800;
margin-bottom: 25px;
}
.media-box{
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
padding: 10px;
}
.media-box img{
width: 85%;
max-width: 500px;
border-radius: 6px;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
#vtext{
font-size: 26px;
text-align: center;
font-weight: 700;
color: #ffffff;
margin-top: 10px;
}
.video{
width: 90%;
height: 200px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
.media-box{
flex-wrap: wrap;
}
.media-box .video:nth-of-type(1),
.media-box .video:nth-of-type(2){
margin-top: 10px;
}
.para2{
font-size: 15px;
line-height: 1.7;
text-align: center;
max-width: 90%;
}
#v3{
font-size: 30px;
margin-top: 20px;
text-align: center;
}
.main-list{
padding: 0;
margin-top: 15px;
}
.main-list li{
background: rgba(255,255,255,0.08);
margin: 12px 0;
padding: 15px;
border-radius: 10px;
list-style: none;
backdrop-filter: blur(6px);
}
.main-list h3{
font-size: 16px;
margin-bottom: 5px;
color: #fff;
}
.main-list p{
font-size: 14px;
line-height: 1.5;
}
.highlight{
text-align: center;
font-size: 18px;
font-weight: 800;
margin-top: 20px;
color: #ffd700;
}
.para5{
text-align: center;
font-size: 14px;
margin-top: 8px;
opacity: 0.9;
}
}
@media (min-width: 641px) and (max-width: 900px){
body{
overflow: hidden;
}
.video-box{
position: relative;
background: #000;
width: 40%;
max-width: 540px;
cursor: pointer;
border-radius: 2px;
height: 150px !important;
border: 2px solid white;
align-items: center;
max-height: 100%;
margin: 0 auto;
align-items: center;
overflow: hidden;
}
.img{
width: 100%;
max-width: 100%;
height: 200% !important;
max-height: 300px;
display: block;
margin: 0px auto 0;
border: 4px solid white;
margin-bottom: 10px;
align-self: center;
object-fit: cover;
margin-left: 100px;
}
.video-frame{
margin-left: 100px;
width: 100%;
height: 300px !important;
border: none;
display: none;
background: #000;
}
.media-box img{
width:600px;
max-width:600px;
height:400px;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.testimonial-section {
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-wrap: wrap;
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 190% !important;
margin-left: 20px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
}}
@media (min-width: 901px) and (max-width: 1024px){
.icon{
font-size:20px;
color:#16388f;
}
}
@media (min-width: 901px) and (max-width: 1024px){
.video-section{
padding: 50px 30px;
text-align: center;
height: auto;
}
.content{
width: 90%;
margin: 0 auto 20px;
font-size: 28px;
color: #cdf100;
}
.h4{
font-size: 30px;
color: white;
margin-bottom: 20px;
margin-top: 0%;
}
#text{
font-size: 40px;
color: #ffffff;
}
.para{
width: 85%;
max-width: 800px;
margin: 0 auto;
text-align: center;
line-height: 1.8;
font-size: 17px;
color: white;
}
.video-box{
display: block;
width: 75%;
max-width: 700px;
height: 350px;
margin: 30px auto 0;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.section3{
background-color: #061a52;
}
.text{
color: #ffffff;
}
#vtext{
color: white;
}
#v3{
color: white;
}
.para2{
color: white;
}
.main-list{
color: #d9dce7;
}
.highlight{
text-align: center;
font-size: 28px;
color: #ffffff;
}
.para5{
text-align: left;
font-size: 22px;
margin-bottom: 60px;
color: #ffffff;
}
.video{
height: 250px;
}
}
@media (min-width: 901px) and (max-width: 1024px){
.testimonial-section{
height: 100%;
background:#f7f7f7;
font-family:Arial, sans-serif;
height: auto;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
text-align:center;
max-height: 400px;
margin-bottom:50px;
}
#testimonialh2{
font-size:42px;
font-weight:700;
line-height:1.3;
color: wheat;
}
.video-contain{
display:grid;
grid-template-columns: repeat(4, 2fr);
flex-direction: row;
width: 180%;
gap:10px;
margin-bottom: 5px;
margin-left: 40px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100%;
max-width:1500px;
margin-left: 2px !important;
overflow: hidden;
height:250px;
border:2px solid rgb(255, 255, 255);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
.video-card1:hover,
.video-card2:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,0.3);
} }
@media (min-width: 1025px){
.lineicon{
width: 100%;
height:2px;
background:#16388f;
}
.icon{
font-size:20px;
color:#16388f;
}
.new{
height: 200px !IMPORTANT;
}
}
@media (min-width: 1025px) {
.video-section {
background: #163d99;
padding: 40px 100px;
display: flex;
flex-direction: column;
gap: 20px;
max-width: 100%;
width: 100%;
}
#text {
font-size: 40px;
color: #ffffff;
text-align: center;
width: 100%;
}
.h4 {
font-size: 37px;
color: white;
text-align: left;
margin-bottom: 10px;
margin-left: 90px;
}
.video-left {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 100px;
max-width: 2000px;
width: 100%;
}
.para {
max-width: 500px;
font-size: 15px;
line-height: 1.4;
color: white;
font-weight: 600;
text-align: left;
flex: 1;
}
.pan {
width: 500px ;
height: 280px;
object-fit: contain;
flex-shrink: 0;
display: block;
border-radius: 1px;
margin-right: 0;
}
}
@media (min-width: 1025px) {
.testimonial-section {
background-color: #ffffff;
padding: 0px 0px;
margin-top: 0;
min-height: 900;
}
.testimonial-heading{
background-image: url("websiteimg/our testimonial.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 2px;
height: 60%;
}
#testimonialh2 {
font-size: 30px;
color: rgb(2, 2, 2);
}
.video-contain{
display:grid;
grid-template-columns: repeat(1fr);
flex-direction: row;
gap:10px;
padding-bottom: 0;
margin-bottom: 2px;
width: 180%;
margin-left: 50px;
}
.video-contain iframe{
border-radius:2px;
gap: 2px;
width:100% !important;
max-width:100%;
margin-left: 0;
overflow: hidden;
height:250px;
border:2px solid rgb(3, 3, 122);
background:#000;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
transition:0.3s ease;
cursor:pointer;
}
}
@media (min-width: 1025px) {
.section3 {
padding: 30px 50px;
background-color: #ffffff;
}
.divs3 {
display: grid;
grid-template-columns: 500px 1fr;
grid-template-rows: auto 1fr;
gap: 10px 30px;
align-items: start;
padding: 20px 40px;
}
.text {
grid-column: 1;
grid-row: 1;
font-size: 28px;
text-align: left;
line-height: 1.3;
color: #000000;
font-weight: 600;
margin-left: 0px;
width: 110%;
}
.media-box {
grid-column: 1;
grid-row: 2;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.media-box img {
width: 80%;
height: 220px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
margin-left: 20px;
}
#vtext {
font-size: 25px;
text-align: left;
color: #000000;
margin-left: 20px;
}
.no2 {
display: flex;
flex-direction: row;
gap: 10px;
width: 50% !IMPORTANT;
margin-right: 200px;
}
.iframe1,
.iframe2 {
flex: 1;
height: 400px;
border: none;
border-radius: 4px;
}
.right-col {
grid-column: 2;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 40px;
justify-content: flex-start;
}
.para2 {
font-size: 13px;
line-height: 1.4;
text-align: left;
color: #3b3939;
margin-top: 20px;
margin-bottom: 30px;
padding: 0;
font-weight: 900;
margin-top: 20px;
padding: 0 0 20px;
width: 90%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.iframe3{
width: 100%;
height: auto;
margin-left: 10px;
}
.no3{
width: 480px;
margin-left: 20px;
}
.head{
font-size: 22px;
font-weight: 900;
margin-bottom: 40px;
}
#v3 {
font-size: 27px;
text-align: left;
color: #000000;
margin-top: 20px;
padding: 0;
}
.main-list {
width: 90%;
padding-left: 15px;
margin: 0;
color: #000000;
}
.main-list li {
padding: 5px 10px;
margin-bottom: 3px;
color: #000000;
}
.main-list h3 {
font-size: 14px;
margin: 0 0 10px 0;
color: #363131;
}
.main-list p {
font-size: 13px;
line-height: 1.4;
margin: 0;
color: #000000;
font-weight: 500;
}
.sub-list {
padding-left: 15px;
margin: 2px 0;
}
.sub-list li {
font-size: 13px;
margin-bottom: 2px;
color: #000000;
}
.highlight {
font-size: 18px;
font-weight: 700;
text-align: left;
color: #000000;
margin: 0;
padding: 0;
}
.para5 {
font-size: 15px;
text-align: left;
color: #000000;
margin: 0;
padding: 0;
}
.white { color: #000000; }
.wheat { color: #000000; }
}
@media (min-width: 1601px){
.video-section{ padding-inline: calc((100% - 1240px) / 2); }
.divs3{ max-width: 1240px; margin-inline: auto; }
}
/* ---- partner-content.css ---- */
:root{
--eb-ink:#101828;
--eb-body:#4c5666;
--eb-line:#e6eaf1;
--eb-card:#ffffff;
--eb-soft:#f4f7fc;
--eb-blue:#1976d2;
--eb-blue-deep:#0d47a1;
--eb-blue-light:#42a5f5;
--eb-green:#1e8e3e;
--eb-shadow:0 6px 24px rgba(16,24,40,.06);
--eb-shadow-lg:0 18px 44px rgba(13,71,161,.13);
}
body{
font-family:'Inter','Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
letter-spacing:-.005em;
}
h1,h2,h3,h4,h5,
.partner-logo,.hero-chip,.eyebrow,.eb-eyebrow,
.btn-primary,.lb-btn,.eb-btn,.faq-more-btn,
.lb-head,.step-title,.section-head h2,.faq-panel h2,.faq-item summary{
font-family:'Poppins',sans-serif;
}
h1,h2,h3,
.partner-hero h1,.section-head h2,.faq-panel h2,
.eb-head h2,.eb-split h2,.eb-cta h2{
text-wrap:balance;
}
p,li,.faq-item .faq-a,.eb-head p,.eb-card p,.eb-step p,.eb-split p,.eb-cta p{
text-wrap:pretty;
}
.eb-container{
width:100%;
max-width:1180px;
margin-inline:auto;
padding-inline:clamp(16px, 4vw, 48px);
}
.eb-section{
padding-block:clamp(36px, 5.5vw, 76px);
background:#ffffff;
border-top:1px solid var(--eb-line);
}
.eb-section--soft{ background:var(--eb-soft); }
.eb-section--tint{
background:linear-gradient(180deg,#ffffff 0%, #eef4fd 100%);
}
.eb-head h2::after,
.eb-split h2::after{
content:"";
display:block;
width:56px;height:4px;border-radius:99px;
margin:16px auto 0;
background:linear-gradient(90deg, var(--eb-blue-deep), var(--eb-blue-light));
}
.eb-head--left h2::after{ margin-inline:0; }
.eb-head{ max-width:820px; margin:0 auto clamp(24px, 3vw, 44px); text-align:center; }
.eb-head--left{ margin-inline:0; text-align:left; }
.eb-eyebrow{
display:inline-block;
font-size:clamp(10px, 1.1vw, 11.5px);
font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
color:var(--eb-blue-deep);
background:#e8f0fd;border-radius:30px;padding:6px 14px;margin-bottom:12px;
}
.eb-head h2{
font-size:clamp(20px, 3.1vw, 32px);
line-height:1.25;font-weight:800;color:var(--eb-ink);
margin:0 0 10px;letter-spacing:-.4px;
}
.eb-head p{
font-size:clamp(13px, 1.35vw, 15.5px);
line-height:1.75;color:var(--eb-body);
max-width:66ch;margin:0 auto;
}
.eb-head p + p{ margin-top:10px; }
.eb-head--left p{ margin-inline:0; }
.eb-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
gap:clamp(14px, 1.8vw, 24px);
}
.eb-card{
background:var(--eb-card);
border:1px solid var(--eb-line);
border-radius:18px;
padding:clamp(18px, 2.2vw, 26px);
box-shadow:var(--eb-shadow);
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.eb-card:hover{
transform:translateY(-4px);
box-shadow:var(--eb-shadow-lg);
border-color:#cfe0f7;
}
.eb-card .eb-ico{
width:46px;height:46px;border-radius:14px;
background:linear-gradient(140deg,#e8f0fd,#d7e6fb);
display:flex;align-items:center;justify-content:center;
margin-bottom:14px;
}
.eb-ico .material-icons-outlined{ font-size:23px;color:var(--eb-blue-deep); }
.eb-card h3{
font-size:clamp(14.5px, 1.5vw, 17px);
font-weight:700;color:var(--eb-ink);margin:0 0 7px;line-height:1.35;
}
.eb-card p{
font-size:clamp(12.5px, 1.25vw, 14px);
line-height:1.65;color:var(--eb-body);margin:0;
}
.eb-card p + p{ margin-top:8px; }
.eb-grid--mini{ grid-template-columns:repeat(auto-fit, minmax(215px, 1fr)); gap:clamp(10px, 1.2vw, 16px); }
.eb-card--mini{ display:flex;align-items:center;gap:12px;padding:14px 16px; }
.eb-card--mini .eb-ico{
width:38px;height:38px;border-radius:11px;margin-bottom:0;flex:0 0 auto;
}
.eb-card--mini .eb-ico .material-icons-outlined{ font-size:19px; }
.eb-card--mini span{
font-size:clamp(12.5px, 1.2vw, 14px);font-weight:600;color:var(--eb-ink);line-height:1.4;
}
.eb-pills{
display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
}
.eb-pills--left{ justify-content:flex-start; }
.eb-pill{
display:inline-flex;align-items:center;gap:8px;
background:#fff;border:1px solid var(--eb-line);
border-radius:30px;padding:9px 16px;
font-size:clamp(12px, 1.2vw, 13.5px);font-weight:600;color:#2f3b4d;
box-shadow:0 2px 8px rgba(16,24,40,.04);
transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.eb-pill:hover{ border-color:var(--eb-blue-light); transform:translateY(-2px); box-shadow:var(--eb-shadow); }
.eb-pill .material-icons-outlined{ font-size:17px;color:var(--eb-blue);flex:0 0 auto; }
.eb-pill small,
.eb-ticks li small,
.eb-step ul li small{ font-size:.85em;font-weight:500;color:#8a94a6; }
.eb-ticks{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
gap:10px 22px;
list-style:none;margin:0;padding:0;
}
.eb-ticks li{
display:flex;align-items:flex-start;gap:10px;
font-size:clamp(12.5px, 1.25vw, 14.5px);
line-height:1.6;color:#2f3b4d;font-weight:500;
}
.eb-ticks li::before{
content:"";flex:0 0 auto;
width:19px;height:19px;border-radius:50%;margin-top:2px;
background:var(--eb-green) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center/12px 12px;
}
.eb-steps{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:clamp(14px, 1.8vw, 22px);
counter-reset:ebstep;
}
.eb-step{
position:relative;
background:#fff;border:1px solid var(--eb-line);border-radius:18px;
padding:clamp(20px, 2.2vw, 26px) clamp(18px, 2vw, 24px) clamp(18px, 2vw, 24px);
box-shadow:var(--eb-shadow);
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.eb-step:hover{ transform:translateY(-4px); box-shadow:var(--eb-shadow-lg); border-color:#cfe0f7; }
.eb-step .eb-step-n{
width:38px;height:38px;border-radius:12px;
background:linear-gradient(140deg,var(--eb-blue-deep),var(--eb-blue));
color:#fff;font-weight:800;font-size:15px;
display:flex;align-items:center;justify-content:center;
margin-bottom:14px;box-shadow:0 6px 16px rgba(13,71,161,.28);
}
.eb-step h3{
font-size:clamp(14.5px, 1.5vw, 17px);
font-weight:700;color:var(--eb-ink);margin:0 0 7px;line-height:1.35;
}
.eb-step p{
font-size:clamp(12.5px, 1.25vw, 14px);
line-height:1.65;color:var(--eb-body);margin:0;
}
.eb-step ul{
list-style:none;margin:12px 0 0;padding:0;
display:flex;flex-wrap:wrap;gap:7px;
}
.eb-step ul li{
background:var(--eb-soft);border:1px solid var(--eb-line);
border-radius:20px;padding:5px 11px;
font-size:clamp(11px, 1.1vw, 12.5px);font-weight:600;color:#41506a;
}
.eb-note{
margin-top:clamp(16px, 2vw, 22px);
background:#fff8e6;border:1px solid #ffe1a6;border-radius:14px;
padding:14px 16px;
font-size:clamp(11.5px, 1.15vw, 13px);line-height:1.65;color:#7a5a12;
}
.eb-videos{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:clamp(14px, 1.8vw, 24px);
}
.eb-video{
position:relative;
height:300px;
border-radius:16px;
height: 300px;
overflow:hidden;
background:#0b1220;
border:1px solid var(--eb-line);
box-shadow:var(--eb-shadow);
transition:transform .25s ease, box-shadow .25s ease;
}
.eb-video:hover{ transform:translateY(-4px);box-shadow:var(--eb-shadow-lg); }
.eb-video iframe{
position:absolute;inset:0;
width:100%;height:100%;
border:0;display:block;
}
.eb-subhead{
text-align:center;
margin:clamp(30px, 4vw, 52px) auto clamp(16px, 2vw, 26px);
max-width:640px;
}
.eb-subhead h3{
font-size:clamp(16px, 2vw, 22px);font-weight:800;color:var(--eb-ink);
margin:0 0 6px;line-height:1.3;
}
.eb-subhead p{
font-size:clamp(12.5px, 1.25vw, 14.5px);line-height:1.7;
color:var(--eb-body);margin:0;
}
.eb-section--soft .eb-subhead h3{ color:var(--eb-ink); }
@media(max-width:600px){
.eb-videos{ gap:9px; }
.eb-video{ border-radius:10px; }
}
@media(max-width:380px){
.eb-videos{ gap:7px; }
}
.eb-plans{
display:flex;flex-wrap:nowrap;align-items:stretch;
gap:clamp(14px, 1.8vw, 24px);
overflow-x:auto;overscroll-behavior-x:contain;
padding:10px 2px 26px;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;-ms-overflow-style:none;
}
.eb-plans::-webkit-scrollbar{ display:none; }
.eb-plan{
flex:1 0 280px;max-width:none;scroll-snap-align:center;
display:flex;flex-direction:column;
background:#fff;border:1.5px solid var(--eb-line);border-radius:20px;
padding:clamp(20px, 2.4vw, 30px) clamp(18px, 2vw, 26px);
box-shadow:var(--eb-shadow);
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.eb-plan:hover{ transform:translateY(-5px); box-shadow:var(--eb-shadow-lg); }
.eb-plan--best{ border-color:var(--eb-blue); box-shadow:var(--eb-shadow-lg); }
.eb-plan-badge{
align-self:flex-start;
font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
color:var(--eb-blue-deep);background:#e8f0fd;
border-radius:20px;padding:5px 12px;margin-bottom:12px;
}
.eb-plan--best .eb-plan-badge{ background:var(--eb-blue-deep);color:#fff; }
.eb-plan h3{ font-size:clamp(17px, 1.8vw, 21px);font-weight:800;color:var(--eb-ink);margin:0 0 4px; }
.eb-plan .eb-plan-tag{ font-size:clamp(12px, 1.2vw, 13.5px);color:var(--eb-body);margin:0 0 16px;line-height:1.5; }
.eb-plan-price{ display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:4px; }
.eb-plan-price b{ font-size:clamp(24px, 2.8vw, 32px);font-weight:800;color:var(--eb-blue-deep);line-height:1; }
.eb-plan-price s{ font-size:13px;color:#98a2b3; }
.eb-plan-price em{
font-style:normal;font-size:11px;font-weight:700;color:var(--eb-green);
background:#e7f6ec;border-radius:20px;padding:3px 9px;
}
.eb-plan-dur{ font-size:12px;color:#98a2b3;margin:0 0 16px; }
.eb-plan ul{ list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px; }
.eb-plan ul li{
display:flex;align-items:flex-start;gap:9px;
font-size:clamp(12.5px, 1.2vw, 13.5px);line-height:1.55;color:#2f3b4d;
}
.eb-plan ul li::before{
content:"";flex:0 0 auto;width:17px;height:17px;border-radius:50%;margin-top:1px;
background:var(--eb-green) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center/11px 11px;
}
.eb-plan .eb-btn{ margin-top:auto; }
.eb-cats{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
gap:clamp(14px, 1.8vw, 22px);
}
.eb-cat{
background:#fff;border:1px solid var(--eb-line);border-radius:18px;
padding:clamp(18px, 2vw, 24px);
box-shadow:var(--eb-shadow);
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.eb-cat:hover{ transform:translateY(-4px); box-shadow:var(--eb-shadow-lg); border-color:#cfe0f7; }
.eb-cat h3{
display:flex;align-items:center;gap:10px;
font-size:clamp(14px, 1.45vw, 16px);font-weight:700;color:var(--eb-ink);
margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--eb-line);
}
.eb-cat h3 .material-icons-outlined{
font-size:20px;color:var(--eb-blue-deep);flex:0 0 auto;
}
.eb-cat ul{ list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px; }
.eb-cat ul li{
background:var(--eb-soft);border:1px solid var(--eb-line);border-radius:20px;
padding:5px 11px;font-size:clamp(11px, 1.1vw, 12.5px);color:#41506a;font-weight:500;
}
.eb-cats-more{
text-align:center;margin-top:clamp(16px, 2vw, 22px);
font-size:clamp(12.5px, 1.2vw, 14px);color:var(--eb-body);font-weight:600;
}
.eb-btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
background:linear-gradient(135deg,var(--eb-blue-deep),var(--eb-blue));
color:#fff;border:none;border-radius:12px;
padding:14px 26px;
font-family:inherit;font-size:clamp(13px, 1.3vw, 15px);font-weight:700;
cursor:pointer;text-align:center;
box-shadow:0 10px 24px rgba(13,71,161,.26);
transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.eb-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(13,71,161,.34); filter:brightness(1.06); }
.eb-btn:active{ transform:translateY(0); }
.eb-btn--block{ width:100%; }
.eb-btn--ghost{
background:#fff;color:var(--eb-blue-deep);
border:1.5px solid #cfe0f7;box-shadow:none;
}
.eb-btn--ghost:hover{ background:#f4f8ff;box-shadow:var(--eb-shadow); }
.eb-btn--light{
background:#fff;color:var(--eb-blue-deep);box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.eb-split{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:clamp(18px, 2.4vw, 40px);
align-items:center;
background:#fff;border:1px solid var(--eb-line);border-radius:22px;
padding:clamp(22px, 3vw, 42px);
box-shadow:var(--eb-shadow);
}
.eb-split h2{
font-size:clamp(19px, 2.6vw, 28px);font-weight:800;color:var(--eb-ink);
margin:0 0 12px;line-height:1.28;letter-spacing:-.3px;
}
.eb-split p{
font-size:clamp(12.5px, 1.3vw, 15px);line-height:1.75;color:var(--eb-body);
margin:0 0 10px;max-width:60ch;
}
.eb-split-box{
background:var(--eb-soft);border:1px solid var(--eb-line);
border-radius:18px;padding:clamp(18px, 2.2vw, 26px);
}
.eb-split-box h3{
font-size:clamp(13.5px, 1.4vw, 16px);font-weight:700;color:var(--eb-ink);margin:0 0 14px;
}
.eb-cta{
position:relative;overflow:hidden;
background:linear-gradient(135deg,var(--eb-blue-deep) 0%, var(--eb-blue) 60%, var(--eb-blue-light) 100%);
color:#fff;border-radius:24px;
padding:clamp(28px, 4vw, 56px) clamp(20px, 3vw, 52px);
text-align:center;
box-shadow:0 20px 50px rgba(13,71,161,.28);
}
.eb-cta::before{
content:"";position:absolute;inset:0;pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
background-size:34px 34px;opacity:.55;
}
.eb-cta > *{ position:relative;z-index:1; }
.eb-cta h2{
font-size:clamp(20px, 3vw, 32px);font-weight:800;margin:0 0 12px;line-height:1.25;letter-spacing:-.4px;
}
.eb-cta p{
font-size:clamp(12.5px, 1.35vw, 15.5px);line-height:1.75;
color:rgba(255,255,255,.93);margin:0 auto 10px;max-width:62ch;
}
.eb-cta .eb-cta-actions{ margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center; }
.video-section #text{
min-height:1.3em;
display:flex;align-items:center;justify-content:center;
}
.video-section #text::after{
content:"";display:inline-block;
width:2px;height:1em;margin-left:4px;
background:currentColor;
animation:ebCaret 1s steps(1) infinite;
}
@keyframes ebCaret{ 50%{opacity:0;} }
@media(prefers-reduced-motion:reduce){
.video-section #text::after{ animation:none;opacity:.6; }
}
.next-pill, .cat-strip-track > span, .faq-more-btn,
.btn-primary, .lb-btn{
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.eb-to-login{
position:fixed;right:16px;bottom:16px;z-index:80;
width:52px;height:52px;border-radius:50%;
border:1.5px solid rgba(255,255,255,.35);
background:linear-gradient(135deg,#0d47a1,#1976d2);
color:#fff;cursor:pointer;font-family:inherit;
display:flex;align-items:center;justify-content:center;
box-shadow:0 10px 26px rgba(13,71,161,.42);
opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);
transition:opacity .25s ease, transform .25s ease, visibility .25s;
-webkit-tap-highlight-color:transparent;
}
.eb-to-login.is-visible{ opacity:1;visibility:visible;transform:none; }
.eb-to-login:hover{ box-shadow:0 14px 32px rgba(13,71,161,.5); }
.eb-to-login:active{ transform:scale(.92); }
.eb-to-login .material-icons-outlined{ font-size:26px; }
@supports (padding: max(0px)){
.eb-to-login{ bottom:max(16px, env(safe-area-inset-bottom)); }
}
@media(min-width:992px){
.eb-to-login{ right:24px;bottom:24px;width:56px;height:56px; }
}
@media(prefers-reduced-motion:reduce){
.eb-to-login{ transition:opacity .2s ease; transform:none; }
}
#portfolio .eb-split,
#complete-profile .eb-split{ text-align:center; }
#portfolio .eb-split p,
#complete-profile .eb-split p{ margin-inline:auto; }
#portfolio .eb-ticks li,
#complete-profile .eb-ticks li{ text-align:left; }
#ready.eb-section{ padding:0;background:transparent;border-top:0; }
#ready .eb-container{ max-width:none;padding-inline:0; }
#ready .eb-cta{
background:#0d47a1;
border-radius:0;
box-shadow:none;
}
.footer-wordmark{
font-family:'Poppins',sans-serif;
font-size:clamp(10px, 2.4vw, 26px);
font-weight:600;
letter-spacing:-.1px;
color:#fff;
white-space:nowrap;
}
body .footer-section,
body .footer-section2{ background:#0d47a1 !important; }
body .footer-section{ border-radius:0; }
body .footer-section2{ border-top:1px solid rgba(255,255,255,.22); }
.video-section .para{ font-weight:500;line-height:1.7; }
.divs3 .para2,
.divs3 .main-list p,
.divs3 .main-list li p{ font-weight:400;line-height:1.7; }
.divs3 .main-list h3{ line-height:1.4; }
.faq-panel .eb-faq-foot{
position:relative;text-align:center;margin:20px auto 0;max-width:760px;
font-size:clamp(11px, 1.1vw, 12.5px);line-height:1.65;color:rgba(255,255,255,.78);
}
@media(max-width:360px){
.eb-container{ padding-inline:14px; }
.eb-grid, .eb-steps, .eb-cats, .eb-grid--mini{ grid-template-columns:1fr; }
.eb-pill{ padding:8px 13px; }
.eb-ticks{ grid-template-columns:1fr; }
}
@media(max-width:600px){
.eb-grid, .eb-steps, .eb-cats{ grid-template-columns:1fr; }
.eb-grid--mini{ grid-template-columns:1fr; }
.eb-split{ text-align:left; }
.eb-cta .eb-cta-actions .eb-btn{ width:100%; }
}
@media(min-width:601px) and (max-width:991px){
.eb-grid, .eb-steps, .eb-cats{ grid-template-columns:repeat(2, 1fr); }
.eb-grid--mini{ grid-template-columns:repeat(2, 1fr); }
}
@media(min-width:992px){
.eb-grid{ grid-template-columns:repeat(3, 1fr); }
.eb-grid--mini{ grid-template-columns:repeat(4, 1fr); }
.eb-steps{ grid-template-columns:repeat(2, 1fr); }
.eb-cats{ grid-template-columns:repeat(3, 1fr); }
.eb-split{ grid-template-columns:1.05fr .95fr; }
}
@media(min-width:1280px){
.eb-container{ max-width:1240px; }
.eb-steps{ grid-template-columns:repeat(4, 1fr); }
.eb-cats{ grid-template-columns:repeat(4, 1fr); }
}
@media(min-width:1600px){
.eb-container{ max-width:1320px; }
}
@media(max-height:520px) and (orientation:landscape){
.eb-section{ padding-block:32px; }
}
@media (hover: none){
.eb-card:hover, .eb-step:hover, .eb-cat:hover,
.eb-plan:hover, .eb-pill:hover, .story-card:hover, .eb-btn:hover,
.eb-video:hover{
transform:none;
box-shadow:var(--eb-shadow);
border-color:var(--eb-line);
}
.eb-card, .eb-step, .eb-cat, .eb-plan, .eb-pill, .story-card, .eb-btn,
.faq-item, .next-pill{
-webkit-tap-highlight-color:transparent;
}
.eb-card:active, .eb-step:active, .eb-cat:active, .eb-plan:active{
transform:translateY(-4px);
box-shadow:var(--eb-shadow-lg);
border-color:#cfe0f7;
}
.eb-pill:active, .story-card:active, .next-pill:active,
.cat-strip-track > span:active{
transform:translateY(-3px);
box-shadow:var(--eb-shadow);
}
.eb-btn:active, .btn-primary:active, .lb-btn:active, .faq-more-btn:active{
transform:translateY(-2px) scale(.985);
}
.faq-item:active{ background:rgba(255,255,255,.14); }
}
@media(prefers-reduced-motion:reduce){
.eb-card, .eb-step, .eb-cat, .eb-plan, .eb-pill, .eb-btn{ transition:none; }
.eb-card:hover, .eb-step:hover, .eb-cat:hover, .eb-plan:hover, .eb-pill:hover, .eb-btn:hover{ transform:none; }
}
/* ---- footer.css ---- */
.footer-section2 {
background: #001bb3;
color: #fff;
padding: 50px 20px 20px;
font-family: Arial, sans-serif;
border-top: 2px solid rgba(255,255,255,.35);
}
#footerh2 {
text-align: center;
font-size: 28px;
margin-bottom: 25px;
color: #fff;
line-height: 1.3;
padding: 0 10px;
}
@media (max-width:599px){
.footer-section2{padding:32px 16px 16px;}
#footerh2{font-size:21px;margin-bottom:16px;}
}
.city-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
max-height: 320px;
overflow-y: auto;
padding: 10px;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,.55) rgba(255,255,255,.12);
}
.city-grid::-webkit-scrollbar{ width: 6px; }
.city-grid::-webkit-scrollbar-track{ background: rgba(255,255,255,.12); border-radius: 6px; }
.city-grid::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.55); border-radius: 6px; }
.city-grid::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.75); }
.city-grid span,
.city-grid a {
display: inline-block;
background: rgba(255,255,255,.12);
padding: 6px 12px;
font-size: 13px;
border-radius: 20px;
color: #fff;
text-decoration: none;
border: 1px solid rgba(255,255,255,.3);
cursor: pointer;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.city-grid span:hover,
.city-grid a:hover {
background: #fff;
color: #001bb3;
border-color: #fff;
transform: scale(1.05);
}
}
.city-grid span:active,
.city-grid a:active {
background: #fff;
color: #001bb3;
border-color: #fff;
transform: scale(1.05);
}
.lfooter{
display: flex; flex-wrap: wrap; flex-direction: row;
justify-content: space-between; align-items: center; gap: 12px;
margin-top: 25px; padding: 10px 20px 30px;
}
.lfooter img {
width: 100px;
max-width: 40vw;
margin-bottom: 0;
}
.lfooter p {
font-size: 13px;
color: #fff;
}
.line2 {
height: 1px;
background: rgba(255,255,255,0.2);
margin-top: 15px;
}
.lfooter-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.sf-verified2{display:inline-flex;align-items:center;gap:7px;color:#8bd4a5;font-size:12.5px;font-weight:600;white-space:nowrap;}
.sf-verified2 i,.sf-verified2 .material-icons-outlined{color:#37c871;}
@media (max-width:599px){
.lfooter{flex-wrap:wrap;justify-content:space-between;gap:8px 14px;padding:0px 2px 2px; width: 100%;}
.lfooter-brand{gap:8px;}
.lfooter img{width:50px;max-width:50px;margin-bottom:0;}
.sf-verified2{font-size:6px;}
.lfooter p{font-size:6px;}
}
.act {
transition: color .3s, font-size .3s;
margin-top: 1%;
}
@media (hover: hover) and (pointer: fine) {
.act:hover {
color: rgb(128, 152, 228);
font-size: 12px;
}
}
.act:active {
color: rgb(58, 84, 186);
}
.footerlogo {
transition: transform .3s ease;
height: 50px;
}
@media (hover: hover) and (pointer: fine) {
.footerlogo:hover {
transform: scale(1.2);
}
}
.footerlogo:active {
transform: scale(1.2);
}
.footer-section {
background: #001bb3 !important;
color: #fff;
padding: 50px 20px 53px;
font-family: Arial, sans-serif;
border-radius: 10px;
}
.footer-section {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
.footer-column{
margin-top: 20px;
margin-left: 10px;
color: white;
}
.footer-column h3 {
font-size: 16px;
margin-bottom: 12px;
color: #f5c542;
}
.footer-column .a {
display: block;
color: #ffffff;
text-decoration: none;
margin: 8px 0;
font-size: 14px;
transition: 0.3s;
}
.footer-column .a:hover {
color: #fff;
padding-left: 5px;
}
.services-scroll{
max-height: 164px;
overflow-y: auto;
padding-right: 6px;
}
.services-scroll .a{
color: #fff;
line-height: 18px;
}
.services-scroll .a:hover{
color: #f5c542;
}
.services-scroll::-webkit-scrollbar{ width: 6px; }
.services-scroll::-webkit-scrollbar-track{ background: rgba(255,255,255,.08); border-radius: 6px; }
.services-scroll::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.35); border-radius: 6px; }
.services-scroll::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.55); }
.headoffice,
.techoffice {
font-size: 13px;
line-height: 1.6;
color: #ccc;
padding: 10px;
border-left: 2px solid #f5c542;
margin-top: 20px;
}
.footer-section .line2 {
grid-column: 1 / -1;
}
@media (max-width:500px) {
.footer-section{
grid-template-columns:1fr;
gap:18px;
padding:30px 15px;
}
.footer-column{
margin:0;
}
.footer-column h3{
font-size:15px;
}
.footer-column .a{
font-size:13px;
}
.services-scroll{
max-height: 170px;
}
.headoffice,
.techoffice{
font-size:12px;
margin-top:10px;
border-left:3px solid #f5c542;
}
}