/*
WCS custom styles:
use classes with the prefix: .wcs-
*/

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-Regular.eot');
    src: url('../fonts/TeleNeoWeb-Regular.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-Medium.eot');
    src: url('../fonts/TeleNeoWeb-Medium.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-Bold.eot');
    src: url('../fonts/TeleNeoWeb-Bold.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo;
    src: url('../fonts/TeleNeoWeb-ExtraBold.eot');
    src: url('../fonts/TeleNeoWeb-ExtraBold.woff2') format('woff2'),
         url('../fonts/TeleNeoWeb-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: TeleNeo-Var;
    src: url('../fonts/TeleNeoVariable-Upright.woff2') format('woff2');
    font-weight: 1 999;
    font-style: normal;
}

/* Cookie consent popup font override (beats the injected `font-family: inherit`) */
#cookie-consent-root,
#cookie-consent-root * {
    font-family: 'TeleNeo', Arial, Helvetica, sans-serif !important;
}


body.wcs-locked{
	overflow:hidden;
}

html,body{
	padding: 0px;
	margin: 0px;
}


.wcs-custom-page{
	position:relative;
	font-size:24px;
	color:#000;
	font-family: TeleNeo-Var;
	font-weight: 400;
	text-align: left;
	padding: 0px 0 0 0;
	overflow: hidden;
}

.wcs-custom-page *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wcs-custom-page a{
	color: inherit;
}


.clear{
	clear:both;
}

.wcs-custom-page h1,
.wcs-custom-page h2,
.wcs-custom-page h3,
.wcs-custom-page h4,
.wcs-custom-page h5,
.wcs-custom-page h6{
	margin: 0px;
	padding: 0px;
}


.wcs-custom-page p{
	margin: 0px;
	padding: 0 0 20px 0;
}
.wcs-custom-page p:last-child{
	padding: 0px;
}

.wcs-mob-br{
    display: none;
}

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

    .wcs-scroll-content{
        overflow: auto;
        width: calc(100vw + 40px);
        margin-right: -20px;
        margin-left: -20px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 20px;
        padding-left: 20px;
    }

    .wcs-scroll-content::-webkit-scrollbar {
      display: none;
    }

}


.wcs-custom-page img.wcs-img-4mob{
    display: none !important;
}
    
@media screen and (max-width: 767px) {
  

    .wcs-custom-page img.wcs-img-4desk{
        display: none !important;
    }
    
    .wcs-custom-page img.wcs-img-4mob{
        display: block !important;
    }

    .wcs-mob-scroller{
        overflow: auto;
        width: calc(100% + 20px);
        margin-right: -20px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 20px;
    }

    .wcs-mob-scroller::-webkit-scrollbar {
      display: none;
    }

    .wcs-mob-br{
        display: block !important;
    }

}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////// */

header#branding{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    border-bottom: 1px solid #adadad;
}


header#branding .mq-branding{
	width: 327px;
}

header#branding .mq-branding img{
	display: block;
	width: 100%;
}


header#branding .menu ,
header#branding .menu li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

header#branding .menu{
	display: flex;
	justify-content: stretch;
	gap: 32px;
	padding: 0 40px 0 0;
	margin: 0 0 2px 0;
}

header#branding .menu li a {
    text-decoration: none;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 655;
    padding: 5px 0 24px 0;
    display: block;
    position: relative;
    min-height: 53px;
}

header#branding .menu li.active a{
	color: #E20074;
}

header#branding .menu li.active a::after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: #E20074;
	border-radius: 3px;
	height: 4px;
}

header#branding .menu li a.home{
	min-width: 50px;
	background: url("../images/icon-menu-home.svg") no-repeat center top;
	background-size: 48px auto;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

	header#branding{
	  max-width: 100.00vw;
	}

	header#branding .mq-branding{
	  width: 22.71vw;
	}

	header#branding .menu{
	  gap: 2.23vw;
	  padding: 0 2.78vw 0 0;
	}

	header#branding .menu li a{
	  font-size: 1.39vw;
	  padding: 0.35vw 0 1.67vw 0;
	  min-height: 3.69vw;
	}

	header#branding .menu li.active a::after{
	  border-radius: 0.21vw;
	  height: 0.28vw;
	}

	header#branding .menu li a.home{
	  min-width: 3.48vw;
	  background-size: 3.34vw auto;
	}
}
@media screen and (max-width: 959px){

	header#branding{
		position: relative;
	}

	header#branding #block-cosmote-main-menu{
		position: absolute;
		right: 0px;
		width: 100%;
		background: #fff;
		top: 100%;
		z-index: 999;
		padding: 40px 20px 0 20px;
		display: none;
	}

	header#branding #block-cosmote-main-menu.active{
		display: block;
	}

	header#branding #block-cosmote-main-menu::after{
		content: "";
		position: absolute;
		left: 0px;
		top: 100%;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
	}

	header#branding .menu{
		flex-direction: column;
		gap: 0px;
		max-width: 750px;
		margin: 0 auto;
		padding: 0px;
	}

	header#branding .menu li a{
		padding: 24px 0;
		border-bottom: 1px solid rgba(140, 140, 140, .3);
		font-size: 20px;
	}

	header#branding .menu li a.home{
		background-position: left top;
	}

	header#branding .mq-branding {
	    width: 270px;
	}
	header#branding .burger-menu{
		display: block;
		position: absolute;
		right: 20px;
		top: 30px;
		width: 24px;
		height: 24px;
		background: url("../images/mnu-burger.svg") no-repeat center center;
		background-size: cover;
		display: block;
	}

	header#branding .burger-menu.active{
		background-image: url("../images/mnu-burger-close.svg");
	}

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

	header#branding .mq-branding {
	    width: 220px;
	}

	header#branding .burger-menu{
		top: 21px;
	}

	header#branding #block-cosmote-main-menu {
	    
	    padding: 23px 16px 0 16px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


footer{
    width: 100%;
    background: #000;
    color: #fff;
}

footer .mq-footer{
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 20px 24px 20px;
}

footer #block-contactus,
footer #block-social{
	display: none;
	color: #fff;
}

footer #block-social img{
	display: none;
}

footer .region-footer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
}

footer #block-cosmote-footer > h2{
	display: none;
}

footer #block-cosmote-footer ul,
footer #block-cosmote-footer li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

footer #block-cosmote-footer ul{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 48px;
}

footer #block-cosmote-footer ul a{
	font-size: 16px;
	font-weight: 500;
	line-height: 125%;
	text-decoration: none;
}

footer #block-footer-logo div{
	display: none;
}

footer #block-footer-logo{
	width: 64px;
	height: 64px;
	background: url("../images/logo-footer.svg") no-repeat center center;
	background-size: contain;
	margin: 0 auto;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {
	footer .mq-footer{
	  max-width: 100.00vw;
	  padding: 2.23vw 1.39vw 1.67vw 1.39vw;
	}

	footer .region-footer{
	  gap: 2.23vw;
	}

	footer #block-cosmote-footer ul{
	  gap: 3.34vw;
	}

	footer #block-cosmote-footer ul a{
	  font-size: 1.12vw;
	}

	footer #block-footer-logo{
	  width: 4.45vw;
	  height: 4.45vw;
	}
}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){

	footer #block-cosmote-footer ul{
		gap: 10px;
		flex-direction: column;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */





#block-breadcrumbs,
#block-cosmote-breadcrumbs{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 40px ;
}

#block-breadcrumbs ol,
#block-breadcrumbs ul,
#block-breadcrumbs li,
#block-cosmote-breadcrumbs ol,
#block-cosmote-breadcrumbs ul,
#block-cosmote-breadcrumbs li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#block-breadcrumbs ol,
#block-cosmote-breadcrumbs ol{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

#block-breadcrumbs ol li:not(:last-child)::after,
#block-cosmote-breadcrumbs ol li:not(:last-child)::after{
	content: ">";
	padding: 0 0 0 10px;
}

