@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family: 'Inter', sans-serif; 
    /* box-sizing:border-box; */
    /* padding:0px;
    margin:0px; */
}

.form-control {
		display: block;
		width: 100%;
		height: calc(1.5em + .75rem + 2px);
		/* padding: .375rem .75rem; */
		padding:20px 10px;
		font-size: .9rem;
		font-weight: 400;
		line-height: 1.5;
		color: #636363;
		background-color: #F3F3F3;
		border: 1px solid #F3F3F3;
		border-radius: 0.60rem 9.6px;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.mt-3.mb-0.px-3.py-3.Most-Advanced p{
		font-size:22px !important;
	}


.contParagraph{
	font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
}
.requestWidth{
	font-size:19px;
}
	

	@media screen and (max-width: 576px){
		.main-course-first .banr-form .container h1{
			font-size:49px !important;
		}
		.contParagraph {
			font-size: 20px !important;
			line-height:28px !important;
		}
		.banr-form{
			height:auto !important
		}
		.btnSpan button span {
			font-size: 11px !important;
		}
		.banr-form{
			display:none;
		}
		.btnSpan button{
			padding:10px 20px !important;
		}
        .course-modules-container{
            padding: 0px 10px;
        }
        .module-title {
            font-size:16px !important;
        }
        .module-number-civil.circle {
            width: 30px !important;
            height: 30px !important;
            font-size:15px !important;
        }
        button.open-form-btn {
          font-size: 10px !important;
          column-gap: 8px !important;
          padding: 14px 10px !important;
        }
        a.requestbtnleft{
          font-size: 10px !important;
          column-gap: 8px !important;
        }

	}

	@media (min-width: 760px) and (max-width: 992px) {
		.main-course-first .banr-form .container h1 {
			font-size: 42px !important;
		}
		.contParagraph {
			font-size: 16px !important;
		}
		.btnSpan button{
			padding: 10px 15px !important;
		}
		.btnSpan button span{
			font-size:11px !important;
		}
		.googleBox {
			width: 60% !important;
		}
}


@media (min-width: 760px) and (max-width: 1200px) {
	section#top_section {
		height:900px !important;
}
	.requestWidth{
		width:60% !important;
	}
	button.banner_Button{
		padding:10px 8px !important;
		column-gap: 5px !important;
	}
	button.banner_Button span{
		font-size:9px !important;
	}
	
}




@media (min-width: 1200px) and (max-width: 1600px) {
	button.banner_Button{
		padding:10px 10px !important;
	}
	button.banner_Button span{
		font-size:12px !important;
	}
	
}


.form-control {
		display: block;
		width: 100%;
		height: calc(1.5em + .75rem + 2px);
		/* padding: .375rem .75rem; */
		padding:20px 10px;
		font-size: .9rem;
		font-weight: 400;
		line-height: 1.5;
		color: #636363;
		background-color: #F3F3F3;
		border: 1px solid #F3F3F3;
		border-radius: 0.60rem 9.6px;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.mt-3.mb-0.px-3.py-3.Most-Advanced p{
		font-size:22px !important;
	}


.contParagraph{
	font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
}
.container-fluid.mobileform {
    margin-top: -22px;
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 20px;
}


.mobile-banr-form{
	display:none;
}

	@media screen and (max-width: 576px){
		.bnr-detail {
			margin-top: 32vw !important;
			padding:0px 15px !important;
		}
		.bnr-detail .row{
			padding:0px 15px;
		}
		.bnr-detail h1{
			font-size: 42px;
			font-family: "Inter", sans-serif;
		}
		.mobileBanner div{
			width:100% !important;
		}
		.mobileBanner div button{
			padding:10px 25px !important
		}
		section.mobile-banr-form {
			position: relative;
		}
		.mobile-banr-form{
			display:block;
		}
		.mobileBanner {
			font-size: 20px;
		}

	}

	.whyLearn .slick-dots{
	text-align: center;
}
.whyLearn .slick-dots li {
    display: inline;
}

.whyLearn .slick-dots li button::before {
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.whyLearn .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}

/* Hide default number display (if injected) */
.whyLearn .slick-dots li button {
  font-size: 0;         /* Hide number */
  border:none;
  background-color: #f7f7f7;
}

.whyLearnInner {
		height: 380px;
	}
	.whyLearnInner h5,.JustLearn h5{
		font-size:17px;
		color:#202020;
	}
	.whyLearnInner p,.JustLearn h5{
		font-size:13px;
		/* font-family: 'Inter', sans-serif; */
		color:#404040;
	}

	@media (max-width: 480px) {
  .whyLearn .slick-slide ,.RealWorld .slick-slide  {
    /* width: 350px !important; */
	 width: 82vw !important;
  }
  .whyLearnInner{
	height: 385px;
  }
}
@media (min-width: 760px) and (max-width: 992px) {
  .whyLearnInner h5 {
    font-size: 20px !important;
  }
  .whyLearnInner p{
    font-size: 14px !important;
  }
     .whyLearnInner{
	height: 410px !important;
}
 
}


	.why-learninside h5{
		font-size:16px;
		font-family: Inter, sans-serif;
		color:#202020;
		font-weight:500;
	}
    .why-learninside p {
		font-size: 13px;
		font-family: Inter, sans-serif;
		font-weight: 400;
		color: #404040;
	}
	h2.whyh2 {
        font-weight: 700;
        font-size: 32px;
        color: #202020;
		font-family: Inter, sans-serif;
	}

    .year{
		padding: 30px 10px 30px 20px;
		border-radius:10px;
	}
	.year h5.mt-4 {
		padding: 0px 10px;
		font-family: Inter, sans-serif;
		font-weight:600;
		font-size:38px;
	}
	.year p.mt-2,.duration p {
		padding: 0px 12px;
		font-family: Inter, sans-serif;
		font-size:17px;
		color:#252525;
		
	}
	@media screen and (max-width: 576px){
		.successImg img {
			width: 30% !important;
		}
		/* .successImg10 img{
			width: 35% !important;
		} */
		.year {
			height: 192px;
		}
		.sixth{
			color:#0460D9 !important;
		}
		.twofive{
			color:#F6571C !important;
		}
		.year p.mt-2,.duration p{
			font-size: 14px;
		}
    .year{
		padding: 30px 10px 30px 10px;
  }
	}
    	.row.mt-4.Certificate {
		background-color: #ffffff;
		border-radius: 10px;
		padding: 50px 5px;
	}
	.Certificate .col-12.col-sm-4.col-md-4.col-xl-4 {
        padding: 0px 60px;
}
.Certificate .col-12.col-sm-4.col-md-4.col-xl-4 div h5 {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.Certificate .col-12.col-sm-4.col-md-4.col-xl-4 div p{ 
	font-family: Inter, sans-serif;
	font-size: 16px;
}
.verticle-line{
	position:relative;
}
.col-12.col-sm-4.col-md-4.col-xl-4.verticle-line:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 320px;
    color: red;
    background-color: #D9D9D9;
    top: 26px;
    left: -20px;
}
.col-12.col-sm-4.col-md-4.col-xl-4.verticle-line:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 320px;
    color: red;
    background-color: #D9D9D9;
    top: 26px;
    right: 25px;
}
@media screen and (max-width: 576px){
	.row.mt-4.Certificate {
		margin: 0px 5px;
	}
	.col-12.col-sm-4.col-md-4.col-xl-4.verticle-line:after,.col-12.col-sm-4.col-md-4.col-xl-4.verticle-line:before{
		display:none;
	}
	.Certificate .col-12.col-sm-4.col-md-4.col-xl-4 {
		padding: 0px 40px;
	}
}
@media (min-width: 760px) and (max-width: 992px) {
	.col-12.col-sm-4.col-md-4.col-xl-4.verticle-line:after,.col-12.col-sm-4.col-md-4.col-xl-4.verticle-line:before{
		display:none;
	}
	.Certificate .col-12.col-sm-4.col-md-4.col-xl-4 {
		padding: 0px 20px;
	}
	p.baxel {
		font-size: 12px !important;
	}
}
.Lifetime{
		padding:60px 0px;
	}
	.Lifetime h2{
		padding: 50px 0px 0px 60px !important;
	}
    .our_p{
		padding: 0px 164px 0px 60px !important;
	}

	@media screen and (max-width: 576px) {
		.Lifetime h2 {
			padding: 0px 0px 0px 0px !important;
		}
		.Lifetime .col-10.col-sm-10.col-md-6.col-xl-6{
			padding: 0px 0px 0px 0px !important;
		}
		.mobile-padding{
			padding:0px !important;
		}
		.table-features .feature-three-col{
			text-align: left !important;
		}
		.table-features .inline-icon-text{
			justify-content: flex-start !important;
		}
        .CourseCurators{
            height:385px !important;
        }
	}
    @media screen and (min-width: 576px)  and (max-width: 768px) {
		.our_p {
			padding: 0px 0px 0px 60px !important;
		}
	}

    .Previous-Inner {
  margin: 0px 0px 0px 0px;
  padding: 0px 25px 0px 0px;
}

