/*Global style start here*/
/*h1{color:white;}*/
iframe {
    display: block;
}
.heading-menu{display:none !important;}
.prd-nav li {
    width: calc(99% / 3);
    box-sizing: border-box;
}

body {
    color: #000;
    overflow-y: scroll !important;
}

section {
    box-sizing: border-box;
    position: relative;
}

#main-container {
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

h1 {
    font: 54px/1.1 Zoho_Puvi_Bold;
}

h2 {
    font: 36px/1.55 Zoho_Puvi_Bold;
    margin: 0px 0px 0px 0px;
}

h3 {
    font: 25px/1.2 Zoho_Puvi_Bold;
}

h4 {
    margin-left: 0px;
}

#main-container section p {
    font: 20px / 1.6 Zoho_Puvi_Regular;
}

#main-container section li {
    font: 19px / 1.5 Zoho_Puvi_Regular;
}

#main-container section a {
    font: 18px/1.6 Zoho_Puvi_Regular;
}

#main-container a {
    text-decoration: none;
}

section img,
section source,
section picture {
    width: 100%;
}

::placeholder {
    color: #000;
}

.testi-cta-wrap {
    display: none;
}

.slick-dots {
    text-align: left;
    display: flex;
    align-items: center;
}

.slick-dots li.slick-active {
    background: #76ACFA;
    border: 1px solid #76ACFA;
    height: 13px;
    width: 30px;
    border-radius: 10px;
}

.slick-dots li {
    background: #a1c5f8;
    border: 1px #a1c5f8;
    height: 13px;
    width: 13px;
}


/*Page common styles start here*/

#main-container section {
    width: 100%;
    position: relative;
    /* padding: 70px 0px 0px; */
}

.content-wrap {
    max-width: 1250px;
    width: 90%;
    margin: 0px auto;
}

.cmn-breadcrum a,
.cmn-breadcrum .bread-crumb-arrow {
    color: #fff;
}

.online-demo-section .arw_lnk,
.contactus-section .arw_lnk span {
    display: inline-block;
    margin-left: 10px;
}

.arw_lnk span {
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 1.4px;
    margin-left: 2px;
    transition: .5s ease;
    left: -2px;
    position: relative;
    top: 0px;
}

.arw_lnk span::after,
.arw_lnk span::before {
    content: '';
    width: 10px;
    height: 1.5px;
    position: absolute;
    left: -2px;
}

.contactus-section .arw_lnk span,
.contactus-section .arw_lnk span::after,
.contactus-section .arw_lnk span::before {
    background-color: #fff;
}

.online-demo-section .arw_lnk span,
.online-demo-section .arw_lnk span::after,
.online-demo-section .arw_lnk span::before {
    background-color: #000;
}

.arw_lnk span::after {
    transform: rotate(45deg);
    top: 3px;
}

.arw_lnk span::before {
    transform: rotate(-45deg);
    top: -3px;
}

.next-arw span {
    transform: rotate(180deg);
    transform-origin: center;
}


/*Banner start here*/

#main-container .banner-section {
    padding-top: 60px ;
}

.banner-section,
.highlights-flex-wrap {
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-banner-bg.png);
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-section .top-cont-wrap {
    text-align: center;
    margin-bottom: 65px;
}

#main-container .watch-demo {
    font-family: 'Zoho_Puvi_Bold';
    text-transform: uppercase;
    margin-top: 0px;
}

.banner-section .flex-wrap {
    align-items: flex-start;
}

.banner-main-cont {
    padding-right: 45px;
}

.banner-main-cont h3 {
    margin-top: 0px;
    font-size: 32px;
}

.banner-section h3 {
    color: #ffcc00;
}

#main-container p.banner-sub-text {
    margin-top: 10px;
}

.banner-section .bottom-cont-wrap {
    margin-top: 50px;
}

ul.banner-list-content {
    margin-top: 20px;
}

