/* ================= ABOUT BANNER ================= */

#about{
    background:#252525;
    padding:70px 0;
    text-align:center;
}

#about h1{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;
}

#about p{
    color:#ddd;
    font-size:18px;
    margin:0;
}

@media(max-width:768px){

#about{
    padding:45px 15px;
}

#about h1{
    font-size:30px;
}

#about p{
    font-size:16px;
}

}

/*================ WHO WE ARE ================*/

.about__two h2{
    color:#e21d1d;
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
}

.about__two p{
    font-size:17px;
    line-height:1.9;
    color:#555;
}

.about__two img{
    border-radius:10px;
}

@media(max-width:991px){

.about__two{
    margin-bottom:30px;
}

.about__two h2{
    font-size:28px;
}

.about__two p{
    font-size:16px;
}

}
/*================ SECTION =================*/

.about_three{
    background:#f7f7f7;
    border-radius:10px;
    padding:40px;
    text-align:center;
}

.about_three h2{
    color:red;
    font-weight:700;
    margin-bottom:20px;
}

.about_three p{
    line-height:1.9;
    font-size:17px;
    color:#555;
}

/*================ WHY US =================*/

.about-four h2{
    color:red;
    font-size:34px;
    font-weight:700;
    margin-bottom:25px;
}

.about-four ul{
    padding:0;
    margin:0;
}

.about-four li{
    list-style:none;
    margin-bottom:15px;
    padding-left:30px;
    position:relative;
    line-height:1.8;
}

.about-four li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:red;
    font-weight:bold;
    font-size:18px;
}

.about-four .btn{
    border-radius:40px;
}

@media(max-width:991px){

.about_three{
    padding:25px;
}

.about-four{
    margin-top:30px;
}

.about-four h2{
    font-size:28px;
}

}
.about-four a{
    color: red;
    text-decoration: none;
    transition: 0.5s all ease-in;
}
.about-four a:hover{
   color: blue;
}
/*================ ABOUT PAGE =================*/

body{
overflow-x:hidden;
}

.about__two,
.about_three,
.about-four{
animation:fadeUp .6s ease;
}

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(40px);
}

to{
opacity:1;
transform:translateY(0);
}

}

.about__two img,
.about-four img{

border-radius:10px;

transition:.4s;

}

.about__two img:hover,
.about-four img:hover{

transform:scale(1.03);

}

@media(max-width:991px){

.about__two,
.about-three,
.about-four{

text-align:center;

}

.about-four ul{

text-align:left;

}

}