.hidden-desktop{
	display: none !important;
}
.top-bar .top-bar-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 39px;
}
.top-bar .learn-more,
.top-bar .top-bar-text {
	font-family: 'SF Pro Display', sans-serif;
	font-size: 14px;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: #fff;
}
.top-bar .learn-more {
	font-style: italic;
	font-weight: 300;
	display: flex;
	gap: 18px;
	align-items: center;
}
.top-bar {
    background: #020202;
    padding: 3px 0;
    /* position: absolute; */
    width: 100%;
    /* top: 0; */
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 99;
}
 
/* .top-bar.admin-bar {
    top: 0;
} */
 
.top-bar.scroll-topbar {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

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

body #site-header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	padding: 0;
	background: rgba(0, 0, 0, 0.3);
}

html:not(.menu-opened) #site-header.scoll-header {
    background-color: #fff;
	top: 0;
}
#site-header.scoll-header .top-bar {
	display: none;
}
html:not(.menu-opened) #site-header.admin-bar.scoll-header {
	top: 32px;
}

.header-inner .menu-nav:not(.active) .icon.closed {
	display: none;
}

.header-inner .menu-nav.active .icon.open {
	display: none;
}

body header#site-header.reduce-header {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

body:not(.enable-search-modal) .header-titles-wrapper {
	/*max-width: 245px;*/
	max-width: 5rem;
}

body #site-header:hover .site-logo,
body #site-header.scoll-header .site-logo,
.site-branding-alternative {
	display: none;
}

body #site-header:hover .site-branding-alternative,
body #site-header.scoll-header .site-branding-alternative {
	display: block;
}

body header .header-navigation-wrapper nav ul.primary-menu li .icon,
body header .header-navigation-wrapper nav ul.primary-menu li a {
	color: #fff;
}

body header .header-navigation-wrapper nav ul.primary-menu>li:last-child>a:not(:hover),
body #site-header:hover .header-navigation-wrapper nav ul.primary-menu li .icon,
body #site-header.scoll-header .header-navigation-wrapper nav ul.primary-menu li .icon,
body #site-header.scoll-header .header-navigation-wrapper nav ul.primary-menu li > a {
	color: #ffffff;
}
body #site-header .header-navigation-wrapper nav ul.primary-menu ul.sub-menu li a{
	color: #000000;
}
.single #site-content{
	padding-top: 68px;
	padding-bottom: 80px;
}
.error404 #site-content .section-inner,
.page-template-default article.type-page,
.category #site-content {
	padding-top: 70px;
	padding-bottom: 80px;
}

.page-template-default .entry-content {
	max-width: 1240px;
	padding: 0 25px;
	margin-left: auto;
	margin-right: auto;
}

.section.section-banner .banner-empty .image-banner .image {
	background: #EFF9FF;
	position: relative;
	height: 100vh;
}

.section.section-banner .banner-empty .image-banner .image:after {
	content: "";
	background-image: url(../images/Rectangle31.svg);
	position: absolute;
	height: 100%;
	width: 50%;
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.section.section-banner .banner-empty .image-banner .image picture {
	display: none;
}

.page-template-template-solution-page .section.section-banner .subtitle {
	text-align: left;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
}

.page-template-template-solution-page .section.section-banner .subtitle u {
	text-decoration-color: #FCC900;
	text-decoration-thickness: 4px;
	text-underline-position: under;
}

.page-template-template-crm-marketing .section-about .content-right ul{
	margin-left: 0;
}

.center {
	text-align: center;
}

.banner-title .split {
	opacity: 0;
}

.service-section .section-header h2 {
	margin-bottom: 0;
}

.service-section .section-container .col-meta {
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.solutions-section {
	padding-top: 80px;
	background: #292A39;
}

#pinContainer {
	padding-top: 0;
	width: 100% !important;
	height: 100vh;
	overflow: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}

.platform-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.s_list {
	text-align: center;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 39px;
}

.owl-carousel.off {
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.s_list .item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	font-family: "SF Pro Display";
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	text-transform: uppercase;
	color: #FFFFFF;
	position: relative;
	margin-top: 0;
	margin-left: 0;
}

.s_list .item span {
	border: 1px dashed #FFFFFF;
	border-radius: 9px;
	padding: 7px 16px;
	gap: 8px;
	transition: all .4s;
}

.s_list .item.current span {
	background: #FFCD06;
	border: 1px solid #fff;
	color: #183B56;
}

.s_list .item:before {
	content: "";
	width: 70px;
	height: 0px;
	border-bottom: 1px dashed #fff;
	margin-right: 39px;
	vertical-align: middle;
	margin-top: 22px;
	transition: all .4s;
}

.s_list .item.current:before {
	border-bottom: 1px dashed #FFCD06;
}

.s_list .item:after {
	content: "";
	width: 0;
	height: 0px;
	border-bottom: 1px dashed #FFCD06;
	position: absolute;
	left: 0;
	top: 22px;
	transition: all .4s;
}

.s_list .item.current:after {
	width: 70px;
}

#slideContainer {
	width: 400%;
	height: 100%;
}

.panel {
	height: 100%;
	width: 25%;
	float: left;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.solution.panel .solution-inner {
	min-height: 0;
	height: calc(100% - 110px);
	max-height: calc(100% - 110px);
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
	margin-top: 20px;
	overflow: auto;
	padding-bottom: 50px;
	margin-right: -20px;
	padding-right: 20px;
}

.solution.panel,
.solution.panel p {
	color: #fff;
}

.solution.panel p {
	margin-bottom: 29px;
}

.solution.panel h3 {
	color: #5A7184;
	margin-bottom: 41px;
}

.solution.panel h3.title {
	font-size: 40px;
	line-height: 120%;
	color: #FFCD06;
	margin-bottom: 24px;
}

.solution.panel .description {
	padding-right: 19%;
	letter-spacing: -0.2px;
}

.solution.panel .description strong {
	letter-spacing: -0.48px;
}

.solution.panel .solution-inner .container .col-image img {
	max-height: calc(100vh - 270px);
	margin-left: auto;
	margin-right: auto;
}

.solution.panel .services {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 0;
}

.solution.panel .services li {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	text-align: left;
	text-transform: capitalize;
	color: #FFFFFF;
	margin-left: 0;
	list-style: none;
	position: relative;
	padding-left: 53px;
	margin-bottom: 25px;
	padding-right: 15px;
}

.solution.panel .services li:before {
	content: '';
	width: 35px;
	height: 41px;
	background-image: url(../images/check-circle.png;);
	position: absolute;
	left: 0;
	top: -7px;
	background-repeat: no-repeat;
	background-size: contain;
}

.solution.panel .solution-inner .col-meta {
	align-self: center;
}

.solution.panel .solution-inner .col-image {
	text-align: center;
}

.service-section .section-container .col-meta h2 {
	margin-bottom: 60px;
	text-align: unset;
}
.service-section .section-container {
	position: relative;
	padding-top: 500px;
}
.service-section .section-container .stack-card .row {
	background-color: #6870C1;
	padding: 100px 96px 93px 100px;
	border-radius: 45px;
	align-content: flex-start;
	min-height: 488px;
}
.service-section .col-meta .description {
    font-size: 16px;
    font-family: "SF Pro Display";
    line-height: 28px;
}
.service-section .section-container .stack-card:last-child .row {
	background-color: #2C3377;
}
.service-section .section-container .col-meta:not(:first-child) {
    margin-top: 60px;
}

.our_technology_stack-section {
	background-color: #F1F0F5;
	padding-top: 100px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-size: 100%;
	display: none;
}

.our_technology_stack-section .heading {
	margin-bottom: 13px;
}

.our_technology_stack-section .section-header .description {
	width: 100%;
	max-width: 565px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 54px;
}

.our_technology_stack-section .section-container {
	max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.our_services_and_techs-section h2 {
	margin-bottom: 50px;
}

.section-container.services-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: -65px;
	padding-left: 15px;
	padding-right: 15px;
}

.section-container.services-item .col-meta {
	background: #fff;
	box-shadow: 0px 10px 25px rgb(0 0 0 / 5%);
	border-radius: 8px;
	text-align: center;
	padding-top: 34px;
	padding-bottom: 32px;
}

.section-container.services-item .col-meta img {
	margin-left: auto;
	margin-right: auto;
	max-height: 95px;
}

.section-container.services-item .col-meta h5 {
	margin-top: 33px;
}

.section-container.techs-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 96px;
}

.section-container.techs-item .techs {
	padding: 0 38px;
}

.section-container.techs-item .techs img {
	max-height: 84px;
}

.section.introduce .questions-section .question {
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	text-transform: capitalize;
	color: #FFCD06;
}

.benefits-section {
	padding-top: 6rem;
}

.benefits-section .section-inner {
	padding: 0;
	gap: 44px;
	border: 2px solid #E0E0E0;
	border-radius: 20px;
	width: 100%;
	max-width: 100%;
}

.benefits-section .section-inner .section-container {
	padding-top: 80px;
	padding-bottom: 40px;
}

.benefits-section .section-inner .benefits-item {
	padding-left: 3rem;
	margin-top: 44px;
}

.d_list ul li {
	list-style: none;
	padding-left: 60px;
	position: relative;
	line-height: 28px;
	color: #5A7184;
	margin-bottom: 25px;
}

.d_list ul li:before {
	content: '';
	width: 40px;
	height: 40px;
	background-image: url(../images/frame11029.png);
	position: absolute;
	left: 0;
	top: -6px;
}

.d_list ol li {
	list-style: none;
	padding-left: 40px;
	position: relative;
	color: #5A7184;
	margin-bottom: 40px;
	margin-left: 0;
}

.d_list ol li:before {
	content: '';
	width: 28px;
	height: 28px;
	background-image: url(../images/expand_right_double.png);
	position: absolute;
	left: 0;
	top: 0px;
}

.our_developers-section {
	padding-bottom: 9.7rem;
	padding-top: 10rem
}

.our_developers-section .section-row {
	padding-bottom: 6rem;
}

.our_developers-section .section-row:last-child {
	padding-bottom: 0;
}