ul.banner-list-content li {
    margin-bottom: 15px;
    position: relative;
    margin-left: 15px;
    box-sizing: border-box;
    padding-left: 17px;
}

ul.banner-list-content li::before {
    content: '';
    background-image: url(https://www.manageengine.com/products/service-desk/images/tick.svg);
    height: 32px;
    width: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 0px;
    margin-top: 0px;
    position: absolute;
    left: -20px;
    top: 1px;
}

.banner-section .bottom-cont-wrap h4 {
    font-size: 22px;
    font-family: 'Zoho_Puvi_Bold';
    color: #fecc01;
}

#main-container .banner-section .bottom-cont-wrap a {
    color: #fecc01;
    text-decoration: underline;
    cursor: pointer;
}

.cta-arrow {
    width: 27px;
    position: relative;
    top: -36px;
    right: -106px;
    background: #ffff;
    height: 27px;
    border-radius: 50%;
    margin-left: 0px;
    transition: .5s ease;
}

.banner-form-cta:hover .cta-arrow {
    margin-left: 10px;
    transition: .5s ease;
}

.arw_lnk {
    display: inline-block;
    transform: translateX(0px);
    transition: .5s ease;
}

.arw_lnk .cta-arrow span {
    background-color: red;
}

.arw_lnk .cta-arrow span::after,
.arw_lnk .cta-arrow span::before {
    background-color: red;
}


/*Awward Section Start Here*/

.awward-icon {
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-awward-sprites.png);
    background-repeat: no-repeat;
    display: block;
    margin: 0px auto;
    height: 55px;
}

.awward-rating-parent-wrap.mobile {
    display: none;
}

.awward-rating-parent-wrap.mobile .trust-radius {
    margin: 0px auto 40px;
}

.awward-rating-parent-wrap .trust-radius {
    background-color: #f0f9fe;
}

.awward-rating-parent-wrap .trust-radius .awward-icon {
    width: 70px;
    background-size: 350px;
    background-position: 0px 0px;
}

.awward-rating-parent-wrap .gartner-peer-insights {
    background-color: #f5f0fe;
}

.awward-rating-parent-wrap .gartner-peer-insights .awward-icon {
    width: 119px;
    background-size: 320px;
    background-position: -62px 6px;
}

.awward-rating-parent-wrap .gartner-peer-insights .ratting-icon-fill i {
    background-position: 0px;
}

.awward-rating-parent-wrap .capeterra {
    background-color: #fefbf0;
}

.awward-rating-parent-wrap .capeterra .ratting-icon-fill i {
    background-position: 0px -42px;
}

.awward-rating-parent-wrap .capeterra .awward-icon {
    width: 110px;
    background-size: 260px;
    background-position: -149px 5px;
    height: 45px;
}

.awward-rating-parent-wrap {
    width: 90%;
    justify-content: space-evenly;
    flex-wrap: unset;
    margin: 40px auto 0px;
}

.awward-rating-sub-wrap {
    padding: 30px 10px;
    box-sizing: border-box;
    margin: 0px auto 40px;
    border-radius: 20px;
    width: 200px;
    box-shadow: 0px 2px 5px 5px #00000008;
}

.trust-radius {
    border: 1px solid #d4e9f4;
    margin: 0 0px 0 auto;
}

.gartner-peer-insights {
    border: 1px solid #e1d2f3;
}

.capeterra {
    border: 1px solid #f2ead0;
}

.ratting {
    position: relative;
    margin: 10px 0px 40px 0px;
}

.ratting-icon-fill {
    height: 20px;
    width: 100px;
    display: block;
    margin: 0px auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%) scale(1.3);
}

.ratting-icon-fill i {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://www.manageengine.com/products/service-desk/images/startr-ratting-bg.png);
    background-repeat: no-repeat;
    background-size: 100px;
    position: absolute;
}

.ratting-icon-fill i:nth-child(1) {
    background-color: #b1b1b1;
}

