.sub-title {
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
}



.about-title{	
	font-weight: 600;
	margin-bottom: 20px;
}

.stroke__about__title{
	font-weight: 600;
	font-size: 27.454px;
	letter-spacing: 2px;
	color: transparent;
	-webkit-text-stroke: 1px #fff;

}

.about-text{
	line-height: 1.8;
	font-size: 16px;
	font-weight: 300;
	color: #ddd;
	
}


.btn-about {
	display: inline-block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	border-radius: 50px;
	text-decoration: none;
	transition: background 0.3s, color 0.3s;
  }
  
  .btn-about:hover {
	background: #fff;
	color: #000;
  }


  .my-ul {
    list-style: none;
    padding: 0;
}

.my-ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-ul li i {
    margin-right: 10px;
}



  /* Dla urządzeń o szerokości poniżej 768px (mobile) */








  

  @media (max-width: 991px) {
	.abc {
		width: 100%; /* Ustaw pełną szerokość na urządzeniach poniżej 992px */
	}


	.col-x{
		width: 100%;
	}
	

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

    .stroke__about__title{
        font-size: 24px;
    }


}





  




/* Dostosowanie zdjecia */

/* Dla smartfonów (poniżej 768px) */
@media (max-width: 768px) {
.custom-image {
	width: 250px;
}



}

/* Dla tabletów (768-992px) */
@media (min-width: 768px) and (max-width: 992px) {
.custom-image {
	width: 350px;
	
}

.col-x {
	width: 50%; /* Dodaj to, aby strzałki były podzielone na dwie kolumny */
}
}


/* Dla szerokich tabletów (992px do 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
.custom-image {
	width: 430px;
}
}




/* Dla ekranów od 1200px do 1400px */
@media (min-width: 1200px) and (max-width: 1400px) {
.custom-image {
	width: 500px;
}
}

/* Dla większych ekranów (powyżej 1400px) */
@media (min-width: 1401px) {
.custom-image {
	width: 550px;
}
}




.short-line {
height: 1px; /* Grubość linii */
margin: 20px 0; /* Odstępy górne i dolne dla linii */
background-color: rgba(255, 255, 255, 0.05); /* Kolor linii z przezroczystością */
}


/* Dla ekranów powyżej 1400px */
@media (min-width: 1401px) {
.short-line {
  width: 92%;
}
}

/* Dla ekranów od 992px do 1400px */
@media (min-width: 992px) and (max-width: 1400px) {
.short-line {
  width: 95%;
}
}

/* Dla ekranów poniżej 992px */
@media (max-width: 991px) {
.short-line {
  width: 100%;
}
}

.show-below{
display: none;
}


@media (max-width: 767px) {
/* Ukryj elementy, które mają być widoczne poniżej 768px */
.show-below{
	display: block;
}
/* Ukryj prawą kolumnę (niebieską) */
.off-bellow {
	display: none;
}
}