@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/ClashDisplay-Bold.eot');
	src: url('../fonts/ClashDisplay-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ClashDisplay-Bold.woff2') format('woff2'),
		url('../fonts/ClashDisplay-Bold.woff') format('woff'),
		url('../fonts/ClashDisplay-Bold.ttf') format('truetype'),
		url('../fonts/ClashDisplay-Bold.svg#ClashDisplay-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/ClashDisplay-Extralight.eot');
	src: url('../fonts/ClashDisplay-Extralight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ClashDisplay-Extralight.woff2') format('woff2'),
		url('../fonts/ClashDisplay-Extralight.woff') format('woff'),
		url('../fonts/ClashDisplay-Extralight.ttf') format('truetype'),
		url('../fonts/ClashDisplay-Extralight.svg#ClashDisplay-Extralight') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/ClashDisplay-Light.eot');
	src: url('../fonts/ClashDisplay-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ClashDisplay-Light.woff2') format('woff2'),
		url('../fonts/ClashDisplay-Light.woff') format('woff'),
		url('../fonts/ClashDisplay-Light.ttf') format('truetype'),
		url('../fonts/ClashDisplay-Light.svg#ClashDisplay-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/ClashDisplay-Medium.eot');
	src: url('../fonts/ClashDisplay-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ClashDisplay-Medium.woff2') format('woff2'),
		url('../fonts/ClashDisplay-Medium.woff') format('woff'),
		url('../fonts/ClashDisplay-Medium.ttf') format('truetype'),
		url('../fonts/ClashDisplay-Medium.svg#ClashDisplay-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/ClashDisplay-Regular.eot');
	src: url('../fonts/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ClashDisplay-Regular.woff2') format('woff2'),
		url('../fonts/ClashDisplay-Regular.woff') format('woff'),
		url('../fonts/ClashDisplay-Regular.ttf') format('truetype'),
		url('../fonts/ClashDisplay-Regular.svg#ClashDisplay-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/ClashDisplay-Semibold.eot');
	src: url('../fonts/ClashDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ClashDisplay-Semibold.woff2') format('woff2'),
		url('../fonts/ClashDisplay-Semibold.woff') format('woff'),
		url('../fonts/ClashDisplay-Semibold.ttf') format('truetype'),
		url('../fonts/ClashDisplay-Semibold.svg#ClashDisplay-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Bold.eot');
	src: url('../fonts/Satoshi-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Satoshi-Bold.woff2') format('woff2'),
		url('../fonts/Satoshi-Bold.woff') format('woff'),
		url('../fonts/Satoshi-Bold.ttf') format('truetype'),
		url('../fonts/Satoshi-Bold.svg#Satoshi-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Light.eot');
	src: url('../fonts/Satoshi-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Satoshi-Light.woff2') format('woff2'),
		url('../fonts/Satoshi-Light.woff') format('woff'),
		url('../fonts/Satoshi-Light.ttf') format('truetype'),
		url('../fonts/Satoshi-Light.svg#Satoshi-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Medium.eot');
	src: url('../fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Satoshi-Medium.woff2') format('woff2'),
		url('../fonts/Satoshi-Medium.woff') format('woff'),
		url('../fonts/Satoshi-Medium.ttf') format('truetype'),
		url('../fonts/Satoshi-Medium.svg#Satoshi-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Italic.eot');
	src: url('../fonts/Satoshi-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Satoshi-Italic.woff2') format('woff2'),
		url('../fonts/Satoshi-Italic.woff') format('woff'),
		url('../fonts/Satoshi-Italic.ttf') format('truetype'),
		url('../fonts/Satoshi-Italic.svg#Satoshi-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Regular.eot');
	src: url('../fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Satoshi-Regular.woff2') format('woff2'),
		url('../fonts/Satoshi-Regular.woff') format('woff'),
		url('../fonts/Satoshi-Regular.ttf') format('truetype'),
		url('../fonts/Satoshi-Regular.svg#Satoshi-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body{
	font-family: 'Satoshi' !important;
}

h1,h2,figcaption{
	font-family: 'Clash Display' !important;
}

ul,li,span,p,strong,b,.elementor-button{
	font-family: 'Satoshi' !important;
	letter-spacing: 0.5px;
}



::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}
::-webkit-scrollbar-thumb {
	background: #F32525;
}
::-webkit-scrollbar-track {
	background: #fff;
}
::-moz-selection {
	background: #F32525 !important;
	color: #fff;
}
::selection {
	background: #F32525 !important;
	color: #fff;
}

body .cky-btn-revisit-wrapper {
    background-color: #F32525 !important;
}

