/* ConferencePro Brand Theme  
	================================================== */
	:root {
	  --festival-padding-y: 3rem;
	  --white:#fff;
	  --green:  #004088;;
	  --dark-green:  #002b5b;
	  --light-green: #08f;
	  --yellow: #FDF0CA;
	  --dark-yellow: #EECA5E;
	  --light-grey: #eaeaea;
	  --light-blue: #30859E;
	  --dark-blue: #0079D2;
	  --blue: #3DADFF;
	  --pastel-blue: radial-gradient(59.33% 245.83% at 94.44% 169.58%,rgba(0, 195, 255, 0.8) 24.93%,rgba(69,231,221,.8) 60.76%,hsla(0,0%,100%,.8) 88.56%),linear-gradient(0deg,#0062b9);
	  --row-footer: linear-gradient(238deg, rgb(2, 199, 244) 0%, rgb(0, 64, 136) 24%, rgb(10, 27, 47) 43%);
	  --row-footer-border: #00cfffc4;
	  --popular: linear-gradient(152deg,rgb(42, 118, 155) 0%, rgb(87, 105, 199) 50%);
	  --popular-table:radial-gradient(59.33% 245.83% at 94.44% 169.58%,rgba(0, 229, 253, 0.8) 24.93%,rgb(69, 231, 221) 60.76%,hsla(0, 0%, 100%, 0.6) 108.56%),linear-gradient(0deg,#001cff);
	  --price-pills: linear-gradient(292deg, rgb(0 39 83) 0%, #0168ff 100%);
	  
	}
	/* Page Layout */
	.display-none{
		display: none;pa
	}
	nav {
		background-color: #000;
		color: #fff;
		opacity: 6;
		position: fixed!important;
		left: 0;
		right: 0;
		z-index: 999;
	}
	nav.onpage-breadcrumb {
		background-color: transparent;
		position: unset!important;
		padding: 20px 40px;
	}
	a{
		color: var(--dark-green);
	}
	code{
		color: var(--light-green);
		font-size: 1.4em;
	}
	.top-img{
		width: 120%;
	}
	.bg-dark{
		--bs-bg-opacity: 0.8;
		--bs-navbar-background:#000!important;
		padding: 24px 24px 16px 16px;
	}
	.navbar-brand{
		font-family: 'Lato', sans-serif;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
		text-transform: uppercase; 
		letter-spacing: 1px;
		margin-right: 32px
	}
	.navbar-brand img{
		width: 30px;
	}
	.navbar-brand .pro{color: var(--white); font-weight: 700;}
	.navbar-brand .copyright{color: var(--white); font-size: 0.8rem; vertical-align: top;}
	.nav-item{margin: 0 8px;}
	.festival,
	.festival-light {
	  padding-top: var(--festival-padding-y);
	  padding-bottom: var(--festival-padding-y);
	  margin-bottom: 0;
	}
	.festival-light{
	  background: #fff;
	}
	.festival-pastel {
	  background: var(--pastel-blue);
	}
	.smallDisplayNone{
		display: block;
	}
	/* Scrolling animation */
	.animated-div {
	  opacity: 0;
	  transform: translateY(80px);
	  transition: opacity 0.6s ease, transform 0.6s ease;
	  animation-delay: 400ms;
	  --animate-duration:0.8s;
	}
	.animated-div.visible {
	  opacity: 1;
	  transform: translateY(0);
	}
	
	.navbar-nav{font-size: 0.75rem; letter-spacing: 0.9;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--light-green)!important;}
	.navbar-nav a.nav-link {text-transform: uppercase;}
	.navbar-dark, .navbar[data-bs-theme=dark]{--bs-navbar-color:var(--white);}
	.d-flex{display: contents!important;}
	.d-flex a{margin: 0 4px; font-weight: 500;}
	.d-flex .bg-secondary,
	.bg-secondary{
		background-color:rgb(217, 224, 226)!important; 
		color:var(--green)!important;
	}
	.dropdown-item.active, .dropdown-item:active{ background-color: var(--green);}
	.festival h1,
	.festival p > span {
	  color: var(--light-green);
	}
	.festival span, .festival small {
	  color: var(--white);
	}
	span{
	  color: var(--green);
	}
	.festival small,
	small.viewmore {
	  border-bottom: var(--light-green) 0.2rem solid;
	  font-weight: 600;
	}
	small{
	  border-bottom: var(--dark-green) 0.2rem solid;
	  font-weight: 700;
	}
	small.viewmore a{
		color: var(--white);
		text-decoration: none;
	}
	.festival p {
	  color: var(--white);
	}
	.festival p:last-child {
	  margin-bottom: 0;
	}
	#ticketing-animation{
		display: block;
		width: 100%;
		height: 100%;
	}
	li {
		list-style: none;
	}
	
	/* Testimonials */
	#cardCarousel .carousel-control-prev-icon,
	#cardCarousel .carousel-control-next,
	#cardCarousel .carousel-indicators{
		filter: brightness(0) saturate(100%) invert(0%) sepia(83%) saturate(7431%) hue-rotate(357deg) brightness(83%) contrast(115%);
	}
	
	/* Grid testimonials */
	#customer-reviews .visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; padding: 0; margin: -1px; }
	#customer-reviews .review-card { min-height: 100%; display: flex; flex-direction: column; }
	#customer-reviews .review-figure img { width: 100%; height: auto; object-fit: cover; border-radius: .375rem; }
	#customer-reviews .star { color: #f59e0b; }
	#customer-reviews .card{background-color: var(--dark-green); color: var(--white); padding:24px 20px;}
	#customer-reviews-light .card{padding:24px 20px; display: none;}
	#customer-reviews .card img{width: 40%;}
	#customer-reviews-light .card img{width: 30%; filter:invert(100%);}
	#customer-reviews .text-muted{color:#00D7BF!important }
	#customer-reviews h3, #customer-reviews-light h3{font-size: 1.80rem; font-weight: 200; line-height: 40px; text-align: center; letter-spacing: 0.55px;}
	#customer-reviews .card-text, #customer-reviews-light .card-text{font-size: 1.25rem; font-weight: 200;}
	#customer-reviews h3 span, #customer-reviews-light h3 span{font-size: 4rem; font-weight: 400; color: var(--white);}
	#customer-reviews h3 span.last, #customer-reviews-light h3 span.last{display: flex; flex-direction: row-reverse;}
	#customer-reviews footer, #customer-reviews-light footer{padding: 0; background: transparent; border-top:0px;}
	#customer-reviews-light footer p{color: #032731f5;}
	#customer-reviews .m-3, #customer-reviews-light .m-3{display: flex; justify-content: center; margin: 0!important;}
	#customer-reviews .row > *, #customer-reviews-light .row > * {margin-top: 40px;}
	
	
	/* Case Studies */
	#caseStudy h3.metrics span{
		display: block;
		font-weight:600!important;
		font-size: 4.5rem;
		background-image: radial-gradient(44.81% 103.3% at 52.17% 23.79%, var(--light-green) 0%, var(--dark-green) 52.6%, var(--green) 100%);
		background-clip: text;
		color: transparent;
	}
	#caseStudy h3.metrics{
		font-weight: 500;
	}
	#caseStudy blockquote{
		font-size: 2.5rem;
		font-weight: 100;
		font-style: italic;
		color: var(--green);
		width: 90%;
	}
	#caseStudy .container li{
		list-style:disc; 
		font-weight: 300;
		font-size: 1.2rem;
	}
	#caseStudy p.xxl{
		font-weight: 300;
		font-size: 1.3rem;
	}
	#caseStudy h5{
		font-size: 1.6rem;
	}
	#caseStudy .card{
		background: transparent;
		border: 0;
	}
	#caseStudy .xtra-padding{
		padding-top: 40px;
	}
	#caseStudy .top-border-radius {
		border-radius: 4% 4% 0 0;
	}
	#caseStudy .col-4 p{
		margin-top: 1.5rem;
		margin-bottom: 0rem!important;
	}
	
	/* Toast header */
	.toast-header{
		background: var(--dark-green);
		color: white;
		display: flex;
		flex-direction: row-reverse;
	}
	.toast-header img{
		background: radial-gradient(44.81% 103.3% at 52.17% 23.79%, var(--light-green) 0%, var(--dark-green) 52.6%, #000000 100%);
		padding: 10px;
		width: auto;
		height: 6em;
		border: 0.5px solid;
		transform: rotate(-15deg);
		color: black;
	}
	.toast-body{
		background: #fff;
	}
	
	.list-group-horizontal-xxl{
		--bs-list-group-border-color:var(--dark-green);
	}
	.list-group-horizontal-xxl img{
		width: 8rem;
	}
	.list-group a{
		color: var(--dark-green)!important;
		border-bottom: 1px solid rgba(4, 110, 99, 0.209);
	}
	.list-group-item{
		background: transparent;
	}
	.list-group-item-action:hover{
		background-color: var(--dark-green); opacity: 90%;
		color: var(--white)!important;
	}
	.list-group-item-action:hover i{
		color: var(--white);
	}
	.list-group-item.active{
		color: var(--white)!important;
		background-color:var(--dark-green);
		border-color:var(--dark-green);
	}
	.active > i{
		color: var(--white)!important;
	}
	.appstore{
		padding: 4rem;
	}
	.appstore img{
		width: 80%;
	}
	p.trusted{
		color: var(--light-green);
		background: var(--dark-green);
		font-size: 1rem;
		font-weight: 600;
	}
	p.x-mrg{
		margin: 1rem 0;
	}
	hr {
		position: relative;
		border: 0.5px dashed var(--light-green);
		top: -30px;
	}
	
	h1.heading {
	  font-weight: 800;
	}
	h1.white{
		color: var(--white)!important;
	}
	h3.heading {
	  font-weight: 800;
	  color: #000;
	  font-size: 2em;
	  padding: 0;
	  margin: .67em 0;
	}
	h3.heading-light{
		font-weight: 600;
		color: #000;
		font-size: 2em;
		padding: 0;
		margin: .67em 0;
	}
	.container-sm {
	  max-width: 40rem;
	}
	.modal-content{
		background-color: var(--yellow);
	}
	/* Pricing */
	.sticky-top{
		top:154px;
		display: flex;
		z-index: 50;
	}
	.menufixed{
		top: 0px!important;
		padding-top: 20px;
		z-index: 59;
		background: #fff;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}
	.menufixedup{
		padding-top: 96px;
	}
	#pills-tab{
		display: flex;
		flex-wrap: wrap;
	}
	.fixpills{
		background: #eee;
		border-radius: 6px;
		padding: 8px 0px;
	}
	p.pills-heading{
		margin: 0 0 0.2rem 0!important;
		font-size: 0.95rem;
		text-transform: uppercase;
		color: #606060;
	}
	tbody.odd, td.odd, tfoot, th.odd, thead.odd, tr.odd{
		padding: 0.2em;
		background: var(--popular-table);
		border-radius: 16px;
	}
	.inner-odd{
		background: #fff;
		padding: 2em 2em 1.3em 2em;
		border-radius: 12px;
	}
	.inner-even{
		margin: 1em 1em;
		background: #fff;
		border-radius: 12px;
	}
	.popular{
		background:var(--light-blue);
		background-image: var(--popular);
		background-clip: text;
		color: transparent;
		font-weight: 600;
		font-size: 1.6em;
		text-transform: uppercase;
	}
	.fa-check-thin{
	  background-image: url("../img/icons/checkmark.svg");
	  background-size: 2em;
	  height: 2em;
	  width: 2em;
	  margin: auto 0;
	}
	.fa-close-thin{
	  background-image: url("../img/icons/close.svg");
	  background-size: 2em;
	  height: 2em;
	  width: 2em;
	  margin: auto 0;
	}
	span.grey{
		color:#555;
	}
	.text-bg-primary{]
		background:  var(--dark-green);
		background: var(--price-pills)!important;
		padding: 8px 16px;
		font-size: 1.2rem;
		font-weight: 200;
		letter-spacing: 0.75px;
		margin-bottom: 0px;
	}
	
	#pills-tabContent .card-title{
		vertical-align: top;
	}
	#pills-tabContent .card-title span{
		font-size: 2.5em;
		font-weight: 300;
		color: #373737 !important;
	}
	#pills-tabContent .card-title span.currency{
		font-size: 1em;
		font-weight: 300;
		color: #1d1d1d !important;
	}
	#pills-tabContent .small{
		font-weight: 200;
		font-size: 1.2em;
	}
	#pills-tab{
		align-items: center;
	}
	
	/* Sticky top menu - Pricing */
	.smallversion .vdesktop .card-title span{
		font-size: 1.25em!important;
		font-weight: 600!important;
	}
	.smallversion .vdesktop .inner-even p:nth-of-type(2),
	.smallversion .vdesktop .inner-even p:nth-of-type(3),
	.smallversion .vdesktop .inner-odd p:nth-of-type(3),
	.smallversion .vdesktop .inner-odd p:nth-of-type(4) {
		  display: inline-flex;
	}
	.smallversion .vdesktop .small{
		font-size: 0.95em!important;
	}
	.smallversion .vdesktop .text-bg-primary{
		font-size: 0.85em!important;
	}
	.smallversion .vdesktop .w-25 .inner-even p,
	.smallversion .vdesktop .w-25 .inner-odd p{
		margin-bottom: 0.2rem;
	}
	.smallversion .vdesktop .w-25 .inner-eve{
		padding: 0.5em 1em;
	}
	.smallversion .vdesktop .w-25 .inner-odd{
		padding: 0.5em 2em 1.3em 2em;
	}
	#dynamic .p-2{
		padding: .5rem .5rem 0rem .5rem !important;
	}
	#dynamic .mb-3{
		margin-bottom: 0rem!important
	}
	
	.nav-pills .nav-link.active, 
	.nav-pills .show > .nav-link{
		text-align: center !important;
		background-color: var(--dark-green)!important;
		color: #fff!important;
	}
	#pills-tab .nav-link{
		color: #535353;
	}
	#pills-tab .black{
		font-weight: 400 !important;
	}
	#pills-tab .dropdown-divider{
		border-top: #000 1px solid!important;
	}
	#pills-tabContent .table-striped-columns > :not(caption) > tr > :nth-child(2n){
		--bs-table-bg-type: #fbfbfb;
	}
	.uprounded{
		border-radius: 20px 20px 0 0;
	}
	.bottomrounded{
		border-radius: 0 0 20px 20px;
	}
	#pricing-head h1{
		font-size: 7em;
		margin: 0px;
	}
	.notes{
		font-size: 12px;
		color: #555;
		font-weight: 300;
	}
	.vdesktop{
		display: block;
	}
	.vmobile{
		display: none;
	}
	#pills-tabContent .card-group > .card{
		flex: auto;
		border:1px solid #d7d7d7;
		margin-bottom: 20px;
		border-radius: 4px;
	}
	#pills-tabContent .card-header{
		background-color: #fff;
	}
	.fixposition{
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-bottom: 2px;
		width: 100%;
	}
	.fixposition a{
		width: 100%;
	}
	.fixposition .nav-link{
		border: 1px solid #c1c1c1;
		border-radius: 6px;
		margin-right: 8px;
		display: flex;
		justify-content: space-between;
		align-items:center;
	}
	
	
	
	
	.modal-content .col .bg-warning,
	#tabs .col .bg-warning{
		background-color: var(--white)!important;
	}
	.card-group{
		border: 0;
	}
	.card-group .card-text{
		font-size: 1em!important;
	}
	.modal-content .card-img-top{
		border-radius: 0 0 6px 6px;
	}
	#featureModal .card-body,
	#tabs .card-modal{
		border-radius: 6px 6px;
		padding: 40px;
	}

	#clientsModal .modal-content{
		background-color: var(--dark-green)!important;
	}
	#clientsModal .modal-header,
	#featureModal .modal-header{
		border-bottom: 0;
	}
	#clientsModal .btn-close{
		background-color: var(--light-green);
	}
	#featureModal .btn-close{
		background-color: var(--dark-yellow);
	}
	#featureModal .col .card-body,
	#tabs .col .card-body{
		background-size: 9rem;
	}
	#tabs .col .card-text,
	.modal-content .col .card-text{
		min-height: 0px
	}
	.clientLogo {
		width: 134px;
		margin: 0 0 24px;
		padding: 8px;
	}
	#ticketing img.icon-ticketing{
		background: linear-gradient(238deg, var(--light-green) 10%, #75d0c9 50%);
		padding: 20px;
		width: auto;
		height: 6em;
		border: 2px dotted var(--green);
		transform: rotate(12deg);
		color: black;
		scale: 70%;
	}
	#ticketing img.usecaseicon{
		width: auto;
		height: 6em;
		filter: brightness(0.3);
	}
	#ticketing .card{
		border: transparent;
		background: transparent;
	}
	#ticketing .card-img-top{
		display: flex;
		justify-content: center;
	}
	#ticketing h5{
		font-size: 1.55em;
		font-weight: 300;
		color: #032731;
		text-transform: lowercase;
	}
	#ticketing svg{
		color: #fff;
	}
	#ticketing .card-body{
		border: 1px solid #dfdfdf;
		border-radius: 16px;
		margin: 4px;
		background:radial-gradient(88.56% 225% at 48.21% 186.29%, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 29.17%, rgb(214, 255, 255) 29.17%, rgba(255, 255, 255, 0.35) 85.72%), radial-gradient(63.42% 175.57% at 52.01% -21.25%, rgb(253, 253, 253) 22.96%, rgb(255, 255, 255) 39.81%, rgb(255, 255, 255) 71.45%)!important;
	}
	.navbar-fixed-top{
		position: fixed;
		top: 80px;
		right: 0;
		left: 0;
		z-index: 9999999;
		background-color: var(--dark-green) !important;
		border-bottom: 1px solid var(--dark-green);
		text-transform: uppercase;
	}
	
	.navbar-fixed-top a{
		color: #fff;
		font-size: 0.8em;
		border-right: 1px solid #fff;
	}
	
	.card-body{
		background-image: none!important;
	}

	@keyframes card-hover {
		0% {
			transform: opacity(0);
		}
	
		100% {
			transform: opacity(1);
		}
	}

	.table{
		--bs-table-bg: transparent;
	}
	footer { padding: 0rem; background: #f9f9f9; border-top: 1px solid #eaeaea;}
	footer p {margin-bottom: .25rem; color: var(--white);}
	footer a{color: var(--light-green); text-decoration: none;}
	footer ul.countries li:first-child{background: url("../img/gallery/flag_usa.webp"); background-repeat: no-repeat;background-position: 0 0; background-size: 24px;padding:0 0 20px 32px;color:var(--white);}
	footer ul.countries li:nth-child(n+2){background: url("../img/gallery/flag_uk.webp"); background-repeat: no-repeat;background-position: 0 0; background-size: 24px;padding:0 0 20px 32px;color:var(--white);}
	footer ul.countries li:nth-child(n+3){background: url("../img/gallery/flag_au.webp"); background-repeat: no-repeat;background-position: 0 0; background-size: 24px;padding:0 0 20px 32px;color:var(--white);}
	footer ul.countries li:last-child{background: url("../img/gallery/flag_nz.webp"); background-repeat: no-repeat;background-position: 0 0; background-size: 24px;padding:0 0 20px 32px;color:var(--white);}
	footer .social ul{display: flex; padding: 24px 0;}
	footer .social a{margin: 0 8px; font-size: 1.5rem;}
	footer .footer-links{display:inline-flex; font-size: 0.8rem; padding: 20px 0;}
	footer .footer-links a{color: var(--white); padding-right:12px; margin-right: 12px; border-right:1px solid var(--white);}
	footer .col{padding: 40px 100px;}
	footer .col-4{padding: 40px 0px;}
	footer .row-grey{background: rgb(0,253,226);background:var(--row-footer); border-bottom:0.01rem solid var(--row-footer-border);}
	footer .bg-flag{background-image: url("../img/gallery/footer.png");	background-repeat: no-repeat; background-position: -53px -138px; background-size: 49rem; min-height: 21rem;}
	footer h6{font-weight: 600; color: var(--white)}
	/* Overwrites */
	.bg-success{background-color: var(--dark-green)!important; color: var(--white);}
	.bg-success:hover{background-color: var(--dark-green)!important; color: var(--white);}
	.box-shadow {box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
	.card-image{overflow: hidden; height: 250px;}
	.card-header h4{font-weight: 100; text-transform: uppercase; font-size: 1.5rem;letter-spacing: 0.05em; }
	.card-body h2{font-size: 1.8rem; font-weight: 600;}
	h2.card-title a{padding: 0px!important; background: radial-gradient(44.81% 103.3% at 52.17% 23.79%, var(--light-green) 0%, var(--dark-green) 52.6%, var(--green) 100%); background-clip: text; color: transparent;}
	h2.card-title{margin-top: 0px!important;}
	.card-body ul {columns: 2; -webkit-columns: 2; -moz-columns: 2; margin: 40px 0;}
	.card-body li{background: url("../img/gallery/list-details-icon.svg"); background-repeat:no-repeat; background-position: 0 0; background-size: 24px; padding:0 0 40px 32px;}
	#featureModal .card-body ul{ max-width: 80%;}
	.list-group-item i {color: var(--green); padding: 0 20px 0 0; font-size: 1rem;}
	.bg-yellow{background-color: var(--yellow);}
	.bg-dark-yellow{background-color: var(--dark-yellow);}
	.bg-white{background-color: var(--white);}
	.bg-gradient-grey{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(234,234,234,1) 100%);}
	.bg-dark-green{background-color: var(--dark-green);}
	#sitemap .img-card-sitemap{
		background-color: var(--dark-green);
		border-radius: 6px;
		padding: 20px;
		margin-right: 20px;
	}	
	#sitemap .img-card-sitemap img{
		width: 120px;
	}	
	#sitemap .card-body{
		display: flex;
		flex-direction: row-reverse;
	}
	
	/* FAQs */
	img.img-radius{border-radius: 25px;}
	
	/* test start*/
	.bg-img-green{background: url("../img/gallery/feature-bg.png");  background-position:bottom; background-size: 100%; padding:40px 60px; overflow: hidden; height: 400px;}
	.bg-img-green img {width: 150%; position: relative;left: -61px;top: -9px;}
	.card-header-green{background-color:#071E25; color: #fff; padding: 22px 20px;}
	.body-green{background-color:#071E25; color: #fff; padding: 22px 20px; font-weight: 100; }
	.features-list .col-sm-6 ol{list-style: disc!important; font-size: 1.25rem; font-weight: 300; color:#242424;}
	.features-list .col-sm-6 ol li{display: list-item!important; list-style:inherit;}
	.features-list .col-sm-6 p{font-size: 1.25rem; font-weight: 300; color:#242424;}
	
	

	.xtra-padding{padding-top: 100px;}
	h2, h3.green{
		background-image: radial-gradient(44.81% 103.3% at 52.17% 23.79%, var(--light-green) 0%, var(--dark-green) 52.6%, var(--green) 100%);
		-webkit-background-clip:text;
		background-clip:text;
		color: transparent;
		font-size: 8em;
		padding-top: 40px;
	}
	h3.green{
		background-image: radial-gradient(44.81% 103.3% at 52.17% 23.79%, var(--light-green) 0%, var(--dark-green) 52.6%, var(--green) 100%);
		-webkit-background-clip:text;
		background-clip:text;
		color: transparent;
		font-size: 4em;
		padding-top: 40px;
	}
	h4.cloud{
		background-image: radial-gradient(44.81% 103.3% at 52.17% 23.79%, var(--light-blue) 0%, var(--dark-blue) 52.6%, var(--blue) 100%);
		-webkit-background-clip:text;
		background-clip:text;
		color: transparent;
		font-size: 4em;
		padding-top: 40px;
	}
	
	/* JQuery resets
	==================================================  */
	#tabs h1 {margin-top: 2rem; font-weight: 600;}
	#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#tabs.ui-widget button{
		font-size: 14px;
	}
	#tabs.ui-widget-content .bg-white a{
		color: #032731;
		font-size: 2em; 
		font-weight: 200;	
	}
	/* Interaction states
	================================================== */
	#tabs .ui-state-default,
	#tabs .ui-widget-content .ui-state-default,
	#tabs .ui-widget-header .ui-state-default,
	#tabs .ui-button {
		border: 1px solid #c8c8c8;
		border-radius: 8px 8px 0 0;
		font-weight: normal;
		color: #ffffff;
	}
	#tabs .nav-tabs {margin-top: 32px;}
	#tabs .nav-tabs > li > a:hover {
	  color: #ffffff;
	  background-color: #009f8f;
	  border: 1px solid #009f8f;
	}
	#tabs .ui-state-active a,
	#tabs .ui-state-active a:link,
	#tabs .ui-state-active a:visited,
	#tabs .nav-tabs > li.active > a:hover,
	#tabs .nav-tabs > li.active > a:focus{
		color: #000000;
		text-decoration: none;
		background: var(--light-grey);
	}
	#tabs .nav-tabs > li.active > a,
	#tabs .nav-tabs > li.active > a:hover,
	#tabs .nav-tabs > li.active > a:focus {
	  color: transparent;
	  background-color: #05c9b4;
	  border: 0;
	} 
	#tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		padding: 0px;
	}
	 #tabs .disabled{
		background-color: transparent;
	}