#block-breadcrumbs ol li,
#block-breadcrumbs a,
#block-cosmote-breadcrumbs ol li,
#block-cosmote-breadcrumbs a{
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	text-decoration: none;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {
	#block-breadcrumbs,
	#block-cosmote-breadcrumbs{
	  max-width: 100.00vw;
	  padding: 0.70vw 2.78vw;
	}

	#block-breadcrumbs ol,
	#block-cosmote-breadcrumbs ol{
	  gap: 0.70vw;
	}

	#block-breadcrumbs ol li:not(:last-child)::after,
	#block-cosmote-breadcrumbs ol li:not(:last-child)::after{
	  padding: 0 0 0 0.70vw;
	}

	#block-breadcrumbs ol li,
	#block-breadcrumbs a,
	#block-cosmote-breadcrumbs ol li,
	#block-cosmote-breadcrumbs a{
	  font-size: 0.98vw;
	}
}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){

	#block-breadcrumbs,
	#block-cosmote-breadcrumbs{
		padding: 10px ;

	}


	#block-breadcrumbs ol li,
	#block-cosmote-breadcrumbs ol li{
		white-space: nowrap;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


.hero.front-block{
	width: 100%;
	max-width: 1440px;
	margin: auto;
	position: relative;
	background: #000;
}

.hero.front-block .overlay{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url("../images/bg-header-home.webp") no-repeat left bottom;
	background-size: cover;
	width: 691px;
	height: 377px;
	align-content: center;
	padding: 0 260px 0 40px;
	color: #fff;
}

.hero.front-block .overlay h1{
	color: #FFF;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%;
	letter-spacing: -0.48px;
}

.hero.front-block .overlay .title p{
	display: none;
}

.hero.front-block .overlay .desc{
	padding: 12px 0;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	line-height: 110%; 
	letter-spacing: -0.24px;
}

.hero.front-block .overlay .desc strong{
	font-weight: 400;
}

.hero.front-block .overlay .btn a{
	display: block;
	background: #fff;
    z-index: 2;
    color: #000;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.hero.front-block .overlay .btn a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fff;
    border-radius: 20px;
    transition: all 200ms;

}

.hero.front-block .overlay .btn a:hover::before{
    transform: scale(1.05);

}

.hero.front-block .image{
	width: 100%;
}

.hero.front-block img{
	display: block;
	width: 100%;
	object-fit: cover;
	height: auto;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
		.hero.front-block{
	  max-width: 100.00vw;
	}

	.hero.front-block .overlay{
	  width: 47.99vw;
	  height: 26.19vw;
	  padding: 0 18.06vw 0 2.78vw;
	}

	.hero.front-block .overlay h1{
	  font-size: 2.23vw;
	  letter-spacing: -0.03vw;
	}

	.hero.front-block .overlay .desc{
	  padding: 0.84vw 0;
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}

	.hero.front-block .overlay .btn a{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	}

	.hero.front-block .overlay .btn a::before{
	  border-radius: 1.39vw;
	}
}
@media screen and (max-width: 959px){

	.hero.front-block .overlay h1{
		font-size: 25px;
	}

	.hero.front-block .overlay .desc{
		font-size: 18px;
	}

	.hero.front-block .overlay {
	    width: 471px;
	    height: 256px;
	    padding: 30px 120px 0 24px;
	}
	.hero.front-block .overlay .btn a {
	    font-size: 15px;
	    padding: 8px 28.5px;
	}
}
@media screen and (max-width: 767px){

	.hero.front-block img{
		height: 100vw;
	}

	.hero.front-block .overlay {
	    width: 100%;
	    height: 60vw;
	    padding: 10vw 12vw 0 5vw;
	}

	.hero.front-block .overlay h1 {
	    font-size: 6.5vw;
	}

	.hero.front-block .overlay .desc {
	    font-size: 4.5vw;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


#block-cosmote-content header,
.custom-news-list .view-header,
.node--type-project header{
	width: 100%;
	max-width: 1440px;
	margin: auto;
	position: relative;
	background: #000;
}

#block-cosmote-content header h1,
.custom-news-list .view-header h1,
.node--type-project header h2{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url("../images/bg-header-content.webp") no-repeat left bottom;
	background-size: cover;
	width: 703px;
	height: 249px;
	align-content: center;
	padding: 0 260px 0 40px;

	color: #FFF;

	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: -0.48px;
}



.node--type-project header h2{
	width: 473px;
	height: 210px;
	font-size: 32px;
	background-image: url("../images/bg-inner-header-title.webp");
}

.node--type-project header h2{
	width: 660px;
	height: 280px;
}

#block-cosmote-content header h1 a{
	text-decoration: none;
	font-size: 32px;
	line-height: 100%;
	display: block;
}


#block-cosmote-content header .image,
.custom-news-list .view-header .image,
.node--type-project header  .image{
	width: 100%;
}

#block-cosmote-content header .image img,
.custom-news-list .view-header .image img,
.node--type-project header .image img{
	display: block;
	width: 100%;
	object-fit: cover;
	height: auto;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
	#block-cosmote-content header,
	.custom-news-list .view-header,
	.node--type-project header{
	  max-width: 100.00vw;
	}

	#block-cosmote-content header h1,
	.custom-news-list .view-header h1,
	.node--type-project header h2{
	  width: 48.82vw;
	  height: 17.30vw;
	  padding: 0 18.06vw 0 2.78vw;
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	}

	.node--type-project header h2{
	  width: 32.85vw;
	  height: 14.59vw;
	  font-size: 2.23vw;
	}
	.node--type-project header h2{
	  width: 45.84vw;
	  height: 19.45vw;
	}

	#block-cosmote-content header h1 a{
	  font-size: 2.23vw;
	}
}
@media screen and (max-width: 959px){
	#block-cosmote-content header h1, .custom-news-list .view-header h1, .node--type-project header h2 {
	    width: 548px;
	    height: 206px;
	    padding: 0 148px 0 24px;
	    font-size: 48px;
	}

	#block-cosmote-content header .image img, .custom-news-list .view-header .image img, .node--type-project header .image img {
	    height: 54vw;
	}
}
@media screen and (max-width: 767px){

	#block-cosmote-content header h1, .custom-news-list .view-header h1, .node--type-project header h2 {
	    width: 100%;
	    height: 49vw;
	    padding: 3vw 16vw 4vw 24px;
	    font-size: 48px;
	    position: relative;
		left: auto;
		bottom: auto;
		margin: -18vw 0 0 0;
	}

	#block-cosmote-content header,
	.custom-news-list .view-header .image,
	.node--type-project header{
		display: flex;
		flex-direction: column-reverse;

	}


	#block-cosmote-content header .image img, .custom-news-list .view-header .image img, .node--type-project header .image img {
	    height: 67vw;
	}

	#block-cosmote-content header h1 a {
	    font-size: 25px;
	}

	#block-cosmote-content header h1, .custom-news-list .view-header h1, .node--type-project header h2 {
	  	background: url("../images/bg-header-content.webp") no-repeat left bottom;
    background-size: cover;
	    font-size: 36px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

.nodetype--page #block-cosmote-page-title{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 44px 40px;
	text-align: left;
}

.nodetype--page .node--type-page{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	text-align: left;
	font-size: 20px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
	padding: 0px 40px 44px 40px;
}

.nodetype--page .node--type-page a{
	color: #000;
}

.nodetype--page .node--type-page table{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.nodetype--page .node--type-page td{
		font-size: 15px;
		line-height: 100%;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 5px;
	}

@media screen and (min-width: 960px) and (max-width: 1439px)  {

		.nodetype--page #block-cosmote-page-title{
	  max-width: 100.00vw;
	  padding: 3.06vw 2.78vw;
	}

	.nodetype--page .node--type-page{
	  max-width: 100.00vw;
	  font-size: 1.39vw;
	  letter-spacing: -0.01vw;
	  padding: 0.00vw 2.78vw 3.06vw 2.78vw;
	}

	.nodetype--page .node--type-page table{
	  border-top: 0.07vw solid #000;
	  border-left: 0.07vw solid #000;
	}

	.nodetype--page .node--type-page td{
	  font-size: 1.05vw;
	  border-right: 0.07vw solid #000;
	  border-bottom: 0.07vw solid #000;
	  padding: 0.35vw;
	}
}
@media screen and (max-width: 959px){

	.nodetype--page #block-cosmote-page-title {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 20px;
    text-align: left;
    font-size: 24px;
}

	.nodetype--page .node--type-page{
		padding: 0 20px 44px 20px;
		font-size: 20px;
	}

	.nodetype--page .node--type-page td{
		font-size: 13px;
		line-height: 100%;
	}
}
@media screen and (max-width: 767px){}
@media screen and (max-width: 374px){}

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

body:has(.view-hub-services) #block-cosmote-content .content .row-wrapper{
	display: none;
}


