*{
box-sizing: border-box;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.section{
width: 100%;
}

.section .container{

width: 80%;
display: block;
margin: 0px auto;
padding: 50px 0px;

}
.container .title{
width: 100%;
text-align: center;
margin-bottom: 50px;


}

.container .title h1{

  text-transform: uppercase;
  font-size: 35px;  
  color: #2f3136;

}

.container .title h1::after{
content: "";
height: 5px;
width: 100px;
background-color: #5c5ba3;
border-radius: 25px;
display: block;
margin: auto;
}

.content{
float: left;
width: 55%;
}

.image-section{

    float: right;
    width: 40%;

}
.image-section img{

    width: 100%;
    height: auto;

}

.content .article h3{

    color: #545f8f;
    font-size: 17px;
   font-weight: 600;
}

.content .article p{

    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #545f8f;  
}

.content .article .button{

    margin-top: 50px;

}
.content .article .button a{

    text-decoration: none;
    padding: 8px 25px;
    background-color: #545f8f;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.5px;

    
}


.content .article .button a:hover{

    color: #fff;
    background-color: rgb(187, 188, 248);
    transition: 1s ease;

    
}

.container .social{

    width: 100%;
    clear: both;
    margin-top: 50px;
    text-align: center;
    display: inline-block;
}

.container .social i{
color: #fff !important;
font-size: 22px;
height: 39px;
width: 39px;
border-radius: 50%;
line-height: 39px;
text-align: center;
background-color: #55acee;
max-width: 0px 5px;
display: inline-block;
text-decoration: none !important;

}

.container .social i:hover{

color: #fff;
background-color: #ececee;
transition: 1s ease;
transform: rotate(360deg);

}


.container .social a{

    display: inline-block;}


    body{
         background: #cdd3f0;

        
        
    }
   .video{

        text-decoration: none;
    }

    .video2{

        text-decoration: none;
    }