.ratting-icon-fill i:nth-child(2) {
    background-color: #ffc706;
}

.ratting-icon-fill i.ratting-percentage {
    width: 0%;
}

.ratting-icon-fill i.ratting-percentage.active {
    width: 92%;
    transition: 2.8s ease;
}

.awward-rating-wrap {
    text-align: center;
}

.awward-rating-wrap p,
.awward-rating-wrap span {
    font-size: 25px;
    color: #000;
    font-family: 'Zoho_Puvi_SemiBold';
}

.awward-rating-wrap p {
    margin: 5px 0px;
}

.divide-value {
    margin-left: 3px;
}

.awward-rating-wrap .counter {
    transform: scale(1.2);
    display: inline-block;
    margin-right: 7px;
}
/* .contactus-wrap.flex-wrap.two-column{margin-top:50px;}*/
.cont-anim.right-cont { color: black !important;} 
/*Trusted brand styles start here*/

.brand-sprite-parent-wrap {
    margin: 50px 0; 
    background: linear-gradient(90deg, rgb(255 255 255 / 8%) 0%, rgb(33 59 141 / 63%) 100%);
    box-sizing: border-box;
    padding: 15px 0px;
    border-radius: 25px;
}

.brand-sprite-sub-wrap {
    width: 100%;
}

.brand-sprite-parent-wrap ul {
    justify-content: space-evenly;
}

.brand-sprite-parent-wrap h3 {
    text-transform: uppercase;
    font: 18px / 1.2 Zoho_Puvi_Regular;
    text-align: center;
    margin: 15px 0 10px;
}

.brand-sprite-parent-wrap ul li {
    height: 60px;
    list-style: none;
    width: 100px;
}

.brand-sprite-parent-wrap ul li span {
    background-image: url(https://www.manageengine.com/products/service-desk/images/trust-brand-sprit.png);
    background-size: 390px auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0px auto;
    position: relative;
    transform: translateY(0px) scale(1);
    transform-origin: center bottom;
    transform: translateY(25px);
    opacity: 0;
}

.brand-sprite-sub-wrap .content-view ul li span {
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
}

.brand-sprite-parent-wrap ul li:nth-child(1) span {
    background-position: 0px 15px;
    max-width: 160px;
    transition-delay: .1s;
}

.brand-sprite-parent-wrap ul li:nth-child(2) span {
    background-position: -96px 18px;
    max-width: 130px;
    transition-delay: .2s;
}

.brand-sprite-parent-wrap ul li:nth-child(3) span {
    background-position: -192px 16px;
    max-width: 140px;
    transition-delay: .3s;
}

.brand-sprite-parent-wrap ul li:nth-child(4) span {
    max-width: 160px;
    background-position: -288px 16px;
    transition-delay: .5s;
}

.brand-sprite-parent-wrap ul li:nth-child(5) span {
    max-width: 160px;
    background-position: -1px -36px;
    background-size: 275px;
    transition-delay: .6s;
}

#main-container .online-demo-section,
#main-container .highlights-section,
#main-container .contactus-section {
    padding-bottom: 0;
}


/*Contact us section start here*/

.contactus-section::before {
    position: absolute;
    content: '';
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-banner-bg.png);
    height: 230px;
    width: 100%;
    background-size: cover;
    top: 0;
    z-index: -1;
}

.bottom-bg::after {
    content: '';
    position: absolute;
    top: 230px;
    width: 100%;
    height: 125%;
    z-index: -1;
    background: url(https://www.manageengine.com/products/service-desk/images/demo-testimonial-banner.png), linear-gradient(0deg, #3376d612 0%, #7db1fdc4 100%);
    background-size: contain;
    background-repeat: repeat;
}

.contactus-section .content-wrap {
    background: #FFFBE7;
    border-radius: 20px;
    box-shadow: 0px 2px 5px 5px #00000024;
}

.contactus-section .content-wrap .right-cont {
    padding-right: 50px;
}

#main-container section.contactus-section p {
    margin-top: 0px;
}