.Biggest-Placement .slick-slide,.Biggest-Placement-LeftRight .slick-slide {
  margin-right: 20px;
}

.Biggest-Placement ,.Biggest-Placement-LeftRight{
  margin: 0px;
  overflow:hidden;
}
.Biggest-Placement p,.Biggest-Placement-LeftRight p{
	font-size:16px !important;
}

.Biggest-Placement .slick-list,.Biggest-Placement-LeftRight .slick-list{
  overflow: visible; /* ensures peek of next slide is visible */
}
.Biggest-Placement .slick-dots,.Biggest-Placement-LeftRight .slick-dots{
	text-align: center;
}
.Biggest-Placement .slick-dots li,.Biggest-Placement-LeftRight .slick-dots li {
    display: inline;
}

.Biggest-Placement .slick-dots li button::before, .Biggest-Placement-LeftRight .slick-dots li button::before{
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.Biggest-Placement .slick-dots li.slick-active button::before,.Biggest-Placement-LeftRight .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}

/* Hide default number display (if injected) */
.Biggest-Placement .slick-dots li button, .Biggest-Placement-LeftRight .slick-dots li button{
  font-size: 0;         /* Hide number */
  border:none;
  background-color: #f7f7f7;
}


.Biggest-Placement-LeftRight {
  direction: rtl; /* required for Slick to respect rtl */
}
.Biggest-Placement-LeftRight .slick-slide {
  direction: ltr; /* restore content direction inside */
}
.duration {
		background-color:#ffffff;
		padding:30px 20px 30px 20px;
		border-radius:10px;
		/* height:250px; */
	}
	.duration h5{
		font-family: Inter, sans-serif;
		font-weight: 600;
	}
	/* .duration p{
		font-family: Inter, sans-serif;
        font-size: 13px !important;
	} */
	@media screen and (max-width: 576px){
		.duration div img{
			width:20% !important;
		}
		.duration {
			padding: 20px 20px 20px 20px;
			height:185px;
		}
	}
	@media screen and (max-width: 375px){
		.duration h5{
			font-size:19px !important;
		}
	}

       /* .Course-Modules-accordion {
      max-width: 600px;
      margin: auto;
    } */
.Course-Modules-accordion {
    background-color: #ffffff;
    padding: 35px 25px;
    border-radius: 10px;
}
    .Course-Modules-accordion-item {
      /* background-color: #fff;
      border: 1px solid #ccc; */
      /* margin-bottom: 10px; */
      /* border-radius: 5px; */
      overflow: hidden;
      transition: all 0.3s ease;
	  border-bottom:1px solid #D9D9D9;
	   padding: 15px 0px;
    }

    .accordion-header {
      /* padding: 10px 0px; */
      cursor: pointer;
      font-weight: bold;
      /* background-color: #e0e0e0; */
      display: flex;
      justify-content: space-between;
      align-items: center;
	  font-family: Inter, sans-serif;
    font-size: 16px;
    color: #242424;
    font-weight: 600;
    }

    .accordion-header .icon {
      font-size: 14px !important;
      transition: transform 0.3s ease;
    }

    .Course-Modules-accordion-content {
      padding: 0 20px;
      max-height: 0;
	  height:100%;
      overflow: hidden;
      transition: height 0.3s ease, padding 0.3s ease;
      /* background-color: #fdfdfd; */
    }

    .Course-Modules-accordion-item.active .accordion-header {
      /* background-color: #d0e4ff; */
    }

    .Course-Modules-accordion-item.active .Course-Modules-accordion-content {
      padding: 15px 5px;
      max-height: 100%; /* Adjust if needed */
    }

    .Course-Modules-accordion-item.active .icon {
      transform: rotate(180deg);
    }
	.Course-Modules-accordion-content div ul li,.Course-Modules-accordion-content ul li {
		font-family: Inter, sans-serif;
		font-size:14px;
		color:#4E4E4E;
	}
	.timerBox {
		width: 8%;
	}
	.timerBox span {
		font-size: 11px !important;
	}
	@media screen and (max-width: 576px) {
		.row.Course-Modules-accordion-content{
			flex-direction: column-reverse;
		}
		.accordion-header {
			font-size: 12px;
		}
		.timeSize{
			font-size:6px !important;
		}
		.Course-Modules-accordion {
			padding: 35px 10px !important;
		}
		.timerBox span {
			font-size: 8px !important;
		}
		.timerBox {
			/* width: 30%; */
			width:auto;
		}
		span.d-flex.justify-content-center.align-items-center.timeSize{
			width: 70px;
		}
		.MobilView{
			font-size:14px !important;
		}
		
	}

	@media (min-width: 760px) and (max-width: 1200px) {
		.timerBox {
			width: 12%;
		}
	}

.Previous-Inner {
  margin: 0px 0px 0px 0px;
  padding: 0px 25px 0px 0px;
}

.Previous-Internship .slick-slide {
  margin-right: 20px;
  /* margin: 0px; */
}

.Previous-Internship {
  /* margin-left: 10px; */
   margin: 0px;
  overflow:hidden;
}
.Previous-Internship p{
	font-size:20px !important;
	text-align:left !important;
	color:#434343;
}

.Previous-Internship .slick-list {
  overflow: visible; /* ensures peek of next slide is visible */
}
.Previous-Internship .slick-dots{
	text-align: center;
}
.Previous-Internship .slick-dots li {
    display: inline;
}

.Previous-Internship .slick-dots li button::before {
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.Previous-Internship .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}

/* Hide default number display (if injected) */
.Previous-Internship .slick-dots li button {
  font-size: 0;         /* Hide number */
  border:none;
  background-color: #f7f7f7;
}


@media (min-width: 760px) and (max-width: 1200px) {
	.Previous-Internship p {
		font-size: 16px !important;
	}
}


