/* HOME PAGE SECTION */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
}

/* When visible */
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}


h2.heading{color: #000;font-family: var(--primary-font);font-size: 36px;font-style: normal;font-weight: 700;line-height: 42px; letter-spacing: -0.76px; margin-bottom: 18px;}
h2.headTitleN{color: #000;font-size: 30px;font-weight: 700;line-height: 40px;letter-spacing: -0.76px;}

.listRedArrow li {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #000;
  background: url(../images/2025/ep_arrow-right.svg) left 5px no-repeat;
  margin: 0px 0px 8px 0px;
  padding: 3px 0 0 30px;
  display: block;
  width: 100%;
}
.listRedArrow li a{text-decoration:underline;}

/*=========================================
 Merchant Navy Information Section
=========================================*/
.padd60{padding:80px 0;}
.mncIntroSection{position:relative;background: #F1F1F1; width:100%;}
.mncIntroWrap{display:flex; justify-content:space-between; align-items:flex-start; gap:70px;}
.mncIntroContent{flex:1;}
.mncIntroProgramBox{width:350px; background:#000; color:#fff; padding:24px; display: flex;  flex-direction: column;  gap: 14px; border-radius:2px;}

.mncIntroProgramBox h3{ margin:0;color: #FFF;font-family: var(--primary-font);font-size: 22px;font-style: normal;font-weight: 700;line-height: normal;}
.mncIntroProgramBox h4{color: #FFF;	font-family: var(--primary-font);	font-size: 18px;	font-style: normal;	font-weight: 700;	line-height: normal;margin:0; text-transform:uppercase;	padding-bottom:12px;	border-bottom:2px solid #D00000;}
.mncIntroProgramBox ul{    list-style:none;    padding:0;    margin:0;}
.mncIntroProgramBox li{    position:relative;    padding-left:18px;    margin-bottom:10px;	color: #FFF;	font-family: var(--primary-font);	font-size: 16px;
	font-style: normal;	font-weight: 400;	line-height: 160%; /* 25.6px */}
.mncIntroProgramBox li:last-child{margin-bottom:0px;}
.mncIntroProgramBox li:before{    content:"";    width:7px;    height:7px;    border-radius:50%;    background:#d10000;    position:absolute;    left:0;
    top:8px;}
.mncIntroProgramBox a{color:#fff; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 160%;letter-spacing: 0%;}
.mncIntroProgramBox a:hover{    color:#D00000;}

/*==============================
 Program Card
==============================*/

.mncAboutSection{position:relative; background: #fff; width:100%;}
.mncAboutWrap{display:flex; justify-content:space-between; align-items:center; gap:70px;}
.mncAboutText{flex:1;}
.mncAboutImage{width:480px; flex-shrink:0;}
.mncAboutImage img{width:100%; display:block; border-radius:2px;}

/*==========================
Career Section
==========================*/

.mncCareerSection{position:relative;background: #F1F1F1; width:100%;}
.mncCareerHeading{text-align:center;margin-bottom:25px;}
.mncCareerTopRow{display:flex; gap:30px;  margin-bottom:30px;}
.mncCareerCard{flex:1; border-radius: 2px;
background: #F4F6FB;
box-shadow: 0 0.912px 2.736px 0 rgba(0, 0, 0, 0.10), 0 0.912px 1.824px -0.912px rgba(0, 0, 0, 0.10);}
.mncCareerCardHead{padding:14px 29px;  color: #FFF;font-family: var(--primary-font);font-size: 20.063px;font-style: normal;font-weight: 700;line-height: 30.095px; /* 150% */letter-spacing: -0.235px;}
.mncCareerRed{background:#D00000; border-radius: 2px 2px 0 0;}
.mncCareerBlack{background:#000; border-radius: 2px 2px 0 0;}
.mncCareerCardBody{padding:30px;}

.mncCareerCardBody p{margin:0; color: #000;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */letter-spacing: -0.285px;}

.mncCareerBottomRow{display:flex; gap:30px; align-items:stretch; /* Both columns will have equal height */}
.mncCareerImage{display:flex;flex:1;}
.mncCareerImage img{width:100%; height:100%; max-height:315px; object-fit:cover; display:block; object-position: top; border-radius:2px;}
.mncCareerInfo{flex:1; display:flex; flex-direction:column; gap:12px;}
.mncCareerItem{display:flex; align-items:flex-start; gap:20px; border-radius: 2px;background: #F4F6FB;
box-shadow: 0 0.912px 2.736px 0 rgba(0, 0, 0, 0.10), 0 0.912px 1.824px -0.912px rgba(0, 0, 0, 0.10);
    padding:22px;align-items: center;}
.mncCareerItem .material-symbols-outlined{width:52px; height:52px; display:flex; justify-content:center; align-items:center; flex-shrink:0; border-radius: 2px;background: #F1F1F1; color:#D00000; font-size:22px; line-height:1;}
.mncCareerItem h4{margin:0 0 5px; color: #000;font-family: var(--primary-font);font-size: 14.592px;font-style: normal;font-weight: 600;line-height: 20.428px; letter-spacing: -0.285px;}
.mncCareerItem p{margin:0; color: #000;font-family: var(--primary-font);font-size: 12.768px;font-style: normal;font-weight: 400;line-height: 18.239px;letter-spacing: -0.137px;}


/*==========================
 join the Merchant Navy SECTION 
 ==========================*/

.joinMerchantNavy{position:relative;background: #fff; width:100%;}
.deck-process-list{display:flex; flex-wrap:wrap; gap:20px; list-style:none; margin-top: 25px;}
.deck-process-card{width:calc(25% - 15px); border-radius: 2px; border: 0.912px solid rgba(255, 255, 255, 0.10); background: #F1F1F1; padding:22px; min-height:250px; transition:all .35s ease;}
.deck-process-card:hover{ transform:translateY(-10px);}
.deck-icon-box{width:44px; height:44px; border-radius: 2px; background: #D00000; color:#fff; display:flex; justify-content:center; align-items:center; margin-bottom:20px;}
.deck-icon-box .material-symbols-outlined{font-size:24px;}
.deck-process-card h3{ margin:0px;color: #000; font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 600; line-height: 26px; letter-spacing: -0.285px;}
.deck-process-card p{color: #000;margin:0px; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.137px;}
.deck-process-note{margin-top:40px; background:#f5f5f5; border-radius:50px; display:flex; align-items:center; padding:14px 22px;  gap:18px;}
.deck-note-icon{width:38px; height:38px; min-width:38px; border-radius:50%; background:#d50000; display:flex; justify-content:center; align-items:center;    color:#fff;}
.deck-note-icon .material-symbols-outlined{font-size:20px;}
.deck-process-note p{color: #000;font-family: var(--primary-font);font-size: 16px;font-style: italic;font-weight: 500;line-height: 24.806px;letter-spacing: -0.285px;margin: 0;}

.career-progress-section{position:relative;background: #F1F1F1; width:100%;}
.career-progress-wrapper{display:flex; justify-content:space-between; align-items:flex-start; gap:50px; }
.career-progress-gallery{width:48%; display:flex; gap:15px; list-style:none; margin-bottom: 0;}
.career-gallery-left{width:50%;}
.career-gallery-left img{width:100%; height:100%; object-fit:cover; display:block; border-radius:2px;}
.career-gallery-right{width:50%; display:flex; flex-direction:column; gap:15px;}
.career-top-image img{width:100%; display:block; object-fit:cover; border-radius:2px;}
.career-course-box{
    border-radius: 2px;
background: #D00000;
    color:#fff;
    padding:22px;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.career-course-box h3{
    color: #FFF;
font-family: var(--primary-font);
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 35px; /* 140% */
letter-spacing: 0.338px;
    margin-bottom:10px;
}

.career-course-box p{
color: rgba(255, 255, 255, 0.90);
font-family: var(--primary-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18.239px; /* 130.281% */
letter-spacing: -0.137px;
margin:0px;
}

.career-progress-content{
    width:52%;
	align-self:center;
}
.career-progress-content p{margin-bottom:0px;}


/*------------------
Hover
-------------------*/

.career-gallery-left img,
.career-top-image img{
    transition:.4s;
}

.career-gallery-left{
    overflow:hidden;
}

.career-top-image{
    overflow:hidden;
}

.career-gallery-left:hover img,
.career-top-image:hover img{
    transform:scale(1.08);
}

/*==========================
choose Merchant Navy SECTION
==========================*/

.chooseMerchantNavySection{position:relative;background: #fff; width:100%;}
.mn-career-list{ margin-top:28px; list-style:none; display:flex; flex-wrap:wrap; gap:16px; margin-bottom: 0;}
.mn-career-list li{
    width:calc(25% - 12px);
    min-height:130px;
    padding:22px 14px;
    display:flex;
    align-items:flex-start;
    gap:6px;
    transition:.35s ease;
    
    border-radius: 2px;
border: 1;
background: #F1F1F1;
box-shadow: 0 0.912px 2.736px 0 rgba(0, 0, 0, 0.10), 0 0.912px 1.824px -0.912px rgba(0, 0, 0, 0.10);
}

.mn-career-list li:hover{
    transform:translateY(-8px);
}

.mn-career-list li span{
    color:#e10000;
    font-size:24px;
    flex-shrink:0;
    margin-top:2px;
}
.mn-career-list li p{
    color: #000;
font-family: var(--primary-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
letter-spacing: -0.137px; margin:0px;
}

/*==========================
Red Card
==========================*/

.mn-career-list li.mn-career-item--red{
    border-radius: 2px;
border:1;
background: #D00000;
box-shadow: 0 0.912px 2.736px 0 rgba(0, 0, 0, 0.10), 0 0.912px 1.824px -0.912px rgba(0, 0, 0, 0.10);
}

.mn-career-list li.mn-career-item--red span,
.mn-career-list li.mn-career-item--red p{
    color:#fff;
}

/*==========================
Wide Card
==========================*/

.mn-career-list li.mn-career-item--wide{
    width:calc(50% - 8px);
}


@media only screen and (min-width: 1341px) and (max-width: 1440px) {
	

}


@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1160px) {
	.mncAboutWrap{align-items: start;gap: 40px;}
	.mncAboutImage{width: 40%;}
}

@media only screen and (max-width: 991px) {
	
	.padd60 {padding: 60px 0;}
	.mncIntroWrap{flex-direction: column; gap:10px;}
	.mncAboutWrap{flex-direction: column; gap:20px; align-items: flex-start;}
	.mncAboutImage{width: 100%;  display: flex; display:none;}
	.mncAboutText img{margin-bottom:20px;}
	.mncAboutImage img {  height: 400px;  object-fit: cover;  object-position: bottom;}
	.mncCareerTopRow{flex-direction: column;}
	.mncCareerCard{background: #fff;}
	.mncCareerBottomRow{flex-direction: column;}
	.deck-process-card{width: calc(50% - 10px); min-height: auto;}
	.career-progress-wrapper{flex-direction: column;}
	.career-progress-gallery{width: 100%;}
	.career-progress-content {  width: 100%;}
	.mn-career-list li{padding: 12px 6px; gap: 2px;}
}
@media only screen and (max-width: 767px) {
	
	h2.heading{font-size: 26px;line-height: 38px;}
	h2.headTitleN{color: #111;font-size: 26px;line-height: 32px;}
	.PadTop64Mob{padding-top:65px;}
	.padd60 {padding: 40px 0;}
	.mncIntroWrap{flex-direction: column; gap:10px;}
	.mncAboutWrap{flex-direction: column; gap:20px; align-items: flex-start;}
	.mncIntroProgramBox{width: 100%;}
	.mncIntroProgramBox h3{font-size: 20px; padding-bottom: 15px;  border-bottom: 2px solid #D00000; margin-bottom: 2px;}
	.mncAboutText img{margin-bottom:20px;}
	/*.mncIntroProgramBox h4{display:none;}*/
	.mncIntroProgramBox h4{font-size:16px;}
	.mncAboutImage{width: 100%;  display: flex; display:none;}
	.mncAboutImage img {  height: 400px;  object-fit: cover;  object-position: bottom;}
	.mncCareerTopRow{flex-direction: column;}
	.mncCareerHeading{text-align: left;}
	.mncCareerCardBody{padding: 20px;}
	.mncCareerCardHead{padding: 16px; font-size: 16px; line-height: 100%; letter-spacing: 0;}
	.mncCareerTopRow{gap: 15px;margin-bottom: 15px; }
	.mncCareerCard{background: #fff;}
	.mncCareerBottomRow{flex-direction: column; gap: 15px;}
	.mncCareerItem h4{font-size: 16px;font-weight: 600;line-height: 26px; /* 162.5% */letter-spacing: -0.285px; margin: 0;}
	.mncCareerItem p{font-size: 14px;font-weight: 400;line-height: 24px; /* 171.429% */letter-spacing: -0.137px;}
	.deck-process-card{width: calc(100% - 0px); min-height: auto;}
	.deck-icon-box{margin-bottom: 10px;}
	.deck-process-list{gap: 10px; margin-top: 30px;}
	.deck-process-note{border-radius: 0;padding: 20px 24px; gap: 10px;}
	.career-progress-wrapper{flex-direction: column; gap: 25px;}
	.career-progress-gallery{width: 100%; margin: 0;}
	.career-progress-content {  width: 100%;}
	.mn-career-list li{padding: 12px 6px; gap: 2px;}
	.career-course-box{padding: 15px;}
	.career-course-box h3{font-size: 18px;line-height: 24px; letter-spacing: 0.24px;}
	
	.mn-career-list{gap: 12px; margin-bottom:0px;}
	.mn-career-list li{width: calc(100% - 0px);  min-height: auto; box-shadow:none;border-radius: 4px;border: 1px solid #E5E7EB; padding: 16px; gap: 12px;}
	.mn-career-list li span{font-size: 14px; align-self: center; margin-top: 0;}
	.mn-career-list li.mn-career-item--red{border-radius: 4px; box-shadow:none; border: 1px solid #E5E7EB;  padding: 16px; gap: 12px;}
	.mn-career-list li.mn-career-item--wide{width: calc(100% - 0px);}
}
	
	
}	
@media only screen and (min-width: 359px) and (max-width: 385px) {
	
	
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
	
	
}