/********************************/
/* Extra small devices (phones) */
/********************************/
@media (max-width: 480px) {
	
}

@media (min-width: 481px) and (max-width: 768px) {
	
}

@media (max-width: 768px) {
	/* Disable revealator animations */
	.revealator-zoomin,
	.revealator-zoomout,
	.revealator-slideup,
	.revealator-slideright,
	.revealator-slideleft{
		transform: unset !important;
		opacity: 1 !important;
	}
	.revealator-fade{
		opacity: 1 !important;
	}	
}

/***************************/
/* Small devices (tablets) */
/***************************/
@media (min-width: 769px) and (max-width: 992px) {

}

/*****************************/
/* Medium devices (desktops) */
/*****************************/
@media (min-width: 993px) and (max-width: 1199px) {

}

/**********************************/
/* Large devices (large desktops) */
/**********************************/
@media (min-width: 1200px) {
	.testemonials-belt__controls {
		display: none;
	}
}

/**********************/
/* Custom media rules */
/**********************/
@media (max-width: 1400px) {
	.home-hero__carousel {
		display: none;
	}
	.home-hero__carousel.home-hero__carousel_mobile {
		display: block;
	}

	.impact__belt {
		margin: 0 -10px;
	}
	.impact-belt .swiper-slide {
		max-width: 330px;
	}

	.benefits__slider {
		display: block;
	}
	.benefits__inner {
		padding: 40px;

		width: 100%;
		overflow: clip;

		flex-direction: column;

		opacity: 1;

		border-radius: 20px;
	}
	.benefits__right {
		display: none;
	}
	.benefits__main,
	.benefits__main.active {
		width: 100%;
		height: auto;
		overflow: visible;

		border-radius: 0;
	}
	.benefits__main > .benefits__background {
		display: none;
	}
	.benefits__slider .swiper-slide {
		height: auto;
	}
	.benefits__card {
		height: 100%;
		box-sizing: border-box;

		color: #0A3742;
		background: var(--Canvas-shade, #EDEDDD);
	}
	.benefits__controls {
		display: none;
	}
}

@media (min-width: 1400px) {
	.impact-belt__controls {
		display: none;
	}
}

@media (max-width: 1200px) {
	.testemonials__container {
		padding: 0;
	}

	.faq__list {
		width: 100%;
	}

	.footer-box__bottom > .container {
		grid-template-columns: repeat(8, 1fr);
	}
	.footer-box__copy {
		grid-column: 3 / 4;
	}
	.footer-box__privacy {
		grid-column: 4 / 7;
	}
	.footer-box__socials {
		grid-column: 7 / 9;
	}

	.months-hero__inner {
		flex-direction: column;
		gap: 40px;
	}
	.months-hero__left,
	.months-hero__right {
		max-width: 100%;
	}

	.steps__content {
		flex-direction: column;
	}

	.steps__items {
		padding: 40px;
	}

	.link-cards {
		margin: 0;

		max-width: none;
	}

	.link-cards__inner {
		margin-left: -56px;
		margin-right: -56px;
		padding: 0 56px;
	}

	.link-card__controls {
		display: flex;
	}


	.od-hero__wrapper {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.od-hero__title {
		max-width: none;
	}

	.od-opportunity__icon {
		position: relative;
		z-index: 2;
		transform: translate(50%, -50%);
	}

	.od-warning__cards {
		margin-left: -56px;
		margin-right: -56px;
		padding: 0 56px;
	}

	.od-services__content {
		flex-direction: column;
	}
	.od-services__image-text {
		max-width: none;
	}

	.od-gallery__controls {
		justify-content: flex-end;
	}

	.od-success__cards {
		margin-left: -56px;
		margin-right: -56px;
		padding: 0 56px;
	}
	.success-cards__controls {
		display: flex;
	}

	.approach-hero__wrapper {
		padding: 80px 56px 40px;
		
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
	}
	.approach-hero__left {
		max-width: 440px;
	}
	.approach-hero__title {
		max-width: 420px;
	}
	.approach-hero__text {
		max-width: none;
	}
	.approach-hero__right {
		margin-top: -56px;

		max-width: 425px;
		width: 100%;

		align-self: flex-end;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.chatbot-questions {
		width: 100%;
	}

	.globe-animation__globe {
		width: 320px;
		height: 320px;
	}

	.globe-animation .energy-sphere,
	.globe-animation .energy-sphere .energy-sphere__frame  {
		width: 150px;
		height: 150px;
	}

	.globe-animation__caption {
		padding: 4px 10px;
		font-size: 10px;
		line-height: 14px;
	}

	.approach-link-big__top {
		padding-top: 56px;
	}

	.approach-insights__card {
		padding: 40px;
	}

	.benefits-block {
		padding: 40px;
	}

	.agents-hero {
		overflow-x: hidden;
	}
	.agents-cards {
		position: relative;
		left: 50%;

		width: 1060px;
		transform: translateX(-50%);
	}
	.agents-brain-process__left {
		max-width: 330px;
	}
	.risks-block__left {
		max-width: 330px;
	}
	.risks-block__right {
		max-width: 450px;
	}
	.risks-block__images {
		width: 330px;
		height: 330px;
	}
	.risks-block__left .energy-sphere {
		top: 50%;
		left: 50%;
		
		transform: translateX(-50%);
	}
	.risks-block__cards {
		top: 50%;
		left: 50%;

		width: 250px;

		transform: translateX(-50%);
	}

	.focus-hero__cards {
		grid-template-columns: 1fr 1fr;
	}
	.focus-categories__cards {
		margin-left: -56px;
		margin-right: -56px;
		padding: 0 56px;
	}
	.focus-categories__cards:not(.swiper-initialized) .swiper-wrapper {
		height: 544px;

		display: block;
	}
	.focus-categories__cards:not(.swiper-initialized) .swiper-slide:nth-child(n+2) {
		display: none;
	}
	.focus-categories__controls {
		display: flex;
	}
	
	.chatbots-risks .risks-block__cards {
		min-width: 350px;
		max-width: 350px;
	}
	.chatbots-risks .question-field {
		padding: 10px 21px;
	}
	.chatbots-risks .question-field__text {
		font-size: 12px;
		line-height: 19px;
	}

	.about-hero__left .od-opportunity__title {
		font-size: 40px;
		line-height: 44px;
	}
	.about-hero__gallery {
		width: 450px;
		height: 450px;
	}
	.about-hero__shadow {
		width: 550px;
		height: 550px;
	}
	.comm-card__right {
		position: absolute;
		bottom: 40px;
		right: 40px;
		z-index: -1;
	}
	.comm-card__right .energy-sphere {
		width: 120px;
		height: 120px;
	}
	.comm-card__right .energy-sphere__frame {
		width: 120px;
		height: 120px;
	}
	.comm-card__graph {
		max-width: 200px;
	}
	.comm-card__value {
		font-size: 40px;
		line-height: 44px;
	}
	.about-why__cards {
		grid-template-columns: 1fr 1fr;
	}
	.why-card__image {
		max-height: 180px;
	}
	.why-card__image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}
	.about-valo__left {
		max-width: 331px;
	}
	.about-valo__right {
		max-width: 565px;
	}
	.about-values__cards {
		margin-left: -56px;
		margin-right: -56px;
		padding: 0 56px;
	}
	.about-values__controls {
		display: flex;
	}
	.about-team__left {
		max-width: 214px;
	}
	.about-team__leaders.team-big-cards {
		display: none;
	}
	.about-team__leaders.team-small-cards {
		display: flex;
	}

	.cases-hero__cards-top {
		grid-template-columns: 1fr 1fr;
	}
	.cases-hero__cards-top .focus-card:nth-child(1),
	.cases-hero__cards-top .focus-card:nth-child(2) {
		grid-column: auto;
	}

	.bio-modal {
		width: 90vw;
	}

	.book-hero__wrapper {
		gap: 16px;
	}
	.book-hero__right {
		padding: 40px;

		max-width: 545px;
	}
	.book-hero__left {
		max-width: 331px;
	}
}

@media (max-width: 1024px) {
	.container {
		padding: 0 56px;
	}

	/* Mobile header */
	div#desktop-header{
		display: none;
	}
	div#mobile-header{
		display: block;
	}

	.home-hero h1 {
		font-size: 64px;
		font-weight: 600;
		line-height: 68px;
	}
	.home-hero h1 b {
		font-weight: 600;
	}

	.logos-bar__container {
		padding: 0;
	}

	/* .impact__belt {
		margin: 0 -56px;
		padding: 0 56px;
	} */

	.testemonials__container {
		padding: 0;
	}
	.testemonials__belt {
		padding: 0 56px;
	}

	.benefits__title p:last-child {
		width: 70%;
	}

	.agents-brain-process {
		gap: 20px;
	}
}