@media screen and (max-width: 576px) {
	.Previous-Inner {
		padding: 0px 0px 0px 0px;
	}
	.Previous-Internship p {
		font-size: 16px !important;
		text-align:center !important;
	}
    .ExploreMoreProjects{
        display:flex;
        flex-direction:column-reverse;
    }

}
	.Eligibility h2{
		font-weight: 700;
        font-size: 32px;
        color: #202020;
        font-family: Inter, sans-serif;
		padding: 0px 0px 0px 60px;
	}
	.Eligibility p{
		font-family: 'Inter', sans-serif;
        color: #2B2B2B;
        font-size: 16px;
		padding: 0px 0px 0px 60px;
	}


	/* .Eligibility .col-md-4.col-xl-4.d-flex.justify-content-center.flex-column ,.Eligibility .col-md-5.col-xl-5{
    padding: 0px 0px 0px 60px;
} */
.Total-Credits {
    background-color: #F9F9F9;
    padding: 35px;
    border-radius: 10px;
	height:240px;
}
.credit{
	width:35px;
}
.score{
	width:28px;
}
.Total-Credits h4{
	font-family: 'Inter', sans-serif;
    font-size: 21px;
}
.Total-Credits p{
	font-family: 'Inter', sans-serif;
    font-size: 19px;
}
.Eligibilitymobile{
	display:none;
}
@media screen and (max-width: 576px) {
	.Eligibilitymobile{
		display:block;
	}
	.Eligibilitydesktop{
		display:none;
	}
	.Eligibility h2,.Eligibility p{
		padding:0px 15px 0px 15px;
	}
	.Eligibility .row{
		padding:0px 15px 0px 15px !important;
	}
	.mineligibility {
		padding:0px;
	}
	.mineligibility h5{
		font-size:18px;
		font-family: 'Inter', sans-serif;
		color:#202020;
	}
	.mineligibility p{
		font-size:14px !important;
	}
	.Eligibility p {
		color: #747474;
		font-size: 19px;
	}
	.courseEligibility{
		padding:50px 0px 50px 0px !important;
	}
	.Total-Credits{
		height:180px;
		padding:35px 20px;
	}
	.Total-Credits h4 {
		font-size: 16px !important;
		margin-top:25px !important;
	}
	.Total-Credits p {
		font-size: 15px !important;
	}
	.Total-Credits div img{
		width:25px;
	}
}
@media screen and (max-width: 400px) {
	.Total-Credits{
		height:220px;
	}
}
@media screen and (min-width: 720px) and (max-width: 1550px) {
	.Total-Credits h4 {
		font-size: 17px;
	}
	.Total-Credits p {
		font-size: 14px;
	}
}
	.Awesometools{
		background-color:#ffffff;
		height: 100px;
		display:flex;
		justify-content:center;
		align-items:center;
		border-radius:10px;
	}
	@media screen and (max-width: 576px) {
		.Awesometools{
			height:70px;
		}
	}
	.TSAExperience .slick-dots{
	text-align: center;
}
.TSAExperience .slick-dots li {
    display: inline;
}

.TSAExperience .slick-dots li button::before {
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.TSAExperience .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}

/* Hide default number display (if injected) */
.TSAExperience .slick-dots li button {
  font-size: 0;         /* Hide number */
  border:none;
  background-color: #f7f7f7;
}

.whyLearnInner {
		height: 380px;
	}
	/* .whyLearnInner p{
		font-size:14px;
		font-family: 'Inter', sans-serif;
		color: #2B2B2B;
	} */

	@media (max-width: 480px) {
  .TSAExperience .slick-slide {
    width: 82vw !important;
  }
  .whyLearnInner{
	height: 385px;
  }
}
	.GlobalMobile{
		display:none;
	}
	@media (min-width: 760px) and (max-width: 992px) {
		.Global_Alumini img{
			width: 90%;
		}
	}
	@media screen and (max-width: 576px) {
		.GlobalMobile{
			display:flex;
		}
		.GlobalDesktop{
			display:none;
		}
	}
	.exclusiveInner {
		height: 380px;
	}
	.exclusiveInner h5{
		font-size:24px;
		font-family: Inter, sans-serif;
	}
	.exclusiveInner p{
		font-size:18px;
		font-family: 'Inter', sans-serif;
		color: #2B2B2B;
	}
	@media (max-width: 480px) {
  .exclusive .slick-slide {
    width: 82vw !important;
  }
  .exclusiveInner{
	height: 350px;
  }
}

.exclusive .slick-dots{
	text-align: center;
}
.exclusive .slick-dots li {
    display: inline;
}

.exclusive .slick-dots li button::before {
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.exclusive .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}

/* Hide default number display (if injected) */
.exclusive .slick-dots li button {
  font-size: 0;         /* Hide number */
  border:none;
  background-color: #f7f7f7;
}

@media (min-width: 760px) and (max-width: 992px) {
  .exclusiveInner h5 {
    font-size: 20px !important;
  }
  .exclusiveInner p {
    font-size: 14px !important;
  }
  .exclusiveInner{
	height: 320px;
  }
 
}

/* .table-divider {
  height: 2px;
  background-color: red;
  border: none;
  padding: 0;
} */
.divider-line123 {
  height: 2px;
  background-color: #D9D9D9;
  margin: 0 20px; /* Left and right spacing */
}
.border-top-row th {
    border-top: 2px solid #ddd; /* or your desired color */
}
	.row.table-features {
    margin-top: 50px;
}
.table-features .feature-three-col:first-child {
	text-align: left !important;
}
	.table-features .inline-icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px; /* spacing between image and text */
  font-size: 8.5px;
}
.table-features table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed; /* Ensures equal column width */
  background-color:#ffffff;
  border-radius:20px;
  border: 2px solid #73A5E7;
  border-radius: 20px;
  overflow: hidden;
  padding: 10px 20px 20px 20px;
}
.table-features .feature-three-col{
	width:26.66%;
	font-family: "Inter", sans-serif;
	font-size:10px;
	font-weight:500;
	color: #404040;
	vertical-align: middle;
    text-align: -webkit-center !important;
}
.table-features .feature-one-col{
	width:20%;
	font-family: "Inter", sans-serif;
	font-size:10px;
	font-weight:500;
	color: #404040;
	vertical-align: middle;
    text-align: -webkit-center !important;
}
.table-features th,
.table-features td {
  /* border: 1px solid #000; */
  border:none ;
  padding: 15px 20px;
  text-align: center;
  font-family: Inter, sans-serif;
  /*width: 25%; */ /* Divide into 4 equal parts */
  word-wrap: break-word;
}

.table-features th {
  font-weight: 700 !important;
}

.table-features img {
  max-width: 100%;
  height: auto;
}
	@media (max-width: 576px) {
		.row_tsa{
			width:75% !important
		}
		.table-features th, .table-features td {
			padding: 15px 15px;
		}
		.WhyChoose{
			align-items: flex-start !important;
			padding:0px 15px;
		}
	}

	@media (min-width: 760px) {
		.table-features .feature-three-col,.feature-three-col div span {
			font-size:12px;
		}
	}
	@media (max-width: 760px) {
		.table-features .feature-three-col,.feature-three-col div span {
			font-size:8px;
		}
		th.feature-three-col{
			font-size:10px !important;
		}
	}
    @media (max-width: 390px) {
		.table-features .feature-three-col{
			font-size: 5px !important;
		}
	}
	.testimonialSlider .Praveen-Yadav-column{
		/* width:350px !important; */
		height:450px !important;
		max-height:550px;
		background-color: #ffffff;
		 border-radius: 15px;
		 /* width:22vw !important; */
	}
.Praveen-Yadav-column.slick-slide div {	
    
    padding: 10px 5px;
   
}

.testimonialSlider .slick-slide {
  margin-right: 20px;
}

.testimonialSlider {
  /* margin-left: 0 !important; */
  margin:0px !important;
  padding-left: 0 !important;
  overflow: hidden;
}
.testimonialSlider p{
	font-size:12px !important;
}