body .cky-prefrence-btn-wrapper button,
body .cky-notice-content-wrapper .cky-notice-btn-wrapper button{
    background-color: #F32525 !important;
    border-color: #F32525 !important;
}


.post-content p + h3,.post-content p + h2,.post-content p + h4 {
	margin-top: 30px;
}

.post-content p + ul,.post-content p + h2,.post-content p + h4 {
	margin-bottom: 24px;
}

.ligal-content p + h5,
.ligal-content ul + h5 {
    margin: 25px 0px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}


ol li {
	margin-bottom: 10px !important;
}

.post-content ul li {
	font-size:18px !important;
}


.e-n-tabs .e-n-tab-title {
	background: transparent !important;
}

.e-n-accordion-item{
	background-color:#ffffff05;
	border-radius:24px;
}
.p-sticky{
	position: sticky;
	top: 100px;
}
.d-none{
    display:none !important;
}


/* Header css */

.header-block {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 99;
    background-color: #0D0D0D;
}
.site-main {
	overflow:hidden;
    padding-top: 149px;
}





/* menu css start*/

nav .sub-menu {
	padding: 24px !important;
	background-color: #0d0d0d !important;
	border: 1px solid #1f1f1f !important;
	border-radius: 16px;
	width: max-content !important;
	margin-top:20px !important;
	left:-30px;
}

nav .wpr-nav-menu li.menu-item-has-children > a{
	display:inline-flex;
	align-items:center;
	gap:10px;
}
nav .wpr-nav-menu li.menu-item-has-children > a:after{
	content:'';
	position:relative;
	display:inline-block;
	width:16px;
	height:16px !important;
	background-image:url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-size:16px;
	background-repeat:no-repeat;
	background-position:center;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7353%) hue-rotate(68deg) brightness(96%) contrast(102%);
	opacity: 1 !important;
	background-color: transparent;
	top: 2px;
}
.wpr-sub-icon.fas {
	display: none !important;
}

nav .header-btn a {
	background-color: #F32525;
	font-family: "Roboto", Sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-transform: capitalize;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
	letter-spacing: 0px !important;
	word-spacing: 0px;
	color: #FFFFFF !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #F32525;
	border-radius: 12px 12px 12px 12px !important;
	padding: 15px 20px 15px 20px !important;
	justify-content:center;
	text-align:center;
}

nav .header-btn.sign-up a{
	background-color:#ffffff0a;
	border-color: #e9e9e929;	
}

nav .header-btn.sign-up{
	margin:0px !important;
}


/* menu css end*/




.video-sec{
	height:80svh;
}

.video-sec #video-animation,
.video-sec #video-animation .elementor-widget-video,
.video-sec #video-animation .elementor-widget-video .e-hosted-video{
	height:100%;
	width:100%;
	border-radius:30px;
}





.logo-slider .gallery .slick-track{
	display:flex;
	align-items:center;
}

.logo-slider .gallery .slick-slide {
	width: 200px;
	padding: 0 35px;
}

.logo-slider .gallery .slick-slide .gallery-item {
	max-width: 100% !important;
}

