<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
/*=========================================
    ABOUT PAGE CSS
=========================================*/

body{
    font-family: 'Poppins', sans-serif;
    background:#f8f9fa;
}

/* Page Title */
.page-title{
    background:linear-gradient(135deg,#0d6efd,#198754);
    color:#fff;
    padding:70px 0;
}

.page-title h1{
    font-size:42px;
    font-weight:700;
}

.page-title p{
    font-size:18px;
}

/* Section Title */
.section-title{
    font-size:36px;
    font-weight:bold;
    color:#0d6efd;
    margin-bottom:15px;
}

.section-subtitle{
    color:#666;
    margin-bottom:40px;
}

/* Cards */

.card{
    border:none;
    border-radius:15px;
    transition:.4s;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/* Icons */

.card i{
    transition:.4s;
}

.card:hover i{
    transform:scale(1.15);
}

/* Image */

.about-image img{
    border-radius:15px;
    transition:.5s;
}

.about-image img:hover{
    transform:scale(1.03);
}

/* Counter */

.counter-section{
    background:#0d6efd;
    color:#fff;
}

.counter{
    font-size:48px;
    font-weight:bold;
}

.counter-section h5{
    margin-top:15px;
    font-weight:600;
}

/* Principal */

.principal-image img{
    width:250px;
    height:250px;
    object-fit:cover;
    border-radius:50%;
    border:8px solid #fff;
    box-shadow:0 5px 20px rgba(0,0,0,.20);
}

/* List */

.list-group-item{
    border:none;
    padding:15px;
    font-size:16px;
}

.list-group-item i{
    color:#198754;
    margin-right:10px;
}

/* CTA */

.cta{
    background:linear-gradient(135deg,#0d6efd,#198754);
    color:#fff;
    padding:70px 0;
}

.cta h2{
    font-weight:700;
}

.cta .btn{
    border-radius:40px;
    padding:12px 30px;
    font-weight:600;
}

/* Buttons */

.btn-primary,
.btn-warning,
.btn-light{
    transition:.3s;
}

.btn:hover{
    transform:translateY(-3px);
}

/* Paragraph */

p{
    text-align:justify;
    line-height:30px;
}

/* Responsive */

@media(max-width:991px){

.section-title{
    font-size:30px;
}

.page-title h1{
    font-size:34px;
}

.counter{
    font-size:36px;
}

.principal-image img{
    width:180px;
    height:180px;
}

}

@media(max-width:576px){

.page-title{
    padding:50px 0;
}

.page-title h1{
    font-size:28px;
}

.section-title{
    font-size:24px;
}

.counter{
    font-size:30px;
}

}
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