.testimonialSlider .slick-list {
  overflow: visible !important;
}
.testimonialSlider .slick-dots{
	text-align: center;
	margin-top: 20px;
}
.testimonialSlider .slick-dots li {
    display: inline;
}

.testimonialSlider .slick-dots li button::before {
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.testimonialSlider .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}

/* Hide default number display (if injected) */
.testimonialSlider .slick-dots li button {
  font-size: 0;         /* Hide number */
  border:none;
  background-color: #f7f7f7;
}


/* @media only screen and (max-width: 426px) {
  .testimonialSlider .Praveen-Yadav-column{
   height:420px !important;
  }
} */


/* @media (max-width: 760px) {
	.testimonialSlider{
		margin:0px 10px !important;
	}

} */

@media (min-width: 2560px) {
	.testimonialSlider .Praveen-Yadav-column {
		height:510px !important;
	}

}

section.bim-ready-plus-mobile {
    background-color: #ffffff;
    padding: 10px 0px;
	color:#000000;
	margin-top: -111px;
    position: relative;
    border-radius: 20px;
	box-shadow: rgb(0 0 0 / 24%) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
/* section.bim-ready-plus-mobile .course-form-bnr {
	border: 1px solid black;
    margin: 0px 10px;
} */
section.bim-ready-plus-mobile .course-form-bnr blockquote{
	color:#000000;
}
section.bim-ready-plus-mobile .form-control {
    background-color: #F7F7F7;
    border: 1px solid #ced4da3d;
    border-radius: 0.8rem;
}
.bnr-frm-btn{
	background-color: #F6571C;
    border-radius: 10px;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 0px;
	font-family: "Inter", sans-serif;

}

/* Learn from css start */

.Course_Higlights_mobile12 button.slick-next.slick-arrow, .Course_Higlights_mobile12 button.slick-prev.slick-arrow {
    display: none !important;
}

.Course_higlights_mobile_slider .slick-list .slick-track {
    margin-left: -12px;
}
.Cutting_edge_mobile_slider .slick-list .slick-track .slick-slide {
    /* height: 210px; */
    height: auto;
}
.Course_higlights_mobile_slider .slick-list .slick-track .slick-slide {
    /* height: 295px !important; */
    /* margin-left: 20px !important; */
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.Cutting_edge_mobile_slider .slick-slide {
    width: 400px !important;
}
.Course_higlights_mobile_slider .slick-list .slick-track .slick-slide .Course_higlights_mobile_svg {
    height: 285px;
}
.Course_higlights_mobile_svg div img {
    width: 100%;
}
.Course_higlights_mobile_slider .slick-slide + .slick-slide {
    width: 380px !important;
}
.Course_Higlights_mobile12 button.slick-next.slick-arrow, .Course_Higlights_mobile12 button.slick-prev.slick-arrow {
    display: none !important;
}
.Course_Higlights_mobile12 .slick-dots {
    display: block !important;
    text-align: center;
    margin-top: 20px;
}
.Cutting_edge_mobile_slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}
.Cutting_edge_mobile_slider .slick-dots li button {
    border: none;
    background-color: #3156ec7a;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    padding: 0;
}
.Cutting_edge_mobile_slider .slick-dots li.slick-active button{
    background-color: #3156EC !important;
}
@media (max-width: 768px) {
    button.slick-prev.slick-arrow {
        left: -16px !important;
    }
}
.main-course-first .banr-form {
    background: unset ;
}
.main-course-first .banr-form .container h1{
	font-size: 62px;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}
.main-course-first .banr-form .container h3{
	font-size: 25px;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}
.main-course-first .banr-form .container h5{
	font-size: 16px;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.main-course-first .success_section .container .row h2{
	font-size: 28px;
	font-family: "Inter", sans-serif;
    font-weight: 700;
}
.main-course-first .success_section .container .Course_Higlights_mobile12 h5,.Course_higlights_mobile_svg h5{
	font-family: "Inter", sans-serif;
    font-weight: 500;
	font-size: 24px !important;
    line-height: 28px !important;
}
.main-course-first .Course_higlights_mobile_slider .slick-list .slick-track .slick-slide .Course_higlights_mobile_svg {
    height: 330px;
    padding: 40px 20px 20px 20px;
    /* border-radius: 131px !important; */
	/* background-color: red; */
    margin-left: 5px;
    margin-right: 5px;
	border-radius: 15px;
}

.row.Previous .slick-dots {
	margin-top: 0px;
}
@media screen and (min-width:390px) and (max-width: 410px) {
	.Course_higlights_mobile_slider .slick-list .slick-track {
    margin-left: -57px;
}
/* .bim-manager h2{
		line-height:25px;
	} */
	.Course_higlights_mobile_slider .slick-slide + .slick-slide {
		width: 335px !important;
	}
}
@media screen and (min-width:375px) and (max-width: 390px) {
	.Course_higlights_mobile_slider .slick-list .slick-track {
    margin-left: -11px !important;
}
.main-course-first .banr-form{
	height:auto !important;
}
.main-course-first section#top_section .container {
        margin-top: 0px;
        padding: 40px 15px;
    }
	.main-course-first .banr-form .container .row .bnr-detail div button{
		width:75% !important;
	}
	/* .bim-manager h2{
		line-height:21px;
	} */
	.Course_higlights_mobile_slider .slick-slide + .slick-slide {
		width: 335px !important;
	}
	.main-course-first .success_section .container .Course_Higlights_mobile12 h5 {
		font-size: 20px !important;
	}
	.main-course-first .success_section .container .Course_Higlights_mobile12 p{
		font-size: 18px !important;
	}

}

@media screen and (min-width: 392px) and (max-width: 413px) {
	.Course_higlights_mobile_slider .slick-list .slick-track {
		margin-left: -21px !important;
	}
	.main-course-first .success_section .container .Course_Higlights_mobile12 h5,.Course_higlights_mobile_svg h5{
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight:700 !important;
	}
	.img-bottom {
		margin-top: 25px !important;
	}
}

@media screen and (min-width:340px) and (max-width: 360px) {
	.Course_higlights_mobile_slider .slick-list .slick-track {
    margin-left: -19px;
}

}
.Course_higlights_mobile_svg.Gain-Internationally{
	height:360px !important;
}
.Course_higlights_mobile_svg.Gain-Internationally h5 , .Course_higlights_mobile_svg.Gain-Internationally p {
    padding: 0px 20px !important;
}
/* Learn from css end */
	.section-heading-second {
    position: relative;
    z-index: 2;
    display: inline-block;
    background-color: #f7f7f7; /* h2 background */
    padding: 0 15px; /* spacing around text */
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px !important;
    /* margin: 0 auto; */
}

.section-heading-second .highlight {
    color: #2156C0;
}

.bim-manager {
    position: relative;
    text-align: center;
}

.divider-line {
    position: absolute;
    top: 50%;
    left: 0;
    /* width: 98.5%; */
     width: 100%;
    height: 1px;
    background-color: #4D4D4D;
    z-index: 1;
}
@media screen and (max-width: 768px){
	.divider-line{
		display:none;
	}
}
@media screen and (max-width: 576px){
	.section-heading-second , .Eligibility h2{
		font-size: 26px !important;
		text-align:left;
	}
	.civilRightIcon::before {
        content: none !important;
        background: none !important;
    }
}


.whyLearn .slick-dots,.RealWorld .slick-dots{
	text-align: center;
}
.whyLearn .slick-dots li,.RealWorld .slick-dots li {
    display: inline;
}

.whyLearn .slick-dots li button::before, .RealWorld .slick-dots li button::before{
  content: '•';         /* Force bullet dot */
  font-size: 35px;
  color: #1E64F0 !important;       /* Match your theme */
  opacity: 0.6;
}

.whyLearn .slick-dots li.slick-active button::before,.RealWorld .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #000;          /* Active dot color */
}


