// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.inter-pepup {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
html {
    height: 100%
}
body {
    height: 100%;
    font-family: inter;
    color: #000;
    padding-top: 102px
}
article,aside,details,figcaption,figure,header,hgroup,menu,nav,section {
    display: block
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
ul,li {
    list-style: none
}
@media (max-width: 991px) {
.btn { border-radius: 50px; padding:10px 15px !important; font-size: 1rem;}
.footer-contact { background:#f1f1f1; padding:40px 25px; border-radius: 30px;} 
}
@media (min-width: 992px) {
.btn { border-radius: 50px; padding:10px 15px !important; font-size: 16px;}
.footer-contact { background:#f1f1f1; padding:60px; border-radius: 30px;} 
}
.btn-contactus { border-radius: 50px; padding:12px 20px !important; font-size: 1.2rem;}
.numbers {width:100%;  }
.count .number{ font-size:60px;}
.count { font-size:17px;}
.feature-boxes { margin: 0px;}
.home-reasons-why { margin-bottom:30px;}
.home-reasons-why Div img { width:70px; aspect-ratio: 1 / 1;}
.awards-section { margin:5vh 0;}
.extra-btom-margin { margin-bottom:7vh;}
.be-productive { font-size:30px; font-weight:600;}
.big-btn {font-size: 16px; padding: 10px 15px !important;}
.industries img{ width:57px; height:auto;}
.padding-20 { padding:20px 0 50px 0;}
/*ul.cities li { background: url(../images/circle-red.png); background-repeat:no-repeat; background-position:center right; background-size: 20%;} */
.bg-gray1 { background:#fbfbfb}
.font-semibold1 { font-weight:590 !important;}



img {height: auto}
a,a:visited,a:active {
    text-decoration: none;
}
.caret:after {
    content: "\f107";
    font: 14px/1 FontAwesome;
}
.font-12 {
    font-size: 12px !important;
    line-height: initial
}
.font-14 {
    font-size: 14px !important;
    line-height: initial
}
.font-16 {
    font-size: 16px !important;
    line-height: initial
}
.font-18 {
    font-size: 18px !important;
    line-height: initial
}
.font-20 {
    font-size: 20px !important;
    line-height: initial
}
.font-22 {
    font-size: 22px !important;
    line-height: initial
}
.font-24 {
    font-size: 24px !important;
    line-height: initial
}
.font-26 {
    font-size: 26px !important;
    line-height: initial
}
.font-28 {
    font-size: 28px !important;
    line-height: initial
}
.font-30 {
    font-size: 30px !important;
    line-height: initial
}
.font-32 {
    font-size: 32px !important;
    line-height: initial;
}
.white {
   color: #ffffff!important;
}
.font-45 {
	font-size: 45px !important;
	line-height: 55px;
}
.lh-initial {
    line-height: initial
}
.align-center {
    text-align: center
}
.padding-left {
    padding-left: 20px
}
.padding-right {
    padding-right: 20px
}
img.full-image {
    max-width: 100%
}
.font-bold {
    font-family: 'Inter';
}
.font-400 {font-weight: 400}
.font-600 {font-weight: 600}
.font-700 {font-weight: 700}
.rounded-5 {border-radius: 5px !important}
.bg-light-danger {
	background: #fff9fa;
}
.shadow-md {box-shadow: -8px 8px 19px -8px rgb(159 153 154 / 20%);}
.border-danger-light {border-color: #ffd5d8 !important;}
.font-semibold {
    font-family: 'Inter'; color:#000;
}
.font-light {
    font-family: 'Inter';
}
.col-4,.col-6,.one-half,.one-third,.full-width,.one-sixth {
    float: left
}
.box-shadow {
   /* box-shadow: 0px 3px 50px #0000001a;*/
}
.one-half {
    width: 50%
}
.col-4 {
    width: 45%
}
.col-6 {
    width: 55%
}
.one-third {
    width: 33.3333333333%
}
.one-sixth {
    width: 66.6666666666%
}
.full-width {
    width: 100%
}
.form-item {
    margin-bottom: 15px;
    padding: 0 10px
}
textarea.form-control {
    resize: none;
    height: 100px
}
.submit_btn {
    width: 75px;
    height: 65px;
    background: transparent url(../images/submit_btn.png) center center no-repeat;
    outline: 0;
    border: 2px solid #df0102;
    cursor: pointer;
    margin-top: 15px
}
.submit_btn:hover {
    background: #000 url(../images/submit_btn.png) center center no-repeat;
    border: 2px solid #000
}
#header-section {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0
}
.header {
    padding-top: 30px;
    background: #fff;
    /*box-shadow: 0px 3px 8px #0000001a;*/
}
.header-contact {
    width: 100%;
    background: #1a1a1a;
    text-align: right;
    font-size: 13px;
}
.header-contact span.demo-text {
    color: #df0102;
    font-size: 15px
}
.header-contact span {
    margin-left: 5px;
    text-transform: uppercase;
    color: #9b9b9b;
    font-size: 12px
}
.header-contact a.download-link {
    background: url(../images/featured-icon.png) 98px -464px no-repeat;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    line-height: 35px;
    padding-right: 35px;
    margin-left: 10px
}
.header-contact a.download-link:hover {
    color: #df0102
}
@media (min-width: 768px) {
	#home-section {
    padding: 0;
	}
}
#home-section .owl-theme .owl-controls {
    margin: 0
}
#home-section .owl-buttons > div:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}
#home-section .owl-buttons > div.owl-prev:before {
    background-image: url(../images/angle.svg);
    background-size: 100%;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
#home-section .owl-buttons > div.owl-next:before {
    background-image: url(../images/angle.svg);
    background-size: 100%
}
#home-section .owl-buttons > div {
    font: 24px FontAwesome;
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    color: transparent;
    border-radius: 0;
    bottom: 0;
    margin: auto 0; display:none;
}
#home-section .owl-buttons > div.owl-prev {
    left: -50px
}
#home-section .owl-buttons > div.owl-next {
    right: -50px
}
.banner-content {
    margin-top: 80px;
    width: 25%;
    color: #fff;
    text-align: right
}
.banner-content h1 {
    font-size: 38px;
    line-height: normal;
    margin-bottom: 60px
}
#home-section .owl-carousel .item {
    display: flex;
    align-items: center;
    padding: 3rem 0
}
#home-section .owl-carousel .item .caption {
    padding: 0 25px;
    flex: 1;
}
#home-section .owl-carousel .item h2,
#home-section .owl-carousel .item h1 {
    font-size: 40px;
    color: #000;
    margin-bottom: 25px;
    font-family: "Inter", sans-serif; font-weight:bold;
	line-height: 55px;
}
#home-section .owl-carousel .item h2 span,
#home-section .owl-carousel .item h1 span {
    color: #000
}
#home-section .owl-carousel .item .image {
    text-align: center;
    /*padding: 0 25px;*/
    order: 1;
       margin-left: 30px;
}
#home-section .owl-carousel .item .image img {
    max-width: 100%;
}
#overview p {
    font-size: 17px;
    line-height: 25px;
}
.feature-content {
    font-size: 17px
}
.feature-content .text-medium {
    font-size: 20px
}
#about {
    padding: 75px 0
}
#contact {
    padding: 0px 0;
	/*background: #f1f1f1;*/
	margin-top:5vh;
}
.logo {
    float: left
}
.logo img {
    display: block
}
.nav-wrapper {
    display: flex;
    align-items: center;
    overflow: visible;
    padding: 15px 0;
}
.navigation {
    display: flex;
    flex: 1;
    flex-direction: row-reverse
}
.navigation ul {
    z-index: 10;
    text-align: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none
}
.navigation ul li {
    display: inline-block;
    position: relative;
    cursor: pointer;
	/* background-color: #fafafa; */
    border-radius: 30px;
}
.navigation ul li ul {
    /* border-radius: 30px; */
      border-radius: 15px;
     padding:40px 0;
    
    }