.logo-slider .gallery .slick-slide .gallery-item img {
	filter: brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.logo-slider .gallery:before,
.logo-slider .gallery:after{
    content: "";
    background-image: linear-gradient(90deg, #08041100, #0d0d0d);
    width: 180px;
    position: absolute;
    inset: 0% 0% 0% auto;
    z-index: 3;
}
.logo-slider .gallery:after{
	background-image: linear-gradient(90deg, #0d0d0d, #08041100);
    width: 180px;
    position: absolute;
	inset: 0% auto 0% 0%;
}


.home-blog .wpr-grid-item {
	position: unset !important;
	width: 100% !important;
	height: 480px !important;
	margin: 0px !important;
	border-radius:24px !important;;
	overflow:hidden;

}
.home-blog .wpr-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	height: 100% !important;
	gap: 20px;
}

.home-blog .wpr-grid article:first-child{
	grid-area: 1 / 1 / 2 / 4;
}
.home-blog .wpr-grid article:nth-child(2){
	grid-area: 1 / 4 / 2 / 6;
}
.home-blog .wpr-grid article:nth-child(3){
	grid-area: 2 / 1 / 3 / 3; 
}
.home-blog .wpr-grid article:nth-child(4){
	grid-area: 2 / 3 / 3 / 6;
}



.home-blog .wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap {
	height: 100%;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.home-blog .wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap:before{
	content:"";
	width:100%;
	height:100%;
	background-image: linear-gradient(0deg, #000, #0000);
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	visibility:visible;
	opacity:1;
	z-index:2;
}



.home-blog .wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap {
	height: 100%;
} 

.home-blog .wpr-grid-item .wpr-grid-item-inner .wpr-grid-image-wrap img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.home-blog .wpr-grid-item .wpr-grid-item-inner .wpr-grid-item-below-content {
	z-index: 3;
	position: relative;
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.home-blog .wpr-grid-item .wpr-grid-item-inner {
	display: flex;
	align-items: end;
	height:100%;

}




.post-list .wpr-grid:after{
	display:none !important; 
}
.post-list .wpr-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	height: auto !important;
	opacity: 1 !important;
}
.post-list .wpr-grid .wpr-grid-item {
	width: 100% !important;
	float: none !important;
	position: unset !important;
	height: auto !important;
	background-color:#ffffff05;
	border-radius:24px !important;
	overflow:hidden;
}
.post-list .wpr-grid .wpr-grid-item .wpr-grid-item-inner{
	height:100%;
}

.post-list .wpr-grid .wpr-grid-item .wpr-grid-media-wrap {
	height: 285px;
}
.post-list .wpr-grid .wpr-grid-item .wpr-grid-media-wrap .wpr-grid-image-wrap {
	height: 100%;
}
.post-list .wpr-grid .wpr-grid-item .wpr-grid-media-wrap .wpr-grid-image-wrap img {
	width:100%;
	height: 100%;
	object-fit:cover;
}

.post-list .wpr-grid .wpr-grid-item .wpr-grid-item-below-content {
	padding: 32px 32px 92px !important;
	display:inline-flex;
	flex-direction:column;
	gap:13px;
}
.post-list .wpr-grid .wpr-grid-item .wpr-grid-item-read-more{
	position:absolute !important;
	bottom:40px;
	left:32px;
}

/* .border-top{
	position: absolute !important;
	inset: 0% 0% auto !important;
}

.inner-border-top{
	border-top: 75px solid #121212 !important;
	border-right: 100vw solid #0000 !important;
}

.border-bottom{
	position: absolute !important;
	inset: auto 0% 0% !important;
}

.inner-border-bottom{
	border-bottom: 75px solid #121212 !important;
	border-left: 100vw solid #0000 !important;
} */

.animation-sec{
	transform: rotate(-2.4deg) !important;
}

.animation-heading .e-con-inner{
	grid-column-gap: 16px !important;
	grid-row-gap: 16px !important;
	flex-direction: column !important;
	grid-template-rows: auto auto !important;
	grid-template-columns: 1fr 1fr !important;
	grid-auto-columns: 1fr !important;
	
}
.animation-heading .e-con-inner .animation-heading-inner{
	flex-direction: column !important;
	display: flex !important;
	margin-left: auto !important;
	margin-right: auto !important;
	align-items: center !important;
}
.animation-heading .e-con-inner .animation-inner-wrap{
	grid-column-gap: 2.75em !important;
	grid-row-gap: .75em !important;
	justify-content: center !important;
	place-items: center !important;
	width: 123% !important;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
	grid-auto-columns: 1fr !important;
	display: grid !important;
	padding: 25px 0px !important; 
}
.animation-heading .e-con-inner .animation-inner-wrap h2{
	white-space: nowrap;
	margin:0px !important;
}


.animation-inner-wrap {
	will-change: transform;
	transform: translate3d(0,0,0);
}

.animation-inner-wrap h2 {
	transform-style: preserve-3d;
	white-space: nowrap;
}

.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 28px;

}
.wpcf7-form p {
	margin: 0px;

}
.wpcf7-form p .wpcf7-form-control-wrap {
	display: block;
	margin-top: 16px;

}

.wpcf7-form p .wpcf7-form-control-wrap input,
.wpcf7-form p .wpcf7-form-control-wrap textarea {
	border-radius: 12px;
	width: 100%;
	height: 52px;
	margin-bottom: 0;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 16px;
	background-color: #ffffff0a;
	border-color: #121212;
}

.wpcf7-form p .wpcf7-form-control-wrap input:focus,
.wpcf7-form p .wpcf7-form-control-wrap textarea:focus{
	border-color:#F32525;
} 

.wpcf7-form p .wpcf7-form-control-wrap textarea {
	height: 152px;
	padding-top: 24px;
	border-radius: 24px;

}
.wpcf7-form-control.wpcf7-submit {
	width: 100%;
}
.wpcf7-spinner {
	display: none !important;
}
.wpcf7 form .wpcf7-response-output {
	padding: 0px;
	margin: 0px;
	border: none;
	color: red;
}
.wpcf7 form .wpcf7-response-output {
	padding: 0px;
	margin: 0px;
	border: none;
	color: red;
}

.wpcf7-not-valid-tip {
	margin-top:10px;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450;
}

.elementor-shortcode .tnp-subscription {
	margin: 0px;
	max-width: 100%;
}

.elementor-shortcode .tnp-subscription .tnp-field label {
	display: none;
}

.elementor-shortcode .tnp-subscription form {
	position: relative;
	display: flex;
	border: 1px solid #F32525;
	border-radius: 5px;
	overflow: hidden;
}

.elementor-shortcode .tnp-subscription .tnp-field {
	margin: 0px;
	width: 100%;
}

.elementor-shortcode .tnp-subscription form input {
	border-radius: 0px;
	height: 100%;
	color:#000;
}
.elementor-shortcode .tnp-subscription .tnp-field-button .tnp-submit{
	color:#fff;
}
.elementor-shortcode .tnp-subscription form input:placeholder{
	color:#121212 !important;
}
.elementor-shortcode .tnp-subscription .tnp-field-button{
	width:max-content;
}

/* footer css */

footer nav ul {
	display: flex !important;
	flex-direction: column;
	gap: 20px;
}
footer .wpr-mobile-nav-menu-container{
	display:none !important;
}
footer .wpr-nav-menu-container{
	display:block !important;
}










.scroll-slider {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	height: 90vh;
}
.scroll-wrapper {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.scroll-slide {
	flex: 1 0 30vw !important;
	max-width: 30vw !important;
	height: 100%;
	border-radius: 40px;
	overflow: hidden;
}




div#topscroll {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 60px;
    right: 60px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #f32525;
    cursor: pointer;
	z-index:999;
}

div#topscroll:before {
    content: "";
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none"><path d="M12 4L6 10M12 4L18 10M12 4L12 14.5M12 20V17.5" stroke="%23f32525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/24px;
    position: relative;
}



@media screen and (max-width: 1366px) {
	.site-main {
		padding-top: 127px;
	}
}




@media screen and (max-width: 1024px) {
	.wpr-mobile-mega-menu-wrap > ul {
		padding: 35px 24px;
		border-radius: 16px;
		border: 1px solid rgb(31, 31, 31);
		background-color: rgb(13, 13, 13);
		display: flex;
		flex-direction: column;
		margin-top: 47px !important;
	}
	nav .sub-menu .menu-item {
		margin-bottom: 0px;
        padding-top: 18px;
        padding-inline: 20px;
	}
	nav .sub-menu {
		padding: 24px !important;
		background-color: #0d0d0d !important;
		border: 1px solid #1f1f1f !important;
		border-radius: 16px;
		width: max-content !important;
		margin-top:0px !important;
		left:0px;
	}
	nav .sub-menu .menu-item:last-child {
		 margin-bottom: 0px;
        padding-bottom: 20px;
	}
	nav .sub-menu{
		width:100% !important;
		padding:0px !important;
	}
	.wpr-mobile-mega-menu-wrap > ul > .menu-item {
		display: flex;
		flex-direction: column;
	}
	.wpr-mobile-mega-menu-wrap > ul > .menu-item:first-child > a,
	.wpr-mobile-mega-menu-wrap > ul > .menu-item:last-child > a{
		margin-top: 0px;
	}
	.wpr-mobile-mega-menu-wrap > ul > .menu-item > a {
		margin: 16px 0px;
	}
	.wpr-mobile-toggle .wpr-mobile-toggle-line{
		transition:all 0.3s ease-in-out;
	}
	.wpr-mobile-toggle.wpr-mobile-toggle-open .wpr-mobile-toggle-line {
		transform: translateY(3px) rotate(132deg);
	}
	.wpr-mobile-toggle.wpr-mobile-toggle-open .wpr-mobile-toggle-line:last-child {
		transform: translateY(3px) rotate(228deg);
		top: -9px;
		position: relative;
	}
	.wpr-mobile-nav-menu-container .wpr-mobile-mega-menu-wrap {
		width: 100% !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
	}
	.elementor-widget-wpr-mega-menu{
		position:unset !important;
	}
}



@media screen and (max-width: 880px) {
	.p-sticky{
		position: unset;
	}
	.home-blog .wpr-grid {
		display:flex;
		flex-direction:column;
		gap:25px;
	}
	.home-blog .wpr-grid-item .wpr-grid-item-inner .wpr-grid-item-below-content {
		padding: 20px;
	}
	.post-list .wpr-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}

@media screen and (max-width: 767px) {
	.p-unset {
		position: unset !important;
	}
	footer nav ul {
		gap: 15px;
	}
	.site-main {
		padding-top: 88px;
	}
	div#topscroll {
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 30px;
	}
	.animation-heading .e-con-inner .animation-inner-wrap {
		padding: 10px 0px !important;
	}
}