.contactus-section a {
    background: #F0473F;
    color: #fff;
    margin-top: 10px;
    transition: .3s ease;
}

.contactus-section .img-wrap {
    max-width: 450px;
    margin: 40px auto 0px;
    transform: scale(1);
    transform-origin: bottom;
}

.contactus-section a:hover {
    background: #ff241a;
    transition: .3s ease;
}


/*Contact us section end here*/


/*Highlights section start here*/

#main-container .highlights-section {
    padding: 80px 0px 30px;
}

.highlights-wrap {
    max-width: 1100px;
    margin: 0px auto;
    align-items: start;
    gap: 27px;
}

.highlights-wrap h3 {
    text-align: center;
    font: 28px / 1.2 Zoho_Puvi_Bold;
    padding: 0px 30px;
    box-sizing: border-box;
}

.highlights-icon {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.highlights-wrap>div {
    flex: 0 0 calc(95% / 3);
    max-width: calc(95% / 3);
    padding: 80px 20px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 2px 10px 0px #0000001c;
    border-radius: 6px;
    margin-top: 20px;
    height: 400px;
    transform: translateY(50px);
    transition: .4s ease;
    opacity: 0;
}

.highlights-wrap>div.parent-active:nth-child(2) {
    transition-delay: .2s;
}

.highlights-wrap>div.parent-active:nth-child(3) {
    transition-delay: .4s;
}

.highlights-wrap>div.parent-active {
    transform: translateY(0px);
    transition: .9s ease;
    opacity: 1;
}

.highlights-wrap>div::before {
    content: '';
    top: 0;
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    border-radius: 10px 10px 0px 0px;
}

.highlights-demo-strong-market {
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-strong-market.png);
}

.highlights-demo-multi-lang {
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-multi-lang.png);
}

.highlights-demo-best-practices {
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-best-practices.png);
}


/*Testimonial section start here*/


/*Online-demo-section-start-here*/

.online-demo-section .content-wrap {
    background: #1C63CD;
    padding: 30px 0px;
    box-sizing: border-box;
    color: #fff;
    border-radius: 20px;
}

.online-demo-section .content-wrap>div.contactus-wrap {
    max-width: 800px;
    text-align: center;
    padding: 50px 30px 60px;
    margin: 0px auto;
    width: 90%;
    box-sizing: border-box;
}

.online-demo-section h2 {
    margin: 0;
}

.online-demo-section p {
    margin-top: 0;
}

.bottom-bg {
    position: relative;
    overflow-y: hidden;
}

.bottom-bg::after {}

#main-container section a.page-cta {
    padding: 10px 30px;
    border-radius: 4px;
    font: 18px / 1.6 Zoho_Puvi_SemiBold;
    display: inline-block;
}

#main-container section a.page-cta:hover .arw_lnk {
    transform: translateX(7px);
    transition: .5s ease;
}

.online-demo-section h2 {
    margin-bottom: 0;
}

#main-container section .online-demo-section p {
    margin-top: 0;
}

.online-demo-section a {
    background: #FFDF35;
    color: #000;
    margin-top: 10px;
}

.online-demo-section a:hover {
    background: #ffd912;
}


/*Online-demo-section-start-here*/


/*Testimonial-section-start-here*/

#main-container section.testimonial-section {
    padding: 70px 0px 40px;
}

.testi-slider {
    position: relative;
    max-width: 900px;
    margin: 0px auto;
    width: 100%;
    text-align: left;
}

.quote-icon {
    background-image: url(https://www.manageengine.com/products/service-desk/images/demo-testimonial-quote.svg);
    height: 40px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0px;
}

#main-container .testi-content {
    font-size: 24px;
    color: #000;
}

.testi-customer-name {
    color: #000;
}

.testi-cta-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
}