.our_developers-section .section-container {
	width: 100%;
	position: relative;
	padding-bottom: 1px;
}
.our_developers-section .section-row.active .section-container:after {
    content: '';
    display: block;
    height: 100%;
    width: 3px;
    position: absolute;
    top: 0;
    left: -53px;
    background: #0D151F;
}
.our_developers-section .container {
	position: relative;
}
.our_developers-section ul {
    position: absolute;
    right: 0;
    top: -21px;
    display: none;
}
.our_developers-section  ul{
    list-style-type: none;
}
.our_developers-section  ul li{
	background: #FCF6DF;
	border-radius: 12px;
	padding: 12px 22px 12px 44px;
	margin-bottom: 32px;
	margin-left: 0;
	position: relative;
	min-height: 48px;
	transition: all 1s;
	font-family: "SF Pro Display";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	align-items: center;
	letter-spacing: 0.1em;
	color: #0D151F;
}
.our_developers-section  ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/hire-cup-logo.svg);
    position: absolute;
    left: 12px;
    top: 12px;
}
.our_developers-section .section-container h2 {
	margin-bottom: 27px;
	font-weight: 600;
	font-size: 32px;
	line-height: 52px;
	color: #979EA8;
	cursor: pointer;
	width: 60%;
    padding-right: 2.7rem;
    max-width: 670px;
}
.our_developers-section .section-row.active .section-container h2 {
	color: #000;
}

.our_developers-section .section-row.active .caption {
	width: 40%;
}
.our_developers-section .tab-container {
	padding-left: 50px;
	position: relative;
	border-left: 3px solid #D6D6E1;
}
.our_developers-section .section-container .description {
	display: none;
	font-family: "SF Pro Display";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.1em;
	color: #000000;
	position: relative;
}

.our_developers-section .section-container .description p {
	margin-bottom: 16px;
	padding-right: 2.7rem;
	max-width: 670px;
}

.our_developers-section .section-container .description ol,
.our_developers-section .section-container .description ul {
	margin-left: 0;
	margin-top: 37px;
}

.our_developers-section .section-container .description ul li {
	margin-left: 0;
	margin-bottom: 32px;
}

.our_developers-section .container .section-row:nth-child(even) .section-banner {
	order: 2;
	text-align: center;
	padding-bottom: 41px;
}

.our_developers-section .container .section-row:nth-child(even) .section-container {
	order: 1;
	padding-right: 0;
}

.our_developers-section .container .section-row:nth-child(even) .section-banner img {
	margin-left: auto;
	margin-right: auto;
}

.our_developers-section .container .section-row .section-banner .caption {
	padding-right: 8rem;
	margin-top: 56px;
}

.our_developers-section .section-container .description ol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 45px;
}

.our_developers-section .section-container .description ol li {
	width: 33%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding-left: 61px;
	padding-right: 30px;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 20px;
	display: flex;
}

.our_developers-section .section-container .description ol li:before {
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
}

.our_developers-section .section-container .description ol li:after {
	content: '';
	background: #FFFFFF;
	box-shadow: 0px 10px 25px rgb(0 0 0 / 10%);
	border-radius: 8px;
	position: absolute;
	left: 15px;
	right: 15px;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.why_choose_us-section {
	padding-top: 10.4rem;
}

.page-template-template-about-page .why_choose_us-section,
.page-template-template-hire-developerspage .why_choose_us-section {
	padding-top: 0;
	padding-bottom: 61px;
}

.page-template-template-hire-developerspage .bottom_panel_banner-section {
	padding-top: 0;
}

.page-template-template-hire-developerspage .why_choose_us-section .section-header {
	text-align: center;
}

.page-template-template-hire-developerspage .why_choose_us-section .section-header .sub-heading {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 15px;
	font-weight: 600;
}

.why_choose_us-section .section-banner .image-left {
	margin-top: 46px;
}

.why_choose_us-section .section-banner .image-right {
	margin-top: -77px;
}

.section-container.reasons-item {
	padding: 25px 60px;
	margin-top: 46px;
}

.page-template-template-about-page .section-container.reasons-item,
.page-template-template-hire-developerspage .section-container.reasons-item {
	padding: 25px 0px 25px 25px;
}

.section-container.reasons-item .item {
	margin-bottom: 35px;
}

.section-container.reasons-item h5 {
	color: #183B56;
	margin-top: 0;
	margin-bottom: 33px;
}

.page-template-template-about-page .section-container.reasons-item h5,
.page-template-template-hire-developerspage .section-container.reasons-item h5 {
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	text-transform: capitalize;
	color: #183B56;
	margin-top: 16px;
	margin-bottom: 18px;
}

.section-container.reasons-item .number {
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	text-transform: uppercase;
	color: #BDBDBD;
	margin-right: 4px;
}

.page-template-template-about-page .section-container.reasons-item .number,
.page-template-template-hire-developerspage .section-container.reasons-item .number {
	font-size: 20px;
	line-height: 120%;
	text-transform: capitalize;
	color: #FFCD06;
	margin-top: 18px;
	display: block;
	font-weight: 400;
}

.section-container.reasons-item .description {
	font-weight: 400;
	color: #5A7184;
	letter-spacing: 0.1px;
	padding-right: 6px;
	text-align: justify;
}

.page-template-template-about-page .section-container.reasons-item .description,
.page-template-template-hire-developerspage .section-container.reasons-item .description {
	padding-right: 36px;
	color: #183B56;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section {
	padding-top: 21px;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block {
	background: #FBDB6A;
	border-radius: 16px;
	padding-bottom: 45px;
	position: relative;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block:before {
	content: '';
	background-image: url(../images/ellipse34.png);
	position: absolute;
	width: 132px;
	height: 329px;
	top: 0;
	left: 0;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block:after {
	content: '';
	background-image: url(../images/ellipse32.png);
	position: absolute;
	width: 321px;
	height: 281px;
	bottom: 0;
	right: 0;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block h2 {
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
	color: #183B56;
	margin-top: 0;
	margin-bottom: 20px;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block .description {
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #5A7184;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block .button {
	background: #0149AB;
	border-radius: 8px;
	color: #FFFFFF;
	border-color: #0149AB;
}

.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block .button:hover {
	background: transparent;
	border-color: #0149AB;
	color: #0149AB;
}

.page-template-template-hire-developerspage .bottom_panel_banner-section .border-bottom-banner {
	text-align: left;
}

.page-template-template-hire-developerspage .bottom_panel_banner-section .button-more {
	text-align: center;
}
.hire-image-bottom {
	width: 100%;
    max-height: 724px;
    object-fit: cover;
}

.facts_figures-section .fact_figure-item {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.facts_figures-section .fact_figure-item img {
	margin-left: auto;
	margin-right: auto;
}

.facts_figures-section .fact_figure-item h3 {
	font-size: 48px;
	line-height: 53px;
	text-align: center;
	text-transform: capitalize;
	margin-top: 32px;
	margin-bottom: 8px;
}

.facts_figures-section .fact_figure-item .counter-number {
	height: 53px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	place-items: flex-start;
}

.facts_figures-section .fact_figure-item .counter-number span.list-number {
	transition: transform 2s ease-in-out;
	display: flex;
	flex-direction: column;
	transform: translateY(0);
	float: left;
}

.facts_figures-section .fact_figure-item .counter-number.run-counter span.list-number {
	transform: translateY(calc(-100% + 53px));
}

.facts_figures-section .fact_figure-item .counter-number.run-counter span.list-number span.number {
	float: left;
	display: block;
}

.our_vision-section .section-banner {
	padding-right: 7.2rem;
}

.our_vision-section .section-container {
	padding-left: 8.2rem;
}

.page-template-template-about-page .why_choose_us-section {
	padding-top: 32px;
}

.page-template-template-about-page .why-choose-us-list {
	margin-top: 25px;
	margin-bottom: 0;
}

.page-template-template-about-page .why-choose-us-list .item {
	padding-top: 31px;
	padding-bottom: 8px;
	margin-bottom: 47px;
}

.page-template-template-about-page .why-choose-us-list .item:first-child {
	padding-left: 35px;
}

.page-template-template-about-page .why-choose-us-list .item .description {
	text-align: justify;
}

.page-template-template-about-page .why-choose-us-list .item span.number {
	margin-top: 26px;
}

.page-template-template-about-page .bottom_panel_banner-section {
	padding: 7.2rem 0;
}

.page-template-template-about-page .bottom_panel_banner-section .border-bottom-banner h2 {
	margin-bottom: 41px;
}

.page-template-template-about-page .bottom_panel_banner-section .border-bottom-banner {
	padding: 55px 260px 72px;
}

.img-wrapper {
	position: relative;
}

.img-overlay {
	background: rgba(0, 0, 0, 0);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	cursor: pointer;
}

#overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#overlay img {
	margin: 0;
	max-width: 90%;
	height: auto;
	max-height: auto;
	object-fit: contain;
	padding: 5%;
}

#nextButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
}

#nextButton:hover {
	opacity: 0.7;
}

#prevButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
}

#prevButton:hover {
	opacity: 0.7;
}

#exitButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
	position: absolute;
	top: 32px;
	right: 32px;
}

#exitButton:hover {
	opacity: 0.7;
}

.footer-top-visible .footer-nav-widgets-wrapper {
	display: none;
}