.view-hub-services,
.view-more-services-entity-ref{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 44px 20px;
}

.view-more-services-entity-ref{
	padding-top: 0px;
}

.view-hub-services .view-content,
.view-more-services-entity-ref .view-content{
	width: 100%;
	max-width: 1363px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 20px;
}

.view-hub-services .view-content .item,
.view-more-services-entity-ref .view-content .views-row{
	padding: 32px 32px 100px 32px;
	border-radius: 24px;
	background: #F1F1F1;
	width: 441px;
	position: relative;
}

.view-hub-services .view-content .item .icon,
.view-more-services-entity-ref .view-content .views-row .icon{
	width: 50px;
}

.view-hub-services .view-content .item .icon img,
.view-more-services-entity-ref .view-content .views-row .icon img{
	display: block;
	width: 100%;
	height: auto;
}

.view-hub-services .view-content .item .title,
.view-more-services-entity-ref .view-content .views-row .title{
	padding: 24px 0 12px 0;
}

.view-hub-services .view-content .item .title a,
.view-more-services-entity-ref .view-content .views-row .title a{

	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%; 
	letter-spacing: -0.32px;
	text-decoration: none;
}

.view-hub-services .view-content .item .desc,
.view-more-services-entity-ref .view-content .views-row .desc{
	color: #000;
	font-size: 24px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
}

.view-hub-services .view-content .item .btn,
.view-more-services-entity-ref .view-content .views-row .btn{
	position: absolute;
	left: 32px;
	bottom: 24px;
}

.view-hub-services .view-content .item .btn a,
.view-more-services-entity-ref .view-content .views-row .btn a{
	display: block;
	background: #E20074;
    z-index: 2;
    color: #FFF;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
}

.view-hub-services .view-content .item .btn a::before,
.view-more-services-entity-ref .view-content .views-row .btn a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #E20074;
    border-radius: 20px;
    transition: all 200ms;

}

.view-hub-services .view-content .item .btn a:hover::before,
.view-more-services-entity-ref .view-content .views-row .btn a:hover::before{
    transform: scale(1.05);
    background: #a91251;
}


#block-views-block-more-services-entity-ref-block-1 {
	padding: 44px 0 0 0;
}

#block-views-block-more-services-entity-ref-block-1 h2{
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%;
	letter-spacing: -0.32px;
	padding: 0 0 24px 0;
	text-align: center;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {
		

	.view-hub-services,
	.view-more-services-entity-ref{
	  max-width: 100.00vw;
	  padding: 3.06vw 1.39vw;
	}

	.view-hub-services .view-content,
	.view-more-services-entity-ref .view-content{
	  max-width: 94.66vw;
	  gap: 1.39vw;
	}

	.view-hub-services .view-content .item,
	.view-more-services-entity-ref .view-content .views-row{
	  padding: 2.23vw 2.23vw 6.95vw 2.23vw;
	  border-radius: 1.67vw;
	  width: 30.62vw;
	}

	.view-hub-services .view-content .item .icon,
	.view-more-services-entity-ref .view-content .views-row .icon{
	  width: 3.48vw;
	}

	.view-hub-services .view-content .item .title,
	.view-more-services-entity-ref .view-content .views-row .title{
	  padding: 1.67vw 0 0.84vw 0;
	}

	.view-hub-services .view-content .item .title a,
	.view-more-services-entity-ref .view-content .views-row .title a{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	}

	.view-hub-services .view-content .item .desc,
	.view-more-services-entity-ref .view-content .views-row .desc{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}

	.view-hub-services .view-content .item .btn,
	.view-more-services-entity-ref .view-content .views-row .btn{
	  left: 2.23vw;
	  bottom: 1.67vw;
	}

	.view-hub-services .view-content .item .btn a,
	.view-more-services-entity-ref .view-content .views-row .btn a{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	}

	.view-hub-services .view-content .item .btn a::before,
	.view-more-services-entity-ref .view-content .views-row .btn a::before{
	  border-radius: 1.39vw;
	}

	#block-views-block-more-services-entity-ref-block-1{
	  padding: 3.06vw 0 0 0;
	}

	#block-views-block-more-services-entity-ref-block-1 h2{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	  padding: 0 0 1.67vw 0;
	}
}
@media screen and (max-width: 959px){


	.view-hub-services .view-content .item, .view-more-services-entity-ref .view-content .views-row{
		width: calc(50% - 10px);
	}

	.view-hub-services .view-content .item .title a, .view-more-services-entity-ref .view-content .views-row .title a {
	    font-size: 24px;
	}

	.view-hub-services .view-content .item .desc, .view-more-services-entity-ref .view-content .views-row .desc {
	    font-size: 18px;
	}

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

	.view-hub-services, .view-more-services-entity-ref{
		padding: 32px 20px;
	}

	.view-more-services-entity-ref{
		padding-top: 0px;
	}

	.view-hub-services .view-content .item, .view-more-services-entity-ref .view-content .views-row{
		width: 100%;
		border-radius: 12px;
	}

	.view-hub-services .view-content .item, .view-more-services-entity-ref .view-content .views-row {
	    padding: 24px 24px 101px 24px;
	    border-radius: 12px;
	    width: 100%;
	}

	.view-hub-services .view-content .item .btn, .view-more-services-entity-ref .view-content .views-row .btn{
		left: 24px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */



.view-hub-projects{
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 44px 158px;
}

.view-hub-projects .view-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 20px;
	width: 100%;
}

.view-hub-projects .view-content .views-row{
	width: calc(50% - 10px);
	border-radius: 24px;
	background: #F1F1F1;
	min-height: 473px;
	position: relative;
	overflow: hidden;
}

.view-hub-projects .view-content .views-row .image img{
	height: 270px;
	width: 100%;
	object-fit: cover;
}

.view-hub-projects .view-content .views-row .text{
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
	height: 220px;
}

.view-hub-projects .view-content .views-row .title{
	font-size: 29px;
	font-weight: 655;
	line-height: 100%;
	color: #000;
}

.view-hub-projects .view-content .views-row .title br{
	display: none;
}

.view-hub-projects .view-content .views-row .btn a{
	display: block;
	background: #E20074;
    z-index: 2;
    color: #FFF;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
}

.view-hub-projects .view-content .views-row .btn a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #E20074;
    border-radius: 20px;
    transition: all 200ms;

}

.view-hub-projects .view-content .views-row .btn a:hover::before{
    transform: scale(1.05);
    background: #a91251;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

		.view-hub-projects{
	  max-width: 100.00vw;
	  padding: 3.06vw 10.98vw;
	}

	.view-hub-projects .view-content{
	  gap: 1.39vw;
	}

	.view-hub-projects .view-content .views-row{
	  width: calc(50% - 0.70vw);
	  border-radius: 1.67vw;
	  min-height: 32.85vw;
	}

	.view-hub-projects .view-content .views-row .image img{
	  height: 18.75vw;
	}

		.view-hub-projects .view-content .views-row .text{
	  padding: 2.78vw 2.23vw;
	  height: 15.28vw;
	}

	.view-hub-projects .view-content .views-row .title{
	  font-size: 2.02vw;
	}

	.view-hub-projects .view-content .views-row .btn a{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	}

	.view-hub-projects .view-content .views-row .btn a::before{
	  border-radius: 1.39vw;
	}
}
@media screen and (max-width: 959px){

	.view-hub-projects{
		padding: 44px 20px;
	}

	.view-hub-projects .view-content .views-row .text{
		padding: 24px;
	}

	.view-hub-projects .view-content .views-row .title{
		font-size: 24px;
	}

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

	.view-hub-projects .view-content .views-row{
		width: 100%;
		border-radius: 12px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

.view-all-articles .view-content,
.nodetype--article .custom-news-list,
.more-projects{
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 44px 158px;
}

.nodetype--article .custom-news-list,
.more-projects{
	padding-top: 0px;
}

.view-all-articles .views-infinite-scroll-content-wrapper,
.custom-news-list .view-content,
.more-projects .view-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 20px;
	width: 100%;
}

.more-projects .view-content{
	justify-content: center;
}

.custom-news-list .view-content .views-row,
.more-projects .view-content .views-row{
	width: calc(33.33% - 14px);
	border-radius: 24px;
	background: #F1F1F1;
	min-height: 473px;
	position: relative;
	overflow: hidden;
}

.custom-news-list .view-content .views-row .news-photo img,
.more-projects .view-content .views-row .image img{
	height: 274px;
	width: 100%;
	object-fit: cover;
}

.custom-news-list .view-content .views-row .news-content,
.more-projects .view-content .views-row .text{
	min-height: 322px;
	padding: 40px 32px 104px 32px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: start;
	gap: 8px;
}

.more-projects .view-content .views-row .text{
	min-height: 232px;
}

.custom-news-list .view-content .views-row .news-content .news-date{
	font-size: 24px;
	font-weight: 655;
	line-height: 100%;
}

.custom-news-list .view-content .views-row .news-content .news-title a,
.more-projects .view-content .views-row .text h3{
	font-size: 29px;
	font-weight: 655;
	line-height: 100%;
	text-decoration: none;

}


.custom-news-list .view-content .views-row .news-content .news-more,
.more-projects .view-content .views-row .text .btn{
	display: block;
	background: #E20074;
    z-index: 2;
    color: #FFF;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
    position: absolute;
    left: 32px;
    bottom: 32px;
}

.more-projects .view-content .views-row .text .btn a{
	text-decoration: none;
}

.custom-news-list .view-content .views-row .news-content .news-more::before,
.more-projects .view-content .views-row .text .btn::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #E20074;
    border-radius: 20px;
    transition: all 200ms;

}