.testi-cta-wrap>div {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

.testi-cta-wrap .testi-next.arw_lnk span::after,
.testi-cta-wrap .testi-next.arw_lnk span::before {
    right: -2px;
    left: unset;
    transform: rotate(-45deg);
}

.testi-cta-wrap .testi-next.arw_lnk span::before {
    transform: rotate(45deg);
}

.testi-btn {
    background: #0067ff;
    top: 40px;
    right: unset;
    transform: scale(1.2);
}

.slick-parent-wrap {
    position: relative;
}

.testi-btn span {
    left: 4px;
}

.testimonial-section .flex-wrap {
    padding: 10px 0px;
}


/*Testimonial-section-end-here*/


/*Footer-section-start-here*/

#main-container .footer-cta-section {
    text-align: center;
    padding: 60px 0px;
    margin-bottom: 30px;
}

.footer-cta-section .content-wrap {
    padding: 80px 30px;
    background: url(https://www.manageengine.com/products/service-desk/images/demo-bottom-cta-bg.png), linear-gradient(180deg, #FFD700 0%, #FFE560 100%);
    color: #000;
    border-radius: 20px;
    box-sizing: border-box;
}

.footer-cta-wrap a {
    display: inline-block;
    color: #000;
    margin: 0px 10px;
    width: 140px;
}

.footer-cta-wrap>div {
    margin-top: 20px;
}

.footer-cta-section .download {
    border: 1px solid #000;
    position: relative;
}


/*
.footer-cta-section .download::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #000;
    transition: .3s ease;
    z-index: -1;
}
*/

.footer-cta-section .download:hover {
    background: #000;
    color: #fff;
}


/*
.footer-cta-section .download:hover::after {
    width: 100%;
    transition: .3s ease;
}

.footer-cta-section .download:hover {
    color: #fff;
}
*/


/*Footer-section-end-here*/


/*Form styles start here*/

input,
select {
    background: #fff;
    display: block;
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    border: 1px solid #2437878c;
    border-radius: 7px;
    font-size: 16px;
}

#demo-form {
    max-width: 500px;
    margin-left: auto;
    background-color: #fff;
    padding: 55px 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px 5px #00000024;
    box-sizing: border-box;
}

#WebDemo {
    width: 90%;
    margin: 0px auto;
}

.input-two-col>div:nth-child(1) {
    padding-right: 5px;
}

.input-two-col>div:nth-child(2) {
    padding-left: 5px;
}

span.errormsg {
    font-size: 12px;
    color: red;
}

.form-label label {
    left: 10px;
    top: 10px;
    margin-top: 0;
    font-weight: 300;
    position: absolute;
    padding-left: 2px;
    transform: translate3d(0, 0, 0);
    webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px !important;
    color: #000;
}

.formfild {
    padding-bottom: 15px;
    position: relative;
}

.formfild.active {
    padding-bottom: 0px;
}

.form-js-label input[data-empty="false"]+label,
.form-js-label input:focus+label {
    top: -3px;
    opacity: 0;
}

#country_state,
#ukcountry_region {
    margin-top: 15px;
}

#clickevnt_text {
    font-weight: 400;
}

.prvcy-plicy {
    color: #000;
    font-size: 12px;
    text-align: center;
    padding: 0px 10px;
    box-sizing: border-box;
    line-height: 1.2em;
}

#main-container .prvcy-plicy a {
    font-size: 12px;
    text-align: center;
}

input.demo-submit {
    font-size: 18px;
    font-family: 'Zoho_Puvi_Bold';
    text-transform: uppercase;
    color: #fff;
    background: #db4228;
    height: 45px;
    cursor: pointer;
    border: 1px solid #db4228;
    transition: .3s ease;
}

input.demo-submit:hover {
    background: #ff241a;
    transition: .3s ease;
}

.footer-cta-section .sign-up {
    font-size: 18px;
    font-family: 'Zoho_Puvi_Bold';
    color: #fff;
    cursor: pointer;
    border: 1px solid #599CFF;
    transition: .3s ease;
    position: relative;
}


