/*
    font-family: 'Lato', sans-serif;
    font-family: 'Prata', serif;
*/
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Medium.eot');
    src: url('../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff'),
        url('../fonts/Graphik-Medium.ttf') format('truetype'),
        url('../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} 

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Bold.eot');
    src: url('../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Bold.woff2') format('woff2'),
        url('../fonts/Graphik-Bold.woff') format('woff'),
        url('../fonts/Graphik-Bold.ttf') format('truetype'),
        url('../fonts/Graphik-Bold.svg#Graphik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Black.eot');
    src: url('../fonts/Graphik-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Black.woff2') format('woff2'),
        url('../fonts/Graphik-Black.woff') format('woff'),
        url('../fonts/Graphik-Black.ttf') format('truetype'),
        url('../fonts/Graphik-Black.svg#Graphik-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Extralight.eot');
    src: url('../fonts/Graphik-Extralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Extralight.woff2') format('woff2'),
        url('../fonts/Graphik-Extralight.woff') format('woff'),
        url('../fonts/Graphik-Extralight.ttf') format('truetype'),
        url('../fonts/Graphik-Extralight.svg#Graphik-Extralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik Super';
    src: url('../fonts/Graphik-Super.eot');
    src: url('../fonts/Graphik-Super.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Super.woff2') format('woff2'),
        url('../fonts/Graphik-Super.woff') format('woff'),
        url('../fonts/Graphik-Super.ttf') format('truetype'),
        url('../fonts/Graphik-Super.svg#Graphik-Super') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype'),
        url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Semibold.eot');
    src: url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Semibold.woff2') format('woff2'),
        url('../fonts/Graphik-Semibold.woff') format('woff'),
        url('../fonts/Graphik-Semibold.ttf') format('truetype'),
        url('../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Thin.eot');
    src: url('../fonts/Graphik-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Thin.woff2') format('woff2'),
        url('../fonts/Graphik-Thin.woff') format('woff'),
        url('../fonts/Graphik-Thin.ttf') format('truetype'),
        url('../fonts/Graphik-Thin.svg#Graphik-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Light.eot');
    src: url('../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Light.woff2') format('woff2'),
        url('../fonts/Graphik-Light.woff') format('woff'),
        url('../fonts/Graphik-Light.ttf') format('truetype'),
        url('../fonts/Graphik-Light.svg#Graphik-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

* {
    padding: 0;
    margin: 0;
    border: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
} 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}
body {
    line-height: 1
}
ol,ul {
    list-style: none
}
blockquote,q {
    quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
strong,b {
    font-weight: bold
}
em,i {
    font-style: italic
}
u {
    text-decoration: underline
}
a {
    text-decoration: none
}
*:focus {
    outline: none
}
a:hover,a:focus {
    text-decoration: none;
    outline: none !important
}
button:focus {
    outline: none
}
svg:not(:root).svgIcon {
    overflow: visible
}

html{
    font-size: 16px;
}
small{
    vertical-align: middle;
    font-size: 80%;
}
.pointer{cursor: pointer;}
.show{display: block !important;}
body {display: block;width: 100%;padding: 0;margin: 0; font-family: 'Graphik', sans-serif; font-weight: 400;line-height: 1.4;color: #000;background-color: #fff}
.container{max-width: 1260px !important;width: 100%;}
p {line-height: 1.8;font-size: 1.0625rem; color: #807f7f;font-weight: 400;margin-bottom: 1rem}
p:last-child {margin-bottom: 0}
a {color: #1e1c55}
a:hover {color: #ee2825}
.vertical-line{width: 1px; margin-left: -1px; background: #e2e2e2;}
.wrapper{
    display: block;
    width: 100%;
    /*overflow-x: hidden;*/
}
.bodyFixed {
    overflow: hidden
}
.headerMain {
    display: block;
    width: 100%;
    padding: 0.750rem 0;
    z-index: 12;
    position: relative;
}

/* Banner Section */
.landingBnner{display: block; width: 100%; padding: 0rem 0 5em;}
.landingBnner:before { content: ""; width: 50%; height: 430px; position: absolute; right: 50%; top: 0; background: url(../img/svg/half-round.svg) no-repeat center top; transform: translateX(96%); margin-top: -10px; background-size: contain; left: inherit; z-index: -1;}
.landBannerCon{display: block; width: 100%; padding: 2rem 0;}
.landBanHead{display: block;width: 100%;position: relative;padding-bottom: 1rem;margin-bottom: 2rem;}
.landBanHead:before{content: ""; width: 40px; height: 2px; background: #ff1c3b; position: absolute; left: 0; bottom: 0;}
.landBanTitle{display: block;width: 100%;font-size: 2.35rem;font-weight: 600;line-height: 1.2;color: #1e1c55;}
.landBanTitle span{display: block; color: #ff1c3b;}
.landBansubTitle{display: block;width: 100%;font-size: 1.5625rem;font-weight: 500;color: #1e1c55;margin-top: 0.35rem;}
.landBannerCon .listStyle{display: block; width: 100%;}
.landBannerCon .listStyle li{display: block;width: 100%;font-size: 1.3125rem;font-weight: 400;color: #1e1c55;padding-left: 1.875rem;position: relative;margin-bottom: 1rem;}
.landBannerCon .listStyle li:before{content: ""; width: 1.0625rem; height: 0.875rem; background: url(../img/svg/checkmark.svg) no-repeat center center; position: absolute; left: 0; top: 5px;}

.bannerForm{display: block; width: 100%;max-width: 430px; background: #1e1c55; border-radius: 5px; padding: 1.875rem; margin: auto;}
.bannerForm .bannerFormTitle{display: block;width: 100%;font-size: 1.375rem;font-weight: 500;color: #fff;margin-bottom: 0.65rem;}
.bannerForm .form-row{margin: 0; }
.bannerForm .form-label{display: block; width: 100%; font-size: 1.0625rem; font-weight: 400; color: #fff; font-weight: 400; margin-bottom: 0.375rem;}
.bannerForm .form-label .required_fields{color: #ff0000;}
.bannerForm .form-control{display: block; width: 100%; height: 2.875rem; border: none; border-radius: 5px; padding: 10px 15px; color: #000; font-size: 1.0625rem; font-weight: 400; }
.bannerForm .btn{width: 100%; width: 100%; background: #ff1c3b; border-radius: 5px; height: 3rem; font-size: 1.0625rem; text-transform: uppercase; font-weight: 500; color: #fff;   }
.bannerForm .form-group{position: relative; width: 100%; margin-bottom: 0.785rem}
label.error {
    position: absolute;
    right: 0;
    top: -20px;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 11px!important;
    line-height: 11px!important;
    background: #fb0101;
    padding: 5px 5px 4px!important;
    color: #fff;
    display: none;
}
label.error:after {
    border-color: #fb0101 transparent transparent;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-right: 6px solid transparent;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    left: 20px;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    width: 0;
}


/* Common section */
.commonSec{display: inline-block; vertical-align: top; width: 100%; padding: 6.25rem 0; position: relative;}
.lightBg{background: #f6f9fc}
.secHead{display: block; width: 100%; margin-bottom: 1rem; position: relative;}
.secHead .secTitle{display: block; width: 100%; font-size: 2.0625rem; font-weight: 500; color: #1e1c55; padding-bottom: 10px; margin-bottom: 1rem; position: relative;}
.secHead .secTitle:after{content: ''; width: 40px; height: 2px; background: #ff1c3b; position: absolute; left: 0; bottom: 0;}
.secHead.text-center .secTitle:after{right: 0; margin: auto; }
.secHead .secSubTitle{display: block; width: 100%; font-size: 1.1875rem; font-weight: 400; color: #a8a7b6}
.secHead .secTitle.title-sm{font-size: 1.625rem}
.view_all_software{float: right; width: auto; font-size: 1rem; font-weight: 400; color: #1e1c55; position: relative; padding-right: 1rem; transition: all 0.4s ease-in-out;}
.view_all_software:after{content: ""; width: 8px; height: 8px; border-bottom: 1px solid currentColor; border-right: 1px solid currentColor; position: absolute; right: 0; top: 0; bottom: 0; transform: rotate(-45deg); margin: auto; }
.view_all_software:hover{color: #ff1c3b}
.secHead p{display: block; width: 100%; font-size: 1.0625rem; font-weight: 400; line-height: 1.4; color: #a8a7b6; margin-bottom: 1rem;}
.secImg{display: inline-block; vertical-align: top;}
.secImg img{max-width: 100%; max-height: 100%;}


/** Help Section **/
.healpSlider{display: block; width: 100%;}
.healpSlider .item{padding: 0 10px;}
.healpBox{display: block;width: 100%; background: #fff; border: 1px solid #e6e7e8;padding: 3rem 0.750rem 1.75rem 0.750rem;border-radius: 5px;text-align: center;}
.healpBox .healpBoxInner{display: block;position: relative;z-index: 12;}
.healpBox .healpBoxInner:before{content: attr(data-step);position: absolute;right: 0;text-align: center;top: -70px;color: #F5F5F5;z-index: -1;font-size: 6rem;font-weight: 600;}
.healpBox .healpIcon{display: inline-block; width:4.25rem; height: 4.25rem; max-width: 100%; margin: auto;}
.healpBox .healpIcon img{max-width: 100%; max-height: 100%;}
.healpBox .healpCon{display: block;width: 100%;min-height: 13.625rem;padding: 1.25rem 0;}
.healpBox .healpCon .helpTitle{display: block; width: 100%; font-size: 1.6875rem; font-weight: 500; color: #1e1c55; margin-bottom: 1rem;}
.healpBox .healpCon p{display: block; font-size: 1rem; line-height: 1.4; color: #787799;}
.healpSlider .center .healpBox{border-width: 2px; border-color: #ff1c3b; box-shadow: 0px 6px 20px 0px rgba(184, 184, 184, 0.3);}
.healpSlider.owl-carousel .owl-nav{width: 90px;position: absolute; bottom: 40px; left: -300px; height: 0; transform: none; top: inherit;}
.healpSlider.owl-carousel .owl-nav button{width: 2.25rem; height: 1.125rem; background: url(../img/svg/left-arrow.svg) no-repeat left top  !important; background-color: transparent !important; border: none; transition: all 0.4s ease-in-out}
.healpSlider.owl-carousel .owl-nav button:hover{opacity: 0.6;}
.healpSlider.owl-carousel .owl-nav button.owl-next{background: url(../img/svg/right-arrow.svg) no-repeat left top  !important;}
.healpSlider .owl-nav button.owl-next:before,  .healpSlider .owl-nav button.owl-next span, .healpSlider .owl-nav button.owl-prev:before,  .healpSlider .owl-nav button.owl-prev span{display: none;}

/* Software List*/
.softwareBox{display: block; width: 100%; background: #fff; border: 1px solid #e6e7e8; border-radius:5px; text-align: center; transition: all 0.4s ease-in-out}
.softwareBox .softLogo{display: block; width: 100%; min-height: 7.5rem; padding: 1rem; border-bottom: 1px solid #e6e7e8; position: relative;}
.softwareBox .softLogo img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.softwareBox .softBoxCon{display: block; width: 100%; padding:1.5625rem; }
.softwareBox .softName{display: block; width: 100%; font-size: 1.125rem; font-weight: 500; color: #1e1c55; margin-bottom: 0.625rem;}
.softwareBox .softName a{color: #1e1c55;}

.softwareBox .softTagline{display: block; width: 100%; font-size: 0.9375rem; line-height: 1.2; min-height: 2.375rem; color: #807f7f; margin-bottom: 0.625rem;}
.rattingStars {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}
.rattingStars .rattings {
    display: inline-block;
    vertical-align: top;
    width: 122px;
    height: 19px;
    background: url(../img/starts-ratting.png) repeat-x left bottom;
    position: relative;
    margin-bottom: 0.625rem;
}
.rattingStars .rattings .fillStars {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../img/starts-ratting.png) repeat-x left top;
}
.reviewsCount{display: block; width: 100%; font-size: }
.listLink{font-size: 1.0625rem; font-weight: 400; color: #1e1c55; transition: all 0.4s ease-in-out}
.listLink:hover{color: #ff1c3b}
.softwareBox .btn{display: inline-block; width: auto; min-width: 120px; border: 1px solid #4f5b63; padding: 8px ​15px; font-size: 0.9375rem; font-weight: 400; color: #4f5b63; border-radius: 5px; transition: all 0.4s ease-in-out}

.softwareBox:hover{box-shadow: 0 0 8px rgb(0 0 0 / 8%);}
.softwareBox:hover .softName a{color: #ff1c3b;}
.softwareBox:hover .btn{color: #fff; background: #4f5b63;}


/* Features Style  */
.featuresList{display: block; width: 100%; font-size: 0;}
.featuresList li{display: inline-block; vertical-align: top; width: 33.33%; font-size: 1rem; font-weight: 400; color: #666666; line-height: 1.4;  padding: 0.375rem 0.625rem 0.375rem 1.75rem; position: relative;}
.featuresList li:before{content: ""; width: 1rem; height: 1rem; background: url(../img/svg/list-style.svg) no-repeat left center; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }


/* Happy Customers */
.customerHead{display: block; width: 100%; margin-bottom: 2rem;}
.customerHead .customerTitle{display: block; font-size: 2.0625rem; font-weight: 500; color: #1e1c55; margin: 0; }


/* Logos Slider */
.logoSlider{display: block; width: 100%;}
.logoSlider .item{padding: 0 0.750rem;}
.logoSlider .logoBox{display: block; width: 100%; padding-bottom: 42%; background: #fff; position: relative; border-radius: 6px; border: 1px solid #e2e2e2; }
.logoSlider .logoBox img{width: auto; position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 5px;max-width: 100%;max-height: 100%;margin: auto;}
.logoSlider.owl-carousel .owl-dots .owl-dot{background: #dadada;}


.owl-carousel .owl-dots{position: absolute;bottom: -40px;left: 0;right: 0;text-align: center;}
.owl-carousel .owl-dots .owl-dot{display: inline-block; width: 6px; height: 6px; background: #e2e2e2; border-radius: 10px; margin: 0 2px; transition: all 0.4s ease-in-out;}
.owl-carousel .owl-dots .owl-dot.active{width: 15px; background: #ff1c3b}


/* FAQ's */
.listingContent{display: inline-block; width: 100%; vertical-align: top; padding: 6.25rem 0;}
/* Faqs Section */
.accordion>.card{display: block; width: 100%; background: #fff; border-radius: 6px !important; border: 1px solid #e4e6e7 !important; margin-bottom: 0.625rem !important; overflow: hidden;}
.accordion>.card>.card-header{background-color: transparent; border-bottom: none; padding: 0;} 
.accordion>.card>.card-header> a{display: block; width: 100%; background-color: #fff; position: relative; padding: 1rem;padding-right: 2.450rem; font-size: 1.125rem; font-weight: 500; line-height: 1.4; color: #1e1c55; cursor: pointer; }
.accordion>.card>.card-header> a:before{content: "";width: 1.125rem;height: 0.1875rem;background: currentColor;position: absolute;top: 0;right: 0.9375rem;bottom: 0;margin: auto;}
.accordion>.card>.card-header> a:after{content:"";width: 0.1875rem;height: 1.125rem;background: currentColor;position: absolute;right: 1.4375rem;top: 0;bottom: 0;margin: auto;}
.accordion>.card>.card-header> a[aria-expanded="true"]{background: #1e1c55; color: #fff;}
.accordion>.card>.card-header> a[aria-expanded="true"]:after{transform: rotate(90deg);}
/*.accordion>.card>.card-header> a[aria-expanded="false"]:before{transform: rotate(-135deg);}*/
.accordion>.card .collapse{background-color: #fff;}
.accordion>.card .collapse.show{background-color: transparent;}
/*.accordion>.card .card-body{padding-top: 0;}*/

.listingFaqs + #description{margin-top: 2rem;}

.cmsCon{display: block; width: 100%; position: relative;}
.cmsCon img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.cmsCon h1{display: block; width: 100%; font-size: 1.650rem; font-weight: 500; color: #1e1c55; padding-bottom: 0.625rem; margin-bottom: 1rem; position: relative;}
.cmsCon h1:after{content: ''; width: 3.875rem; height: 3px; background: #ff1c3b; position: absolute; left: 0; bottom: 0; margin: auto;}
.cmsCon h2{display: block; width: 100%; font-size: 1.550rem; font-weight: 500; color: #1e1c55; padding-bottom: 0.625rem; margin-bottom: 1rem; position: relative;}
.cmsCon h2:after{content: ''; width: 3.875rem; height: 3px; background: #ff1c3b; position: absolute; left: 0; bottom: 0; margin: auto;}
.cmsCon h3{display: block; width: 100%; font-size: 1.5rem; font-weight: 500; color: #1e1c55; padding-bottom: 0.625rem; margin-bottom: 1rem; position: relative;}
.cmsCon h3:after{content: ''; width: 3.875rem; height: 3px; background: #ff1c3b; position: absolute; left: 0; bottom: 0; margin: auto;}
.cmsCon h3.text-center:after{right: 0;}
.cmsCon h4{display: block; width: 100%; font-size: 1.25rem; font-weight: 500; color: #1e1c55; padding-bottom: 0.625rem; margin-bottom: 1rem; position: relative;}
.cmsCon h4:after{content: ''; width: 3.875rem; height: 3px; background: #ff1c3b; position: absolute; left: 0; bottom: 0; margin: auto;}
.cmsCon h4.text-center:after{right: 0;}

.cmsCon p{display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #787799; margin-bottom: 1rem;}
.cmsCon b{font-weight: 500 !important; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #787799;}
.cmsCon a{color: #ff1c3b}
.cmsCon a:hover{color: #1e1c55; text-decoration: underline;}
.cmsCon ul{list-style: none; width: 100%; margin-bottom: 1rem;}
.cmsCon ul li{display: block; font-size: 1.0625rem; line-height: 1.4; font-weight: 400; color: #787799; margin-bottom: 0.625rem; padding-left: 1.75rem; position: relative;}
.cmsCon ul li:before{content: ""; width: 1.0625rem; height: 0.875rem; background: url(../img/svg/checkmark.svg) no-repeat center center; position: absolute; left: 0; top: 5px;}
.cmsCon ol{padding: revert; list-style: initial;}
.cmsCon ol li{font-size: 1.0625rem; line-height: 1.4; font-weight: 400; color: #787799; margin-bottom: 0.625rem; position: relative;}


/* Footer style */
.footerMain{display: block; width: 100%; background: #f6f9fc; border-top: 1px solid #e5e9ec;}
.footerInner{padding: 3rem 0;}
.footBox{display: block; width: 100%;}
.FootLogo{display: block; width: 100%; max-width: 230px; margin-bottom: 1.875rem;}
.footBox .footTitle{display: block; width: 100%; font-size: 1.4375rem; font-weight: 500; line-height: 1.4; color: #1e1c55; margin-bottom: 1rem;} 
.social-media{display: block; width: auto;}
.social-media li{display: inline-block; width: 1.8750rem; text-align: center;}
.social-media li a{font-size: 1.25rem; color: #b4b9bd; display: block; transition: all 0.4s ease-in-out;}
.social-media li.social-icons-facebook a{color: #3b5998}
.social-media li.social-icons-twitter a{color: #1aa9e1}
.social-media li.social-icons-linkedin a{color: #0073b2}
.social-media li.social-icons-instagram a{color: #7c4a3a}
.social-media li.social-icons-pinterest a{color: #cc2127}
.copyRight{background: #fff; padding: 1rem 0; text-align: center;}
.copyRight p{display: block; font-size: 0.9375rem; font-weight: 400; color: #1e1c55}
.copyRight p a{font-weight: 600;color: #1e1c55; transition: all 0.4s ease-in-out;}
.copyRight p a:hover{color: #ff1c3b}

html .scroll-to-top {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: #1e1c55;
    border-radius: 50%;
    bottom: 50px;
    color: #FFF !important;
    display: block;
    opacity: 0;
    padding: 8px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 1040;
    font-size: 1em;
    height: 40px;
}



/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {

html{font-size: 14px;}    

}


/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
.landBanTitle{font-size: 2rem;}
.landBanTitle span{display: inline-block;}
.landBansubTitle{font-size: 1.25rem;}
.bannerForm{padding: 1.25rem;}
.landBannerCon .listStyle li{font-size: 1.125rem;}

.softListSec .row{margin-left: -8px; margin-right: -8px;}
.softListSec .row div[class^='col-']{padding-right: 3px; padding-left: 3px;}

.softwareBox{margin: 5px; }
.softwareBox .softLogo{    min-height: 6rem;}
.softwareBox .softBoxCon{padding: 1rem;}
}

/* common css for below screen 767 */
@media only screen and (max-width: 767px) {
.landingBnner{padding: 0}    
.landBanHead{margin-bottom: 0;}
.bannerForm{margin: 0 -15px; width: auto; border-radius: 0; max-width: initial;}    
.featuresList li{width: 50%;}

.commonSec, .listingContent{padding: 30px 0;}
.secHead .secTitle, .customerHead .customerTitle{font-size: 1.75rem;}
.secHead.mb-5{margin-bottom: 1.5rem!important;  }
.owl-carousel .owl-dots{position: static; margin-top: 10px;}
.healpSlider{margin: 0 -15px; width: auto !important;}
.healpSlider .item { padding: 0 3px; }
.healpSlider .healpBox{padding: 1rem 0.750rem 0.75rem 0.750rem}
.healpBox .healpCon{padding: 0.75rem 0}
.healpBox .healpCon .helpTitle{font-size: 1.375rem; margin-bottom: 0.75rem;}
.healpBox .healpCon{    min-height: 10rem;}
}

@media only screen and (max-width: 568px) {
.featuresList li{width: 100%;}
}

@media only screen and (max-width: 350px) {

}

/* common css for screen size between 480 to 767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* common css for screen size between 600 to 767 */
@media only screen and (min-width: 600px) and (max-width: 767px) {

}