h2.section-title{
		text-align:left;
	}
	.feature-section-container{
		background: #eaf6fd;
	}


	@media (min-width: 320px) and (max-width: 767px) {	
		.subcontent{
	font-size:14px !important;
	color:#222 !important;
	}
	/*30oct*/
	.white-panel {
    margin-bottom: 10px !important;
	}
	.button {
    margin-top: unset;
	}
}
		@media (min-width: 768px) and (max-width: 1023px) {	
			.subcontent{
	font-size:14px !important;
	color:#222 !important;
	}
	/*30oct*/
	.white-panel {
	width:100%;
    margin-bottom: 10px !important;
	}
	.button {
    margin-top: unset;
	}
}
	@media (min-width: 1024px) and (max-width: 1239px) {	
	.white-panel {
	width:100%;
	}
}


.button {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #fcb815; /* default orange */
    border: unset;
    border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease;
  z-index: 1;
	    margin-top: 30px;
}

.button::before {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 100%;
  height: 0;
  background: #fdcb54; /* light yellow */
  z-index: -1;
  transition: height 0.3s ease;
}

.button:hover {
  color: #000;
}

.button:hover::before {
  height: 100%;
}
.ex-mb-5 {
    font-family: Roboto;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0px;
    font-size: 32px;
    color: #004a61;
}
.h3, h3 {
    font-family: "Roboto";
    font-weight: 600;
    line-height: 1.1 !important;
    font-size: 24px;
    color: #004a61 !important;
}
@media (min-width: 320px) and (max-width: 767px) {	
.text-primary {
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #004a61;
    text-align: center;
    margin-bottom: 24px !important;
    margin-top: 24px !important;
	}
	h3.ex-mb-2 {
    font-size: 18px !important;
    text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1023px) {	
	.text-primary {
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #004a61;
    text-align: center;
    margin-bottom: 24px !important;
    margin-top: 24px !important;
	}
	.dealflow-section1 {
        padding: 20px 30px 0px 30px;
    }
	
}	

.section-title{
	font-size: 28px;
	line-height: 1.3em;
	font-weight: 600;
	letter-spacing: 1px;
	color: #004b61;
} 
.ex-mb-2{
/* 	font-size: 18px !important; */
	color: #004b61;
}

/* featuresection */


img.deal-flow {
/*   height: 250px;
  width: 100%; */
	height: 239px;
	width:472px;
	
   border-radius: 10px;  
/*   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
/*   box-shadow: -25px 25px #cce4fa, 0 2px 16px 1px #1318210a, 0 0 2px 1px #c655ce0a;
  transition: box-shadow 0.3s ease; */
}

img.deal-flow:hover {
/* 	box-shadow: -25px 25px #cce4fa, 0 2px 16px 1px #1318210a, 0 0 2px 1px #c655ce0a; */
}
img.deal-flow1 {
		height: 239px;
	width:472px;
/*   height: 250px;
  width: 100%; */
   border-radius: 10px;  
/*   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
/*   box-shadow: 25px 25px #cce4fa, 0 2px 16px 1px #1318210a, 0 0 2px 1px #c655ce0a;
  transition: box-shadow 0.3s ease; */
}

img.deal-flow1:hover {
/* 	box-shadow: 25px 25px #cce4fa, 0 2px 16px 1px #1318210a, 0 0 2px 1px #c655ce0a; */
}
/* Center line */
.timeline {
  position: relative;
}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: #d9d9d9;
  transform: translateX(-50%);
}

/* Progress line (animated) */
.timeline-progress {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  background: #004B62;
  transform: translateX(-50%);
  height: 0;
  transition: height 0.3s ease-out;
  z-index:9;
}

.timeline .row {
  position: relative;
  margin-bottom: 100px;
}
/* Row marker with number */
.timeline .row::before {
  content: attr(data-step);   /* take number from HTML attribute */
  position: absolute;
  left: 50%;
  width: 20px;
  height: 20px;
  background: #004B62;
  border: 4px solid #004B62;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}
.default-timeline{
  position: absolute;
  left: 50%;
  width: 2px;
  height:100%;
  background: #BABFBD;
  transform: translateX(-50%);
 
}
.feature-steps{
	z-index:99;
}
.dealflow-section1{
/* 	padding:30px; */
}

@media (max-width: 767px) {
  .timeline::before,
  .timeline-progress {
    left: 18px;          /* timeline line left */
    transform: none;
  }

  .timeline .row::before {
    left: -25px;          /* move circle to left */
    transform: translate(-50%, -50%); /* keep it centered vertically */
  }

  .timeline .row {
    margin-left: 30px;   /* space so content doesn’t overlap numbers/line */
  }
  .default-timeline{
position: absolute;
  left: 5%;
  width: 2px;
  height:100%;
  background: #BABFBD;
  transform: translateX(-50%);
	}
img.deal-flow {
    height: auto;
    width: 100%;
	margin-bottom:20px;
}
	.dealflow-section1{
	padding:0px;
}
}
.timeline .row::before {
  transition: box-shadow 0.3s ease, background 0.3s ease;
}

.timeline .row.active::before {
  box-shadow: 0 0 12px 4px rgba(0, 75, 98, 0.6);
  background: #004B62;
}

.tringle {
  position: relative;
	height: 239px;
	width:473px;
/*   background: #D2E4FF; */
  border-radius: 16px;
  transform: rotate(7.9deg); /* tilt background */
  display: flex;
  align-items: center;
  justify-content: center;
}

.rotate-dealflow-section1 {
  transform: rotate(-7.9deg); /* undo tilt for image */
}



.deal-slider {
  position: relative;
  width: 400px;
  height: 250px;
  perspective: 1000px;
}

.deal-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease, z-index 0.5s ease, opacity 0.5s ease;
  border-radius: 10px;
  overflow: hidden;
/*   box-shadow: 0 8px 15px rgba(0,0,0,0.2); */
}

