.elementor-79 .elementor-element.elementor-element-2b121d2{--spacer-size:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-79 .elementor-element.elementor-element-3e3c76d{--spacer-size:50px;}.elementor-79 .elementor-element.elementor-element-058e864{--spacer-size:50px;}.elementor-79 .elementor-element.elementor-element-701b33f3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--overlay-opacity:0.15;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D3D3D3;--border-color:#D3D3D3;--padding-top:100px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-79 .elementor-element.elementor-element-701b33f3:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-701b33f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E3A8A;}.elementor-79 .elementor-element.elementor-element-701b33f3:hover{background-color:transparent;background-image:linear-gradient(180deg, #FBBF24 0%, #FBBF24 100%);}.elementor-79 .elementor-element.elementor-element-701b33f3::before, .elementor-79 .elementor-element.elementor-element-701b33f3 > .elementor-background-video-container::before, .elementor-79 .elementor-element.elementor-element-701b33f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-79 .elementor-element.elementor-element-701b33f3 > .elementor-background-slideshow::before, .elementor-79 .elementor-element.elementor-element-701b33f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-79 .elementor-element.elementor-element-701b33f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-79 .elementor-element.elementor-element-3a173fa9{text-align:center;font-size:16px;font-weight:400;color:#000000;width:var( --container-widget-width, 830px );max-width:830px;--container-widget-width:830px;--container-widget-flex-grow:0;}.elementor-79 .elementor-element.elementor-element-3a173fa9.elementor-element{--align-self:center;}.elementor-79 .elementor-element.elementor-element-96d0228{--spacer-size:50px;}.elementor-79 .elementor-element.elementor-element-27997a6{--display:flex;}.elementor-79 .elementor-element.elementor-element-aee87b5{--spacer-size:50px;}@media(max-width:767px){.elementor-79 .elementor-element.elementor-element-701b33f3{--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-7190d4b */*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

.upsc-hero{

display:flex;
justify-content:space-between;
align-items:center;
padding:100px 8%;
background:linear-gradient(135deg,#0F172A,#1E3A8A,#2563EB);
overflow:hidden;
position:relative;

}

.upsc-hero:before{

content:'';
position:absolute;
width:500px;
height:500px;
background:#FBBF24;
filter:blur(180px);
right:-150px;
top:-150px;
opacity:.25;

}

.hero-content{

width:55%;
position:relative;
z-index:2;

}

.badge{

display:inline-block;
background:#FBBF24;
color:#1E3A8A;
padding:12px 25px;
border-radius:40px;
font-weight:700;
margin-bottom:25px;

}

.hero-content h1{

font-size:70px;
color:#fff;
line-height:1.1;
margin-bottom:20px;
font-weight:800;

}

.hero-content h1 span{

display:block;
color:#FBBF24;

}

.hero-content p{

font-size:18px;
line-height:1.9;
color:#dbeafe;
max-width:700px;
margin-bottom:35px;

}

.hero-buttons{

display:flex;
gap:20px;
margin-bottom:50px;

}

.hero-buttons a{

text-decoration:none;
padding:16px 35px;
font-weight:700;
border-radius:10px;
transition:.4s;

}

.hero-buttons a:first-child{

background:#FBBF24;
color:#1E3A8A;

}

.hero-buttons a:last-child{

background:#fff;
color:#1E3A8A;

}

.hero-buttons a:hover{

transform:translateY(-5px);

}

.stats{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;

}

.stat{

background:rgba(255,255,255,.08);
backdrop-filter:blur(15px);
padding:25px;
text-align:center;
border-radius:20px;
border:1px solid rgba(255,255,255,.15);

}

.stat h2{

font-size:38px;
color:#FBBF24;
margin-bottom:10px;

}

.stat span{

color:#fff;

}

.hero-image{

width:40%;
height:600px;
position:relative;

}

.circle{

width:420px;
height:420px;
background:linear-gradient(135deg,#FBBF24,#FFD54F);
border-radius:50%;
position:absolute;
right:0;
top:80px;
box-shadow:0 20px 60px rgba(0,0,0,.3);

}

.card{

position:absolute;
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.2);
width:240px;

}

.card h3{

color:#1E3A8A;
margin-bottom:10px;

}

.card p{

color:#666;

}

.one{

top:30px;
left:20px;

}

.two{

top:220px;
right:20px;

}

.three{

bottom:20px;
left:50px;

}

@media(max-width:992px){

.upsc-hero{

flex-direction:column;
padding:60px 20px;

}

.hero-content,
.hero-image{

width:100%;

}

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:42px;

}

.hero-buttons{

justify-content:center;
flex-wrap:wrap;

}

.stats{

grid-template-columns:repeat(2,1fr);

}

.hero-image{

height:500px;
margin-top:50px;

}

.circle{

width:300px;
height:300px;
left:50%;
transform:translateX(-50%);

}

}/* End custom CSS */