:root {
  --theme-red: rgb(227, 29, 62);
  --theme-black: rgb(20, 22,21);
  --mr-small: 3px;
  --mr-medium: 12px;
  --mr-big: 24px;
}


*{

  font-family: Calibri, Candara, "Segoe UI", Arial, sans-serif;
}

@font-face {
  font-family: 'Calibri';
  src:url(../fonts/calibri.ttf);   
}


.about_us_grid_wrapper{
	background-image: url('../images/about_us/0.jpg');	
	background-size:cover;
	padding-top: 50px;
	padding-bottom:50px;
	position:relative;
	overflow:hidden;
}

.about_us_grid_wrapper h5{
		color: #fff;
	font-size:clamp(22px,3vw,32px);
	font-weight:600;
  	 max-width:100%; 
     width: 763px; 
     margin-left:auto;
      margin-right:auto;
}







.about_us_grid{
    display: flex;
    gap: 25px 22px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
	 max-width:100%; 
     width: 763px; 
     margin-left:auto;
      margin-right:auto;
    margin-top: 53px;
    flex-wrap: wrap;

}

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

	.about_us_grid{  
 margin-top: 20px;
   

}


	  .lowercase_adaptive{
		 text-transform: lowercase;
	}
}

.about_us_grid div{
    border-radius: 20px;
    /* padding: 18px 43px; */
    font-size: 26px;
    font-weight: 500;
    position: relative;
    padding-top: 18px;
    padding-left: 43px;
	padding-right:10px;
    line-height: 123%;
    /* height: fit-content; */
    padding-bottom: 26px;
	display:flex;
	align-items:center;
	
}
.about_us_grid div p{
	position: relative;
	color: #fff;
	margin-bottom:0;
}
.about_us_grid div p::before{
     content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    left: -14px;
    /* top: 0; */
          -webkit-transform:  translate(0,0%);
    -ms-transform:  translate(0,0%);
     -o-transform: translate(0,0%);
       transform: translate(0,0%);
    /* bottom: 0; */
	
}


.about_us_grid> :nth-child(1),.about_us_grid> :nth-child(5),.about_us_grid> :nth-child(6){
 
    background: var(--theme-red);

}
.about_us_grid :nth-child(1) >::before,.about_us_grid :nth-child(5)>::before,.about_us_grid :nth-child(6)>::before{
 background: #fff;	
}
.about_us_grid :nth-child(2), .about_us_grid :nth-child(3), .about_us_grid :nth-child(4),.about_us_grid :nth-child(7){

	background: #fff;

}
.about_us_grid :nth-child(2) p, .about_us_grid :nth-child(3) p, .about_us_grid :nth-child(4) p,.about_us_grid :nth-child(7) p{


	color: var(--theme-black);

}

.about_us_grid :nth-child(2)>::before, .about_us_grid :nth-child(3)>::before, .about_us_grid :nth-child(4)>::before,.about_us_grid :nth-child(7)>::before{
	background: var(--theme-red);


}


.about_us_grid :nth-child(1){
flex: 1 31%;
}
.about_us_grid :nth-child(2){
flex: 1 31%;	
}
.about_us_grid :nth-child(3){
flex: 1 31%;	
}
.about_us_grid :nth-child(4){
    flex: 1 42%;
}
.about_us_grid :nth-child(5){
flex: 1 37%;
}
.about_us_grid :nth-child(6){
flex: 1 18%;
}
.about_us_grid :nth-child(7){
flex: 1 31%;
}


.about_us_grid_wrapper img{
    position: absolute;
    bottom: -62%;
    left: -3%;
    opacity: 0.4;
	
}
	.about_us_grid :nth-child(n){
    font-weight: 600;
  }

@media screen and (max-width: 991px) {
	.about_us_grid{
		width:100%;
		max-width:100%;
		margin-left:0;
	}

	.about_us_grid :nth-child(n){
	    width: 100%;
    flex: 1 47%;
    padding-right: 10px; 
		
	}




}