/*
.footer-cta-section .sign-up::after,
.footer-cta-section .sign-up::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #1c75f8;
    transition: .3s ease;
    z-index: -1;
}
*/

.footer-cta-section .sign-up {
    background: #3e87f2;
}

.footer-cta-section .sign-up:hover {
    background: #1C74F8;
}

select {
    background: #fff url(https://www.manageengine.com/products/service-desk/images/arrowImage.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    color: #444;
}

#meGDPRMessage label {
    position: relative;
}

#main-container #meGDPRMessage label {
    font-size: 12px !important;
    color: #000;
}

.formfild.country-field {
    padding-bottom: 0px;
}

.card-list {
    max-width: 400px;
    width: 100%;
}

#meGDPRMessage {
    width: 100%;
}

#meGDPRMessage a {
    font: 12px / 1.6 Zoho_Puvi_Regular !important;
}

a.startyrfre {
    border-radius: 4px;
    padding: 15px 15px;
}

.write-us-wrap {
    text-align: center;
    font-size: 22px;
    padding: 20px 0px;
    line-height: 1.4em;
    text-align: center;
    color: #fff;
    padding: 80px 0px 0px;
}

.write-us-wrap p {
    margin-bottom: 0px;
}

#main-container .write-us-wrap p.sub-text {
    font-size: 11px;
    margin-top: 5px;
    font-family: 'Zoho_Puvi_Regular';
}

.heading-mobile-only {
    display: none;
}

@media only screen and (max-width: 1512px) {
    h1 {
        font: 50px / 1.1 Zoho_Puvi_Bold;
    }
    .banner-main-cont h3 {
        font-size: 30px;
    }
    /*
    input,
    select {
        height: 38px;
    }
*/
    #main-container section p,
    #main-container section li {
        font: 18px / 1.5 Zoho_Puvi_Regular;
    }
    #demo-form {
        padding: 45px 20px;
    }
}

@media only screen and (max-width: 1140px) {
    .contactus-wrap h2 {
        font: 28px / 1.4 Zoho_Puvi_Bold;
        margin-bottom: 10px;
    }
    #main-container section .contactus-wrap p {
        font: 18px / 1.6 Zoho_Puvi_Regular;
    }
}

@media only screen and (max-width: 1200px) {
    .highlights-inner-flex-wrap {
        display: block;
        text-align: center;
        padding-left: 50px;
    }
    .highlights-inner-flex-wrap>div:nth-child(1),
    .highlights-inner-flex-wrap>div:nth-child(2) {
        max-width: 100%;
    }
    .highlights-inner-flex-wrap h3 {
        margin-left: 0;
    }
    .awward-rating-parent-wrap {
        width: 100%;
    }
    .awward-rating-sub-wrap {
        padding: 20px 10px;
        max-width: 170px;
        width: 85%;
    }
    .highlights-wrap>div {
        flex: 0 0 calc(95% / 2);
        max-width: calc(95% / 2);
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    #demo-form {
        max-width: 450px;
    }
    /*
    .brand-sprite-parent-wrap ul li:last-child {
        display: none;
    }
*/
}

@media only screen and (max-width: 1200px) and (min-width:767px) {
    h1 {
        font: 46px/1.1 Zoho_Puvi_Bold;
    }
    #main-container ul.banner-list-content li {
        padding-right: 40px;
    }
    .banner-section .flex-wrap:nth-child(1)>div {
        padding-right: 15px;
    }
    .awward-rating-wrap span {
        font-size: 20px;
    }
}