/* CRM Marketing */
.page-template-template-crm-marketing .section-about{
	padding: 45px 0 142px;
}
.page-template-template-crm-marketing .section-logos-slider .description{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #000;
}
.page-template-template-crm-marketing .section-about .button-wrapper{
	text-align: left;
}
.page-template-template-crm-marketing .section-about .heading{
	margin-bottom: 57px;
}
.page-template-template-crm-marketing .section-about .button-wrapper .button{
	left: 0;
}
.page-template-template-crm-marketing .section-about .hightlight {
	margin-top: 63px;
	margin-bottom: 32px;
}
.page-template-template-crm-marketing .section-about .hightlight *{
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.page-template-template-crm-marketing .section-about .wraper p{
	margin-bottom: 24px;
}

/* Blog */
.post-listing {
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25em;
	margin: 0;
	flex-direction: row;
	justify-content: flex-start;
	padding-bottom: 80px
}

.post-listing article {
	margin-bottom: 0;
	width: calc(33.33333% - 15px) !important;
	margin-top: 53px;
}

.post-listing article .featured-media {
	display: flex;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
}

.post-listing article .featured-media .featured-media-inner {
	width: 100%;
}

.post-listing article .featured-media a {
	height: 100%;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	max-height: 300px;
	font-size: 0;
}

.post-listing article .featured-media a {
    position: relative;
    padding-bottom: calc(253/391 * 100%);
}

.post-listing article .featured-media a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-listing article .featured-media a img {
	width: 100%;
	height: 100%;
	/* object-fit: scale-down; */
}

.post-listing article .wp-container-10 {
	margin-top: 16px;
}

.post-listing article .wp-container-10 h4 {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 12px;
}

.post-listing article .wp-container-10 h4 a {
	color: #183B56;
}

.post-listing article .wp-container-10 .wp-block-post-excerpt {
	font-size: 16px;
	line-height: 1.6em;
}

.sidebar .widget .widget-title {
	line-height: 1.2em;
	font-size: 20px;
}

.sidebar .widget input[type="search"] {
	position: relative;
    box-sizing: border-box;
    border: 1px solid rgba(218, 218, 218, 0.5);
    border-radius: 5px;
    font-size: 14px;
    padding: 12px 8px;
    color: #1B1B1B;
    background: #EEEEEE;
    font-weight: 600;
	letter-spacing: 0.4px;
	margin-bottom: 0;
}

.sidebar .widget input[type="submit"] {
	position: absolute;
    font-size: 0px;
    background-image: url("../images/search.svg");
	background-color: transparent;
    border: 0;
    width: 16px;
    height: 16px;
    right: 15px;
    top: 18px;
    border-radius: 0;
    margin: 0;
}

.sidebar .search-form{
	margin-bottom: 40px;
	position: relative;
}
.sidebar .widget a {
	font-size: 16px;
	line-height: 1.6em;
	color: #183B56;
	font-weight: 600;
}
.sidebar .widget_categories,.sidebar .custom_recent_posts_widget,.sidebar .widget-top-post{
	padding: 24px;
    background: #EEEEEE;
    border-radius: 6px;
    border: 1px solid rgba(218, 218, 218, 0.5);
}
.sidebar .widget.widget_categories .widget-title{
	font-size: 18px;
    line-height: 24px;
	letter-spacing: 0.2px;
}
.sidebar .widget.widget_categories li{
	margin-bottom: 12px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 12px;
}
.page-template-template-case-studies #site-content .container,
.single #site-content .container {
	max-width: 1290px;
}

.blog #site-content .container{
	max-width: 1330px;
}

.single .section-related {
	margin-top: 80px;
}

.single .section-related h2{
	color: #2C3377;
}

.single .post-listing article .featured-media a {
	height: 250px;
}

.pagination-wrapper {
	margin-bottom: 50px;
}

.pagination .page-numbers {
	font-size: 14px;
    line-height: 40px;
    color: #183B56;
    margin-right: 15px;
    margin-left: 0;
    background: #EDEDED;
    width: 40px;
    text-align: center;
    height: 40px;
    vertical-align: middle;
}

.pagination .page-numbers.current {
	background: #FFCD06;
}

.pagination .nav-links {
    justify-content: start;
    margin: 0;
    width: 100%;
}

.menu-opened .header-navigation-preview {
	opacity: 0;
}

.header-navigation-preview {
	margin-right: 79px;
    padding-top: 8px;
	transition: all .15s linear;
}

.header-navigation-preview ul li {
	margin: 0;
	line-height: normal;
}

.header-navigation-preview ul a::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 18px;
	background: #9C9C9C;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.15s linear;
}
.header-navigation-preview ul li.current-menu-item a{
	color: #ffffff;
}
.header-navigation-preview ul li a:hover::after,
.header-navigation-preview ul li.current-menu-item a::after {
	background: #ffffff;
}
.header-navigation-preview ul li:first-child a{
	padding-left: 0;
}
.header-navigation-preview ul li:last-child a{
	padding-right: 0;
}
.header-navigation-preview ul li:last-child a::after {
	display: none;
}
.header-navigation-preview ul a:hover {
	color: #ffffff;
}
.header-navigation-preview ul a {
	font-family: "SF Pro Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.2em;
    color: #C9C9C9;
    padding: 0 26px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none;
}
.header-navigation-preview ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.header-navigation-wrapper>.menu-nav .icon svg{
	margin: 0 auto;
}
.header-navigation-wrapper>.menu-nav .icon {
	cursor: pointer;
}
.header-navigation-wrapper>.menu-nav {
	width: 40px;
	display: none;
}

@media (min-width: 768px) {
	.service-section .section-container>.row:nth-child(even) .col-image {
		order: 1;
		margin-left: -8px;
	}

	.service-section .section-container>.row:nth-child(even) .col-meta {
		order: 2;
	}
}


@media (min-width: 1281px) {
	.hire-developers .home-home-contact-us .backround-img{
		padding-top: 65px;
	}
	.hire-developers .home-home-contact-us .button-more {
	    margin-top: 64px;
	}
	.hire-developers .home-home-contact-us .heading h2{
		margin-bottom: 0;
	}
}
@media (min-width:992px) {
	.col-md-2-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	
	.our_developers-section .section-container .description p{
		width: 55%;
	}

	.our_developers-section ul{
		width: 39.41%;
	}

}


@media (min-width: 1025px) {

	.page-template-template-about-page .why_choose_us-section .section-header h2,
	.page-template-template-hire-developerspage .why_choose_us-section .section-header h2 {
		font-size: 46px;
		line-height: 62px;
		margin-bottom: 55px;
	}

}

@media (min-width: 768px) and (max-width:1440px) {
	html body {
		font-size: 18px;
		line-height: 26px;
	}

	body h3 {
		font-size: 35px;
	}
}

@media (max-width:1440px) {
	.solution.panel .solution-inner {
		margin-top: 0;
	}

	.solution.panel h3.title {
		font-size: 35px;
		margin-bottom: 30px;
	}

	.s_list .item span {
		padding: 4px 16px;
		border-radius: 5px;
		font-size: 18px;
	}

	.solution.panel p {
		margin-bottom: 20px;
	}

	.solution.panel .services li {
		font-size: 20px;
		margin-bottom: 30px;
		padding-left: 50px;
	}

	.solution.panel .services li:before {
		width: 35px;
		height: 35px;
		background-size: contain;
		top: -4px;
	}
}

