.glozin-icon-box {
	position: relative;

	&.icon-type-image {
		.glozin-icon-box__icon {
			display: inline-flex;
			justify-content: center;
			align-items: center;
		}
	}
}

.glozin-icon-box__icon {
	display: inline-block;
	line-height: 1;
	margin-bottom: var(--glozin-icon-box-margin);
	border-radius: var(--gz-image-rounded);
}

.glozin-icon-box__title {
	margin-top: 0;
	margin-bottom: 17px;
}

.glozin-icon-box__icon-text-ellipsis-yes {
	.glozin-icon-box__title {
		white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
}

.glozin-icon-box-carousel__border-between-yes {
	.glozin-icon-box {
		padding-inline-start: 1px;

		&:after {
			content: '';
			position: absolute;
			inset-inline-start: 1px;
			top: 0;
			height: 100%;
			width: 1px;
			background-color: #ECECEC;
		}

		&.swiper-slide-active {
			&:after {
				display: none;
			}
		}
	}

	.glozin-icon-box-carousel__wrapper {
		&:not(.swiper-initialized) {
			.glozin-icon-box {
				&:first-child {
					&:after {
						display: none;
					}
				}
			}
		}
	}
}

.glozin-icon-box__icon-position--left,
.glozin-icon-box__icon-position--right {
	.glozin-icon-box {
		display: flex;
		align-items: flex-start;
	}
}

.glozin-icon-box__icon-position--left {
	--glozin-icon-box-margin: 15px;

	.glozin-icon-box__icon {
		margin-inline-end: var(--glozin-icon-box-margin);
		margin-inline-start: 0;
		margin-bottom: 0;
	}

	&.glozin-icon-box__icon-alignment--left {
		.glozin-icon-box {
			justify-content: flex-start;
		}
	}

	&.glozin-icon-box__icon-alignment--center {
		.glozin-icon-box {
			justify-content: center;
		}
	}

	&.glozin-icon-box__icon-alignment--right {
		.glozin-icon-box {
			justify-content: flex-end;
		}
	}
}

.glozin-icon-box__icon-position--top {
	--glozin-icon-box-margin: 11px;
	.glozin-icon-box {
		display: flex;
		flex-direction: column;
	}

	.glozin-icon-box__icon {
		margin-bottom: var(--glozin-icon-box-margin);
		margin-inline-start: 0;
		margin-inline-end: 0;
	}

	&.glozin-icon-box__icon-alignment--left {
		.glozin-icon-box {
			justify-content: flex-start;
			align-items: flex-start;
			text-align: start;
		}
	}

	&.glozin-icon-box__icon-alignment--center {
		.glozin-icon-box {
			justify-content: center;
			align-items: center;
			text-align: center;
		}
	}

	&.glozin-icon-box__icon-alignment--stretch {
		.glozin-icon-box {
			justify-content: center;
			align-items: stretch;
			text-align: center;
		}
	}

	&.glozin-icon-box__icon-alignment--right {
		.glozin-icon-box {
			justify-content: flex-end;
			align-items: flex-end;
			text-align: end;
		}
	}
}

.glozin-icon-box__icon-position--right {
	--glozin-icon-box-margin: 15px;

	.glozin-icon-box__icon {
		order: 2;
		margin-inline-start: var(--glozin-icon-box-margin);
		margin-inline-end: 0;
		margin-bottom: 0;
	}

	.glozin-icon-box__wrapper {
		order: 1;
	}

	&.glozin-icon-box__icon-alignment--left {
		.glozin-icon-box {
			justify-content: flex-start;
		}
	}

	&.glozin-icon-box__icon-alignment--center {
		.glozin-icon-box {
			justify-content: center;
		}
	}

	&.glozin-icon-box__icon-alignment--right {
		.glozin-icon-box {
			justify-content: flex-end;
		}
	}
}

@media (min-width:768px){
	.glozin-icon-box__vertical-align-top .glozin-icon-box {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.glozin-icon-box__vertical-align-middle .glozin-icon-box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.glozin-icon-box__vertical-align-bottom .glozin-icon-box {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.glozin-icon-box__position-left {
        .glozin-icon-box {
            display: flex;
            align-items: center;
            text-align: start;
        }

        .glozin-icon-box__icon {
            margin-inline-end: 30px;
            margin-bottom: 0;
        }

        .glozin-icon-box__title {
            margin-bottom: 3px;
        }
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .glozin-icon-box__icon-position--left,
	.glozin-icon-box__icon-position--right,
	.glozin-icon-box__icon-position--top {
		&.glozin-tablet-icon-box__icon-position--left,
		&.glozin-tablet-icon-box__icon-position--right {
			.glozin-icon-box,
			.glozin-icons-box-carousel__item,
			.glozin-icons-box-carousel__item > a {
				display: flex;
				align-items: flex-start;
				flex-direction: row;
			}
		}

		&.glozin-tablet-icon-box__icon-position--left {
			.glozin-icon-box__icon {
				order: 1;
				margin-inline-end: var(--glozin-icon-box-margin);
				margin-inline-start: 0;
				margin-bottom: 0;
			}

			.glozin-icon-box__wrapper,
			.glozin-icon-box-carousel__wrapper {
				order: 2;
			}

			&.glozin-tablet-icon-box__icon-alignment--left {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-start;
				}
			}

			&.glozin-tablet-icon-box__icon-alignment--center {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: center;
				}
			}

			&.glozin-tablet-icon-box__icon-alignment--right {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-end;
				}
			}
		}

		&.glozin-tablet-icon-box__icon-position--top {
			.glozin-icon-box,
			.glozin-icons-box-carousel__item,
			.glozin-icons-box-carousel__item > a {
				display: flex;
				flex-direction: column;
			}

			.glozin-icon-box__icon {
				order: 1;
				margin-bottom: var(--glozin-icon-box-margin);
				margin-inline-start: 0;
				margin-inline-end: 0;
			}

			.glozin-icon-box__wrapper,
			.glozin-icon-box-carousel__wrapper {
				order: 2;
			}

			&.glozin-tablet-icon-box__icon-alignment--left {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-start;
					align-items: flex-start;
					text-align: start;
				}
			}

			&.glozin-tablet-icon-box__icon-alignment--center {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: center;
					align-items: center;
					text-align: center;
				}
			}

			&.glozin-tablet-icon-box__icon-alignment--right {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-end;
					align-items: flex-end;
					text-align: end;
				}
			}
		}

		&.glozin-tablet-icon-box__icon-position--right {
			.glozin-icon-box__icon {
				order: 2;
				margin-inline-start: var(--glozin-icon-box-margin);
				margin-inline-end: 0;
				margin-bottom: 0;
			}

			.glozin-icon-box__wrapper,
			.glozin-icon-box-carousel__wrapper {
				order: 1;
			}

			&.glozin-tablet-icon-box__icon-alignment--left {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-start;
				}
			}

			&.glozin-tablet-icon-box__icon-alignment--center {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: center;
				}
			}

			&.glozin-tablet-icon-box__icon-alignment--right {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-end;
				}
			}
		}
	}
}

