.about_bg{
	height: 100vh;
}

.about p, .code p{
    color: var(--primary-color);;
    text-align: center;
}

.about .container, .code .container{ 
    width: 100%; /* Make it responsive */
    padding: 0 20px; /* Padding for small screens */
    box-sizing: border-box; /* Includes padding in the width */
}

.about .container{
    max-width: 1440px; 
}

.about .two_col_half{
    align-items: center;
    column-gap: 80px;
}

.about-content__text h2{
	margin-bottom: 24px;
}

.about-content__text p{
    text-align: left;
	margin-bottom: 24px;
	color: var(--primary-color);
	font-weight: 400;
}


.about-col {

    box-sizing: border-box; 
    width: 100%; 
    display: flex;
    flex-direction: column; 
    justify-content: center;
	margin-bottom: 40px;
}

.btn_group {
    display: flex;
    column-gap: 24px;
    margin-top: 40px;
}

.about_btn{
    font-size: 20px;
    WIDTH: 100%;
    PADDING: 16PX 0PX;
    BORDER-RADIUS: 8PX;
	border: 1px solid var(--primary-color);
	display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-weight: 300;
	transition: all 0.5s;
}

.about_btn.ab_primary{
	background-color: var(--primary-color);
    COLOR: var(--base_white);
}

.about_btn.ab_secondary{
	background-color: transparent;
    COLOR: var(--primary-color);

}

.about_btn:hover{
	opacity: 0.6;
}

.about_btn.ab_secondary:hover{
    opacity: 0.6;

}

.about_btn img.btn_icon {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    margin-bottom: 0px;
}



@media (max-width: 480px) {

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

    .about_btn{
        font-size: 16px;
    }


}


@media (max-width: 375px) {
    

}