/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2025 | 16:37:28 */
.elementor-element-d6a082f .elementor-container{
	padding: 0 !important;
}

.splide__list.ul-box{
	margin: 0;
	padding: 0;
}

/* Timeline */
.card {
    display: flex;
    gap: 24px;
    width: 732px;
    height: 282px;
    border-radius: 8px;
    padding: 24px 0 24px 24px;
    border: 1px solid #fff;
    position: absolute;
    background: #121212;
    z-index: 4;
    cursor: default;
	user-select: none;
}


.card div h4 {
    line-height: 30.62px;
    font-size: 24px;
    margin: 0;
    padding: 0;
    font-family: var(--space-grotesk);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    color: #FFFFFF;
}

.card div p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.2px;
    font-family: var(--golos);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    color: #C7C7CC;
    margin: 0;
    padding-top: 8px;	
	pointer-events: none;

}

.b2007,
.b2010,
.b2011,
.b2014,
.b2015,
.b2017,
.b2018,
.b2019,
.b2023 {
		pointer-events: none;
    transition: transform 0.3s ease;
    margin-left: 0;
}

.years{
    display: flex;
		user-select: none;

}

.card:hover {
    transition: transform 0.3s ease;
    transform: translatex(20px);
}

.cst-img-it-d img {
    width: 330px;
    height: 232px;
    background-repeat: no-repeat;

}

.hover-blue-lite {
    position: absolute;
    background-image: url(/wp-content/uploads/2023/08/spot.svg);
    margin-top: -63px;
    width: 387px;
    margin-left: 320px;
    height: 321px;
    background-repeat: no-repeat;
    opacity: 0;
    background-size: 100%;
}

.hover-blue-lite:hover {
    z-index: 1;
    opacity: 1;
}

.card.active span.hover-blue-lite:hover {
    opacity: 0;
}

.y2007 {
    left: 0px;
    z-index: 9;
}

.y2010 {
    left: 59px;
    z-index: 8;
}

.y2011 {
    left: 118px;
    z-index: 7;
}

.y2014 {
    left: 177px;
    z-index: 6;
}

.y2015 {
    left: 236px;
    z-index: 5;
}

.y2017 {
    left: 295px;
    z-index: 4;
}

.y2018 {
    left: 354px;
    z-index: 3;
}

.y2019 {
    left: 413px;
    z-index: 2;
}

.y2023 {
    left: 472px;
    z-index: 1;
}

.line_years {
    width: 1200px;
    padding-top: 303px;
    color: #FFFFFF;

}

.line_years span {
    margin-right: 92px;
    position: relative;
    font-family: var(--golos);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    cursor: grab;
    left: 30px;
}


/* .line_years span::before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 40px;
    left: 11%;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    background-color: #C7C7CC;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.2;
} */

.line_years span::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 18px;
    width: 1px;
    height: 16px;
    background-color: #C7C7CC;
    user-select: none;
}

.line-TL-it-d {
    display: flex;
    margin-top: 27px;
    width: 1200px;
    height: 1px;
    background: #C7C7CC;
    align-items: center;
}

.dot-id-d {
    background-color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 11px;
    z-index: 10;
}

#dot-timeline {
    margin-left: 42px;
    transition: margin-left 0.5s ease;
}

.active {
    opacity: 0.8;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card:active {
    background-color: #292929;
}

/* .active,
.card:hover {
    background-color: #292929;

} */



.card-appear {
    opacity: 1;
    transform: scale(0.99);
    transition: opacity 0.8s ease, transform 0.5s ease;
}

.card-appear.active {
    opacity: 1;
    transform: scale(1);
    background-color: #292929;
}

.text_card{
	max-width: 324px;
	pointer-events: none;
}

.it-d-img {
    width: 331px;
    height: 232px;
    background-repeat: no-repeat;
}

.cst-img-it-d-img2007 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2007.png);
    
}

.cst-img-it-d-img2010 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2010.png);
}

.cst-img-it-d-img2011 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2011.png);
}

.cst-img-it-d-img2014 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2014.png);
	width: 335px;
}

.cst-img-it-d-img2015 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2015.png);
}

.cst-img-it-d-img2017 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2017.png);

}

.cst-img-it-d-img2018 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2018.png);
}

.cst-img-it-d-img2019 {
    background-image: url(/wp-content/uploads/2023/08/Frame-2019.png);
}

.cst-img-it-d-img2023 {
    background-image: url(/wp-content/uploads/2025/04/Frame-40211.png);
}