/* 
   Wheel
================================================== */
}
.wheel-tabs:not(.wheel-tabs--rotation) {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.wheel-tabs:not(.wheel-tabs--rotation) .wheel-tabs__marker {
  background: #212121;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.1s ease-in-out;
}
.wheel-tabs .wheel-tabs__content {
  display: none;
}
.wheel-tabs .wheel-tabs__content.active {
  display: block;
}
.wheel-tabs .wheel-tabs__nav > ul {
  padding: 0;
  margin: 0;
}
.wheel-tabs .wheel-tabs__nav > ul > li {
  position: relative;
  display: block;
  transition: 0.1s ease-in-out;
  list-style: none;
  float: left;
  box-shadow: inset 1px 0px 0px 0px #e6e6e6;
  background: #f7f7f7;
  min-width: 7.5rem;
}
.wheel-tabs .wheel-tabs__nav > ul > li > a {
  position: relative;
  padding: 1.2rem 0rem;
  display: block;
  text-align: center;
}
.wheel-tabs .wheel-tabs__nav > ul > li.active {
  background: #fff;
}
.wheel-tabs .wheel-tabs__nav > ul::after {
  content: "";
  display: block;
  clear: both;
}
.wheel-tabs.wheel-tabs--center {
  box-shadow: none;
}
.wheel-tabs.wheel-tabs--center .wheel-tabs__nav > ul {
  font-size: 0;
  display: block;
  width: 100%;
  text-align: center;
  /*require*/
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.wheel-tabs.wheel-tabs--center .wheel-tabs__nav > ul li {
  font-size: 1rem;
  display: inline-block;
  /*require*/
  float: none;
}
.wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav > ul {
  box-sizing: border-box;
  position: relative;
  top: 22px;
  margin: 0;
  padding: 0;
  height: 380px;
  width: 430px;
  display: inline-block;
  background-image: url("../img/gallery/wheel-bg.svg");  
  background-size: 380px;
  background-repeat: no-repeat;
  background-position:  32px  -22px;
}
.wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav > ul > li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  width: 80px;
  height: 80px;
  background: none;
  box-shadow: none;
  z-index: 2;
  top: 0;
  left: 50%;
  min-width: inherit;
}
.wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav > ul > li > a {
  width: 94px;
  height: 94px;
  line-height: 60px;
  background: var(--green);
  color: var(--white);
  text-decoration: none;
  border-radius: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav > ul > li.active > a {
  background: var(--dark-green);
}


@media screen and (max-width: 992px) {
  .d-flex a{margin:0 4; width: 100%; display: block;}
  .navbar li{text-align: center; border-bottom: 1px solid #383838;padding: 8px 0; font-size:0.75rem;}
  .bg-dark{--bs-bg-opacity:1}
}
@media screen and (max-width: 768px) {
	.vdesktop{
		display: none;
	}
	.vmobile{
		display: block;
	}
	.smallDisplayNone{
		display: none;
	}
   #pricing-head h1{
	   font-size: 5em;
   }
  .festival {
	padding-top: calc(var(--festival-padding-y) * 2);
	padding-bottom: calc(var(--festival-padding-y) * 2);
	}
	.festival .col-sm-4,
	.festival .col-sm-6,
	.festival .col-6,
	.festival .col-5{
		width: 100%;
	}
	.header-img{
		margin: 0 auto;
		/* padding: 8% 20%; */
	}
  ul.list-group-horizontal-xxl{
	  columns: 2; 
	  -webkit-columns: 2; 
	  -moz-columns: 2; 
	  margin:0 auto;
  }
  .wheel-tabs:not(.wheel-tabs--rotation) li {
	width: 100% !important;
  }
  .wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav {
	width: auto !important;
  }
  .wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav > ul{
	  background-position: -20px -22px; 
  }
  .wheel-tabs.wheel-tabs--rotation .wheel-tabs__nav > ul > li{
	  left: 36%;
  }
  footer .bg-flag{background-position: bottom center;}
}
@media screen and (max-width: 576px){
	#caseStudy .col-8{
		width: 100%;
	}
	.menufixed{
		flex-direction: column;
	}
	#pills-tab{
		display: list-item;
		text-align: center;
		text-align:-moz-center;
		text-align:-webkit-center;
	}
	#pills-tab .fixposition{
		display: inline-flex;
	}
	.fixpills{
		margin-top:40px;
	}
	.festival-light {
	  padding-top: 0;
	}
	nav.onpage-breadcrumb{
		padding:120px 40px 20px 40px;
	}
	.top-img{
		width: 100%;
	}
	.gy-4{
		display: flex;
		flex-direction: column;
	}
	.col-4, .col-7{
		width: 100%;
	}
	.appstore{
		display: flex;
		flex-direction: column;
	}
	.appstore img{
		width: 100%;
	}
	h2{font-size: 2em;}
	.wheel-tabs:not(.wheel-tabs--rotation) li {
		width: 50% !important;
	  }
	#tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default, #tabs .ui-button{
		width: 100%;
	}
	#tabs .ui-button{border-radius: 0px;}
	.nav-tabs{
		--bs-nav-tabs-border-radius:0px;
	}
	
	.card-body ul {columns: 1; -webkit-columns: 1; -moz-columns: 1; margin: 20px 0;}
	footer h6{padding-top: 40px;}
	footer .col, footer .col-4{flex: 100%; text-align: center;}
	footer ul.countries li:first-child,
	footer ul.countries li:nth-child(n+2),
	footer ul.countries li:nth-child(n+3),
	footer ul.countries li:last-child{background: none; padding: 0 0 20px 0;}
	footer .social ul{justify-content: space-around;}
	footer .row{padding-bottom: 20px;}
	footer .col{padding: 0;}
}


