/* Локально для шаблону About Us */
.about-full-bleed {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
  /* Якщо блок обрізається по краях */
.page-template-about-us-page #main-about-us-content {
	overflow: visible;
}  
.about-hero-video {
	height: 90vh;      /* або 100vh */
	min-height: 90vh;  /* можна лишити */
}
.about-hero-video > .wp-block-getwid-section__wrapper {
	height: 100%;
}
.video-block-text {
	width: 100%;
	max-width: 1140px;
	margin: auto;
}
.about-hero-video .title {
    margin: 0px 0px 0px 0px;
    font-family: "Roboto Condensed", Sans-serif;
    line-height: 62px;
    font-weight: 500;
}
.about-hero-video .sub-heading {
    margin: 20px 0px 0px 0px;
    font-family: "Helvetica", Sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0px;
    color: #D4E1F5;
}
.about-full-bleed.our-l{
    padding: 100px 0px 80px 0px;
}
.about-full-bleed.our-l h2{
	line-height: 0.9;
}
.about-full-bleed.our-l h3{
	font-size: 18px;
    color: #7a7a7a;
	margin-top: 20px;
    margin-bottom: 10px;
}

.about-full-bleed.our-l p{
	font-family: "Roboto Condensed", Sans-serif;
    font-weight: 400;
    color: #7A7A7A;
}
.label .thim-blocks-counter {
    position: relative;
    z-index: 1;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0px;
    padding: 20px 0;
}
.label .counter-number {
    font-size: 36px;
    color: #b85450;
	line-height: 1em;
    display: block;
    margin-bottom: 8px;
    padding-top: 12px;
}
.label  .counter-label{
    font-family: "Roboto Condensed", Sans-serif;
    color: #B85450;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    padding-bottom: 10px;
}
.my_expertise {
	padding: 40px 0px 50px 0px;
}
.my_expertise h2, .my_clients h2{
	margin: 0px 0px 10px 0px;
}
.my_expertise p, .my_clients p{
	margin: 10px 0px 20px 0px;
}

.my_clients{
	max-width: 1140px;
	padding: 40px 0px 50px 0px;
	margin: auto!important;
}

.why_us > .wp-block-getwid-section__wrapper{
	padding: 80px 0px 80px 0px;
}
.head_why{
	padding: 0px 0 35px;
}
.why_us .sub-heading{
 color:#fff;
}

.why_us .text-left, .why_us .text-right{
    margin: 5px 0px 5px 0px;
    padding: 20px 20px 20px 20px;
    background-color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
	gap: 0;
}
.text-left.top, .text-right.top{
	margin-bottom: 20px;
}

.block_icon_box h2{
	margin-top: 0 !important;
}
.block_icon_box{
	display: flex; /* якщо ще не стоїть на батьківському */
	align-items: flex-start;
	flex-direction: column;
  }
  
  .block_icon_box .icon-block {
	flex: 0 0 100px !important;   /* fixed width */
	width: 100px;
	font-size: 100px;
	line-height: 145px;
    border-style: none;
    color: #5D7F99;
	margin-right: 15px;
  }
  
  .block_icon_box .text-block {
	flex: 1 1 0% !important;      /* займає весь залишок */
	min-width: 0;                  /* важливо, щоб не розпирало */
	width: auto !important;
	max-width: none !important;
	padding-left: 15px;
  }

  .block_icon_box .icon-block .wp-block-image {
	margin: 0!important;
}
.block_icon_box .aligncenter.size-medium.is-resized{
	display: flex;
	align-items: center;
	justify-content: center;
}
.new_users > .wp-block-getwid-section__wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 100px 0px 100px 0px;
}
.new_users  .wp-block-getwid-section__background {
    background-size: contain;
}
.new_users p {
	margin: 15px 0 ;
}
.new_users .b-btn .wp-block-button__link, .total_prj .b-btn .wp-block-button__link, .total_cours .b-btn .wp-block-button__link {
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.6em;
    background-color: #23445D;
    border-radius: 4px 4px 4px 4px;
    padding: 11px 30px;
	width: auto !important;
	color:#fff !important;
	margin: 20px auto 0 ;
} 
.new_users .b-btn .wp-block-button__link:hover, .total_prj .b-btn .wp-block-button__link:hover, .total_cours .b-btn .wp-block-button__link:hover {
    background-color: #B85450 !important;
	color:#fff !important;
}

.new_users .b-btn, .total_prj .b-btn, .total_cours .b-btn{
	padding: 0 !important;
	text-align: center;
    width: auto !important;
}

.total_prj h3{
    font-family: "Saira Extra Condensed", Sans-serif;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 2.6px;
    word-spacing: 0px;
    color: #666666; 
}

.total_prj p{
    margin: 20px 20px 0px 20px;
    padding: 0px 50px 0px 50px;
}

.total_p{
    line-height: 1.2em;
}


@media (max-width: 767px){
    .about-hero-video .title{
        font-size: 28px!important;
        line-height: 32px;
    }
    .about-hero-video .sub-heading {
        font-size: 16px!important;
        line-height: 20px;
    }
    .about-full-bleed.our-l {
        padding: 0px 15px 30px;
    }
    .label .thim-blocks-counter {
        border-left: 0px solid rgba(255, 255, 255, 0.3);
        padding: 10px 0;
    }
    .my_clients_galery .wp-block-getwid-images-slider__item img {
        width: 75%!important;
        height: 75%!important;
        margin: auto;
    }
    .my_clients_galery .slick-next {
        right: 15px;
    }
    .my_clients_galery .slick-prev {
        left: 15px;
    }
    .my_clients_galery .slick-next:before, .my_clients_galery .slick-prev:before {
        font-family: slick;
        font-size: 26px;
    }
    .block_icon_box .icon-block {
        margin: auto !important;
        justify-content: center;
        display: flex;
    }
    .block_icon_box .aligncenter.size-medium.is-resized {
        margin-bottom: 30px;
    }
    .box-icon-img .block_icon_box {
        order: 2;
    }
    .box-icon-img .image_block{
        order: 1;
    }
}