.navigation ul li li {
	background-color: transparent;
    border-radius: 0px;
	}
 
.navigation ul > li > a {
    /* padding: 12px 16px; */
    font-size: 15px;
    color: #000;
    display: block;
    text-transform: capitalize;
}
 
@media (max-width: 991px) {	
.navigation ul li {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-color: #fff;
    border-radius: 0px;
}
.navigation ul li ul {border-radius: 0px; padding:10px 0;}
.navigation ul > li > a {
    padding: 5px 16px;
    font-size: 15px;
    color: #000;
    display: block;
    text-transform: capitalize;
}
.navigation ul li ul li a {
    font-size: 15px;
    color: #000;
    padding: 8px 20px;
    /*white-space: nowrap;*/
}
.navigation > ul > li:hover { background:#fff;}
.navigation > ul > li:hover > a { color: #000;}
}

@media (min-width: 992px) {	
/* .navigation > ul > li:hover { background:#df0102;} */
.navigation > ul > li:hover > a { color: #000000;}
}

.navigation ul > li > a:hover,.navigation ul > li > a:focus {
    /* text-decoration: none */
}


.navigation ul li a:hover {
    /* text-decoration: none; */
	
}
.navigation ul li li:hover > a {
    background: transparent;
    color: #df0102;
    text-shadow: none;
    text-decoration: none
}
.navigation ul li ul {
    position: absolute;
    background: #fff;
    padding: 10px;
    top: 100%;
    left: 0;
    min-width: 180px;
    box-shadow: 0 5px 35px rgba(0,0,0,.15);
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}
.navigation ul li ul li {
    display: block;
    color: #fff;
}

.navigation ul > li > a.btn {
    padding: 7px 22px;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
}
.navigation ul li ul li:hover {
    background: transparent;
}
@media (min-width: 992px) {
	.navigation ul li ul li a {
    font-size: 14px;
        /* font-size: 12px; */
    color: #000;
    /* padding: 8px 20px; */
    padding: 5px;
    white-space: nowrap
}

	.navigation ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible
	}
	
}
.bg-red {
    background: #df0102;
    color: #fff
}
.bg-light-red {
    background: #fdeeef;
}
.bg-red-page {
    background: #df0102;
    color: #fff;
    min-height: 520px
}
.bg-black {
    background: #000
}
.bg-gray {
    background: #fff
}
.gray1 {
    background: #3d3d3d
}
.gray2 {
    background: #131313
}
.gray3 {
    background: #1c1c1c
}
.gray4 {
    background: #0b0b0b
}
.gray5 {
    background: #0e0e0e
}
.gray6 {
    background: #262626
}
a.button_large,.submit_btn,.tabs li a,a.accordion_tabs {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}
a.button_large {
    padding: 14px 58px;
    border: 2px solid #df0102;
    color: #df0102;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    margin-top: 40px;
}
a.button_large:hover {
    background: #000;
    border: 2px solid #000
}
a.download_btn_red,a.download_btn_black {
    display: inline-block;
    width: 200px;
    height: 70px
}
a.download_btn_red {
    background: url(../images/download_btn-red.png) center center no-repeat;
    margin-top: 10px
}
a.download_btn_black {
    background: url(../images/download_btn-black.png) center center no-repeat
}
h1 {
    font-size: 70px;
    line-height: 70px;
}
h2 {
    font-size: 55px;
    line-height: 60px;
}
h3 {
    font-size: 48px;
    line-height: 54px;
}
h4,.h4 {
    /*font-size: 60px;
    line-height: 75px; font-weight:bold;*/
	font-size: 40px;
    line-height: 50px; 
    font-weight:bold;
	/*font-size: 70px;
    line-height: 86px; font-weight:bold;*/
}
h5 {
    font-size: 32px;
    line-height: 40px;
}
h6,.h6 {
    font-size: 25px;
    line-height: 30px; overflow-wrap: break-word;
}
.text-extra-small {
    font-size: 11px;
    line-height: 14px
}
.text-small {
    font-size: 12px;
    line-height: 20px
}
.text-medium {
    font-size: 16px;
    line-height: 23px
}
.text-large {
    font-size: 18px;
    line-height: 26px
}
.text-extra-large {
    font-size: 20px;
    line-height: 26px
}
.title-large {
    font-size: 100px;
    line-height: 95px
}
.title-extra-large {
    font-size: 130px;
    line-height: 120px
}
.text-white {
    color: #FFF
}
.text-black {
    color: #000
}
.text-extra-dark-gray {
    color: #232323
}
.text-dark-gray {
    color: #626262
}
.text-extra-medium-gray {
    color: #757575
}
.text-medium-gray {
    color: #939393
}
.text-extra-light-gray {
    color: #b7b7b7
}
.text-light-gray {
    color: #d6d5d5
}
.text-very-light-gray {
    color: #ededed
}
.no-letter-spacing {
    letter-spacing: 0px
}
.letter-spacing-1 {
    letter-spacing: 1px
}
.letter-spacing-2 {
    letter-spacing: 2px
}
.letter-spacing-3 {
    letter-spacing: 3px
}
.letter-spacing-4 {
    letter-spacing: 4px
}
.letter-spacing-5 {
    letter-spacing: 5px
}
.letter-spacing-6 {
    letter-spacing: 6px
}
.letter-spacing-7 {
    letter-spacing: 7px
}
.letter-spacing-8 {
    letter-spacing: 8px
}
.letter-spacing-9 {
    letter-spacing: 9px
}
.letter-spacing-10 {
    letter-spacing: 10px
}
.letter-spacing-minus-1 {
    letter-spacing: -1px
}
.letter-spacing-minus-2 {
    letter-spacing: -2px
}
.letter-spacing-minus-3 {
    letter-spacing: -3px
}
.letter-spacing-minus-4 {
    letter-spacing: -4px
}
.letter-spacing-minus-5 {
    letter-spacing: -5px
}
.letter-spacing-minus-6 {
    letter-spacing: -6px
}
.letter-spacing-minus-7 {
    letter-spacing: -7px
}
.letter-spacing-minus-8 {
    letter-spacing: -8px
}
.letter-spacing-minus-9 {
    letter-spacing: -9px
}
.letter-spacing-minus-10 {
    letter-spacing: -10px
}
.font-weight-100 {
    font-weight: 100
}
.font-weight-200 {
    font-weight: 200
}
.font-weight-300 {
    font-weight: 300
}
.font-weight-400 {
    font-weight: 400
}
.font-weight-500 {
    font-weight: 500
}
.font-weight-600 {
    font-weight: 600
}
.font-weight-700 {
    font-weight: 700
}
.font-weight-800 {
    font-weight: 800
}
.font-weight-900 {
    font-weight: 900
}
.border-top {
    border-top: 1px solid #e5e5e5
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5
}
.bg-grey {
    /*background-color: #f7f7f7 !important;*/
    background-attachment: fixed
}
.btn-white {
    background: #000;
    color: #fff;
    box-shadow: 0 2px 1px rgba(0,0,0,.2)
}
.btn-white:hover {
    background: #df0102;
    color: #fff;
}
span.sub-title {
    font: 14px 'Segoe UI' color: #000
}
.section-title {
    margin-bottom: 1.5rem
}
.section-title h4 small {
    display: block;
    font-size: 14px;
    margin-bottom: 5px
}
.section-title p {
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 28px
}
.bg-red .section-title h1 {
    color: #fff
}
p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}
p.sub-heading {
    font-size: 20px;
    line-height: 28px
}
ul.benefit-list {
    margin-top: 40px
}
ul.benefit-list li {
    color: #df0102;
    margin-bottom: 15px;
    line-height: 18px;
    font-size: 14px;
    padding-left: 25px;
    background: url(../images/list-type1.png) 0 4px no-repeat
}
span.address {
    display: block;
    margin-bottom: 8px
}
ul.list-type1 {
    margin-top: 20px
}
ul.list-type1 li {
    margin-bottom: 18px;
    line-height: 24px;
    font-size: 17px;
    padding-left: 25px;
    background: url(../images/list-type2.png) 0 5px no-repeat;
}
.tabs {
    overflow: hidden
}
.tabs li {
    margin-bottom: 10px
}
.tabs li a {
    color: #fff;
    border-left: 3px solid #cf3442;
    padding-left: 10px
}
.tabs li a:hover {
    color: #000
}
.tabs li.active a {
    color: #000;
    border-left: 3px solid #000
}
.accordion_tabs {
    display: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    color: #fff!important
}
a.accordion_tabs:hover {
    color: #000
}
a.accordion_tabs.active {
    color: #000!important
}
.tab_content {
    display: none
}
#footer {
    width: 100%;
    position: relative
}
.footer-top {
    width: 100%;
    padding: 40px 0;
    position: relative;
    min-height: 340px
}
.footer-bottom {
    width: 100%;
    padding: 10px 0;
    bottom: 0;
     
}
.footer-corner-image {
    position: absolute;
    right: 0;
    bottom: 0
}
.footer-content {
    color: #000;
    font-size: 18px;
    margin-bottom: 10px
}
.footer-content span.email-id {
    margin-left: 20px;
    background: url(../images/featured-icon.png) 1px -376px no-repeat;
    padding-left: 40px
}
.footer-content span.phone-no {
    background: url(../images/featured-icon.png) 1px -341px no-repeat;
    padding-left: 25px
}
.footer-bottom .copyright {
    padding: 20px 0;
    font-size: 12px;
    color: #000
}
.footer-bottom .copyright a, .footer-bottom .copyright a:hover {
    color: #000;
    text-decoration: underline
}
.quytech-image {
    vertical-align: middle;
    padding: 0 5px
}
.page-content {
    width: 100%;
    min-height: 520px
}
.customerImage {
    width: 260px;
    float: left;
    padding: 10px
}
.subHeading {
    font-size: 16px;
    font-weight: bold;
    color: #df0102
}
.topstrip {
    background: #fff;
    color: #000;
    padding: 9px 0;
    position: relative
}
.topstrip .pull-right {
    display: flex;
    align-items: center
}
.topstrip * {
    font-size: 15px;
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
}
.topstrip .pull-right ul {
    margin-left: 10px
}
.bg-default {
    background-color: #df0102;
}
.bg-1 {
    background: url(../images/inner-images/bg-1.png) no-repeat center / cover;
}
.bg-2 {
   background: url(../images/inner-images/bg-2.png) no-repeat center / cover;
}
.bg-3 {
    background: url(../images/inner-images/bg-3.jpg);
}
.btn-lg {
    padding: 12px 25px;
    font-size: 16px !important;
}
section {
    padding: 3rem 0;
    overflow: hidden
}
.display-table {
    display: table !important
}
.display-table-cell {
    display: table-cell !important
}
.vertical-align-middle {
    vertical-align: middle
}
.display-block {
    display: block !important;
}
.opacity7 {
    opacity: .7;
}
.text-white {
    color: #FFF;
}
.text-small {
    font-size: 12px;
    line-height: 20px;
}
#clients-scroller .clientslist {
    position: relative
}
#clients-scroller .owl-item {
    padding: 0 2px
}
#clients-scroller .owl-item .inner {
    padding: 15px 10px;
	margin: 20px 10px;
    background: #fff;
    box-shadow: 0px 3px 20px #ededed;
    
	border-radius: 7px;
}
#clients-scroller .owl-item .inner img {
    max-width: 100%
}
#clients-scroller .owl-pagination {
    background: #fff;
    border-radius: 25px;
    display: table;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 30px;
}
#clients-scroller .owl-pagination .owl-page {
    height: 6px;
    width: 28px;
    background: #fff;
    border-radius: 25px;
    display: table-cell;
}
#clients-scroller .owl-pagination .owl-page.active {
    background: #df0102;
}
.horizontal-tabs {
    position: relative
}
.horizontal-tabs ul.tabs {
    white-space: nowrap
}
.horizontal-tabs ul.tabs .owl-wrapper-outer {
    padding-bottom: 12px
}
.horizontal-tabs ul.tabs li {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    vertical-align: middle;
    margin: 0;
    white-space: normal
}
.horizontal-tabs ul.tabs.owl-theme li {
    display: block
}
.horizontal-tabs .tabs li a {
    margin: 0 4px;
    padding: 0 8px;
    border: none;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 20px;
    background: #efefef;
    color: #000;
    position: relative;
    box-shadow: 2px 2px 1px rgba(0,0,0,.1);
}
.horizontal-tabs ul.tabs li a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    border-top: 10px solid #df0102;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 10px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease
}
.horizontal-tabs ul.tabs li.active a {
    background: #df0102;
    color: #fff;
    text-decoration: none
}
.horizontal-tabs ul.tabs li.active a:after,.horizontal-tabs ul.tabs li:not(.active) a:hover:after {
    opacity: 1
}
.horizontal-tabs ul.tabs li:not(.active) a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -12px;
    left: 0;
    border-top: 12px solid #dedede;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    width: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease
}
.horizontal-tabs ul.tabs li:not(.active) a:hover:before {
    opacity: 1
}
.horizontal-tabs ul.tabs li a:hover {
    text-decoration: none
}
.horizontal-tabs ul.tabs li:not(.active) a:after {
    border-top: 10px solid #efefef;
}
.horizontal-tabs .tab-content {
    padding: 25px;
    background: rgb(239, 239, 239);
    margin: 15px 0;
    box-shadow: 0 4px 5px rgba(0,0,0,.1)
}
.horizontal-tabs .tab-content > div {
    display: none
}
.horizontal-tabs .tab-content > div.active {
    display: block
}
.horizontal-tabs .owl-controls.clickable {
    margin: 0
}
.horizontal-tabs .owl-controls .owl-buttons div, #clients-scroller .clientslist .owl-buttons div {
    position: absolute;
    top: 0;
    width: 30px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: transparent;
    margin: 0;
    padding: 0;
    font-family: FontAwesome;
    height: 70px
}
#clients-scroller .clientslist .owl-buttons div {
    height: 100%
}
.horizontal-tabs .owl-controls .owl-buttons div:before, #clients-scroller .clientslist .owl-buttons div:before {
    content: "\f104";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #c5c5c5
}
.horizontal-tabs .owl-controls .owl-buttons div.owl-prev, #clients-scroller .clientslist .owl-buttons div.owl-prev {
    left: -25px
}
.horizontal-tabs .owl-controls .owl-buttons div.owl-prev:before, #clients-scroller .clientslist .owl-buttons div.owl-prev:before {
    content: "\f104"
}
.horizontal-tabs .owl-controls .owl-buttons div.owl-next:before, #clients-scroller .clientslist .owl-buttons div.owl-next:before {
    content: "\f105"
}
.horizontal-tabs .owl-controls .owl-buttons div.owl-next, #clients-scroller .clientslist .owl-buttons div.owl-next {
    right: -30px
}
ul.featured-list {
    display: flex;
    flex-flow: wrap
}
ul.featured-list li {
    text-align: center;
    color: #000;
    font: 13px/20px 'Segoe UI';
    padding-top: 8px;
    padding-bottom: 8px;
}
ul.featured-list.col_6 li {
    width: calc(100%/6)
}
ul.featured-list li .inner {
    background: #fff;
    padding: 15px 2.5rem;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    box-shadow: 0px 3px 12px #00000012;
    word-break: keep-all;
}
ul.featured-list li .inner a {
    color: #000
}
ul.featured-list li .icon {
    position: absolute;
    right: -10px;
    opacity: .2;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
ul.featured-list.color-icons li:nth-child(odd) .inner {
    background: #ececec
}
ul.featured-list.color-icons li:nth-child(even) .inner {
    background: #d2d0d0
}

.card-header {
    padding: 5px;
    background: none;
    color: #df0102;
   /* border-bottom: 1px solid #000 !important;*/
}
.card-header .heading {
    font-size: 18px;
	font-weight:590 !important;
    line-height: initial;
    margin: 0;
    padding: 2px 10px;
    font-family: "Inter", sans-serif;
}
.card-header.mh {
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-body {
    padding: 10px;
    border-top: none;
    background: #fff
}
.card-footer .btn-lg {
    padding: 10px 16px;
    font-size: 14px;
}
.card-body ul li {
    font-size: 15px;
    margin: 5px 0;
    line-height: 24px;
}
.card-footer {
    padding: 15px;
    border-top: none;
    background: none;
}
.v-align {
    display: flex;
    align-items: center; justify-content: center;
}
.integration .list-inline {
    display: flex;
    justify-content: space-between;
    padding: 0 4rem;
}
.list.check li,.list.arrow li {
    background: url(../images/icons/tick-big.png) no-repeat left top 5px/15px;
    padding-left: 28px;
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0;
}
.list.arrow li {
    background: url(../images/icons/arrow.png) no-repeat left top 5px/15px;
}
.list.check li b,.list.arrow li b {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}
.list.check li p,.list.arrow li p {
    margin-bottom: 0
}
.list.check li:last-child,.list.arrow li:last-child {
    border: none
}
.mw-100 {
    max-width: 100%
}
#contact .contact-form button#submit {
    min-width: 150px;
    font-size: 16px;
    line-height: 16px;
}
ul.social-links {
    margin: 25px 0 0
}
.social-links li a {
    color: #000;
    font-size: 18px
}
.contact-info p {
    position: relative;
    padding-left: 30px
}
.contact-info p a {
    color: #000000;
}
.contact-info p > i {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    text-align: center;
    color: #000;
    line-height: 23px
}
#testimonial {
}
#testimonial .item {
    padding: 0 15px
}
#testimonial .box-content {
    padding: 30px 30px;
    background: #fff;
    position: relative;
    display: flex;
    margin-top: 50px;
    min-height: 170px;
    /*box-shadow: 0px 3px 12px #0000001a;*/
    text-align: center;
}
#testimonial .item .img-thumb {
    position: absolute;
    top: -50px;
    left: 30px;
    width: 80px
}
.testimonial-item .img-thumb img {
    border: 5px solid #fff;
    box-shadow: 0 3px 2px rgba(0,0,0,.1);
    max-width: 100%
}
.testimonial-item .content-inner {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.testimonial-item .content-inner .description {
    color: #464646;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 25px;
}
.testimonial-item .content-inner .author-info {
    padding: 3px 0;
}
.testimonial-item .content-inner .author-info .name {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    color: #000;
    display: block
}
.testimonial-item .content-inner .author-info span:not(.name) {
    font-size: 16px;
    display: block;
    margin-top: 2px;
    color: #707070;
}
#testimonial .owl-controls {
    margin: 0
}
#testimonial .owl-wrapper {
    display: flex !important;
    padding: 10px 0
}
#testimonial .owl-wrapper .owl-item {
    display: flex;
}
#testimonial .owl-buttons > div {
    position: absolute;
    top: 0;
    width: 30px;
    height: 32px;
    bottom: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: transparent;
    margin: auto 0;
    padding: 0;
}
#testimonial .owl-buttons > div.owl-prev {
    left: -25px;
    /*background: url(../images/angle.svg) no-repeat center / 100%;*/
    transform: rotatey(180deg);
}
#testimonial .owl-buttons > div.owl-next {
    right: -25px;
    /*background: url(../images/angle.svg) no-repeat center / 100%;*/
}
#mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 999
}
section.page-section {
    background: #f7f7f7;
    background-attachment: fixed;
    padding: 2.5rem 0
}
.mainContainer {
    background: #fff;
    padding: 35px 35px;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    position: relative;
}
.breadcrumbs {
    padding: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    position: relative
}
.breadcrumbs ul.breadcrumb {
    margin: 0;
    font-size: 13px;
    padding: 15px;
    background: #fff;
}
.inner-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    text-align: center;
    position: relative;
    padding: 3rem 0
}
.inner-banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    padding: 15rem 0
}
.inner-banner .caption {
    color: #fff;
    position: relative
}
.inner-banner .caption h1 {
    font-size: 55px;
    line-height: 55px;
    margin: 0
}
label.error[style="display: inline-block;"] {
    display: block !important;
    padding: 10px 15px;
    font: 14px "Segoe UI";
    margin: 10px 0px; 
}
.breadcrumb > li a {
    color;#414141}
.breadcrumb > li: last-child a,.breadcrumb > li:last-child a:hover {
    color: #df0102;
}

.h-100 {
    height: 100% !important
}
.bg-pattern-1 {
    background: none;
}
.section-title .line {
    display: inline-flex;
    margin: auto;
    position: relative;
    align-items: center;
}
.line.white::before, .line.white::after {
    background: #fff;
}
.line:before, .line:after {
    width: 35px;
    height: 1px;
    background: #414141;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.h-line {
    position: relative
}
.h-line:before {
    width: 150px;
    height: 1px;
    background: #fff;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px; display:none;
}
.h-line:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50px;
    margin: auto;
    box-shadow: inset 0 0 4px rgb(0 0 0 / 40%);  display:none;
}
.section-title .line em {
    background: #df0102;
    height: 5px;
    width: 5px;
    border-radius: 1px;
    display: inline-block;
    transform: rotate(45deg);
}
.section-title .line.white em {
    background: #fff;
}
#modules {
    background:none;
}
.group-vtabs ul.nav li {
    margin: 5px 0;
}
.group-vtabs ul.nav li a {
    background: #f5f5f5;
	border-radius: 30px;
    text-align: center;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 30px;
    line-height: initial;
    cursor: pointer;
    position: relative;
    color: #000;
    text-decoration: none;
}
.group-vtabs ul.nav li a:hover { background: #df0102; color:#fff;
}
.group-vtabs ul.nav li.active a {
    background: #df0102;
    color: #fff; 
	border-radius:30px;
}
/*.group-vtabs ul.nav.left li.active a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    width: 25px;
    height: 25px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #df0102;
    margin: auto;
	display:none;
}
.group-vtabs ul.nav.right li.active a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    bottom: 0;
    width: 25px;
    height: 25px;
    border-top: 15px solid transparent;
    border-right: 25px solid #df0102;
    border-bottom: 15px solid transparent;
    margin: auto;
}*/
.group-vtabs .tab-content {
    background: rgba(255,255,255,.9);
    padding: 18px;
    margin: 5px 0;
}
#benefits ul.list.arrow li {
    margin: 3.25rem 0 !important;
}
ul.small-icon {
    display: flex;
    flex-wrap: wrap;
}
ul.small-icon li {
    display: flex;
    margin: 15px 0;
}
ul.small-icon .inner {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-direction: column;
    /*box-shadow: 0px 3px 12px #00000012;*/
    padding: 15px 10px;
    color: #000;
	font-weight:590;
}
ul.small-icon .inner .icon {
    margin-bottom: 12px;
}
#industries {
    background: none;
}
.btn-default {
    color: #fff;
    background-color: #df0102;
    border-color: #df0102;
}
.btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-danger {
	color: #fff
}
.btn-danger:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.list-style-1 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-style-1 li {
    position: relative;
    padding: 0 0 0 22px;
    margin: 0 0 5px 0;
}
.list-style-1 li:before {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #dc3545;
    position: absolute;
    top: 11px;
    left: 0;
}
.portfolio-grid .grid-item .portfolio-img {
    overflow: hidden;
}
.portfolio-grid .grid-item .portfolio-img img {
    -webkit-transition: all 3s ease !important;
    -moz-transition: all 3s ease !important;
    transition: all 3s ease !important;
}
.portfolio-grid .grid-item:hover .portfolio-img img {
    -webkit-transform: scale(1.155);
    -moz-transform: scale(1.155);
    transform: scale(1.155)
}
.counter {
    color: #000;
}
.counter:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff);
    z-index: 0;
}
.text-justify-n {
	text-align: justify!important;
	word-spacing: -3px;
}
.bg-data_analytic {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -10px -10px;
}
.bg-mobile_n_tablets {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -94px -10px;
}
.bg-no_data_loss {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -10px -94px;
}
.bg-order_history {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -94px -94px;
}
.bg-payment_collections {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -178px -10px;
}
.bg-photo_uploads {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -178px -94px;
}
.bg-real_time_data {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -10px -178px;
}
.bg-salesman_n_tetailer {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -94px -178px;
}
.bg-tracking_no_order {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -178px -178px;
}
.bg-2g_network {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -262px -10px;
}
.bg-accurate_report {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -262px -94px;
}
.bg-anywhere_anytime_access {
	width: 64px; height: 64px;
	background: url('../images/icons/features-icon-sprites.png') -262px -178px;
}
i.fa.fa-spinner.fa-spin[style*="inline"] {
    display: inline-block !important;
}
@media screen and (max-width: 767px) {
    h5 {
        font-size: 25px;
        line-height: 32px;
    }
    .topstrip {
        padding: 5px 0
    }
    .header .logo img {
        height: 25px
    }
    h3 {
        font-size: 25px;
        line-height: 32px
    }
    h4 {
        font-size: 25px;
        line-height: 32px
    }
    h3 br {
        display: none
    }
    section {
        padding: 0px 0
    }
    #overview h3 {
        margin-top: 5px;
        margin-bottom: 10px
    }
    #overview p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px
    }
    .position-relative .mb20 {
        margin-bottom: 10px
    }
    #overview .col-md-6:last-child .feature-content > p {
        margin: 0
    }
    #overview .position-relative {
        text-align: center
    }
    .horizontal-tabs .tabs li a, .horizontal-tabs .owl-controls .owl-buttons div {
        height: 50px
    }
    #clients-scroller .clientslist .owl-buttons div {
        height: 100%
    }
    .horizontal-tabs .owl-controls .owl-buttons div.owl-prev, #clients-scroller .clientslist .owl-buttons div.owl-prev {
        left: -23px
    }
    .horizontal-tabs .owl-controls .owl-buttons div.owl-next, #clients-scroller .clientslist .owl-buttons div.owl-next {
        right: -23px
    }
    .section-title {
        margin-bottom: 15px
    }
    .horizontal-tabs .tab-content {
        padding: 15px;
        margin: 10px 0
    }
    .card-header .heading {
        font-size: 18px
    }
    .card-body ul li {
        font: 16px/22px 'Segoe UI'
    }
    #solutions .card {
        margin: 5px 0;
        padding: 0
    }
    #solutions .card .inner > div:not(.card-header) {
        display: none
    }
    #solutions .card-header .heading {
        text-align: left;
        padding: 0 10px;
        font-size: 16px;
        display: flex;
        align-items: center
    }
    #solutions .card-header.active h4:after {
        content: "\f106"
    }
    #solutions .card-header .heading:after {
        content: "\f107";
        position: relative;
        font: 20px/1 FontAwesome;
        flex: 1;
        text-align: right
    }
    .v-align {
        display: block
    }
    .integration .list-inline {
        display: block;
        overflow-x: auto;
        white-space: nowrap
    }
    ul.featured-list li .inner {
        padding: 15px 5px;
        font-size: 12px;
    }
    ul.featured-list {
    }
    ul.featured-list.col_6 li {
        width: 160px;
        white-space: normal;
        display: inline-block
    }
    #testimonial {
        padding-bottom: 40px !important
    }
    #testimonial .box-content {
        margin-top: 40px;
        padding: 40px 20px 20px
    }
    #testimonial .item .img-thumb {
        position: absolute;
        top: -35px;
        left: 18px;
        width: 60px
    }