@media (max-width: 1440px) and (min-width: 1024px) {
	
	
	.elementor-6708 .elementor-element.elementor-element-fd200e9 > .elementor-container {
    max-width: 960px;
}

    .active,
    .card:hover {
        background-color: #292929;
    }

    .card {
        width: 728px;
    }

    .y2007 {
        left: 0px;
        z-index: 9;
    }

    .y2010 {
        left: 29px;
        z-index: 8;
    }

    .y2011 {
        left: 58px;
        z-index: 7;
    }

    .y2014 {
        left: 89px;
        z-index: 6;
    }

    .y2015 {

        left: 118px;
        z-index: 5;
    }

    .y2017 {
        left: 147px;
        z-index: 4;
    }

    .y2018 {
        left: 176px;
        z-index: 3;
    }

    .y2019 {
        left: 205px;
        z-index: 2;
    }

    .y2023 {
        left: 234px;
        z-index: 1;
    }

    .line_years span {
		margin-right: 66px;
        left: 0px;


    }

    .line-TL-it-d {
        width: 960px;
    }

    .line_years {
        width: 960px;
        margin-left: 30px;
    }

    .line_years span::after {
        left: 50%;
    }

    .card:hover {
        transition: transform 0.3s ease;
        transform: translatex(10px);
    }



}

@media (max-width: 1023px) and (min-width: 768px) {
	.elementor-6708 .elementor-element.elementor-element-fd200e9 > .elementor-container{
		max-width: 704px !important;
	}
	
    .card {
        display: flex;
        gap: 24px;
        width: 704px;
        height: 280px;
        border-radius: 8px;
        padding: 24px 0 24px 24px;
        border: 1px solid #fff;
        position: absolute;
        background: #121212;
        z-index: 4;
    }
	.line_years {
    width: 704px;
    padding-top: 444px;
    color: #FFFFFF;
}
	.text_card{
		width: 299px;
	}

    .y2007 {
        left: 0px;
        top: 0;
    }

    .y2010 {
        left: 0px;
        top: 14px;
    }

    .y2011 {
        top: 28px;
        left: 0px;
    }

    .y2014 {
        top: 42px;
        left: 0px;
    }

    .y2015 {
        left: 0px;
        top: 56px;
    }

    .y2017 {
        left: 0px;
        top: 70px;
    }

    .y2018 {
        left: 0px;
        top: 84px;
    }

    .y2019 {
        left: 0px;
        top: 98px;
    }

    .y2023 {
        left: 0px;
        top: 112px;
    }

    .line-TL-it-d {
        display: flex;
        margin-top: 27px;
        width: 704px;
        height: 1px;
        background: #C7C7CC;
        align-items: center;
    }

    .line_years {
        width: 704px;
        padding-top: 431px;
        color: #FFFFFF;
    }

    .line_years span {
        margin-right: 44px;
        left: 2px;

    }

    .line_years span::after {
        content: "";
        z-index: 1;
        position: absolute;
        top: 30px;
        left: 18px;
        width: 1px;
        height: 16px;
        background-color: #C7C7CC;
        user-select: none;
    }

    .card:hover {
        transition: transform 0.3s ease;
        transform: translateY(5px);
    }

    #dot-timeline {
        margin-left: 14px;
    }

}

@media (max-width: 767px) {
	
	.elementor-6708 .elementor-element.elementor-element-fd200e9 > .elementor-container{
		max-width: 328px !important;
	}
	
	.hover-blue-lite {
        display: none;
    }
	
    .timeline-wrapper {
	height:670px;
        width: 360px;
        overflow-x: hidden;
    }

    .card {
        display: flex;
        flex-direction: column;
        gap: 16px;
    	width: 328px;
    	height: 520px;
        border-radius: 8px;
        padding: 24px 24px 0px 24px;
        border: 1px solid #fff;
        position: relative;
        background: #121212;
        z-index: 4;
		pointer-events: none;
        cursor: default;
    }

    .card:hover {
        transition: transform 0.3s ease;
        transform: translateY(0px);
    }

    .it-d-img {
        width: auto;
        height: 232px;
        background-repeat: no-repeat;
    }

    .cst-img-it-d-img2007 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2007-1.png);
    }

    .cst-img-it-d-img2010 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2010-1.png);
    }

    .cst-img-it-d-img2011 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2011-1.png);
    }

    .cst-img-it-d-img2014 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2014-1.png);
    }

    .cst-img-it-d-img2015 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2015-1.png);
    }

    .cst-img-it-d-img2017 {
		min-height: 232px;
        background-image: url(/wp-content/uploads/2023/08/Frame-2017-1.png);
    }

    .cst-img-it-d-img2018 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2018-1.png);
    }

    .cst-img-it-d-img2019 {
        background-image: url(/wp-content/uploads/2023/08/Frame-2019-1.png);
    }

    .cst-img-it-d-img2023 {
        background-image: url(/wp-content/uploads/2025/04/Frame-40211.png);
    }

	
    .y2007 {
        margin-top: 0;
    }

    .y2010 {
        margin-top: -511px;
        margin-left: -59px;
    }

    .y2011 {
        margin-top: -511px;
        margin-left: -118px;
    }

    .y2014 {
        margin-top: -511px;
        margin-left: -177px;
    }

    .y2015 {
        margin-top: -511px;
        margin-left: -236px;
    }

    .y2017 {
        margin-top: -511px;
        margin-left: -295px;
    }

    .y2018 {
        margin-top: -511px;
        margin-left: -354px;
    }

    .y2019 {
        margin-top: -511px;
        margin-left: -413px;
    }

    .y2023 {
        margin-top: -511px;
        margin-left: -472px;
    }

    .line_years {
                position: absolute;
        top: 627px;
        padding-top: 0;
        margin-top: 0;
    overflow-y: auto;
    width: auto;
    }
	.years {
    overflow: hidden;
    width: 328px;
    display: flex;
    height: 50px;
		user-select: none;
		pointer-events: none;
}

    .line-TL-it-d {
        display: flex;
    	top: 650px;
        position: absolute;
        width: 328px;
        height: 1px;
        background: #C7C7CC;
        align-items: center;
    }
	
	.line_years span {
		margin-left: 77px;
        margin-right: 0;
        font-size: 22px;
 
    }
	

    .line_years span div {
        width: 54px;
    }
    .line_years span::after {
        top: 35px;
        left: 50%;
    }
    
    #dot-timeline {
        margin-left: 288.9px;
    }

}




