.elementor-56 .elementor-element.elementor-element-efdaecf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-efdaecf:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-efdaecf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mbbsdirectadmission.com/wp-content/uploads/2026/03/main-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-56 .elementor-element.elementor-element-d261663{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-1a0e0bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-7ed71df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-2260ce0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-b32e2f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-ed524f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-cce122e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d8663f7 */.hero-content{
max-width:560px;
align-self:center;      /* ⭐ content center */
}

.flags{
margin-bottom:18px;
}

.flags span{
font-size:26px;
margin-right:8px;
}

.hero-content h1{
font-size:54px;
line-height:1.15;
color:#fff;
font-weight:800;
margin-bottom:18px;
letter-spacing:-1px;
}

.hero-sub{
font-size:20px;
opacity:.9;
margin-bottom:28px;
}

.hero-badges{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:32px;
}

.hero-badges span{
background:rgba(255,255,255,.15);
padding:12px 18px;
border-radius:40px;
font-size:15px;
}

.hero-cta{
display:flex;
gap:16px;
}

.btn-primary{
background:#fff;
color:#2d3fb0;
padding:16px 30px;
border-radius:10px;
font-size:18px;
font-weight:700;
text-decoration:none;
box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.btn-outline{
border:2px solid #fff;
color:#fff;
padding:15px 28px;
border-radius:10px;
font-size:17px;
font-weight:600;
text-decoration:none;
}

.mbbs-hero{
padding:70px 30px;
color:#fff;
min-height:650px;
position:relative;   /* ⭐ IMPORTANT */
overflow:hidden;
}

.hero-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

.hero-content{
max-width:560px;
z-index:2;
}

.hero-image{
position:absolute;  
right:60px;
bottom:0;            
}

.hero-image img{
width:560px;
max-width:100%;
display:block;
}

@media(max-width:992px){

.hero-image{
position:relative;
right:auto;
bottom:auto;
margin-top:20px;
text-align:center;
}

}
/* ✅ MOBILE */
@media(max-width:992px){

.mbbs-hero{
padding:50px 15px 60px;
text-align:center;
min-height:auto;
}

.hero-wrap{
flex-direction:column;
align-items:center;
gap:35px;
}

.hero-content{
max-width:100%;
align-self:center;
}

.hero-content h1{
font-size:38px;
line-height:1.2;
}

.hero-sub{
font-size:18px;
}

.hero-badges{
justify-content:center;
}

.hero-cta{
justify-content:center;
flex-wrap:wrap;
}

.hero-image{
width:100%;
justify-content:center;
}

.hero-image img{
width:90%;
max-width:420px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6ff479 */.mbbs-countries{
padding:50px 30px;

}

.section-head{
text-align:center;
margin-bottom:50px;
}

.section-head h2{
font-size:42px;
font-weight:800;
margin-bottom:10px;
}

.section-head span{
color:#4c2dc2;
}

.section-head p{
color:#666;
font-size:18px;
}

.country-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.country-card{
position:relative;
display:block;
border-radius:12px;
overflow:hidden;
height:380px;
color:#fff;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,.1);
transition:.4s;
}

.country-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.6s;
}

.country-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.1));
}

.country-card h3{
position:absolute;
bottom:25px;
color:#fff;
left:25px;
font-size:22px;
font-weight:700;
z-index:2;
}

.flag{
position:absolute;
top:18px;
right:18px;
background:white;
color:#000;
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
z-index:2;
}

/* ⭐ HOVER EFFECT */

.country-card:hover img{
transform:scale(1.12);
}

.country-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 50px rgba(0,0,0,.2);
}

/* MOBILE */

