@font-face {
  font-family: "Calibri", sans-serif;
  src: url("/fonts/calibri/Calibri Regular.ttf") format("ttf"),
       url("/fonts/calibri/Calibri Bold.TTF") format("TTF"),
       url("/fonts/calibri/Calibri Light.ttf") format("ttf");
}
body{font-family: "Calibri", sans-serif; color: #585858; line-height:22px; font-weight:400; overflow-x:hidden;font-size: 16px;}

/*reusable classes*/
a{-webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear;}
a{color: #373737;} a:hover{text-decoration: none; color: #373737;}

img{max-width:100%;}

._style_bg{background-size:cover; background-position:center center; width:100%; background-repeat:no-repeat; position:relative;}
._fix_bg{background-attachment:fixed;}
._bg_overlay{position: absolute; width:100%; top:0px; bottom:0px; left:0; right:0;}
._bg_overlay.black{background-color:rgba(0, 0, 0, 0.2);}
._bg_overlay.white{background-color:rgba(255, 255, 255, 0.5);}

.bg-f3f3f3{background-color: #f3f3f3;}
body.menuActive section.hm-banner-bg {
    opacity: 0;
	visibility:hidden;
	position:absolute;
	left:-100000;
}
.text-373737{color: #373737;}
.text-585858{color: #585858;}

.fa16{font-size:16px;}
.text-bold{font-weight: 700;}
.text-normal{font-weight: 300;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pb20{padding-bottom:20px;}
.pb40{padding-bottom:40px;}
.pb80{padding-bottom:80px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.py10{padding-top:10px; padding-bottom:10px;}
.py20{padding-top:20px; padding-bottom:20px;}
.py30{padding-top:30px; padding-bottom:30px;}
.py40{padding-top:40px; padding-bottom:40px;}
.py60{padding-top:60px; padding-bottom:60px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mr10{margin-right:10px;}
.mg0{ margin-top: 0; margin-bottom: 0;}
.mg10{ margin-top: 10px; margin-bottom: 10px;}
.mg20{ margin-top: 20px; margin-bottom: 20px;}
.mg30{ margin-top: 30px; margin-bottom: 30px;}



/*button style*/

/* Rectangle Out */

.sim-button{display: inline-block;padding: 13px 35px;background-color: #1e8900;font-size: 18px;}
.sim-button{color: #ffffff;border-radius: 50px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;border: none;cursor: pointer;}
.sim-button:hover, .sim-button:focus{color: #ffffff;}
.sim-button a{color: rgba(51,51,51,1);text-decoration: none;display: block;}
.sim-button svg{height: 20px;width: 20px;margin-left: 5px; fill: #ffffff;}
.sim-button::before{content: '';border-radius: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border: 1px solid rgb(30, 137, 0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-radius: 50px;}
.sim-button:hover::before{opacity: 0;-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.sim-button::after{content: '';border-radius: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.25);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);border-radius: 50px;}
.sim-button:hover::after{opacity: 1 ;-webkit-transform: scale(1,1);transform: scale(1,1);}

.sim-button i{-webkit-transition: transform .3s linear;-moz-transition: transform .3s linear;-ms-transition: transform .3s linear;transition: transform .3s linear;margin-left: 12px;position: relative;top: 1px;}
.sim-button:hover i, 
.sim-button:focus i{-webkit-transform: translate(15px, 0px); -moz-transform: translate(15px, 0px); -ms-transform: translate(15px, 0px); transform: translate(15px, 0px);}


.request-demo{display: inline-block;padding: 13px 35px;background-color: transparent;}
.request-demo{color: #ffffff;border-radius: 50px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;border: none;cursor: pointer;}
.request-demo:hover, .request-demo:focus{color: #1e8900;}
.request-demo a{color: rgba(51,51,51,1);text-decoration: none;display: block;}
.request-demo::before{content: '';border-radius: 50px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border: 1px solid #ffffff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.request-demo:hover::before{opacity: 0;-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.request-demo::after{content: '';border-radius: 50px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: transparent;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);}
.request-demo:hover::after{opacity: 1 ;-webkit-transform: scale(1,1);transform: scale(1,1);}

.request-demo i{-webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; transition: transform .3s linear;margin-left: 12px;}
.request-demo:hover i, 
.request-demo:focus i{-webkit-transform: translate(15px, 0px); -moz-transform: translate(15px, 0px); -ms-transform: translate(15px, 0px); transform: translate(15px, 0px);}



.btn-submit{background-color: #1e8900; border-radius: 0; color: #fff; font-weight: 400; font-size: 22px; padding: 6px 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn-submit:hover, .btn-submit:focus{color: #ffffff; background-color: #1e8900; box-shadow: none;}
/*end*/

/* Slick Slider dots and arrows Start */
.slick-dots {line-height: 0;padding: 15px 0;}
.slick-dots li, .slick-dots li button, .slick-dots li button::before {width: 15px;height: 15px;border-radius: 50%;padding: 0;}
.slick-dots li button::before {content: '';background-color: transparent;opacity: 1;border: 1px solid #1e8900;}
.slick-dots li.slick-active button::before {content: '';background-color: #1e8900;opacity: 1;}
.slick-prev, .slick-next{height: 70px;width: 40px;background-color: transparent;z-index: 1;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.slick-prev:before, .slick-next:before{color: #5d6061;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 20px;line-height: 32px;}
.slick-prev:before{content: "\f053";}
.slick-next:before{content: "\f054";}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background-color: transparent;}
.slick-slider .slick-slide:focus{outline: none;}
.slick-prev:before, .slick-next:before{opacity: 1;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color: #00acc1;}
/* Slick Slider dots and arrows End */

/* Line-effect Start*/
.line-effect {position: relative;overflow: hidden;}
.line-effect a.category-banner {display: inline-block;position: relative;width: 100%;}
.line-effect .thumb img {width: 100%;height: 575px;object-fit: cover;}
.line-effect .thumb:after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;content: '';background-color: rgba(0, 0, 0, 0.6);}
.line-effect .banner-text {position: absolute; bottom: 0;left: 0;width: 100%;text-align: center;padding: 30px 30px 40px;}
.line-effect .banner-text span.title.h1 {display: block;color: #ffffff;font-size: 36px;letter-spacing: 1px;font-weight: 700;margin-bottom: 0;}
.line-effect .banner-text .des {font-size: 16px;color: #ffffff;}
.line-effect .line-effect-content {position: absolute;content: "";top: 0;right: 0;left: 0;bottom: 0;z-index: 1;font-size: 0;}
.line-effect .line-effect-content:before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-moz-transform: scale(0,1);-webkit-transform: scale(0,1);-o-transform: scale(0,1);transform: scale(0,1);}
.line-effect .line-effect-content:before, .line-effect .line-effect-content:after {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.line-effect .line-effect-content:after {border-left: 1px solid #fff;border-right: 1px solid #fff;-moz-transform: scale(1,0);-webkit-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.line-effect .line-effect-content:hover:after, .line-effect .line-effect-content:hover:before {-moz-transform: scale(1,1);-webkit-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);}
/* Line-effect  End */

.button-one{display: inline-block;width: 100%;height: 50px;line-height: 50px;text-align: right;padding: 0 20px;padding-left: 30px;position: relative;color: #373737;font-size: 18px;font-weight: 600;width: auto;text-align: left;-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1;}
.button-one i{position: relative;top: 2px;}
.button-one::after{content: '';background-color: #e8f3e6;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 50px;border-radius: 100%;z-index: -1;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

.button-one:hover, 
.button-one:focus{color: #ffffff;}
.button-one:hover i, 
.button-one:focus i{fill: #ffffff;}
.button-one:hover::after, 
.button-one:focus::after{width: 100%;background-color: #1e8900;border-radius: 50px;}






.header-btn-main ul{list-style: none;margin: 0; padding: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex; display: flex;-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;}
.header-btn-main ul li + li{margin-left: 15px;}
/*============================================================================================*/
/* Header Start */
/*============================================================================================*/
.header-main{padding: 10px 0;position: absolute;top: 0;width: 100%; z-index: 1;}
.header-main .site-logo a{color: #9b9b9b;font-size: 20px;font-weight: 600;letter-spacing: 1px;}
.header-main .site-logo img{max-height: 50px;margin-right: 5px;}

.menuActive .header-main .site-logo a{color: #ffffff;}
.menuActive .header-main .site-logo img{filter: brightness(0) invert(1);}

.header-main.sticky{position: fixed;z-index: 5;width: 100%;top: 0;background-color: rgba(255, 255, 255, 0.8);}
.menuActive .header-main{position: fixed;z-index: 5;width: 100%;top: 0;background-color: transparent;}
.header-main .burger {position: relative;z-index: 10;cursor: pointer;-webkit-transform: rotateY(0);transform: rotateY(0);-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);background-color: #1e8900;height: 50px;width: 50px;border-radius: 50px;padding: 16px 13px;border: 2px solid #1e8900;-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);}

.header-main .burger__patty {width: 20px;height: 2px;margin: 0 0 4px 0;border-radius: 5px;background: white;-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.header-main .burger__patty:last-child {margin-bottom: 0;}
.header-main .burger--close {-webkit-transform: rotate(180deg);transform: rotate(180deg);background-color: transparent;}
.header-main .burger--close .burger__patty:nth-child(1) {-webkit-transform: rotate(45deg) translate(4px, 4px);transform: rotate(45deg) translate(4px, 4px);background-color: #1e8900;}
.header-main .burger--close .burger__patty:nth-child(2) {opacity: 0;}
.header-main .burger--close .burger__patty:nth-child(3) {-webkit-transform: rotate(-45deg) translate(5px, -4px);transform: rotate(-45deg) translate(5px, -4px);background-color: #1e8900;}

body.menuActive {overflow: hidden;}
.menuActive .main-nav:before {content: '';background-color: #0a5178;position: fixed;left: 0;width: 50%;height: 100%;z-index: 2;top: 0;}
.menuActive .main-nav:after {content: '';position: fixed;height: 100%;background-color: #f2f2f2;width: 100%;top: 0; z-index: 1;}
.main-nav .menu{max-width: 1280px;margin: auto;}

.main-nav .menu {position: fixed;top: 0;width: 100%;visibility: hidden;bottom: 0;left: 0;right: 0;overflow: hidden;background-color: #f2f2f2;z-index: 2;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;opacity: 0;height: 0;width: 0;}
.main-nav .menu::after{content: '';}
.main-nav .menu--active {visibility: visible;overflow-y: scroll;width: auto;height: auto;opacity: 1;}
.main-nav .menu__brand{float: left;width: 33%;height: 100%;padding-top: 100px;} 
.main-nav .menu__list {float: left;width: 67%;height: 100%;padding-top: 100px;}
.main-nav .menu__list {margin: 0;background: #f2f2f2;list-style-type: none;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.main-nav .menu__list--active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.main-nav .menu__brand {background: #0a5178;-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.main-nav .menu__brand--active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.main-nav .menu__item {-webkit-transform: translate3d(500px, 0, 0);transform: translate3d(500px, 0, 0);-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.main-nav .menu__item--active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.main-nav .menu__link {display: inline-block;position: relative;font-size: 70px;padding: 15px 0;font-weight: 600;text-decoration: none;color: #373737;-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);line-height: 70px;}
.main-nav .menu__link:before {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 8px;
  width: 14px;
  height: 14px;
  background: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 50%;
}
/*.main-nav .menu__link:hover:before {width: 100%;}*/
.menu-nav-left ul li a:hover, .menu-nav-left ul li a:focus {
  color: #1e8900;
}
.main-nav .menu__link:hover, .main-nav .menu__link:focus {
  color: #1e8900;
}
.main-nav .menu__link.active {
  color: #1e8900;
  padding-left: 15px;
}
.main-nav .menu__link.active a {
    color: #1e8900;
}
.main-nav .menu__link a:hover, .main-nav .menu__link a:focus {
    color: #1e8900;
}
.main-nav .menu__link.active:before {
  background-color: #1e8900;
}
/* .main-nav .menu .menu__item:nth-child(1) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.main-nav .menu .menu__item:nth-child(2) {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.main-nav .menu .menu__item:nth-child(3) {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.main-nav .menu .menu__item:nth-child(4) {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.main-nav .menu .menu__item:nth-child(5) {-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.main-nav .menu .menu__item:nth-child(6) {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;} */


.menu-left-content{padding: 0;color: #ffffff;font-size: 16px;background-color: #0a5178;}
.menu-contact-detail a{
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  position: relative;
}
.menu-contact-detail a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 40%;
  left: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  background-color: #28a745;
  border-radius: 50%;
  opacity: 0;
}
.menu-contact-detail a:hover::before{opacity: 1;}
.menu-contact-detail a:hover, .menu-contact-detail a:focus{padding-left: 15px; color:#28a745;}

.menu-nav-left{margin-top: 30px;}
.menu-nav-left ul{list-style: none; padding: 0; margin: 0;}
.menu-nav-left ul li a{color: #ffffff;font-size: 25px;padding: 15px 0;display: inline-block;font-weight: 600;}
.menu-social-left{margin-top: 20px;}
.menu-social-left ul{list-style: none; padding: 0; margin: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;}
.menu-social-left ul li a{display: block;color: #ffffff;padding: 10px 20px;font-size: 25px;}
.menu-social-left ul li a.twitter:hover, .menu-social-left ul li a.twitter:focus {
  color: #0090f1;
}
.menu-social-left ul li a.linkedin:hover, .menu-social-left ul li a.linkedin:focus {
  color: #0b66c3;
}
.menu-social-left ul li a.youtube:hover, .menu-social-left ul li a.youtube:focus {
  color: #ff0000;
}
.menu-social-left ul li:first-child a{padding-left: 0;}
.menu-left-copyright{margin-top: 20px;}
.menu-left-copyright p{margin: 0; color: #84a7bb;font-size: 12px;}

.menuActive .button-one{color: #ffffff;width: auto;}
.menuActive .button-one i{fill: #ffffff;}
.menuActive .button-one::after{width: 100%;background-color: #1e8900;border-radius: 50px;}


/*-- scroll to top --*/
.scrollToTop{width: 40px; height: 40px; position: fixed; z-index: 9999; right: 10px; bottom: 15px; color: #fff; text-align: center; line-height: 40px;cursor: pointer; border-radius: 100%; border: 1px solid #1e8900; padding: 3px;display: none;}
.scrollToTop:hover{text-decoration: none;}
.scrollToTop i{display: block; width: 100%; height: 100%; background: #1e8900; border-radius: 100%; line-height: 170% !important; font-size: 18px; color: #ffffff;}
/*Magento 2 css End*/
/*------scroll to top end--------*/


.hm-banner-bg{position: relative;padding-top: 185px;padding-bottom: 40px;}
.hm-banner-bg > .container > .row{-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}
.hm-banner-bg-building{position: absolute;bottom: 230px;z-index: -1;}
.hm-banner-bg-building > img{opacity: 0;visibility: hidden;}
.hm-banner-bg-building::before{position: absolute;content: '';left: 0px;top: -4px;width: 100%;height: 345px;background: url('../img/banner/box-3/building-background.svg') repeat-x;-webkit-animation: slide 20s linear infinite;-moz-animation: slide 20s linear infinite;-ms-animation: slide 20s linear infinite;animation: slide 20s linear infinite;}

.circle-bottom-content{color: #9b9b9b;font-weight: 600;padding: 20px 0;position: relative;z-index: 1;}
.circle-bottom-content a{color: #9b9b9b;}
.circle-bottom-content .circle{height: 40px;width: 40px;line-height: 40px;display: inline-block;text-align: center;border-radius: 100%;color: #ffffff;font-weight: 600;margin-right: 5px;}

.hm-banner-bg .dsk-banner-box-1, 
.hm-banner-bg .dsk-banner-box-2, 
.hm-banner-bg .dsk-banner-box-3{position: relative;}
.hm-banner-bg .dsk-banner-box-2{padding-top: 80px;}

.hm-banner-bg .dsk-banner-box-1 .circle{background-color: #f1ad42;}
.hm-banner-bg .dsk-banner-box-2 .circle{background-color: #e36639;}
.hm-banner-bg .dsk-banner-box-3 .circle{background-color: #6298c4;}


.hm-banner-bg .dsk-banner-box-1 > img{max-height: 500px;}

.hm-banner-bg .dsk-banner-box-1 .chat-box{position: absolute;top: -65px;right: 38px;}
.hm-banner-bg .dsk-banner-box-1 .chat-box img{max-height: 200px;}
.hm-banner-bg .dsk-banner-box-1 .chat-box .chat-icon{position: absolute;top: -20px;right: -35px;}
.hm-banner-bg .dsk-banner-box-1 .chat-box .chat-icon img{max-height: 50px;}
.hm-banner-bg .dsk-banner-box-1 .mail-box{position: absolute;top: 50px;left: -8px;}
.hm-banner-bg .dsk-banner-box-1 .mail-box .mail-icon img{height: 18px;}
.hm-banner-bg .dsk-banner-box-1 .mail-box .three-line-arrow{position: absolute;top: -60px;right: -35px;}
.hm-banner-bg .dsk-banner-box-1 .mail-box .three-line-arrow img{height: 30px;}
.hm-banner-bg .dsk-banner-box-1 .mail-box .line-arrow{position: absolute;top: -90px;right: -95px;}
.hm-banner-bg .dsk-banner-box-1 .mail-box .line-arrow img{height: 30px;}
.hm-banner-bg .dsk-banner-box-1 .dsk-screen{position: absolute;top: 150px;left: 200px;}
.hm-banner-bg .dsk-banner-box-1 .dsk-screen img{height: 80px;}
.hm-banner-bg .dsk-banner-box-1 .currency-circle{position: absolute;top: 145px;left: 160px;}
.hm-banner-bg .dsk-banner-box-1  .currency-circle img{height: 25px;}
.hm-banner-bg .dsk-banner-box-1  .currency-arrow{position: absolute;top: 120px;left: 168px;}
.hm-banner-bg .dsk-banner-box-1  .currency-arrow img{height: 200px;}
.hm-banner-bg .desk-arrow-one{position: absolute;top: 175px;left: 183px;}
.hm-banner-bg .desk-arrow-one img{height: 148px;}
.hm-banner-bg .desk-arrow-one .moving-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-one .static-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-one .moving-arrow{display: block;}
.hm-banner-bg .desk-arrow-one svg{height: 100px; display: block;}



.hm-banner-bg .dsk-banner-box-2 > img{max-height: 360px;}
.hm-banner-bg .gear-img-wraper{position: absolute;top: 0px;left: 135px;}
.hm-banner-bg .gear-img-wraper .gear-img-2{position: absolute;top: 50px;right: -27px;}
.hm-banner-bg .gear-img-wraper .gear-img-3{position: absolute;top: 30px;right: -50px;}
.hm-banner-bg .gear-img-wraper .gear-img-4{position: absolute;top: 50px;right: -77px;}

.hm-banner-bg .chat-icon-2{position: absolute;top: 58px;left: 45px;}
.hm-banner-bg .chat-icon-2 img{height: 50px;}
.hm-banner-bg .mail-icon-2{position: absolute;top: 122px;left: -10px;}
.hm-banner-bg .mail-icon-2 img{height: 25px;}

.hm-banner-bg .gear-img-wraper .gear-img-1 img{height: 60px;}
.hm-banner-bg .gear-img-wraper .gear-img-2 img{height: 45px;}
.hm-banner-bg .gear-img-wraper .gear-img-3 img{height: 32px;}
.hm-banner-bg .gear-img-wraper .gear-img-4 img{height: 32px;}


.hm-banner-bg .dashboard-img-1{position: absolute;top: -20px;left: 70px;}
.hm-banner-bg .dashboard-img-1 img{height: 78px;}

.hm-banner-bg .dashboard-img-2{position: absolute;top: -30px;right: -20px;}
.hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper{position: relative;}
.hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-1 img{height: 100px;}
.hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2{position: absolute;top: 8px;left: 20px;}
.hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2 img{height: 85px;}


.hm-banner-bg .desk-arrow-two{position: absolute;top: 164px;left: 200px;padding-right: 18px;}
.hm-banner-bg .desk-arrow-two img{height: 70px;}
.hm-banner-bg .desk-arrow-two .moving-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-two .static-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-two .moving-arrow{display: block;}


.hm-banner-bg .desk-arrow-two svg{height: 55px;}


.hm-banner-bg .desk-arrow-two .desk-arrow-two-desk-icon{position: absolute;top: -24px;left: 145px;}
.hm-banner-bg .desk-arrow-two .desk-arrow-two-desk-icon img{width: 40px;height: 40px;}




.hm-banner-bg .desk-arrow-three{position: absolute;top: 45px;left: -10px;-webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg);}
.hm-banner-bg .desk-arrow-three img{height: 75px;}
.hm-banner-bg .desk-arrow-three .moving-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-three .static-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-three .moving-arrow{display: block;}
.hm-banner-bg .desk-arrow-three svg{height: 75px;}
.hm-banner-bg .desk-arrow-four{position: absolute;top: -154px;right: 172px;z-index: -1;}
.hm-banner-bg .desk-arrow-four img{height: 185px;}
.hm-banner-bg .desk-arrow-four .moving-arrow{display: none;-webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);}
.hm-banner-bg .desk-arrow-four .moving-arrow img{height: 130px;}
.hm-banner-bg .slide-item.active .desk-arrow-four .static-arrow{display: none;}
.hm-banner-bg .slide-item.active .desk-arrow-four .moving-arrow{display: block;}
.hm-banner-bg .desk-arrow-four svg{height: 125px;transform: rotate(-9deg);}

.hm-banner-bg .dsk-banner-box-1 .circle-bottom-content{top: 45px;}
.hm-banner-bg .dsk-banner-box-2 .circle-bottom-content{left: 45px;}
.hm-banner-bg .dsk-banner-box-3 .circle-bottom-content{left: 45px; top: 40px;}






.hm-banner-bg .slide-item.active .dsk-banner-box-1 .chat-box{-webkit-animation: moveLeftBounce 5s linear infinite;animation: moveLeftBounce 5s linear infinite;}
.hm-banner-bg .slide-item.active .dsk-banner-box-1 .chat-box .chat-icon{-webkit-animation: scale-up-center 1.9s linear infinite alternate ;animation: scale-up-center 1.9s linear infinite alternate ;}
.hm-banner-bg .slide-item.active .dsk-banner-box-1 .mail-box .mail-icon img{-webkit-animation: flip-scale-2-ver-left 3s linear infinite alternate both;animation: flip-scale-2-ver-left 3s linear infinite alternate both;}
.hm-banner-bg .slide-item.active .dsk-banner-box-1 .dsk-screen img{-webkit-animation: scale-up-center 4.9s linear infinite alternate;animation: scale-up-center 4.9s linear infinite alternate;}




.hm-banner-bg .slide-item.active .gear-img-wraper .gear-img-1 img{-webkit-animation-name: rotateMe;animation-name: rotateMe;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.hm-banner-bg .slide-item.active .gear-img-wraper .gear-img-2 img{-webkit-animation-name: rotateMe;animation-name: rotateMe;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.hm-banner-bg .slide-item.active .gear-img-wraper .gear-img-3 img{-webkit-animation-name: rotateMe;animation-name: rotateMe;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.hm-banner-bg .slide-item.active .gear-img-wraper .gear-img-4 img{-webkit-animation-name: rotateMe;animation-name: rotateMe;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.hm-banner-bg .slide-item.active .chat-icon-2 img{-webkit-animation: scale-up-center 1.9s linear infinite alternate;animation: scale-up-center 1.9s linear infinite alternate;}
.hm-banner-bg .slide-item.active .mail-icon-2 img{-webkit-animation: rotate-scale-down 6s linear infinite both;animation: rotate-scale-down 6s linear infinite both;}
.hm-banner-bg .slide-item.active .desk-arrow-two .desk-arrow-two-desk-icon img{-webkit-animation: scale-up-center 1.9s linear infinite alternate;animation: scale-up-center 1.9s linear infinite alternate; }

.hm-banner-bg .slide-item.active .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2 img{-webkit-animation-name: rotateMe;animation-name: rotateMe;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear; animation-timing-function: linear;}


.slide-item.active .mobile-arrow-1 .st1{stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 2s linear infinite;}
.slide-item.active .mobile-arrow-2 .st1{stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 3s linear infinite;}
.slide-item.active .mobile-arrow-3 .st1{stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 3s linear infinite;}
.slide-item.active .mobile-arrow-4 .st1{stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 3s linear 3s infinite;}

@keyframes dash {
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}




@-webkit-keyframes moveLeftBounce {
  0% {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px);transform: translateX(0px);}
  50% {-webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
  100% {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } 
}
@keyframes moveLeftBounce {
  0% {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px);transform: translateX(0px);}
  50% {-webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
  100% {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } 
}


@-webkit-keyframes scale-up-center {
  0% {-webkit-transform: scale(0.5);transform: scale(0.5);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes scale-up-center {
  0% {-webkit-transform: scale(0.5);transform: scale(0.5);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

@-webkit-keyframes flip-scale-2-ver-left {
  0% {-webkit-transform: translateX(0) rotateY(0) scale(1);transform: translateX(0) rotateY(0) scale(1);-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;}
  50% {-webkit-transform: translateX(-50%) rotateY(90deg) scale(2);transform: translateX(-50%) rotateY(90deg) scale(2);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
  100% {-webkit-transform: translateX(-100%) rotateY(180deg) scale(1);transform: translateX(-100%) rotateY(180deg) scale(1);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;}
}
@keyframes flip-scale-2-ver-left {
  0% {-webkit-transform: translateX(0) rotateY(0) scale(1);transform: translateX(0) rotateY(0) scale(1);-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;}
  50% {-webkit-transform: translateX(-50%) rotateY(90deg) scale(2);transform: translateX(-50%) rotateY(90deg) scale(2);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
  100% {-webkit-transform: translateX(-100%) rotateY(180deg) scale(1);transform: translateX(-100%) rotateY(180deg) scale(1);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;}
}


@-webkit-keyframes rotateMe {
  from {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotateMe {
  from {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
}

@-webkit-keyframes animationFramesTwo {
  0% {-webkit-transform: translate(0px,0px) rotate(0deg) ; -moz-transform: translate(0px,0px) rotate(0deg) ; -ms-transform: translate(0px,0px) rotate(0deg) ; transform: translate(0px,0px) rotate(0deg) ;}
  20% {-webkit-transform: translate(73px,-1px) rotate(36deg) ; -moz-transform: translate(73px,-1px) rotate(36deg) ; -ms-transform: translate(73px,-1px) rotate(36deg) ; transform: translate(73px,-1px) rotate(36deg) ;}
  40% {-webkit-transform: translate(141px,72px) rotate(72deg) ; -moz-transform: translate(141px,72px) rotate(72deg) ; -ms-transform: translate(141px,72px) rotate(72deg) ; transform: translate(141px,72px) rotate(72deg) ;}
  60% {-webkit-transform: translate(83px,122px) rotate(108deg) ; -moz-transform: translate(83px,122px) rotate(108deg) ; -ms-transform: translate(83px,122px) rotate(108deg) ; transform: translate(83px,122px) rotate(108deg) ;}
  80% {-webkit-transform: translate(-40px,72px) rotate(144deg) ; -moz-transform: translate(-40px,72px) rotate(144deg) ; -ms-transform: translate(-40px,72px) rotate(144deg) ; transform: translate(-40px,72px) rotate(144deg) ;}
  100% {-webkit-transform:  translate(0px,0px) rotate(0deg) ; -moz-transform:  translate(0px,0px) rotate(0deg) ; -ms-transform:  translate(0px,0px) rotate(0deg) ; transform:  translate(0px,0px) rotate(0deg) ;}
}
@keyframes animationFramesTwo {
  0% {-webkit-transform: translate(0px,0px) rotate(0deg) ; -moz-transform: translate(0px,0px) rotate(0deg) ; -ms-transform: translate(0px,0px) rotate(0deg) ; transform: translate(0px,0px) rotate(0deg) ;}
  20% {-webkit-transform: translate(73px,-1px) rotate(36deg) ; -moz-transform: translate(73px,-1px) rotate(36deg) ; -ms-transform: translate(73px,-1px) rotate(36deg) ; transform: translate(73px,-1px) rotate(36deg) ;}
  40% {-webkit-transform: translate(141px,72px) rotate(72deg) ; -moz-transform: translate(141px,72px) rotate(72deg) ; -ms-transform: translate(141px,72px) rotate(72deg) ; transform: translate(141px,72px) rotate(72deg) ;}
  60% {-webkit-transform: translate(83px,122px) rotate(108deg) ; -moz-transform: translate(83px,122px) rotate(108deg) ; -ms-transform: translate(83px,122px) rotate(108deg) ; transform: translate(83px,122px) rotate(108deg) ;}
  80% {-webkit-transform: translate(-40px,72px) rotate(144deg) ; -moz-transform: translate(-40px,72px) rotate(144deg) ; -ms-transform: translate(-40px,72px) rotate(144deg) ; transform: translate(-40px,72px) rotate(144deg) ;}
  100% {-webkit-transform:  translate(0px,0px) rotate(0deg) ; -moz-transform:  translate(0px,0px) rotate(0deg) ; -ms-transform:  translate(0px,0px) rotate(0deg) ; transform:  translate(0px,0px) rotate(0deg) ;}
}

@-webkit-keyframes slide-top {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
}
@keyframes slide-top {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
}


@-webkit-keyframes slide-bottom {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(50px);transform: translateY(50px);}
}
@keyframes slide-bottom {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  100% {-webkit-transform: translateY(50px);transform: translateY(50px);}
}


@-webkit-keyframes rotate-scale-down {
  0% {-webkit-transform: scale(1) rotateZ(0);transform: scale(1) rotateZ(0);}
  50% {-webkit-transform: scale(0.5) rotateZ(180deg);transform: scale(0.5) rotateZ(180deg);}
  100% {-webkit-transform: scale(1) rotateZ(360deg);transform: scale(1) rotateZ(360deg);}
}
@keyframes rotate-scale-down {
  0% {-webkit-transform: scale(1) rotateZ(0);transform: scale(1) rotateZ(0);}
  50% {-webkit-transform: scale(0.5) rotateZ(180deg);transform: scale(0.5) rotateZ(180deg);}
  100% {-webkit-transform: scale(1) rotateZ(360deg);transform: scale(1) rotateZ(360deg);}
}



@-webkit-keyframes image_upDown2 {
  0% {-webkit-transform: translateY(-10px);transform: translateY(-10px); }
  100% {-webkit-transform: translateY(10px);transform: translateY(10px); } 
}

@-moz-keyframes image_upDown2 {
  0% {-moz-transform: translateY(-10px);transform: translateY(-10px); }
  100% {-moz-transform: translateY(10px);transform: translateY(10px); } 
}

@-o-keyframes image_upDown2 {
  0% {-o-transform: translateY(-10px);transform: translateY(-10px); }
  100% {-o-transform: translateY(10px);transform: translateY(10px); } 
}

@keyframes image_upDown2 {
  0% {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 
}



@-webkit-keyframes squareMover{
  0%,to{transform:translate(0) rotate(0);}
  20%,60%{transform:translate(20px,40px) rotate(180deg);}
  30%,80%{transform:translate(40px,60px) rotate(0deg);}
}
@keyframes squareMover{
  0%,to{transform:translate(0) rotate(0);}
  20%,60%{transform:translate(20px,40px) rotate(180deg);}
  30%,80%{transform:translate(40px,60px) rotate(0deg);}
}


@keyframes slide{
  from { background-position: 0 0; }
  to { background-position: -200px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
  to { background-position: -200px 0; }
}
@-moz-keyframes slide{
  from { background-position: 0 0; }
  to { background-position: -200px 0; }
}
@-ms-keyframes slide{
  from { background-position: 0 0; }
  to { background-position: -200px 0; }
}



.hm_logo .logo_slider{padding: 50px 0;}
.hm_logo .slide{text-align: center;height: 60px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;align-items: center;display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center;-ms-align-items: center; align-items: center;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
.hm_logo .slide img{margin: 0 auto;max-height: 60px;-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: .8; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.hm_logo .slide img:hover{-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;}


.hm-ap-invoice-wraper{padding: 60px 0; position: relative;}
.hm-ap-invoice-wraper h4{color: #373737;font-size: 24px;font-weight: 600;margin-bottom: 20px;}
.hm-ap-invoice-content ul {
    list-style: none;
    padding-left: 0px;
}
.hm-ap-invoice-content ul li {
    color: #585858;
    font-size: 16px;
}
.hm-ap-invoice-wraper p{color: #585858;font-size: 16px;}

.hm-ap-invoice-content{max-width: 400px;margin: auto;} 
.hm-ap-invoice-img{text-align: center;}
.hm-ap-invoice-img img{max-width: 400px;}

.line-svg svg{height: 100%;position: absolute;top: 0;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.line-svg svg path{fill:none;stroke:#373737;stroke-width:2;stroke-linecap:square;stroke-miterlimit:10;}
.line-svg .svgline-content{position: absolute;top: 0;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-align-items: center; -moz-align-items: center; align-items: center;-ms-align-items: center; align-items: center;}
.line-svg .svgline-content span{background-color: #ffffff;font-style: italic;-webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg);text-align: center;padding: 10px 0;}



.hm-accounting-logo{background-color: #373737;padding: 70px 0;text-align: center;color: #ffffff;}
.hm-accounting-logo h4 {
  margin-bottom: 30px;
  font-size: 26px;
}
.hm-accounting-logo h3 {
  margin-top: 30px;
  font-size: 26px;
}
.hm-accounting-logo .accounting_slider{list-style: none; padding: 0;}
.hm-accounting-logo .accounting_slider li a{display: block;text-align: center;background-color: #fff;padding: 10px;-webkit-box-shadow: -1px 3px 12px -4px rgba(0,0,0,0.20);-moz-box-shadow: -1px 3px 12px -4px rgba(0,0,0,0.20);box-shadow: -1px 3px 12px -4px rgba(0,0,0,0.20);margin: 15px 0px;border-radius: 5px;overflow: hidden;position: relative;-webkit-transition: border 250ms ease-in-out;transition: border 250ms ease-in-out;-o-object-fit: contain;object-fit: contain;max-width: 100%;min-height: 136px;}
.hm-accounting-logo .accounting_slider li a img{width: 70%;height: 45%;object-fit: contain;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: -webkit-transform .25s ease-in-out;transition: -webkit-transform .25s ease-in-out;transition: transform .25s ease-in-out;transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;}
.hm-accounting-logo .accounting_slider li a .integration-learn-more {
  width: 80%;
  height: 100%;
  -webkit-transform: translate(-50%,15rem);
  transform: translate(-50%,15rem);
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  bottom: 50%;
  left: 50%;
}

.hm-accounting-logo .accounting_slider li a::before {content: "";border-top: 3px solid #1C8EEA;display: block;-webkit-transform: scaleX(0);transform: scaleX(0);top: 0;left: 0;position: absolute;width: 100%;-webkit-transition: -webkit-transform 250ms ease-in-out;transition: -webkit-transform 250ms ease-in-out;transition: transform 250ms ease-in-out;transition: transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;}

.hm-accounting-logo .accounting_slider li a:hover::before, .hm-accounting-logo .accounting_slider li a:active::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hm-accounting-logo .accounting_slider li a:active img, .hm-accounting-logo .accounting_slider li a:hover img {
  -webkit-transform: translate(-50%,-10.4rem);
  transform: translate(-50%,-10.4rem);
}

.hm-accounting-logo .accounting_slider li a:active .integration-learn-more, .hm-accounting-logo .accounting_slider li a:hover .integration-learn-more {
  -webkit-transform: translate(-50%,50%);
  transform: translate(-50%,50%);
}
.learn-how {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #1e1f23;
  margin: 0;
  padding-bottom: .5rem;
}
.circle-arrow {
  height: 27px;
  width: 27px;
  background: #1C8EEA;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
  fill: #fff;
}
.hm-accounting-logo .accounting_slider li a span{display: block;}

.view-integrations a{color: #ffffff;}
.view-integrations a i{position: relative;top: 3px;}


.hm-testimonials-slider{padding: 40px 0;}
.testimonials-slide{text-align: center;}
.testimonial-content{color: #737373;font-size: 24px !important;line-height: 30px !important;position: relative;max-width: 800px;margin: auto;padding-top: 20px;}
.testimonial-content p{font-size:24px !important; line-height:30px !important;}
.testimonial-content i{color: #e2e2e2;-webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2);position: absolute;z-index: -1;}
.testimonial-content i.fa-quote-left{left: 12px;top: 10px;}
.testimonial-content i.fa-quote-right{right: 12px;bottom: -15px;}
.testimonial-destination{color: #878787;}
.testimonial-sign{padding: 20px 0;}
/* .testimonial-sign img{max-height: 70px;} */

.handmobile-main{overflow: hidden;}
.handmobile-content{padding: 40px 0;}
.handmobile-content h3{text-align: center;font-size: 40px;color: #373737;font-weight: 700;}
.handmobile-img-desktop{text-align: center;-webkit-animation: slide-bottom 5s linear infinite alternate both;animation: slide-bottom 5s linear infinite alternate both;}
.handmobile-img-desktop img{max-width: 260px;}
.handmobile-main .header-btn-main ul{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}

.ready-increase-bg{background-color: #1e8900;background-repeat: no-repeat;background-size: contain;background-position: bottom;padding: 80px 0 130px;}
.ready-increase-content{text-align: center;color: #ffffff;}
.ready-increase-bg .sim-button{background-color: #ffffff;color: #1e8900;}
.ready-increase-bg .sim-button::before{border: 1px solid rgb(255, 255, 255);}
.ready-increase-content h4{font-size: 60px;font-weight: 700;}
.ready-increase-content p{margin: 20px 0 40px;font-size: 16px; line-height: 22px;}

.footer-main{background-color: #011322;padding: 40px 0 0;position: relative;}
.footer-main::before{content: '';background-image: url('../img/footer-bg-logo.png');height: 220px;width: 150px;position: absolute;background-size: 100%;background-repeat: no-repeat;bottom: 30px;}
.footer-link-main {border-bottom: 1px solid #33424e;}
.footer-logo a{color: #ffffff;font-weight: 600;}
.footer-logo a img{max-height: 50px;margin-right: 10px;}
.footer-content{color: #ffffff;font-size: 16px;margin-top: 8px;}
.footer-mail-link{margin-top: 30px;margin-bottom: 30px;}
.footer-mail-link h5{font-size: 16px;margin: 0;}
.footer-mail-link a{color: #ffffff; font-size: 16px; line-height: 22px; position: relative;}
.footer-social-link ul{list-style: none;padding: 0; margin: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;}
.footer-social-link ul li + li{margin-left: 20px;}
.footer-social-link ul li a{color: #ffffff;}
.footer-social-link ul li a.twitter:hover, .footer-social-link ul li a.twitter:focus {
  color: #0090f1;
}
.footer-social-link ul li a.linkedin:hover, .footer-social-link ul li a.linkedin:focus {
  color: #00537b;
}
.footer-social-link ul li a.youtube:hover, .footer-social-link ul li a.youtube:focus {
  color: #ff0000;
}
.footer-social-link ul li a i{font-size: 0;}
.footer-social-link ul li a i::before{font-size: 25px;}
.footer-links{margin-bottom: 40px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footer-links > div{width: calc(33.333333% - 30px);margin: 0 15px;}
.footer-links ul{list-style: none;padding: 0; margin: 0;}
.footer-links ul li a{color: #ffffff;padding: 8px 0;display: block;font-size: 16px;}
.footer-links ul li a:hover, .footer-links ul li a:focus {
  color: #1e8900;
}
.footer-mail-link a:hover, .footer-mail-link a:focus {
  text-decoration: underline;
  padding-left: 15px;
}
.footer-mail-link a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 40%;
  left: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  background-color: #28a745;
  border-radius: 50%;
  opacity: 0;
}
.footer-mail-link a:hover::before{opacity:1;}
.footer-copyright{color: #ffffff;padding: 15px 0;font-size: 16px;}
.footer-copyright p{margin: 0;color: #7f8890;}
.footer-copyright p i{font-size: 4px;position: relative;top: -3px;margin: 0 5px;}
.artsanace-logo{text-align: right;}
.artsanace-logo img{max-height: 20px;}


.inner-banner-gray{background-color: #f3f3f3;padding: 120px 0 60px;}
.inner-banner-gray .abt-header-content h4{font-weight: 700;margin-bottom: 10px;}
.inner-banner-gray .abt-header-content h5{font-size: 24px; margin-bottom: 20px;}

.inner-banner-gray .abt-header-img{margin-bottom: -200px;-webkit-box-shadow: 0px 0px 35px 5px rgba(204,204,204,1);-moz-box-shadow: 0px 0px 35px 5px rgba(204,204,204,1);box-shadow: 0px 0px 35px 5px rgba(204,204,204,1);}

.abt-zahara-content-main{padding-top: 40px;}
.abt-zahara-content-main .site-logo{padding: 40px 0;}
.abt-zahara-content-main .site-logo a{color: #9b9b9b;font-size: 20px;font-weight: 600;letter-spacing: 1px;}
.abt-zahara-content-main .site-logo img{max-height: 50px;margin-right: 5px;}
.abt-zahara-content-main .content{padding-top: 40px;}
.abt-zahara-content-main .content p{color: #585858;font-size: 17px;margin-bottom: 40px;}
.abt-zahara-content-main .content {
    width: 100%;
    float: none;
    margin-top: 0px;
}
.abt-purchase-three-main{padding: 40px 0;}
.abt-purchase-wraper .read-more-btn .button-one{width: auto;}
.abt-purchase-wraper .read-more-btn {
  margin-top: 30px;
}
.abt-purchase-wraper{margin-bottom: 20px;}
.abt-purchase-img{margin-bottom: 30px; text-align: center;}
.abt-purchase-img img {
  height: 190px;
}
.abt-purchase-wraper h4{font-size: 25px;font-weight: 700;}
.abt-purchase-wraper h4 a{color: #373737;}
.abt-purchase-wraper p{color: #585858;}

.our-team-info .container{position: relative;}
.our-team-info .container .row > div{position: static;}
.our-team-info .team-outer-content-wraper{visibility: hidden;position: absolute;width: 100%;left: 0;margin: auto;right: 0;padding-left: 25px; padding-right: 25px;background-color: #ffffff;}

.team-outer.active + .team-outer-content-wraper{visibility: visible;}

.team-outer.active .member-img img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);-webkit-filter: grayscale(0);filter: grayscale(0);}


.our-team-info.active .team-outer .member-img::after{content: '';position: absolute;background-color: rgba(255, 255, 255, 0.6);top: 0;bottom: 0;left: 0;right: 0;}
.our-team-info.active .team-outer.active .member-img::after{display: none;}

.our-team-info.active .team-outer .member-detail{display: none;}
.our-team-info.active .team-outer.active  .member-detail{display: block;}

@media (min-width: 1200px){
  
  
}
@media (min-width:992px){
  .footer-logo-content .footer-logo-links{display: none;}
  .hm-banner-bg > .container > .row > .col-md-4{padding-left: 0; padding-right: 0;}
  .hm-banner-bg .mobile-arrows{display: none;}
}
@media (min-width:768px){
  .handmobile-img-mobile{display: none;}
  .main-nav .menu__brand--active .menu-left-content::after {content: "";position: fixed;top: 0;width: 100%;height: 100vh;background: rgb(10 81 120);z-index: -1;left: 0;right: 0;}

.main-nav .menu__brand--active .menu-left-content::before {content: "";position: fixed;top: 0;width: 100%;height: 100vh;background: rgb(10 81 120);z-index: -1;left: 0;right: 0;}

.left-content-info {
  position: fixed;
  visibility: visible;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding: 0px 50px;
}
.menu-items {
  margin: 0;
  background: #f2f2f2;
  list-style-type: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 100%;
}
}

@media (max-width:1199px){
  .hm-banner-bg .desk-arrow-one img{height: 155px;}
  .hm-banner-bg .dsk-banner-box-1 .chat-box img {max-height: 150px;}
  .hm-banner-bg .desk-arrow-one{top: 127px;left: 186px;}
  .hm-banner-bg .dsk-banner-box-1 .dsk-screen{top: 100px;}
  .hm-banner-bg .desk-arrow-two{top: 190px;left: 206px;}
  .hm-banner-bg .desk-arrow-two img {height: 80px;}
  .hm-banner-bg .desk-arrow-two img {height: 30px;}
  .hm-banner-bg .desk-arrow-two .desk-arrow-two-desk-icon{top: -35px;left: 80px;}
  .hm-banner-bg .desk-arrow-four{top: -185px;right: 157px;-webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg);}
  .hm-banner-bg .dashboard-img-1{left: 52px;}
  .hm-banner-bg .dashboard-img-1 img{height: 63px;}
  .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-1 img{height: 75px;}
  .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2 img{height: 60px;}
}
@media (max-width:991px){
  .menu-nav-left ul li a{font-size: 20px;}
  .main-nav .menu__link{font-size: 50px;line-height: 50px;}
  .logo_slider .slick-list{padding: 0 55px 0 0!important;}
  .line-svg{text-align: center;}
  .line-svg svg{position: static;height: 500px;margin-left: 65px;}
  .line-svg .svgline-content{left: 48%;}
  .footer-links > div{width: calc(50% - 30px);}
  .hm-accounting-logo .accounting_slider li{margin-bottom: 10px;}
  .hm-ap-invoice-content{margin-top: 30px;}
  .hm-accounting-logo .accounting_slider{margin-top: 30px;}
  .footer-links .footer-links-one{display: none;}
  .footer-logo-content .footer-logo a{font-size: 0;}
  .footer-logo-content{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}
  .footer-logo-content .footer-logo{width: calc(50% - 30px);;margin: 0 15px;text-align: center;}
  .footer-logo-content .footer-logo-links{width: calc(50% - 30px);margin: 0 15px;}
  .footer-logo-content .footer-logo-links .footer-links-one{text-align: left;margin-bottom: 20px;}
  .footer-logo-content .footer-logo-links ul{list-style: none;padding: 0; margin: 0;display: inline-block;text-align: left;}
  .footer-logo-content .footer-logo-links li a{color: #ffffff;padding: 8px 0;display: block;font-size: 15px;}
  .footer-logo a img {max-height: initial; margin-right: 0;}
  .footer-link-main{border-top: 1px solid #33424e;padding-top: 20px;}
  .footer-content{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .footer-content .footer-content-wraper{width: 100%;order: 2;}
  .footer-content .footer-mail-link{width: 100%;order: 3;margin-top: 0;}
  .footer-content .footer-social-link{width: 100%;order: 1;padding: 40px 0;}
  .footer-social-link ul{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
  .footer-links{margin-bottom: 0px;}
  .artsanace-logo {text-align: center;}
  .footer-copyright p i{display: none;}
  .footer-copyright{text-align: center;}
  .footer-copyright p span{display: block; margin-bottom: 15px;}
  .footer-main::before{display: none;}

  .hm-banner-bg .desk-arrow-one, 
  .hm-banner-bg .desk-arrow-two, 
  .hm-banner-bg .desk-arrow-three, 
  .hm-banner-bg .desk-arrow-four, 
  .hm-banner-bg-building{display: none;}
  .hm-banner-bg .dsk-banner-box-1{max-width: 500px;margin-left: 30px;}
  .circle-bottom-content{text-align: center;}
  .circle-bottom-content > span{display: block;}
  .hm-banner-bg .dsk-banner-box-1 .circle-bottom-content{position: absolute;top: 50%;right: -100px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
  
  .dsk-banner-box-3 > img{max-height: 290px;}
  .hm-banner-bg .dashboard-img-2{right: initial;left: 190px;z-index: -1;}
  .hm-banner-bg .dsk-banner-box-1 > img{max-height: 330px;}
  .hm-banner-bg .dsk-banner-box-1 .chat-box img{max-height: 100px;}
  .hm-banner-bg .dsk-banner-box-1 .chat-box .chat-icon img{max-height: 35px;}
  .hm-banner-bg .dsk-banner-box-1 .chat-box .chat-icon{top: -15px; right: -28px;}
  .hm-banner-bg .dsk-banner-box-1 .chat-box{top: -56px;right: 336px;}
  .hm-banner-bg .dsk-banner-box-1 .mail-box .three-line-arrow{top: -75px;right: -15px;}
  .hm-banner-bg .dsk-banner-box-1 .mail-box .line-arrow{right: -60px;}
  .hm-banner-bg .dsk-banner-box-1 .currency-circle{top: 80px;left: 110px;}
  .hm-banner-bg .dsk-banner-box-1 .dsk-screen{top: 65px;left: 130px;}
  .hm-banner-bg .dsk-banner-box-1 .mail-box{left: -26px;}
  .hm-banner-bg .gear-img-wraper{top: -85px;}
  .hm-banner-bg .chat-icon-2{top: 5px;left: 20px;}
  .hm-banner-bg .mail-icon-2{top: 55px;left: -35px;}

  .hm-banner-bg .dashboard-img-1{left: 0px;}
  .hm-banner-bg .dashboard-img-1 img{height: 100px;}
  .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-1 img{height: 125px;}
  .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2 img {height: 107px;}

  .hm-banner-bg .dsk-banner-box-2{max-width: 260px;margin-left: auto;padding-top: 0;}
  .hm-banner-bg .dsk-banner-box-2 .circle-bottom-content{position: absolute;top: 50%;left: -338px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
  .hm-banner-bg .dsk-banner-box-3 .circle-bottom-content{position: absolute;top: 50%;left: initial;right: 100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}

  .hm-banner-bg .dsk-banner-box-3{margin-top: 80px;margin-bottom: 80px;}


  .hm-banner-bg .mobile-arrows > .mobile-arrow-1{position: absolute;top: -88px;left: 376px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-1 img{height: 200px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-1 svg{height: 200px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-2{position: absolute;top: -140px;left: 195px;-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-2 img{height: 258px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-2 svg{height: 258px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-3{position: absolute;top: -118px;left: 187px;-webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);-ms-transform: rotate(-2deg);transform: rotate(-2deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-3 img{height: 315px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-3 svg{height: 315px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-4{position: absolute;bottom: -52px;left: 362px;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(10deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-4 img{height: 249px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-4 svg{height: 249px;}
  .abt-zahara-content-main{padding-top: 160px;}

  .artsanac-logo {
    text-align: center;
  }
.abt-zahara-content-main .content{width: 100%; float:none;}
.main-nav .menu__link:before {
    content: "";
    bottom: 34px;
    left: 5px;
    width: 10px;
	height: 10px;
}	

}

@media (max-width:767px){
  .menuActive .header-main .site-logo a{font-size: 0;}
  .menuActive .header-main .site-logo img{filter: none;}
  .menuActive .button-one{font-size: 16px;width: 140px;}
  .menuActive .header-main .free-trial-btn{display: inline-block;}
 .d-flex{display: block;}
 .navbar-brand{padding-left: 15px;}
 .home_banner_wraper .home-slider .slide .slide-caption p{display: none;}
 
 .slick-next{right: 0;}
 .slick-prev{left: 0;}

 .demo-btn, 
 .free-trial-btn{display: none;}

 .main-nav .menu{-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 .main-nav ul.menu__list,
 .main-nav div.menu__brand {float: none;width: 100%;min-height: 0;}
 .main-nav ul.menu__list--active,
 .main-nav div.menu__brand--active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
 .main-nav .menu__list {height: auto;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
 .main-nav .menu__link {font-size: 24px;}
 .main-nav .menu__brand {height: auto;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
 .main-nav .menu__brand .logo {width: 90px;height: 90px;}
 .main-nav ul.menu__list{order: 1;}
 .main-nav div.menu__brand{order: 2;padding-top: 0;}
 .menu-left-content .menu-left-content-wraper, 
 .menu-left-content .menu-contact-detail, 
 .menu-left-content .menu-left-copyright{display: none;}
 .menu-left-content .menu-social-left{margin-bottom: 30px;}


 .hm_logo .slide{text-align: left;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;-ms-justify-content: flex-start;justify-content: flex-start;}
 .hm_logo .slide img{margin: 0;}
 .line-svg{position: relative;}
 .hm-ap-invoice-img img{max-width: 100%;}
 .hm-ap-invoice-wraper .pb80{padding-bottom: 20px;}
 .hm-accounting-logo .accounting_slider{padding: 0 15px;}
 .testimonial-content{font-size: 20px;line-height: 24px;}
 .testimonial-content i{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}
 .testimonial-content i.fa-quote-left{top: -4px;}
 .testimonial-content i.fa-quote-right{bottom: -10px;}
 .button-one{font-size: 16px;width: 140px;}
 .ready-increase-content h4{font-size: 30px;}
 .ready-increase-bg{padding: 50px 0 70px;}
 .handmobile-img-desktop{display: none;}
 .handmobile-img-mobile{text-align: center;}

 .hm-banner-bg > .container{ max-width: 479px;}
 .hm-banner-bg .dsk-banner-box-1{max-width: initial;margin-left: 45px;}
 .hm-banner-bg .dsk-banner-box-1 .circle-bottom-content{right: 50px;}
 .circle-bottom-content{font-size: 12px;}
 .circle-bottom-content .circle{margin-right: 0;height: 30px;width: 30px;line-height: 30px;}
 .hm-banner-bg .dsk-banner-box-1 .chat-box{right: initial;left: 70px;}
 .hm-banner-bg .dsk-banner-box-1 .chat-box img{max-height: 65px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-1{left: 235px;top: -100px;-webkit-transform: rotate(8deg);-moz-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg);}
 .hm-banner-bg .dsk-banner-box-2 > img{max-height: 200px;}
 .hm-banner-bg .dsk-banner-box-1 > img {max-height: 200px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-1 img {height: 160px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-1 svg {height: 160px;}
 .hm-banner-bg .dsk-banner-box-1 .mail-box .mail-icon img{height: 8px;}
 .hm-banner-bg .dsk-banner-box-1 .currency-circle{top: 40px;left: 70px;}
 .hm-banner-bg .dsk-banner-box-1 .dsk-screen{top: 40px;left: 85px;}
 .hm-banner-bg .dsk-banner-box-1 .dsk-screen img{height: 70px;}
 .hm-banner-bg .dsk-banner-box-2{max-width: initial;text-align: right;padding-top: 75px;}
 .hm-banner-bg .gear-img-wraper .gear-img-1 img{height: 30px;}
 .hm-banner-bg .gear-img-wraper .gear-img-2 img{height: 25px;}
 .hm-banner-bg .gear-img-wraper .gear-img-3 img{height: 20px;}
 .hm-banner-bg .gear-img-wraper .gear-img-4 img{height: 20px;}
 .hm-banner-bg .gear-img-wraper .gear-img-2{top: 22px;right: -15px;}
 .hm-banner-bg .gear-img-wraper .gear-img-3{top: 8px;right: -30px;}
 .hm-banner-bg .gear-img-wraper .gear-img-4{top: 28px;right: -34px;}
 .hm-banner-bg .gear-img-wraper{top: 18px;left: initial;right: 55px;}
 .hm-banner-bg .chat-icon-2 img{height: 30px;}
 .hm-banner-bg .chat-icon-2 {top: 80px;left: 270px;}
 .hm-banner-bg .mail-icon-2 img{height: 18px;}
 .hm-banner-bg .mail-icon-2{top: 125px;left: 236px;}
 .hm-banner-bg .dsk-banner-box-2 .circle-bottom-content{left: 0px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-2 {position: absolute;top: -88px;left: 70px;z-index: -1;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-2 img {height: 206px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-2 svg {height: 206px;}
 .hm-banner-bg .dashboard-img-1 img{height: 50px;}
 .dsk-banner-box-3 > img {max-height: 155px;}
 .hm-banner-bg .dashboard-img-2{left: 107px;}
 .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-1 img{height: 65px;}
 .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2{top: 6px;left: 14px;}
 .hm-banner-bg .dashboard-img-2 .dashboard-icon-wraper .dashboard-icon-2 img{height: 52px;}
 .hm-banner-bg .dsk-banner-box-3{margin-top: 120px;}
 .hm-banner-bg .dsk-banner-box-3 .circle-bottom-content{right: 60px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-3{top: -110px;left: 66px;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-ms-transform: rotate(-1deg);transform: rotate(-1deg);z-index: -1;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-3 img {height: 275px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-3 svg {height: 275px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-4 {position: absolute;bottom: -52px;left: 247px;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(10deg);}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-4 img {height: 190px;}
 .hm-banner-bg .mobile-arrows > .mobile-arrow-4 svg {height: 190px;}
 .abt-zahara-content-main {padding-top: 130px;}
 .ready-increase-content h4 br{display: none;}

 .main-nav .menu__list--active ul.menu-items {
  list-style: none;
}
.main-nav .menu__list {
  height: auto;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  order: 1;
  float: none;
  width: 100%;
  min-height: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.menu-left-content {padding: 0px 50px;}

}

@media(max-width:480px){
  .hm-banner-bg > .container{ max-width: 300px;}
  .hm-banner-bg .dsk-banner-box-1 .circle-bottom-content{right: -10px;}
  .hm-banner-bg .gear-img-wraper{top: 20px;right: 45px;}
  .hm-banner-bg .dsk-banner-box-3 .circle-bottom-content{right: 0;}
  .hm-banner-bg .dsk-banner-box-1 .mail-box{left: -15px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-1 {left: 130px;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(10deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-1 img{height: 145px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-1 svg{height: 145px;}
  .hm-banner-bg .dsk-banner-box-2 .circle-bottom-content{left: -14px;}
  .hm-banner-bg .mail-icon-2 {top: 100px;left: 70px;}
  .hm-banner-bg .chat-icon-2{top: 60px;left: 100px; }
  .hm-banner-bg .mobile-arrows > .mobile-arrow-2 {top: -70px;left: 5px;z-index: -1;-webkit-transform: rotate(-6deg);-moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);transform: rotate(-6deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-2 img{height: 170px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-2 svg{height: 170px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-3{top: -95px;left: 11px;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(4deg);}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-3 img{height: 238px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-3 svg{height: 238px;}
  .hm-banner-bg .mobile-arrows > .mobile-arrow-4{left: 127px;}
  .hm-banner-bg .dsk-banner-box-1{margin-left: 0;}
	.hm-banner-bg .dsk-banner-box-2{padding-top: 100px;}
}
.hm_logo .owl-theme .owl-controls, .owl-theme .owl-controls {
    display: none;
}