.p-no-margin p {
  margin-bottom: 0 !important;
}
.yellow-text {
  color: #ffc40c;
}
.red-text {
  color: #ed1c24;
}
.img-overflow img {
  /* 		margin-bottom:-200px; */
  overflow: visible;
  z-index: 1;
  position: relative;
}
.m-r-box .e-con-inner {
  margin-right: 100px;
}
.box-wrapper:after {
  content: "";
  display: block;
  background-color: #eaeef0;
  width: 100vw;
  height: 60%;
  position: absolute;
  top: 50%;
  z-index: 1;
  left: -250px;
}
.box-wrapper:after {
  content: "";
  display: block;
  background-color: #eaeef0;
  width: 100vw;
  height: 120%;
  position: absolute;
  top: 50%;
  z-index: 1;
  left: -250px;
}
.box {
  position: relative;
}
.box-back {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s all ease;
}
.box-back.show {
  opacity: 1;
  visibility: visible;
}
.scrollable-wrapper {
  height: 300px;
  overflow-y: scroll;
}
.scrollable-wrapper2 {
  height: 500px;
}
/* For WebKit-based browsers (Chrome, Safari, Edge, Opera) */
.scrollable-wrapper::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
}

.scrollable-wrapper::-webkit-scrollbar-track {
  background: transparent; /* Color of the tracking area */
}

.scrollable-wrapper::-webkit-scrollbar-thumb {
  background-color: #ff0000; /* Color of the scroll thumb (red) */
  border-radius: 10px; /* Roundness of the scroll thumb */
  border: 2px solid transparent; /* A transparent border to keep the thumb thin while allowing for interaction */
  background-clip: padding-box; /* Ensures the background color applies only to the padding box */
}

/* For Firefox */
.scrollable-wrapper {
  scrollbar-width: thin; /* "auto" or "thin" */
  scrollbar-color: #ff0000 transparent; /* thumb color track color */
}
.e-hotspot:not(.e-hotspot--circle) .e-hotspot__button {
  background-color: unset !important;
}
.e-hotspot__tooltip {
  background-color: #ed1c24;
}

/* 1. Make the content scrollable */
.custom-scrolling-box {
    overflow-y: scroll; /* Enables vertical scrolling */
    /* Optionally hide the scroll buttons/arrows */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: red transparent; /* Firefox */
}

/* 2. Hide the default scrollbar on Webkit browsers (Chrome, Edge, Safari) */
.custom-scrolling-box::-webkit-scrollbar {
    width: 10px; /* Width of the entire scrollbar */
    background-color: transparent;
}

/* 3. Style the "Track" (the red line background) */
.custom-scrolling-box::-webkit-scrollbar-track {
    background: transparent;
    border-left: 1px solid #FF0000; /* Red line effect */
    /* Center the track */
    margin-block: 50px; 
}

/* 4. Style the "Thumb" (the red dot indicator) */
.custom-scrolling-box::-webkit-scrollbar-thumb {
    background-color: #FF0000; /* Solid red for the dot */
    border-radius: 50%; /* Make it circular */
    border: 2px solid transparent; /* Gives it a slight offset/padding */
}
	
		@media screen and (max-width: 480px) {
	h3 {
	font-size:17px;}
			
	h1{
	font-size:60px;	}	
		
}

#onetrust-consent-sdk{
  display:none!important;
}