.custom-mega-menu.mega-menu {
    position: relative;
    font-family: Arial, sans-serif;
	margin-right: 40px;
}


.custom-mega-menu .dropdown-toggle {
    padding: 20px 0px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	color:#fff;
}

.custom-mega-menu .arrow {
    font-size: 12px;
    transition: transform 0.3s;
}

.custom-mega-menu .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 462px;
    border: 1px solid #F9FAFC;
    background: #fff;
    z-index: 1000;
	/*padding: 20px 21px;*/
	border-radius: 10px;
	box-shadow: 0 1px 23.6px -4px rgba(0, 0, 0, 0.25);
}

.custom-mega-menu .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-mega-menu .dropdown-menu li {
    border-bottom: 1px solid #F9FAFC;
	/*margin-bottom: 12px !important;
   padding-bottom: 12px;*/
}

.custom-mega-menu .dropdown-menu li:last-child {
    border-bottom: none;
}

.custom-mega-menu .dropdown-menu a,.custom-mega-menu  .dropdown-menu button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 10px;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
	padding: 20px 21px;
}

.custom-mega-menu .dropdown-menu a:hover,.custom-mega-menu  .dropdown-menu button:hover {
    background: #F9FAFC;
}

.custom-mega-menu .menu-text {
    margin-left: 10px;
	text-align: left;
}

.custom-mega-menu .menu-text h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
	letter-spacing: 0.3px;
	color: var(--BLACK, #000);
	font-family: "Hero New";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.32px;	
}