@media (max-width: 1366px) {
	.our_vision-section .section-container {
		padding-left: 5.2rem;
	}

	.our_developers-section .section-container .description ol li {
		font-size: 16px;
		line-height: 24px;
	}

	.our_developers-section .section-container .description ol li:before {
		width: 19px;
		height: 19px;
		background-size: contain;
	}
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
	.page-template-template-crm-marketing .section-about .content-right{
		width: 50%;
		margin-right: 5%;
		padding-right: 0px;
	}
	.page-template-template-crm-marketing .section-about .hightlight{
		margin-top: 0;
	}
	.page-template-template-crm-marketing .section-about .image-right{
		width: 45%;
	}
}
@media (max-width: 1200px) {
	.our_developers-section .section-container .description ol li {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.our_developers-section .container .section-row:nth-child(even) {
		padding-left: 0;
	}

	.our_developers-section .container .section-row .section-banner .caption,
	.our_developers-section .section-container .description p {
		padding-right: 0;
	}

	.d_list ul li {
		padding-left: 60px;

	}

	.d_list ul li:before {
		top: 15px;
	}

	.header-navigation-preview {
		margin-right: 60px;
	}
	.header-navigation-preview ul a {
		padding: 0 30px;
	}
}

@media (max-width: 1024px) {
	.our_vision-section .section-container {
		padding-left: 15px;
	}
	.header-navigation-preview ul a {
        padding: 0 25px;
    }
	.header-navigation-preview {
        margin-right: 50px;
    }
}

@media (max-width: 991px) {
	.facts_figures-section .fact_figure-item h3 {
		font-size: 44px;
	}
	.our_developers-section ul {
	    position: static;
	}

	.our_developers-section .tab-container {
	    padding-right: 50px;
	}
	.our_developers-section .section-container h2 {
        width: 100%;
    	padding-right: 0;
	}
	.header-navigation-preview {
		display: none;
	}
}
@media screen and (max-width: 782px) { 
	body #site-header {
		top: 56px;
	}
	#site-header.admin-bar {
		top: 102px;
	}
	html:not(.menu-opened) #site-header.admin-bar.scoll-header {
		top: 46px;
	}
}
@media (max-width: 767.98px) {
	.page-template-template-crm-marketing .section-about .heading{
		margin-bottom: 29px;
	}
	.page-template-template-crm-marketing .section-about{
		padding: 44px 0 100px;
	}
	.sidebar .search-form{
		margin-bottom: 20px;
	}
	.sidebar .widget_categories{
		padding: 9px 8px;
	}
	.sidebar .widget input[type="search"]{
		padding: 10px 8px;
	}
	.sidebar .widget input[type="submit"]{
		top: 12px;
	}
	.hidden-desktop{
		display: block !important;
	}
	.hidden-mobile{
		display: none !important;
	}
	.page-template-template-crm-marketing .section-about .hightlight{
		margin-top: 42px;
	}
	.facts_figures-section .heading h2 {
		margin-bottom: 32px;
	}
	.header-navigation-wrapper>.menu-nav {
		display: block;
	}

	.top-bar {
		padding: 4px 0 4.42px;
	}
	.top-bar .top-bar-inner {
		flex-direction: column;
		gap: 2px;
	}
	.our_developers-section .tab-container {
    	padding-right: 0px;
	}
	.service-section .section-container {
		padding-top: 420px;
	}
	.app_features-section .section-container .cards {
		padding-top: 420px;
	}
	body #site-header {
        padding: 0 0 15.5px;
    }
	body:not(.enable-search-modal) .header-titles-wrapper{
		max-width: 80px;
	}
	.page-template-default .entry-content {
		padding: 0 15px;
	}

	.solutions-section {
		padding-bottom: 5.8rem;
	}

	.page-template-template-solution-page .section.section-banner .subtitle {
		font-size: 18px;
		line-height: 25px;
		padding: 0 15px;
	}

	#pinContainer {
		padding-top: 55px;
	}

	.solution.panel h3,
	.solution.panel h3.title {
		font-size: 24px;
		line-height: 26px;
		text-align: center;
		text-transform: capitalize;
		margin-bottom: 16px;
	}

	.solution.panel h3 {
		margin-bottom: 13px;
	}

	.solution.panel .description {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		padding-right: 0;
		margin-bottom: 37px;
	}

	.solution.panel .solution-inner {
		margin-top: 0;
		padding-bottom: 0;
		height: calc(100% - 55px);
		max-height: calc(100% - 55px);
		top: 50.5%;
	}

	.solution.panel .solution-inner .col-meta {
		align-self: center;
		text-align: center;
		margin-bottom: 26px;
	}

	.solution.panel .services {
		display: inline-block;
		list-style: none;
		padding: 0;
		white-space: nowrap;
	}

	.solution.panel .services li {
		margin-bottom: 4px;
		padding-left: 24px;
		float: left;
		width: auto;
		clear: both;
		font-size: 16px;
		line-height: 25px;
	}

	.solution.panel .services li:before {
		width: 16px;
		height: 16px;
		top: 3px;
	}

	.solution.panel .solution-inner .container .col-image img {
		margin-left: auto;
		margin-right: auto;
	}

	.d_list ul li {
		font-size: 14px;
		line-height: 20px;
		padding-left: 43px;
		margin-bottom: 10px;
		letter-spacing: 0.1em;
	}

	.d_list ul li:before {
		width: 15px;
		height: 15px;
		background-size: contain;
		top: 9px;
		left: 9px;
	}

	.s_list .item {
		font-size: 14px;
		line-height: 20px;
		padding: 8px 0;
		gap: 8px;
		border-radius: 6px;
	}

	.s_list .owl-stage .owl-item:first-child .item {
		padding-left: 80px;
	}

	.s_list .item span {
		padding: 8px 15px;
		font-size: 14px;
		line-height: 20px;
		border: 1px solid #fff;
	}

	.s_list .item:before {
		width: 40px;
		margin-top: 17px;
		margin-right: 8px;
	}

	.s_list .item:after {
		width: 40px;
		display: none;
	}

	.page-template-template-about-page .why-choose-us-list .item {
		text-align: center;
		padding-bottom: 68px;
		margin-bottom: 16px;
	}

	.page-template-template-about-page .why-choose-us-list .item:first-child {
		padding-left: 0;
	}

	.page-template-template-about-page .why-choose-us-list .item:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border: none;
	}

	.page-template-template-about-page .why-choose-us-list .item img {
		margin-left: auto;
		margin-right: auto;
		max-width: 116px;
	}

	.page-template-template-about-page .bottom_panel_banner-section .border-bottom-banner {
		padding: 148px 0;
	}

	.bottom_panel_banner-section,
	.page-template-template-about-page .bottom_panel_banner-section {
		padding-bottom: 24px;
	}

	.facts_figures-section .fact_figure-item .item {
		padding-top: 0;
	}

	.facts_figures-section .fact_figure-item img {
		max-width: 70px;
		max-height: 70px;
	}

	.facts_figures-section .fact_figure-item .counter-number {
		font-size: 24px;
		height: 30px;
		line-height: 1.4;
	}

	.facts_figures-section .fact_figure-item .counter-number.run-counter span.list-number {
		transform: translateY(calc(-100% + 35px));
	}

	.our_vision-section .section-container {
		margin-top: 0;
	}

	.our_vision-section .section-banner {
		padding-right: 15px;
	}


	.our_developers-section .section-container .description ul li {
		margin-bottom: 16px;
		padding: 8px 8px 9px 32px;
	}

	.our_developers-section .section-container .description ul li:last-child{
			margin-bottom: 0;
	}

	.our_developers-section .container .section-row:nth-child(even) .section-banner {
		order: 1;
	}

	.our_developers-section .container .section-row:nth-child(even) .section-container {
		order: 2;
	}

	.our_developers-section .container .section-row:nth-child(even) {
		padding-left: 0;
		padding-bottom: 0px;
	}

	.our_developers-section .section-container .description ol li {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		font-size: 14px;
		line-height: 20px;
	}

	.our_developers-section .section-container .description ol li:before {
		width: 19px;
		height: 19px;
		background-size: contain;
	}

	.our_developers-section .section-container .description p {
		padding-right: 0;
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: 0;
	}

	.our_developers-section .container .section-row .section-banner .caption {
		margin-top: 40px;
		padding-right: 0;
	}

	 .our_developers-section .section-row:not(:first-child) .section-container {
		margin-top: 9px;
	}

	.our_developers-section .section-container .description ol {
		margin-top: 24px;
	}

	.our_developers-section .section-row:last-child .section-container h2{
		margin-bottom: 20px;
	}

	.page-template-template-outsourcing-page .bottom_panel_banner-section .inner-block h2 {
		margin-bottom: 8px;
	}

	div#wpadminbar {
	    overflow: hidden;
	}

	.our_developers-section .section-container h2 {
	    font-size: 24px;
	    line-height: 125%;
	    margin-bottom: 23px;
        width: 100%;
    	padding-right: 0;
	}

	.our_developers-section {
	    padding-bottom: 40px;
	    padding-top: 41px;
	}

	.our_developers-section .tab-container {
	    padding-left: 16px;
	    padding-right: 0;
	    border-left-style: dashed;
	}

	.our_developers-section .section-container .description ol, .our_developers-section .section-container .description ul {
	    margin-top: 32px;
	    margin-bottom: 7px;
	}

	.our_developers-section .section-row {
	    padding-bottom: 24px;
	}

	.our_developers-section .section-row.active .section-container:after {
	    left: -19px;
	}
}


@media (max-width: 680px) {
	.post-listing article {
		width: calc(50% - 15px) !important;
	}
}

@media (max-width: 480px) {
	.post-listing article {
		width: 100% !important;
	}
}


.animate-charcter {
	text-transform: uppercase;
	background-image: linear-gradient(-225deg,
			#15572b 0%,
			#d0a92b 29%,
			#ff136277 67%,
			#fff800 100%);
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
	font-size: 190px;
}

@keyframes textclip {
	to {
		background-position: 200% center;
	}
}

.container_button {
	display: flex;
	justify-content: center;
	align-items: center;
}



a.button_customize {
	font-size: 1.5rem;
	padding: 1rem 3rem;
	color: #f4f4f4;
	text-transform: uppercase;
}

.button_customize {
	text-decoration: none;
	border: 1px solid rgb(146, 148, 248);
	position: relative;
	overflow: hidden;
}

.button_customize:hover {
	box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4);
}

.button_customize:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(146, 148, 248, 0.4), transparent) !important;
	transition: all 650ms;
}

.button_customize:hover:before {
	left: 100% !important;
}

.firefly {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 0.6vw;
	height: 0.6vw;
	margin: -0.2vw 0 0 9.8vw;
	animation: ease 200s alternate infinite;
	pointer-events: none;
}

.firefly::before,
.firefly::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform-origin: -10vw;
}

.firefly::before {
	background: black;
	opacity: 0.4;
	animation: drift ease alternate infinite;
}

.firefly::after {
	background: white;
	opacity: 0;
	box-shadow: 0 0 0vw 0vw yellow;
	animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
	animation-name: move1;
}

.firefly:nth-child(1)::before {
	animation-duration: 14s;
}

.firefly:nth-child(1)::after {
	animation-duration: 14s, 5318ms;
	animation-delay: 0ms, 4683ms;
}

@keyframes move1 {
	0% {
		transform: translateX(8vw) translateY(-4vh) scale(0.71);
	}

	4.7619047619% {
		transform: translateX(-46vw) translateY(-2vh) scale(0.8);
	}

	9.5238095238% {
		transform: translateX(49vw) translateY(-18vh) scale(0.44);
	}

	14.2857142857% {
		transform: translateX(6vw) translateY(-10vh) scale(0.67);
	}

	19.0476190476% {
		transform: translateX(-32vw) translateY(-2vh) scale(0.49);
	}

	23.8095238095% {
		transform: translateX(-3vw) translateY(-6vh) scale(0.59);
	}

	28.5714285714% {
		transform: translateX(38vw) translateY(-26vh) scale(0.72);
	}

	33.3333333333% {
		transform: translateX(27vw) translateY(-14vh) scale(0.79);
	}

	38.0952380952% {
		transform: translateX(21vw) translateY(34vh) scale(0.47);
	}

	42.8571428571% {
		transform: translateX(26vw) translateY(27vh) scale(0.55);
	}

	47.619047619% {
		transform: translateX(-32vw) translateY(45vh) scale(0.86);
	}

	52.380952381% {
		transform: translateX(-23vw) translateY(47vh) scale(0.93);
	}

	57.1428571429% {
		transform: translateX(-41vw) translateY(25vh) scale(0.59);
	}

	61.9047619048% {
		transform: translateX(-19vw) translateY(-42vh) scale(0.46);
	}

	66.6666666667% {
		transform: translateX(-4vw) translateY(-39vh) scale(0.32);
	}

	71.4285714286% {
		transform: translateX(18vw) translateY(-49vh) scale(0.37);
	}

	76.1904761905% {
		transform: translateX(21vw) translateY(45vh) scale(0.87);
	}

	80.9523809524% {
		transform: translateX(18vw) translateY(36vh) scale(0.94);
	}

	85.7142857143% {
		transform: translateX(1vw) translateY(25vh) scale(0.88);
	}

	90.4761904762% {
		transform: translateX(5vw) translateY(-25vh) scale(0.31);
	}

	95.2380952381% {
		transform: translateX(22vw) translateY(-9vh) scale(0.81);
	}

	100% {
		transform: translateX(-36vw) translateY(21vh) scale(0.99);
	}
}

.firefly:nth-child(2) {
	animation-name: move2;
}

.firefly:nth-child(2)::before {
	animation-duration: 18s;
}

.firefly:nth-child(2)::after {
	animation-duration: 18s, 8544ms;
	animation-delay: 0ms, 641ms;
}

