#site-header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

header#site-header {
	padding: 0
}

.site-header .site-branding {gap: 0}

.site-navigation ul.menu .sub-menu {width: 100%; min-width: 210px}

.site-navigation ul.menu li.menu-item-has-children:after {
	content:'v';
	font-size: 12px;
	font-weight: bold;
	margin-left: -10px;
	color: #18155C;
}

.site-navigation ul.menu>li>a {
	padding-top: 24px;
	padding-bottom: 24px;
}

.site-navigation ul.menu .sub-menu {
	padding: 20px 0;
}

.site-navigation ul.menu .sub-menu  li {border: 0}

.site-navigation ul.menu .sub-menu  li a {padding-top: 10px; padding-bottom: 10px;}

.line1, .line2 {
    display: block;
	min-height: 108px;
}
.site-navigation ul.menu li ul {
	background: #FBF6ED;
}
#master-agreement li {margin: 10px 0}

.custom-gradient-effect {
	background: linear-gradient(-45deg, #F500E9, #3A00F4, #18155C);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}


.start-animation .thankyou-wrapper:after {
    content: '';
    width: 0%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 50px;
    left: 0;
    animation: drawingLine 2s linear forwards;
    animation-delay: 2s;
}

.white-link a {color: #fff; text-decoration: underline}

.white-link a:hover {text-decoration: none; color: #fff}

.filter-grayscale {filter: grayscale(1)}
.filter-invert {filter: invert(1)}
.filter-invert.grayscale img{filter: grayscale(1)}
.relative {position: relative}

.custom-social-colors .elementor-icon {background: none; padding: 0}

#custom-share-icons .elementor-share-btn__icon {
	background: none;
	padding: 0;
}

.custom-social-colors .elementor-icon svg path {fill: #00CACF}

.custom-social-colors .elementor-icon:hover svg path{fill: #F500E9}

#custom-share-icons .elementor-share-btn__icon svg path {
	fill: #000;
	transition: all 350ms ease;
}

#custom-share-icons .elementor-share-btn__icon:hover svg path {
	fill: #F500E9
}

.min-h-110 {min-height: 110px}

.custom-text-color h2{
	background: var(--purple, linear-gradient(285deg, #F500E9 25.57%, #3A00F4 102.13%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.default-list ul.elementor-icon-list-items {
	margin-left: 18px;
}

.default-list ul li.elementor-icon-list-item{
    list-style-type: disc;
    display: list-item;
}

.typing-animation h2 {display: block; height: 216px; overflow: hidden !important}

.blinking-cursor {
    display: inline-block;
    font-weight: bold;
    width: 1ch; /* Cursor width */
    color: inherit; /* Cursor color */
	font-weight: 400;
    animation: blink 0.6s step-start infinite; /* Blinking effect */
}


.hero-wrapper .e-con-inner{position: relative}

.admin-bar #site-header {
	top: 32px;
}

.draw-lines {
	position: absolute;
	right: 45px;
	bottom: -129px;
}

.min-4rows {min-height: 93px;}

.pink-tag a,
#menu-item-414 a,
#menu-item-69 a {
	color: #F500E9
}

#custom-testimonial .elementor-swiper-button-prev{
	display: none !important
}

#custom-testimonial .elementor-swiper-button-next {
	position: absolute;
	right: -12%;
	top: 91%;
}
#custom-testimonial .elementor-swiper-button-next svg path {fill: #fff}
.site-navigation ul.menu li a {
    text-transform: lowercase !important;
}
/* Typing Animation */
  .typing-animation .elementor-heading-title {
            font-family: Arial, sans-serif;
            font-size: 24px;
            overflow: hidden;
            display: inline-block;
        }

        .typing-animation  .cursor {
            display: inline-block;
            width: 2px;
            background-color: black;
            margin-left: 2px;
            animation: blink 0.7s step-end infinite;
        }


/* Marquee Logo */
:root {
	--size: clamp(10rem, 1rem + 40vmin, 30rem);
	--gap: calc(var(--size) / 8);
	--duration: 45s;
	--scroll-start: 0;
	--scroll-end: calc(-100% - var(--gap));
}

.marquee {
	display: flex;
	flex-wrap: nowrap !important;
	flex-direction: row !important;
	overflow: hidden !important;
	user-select: none;
	gap: var(--gap);
	/*mask-image: linear-gradient(
	  var(--mask-direction, to right),
	  hsl(0 0% 0% / 0),
	  hsl(0 0% 0% / 1) 20%,
	  hsl(0 0% 0% / 1) 80%,
	  hsl(0 0% 0% / 0)
	);*/
	will-change: transform; /* Optimize animation performance */
}

.marquee__group {
	cursor: pointer;
	flex-shrink: 0 !important;
	display: flex;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: space-around !important;
	gap: 52px;
	width: auto !important;
	min-width: 100%;
	animation: scroll-x var(--duration) linear infinite;
}

.marquee__group img {max-height: 66px; max-width: 132px; object-fit: contain; width: auto;}

	.marquee__group .elementor-widget-image {
		flex-shrink: 0 !important;
	}


@media (prefers-reduced-motion: reduce) {
	.marquee__group {
	  animation-play-state: paused;
	}
}

.marquee:hover .marquee__group {
	animation-play-state: paused;
}


.marquee--reverse .marquee__group {
	animation-direction: reverse;
	animation-delay: -3s;
}

/* 12-12-2024 */
body .site-navigation .mega-menu-wrap {
    background: transparent !important;
}

body .site-navigation .mega-menu-wrap ul li a {
    color: #18155C !important;
    font-size: 16px  !important;
    font-weight: 600  !important;
    text-transform: lowercase !important;
}

body .site-navigation .mega-menu-wrap ul li a:hover {
    background: transparent !important;
    color: #3A00F4 !important;
}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item.pink-tag  .mega-menu-link {
    color: #F500E9 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
	content:none;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 15px 10px 15px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #F7EEDD !important;
		border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	    padding: 10px 10px 10px 10px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
    width: 33% !important;
}

.mega-menu-menu-1 ul.mega-sub-menu .mega-inner-active a {
    color: #3A00F4 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
     background: #F7EEDD !important;
	border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	    padding: 10px 10px 10px 10px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    width: 255px;
}

.page-header {
		display: block;
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
		word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.page-template-default header#site-header {
    position: relative;
    top: 0;
}


.news-wrapper .elementor-post-date {
    position: absolute;
    top: 30px;
}

.news-wrapper .elementor-posts-container {
    position: relative;
}


.news-wrapper .elementor-post__title {
    padding-left: 25px;
    position: relative;
}

.news-wrapper .elementor-post__title:before {
    content: "";
    background: url(http://joshuadev.com/techbridge/wp-content/uploads/2024/12/unnamed-file.png);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

/* 13-12-2024 */

.page-template-default header#site-header.sticky-header {
    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 10px #00000040;
}

@media all and (min-width: 768px) {
	.elementor-38 .elementor-element.elementor-element-168a6b7 .elementor-main-swiper .swiper-slide {
		padding: 75px 3% 75px 110px;
	}
}

	.site-navigation-toggle-holder .site-navigation-toggle {background: none}
	.site-navigation-toggle-holder .site-navigation-toggle-icon:before {box-shadow: none}

.pdf-container {
	position: relative;
	width: 100%;
	padding-bottom: 75%; /* Aspect ratio for 4:3 display; adjust as needed */
	height: 0;
}

.pdf-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
			.pdf-container {
				padding-bottom: 125%; /* Adjust aspect ratio for smaller screens */
			}
}

/* Mobile */
@media all and (max-width: 767px) {

	.typing-animation h2{height: auto}
	.line1, .line2 {
	min-height: 46px;
}
	.marquee__group {
		animation: none !important;
		flex-wrap: wrap !important;
		gap: 44px 25px !important;
		max-width: 100%;
	}

	.marquee__group .elementor-widget {
		 flex: 0 0 calc(50% - 20px); /* Each item takes 50% of the row width minus the gap */
  box-sizing: border-box; /* Includes padding and border in width calculation */
	}

#custom-testimonial .elementor-swiper-button-next {
	right: 5%;
}
	.mobile-block {display: block;}
	.draw-lines svg {max-width: 100%}
	.elementor-kit-7 button:hover, .elementor-kit-7 button:focus, .elementor-kit-7 input[type="button"]:hover, .elementor-kit-7 input[type="button"]:focus, .elementor-kit-7 input[type="submit"]:hover, .elementor-kit-7 input[type="submit"]:focus, .elementor-kit-7 .elementor-button:hover, .elementor-kit-7 .elementor-button:focus{background: none; border: 0}

	.site-navigation-toggle-holder {
		justify-content: center;
		width: 24px;
	}

	.site-navigation-toggle-holder .site-navigation-toggle {background: none; border: 0}
	.site-navigation-toggle-holder .site-navigation-toggle-icon {color: #18155C}

	.elementor-active.site-navigation-toggle-holder .site-navigation-toggle-icon {
		width: 22px;
		color: #000;
	}

	.min-h-110 {min-height: unset}

	.site-navigation-dropdown ul.menu {
		min-height: 100vh;
	}
	.site-navigation-dropdown ul.menu li a {color: #18155c;}
	.site-navigation-dropdown ul.menu li.menu-item-has-children>a.header-link.elementor-item:after {
        content: 'v';
        font-size: 12px;
        font-weight: bold;
        color: #18155C;
        margin-left: 5px;
	}
	.site-navigation-dropdown ul.menu li.menu-item-has-children li a {
		background: linear-gradient(104deg, #FFF 0.92%, #F7EEDD 151.72%);
		padding-left: 35px;
		color: #18155C;
		font-size: 14px;
		text-transform: lowercase;
	}
	.marquee__group img {
		object-fit: contain;
		width: 120px;
		height: 40px;
	}
}

@media (prefers-reduced-motion: no-preference), (prefers-reduced-motion: no-data) {
	@keyframes scroll-x {
		from {
		  transform: translateX(var(--scroll-start));
		}
		to {
		  transform: translateX(var(--scroll-end));
		}
	}

	@keyframes scroll-y {
		from {
		  transform: translateY(var(--scroll-start));
		}
		to {
		  transform: translateY(var(--scroll-end));
		}
	}

	@keyframes fade {
		to {
		  opacity: 0;
		  visibility: hidden;
		}
	}

	@keyframes gradient {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	}

	@keyframes blink {
		50% {
			color: transparent; /* Make the cursor invisible for half the time */
		}
	}

}