.custom-news-list .view-content .views-row .news-content .news-more:hover::before,
.more-projects .view-content .views-row .text .btn:hover::before{
    transform: scale(1.05);
    background: #a91251;
}

#block-views-block-more-articles-block-1 h2,
#block-views-block-more-projects-entity-ref-block-1 h2{
	
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%; 
	letter-spacing: -0.32px;
	padding: 0 0 24px 0;
	text-align: center;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {
		.view-all-articles .view-content,
	.nodetype--article .custom-news-list,
	.more-projects{
	  max-width: 100.00vw;
	  padding: 3.06vw 10.98vw;
	}

	.view-all-articles .views-infinite-scroll-content-wrapper,
	.custom-news-list .view-content,
	.more-projects .view-content{
	  gap: 1.39vw;
	}

	.custom-news-list .view-content .views-row,
	.more-projects .view-content .views-row{
	  width: calc(33.33% - 0.98vw);
	  border-radius: 1.67vw;
	  min-height: 32.85vw;
	}

	.custom-news-list .view-content .views-row .news-photo img,
	.more-projects .view-content .views-row .image img{
	  height: 19.03vw;
	}

	.custom-news-list .view-content .views-row .news-content,
	.more-projects .view-content .views-row .text{
	  min-height: 22.37vw;
	  padding: 2.78vw 2.23vw 7.23vw 2.23vw;
	  gap: 0.56vw;
	}

	.more-projects .view-content .views-row .text{
	  min-height: 16.12vw;
	}

	.custom-news-list .view-content .views-row .news-content .news-date{
	  font-size: 1.67vw;
	}

	.custom-news-list .view-content .views-row .news-content .news-title a,
	.more-projects .view-content .views-row .text h3{
	  font-size: 2.02vw;
	}

	.custom-news-list .view-content .views-row .news-content .news-more,
	.more-projects .view-content .views-row .text .btn{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	  left: 2.23vw;
	  bottom: 2.23vw;
	}

	.custom-news-list .view-content .views-row .news-content .news-more::before,
	.more-projects .view-content .views-row .text .btn::before{
	  border-radius: 1.39vw;
	}

	#block-views-block-more-articles-block-1 h2,
	#block-views-block-more-projects-entity-ref-block-1 h2{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	  padding: 0 0 1.67vw 0;
	}
}
@media screen and (max-width: 959px){

	.view-all-articles .view-content, 
	.nodetype--article .custom-news-list, 
	.more-projects {
	    padding: 44px 20px;
	}

	.nodetype--article .custom-news-list{
		padding-top: 0px;
	}

	.custom-news-list .view-content .views-row, .more-projects .view-content .views-row {
	    width: calc(50% - 10px);
	}

	.custom-news-list .view-content .views-row .news-content, .more-projects .view-content .views-row .text{
		padding: 24px;
		min-height: 285px;
	}

	.custom-news-list .view-content .views-row .news-content .news-title a, .more-projects .view-content .views-row .text h3 {
	    font-size: 20px;
	    line-height: 120%;
	}
	.custom-news-list .view-content .views-row .news-content .news-date{
		font-size: 20px;
	}
}
@media screen and (max-width: 767px){

	.custom-news-list .view-content .views-row, .more-projects .view-content .views-row{
		width: 100%;
		border-radius: 12px;
	}

	.custom-news-list .view-content .views-row .news-content, .more-projects .view-content .views-row .text {
	    padding: 24px;
	    min-height: 227px;
	}

	.custom-news-list .view-content .views-row .news-content .news-more, .more-projects .view-content .views-row .text .btn{
		left: 24px;
	}

	.custom-news-list .view-content .views-row .news-content, .more-projects .view-content .views-row .text {
		padding: 24px;
		min-height: 267px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


.nodetype--article article.entity--type-node{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.nodetype--article article.entity--type-node .articleImage img{
	display: block;
	width: 100%;
	object-fit: cover;
}

.nodetype--article article.entity--type-node h2{
	padding: 44px 0 24px 0;
	text-align: center;

	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: -0.48px;
	max-width: 967px;
	margin: 0 auto;
	width: 100%;
}

.nodetype--article article.entity--type-node .content{
	padding: 0 0 44px 0;
	width: 100%;
	max-width: 967px;
	margin: 0 auto;

	text-align: center;

	font-size: 24px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {
		.nodetype--article article.entity--type-node{
	  max-width: 100.00vw;
	}

	.nodetype--article article.entity--type-node h2{
	  padding: 3.06vw 0 1.67vw 0;
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	  max-width: 67.16vw;
	}

	.nodetype--article article.entity--type-node .content{
	  padding: 0 0 3.06vw 0;
	  max-width: 67.16vw;
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}
}
@media screen and (max-width: 959px){

	.nodetype--article article.entity--type-node h2{
		font-size: 40px;
	}

	.nodetype--article article.entity--type-node .content{
		font-size: 20px;
		width: 100%;
		padding: 0 20px 44px 20px;
	}

	.nodetype--article article.entity--type-node .articleImage img{
		height: auto;
	}

	.nodetype--article article.entity--type-node .content {
	    font-size: 16px;
	    width: 100%;
	    padding: 0 20px 44px 20px;
	}

	#block-views-block-more-articles-block-1 h2, #block-views-block-more-projects-entity-ref-block-1 h2 {
	    font-size: 27px;
	    padding: 0 0 20px 0;

	}

	

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

	.nodetype--article article.entity--type-node h2 {
	    font-size: 29px;
		padding: 32px 20px 20px 20px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


.contact-wrapper{
	width: 100%;
	max-width: 1126px;
	margin: 0 auto;
	padding: 44px 0;
}

.contact-wrapper h2{
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: -0.48px;
	padding: 0 0 24px 0;
}

.contact-wrapper .text{
	text-align: center;
	font-size: 24px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
	padding: 0 0 44px 0;
	width: 100%;
	max-width: 967px;
	margin: 0 auto;
}

.contact-wrapper .row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.contact-wrapper .row .content{
	width: 373px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 12px;
}

.contact-wrapper .row .content .item{
	font-size: 20px;
	font-style: normal;
	font-weight: 655;
	line-height: 120%;
	letter-spacing: -0.2px;
	background: url("../images/icon-contact-main.svg") no-repeat left top;
	background-size: 35px auto;
	padding: 6px 0 4px 47px;
}

.contact-wrapper .row .content .item.address{ background-image: url("../images/icon-contact-address.svg");  }
.contact-wrapper .row .content .item.phone{ background-image: url("../images/icon-contact-phone.svg");  }


.contact-wrapper .row .content .item a{
	text-decoration: none;
}

.contact-wrapper iframe{
	width: 743px;
	height: 400px;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {
		.contact-wrapper{
	  max-width: 78.20vw;
	  padding: 3.06vw 0;
	}

	.contact-wrapper h2{
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	  padding: 0 0 1.67vw 0;
	}

	.contact-wrapper .text{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	  padding: 0 0 3.06vw 0;
	  max-width: 67.16vw;
	}

	.contact-wrapper .row{
	  gap: 0.70vw;
	}

	.contact-wrapper .row .content{
	  width: 25.91vw;
	  gap: 0.84vw;
	}

		.contact-wrapper .row .content .item{
	  font-size: 1.39vw;
	  letter-spacing: -0.01vw;
	  background-size: 2.44vw auto;
	  padding: 0.42vw 0 0.28vw 3.27vw;
	}

	.contact-wrapper iframe{
	  width: 51.60vw;
	  height: 27.78vw;
	}
}
@media screen and (max-width: 959px){

	.contact-wrapper{
		padding: 44px 20px;
	}

	.contact-wrapper h2{
		font-size: 40px;
	}

	.contact-wrapper .row{
		flex-direction: column;
		justify-content: flex-start;
		align-items: start;
		gap: 30px;
	}

	.contact-wrapper .text{
		font-size: 20px;
	}

	.contact-wrapper .row > p{
		width: 100%;
	}

	.contact-wrapper iframe{
		width: 100%;
	}

}
@media screen and (max-width: 767px){}
@media screen and (max-width: 374px){}

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

.nodetype--project{

}

.node--type-project .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 44px;
	text-align: center;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 44px 40px;
}

.node--type-project .logo-subtitle .logo{
	padding: 0 0 24px 0;
}

.node--type-project .logo-subtitle .logo img{
	max-width: 200px;
	margin: 0 auto;
	display: block;
	height: auto;
}

.node--type-project .logo-subtitle .subtitle,
.node--type-project .logo-subtitle .subtitle h1,
.node--type-project .logo-subtitle .subtitle h1 strong{
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; 
	letter-spacing: -0.48px;
}

.node--type-project .the-need{
	padding: 24px 0 0 0;
	font-size: 24px;
	font-style: normal;
	line-height: 110%; 
	letter-spacing: -0.24px;
	width: 100%;
	max-width: 967px;
	margin: 0 auto;
}

.node--type-project .services .field__label{
	color: #000;
	text-align: center;

	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: -0.32px;
	padding: 0 0 24px 0;
}

.node--type-project .services .field__item{
	font-size: 24px;
	font-style: normal;
	line-height: 110%; 
	letter-spacing: -0.24px;
}

.node--type-project .services .field__item p{
	width: 100%;
	max-width: 967px;
	margin: 0 auto;
}

.node--type-project .services .field__item h5{
	color: #000;
	text-align: center;

	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%; 
	letter-spacing: -0.24px;
	padding: 0 0 16px 0;
}


.node--type-project .services .field__item ul,
.node--type-project .services .field__item li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.node--type-project .services .field__item ul{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 20px;
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	flex-wrap: wrap;
}

.node--type-project .services .field__item li{
	padding: 32px 32px 24px 32px;
	width: 440px;
	border-radius: 24px;
	background: #F1F1F1;
	min-height: 226px;
	text-align: left;

	font-size: 20px;
	font-style: normal;
	font-weight: 655;
	line-height: 120%;
	letter-spacing: -0.2px;
}

.node--type-project .services .field__item li img{
	display: block;
	width: 50px;
	margin: 0 0 24px 0;
	height: 50px;
}


.node--type-project .video-embed-field-provider-youtube{
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
}

.node--type-project .video-embed-field-provider-youtube iframe{
	width: 100%;
	height: auto;
	min-height: 545px;
}


.node--type-project .benefits{
	background: #F1F1F1;
	padding: 24px 40px;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.node--type-project .benefits .field--name-field-the-benefits{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: start;
	gap: 30px;
}

.node--type-project .benefits .field--name-field-the-benefits .field__label{
	width: 100%;

	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%;
	letter-spacing: -0.32px;
	text-align: left;
}

.node--type-project .benefits .field--name-field-the-benefits .field__item{
	width: 100%;
	text-align: left;

	font-size: 24px;
	line-height: 110%;
	letter-spacing: -0.24px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	gap: 72px;
}

.node--type-project .benefits .field--name-field-the-benefits .field__item > *{
	width: calc(50% - 36px);
}

.node--type-project .benefits .field--name-field-the-benefits .field__item p{

}

.node--type-project .benefits .field--name-field-the-benefits .field__item ul,
.node--type-project .benefits .field--name-field-the-benefits .field__item li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.node--type-project .benefits .field--name-field-the-benefits .field__item li{
	background: url("../images/icon-list.svg") no-repeat left top;
	background-size: 40px auto;
	padding: 10px 0 0 64px;
	min-height: 40px;
	margin: 0 0 12px 0;


	font-size: 24px;
	line-height: 110%;
	letter-spacing: -0.24px;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {

		.node--type-project .content{
	  gap: 3.06vw;
	  max-width: 100.00vw;
	  padding: 3.06vw 2.78vw;
	}

	.node--type-project .logo-subtitle .logo{
	  padding: 0 0 1.67vw 0;
	}

	.node--type-project .logo-subtitle .logo img{
	  max-width: 13.89vw;
	}

	.node--type-project .logo-subtitle .subtitle,
	.node--type-project .logo-subtitle .subtitle h1,
	.node--type-project .logo-subtitle .subtitle h1 strong{
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	}

	.node--type-project .the-need{
	  padding: 1.67vw 0 0 0;
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	  max-width: 67.16vw;
	}

	.node--type-project .services .field__label{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	  padding: 0 0 1.67vw 0;
	}

	.node--type-project .services .field__item{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}

	.node--type-project .services .field__item p{
	  max-width: 67.16vw;
	}

	.node--type-project .services .field__item h5{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	  padding: 0 0 1.12vw 0;
	}

	.node--type-project .services .field__item ul{
	  gap: 1.39vw;
	  max-width: 94.45vw;
	}

	.node--type-project .services .field__item li{
	  padding: 2.23vw 2.23vw 1.67vw 2.23vw;
	  width: 30.55vw;
	  border-radius: 1.67vw;
	  min-height: 15.70vw;
	  font-size: 1.39vw;
	  letter-spacing: -0.01vw;
	}

	.node--type-project .services .field__item li img{
	  width: 3.48vw;
	  margin: 0 0 1.67vw 0;
	  height: 3.48vw;
	}

	.node--type-project .video-embed-field-provider-youtube{
	  max-width: 78.48vw;
	}

	.node--type-project .video-embed-field-provider-youtube iframe{
	  min-height: 37.85vw;
	}

	.node--type-project .benefits{
	  padding: 1.67vw 2.78vw;
	  max-width: 100.00vw;
	}

	.node--type-project .benefits .field--name-field-the-benefits{
	  gap: 2.09vw;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__label{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	  gap: 5.00vw;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item > *{
	  width: calc(50% - 2.50vw);
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item li{
	  background-size: 2.78vw auto;
	  padding: 0.70vw 0 0 4.45vw;
	  min-height: 2.78vw;
	  margin: 0 0 0.84vw 0;
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}	
}
@media screen and (max-width: 959px){

	.node--type-project .logo-subtitle .subtitle, .node--type-project .logo-subtitle .subtitle h1, .node--type-project .logo-subtitle .subtitle h1 strong {
	    font-size: 40px;
	}

	.node--type-project .the-need{
		font-size: 20px;
	}

	.node--type-project .services .field__item{
		font-size: 20px;
	}

	.node--type-project .services .field__item li{
		width: calc(50% - 10px);
	}

	.node--type-project .benefits .field--name-field-the-benefits{
		flex-direction: column;
		justify-content: flex-start;
		align-items: start;
		gap: 0px;
	}

	.node--type-project .benefits{
		width: calc(100% + 40px);
		margin-right: -20px;
		margin-left: -20px;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__label{
		width: 100%;
		text-align: left;
		padding: 0 0 20px 0;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item{
		width: 100%;
		font-size: 20px;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item li {
	    background-size: 32px auto;
	    padding: 4px 0 4px 48px;
	    margin: 0 0 12px 0;
	    font-size: 17px;
	    font-style: normal;
	    line-height: 110%;
	    letter-spacing: -0.24px;
	    text-align: left;
	    align-content: center;
	}

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

	.node--type-project .content{
		padding: 32px 20px;
	}

	.node--type-project .logo-subtitle .subtitle, .node--type-project .logo-subtitle .subtitle h1, .node--type-project .logo-subtitle .subtitle h1 strong {
    	font-size: 28px;
	}	

	.node--type-project .the-need {
	    font-size: 16px;
	}

	.node--type-project .services .field__label {
	    font-size: 26px;
	    padding: 0 0 16px 0;
	}

	.node--type-project .services .field__item {
	font-size: 16px;
	}

	.node--type-project .services .field__item li{
		width: 100%;
		border-radius: 12px;
		padding: 24px;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item{
		flex-direction: column;
		gap: 20px;
		font-size: 18px;
	}

	.node--type-project .benefits .field--name-field-the-benefits .field__item > *{
		width: 100%;
	}

	.node--type-project .benefits {
	    padding: 24px 20px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

.node--type-service .content{
	text-align: center;
	padding: 44px 0 0 0;
}

.node--type-service .content .row-first .icon{
	width: 70px;
	margin: 0 auto;
}

.node--type-service .content .row-first{
	padding: 0 0 44px 0;
}

.node--type-service .content .row-first .icon img{
	display: block;
	width: 100%;
	height: auto;
}

.node--type-service .content .row-first .small-title{

	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: -0.48px;
	padding: 24px 0;
}

.node--type-service .content .row-first .subtitle{
	font-size: 24px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
}

.node--type-service .content .features > .field__items{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 0 44px 0;
}

.node--type-service .content .features > .field__items > .field__item{
	padding: 32px 32px 24px 32px;
	border-radius: 24px;
	background: #F1F1F1;
	width: 440px;
	min-height: 202px;
}

.node--type-service .content .features > .field__items > .field__item .field--name-field-icon{
	width: 50px;
	padding: 0 0 24px 0;
}

.node--type-service .content .features > .field__items > .field__item .field--name-field-icon img{
	display: block;
	width: 100%;
	height: auto;
}

.node--type-service .content .features > .field__items > .field__item .field--name-field-description{
	font-size: 20px;
	font-style: normal;
	font-weight: 655;
	line-height: 120%; 
	letter-spacing: -0.2px;
	text-align: left;
}

.node--type-service .content .text.row-wrapper{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	width: 1192px;
	border-radius: 24px;
	background: #F1F1F1;
	overflow: hidden;
	margin: 0 auto;
}

.node--type-service .content .text.row-wrapper .image{
	width: 600px;
}

.node--type-service .content .text.row-wrapper .image img{
		display: block;
		width: 100%;
		height: auto;
		max-height: 410px;
		object-fit: cover;
}

.node--type-service .content .text.row-wrapper .text{
	padding: 56px;
	width: 596px;
	text-align: left;
}

.node--type-service .content .text.row-wrapper .text h6{

	font-size: 32px;
	font-style: normal;
	font-weight: 655;
	line-height: 100%;
}

.node--type-service .content .text.row-wrapper .text ul,
.node--type-service .content .text.row-wrapper .text li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;

	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	letter-spacing: 0;
}

.node--type-service .content .text.row-wrapper .text ul{
	padding: 20px 0 0 0;
}

.node--type-service .content .text.row-wrapper .text li{
	background: url("../images/icon-list2.svg") no-repeat left top;
	background-size: 15px auto;
	padding: 0 0 0 23px;
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {

		.node--type-service .content{
	  padding: 3.06vw 0 0 0;
	}

	.node--type-service .content .row-first .icon{
	  width: 4.87vw;
	}

	.node--type-service .content .row-first{
	  padding: 0 0 3.06vw 0;
	}

	.node--type-service .content .row-first .small-title{
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	  padding: 1.67vw 0;
	}

	.node--type-service .content .row-first .subtitle{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}

	.node--type-service .content .features > .field__items{
	  gap: 1.39vw;
	  max-width: 94.45vw;
	  padding: 0 0 3.06vw 0;
	}

	.node--type-service .content .features > .field__items > .field__item{
	  padding: 2.23vw 2.23vw 1.67vw 2.23vw;
	  border-radius: 1.67vw;
	  width: 30.55vw;
	  min-height: 14.03vw;
	}

	.node--type-service .content .features > .field__items > .field__item .field--name-field-icon{
	  width: 3.48vw;
	  padding: 0 0 1.67vw 0;
	}

	.node--type-service .content .features > .field__items > .field__item .field--name-field-description{
	  font-size: 1.39vw;
	  letter-spacing: -0.01vw;
	}

	.node--type-service .content .text.row-wrapper{
	  width: 82.78vw;
	  border-radius: 1.67vw;
	}

	.node--type-service .content .text.row-wrapper .image{
	  width: 41.67vw;
	}

	.node--type-service .content .text.row-wrapper .image img{
	  max-height: 28.48vw;
	}

	.node--type-service .content .text.row-wrapper .text{
	  padding: 3.89vw;
	  width: 41.39vw;
	}

	.node--type-service .content .text.row-wrapper .text h6{
	  font-size: 2.23vw;
	}

	.node--type-service .content .text.row-wrapper .text ul,
	.node--type-service .content .text.row-wrapper .text li{
	  font-size: 1.12vw;
	}

	.node--type-service .content .text.row-wrapper .text ul{
	  padding: 1.39vw 0 0 0;
	}

	.node--type-service .content .text.row-wrapper .text li{
	  background-size: 1.05vw auto;
	  padding: 0 0 0 1.60vw;
	}
}
@media screen and (max-width: 959px){

	.node--type-service .content .row-first .small-title{
		font-size: 40px;
	}

	.node--type-service .content .features > .field__items > .field__item {
	    width: calc(50% - 10px);
	}

	.node--type-service .content .features > .field__items{
		padding: 0 20px 44px 20px;
	}

	.node--type-service .content .text.row-wrapper{
		flex-direction: column-reverse;
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	.node--type-service .content .text.row-wrapper .image{
		width: 100%;
	}

	.node--type-service .content .text.row-wrapper .image img{
		height: 350px;
		object-fit: cover;
	}

	.node--type-service .content .text.row-wrapper .text{
		width: 100%;
		padding: 24px;
	}

}
@media screen and (max-width: 767px){
	.node--type-service .content .row-first .small-title {
	    font-size: 26px;
	}

	.node--type-service .content .row-first .subtitle{
		font-size: 20px;
	}

	.node--type-service .content .features > .field__items > .field__item{
		width: 100%;
		border-radius: 12px;
		padding: 24px;
	}

	.node--type-service .content .text.row-wrapper .image img {
	    height: 248px;
	    object-fit: cover;
	}

	.node--type-service .content .text.row-wrapper .text h6 {
	    font-size: 24px;
	}
}
@media screen and (max-width: 374px){}

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


.front-block.company{
	padding: 44px 0;
}

.front-block.company .view-content .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1192px;
	border-radius: 24px;
	background: #F1F1F1;
	overflow: hidden;
	margin: 0 auto;
}

.front-block.company .view-content .item .image{
	width: 600px;
}

.front-block.company .view-content .item .image img{
	display: block;
	width: 100%;
	height: 406px;
	object-fit: cover;
}

.front-block.company .view-content .item .right{
	width: 596px;
	padding: 20px 56px;
}

.front-block.company .view-content .item .right .subtitle{
	font-size: 20px;
	font-weight: 655;
	line-height: 120%;

}

.front-block.company .view-content .item .right .title{
	font-size: 32px;
	font-weight: 655;
	line-height: 100%;
	padding: 8px 0 24px 0;
}

.front-block.company .view-content .item .right .desc{
	font-size: 16px;
	font-weight: 500;
	line-height: 125%;
	padding: 0 0 40px 0;
}

.front-block.company .view-content .item .right .btn a{
	display: inline-block;
	background: #E20074;
    z-index: 2;
    color: #FFF;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
}

.front-block.company .view-content .item .right .btn a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #E20074;
    border-radius: 20px;
    transition: all 200ms;

}

.front-block.company .view-content .item .right .btn a:hover::before{
    transform: scale(1.05);
    background: #a91251;
}




@media screen and (min-width: 960px) and (max-width: 1439px)  {
		.front-block.company{
	  padding: 3.06vw 0;
	}

	.front-block.company .view-content .item{
	  width: 82.78vw;
	  border-radius: 1.67vw;
	}

	.front-block.company .view-content .item .image{
	  width: 41.67vw;
	}

	.front-block.company .view-content .item .image img{
	  height: 28.20vw;
	}

	.front-block.company .view-content .item .right{
	  width: 41.39vw;
	  padding: 1.39vw 3.89vw;
	}

	.front-block.company .view-content .item .right .subtitle{
	  font-size: 1.39vw;
	}

	.front-block.company .view-content .item .right .title{
	  font-size: 2.23vw;
	  padding: 0.56vw 0 1.67vw 0;
	}

	.front-block.company .view-content .item .right .desc{
	  font-size: 1.12vw;
	  padding: 0 0 2.78vw 0;
	}

	.front-block.company .view-content .item .right .btn a{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	}

	.front-block.company .view-content .item .right .btn a::before{
	  border-radius: 1.39vw;
	}
}
@media screen and (max-width: 959px){

	.front-block.company .view-content .item{
		flex-direction: column;
		width: calc(100% - 40px);
	}

	.front-block.company .view-content .item .image{
		width: 100%;
	}

	.front-block.company .view-content .item .image img{
		height: 340px;
	}

	.front-block.company .view-content .item .right{
		width: 100%;
		padding: 32px;
	}

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

	.front-block.company{
		padding: 32px 0;
	}

	.front-block.company .view-content .item .image img {
	    height: 238px;
	}

	.front-block.company .view-content .item{
		border-radius: 12px;
	}
}
@media screen and (max-width: 374px){}

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


#block-views-block-front-services-block-1 > div > .front-block,
#block-views-block-front-projects-block-1 > div > .front-block{
	padding: 0 40px 44px 40px;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: start;
	gap: 24px;
}

#block-views-block-front-services-block-1 .attachment-before,
#block-views-block-front-projects-block-1 .attachment-before{
	width: 390px;
}


#block-views-block-front-services-block-1 > div > .front-block > .view-content,
#block-views-block-front-projects-block-1 > div > .front-block > .view-content{
	width: 946px;
}

#block-views-block-front-services-block-1 .view-content .subtitle,
#block-views-block-front-projects-block-1 .view-content .subtitle{
	font-size: 20px;
	font-weight: 655;
	line-height: 120%;
}

#block-views-block-front-services-block-1 .view-content h2,
#block-views-block-front-projects-block-1 .view-content h2{
	font-size: 32px;
	font-weight: 655;
	line-height: 100%;
	padding: 8px 0 24px 0;
}

#block-views-block-front-services-block-1 .view-content .desc,
#block-views-block-front-projects-block-1 .view-content .desc{
	font-size: 16px;
	font-weight: 500;
	line-height: 125%;
	padding: 0 0 40px 0;
}


#block-views-block-front-services-block-1 .view-content .btn a,
#block-views-block-front-projects-block-1 .view-content .btn a{
	display: inline-block;
	background: #E20074;
    z-index: 2;
    color: #FFF;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
}

#block-views-block-front-services-block-1 .view-content .btn a::before,
#block-views-block-front-projects-block-1 .view-content .btn a::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #E20074;
    border-radius: 20px;
    transition: all 200ms;
}

#block-views-block-front-services-block-1 .view-content .btn a:hover::before,
#block-views-block-front-projects-block-1 .view-content .btn a:hover::before{
    transform: scale(1.05);
    background: #a91251;
}


#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row,
#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row{
	width: 376px;
	border-radius: 24px;
	overflow: hidden;
	background: #F1F1F1;
	margin: 0 24px 64px 0;
}

#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .image img,
#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .image img{
	display: block;
	width: 100%;
	height: 270px;
	object-fit: cover;
}

#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text .icon,
#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text .icon{
	display: none;
}

#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text,
#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text{
	padding: 40px 32px;
	min-height: 203px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}

#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text{
	min-height: 260px;
}


#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text h3 a,
#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text h3{
	font-size: 29px;
	font-style: normal;
	font-weight: 655;
	line-height: 100%;
	text-decoration: none;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {

	#block-views-block-front-services-block-1 > div > .front-block,
	#block-views-block-front-projects-block-1 > div > .front-block{
	  padding: 0 2.78vw 3.06vw 2.78vw;
	  max-width: 100.00vw;
	  gap: 1.67vw;
	}

	#block-views-block-front-services-block-1 .attachment-before,
	#block-views-block-front-projects-block-1 .attachment-before{
	  width: 27.09vw;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content,
	#block-views-block-front-projects-block-1 > div > .front-block > .view-content{
	  width: 65.70vw;
	}

	#block-views-block-front-services-block-1 .view-content .subtitle,
	#block-views-block-front-projects-block-1 .view-content .subtitle{
	  font-size: 1.39vw;
	}

	#block-views-block-front-services-block-1 .view-content h2,
	#block-views-block-front-projects-block-1 .view-content h2{
	  font-size: 2.23vw;
	  padding: 0.56vw 0 1.67vw 0;
	}

	#block-views-block-front-services-block-1 .view-content .desc,
	#block-views-block-front-projects-block-1 .view-content .desc{
	  font-size: 1.12vw;
	  padding: 0 0 2.78vw 0;
	}

	#block-views-block-front-services-block-1 .view-content .btn a,
	#block-views-block-front-projects-block-1 .view-content .btn a{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	}

	#block-views-block-front-services-block-1 .view-content .btn a::before,
	#block-views-block-front-projects-block-1 .view-content .btn a::before{
	  border-radius: 1.39vw;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row,
	#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row{
	  width: 26.12vw;
	  border-radius: 1.67vw;
	  margin: 0 1.67vw 4.45vw 0;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .image img,
	#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .image img{
	  height: 18.75vw;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text,
	#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text{
	  padding: 2.78vw 2.23vw;
	  min-height: 14.10vw;
	}

	#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text{
	  min-height: 18.06vw;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text h3 a,
	#block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text h3{
	  font-size: 2.02vw;
	}
}
@media screen and (max-width: 959px){

	#block-views-block-front-services-block-1 > div > .front-block > .view-content, 
	#block-views-block-front-projects-block-1 > div > .front-block > .view-content {
	    width: 376px;
	}
}
@media screen and (max-width: 767px){


	#block-views-block-front-services-block-1 > div > .front-block, #block-views-block-front-projects-block-1 > div > .front-block{
		padding: 0 20px 32px 20px;
		flex-direction: column;
	}

	#block-views-block-front-services-block-1 .attachment-before, #block-views-block-front-projects-block-1 .attachment-before{
		width: 100%;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content, #block-views-block-front-projects-block-1 > div > .front-block > .view-content{
		width: 100%;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row, #block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row{
		width: 100%;
		margin-right: 0px;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text, #block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text{
		padding: 24px;
	}

	#block-views-block-front-services-block-1 > div > .front-block > .view-content .views-row .text h3 a, #block-views-block-front-projects-block-1 > div > .front-block > .view-content .views-row .text h3 {
	    font-size: 26px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