@media (max-width: 767px) {
    .glozin-icon-box__icon-position--left,
	.glozin-icon-box__icon-position--right,
	.glozin-icon-box__icon-position--top {
		&.glozin-mobile-icon-box__icon-position--left,
		&.glozin-mobile-icon-box__icon-position--right {
			.glozin-icon-box,
			.glozin-icons-box-carousel__item,
			.glozin-icons-box-carousel__item > a {
				display: flex;
				align-items: flex-start;
				flex-direction: row;
			}
		}

		&.glozin-mobile-icon-box__icon-position--left {
			.glozin-icon-box__icon {
				order: 1;
				margin-inline-end: var(--glozin-icon-box-margin);
				margin-inline-start: 0;
				margin-bottom: 0;
			}

			.glozin-icon-box__wrapper,
			.glozin-icon-box-carousel__wrapper {
				order: 2;
			}

			&.glozin-mobile-icon-box__icon-alignment--left {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-start;
					text-align: start;
				}
			}

			&.glozin-mobile-icon-box__icon-alignment--center {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: center;
					text-align: center;
				}
			}

			&.glozin-mobile-icon-box__icon-alignment--right {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-end;
					text-align: end;
				}
			}
		}

		&.glozin-mobile-icon-box__icon-position--top {
			.glozin-icon-box,
			.glozin-icons-box-carousel__item,
			.glozin-icons-box-carousel__item > a {
				display: flex;
				flex-direction: column;
			}

			.glozin-icon-box__icon {
				order: 1;
				margin-bottom: var(--glozin-icon-box-margin);
				margin-inline-start: 0;
				margin-inline-end: 0;
			}

			.glozin-icon-box__wrapper,
			.glozin-icon-box-carousel__wrapper {
				order: 2;
			}

			&.glozin-mobile-icon-box__icon-alignment--left {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-start;
					align-items: flex-start;
					text-align: start;
				}
			}

			&.glozin-mobile-icon-box__icon-alignment--center {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: center;
					align-items: center;
					text-align: center;
				}
			}

			&.glozin-mobile-icon-box__icon-alignment--right {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-end;
					align-items: flex-end;
					text-align: end;
				}
			}
		}

		&.glozin-mobile-icon-box__icon-position--right {
			.glozin-icon-box__icon {
				order: 2;
				margin-inline-start: var(--glozin-icon-box-margin);
				margin-inline-end: 0;
				margin-bottom: 0;
			}

			.glozin-icon-box__wrapper,
			.glozin-icon-box-carousel__wrapper {
				order: 1;
			}

			&.glozin-mobile-icon-box__icon-alignment--left {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-start;
				}
			}

			&.glozin-mobile-icon-box__icon-alignment--center {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: center;
				}
			}

			&.glozin-mobile-icon-box__icon-alignment--right {
				.glozin-icon-box,
				.glozin-icons-box-carousel__item,
				.glozin-icons-box-carousel__item > a {
					justify-content: flex-end;
				}
			}
		}
	}
}