/*Banner section */#lamp-anim {width: 100%;height:330px;mix-blend-mode: color-burn;}
.blob {background: url(https://www.manageengine.com/fr/service-desk/style/../images/blob-bg.png);background-size: cover;}
.banner-bg {position: absolute;left: 0;right: 0;top: 100px;}
.banner {text-align: center;padding: 70px 0px;}
.banner h1 {font-size: 41px;font-weight: bold;line-height: 1.4;}
.banner p {font-size: 21px !important;line-height: 1.6 !important;margin: 5px 0px 20px 0px;}
/*Banner CTA section */ul.banner-buttons {display: flex;justify-content: center;}
ul.banner-buttons li {background: #ed4a44;margin: 10px;padding: 8px 10px;color: #fff;min-width: 213px;border-radius: 5px;cursor: pointer;}
ul.banner-buttons li h4 {margin: 0;padding: 0;}
ul.banner-buttons li p {margin: 0;padding: 0;font-size: 12px !important;color: #fdf4f4;}
ul.banner-buttons li:hover {background: #ff463f;}
ul.banner-buttons a {text-decoration: none;}
.ftraltrbg{background: #f8fdff;}
.container-fix {max-width: 1100px !important;margin: 0 auto;}
.screenshots, #testimonials{ padding: 5% 0}
ul.screenshots {display: flex;align-items: center;}
ul.screenshots h3{ margin-top: 0px;}
ul.screenshots li {flex-grow: 1;flex-basis: 0;}
ul.screenshots>li {margin: 0px 50px 10px 0px;padding: 20px;}
ul.screenshots li img {max-width: 100%;border: 1px solid #ccc;}
ul.points {margin-left: 20px;list-style-type:none;}
ul.points li {font-size: 18px;line-height: 1.5;margin-bottom: 10px;position: relative;}
ul.points li:before {content: "";width: 7px;height: 7px;background: #23b9f8;position: absolute;border-radius: 50%;top: 10px;right: 0px;bottom: 0;left: -20px;}
/* Lazy Load Styles start */.card-image {display: block;background: center center no-repeat;background-size: cover;filter: blur(3px); /* blur the lowres image */width: 100%;}
.card-image > img {display: block;width: 100%;opacity: 0; /* visually hide the img element */}
.card-image.is-loaded {filter: none; /* remove the blur on fullres image */transition: filter 1s ease-in-out;}
.card-list {display: block;margin: 1rem auto;padding: 0;font-size: 0;}
.card {display: inline-block;text-decoration: none;transition: transform 0.1s ease-in-out, box-shadow 0.1s;}
/* Layout Styles end *//*Testimonials section */#testimonials{ background: #fff; padding: 3% 0}
.testqout{font-size: 150px; color: #5094c4; font-weight: bolder; line-height: 0; margin-top: 5%;}
.testimonials-bg {text-align: center;}
i.fa.fa-quote-left {font-size: 60px;color: #5094c4;}
.testimonials h2 {font-size: 36px;}
.testimonials p {width: 75%;display: block;margin: 0 auto;}
.testimonials h3 {margin: 20px 0px 0px 0px;color: #5094c4;font-style: italic;font-size: 20px;}
.testimonials p:last-child {color: #5094c4;font-size: 16px !important;}
.zh-container{max-width:1400px !important;margin:0 auto;padding:0 30px;}
@media only screen and (max-width:1600px) {.screenshots, #testimonials{ padding: 5% 0}
}
@media only screen and (max-width:1024px) {.container-fix {padding: 0px 30px;width: auto;}
.screenshots {padding: 50px 50px !important;}
ul.screenshots {display: block;align-items: center;flex-wrap: wrap;}
.imgswap{flex-flow: column-reverse;display: flex !important;}
}
@media only screen and (max-width:980px) {.container-fix {padding: 20px !important;}
ul.screenshots>li {margin: 0px 0 10px 0px;padding: 20px;}
}
@media only screen and (max-width:660px) {ul.screenshots {flex-wrap: wrap;flex-direction: column-reverse;}
.drive ul.screenshots.imgswap {flex-direction: column-reverse !important;}
ul.screenshots li {flex-grow: inherit;flex-basis: inherit;}
ul.screenshots>li {margin: 0px 0px 10px 0px;}
.screenshots{padding:5% 0 !important;}
}
@media only screen and (max-width:500px) {.container-fix {padding: 13px !important;}
p {font-size: 15px !important;line-height: 1.4 !important;}
.blob {background: #b3ebf5;}
#lamp-anim {height: 430px;}
ul.banner-buttons {flex-wrap: wrap;}
.banner {text-align: center;padding: 38px 0;}
.banner h1 {font-size: 35px;}
.banner p {margin: 10px 0px 20px 0px;}
}
@media only screen and (max-width:375px) {.banner {padding: 45px 20px 50px 20px;}
.banner h1 {font-size: 30px;}
a.startyrfre {margin: 10px;width: 95px !important;}
}
@media only screen and (max-width:360px) {}
@media only screen and (max-width:320px) {#lamp-anim {height: 450px;}
.banner {text-align: center;padding: 65px 30px 50px 30px;}
.banner h1 {font-size: 33px;}
.banner p {font-size: 19px !important;}
.container-fix {padding: 20px 20px !important;}

}