.elementor-2631 .elementor-element.elementor-element-d0d20c7{--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;}.elementor-2631 .elementor-element.elementor-element-4178691{--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;}.elementor-2631 .elementor-element.elementor-element-7f8618a{--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;}.elementor-2631 .elementor-element.elementor-element-3595e54{--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;}.elementor-2631 .elementor-element.elementor-element-52c7d11{--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;}@media(min-width:768px){.elementor-2631 .elementor-element.elementor-element-d0d20c7{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-8274cfc */.commerce-hero-pro{

position:relative;
padding:170px 20px;
text-align:center;
overflow:hidden;

background:
linear-gradient(135deg,#fff7ed,#ffffff),
radial-gradient(circle at 20% 20%,#fb923c25,transparent 45%),
radial-gradient(circle at 80% 80%,#f59e0b25,transparent 45%);

}

/* background graph pattern */

.commerce-pattern{

position:absolute;
width:100%;
height:100%;

background-image:
linear-gradient(#fb923c15 1px,transparent 1px),
linear-gradient(90deg,#fb923c15 1px,transparent 1px);

background-size:60px 60px;

top:0;
left:0;

}

/* icons */

.commerce-icons{

position:absolute;
width:100%;
height:100%;
top:0;
left:0;
pointer-events:none;

}

.c-icon{

position:absolute;
font-size:48px;
opacity:.15;

}

.c-icon:nth-child(1){top:20%;left:18%;}
.c-icon:nth-child(2){top:30%;right:20%;}
.c-icon:nth-child(3){bottom:25%;left:15%;}
.c-icon:nth-child(4){bottom:20%;right:18%;}

/* content */

.commerce-content{

max-width:720px;
margin:auto;
position:relative;
z-index:3;

animation:fadeCommerce 1s ease;

}

.commerce-content h1{

font-size:54px;
color:#0f2a5a;
margin-bottom:15px;

}

.commerce-content p{

font-size:18px;
line-height:1.7;
color:#555;
margin-bottom:30px;

}

/* button */

.commerce-btn{

display:inline-block;
background:#f6c300;
color:#0f2a5a;
padding:15px 38px;
border-radius:50px;
font-weight:600;
text-decoration:none;
box-shadow:0 6px 0 #d9a800;
transition:.3s;

}

.commerce-btn:hover{

transform:translateY(-4px);
box-shadow:0 14px 25px rgba(0,0,0,0.15);

}

/* entrance animation */

@keyframes fadeCommerce{

from{
opacity:0;
transform:translateY(30px);
}

to{
opacity:1;
transform:translateY(0);
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecae947 */.commerce-about{

padding:110px 20px;
background:#ffffff;

}

.commerce-about-container{

max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;

}

/* text */

.commerce-about-text h2{

font-size:40px;
color:#0f2a5a;
margin-bottom:15px;

}

.commerce-about-text p{

font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:15px;

}

/* highlights grid */

.commerce-highlights{

display:grid;
grid-template-columns:1fr 1fr;
gap:25px;

}

/* box */

.commerce-box{

background:#f8fbff;
padding:30px;
border-radius:14px;
text-align:center;
border:1px solid #e5e7eb;
transition:.3s;

}

.commerce-box:hover{

transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);

}

/* icon */

.commerce-icon{

font-size:36px;
margin-bottom:10px;

}

/* title */

.commerce-box h3{

font-size:18px;
color:#0f2a5a;
margin-bottom:6px;

}

/* text */

.commerce-box p{

font-size:14px;
color:#555;

}

/* responsive */

@media(max-width:900px){

.commerce-about-container{

grid-template-columns:1fr;

}

.commerce-highlights{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9c70cf *//* SECTION */

.eng-faculty-section{
padding:110px 20px;
background:#ffffff;
}

.eng-faculty-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.eng-faculty-header{
text-align:center;
margin-bottom:60px;
}

.eng-faculty-header h2{
font-size:42px;
color:#0f2a5a;
margin-bottom:10px;
}

.eng-faculty-header p{
font-size:16px;
color:#555;
max-width:650px;
margin:auto;
line-height:1.7;
}

/* GRID */

.eng-faculty-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}

/* CARD */

.eng-teacher-card{
background:#fff;
padding:22px;
border-radius:14px;
text-align:center;
position:relative;
transition:.35s;
border:1px solid #e5e7eb;
overflow:hidden;
}

/* HOVER */

.eng-teacher-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.12);
}

/* GOLDEN BORDER */

.eng-teacher-card::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:14px;
border:2px solid #f6c300;
opacity:0;
transition:.35s;
}

.eng-teacher-card:hover::after{
opacity:1;
}

/* IMAGE BOX */

.eng-teacher-img{
height:220px;
display:flex;
align-items:center;
justify-content:center;
background:#f4f6fa;
border-radius:10px;
margin-bottom:15px;
overflow:hidden;
}

/* IMAGE */

.eng-teacher-img img{
max-width:100%;
max-height:100%;
object-fit:contain;
transition:.4s;
}

/* IMAGE ZOOM */

.eng-teacher-card:hover img{
transform:scale(1.05);
}

/* NAME */

.eng-teacher-card h3{
font-size:18px;
color:#0f2a5a;
margin-bottom:4px;
}

/* DESIGNATION */

.eng-teacher-card span{
font-size:14px;
color:#f6c300;
font-weight:600;
}

/* RESPONSIVE */

@media(max-width:900px){
.eng-faculty-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.eng-faculty-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee966ab */.commerce-activities{
padding:100px 20px;
background:#f8fbff;
}

.commerce-activities-container{
max-width:1200px;
margin:auto;
}

/* header */

.commerce-activities-header{
text-align:center;
margin-bottom:60px;
}

.commerce-activities-header h2{
font-size:40px;
color:#0f2a5a;
margin-bottom:10px;
}

.commerce-activities-header p{
font-size:16px;
color:#555;
max-width:650px;
margin:auto;
}

/* grid */

.commerce-activities-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* card */

.commerce-activity-card{
background:#fff;
padding:30px;
border-radius:14px;
text-align:center;
border:1px solid #e5e7eb;
transition:.35s;
}

.commerce-activity-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* icon */

.commerce-activity-card img{
width:45px;
margin-bottom:12px;
}

/* title */

.commerce-activity-card h3{
font-size:18px;
color:#0f2a5a;
margin-bottom:6px;
}

/* text */

.commerce-activity-card p{
font-size:14px;
color:#555;
}

/* responsive */

@media(max-width:900px){
.commerce-activities-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.commerce-activities-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48b7638 */.commerce-cta{
padding:100px 20px;
text-align:center;
position:relative;
overflow:hidden;

background:
linear-gradient(135deg,#fff7ed,#ffffff);
}

/* content */

.commerce-cta-content{
max-width:650px;
margin:auto;
position:relative;
z-index:2;
}

.commerce-cta-content h2{
font-size:36px;
color:#0f2a5a;
margin-bottom:10px;
}

.commerce-cta-content p{
font-size:16px;
line-height:1.7;
color:#555;
margin-bottom:25px;
}

/* button */

.commerce-cta-btn{
display:inline-block;
background:#f6c300;
color:#0f2a5a;
padding:14px 36px;
border-radius:50px;
font-weight:600;
text-decoration:none;
box-shadow:0 6px 0 #d9a800;
transition:.3s;
}

.commerce-cta-btn:hover{
transform:translateY(-4px);
box-shadow:0 14px 25px rgba(0,0,0,0.15);
}

/* icons */

.commerce-cta-bg{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:.08;

display:flex;
justify-content:space-around;
align-items:center;
}

.commerce-cta-bg span{
font-size:70px;
}/* End custom CSS */