/*carousel container*/
.carousel-equal-heights .carousel-item > .row {
	height: 100%;
	}
	.carousel-equal-heights .carousel-item .card, .carousel-equal-heights .carousel-item .card-body {
	display: flex;
	flex-direction: column;
	}
	.carousel-equal-heights .carousel-item .card-body, .carousel-equal-heights .carousel-item {
	flex-grow: 1;
	}

	.slide {
	height: auto;
	}

	.carousel-inner img {
	margin: auto;
	min-width: 100%;
	}
	.carousel .carousel-item {
	transition-duration: .2s;
	}

	.btn-floating
	{
	background: #e30616;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	}

	/*pro range padding*/
	.pro-range-padding {
	padding: 0 0 5% 5%;
	}

	/*custom shadow effects*/
	.shadow-right-effect {
		width: 100px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		display: block !important;
		background-image: linear-gradient(to right, transparent, #F4F7FD) !important;
	}
	

	.shadow-absolute {
	 
	 z-index: 1;
	}

	/*Left aligned CTA Button*/
	.left-card-cta{
	width: 30%;
	}

	@media (min-width: 270px) and (max-width: 914px) {
	.left-card-cta{
		width: 70%;
		}
	}

	 /* Medium devices (tablets)*/
	 @media (min-width: 539px) and (max-width: 991px) {
	
	.hero-section {
	padding-top: 16%
	}

	}

	/* Medium devices (tablets, 600px)*/
	@media only screen and (max-width: 600px)
	{
	
	.hero-section {
	padding-top: 16%
	}

	}


	/*Arrow buttons*/
	
	
	.text-icon {
	padding-right: 5px;
	}
	
	.text-icon:hover{
	padding-right: 8px;
	transition: transform 0.3s ease;
	}


	.text-underline{
	text-decoration: underline;
	}

	.banner-section{
		
		height: 37vh;
		background: url(../png/banner_pop_up.png) no-repeat top fixed;
		background-size: cover;
		position: relative;
		margin: 0;
		color: #fff;
		padding: 4% 0 4%;
	}


	.active-menuChild {
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 3px; 
	background: #F5F5F5; 
	color:#003366;

	}

	.active-menuChild {
		color:#fff;
	
		}

	.active-menuChild a{
		color:#504f4f;
	   }

	.active-menuChild a:hover{
	 background-color: #003366;
	 padding: 3px; 
	 color: #fff !important;
	 width: 100%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	}

	.nav-link-left li{
		color:#555555;
	}

	.nav-link-left li:hover{
		color:#fff;
	}

	.active-menu.active {
	

	}

	.border-right-line{
		border-right: 2px solid #EBEBEF; 
		height: 100%;
	}

	.nav-link-left {
	border-radius: 1;
	border-left: 1px solid rgb(206, 204, 204);
	padding-left: 10px;
	}

	.nav-link-left:hover {
		border-left: 3px solid #e30616;
		padding-left: 10px;
		background-color: #003366;
		color: #fff !important;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;

	}

	.cal-pad {
		padding: 0% 5% 0% 5%;
	}

	
		
	.overlay-card {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #003366);
		}
		
	.link-red{
	color: #fff; 
	}
	
	.link-red:hover {
		color: #e30616;
	}

	 
	 .logo-slide {
		 width: 100%;
		 overflow: hidden;
		 display: flex;
		 gap: 3em;
	   }
	   
	   .logo-slide img {
		 width: 100px;
		 height: 100px;
		 animation: scroll 60s linear infinite;
	   }
	   
	  @keyframes scroll {
	   0% {transform: translateX(0);}
	   100% {transform: translatex(-1000%)}
	 }

	 .p-small {
		line-height: 28px;
		font-size: 1rem;
		font-weight: 0.9rem;
	}

	.ind-title {
		font-size: 32px;
		font-weight: bold;
		position: relative;
		color: #2c4964;
	}

	

/* Container for scrollable div, feather, and arrows */
.scroll-container {
	position: relative;    /* Relative to position arrows and feather */
	width: 100%;
	height: auto;
	margin-top: 5%;
  }
  
  /* Scrollable div styles */
  .scrollable-div {
	width: 100%;
	height: 100%;
	padding-right: 10%;
	overflow-x: scroll;
	white-space: nowrap;
	cursor: grab;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
  }
  
  .scrollable-div::-webkit-scrollbar {
	display: none;
  }
  
  /* Content inside the scrollable div */
  .scrollable-div .content-scrollable-div {
	display: inline-block;
	width: 300px;
	height: 100%;
	background-color: rgb(214, 214, 214);
	border: 1px solid #EBEBEF ;
	color: #383838!important;
	text-wrap: wrap;
	margin-right: 10px;
	line-height: 50px;
	font-size: 18px;
  }

  .content-scrollable-div:hover {
	border: 1px solid grey ;
  }
  
  /* Feather effect element */
  .feather {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(56, 56, 56) 100%);
	pointer-events: none;
	z-index: 10;
  }
  
  /* Arrows (left and right) */
  .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: #E30613;
	color: white;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	display: none; /* Initially hidden */
	z-index: 20;
	user-select: none;
  }

  .arrow:hover {
	background-color: #ab1111;
  }
  
  .left-arrow {
	left: 10px;
  }
  
  .right-arrow {
	right: 10px;
  }
  
  /* Show arrows when user is scrolling */
  .scroll-container.scrolling .arrow {
	display: block;
  }

  .prevent-select {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
  }