/**

Theme Name: Cosion Child

Author: ThemeOri

Author URI: https://themeforest.net/user/themeori/

Description: Child theme for the Cosion theme.

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: cosion-child	

Template: cosion

*/

/* NEW CSS UPDATE */
.flexitype-transparent-header {
	position: relative !important;
	top: 0 !important;
}
.home .flexitype-transparent-header {
	position: absolute !important;
	top: 32px !important;
}
.p_color {
	color: #00eaff;
}
#synera-scroll .text__slider ul li h2 a svg {
	margin: 0 20px;
}
#synera-scroll .text__slider ul li h2 a{
	text-shadow: 2px 0 #00eaff, -2px 0 #00eaff, 0 2px #00eaff, 0 -2px #00eaff,
               1px 1px #00eaff, -1px -1px #00eaff, 1px -1px #00eaff, -1px 1px #00eaff;
}
.blog_one-item-content {
	width: 50%;
	box-shadow: none !important;
}
.wpcf7-form.init label {
	display: inline-block;
	width: 49%;
}
.wpcf7-form.init textarea {
	width: 100%;
	max-height: 150px;
	padding-top: 15px;
}
.wpcf7-form.init textarea, input[type="email"], input[type="text"] {
	font-size: 15px;
	font-weight: 300;
	color: #777777;
	letter-spacing: 0.80px;
}
#hero-slide {
	transform: rotateY(0deg) rotate(-76deg) skewX(16deg);
	width: a;
	/* overflow: hidden; */
	margin: -20px 0 0 -90px;
}
#hero-slide .rc-carousel {
	width: 117%;
}
#hero-slide .rc-carousel:first-child {
	width: 100%;
}

#hero-slide  .rc-carousel-item{
	/* transform: rotate(80deg); */
}
body{
	--body-bg: #fff;
	--body-bg2: #e6f4ff;
}

/* Carousel and animation css starts */
.rc-carousel {
	--box-gap: 1.5rem;
  --tile-size: 200px;
	width: 100%;
	max-width: calc(
	  (var(--tile-size) + var(--box-gap)) * ((var(--tiles) / 2) - 1)
	);
	margin: var(--box-gap) auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
  }
  .rc-carousel::before,
  .rc-carousel::after {
	content: "";
	position: absolute;
	top: 0;
	width: 5rem;
	height: 100%;
	background-image: -webkit-gradient(
	  linear,
	  ,
	  from(transparent),
	  to(var(--body-bg))
	);
	background-image: -o-linear-gradient(
	  var(--direction),
	  transparent,
	  var(--body-bg)
	);
	background-image: linear-gradient(
	  to var(--direction),
	  transparent,
	  var(--body-bg)
	);
	z-index: inherit;
  }
  .rc-carousel::after{
	background-image: -webkit-gradient( linear, , from(transparent), to(var(--body-bg2)) );
	background-image: -o-linear-gradient( var(--direction), transparent, var(--body-bg2) );
	background-image: linear-gradient( to var(--direction), transparent, var(--body-bg2) );
  }
  .rc-carousel::before {
	left: 0;
	--direction: left;
  }

  .rc-carousel::after {
	right: 0;
	--direction: right;
  }
  .rc-carousel-strip {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-animation: slideX 60s linear infinite;
	animation: slideX 60s linear infinite;
  }
  .rc-carousel-strip.reverse {
	/* reverse animation */
	animation-direction: reverse;
  }
  .rc-carousel-strip:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
  }
  .rc-carousel-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	gap: var(--box-gap);
  }

  .rc-carousel-item {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	/* width: var(--tile-size);
	height: var(--tile-size); */
  }

  .rc-carousel-item-image {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
  }

  @-webkit-keyframes slideX {
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	0% {
	  -webkit-transform: translateX(
		calc(-1 * (var(--tile-size) + var(--box-gap)) * (var(--tiles) / 2))
	  );
	  transform: translateX(
		calc(-1 * (var(--tile-size) + var(--box-gap)) * (var(--tiles) / 2))
	  );
	}
  }

  @keyframes slideX {
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	0% {
	  -webkit-transform: translateX(
		calc(-1 * (var(--tile-size) + var(--box-gap)) * (var(--tiles) / 2))
	  );
	  transform: translateX(
		calc(-1 * (var(--tile-size) + var(--box-gap)) * (var(--tiles) / 2))
	  );
	}
  }

  /* Animation won't work if you preferes reduced motion */
  @media (prefers-reduced-motion) {
	/* styles to apply if a user's device settings are set to reduced motion */
	.rc-carousel::before,
	.rc-carousel::after {
	  display: none;
	}
	.rc-carousel-box {
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.rc-carousel-box [aria-hidden="true"] {
	  display: none;
	}
	.rc-carousel-strip {
	  animation: none;
	}
  }
  /* reduced motion css ends */
  .zoominandout{
	-webkit-animation: zoominandout 2.5s infinite alternate;
	animation: zoominandout 2.5s infinite alternate;
  }
  @keyframes zoominandout {
	from { transform: scale(0.95); }
  to { transform: scale(1); }
  }
#icon-box .icon__box-item-icon{
	width: auto;
	height: auto;
}
#icon-box .icon__box-item-icon svg{
	max-width: 80px !important;
}
#icon-box .icon__box-item-content .title h5,
#icon-box .icon__box-item-content .title p{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#icon-box:hover .icon__box-item-content .title h5,
#icon-box:hover .icon__box-item-content .title p{
	color: #fff;
}
#service_wrapper #icon-box .icon__box-item {
	min-height: 363px;
}
.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
	min-height: 168px;
	margin: 12px 0 0 0;
}
#service-inner .brand_text p {
	min-height: 120px;
	display: flex;
	align-items: center;
}
.elementor-30 .elementor-element.elementor-element-00628df .vertical-menu ul li.menu-item-has-children > span {
	font-size: 12px;
}
.vertical-menu ul li.menu-item-has-children > span{
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
}
.header_nav-menu ul li .sub-menu li {
	padding: 0 20px !important;
}
.header_nav-menu ul li .sub-menu {
	box-shadow: 0px 15px 10px -15px #626262 !important;
}

