/*
 * Theme Name: ToolsGroup
 * Author: Kiwop 
 * Text Domain: toolsgroup 
 *
 * */


.main-heading__text small {
    color: #FF6253;
    font-size: 18px;
    font-family: "Gilroy-Semibold", sans-serif;
    letter-spacing: 0.3px;
}

.justEnough .main-headings.main-headings-center h2 {
    font-family: "Gilroy-Regular", sans-serif;
    margin-bottom: 30px;
}



.justEnough .slider-customers {
  padding: 10px 0 20px 0 !important;
  height: 200px !important;
}
.justEnough .slider-customers .main-headings{
  margin-bottom: 20px !important;
}
.justEnough .bxslider{
  margin-top: 10px !important;
}
.justEnough .bxslider li{
  width: 190px !important;
  height: 120px !important;
}
.justEnough .bxslider li img{
  width: 100% !important;
  height:80% !important;
  object-fit: contain !important;
}

.paddingBig .main-container {
    padding: 60px 0 70px;
}



.altJust .alternating_content_blocks .blocks_outer .blocks_wrapper .alt_block_single_container {
    margin-bottom: 160px;
}

.altJust .alternating_content_blocks .blocks_outer .blocks_wrapper .alt_block_single_container .single_alt_block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.altJust .alt_block-distributation .image_half {
    min-width: 48% !important;
    margin-right: 5%;
}

.altJust .alt_block-distributation .image_half .image_wrap {
    height: 450px !important;
    width: 100% !important;
    display: inline-block !important;
    max-width: 100% !important;
}



.altJust .alt_block-distributation .border_outer {
    margin: 80px auto 70px;
}


.altJust .alt_block-distributation .text_wrap h3 {
    color: #002067 !important;
    font-size: 40px !important;
    line-height: 46px !important;
    font-family: 'Gilroy-Semibold',sans-serif;
    margin-bottom: 25px;
}

.altJust .alt_block-distributation .text_wrap p {
    color: #667587 !important;
    font-size: 24px !important;
    line-height: 1.4em !important;
}

.altJust .alt_block-distributation:nth-child(even) .image_half {
    margin-right: 0% !important;
    margin-left: 5% !important;
    min-width: 50%;
}

.altJust.alternating_content_blocks .blocks_outer .blocks_wrapper .alt_block_single_container:last-child .border_outer {
    display: block;
}



.justLine.main-linecard.distribution .main-headings.main-headings-full h2 {
    width: 100%;
    text-align: center;
}

.justLine.main-linecard.distribution .main-linecard__content .main-objective__item {
    width: 31%;
    margin-right: 1%;
}

.justLine .slick-dots {
    display: flex;
    left: 50%;
    transform: translate(40%);
}

.justLine .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.justLine .slick-dots li {
    margin-right: 5px;
}

.justLine .slick-dots li button {
    padding: 0;
    color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.slick-dots li.slick-active button {
    background-color: #007CF4;
}


	/* dinamic*/

		.power.main-dinamicRetail{
			background: #002067;
		}
		.power.main-dinamicRetail .main-headings h2{
			font-family: 'Gilroy-Bold';
			font-size: 40px;
			line-height: 46px;
			letter-spacing: -0.3px;
			color: #FFFFFF;
		}
		.power.main-dinamicRetail .main-headings p{
			font-family: 'Gilroy-Regular';
			font-size: 17px;
			line-height: 25px;
			color: #DFE6EE;
		}

		.power .main-dinamicRetail__content{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			margin-top: 0px;
		}

		.power .main-container {
			padding: 70px 0 70px;
		}




		.power .main-dinamicRetail__right{
			display: flex;
	    	justify-content: flex-end;
		}
		.power .main-dinamicRetail__imgs{
			width: 90%;
		}
		 
		.power .main-dinamicRetail__img{
			display: none;
			max-width: 100%;
			height: 400px;
			
		}

		.power .main-dinamicRetail__img.active{
			display: block;
			opacity: 1;
		}

		



		.power .main-dinamicRetail__img img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: 0;
    		transition: opacity 0.5s ease-in-out;
		}


		.power .main-dinamicRetail__img.active img{
			opacity: 1;
		}
		

/**/


 .accordion{
    border-left: 1px solid #808FB3;
    padding-left: 20px;
    position: relative;
  }
  .accordion:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 20px;
    background: #000f47;
    left: -4px;
    top: -1px;
}
.accordion:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 35px;
  background: #000f47;
  left: -4px;
  bottom: -1px;
}