@keyframes move2 {
	0% {
		transform: translateX(-45vw) translateY(-37vh) scale(0.45);
	}

	4% {
		transform: translateX(-15vw) translateY(-36vh) scale(0.65);
	}

	8% {
		transform: translateX(-8vw) translateY(-2vh) scale(0.98);
	}

	12% {
		transform: translateX(-37vw) translateY(-40vh) scale(0.78);
	}

	16% {
		transform: translateX(-7vw) translateY(41vh) scale(0.64);
	}

	20% {
		transform: translateX(-30vw) translateY(-3vh) scale(0.53);
	}

	24% {
		transform: translateX(-29vw) translateY(-9vh) scale(0.39);
	}

	28% {
		transform: translateX(3vw) translateY(-19vh) scale(0.83);
	}

	32% {
		transform: translateX(-30vw) translateY(-40vh) scale(0.65);
	}

	36% {
		transform: translateX(-32vw) translateY(33vh) scale(0.55);
	}

	40% {
		transform: translateX(34vw) translateY(23vh) scale(0.91);
	}

	44% {
		transform: translateX(9vw) translateY(17vh) scale(0.6);
	}

	48% {
		transform: translateX(-18vw) translateY(-46vh) scale(0.73);
	}

	52% {
		transform: translateX(29vw) translateY(-10vh) scale(0.42);
	}

	56% {
		transform: translateX(-37vw) translateY(44vh) scale(0.64);
	}

	60% {
		transform: translateX(35vw) translateY(27vh) scale(0.4);
	}

	64% {
		transform: translateX(3vw) translateY(-38vh) scale(0.54);
	}

	68% {
		transform: translateX(-20vw) translateY(-21vh) scale(0.56);
	}

	72% {
		transform: translateX(49vw) translateY(25vh) scale(0.79);
	}

	76% {
		transform: translateX(7vw) translateY(36vh) scale(0.94);
	}

	80% {
		transform: translateX(40vw) translateY(46vh) scale(0.87);
	}

	84% {
		transform: translateX(-16vw) translateY(50vh) scale(0.29);
	}

	88% {
		transform: translateX(-21vw) translateY(-7vh) scale(0.98);
	}

	92% {
		transform: translateX(5vw) translateY(-3vh) scale(0.64);
	}

	96% {
		transform: translateX(36vw) translateY(42vh) scale(0.84);
	}

	100% {
		transform: translateX(-48vw) translateY(-31vh) scale(0.97);
	}
}

.firefly:nth-child(3) {
	animation-name: move3;
}

.firefly:nth-child(3)::before {
	animation-duration: 11s;
}

.firefly:nth-child(3)::after {
	animation-duration: 11s, 5626ms;
	animation-delay: 0ms, 4657ms;
}

@keyframes move3 {
	0% {
		transform: translateX(3vw) translateY(2vh) scale(0.75);
	}

	4% {
		transform: translateX(-2vw) translateY(40vh) scale(0.81);
	}

	8% {
		transform: translateX(-39vw) translateY(20vh) scale(0.32);
	}

	12% {
		transform: translateX(24vw) translateY(30vh) scale(0.98);
	}

	16% {
		transform: translateX(-47vw) translateY(-14vh) scale(0.76);
	}

	20% {
		transform: translateX(-37vw) translateY(9vh) scale(0.48);
	}

	24% {
		transform: translateX(2vw) translateY(32vh) scale(0.77);
	}

	28% {
		transform: translateX(5vw) translateY(29vh) scale(0.58);
	}

	32% {
		transform: translateX(5vw) translateY(-12vh) scale(0.36);
	}

	36% {
		transform: translateX(36vw) translateY(-29vh) scale(0.44);
	}

	40% {
		transform: translateX(1vw) translateY(46vh) scale(0.54);
	}

	44% {
		transform: translateX(-9vw) translateY(-47vh) scale(0.54);
	}

	48% {
		transform: translateX(-25vw) translateY(46vh) scale(0.7);
	}

	52% {
		transform: translateX(47vw) translateY(-21vh) scale(0.77);
	}

	56% {
		transform: translateX(-26vw) translateY(-38vh) scale(0.51);
	}

	60% {
		transform: translateX(14vw) translateY(34vh) scale(0.67);
	}

	64% {
		transform: translateX(-43vw) translateY(-5vh) scale(0.63);
	}

	68% {
		transform: translateX(-31vw) translateY(18vh) scale(0.86);
	}

	72% {
		transform: translateX(1vw) translateY(35vh) scale(0.73);
	}

	76% {
		transform: translateX(32vw) translateY(-25vh) scale(0.57);
	}

	80% {
		transform: translateX(-47vw) translateY(11vh) scale(0.56);
	}

	84% {
		transform: translateX(34vw) translateY(-45vh) scale(0.33);
	}

	88% {
		transform: translateX(32vw) translateY(-20vh) scale(0.58);
	}

	92% {
		transform: translateX(-9vw) translateY(-9vh) scale(0.29);
	}

	96% {
		transform: translateX(-2vw) translateY(25vh) scale(0.38);
	}

	100% {
		transform: translateX(-24vw) translateY(49vh) scale(0.52);
	}
}

.firefly:nth-child(4) {
	animation-name: move4;
}

.firefly:nth-child(4)::before {
	animation-duration: 11s;
}

.firefly:nth-child(4)::after {
	animation-duration: 11s, 9901ms;
	animation-delay: 0ms, 2291ms;
}

@keyframes move4 {
	0% {
		transform: translateX(-42vw) translateY(-14vh) scale(0.58);
	}

	3.8461538462% {
		transform: translateX(-13vw) translateY(43vh) scale(0.5);
	}

	7.6923076923% {
		transform: translateX(-16vw) translateY(-19vh) scale(0.32);
	}

	11.5384615385% {
		transform: translateX(-28vw) translateY(6vh) scale(0.51);
	}

	15.3846153846% {
		transform: translateX(-20vw) translateY(-7vh) scale(0.27);
	}

	19.2307692308% {
		transform: translateX(40vw) translateY(-46vh) scale(0.85);
	}

	23.0769230769% {
		transform: translateX(43vw) translateY(-2vh) scale(0.42);
	}

	26.9230769231% {
		transform: translateX(3vw) translateY(-18vh) scale(0.28);
	}

	30.7692307692% {
		transform: translateX(-26vw) translateY(45vh) scale(0.69);
	}

	34.6153846154% {
		transform: translateX(19vw) translateY(41vh) scale(0.29);
	}

	38.4615384615% {
		transform: translateX(26vw) translateY(13vh) scale(0.34);
	}

	42.3076923077% {
		transform: translateX(38vw) translateY(33vh) scale(0.29);
	}

	46.1538461538% {
		transform: translateX(-48vw) translateY(-20vh) scale(0.8);
	}

	50% {
		transform: translateX(-33vw) translateY(-14vh) scale(0.63);
	}

	53.8461538462% {
		transform: translateX(-18vw) translateY(-41vh) scale(0.62);
	}

	57.6923076923% {
		transform: translateX(21vw) translateY(0vh) scale(0.6);
	}

	61.5384615385% {
		transform: translateX(18vw) translateY(34vh) scale(0.27);
	}

	65.3846153846% {
		transform: translateX(-9vw) translateY(3vh) scale(0.83);
	}

	69.2307692308% {
		transform: translateX(21vw) translateY(30vh) scale(0.28);
	}

	73.0769230769% {
		transform: translateX(42vw) translateY(50vh) scale(0.55);
	}

	76.9230769231% {
		transform: translateX(-33vw) translateY(-16vh) scale(0.92);
	}

	80.7692307692% {
		transform: translateX(13vw) translateY(-25vh) scale(0.86);
	}

	84.6153846154% {
		transform: translateX(-31vw) translateY(-13vh) scale(0.98);
	}

	88.4615384615% {
		transform: translateX(-40vw) translateY(-5vh) scale(0.87);
	}

	92.3076923077% {
		transform: translateX(-36vw) translateY(43vh) scale(0.28);
	}

	96.1538461538% {
		transform: translateX(15vw) translateY(19vh) scale(0.3);
	}

	100% {
		transform: translateX(-29vw) translateY(12vh) scale(0.96);
	}
}

.firefly:nth-child(5) {
	animation-name: move5;
}

.firefly:nth-child(5)::before {
	animation-duration: 16s;
}

.firefly:nth-child(5)::after {
	animation-duration: 16s, 5860ms;
	animation-delay: 0ms, 643ms;
}

@keyframes move5 {
	0% {
		transform: translateX(35vw) translateY(8vh) scale(0.39);
	}

	5.8823529412% {
		transform: translateX(10vw) translateY(49vh) scale(0.73);
	}

	11.7647058824% {
		transform: translateX(35vw) translateY(-36vh) scale(0.93);
	}

	17.6470588235% {
		transform: translateX(33vw) translateY(-3vh) scale(0.57);
	}

	23.5294117647% {
		transform: translateX(-15vw) translateY(49vh) scale(0.61);
	}

	29.4117647059% {
		transform: translateX(30vw) translateY(39vh) scale(0.58);
	}

	35.2941176471% {
		transform: translateX(-32vw) translateY(-22vh) scale(0.92);
	}

	41.1764705882% {
		transform: translateX(-40vw) translateY(-20vh) scale(0.54);
	}

	47.0588235294% {
		transform: translateX(-46vw) translateY(2vh) scale(0.3);
	}

	52.9411764706% {
		transform: translateX(-28vw) translateY(24vh) scale(0.71);
	}

	58.8235294118% {
		transform: translateX(48vw) translateY(-44vh) scale(0.32);
	}

	64.7058823529% {
		transform: translateX(45vw) translateY(7vh) scale(0.53);
	}

	70.5882352941% {
		transform: translateX(-9vw) translateY(-20vh) scale(0.63);
	}

	76.4705882353% {
		transform: translateX(25vw) translateY(-46vh) scale(0.34);
	}

	82.3529411765% {
		transform: translateX(25vw) translateY(17vh) scale(0.28);
	}

	88.2352941176% {
		transform: translateX(47vw) translateY(19vh) scale(0.56);
	}

	94.1176470588% {
		transform: translateX(-39vw) translateY(-1vh) scale(0.41);
	}

	100% {
		transform: translateX(-1vw) translateY(-22vh) scale(0.64);
	}
}

.firefly:nth-child(6) {
	animation-name: move6;
}