/* according start */
   #accordion .panel {
    border: none;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 10px;
    background: transparent;
}
#accordion .panel-title a.collapsed {
    border: none;
}
#accordion .panel-title a.collapsed:before {
    color: #138b7e;
    transform: rotate(0deg);
}

#accordion .panel-title a:before, #accordion .panel-title a.collapsed:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    color: #2a5dac;
    position: absolute;
    top: 15px;
    right: 30px;
    transform: rotate(0deg);
    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
}
@media screen and (max-width: 576px) {
    #accordion .panel-title a {
        border-radius: 15px;
        padding: 20px 30px 20px 14px;
    }
	.headMobilLeft,.PMobilLeft,.headMobilLeftSoftware{
		text-align: left !important;
	}
	.PMobilLeft,.headMobilLeftSoftware{
		padding: 0px 16px !important;
	}
	.exclusiveheadMobilLeft{
		margin:0px 0px 0px 16px !important
	}
}
@media (max-width: 599px) {
    #accordion .panel-title a {
        padding: 18px 30px 14px 14px;
        font-size: 14px;
    }
    #accordion .panel-title a:before, #accordion .panel-title a.collapsed:before {
        width: 24px;
        height: 24px;
        font-size: 20px;
    }
    #accordion .panel-title a:before {
        top: 14px !important;
        right: 2px !important;
    }
}
@media (max-width: 768px) {
    #accordion .panel-title a {
        font-size: 16px !important;
        padding: 14px;
        font-family: 'Montserrat';
        font-weight: 500;
    }
    #accordion .panel-body {
        padding: 12px 12px;
    }
	.WhoEnroll {
		padding: 50px 0px 0px 0px !important;
	}
	.civil-right-mobile{
		margin-top:40px;
		margin-bottom: 40px;
	}
}
#accordion .panel-title a {
    display: block;
    padding: 25px 30px;
    margin: 0;
    background: #ffffff;
    color: #403e3e;
    border: none;
    border-radius: 10px;
    position: relative;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
#accordion .panel-body {
    padding: 20px 30px;
    background: transparent;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: none;
    border-radius: 5px;
}
.panel-body p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
.row.Job-ready.mt-4.what-makes.slick-initialized.slick-slider ul.slick-dots {
    margin-top: 8px !important;
}
.row.Job-ready.mt-4.Courses-Designed.slick-initialized.slick-slider ul.slick-dots {
    margin-top: 12px !important;
}
/* according End */



/* home page css start*/
  .homemobile-hero-banner {
        background: url('https://www.technostructacademy.com/uploads/home/newfiles/banner.png') no-repeat center center / cover !important;
        /* height: 500px;  */
        height:85vh !important; 
        width: 100%;
        display: block;
        padding-top:20px;
        padding-bottom:50px;
    }
    .homemobile-hero-banner h1, .Unleash .container .row h1,.success_section .container .row h1{
    font-size: 35px;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}
.Unleash .container .row h1,.success_section .container .row h1{
    font-size: 28px;
}
.success_section .container .row p , .success_section .container .row.w-100.m-0.d-flex.gap-5 .col-lg-3.col-md-6.col-sm-6.p-0.mt-2 div p,.Job-ready div .slick-track .slick-slide p{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color:#131313;
}
.indiablue {
    background-color:#073989;
    display: flex;
    align-items: center;
    padding: 5px 2px;
    border-radius: 8px;
}
.right-arrow{
    content:'';
    background-color:#ffffff;
    width:1px;
    height:20px;
    margin-left: 5px;
    margin-right: 10px;

}
.homemobile-hero-banner p{
    font-family: "Inter", sans-serif;
}
.success_subheading {
    color:#0460D9;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.testimonialReview {
    max-width: 600px;
    margin: 18px auto 0px auto; /* small gap before arrows */
    /* background: #fff; */
    border-radius: 32px;
    /* box-shadow: 0 2px 16px rgba(0,0,0,0.09); */
    padding: 32px 8px 0px 8px;
}
.testimonialReview h5{
	font-size:25px;
}
.testimonialReview p{
	font-size:20px;
}
.testimonialNav {
    display: flex;
    justify-content: center; /* center horizontally */
    align-items: center;
    gap: 30px;
}

.testimonialNav button {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 26px;
    color: #222;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.09);
    transition: background 0.18s, color 0.18s, border-color 0.18s;
}

.testimonialNav button:hover {
    background: #ff6000;
    color: #fff;
    border-color: #ff6000;
}

.testimonialReview .slick-prev, .testimonialReview .slick-next, .testimonialReview .slick-dots {
    display: none !important; /* hide default slick controls */
}

@media(max-width: 600px) {
    .testimonialReview { padding: 12px 1vw 40px 1vw; }
    .testimonialNav button { width: 36px; height: 36px; font-size: 20px; }
}
button.testimonialPrev svg{
	 margin-top: -8px !important;
	 margin-left: -6px !important;
}
button.testimonialNext svg {
    margin-top: -8px !important;
}

/* home page css end */


/* bim-ready civil course start */
  .certificationInner{
        height: 450px;
		padding:10px 15px;
		border:1px solid #e5e5e5;
		margin: 0px 5px;
		border-radius:20px;
    }

@media (max-width: 480px) {
  .certificationInner{
	/* height: 385px; */
    height: 420px !important;
  }
}
@media (min-width: 760px) and (max-width: 992px) {
   .certificationInner{
	height: 440px !important;
}
}


  .TotalMinimum div{
        background-color:#0059B7;
        padding:40px 15px;
        border-radius:15px;
        border:1px solid #3394FB;
        height:230px;
        display:flex;
        flex-direction:column;
        /* align-items:center; */
        justify-content:center;
    }
    .TotalMinimum h5{
        font-weight:700;
    }
    @media (max-width: 768px) {
         .TotalMinimum div{
            height:175px;
         }
         /* .TotalMinimum{
            padding:0px 10px 0px 10px !important;
         } */
         .TotalMinimum h5, .TotalMinimum p{
            font-size:16px;
         }
		 .exporbtn{
			margin-top:25px !important;
		 }
    }





	/* Container visibility */
.career-card-container { display: none; }
@media (max-width: 700px) {
  .career-card-container {
    display: block;
    background: #fff;
    max-width: 340px;
    margin: 18px auto;
    padding: 18px 14px;
    border-radius: 13px;
    border: 1px solid #e3effd;
  }
}
@media (max-width: 480px) {
  .career-card-container {
    max-width: 100vw;
    margin: 0;
    padding: 12px 2vw;
  }
  .career-image { width: 110px; }
}