/* User flows styles */
 #userFlow .fixwidth{
	  width: 75%;
  }
  
  #userFlow .condition{
	  color: #fff;
	  background: #046E63!important;
  }
  #userFlow div.condition {
		width: auto!important;
	}
  #userFlow .condition p{
		font-size: 1.5rem;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
	}
  #userFlow .tooltip,
  #userFlow .container__level-2:before,
  #userFlow .container__level-1:before,
  #userFlow .container__level-3:before {
	position: absolute;
	right: 0;
	bottom: 100%;
	color: #fff;
	background: #046E63;
	text-transform: uppercase;
	font-size: 0.9rem;
	padding: 0.25rem 0.75rem;
	border-radius: 2.5px;
  }
  
  #userFlow .card,
  #userFlow .container__level-2 div,
  #userFlow .container__level-3 div,
  #userFlow .container__level-1 div{
		width: 100%;
	}
  #userFlow .card,
  #userFlow .container__level-2 div,
  #userFlow .container__level-3 div,
  #userFlow .container__level-1 div,
  #userFlow .container__level-4 div {
	line-height: 2;
	background: #fff;
	padding: 1.2rem 1rem;
	border-radius: 4px;
	box-shadow: 0 2px 10px #e6e6e6;
  }

  #userFlow .transparent,
  #userFlow .transparent div {
	background: transparent !important;
	padding: 1.2rem 1rem !important;
	box-shadow: none !important;
  }

  #userFlow .transparent p, 
  #userFlow .transparent h4 {
	position: relative;
	text-align: center;
	text-wrap: balance;
  }

  #userFlow .diamond-shape {
	position: absolute;
	margin: auto !important;
	right: 0;
	left: 0;
	background: #fff;
	height: 160px;
	width: 160px;
	text-align: center;
	transform: rotate(45deg);
  }

  #userFlow  * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }

  #userFlow .container {
	padding: 15vh 0;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
  }

  #userFlow .container svg {
	height: 5rem;
  }

  #userFlow .container svg line {
	stroke: #032731;
	stroke-width: 3px;
	stroke-linecap: round;
	stroke-dasharray: 2px 20px;
	animation: animateline 5s linear both infinite;
  }
  
  
  #userFlow .horizontal svg {
	  height: auto!important;
	}
  
	#userFlow .horizontal svg line {
	  stroke-width: 15px !important;
	  stroke-dasharray: 2px 40px !important;
	}

  #userFlow h4 {
	font-size: 1.1rem;
	color: #032731;
  }

  #userFlow p {
	font-size: 0.95rem;
	font-weight: 300;
  }

  #userFlow .container__level-2 {
	display: flex;
	border-radius: 8px;
	padding: 0.5rem 1.5rem;
	background-color: #e5e5f7;
	opacity: 0.8;
	background-image: radial-gradient(#046E63 0.5px, #d9f8f5 0.5px);
	background-size: 10px 10px;
	position: relative;
  }

  #userFlow .container__level-2:before {
	content: 'Inputs';
  }

  #userFlow .none:before {
	display: none !important;
  }

  #userFlow .container__level-2 div {
	text-align: left;
	margin: 0 1rem;
  }

  #userFlow .container__level-1 {
	padding: 0.5rem 1.5rem;
	border-radius: 8px;
	background: #f9f9f9;
	position: relative;
  }

  #userFlow .container__level-1:before {
	content: 'Start of flow';
  }

  #userFlow .container__level-1 div,
  #userFlow .container__level-4 div {
	margin: 2rem 0;
  }

  #userFlow .container__level-1 div svg {
	width: 4rem;
	height: auto;
	fill: #032731;
  }

  #userFlow .container__level-3 {
	background: #f9f9f9;
	padding: 0.5rem 1.5rem;
	border-radius: 8px;
	position: relative;
  }

  #userFlow .container__level-3:before {
	content: 'End of flow';
  }

  #userFlow .container__level-4 {
	padding: 0.5rem 1.5rem;
	border-radius: 8px;
	background-color: #f9f9f9;
	position: relative;
  }

  @media (max-width: 700px) {
	#userFlow .container__level-2 {
	  flex-direction: column;
	}

	#userFlow .container__level-2 div {
	  margin: 1rem 0;
	}
  }

  @-moz-keyframes animateline {
	from {
	  stroke-dashoffset: 0;
	}

	to {
	  stroke-dashoffset: -5rem;
	}
  }

  @-webkit-keyframes animateline {
	from {
	  stroke-dashoffset: 0;
	}

	to {
	  stroke-dashoffset: -5rem;
	}
  }

  @-o-keyframes animateline {
	from {
	  stroke-dashoffset: 0;
	}

	to {
	  stroke-dashoffset: -5rem;
	}
  }

  @keyframes animateline {
	from {
	  stroke-dashoffset: 0;
	}

	to {
	  stroke-dashoffset: -5rem;
	}
  }