.firefly:nth-child(6)::before {
	animation-duration: 12s;
}

.firefly:nth-child(6)::after {
	animation-duration: 12s, 7035ms;
	animation-delay: 0ms, 1189ms;
}

@keyframes move6 {
	0% {
		transform: translateX(31vw) translateY(29vh) scale(0.33);
	}

	3.8461538462% {
		transform: translateX(18vw) translateY(31vh) scale(0.29);
	}

	7.6923076923% {
		transform: translateX(-13vw) translateY(34vh) scale(0.99);
	}

	11.5384615385% {
		transform: translateX(10vw) translateY(21vh) scale(0.86);
	}

	15.3846153846% {
		transform: translateX(28vw) translateY(-15vh) scale(0.42);
	}

	19.2307692308% {
		transform: translateX(11vw) translateY(-19vh) scale(0.52);
	}

	23.0769230769% {
		transform: translateX(32vw) translateY(-31vh) scale(0.29);
	}

	26.9230769231% {
		transform: translateX(-36vw) translateY(-4vh) scale(0.82);
	}

	30.7692307692% {
		transform: translateX(40vw) translateY(32vh) scale(0.26);
	}

	34.6153846154% {
		transform: translateX(-2vw) translateY(-23vh) scale(0.8);
	}

	38.4615384615% {
		transform: translateX(29vw) translateY(-28vh) scale(0.83);
	}

	42.3076923077% {
		transform: translateX(20vw) translateY(-14vh) scale(0.89);
	}

	46.1538461538% {
		transform: translateX(20vw) translateY(24vh) scale(0.99);
	}

	50% {
		transform: translateX(1vw) translateY(2vh) scale(0.94);
	}

	53.8461538462% {
		transform: translateX(-14vw) translateY(-34vh) scale(0.89);
	}

	57.6923076923% {
		transform: translateX(0vw) translateY(27vh) scale(1);
	}

	61.5384615385% {
		transform: translateX(-20vw) translateY(1vh) scale(0.46);
	}

	65.3846153846% {
		transform: translateX(-31vw) translateY(-36vh) scale(0.61);
	}

	69.2307692308% {
		transform: translateX(30vw) translateY(-1vh) scale(0.52);
	}

	73.0769230769% {
		transform: translateX(-20vw) translateY(46vh) scale(0.43);
	}

	76.9230769231% {
		transform: translateX(8vw) translateY(-31vh) scale(0.83);
	}

	80.7692307692% {
		transform: translateX(3vw) translateY(3vh) scale(0.92);
	}

	84.6153846154% {
		transform: translateX(7vw) translateY(-7vh) scale(0.32);
	}

	88.4615384615% {
		transform: translateX(40vw) translateY(0vh) scale(0.72);
	}

	92.3076923077% {
		transform: translateX(41vw) translateY(-6vh) scale(0.92);
	}

	96.1538461538% {
		transform: translateX(39vw) translateY(-26vh) scale(0.67);
	}

	100% {
		transform: translateX(44vw) translateY(-43vh) scale(0.48);
	}
}

.firefly:nth-child(7) {
	animation-name: move7;
}

.firefly:nth-child(7)::before {
	animation-duration: 18s;
}

.firefly:nth-child(7)::after {
	animation-duration: 18s, 9981ms;
	animation-delay: 0ms, 880ms;
}

@keyframes move7 {
	0% {
		transform: translateX(13vw) translateY(43vh) scale(0.93);
	}

	4.347826087% {
		transform: translateX(-35vw) translateY(8vh) scale(0.94);
	}

	8.6956521739% {
		transform: translateX(-14vw) translateY(0vh) scale(0.73);
	}

	13.0434782609% {
		transform: translateX(40vw) translateY(37vh) scale(0.69);
	}

	17.3913043478% {
		transform: translateX(15vw) translateY(-5vh) scale(0.49);
	}

	21.7391304348% {
		transform: translateX(-48vw) translateY(28vh) scale(0.37);
	}

	26.0869565217% {
		transform: translateX(31vw) translateY(4vh) scale(0.63);
	}

	30.4347826087% {
		transform: translateX(-2vw) translateY(27vh) scale(0.45);
	}

	34.7826086957% {
		transform: translateX(32vw) translateY(37vh) scale(0.73);
	}

	39.1304347826% {
		transform: translateX(-42vw) translateY(45vh) scale(0.89);
	}

	43.4782608696% {
		transform: translateX(34vw) translateY(-36vh) scale(0.71);
	}

	47.8260869565% {
		transform: translateX(-26vw) translateY(22vh) scale(0.8);
	}

	52.1739130435% {
		transform: translateX(-21vw) translateY(-30vh) scale(0.89);
	}

	56.5217391304% {
		transform: translateX(40vw) translateY(-8vh) scale(0.43);
	}

	60.8695652174% {
		transform: translateX(-46vw) translateY(-47vh) scale(0.65);
	}

	65.2173913043% {
		transform: translateX(14vw) translateY(-16vh) scale(0.84);
	}

	69.5652173913% {
		transform: translateX(-9vw) translateY(48vh) scale(0.97);
	}

	73.9130434783% {
		transform: translateX(-23vw) translateY(-31vh) scale(0.93);
	}

	78.2608695652% {
		transform: translateX(-14vw) translateY(37vh) scale(0.9);
	}

	82.6086956522% {
		transform: translateX(27vw) translateY(-48vh) scale(0.38);
	}

	86.9565217391% {
		transform: translateX(-46vw) translateY(23vh) scale(0.55);
	}

	91.3043478261% {
		transform: translateX(31vw) translateY(36vh) scale(0.46);
	}

	95.652173913% {
		transform: translateX(3vw) translateY(-11vh) scale(0.32);
	}

	100% {
		transform: translateX(-4vw) translateY(-18vh) scale(0.49);
	}
}

.firefly:nth-child(8) {
	animation-name: move8;
}

.firefly:nth-child(8)::before {
	animation-duration: 14s;
}

.firefly:nth-child(8)::after {
	animation-duration: 14s, 6714ms;
	animation-delay: 0ms, 5615ms;
}

@keyframes move8 {
	0% {
		transform: translateX(-37vw) translateY(0vh) scale(0.28);
	}

	5% {
		transform: translateX(-12vw) translateY(43vh) scale(0.92);
	}

	10% {
		transform: translateX(32vw) translateY(8vh) scale(0.99);
	}

	15% {
		transform: translateX(9vw) translateY(0vh) scale(0.47);
	}

	20% {
		transform: translateX(-5vw) translateY(4vh) scale(0.91);
	}

	25% {
		transform: translateX(-49vw) translateY(-23vh) scale(0.58);
	}

	30% {
		transform: translateX(40vw) translateY(-32vh) scale(0.5);
	}

	35% {
		transform: translateX(-29vw) translateY(42vh) scale(0.78);
	}

	40% {
		transform: translateX(-48vw) translateY(36vh) scale(0.93);
	}

	45% {
		transform: translateX(-3vw) translateY(27vh) scale(0.86);
	}

	50% {
		transform: translateX(-30vw) translateY(28vh) scale(0.45);
	}

	55% {
		transform: translateX(-14vw) translateY(-1vh) scale(0.43);
	}

	60% {
		transform: translateX(36vw) translateY(-42vh) scale(0.33);
	}

	65% {
		transform: translateX(9vw) translateY(-30vh) scale(0.43);
	}

	70% {
		transform: translateX(14vw) translateY(45vh) scale(0.92);
	}

	75% {
		transform: translateX(-34vw) translateY(29vh) scale(0.79);
	}

	80% {
		transform: translateX(-24vw) translateY(17vh) scale(0.81);
	}

	85% {
		transform: translateX(-48vw) translateY(39vh) scale(0.93);
	}

	90% {
		transform: translateX(50vw) translateY(-44vh) scale(0.26);
	}

	95% {
		transform: translateX(23vw) translateY(19vh) scale(0.26);
	}

	100% {
		transform: translateX(-13vw) translateY(26vh) scale(0.7);
	}
}

.firefly:nth-child(9) {
	animation-name: move9;
}

.firefly:nth-child(9)::before {
	animation-duration: 11s;
}

.firefly:nth-child(9)::after {
	animation-duration: 11s, 9086ms;
	animation-delay: 0ms, 2037ms;
}

@keyframes move9 {
	0% {
		transform: translateX(-41vw) translateY(-20vh) scale(0.44);
	}

	5.2631578947% {
		transform: translateX(-43vw) translateY(-31vh) scale(0.34);
	}

	10.5263157895% {
		transform: translateX(-17vw) translateY(-6vh) scale(0.37);
	}

	15.7894736842% {
		transform: translateX(26vw) translateY(39vh) scale(0.4);
	}

	21.0526315789% {
		transform: translateX(-8vw) translateY(-48vh) scale(0.88);
	}

	26.3157894737% {
		transform: translateX(-37vw) translateY(-16vh) scale(0.55);
	}

	31.5789473684% {
		transform: translateX(6vw) translateY(5vh) scale(0.44);
	}

	36.8421052632% {
		transform: translateX(-6vw) translateY(-8vh) scale(0.86);
	}

	42.1052631579% {
		transform: translateX(43vw) translateY(26vh) scale(0.68);
	}

	47.3684210526% {
		transform: translateX(-11vw) translateY(9vh) scale(0.42);
	}

	52.6315789474% {
		transform: translateX(-38vw) translateY(28vh) scale(0.27);
	}

	57.8947368421% {
		transform: translateX(-19vw) translateY(-19vh) scale(0.33);
	}

	63.1578947368% {
		transform: translateX(-49vw) translateY(5vh) scale(0.57);
	}

	68.4210526316% {
		transform: translateX(4vw) translateY(-27vh) scale(0.9);
	}

	73.6842105263% {
		transform: translateX(-21vw) translateY(33vh) scale(0.45);
	}

	78.9473684211% {
		transform: translateX(-42vw) translateY(-4vh) scale(0.64);
	}

	84.2105263158% {
		transform: translateX(20vw) translateY(-35vh) scale(0.93);
	}

	89.4736842105% {
		transform: translateX(-13vw) translateY(2vh) scale(0.47);
	}

	94.7368421053% {
		transform: translateX(-29vw) translateY(-43vh) scale(0.77);
	}

	100% {
		transform: translateX(-13vw) translateY(-39vh) scale(0.75);
	}
}