/* Header */
.career-header h2 {
  font-size: 1.18rem;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.15;
}
.career-blue { color: #258bf7; }

/* Tabs */
.career-tabs { list-style: none; padding: 0; margin: 8px 0 0; }
.career-tab {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 12px 8px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background 0.12s;
}

/* Icons */
.career-icon {
  width: 32px; height: 32px;
  border-radius: 50%;
  margin-right: 12px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; overflow: hidden;
}
.career-icon img { width: 40px; height: 40px; object-fit: contain; }


/* Labels */
.career-label { flex: 1; display: flex; flex-direction: column; }
.career-label strong { font-size: 1rem; font-weight: 600; margin-bottom: 2px; }

/* Description (collapsed by default) */
.career-desc {
  font-size: 0.93rem;
  color: #595959;
  margin-top: 5px;
  display: none;
}
.career-tab.active .career-desc { display: block; }

/* Arrows */
.career-arrow {
  font-size: 16px;
  color: #b1b1b1;
  margin-left: 10px;
  min-width: 24px;
  display: inline-block;
  transition: transform 0.3s ease;
}
.career-tab.active .career-arrow { transform: rotate(90deg); }

/* Images inside desc */
.career-image-area {
  display: flex; justify-content: center; align-items: center;
  margin-top: 18px;
}
.career-image {
  width: 146px;
  border-radius: 50%;
  background: radial-gradient(circle at 58% 32%, #1976d2 58%, #fff 100%);
  object-fit: cover;
}

/* h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
} */
.blue { color: #258bf7; }
.black { color: #111; }
.Post-Course-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.Post-Course {
  display: flex;
  align-items: start;
  background: #fff;
  margin-bottom: 1rem;
  /* border-radius: 14px; */
  padding: 1rem 1.2rem;
  border-bottom:1px solid #e0ecfa;
  /* box-shadow: 0 2px 8px #e0ecfa; */
  /* cursor: pointer;
  transition: background 0.2s;
  position: relative; */
}
/* .Post-Course.active, .Post-Course:hover {
  background: #e3effd;
} */
.icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.blue-bg {
  background: #258bf7;
  color: #fff;
}
.orange-bg {
  background: #f36a22;
  color: #fff;
}
.Post-Course-label {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.Post-Course-label strong {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.1rem;
}
.tab-description {
  font-size: 0.98rem;
  color: #888;
  margin-top: 7px;
}
.arrow {
  font-size: 1.4rem;
  color: #b1b1b1;
  margin-left: 1.4rem;
  align-self: center;
}
.content-area {
    margin-top: 140px;
}
.Post-Course-image {
  display: none;
  width: 420px;
}
.Post-Course-image.active {
  display: block;
}
.circle-bg {
  /* position: relative;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle at 60% 30%, #1976d2 55%, #fff 100%);
  box-shadow: 0 4px 32px #b3d3fa48;
  overflow: hidden; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-bg img {
  width: 100%;
  /* border-radius: 0;
  object-fit: cover; */
}
@media (max-width: 900px) {
  .sidebar {
    width: 100%;
    margin-bottom: 20px;
  }
  .content-area, .Post-Course-image, .circle-bg {
    width: 100%;
    min-height: unset;
    height: 220px;
    justify-content: center;
  }
  .circle-bg {
    width: 220px;
    height: 220px;
  }
  .circle-bg img {
    width: 160px;
  }
}



/* Animation for sliding in from right */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.Post-Course-image.active {
  display: block;
  animation: slideInRight 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Optional: For smoother hiding, fade out on removal */
.Post-Course-image {
  transition: opacity 0.25s;
}
.Post-Course-image:not(.active) {
  opacity: 0;
  pointer-events: none;
}

	.certificationSection  .slick-dots{
		text-align:center;
	}
	.certificationSection .slick-dots li{
		display: inline;
	}
	.certificationSection .slick-dots li button {
    font-size: 0;
    border: none;
    background-color: #f7f7f7;
}
	.certificationSection .slick-dots li button::before {
		content: '•';
		font-size: 35px;
        color: #1E64F0 !important;
        opacity: 0.6;
	}
	.certificationSection .slick-dots li.slick-active button::before{
		opacity:1;
	}
	@media (max-width: 480px) {
    .certificationSection .slick-slide {
        width: 82vw !important;
    }
}

.faq-section {
  padding: 0 0 50px 0;
  background-color: #f7f7f7;
}

.faqWholeDiv {
  padding: 40px;
  border-radius: 15px;
  background-color: #ffffff;
}

.faq-item {
  border-bottom: 1px solid #eee;
  width:100%;
}


.faq-question {
  width: 100%;
  background: none;
  border: none;
  font-size: 18px;
  text-align: left;
  padding: 16px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
  transition: color 0.3s ease;
}

.faq-question:hover {
  color: #1976d2;
}

.faq-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  color: #505050;
  font-size: 16px;
}

.faq-item.active .faq-answer {
  opacity: 1;
}

.faq-question.open .faq-icon {
  transform: rotate(180deg);
}

.faq-icon {
  transition: transform 0.3s ease;
  font-size: 20px;
  color: #1976d2;
}

/* Responsive */
@media (max-width: 576px) {
  .faqWholeDiv {
    padding: 20px;
    margin: 10px 10px;
  }
  .faq-question {
    font-size: 16px;
  }
  .faq-answer {
    font-size: 15px;
  }
}


/* course module start  */
    /* Your existing CSS here (unchanged from your provided) */
    .course-modules-container {
      margin: 40px auto;
      /* background: #fff; */
      border-radius: 12px;
      /* padding: 24px 20px 0 20px; */
      /* font-family: 'Segoe UI', Arial, sans-serif; */
    }
    /* .course-divider {
      display: block;
      margin-top: 10px;
      border-top: 2px solid #eee;
    } */
    .course-module-list-civil {
      margin-top: 22px;
    }
    .course-module-item-civil {
      background: #fff;
      border-radius: 8px;
      box-shadow: none;
      border: 1px solid #EBEBEB;
      margin-bottom: 15px;
      transition: box-shadow 0.15s;
    }
    /* .course-module-item-civil.active {
      box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
      border: 1.5px solid #1976d2;
      background: #fafcff;
    } */
    .module-header-civil {
      display: flex;
      align-items: center;
      padding: 18px 22px;
      cursor: pointer;
    }
    .module-number-civil.circle {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      font-weight: 600;
      font-size: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 18px;
      color: #fff;
    }
    .circle1 { background: #004BAD; }
    .circle2 { background: #F6571C; }
    .circle3 { background: #1EBEC4; }
    .circle4 { background: #457efb; }
    .circle5 { background: #ff9650; }
    .circle6 { background: #7ad5e5; }
    .module-title {
      flex: 1;
      font-size: 18px;
      font-weight: 500;
      color: #222;
    }
    .module-info {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .module-hours {
      background: #f5f7fa;
      border-radius: 8px;
      color: #1976d2;
      font-size: 14px;
      font-weight: 500;
      padding: 5px 13px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .module-hours i {
      font-size: 14px;
    }
    .module-toggle-btn {
      background: none;
      border: none;
      font-size: 23px;
      color: #1976d2;
      cursor: pointer;
      padding: 0 0 0 10px;
      pointer-events: none; /* Disable button clicks; click header instead */
    }
    .toggle-icon {
      display: inline-block;
      transition: transform 0.25s ease;
    }
    .course-module-item-civil.active .toggle-icon {
      transform: rotate(180deg);
    }
    .module-content {
      padding: 0 25px 18px 75px;
      color: #757575;
      font-size: 16px;
      display: block;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height 0.5s ease, opacity 0.4s ease;
    }
    .course-module-item-civil.active .module-content {
      max-height: 500px;
      opacity: 1;
    }
    /* Brochure Button */
    .download-brochure-btn {
      display: block;
      margin: 25px 0 0 0px;
      background: #F6571C;
      color: #fff;
      font-size: 17px;
      font-weight: 500;
      border: none;
      border-radius: 7px;
      padding: 13px 32px;
      cursor: pointer;
      box-shadow: 0 1px 6px rgba(249,110,59,0.14);
      transition: background 0.18s;
    }
    /* .download-brochure-btn:hover {
      background: #1976d2;
    } */
    /* Responsive */
    @media (max-width: 600px) {
      /* .course-modules-container { padding: 8px 0; } */
      .module-header-civil { padding: 12px 9px; }
      .module-content { padding: 8px 14px 13px 47px; font-size: 15px; }
    }
/* course module end  */


/* bim-ready civil course end */

/* msu start */
    .studentCountry div{
        background-color: #009371;
        height: 150px;
        padding: 10px 25px;
        border-radius: 15px;
    }
    .OneGlobal{
         background-color: #009371;
          padding: 10px 15px;
          margin:0px 20px;
          border-radius: 10px;
    }

  .thisProgram{
    height:400px;
}
.thisProgram h5,.whyLearnInner h5,.JustLearn h5{
    font-size:17px;
    color:#202020;
    font-family: 'Inter', sans-serif;
}
.thisProgram p{
    font-size:15px;
    color:#202020;
}
.certificationSection.msucert .slick-dots li button {
     background-color: #f7f7f700 !important;
}
  .realRightArrow{
    position:relative;
  }
.realRightArrow p::after {
    position: absolute;
    content: "";
    width: 22%;
    height: 1px;
    background-color: #9A9A9A;
    margin-top: 11px;
}
  .SoftwareMatter{
    position: relative;
  }
  .softwareIcon {
    margin-top: -65px !important;
}
/* msu end */

/* architecture Advanced start */

.iso-banner {
    background-color: #003580;
    color: #fff;
    padding: 50px 20px;
    position: relative;
    overflow: hidden;

    background-image: url("https://www.technostructacademy.com/uploads/home/architectureAdvanced/not_leaning.svg");
    background-repeat: no-repeat;
    background-position: left bottom;  /* bottom-left */
    background-size: 350px auto;       /* adjust size */
}

.iso-banner .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
  .visionariesMobile{
    padding: 20px 40px;
  }
  .Visionaries h5{
    font-size:30px;
    color:#4B4B4B;
  }
  .acingTools{
  width:100%;
}
.acingTools .mt-3{
  width:20%;
}
.acingTools .mt-3 img{
  width:90%;
}
.JustLearn {
    height: 350px;
}

@media screen and (max-width: 576px){
  .isoMobile{
   margin-left:20px;
  }
  .iso-banner{
    background-size: 500px auto;
    background-position: -50px 360px;
  }
  .visionariesMobile{
    margin: 0px 10px !important;
    flex-direction: column-reverse;
  }
  .Visionaries h5 {
    font-size: 21px;
  }
  .Visionaries p{
    font-size:9px !important ;
  }
    .acingTools .mt-3{
      width:33.33% !important;
    }
    .acingTools {
      width: 100%;
      padding: 0px 15px !important;
    }
}

@media (min-width: 760px) and (max-width: 1200px) {
  .iso-text h4{
    font-size:20px !important;
  }
}


  .Architects-hero-section {
  position: relative;
  overflow: visible;
  width: 100%;
  background-color: #f7f7f7;
/* Or as needed */
}

/* Cards overlay */
.cards-overlay {
  position: absolute;
  top: 70px; /* Controls vertical offset: adjust as needed (try values 100px-150px) */
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 5;
  pointer-events: none; /* Optional: disables hover/click, remove if you want interaction */
}
.Architects-slider {
  display: flex;
  justify-content: center;
  width: 100%;
  pointer-events: auto;
}
.Architects-mentor-list {
  display: flex;
  gap: 28px;
  justify-content: center;
}
.Architects-mentor-card {
  width: 303px;
  min-height: 220px;
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 16px;
  background: #fff;
}
.Architects-mentor-card:hover,
.Architects-mentor-card.active {
  width: 420px;
}
.Architects-mentor-content {
  flex: 0 0 200px;
  color: #222;
}
.Architects-mentor-img {
  width: 28%;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}
.Architects-mentor-name { font-weight: 700; margin-top: 8px; }
.Architects-mentor-pos { color: #ffd700; font-size: 0.9em; }
.Architects-hover-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.3s ease;
}
.Architects-hover-image img {
  max-width: 100%;
  max-height: 180px;
}
.Architects-mentor-card:hover .Architects-hover-image,
.Architects-mentor-card.active .Architects-hover-image {
  opacity: 1;
  transform: translateX(0);
}
/* Blue image section */
.ArchitectsinIndia {
  width: 100%;
  margin-top: 135px;
}
.background-img {
  width: 100%;
  display: block;
}

/* Make sure the parent is tall enough to accommodate the overlapped cards */
.hero-section {
  min-height: 650px;
}

/* Responsive Handling */
@media (max-width: 991px) {
  .cards-overlay { top: 90px; }
  .Architects-mentor-list { flex-wrap: wrap; gap: 12px; }
  .Architects-mentor-card { 
    width: 95vw; 
    /* min-width: 220px;  */
  }
}

@media (min-width:768px) and (max-width: 1200px) {
    .Architects-mentor-card {
      width: 24%;
    }
    .Architects-mentor-card.active{
      width:50%;
    }
    .Architects-mentor-list {
      gap: 0px;
    }
}

.Architects-cards-vertical {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 0 5px;
      margin-bottom: 0; /* removed spacing; we'll control overlap below */
      position: relative;
      z-index: 9;
      /* background: #fff; */
    }
    .Architects-card-vertical {
      display: flex;
      align-items: flex-start;
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 4px 14px rgba(30,100,240,0.09);
      padding: 13px 10px 13px 13px;
      position: relative;
      gap: 12px;
    }
    .Architects-card-vertical .icon-box {
      flex-shrink: 0;
      /* width: 42px;
      height: 42px; */
      /* border-radius: 12px;
      background: #f4f7fe; */
      /* display: flex; */
      flex-direction:column;
      /* align-items: center;
      justify-content: center; */
      margin-top: 3px;
    }
    .Architects-card-vertical .icon-box img {
      width: 60px;
      height: 60px;
      object-fit: contain;
    }
    .Architects-card-vertical-content {
      flex: 1;
    }
    .Architects-card-vertical-content p {
      font-size: 0.98rem;
      margin: 0 0 2px 0;
      color: #222;
      font-weight: 500;
      line-height: 1.32;
    }
    .Architects-card-vertical .Architects-card-img {
      border-radius: 9px;
      /* width: 62px;
      height: 62px; */
      object-fit: cover;
      margin-left: 5px;
      margin-top: 2px;
      background: #e8f0fe;
    }

    /* Overlap last card on blue area */
    .Architects-cards-vertical .Architects-card-vertical:last-child {
      margin-bottom: -38px;  /* Controls the overlap; adjust as needed */
      box-shadow: 0 8px 36px rgba(30,100,240,0.12);
      z-index: 10;
    }

    /* Blue section */
    .Architects-blue-section {
      /* background: linear-gradient(180deg, #163f89 0%, #1761e4 100%); */
      padding: 67px 10px 0 10px; 
      background-image:url('https://www.technostructacademy.com/uploads/home/architectureAdvanced/Group-1-1229.png');
      background-size:cover;
      background-repeat:no-repeat;

      margin-top: -100px; 
      text-align: center;
      position: relative;
      height: 700px;
    }
    .Architects-blue-section h3 {
      margin: 0 0 11px 0;
      font-size: 26px;
      font-weight: 800;
      color: #fff;
      letter-spacing: 0.01em;
      padding: 100px 0px 0px 0px;
    }
    .Architects-blue-section p {
      margin: 0 0 18px 0;
      font-size: 0.99rem;
      color: #ffffff;
      font-weight: 500;
      line-height: 1.47;
      padding: 0px 40px;
    }
    .Architects-blue-section .Architects-bim-highlight {
      color: #fff;
      font-weight: 700;
      background: #1E64F0;
      padding: 0 3px;
      border-radius: 3px;
    }
    .Architects-blue-section .Architects-main-img {
      width: 74%;
      max-width: 310px;
      margin: 28px auto 0 auto;
      display: block;
    }
    @media (max-width: 600px) {
      /* .heading-block { padding-left: 7px; padding-right: 7px; } */
      .Architects-cards-vertical { 
        /* padding-left: 2px; padding-right: 2px; */
        margin:20px 15px;
       }
    }
    @media (min-width: 524px) {
      /* .section-container { max-width: 430px; margin: 0 auto; } */
      .Architects-cards-vertical { padding: 0 22px; }
      .Architects-blue-section { padding: 64px 22px 0 22px; }
    }
    .Architects-card-vertical p{
      font-size:15px;
    }

    .MentorInner {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  /* background: #fff; */
  min-height: 320px;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(0,42,121,0.04);
  transition: box-shadow 0.3s;
  outline: none;
}
/* .MentorInner:focus {
  box-shadow: 0 0 0 2px #1761e4;
} */
.MentorInner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

/* Overlay hidden by default */
.Mentor-content {
  position: absolute;
  inset: 0;
  /* background: #003580ee; */
  background: linear-gradient(90deg, #0D75FE 0%, #035ACD 100%);
  color: #fff;
  padding: 22px 18px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  gap:10px;
}

/* Show overlay on hover (mouse) and focus (keyboard) */
.MentorInner:hover .Mentor-content,
.MentorInner:focus .Mentor-content,
.MentorInner.active .Mentor-content {
  opacity: 1;
  visibility: visible;
}
.MentorInner:hover img,
.MentorInner:focus img,
.MentorInner.active img {
  opacity: 0;
}

/* Responsive: cards stack vertically on mobile/tablet */
@media (max-width: 991px) {
  .whyLearn .col-lg-3, .whyLearn .col-md-6, .whyLearn .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .MentorInner {
    min-height: 210px;
    margin-bottom: 16px;
  }
}
/* architecture Advanced end */




/* new version form code start */
            .form-modal-civil {
            display: none;
            position: fixed;
            top: 0; 
            left: 0;
            width: 100vw; 
            height: 100vh;
            background: rgba(0,0,0,0.54);
            z-index: 9999;
            justify-content: center;
            align-items: center;
            overflow-y: auto;   /* ✅ allow scroll */
           padding: 20px 10px; /* ✅ add breathing room */
        }
        .form-modal-civil.active {
            display: flex;
        }
        .form-content {
            border-radius: 22px;
            box-shadow: 0 7px 38px rgba(21,96,205,0.12);
            max-width: 800px;
            width: 95vw;
            margin: 0 auto;
            padding: 0;
            position: relative;
        }
        .form-close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 28px;
            color: #1560cd;
            cursor: pointer;
            z-index: 10;
            font-weight: bold;
            background: rgba(255,255,255,0.95);
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        }
        .form-close-btn:hover {
            background: rgba(255,255,255,1);
            transform: scale(1.05);
        }

        .course-form-container {
            display: flex;
            max-width: 980px;
            margin: 0 auto;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 7px 38px rgba(21,96,205,0.08);
        }
        
        .course-info-section {
            background-image: url('https://www.technostructacademy.com/uploads/home/complete/Group-1342.png');
            background-repeat: no-repeat;
            background-size: cover;
            width: 50%;
        }
        
        .course-info {
            color: #fff;
            padding: 38px 32px 34px 34px;
            /* font-family: 'Segoe UI', 'Helvetica', sans-serif; */
            margin: 20px 12px;
        }
        /* .course-info .highlight {
            color: #fae100;
            font-weight: 600;
        } */
        .course-info h3 {
            font-size: 1.25em;
            margin-bottom: 24px;
            line-height: 1.27em;
        }
        .course-benefits {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .course-benefits li {
            margin-bottom: 15px;
            font-size: 1em;
            padding-left: 23px;
            position: relative;
        }
        .course-benefits li:before {
            content: "✔";
            position: absolute;
            left: 0;
            color: #ffffff;
            font-size: 1em;
            width: 25px;
            height: 25px;
            text-align: center;
            background-color:#0347a8;
            border-radius:50px;
        }
        
        .course-form-section {
            background-color: #E9F2FF;
            width: 50%;
        }
        
        .course-form {
            background: #ffffff;
            padding: 32px 28px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 50px 30px;
            border-radius: 15px;
        }
        .course-form form {
            display: flex;
            flex-direction: column;
            gap: 6px; /* Reduced gap between inputs */
        }
        .course-form h4 {
            color: #000000;
            font-weight: 600;
            font-size: 1.07em;
            margin-bottom: 14px;
            text-align:center;
        }
        .course-form input,
        .course-form select,
        .course-form button {
            padding: 11px 12px;
            border-radius: 6px;
            border: 1px solid #b9c8ed;
            font-size: 1em;
            margin-bottom: 0;
        }
        .course-form input:focus,
        .course-form select:focus {
            outline: 2px solid #1560cd;
        }
        .course-form button {
            background: #1769d4;
            border: none;
            color: #fff;
            font-weight: 600;
            letter-spacing: 0.03em;
            font-size: 1em;
            cursor: pointer;
            margin-top: 8px;
            transition: background 0.19s;
        }
        .course-form button:hover {
            background: #1560cd;
        }
        .checkbox-label {
            font-size: 9px;
            color: #404040;
            /* display: flex;
            align-items: flex-start; */
            margin-top: 3px;
            /* text-align:center; */
        }
        .checkbox-label input[type="checkbox"] {
            margin-right: 7px;
            margin-top: 2px;
            flex-shrink: 0;
        }

        /* Intl-tel-input overrides to match form styling */
        .iti {
            width: 100%;
        }
        .iti__country-list {
            z-index: 10000;
        }

        /* Media queries */
        @media (max-width: 900px) {
            .course-form-container {
                flex-direction: column;
                border-radius: 0;
                box-shadow: none;
                max-width: 100%;
                background: none;
            }
            .course-info-section {
                order: 2;
                width: 100%;
            }
            .course-info {
                border-radius: 0 0 18px 18px;
                padding: 24px 12px 22px 14px;
                font-size: 1em;
            }
            .course-form-section {
                order: 1;
                width: 100%;
            }
            .course-form {
                border-radius: 0 0 0 0;
                padding: 22px 10px 17px 10px;
            }
            .form-close-btn {
                top: 8px;
                right: 12px;
                font-size: 24px;
                width: 30px;
                height: 30px;
            }
        }
        @media (max-width: 540px) {
            .course-form form {
                gap: 5px; /* Even smaller gap on mobile */
            }
            .course-form h4, .course-info h3 {
                font-size: 1em;
            }
            .course-benefits li {
                font-size: 0.97em;
                margin-bottom: 10px;
            }
            .course-form {
                padding: 14px 5px;
            }
            .form-modal-civil {
              align-items: flex-start;  /* ✅ push to top */
              padding: 15px 10px;       /* ✅ prevent cutoff */
            }
            .form-content {
              max-width: 100%;
              margin: 0 auto;
            }
            .course-form {
              padding: 35px 23px;
              margin: 25px 15px;
              border-radius: 10px;
            }
            .course-info-section{
              background-color: #0455bf;
            }
             .course-info{
               padding: 14px 15px;
             }
        }
        .course-info h3:after{
            content: "";
            width: 28%;
            height: 1px;
            color: red;
            position: absolute;
            background-color: #73E2E6;
            margin-left: -115px;
            top: 182px;
        }
/* new version form code end */