.custom-mega-menu .menu-text p {
    margin: 0;
    font-size: 12px;
    color: #666;
	color: var(--BLACK, #000);
  /*font-family: "Hero New";*/
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.custom-mega-menu .active a {
    background: #00D1FF;
}

.about-why-hire h2{font-size: 48px;letter-spacing: 10%;}
.about-why-hire .textwhite{line-height: 151%;color: #000;font-size: 18px;}
.about-why-hire .right-box{display: flex;flex-direction: column;justify-content: space-around;}
.about-why-hire .left-box{display: flex;flex-direction: column;justify-content: space-around;padding-left:80px}
#aboutus.features-section-two{margin-top: -180px;padding-top: 100px;}
.secondbar{/*display:none*/}
.main-header,.main-header.alternate{background: #08003C;}
.main-header .logo,.main-header.alternate .logo{padding: 0px 0;}
.main-header.alternate .nav-outer{width: auto;padding-left: 0px;}
.homepage .background-layer{background-color: #fff;}
.homepage .banner-box .upper-heading .typed-words{color: var(--BLACK, #000);font-family: Coolvetica;font-size: 48px;font-style: normal;font-weight: 400;line-height: 0%; /* 0 */letter-spacing: 0.96px;}
.homepage .banner-box .upper-heading .typed-words .important{color: var(--LILAC, #8253FF) !important;}
.homepage .banner-box .upper-heading p{color: var(--BLACK, #000);font-family: "Hero New";font-size: 16px;font-style: normal;font-weight: 300;line-height: 150.6%;max-width: 90%;}
.homepage .banner-box .upper-heading p .important{color: var(--LILAC, #8253FF) !important;}
.homepage .banner-box .reversedImage {display: flex;justify-content: right;gap: 50px;}
.homepage .banner-box {/*max-width:100%*/max-width: 1550px;}
.homepage .banner-box .upper-heading{padding-right: 150px;}
.homepage .banner-box .upper-heading h1{line-height: 50px;}
.homepage .banner-box .left-box{/*padding-top: 50px;*/padding-left: 0px;}
.homepage .popularseraches button{color: var(--BLACK, #000);text-align: center;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;border-radius: 100px;border: 1px solid var(--BLACK, #000);padding-top: 18px;padding-bottom: 18px;}
.homepage .popularseraches strong{color: var(--BLACK, #000);font-family: "Hero New";font-style: normal;font-weight: 300;line-height: 150.6%;font-size: 14px; /* 18.072px */}
.homepage .popularseraches a{color: var(--BLACK, #000);font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 500;line-height: 150.6%;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.homepage .banner-box .right-box{z-index: 1 !important;}
.homepage .search_form input{padding-left: 35px;border-radius: 100px;border-radius: 100px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;border: 1px solid var(--DARK-GREY, #B9B9B9);background: var(--WHITE, #FFF);float: left;width: 75%;border-radius: 100px;border-top-right-radius: 0px; border-bottom-right-radius: 0px;height: 48px;font-style: italic;}
.homepage .search_form button{float: right;width: 25%;border-top-left-radius: 0px;border-bottom-left-radius: 0px;height: 48px;z-index: 0;}
.homepage .search_form button .flaticon-search{left: 10px !important;right: unset !important;display: flex;flex-direction: row-reverse;color: #08003C;}
.homepage .search_form button .flaticon-search::before{padding-left: 10px;color: #08003C;font-size: 16px;}
.homepage .listing-search-form{border-radius: 0 20px 20px 20px; border: 1px solid var(--DARK-GREY, #B9B9B9); background: var(--WHITE, #FFF);padding:15px ;margin-top: -1px;}
.homepage .listing-search-form form{padding-left: 0px;}
.homepage .search_tabs{margin-bottom:0px;z-index: 9;}
.homepage .search_tabs .keyword_search_tab,.homepage .search_tabs .student_search_tab{float: left;margin-bottom:0px;padding:0px;margin-right: 10px !important;margin-top: -1px;}
.homepage .search_tabs .keyword_search_tab a,.homepage .search_tabs .student_search_tab a{padding: 10px;width: 100%;display: inline-block;color: var(--BLACK, #000);font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 300;line-height: 150.6%;border: 1px solid #B9B9B9;border-radius: 10px 10px 0px 0px;}
.homepage .search_tabs a{background:#efefef;border-bottom: 1px solid #B9B9B9;}
.homepage .search_tabs a.active{background:#fff;border-bottom: 1px solid #fff;}
.homepage .search_form button .flaticon-search:hover{color: #fff;}
.homepage .search_form button .flaticon-search:hover::before{color: #fff;}

.homepage .popularseraches{margin-top:10px}
.homepage .banner-box .upper-heading{margin-bottom: 20px;}
.homepage.france .banner-box .upper-heading{padding-right: 50px;}


#popupModal .default-form select option:disabled {
  background-color: #d3d3d3; /* light grey */
  color: #666; /* text color change bhi kar sakte ho */
}
	
.student-info-box .student-main-info{
  position: relative; /* overlay ke liye */
  filter: blur(6px); /* blur effect */
  pointer-events: none; /* blur ke andar ke content ko click na ho */
}

.student-info-box .student-overlay-login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	 width: 100%;
    display: flex;
    justify-content: center;
}

.student-info-box .student-overlay-login a {
	background: #007bff;
	color: #fff;
	border: none;
	padding: 12px 25px;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
	    border-radius: 100px;
    background: var(--BLUE, #08003C);
    color: var(--WHITE, #FFF);
    text-align: center;
    font-family: "Hero New";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.student-info-box .student-overlay-login a:hover {
	background: #0056b3;
}

.startup_page_about{margin-top: 0px !important;padding: 60px 0 30px;}

.blurred {
    filter: blur(6px);
    pointer-events: none; /* koi click na ho */
}
.student-cover-img{border-radius: 100px !important;object-fit: cover !important;width: 115px !important;}
#customLoginPopup{width: 800px;border-radius: 40px;background: var(--WHITE, #FFF);box-shadow: 0 0 115.4px -32px rgba(0, 0, 0, 0.40);}
#customLoginPopup .modal-body,#customLoginPopup  .shop-item,#customLoginPopup  .left-box{padding: 0px;}
#customLoginPopup .top_heading{color: var(--BLACK, #000);font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 1.4px;padding-bottom: 22px;padding-top: 20px;}
#customLoginPopup .heading{color: var(--BLUE, #08003C);font-family: Coolvetica;font-size: 32px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 3.2px;padding-bottom: 14px;}
#customLoginPopup .description{color: var(--BLACK, #000);font-family: "Hero New";font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 2px;}
#customLoginPopup .content{padding: 56px;}
#customLoginPopup .btn-box{padding: 56px;padding-top: 36px;}
#customLoginPopup .btn{border-radius: 100px;background: var(--DARK-GREY, #B9B9B9);color: var(--WHITE, #FFF);text-align: center;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;padding: 10px 25px;}
#customLoginPopup .btn.started_btn{background: var(--BLUE, #08003C);}
#customLoginPopup .btn.return_btn{background: var(--BLUE, #B9B9B9);}
#customLoginPopup .close_btn_box{float: right;margin-right: 20px;margin-top: 20px;}
#customLoginPopup .close_btn_box img{width: 20px;}


#welcomeMessagePopup{width: 690px;border-radius: 40px;background: var(--WHITE, #FFF);box-shadow: 0 0 115.4px -32px rgba(0, 0, 0, 0.40);}
#welcomeMessagePopup .modal-body,#welcomeMessagePopup  .shop-item,#welcomeMessagePopup  .left-box{padding: 0px;}
#welcomeMessagePopup .top_heading{color: var(--BLACK, #000);font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 1.4px;padding-bottom: 22px;padding-top: 20px;}
#welcomeMessagePopup .message{color: var(--BLUE, #08003C);font-family: Coolvetica;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 3.2px;padding-bottom: 30px;    font-size: 32px;}
#welcomeMessagePopup .source{color: var(--BLACK, #000);font-family: "Hero New";font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 2px;}
#welcomeMessagePopup .content{padding: 56px;}
#welcomeMessagePopup .btn-box{padding: 56px;padding-top: 36px;padding-left:0px;padding: 0;padding-top: 56px;}
#welcomeMessagePopup .btn{border-radius: 100px;background: var(--DARK-GREY, #B9B9B9);color: var(--WHITE, #FFF);text-align: center;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;padding: 10px 25px;}
#welcomeMessagePopup .btn.started_btn{background: var(--BLUE, #08003C);}
#welcomeMessagePopup .btn.return_btn{background: var(--BLUE, #B9B9B9);}
#welcomeMessagePopup .close_btn_box{float: right;margin-right: 20px;margin-top: 20px;}
#welcomeMessagePopup .close_btn_box img{width: 20px;}

.invite_students_btn{background: #00D1FF;color: #021f4a;border-color: #00D1FF;}
.invite_students_btn:hover{background: #021f4a;color: #00D1FF;border-color: #00D1FF;}
.my-invitations-page{padding: 45px;background: #fff;border-radius: 20px;}
.my-invitations-list .table{background:#fff}
.my-invitations-list .table img{width: 30px;padding: 7px;background: #efefef;border-radius: 100px;}
.my-invitations-list .table th{color: var(--BLACK, #000);font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.28px;border-bottom:0px;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #000;border-top: none;}
.my-invitations-list .table td{color: var(--BLACK, #000);font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 0.28px;border-bottom: 1px solid #000;line-height: 2.5;}
.my-invitations-list .table td strong{color: var(--BLACK, #000);font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.28px;}
.user-sidebar .sidebar-header{text-align: left;align-items: baseline;}
.user-sidebar .sidebar-header .user-name{color: var(--BLACK, #000);font-family: Coolvetica;font-size: 20px;font-style: normal;font-weight: 400;line-height: 100%; /* 20px */letter-spacing: 1px;}
.bar-item .skill-bar .bar-inner .bar.complete-profile{border-color:#65ECCA}

.student-profile-process b{font-family: "Hero New";font-size: 13px;font-style: normal;line-height: normal;font-weight:300;;color: #08003c !important;}
.student-profile-process .progressionOK span{font-weight:600;color: #08003c !important;display: block !important;}
.student-profile-process .progressionNotOk{color: #F05F87 !important;font-weight: 600 !important;}


/*.student-section .circle-progress-wrapper {
	width: 100px;
	height: 100px;
	margin: auto;
}

.student-section .circular-chart {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.student-section .circle-bg {
	fill: none;
	stroke: #eeeeee; 
	stroke-width: 3.8;
}

.student-section .circle-progress {
	fill: none;
	stroke: #45ECCA; 
	stroke-width: 3.8;
	stroke-linecap: round;
	transition: stroke-dasharray 0.6s ease;
}

.student-section .percentage-text {
	fill: #45ECCA;
	font-size: 0.5em;
	text-anchor: middle;
	dominant-baseline: middle;
}*/

.student-section .progress-bar-box{display: flex;align-items: center;}
.student-section .progress-bars {margin-top: 10px;}
.student-section .circular-progress {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(
    #45ECCA 0% 60%, /* Green for 60% */
    #eeeeee 60% 100% /* Gray for remaining */
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 20px;
}

.student-section .inner-circle {
  width: 75%;
  height: 75%;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.student-section .percentage {
  font-weight: bold;
  color: var(--BLACK, #000);
  text-align: center;
  font-family: "Hero New";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.dashboard .user-dashboard .dashboard-outer{  background: #fff;background: #fff;margin: 60px 70px;border-radius: 20px;}
.dashboard .user-dashboard .dashboard-outer .user-info-box h4{color: var(--BLUE, #08003C);font-family: Coolvetica;font-size: 40px;font-style: normal;font-weight: 400;line-height: 100%; /* 40px */letter-spacing: 2px;text-align: left;}
.dashboard .user-dashboard .dashboard-outer .user-info-box p{text-align: left;color: var(--BLUE, #08003C);font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 0.84px;}
.dashboard .user-dashboard .dashboard-outer .other-boxes .ui-item,.dashboard .user-dashboard .dashboard-outer .user-info-box{border-radius: 10px;padding-left: 30px;padding-right: 30px;}
.dashboard .user-dashboard .dashboard-outer .other-boxes{margin-top:20px}
.dashboard .user-dashboard .dashboard-outer .other-boxes.profile-visibility{margin-top:0px}
.dashboard .user-dashboard .dashboard-outer .other-boxes.profile-visibility .ui-item{padding: inherit;}
.dashboard .user-dashboard .dashboard-outer .other-boxes h4{
	text-align: center;
	font-family: Coolvetica;
	font-size: 64px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 64px */
	letter-spacing: 3.2px;
}
.dashboard .user-dashboard .dashboard-outer .other-boxes p{
text-align: center;font-family: Coolvetica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; 
letter-spacing: 1px;}

.dashboard .user-dashboard .dashboard-outer .other-boxes.profile-visibility h4{font-size: 48px;letter-spacing: 2.4px;}
.dashboard .user-dashboard .dashboard-outer .other-boxes .left{padding-top: 10px;}
.dashboard .user-dashboard .dashboard-outer .other-boxes.expired_package h4{display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;}
.dashboard .user-dashboard .dashboard-outer .other-boxes.expired_package h4 span{
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 300 !important;
line-height: 100%; /* 24px */
letter-spacing: 1.2px;}

.custom-options{ background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 15px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4l3 3 3-3' stroke='%23777' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-appearance: none;
  }
  
.invoices-page .table input[type="checkbox"] {cursor: pointer;}
.invoices-page  .status_box .status_paid{border-radius: 100px;background: var(--GREEN, #65ECCA);padding: 3px 20px;}
.invoices-page  .status_box .status_unpaid{border-radius: 100px;background: var(--GREEN, #F51E59);padding: 3px 20px;color:#fff}
.invoices-page  .download_all_invoices{border-radius: 100px;background: var(--BLUE, #08003C);padding: 6px 17px;color: #fff; color: var(--WHITE, #FFF);text-align: center;font-family: "Hero New";font-style: normal;font-weight: 600;line-height: normal;display: flex;justify-content: center;align-items: center;width: 135px;float: right;gap: 5px;}
.invoices-page  .download_all_invoices img{background: transparent;border-radius: 0px;width: 16px;padding: 0;}

/******* start up crousal ********/
.startup_carousel_section{padding-top: 100px;}
/*.startup_carousel .carousel-container {
  position: relative; 
  width: 90%; 
  max-width: 1200px;
}

.startup_carousel  .accordion-carousel {
  display: flex;
  width: 100%;
  height: 230px;
  overflow: hidden; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.startup_carousel  .panel {
  flex: 1;
  transition: all 0.5s ease-in-out;
  padding: 20px;
  color: white;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  padding-top: 45px;
	padding-left: 25px;
  padding-right: 90px;
  padding-bottom: 10px;
}

.startup_carousel  .panel.active {
  flex: 2.5; 
  padding-left: 45px;
  padding-right: 45px;
}

.startup_carousel .panel:not(.active) {
  flex: 0.7; 
}

.startup_carousel  .panel-title {
  
  white-space: normal;
  z-index: 10;
  width: 100%;
  color: var(--WHITE, #000);
	font-family: Coolvetica;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 103.576% !important; 
	letter-spacing: 1.2px;
	margin-bottom: 10px;
}

.startup_carousel  .panel-content {
 
	opacity: 0.85;
	
	margin-bottom: 0.5em;
	color: var(--WHITE, #000);
	font-family: "Hero New";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150.6% !important;
}

.startup_carousel .benifits_1 .panel-title,.startup_carousel .benifits_1 .panel-content{color: var(--WHITE, #fff);}

.startup_carousel  .panel:not(.active) .panel-content {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}


.startup_carousel  .carousel-nav {
  position: absolute;
  top: 0;
  right: -50px; 
  height: 100%;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EFEFEF; 
}

.startup_carousel  .nav-arrow {
  background-color: #EFEFEF;
  border: 1px solid #EFEFEF;
  color: #333;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  font-size: 1.5rem;
  line-height: 1;
  transition: background-color 0.3s;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}*/
	
/*
:root {
  --height: calc( 40vh - 50px );
  --width: 450px;
}

.startup_carousel .carousel__item.color-1{background:#08003C !important}
.startup_carousel .carousel__item.color-2{background:#00D1FF !important}
.startup_carousel .carousel__item.color-3{background:#8253FF !important}
.startup_carousel .carousel__item.color-4{background:#FEC653 !important}
.startup_carousel .carousel__item.color-5{background:#F05F87 !important}
.startup_carousel .carousel__item.color-6{background:#08003C !important}
.startup_carousel .carousel__item.color-7{background:#00D1FF !important}
.startup_carousel .carousel__item.color-8{background:#8253FF !important}


.startup_carousel.carousel {
  display: grid;
  transform: translate3d(0,0,0.1px);
}
.startup_carousel .carousel__list {
  display: flex;
  overflow: hidden;
  list-style: none;
  padding: 2em 0 3em;
  margin: 0;
  contain: layout;
  isolation: isolate;
}
.startup_carousel .carousel__item {
  display: grid;
  position: relative;
  align-content: start;
  margin: 0;
  padding: 0;
  flex: 1 1 10%;
  height: var(--height);
  overflow: hidden;
  background: rgba(255,255,255,0.2);
  border-radius: 0px;
  transform: translate3d(0,0,0.1px);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 15px 2px, rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  contain: layout;
  isolation: isolate;
  box-shadow: none;
  border-radius: 0px;
  background: red;
}
.startup_carousel .carousel__item,
.startup_carousel .carousel__item * {
  transition: all .6s cubic-bezier(.55,.24,.18,1);
  user-select: none;
}
.startup_carousel .carousel__image,
.startup_carousel .carousel__contents {
  width: var(--width);
  height: auto;
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 10px;
}
.startup_carousel .carousel__item:hover {
  flex-basis: calc( var(--width) / 2 );
  transition: all 0.3s ease;
}
.startup_carousel .carousel__item[data-active] {
  flex-basis: var(--width);
  flex-grow: 0;
}
@media screen and (max-width: 800px) {
.startup_carousel .carousel__item {
      flex-basis: 15%;
  }
}
@media screen and (max-width: 600px) {
  
.startup_carousel  .carousel__item {
      flex-basis: 10%;
      margin: 0 5px;
      border-radius: 8px;
      font-size: 3vw;
  }
  
.startup_carousel   .carousel__item[data-active] {
      flex-basis: 45%;
      flex-grow: 0;
  }
 .startup_carousel  .carousel__item:nth-child(3),
 .startup_carousel  .carousel__item:nth-child(7) {
      flex: 0 0 10px;
  }
 .startup_carousel  .carousel__item:nth-child(2),
 .startup_carousel  .carousel__item:nth-child(8) {
      flex: 0 0 5px;
      transform: translateX(-50px);
  }
.startup_carousel   .carousel__item:nth-child(8) {
      transform: translateX(50px);
  }
 .startup_carousel  .carousel__item:nth-child( 1 ),
 .startup_carousel  .carousel__item:nth-child( n + 9 ) {
      flex: 0 0 0px;
      margin: 0;
      box-shadow: none;
      opacity: 0!important;
  }
.startup_carousel   .carousel__item:not(:nth-child( n + 5 )) img,
 .startup_carousel  .carousel__item:nth-child( n + 7 ) img {
      opacity: 0.8;
  }
.startup_carousel   .carousel__item:not(:nth-child( n + 4 )) *,
 .startup_carousel  .carousel__item:nth-child( n + 7 ) * {
      opacity: 0!important;
  }
  
}
@media screen and (min-width: 600px) {
.startup_carousel   .carousel__item:nth-child(3),
.startup_carousel   .carousel__item:nth-child(10) {
      flex: 0 0 10px;
  }
 .startup_carousel  .carousel__item:nth-child(2),
 .startup_carousel  .carousel__item:nth-child(11) {
      flex: 0 0 5px;
      transform: translateX(-50px);
  }
 .startup_carousel  .carousel__item:nth-child(11) {
      transform: translateX(50px);
  }
.startup_carousel   .carousel__item:nth-child( 1 ),
.startup_carousel   .carousel__item:nth-child( n + 12 ) {
      flex: 0 0 0px;
      margin: 0;
      box-shadow: none;
      opacity: 0!important;
  }
 .startup_carousel  .carousel__item:not(:nth-child( n + 5 )) img,
.startup_carousel   .carousel__item:nth-child( n + 9 ) img {
      opacity: 0.8;
  }
 .startup_carousel  .carousel__item:not(:nth-child( n + 4 )) *,
 .startup_carousel  .carousel__item:nth-child( n + 10 ) * {
      opacity: 0!important;
  }
  
}
.startup_carousel .carousel__item img {
  display: block;
  position: absolute;
  width: var(--width);
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  aspect-ratio: 2/3;
  object-fit: cover;
  filter: saturate(0.2) contrast(0.75) brightness(1.1);
}
.startup_carousel .carousel__item::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  background: linear-gradient(160deg, rgba(2,0,36,0) 40%, rgba(118,221,136,.5) 70%, rgba(0,255,246,.6) 100%);
  transition: all .66s cubic-bezier(.55,.24,.18,1);
  background: none !important;
}
.startup_carousel .carousel__item[data-active]::after {
  transform: translateY(100%);
}
.startup_carousel .carousel__item[data-active],
.startup_carousel .carousel__item[data-active] * {
  opacity: 1;
  filter: none;
}
.startup_carousel .carousel__contents {
  display: flex;
  flex-direction: column-reverse;
  justify-content: start;
  min-height: 200px;
  padding: 45px;
  z-index: 2;
  background-image: radial-gradient( ellipse at 0px 0px, rgba(0,0,0,0.4) 20%, transparent 50% );
  background-size: 170% 200px;
  background-repeat: no-repeat;
  position: absolute;
  top: 40px;
  left: 0;
  background: none !important;
}


.startup_carousel .carousel__image .user__name {
  
	color: var(--WHITE, #FFF);
	font-family: Coolvetica;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 103.576% !important; 
	letter-spacing: 1.2px;
}
.startup_carousel .carousel__contents .user__title {

  opacity: 0.85;
  text-wrap: balance;
  margin-bottom: 0.5em;
  color: var(--WHITE, #FFF);
font-family: "Hero New";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150.6% !important; 
}
.startup_carousel .carousel__contents .user__title{
  margin: 0;
  line-height: 1.1;
  opacity: 0;
  transform: translateX(-200px);
  transition-duration: 1s;
  max-width: 100%;
}
@media screen and (max-width: 800px) {
 .startup_carousel  .carousel__item img {
      width: calc(var(--width) * .5);
  }
 .startup_carousel  .carousel__contents {
      transform: translateX(-100%) rotate(90deg);
      transform-origin: bottom right;
      align-items: end;
      justify-content: end;
      background-image: radial-gradient( ellipse at 100% 100%, rgba(0, 0, 0,.4) 0%, transparent 50% );
      background-position: -100% 100%;
      flex-direction: column;
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: right;
  }
  [data-active] .carousel__contents {
      background-position: 100% 100%;
  }
.startup_carousel   .carousel__contents .user__title,
 .startup_carousel  .carousel__contents .user__name {
      max-width: 70vh;
      transform: translateX(200px);
  }
}
.startup_carousel [data-active] .carousel__contents * {
  transform: translateX(0px); 
  transition-duration: 0.66s;
  opacity: 1;
}
.startup_carousel [data-active] .carousel__contents .user__name {
  transition-delay: 0.1s;
}
.startup_carousel [data-active] .carousel__contents .user__title {
  opacity: 0.85; 
  transition-delay: 0.05s;
}

.startup_carousel .carousel__nav {
  padding: 1em;
  justify-self: end;
  grid-row: 1;
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
.startup_carousel button {
  display: flex;
  gap: .5em;
  padding: 0.5em 1.5em;
}
.startup_carousel button span,
.startup_carousel button svg {
  margin: 0;
  padding: 0;
  fill: none;
}
.startup_carousel button path {
  fill: currentColor;
}*/

 .startup_carousel .carousel-container {
	position: relative;
	width: 1140px; 
	max-width: 1120px; 
	overflow: hidden;
}

.startup_carousel .accordion-carousel {
	display: flex;
	width: 2000px; 
	height: 240px;
	transition: transform 0.6s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.startup_carousel .panel {
	width: 187px;
	flex-shrink: 0; 
	transition: all 0.5s ease-in-out;
	padding: 20px;
	color: white;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	padding-top: 45px;
	padding-left: 25px;
	padding-right: 90px;
	padding-bottom: 10px;
	box-sizing: border-box;
}

/* --- Panel Colors --- (Unchanged) */
/*.startup_carousel .panel[data-index="1"] { background: #1a004b; }
.startup_carousel .panel[data-index="2"] { background: #ff6699; }
.startup_carousel .panel[data-index="3"] { background: #ffcc00; color: #000; }
.startup_carousel .panel[data-index="4"] { background: #7b16ff; }
.startup_carousel .panel[data-index="5"] { background: #00bfff; }
.startup_carousel .panel[data-index="6"] { background: #28a745; }
.startup_carousel .panel[data-index="7"] { background: #ff5722; }
.startup_carousel .panel[data-index="8"] { background: #9c27b0; }*/

/* Active Panel Width: 500px (2 गुना) */
.startup_carousel .panel.active {
	width: 374px; 
	padding-left: 45px;
	padding-right: 45px;
}

/* Content Styling (Unchanged) */
.startup_carousel .panel-title {
	white-space: normal;
	z-index: 10;
	width: 100%;
	font-size: 24px;
	font-weight: 400;
	line-height: 103.576% !important;
	letter-spacing: 1.2px;
	margin-bottom: 10px;
	width: 95%;
}

.startup_carousel .panel-content {
	opacity: 0.85;
	margin-bottom: 0.5em;
	font-size: 14px;
	font-weight: 300;
	line-height: 150.6% !important;
	width: 95%;
}

.startup_carousel .panel[data-index="3"] .panel-title,
.startup_carousel .panel[data-index="3"] .panel-content { color: #000; }
.startup_carousel .panel:not([data-index="3"]) .panel-title,
.startup_carousel .panel:not([data-index="3"]) .panel-content { color: #fff; }

.startup_carousel .panel:not(.active) .panel-content {
	max-height: 0;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
}

/* --- Navigation --- */
.startup_carousel .carousel-nav {
	position: absolute;
	top: 0; 
	right: 0; 
	height: 100%;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: flex-end; 
	pointer-events: none;
	z-index: 0;
}

.startup_carousel .nav-controls {
	position: relative;
	width: 50px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 0px;  
	pointer-events: all;
	 background-color: #EFEFEF;
}

.startup_carousel .nav-arrow {
	position: absolute; 
	background-color: #EFEFEF;
	color: #333;
	padding: 10px;
	cursor: pointer;
	border-radius: 50%;
	font-size: 1.5rem;
	line-height: 1;
	transition: background-color 0.3s;
	width: 40px;
	height: 40px;
	display: none; 
	align-items: center;
	justify-content: center;
	border: none;
}

.startup_carousel .carousel-nav{position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 9;
  margin-right: -60px;}

.custom-btn-1{border-radius: 100px;background: var(--LIGHT-BLUE, #00D1FF);color: var(--BLACK, #000);text-align: center;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;padding: 10px 30px !important;}
.custom-btn-2{border-radius: 100px;background: var(--BLUE, #08003C);color: var(--WHITE, #FFF);text-align: center;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;padding: 10px 30px !important;}
.custom-btn-1:hover{background: var(--BLUE, #08003C);color: #00D1FF;border-color: var(--BLUE, #08003C);}
.custom-btn-2:hover{background: var(--LIGHT-BLUE, #00D1FF);color: var(--BLACK, #000);border-color: var(--LIGHT-BLUE, #00D1FF);}

.single_job_offer.custom_job_inactive .inner-box{background: transparent;box-shadow: none;border: 1px solid #B9B9B9;padding: 20px;}
.single_job_offer.custom_job_active{box-shadow: none;}
.single_job_offer.custom_job_active .inner-box{box-shadow: none;padding: 20px;}
.single_job_offer .bottom-box .places .place{display: flex;gap: 5px;}
.single_job_offer .bottom-box .places .img-icon{width: 24px;height: 24px;background: #ededed;padding: 7px;border-radius: 100px;}
.single_job_offer .bottom-box .places .img-icon img{padding: 0px;display: block;}
.single_job_offer .bottom-box .places .place.renumeration .img-icon img{max-width: 8px;}
.single_job_offer .tags .info-tag{background: transparent !important;border: 1px solid #000;color: var(--BLUE, #08003C);text-align: center;font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;}
.single_job_offer .tags .featured-tag{background: #8253FF !important;border: 1px solid #8253FF;color: var(--BLUE, #fff);text-align: center;font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;}
.single_job_offer .tags .urgent-tag{background: #F51E59 !important;border: 1px solid #F51E59;color: var(--BLUE, #fff);text-align: center;font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;}
.single_job_offer .upper-box .info li{color: var(--BLACK, #000);font-family: "Hero New";font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 0.6px;}
.single_job_offer .upper-box .info li svg{margin-top: -3px;}
.single_job_offer .upper-box h3{margin-bottom:10px;width: 50%;}
.single_job_offer.action_not_apply  .upper-box h3{margin-bottom:10px;width: 100%;}
.single_job_offer .upper-box h3 a{color: var(--BLUE, #08003C);font-family: Coolvetica;font-size: 18px;font-weight: 400;line-height: normal;letter-spacing: 1.8px;}
.single_job_offer .upper-box .tags span{color: var(--BLUE, #08003C) !important;text-align: center;font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;background: transparent !important;}
.single_job_offer span.job_action_btns{background: #08003C !important;width: 30px;height: 30px;}
.single_job_offer span.job_action_btns.show-icon svg{margin-left: -9px;margin-top: 1px;}
.single_job_offer span.job_action_btns.hide-icon svg{margin-left: -6px;margin-top: 1px;}
.single_job_offer .upper-box .tags span a{color:var(--BLUE, #08003C) !important}
.homepage.france .search_form button .flaticon-search{left: -2px !important;font-size: 14px;}
.main-menu .navigation > li,.custom-mega-menu.mega-menu{margin-left: 0px; margin-right: 40px;}
.secondbar{top: 60px;border-bottom: 1px solid #B9B9B9;}
.secondbar.home-page-bar a{color: var(--BLACK, #000) !important;font-family: "Hero New";font-size: 12px;font-style: normal;font-weight: 600;line-height: 150.6%; /* 18.072px */}
.secondbar.home-page-bar a:hover{color: #8253FF !important;}
.secondbar svg{margin-top: -3px;margin-right: 3px;}
.secondbar .secondblue svg path{fill: #00D1FF;}
.secondbar .important svg path{fill: rgb(254, 198, 83);}
.secondbar.home-page-bar svg path {fill: #000;}
.secondbar .secondblue:hover  svg path{fill: #fff;}
.secondbar .important:hover  svg path{fill: #fff;}
.secondbar.home-page-bar a:hover  svg path{fill: #8253FF;}

.custom-checkout-page .title{color: var(--BLACK, #000);font-family: "Hero New";font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.4px;}
.custom-checkout-page .checkout-form .field-label{color: var(--BLACK, #000) !important;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 0.28px;}
.custom-checkout-page .checkout-form  input,.custom-checkout-page .checkout-form  select{border-radius: 10px !important;border: 1px solid var(--DARK-GREY, #B9B9B9) !important;}
.custom-checkout-page .checkout-form{padding: 20px 10px;box-shadow:none}
.custom-checkout-page .payment-box .checkout-form{padding: 30px 30px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);}
.custom-checkout-page .checkout-form #stripeForm{padding-top: 20px;border-top: 1px solid #B9B9B9;}
.custom-checkout-page .checkout-form #applycoupon,.custom-checkout-page .checkout-form #applycoupon:hover{background-color: #08003C; border-color: #08003C;padding-top: 10px;padding-bottom: 10px;color:#fff !important}
.custom-checkout-page .checkout-form #paypalForm button{background: #08003C !important;}
.custom-checkout-page .checkout-form .btn-style-two{background-color: #00D1FF;border: 2px solid #00D1FF;color: #000;}
.custom-checkout-page .checkout-form .btn-style-two:hover{color: #00D1FF;background-color: transparent;}
.custom-checkout-page .sec-title h2{color: var(--WHITE, #FFF);font-family: Coolvetica;font-size: 32px;font-style: normal;font-weight: 400;line-height: 100%; /* 32px */letter-spacing: 1.6px;}
.custom-checkout-page img.imageheader{width: 160px;}
.startup_carousel_section.french_lng .panel{padding:25px !important;padding-left: 20px !important;}
.startup_carousel_section.french_lng .panel .panel-title{font-size: 22px;}

.main-menu .navigation .dropdown-toggle,.main-menu .navigation li a{color: #FFF;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 1.4px;}
.main-header .nav-outer{width: 100%;padding-left: 50px;}
.main-header .outer-box .login-box a{color: #FFF;font-family: "Hero New";font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 1.4px;}
.main-header .cart-btn{margin-top: -3px;}
.secondbar.home-page-bar .secondblue{margin-right: 15px !important;border-right: 1px solid #B9B9B9;padding-right: 15px !important;}
.main-header .outer-box .message_icon{margin-right: 20px !important;}
.main-header.alternate .outer-box .cart-btn{margin-top: 0px;}
.main-header.alternate .outer-box .notification-icon{margin-top: 4px !important;}
.main-header .cart-btn .count{background-color: #8253FF;}
.job-offer-top-btn-box .icon{font-size: inherit !important;}
.price-box .apply_job_third_party{background: #000 !important;border-color: #000 !important;color:#fff !important;padding: 15px 20px !important;}
.price-box .apply_job_website{background: #00D1FF !important;border-color: #00D1FF !important;color:#000 !important;padding: 15px 20px !important;}
.dashboard .header-span{height: 80px;}

.edit_internship_page #infoform .fa-map-marker{right: 12px;}
.edit_internship_page #infoform input[type="date"]{padding-right: 5px;}
#step-1 #nationality.custom-options{background-position: right 17px center;background-size: 18px;}

@media only screen and (min-width: 1200px) and (max-width: 1480px)  {
	#aboutus.features-section-two{margin-top: 0px !important;}
	.custom-mega-menu.mega-menu{/*margin-left: 30px;margin-right: 0px;*/}
	.homepage .banner-box .left-box{flex: 0 0 50%;    max-width: 50%;}
}
@media only screen and (min-width: 980px) and (max-width: 1200px)  {
	.homepage .banner-box .reversedImage{flex-direction: inherit !important;}
	.homepage .banner-box .upper-heading{padding-right: 20px;}
	.homepage .banner-box .left-box{flex: 0 0 50%;    max-width: 50%;}
	#aboutus.features-section-two{margin-top: 0px !important;}
	.custom-mega-menu.mega-menu{/*margin-left: 30px;margin-right: 0px;*/}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
	.dashboard .user-dashboard .type_msg{padding-right: 0px;}
	.dashboard .user-dashboard .msgsection .card-footer .oneline .btnttach{margin-bottom: -50px !important;padding: 5px 20px;}
	.dashboard .user-dashboard .msgsection .card-footer .oneline .type_msg{margin-left: 50px !important;width:auto !important;height: 50px !important;padding: 13px 30px;}
	.dashboard .user-dashboard .msgsection .card-footer .oneline .submit-btn{top: -5px;font-size: 13px;padding: 5px 10px;}
	.dashboard .user-dashboard .dashboard-outer{margin: 50px 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px)  {
	.homepage .banner-box .reversedImage{flex-direction: column;}
	.homepage .banner-box .right-box img{flex-direction: column;}
	#aboutus.features-section-two{margin-top: -130px;}
	.custom-mega-menu.mega-menu{/*margin-left: 30px;margin-right: 0px;*/}
	.homepage .search_form button .flaticon-search{margin-left: 0px;}
	.homepage .search_form button{display: flex;align-items: center;justify-content: center;text-align: center;}
	.homepage .search_form button .icon{position: relative;top: 5px;}
	.homepage .banner-box .left-box{padding-left:50px;}
	
}

/* Mobile (max-width: 768px) */
@media (max-width: 767px) {
	.startup_carousel .carousel-container {
	width: 400px !important;
	max-width: 100% !important;
	}

	.startup_carousel .accordion-carousel {
	width: auto; /* let JS handle translateX */
	flex-wrap: nowrap;
	height: 230px;
	}

	.startup_carousel .panel {
	width: 100%; /* Show one panel fully */
	padding-left: 20px;
	padding-right: 20px;
	}

	.startup_carousel .panel.active {
		width: 100%; /* Active panel same width as container */
		padding-left: 20px;
		padding-right: 20px;
		}
	.startup_carousel .panel-title {
		white-space: normal;
		z-index: 10;
		width: 100%;
		font-size: 24px;
		font-weight: 400;
		line-height: 103.576% !important;
		letter-spacing: 1.2px;
		margin-bottom: 10px;
		width: 85%;
	}

	.startup_carousel .panel-content {
		opacity: 0.85;
		margin-bottom: 0.5em;
		font-size: 14px;
		font-weight: 300;
		line-height: 150.6% !important;
		width: 85%;
	}
	
}


@media only screen and (max-width: 767px) {
	.homepage .banner-box .upper-heading{padding:0px;}
	.homepage .search_tabs .keyword_search_tab, .homepage .search_tabs .student_search_tab{width:40%}
	.homepage .search_form input{width:70%}
	.homepage .search_form button{width:30%}
	.homepage .search_form button .flaticon-search{left: 0px !important;font-size: 14px;}
	.homepage .search_form button .flaticon-search::before {padding-left: 0px;}
	.homepage .listing-search-form form{padding:0px}
	.homepage .banner-box .reversedImage{flex-direction: initial;}
	#aboutus.features-section-two{padding-top:50px}
	header.main-header{top: 45px !important;}
	.custom-mega-menu.mega-menu{margin-right: 0px;padding-left: 20px;}
	/*.startup_carousel .panel{flex:0 0 0!important;width:0;padding:0!important;opacity:0;pointer-events:none}
	.startup_carousel .panel.active{flex:1 1 100%!important;width:100%;height:100%;opacity:1;padding:30px 40px!important;cursor:default;pointer-events:auto}
	.startup_carousel .panel.active .panel-content{max-height:200px;opacity:1}
	.startup_carousel .panel:not(.active) .panel-content{max-height:0;opacity:0}*/
	.startup_carousel_section{padding-top: 50px;}
	.homepage .search_form button .flaticon-search{margin-left: 0px;}
	.homepage .search_form button{display: flex;align-items: center;justify-content: center;text-align: center;}
	.homepage .search_form button .icon{position: relative;top: 5px;}
	.dashboard .user-dashboard .dashboard-outer{margin: 50px 20px;}
	
	.dashboard .user-dashboard .type_msg{padding-right: 0px;}
	.dashboard .user-dashboard .msgsection .card-footer .oneline .btnttach{margin-bottom: -50px !important;padding: 5px 20px;}
	.dashboard .user-dashboard .msgsection .card-footer .oneline .type_msg{margin-left: 50px !important;width:auto !important;height: 50px !important;padding: 13px 30px;}
	.homepage .banner-box .left-box{padding-left:20px;}
	.startup_carousel .carousel-nav{margin-right: -10px;}
	.main-header .nav-outer{width: auto;}
	  header.main-header { top: 0px !important;}
}