@media screen and (max-width: 767px) {
.about_us_grid :nth-child(n){
		width:100%;
		flex: 1 100%;
		
	}	

	.about_us_grid :nth-child(n){
    padding-top: 6px;
    padding-bottom: 6px;
		
	}


  .about_us_grid div p::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 80%;
    left: -14px;
    /* top: 0; */
  
          -webkit-transform:  translate(0,0%);
    -ms-transform:  translate(0,0%);
     -o-transform: translate(0,0%);
       transform: translate(0,0%);
    /* bottom: 0; */
}
	
}


.red-text{
	color: var(--theme-red);
}

.black-text{
	color: var(--theme-black);
}



.about_brands_section{
	position:relative;
	overflow:hidden;
	padding-top:50px;
	padding-bottom:50px;
}

.about_brands_section .img_1{
     position: absolute;
    top: -39%;
    right: -3%;
    opacity: 0.4;
    z-index: -1;
}

.about_brands_section .img_2{
      position: absolute;
    bottom: -40%;
    left: -3%;
    opacity: 0.4;
    z-index: -1;
	
}



.about_brands_section_img{
	display:flex;
	 gap:30px; 
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	grid-template-rows:1fr 1fr 1fr 1fr;
	position:relative;
	flex-wrap:wrap;
}

.about_brands_section_img div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 17%;
    text-align: center;
    
  
}
@media screen and (max-width: 991px) {
.about_brands_section_img div {  
    flex: 1 27%; 
}
}



.about_brands_section_img img{
	width:70%;
	height: auto;	
	max-width:200px;
	height:auto;
	position:relative;

}

.about_h1{
font-size:clamp(38px,3vw,56px);	
	margin-bottom:32px;
	font-weight:600;
	
	
}

.about_us_production{
		background: var(--theme-red);
	padding-left: 30px;
	color:#fff;
	    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
	position:relative;
	overflow:hidden;
	margin-bottom:50px;
	
}

.about_us_production .row>:nth-child(2){
  z-index: 2;
}




.about_us_production div>img{
	width:100%;
	height:auto;
}


.about_us_production .img_1{
    position: absolute;
    top: -72%;
    right: -3%;
    opacity: 0.4;
   
}

.about_us_production .img_2{
      position: absolute;
    bottom: -69%;
    left: -17%;
    opacity: 0.4;
  
	
}

.about_us_plast{
	    background-image: url('../images/about_us/0.jpg');
	background-size:cover;
    position: relative;
    overflow: hidden;
	color:#fff;
	margin-bottom:50px;
}




.about_us_plast p{
	background:var(--theme-red);   
	border-radius:25px;
	padding:20px;
}

@media screen and (max-width: 991px) {
	.about_us_plast p{ margin-bottom:30px;}
}


.about_us_plast_grid{	
	 display: grid;
  grid-template-columns: 1fr 1fr;
	gap: 15px;
	/*   grid-template-rows: 1fr 1fr 1fr; */
}
.about_us_plast_grid div{
    background: #fff;
    border-radius: 25px;
}

.about_us_plast_grid div:nth-child(5){
  grid-column: 1 / 3; 
}


.about_us_plast_grid img{
	width:100%;
}


.about_us_prod_fon{
	
	    background: var(--theme-red);
    padding-top: 50px;
    padding-left: 30px;
    color: #fff;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    position: relative;
  
    margin-bottom: 100px;
	padding-bottom:50px;
	position:relative;
  display: flex;
  flex-direction: row;
}

.about_us_prod_fon img{
	    position: absolute;
    right: -86px;
    top: 7px;
    /* top: 70%; */
    height: 106%;
	
	
}



.about_us_prod_fon>:nth-child(1){
  z-index: 1;
}
.about_us_prod_fon>:nth-child(2){
z-index: 0;
}



@media screen and (max-width: 1399px) {
  	.hidden_br{display:none;}
  .about_us_prod_fon img{
    top: 0;
    opacity: 0.7;
    height: 100%;
  }
}





.ofh{
	overflow:hidden;
}

.about_us_prod_kuz{
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
	margin-bottom:50px;
	
}






.about_us_prod_kuz img{
	width:100%;
}