.accordion-item.active:before {
      width: 16px;
      height: 16px;
      background: #FF6253;
      left: -28px;
      top: 8px;
}

  .accordion-item{
    position: relative;
    padding: 0 0 15px;
  }
  .accordion-item:hover{
    cursor: pointer;
  }
  
    .accordion-item:before {
     content: '';
     position: absolute;
     width: 8px;
     height: 8px;
     background: #808FB3;
     left: -24px;
     top: 10px;
     border-radius: 10px;
  }

  .accordion-item hr{
    border: 1px solid rgba(255, 255, 255, 0.5);
  }

  .accordion-link{
    font-size: 1.6rem;
    color: rgba(255,255,255,.8);
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .accordion-link h3{
    font-weight:500;
    font-size: 20px;
  }

  .accordion-link i{
    color: #e7d5ff;
    padding: .5rem;

  }

  .accordion-link div{
    display: flex;
  }

/*  .answer{
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 450ms;
  }

  .accordion-item.active .answer{
    max-height: 20rem;
  }
*/
.answer {
    max-height: 0;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: max-height 450ms, opacity 900ms, transform 450ms;
}

.accordion-item.active .answer {
    max-height: 20rem;
    opacity: 1;
    transform: translateY(0);
}

  .answer p{
    color: #fff;
    font-size: 15px;
    padding: 10px 0;

  }



section#altJust {
    padding-top: 70px;
}

section#altJust .title_container .title {
    width: 100%;
}

section#altJust .title_container {
    margin-bottom: 70px !important;
}


/*slider customers just*/

.justCustom .main-customers__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    overflow: hidden;
    max-height: 450px;
}

		/*.main-customers .main-headings {
			text-align: center;
			width: 100%;
		}*/
			
			.justCustom .main-customers__left{
				padding: 30px 35px 35px;
				background-color: #151943;
				min-height: 590px;
				height: 590px;
			}
			.justCustom .main-customers__right{
				width: 100%;
				min-height: 655px;
					height: 655px;
			}
			.justCustom .main-customers__right img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

.justCustom .main-customers__left,
.justCustom .main-customers__right {
    min-height: 100%; /* Ocupa el 100% de la altura del contenedor padre */
}

.justCustom .main-customers__left {
    padding: 100px 35px 35px;
    background-color: #151943;
}

.justCustom .main-customers__video {
    width: 100%;
    height: 75%;
    object-fit: cover;
}

.justCustom .main-headings h2 {
    font-weight: 400;
}
			

			.justCustom .main-customers__title {
					margin: 10px 0 25px;
					color: #ffffff;
					font-family: gilroy-semibold,sans-serif;
					font-weight: 400;
					font-size: 20px;
					position: relative;
					line-height: 28px;
			}
			.justCustom .main-customers__title:before {
					content: "“";
					font-size: 85px;
					line-height: 90px;
					font-weight: 400;
					color: #007cf4;
					position: absolute;
					left: 0;
					top: -50px;
					background-image: unset;
		}
.justCustom .main-customers__name {
    font-family: gilroy-regular,sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #007cf4;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #FF6253;
    font-style: italic;
}
		.justCustom .main-customers__name span {
				font-family: gilroy-semibold,sans-serif;
				font-weight: 700;
		}

		.justCustom .main-slide1 .slick-prev {
	    left: 50%;
	    transform: translate(-150px);
	    top: unset;
			bottom: 5%;
	    background-image: url(/wp-content/uploads/2023/05/Frame-950.svg);
	    color: transparent;
	    width: 46px;
	    height: 45px;
	    background-color: transparent;
			z-index: 99;
		}
		.justCustom .main-slide1 .slick-list{
			padding-bottom: 100px !important;
		}
		.justCustom .main-slide1 .slick-next {
	    right: 50%;
	    transform: translate(150px);
	     top: unset;
				bottom: 5%;
	    border: 0px;
	    color: transparent;
	    background-image: url(/wp-content/uploads/2023/05/Frame-951.svg);
	    width: 46px;
	    height: 45px;
	    background-color: transparent;
		}
		.justCustom .main-slide1 .slick-dots li button{
	    padding: 0;
	    color: transparent;
	    width: 16px;
	    height: 16px;
	    border-radius: 50%;
		}
		.justCustom .main-slide1  .slick-dots li.slick-active button {
    	background-color: #FF6253;
		}
		.justCustom .main-slide1  .slick-dots {
		    left: 50%;
		    transform: translate(-50%) !important;
		    position: absolute;
		    bottom: 6%;
				display: flex;
		}
		.justCustom .main-slide1 .slick-dots li {
	  	margin: 0 10px;
		}
		.justCustom .slick-dots{
		  display: flex;
		  left: 50%;
		  transform: translate(40%);
		}
		.justCustom .slick-dots li{
		  margin-right: 5px;
		}
		.justCustom .slick-dots li button{
		  padding: 0;
		  color: transparent;
		  width: 8px;
		  height: 8px;
		  border-radius: 50%;
		}
		.justCustom .slick-dots li.slick-active button{
		  background-color: #007CF4;
		}