#block-views-block-front-certifications-block-1{
	background: #E20074;
	color: #fff;
	text-align: center;
	padding: 24px 32px 32px 32px;
}

#block-views-block-front-certifications-block-1 .subtitle{
	font-size: 20px;
	font-weight: 655;
	line-height: 120%;
}

#block-views-block-front-certifications-block-1 h2{
	font-size: 32px;
	font-weight: 655;
	line-height: 100%;
	padding: 8px 0 24px 0;
}

#block-views-block-front-certifications-block-1 h2 strong{
	font-weight: 655;
}

#block-views-block-front-certifications-block-1 .desc{
	font-size: 16px;
	font-weight: 500;
	line-height: 125%;
	padding: 0 0 24px 0;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
}

#block-views-block-front-certifications-block-1 .desc p{
	padding: 0px;
}

#block-views-block-front-certifications-block-1 .btn{
display: inline-block;
	background: #ffffff;
    z-index: 2;
    color: #000000;
    font-family: TeleNeo-Var;
    font-weight: 655;
    font-size: 16px;
    line-height: 20px;
    transition: all 200ms;
    text-decoration: none;
    padding: 10px 28.5px;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    text-decoration: none;
}

#block-views-block-front-certifications-block-1 .btn::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ffffff;
    border-radius: 20px;
    transition: all 200ms;
}