.about_us_prod_kuz_text{
	background: var(--theme-red);
	    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.about_us_pod{
	    background-image: url('../images/about_us/0.jpg');
    background-size: cover;
    padding-top: 50px;  
    position: relative;
    overflow: hidden;
    color: #fff;  
	
}





.about_us_pod p, .about_us_pod li {
    padding: 20px;
	color:#fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.about_us_pod p{
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
	.about_us_pod li{
		padding-left:0;
	}
}


.about_us_pod_text{
    color: #fff;
    background: var(--theme-red);
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 30px;
    padding-right: 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

@media screen and (max-width: 991px) {	
	.about_us_pod_text{
		   padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;		
	}	
}



.about_us_pod_grid{	
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    gap: 15px;
    height: 100%;
    justify-content: space-evenly;
	
}

.about_us_pod_grid div{
	background: #fff;
	border-radius: 25px;
	text-align:center;
}

.about_us_pod_grid div img{
	width:100%;
	height:auto;
}

.about_us_work{
    background-image: url('../images/about_us/0.jpg');
    background-size: cover;
    position: relative;
    overflow: hidden;
 
	
}


.about_us_work{
	position: relative;
	overflow:hidden;
}





.about_us_work h5{
	   font-size: 32px;
    font-weight: 700;

}


.about_us_work_grid{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	gap: 10px;
	position: relative;
	z-index: 1;
}


.about_us_work_grid h5{
font-size: clamp(24px,2vw,32px);
}

.about_us_work_grid div{
    border-radius: 20px;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    padding-top: 18px;
    padding-left: 43px;
    padding-right: 10px;
    line-height: 123%;
    /* height: fit-content; */
    padding-bottom: 26px;
    display: flex;
    flex-direction: column;
    flex: 1 48%;
    height: fit-content;
}

.about_us_work_grid div:nth-child(1){
	bottom: -35px;
}
.about_us_work_grid div:nth-child(2){
	    bottom: -60px;
}
.about_us_work_grid div:nth-child(3){
	
}
.about_us_work_grid div:nth-child(4){
	    bottom: -63px;
}


.about_us_work_grid div::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 80%;
    left: 17px;
    /* top: 0; */ 
      -webkit-transform:   translate(0,0%);
    -ms-transform:  translate(0,0%);
     -o-transform:translate(0,0%);
       transform:  translate(0,0%);

    /* bottom: 0; */
    z-index: 2;   
 
}



.about_us_work_grid div:nth-child(1), .about_us_work_grid div:nth-child(4){
	background:#fff;
}

.about_us_work_grid div:nth-child(1) h5, .about_us_work_grid div:nth-child(4) h5{
	color: var(--theme-red);
}

.about_us_work_grid div:nth-child(1) p, .about_us_work_grid div:nth-child(4) p{
	color: var(--theme-black);
}


.about_us_work_grid div:nth-child(1)::before, .about_us_work_grid div:nth-child(4)::before{
	background: var(--theme-red);
}

.about_us_work_grid div:nth-child(2), .about_us_work_grid div:nth-child(3){
	background:var(--theme-red);
}

.about_us_work_grid div:nth-child(2) h5, .about_us_work_grid div:nth-child(3) h5{
	color: var(--theme-black);
}

.about_us_work_grid div:nth-child(2) p, .about_us_work_grid div:nth-child(3) p{
	color: #fff;
}

.about_us_work_grid div:nth-child(2)::before, .about_us_work_grid div:nth-child(3)::before{
		background: #fff;
}

.about_us_work_grid div:nth-child(1){
	
}

.about_us_work_grid div:nth-child(2){
	
}

.about_us_work_grid div:nth-child(3){
	
}
.about_us_work_grid div:nth-child(4){
	
}



.about_us_work .img_1 {
    position: absolute;
    bottom: -63%;
    left: -3%;
    opacity: 0.4;
}

.about_us_work .img_2 {
    position: absolute;
    top: -65%;
    right: -3%;
    opacity: 0.4;
}

.about_us_quality{
	padding-top:50px;
	padding-bottom:50px;
	position:relative;
	overflow:hidden;
}



.about_us_quality .image{
	width:100%;
	position:relative;
}


.about_us_quality .img_1{
	    position: absolute;
    top: -39%;
    right: -3%;
    opacity: 0.4;
     z-index: 1; 
}

.about_us_quality .img_2{
	    position: absolute;
    bottom: -40%;
    left: -3%;
    opacity: 0.4;
     z-index: 1; 
}

.about_us_logo{max-width:90%;margin-left:auto;margin-right:auto;}
.about_us_logo img{
	max-width:100%;
}


.about_shadow{
	-webkit-box-shadow: 0px 0px 15px 2px rgba(34, 60, 80, 0.6);
-moz-box-shadow: 0px 0px 15px 8px rgba(34, 60, 80, 0.6);
box-shadow: 0px 0px 15px 2px rgba(34, 60, 80, 0.6);
}


.about_us_quality h2, .about_us_work h2, .about_us_pod h2,.about_us_prod_kuz h2, .about_us_prod_fon h2, .about_us_plast h2, .about_us_production h2,.about_brands_section h2{
	font-size: clamp(26px,4vw,48px);	    
    font-weight: 700;
   margin-bottom: 50px;
	
}

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



	.about_us_quality h2, .about_us_work h2, .about_us_pod h2,.about_us_prod_kuz h2, .about_us_prod_fon h2, .about_us_plast h2, .about_us_production h2,.about_brands_section h2{
		   margin-bottom: 18px;
	}
	
}


