/* =============================================================
                 Start Home section
================================================================ */
.content-title h2 {
    padding-right: 0px;
}
.content-title h2 span {
    margin-left: 0px;
    margin-right: 10px;
}
.home .sub-home .content .button::before {
   right: -100%;
}
.home .sub-home .content .button:hover::before {
    right: 0;
}
@media only screen and (max-width: 767px){
    .content-title h2 {
        margin-left: 0px;
    }
}
/* =============================================================
                 Start about us section
================================================================ */
.about-us .info{
    margin-right: 20px;
}
.about-us .content .img-about img {
    border-left: 5px solid #004071;
    border-right: none;
}
@media only screen and (max-width: 767px){
    .about-us .content .img-about img {
        border: none;
       }
       .about-us .info {
        margin-right: 0;
     }
}
/* =============================================================
                 Start services section
================================================================ */
.services .content .img-about img{
    border-left: 5px solid #004071;
    border-right: none;
}
@media only screen and (max-width: 450px){
    .services .content .info p{
        margin: 0 10px 0 0;
    }
}
/* =============================================================
                 Start Articles section
================================================================ */
.wrapper span {
    line-height: 32px;
  }
/* =============================================================
                 Start Subscribe section
================================================================ */
.subscribe-form {
    padding-left: 0;
    padding-right: 50px;
}
.subscribe-form span img {
    margin-left: 0px;
    margin-right: 10px;
}
@keyframes animateSub {
    0%, 100% {
        transform: rotate(0deg) scale(0.85); /* No rotation and original size */
    }
    50% {
        transform: rotate(-20deg) scale(1); /* Rotate and scale */
    }
} 
.subscribe-form .inputs .email{
    direction: ltr;
}
@media only screen and (max-width: 450px){
    .subscribe-form {
        padding-right: 0;
    }
}
/* =============================================================
                 Start FAQs section
================================================================ */
.wrapper-faqs label .icon {
    margin-left: 0; 
}
/* =============================================================
                 Start Contact Us section
================================================================ */
.contact form input[type="text"]{
    float: right;
}
.contact form input[type="email"]{
    float: left;
}
.contact form .info .send{
    float: right;
}
.sub-contact form .contact-message-empty span{
    padding-right: 5px;
}
/* =============================================================
                 Start Download section
================================================================ */
#message-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: 0.95;
    color: #004071;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 500px;
    border-top:4px solid #004071;
}
@media only screen and (max-width: 767px){
    #message-container {
        width: 300px;
    }
}
/* =============================================================
                 End Download section
================================================================ */