@media(max-width:992px){

.country-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.country-grid{
grid-template-columns:1fr;
}

.section-head h2{
font-size:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00a5b38 */.about-clean{
padding:100px 30px;

}

.about-flex{
display:flex;
align-items:center;
justify-content:space-between;
gap:70px;
}

.about-left img{
width:460px;
max-width:100%;
border-radius:18px;
box-shadow:0 30px 70px rgba(0,0,0,.12);
}

.about-right{
max-width:540px;
}

.about-label{
display:inline-block;
background:#4c2dc2;
color:white;
padding:6px 14px;
border-radius:30px;
font-size:13px;
margin-bottom:15px;
}

.about-right h2{
font-size:38px;
font-weight:800;
margin-bottom:15px;
}

.about-right p{
color:#666;
line-height:1.7;
margin-bottom:15px;
}

.about-points{
margin-top:20px;
margin-bottom:25px;
padding-left:0;
list-style:none;
}

.about-points li{
margin-bottom:10px;
font-size:15px;
}

.about-btn{
display:inline-block;
background:#4c2dc2;
color:white;
padding:14px 28px;
border-radius:10px;
text-decoration:none;
font-weight:600;
box-shadow:0 12px 30px rgba(76,45,194,.3);
transition:.3s;
}

.about-btn:hover{
transform:translateY(-3px);
}

/* MOBILE */

@media(max-width:992px){

.about-flex{
flex-direction:column;
text-align:center;
gap:40px;
}

.about-right{
max-width:100%;
}

.about-points li{
text-align:left;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cff895 */.services-section{

padding:90px 30px;
}

.sec-title{
text-align:center;
font-size:32px;
font-weight:700;
margin-bottom:50px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
border:1px solid #e5e7ef;
}

.service-card{
background:white;
padding:40px 30px;
text-align:center;
border-right:1px solid #e5e7ef;
border-bottom:1px solid #e5e7ef;
transition:.35s;
}

.service-card:nth-child(3n){
border-right:none;
}

.service-card i{
font-size:34px;
color:#4c6ef5;
margin-bottom:18px;
}

.service-card h3{
font-size:18px;
margin-bottom:10px;
}

.service-card p{
font-size:14px;
color:#666;
margin-bottom:15px;
line-height:1.6;
}

.service-card a{
font-size:13px;
color:#4c6ef5;
text-decoration:none;
font-weight:600;
}

/* HOVER */

.service-card:hover{
background:#4c6ef5;
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.service-card:hover i,
.service-card:hover h3,
.service-card:hover p,
.service-card:hover a{
color:white;
}

.service-btn{
text-align:center;
margin-top:30px;
}

.service-btn a{
background:#666;
color:white;
padding:12px 22px;
font-size:13px;
text-decoration:none;
border-radius:4px;
}

/* MOBILE */

@media(max-width:992px){
.services-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.services-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3b8dcc */.why-best{
background:#2b4c7e;
padding:90px 30px;
color:white;

}

.best-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

.best-left{
max-width:520px;
}

.best-left h2{
    color:white;
font-size:36px;
font-weight:800;
margin-bottom:20px;
}

.best-desc{
opacity:.9;
margin-bottom:20px;
line-height:1.6;
}

.best-points{
padding-left:18px;
margin-bottom:30px;
}

.best-points li{
margin-bottom:10px;
}

.best-btn{
border:1px solid white;
color:white;
padding:12px 22px;
text-decoration:none;
border-radius:4px;
display:inline-block;
}

.best-right{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.stat-card{
background:white;
color:#333;
padding:30px;
text-align:center;
border-radius:8px;
transition:.35s;
}

.stat-card i{
font-size:26px;
color:#4c6ef5;
margin-bottom:10px;
}

.stat-card h3{
font-size:26px;
font-weight:800;
}

.stat-card p{
font-size:14px;
color:#777;
}

.stat-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,.2);
}

/* MOBILE */

@media(max-width:992px){

.best-wrap{
flex-direction:column;
text-align:center;
}

.best-left{
max-width:100%;
}

.best-right{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.best-right{
grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ee52fa */.why-choose{
padding:100px 30px;

}

.why-title{
text-align:center;
max-width:700px;
margin:auto;
margin-bottom:60px;
}

.why-title h2{
font-size:40px;
font-weight:800;
margin-bottom:10px;
}

.why-title p{
color:#666;
line-height:1.7;
}

.why-layout{
display:flex;
align-items:center;
justify-content:center;
gap:40px;
}

.why-col{
display:flex;
flex-direction:column;
gap:30px;
width:300px;
}

.why-item{
display:flex;
gap:15px;
align-items:flex-start;
background:white;
padding:18px;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.35s;
}

.why-item:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.why-icon{
min-width:46px;
height:46px;
border-radius:12px;
background:rgba(76,45,194,.1);
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color:#4c2dc2;
}

.why-item h4{
font-size:17px;
margin-bottom:4px;
}

.why-item p{
font-size:14px;
color:#777;
}

.why-center img{
width:340px;
border-radius:20px;
box-shadow:0 30px 70px rgba(0,0,0,.15);
}

/* MOBILE */

@media(max-width:992px){

.why-layout{
flex-direction:column;
}

.why-col{
width:100%;
max-width:500px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42e78eb */.connect-sec{
display:flex;
min-height:600px;
}

.connect-wrap{
display:flex;
width:100%;
}

.connect-form-box{
width:50%;

padding:80px 60px;
display:flex;
flex-direction:column;
justify-content:center;
}

.connect-form-box h2{
   
font-size:32px;
margin-bottom:30px;
font-weight:700;
}

.elementor-form-here{
background:white;
padding:35px;
border-radius:14px;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}

/* ⭐ Elementor Form Styling */

.elementor-form-here input,
.elementor-form-here select,
.elementor-form-here textarea{
width:100%;
padding:14px;
border-radius:8px;
border:1px solid #ddd;
margin-bottom:15px;
}

.elementor-form-here button{
width:100%;
background:#ff7a00;
border:none;
padding:14px;
color:white;
font-size:16px;
border-radius:8px;
}

/* RIGHT SIDE */

.connect-content{
width:50%;
background:#264a7f;
color:white;
padding:80px 70px;
display:flex;
flex-direction:column;
justify-content:center;
}

.connect-content h2{
font-size:40px;
 color:#fff;
line-height:1.3;
margin-bottom:20px;
}

.connect-content p{
opacity:.9;
line-height:1.7;
margin-bottom:20px;
}

.connect-content hr{
border-color:rgba(255,255,255,.2);
margin:20px 0;
}

/* MOBILE */

@media(max-width:992px){

.connect-wrap{
flex-direction:column;
}

.connect-form-box,
.connect-content{
width:100%;
padding:50px 25px;
}

.connect-content{
text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14b141f */.faq-section{
padding:90px 30px;

}

.faq-title{
text-align:center;
font-size:36px;
font-weight:800;
margin-bottom:40px;
}

.faq{
max-width:900px;
margin:auto;
}

.faq-item{
background:white;
border-radius:10px;
margin-bottom:15px;
box-shadow:0 5px 20px rgba(0,0,0,.05);
overflow:hidden;
}

.faq-question{
padding:18px 22px;
font-weight:600;
display:flex;
justify-content:space-between;
cursor:pointer;
}

.faq-answer{
padding:0 22px;
max-height:0;
overflow:hidden;
transition:.4s;
color:#666;
}

.faq-item.active .faq-answer{
padding:15px 22px 22px;
max-height:200px;
}

.faq-icon{
font-size:22px;
}/* End custom CSS */