.about_us_work h2{
	color: #fff;
}

.about_brands_section h2{
	color: var(--theme-black);
}


.about_us_page p, .about_us_page li{
		font-size: clamp(20px,2vw,26px);
}

.about_us_prod_kuz_text, .about_us_work, .about_us_plast, .about_us_production{
		padding-top: 50px;
	padding-bottom: 50px;
}

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


.about_us_plast_grid div {
  text-align: center;
}
.about_us_plast_grid div img{
 max-width: 400px;
}




.about_us_pod_grid div img{
  max-width: 400px;
}



.about_us_plast{
  margin-bottom: 30px;
}

  

.about_us_prod_fon img {
opacity: 0.15;
pointer-events: none;
    /* position: relative;
     right: unset; 
     top: unset;  
     bottom: -35px; 
    height: 400px;
    margin-left: auto; */
}


.about_us_prod_fon{
  margin-bottom: 30px;
  padding-bottom: 10px;
      padding-left: 20px;
    padding-top: 30px;
    overflow: hidden;
}

.about_us_prod_fon_img{
  text-align: right;
}

.about_us_prod_fon_wrapper{
  padding-left: 0;
  padding-right: 0;
}




.about_us_grid{
  gap: 10px;
}

.about_us_grid div{
  padding-left: 10px;
}


.about_us_work_grid{
  gap: 16px;
}
.about_us_work_grid p{
font-weight: 600;
}
  
 .about_us_prod_kuz>:nth-child(1){
     border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
} 
.about_us_prod_kuz div:nth-child(1) img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* .about_us_prod_kuz div:nth-child(2){
  order: 1;
} */
.about_us_grid div{
padding-left: 21px;
}

.about_us_grid div p::before {
left: -12px;
}



.about_us_work_grid div:nth-child(1), .about_us_work_grid div:nth-child(2), .about_us_work_grid div:nth-child(3), .about_us_work_grid div:nth-child(4){
bottom: unset;
height: auto;
flex: 1 100%;
padding-left: 32px;
}




.about_us_page .img_1, .about_us_page .img_2{
display: none;
}


.about_us_prod_kuz_text{
      border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 0;
}
.about_us_prod_kuz{
  margin-bottom: 0;
}

.about_us_pod_text{
  border-radius: 30px;
  margin-bottom: 30px;
}

.about_us_pod{
  padding-bottom: 30px;
}

.about_us_page ul{
  padding-left: 17px;
}



	.about_us_prod_kuz_text, .about_us_work, .about_us_plast, .about_us_production{
    padding-top: 30px;
    padding-bottom: 30px;
  }
	
}


@media screen and (max-width: 767px) {
  .about_us_quality{
    display: none;
  }

}