@media only screen and (max-width:1024px) {
    .banner-main-cont {
        padding-right: 0;
    }
    .banner-section .flex-wrap {
        display: block;
    }
    .banner-section .flex-wrap>div {
        max-width: 100%;
        margin: 0 auto;
    }
    #demo-form {
        margin: 50px auto 80px;
    }
    .banner-section .top-cont-wrap {
        margin-bottom: 40px;
    }
    #main-container .brand-sprite-parent-wrap ul {
        display: flex;
    }
    #main-container .contactus-section {
        padding-bottom: 50px;
    }
    #main-container .contactus-section,
    #main-container .highlights-section {
        padding-top: 0px;
    }
    .banner-section .flex-wrap.two-column {
        display: flex;
        flex-direction: column-reverse;
    }
    .heading-mobile-only {
        display: block;
    }
    .sdp-desk-only {
        display: none;
    }
    .brand-sprite-parent-wrap {
        margin: 50px 0;
    }
}

@media only screen and (max-width:992px) {
    .highlights-box-wrap h2 {
        font-size: 24px;
    }
    .highlights-inner-flex-wrap h3 {
        font-size: 21px;
    }
    #main-container .highlights-box-wrap p {
        font-size: 18px;
    }
    .awward-rating-sub-wrap {
        max-width: 150px;
        width: 85%;
    }
    #main-container .banner-section {
        padding: 100px 0px 10px;
    }
    .contactus-wrap .img-wrap {
        display: none;
    }
    .contactus-section .contactus-wrap,
    .footer-cta-section .contactus-wrap {
        display: block;
        padding: 50px 30px;
        box-sizing: border-box;
    }
    .contactus-section .contactus-wrap>div {
        max-width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    #main-container section {
        padding: 50px 0px;
    }
    h1 {
        font: 38px/1.1 Zoho_Puvi_Bold;
    }
    h2 {
        font: 30px / 1.55 Zoho_Puvi_Bold;
    }
    #main-container section p,
    #main-container section li {
        font: 18px / 1.6 Zoho_Puvi_Regular;
    }
    .brand-sprite-parent-wrap ul {
        display: flex;
    }
    #main-container .testi-content {
        font-size: 18px;
    }
    .highlights-flex-wrap {
        display: block;
        padding: 70px 20px;
    }
    .highlights-flex-wrap>div:nth-child(1),
    .highlights-flex-wrap>div:nth-child(2) {
        max-width: 100%;
    }
    #main-container .footer-cta-section {
        padding: 0px 0px 50px;
    }
    .highlights-inner-flex-wrap {
        padding-left: 0px;
    }
    .highlights-box-wrap>div {
        padding: 30px 20px;
    }
    .banner-main-cont h3 {
        font-size: 26px;
    }
    .highlights-wrap>div {
        max-width: 400px;
        margin: 0px auto 50px;
        width: 100%;
    }
    .awward-rating-parent-wrap.web {
        display: none;
    }
    .awward-rating-parent-wrap.mobile {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 80px;
    }
    .awward-rating-parent-wrap.mobile>div {
        height: 170px;
        max-width: calc(95% / 3);
        flex: 0 0 calc(95% / 3);
    }
    .awward-rating-parent-wrap.mobile>div:nth-child(2) {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    .testi-cta-wrap {
        left: 50%;
        transform: translate(-50%, 30%);
    }
    .input-two-col>div:nth-child(1),
    .input-two-col>div:nth-child(2) {
        padding-right: 0px;
    }
    input.demo-submit {
        font-size: 18px;
    }
    .awward-rating-wrap span {
        font-size: 18px;
    }
    #main-container section a.page-cta {
        margin-bottom: 20px;
    }
    .footer-cta-wrap h2 {
        margin-bottom: 30px;
    }
    .contactus-section .content-wrap .right-cont {
        padding-right: 0px;
    }
    .highlights-wrap>div {
        min-height: 430px;
    }
    .highlights-wrap h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 450px) {
    .awward-rating-parent-wrap.mobile>div {
        max-width: calc(90% / 2);
        flex: 0 0 calc(90% / 2);
        margin-left: 5%;
        margin-right: 5%;
    }
}