#block-views-block-front-certifications-block-1 .btn:hover::before{
    transform: scale(1.05);
}



@media screen and (min-width: 960px) and (max-width: 1439px)  {

		#block-views-block-front-certifications-block-1{
	  padding: 1.67vw 2.23vw 2.23vw 2.23vw;
	}

	#block-views-block-front-certifications-block-1 .subtitle{
	  font-size: 1.39vw;
	}

	#block-views-block-front-certifications-block-1 h2{
	  font-size: 2.23vw;
	  padding: 0.56vw 0 1.67vw 0;
	}

	#block-views-block-front-certifications-block-1 .desc{
	  font-size: 1.12vw;
	  padding: 0 0 1.67vw 0;
	  max-width: 30.56vw;
	}

	#block-views-block-front-certifications-block-1 .btn{
	  font-size: 1.12vw;
	  line-height: 1.39vw;
	  padding: 0.70vw 1.98vw;
	  border-radius: 1.39vw;
	}

	#block-views-block-front-certifications-block-1 .btn::before{
	  border-radius: 1.39vw;
	}
}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){

	#block-views-block-front-certifications-block-1{
		padding: 24px 20px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */


.pg-about{
	padding: 44px 0;
	text-align: center;
	color: #000;
}


.pg-about .title{
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; 
	letter-spacing: -0.48px;
	padding: 0 0 24px 0;
}

.pg-about .sub-title{
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: -0.48px;
	padding: 44px 0 24px 0;
}

.pg-about .sub-title2{
	padding: 32px 0 24px 0;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%; 
	letter-spacing: -0.32px;
}

.pg-about .sub-title3{
	padding: 32px 0 16px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%; 
	letter-spacing: -0.32px;
}

.pg-about .text{
	font-size: 24px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
}

.pg-about .items{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;
	max-width: 1360px;
	margin: 32px auto 0 auto;
}

.pg-about .items.single{
	justify-content: center;
}

.pg-about .items .item{
	padding: 32px 32px 24px 32px;
	border-radius: 24px;
	background: #F1F1F1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
	gap: 32px;
	text-align: left;
	flex: 1;
}

.pg-about .items.single .item{
	max-width: 460px;
	flex: unset;
}

.pg-about .items .item .item-title{
	color: #E20074;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%;
	letter-spacing: -0.32px;
}

.pg-about .items.max .item .item-title{
	font-size: 48px;
	white-space: nowrap;
}

.pg-about .items .item .item-text{
	font-size: 24px;
	font-style: normal;
	line-height: 110%; 
	letter-spacing: -0.24px;
}

.pg-about .graph{
	width: 100%;
	max-width: 1139px;
	margin: 0 auto;
	padding: 44px 0 0 0;
}

.pg-about .graph img{
	display: block;
	width: 100%;
	height: auto;
}

.pg-about .mission{
	background: #F1F1F1;
	padding: 24px 40px;
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 190px;
	margin: 32px auto 0 auto;
}

.pg-about .mission .mission-title{
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 110%; 
	letter-spacing: -0.32px;
}


.pg-about .mission .mission-text ul,
.pg-about .mission .mission-text li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;


}