@media (max-width: 991px) {  #contact { padding: 25px 10px } 	}   
@media (min-width: 992px) {  #contact { padding: 25px 0 } 	}
    #contact .contact-form {
        margin-top: 15px
    }
    #contact form.contact-form div[class*="col-"] {
        padding: 0
    }
    .footer-bottom .copyright {
        padding: 0;
        line-height: 20px
    }
    #testimonial .owl-buttons > div.owl-next {
        right: -15px
    }
    #testimonial .owl-buttons > div.owl-prev {
        left: -15px
    }
    .accordion_tabs {
        display: block
    }
    .tab_content {
        border: 0
    }
    .header-contact {
        display: none
    }
    .one-half, .col-4, .col-6, .one-third, .one-sixth {
        width: 100%
    }
    .tab_content {
        margin-top: 20px
    }
    .banner-content {
        width: 50%
    }
    .phone_tablet, .tilt-mob {
        width: 300px;
        height: auto
    }
    .inner-banner .caption h1 {
        font-size: 35px;
        line-height: 45px
    }
    section.page-section {
        padding: 15px 0
    }
    .mainContainer {
        padding: 15px
    }
    .breadcrumbs ul.breadcrumb {
        padding: 12px 0
    }
    .counter .count {
        width: 25%;
        text-align: center;
        margin: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .counter .count .number {
        font-size: 16px;
    }
    .counter .count .text-uppercase {
        font-size: 10px !important;
        text-transform: none !important;
    }
}
@media (max-width: 991px) {
    body {
        padding-top: 0
    }
    .inner-banner {
        background-size: inherit
    }
    #home-section {
        margin-top: 0
    }
    .topstrip .pull-right {
        width: 100%
    }
    .topstrip .pull-right p {
        flex: 1
    }
    .header {
        padding: 10px 0
    }
    .header .container {
        padding: 0 8px
    }
    .header .logo {
        flex: 1
    }
    .header .logo a {
        display: inline-block
    }
    .navigation {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -280px;
        width: 280px;
        background: #fff;
        z-index: 9999;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease
    }
    #header-section {
        position: relative;
        z-index: initial
    }
    #header-section.active .navigation {
        left: 0
    }
    .navigation ul {
        display: block;
        width: 100%; padding:5%;
    }
    .navigation ul li:not(:last-child) {
       /* border-bottom: 1px solid #e0e0e0*/
    }
    .navigation ul li {
        margin: 0;
        display: block
    }
    .navigation ul li ul {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        overflow: visible;
        box-shadow: none;
       /* border-top: 1px solid #e0e0e0;*/
        padding: 0;
				opacity: 1;
				visibility: visible
    }
    .navigation ul li ul:before {
        content: "";
        position: absolute;
        top: -11px;
        left: 20px;
        width: 0;
        /*border-right: 11px solid transparent;
        border-bottom: 11px solid #e0e0e0;
        border-left: 11px solid transparent*/
    }
    .navigation ul li ul:after {
        content: "";
        position: absolute;
        top: -9px;
        left: 22px;
        width: 0;
       /* border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent*/
    }
    .navigation ul li ul li {
        background: transparent;
        text-shadow: none;
        padding: 0 0px
    }
    .mainContainer h3:first-child {
        margin-top: 0
    }
    .navigation ul > li > a {
        padding: 18px 20px
    }
    .navigation ul > li > a > .caret {
        float: right
    }
    #home-section {
        margin-top: 0
    }
    #home-section .owl-carousel {
        display: block
    }
    #home-section .owl-carousel .item {
        display: block;
        padding: 0
    }
    #home-section .owl-carousel .item .image {
        padding: 0
    }
    #home-section .owl-carousel .item .image img {
        max-width: 100%
    }
    #home-section .owl-carousel .item .caption {
        padding: 15px 0 0;
        text-align: center
    }
