.content-block1{
	background-color: #000;
	padding: 50px 40px;
}
.content-block1 .content-inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.content-block1 .content-heading{
	padding: 15px 0;
}
.content-block1 .content-heading h2{
	font-size: 36px;
    font-family: Caudex, "Caudex Fallback";
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
}
.content-block1 .content-items{
	display: flex;
    gap: 40px;
}
.content-block1 .content-item{
	width: 50%;
	padding: 15px;
}
.content-block1 .content-item p{
	font-size: 15px;
	font-family: "Noto Sans", "Noto Sans Fallback";
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    padding-bottom: 20px;
}
.content-block1 .content-item p:last-child{
	padding-bottom: 0;
}

/* =========================
   Tablet devices (<= 991px)
   ========================= */
@media (max-width: 991px) {

    .content-block1 {
        padding: 40px 25px;
    }

    .content-block1 .content-heading h2 {
        font-size: 30px;
        line-height: 1.4;
    }

    .content-block1 .content-items {
        gap: 25px;
    }

    .content-block1 .content-item {
        padding: 10px;
    }

    .content-block1 .content-item p {
        font-size: 14px;
    }
}

/* =========================
   Tablet & Mobile (<= 768px)
   ========================= */
@media (max-width: 768px) {

    .content-block1 {
        padding: 30px 20px;
    }

    .content-block1 .content-heading h2 {
        font-size: 26px;
        line-height: 1.4;
    }

    .content-block1 .content-items {
        flex-direction: column;
        gap: 20px;
    }

    .content-block1 .content-item {
        width: 100%;
        padding: 0;
    }

    .content-block1 .content-item p {
        font-size: 14px;
        line-height: 1.6;
    }
}


/* =========================
   Mobile devices (<= 576px)
   ========================= */
@media (max-width: 576px) {

    .content-block1 {
        padding: 30px 15px;
    }

    .content-block1 .content-heading h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .content-block1 .content-items {
        flex-direction: column;
        gap: 20px;
    }

    .content-block1 .content-item {
        width: 100%;
        padding: 0;
    }

    .content-block1 .content-item p {
        font-size: 14px;
        line-height: 1.6;
    }
}