.pg-about .mission .mission-text li{
	background: url("../images/icon-list.svg") no-repeat left top;
	background-size: 40px auto;
	padding: 10px 0 0 64px;
	min-height: 40px;
	margin: 0 0 12px 0;


	font-size: 24px;
	font-style: normal;
	line-height: 110%;
	letter-spacing: -0.24px;
	text-align: left;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {

		.pg-about{
	  padding: 3.06vw 0;
	}

	.pg-about .title{
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	  padding: 0 0 1.67vw 0;
	}

	.pg-about .sub-title{
	  font-size: 3.34vw;
	  letter-spacing: -0.03vw;
	  padding: 3.06vw 0 1.67vw 0;
	}

	.pg-about .sub-title2{
	  padding: 2.23vw 0 1.67vw 0;
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	}

	.pg-about .sub-title3{
	  padding: 2.23vw 0 1.12vw 0;
	  font-size: 1.67vw;
	  letter-spacing: -0.02vw;
	}

	.pg-about .text{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	  max-width: 78.48vw;
	}

	.pg-about .items{
	  gap: 1.39vw;
	  max-width: 94.45vw;
	  margin: 2.23vw auto 0 auto;
	}

	.pg-about .items .item{
	  padding: 2.23vw 2.23vw 1.67vw 2.23vw;
	  border-radius: 1.67vw;
	  gap: 2.23vw;
	}

	.pg-about .items.single .item{
	  max-width: 31.95vw;
	}

	.pg-about .items .item .item-title{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	}

	.pg-about .items.max .item .item-title{
	  font-size: 3.34vw;
	}

	.pg-about .items .item .item-text{
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}

	.pg-about .graph{
	  max-width: 79.10vw;
	  padding: 3.06vw 0 0 0;
	}

	.pg-about .mission{
	  padding: 1.67vw 2.78vw;
	  gap: 13.20vw;
	  margin: 2.23vw auto 0 auto;
	}

	.pg-about .mission .mission-title{
	  font-size: 2.23vw;
	  letter-spacing: -0.02vw;
	}

	.pg-about .mission .mission-text li{
	  background-size: 2.78vw auto;
	  padding: 0.70vw 0 0 4.45vw;
	  min-height: 2.78vw;
	  margin: 0 0 0.84vw 0;
	  font-size: 1.67vw;
	  letter-spacing: -0.01vw;
	}
}
@media screen and (max-width: 959px){

	.pg-about{
		padding: 44px 20px ;
	}

	.pg-about .title{
		font-size: 40px;
	}

	.pg-about .sub-title{
		font-size: 38px;
	}

	.pg-about .text{
		font-size: 18px;
	}

	.pg-about .items{
		flex-wrap: wrap;
	}

	.pg-about .mission{
		width: calc(100% + 40px);
		margin: 44px -20px 0 -20px;
		flex-direction: column;
		gap: 20px;
	}

	.pg-about .mission .mission-text li {
	    background-size: 32px auto;
	    padding: 4px 0 4px 48px;
	    margin: 0 0 12px 0;
	    font-size: 17px;
	    font-style: normal;
	    line-height: 110%;
	    letter-spacing: -0.24px;
	    text-align: left;

	    align-content: center;
	}

	.pg-about .items .item .item-title{
		font-size: 24px;
	}

	.pg-about .items .item .item-text{
		font-size: 18px;
	}

	.pg-about .sub-title {
	    font-size: 28px;
	    padding: 32px 0 12px 0;
	}

	

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

	.pg-about .title {
	    font-size: 30px;
	}

	.pg-about .text {
	    font-size: 17px;
	}

	.pg-about .items.max .item .item-title {
	    font-size: 32px;
	    white-space: nowrap;
	}

	.pg-about .items{
		gap: 10px;
	}

	.pg-about .items .item{
		border-radius: 12px;
		padding: 24px;
	}

	.pg-about .mission{
		padding: 24px 30px;
	}

	.pg-about .items:not(.max){
		flex-direction: column;
	}

	.pg-about .items:not(.max) .item{
		width: 100%;
	}

	.pg-about .sub-title2 {
	    padding: 28px 0 14px 0;
	    font-size: 26px;
	}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */









.alert-box{
  background: #000 url("../images/icon-alert.svg") no-repeat 30px center;
  background-size: 24px auto;
  color: #fff;
  width: 100%;
  max-width: 1440px;
  margin: 0px auto ;
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 130%;
  padding: 20px 115px 20px 70px;
  text-align: left;
}

.page-rebra .alert-box{
  display: none !important;
}

body.page-download-payzy .alert-box{
  margin-bottom: 0px;
}

.alert-box .close{
  position: absolute;
  right: 25px;
  top: 15px;
  display: block;
  background: url("../images/icon-alert-close.svg") no-repeat center center;
  background-size: contain;
  border: 0px;
  width: 48px;
  height: 48px;
  font-size: 0px;
  cursor: pointer;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {

	.alert-box{
	  background: #000 url("../images/icon-alert.svg") no-repeat 2.09vw center;
	  background-size: 1.67vw auto;
	  max-width: 100.00vw;
	  font-size: 1.12vw;
	  padding: 1.39vw 7.99vw 1.39vw 4.87vw;
	}

  .alert-box .close{
    right: 1.74vw;
    top: 1.05vw;
    width: 3.34vw;
    height: 3.34vw;
  }
}
@media screen and (max-width: 959px) {

  .alert-box{
    margin-left:-15px;
    margin-right:-15px;
    width: calc(100% + 30px);
  }



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

  .alert-box{
    padding: 20px 60px 4px 60px;
    background-position: 20px 20px;
  }

   .alert-box .close {
    top: 9px;
    right: 20px;
}

  .alert-box .text br{
  	display: none;
  }
}