/*
Theme Name: Utouch child Theme
Theme URI: https://utouch.crumina.net/
Author: Crumina Team
Author URI: https://crumina.net/
Description: IT startup, business wordpress theme
Version: 1
Template:utouch
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: utouch
*/

/*****************************************************************
Add Custom styles below 
******************************************************************/

@media screen and (max-width: 480px) {
	.screenshot-item img {
		width: 150px!important;
	}
	.swiper-slide-prev, .swiper-slide-next {
		//width: 150px!important;
	}
	.swiper-slide{
		padding-left: 100px;
	}
	.kc-row-container.kc-container .navigation-center-both-sides.crumina-module-image-slider .btn-next {
    	right: 0px;
	}
	.kc-row-container.kc-container .navigation-center-both-sides.crumina-module-image-slider .btn-prev {
    	left: 0;
	}
}

.food-handler-card-slider-container .kc-col-container>.kc-elm+.kc-elm {
    margin-top: 0!important;
}

/**** start accordion ***/
.accordion-wrapper 
{
  position: relative;
  margin-bottom: .5rem;
}
.accordion-head
{
  position: relative;
  padding: 1rem 1rem 1rem 2rem;
}
.accordion-head::after
{
  content: '\276F';
  position: absolute;
  left: 16px;
  color: grey;
  transform: rotate(0deg);
  transition: .4s;
}
.accordion-head.active::after
{
  content: '\276F';
  position: absolute;
  left: 16px;
  color: grey;
  transform: rotate(90deg);
  transition: .4s;
}
.accordion-body
{
  padding: 1rem;
  display: none;
  background: #dadee2;
}
.cogneti-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.accordion-head {
    padding: 1rem 1rem 1rem 2rem;
}
.accordion-head-inner {
	display: flex;
  justify-content: space-between;
}
.accordion-head-inner2 {
  display: flex;
  width: 50%;
  justify-content: space-around;
}
.accordion-head-inner2 img{
	width: 20px;
}
.accordion-body {
    padding: 1rem;
    display: none;
    background: transparent;
}
.accordion-head-inner-heading :first-child {
  padding-left: 1rem;
}
.accordion-head-inner.accordion-head-inner-heading {
  font-weight: bold;
  padding: 1rem 0 0.5rem 0;
}

/*** end accordion ****/