/* @media screen and (max-width: 750px) {
#qweasd {
  margin-left: -810px !important;
} */

/* end timeline */
#btn-w-custom span {
	transition: .5s ease;
	padding: 16px 60px;
	width: 100%;
	min-width: 140px;
	display: inline-block;
}

/* Our Team */

#slid3{
	visibility: hidden;
}

#slid4{
	visibility: hidden;
}

#slid5{
	visibility: hidden;
}

#slid6{
	visibility: hidden;
}

.mySwiper-cst-slid {
	height: 624px !important;
	overflow: visible !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.my-cstm-slider-swiper {
    flex-direction: column;
    align-items: start !important;
    overflow: visible !important;
    width: auto !important;
    max-height: 520px;
    max-width: 384px;
    background-color: #121212;
}

.slider-text {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.slider-text h3 {
    margin: 0;
    padding: 0;
}

.slider-text h4 {
    margin: 0;
    padding: 0;
}

.my-cstm-slider-swiper img {
    max-height: 520px;
    max-width: 384px;
    border-radius: 8px;
    background-repeat: no-repeat;
}

.my-cst-s-w{
	height: 1000px;
}

.text123 {
	padding-top: 64px;
	max-width: 690px;
	height: auto;
}
.text123 h3 {
	font-family: var(--space-grotesk);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	max-width: 100%;
	height: auto;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: #fff;
	text-align: start;
	position: relative;
}
.slick-slide{
	float: none !important;
}
.text123 p {
	display: flex;
	font-family: var(--golos);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	max-width: 100%;
	height: auto;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	color: #C7C7CC;
	gap: 8px;
	padding-top: 16px;
}
.under-text123::before {
	content: "";
	display: inline-block;
	height: 1px;
	width: 40px;
	background-color: #fff;
	display: block;
	margin-top: 4px;
	padding-right: 8px;
}
.slider-text h3 {
	font-family: var(--space-grotesk);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	font-weight: 400;
	font-size: 32px!important;
	line-height: 40px;
	padding-top: 24px;
	color: #fff;
}
.slider-text h4 {
	font-family: var(--space-grotesk);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	color: #8E8E93;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	padding-top: 8px;
}
/* logo section */

.splide {
    overflow: hidden;
}

.slider-line-ss {
    display: inline-flex;
    justify-content: space-between;
}
.box {

    box-sizing: border-box;
    padding: 20px;
    width: 300px;
    height: 200px;
    background-color: #FFFFFF1A;
    border: 1px solid rgb(255, 255, 255);
    align-items: center;
    justify-content: center;
    display: flex;
}

.ul-box {
    display: inline-flex;
}

.box span{
background-image: url(/wp-content/uploads/2023/08/spot.svg);
    position: absolute;
    transform: scale(0.8);
    z-index: -1;
    width: 350px;
    height: 310px;
    transition: 0.6s;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
}



.box:hover span {
    opacity: 1;
}


@media screen and (max-width: 1200px){
.box {
    width: 210px;
    height: 140px;
	padding: 20px;
    }
}

@media (max-width: 500px){
	.box span{
		display:none	
	}
	.slider-logo-sct .slide-track:hover {
		user-select: none
}

}

/* end logo section */

/* resp our team */

.respns-txt-our-team p {
	display: flex;
	font-family: var(--golos);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	max-width: 100%;
	height: auto;
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	color: #C7C7CC;
	gap: 8px;
	padding-top: 16px;
}
.under-respns-txt-our-team::before {
	content: "";
	display: inline-block;
	height: 1px;
	width: 40px;
	background-color: #fff;
	display: block;
	margin-top: 4px;
	padding-right: 8px;
}
.respns-txt-our-team {
	padding-top: 24px;
	max-width: 328px;
	height: auto;
}
.respns-txt-our-team h3 {
	font-family: var(--space-grotesk);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	max-width: 100%;
	height: auto;
	font-size: 20px;
	font-weight: 500;
	line-height: 25.52px;
	color: #fff;
	text-align: start;
	position: relative;
}

@media screen and (max-width: 1440px) and (min-width: 1025px){
	#cstm_displayRes{
		margin-top: -80px;
	}
}

/* new section */

.sub-innivative_cstm_k {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*align-items: center;*/
	align-items: baseline;
}

.sub-innivative_cstm_k > div {
  flex-basis: calc(50% - 10px);
  flex-grow: 1;
  margin: 0px;
  box-sizing: border-box;
}

.sub-innivative_cstm_k > div:nth-child(3) {
    border-right: 1px solid #616161;
}

.sub-innivative_cstm_k > div:nth-child(1), .sub-innivative_cstm_k > div:nth-child(2), .sub-innivative_cstm_k > div:nth-child(3), .sub-innivative_cstm_k > div:nth-child(4) {
    border-top: 1px solid #616161;
}
.sub-innivative_cstm_k > div:nth-child(1) {
    border-right: 1px solid #616161;
}
.sub-innivative_cstm_k > div:nth-child(2), .sub-innivative_cstm_k > div:nth-child(4) {
    padding: 32px 0px 0px 23px;
}

.sub-innivative_cstm_k > div:nth-child(1), .sub-innivative_cstm_k > div:nth-child(3) {
    padding: 32px 26px 32px 0;
}

.sub-innivative_cstm_k > div p:nth-child(1) {
    margin: 0;
    padding-bottom: 12px;
}
/*.sub-innivative_cstm_k > div p:nth-child(2) {
    font-size: 13px;
	margin-bottom: 0;
}*/

.sub-innivative_cstm_k > div:nth-child(1), .sub-innivative_cstm_k > div:nth-child(2) {
    padding-bottom: 42px;
}

.sub-innivative_cstm_k div p:nth-child(1) {
	font-family: var(--space-grotesk);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 41px;
	font-feature-settings: 'ss02' on, 'ss03' on, 'ordn' on, 'ss04' on;
	color: #FFFFFF;
}

.sub-innivative_cstm_k div p:nth-child(2) {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #F2F2F7;
	font-family: var(--golos);
	font-feature-settings: 'ss05' on, 'ss04' on, 'ss03' on, 'ss02' on;
	min-height: 96px;
}

.elementor-6708 .elementor-element.elementor-element-564fb5d .elementor-heading-title{
	    font-family: var(--space-grotesk);
		font-feature-settings: 'ss04' on, 'ss03' on, 'ss02' on;

}

@media screen and (max-width: 1440px) and (min-width: 1023px) {
    .sub-innivative_cstm_k {
       	max-width: 962px;
    }
}

@media screen and (max-width: 499px){
		.sub-innivative_cstm_k div p:nth-child(1) {
		font-size: 24px;
    	line-height: 31px;
		margin-bottom: 10px;
	}
	.sub-innivative_cstm_k div p:nth-child(2) {
		font-size: 18px;
    	line-height: 20px;
	}
	.sub-innivative_cstm_k > div {
		padding: 20px 20px 20px 0 !important;
		flex-basis: calc(100% - 10px);
		border-right: 1px solid #616161;
	}
}

@media (max-width: 610px){
/* 	.elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone {
    display: block; !important; 
		
	
} */
	#disableDisplay{
		display: none;
	}
}

@media (min-width: 610px) and (max-width: 800px) {

	.my-cstm-slider-swiper img{
		    max-width: 284.8px;
	}
	.text123{
		padding-top: 0;
	}
	.slider-text h3{
		font-size: 28px!important;
	}
	.slider-text h4{
		font-size: 22px;
	}
	.swiper-wrapper{
		height: 85%;
	}
	.mySwiper-cst-slid{
		height: 606px !important;
	}
	.text123 h3{
		font-size: 28px;
    	line-height: 38px;
	}
}
@media (min-width: 610px){
	#disable2display{
		display: none;
	}

}

@media (max-width: 1140px) and (min-width: 1025px){
	.sv-txt{
		max-width: 690px;
	}
}

/* @media (max-width: 1023px){
	    #dot-timeline {
        margin-left: 41px;
        transition: margin-left 0.5s ease;
    }
} */