.services {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1600px;
    min-height: 1px;
    margin: 0 auto;
    padding: 20px 9.905vw 0px 9.905vw;
    box-sizing: border-box;
    /* overflow: hidden; */
    position: relative;
}
.services p {
    margin-bottom: 0;
}
.description-news {
	justify-content: center;
}
.description-news .img-right {
	width: auto;
}

.txt-right {
    display: flex;
    justify-content: center;
    flex-flow: column;
    width: 68.452vw;
    max-width: 1150px;
    height: auto;
    background: #F5F5F5;
    border-radius: 10px;
    padding: 100px 20% 100px 60px;
    margin-bottom: 60px;
    margin-right: 20%;
    box-sizing: border-box;
}
.btn-services {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
}
/* Popup container - can be anything you want */
.popup {
    display: flex;
    min-height: 1px;
    flex-flow: column;
    justify-content: center;
    position: absolute;
    visibility: hidden;
    width: 65%;
    padding: 40px 80px 40px 40px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #F5F5F5;
    border-radius: 20px;
  }
  
  /* Toggle this class - hide and show the popup */
  .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
  .end {
    visibility: hidden;
  }
  .close {
    position: absolute;
    cursor: pointer;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 1;
  }
  .close:hover {
    opacity: 0.8;

  }
  .close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
  }
  .close:before {
    transform: rotate(45deg);
    background: red;
  }
  .close:after {
    transform: rotate(-45deg);
    background: red;
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

@media screen and (max-width: 1069px) {
    .services {
        flex-flow: column;
        padding: 20px 20px 0px 20px;
    }
	.description-news .img-right img {
		width: 100%;
    	height: 100%;
		max-width: 450px;
	}
	.services-mob {
        padding-top: 0px;
    }
	.economies-mob {
		padding-top: 20px;
	}
	.description-mob {margin-top: 40px !important}
	.popup {
        width: calc(100% - 40px);
        margin: 20px 0;
        top: 0;
        transform: translate(-50%, 0%);
        padding: 40px;
    }
    .popup h3 {
        width: 80%;
    }
    .txt-right {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 40px;
    }
    .txt-right p {
        margin-top: 10px;
    }
    .services img {
        display: none;
    }
    .btn-services {
        flex-flow: row wrap;
        margin-top: 30px;
    }
    .btn-services a {
        margin-top: 0;
    }
}

@media screen and (min-width: 1070px) {
    .services img {
        position: absolute;
        top: 15%;
        right: 5%;
        border-radius: 10px;
        width: auto;
        height: auto;
        max-width: 400px;
    }
    }
    .btn-services a:hover {
      cursor: pointer;
    }
	.services-news .txt-right {
		height: auto !important;
	}
}

@media screen and (min-width: 1600px) {
.services {
    padding: 40px 160px 0px 160px;
}
}