@media (max-width: 900px) {
	.method-section__container {
		flex-direction: column;
	}
	.method-section__image {
		max-height: 160px;
	}
	.method-section__image:has(img[src*="vector"]) {
		bottom: 0;
		right: 0;
		max-height: 200px;
	}
	.method-section__image img {
		height: auto;
		object-fit: contain;
		object-position: right;
	}

	.benefits__slider {
		margin: 0 -56px;
		padding: 20px 56px 0;
	}
	.benefits__controls {
		display: flex;
	}

	.footer-box__top > .container {
		display: flex;
		flex-direction: column;
	}
	.footer-box__nav > div > ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.footer-box__bottom > .container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.footer-box__bottom > img {
		bottom: 90%;
	}

	.od-opportunity__gallery {
		flex-direction: column;
		gap: 20px;
	}
	.od-opportunity__right {
		min-width: 0;
		max-width: 100%;
	}
	.od-gallery {
		min-width: 0;
		max-width: none;
	}
	.od-gallery__slide {
		width: 100%;
		min-width: 0;
	}
	.od-gallery__slide img {
		width: 100%;
		min-width: 0;
	}
	.od-opportunity__brain-process {
		display: none;
	}
	.od-opportunity__icon {
		position: absolute;
		top: 225px;
		transform: translateY(calc(-50% + 20px));
	}
	.od-opportunity__desc {
		display: none;
	}
	.od-gallery__controls {
		justify-content: center;
	}

	.steps-line {
		flex-direction: column;
		gap: 100px;
	}
	.steps-line__left {
		position: unset;

		margin-right: 0;

		max-width: none;
	}

	.knowledge-cycle__wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.knowledge-cycle {
		padding: 120px 0;
	}
	.knowledge-cycle__cards {
		grid-template-columns: 1fr;
	}
	.knowledge-cycle__card {
		padding: 40px;
	}
	.knowledge-cycle__icon {
		position: unset;

		margin-top: 20px;

		transform: none;
	}

	.knowledge-cases {
		padding-bottom: 56px;
	}

	.secure-hero {
		border-radius: 0 0 56px 56px;
	}
	.secure-hero__wrapper {
		flex-direction: column;
	}
	.secure-hero__left .od-opportunity__subtitle {
		width: auto;

		text-align: center;
	}
	.secure-hero__left .od-opportunity__title, .secure-hero__left .od-opportunity__text {
		max-width: none;

		text-align: center;
	}
	.secure-hero__right {
		padding: 20px 30px 75px;
	}

	.agents-brain-process {
		flex-direction: column-reverse;
	}
	.agents-brain-process__right {
		width: 100%;
	}
	.agents-brain-process__left {
		display: none;
	}
	.agents-brain-process__lines {
		display: none;
	}
	.agents-risks__title {
		max-width: none;
	}
	.risks-block {
		flex-direction: column;
	}
	.risks-block__left {
		display: none;
	}
	.risks-block__right {
		max-width: none;
		width: 100%;
	}

	.about-team__wrapper {
		display: flex;
		flex-direction: column;
		gap: 56px;
	}
	.about-team__right {
		width: 100%;
	}
	.about-hero__wrapper {
		flex-direction: column;
		gap: 56px;
	}
	.about-hero__left {
		max-width: none;
	}
	.about-hero__right {
		max-width: 400px;
		width: 100%;
	}
	.about-hero__gallery {
		max-width: 400px;
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}
	.about-hero__shadow {
		max-width: 400px;
		width: 100%;
		height: auto;
		aspect-ratio: 1;

		transform: scale(1.2);
	}
	.about-commitment__cards {
		display: flex;
		flex-direction: column;
	}

	.cases-hero__cards-bottom {
		margin-left: -56px;
		margin-right: -56px;
		padding: 0 56px;
	}

	.cases-hero__controls {
		display: flex;
	}

	.book-hero__wrapper {
		flex-direction: column;
	}
	.book-hero__left {
		max-width: none;
		width: 100%;
	}
	.book-hero__right {
		max-width: none;
		width: 100%;
	}
	.book-hero__points {
		display: none;
	}
	.book-hero__quote {
		display: none;
	}
	.book-hero__form {
		max-width: none;
	}
	.book-hero__input {
		grid-column: auto;
	}
	.book-hero__form {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	.container {
		padding: 0 17px;
	}
	.valo-title-2 {
		font-size: 40px;
		line-height: 44px;
	}

	.mobile-header__navigation {
		margin: 0 17px;

		width: calc(100% - 34px);
	}

	.mobile-header__right .desktop-header__button {
		display: none;
	}

	.home-hero {
		padding-top: 100px;

		border-radius: 0 0 56px 56px;
	}

	.carousel.home-hero__carousel_mobile {
		margin: 0 -17px;
	}

	.logos-bar__container {
		padding: 0;
	}

	.benefits__slider {
		margin: 0 -17px;
		padding: 20px 17px 0;
	}
	.benefits__title {
		font-size: 40px;
		line-height: 44px;
	}
	.benefits__links {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}

	.impact__belt {
		margin: 0 -17px;
		padding: 0 17px;
	}

	.testemonials__container {
		padding: 0;
	}
	.testemonials__belt {
		padding: 0 17px;
	}

	.valo-slider-controls__buttons {
		display: none;
	}

	.months-hero__inner {
		padding: 40px;
	}

	.steps__image {
		padding: 40px;

		gap: 40px;
	}
	.steps__image-content {
		padding: 0;
	}
	.steps__items {
		padding: 20px;
	}

	.link-cards__inner {
		margin-left: -17px;
		margin-right: -17px;
		padding: 0 17px;
	}

	.graph__wrapper {
		width: auto;
	}
	.graph__caption {
		left: 50%;

		transform: translateX(-50%);
	}


	.od-hero {
		padding-top: 120px;
	}
	.od-hero__right {
		padding: 0;
	}
	.od-hero__stats {
		max-width: none;
		width: 100%;

		background-color: #EDEDDD;
	}
	.od-hero__image {
		display: none;
	}
	.od-hero__graph img {
		width: 100%;
		height: auto;
	}

	.od-warning {
		border-radius: 0 0 40px 40px;
	}
	.od-warning__cards {
		margin-left: -17px;
		margin-right: -17px;
		padding: 0 17px;
	}

	.od-success__cards {
		margin-left: -17px;
		margin-right: -17px;
		padding: 0 17px;
	}

	.od-services__cards {
		grid-template-columns: 1fr;
	}
	.od-services__card {
		padding: 20px;
	}

	.od-gallery__controls {
		margin-top: 40px;
	}
	.od-gallery_buttons {
		display: flex;
	}

	.approach-hero {
		padding-top: 120px;
	}
	.approach-hero__wrapper {
		padding: 80px 40px 80px;
		gap: 56px;
	}
	.approach-hero__title {
		font-size: 40px;
		line-height: 44px;
	}
	.approach-hero__left {
		max-width: 75%;
	}
	.approach-hero__right {
		margin-top: 0;
		max-width: 100%;
	}
	.approach-links__wrapper {
		grid-template-columns: 1fr;
	}
	.approach-link-big__top {
		max-width: none;
		padding: 40px 40px 0;
	}
	.approach-animation__wrapper {
		flex-direction: column;
		gap: 75px;
	}
	.approach-animation__right {
		align-self: center;
	}
	.approach-insights__wrapper {
		grid-template-columns: 1fr;
	}
	.approach-insights__image {
		max-height: 300px;
	}
	.globe-animation__button {
		padding: 5px 10px;
	}
	.globe-animation__button img {
		width: 12px;
		height: 12px;
	}

	.knowledge-hero {
		padding-top: 100px;
	}

	.secure-hero {
		padding-top: 100px;
	}
	.secure-approach__wrapper {
		grid-template-columns: 1fr;
	}

	.agents-hero {
		border-radius: 0 0 56px 56px;
	}
	.question-field {
		padding: 12px 22px;
	}
	.question-field__logo {
		width: 19px;
		height: 19px;
	}
	.question-field__text {
		font-size: 12px;
		line-height: 20px;
	}
	.agents-brain-process__step {
		margin-left: 20px;
		padding: 12px 18px;
	}
	.agents-brain-process__step-icon img {
		width: 19px;
		height: 19px;
	}
	.agents-brain-process__step-text {
		font-size: 10px;
	}

	.focus-hero__cards {
		grid-template-columns: 1fr;
	}
	.focus-categories__cards {
		margin-left: -17px;
		margin-right: -17px;
		padding: 0 17px;
	}

	.chatbots-hero {
		padding-top: 100px;
		
		border-radius: 0 0 56px 56px;
	}
	.chatbots-hero__content {
		margin: 56px 0 0 auto;

		max-width: 365px;
	}
	.chatbots-hero__photos {
		display: none;
	}
	.chatbots-risks .risks-block__left {
		display: none;
	}
	.chatbots-benefits .warning-cards__controls {
		margin-top: 30px;
	}
	.chatbots-benefits .warning-cards__buttons {
		display: flex;
	}
	.chatbots-benefits .benefits-block {
		min-height: 0;
	}

	.about-hero {
		overflow: hidden;
		
		border-radius: 0 0 56px 56px;
	}
	.about-valo__wrapper {
		flex-direction: column;
		gap: 56px;
	}
	.about-valo__left .about-valo__tagline {
		display: none;
	}
	.about-valo__tagline.about-valo__tagline_mob {
		display: block;
	}
	.about-values__cards {
		margin-left: -17px;
		margin-right: -17px;
		padding: 0 17px;
	}
	.about-why__cards {
		display: flex;
		flex-direction: column;
	}
	.team-small-card {
		display: grid;
		grid-template-columns: 80px 1fr;
	}
	.team-small-card__content .team-small-card__linkedin {
		display: none;
	}
	.team-small-card__right {
		grid-column: span 2;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.team-small-card__right .team-small-card__linkedin {
		width: 24px;
        height: 24px;

		display: block;
	}
	.team-small-card__name {
		font-size: 16px;
	}
	.team-small-card__position {
		font-size: 14px;
	}
	.team-small-card__description {
		font-size: 14px;
	}

	.cases-hero {
		padding-top: 100px;
	}
	.cases-hero__cards-top {
		display: flex;
		flex-direction: column;
	}
	.cases-hero__cards-bottom {
		margin-left: -17px;
		margin-right: -17px;
		padding: 0 17px;
	}
	.cases-benefits .benefits-block__background::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;

		width: 100%;
		height: 100%;
		background:  linear-gradient(286.34deg, rgba(136, 140, 141, 0) 13.97%, rgba(77, 77, 77, 0.9) 100%);
	}

	.bio-modal {
		left: 50%;
		top: 50%;

		padding: 40px;

		overflow: unset;
		max-width: 400px;
		width: 100%;
		height: 80vh;

		display: flex;
		flex-direction: column;

		opacity: 0;

		transform: translate(-50%, -50%);
		pointer-events: none;

		border-radius: 20px;
	}
	.bio-modal.open {
		opacity: 1;

		transform: translate(-50%, -50%);
		pointer-events: all;
	}
	.bio-modal__wrapper {
		overflow: auto;
	}
	.bio-modal__close {
		margin-bottom: 56px;
	}
	.bio-modal__content {
		flex-direction: column;
	}
	.bio-modal__info {
		padding-bottom: 40px;
	}
	.bio-modal__right {
		overflow: unset;
	}
	.bio-modal__left {
		width: 100%;
	}
	.bio-modal__photo {
		width: 100%;
	}
	.bio-modal__photo img {
		width: 100%;
	}

	.case-modal {
		overflow: hidden;

		display: flex;
		flex-direction: column;
	}
	.case-modal .bio-modal__wrapper {
		overflow: hidden;
		height: 100%;
	}
	.case-modal__content-cards {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.case-modal__content-card {
		border-right: none;
	}
}

@media (max-width: 480px) {
	.globe-animation__globe {
		width: 250px;
		height: 250px;
	}
}

@media (max-width: 400px) {
	.valo-title-2 {
		font-size: 30px;
		line-height: 35px;
	}

	.focus-card {
		padding: 20px;
	}
	.category-card {
		padding: 20px;
	}

	.team-small-card__top {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
	}
	.cases-benefits .benefits-block {
		padding: 40px;
	}
	.cases-benefits .benefits-block__text {
		font-size: 40px;
		line-height: 44px;
	}
}