.des {
	display:block;
}
.mob {
	display: none;
}
.container {
	width:80% !important;
} 
.na-v {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.f-or {
	color: #FE5000;
}
.f-blk {
	color: #000000;
}
.f-wt {
	color: #FFFFFF;
}
.f-blu {
	color: #181672;
}
.banner {
	background-image: url('/assets/event/ai-day/after-event/main-background-image.png'); 
	background-size: cover;
	background-repeat: no-repeat; /* Prevent image repeating */
	background-position: center; /* Center the image */
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.banner-title {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 3.125vw;
	text-align: center;
	color:#FFFFFF;
	margin-top: 12.963vh;
}
.banner-description {
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.094vw;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 35.093vh;
	margin-top: 2vh;
}
.ai-video {
	position: relative;
}
.vid-blk {
	position: absolute;
	top: -40vh;
}
.vid-blk .play-icon {
	position: relative;
}
.vid-blk .play-icon img {
	position: absolute;
	bottom: 26vh;
    left: 42%;
	width: 6.667vw;
}
.sepr {
	height: 23.704vh;
}
.overview {
    background-image: url(/assets/event/ai-day/after-event/sec-2-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 2.5rem;
    padding-bottom: 5.5rem;
}
.ovr-heading {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.875vw;
	text-align: center;
	color:#FE5000;
	margin-top: 8.593vh;
}
.ovr-para {
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.042vw;
	text-align: center;
	color:#082F5E;
	margin-top: 3vh;
	margin-bottom: 5vh;
}
.rrr-heading {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.5vw;
	line-height: 1.25;
	text-align: center;
	color:#082F5E;
	margin-top: 2.593vh;
	margin-bottom: 5.63vh;
}
.rrr-blk {
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-radius: 1.25rem;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
	padding-top: 5.556vh;
	padding-bottom: 5.556vh;
	text-align: center;
}
.rrr-num {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.969vw;
	line-height: 1.25;
	text-align: center;
	color:#FE5000;
}
.rrr-description {
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.51vw;
	text-align: center;
	color:#333333;
}
.logo-marquee-container {
    width: 100%; /* Adjust as needed, or use a fixed width like 900px */
    overflow: hidden; /* Crucial: Hides the parts of the marquee outside this container */
    background-color: #ffffff; /* Optional: background for the marquee area */
    padding: 20px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: some styling */
    border-radius: 8px; /* Optional */
}

.logo-marquee {
    display: flex; /* Arranges logos in a single row */
    white-space: nowrap; /* Prevents logos from wrapping to the next line */
    /* Animation properties */
    animation: marquee-scroll 20s linear infinite;
    /* The duration (20s) can be adjusted. Slower for more logos, faster for fewer. */
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.logo-item {
    flex-shrink: 0; /* Prevents logos from shrinking if the container is too small */
    padding: 0 25px; /* Space between logos */
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-item img {
    max-height: 60px; /* Adjust to your logo sizes */
    max-width: 150px; /* Adjust to prevent oversized logos */
    object-fit: contain; /* Ensures logos scale nicely without distortion */
    filter: grayscale(50%); /* Optional: make logos grayscale */
    opacity: 0.7; /* Optional: slightly transparent */
    transition: filter 0.3s ease, opacity 0.3s ease;
}

.logo-item img:hover {
    filter: grayscale(0%); /* Optional: color on hover */
    opacity: 1; /* Optional: full opacity on hover */
}

/* The Keyframes Animation */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Scrolls exactly half the width (the width of the original set of logos) */
    }
}

/* Optional: Pause animation on hover over the container */
.logo-marquee-container:hover .logo-marquee {
    animation-play-state: paused;
}
.testimonial {
	background: #ECF5FF;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.testimonial .carousel-inner {
	background: #FFFFFF;
	line-height: 1.25;
	text-align: center;
	border-radius: 1.25rem;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
	
	margin-bottom: 4rem;
}
.company-testimonial {
	padding: 7rem 7rem;
}
.testimonial .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FE5000;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.testimonial .carousel-indicators .active {
    opacity: 1;
}
.company-testimonial p {
	font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.042vw;
    text-align: center;
    color: #082F5E;
}
.testimonial-heading {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.5vw;
	line-height: 1.25;
	text-align: center;
	color:#082F5E;
	margin-top: 17.593vh;
	margin-bottom: 5.63vh;
}
.testimonial .carousel-control-prev .carousel-control-prev-icon {
    background-image: url(/assets/event/ai-day/after-event/prev-btn.png) !important;
}

.testimonial .carousel-control-next .carousel-control-next-icon {
    background-image: url(/assets/event/ai-day/after-event/next-btn.png) !important;
}
.ai-vid {
	background-image: url('/assets/event/ai-day/after-event/ai-vid-background.png'); 
	background-size: cover;
	background-repeat: no-repeat; /* Prevent image repeating */
	background-position: center; /* Center the image */
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.ai-vid-heading {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.5vw;
	line-height: 1.25;
	text-align: center;
	color:#FFFFFF;
	margin-bottom: 5.63vh;
}
.ai-vid .col-md-3 {
	width: 28%;
}
.ai-vid-blk {
	background: #FFFFFF;
	border-radius: 1.25rem;
}
.ai-vid .play-icon {
	position: relative;
}
.ai-vid .play-icon img {
    position: absolute;
    bottom: 12vh;
    left: 42%;
	width: 3.073vw;
}
.vid-para {
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.85vw;
	text-align: center;
	color:#333333;
	padding: 1rem 1.25rem;
}
.mts {
	background: #FFFFFF;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.mts-title {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.5vw;
	line-height: 1.25;
	text-align: center;
	color:#FE5000;
	margin-bottom: 2.63vh;
}
.mpc {
	background: #FFFFFF;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.mpc-title {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.5vw;
	line-height: 1.25;
	text-align: center;
	color:#082F5E;
	margin-bottom: 2.63vh;
}

/* Our Brickbuilder section */

.rspl-tdc {
  padding-left: 20px;
}
.rspr-tdc {
  padding-right: 8%;
}

.reviews-carousel-tdc {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.reviews-tdc {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.reviews-tdc::-webkit-scrollbar {
  width: 0 !important;
}

.review-card-tdc {
  background: #FFFFFF;
  margin: 10px 15px 10px 5px;
  flex: 0 0 26.9%;
  text-align: left;
  transition: transform 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  border: 1px solid #C9C9C9;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
  border-radius: 1.25rem;
}


.resource-card-tdc:hover img {
  transform: scale(1.05);
}

.carousel-control-tdc[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}

.review-card-tdc p {
  margin: 0 0 20px;
}

.reviewer-info-tdc {
  padding: 30px 20px 0;
}

.reviewer-info-tdc p {
	font-family: "Poppins", serif;
	font-size: 1.05vw;
	font-weight: 400;
	color: #082F5E;
	padding: 1rem;
	margin-bottom:0;
}
.img-rm {
	padding: 1rem;
	margin-bottom: 1rem;
	width: 8.338vw;
}
.carousel-control-tdc {
  background: none;
  border: none;
  cursor: pointer;
  top: 50%;
}

.indicator-tdc {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ffc6ad;
  cursor: pointer;
}

.indicator-tdc.active,
.indicator-tdc:hover {
  background-color: #fe5000;
}

.partnership-indicator-tdc,
.indicator-resource-tdc {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #c7c7c7;
  cursor: pointer;
}

.partnership-indicator-tdc.active,
.partnership-indicator-tdc:hover,
.indicator-resource-tdc.active,
.indicator-resource-tdc:hover {
  background-color: #6dcdb8;
}

.max-part-content-tdc {
  max-width: 160px;
}

.seprater-action-tdc {
  background-color: #ffc6ad;
  height: 1px;
  width: 100%;
}
.seprater-partnership-action-tdc {
  background-color: #c7c7c7;
  height: 1px;
  width: 100%;
}
.footer {
	background: #272727;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.fotxt{
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.633vw;	
	color: #FFFFFF;
	margin-bottom: 0px;
}

/* Modal Styles (same as provided before) */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.85); /* Darker overlay */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px; /* Add some padding for smaller screens */
    box-sizing: border-box;
}

.modal-content {
    position: relative;
    background-color: #000; /* Black background for the video player */
    margin: auto;
    padding: 0;
    border-radius: 8px;
    width: 95%; /* Responsive width */
    max-width: 850px; /* Max width of the modal content */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation-name: animatetop;
    animation-duration: 0.4s;
}

@keyframes animatetop {
    from {transform: translateY(-50px); opacity: 0}
    to {transform: translateY(0); opacity: 1}
}

.close-button {
    color: #fff; /* White close button for dark background */
    position: absolute;
    top: -30px; /* Position outside the video box for easier clicking */
    right: -15px; /* Position outside */
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    transition: color 0.3s ease;
    padding: 0; /* Reset padding */
}

.close-button:hover,
.close-button:focus {
    color: #ccc; /* Lighter gray on hover */
    text-decoration: none;
    cursor: pointer;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden; /* Hide anything outside this container */
    border-radius: 8px; /* Match modal content radius */
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
@media only screen and (max-width: 1920px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1660px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
		.tri img {
		position: absolute;
		bottom: -3.15vw;
		right: -0.69vw;
	}
	.ai-vid {
		background-image: url(/assets/event/ai-day/after-event/ai-vid-background.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}
@media only screen and (max-width: 1440px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1366px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
	.banner-title {
		margin-top: 8.963vh;
	}
	.overview {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
	.ovr-heading {
		margin-top: 2.593vh;
	}
	.company-testimonial {
		padding: 4rem 4rem;
	}
	.ai-vid {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.reviewer-info-tdc {
		padding: 20px 15px 0;
	}
	.reviewer-info-tdc p {
		padding: 0.75rem;
	}
}

@media only screen and (max-width: 1280px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
	.reviewer-info-tdc {
		padding: 17px 10px 0;
	}
	.reviewer-info-tdc p {
		padding: 0.50rem;
	}
}

@media only screen and (max-width: 1140px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.des {
		display:block;
	}
	.mob {
		display: none;
	}
}

@media only screen and (min-device-width: 300px) and (max-device-width: 1024px) and (orientation:portrait) {
	.des {
		display:none;
	}
	.mob {
		display: block;
	}
	.container {
		width: 90% !important;
	}
	
	.fotxt {
		font-family: "Poppins", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 2.633vw;
		color: #FFFFFF;
		margin-bottom: 0px;
	}
	.logo-marquee-container {
        width: 100%;
    }
    .logo-item img {
        max-height: 50px;
    }
    .logo-item {
        padding: 0 10px;
    }
    /* Adjust animation speed if needed for smaller screens */
    .logo-marquee {
        animation-duration: 15s;
    }
	.banner-title {
		font-size: 7.125vw;
		margin-top: 5.963vh;
	}
	.banner-description {
		font-size: 4.094vw;
		margin-bottom: 7.093vh;
		margin-top: 2vh;
	}
	.vid-blk {
		position: absolute;
		top: -11vh;
	}
	.vid-blk .play-icon img {
		position: absolute;
		bottom: 11vh;
		left: 42%;
		width: 10.667vw;
	}
	.sepr {
		height: 0.704vh;
	}
	.ovr-heading {
		font-size: 3.875vw;
		margin-top: 11.593vh;
	}
	.ovr-para {
		font-size: 3.042vw;
		margin-top: 2vh;
		margin-bottom: -4vh;
	}
	.rrr-heading {
		font-size: 4.5vw;
		margin-top: 8.593vh;
		margin-bottom: 5.63vh
	}
	.rrr-blk {
		background: #FFFFFF;
		border: 1px solid #D1D1D1;
		border-radius: 1.25rem;
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
		padding-top: 3.556vh;
		padding-bottom: 3.556vh;
		text-align: center;
	}
	.rrr-num {
		font-family: "Poppins", serif;
		font-weight: 700;
		font-style: normal;
		font-size: 5.969vw;
		line-height: 1.25;
		text-align: center;
		color: #FE5000;
	}
	.rrr-description {
		font-size: 3.1vw;
	}
	.testimonial {
		background: #ECF5FF;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.testimonial-heading {
		font-size: 5.5vw;
	}
	.company-testimonial p {
		font-family: "Poppins", serif;
		font-weight: 400;
		font-style: italic;
		font-size: 4.042vw;
		text-align: center;
		color: #082F5E;
	}
	.ai-vid {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
	.ai-vid-heading {
		font-size: 5.5vw;
		margin-bottom: 5.63vh;
	}
	.ai-vid .play-icon img {
		position: absolute;
		bottom: 4vh;
		left: 42%;
		width: 6.073vw;
	}
	.ai-vid-blk {
		background: #FFFFFF;
		border-radius: .45rem;
	}
	.vid-para {
		font-size: 2.5vw;
		padding: 0.5rem .625rem;
	}
	.mpc-title {
		font-size: 5.5vw;
	}
	.review-card-tdc {
		background: #FFFFFF;
		margin: 10px 15px 10px 5px;
		flex: 0 0 70.9%;
		text-align: left;
		transition: transform 0.5s ease-in-out;
		display: flex;
		flex-direction: column;
		border: 1px solid #C9C9C9;
		box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);
		border-radius: 1.25rem;
	}
	.reviewer-info-tdc {
		padding: 17px 16px 0;
	}
	.reviewer-info-tdc p {
		font-family: "Poppins", serif;
		font-size: 3.05vw;
		font-weight: 400;
		color: #082F5E;
		padding: 0.75rem;
		margin-bottom: 0;
	}
	.img-rm {
		padding: 0rem;
		margin-bottom: 1rem;
		width: 28.338vw;
	}
	.mpc {
		background: #FFFFFF;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.mts {
		background: #FFFFFF;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
	.indicator-tdc {
		width: 15px;
		height: 15px;
	}
	.mts-title {
		font-size: 5.5vw;
		margin-bottom: 2.63vh;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
}