.firefly:nth-child(10) {
	animation-name: move10;
}

.firefly:nth-child(10)::before {
	animation-duration: 9s;
}

.firefly:nth-child(10)::after {
	animation-duration: 9s, 7703ms;
	animation-delay: 0ms, 3701ms;
}

@keyframes move10 {
	0% {
		transform: translateX(20vw) translateY(-25vh) scale(0.99);
	}

	5.2631578947% {
		transform: translateX(-14vw) translateY(18vh) scale(0.49);
	}

	10.5263157895% {
		transform: translateX(-45vw) translateY(-25vh) scale(0.83);
	}

	15.7894736842% {
		transform: translateX(-1vw) translateY(11vh) scale(0.54);
	}

	21.0526315789% {
		transform: translateX(-8vw) translateY(36vh) scale(0.46);
	}

	26.3157894737% {
		transform: translateX(-46vw) translateY(16vh) scale(0.44);
	}

	31.5789473684% {
		transform: translateX(-40vw) translateY(17vh) scale(0.56);
	}

	36.8421052632% {
		transform: translateX(-7vw) translateY(50vh) scale(0.74);
	}

	42.1052631579% {
		transform: translateX(-27vw) translateY(-4vh) scale(0.78);
	}

	47.3684210526% {
		transform: translateX(24vw) translateY(37vh) scale(0.51);
	}

	52.6315789474% {
		transform: translateX(13vw) translateY(-6vh) scale(0.47);
	}

	57.8947368421% {
		transform: translateX(-8vw) translateY(17vh) scale(0.38);
	}

	63.1578947368% {
		transform: translateX(-16vw) translateY(-2vh) scale(0.43);
	}

	68.4210526316% {
		transform: translateX(-20vw) translateY(30vh) scale(0.79);
	}

	73.6842105263% {
		transform: translateX(-33vw) translateY(8vh) scale(0.67);
	}

	78.9473684211% {
		transform: translateX(24vw) translateY(19vh) scale(0.28);
	}

	84.2105263158% {
		transform: translateX(-23vw) translateY(-40vh) scale(0.26);
	}

	89.4736842105% {
		transform: translateX(20vw) translateY(-31vh) scale(0.53);
	}

	94.7368421053% {
		transform: translateX(30vw) translateY(39vh) scale(0.45);
	}

	100% {
		transform: translateX(47vw) translateY(-26vh) scale(0.28);
	}
}

.firefly:nth-child(11) {
	animation-name: move11;
}

.firefly:nth-child(11)::before {
	animation-duration: 14s;
}

.firefly:nth-child(11)::after {
	animation-duration: 14s, 8504ms;
	animation-delay: 0ms, 7257ms;
}

@keyframes move11 {
	0% {
		transform: translateX(23vw) translateY(-5vh) scale(0.73);
	}

	3.7037037037% {
		transform: translateX(-38vw) translateY(-29vh) scale(0.71);
	}

	7.4074074074% {
		transform: translateX(-13vw) translateY(-10vh) scale(0.44);
	}

	11.1111111111% {
		transform: translateX(38vw) translateY(10vh) scale(0.78);
	}

	14.8148148148% {
		transform: translateX(-17vw) translateY(-48vh) scale(0.32);
	}

	18.5185185185% {
		transform: translateX(13vw) translateY(-24vh) scale(0.46);
	}

	22.2222222222% {
		transform: translateX(-43vw) translateY(18vh) scale(0.74);
	}

	25.9259259259% {
		transform: translateX(-21vw) translateY(26vh) scale(0.46);
	}

	29.6296296296% {
		transform: translateX(37vw) translateY(29vh) scale(0.94);
	}

	33.3333333333% {
		transform: translateX(32vw) translateY(34vh) scale(0.75);
	}

	37.037037037% {
		transform: translateX(16vw) translateY(2vh) scale(0.87);
	}

	40.7407407407% {
		transform: translateX(-35vw) translateY(-41vh) scale(0.88);
	}

	44.4444444444% {
		transform: translateX(12vw) translateY(-39vh) scale(0.28);
	}

	48.1481481481% {
		transform: translateX(-14vw) translateY(-43vh) scale(0.67);
	}

	51.8518518519% {
		transform: translateX(35vw) translateY(-34vh) scale(0.92);
	}

	55.5555555556% {
		transform: translateX(39vw) translateY(-28vh) scale(0.96);
	}

	59.2592592593% {
		transform: translateX(-4vw) translateY(20vh) scale(0.39);
	}

	62.962962963% {
		transform: translateX(-44vw) translateY(-37vh) scale(0.64);
	}

	66.6666666667% {
		transform: translateX(-8vw) translateY(-19vh) scale(0.89);
	}

	70.3703703704% {
		transform: translateX(-42vw) translateY(35vh) scale(0.83);
	}

	74.0740740741% {
		transform: translateX(29vw) translateY(-13vh) scale(0.66);
	}

	77.7777777778% {
		transform: translateX(17vw) translateY(1vh) scale(0.33);
	}

	81.4814814815% {
		transform: translateX(6vw) translateY(14vh) scale(0.29);
	}

	85.1851851852% {
		transform: translateX(-45vw) translateY(-10vh) scale(0.91);
	}

	88.8888888889% {
		transform: translateX(32vw) translateY(-30vh) scale(0.31);
	}

	92.5925925926% {
		transform: translateX(27vw) translateY(-24vh) scale(0.92);
	}

	96.2962962963% {
		transform: translateX(-19vw) translateY(9vh) scale(0.46);
	}

	100% {
		transform: translateX(36vw) translateY(12vh) scale(0.31);
	}
}

.firefly:nth-child(12) {
	animation-name: move12;
}

.firefly:nth-child(12)::before {
	animation-duration: 17s;
}

.firefly:nth-child(12)::after {
	animation-duration: 17s, 7201ms;
	animation-delay: 0ms, 7122ms;
}

@keyframes move12 {
	0% {
		transform: translateX(-19vw) translateY(26vh) scale(0.78);
	}

	5% {
		transform: translateX(-29vw) translateY(-12vh) scale(0.4);
	}

	10% {
		transform: translateX(11vw) translateY(-46vh) scale(0.58);
	}

	15% {
		transform: translateX(40vw) translateY(-7vh) scale(0.68);
	}

	20% {
		transform: translateX(8vw) translateY(32vh) scale(0.84);
	}

	25% {
		transform: translateX(-46vw) translateY(15vh) scale(0.53);
	}

	30% {
		transform: translateX(2vw) translateY(8vh) scale(0.52);
	}

	35% {
		transform: translateX(19vw) translateY(-26vh) scale(0.44);
	}

	40% {
		transform: translateX(28vw) translateY(-29vh) scale(0.37);
	}

	45% {
		transform: translateX(-44vw) translateY(-3vh) scale(0.71);
	}

	50% {
		transform: translateX(24vw) translateY(-23vh) scale(0.52);
	}

	55% {
		transform: translateX(-39vw) translateY(49vh) scale(0.77);
	}

	60% {
		transform: translateX(-7vw) translateY(10vh) scale(0.74);
	}

	65% {
		transform: translateX(-12vw) translateY(-32vh) scale(0.54);
	}

	70% {
		transform: translateX(-3vw) translateY(-4vh) scale(0.69);
	}

	75% {
		transform: translateX(-43vw) translateY(4vh) scale(0.49);
	}

	80% {
		transform: translateX(46vw) translateY(34vh) scale(0.53);
	}

	85% {
		transform: translateX(-42vw) translateY(14vh) scale(0.83);
	}

	90% {
		transform: translateX(-1vw) translateY(-5vh) scale(0.72);
	}

	95% {
		transform: translateX(-7vw) translateY(29vh) scale(0.69);
	}

	100% {
		transform: translateX(1vw) translateY(43vh) scale(0.91);
	}
}

.firefly:nth-child(13) {
	animation-name: move13;
}

.firefly:nth-child(13)::before {
	animation-duration: 9s;
}

.firefly:nth-child(13)::after {
	animation-duration: 9s, 10716ms;
	animation-delay: 0ms, 4329ms;
}

@keyframes move13 {
	0% {
		transform: translateX(40vw) translateY(-7vh) scale(0.27);
	}

	3.7037037037% {
		transform: translateX(38vw) translateY(38vh) scale(0.79);
	}

	7.4074074074% {
		transform: translateX(21vw) translateY(6vh) scale(0.89);
	}

	11.1111111111% {
		transform: translateX(10vw) translateY(-40vh) scale(0.76);
	}

	14.8148148148% {
		transform: translateX(6vw) translateY(-13vh) scale(0.55);
	}

	18.5185185185% {
		transform: translateX(-3vw) translateY(48vh) scale(0.85);
	}

	22.2222222222% {
		transform: translateX(26vw) translateY(36vh) scale(0.71);
	}

	25.9259259259% {
		transform: translateX(44vw) translateY(-34vh) scale(0.95);
	}

	29.6296296296% {
		transform: translateX(-34vw) translateY(-27vh) scale(0.77);
	}

	33.3333333333% {
		transform: translateX(50vw) translateY(-4vh) scale(0.84);
	}

	37.037037037% {
		transform: translateX(13vw) translateY(-7vh) scale(0.89);
	}

	40.7407407407% {
		transform: translateX(-26vw) translateY(11vh) scale(0.71);
	}

	44.4444444444% {
		transform: translateX(14vw) translateY(26vh) scale(0.72);
	}

	48.1481481481% {
		transform: translateX(39vw) translateY(11vh) scale(0.43);
	}

	51.8518518519% {
		transform: translateX(-25vw) translateY(40vh) scale(0.73);
	}

	55.5555555556% {
		transform: translateX(4vw) translateY(50vh) scale(0.74);
	}

	59.2592592593% {
		transform: translateX(-2vw) translateY(45vh) scale(0.61);
	}

	62.962962963% {
		transform: translateX(28vw) translateY(-46vh) scale(0.26);
	}

	66.6666666667% {
		transform: translateX(18vw) translateY(-22vh) scale(0.51);
	}

	70.3703703704% {
		transform: translateX(34vw) translateY(-46vh) scale(0.69);
	}

	74.0740740741% {
		transform: translateX(39vw) translateY(25vh) scale(0.45);
	}

	77.7777777778% {
		transform: translateX(-14vw) translateY(-41vh) scale(0.31);
	}

	81.4814814815% {
		transform: translateX(31vw) translateY(14vh) scale(0.91);
	}

	85.1851851852% {
		transform: translateX(16vw) translateY(-16vh) scale(0.41);
	}

	88.8888888889% {
		transform: translateX(-35vw) translateY(-7vh) scale(0.91);
	}

	92.5925925926% {
		transform: translateX(-44vw) translateY(43vh) scale(0.99);
	}

	96.2962962963% {
		transform: translateX(6vw) translateY(-13vh) scale(0.41);
	}

	100% {
		transform: translateX(12vw) translateY(27vh) scale(0.31);
	}
}

