/*==========Genral style==========*/

:root {
	--color-text     : navy;
	--color-bg       : papayawhip;
	--color-bg-accent: #ecdcc0;
	--size           : clamp(10rem, 1rem + 40vmin, 30rem);
	--gap            : calc(var(--size) / 14);
	--duration       : 60s;
	--scroll-start   : 0;
	--scroll-end     : calc(-100% - var(--gap));
}

@font-face {
	font-family: charli-text;
	src        : url('fonts/charlie-text-thin.ttf');
	font-weight: 300;
}

@font-face {
	font-family: charli-text;
	src        : url('fonts/charlie-text-light.ttf');
	font-weight: 400;
}

@font-face {
	font-family: charli-text;
	src        : url('fonts/charlie-text-bold.ttf');
	font-weight: 500;
}

@font-face {
	font-family: charli-text;
	src        : url('fonts/charlie-text-semibold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: charli-text;
	src        : url('fonts/charlie-text-black.ttf');
	font-weight: 700;
}


html {
	scroll-behavior: smooth;
}

body,
html {
	width     : 100%;
	min-height: 100%;
	padding   : 0;
	margin    : 0;
}


body {
	position   : relative;
	font-family: 'Poppins', sans-serif;
	overflow-x : hidden;
}

p {
	font-weight: 400;
	font-size  : 16px;
}

h3,
h4,
h2 {
	font-weight: 600;
}

#main {
	position   : relative;
	margin-left: 0px;
	left       : 0px;
	transition : 0.3s !important;
}

h2 {
	font-size: 1.75rem !important;
}

.header {
	z-index   	: 10;
	background	: #fff;
	position	: fixed;
	top			: 0;
	left		: 0;
	width		: 100%;
}

/* .header .navbar-brand .logo-blue {
	display: none;
} */

.header.affix,
.header.white-nav {
	background: #fff;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
}

.header .navbar-brand {
	margin-right: 0;
}

.header.white-nav .navbar-brand {
	width       : 130px;
	height      : auto;
	margin-right: 0px;
}

/* .header.affix .navbar-brand .logo-blue, */
.header.white-nav .navbar-brand .logo-blue {
	display: block;
}

/* .header.affix .navbar-brand .logo-white, */
.header.white-nav .navbar-brand .logo-white {
	display: none;
}

.header ul li .nav-link {
	font-size  : 16px;
	font-weight: 600;
	color      : #202124;
	padding    : 20px 20px !important;
	cursor     : pointer;
	font-family: 'Poppins', sans-serif;
}

.header.affix ul li .nav-link,
.header.white-nav ul li .nav-link {
	color: #000;
}

.header ul li .nav-link.active,
.header ul li .nav-link:hover,
.header ul li .nav-link:focus {
	color: #f5800f !important;
}

.header ul li.submenu {
	/*position: relative;*/
}

.header ul li.submenu span.nav-link svg {
	position   : relative;
	top        : 0;
	margin-left: 5px;
	transition : 0.2s ease-out;
}

.header ul li.submenu.open span.nav-link svg {
	transform: rotate(180deg);
}

.header ul li.submenu.open span.nav-link {
	color: #f5800f;
}

.header ul li.submenu .dropdown-menu {
	position          : absolute;
	left              : 0;
	top               : 100%;
	width             : 100%;
	max-height        : 0;
	background        : #fff;
	border-radius     : 0px;
	padding           : 0;
	border            : none;
	box-shadow        : 0 24px 48px -36px #00112c1A;
	overflow          : hidden;
	display           : block;
	-webkit-transition: max-height .1s ease-out .1s;
	-moz-transition   : max-height .1s ease-out .1s;
	-o-transition     : max-height .1s ease-out .1s;
	-ms-transition    : max-height .1s ease-out .1s;
	transition        : max-height .1s ease-out .1s;
}

.header ul li.submenu .dropdown-menu .menu-content {
	background: #FEF2E6;
}

.header ul li.submenu .dropdown-menu .menu-content h1 {
	font-weight: 600;
	font-size  : 24px;
	line-height: 42px;
	color      : #000;
}

.header ul li.submenu .dropdown-menu .menu-content p {
	font-weight: 400;
	font-size  : 14px;
	line-height: 26px;
	color      : #474747;
	width      : 100%;
	max-width  : 270px;
}

.header ul li.submenu .dropdown-menu .menu-list {
	padding: 20px 35px;
}

.header ul li.submenu .dropdown-menu .menu-list .menu-item {
	padding      : 12px 19px;
	border-radius: 5px;
	width        : 100%;
	max-width    : 370px;
}

.header ul li.submenu .dropdown-menu .menu-list .menu-item:hover {
	background: #FEF2E6;
}

.header ul li.submenu .dropdown-menu .menu-list .menu-item a {
	text-decoration: none;
	padding-top    : 0;
	padding-bottom : 0;
}

.header ul li.submenu .dropdown-menu .menu-list .menu-item a .link-title {
	text-decoration: none;
	color          : #000;
	font-weight    : 600;
	font-size      : 16px;
	line-height    : 24px;
	margin-bottom  : 7px;
}

.header ul li.submenu .dropdown-menu .menu-list .menu-item a p {
	font-weight  : 400;
	font-size    : 14px;
	line-height  : 19px;
	color        : #7C7B7B;
	margin-bottom: 0px;
}

.header ul li.submenu .dropdown-menu .menu-list .menu-item:hover a .link-title {
	color: #EB7503;
}

/*.header ul li.submenu ul.dropdown-menu li {
	border-bottom: 1px solid #e7e7e7;
}

.header ul li.submenu ul.dropdown-menu li:last-child {
	border-bottom: 0px;
}

.header ul li.submenu ul.dropdown-menu li a {
	padding: 10px 15px;
	color: var(--bs-navbar-color) !important;
	font-size: 15px;
    font-weight: 500;
}

.header ul li.submenu ul.dropdown-menu li a:hover, 
.header ul li.submenu ul.dropdown-menu li a.active {
	color: #f5800f !important;
}*/

.header ul li.submenu.open .dropdown-menu {
	max-height: 40em;
}

