.wp-block-combostrike-blocks-strikers-gallery *{box-sizing:border-box}.wp-block-combostrike-blocks-strikers-gallery h6,.wp-block-combostrike-blocks-strikers-gallery p{margin:0;padding:0}.career-slider .wrapper{max-width:1034px}.career-slider .slider__container{position:relative}.career-slider .swiper{background-image:linear-gradient(180deg,#0f082e,#7c30f3 244.5%);margin:0 auto;max-width:954px;position:relative}.career-slider__title{background-color:#8816fc;display:inline-block;padding:30px 49px;position:relative;transform:translateY(50%);z-index:2}.career-slider__title h5{color:#fff;font-size:36px;font-weight:700;line-height:40px;margin:0;padding:0;text-align:center;text-transform:uppercase}.career-slider .swiper-slide{padding:104px 122px 80px}@media screen and (max-width:860px){.career-slider .swiper-slide{padding-left:60px;padding-right:60px}}@media screen and (max-width:540px){.career-slider .swiper-slide{padding-left:40px;padding-right:40px}}.career-slider .striker__info{display:flex;flex-flow:row wrap;margin-bottom:56px;width:100%}.career-slider .striker__info-img{align-items:center;border:4px solid #fff;border-radius:100%;display:flex;height:224px;justify-content:center;line-height:0;margin-right:62px;overflow:hidden;width:224px}.career-slider .striker__info-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:680px){.career-slider .striker__info-img{margin:0 auto 40px}}@media screen and (max-width:540px){.career-slider .striker__info-img{height:180px;width:180px}}.career-slider .striker__info-text-content{width:calc(100% - 286px)}@media screen and (max-width:680px){.career-slider .striker__info-text-content{width:100%}}.career-slider .striker__info-text-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjggMjAuODMySDEwLjczNlYxMS4wNEg1Ljk4NEM1Ljk4NCA2LjkzNiA2LjcwNCA0LjM0NCAxMC4yMzIgNC4yTDkuMjk2IDAuNzQzOTk5QzIuOTYgMC44MTU5OTggMS4wODggNC45OTIgMC44NzIgMTMuMDU2QzAuODcyIDE1LjM2IDAuOCAxOC4wOTYgMC44IDIwLjgzMlpNMTUuMTI4IDIwLjgzMkgyNS4wNjRWMTEuMDRIMjAuMzEyQzIwLjMxMiA2LjkzNiAyMS4wMzIgNC4zNDQgMjQuNTYgNC4yTDIzLjYyNCAwLjc0Mzk5OUMxNy4yODggMC44MTU5OTggMTUuNDE2IDQuOTkyIDE1LjIgMTMuMDU2QzE1LjIgMTUuMzYgMTUuMTI4IDE4LjA5NiAxNS4xMjggMjAuODMyWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);background-position:0 0;background-repeat:no-repeat;height:40px;width:40px}.career-slider .striker__info-text h6{color:#fff;font-size:36px;font-weight:500;line-height:40px;margin-bottom:34px}@media screen and (max-width:540px){.career-slider .striker__info-text h6{font-size:27px;line-height:30px}}.career-slider .striker__info-text p{color:#fff;text-transform:uppercase}.career-slider .striker__info-text span{color:#fff;font-size:12px;line-height:15px}.career-slider .striker__tabs{border-top:1px solid #fff}.career-slider .striker__tab{border-bottom:1px solid #fff;padding-bottom:26px;padding-top:26px}.career-slider .striker__tab.tab--open .striker__tab-text{max-height:1000px;opacity:1;visibility:visible}@media screen and (min-width:1008px){.career-slider .striker__tab.tab--open .striker__tab-text{max-height:500px}}.career-slider .striker__tab.tab--open .striker__tab-title-icon{transform:scale(1)}.career-slider .striker__tab-title{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between}.career-slider .striker__tab-title p{color:#fff;font-weight:700;text-transform:uppercase;width:calc(100% - 50px)}.career-slider .striker__tab-title-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi40MzQzIDYuNDM0MzFDMTIuNzQ2NyA2LjEyMTg5IDEzLjI1MzMgNi4xMjE4OSAxMy41NjU3IDYuNDM0MzFMMTguNjU2OSAxMS41MjU1QzE4Ljk2OTMgMTEuODM3OSAxOC45NjkzIDEyLjM0NDQgMTguNjU2OSAxMi42NTY5QzE4LjM0NDQgMTIuOTY5MyAxNy44Mzc5IDEyLjk2OTMgMTcuNTI1NSAxMi42NTY5TDEzIDguMTMxMzdMOC40NzQ1MiAxMi42NTY5QzguMTYyMSAxMi45NjkzIDcuNjU1NTcgMTIuOTY5MyA3LjM0MzE1IDEyLjY1NjlDNy4wMzA3MyAxMi4zNDQ0IDcuMDMwNzMgMTEuODM3OSA3LjM0MzE1IDExLjUyNTVMMTIuNDM0MyA2LjQzNDMxWk0xMi4yIDIwTDEyLjIgN0wxMy44IDdMMTMuOCAyMEwxMi4yIDIwWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yNSAxM0MyNSA2LjM3MjU4IDE5LjYyNzQgMSAxMyAxQzYuMzcyNTggMSAwLjk5OTk5NyA2LjM3MjU5IDAuOTk5OTk4IDEzQzAuOTk5OTk5IDE5LjYyNzQgNi4zNzI1OCAyNSAxMyAyNUMxOS42Mjc0IDI1IDI1IDE5LjYyNzQgMjUgMTNaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4NCjwvc3ZnPg0K);display:block;height:26px;overflow:hidden;transform:scale(-1);transition:transform .3s ease-in-out;width:26px}.career-slider .striker__tab-text{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease-in-out;visibility:hidden}.career-slider .striker__tab-text p{color:#fff;padding-top:10px}.career-slider .swiper-button-next,.career-slider .swiper-button-prev{background-color:#8816fc;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjU4NTc4NiAxMy41ODU4Qy0wLjE5NTI2MiAxNC4zNjY4IC0wLjE5NTI2MiAxNS42MzMyIDAuNTg1Nzg2IDE2LjQxNDJMMTMuMzEzNyAyOS4xNDIxQzE0LjA5NDggMjkuOTIzMiAxNS4zNjExIDI5LjkyMzIgMTYuMTQyMSAyOS4xNDIxQzE2LjkyMzIgMjguMzYxMSAxNi45MjMyIDI3LjA5NDggMTYuMTQyMSAyNi4zMTM3TDQuODI4NDMgMTVMMTYuMTQyMSAzLjY4NjI5QzE2LjkyMzIgMi45MDUyNCAxNi45MjMyIDEuNjM4OTEgMTYuMTQyMSAwLjg1Nzg2NEMxNS4zNjExIDAuMDc2ODE1NiAxNC4wOTQ4IDAuMDc2ODE1NiAxMy4zMTM3IDAuODU3ODY0TDAuNTg1Nzg2IDEzLjU4NThaTTQgMTNIMkwyIDE3SDRMNCAxM1oiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==);background-position:50%;background-repeat:no-repeat;border-radius:100%;display:block;height:80px;top:180px;width:80px}@media screen and (max-width:860px){.career-slider .swiper-button-next,.career-slider .swiper-button-prev{display:none}}.career-slider .swiper-button-next:after,.career-slider .swiper-button-prev:after{display:none}.career-slider .swiper-button-prev{left:0}.career-slider .swiper-button-next{right:0;transform:scale(-1)}.career-slider .swiper-pagination{display:block;margin:0 auto;padding-right:34px;position:absolute;right:40px;text-align:right;top:-52px;z-index:-1}@media screen and (max-width:600px){.career-slider .swiper-pagination{margin-top:30px;padding-right:0;position:relative;right:0;text-align:center;top:0}}.career-slider .swiper-pagination-bullet{background-color:transparent;border:2px solid #d61698;border-radius:0;height:15px;margin-right:14px;opacity:1;transition:all .3s ease-in-out;width:15px}.career-slider .swiper-pagination-bullet:last-of-type{margin-right:0}.career-slider .swiper-pagination-bullet-active{background-color:#d61698}
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
$fontWhite: #fff;
$colorPurple: #8816fc;
.wp-block-combostrike-blocks-strikers-gallery {
	* {
		box-sizing: border-box;
	}
	p,
	h6 {
		margin: 0;
		padding: 0;
	}
}

.career-slider {
	.wrapper {
		max-width: 1034px;
	}
	.slider__container {
		position: relative;
	}
	.swiper {
		max-width: 954px;
		margin: 0 auto;
		position: relative;
		background-image: linear-gradient(180deg, #0f082e 0%, #7c30f3 244.5%);
	}
	&__title {
		padding: 30px 49px;
		background-color: #8816fc;
		display: inline-block;
		transform: translate(0, 50%);
		position: relative;
		z-index: 2;
		h5 {
			color: $fontWhite;
			text-transform: uppercase;
			text-align: center;
			font-size: 36px;
			line-height: 40px;
			font-weight: 700;
			margin: 0;
			padding: 0;
		}
	}

	.swiper-slide {
		padding: 104px 122px 80px;
		@media screen and (max-width: 860px) {
			padding-left: 60px;
			padding-right: 60px;
		}
		@media screen and (max-width: 540px) {
			padding-left: 40px;
			padding-right: 40px;
		}
	}
	.striker {
		&__info {
			display: flex;
			width: 100%;
			flex-flow: row wrap;
			margin-bottom: 56px;
			&-img {
				border-radius: 100%;
				overflow: hidden;
				width: 224px;
				height: 224px;
				margin-right: 62px;
				border: 4px solid $fontWhite;
				display: flex;
				align-items: center;
				justify-content: center;
				line-height: 0;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				@media screen and (max-width: 680px) {
					margin: 0 auto 40px;
				}
				@media screen and (max-width: 540px) {
					width: 180px;
					height: 180px;
				}
			}
			&-text {
				&-content {
					width: calc(100% - 224px - 62px);
					@media screen and (max-width: 680px) {
						width: 100%;
					}
				}
				&-icon {
					width: 40px;
					height: 40px;
					background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjggMjAuODMySDEwLjczNlYxMS4wNEg1Ljk4NEM1Ljk4NCA2LjkzNiA2LjcwNCA0LjM0NCAxMC4yMzIgNC4yTDkuMjk2IDAuNzQzOTk5QzIuOTYgMC44MTU5OTggMS4wODggNC45OTIgMC44NzIgMTMuMDU2QzAuODcyIDE1LjM2IDAuOCAxOC4wOTYgMC44IDIwLjgzMlpNMTUuMTI4IDIwLjgzMkgyNS4wNjRWMTEuMDRIMjAuMzEyQzIwLjMxMiA2LjkzNiAyMS4wMzIgNC4zNDQgMjQuNTYgNC4yTDIzLjYyNCAwLjc0Mzk5OUMxNy4yODggMC44MTU5OTggMTUuNDE2IDQuOTkyIDE1LjIgMTMuMDU2QzE1LjIgMTUuMzYgMTUuMTI4IDE4LjA5NiAxNS4xMjggMjAuODMyWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);
					background-repeat: no-repeat;
					background-position: left top;
				}
				h6 {
					font-size: 36px;
					font-weight: 500;
					line-height: 40px;
					color: $fontWhite;
					margin-bottom: 34px;
					@media screen and (max-width: 540px) {
						font-size: 27px;
						line-height: 30px;
					}
				}
				p {
					color: $fontWhite;
					text-transform: uppercase;
				}
				span {
					font-size: 12px;
					line-height: 15px;
					color: $fontWhite;
				}
			}
		}
		&__tabs {
			border-top: 1px solid $fontWhite;
		}
		&__tab {
			border-bottom: 1px solid $fontWhite;
			padding-top: 26px;
			padding-bottom: 26px;
			&.tab--open {
				.striker__tab-text {
					max-height: 1000px;
					opacity: 1;
					visibility: visible;
					@media screen and (min-width: 1008px) {
						max-height: 500px;
					}
				}
				.striker__tab-title-icon {
					transform: scale(1, 1);
				}
			}
			&-title {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				cursor: pointer;
				p {
					text-transform: uppercase;
					font-weight: 700;
					width: calc(100% - 50px);
					color: $fontWhite;
				}
				&-icon {
					width: 26px;
					height: 26px;
					overflow: hidden;
					background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi40MzQzIDYuNDM0MzFDMTIuNzQ2NyA2LjEyMTg5IDEzLjI1MzMgNi4xMjE4OSAxMy41NjU3IDYuNDM0MzFMMTguNjU2OSAxMS41MjU1QzE4Ljk2OTMgMTEuODM3OSAxOC45NjkzIDEyLjM0NDQgMTguNjU2OSAxMi42NTY5QzE4LjM0NDQgMTIuOTY5MyAxNy44Mzc5IDEyLjk2OTMgMTcuNTI1NSAxMi42NTY5TDEzIDguMTMxMzdMOC40NzQ1MiAxMi42NTY5QzguMTYyMSAxMi45NjkzIDcuNjU1NTcgMTIuOTY5MyA3LjM0MzE1IDEyLjY1NjlDNy4wMzA3MyAxMi4zNDQ0IDcuMDMwNzMgMTEuODM3OSA3LjM0MzE1IDExLjUyNTVMMTIuNDM0MyA2LjQzNDMxWk0xMi4yIDIwTDEyLjIgN0wxMy44IDdMMTMuOCAyMEwxMi4yIDIwWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yNSAxM0MyNSA2LjM3MjU4IDE5LjYyNzQgMSAxMyAxQzYuMzcyNTggMSAwLjk5OTk5NyA2LjM3MjU5IDAuOTk5OTk4IDEzQzAuOTk5OTk5IDE5LjYyNzQgNi4zNzI1OCAyNSAxMyAyNUMxOS42Mjc0IDI1IDI1IDE5LjYyNzQgMjUgMTNaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4NCjwvc3ZnPg0K);
					display: block;
					transform: scale(-1, -1);
					transition: transform 0.3s ease-in-out;
				}
			}
			&-text {
				max-height: 0;
				visibility: hidden;
				opacity: 0;
				transition: all 0.5s ease-in-out;
				overflow: hidden;
				p {
					color: $fontWhite;
					padding-top: 10px;
				}
			}
		}
	}
	.swiper-button-prev,
	.swiper-button-next {
		width: 80px;
		height: 80px;
		background-color: $colorPurple;
		display: block;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjU4NTc4NiAxMy41ODU4Qy0wLjE5NTI2MiAxNC4zNjY4IC0wLjE5NTI2MiAxNS42MzMyIDAuNTg1Nzg2IDE2LjQxNDJMMTMuMzEzNyAyOS4xNDIxQzE0LjA5NDggMjkuOTIzMiAxNS4zNjExIDI5LjkyMzIgMTYuMTQyMSAyOS4xNDIxQzE2LjkyMzIgMjguMzYxMSAxNi45MjMyIDI3LjA5NDggMTYuMTQyMSAyNi4zMTM3TDQuODI4NDMgMTVMMTYuMTQyMSAzLjY4NjI5QzE2LjkyMzIgMi45MDUyNCAxNi45MjMyIDEuNjM4OTEgMTYuMTQyMSAwLjg1Nzg2NEMxNS4zNjExIDAuMDc2ODE1NiAxNC4wOTQ4IDAuMDc2ODE1NiAxMy4zMTM3IDAuODU3ODY0TDAuNTg1Nzg2IDEzLjU4NThaTTQgMTNIMkwyIDE3SDRMNCAxM1oiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==);
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 100%;
		top: 180px;
		@media screen and (max-width: 860px) {
			display: none;
		}
		&:after {
			display: none;
		}
	}
	.swiper-button-prev {
		left: 0;
	}
	.swiper-button-next {
		transform: scale(-1, -1);
		right: 0;
	}
	.swiper-pagination {
		position: absolute;
		display: block;
		margin: 0 auto 0;
		right: 40px;
		top: -52px;
		text-align: right;
		padding-right: 34px;
		z-index: -1;
		@media screen and (max-width: 600px) {
			position: relative;
			top: 0;
			margin-top: 30px;
			right: 0;
			text-align: center;
			padding-right: 0;
		}
		&-bullet {
			width: 15px;
			height: 15px;
			border: 2px solid #d61698;
			margin-right: 14px;
			background-color: transparent;
			border-radius: 0;
			opacity: 1;
			transition: all 0.3s ease-in-out;
			&:last-of-type {
				margin-right: 0;
			}
			&-active {
				background-color: #d61698;
			}
		}
	}
}

