/* ------------------------------ Common Page CSS START ------------------------------ */
a.common-blue-button {
    text-decoration: none;
    position: relative;
    padding: 10px 30px 10px 55px;
    display: inline-block;
    line-height: 26px;
    font-size: 17px;
    color: #1153ff;
}
a.common-blue-button:before {content: "";
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: 2px solid #1153ff;
    border-radius: 50px;
    position: absolute;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #1153ff17;}
a.common-blue-button:hover:before {
	width: 100%;
}
a.common-blue-button svg {
	font-size: 21px;position: absolute;
	left: 25px;
}


.imga {content: "";top: 0;display: flex;position: relative;border-top: #009adb 20px solid;text-align: center;width: 79%;background: #009adb;border-bottom: #009adb 20px solid;border-radius: 7px;right: -58px;}
.imga img {position: relative;text-align: center;left: -35px;}
.imga.right{right: 0;}
.imga.right img {position: relative;text-align: center;right: -35px;left: unset}

.maintain {position: relative;overflow: hidden;background-position: right;background-repeat: no-repeat; padding-top: 0px !important;}
.content-div{padding-top: 36px;}
.shape-image {position: absolute;bottom: -9%;width: auto;left: 0;transform: translateX(0%);opacity: .8;z-index: -1;}
.bell{-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.imga.right {
    right: 0;
}

/* Content Font style CSS */
.text11{text-align: center;}
.text11 strong {font-size: 20px;font-weight: 600;line-height: 28px;}
.text11 p {font-size: 16px;line-height: 26px;}
.text11 ul.maintenance-application{padding: 0px; margin: 10px 0px 10px;}
.text11 ul.maintenance-application li{display: inline-block; vertical-align: top; border:  1px solid #cdcccc; padding: 8px 15px;background: #fff;}


.hightlighted {color: #014a7d;font-size: 26px;text-align: center;margin: 20px 0 10px;font-weight: 600;}


.textstyle h4.title {font-size: 30px;position: relative;margin-bottom: 20px;padding-bottom: 15px;}
.textstyle h4.title:before{width: 120px; height: 2px; background: #219AD6; position: absolute; bottom: 0px; left: 0px; content: '';}
.textstyle p{color: #565656; font-size: 16px;}

.needsupport {padding: 40px 0;background: #009adb;color: #fff;text-align: center;}
.needsupport:hover{background: #1e4594;}
.needsupport:hover a{color: #1e4594;}
.needsupport a {color: #009adb;text-decoration: none;font-size: 20px;text-transform: uppercase;border: 1px solid #fff;padding: 5px 20px;margin-top: 10px;display: inline-block;font-weight: 700;background: #ffffff;}

.optimizationclass h3 {margin-top: 40px;}
.optimizationclass li {line-height: 30px;}

.bottombutton {text-align: center;margin: 50px 0 50px;}
.bottombutton a {font-size: 24px;padding: 12px 12px 12px 110px;line-height: 36px;}
.bottombutton a:before{width: 3.5rem;height: 3.5rem;    }
.bottombutton a svg {font-size: 30px;position: absolute;left: 50px;top: 5%;}


/* Responsive CSS */
@media (max-width: 767px) {
.content-div{padding: 5% 8% 4% 10%;}
.col-reverse{flex-direction: column-reverse;}
.imga {content: "";left: 0;top: 0;display: flex;position: relative;border: #009adb 11px solid;text-align: center;width: 100%;align-items: center;justify-content: center;}
.imga img {position: relative;text-align: center;left: unset;width: 100%;}
.imga.right img {right:unset}
.content-img {border-radius: 0;}
.title {margin-top: 20px;}
}
/* Responsive CSS END */

/* ------------------------------ Common Page CSS END ------------------------------ */