.header .btn-demo {
	background        : linear-gradient(151.55deg, #F4800F 18.68%, #D44313 83.37%);
	font-family       : 'Poppins', sans-serif;
	color             : #fff;
	border            : 0;
	font-weight       : 600;
	font-size         : 15px;
	padding           : 10px 19px;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
	background-size   : 150% 100%;
}

.header .btn-demo:active,
.header .btn-demo:hover {
	background-position: 100% 0;
	-moz-transition    : all .4s ease-in-out;
	-o-transition      : all .4s ease-in-out;
	-webkit-transition : all .4s ease-in-out;
	transition         : all .4s ease-in-out;
}

.header .btn-demo:active {
	color: #fff; 
}

/*.header .navbar-toggler {
	border: 2px solid #f5800f;
    border-radius: 0;
	color: #f5800f;
	opacity: 1;
    font-size: 20px;
    padding: 4px 7px;
}

.header .navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}*/

.hamburger {
	width        : 28px;
	height       : 3px;
	background   : #373795;
	position     : relative;
	box-shadow   : 0 2px 5px rgba(0, 0, 0, .2);
	transition   : 0.5s;
	border-radius: 50px;
}

.hamburger:before {
	top: -8px;
}

.hamburger:after {
	top: 8px;
}

/* Icon 3 
}*/

.hamburger-three:before,
.hamburger-three:after {
	content      : '';
	position     : absolute;
	width        : 28px;
	height       : 3px;
	background   : #373795;
	box-shadow   : 0 2px 5px rgba(0, 0, 0, 0.2);
	transition   : 0.5s;
	border-radius: 50px;
}

.icon-three.active-three {
	border: 0;
}

.icon-three.active-three .hamburger-three {
	background: transparent;
	box-shadow: none;
}

.icon-three.active-three .hamburger-three:before {
	top       : 0;
	transform : rotate(135deg);
	box-shadow: none;
}

.icon-three.active-three .hamburger-three:after {
	top       : 0;
	transform : rotate(225deg);
	box-shadow: none;
}

.header.affix .hamburger,
.header.white-nav .hamburger {
	background: #000;
	box-shadow: none;
}

.header.affix .hamburger::before,
.header.affix .hamburger::after,
.header.white-nav .hamburger::before,
.header.white-nav .hamburger::after {
	background: #000;
	box-shadow: none;
}

.header.affix .icon-three.active-three,
.header.white-nav .icon-three.active-three {
	border: 0;
}

.header.affix .icon-three.active-three .hamburger-three,
.header.white-nav .icon-three.active-three .hamburger-three {
	background: transparent;
	box-shadow: none;
}

@media (max-width: 1400px) {
	.header ul li .nav-link {
		padding: 20px 14px !important;
	}
}

@media (max-width: 1100px) and (min-width: 992px) {
	.header ul li .nav-link {
		padding: 20px 10px !important;
	}
}

@media (max-width: 1200px) {
	.header .navbar-brand img {
		width : 100px;
		height: auto;
	}

	.header ul li .nav-link {
		font-size: 14px;
	}

	.header .btn-demo {
		font-size: 14px;
		padding  : 10px 15px;
	}
}

@media (max-width: 992px) {

	.header .container {
		padding-left : 0;
		padding-right: 0;
	}

	.header .navbar-brand {
		margin-left: 1.5rem;
	}

	.header .navbar-toggler {
		margin-right: 1.5rem;
		padding     : 0;
	}

	.header .navbar-brand img {
		width : 100px;
		height: auto;
	}

	.header .navbar-collapse {
		width        : 100%;
		transition   : all 0.2s;
		background   : #fff;
		height       : 100%;
		/*visibility   : hidden;
		opacity      : 0;
		z-index      : -1;*/
		margin-top   : 10px;
		padding-left : 1.5rem;
		padding-right: 1.5rem;
	}

	.header .navbar-collapse.show {
		/*min-height: 100vh;
		visibility: visible;
		opacity   : 1;
		z-index   : 9;*/
	}

	.header ul {
		background: #fff;
		height: 90vh;
	}

	.header ul li .nav-link {
		color        : #474747 !important;
		border-bottom: 1px solid rgba(71, 71, 71, 0.2);
		padding      : 18px 0px !important;
		font-size    : 20px;

	}

	.header ul li span.nav-link {
		display        : flex;
		align-items    : center;
		justify-content: space-between;
	}

	.header ul li:last-child a {
		border-bottom: none;
	}

	.header ul li.submenu .dropdown-menu {
		position  : relative;
		overflow-y: auto;
	}

	.header ul li.submenu.open .dropdown-menu {
		max-height: 25em;
	}

	.header ul li.submenu .dropdown-menu .menu-list {
		padding: 20px 0px;
	}

	.header ul li.submenu .dropdown-menu .menu-list .menu-item {
		padding: 0;
	}
	
	.header ul li.submenu .dropdown-menu .menu-list .menu-item:hover {
		background: transparent;
	}

	.header ul li.submenu .dropdown-menu .menu-list .menu-item a {
		margin-bottom: 20px;
		display      : block;
	}

	.header ul li.submenu .dropdown-menu .menu-list .menu-item a .link-title {
		padding      : 0 !important;
		border-bottom: none;
		color        : #000000 !important;
		font-size    : 18px;
	}

	.header ul li.submenu .dropdown-menu .menu-list .menu-item a p {
		font-size: 16px;
	}

	.header .btn-demo {
		margin-top   : 20px;
		width        : 100%;
		font-size    : 18px;
		border-radius: 5px;
	}
}

/*==========Genral style End==========*/


.event-degital-main section {
	/* font-family: 'charli-text', sans-serif; */
	font-family: 'Poppins', sans-serif;
}

.event-degital-main section .btn-demo {
	background        : linear-gradient(151.55deg, #F4800F 18.68%, #D44313 83.37%);
	color             : #fff;
	font-size         : 15px;
	font-weight       : 600;
	border            : 0px;
	padding           : 10px 20px;
	font-family       : 'Poppins', sans-serif;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
	background-size   : 150% 100%;

}

.event-degital-main section .btn-demo:hover {
	background-position: 100% 0;
	-moz-transition    : all .4s ease-in-out;
	-o-transition      : all .4s ease-in-out;
	-webkit-transition : all .4s ease-in-out;
	transition         : all .4s ease-in-out;
}

.event-degital-main section .btn:hover,
.event-degital-main section .btn:focus {
	outline   : none;
	box-shadow: none;
}

.event-degital-main section h2 {
	font-size  : 42px !important;
	font-weight: 700;
	line-height: 54px;
}

.event-degital-main section .title-badge {
	border       : 1px solid;
	width        : fit-content;
	margin-bottom: 20px;
	font-size    : 14px;
	font-weight  : 500;
	line-height  : 20px;
	text-align   : center;
	border-radius: 6px;
	padding      : 5px 15px;
}

.animates {
	opacity: 0;
}

@media (max-width: 992px) {
	
	.event-degital-main section h2 {
		font-size  : 32px !important;
		line-height: 40px;
	}
}

/*==== Event degital section banner ====*/

.event-degital-body {
	padding: 0px 25px;
}

.event-degital-body {
	padding-top: 80px;
}

.event-degital-sec {
	background-color      : #131B7D;
	/* background-image   : url(../images/events-degital/bg_circle.svg);
	background-size       : 75%;
	background-position   : center;
	background-repeat     : no-repeat; */
	position              : relative;
	color                 : #fff;
	border-radius         : 20px;
	overflow              : hidden;
	padding               : 100px 0px;
}

.event-degital-sec .title-nav {
	margin-bottom: 30px;
	gap          : 10px;
}

.event-degital-sec .title-nav li .title-badge {
	border          : 1px solid #F4800F;
	color           : #fff;
	background-color: transparent;
	font-weight     : 600;
	padding         : 8px 20px;
}

.event-degital-sec .after-image {
	position : absolute;
	top      : 37%;
	left     : 0;
	transform: translate(-50%, -50%);
	width    : 300px;
	height   : 300px;
}

.event-degital-sec .after-image img {
	width: 100%;
}

.event-degital-sec .sec-inner-content {
	z-index : 2;
	position: relative;
}

.event-degital-sec h1 {
	font-size    : 50px;
	margin-bottom: 20px;
	font-weight  : 600;
	margin-top   : 20px;
	max-width    : 500px;
}

.event-degital-sec p {
	font-weight: 300;
	font-size  : 18px;
	max-width  : 500px;
}

.event-degital-sec p.color {
	color      : #FFC952;
	font-weight: 500;
}

.event-degital-sec .event-degital-banner-img {
	z-index : 9;
	position: relative;
}

.event-degital-sec .video-play-button,
.video-div .video-play-button {
	position         : absolute;
	z-index          : 10;
	box-sizing       : content-box;
	display          : flex;
	align-items		 : center;
	justify-content	 : center;
	width            : 84px;
	height           : 84px;
	border-radius    : 50%;
	padding          : 18px 20px 18px 28px;
	box-shadow       : 0 0px 30px #131c7d9a;
	top              : 45%;
	left             : 50%;
	transform        : translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	cursor           : pointer;
}

.event-degital-sec .video-play-button {
	left : auto;
	right: 0;
}

.video-div .video-play-button {
	top: 47%;
	width: 32px;
    height: 44px;
	box-shadow: 0 0px 30px rgba(255, 175, 21, 0.5);
}

.video-play-button:before {
	content      : "";
	position     : absolute;
	z-index      : 0;
	left         : 50%;
	top          : 50%;
	transform    : translateX(-50%) translateY(-50%);
	display      : block;
	width        : 120px;
	height       : 120px;
	background   : #131c7dc0;
	border-radius: 50%;
	animation    : pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
	content      : "";
	position     : absolute;
	z-index      : 1;
	left         : 50%;
	top          : 50%;
	transform    : translateX(-50%) translateY(-50%);
	display      : block;
	width        : 120px;
	height       : 120px;
	background   : linear-gradient(95.73deg, #131B7D 21.08%, #173B95 80.56%);
	border-radius: 50%;
	transition   : all 200ms;
	transition   : all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
	border       : 2px solid #fff;
}

.video-div .video-play-button::before, 
.video-div .video-play-button::after {
	width : 100px;
	height: 100px;
}

.video-play-button img {
	width           : 60%;
	position        : absolute;
	top             : 50%;
	left            : 50%;
	transform       : translate(-50%, -50%);
	-wekit-transform: translate(-50%, -50%);
	z-index         : 2;
}

.video-play-button:hover:after {
	background: #1a2d5e;
	transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.video-play-button:hover span {
	border-left: 32px solid #F5800F;
}

.video-play-button span {
	display      : block;
	position     : relative;
	z-index      : 3;
	width        : 0;
	height       : 0;
	transform    : scale(0.8);
	border-left  : 32px solid #fff;
	border-top   : 22px solid transparent;
	border-bottom: 22px solid transparent;
	transition   : all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity  : 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity  : 0;
	}
}

.event-degital-sec .btn-demo {
	margin-top: 40px;
}

.video-modal .btn-close {
	position  : absolute;
	top       : 10px;
	right     : 10px;
	opacity   : 1;
	background: none;
	color     : #fff;
	font-size : 30px;
}

.video-modal .modal-body button:hover {
	background: #fff;
	color     : #F4800F;
}

.video-modal .modal-body button:focus {
	outline   : none;
	box-shadow: none;
}

.video-wrapper {
	position     : absolute;
	z-index      : 1;
	top          : 0;
	left         : 0;
	width        : 100%;
	height       : 100%;
	background   : linear-gradient(91.07deg, #131B7D 0.92%, rgba(19, 27, 125, 0) 104.1%);
	-o-object-fit: fill;
	object-fit   : fill;
}

.video-wrapper::before {
	content   : '';
	position  : absolute;
	top       : 0;
	left      : 0;
	width     : 100%;
	height    : 100%;
	background: linear-gradient(91.07deg, #131B7D 0.92%, rgba(19, 27, 125, 0) 104.1%);
	z-index   : 2;
}

.video-wrapper video {
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	pointer-events   : none;
	width            : 100vw;
	height           : 56.25vw;
	min-height       : 100vh;
	min-width        : 177.77vh;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform    : translate(-50%, 0%);
	transform        : translate(-50%, 0%);
	margin-left      : 50%;
	z-index          : 1;
}

/*==== Event degital section logo Slider ====*/

.clients-partner {
	padding: 70px 0px;
}

.clients-partner .slider-title {
	font-weight   : 500;
	font-size     : 14px;
	line-height   : 18px;
	letter-spacing: 0.61px;
	text-align    : center;
	text-transform: uppercase;
	color         : #62748E;
	margin-bottom : 30px;
}

.marquee-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 1rem 0;
}

.marquee-content {
	display: flex;
	animation: scroll 25s linear infinite;
	width: fit-content;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

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

/* Logo card styles */
.logo-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 150px;
	margin: 0 20px;
	padding: 20px;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

/* Logo image styles */
.logo-image {
	height: auto;
	max-height: 100px;
	width: auto;
	max-width: 150px;
	object-fit: contain;
	transition: all 0.3s ease;
}

/*==== Event degital section Introduction ====*/

.event-detital-intro-b {
	padding: 70px 0px;
}

.event-detital-intro-b .row {
	align-items: center;
}

.event-detital-intro-b .title-badge.conference {
	color       : #CA3500;
	border-color: #FFD6A7;
	background  : #FFF7ED;
}

.event-detital-intro-b .title-badge.exhibitions {
	color       : #1447E6;
	border-color: #BEDBFF;
	background  : #EFF6FF;
}

.event-detital-intro-b .title-badge.career {
	color       : #008236;
	border-color: #B9F8CF;
	background  : #F0FDF4;
}

.event-detital-intro-b .title-badge.webinars {
	color       : #CA3500;
	border-color: #FFD6A7;
	background  : #FFF7ED;
}

.event-degital-main section.event-detital-intro-b h2 {
	font-size    : 32px !important;
	margin-bottom: 20px;
	color        : #202124;
	max-width    : 500px;
	line-height  : 40px;
}

.event-detital-intro-b p {
	color      : #202124;
	font-size  : 16px;
	font-weight: 300;
}

.event-detital-intro-b p b {
	font-weight: 600 !important;
}

.event-detital-intro-b.bg-grey {
	background-color: #F4F4F8;
}


/*==== Event degital Section Key Feature ====*/

.key-feature {
	border-radius      : 20px;
	position           : relative;
	overflow           : hidden;
	background-image   : url('../images/backgrounds/features-bg.png');
	background-repeat  : no-repeat;
	background-position: center;
	background-size    : cover;
}

.key-feature h2 {
	font-size    : 42px !important;
	font-weight  : 600;
	margin-bottom: 40px;
	color        : #fff;
}

.key-feature p.pra-top {
	font-size    : 18px;
	margin-bottom: 30px;
	font-weight  : 500;
	max-width    : 615px;
	margin-right : auto;
	margin-left  : auto;
	color        : #fff;
}

.key-feature .key-card {
	/* background-color   : #fff;
	background-image   : url('../images/events-degital/muted_ring.svg'); */
	background            : linear-gradient(180deg, #FFFFFF 0%, #D8E4FF 100%);
	/* background-size    : inherit;
	background-position   : 40px 30px; */
	background-repeat     : no-repeat;
	border-radius         : 6px;
	color                 : #000;
	width                 : 100%;
	text-align            : center;
	padding               : 45px 20px 20px 20px;
	height                : 100%;
	box-shadow            : 0px 10px 30px #99999933;
}

.key-feature h3 {
	font-weight  : 600;
	margin-bottom: 10px;
	font-size    : 22px;
}

.key-feature .key-card p {
	font-size  : 14px;
	font-weight: 400;
	line-height: 22px;
	color      : #475262;
}

.key-feature .key-card img {
	margin       : auto;
	margin-bottom: 40px;
	width        : auto;
	height       : 180px;
}

@media (max-width: 1400px) {
	.key-feature .key-card img {
		height: 150px;
	}
}

@media (max-width: 1200px) {
	.key-feature .key-card img {
		height: 130px;
	}
}

@media (max-width: 767px) {
	.key-feature .key-card img {
		width : 100%;
		height: auto;
	}
	
	.logo-card {
		min-width: 150px;
		margin: 0 10px;
        padding: 10px;
	}
	
	.logo-image {
		max-height: 80px;
	}
}


/*==== Event degital Middle banner ====*/

.middle-banner {
	background         : #131B7D;
	background-image   : url('../images/backgrounds/middle-banner-bg.png');
	background-repeat  : no-repeat, no-repeat;
	background-position: center, center;
	background-size    : cover;
	padding            : 70px 0px;
}

.event-degital-main section.middle-banner h2 {
	font-size    : 32px !important;
	color        : #fff;
	line-height  : 35px;
	margin-bottom: 15px;
}

.middle-banner p {
	color      : #fff;
	font-size  : 18px;
	line-height: 24px;
}

.middle-banner .counter-numbers {
	margin-top: 60px;
	width     : 100%;
	max-width : 1064px;
}

.middle-banner .counter-numbers ul.nav {
	justify-content: space-around;
}

.middle-banner .counter-numbers ul.nav li {
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	align-items    : center;
	gap            : 10px;
	color          : #fff;
	font-weight    : 500;
	font-size      : 14px;
	line-height    : 22px;
}

.middle-banner .counter-numbers ul.nav li .number-count {
	font-weight: 700;
	font-size  : 42px;
	line-height: 42px;
	min-width  : 170px;
}

/*==== Event degital section Audience Analysis  ====*/

.audience-analysis {
	background-color: #F8FAFC;
	padding         : 70px 0px;
}

.audience-analysis .title-badge {
	border-color    : #D44313;
	background-color: transparent;
	color           : #F4800F;
	margin-bottom   : 24px;
}

.audience-analysis h2 {
	margin-bottom: 30px;
	text-align   : center;
	margin-bottom: 20px;
	width        : 100%;
	max-width    : 795px;
	margin-left  : auto;
	margin-right : auto;
}

.audience-analysis p.top-pra {
	font-size    : 16px;
	line-height  : 24px;
	margin-bottom: 40px;
	width        : 100%;
	max-width    : 560px;
	text-align   : center;
	margin-left  : auto;
	margin-right : auto;
}

.audience-analysis p {
	font-weight: 400;
	font-size  : 14px;
	color      : #475262;
	line-height: 20px;
}

.audience-analysis .analytics-list {
	margin-bottom: 28px;
	width        : 100%s;
}

.audience-analysis .analytics-list ul.nav {
	gap           : 14px;
	flex-direction: row;
	flex-wrap     : nowrap;
}

.audience-analysis .analytics-list ul.nav li.nav-item img {
	width : 35px;
	height: auto;
}

.audience-analysis .analytics-list ul.nav li.nav-item .al-text {
	display       : flex;
	flex-direction: column;
	gap           : 5px;
}

.audience-analysis .analytics-list ul.nav li.nav-item .al-text .title {
	color      : #202124;
	font-size  : 16px;
	font-weight: 600;
	line-height: 24px;
}


/*==== Event degital section Virtual Events ====*/

.event-virtual .title-badge {
	border-color    : #FFD6A7;
	background-color: #FFF7ED;
	color           : #CA3500;
	margin-bottom   : 35px !important;
}

.event-virtual h2 {
	margin-bottom: 35px;
	text-align   : center;
}

.event-virtual p {
	color     : #515151;
	font-size : 18px;
	text-align: center;
}

.event-virtual .virtual-tab {
	background   : #f9fafc;
	border-radius: 8px;
}

.event-virtual .virtual-tab .virtual-nav {
	background   : #fff;
	border-radius: 8px;
	padding      : 20px;
}

.event-virtual .virtual-tab .virtual-nav a,
.event-virtual .virtual-tab .card .card-header {
	font-size             : 16px;
	padding-left          : 15px;
	position              : relative;
	color                 : #000;
	margin-bottom         : 10px;
	/* background-image   : url('../images/events-degital/dot-circle-o.svg');
	background-repeat     : no-repeat;
	background-size       : inherit;
	background-position   : 10px 13px; */
	cursor                : pointer;
	font-weight           : 500;
}

.event-virtual .virtual-tab .card {
	overflow: hidden;
}

.event-virtual .virtual-tab .card .card-header {
	background-position: 15px 20px;
	cursor             : pointer;
	margin-bottom      : 0px;
}

.event-virtual .virtual-tab .card .card-header::after {
	content            : '';
	position           : absolute;
	right              : 15px;
	top                : 20px;
	background-image   : url('../images/keyFeatures/plus-icon.svg');
	background-size    : contain;
	width              : 14px;
	height             : 14px;
	background-repeat  : no-repeat;
	background-position: center;
	transition         : all 0.5s;
}

.event-virtual .virtual-tab .card .card-header.active::after {
	background-image: url('../images/keyFeatures/minus.svg');
}

.event-virtual .virtual-tab .virtual-nav a:hover {
	background         : #f4800f21;
	color              : #F4800F;
	border-radius      : 8px;
	background-image   : url('../images/events-degital/dot-circle-o.svg');
	background-repeat  : no-repeat;
	background-size    : inherit;
	background-position: 10px 13px;
}

.event-virtual .virtual-tab .virtual-nav a.active,
.event-virtual .virtual-tab .virtual-nav a.active:hover {
	background         : #F4800F;
	color              : #fff;
	border-radius      : 8px;
	background-image   : url('../images/events-degital/dot-circle-o-white.svg');
	background-repeat  : no-repeat;
	background-size    : inherit;
	background-position: 10px 13px;
}

/* .event-virtual .virtual-tab .card .card-header.active {
	background         : #F4800F;
	color              : #fff;
	background-image   : url('../images/events-degital/dot-circle-o-white.svg');
	background-repeat  : no-repeat;
	background-size    : inherit;
	background-position: 15px 20px;
} */

.event-virtual .virtual-tab .virtual-nav a.active::after {
	content      : '';
	position     : absolute;
	right        : -15%;
	top          : 12px;
	width        : 0;
	height       : 0;
	border-top   : 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left  : 15px solid #F4800F;
}

.event-virtual .virtual-tab .tab-content {
	padding   : 35px 15px;
	max-width : 550px;
	margin    : auto;
	text-align: center;
}

.event-virtual .virtual-tab .tab-content h3,
.event-virtual .virtual-tab .card .card-body h3 {
	font-size    : 24px !important;
	font-weight  : 500;
	margin-bottom: 30px;
}

.event-virtual .virtual-tab .tab-content p,
.event-virtual .virtual-tab .card .card-body p {
	font-size  : 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.event-virtual .virtual-tab .card .card-body p img {
	max-width: 350px;
	margin   : auto;
}

/*==== Event degital section Event transfer ====*/

.transfer-event {
	padding          : 83px 0px;
	background-image : url('../images/backgrounds/event-transfer-bg.png');
	background-size  : cover;
	background-repeat: no-repeat;
}

.event-degital-main section.transfer-event h2 {
	font-size    : 52px !important;
	margin-bottom: 30px;
	color        : #fff;
	line-height  : 65px;
}

.transfer-event p {
	font-size    : 18px;
	line-height  : 28px;
	color        : #fff;
	margin-bottom: 30px;
}

.transfer-event .te-card {
	background-color: #fff;
	border-radius   : 12px;
	padding         : 22px 25px 22px 15px;
	box-shadow      : none;
	height          : 100%;
	border          : 1px solid #FFFFFF33;
}

.transfer-event .te-card ul.nav {
	flex-direction: row;
	flex-wrap     : nowrap;
	gap           : 10px;
}

.transfer-event .te-card ul.nav li img {
	width : 35px;
	height: auto;
}

.transfer-event .te-card ul.nav li .te-card-text {
	display       : flex;
	flex-direction: column;
	gap           : 5px;
	color         : #475262;
}

.transfer-event .te-card ul.nav li .te-card-text .title {
	font-weight: 600;
	font-size  : 14px;
	color      : #202124;
}

.transfer-event .te-card ul.nav li .te-card-text p {
	margin-bottom: 0px;
	color        : #202124;
	font-size    : 12px;
	line-height  : 18px;

}

/*==== Event degital section Standard Features ====*/

.standard-features {
	background-color: #F4F4F8;
}

.standard-features h2 {
	margin-bottom: 30px;
	text-align   : center;
	font-family  : 'charli-text', sans-serif;
}

.standard-features .feature-card {
	box-shadow    : 0px 3px 6px #00000029;
	border-radius : 8px;
	border        : 0px;
	padding-top   : 20px;
	padding-bottom: 20px;
}

.standard-features .feature-card .card-top {
	position: relative;
}

.standard-features .feature-card .card-top::after {
	content   : '';
	width     : 100%;
	height    : 2px;
	background: #A3A3A3;
	position  : absolute;
	bottom    : 0px;
	left      : 0;
}

.standard-features .feature-card img {
	margin-bottom: 15px;
}

.standard-features .feature-card h3 {
	font-size    : 18px;
	font-weight  : 500;
	margin-bottom: 15px;
}

.standard-features .feature-card h4 {
	font-size  : 14px;
	font-weight: 300;
	color      : #A3A3A3;
	width      : 100px;
	background : #fff;
	z-index    : 9;
	padding    : 2px 10px;
	margin     : auto;
	position   : relative;
	top        : 9px;
}

.standard-features .feature-card .card-content {
	padding: 30px 30px 30px 30px;
}

.standard-features .feature-card p {
	font-size  : 14px;
	font-family: 'Open Sans', sans-serif;
}

.standard-features .feature-card .btn {
	border           : 1px solid;
	background       : transparent;
	font-size        : 14px;
	border-radius    : 6px;
	width            : 100%;
	margin-top       : 20px;
	position         : absolute;
	bottom           : 0px;
	width            : 85%;
	left             : 50%;
	transform        : translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.standard-features .feature-card .btn-oneoff {
	border-color: #BDBDBD;
	color       : #000000;
}

.standard-features .feature-card .btn-oneoff:hover {
	background-color: #424242;
	color           : #fff;
	border-color    : #424242;
}

.standard-features .feature-card .btn-basic {
	border-color: #F4800F;
	color       : #F4800F;
}

.standard-features .feature-card .btn-basic:hover {
	background-color: #F4800F;
	color           : #fff;
}

.standard-features .feature-card .btn-pro {
	border-color: #131B7D;
	color       : #131B7D;
}

.standard-features .feature-card .btn-pro:hover {
	background-color: #131B7D;
	color           : #fff;
}

.standard-features .nav .nav-item a.nav-link {
	color        : #000;
	font-size    : 16px;
	border-radius: 0px;
}

.standard-features .nav .nav-item a.nav-link.active {
	background-color: #F4800F;
	color           : #fff;
	border-color    : #F4800F;
	border-radius   : 0px;
}

.feature-details .row {
	align-items  : center;
	border-bottom: 1px solid #F0DAC4;
	/* font-family  : 'charli-text', sans-serif; */
}

.feature-details .nav-tabs .nav-link {
	color        : #424242;
	border       : 1px solid #f4800d;
	border-radius: 0px;
	border-right : 0;
}

.feature-details .nav-tabs li:last-child {
	border-right: 1px solid #f4800d;
}

.feature-details .nav-tabs .nav-link:hover {
	color           : #424242;
	background-color: #f3f3f3;
}

.feature-details .nav-tabs .nav-link.active,
.feature-details .nav-tabs .nav-link.active:hover {
	color           : #ffffff;
	background-color: #f4800d;
}

.feature-details h2 {
	font-size    : 30px !important;
	font-weight  : 600;
	margin-bottom: 40px;
	text-align   : center;
	font-family  : 'Poppins', sans-serif;
}

.feature-details h2 a {
	background   : #f5800f14;
	width        : 40px;
	height       : 40px;
	border-radius: 50%;
	color        : #f4800d;
	line-height  : 41px;
	font-size    : 26px;
	display      : inline-block;
}

.feature-details h2 a i {
	position: relative;
	top     : 1px;
}

.feature-details h2 a:hover {
	text-decoration: none;
	background     : #f4800d;
	color          : #fff;
}

.feature-details h4 {
	font-size  : 26px;
	font-weight: 400;
}

.feature-details h5 {
	font-size  : 18px;
	font-weight: 600;
}

.feature-details span {
	font-size  : 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.feature-details .col-cell {
	border-left: 1px solid #F0DAC4;
}

.feature-details .col,
.feature-details .col-md-5,
.feature-details .col-7,
.feature-details .col-5 {
	padding-top   : 10px;
	padding-bottom: 10px;
}

.col-cell img.opecity-0 {
	opacity: 0;
}

.feature-details .btn-demo {
	background        : linear-gradient(151.55deg, #F4800F 18.68%, #D44313 83.37%);
	color             : #fff;
	font-size         : 18px;
	width             : 205px;
	border            : 0px;
	padding-top       : 15px;
	padding-bottom    : 15px;
	font-family       : 'Poppins', sans-serif;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
	background-size   : 150% 100%;
}

.feature-details .btn-demo:hover {
	background-position: 100% 0;
	-moz-transition    : all .4s ease-in-out;
	-o-transition      : all .4s ease-in-out;
	-webkit-transition : all .4s ease-in-out;
	transition         : all .4s ease-in-out;
	outline            : 0;
	box-shadow         : none;
	color: #fff;
}

.feature-details .btn-demo:active {
	color: #fff;
}

.feature-details .row.elements-side {
	border     : 0px;
	align-items: unset;
}

.feature-details .elements-side .heading-box {
	background-color: #151c7d;
	color           : #fff;
	font-weight     : 600;
	padding         : 5px 10px;
	font-size       : 16px;
	margin-bottom   : 10px;
}

.feature-details .elements-side ul li {
	font-size    : 14px;
	color        : #424242;
	border-bottom: 1px solid #ebeaea;
	padding      : 10px 10px;
	font-weight  : 600;
	font-family  : 'Open Sans', sans-serif;
}

/*==== Section event-virtual New ====*/

.virtualEvent-accordion {
	max-width: 480px;
}

.virtualEvent-accordion .accordion-item {
	border       : 0;
	border-bottom: 1px solid #0000001A;
	border-radius: 0px;
}

.virtualEvent-accordion .accordion-item:last-child {
	border-bottom: none;
}

.virtualEvent-accordion .accordion-item .accordion-button {
	border       : none;
	border-radius: 0px;
	padding      : 20px 0px;
	font-weight  : 400;
	font-size    : 20px;
	line-height  : 100%;
	color        : #202124CC;
	box-shadow   : none;
}

.virtualEvent-accordion .accordion-item .accordion-button:focus,
.virtualEvent-accordion .accordion-item .accordion-button:active {
	box-shadow: none;
}

.virtualEvent-accordion .accordion-item .accordion-button::after {
	background-image   : url('../images/keyFeatures/plus-icon.svg');
	background-size    : contain;
	width              : 14px;
	height             : 14px;
	background-position: center;
}

.virtualEvent-accordion .accordion-item .accordion-button:not(.collapsed) {
	color           : #131B7D;
	background-color: transparent;
	box-shadow      : none;
	font-weight     : 600;
}

.virtualEvent-accordion .accordion-item .accordion-button:not(.collapsed)::after {
	background-image: url('../images/keyFeatures/minus.svg');
	background-size : contain;
	width           : 14px;
	height          : 14px;
	transform       : none;
}

.virtualEvent-accordion .accordion-item .accordion-body {
	font-size     : 14px;
	font-weight   : 400;
	color         : #475262;
	padding       : 0;
	padding-bottom: 20px;
}

.card.Accordion-imgs {
	border             : none;
	border-radius      : 20px;
	background-image   : url('../images/backgrounds/features-bg.png');
	background-repeat  : no-repeat;
	background-position: center;
	background-size    : cover;
	padding            : 30px 50px;
	display            : flex;
	align-items        : center;
	justify-content    : center;
	height             : 100%;
}

/*==== Integrated Job Board and Virtual Job Fair ====*/

.job-board h2 {
	font-size    : 30px !important;
	font-weight  : 600;
	margin-bottom: 30px;
	text-align   : center;
	font-family  : 'charli-text', sans-serif;
}

.job-board p {
	font-family: 'charli-text', sans-serif;
	text-align : center;
	font-weight: 300;
	font-size  : 18px;
}


/*==== Event degital section Event Showcase slider ====*/

.event-showcase {
	text-align: center;
	padding   : 84px 0px;
}

.event-showcase .title-badge {
	border-color    : #FFD6A7;
	background-color: #FFF7ED;
	color           : #CA3500;
	margin-bottom   : 24px !important;
}

.event-showcase h2 {
	margin-bottom: 40px;
}

.event-showcase p {
	font-size: 20px;
}

.event-showcase .carousel-control-prev {
	left: -20%;
}

.event-showcase .carousel-control-next {
	right: -20%;
}

.event-showcase .carousel-control-next,
.event-showcase .carousel-control-prev {
	width        : 40px;
	height       : 40px;
	color        : #F4800F;
	border       : 1px solid #F4800F;
	border-radius: 50%;
	line-height  : 40px;
	opacity      : 1;
	top          : 47%;
}

.event-showcase .carousel-control-next:hover,
.event-showcase .carousel-control-prev:hover,
.event-showcase .carousel-control-next:focus,
.event-showcase .carousel-control-prev:focus {
	color     : #ffffff;
	background: #F4800F;
}

/* .event-showcase .carousel-bg {
	position : relative;
	top      : 0;
	left     : 0;
	max-width: 730px;
	margin   : auto;
	z-index  : 9;
}

.event-showcase .carousel {
	position         : absolute;
	top              : 46%;
	left             : 50.3%;
	width            : 560px;
	transform        : translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	height           : 340px;
	z-index          : 9;
}

.event-showcase .carousel .carousel-inner .carousel-item img {
	height: 350px;
}

.event-showcase .nav li {
	color        : #242424;
	font-size    : 16px;
	font-weight  : 300;
	padding-left : 25px;
	padding-right: 25px;
	text-align   : center;
}

.event-showcase .nav li span {
	font-size  : 30px;
	font-weight: 600;
} */

.showcase-card {
	border       : 1px solid #E2E8F0;
	box-shadow   : 0px 1px 2px -1px #0000001A;
	position     : relative;
	border-radius: 20px;
}

.showcase-card .sc-img {
	padding-top            : 65%;
	position               : relative;
	overflow               : hidden;
	border-top-left-radius : 20px;
	border-top-right-radius: 20px;
}

.showcase-card .sc-img::before {
	content   : '';
	position  : absolute;
	top       : 0;
	left      : 0;
	width     : 100%;
	height    : 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
	z-index   : 1;
}

.showcase-card .sc-img img {
	position  : absolute;
	width     : 100%;
	height    : 100%;
	object-fit: cover;
	top       : 0;
	left      : 0;
}

.showcase-card .sc-img .showcase-title {
	font-weight: 700;
	font-size  : 24px;
	line-height: 28px;
	text-align : center;
	color      : #FFFFFF;
	padding    : 22px 20px;
	width      : 100%;
	position   : absolute;
	bottom     : 0px;
	left       : 0px;
	z-index    : 1;
}

.showcase-card .sc-body {
	padding: 28px 28px;
}

.showcase-card .sc-body p {
	text-align   : center;
	margin-bottom: 20px;
	font-weight  : 400;
	font-size    : 14px;
	line-height  : 22.75px;
	color        : #475262;
}

.showcase-card .sc-body ul {
	gap            : 14px;
	align-items    : center;
	justify-content: space-between;
}

.showcase-card .sc-body ul li {
	background-color: #F8FAFC;
	border-radius   : 12px;
	display         : flex;
	flex-direction  : column;
	align-content   : center;
	justify-content : center;
	padding         : 13px 14px;
	flex            : 1 1 auto;
}

.showcase-card .sc-body ul li .decp {
	font-weight: 700;
	font-size  : 15.8px;
	line-height: 24.5px;
	text-align : center;
	color      : #202124;
}

.showcase-card .sc-body ul li .title {
	color      : #475262;
	font-weight: 400;
	font-size  : 13px;
	line-height: 17px;
}

.event-showcase .event-showcase-slider .slick-slide {
	height: 100%;
}


/*==== Event degital section Client Logo Carousel ====*/

.client-carousel {
	background-color: #F8FAFC;
	padding         : 70px 0px;
}

.client-carousel .title-badge {
	border-color    : #BEDBFF;
	background-color: #EFF6FF;
	color           : #1447E6;
	margin-bottom   : 20px !important;
}

.client-carousel h2 {
	margin-bottom: 30px;
}

.client-carousel .card {
	background   : transparent;
	box-shadow   : none;
	border-radius: 8px;
	position     : relative;
}

.client-carousel .card .carousel {
	padding-bottom: 60px;
	width         : 100%;
}

.client-carousel .card .carousel .carousel-inner {
	padding: 30px 15px;
}

.client-carousel .card .carousel .carousel-inner .carousel-img {
	position     : relative;
	border-radius: 20px;
	width        : 100%;
}

.client-carousel .card .carousel .carousel-inner .carousel-img .before {
	position        : absolute;
	top             : -29px;
	right           : 20px;
	background-color: #fff;
	border-radius   : 50%;
	display         : flex;
	align-items     : center;
	justify-content : center;
	width           : 58px;
	height          : 58px;
	box-shadow      : 0px 4px 6px -4px hsla(0, 0%, 0%, 0.1);
}

.client-carousel .card .carousel .carousel-inner .carousel-img .before img {
	width: 30px;
}

.client-carousel .card .carousel .carousel-inner .carousel-img img {
	width        : 100%;
	border-radius: 20px;
	width        : 100%;
	height       : auto;
}

.client-carousel .card .carousel .carousel-inner p {
	font-size   : 16px;
	color       : #333333;
	padding-left: 40px;
	margin      : auto;
}

.client-carousel .card .carousel .carousel-inner p img {
	max-width    : 230px;
	margin-bottom: 10px;
}

.client-carousel .card .carousel .carousel-indicators {
	left         : 0;
	width        : 100%;
	margin-left  : 0;
	margin-right : 0;
	margin-bottom: 0px;
}

.client-carousel .card .carousel .carousel-indicators li, 
.client-carousel .card .carousel .carousel-indicators button {
	width        : 8px;
	height       : 8px;
	border       : 1px solid #EDDFD9;
	border-radius: 50%;
	background-color: #EDDFD9;
	transition: 0.2s all;
}

.client-carousel .card .carousel .carousel-indicators li.active, 
.client-carousel .card .carousel .carousel-indicators button.active {
	background: linear-gradient(151.55deg, #F4800F 18.68%, #D44313 83.37%);
	width: 20px;
	border-radius: 20px;
}

.client-carousel .card .carousel .carousel-control-prev {
	left                     : 0;
	border-bottom-left-radius: 8px;
}

.client-carousel .card .carousel .carousel-control-next {
	right                     : 0;
	border-bottom-right-radius: 8px;
}

.client-carousel .card .carousel .carousel-control-next,
.client-carousel .card .carousel .carousel-control-prev {
	width      : 130px;
	height     : 80px;
	color      : #ffffff;
	line-height: 40px;
	opacity    : 1;
	bottom     : -12%;
	top        : auto;
}

.client-carousel .card .carousel .carousel-control-next {
	background         : url('../images/events-degital/slider_arrow_bg.svg');
	background-size    : 100%;
	background-position: center 3px;
	background-repeat  : no-repeat;
}

.client-carousel .card .carousel .carousel-control-next i {
	position : absolute;
	bottom   : 10%;
	right    : 12%;
	font-size: 30px;
}

.client-carousel .card .carousel .carousel-control-prev {
	background         : url('../images/events-degital/slider_arrow_bg_left.svg');
	background-size    : 100%;
	background-position: center 3px;
	background-repeat  : no-repeat;
}

.client-carousel .card .carousel .carousel-control-prev i {
	position : absolute;
	bottom   : 10%;
	left     : 12%;
	font-size: 30px;
}

@media (max-width: 992px) {
	.client-carousel .card .carousel .carousel-inner p {
		padding-left: 0;
	}
}

/*==== Event degital section Contact/Book Demo ====*/

.book-demo {
	padding-top   : 50px;
	padding-bottom: 45px;
	background    : #F3F3F7;
}

.book-demo h2 {
	font-size  : 36px;
	font-weight: 600;
	text-align : center;
}

.book-demo .book-form {
	background-color: #fff;
	box-shadow      : 0px 20px 60px #3E3E3E29;
	border-radius   : 8px;
	margin          : auto;
	margin-top      : 40px;
	padding         : 40px 30px;
	margin-bottom   : 20px;
	position        : relative;
}

.book-demo .book-form form .form-group {
	margin-bottom: 40px;
}

.book-demo .book-form form .form-group label {
	font-size  : 14px;
	font-weight: 500;
}

.book-demo .book-form form .form-control {
	border       : none;
	border-bottom: 1px solid #E5E5E5;
	box-shadow   : none;
	border-radius: 0px;
	font-size    : 16px;
}

.book-demo .book-form form input::placeholder,
.book-demo .book-form form select::placeholder,
.book-demo .book-form form textarea::placeholder {
	color: #C2C2C2;
}

.book-demo .book-form form .form-group span {
	color      : #f00;
	font-size  : 12px;
	font-weight: normal;
	display    : block;
}

.book-demo .book-form form .form-control:focus,
.book-demo .book-form form .form-control:active {
	box-shadow   : none;
	outline      : 0;
	border-bottom: 1px solid #F5800F;
}

.book-demo .book-form form select {
	-webkit-appearance: none;
}

.select_appearness {
	position: relative;
}

.book-demo .book-form form .form-group .form-dropdown {
	position: relative;
}

.select_appearness::before,
.book-demo .book-form form .form-group .form-dropdown .dropdown-result::after {
	content          : "";
	background-image : url('https://www.mwanmobile.com/wp-content/themes/Mwan_mobile/images/arrow-1-1.svg');
	background-repeat: no-repeat;
	background-size  : contain;
	pointer-events   : none;
	position         : absolute;
	right            : 15px;
	bottom           : 15px;
	width            : 10px;
	height           : 7px;
	z-index          : 999;
	border           : 0;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-result {
	border       : 0;
	border-bottom: 1px solid #E5E5E5;
	border-radius: 0;
	color        : #212529;
	width        : 100%;
	text-align   : left;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-result {
	padding: 6px 12px;
	cursor : pointer;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-result span {
	font-size: 16px;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu {
	width        : 100%;
	padding      : 10px;
	border-radius: 0;
	border-color : #E5E5E5;
	max-height   : 200px;
	overflow-y   : auto;
	top          : 98%;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu::-webkit-scrollbar {
	width: 10px;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
	background: #888;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu {
	display: none;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu.active {
	display: block;
}

.book-demo .book-form form .form-group .form-dropdown span {
	color: #212529;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check input,
.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check label {
	cursor: pointer;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check label {
	padding: 2px 0px;
	width  : 100%;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check input.form-check-input {
	border-radius: 0px;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check input.form-check-input:focus,
.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check input.form-check-input:active {
	box-shadow: none;
}

.book-demo .book-form form .form-group .form-dropdown .dropdown-menu li .form-check input.form-check-input:checked {
	background-color: #F5800F;
	border-color    : #F5800F;
}

.book-demo .bottom-banner {
	background-color: #131B7D;
	border-radius   : 8px;
	color           : #fff;
}

.book-demo .bottom-banner .demo-sec-video {
	display        : flex;
	flex-direction : column;
	flex-wrap      : wrap;
	align-content  : center;
	justify-content: center;
	align-items    : center;
	height         : 100%;
}

.book-demo .bottom-banner p {
	font-size: 16px;
}

.book-demo .bottom-banner p.banner-hds {
	font-size: 20px;
}

.book-demo .bottom-banner img {
	width        : 100%;
	margin-bottom: 20px;
}

.book-demo .bottom-banner .play-btn {
	position          : absolute;
	top               : 50%;
	left              : 50%;
	transform         : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
	background        : transparent linear-gradient(90deg, #EB7503 0%, #FFBB00 100%);
	box-shadow        : 0px 1px 11px #00000036;
	width             : 75px;
	height            : 75px;
	line-height       : 75px;
	color             : #fff;
	text-align        : center;
	border-radius     : 100%;
	cursor            : pointer;
	font-family       : 'Poppins', sans-serif;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
	background-size   : 150% 100%;
}

.book-demo .bottom-banner .play-btn i {
	font-size        : 21px;
	position         : absolute;
	top              : 50%;
	left             : 56%;
	transform        : translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.book-demo .bottom-banner .play-btn:hover {
	background-position: 100% 0;
	-moz-transition    : all .4s ease-in-out;
	-o-transition      : all .4s ease-in-out;
	-webkit-transition : all .4s ease-in-out;
	transition         : all .4s ease-in-out;
}

.book-demo .book-form form .form-group .btn-demo span {
	/* display: inline-block; */
	vertical-align: inherit;
	color         : currentColor;
	display       : none;
}

.book-demo .book-form form .form-group .btn-demo span.show {
	display: inline-block;
}

.form-submit-msg {
	position        : absolute;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
	background-color: #fff;
	z-index         : 999;
	display         : none;
}

.form-submit-msg .message-content {
	position         : absolute;
	top              : 50%;
	left             : 50%;
	transform        : translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-family      : 'Poppins', sans-serif;
	width            : 100%;
}

.form-submit-msg .message-content h4 {
	font-weight  : 600;
	font-size    : 22px;
	margin-bottom: 20px;
}

.form-submit-msg .message-content p {
	font-weight  : 300;
	font-size    : 16px;
	margin-bottom: 5px;
}

/* ==== Footwer style ==== */

.footer.footer-top {
	padding-top   : 70px;
	padding-bottom: 45px;
	background    : #131B7D;
}

.footer.footer-top ul.nav .footer-title {
	font-weight  : 600;
	font-size    : 16px;
	line-height  : 24px;
	color        : #fff;
	margin-bottom: 13px;
}

.footer.footer-top .footer-title img {
	margin-bottom: 25px;
}

.footer.footer-top p.footer-text {
	color        : #FFFFFFE5;
	font-weight  : 300;
	font-size    : 14px;
	line-height  : 20px;
	margin-bottom: 24px;
	max-width    : 280px;
}

.footer.footer-top ul.nav li a {
	font-weight: 300;
	font-size  : 14px;
	line-height: 21px;
	color      : #FFFFFFCC;
	padding    : 7px 5px 7px 0px;
}

.footer.footer-top ul.nav li a:hover {
	color: #fff;
}

.footer.footer-top .footer-hd {
	font-weight  : 600;
	font-size    : 24px;
	line-height  : 36px;
	color        : #FFFFFF;
	margin-bottom: 25px;
}

.footer.footer-top .btn-demo {
	background        : transparent linear-gradient(90deg, #EB7503 0%, #FFBB00 100%);
	color             : #fff;
	font-size         : 16px;
	font-weight       : 600;
	border            : 0px;
	padding           : 10px 17px;
	font-family       : 'Poppins', sans-serif;
	-moz-transition   : all .4s ease-in-out;
	-o-transition     : all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition        : all .4s ease-in-out;
	background-size   : 150% 100%;
	margin-bottom     : 20px;
}

.footer.footer-top .btn-demo:hover {
	background-position: 100% 0;
	-moz-transition    : all .4s ease-in-out;
	-o-transition      : all .4s ease-in-out;
	-webkit-transition : all .4s ease-in-out;
	transition         : all .4s ease-in-out;
}

.footer.footer-top .small-hd {
	font-weight  : 600;
	font-size    : 20px;
	line-height  : 30px;
	color        : #FFFFFF;
	margin-bottom: 11px;
}

.footer.footer-top .social-list .nav {
	gap: 14px;
}

.footer.footer-top .social-list .nav li a {
	width          : 35px;
	height         : 35px;
	border         : 1px solid #F4800F;
	border-radius  : 8px;
	display        : flex;
	align-items    : center;
	justify-content: center;
	color          : #ffffff;
	font-size      : 16px;
	padding: 0;
}

.footer.footer-top .social-list .nav li a img {
	opacity: 0.9;
}

.footer.footer-top .social-list .nav li a:hover {
	color: #fff;
}

.footer.footer-top .social-list .nav li a:hover img {
	opacity: 1;
}

.footer.footer-top .social-list .nav li:last-child a {
	margin-right: 0px;
}

.footer.footer-bottom {
	background    : linear-gradient(95.73deg, #173B95 21.08%, #131B7D 80.56%);
	color         : #fff;
	font-weight   : 400;
	font-size     : 14px;
	line-height   : 20px;
	padding-top   : 30px;
	padding-bottom: 30px;
}

.footer.footer-bottom .mwan-link {
	border          : 1px solid #05DF72;
	background-color: transparent;
	color           : #05DF72 !important;
	border-radius   : 6px;
	padding         : 3px 6px;
}

.footer.footer-bottom img {
	width : 145px;
	height: auto;
}


.about-event-info .number-sec {
	background-color: #131B7D;
	padding         : 50px 20px;
	border-radius   : 20px;
}

.about-event-info .number-sec .number-body {
	color    : #fff;
	font-size: 25px;
}

.about-event-info .number-sec .number-body .t-number {
	font-size  : 65px;
	font-weight: 600;
	line-height: 65px;
}

.our-story .sec-s-title {
	font-size  : 14px;
	line-height: 22px;
	color      : #f5800f;
	font-weight: 600;
}

.our-story h2 {
	max-width    : 100%;
	margin-bottom: 12px;
}

.our-story .about-title {
	font-size    : 24px;
	font-weight  : 400;
	line-height  : 30px;
	margin-bottom: 5px;
}

.our-story .about-img {
	width    : 100%;
	max-width: 500px;
	margin   : auto;
}

.our-story .btn-line {
	border             : 0;
	background-color   : transparent;
	font-size          : 18px;
	font-style         : normal;
	font-weight        : 600;
	letter-spacing     : 0.99px;
	text-transform     : uppercase;
	line-height        : 35px;
	padding            : 8px 23px 8px 0px;
	background-position: right 4px center;
	background-repeat  : no-repeat;
	background-size    : 12px;
	position           : relative;
	color              : #000;
	background-image   : url('../images/arrow-dark.svg');
}

.btn-line::after {
	content         : '';
	position        : absolute;
	left            : 0;
	bottom          : 0;
	width           : 100%;
	height          : 1px;
	background-color: #000;
	transition      : 0.2s all;
}

.btn-line:hover::after {
	bottom: 3px;
}

.modal.show {
	padding-right: 0px !important;
}

.contact-page {
	background: #fff;
}

.contact-page .book-form {
	background: transparent;
	box-shadow: none;
	padding   : 0;
}

.contact-sec h3 {
	text-align : left;
	font-size  : 25px;
	font-weight: 600;
}

.contact-sec h4 {
	font-size  : 18px;
	font-weight: 600;
}

.contact-sec p {
	width    : 100%;
	max-width: 400px;
}

.contact-page .book-form form {
	border-radius: 0.25rem;
	border       : 1px solid #ddd;
	padding      : 20px 30px;
}

.contact-page .book-form form .form-group {
	margin-bottom: 20px;
}

.contact-page .book-form form .form-group .form-check .form-check-input {
	border-radius: 0px;
	cursor       : pointer;
}

.contact-page .book-form form .form-group .form-check .form-check-input:focus,
.contact-page .book-form form .form-group .form-check .form-check-input:active {
	box-shadow: none;
}

.contact-page .book-form form .form-group .form-check .form-check-input:checked {
	background-color: #f5800f;
	border-color    : #f5800f;
}

a.mwan-link:hover {
	border-bottom: 1px solid #fff;
}

.event-degital-main .term-policy h2 {
	font-size: 34px !important;
}

.term-policy h3 {
	font-size: 28px;
}

.term-policy h4 {
	font-size: 22px;
}

.event-degital-inner {
	padding-top: 65px;
}

.wrapper {
	position     : fixed;
	bottom       : 50px;
	right        : -370px;
	max-width    : 345px;
	width        : 100%;
	background   : #fff;
	border-radius: 8px;
	padding      : 15px 25px 22px;
	transition   : right 0.3s ease;
	box-shadow   : 0 5px 10px rgba(0, 0, 0, 0.1);
	z-index      : 10;
}

.wrapper.show {
	right           : 20px;
	transition-delay: 3s;
}

.wrapper header {
	display    : flex;
	align-items: center;
	column-gap : 15px;
}

.wrapper header h2 {
	color      : #000;
	font-weight: 500;
}

.wrapper .data {
	margin-top: 16px;
}

.wrapper .data p {
	color    : #333;
	font-size: 16px;
}

.wrapper .data p a {
	color          : #4070f4;
	text-decoration: none;
}

.wrapper .data p a:hover {
	text-decoration: underline;
}

.wrapper .buttons {
	margin-top     : 16px;
	width          : 100%;
	display        : flex;
	align-items    : center;
	justify-content: space-between;
}

.buttons .button {
	border       : none;
	color        : #fff;
	padding      : 8px 0;
	border-radius: 4px;
	background   : #131B7D;
	border       : 2px solid #131B7D;
	border       : 0;
	cursor       : pointer;
	width        : calc(100% / 2 - 10px);
	transition   : all 0.2s ease;
}

.buttons #acceptBtn:hover {
	background-position: 100% 0;
	-moz-transition    : all .4s ease-in-out;
	-o-transition      : all .4s ease-in-out;
	-webkit-transition : all .4s ease-in-out;
	transition         : all .4s ease-in-out;
}

.buttons #declineBtn {
	border      : 2px solid;
	background  : #fff;
	border-color: #131B7D;
	color       : #131B7D;
}

#declineBtn:hover {
	background: #131B7D;
	color     : #fff;
}

/*.img-side-col {
	background-repeat: no-repeat;
    background-size: cover;
	height: 200px;
	width: auto;
}

.img-side-col img {
	opacity: 0;
	transition: opacity 250ms ease-in-out;
}

.img-side-col::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	animation: pulse 2.5s infinite;
	background-color: white;
}

.img-side-col.loaded::before {
	animation: none;
	content: none;
}

.img-side-col.loaded {
	height: auto;
}

.img-side-col.loaded img {
	opacity: 1;
}

@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}*/

@media (max-width: 992px) {
	.event-degital-body {
		padding-top: 60px;
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {

	.footer.footer-top .social-list .nav {
		justify-content: center;
	}

	.footer.footer-top .social-list .nav li a {
		margin: 0px 7px 10px 0px;
	}

	.about-event-info .number-sec .number-body {
		font-size: 20px;
	}

	.about-event-info .number-sec .number-body .t-number {
		font-size: 40px;
	}

	.event-detital-intro-b p {
		font-size: 14px;
	}
}

@media (max-width: 767px) {

	.footer.footer-top {
		padding-top   : 14px;
		padding-bottom: 30px;
		padding-left  : 18px;
		padding-right : 18px;
	}

	.footer.footer-top .col-lg-9 .row .col-md-3 {
		border-bottom : 1px solid rgba(255, 255, 255, 0.2);
		padding-bottom: 20px;
		padding-top   : 30px;
	}

	.footer.footer-top ul.nav .footer-title {
		font-size  : 22px;
		line-height: 33px;
	}

	.footer.footer-top .social-list .nav li a {
		margin: 0px 7px 10px 0px;
	}

	.footer.footer-bottom {
		padding-top   : 32px;
		padding-bottom: 42px;
	}

	.footer.footer-top .social-list .nav {
		justify-content: start;
	}

	.video-modal .modal-body button {
		right: 0px;
	}

	.about-event-info .number-sec .number-body {
		font-size: 22px;
	}

	.about-event-info .number-sec .number-body .t-number {
		font-size: 45px;
	}
}

@media (max-width: 575px) {
	.footer.footer-top {
		padding-left : 30px;
		padding-right: 30px;
	}
}

@media (min-width: 1400px) {
	.event-degital-sec .after-image {
		top      : 43%;
		transform: translate(-48%, -50%);
		width    : 410px;
		height   : 410px;
	}
}

@media (min-width: 1200px) {

	.event-detital-intro .img-side-area .full-imgs {
		max-width: 100%;
		width    : 100%;
	}

	.event-showcase .carousel-bg {
		max-width: 965px;
	}

	.event-showcase .carousel {
		top   : 47%;
		width : 744px;
		height: 455px;
	}

	.event-showcase .carousel .carousel-inner .carousel-item img {
		height: 463px;
	}
}

@media (min-width: 1400px) and (max-width: 1600px) {
	/* .event-degital-sec .container {
		padding-left: 10%;
	} */

	/* .event-detital-intro-b .container {
		padding-left : 7%;
		padding-right: 5%;
	} */
}

@media (min-width: 1600px) and (max-width: 1750px) {
	/* .event-degital-sec .container {
		padding-left: 5%;
	} */

	/* .event-detital-intro-b .container {
		padding-left : 4%;
		padding-right: 3%;
	} */
}

@media (max-width: 1200px) {
	/* .client-carousel .card {
		padding: 30px 0px;
	} */

	.event-virtual .virtual-tab .virtual-nav a.active::after {
		right: -20%;
	}
}

@media (max-width: 1290px) and (min-width: 1150px) {
	.event-degital-sec h1 {
		font-size: 45px;
	}
}

@media (max-width: 1150px) and (min-width: 1100px) {
	.event-degital-sec .container {
		padding-left: 6%;
	}

	.event-detital-intro-b .container {
		padding-left : 5%;
		padding-right: 3%;
	}

	.event-degital-sec h1 {
		font-size: 40px;
	}

	.event-degital-sec p {
		font-size: 16px;
	}
}

@media (max-width: 1100px) and (min-width: 992px) {
	.event-degital-sec .container {
		padding-left: 10%;
	}

	.event-detital-intro-b .container {
		padding-left : 7%;
		padding-right: 5%;
	}

	.event-degital-sec h1 {
		font-size: 40px;
	}

	.event-degital-sec p {
		font-size: 16px;
	}
}

@media (max-width: 992px) {

	.event-degital-sec {
		padding: 50px 0px;
	}

	.event-degital-sec h1 {
		font-size: 5vw !important;
		max-width: 400px;
	}

	.event-degital-sec p {
		font-size: 16px;
		max-width: 400px;
	}

	.event-degital-sec .video-play-button {
		width : 60px;
		height: 60px;
	}

	.video-play-button:before,
	.video-play-button:after {
		width : 90px;
		height: 90px;
	}

	.event-degital-sec .after-image {
		width : 250px;
		height: 250px;
	}

	.event-degital-main section.event-detital-intro-b h2 {
		font-size  : 26px !important;
		line-height: 32px;
	}

	.event-detital-intro .event-solution-content {
		padding-left: 10px;
	}

	.middle-banner .counter-numbers ul.nav li .number-count {
		font-size  : 32px;
		line-height: 32px;
	}

	.event-showcase .carousel {
		top              : 50%;
		width            : 530px;
		transform        : translate(-50%, -53%);
		-webkit-transform: translate(-50%, -53%);
		height           : 330px;
	}

	.virtualEvent-accordion .accordion-item .accordion-button {
		font-size: 16px;
		padding  : 15px 0px;
	}

	.event-showcase .carousel .carousel-inner .carousel-item img {
		height: 330px;
	}

	.event-degital-main section.transfer-event h2 {
		font-size  : 40px !important;
		line-height: 46px;
	}

	/* .client-carousel .card {
		padding: 30px 0px;
	} */

	.event-degital-main section.middle-banner h2 {
		font-size: 30px !important;
	}

	.event-detital-intro .img-side-area .full-imgs {
		max-width: 400px;
		width    : 100%;
	}

	.feature-details .row {
		align-items: unset;
	}

	.feature-details h2 {
		font-size      : 18px !important;
		width          : 100%;
		display        : flex;
		flex-wrap      : nowrap;
		justify-content: center;
		align-items    : center;
	}

	.feature-details h4 {
		font-size: 20px;
	}

	.feature-details h5 {
		font-size: 16px;
	}

	.feature-details.desktop-sec {
		display: none;
	}

	.feature-details .row {
		border-top   : 1px solid #F0DAC4;
		border-bottom: none;
	}

	.feature-details .row .card .card-header {
		padding         : 5px 10px;
		background-color: #fff;
		position        : relative;
	}

	.feature-details .row .card .card-header::after {
		content     : '';
		position    : absolute;
		right       : 15px;
		top         : 25px;
		width       : 0;
		height      : 0;
		border-left : 7px solid transparent;
		border-right: 7px solid transparent;
		border-top  : 10px solid #F4800F;
		transition  : all 0.5s;
	}

	.feature-details.elements-sec .row .card .card-header::after {
		top: 20px;
	}

	.feature-details .row .card .card-header.active::after {
		-webkit-transform: rotate(180deg);
		-moz-transform   : rotate(180deg);
		transform        : rotate(180deg);
	}

	.feature-details .row .card .card-body {
		padding-top: 0px;
	}

	.event-virtual .virtual-tab .card .card-header {
		background-color: #fff;
	}

	.feature-details.new-mobile-sec {
		background-color: #f9f9f9;
	}

	.feature-details.new-mobile-sec .nav.top-nav-tab {
		box-shadow      : 0px 5px 11px 0px #42424238;
		background-color: #fff;
	}

	.feature-details.new-mobile-sec .nav.top-nav-tab.sticky {
		top     : 0;
		width   : 100%;
		z-index : 9999 !important;
		position: fixed;
	}

	.feature-details.new-mobile-sec .nav li a {
		font-size     : 14px;
		font-weight   : 500;
		text-transform: uppercase;
		color         : #424242;
	}

	.feature-details.new-mobile-sec .nav li a.active {
		border-bottom: 4px solid #f4800b;
	}

	.feature-details.new-mobile-sec .nav li a img {
		width  : 50px;
		display: block;
		margin : auto;
	}

	.feature-details.new-mobile-sec .tab-hd {
		width    : 100%;
		color    : #fff;
		padding  : 4px 20px;
		font-size: 16px;
	}

	.sticky+.tab-content {
		padding-top: 110px;
	}

	.feature-details.new-mobile-sec .tab-hd.one-off {
		background: #424242;
	}

	.feature-details.new-mobile-sec .tab-hd.basic {
		background: #f4800b;
	}

	.feature-details.new-mobile-sec .tab-hd.pro {
		background: #14157A;
	}

	.feature-details.new-mobile-sec .tab-body li {
		padding      : 5px 20px;
		font-size    : 14px;
		text-align   : left;
		border-bottom: 1px solid #ebeaea;
	}

	.feature-details.new-mobile-sec .tab-body li span {
		color: #f4800d;
	}

	.form-submit-msg .message-content {
		width: 90%;
	}
	
	.card.Accordion-imgs {
		padding: 20px 30px;
	}
}

@media (max-width: 900px) {
	.event-degital-sec .after-image {
		display: none;
	}
}

@media (max-width: 767px) {

	.event-degital-sec h1 {
		margin-top   : 0px;
		margin-bottom: 20px;
		font-size    : 24px !important;
	}

	.event-degital-sec .video-play-button {
		width     : 22px;
		height    : 22px;
		box-shadow: none;
		top       : unset;
		bottom    : -35px;
	}

	.event-degital-sec .btn-demo {
		margin-top: 10px;
	}

	.video-play-button:before,
	.video-play-button:after {
		width : 50px;
		height: 50px;
	}

	.video-play-button span {
		border-left  : 22px solid #fff;
		border-top   : 12px solid transparent;
		border-bottom: 12px solid transparent;
	}

	.video-play-button:hover span {
		border-left: 22px solid #F5800F;
	}

	.event-degital-sec .title-nav {
		margin-bottom: 10px;
		gap          : 5px;
	}

	.event-degital-sec .title-nav li .title-badge {
		padding  : 3px 10px;
		font-size: 12px;
	}

	.event-detital-intro .col-lg-5 {
		padding-right: 0px;
		padding-left : 0px;
	}

	.event-detital-intro .img-side-area.ara-b {
		height: 320px;
	}

	.event-degital-sec p,
	.event-detital-intro p {
		font-size: 16px;
	}

	.event-detital-intro .event-solution-content {
		align-items : center;
		padding-left: 0px;
	}

	.event-degital-main section.event-detital-intro h2,
	.event-detital-intro p {
		max-width: 100%;
	}

	.event-detital-intro ul {
		width          : 100%;
		justify-content: center;
		flex-wrap      : nowrap;
	}

	.event-detital-intro ul li {
		font-size: 12px;
	}

	.event-detital-intro ul li img {
		width : auto;
		height: 30px;
	}

	.key-feature h3 {
		font-size: 20px !important;
	}

	.key-feature p.pra-top br {
		display: none;
	}

	.key-feature,
	.book-demo {
		padding-top   : 20px;
		padding-bottom: 20px;
	}

	.event-virtual .virtual-tab .virtual-nav a.active::after {
		display: none;
	}

	.event-degital-main section.event-detital-intro h2,
	.event-degital-main section.middle-banner h2,
	.event-degital-main section h2 {
		font-size    : 24px !important;
		margin-bottom: 20px;
		line-height: 30px;
	}

	.event-degital-main section.middle-banner h2 {
		font-size: 25px !important;
	}

	.standard-features .feature-card h3,
	.event-virtual .virtual-tab .tab-content h3 {
		font-size: 18px !important;
	}

	.key-feature p.pra-top {
		font-size: 16px;
	}

	.event-detital-intro-b {
		padding: 30px 0px;
	}

	.middle-banner .counter-numbers {
		margin-top: 20px;
	}

	.middle-banner .counter-numbers ul.nav {
		flex-direction: row;
		gap           : 20px;
	}

	.audience-analysis,
	.transfer-event,
	.event-showcase,
	.client-carousel,
	.middle-banner {
		padding: 30px 0px;
	}

	.event-degital-main section.transfer-event h2 {
		font-size  : 28px !important;
		line-height: 35px;
	}

	.transfer-event p {
		font-size: 16px;
	}

	.feature-details.mobile-sec {
		background: #f7f7f7;
	}

	.feature-details h4 {
		font-size: 20px;
	}

	.feature-details h5 {
		font-size: 14px;
	}

	.feature-details span {
		font-size: 14px;
	}

	.event-virtual .virtual-tab .card .card-header,
	.event-virtual .virtual-tab .card .card-header.active {
		background-position: 15px 20px;
		padding-top        : 15px;
		padding-bottom     : 15px;
		border-bottom      : 0px;
	}

	.event-virtual .virtual-tab .card .card-header h5 {
		font-size: 16px !important;
	}

	.middle-banner p,
	.event-virtual p {
		font-size: 16px;
	}

	.event-virtual .virtual-tab .card .card-body p {
		text-align: left;
	}

	.standard-features .feature-card .card-content {
		padding: 30px 30px 10px 30px;
	}

	.standard-features .feature-card .btn {
		position : relative;
		transform: none;
		left     : 0;
		width    : 100%;
	}

	.event-showcase .carousel {
		position         : relative;
		height           : auto;
		top              : 0;
		transform        : none;
		-webkit-transform: none;
		left             : auto;
		max-width        : 470px;
		margin           : auto;
	}

	.event-showcase .carousel .carousel-inner .carousel-item img {
		height: auto;
	}

	.event-showcase .carousel-control-next,
	.event-showcase .carousel-control-prev {
		width      : 25px;
		height     : 25px;
		line-height: 25px;
	}

	.event-showcase .carousel-control-prev {
		left: -30px;
	}

	.event-showcase .carousel-control-next {
		right: -30px;
	}

	.event-showcase .nav li {
		font-size    : 14px;
		padding-left : 8px;
		padding-right: 8px;
		font-weight  : 400;
	}

	.event-showcase .nav li span {
		font-size  : 24px;
		font-weight: 600;
	}

	.showcase-card .sc-body {
		padding: 20px 20px;
	}

	.showcase-card .sc-body ul li {
		padding: 8px 11px;
	}

	.showcase-card .sc-body ul li .decp {
		font-size: 12px;
	}

	.showcase-card .sc-body ul li .title {
		font-size: 10px;
	}

	.client-carousel .card {
		padding: 30px 0px;
	}

	.client-carousel .card .carousel {
		height: auto;
	}

	.client-carousel .card .carousel .carousel-inner p {
		font-size: 14px;
	}

	.client-carousel .card .carousel .carousel-inner p img {
		max-width: 130px;
	}

	.client-carousel .card .carousel .carousel-control-next,
	.client-carousel .card .carousel .carousel-control-prev {
		bottom: -34px;
	}

	.book-demo .book-form {
		padding   : 10px 20px;
		margin-top: 20px;
	}

	.book-demo .book-form form .form-group {
		margin-bottom: 20px;
	}

	.book-demo .bottom-banner p {
		font-size: 13px;
	}

	.mb {
		margin-bottom: 20px;
	}

	.book-demo .btn-demo {
		width: 100% !important;
	}
	
	.card.Accordion-imgs {
		padding: 15px 25px;
	}
}

@media (max-width: 500px) {
	.event-showcase .carousel {
		max-width: 310px;
	}

	.event-showcase .nav li {
		font-size: 14px;
	}

	.event-showcase .nav li span {
		font-size: 24px;
	}

	.wrapper.show {
		right: 10px;
	}
}

@media (max-width: 400px) {
	.event-detital-intro ul li {
		font-size: 10px;
	}

	.event-showcase .carousel-control-prev {
		left: 0px;
	}

	.event-showcase .carousel-control-next {
		right: 0px;
	}

	.standard-features .nav .nav-item a.nav-link {
		color    : #000;
		font-size: 16px;
		padding  : .35rem;
	}
}

@media (max-width: 360px) {
	.feature-details.new-mobile-sec .nav li a {
		font-size: 12px;
	}
}

@media (max-width: 340px) {
	.standard-features .nav .nav-item a.nav-link {
		font-size: 12px;
	}
}

/*==== Event Degital 31 Aug 2021 End====*/