.deal-slide img {
  width: 100%;
  height: 100%;
/*   object-fit: cover; */
}

.deal-slide.prev {
  transform: translateX(-50px) scale(0.8) rotateY(15deg);
  z-index: 1;
  opacity: 0.6;
/* //transform: rotate(7.9deg); */
}

.deal-slide.next {
  transform: translateX(50px) scale(0.8) rotateY(-15deg);
  z-index: 1;
  opacity: 0.6;
/* //transform: rotate(7.9deg); */
}

.deal-slide.active {
  transform: translateX(0) scale(1) rotateY(0deg);
  z-index: 2;
  opacity: 1;
}

/* Optional: navigation buttons */
.deal-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
   background: transparent;
 /* color: #fff; */
  border: none;
  padding: 7px;
  cursor: pointer;
  border-radius: 50%;
}

#deal-prevBtn {
  left: -60px;
}

#deal-nextBtn {
  right: -60px;
}
@media (max-width: 767px) {	
.deal-slider {
    width: 100%;
    height: 220px;
    margin-bottom: 20px;
	}
	#deal-nextBtn {
    right: -30px;
		z-index:9999;
}
	#deal-prevBtn {
    left: -30px;
		z-index:9999;
}

}
		@media (min-width: 768px) and (max-width: 991px) {/*Tablet view*/
.default-timeline {
    left: 3.4%;
    position: absolute;
    width: 2px;
    height:100%;
    background: #BABFBD;
    transform: translateX(-50%);
		}
	p.subcontent {
    padding: 0px;
    text-align: justify;
}
	  .timeline .row::before {
    left: 25px;          /* move circle to left */
    transform: translate(-50%, -50%); /* keep it centered vertically */
  }	
		  .timeline::before,
  .timeline-progress {
    left: 24px;          /* timeline line left */
    transform: none;
  }
		.dealflow-section1 {
    padding: 0px 30px;
			
}
		.deal-slider {
    width: 550px;
    height: 250px;
    margin-left: 30px;
	}
	button.cta-btn {
    margin-top: 10px;
	}
}
	@media (min-width: 1024px) and (max-width: 1239px) {		
	.tringle {
 	width:100%; 
		}
	#deal-prevBtn {
    left: -50px;
	}
	#deal-nextBtn {
    right: -50px;
	}
}


/* ===== Slider Base ===== */
.slider1-container,
.slider2-container {
  position: relative;
  width: 400px;
  height: 250px;
  perspective: 1000px;
  margin-bottom: 50px;
}

.slider1-slide,
.slider2-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  opacity: 0;
  transform: scale(0.8);
  transition: transform 0.5s ease, z-index 0.5s ease, opacity 0.5s ease;
  cursor: pointer;
}

.slider1-slide img,
.slider2-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Active / Next / Prev states */
.slider1-slide.active,
.slider2-slide.active {
  transform: translateX(0) scale(1) rotateY(0deg);
  z-index: 3;
  opacity: 1;
}

.slider1-slide.prev,
.slider2-slide.prev {
  transform: translateX(-50px) scale(0.85) rotateY(15deg);
  z-index: 2;
  opacity: 0.6;
}

.slider1-slide.next,
.slider2-slide.next {
  transform: translateX(50px) scale(0.85) rotateY(-15deg);
  z-index: 2;
  opacity: 0.6;
}

/* Arrows */
.slider1-container button,
.slider2-container button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}
.slider1-container .prev-btn,
.slider2-container .prev-btn { left: -25px; }
.slider1-container .next-btn,
.slider2-container .next-btn { right: -25px; }

/* ===== Lightbox ===== */
.lightbox {
  display: none;
  position: fixed;
  z-index: 999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.lightbox img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.5);
  transition: transform 0.3s ease; z-index: 999999999;
}

.lightbox button {
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  padding: 10px 16px;
  font-size: 24px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox .prev-btn { left: 30px; }
.lightbox .next-btn { right: 30px; }

.lightbox .close-btn {
  position: absolute;
  top: 25px;
  right: 35px;
  font-size: 32px;
  background: none;
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: bold;
}
	@media (max-width: 768px) {
  .lightbox {
    display: none !important;
  }
.dealflow-section1 h3 {
    font-size: 18px !important;
  }
.col-xs-6, .col-sm-6, .col-md-6{
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 40px;
}
		.mbd-pd{
		padding-right: 10px;	
		}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dealflow-section1 h3 {
    font-size: 22px !important;
  }
	.white-panel {
    margin-top:50px;
	}
}
/*  New changes 29jan*/
@media (min-width: 320px) and (max-width: 767px) {
	h3.ex-mb-2 {
		font-size: 18px !important;
		text-align: center;
		padding: 0px 17px;
	}
	.white-panel {
     margin-top:20px;
	}
	p, p.subcontent {
    text-align: left;
    letter-spacing: -0.1px;
	}
}
@media (min-width: 768px) {
		p, p.subcontent {
/*     text-align: center; */
 	}
}