/*slider customers just*/

.justLine .main-objective__item .custom-card .custom-card-text p {
    font-family: "Gilroy-Regular", sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #667587;
}

.justLine .main-objective__item .custom-card .custom-card-text .title {
    font-family: gilroy-semibold,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    color: #002067;
}

.justLine .main-objective__item .custom-card .custom-card-text a {
    text-decoration: underline !important;
    font-family: "Gilroy-Semibold";
}


.justHeadingMain .main-heading__content .main-heading__contentimg .main-heading__gridimg .main-heading__itemimg:nth-child(1) {
    background: #002067;
    height: 590px;
    margin-left: -1px;
}

.justBrandsMain.main-brands .main-container {
    padding: 40px 0 0px;
}

.justBrandsMain .main-brands__content {
    padding: 0px 0 32px;
}

.justCustom img.vectorImgBg {
    position: absolute;
    top: 70px;
    margin-left: -2px;
}

.planningMobile .slick-dots {
    display: flex;
    left: 50%;
    transform: translate(40%);
}

.planningMobile .slick-dots li {
    margin-right: 5px;
}

.planningMobile .slick-dots li button {
    padding: 0;
    color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.slick-dots li.slick-active button {
    background-color: #007CF4;
}

.justBrandsMain .main-headings.heading-flex-betweewn {
    justify-content: center;
    text-align: center;
}

.justBrandsMain .main-headings h2 {
    font-size: 32px;
    font-family: "Gilroy-Medium", sans-serif;
}

/*reutilizables*/

.bg-light-section {
    background: #F7F9FB !important;
}

.text-center {
    text-align: center !important;
}

.w-100 {
    width: 100% !important;
}



@media only screen and (max-width : 1360px){
 
	.justCustom .main-customers__video {

		height: 70%;
	}
	
}

@media only screen and (max-width : 1200px){
 	
}

@media only screen and (max-width : 1199px){
 	.justCards .cards_container .container_outer .cards_outer_container .card_container .card_inner .image_container .resource_image.Small {
		height: 300px;
	}
}

@media only screen and (max-width : 979px){

	.justCustom .main-customers__left {
		padding: 70px 35px 35px;
	}
}

@media only screen and (max-width : 767px){
	
	.justSliderCustomer .bx-wrapper {
		display: block !important;
	}
	
	.planningMobile .main-values__content .values-cards__content {
		margin: 0 15px;
		margin-bottom: 15px;
	}
	
	.power .main-dinamicRetail__content{
		grid-template-columns: 1fr;
	}
	.power .main-dinamicRetail__img{
		height: 300px;
	}
	
	.justCustom .main-customers__grid {
		grid-template-columns: 1fr;
		max-height: none;
	}

    .justCustom .main-customers__item.vdBack {
        order: -1;
		max-height: 400px;
    }

    .justCustom .main-customers__video {
        height: 400px; /* Altura específica para dispositivos móviles */
    }

    .justCustom .main-customers__left {
        height: auto; /* Altura automática para el contenido en dispositivos móviles */
    }
	
	.justCustom .main-slide1 .slick-list {
		height: auto !important;
	}
	
	.main-slide1 .slick-dots{
		bottom: 2.5% !important;
	}
	
	.main-slide1 .slick-prev, .main-slide1 .slick-next{
		bottom: 2% !important;
	}
	
	
	.justCustom img.vectorImgBg {
		display: none;
	}
	
	
	
	
}

@media only screen and (max-width : 600px){
	
	.justCards .cards_container .container_outer .cards_outer_container .card_container .card_inner .image_container .resource_image.Small {
		height: 200px;
	}
	
	.power .main-dinamicRetail__right {
		justify-content: center;
	}
	
}

@media only screen and (max-width : 480px){

}