@media screen and (max-width:1600px){
	.data_title h2 {
		font-size: 43px !important;
		line-height: 50px !important;
	}
}
@media screen and (max-width:1400px){
	#global_expansion h2 {
		font-size: 37px;
		line-height: 43px;
	}
	.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
		min-height: 118px;
	}
	.customer_world p {
		font-size: 26px !important;
		line-height: 35px !important;
	}
	.data_title h2 {
		font-size: 40px !important;
		line-height: 50px !important;
	}
	#service-inner .brand_sub_title h2 {
		font-size: 23px;
		line-height: 25px;
	}
	#service-inner .brand_sub_title {
		margin: 0 0 10px 0;
	}
	#service-inner .brand_text p {
		font-size: 18px;
	}
	.commerce_title h2 {
		font-size: 50px !important;
		line-height: 53px !important;
	}
}
@media screen and (max-width:1200px){
	#service_wrapper #icon-box .icon__box-item .icon__box-item-content p {
		font-size: 15px;
	}
}
@media screen and (max-width:1199px){
	#service_wrapper #icon-box .icon__box-item {
		min-height: 396px;
	}
	.services_title h3 {
		font-size: 35px !important;
	}
	#global_expansion h2 {
		font-size: 30px;
		line-height: 40px;
	}
	#global_sub_title p {
		font-size: 19px;
		line-height: 28px;
	}
	.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
		min-height: 140px;
	}
	.customer_key p {
		font-size: 19px !important;
		line-height: 25px !important;
	}
	.data_title h2 {
		font-size: 34px !important;
		line-height: 42px !important;
	}
	.elementor-5577 .elementor-element.elementor-element-25b92a7 .icon__box-item-content h5 {
		font-size: 20px;
		line-height: 28px;
	}
	.brand_content p {
		font-size: 21px !important;
		line-height: 27px !important;
	}
	#service-inner .brand_sub_title h2 {
		font-size: 21px;
	}
	#service-inner .brand_text p {
		min-height: 150px;
		margin: 0;
	}
	.commerce_title h2 {
		font-size: 40px !important;
		line-height: 44px !important;
	}
	.retailer_title h2 {
		font-size: 35px !important;
		line-height: 39px !important;
	}
}
@media screen and (max-width:1024px){
	#service_wrapper #icon-box .icon__box-item {
		min-height: 333px;
	}
	#market_title h2 {
		line-height: 35px;
	}
	.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
		min-height: 90px;
	}
	.global_img2 {
		order: -1;
	}
	.commerce_title h2 br {
		display: none;
	}
	#service-inner .brand_text p {
		font-size: 17px;
		min-height: 90px;
	}
}
@media screen and (max-width:991px){
	#global_expansion h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
		min-height: 140px;
	}
	.customer_world p {
		font-size: 23px !important;
		line-height: 31px !important;
	}
	#service-inner .brand_text p {
		min-height: 120px;
	}
	.retailer_title h2 {
		font-size: 31px !important;
		line-height: 35px !important;
	}
	.commerce_title h2 {
		font-size: 38px !important;
		line-height: 41px !important;
	}
}
@media screen and (max-width:767px){
	#service_wrapper #icon-box .icon__box-item {
		min-height: unset;
	}
	#service_wrapper #icon-box .icon__box-item .icon__box-item-content p {
		font-size: 16px;
	}
	.services_title h3 {
		font-size: 31px !important;
		line-height: 35px !important;
	}
	.global_img {
		order: -1;
	}
	#global_expansion h2 {
		font-size: 16px;
		line-height: 25px;
	}
	.elementor-5465 .elementor-element.elementor-element-c94caa7 .elementor-heading-title {
		font-size: 18px;
		line-height: 27px;
	}
	.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
		min-height: 90px;
	}
	.customer_world p {
		font-size: 20px !important;
		line-height: 27px !important;
	}
	.data_title h2 {
		font-size: 28px !important;
		line-height: 35px !important;
	}
	#service-inner .brand_text p {
		min-height: unset;
	}
	#service-inner .brand_sub_title h2 {
		font-size: 24px;
	}
	.retailer_title h2 {
		font-size: 28px !important;
		line-height: 31px !important;
	}
	.about_slide ul li a img {
		width:100px !important;
	}
}
@media screen and (max-width:575px){
	.services_title h3 {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	.elementor-5555 .elementor-element.elementor-element-dd33fba .elementor-heading-title {
		font-size: 24px;
		line-height: 35px;
	}
	#global_sub_title p {
		font-size: 17px;
		line-height: 26px;
	}
	.data_title h2 {
		font-size: 23px !important;
		line-height: 30px !important;
	}
	.commerce_title h2 {
		font-size: 30px !important;
		line-height: 35px !important;
	}
	.retailer_title h2 {
		font-size: 24px !important;
		line-height: 28px !important;
	}
}
@media screen and (max-width:480px){
	#service_wrapper #icon-box .icon__box-item {
		padding: 35px 25px 35px 25px;
	}
	#Data-Analytics-service .data_box #icon-box .icon__box-item {
		padding: 35px 15px 35px 15px;
	}
	#service_wrapper #icon-box .icon__box-item .icon__box-item-content h5{
		font-size:20px;
	}
	#global_text .elementor-icon-list-item .elementor-icon-list-text {
		font-size: 17px;
		line-height: 25px;
	}
	#market_title h2 {
		line-height: 29px;
		font-size: 25px;
	}
	#service_wrapper #icon-box .icon__box-item {
		padding: 35px 15px 35px 15px;
	}
	.market_sub_title h2 {
		font-size: 18px !important;
		line-height: 25px !important;
	}
	.market_sub_title {
		margin: 0 0 10px 0 !important;
	}
	.customer_wrapper .flexitype_slider .swiper-slide .icon__box-item .icon__box-item-content p {
		min-height: 140px;
	}
	.customer_world p {
		font-size: 17px !important;
		line-height: 24px !important;
	}
	.customer_key p {
		font-size: 17px !important;
		line-height: 24px !important;
	}
	#service-inner .brand_sub_title h2 {
		font-size: 21px;
	}
	.brand_content p {
		font-size: 18px !important;
		line-height: 25px !important;
	}
	.elementor-20 .elementor-element.elementor-element-93e1a4f img {
		width: 90%;
	}
	.elementor-20 .elementor-element.elementor-element-32da016 img {
		width: 90%;
	}
	#global_text .elementor-icon-list-icon svg {
		width: 30px;
		height: 30px;
		margin-right: 8px;
	}
	.blog_one-item-content {
		width: 80%;
	}
	.theme_blog_details-left-form h3 {
		font-size: 30px;
	}
}
@media screen and (max-width:361px){
	.services_title h3 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.elementor-5555 .elementor-element.elementor-element-dd33fba .elementor-heading-title {
		font-size: 20px;
		line-height: 35px;
	}
	#global_text .elementor-icon-list-item .elementor-icon-list-text {
		font-size: 13px;
		line-height: 22px;
	}
	.data_title h2 {
		font-size: 19px !important;
		line-height: 27px !important;
	}
	#service-inner .brand_sub_title h2 {
		font-size: 19px;
	}
	.theme_blog_details-left-form h3 {
		font-size: 26px;
	}
}