@media (max-width: 991px) {		
    #home-section .owl-carousel .item h2,
    #home-section .owl-carousel .item h1 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px;
        line-height: 25px
    }
}
@media (min-width: 991px) {		
    #home-section .owl-carousel .item h2,
    #home-section .owl-carousel .item h1 {
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 15px;
        line-height: 35px
    }
}
    #home-section .owl-carousel .item p {
        margin-bottom: 5px;
        font-size: 14px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #solutions .card-deck {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    #solutions .card-deck .card {
        width: 50%;
        float: none;
        margin: 10px 0
    }
    .integration .v-align {
        display: block
    }
    ul.featured-list.col_6 li {
        width: calc(100%/4)
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navigation ul > li > a {
        padding: 30px 15px
    }
    #home-section .owl-carousel .item h2,
    #home-section .owl-carousel .item h1 {
        font-size: 26px
    }
    #home-section .owl-carousel .item .caption {
        padding: 0 0 0 25px
    }
    #home-section .owl-buttons > div.owl-prev {
        left: -30px
    }
    #home-section .owl-buttons > div.owl-next {
        right: -30px
    }
    h3 {
        font-size: 38px;
        line-height: 45px
    }
    .card-header .heading {
        font-size: 20px
    }
}
@media (max-width: 767px) {
    #home-section .owl-buttons > div.owl-prev {
        left: 0px
    }
    #home-section .owl-buttons > div.owl-next {
        right: 0px
    }
    .testimonial-item .content-inner .author-info {
        border: none !important
    }
    .clientslist .owl-buttons {
        display: none;
    }
    #home-section .owl-buttons {
        display: none;
    }
		.font-32 {
			font-size: 24px !important;
		}
		.h1, h1 {
			font-size: 2rem;
		}
		h4, .h4 {
			font-size: 26px;
			line-height: 34px;
		}
		.h3, h3 {
			font-size: 1.3rem;
		}
		.section-title p {
			font-size: 16px;
			line-height: initial;
		}
		.font-20 {
			font-size: 16px !important;
		}
		.card-header,
		.text-danger {
			color: #EB050F !important;
		}
		#home-section .owl-carousel > .item:not(:first-child) {
			display: none;
		}
}