.firefly:nth-child(14) {
	animation-name: move14;
}

.firefly:nth-child(14)::before {
	animation-duration: 16s;
}

.firefly:nth-child(14)::after {
	animation-duration: 16s, 5621ms;
	animation-delay: 0ms, 7019ms;
}

@keyframes move14 {
	0% {
		transform: translateX(-10vw) translateY(-9vh) scale(0.92);
	}

	5.2631578947% {
		transform: translateX(-35vw) translateY(-13vh) scale(0.4);
	}

	10.5263157895% {
		transform: translateX(47vw) translateY(3vh) scale(0.7);
	}

	15.7894736842% {
		transform: translateX(-17vw) translateY(-23vh) scale(0.34);
	}

	21.0526315789% {
		transform: translateX(14vw) translateY(-19vh) scale(0.31);
	}

	26.3157894737% {
		transform: translateX(-13vw) translateY(-12vh) scale(0.3);
	}

	31.5789473684% {
		transform: translateX(-26vw) translateY(12vh) scale(0.88);
	}

	36.8421052632% {
		transform: translateX(14vw) translateY(37vh) scale(1);
	}

	42.1052631579% {
		transform: translateX(46vw) translateY(-33vh) scale(0.67);
	}

	47.3684210526% {
		transform: translateX(27vw) translateY(-44vh) scale(0.94);
	}

	52.6315789474% {
		transform: translateX(44vw) translateY(-39vh) scale(0.58);
	}

	57.8947368421% {
		transform: translateX(46vw) translateY(46vh) scale(0.73);
	}

	63.1578947368% {
		transform: translateX(-14vw) translateY(41vh) scale(0.61);
	}

	68.4210526316% {
		transform: translateX(18vw) translateY(12vh) scale(0.46);
	}

	73.6842105263% {
		transform: translateX(8vw) translateY(-4vh) scale(0.91);
	}

	78.9473684211% {
		transform: translateX(-22vw) translateY(-48vh) scale(0.46);
	}

	84.2105263158% {
		transform: translateX(-43vw) translateY(-8vh) scale(0.85);
	}

	89.4736842105% {
		transform: translateX(-3vw) translateY(-17vh) scale(0.63);
	}

	94.7368421053% {
		transform: translateX(-7vw) translateY(-21vh) scale(0.27);
	}

	100% {
		transform: translateX(46vw) translateY(-20vh) scale(0.63);
	}
}

.firefly:nth-child(15) {
	animation-name: move15;
}

.firefly:nth-child(15)::before {
	animation-duration: 13s;
}

.firefly:nth-child(15)::after {
	animation-duration: 13s, 8209ms;
	animation-delay: 0ms, 7440ms;
}

@keyframes move15 {
	0% {
		transform: translateX(-4vw) translateY(1vh) scale(0.43);
	}

	5.2631578947% {
		transform: translateX(4vw) translateY(1vh) scale(0.36);
	}

	10.5263157895% {
		transform: translateX(25vw) translateY(-14vh) scale(0.44);
	}

	15.7894736842% {
		transform: translateX(-8vw) translateY(-7vh) scale(0.57);
	}

	21.0526315789% {
		transform: translateX(-13vw) translateY(-3vh) scale(0.55);
	}

	26.3157894737% {
		transform: translateX(24vw) translateY(-16vh) scale(0.49);
	}

	31.5789473684% {
		transform: translateX(22vw) translateY(-43vh) scale(0.86);
	}

	36.8421052632% {
		transform: translateX(20vw) translateY(44vh) scale(0.29);
	}

	42.1052631579% {
		transform: translateX(14vw) translateY(50vh) scale(0.73);
	}

	47.3684210526% {
		transform: translateX(36vw) translateY(15vh) scale(0.5);
	}

	52.6315789474% {
		transform: translateX(39vw) translateY(-45vh) scale(0.87);
	}

	57.8947368421% {
		transform: translateX(-19vw) translateY(29vh) scale(0.85);
	}

	63.1578947368% {
		transform: translateX(-43vw) translateY(-49vh) scale(0.81);
	}

	68.4210526316% {
		transform: translateX(39vw) translateY(-47vh) scale(0.34);
	}

	73.6842105263% {
		transform: translateX(-23vw) translateY(-16vh) scale(0.32);
	}

	78.9473684211% {
		transform: translateX(38vw) translateY(13vh) scale(0.63);
	}

	84.2105263158% {
		transform: translateX(-38vw) translateY(36vh) scale(0.75);
	}

	89.4736842105% {
		transform: translateX(32vw) translateY(-26vh) scale(0.56);
	}

	94.7368421053% {
		transform: translateX(-41vw) translateY(-11vh) scale(0.29);
	}

	100% {
		transform: translateX(-33vw) translateY(4vh) scale(0.4);
	}
}

@keyframes drift {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes flash {

	0%,
	30%,
	100% {
		opacity: 0;
		box-shadow: 0 0 0vw 0vw yellow;
	}

	5% {
		opacity: 1;
		box-shadow: 0 0 2vw 0.4vw yellow;
	}
}

/* mobile page */
.page-template-template-mobileapp-page .one-column-content {
	padding: 183px 25px 60px;
}
.page-template-template-mobileapp-page .one-column-title {
	line-height: 120px;
	text-transform: unset;
}
.page-template-template-mobileapp-page .one-column-des {
	margin-top: 28px;
}
.service-section .section-container>.row .description {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	width: 60%;
    max-width: 460px;
}
.service-section .section-container>.row.one-column .description {
	width: 100%;
	max-width: 670px;
}
.about-section .container >.row {
	flex-wrap: nowrap;
    margin-right: unset;
    margin-left: unset;
	margin-bottom: 58px;
}

.about-section .container .section-header h2{
	color: #2C3377 !important;
}
.about-section .container .section-des {
    margin-left: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
    max-width: 1050px;
}
.about-section .section-container .col-items {
	width: 100%;
}
.about-section >div.container {
	padding-bottom: 100px;
}
.mobile-app-page .about-section .container .section-header{
	margin-bottom: 110px;
}
.mobile-app-page .about-section >div.container {
	padding-bottom: 88px;
}
.mobile-app-page .about-section .container-inner{	
    max-width: 1061px;
    margin: 0 auto;
}
.page-template-template-mobileapp-page .about-section .container .section-header h2{
	margin-bottom: 24px;
}
.page-template-template-mobileapp-page .about-section .container .section-des{
	margin-left: auto;
	margin-right: auto;
}
.page-template-template-mobileapp-page .bottom_panel_banner-section .bg-overlay {
	padding: 85px 0 62px;
}
.page-template-template-mobileapp-page .bottom_panel_banner-section .border-bottom-banner h2 {
	margin-bottom: 48px;
}
.mobile-app-page .app_features-section .heading:before{
	display: none;
}
.mobile-app-page .app_features-section .heading:after{
	display: none;
}
.mobile-app-page .service-section .stack-card .row {
    padding-top: 95px;
	margin: 0;
}
.mobile-app-page .home-home-contact-us .content{
	display: none;
}
.mobile-app-page .service-section .col-meta .description{
	color: #D3D2D2;
}
@media (min-width: 1280px){
	.mobile-app-page .home-home-contact-us .backround-img{
		padding-top: 66px;
		padding-bottom: 56px;
	}
	.mobile-app-page .home-home-contact-us .button{
		vertical-align: top;
	}
	.mobile-app-page .home-home-contact-us .button-more {
	    margin-top: 64px;
	}
}
@media (max-width: 1024px) {
	.mobile-app-page .service-section .stack-card .row{
		padding: 70px 50px;
	}
}
@media (max-width: 767.98px) {
	.about-section .container>.row {
		flex-wrap: wrap;
	}
	.about-section .container .section-des{
		margin: 0;
		font-size: 14px;
		line-height: 22px;
	}
	#nextButton {
		position: relative;
		right: 8px;
		z-index: 5;
	}
	#prevButton {
		position: relative;
		z-index: 5;
		left: 8px;
	}
	#exitButton {
		top: 16px;
		right: 16px;
	}
	.mobile-app-page .about-section .container .section-header h2{
		margin-bottom: 20px;
	}
	.about-section .container .section-des p {
	    line-height: inherit;
	    font-size: inherit;
	    margin-bottom: 20px;
	}
	.mobile-app-page .about-section .container >.row{
		margin-bottom: 44px;
	}
	.mobile-app-page .service-section .stack-card .row{
	    padding: 40px 19px;
	}
	.service-section .section-container .col-meta h2{
		margin-bottom: 25px;
	}
	.service-section .section-container .col-meta{
	    flex-wrap: wrap;
	}
	.mobile-app-page .service-section .col-meta .description{
		font-size: 14px;
    	line-height: 125%;
	}
	.service-section .section-container .col-meta:not(:first-child) {
	    margin-top: 23px;
	}
	.service-section .section-container .stack-card .row{
		min-height: 370px;
	}
	.mobile-app-page .about-section >div.container {
	    padding-bottom: 0;
	}
	.our_technology_stack-section{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.page-template-template-mobileapp-page .one-column-content{
        padding: 89px 16px 20px;
    }
    .page-template-template-mobileapp-page .one-column-title{
        line-height: 2;
    }
    .mobile-app-page .app_features-section .heading:before,.mobile-app-page .app_features-section .heading:after{
    	display: block;
    }
}