@charset "UTF-8";
/* @author Husam Sharkiey  TABLE OF CONTENT: ---------------- 1.  2.  */
/* 
* *****************************************************************************
* ****************************** Site menu style Start ***********************
* ****************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
header { min-height: 85px; }
header .main-header-box { padding: 19.96px 0; background: #e2e2e2; }
header .main-header-box.outOfSight { position: fixed; z-index: 999999; top: -85px; width: 100%; left: 0; }
header .main-header-box.outOfSight.scrolled { transition: all .5s; top: 0; }
header .cl-1 { align-self: center; flex: 0 0 97px; max-width: 97px; }
header .cl-1 a { display: block; width: 97px; }
header .cl-1 a .logo { width: 97px; }
header .cl-2 { padding-left: 30px; align-self: center; flex: 0 0 100%; max-width: calc(100% - 97px); }
header .cli-2 { align-self: center; flex: 0 0 60%; max-width: 60%; }
header .cli-3 { align-self: center; flex: 0 0 40%; max-width: 40%; }
header .cli-3 .menu-left { display: flex; width: 100%; justify-content: flex-end; }
header .cli-3 .menu-left .sales, header .cli-3 .menu-left .site-search, header .cli-3 .menu-left .aspx-login, header .cli-3 .menu-left .get-demo { align-self: center; }
header .cli-3 .menu-left .sales span { font-weight: 400; font-size: 18px; }
header .cli-3 .menu-left .sales span a { font-size: inherit; color: #30a46c; font-weight: bold; display: inline-block; transition: all .3s; border-bottom: solid 2px transparent; }
header .cli-3 .menu-left .sales span a:hover { border-bottom: solid 2px #30a46c; text-decoration: none; }
header .cli-3 .menu-left .site-search { border-right: 1px solid #b2b0b0; border-left: 1px solid #b2b0b0; margin: 0 7.5px; padding: 0 7.5px; display: flex; }
header .cli-3 .menu-left .site-search img { cursor: pointer; min-width: 25px; align-self: center; }
header .cli-3 .menu-left .site-search form.active input { width: 150px; padding: 0px 15px; border: 1px solid #ccc; transition: all .25s; }
header .cli-3 .menu-left .site-search form input { width: 0; padding: 0; border: 0px solid #ccc; background: unset; margin: 0; border-radius: 50px; height: 40px; align-self: center; }
header .cli-3 .menu-left .chat-btn { align-self: center; }
header .cli-3 .menu-left .chat-btn .img img { min-width: 25px; }
header .cli-3 .menu-left .aspx-login { margin-right: 7.5px; }
header .cli-3 .menu-left .aspx-login a { display: inline-block; transition: all .3s; border-bottom: solid 2px transparent; }
header .cli-3 .menu-left .aspx-login a:hover { border-bottom: solid 2px #30a46c; }
header .row-hs { margin-left: 0; margin-right: 0; }

@media only screen and (min-width: 769px) { header .cli-3 .menu-left .chat-btn { display: none; }
  header .cli-2 .menu-box .menu-mobile-header { display: none; }
  header .cli-2 .menu-box .menu-mobile-footer { display: none; }
  .site-menu-hs ul { margin: 0; padding: 0; }
  .site-menu-hs ul li { list-style-type: none; }
  .site-menu-hs ul li a { display: block; }
  .site-menu-hs ul li a:hover { text-decoration: none; }
  .site-menu-hs #menu { /*position: relative;*/ margin: 0; padding: 0; }
  .site-menu-hs #menu > li { display: inline-block; margin-right: 20px; }
  .site-menu-hs #menu > li > a { color: #282828; font-size: 20px; border-bottom: solid 5px transparent; border-top: solid 3px transparent; }
  .site-menu-hs #menu > li > a:hover { border-bottom: solid 5px #30a46c; }
  .site-menu-hs #menu > li:not(.menu-item-has-children).current_page_item > a { border-bottom: solid 5px #30a46c; }
  .site-menu-hs #menu > li.current-menu-ancestor > a { border-bottom: solid 5px #30a46c; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent.micro-parent > .sub-menu { width: auto; max-width: auto; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu { -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; max-width: 860px; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li { flex: 0 0 215px; max-width: 215px; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.thr-cls-child { flex: 0 0 645px; max-width: 645px; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.thr-cls-child > .sub-menu { flex-direction: row; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.thr-cls-child > .sub-menu > li { flex: 0 0 33.33%; max-width: 33.33%; overflow: hidden; margin: 7.5px 0; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.rev-back { margin-top: -150px; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li > .sub-menu { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li > .sub-menu > li { overflow: hidden; margin: 7.5px 0; display: inline-block; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li > .sub-menu > li > a { font-weight: bold; color: #696969 !important; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent:hover > .sub-menu { display: flex; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu { display: none; position: absolute; z-index: 1000; width: auto; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li { padding: 7.5px; min-width: 175px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li > a { font-size: 15px; font-weight: 400; color: #282828; padding: 7.5px 5px; border-left: solid 3px #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li > a:hover { border-left: solid 3px #30a46c; background: #dedede; color: #222; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li:not(.menu-item-has-children).current-menu-item > a { border-left: solid 3px #30a46c; background: #dedede; color: #222; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.innserline { border-top: 1px solid #dfdfdf; padding: 7.5px 0; margin: 0 7.5px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children { display: inline-block; vertical-align: top; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.hidedote > a { color: #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.hidedote > a:hover { color: #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.mergeline > a { position: relative; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.mergeline > a:after { content: ''; display: block; height: 1px; position: absolute; width: 100%; background: #dfdfdf; bottom: -1px; left: -50px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a { font-weight: bold; padding-bottom: 7.5px; color: #8d8d8d; margin-bottom: 7.5px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a:hover { background: unset; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-desc-main) > a { border-bottom: 1px solid #dfdfdf; border-left: solid 0px #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-desc-main) > a:hover { border-left: solid 0px #30a46c; cursor: default; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-desc-main > a { display: none; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-desc-main > .description { max-width: 239px; display: block; color: #909090; font-size: 11px; padding: 5px; padding-bottom: 7.5px; height: 100%; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px; padding-top: 7.5px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-desc-main:not(.wms-feature) > .sub-menu > li > a { padding: 7.5px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-desc-main > .sub-menu > li { margin: 7.5px 0; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-feature > .description { max-width: unset; margin-bottom: 0; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li { display: inline-block; vertical-align: top; padding: 0 7.5px; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > a { font-weight: bold; color: #8d8d8d; padding-bottom: 7.5px; margin-bottom: 7.5px; border-bottom: 1px solid #dfdfdf; border-left: solid 0px #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > .sub-menu > li > a { color: #282828; font-size: 14px; padding: 5px; border-left: solid 3px #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > .sub-menu > li:hover > a { border-left: solid 3px #30a46c; background: #dedede; color: #222; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li.current_page_item > a { border-left: solid 3px #30a46c; background: #dedede; color: #222; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li.current_page_item > .description { border-left: solid 3px #30a46c; background: #dedede; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li.innserline { border-top: 1px solid #dfdfdf; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li > a { color: #282828; font-size: 14px; padding: 5px; border-left: solid 3px #fff; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li > .description { max-width: 215px; display: block; color: #909090; font-size: 11px; border-left: solid 3px #fff; padding: 5px; padding-top: 0; height: 100%; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li:hover > a { border-left: solid 3px #30a46c; background: #dedede; color: #222; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:not(.wms-feature) > .sub-menu > li:hover > .description { border-left: solid 3px #30a46c; background: #dedede; transition: all .3s; }
  .site-menu-hs #menu > li.menu-item-has-children:hover > a { border-bottom: solid 5px #30a46c; }
  .site-menu-hs #menu > li.menu-item-has-children:hover > .sub-menu { display: block; } }
/*******************************************************************************
********************************* Site menu Responsive style End ***************
*******************************************************************************/
@media only screen and (max-width: 1404px) { .site-menu-hs #menu > li > a { font-size: 18px !important; }
  header .cli-3 .menu-left .sales span { font-size: 16px; }
  header .cli-3 .menu-left .get-demo a img { max-width: 115px; }
  header .cli-3 .menu-left .site-search img { min-width: 20px; }
  .site-menu-hs #menu > li { margin-right: 15px !important; }
  header .cli-3 .menu-left .aspx-login a img { width: 65px; } }
@media only screen and (max-width: 1170px) { .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu { max-width: 600px !important; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.thr-cls-child { flex: 0 0 385px !important; max-width: 385px !important; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.thr-cls-child > .sub-menu > li { flex: 0 0 50% !important; max-width: 50% !important; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.rev-back { margin-top: -310px !important; } }
@media only screen and (max-width: 896px) { .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu { max-width: unset !important; }
  .site-menu-hs #menu > li.menu-item-has-children.thr-cls-parent > .sub-menu > li.rev-back { margin-top: 0px !important; } }
@media only screen and (max-width: 1280px) { .site-menu-hs #menu > li > a { font-size: 16px !important; }
  header .cli-3 .menu-left .sales span { font-size: 14px; }
  header .cli-3 .menu-left .get-demo a img { max-width: 100px; }
  header .cli-3 .menu-left .site-search img { min-width: 20px; }
  .site-menu-hs #menu > li { margin-right: 12px !important; }
  header .cli-3 .menu-left .aspx-login a img { width: 50px; } }
@media only screen and (max-width: 1024px) { header .cli-3 .menu-left .aspx-login { display: none !important; }
  header .cli-3 { flex: 0 0 35%; max-width: 35%; }
  header .cli-2 { flex: 0 0 65%; max-width: 65%; } }
@media only screen and (max-width: 935px) { .cl-2 .row-hs { flex-direction: column-reverse; }
  .cl-2 .row-hs .cli-2 { align-self: flex-start !important; flex: 0 0 100% !important; max-width: 100% !important; }
  .cl-2 .row-hs .cli-3 { align-self: flex-end !important; flex: 0 0 100% !important; max-width: 100% !important; } }
@media only screen and (max-width: 768px) { .opacity-hs { position: fixed; z-index: 999999; min-height: 100vh; width: 100%; top: 0; background: black; opacity: 0; transition: all .5s; right: -100%; }
  .opacity-hs.active { right: 0; opacity: 0.5; }
  header .container { position: unset; }
  header .cl-1 { flex: 0 0 150px; max-width: 150px; }
  header .cl-1 a { margin-left: auto; }
  header .cl-2 { flex: 0 0 100%; max-width: calc(100% - 150px); }
  header .cli-2 .menu-box { position: fixed; z-index: 9999999; min-height: 100vh; max-width: 350px; width: 100%; top: 0; background: #ffffff; left: -350px; transition: all .5s; overflow-y: scroll; max-height: 100%; padding-bottom: 100px; }
  header .cli-2 .menu-box.active { left: 0; transition: all .5s; }
  header .cli-2 .menu-box .menu-mobile-header { padding: 0px 15px 0 60px; background-image: url(../images/bg-menu.svg); background-size: 200% 100%; min-height: 85px; display: flex; background-position: 50% 50%; background-repeat: no-repeat; font-family: 'heavy'; font-size: 16px; }
  header .cli-2 .menu-box .menu-mobile-header .g-demo { align-self: center; }
  header .cli-2 .menu-box .menu-mobile-header .g-demo a { display: block; color: #F95700; }
  header .cli-2 .menu-box .menu-mobile-header .webapp_cover:after { content: unset; }
  header .cli-2 .menu-box .menu-mobile-header .phone-link { align-self: center; border-left: solid #C9C9C9 2px; margin-left: 7.5px; }
  header .cli-2 .menu-box .menu-mobile-header .phone-link a { color: #F95700; display: block; position: relative; padding-left: 32.5px; }
  header .cli-2 .menu-box .menu-mobile-header .phone-link a:before { content: ''; height: 15px; width: 15px; background-image: url(../images/phone.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 7.5px; top: 5px; }
  header .cli-2 .menu-box .menu-mobile-footer { position: fixed; bottom: 0px; width: 350px; z-index: 1000; background-image: url(../images/bg-footer-menu.svg); background-size: 150% 100%; background-repeat: no-repeat; background-position: 50% 50%; }
  header .cli-2 .menu-box .menu-mobile-footer .e-guide { display: flex; justify-content: center; text-align: center; overflow: hidden; height: 75px; }
  header .cli-2 .menu-box .menu-mobile-footer .e-guide a { align-self: center; color: #F95700; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; display: block; margin-bottom: -20px; }
  header .cli-2 .menu-box .site-menu-hs #menu { list-style-type: none; padding: 0; margin: 0; }
  header .cli-2 .menu-box .site-menu-hs #menu > li { margin-right: 0px !important; padding: 10px 0; border-bottom: solid 1px #D6D6D6; position: relative; display: block; }
  header .cli-2 .menu-box .site-menu-hs #menu > li.menu-item-has-children:after { content: ''; height: 15px; transition: all .25s; width: 15px; background-image: url(../images/dwnArr.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; right: 15px; top: 13px; }
  header .cli-2 .menu-box .site-menu-hs #menu > li.drop-on > .sub-menu { max-height: 1000px; display: table; transition: max-height .25s; }
  header .cli-2 .menu-box .site-menu-hs #menu > li.drop-on:after { transform: rotate(-180deg); transition: all .25s; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > a { font-size: 17px; font-family: "heavy"; padding: 0px 30px 0 60px; color: #222; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu { overflow: hidden; transition: max-height .25s; max-height: 0px; margin: 0; padding: 0; list-style-type: none; padding: 0px 0 0 60px; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.wms-desc-main > a { display: none; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.wms-desc-main > .description { display: none; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > a { font-family: "Open Sans", sans-serif; color: #222; display: inline-block; margin-top: 15px; margin-bottom: 7.5px; border-bottom: solid 2px #30A46C; font-weight: bold; font-size: 15px; padding-bottom: 3px; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > .sub-menu { margin: 0; padding: 0; list-style-type: none; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > .sub-menu > li { padding: 7.5px 0; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.wms-feature > .sub-menu > li > .sub-menu > li > a { font-family: "Open Sans", sans-serif; color: #222; font-size: 14px; display: inline-block; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children > a { border-bottom: solid 2px #30A46C; font-weight: bold; font-size: 15px; padding-bottom: 3px; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li.menu-item-has-children.hidedote > a { display: none; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li > a { font-family: "Open Sans", sans-serif; font-size: 14px; color: #222; display: inline-block; margin-top: 15px; margin-bottom: 7.5px; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li > .sub-menu { margin: 0; padding: 0; list-style-type: none; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li > .sub-menu > li { padding: 7.5px 0; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li > .sub-menu > li .description { display: none; }
  header .cli-2 .menu-box .site-menu-hs #menu > li > .sub-menu > li > .sub-menu > li > a { font-family: "Open Sans", sans-serif; color: #222; font-size: 14px; display: inline-block; }
  header .cli-3 .menu-left .chat-btn { align-self: center; display: block; }
  header .cli-3 .menu-left .sales { display: none !important; }
  header .cli-3 .menu-left .aspx-login { display: none !important; }
  header .cli-3 .menu-left .get-demo { display: none; }
  header .cli-3 .menu-left .site-search { border-left: 0; }
  header .cli-3 .menu-left .site-search img { min-width: 25px; } }
@media only screen and (max-width: 1600px) { .container.nav-bar { width: 95%; } }
@media only screen and (max-width: 1451px) { .container.nav-bar { width: 98%; } }
@media only screen and (max-width: 400px) { header .cl-1 a .logo { transition: all .25s; }
  header .cl-1 a .logo.on { width: 0; transition: all .25s; } }
/*******************************************************************************
********************************* Site menu style End **************************
*******************************************************************************/
/* @author Husam Sharkiey  TABLE OF CONTENT: ---------------- 1.  2.  */
/* 
* *****************************************************************************
* ****************************** Site menu style Start ***********************
* ****************************************************************************/
.hs-banner { background: #f8f8f8; }
.hs-banner .container { position: unset; }
.hs-banner .banner-row { display: flex; min-height: 535px; }
.hs-banner .banner-row .content-box { padding: 30px 0; align-self: center; flex: 0 0 45%; max-width: 45%; }
.hs-banner .banner-row .content-box .main-title { position: relative; }
.hs-banner .banner-row .content-box .main-title p { font-family: "Open Sans", sans-serif; font-weight: 900; font-size: 6rem; line-height: 1.2; padding-bottom: 45px; margin-bottom: 30px; z-index: 1; position: relative; overflow-wrap: normal; }
.hs-banner .banner-row .content-box .main-title.active:after { width: 70%; }
.hs-banner .banner-row .content-box .main-title:after { content: ''; height: 5px; width: 0%; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; }
.hs-banner .banner-row .content-box .main-content p { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 3rem; color: #222222; z-index: 1; position: relative; }
.hs-banner .banner-row .content-box .image-link { margin-top: 30px; }
.hs-banner .banner-row .content-box .image-link a { background-image: url(http://localhost/asap/wp-content/uploads/revslider/Landing-Inventory/Group-3595.png); display: inline-block; width: 200px; height: 75px; background-size: contain; background-repeat: no-repeat; }
.hs-banner .banner-row .image-bg-container { position: absolute; right: 0; width: 50%; height: 100%; }
.hs-banner .banner-row .image-bg-container .image-bg { overflow: hidden; position: relative; height: 100%; }
.hs-banner .banner-row .image-bg-container .image-bg .image-bgi-src { height: 100%; width: 100%; background-position: center; background-size: cover; }
.hs-banner .banner-row .image-bg-container .image-bg:after { content: ''; display: block; position: absolute; height: 137%; background: #f8f8f8; width: 300px; right: -165px; top: -28px; transform: rotate(15deg); box-shadow: rgba(0, 0, 0, 0.27) -5px 6px 5px 0px; }
.hs-banner .banner-row .image-bg-container .image-bg:before { content: ''; display: block; position: absolute; height: 137%; background: #f8f8f8; width: 300px; left: -209px; top: -80px; transform: rotate(15deg); box-shadow: rgba(0, 0, 0, 0.27) 5px 6px 5px 0px; }

/*******************************************************************************
********************************* Site menu Responsive style End ***************
*******************************************************************************/
@media only screen and (max-width: 768px) { .hs-banner .banner-row .content-box .main-title:after { transform: translateX(-50%); left: 50%; }
  .hs-banner .banner-row { justify-content: center; text-align: center; }
  .hs-banner .banner-row .image-bg-container { height: 0% !important; }
  .hs-banner .banner-row .content-box { flex: 0 0 80% !important; max-width: 80% !important; }
  .hs-banner .banner-row .content-box .main-title p { font-size: 3.5rem !important; }
  .hs-banner .banner-row .content-box .main-content p { font-size: 2.5rem !important; }
  .hs-banner .banner-row { min-height: auto; }
  .hs-banner { background: linear-gradient(177deg, #f7f4f4 80%, white 80%) !important; } }
/*******************************************************************************
********************************* Site menu style End **************************
*******************************************************************************/
/* @author Husam Sharkiey  TABLE OF CONTENT: ---------------- 1.  2.  */
/* 
* *****************************************************************************
* ****************************** Site menu style Start ***********************
* ****************************************************************************/
.dynamic-matching-hs { padding: 45px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dynamic-matching-hs .bx-title { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 2px #30a46c; position: relative; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; padding-right: 15px; padding-left: 15px; }
.dynamic-matching-hs .bx-title span { position: absolute; bottom: -1px; }
.dynamic-matching-hs .desc-hs { font-family: 'Open Sans', sans-serif; font-size: 16px; padding-right: 15px; padding-left: 15px; }
.dynamic-matching-hs .bx-side { margin-bottom: 30px; }
.dynamic-matching-hs .col1 { flex: 0 0 25%; max-width: 25%; }
.dynamic-matching-hs .col1 .bx-title span { right: 0px; }
.dynamic-matching-hs .img { flex: 0 0 50%; max-width: 50%; position: relative; text-align: center; /*place-self: center;*/ }
.dynamic-matching-hs .img .inner-img-box { position: relative; }
.dynamic-matching-hs .img .inner-img-box img { width: 80%; margin: auto; }
.dynamic-matching-hs .img .inner-img-box .points { position: absolute; height: 0px; width: 0px; }
.dynamic-matching-hs .img .inner-img-box .points.p-marker.r:after { left: -35px; }
.dynamic-matching-hs .img .inner-img-box .points.p-marker.l:after { left: 0px; }
.dynamic-matching-hs .img .inner-img-box .points.p-marker:after { content: ''; display: block; height: 30px; width: 35px; position: absolute; top: -15px; border: solid 2px #30a46c; border-radius: 30px; }
.dynamic-matching-hs .col2 { flex: 0 0 25%; max-width: 25%; }
.dynamic-matching-hs .col2 .bx-title span { left: 0px; }

/*******************************************************************************
********************************* Site menu Responsive style End ***************
*******************************************************************************/
/*******************************************************************************
********************************* Site menu style End **************************
*******************************************************************************/
/* @author Husam Sharkiey  TABLE OF CONTENT: ---------------- 1.  2.  */
/* 
* *****************************************************************************
* ****************************** Site menu style Start ***********************
* ****************************************************************************/
.wh-trans-sec { padding-top: 45px; }
.wh-trans-sec .flx-cnt { display: flex; }
.wh-trans-sec .flx-cnt .cont-wms .wms-title { font-size: 30px; font-family: "heavy", sans-serif; font-weight: bold; line-height: 1; color: #222; }
.wh-trans-sec .flx-cnt .cont-wms .wms-mtitle { font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1; color: #222; }
.wh-trans-sec .flx-cnt .icon { padding-top: 7px; padding-right: 7.5px; }
.wh-trans-sec .bx-cntx { margin-top: 45px; }
.wh-trans-sec .bx-cntx .bx-t p { font-size: 30px; font-family: "heavy", sans-serif; font-weight: bold; line-height: 1; color: #222; position: relative; padding-bottom: 30px; }
.wh-trans-sec .bx-cntx .bx-t p:after { content: ''; height: 3px; background: #30A46C; display: block; width: 0px; position: absolute; bottom: 0; transition: all .5s; }
.wh-trans-sec .bx-cntx .bx-t p.active:after { width: 100px; }
.wh-trans-sec .bx-cntx .bx-c p { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #222; margin-top: 30px; margin-bottom: 15px; }

/*******************************************************************************
********************************* Site menu Responsive style End ***************
*******************************************************************************/
/*******************************************************************************
********************************* Site menu style End **************************
*******************************************************************************/
/* THEME STYLESHEET: VARIABLE @PACKAGE cargettheme @author Husam Sharkiey @email <sharkiey.husam@gmail.com> TABLE OF CONTENT: ---------------- 1. FONTS 2. COLORS 3. RESPONSIVE 
/******************************************************************************
********************************** 1. FONTS ***********************************
*******************************************************************************/
@font-face { font-family: heavy; src: url("../css/fonts/Loew-Heavy.otf") format("opentype"); font-display: swap; }
/******************************************************************************
********************************** 2. Key Frames **********************************
*******************************************************************************/
/*******************************************************************************
********************************** 3. colors *******************************
*******************************************************************************/
/*******************************************************************************
********************************** 4. RESPONSIVE *******************************
*******************************************************************************/
/* THEME STYLESHEET: RESPONSIVE @PACKAGE cargettheme @author Husam Sharkiey @email <sharkiey.husam@gmail.com> TABLE OF CONTENT: ---------------- 1. Large Device 2. Custom Desktops 3. Desktop 4. iPad 5. iPad Landscape 6. iPad Portrait 7. Tablets 8. Phone Landscape 9. Phone Portrait 10. Small Devices 

*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 1400px) { .hs-padding-circle { padding-right: 30px !important; padding-left: 30px !important; }
  #content .inventory-vdo-section .content ul li { font-size: 14px !important; }
  .icon-box-list-section .cnt-hs { /*min-height: 315px !important;*/ } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 1024px) { .page-404-hs { min-height: 60vh !important; }
  #circleSection.flx .vc_row { flex-direction: column-reverse; }
  #circleSection .vc_row { display: flex !important; flex-direction: column; justify-content: center; }
  #circleSection .vc_row .wpb_column { margin-bottom: 30px; align-self: center; }
  #circleSection .vc_row .wpb_column.vc_col-sm-6 { width: 100% !important; }
  .inner-blog-post-page-hs .title-hs h1 { width: 80% !important; }
  .get-blogs-hs .box-hs { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .col-hs-2-inner-blog { display: none !important; }
  .col-hs-10-inner-blog { flex: 0 0 100% !important; max-width: 100% !important; padding-right: 15px !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs { flex: 0 0 30% !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content { flex: 0 0 60% !important; max-width: 60% !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .img-hs img { width: 220px !important; }
  .inner-blog-post-page-hs .author-section-hs { padding: 30px 0; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .auther-text-hs { padding-right: 15px !important; } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 1200px) { .hs-padding-circle { padding-right: 7.5px !important; padding-left: 7.5px !important; }
  .image-video-content-section-hs .title-hs h3 { margin-top: 0 !important; }
  .image-video-content-section-hs .img-hs { margin-top: 15px; }
  .col-hs-6 { flex: 0 0 100% !important; max-width: 100% !important; }
  .col-hs-6-comp { flex: unset !important; max-width: unset !important; }
  .image-counters-hs .row-hs { flex-direction: column-reverse !important; }
  .image-video-content-section-hs .row-hs { flex-direction: column-reverse !important; }
  .icon-box-list-section .title-hs { min-height: 82px !important; }
  .icon-box-list-section .cnt-hs { /*min-height: 265px !important;*/ }
  .slick-dots li button:before { font-size: 12px !important; }
  latest-news-section-hs .box-hs:hover { transition: all 0.5s; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .icon-box-list-section .box-hs { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 992px) { .footer-menu-items-hs { display: none !important; }
  .page-404-hs { min-height: 90vh !important; }
  .page-id-53193 .headerBannerCL .asap_header_container { padding-bottom: 40% !important; background-size: cover !important; }
  .page-id-53193 section { padding: 0 !important; }
  .latest-news-section-hs .box-hs { margin-bottom: 30px !important; }
  .latest-news-section-hs .img-hs img { height: 400px !important; }
  .inventory-conf-section-image .pc_desc h2 { text-align: left !important; }
  #rowtoflex .row { display: block !important; } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 768px) { .image-counters-hs .boxes-hs .box-hs .number-c span { font-size: 45px !important; }
  .flx-hs { column-count: 2 !important; }
  .page-404-hs { min-height: 90vh !important; }
  .page-404-hs { background: linear-gradient(175deg, #f7f4f4 87%, white 87%) !important; }
  .page-404-hs .image-hs { text-align: center; }
  .page-404-hs .image-hs img { max-width: 80%; object-fit: contain; }
  .page-404-hs .image-hs.image-hs-desktop { display: none !important; }
  .page-404-hs .image-hs.image-hs-mobile { display: block !important; }
  .page-404-hs .hs-content p { font-size: 24px !important; }
  .page-404-hs .link-hs a { font-size: 18px !important; }
  #circleSection .info-wrapper { margin-top: 15px !important; margin-bottom: 60px; }
  #tawk_chat_button { display: none !important; }
  .webapp_cover { position: relative; height: 50px; width: 50px; cursor: pointer; transition: 0.3s; z-index: 1000; border-radius: 30px; margin-right: 8px; }
  .webapp_cover:after { content: ""; width: 2px; height: 90%; display: block; background: #c9c9c9; position: absolute; right: -4px; top: 2px; z-index: 1000; }
  .webapp_cover.mnu { left: 3px; transition: all 0.8s; top: 17px; position: absolute; }
  .webapp_cover.active:after { display: none; }
  .webapp_cover.active.mnu { position: absolute; }
  .webapp_cover span { border-radius: 30px; position: absolute; height: 3px; width: 25px; background-color: #5b5d5f; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; }
  .webapp_cover span:before { border-radius: 30px; content: ""; position: absolute; top: -8px; background-color: #5b5d5f; height: 3px; width: 25px; left: 0; transition: 0.3s; }
  .webapp_cover span:after { content: ""; border-radius: 30px; position: absolute; top: 8px; background-color: #5b5d5f; height: 3px; width: 25px; left: 0; transition: 0.3s; }
  .webapp_cover.active span { background-color: transparent; }
  .webapp_cover.active span:before { transform: rotate(45deg); top: 0; }
  .webapp_cover.active span:after { transform: rotate(-45deg); top: 0; }
  .texts-slider-hs .owl-next:after, .texts-slider-hs .owl-prev:after { display: none !important; }
  .texts-slider-hs .testimonial-slider .slide p { padding-left: 0px !important; padding-right: 0px !important; }
  .page-id-53193 .headerBannerCL .asap_header_container { padding-bottom: 35% !important; }
  .inventory-logos-section p { text-align: left !important; }
  .inventory-vdo-section .vc_figure { display: none !important; }
  .hide-image-mobile .vc_figure, .hide-image-mobile .pc_img { display: none !important; }
  .col-hs-4 { flex: 0 0 50% !important; max-width: 50% !important; } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 690px) { .flx-hs { column-count: 1 !important; }
  .page-404-hs { min-height: 90vh !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 { flex-direction: column; }
  .inner-blog-post-page-hs .author-section-hs { background: linear-gradient(358deg, #f7f4f4 95%, white 95%) !important; padding: 45px 0 !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content { padding-bottom: 30px !important; }
  .page-id-53193 .headerBannerCL .asap_header_container { background-size: 100% 100% !important; }
  .custom-circle-hs .info-circle-text, .custom-circle-hs h3 { font-family: "Open Sans", sans-serif !important; }
  .custom-circle-hs h3 { padding: 15px 0px; font-size: 14px !important; }
  .custom-circle-hs .info-circle-def .info-circle-text { font-size: 12px !important; }
  .custom-circle-hs .info-circle-def .info-circle-icon { font-size: 20px !important; } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 575px) { .image-counters-hs .boxes-hs .box-hs { flex: 0 0 50% !important; max-width: 50% !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs { flex: 0 0 40% !important; }
  .inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .img-hs { display: none !important; }
  .page-id-53193 .headerBannerCL .asap_header_container { padding-bottom: 80% !important; }
  .page-id-53193 .headerBannerCL .asap_header_container .header_b_title { font-family: "heavy", sans-serif !important; text-align: center !important; width: 100% !important; }
  .page-id-53193 .headerBannerCL .asap_header_container .header_b_desc { width: 100% !important; text-align: center !important; font-size: 22px !important; margin-top: 30px !important; }
  .page-id-53193 .headerBannerCL .asap_header_container .header_b_buttonbox { text-align: center !important; }
  .page-id-52564 .headerBannerCL .asap_header_container { padding-bottom: 60% !important; }
  .page-id-52564 .headerBannerCL .asap_header_container .header_b_title { font-family: "heavy", sans-serif !important; text-align: center !important; width: 100% !important; }
  .page-id-52564 .headerBannerCL .asap_header_container .header_b_desc { width: 100% !important; text-align: center !important; font-size: 22px !important; margin-top: 30px !important; }
  .page-id-52564 .headerBannerCL .asap_header_container .header_b_buttonbox { text-align: center !important; } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media (max-width: 414px) { .col-hs-4 { flex: 0 0 100% !important; max-width: 100% !important; }
  .blogs-hs-header { min-height: 175px !important; }
  .filter-bar-hs .filter-bar .solution-drp .drp-hs { width: 85px !important; } }
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
/*******************************************************************************
***************************** 1.  ********************************
*******************************************************************************/
@media screen and (min-width: 600px) { #centermobile p { text-align: center !important; } }
@media only screen and (min-width: 768px) { #sidebarCollapse { top: 350px !important; } }
@media only screen and (max-width: 600px) { .wpcf7-form.init { padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .tablet_break .vc_column_container, .tablet_break .wpb_column { width: 100%; } }
@media screen and (max-width: 767px) { .show_on_hover_warpper { margin-top: 40px; } }
@media screen and (min-width: 768px) { fieldset.col-sm-6 + fieldset.col-sm-6 { padding-left: 10px; } }
@media screen and (max-width: 768px) { .vc_section .container ul { margin-left: 0 !important; }
  .bar_testimonial .slide { padding: 0 0px; }
  .bar_testimonial .testimonial-slider .slide p { font-size: 16px; }
  .form_title { display: none; }
  .form_title_text { display: block; } }
@media screen and (width: 768px) { .breaking_tablet > [class*="vc_col-"] { width: 100%; } }
@media screen and (max-width: 767px) { .vc_section.top-banner.new-header.has-form { height: auto !important; }
  .top-banner .header-text-block p { display: none; }
  .top-banner .header-text-block p + p { display: block; }
  .microsite-footer.bottom-footer .text-right { text-align: center; margin-top: 20px; }
  .microsite-footer.bottom-footer .footer-column { text-align: center; margin-top: 20px; }
  .new-asap-button.get-started { display: none; }
  .asap-button.get-a-trial-button { width: 100%; height: 30px; }
  #content .asap-button.get-a-trial-button { width: 100%; height: 30px; }
  #content .wpb_wrapper .asap-button { width: 100%; height: 30px; }
  .c-lead-button.sticky_footer .asap-button.schedule-a-demo-button { width: 100%; height: 30px; }
  .asap-button.schedule-a-demo-button { width: 100%; }
  .top-banner.new-header .header-text-block h1 { font-size: 46px !important; font-weight: 400 !important; line-height: normal; } }
@media screen and (min-width: 768px) { .has-form .live_demo_form.header_form { position: relative; margin-top: 5%; }
  .microsite-footer.bottom-footer .flex_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .microsite-footer.bottom-footer .flex_row > div.col-sm-6 { -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; align-self: center; }
  .microsite-footer.bottom-footer .flex_row > div.col-sm-12 { -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; align-self: center; }
  #trial_holder { width: 11%; text-align: right; padding: 10px 0 10px 10px; align-self: center; background: transparent url(https://www.asapsystems.com/wp-content/themes/asap-systems-child/images/button-separator.png) left center no-repeat; }
  .top-banner.new-header.has-form .header-text-block h1 { font-size: 70px !important; }
  .vc_section.top-banner.new-header > .vc_row[data-vc-full-width], .vc_section.top-banner.new-header > .vc_row { padding-bottom: 0; }
  .vc_section.top-banner.new-header > .vc_row[data-vc-full-width], .vc_section.top-banner.new-header > .vc_row, .vc_section.top-banner.new-header { overflow: visible; }
  .live_demo_form.header_form .form-container { max-width: 347px; position: absolute; z-index: 100; top: 0; left: 0; } }
@media screen and (max-width: 500px) { .vc_section.top-banner.new-header:not(.has-form) { background-size: cover; height: 0 !important; padding-bottom: 132% !important; } }
@media screen and (min-width: 500px) { .wpb_content_element.header-text-block { margin-left: 0; margin-bottom: 0; }
  .wpb_content_element.header-text-block h1 { max-width: 44%; }
  .has-form .wpb_content_element.header-text-block h1 { max-width: 86%; }
  .wpb_content_element.header-text-block p { max-width: 40%; }
  .has-form .wpb_content_element.header-text-block p { max-width: 60%; } }
@media screen and (min-width: 590px) and (max-width: 767px) { .wpb_content_element.header-text-block p { max-width: 100%; height: 43px; } }
@media screen and (min-width: 1920px) { .top-banner.has-form .header-text-block p { font-size: 1.6vw; } }
@media screen and (min-width: 1600px) and (max-width: 2100px) { .top-circle { width: 33%; } }
@media screen and (max-width: 1600px) and (min-width: 1440px) { .top-circle { width: 35%; } }
@media screen and (max-width: 1300px) and (min-width: 1440px) { .top-circle { width: 34%; } }
@media screen and (min-width: 1201px) { .show_mobile { display: none; } }
@media screen and (max-width: 1200px) { .new-asap-button.get-started-square { margin-top: 10px; height: 41px; }
  .vc_section.top-banner.new-header.has-form .field-forms-comments { display: none; }
  .close_banner { right: 5px; }
  body .covid_block { max-height: 52px; overflow: hidden; }
  body .covid_block p { white-space: nowrap; overflow: hidden; }
  body .covid_block::before { left: 5px; }
  body .covid_block::after { content: unset; background: none; }
  body .covid_block p img { height: 25px; vertical-align: bottom; } }
@media screen and (max-width: 500px) { body .covid_block p img { height: 20px; vertical-align: bottom; } }
@media screen and (min-width: 768px) and (max-width: 1200px) { .vc_section.top-banner.new-header > .container { width: 100%; }
  .vc_section.top-banner.new-header.has-form { height: auto !important; padding-bottom: 30px !important; }
  .top-banner.new-header.has-form .header-text-block h1 { font-size: 6vw !important; } }
@media screen and (max-width: 992px) { body .covid_block p { font-size: 14px; }
  body .covid_block::before, body .covid_block::after { content: unset; background: none; }
  .klev-industries-row.klev-img-left-para-right.vc_row.vc_row-flex { display: block; -webkit-flex-wrap: unset; -ms-flex-wrap: none; flex-wrap: unset; }
  .klev-img-left-para-right .wpb_column:nth-child(1) { display: table-footer-group; float: none; }
  .klev-img-right-para-left .wpb_column:nth-child(2) > *, .klev-img-left-para-right .wpb_column:nth-child(1) > * { padding-top: 30px; }
  .klev-img-left-para-right .wpb_column:nth-child(2) { display: table-header-group; float: none; } }
@media screen and (min-width: 768px) and (max-width: 992px) { .vc_section.top-banner.new-header .live_demo_form.header_form .form-container { position: relative; margin: 0 auto; }
  .vc_section.top-banner.new-header.has-form > .container > .wpb_column { width: 50%; } }
/*fix CLS*/
@media (max-width: 1200px) { .container { width: 1170px; } }
@media (min-width: 1400px) { .container { width: 1370px; } }
@media (min-width: 1600px) { .container { width: 1570px; } }
/* THEME STYLESHEET: PRELOADER @PACKAGE cargettheme @author Husam Sharkiey @email <sharkiey.husam@gmail.com> TABLE OF CONTENT: ---------------- 1. PRELOADER 2. HEADER  ***************************************************************************** ****************************** 1. PRELOADER ********************************* ****************************************************************************/
#preloader { justify-content: center; overflow: hidden; display: flex; height: 100vh; width: 100%; position: fixed; z-index: 999999; background: #fff; margin-top: 0px; top: 0px; left: 0; }
#preloader svg { align-self: center; max-height: 250px; max-width: 250px; height: 100%; width: 100%; }
#preloader svg * { fill-opacity: 0; transition: fill-opacity 1s; }
#preloader svg.finished * { fill-opacity: 1; }

/*******************************************************************************
********************************* 2. HEADER ************************************
*******************************************************************************/
.pr-0 { padding-right: 0 !important; }
.pr-0 .vc_column-inner { padding-right: 0 !important; }

.pl-0 { padding-left: 0 !important; }
.pl-0 .vc_column-inner { padding-left: 0 !important; }

.pt-0 { padding-top: 0 !important; }
.pt-0 .vc_column-inner { padding-top: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-0 .vc_column-inner { padding-bottom: 0 !important; }

.fa-circle:before { content: "●" !important; }

#content .vc_section .container ul { margin-left: 0 !important; }
#content .covid_block a:hover { text-decoration: underline; }
#content .container.klev-top-banner .banner-text .asap-button.get-a-trial-button { width: 100%; height: 2.8vw; border: none; box-shadow: none; display: inline-block; margin-top: 20px; color: transparent !important; background: transparent url(https://www.asapsystems.com/wp-content/uploads/2019/12/inventory-asset-tracking-system-banner-cta-square.svg?v2) left center no-repeat; }

.slick-dots li button:before { font-size: 12px !important; }

.new h2 { font-size: 32px !important; color: #262626; text-align: center !important; margin-bottom: 20px !important; margin-top: 0 !important; padding-bottom: 0; padding-top: 0; }
.new h3 { font-size: 32px !important; color: #262626 !important; text-align: left !important; margin-bottom: 20px !important; margin-top: 0 !important; padding-bottom: 0; padding-top: 0; line-height: 37px !important; }
.new h4 { font-size: 28px !important; color: #666 !important; font-weight: 500 !important; line-height: 33px !important; font-family: 'proxima_nova_rgregular'; }
.new .live_demo_form.live_demo_form_new .form-container input[type="submit"] { background-image: none !important; background-color: #f95700 !important; color: #fff !important; border-radius: 50px !important; font-size: 20px !important; font-weight: bold !important; padding: 10px 25px 10px 25px !important; }
.new .live_demo_form.live_demo_form_new .form-container input[type="submit"] { color: #fff !important; }
.new .live_demo_form .live_demo_form .form-container { box-shadow: none; padding: 0px; }
.new .post_form_container { width: 100% !important; }
.new .post_form_container .left_container { padding: 0 !important; border: none !important; background-color: white; }
.new .post_form_container .live_demo_form .form-container fieldset input { background: #eee !important; }

.vc_section .container ul { list-style: inherit; font-size: inherit; margin-bottom: 20px; margin-left: 30px; }
.vc_section.top-banner.new-header:not(.has-form) { height: 0 !important; padding-bottom: 31% !important; background-size: cover !important; background-position: center center !important; }
.vc_section.top-banner.new-header.has-form { height: 500px !important; background-size: cover !important; }
.vc_section.top-banner.new-header > .vc_row[data-vc-full-width] { height: 100%; padding-bottom: 20px; }
.vc_section.top-banner.new-header > .vc_row { height: 100%; padding-bottom: 20px; }
.vc_section.top-banner.new-header br + br { display: block; }

.vc_row.vc_row-flex:not(.flip-img-txt) { box-sizing: border-box !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

div.wpcf7-response-output { display: none; background-color: #fff; }

.container2 { padding-right: 15px !important; padding-left: 15px !important; }

.live_demo_form .form-container { box-shadow: 0 0 24px 0 rgba(148, 148, 148, 0.3); }
.live_demo_form .form-container .new-asap-button.start-trial-button { width: 241px; height: 54px; border: none; box-shadow: none; color: transparent !important; background: transparent url(../../assets/svg/inventory-asset-tracking-form-cta.svg?v1) center center no-repeat; }
.live_demo_form .form-container .new-asap-button.start-trial-button:hover { background: transparent url(../../assets/svg/inventory-asset-tracking-form-cta-hover.svg?v1) center center no-repeat; }
.live_demo_form.header_form { position: relative; margin-top: 24px; }
.live_demo_form.header_form .form-container { box-shadow: none; width: 100%; margin: 0; padding: 20px; position: relative; background: transparent url(../../images/header_form_bg.png?v1) center bottom repeat-x; border-radius: 20px; background-size: auto 100%; }
.live_demo_form.header_form .form-container .ajax-loader { display: none; }
.live_demo_form.header_form .form-container .ajax-loader.is-active { display: block; }
.live_demo_form.live_demo_form_new .form-container { max-width: 687px; }
.live_demo_form.live_demo_form_new .form-container input[type=text], .live_demo_form.live_demo_form_new .form-container input[type=email], .live_demo_form.live_demo_form_new .form-container textarea { background-color: #f6fbfb; font-weight: 300; border-radius: 0; border-width: 2px; border-color: #d9d8d8; }
.live_demo_form.live_demo_form_new .form-container input[type="submit"] { background: transparent url(../../assets/svg/inventory-asset-tracking-form-cta.svg?v1) center center no-repeat; background-size: auto; width: 250px; height: 65px; border: none; padding: 0 !important; color: transparent !important; box-shadow: none; background-size: 100%; transition: none; }
.live_demo_form.live_demo_form_new .form-container input[type="submit"]:hover { background: transparent url(../../assets/svg/inventory-asset-tracking-form-cta-hover.svg?v1) center center no-repeat; }

.counter { font-size: 120px !important; }

.hide { display: none; }

.grecaptcha-badge { display: none !important; }

#features-sidebar-nav-content { width: 320px; margin-top: 100px !important; }

#video-cover-06c099d7e6 { padding: 35px; }

#video-cover-a52f6ebcf2 { padding: 45px; }

#enterprise-asap-opt { padding: 40px; }

.enterprise-op-logo { padding: 19px !important; }

#chemical-opt { text-align: left !important; }

#video-cover-fa1eaaf19c { padding: 62px; }

#video-cover-3c87cfd5b3 { padding: 40px; }

.close_banner { position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; }

.covid_block { text-align: center; background: #c9c9c9; border: 1px solid #b3313c; color: #444; font-size: 18px; padding: 10px 0; position: relative; }

body .bg_center_bottom.bg_bottom_center { background-position: center bottom !important; }
body .covid_block p { margin: 0; position: relative; }
body .covid_block p img { height: 30px; vertical-align: bottom; }
body .covid_block a { color: #444; text-decoration: none; }
body .covid_block a:hover { color: #444; text-decoration: none; }
body .covid_block a:visited { color: #444; text-decoration: none; }
body .home-footer-form { padding-bottom: 0 !important; }
body .bg_center_bottom { background-position: center top !important; }
body .bg_center_bottom h2 { color: #5ac2b1; font-weight: 300 !important; }
body .bg_center_bottom h1 { color: #5ac2b1; font-weight: 300 !important; font-weight: 800 !important; }
body #lz_ec_image { display: none; }

.post-content .entry-header img.attachment-shapely-full { height: auto; max-height: none; }

#send_buttons a { margin-top: 0; }

.form-disclaimer { font-size: 12px; text-align: left; }

.policy_notice { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #5eb1a2; color: #5eb1a2; line-height: normal; vertical-align: baseline; text-align: center; cursor: pointer; font-size: 10px; }

.nomargin [class*="asap-button-svg-"] { margin-top: 0; }

.light_font * { font-weight: 100; }

.wpb_content_element { margin-bottom: 0; }

.bar_testimonial .slide { padding: 0 40px; }
.bar_testimonial .testimonial-slider .slide p { font-size: 25px; }

.nopadding { padding: 0 !important; }

.vc_row-o-content-middle .wpb_button { margin-bottom: 0; }
.vc_row-o-content-middle .wpb_content_element { margin-bottom: 0; }
.vc_row-o-content-middle ul.wpb_thumbnails-fluid > li { margin-bottom: 0; }

.show_on_hover_warpper { position: relative; }
.show_on_hover_warpper:hover .show_on_hover { opacity: 1; }
.show_on_hover_warpper:hover .hide_on_hover { opacity: 0; }

.show_on_hover { position: absolute; width: 100%; top: 0; left: 0; z-index: 0; opacity: 0; }

.center_flex .flex_row { justify-content: center; }

/* New Manual Updated css*/
.microsite-footer { background: #e2e2e2; padding: 30px 0 0; margin: 0; }

.home-slider .wpls-logo-showcase-slider-wrp { margin: 10px 0 20px !important; }

.pulse { animation: 1s ease 0s infinite normal none running pulse; }

.sy-caption-wrap { display: none; }

.top-circle { width: 33%; }

.header-login { color: #282828; font-size: 14px; font-weight: 400; }

.page-template .asap-container h3.main-h1.skinny-green { color: #52c1b1; font-weight: 300; }

.wpls-logo-showcase { padding-bottom: 0px !important; }
.wpls-logo-showcase .wpls-logo-cnt.slick-slide { margin: 0 30px; }

#wpls-logo-showcase-slider-1 .wp-post-image { max-height: 55px !important; }
#wpls-logo-showcase-slider-1 .wp-post-image img.wp-post-image { max-height: 55px !important; }

.footer-right-side .logo { width: auto; }

.c-lead-button { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 0s all linear 0.2s; -moz-transition: 0s all linear 0.2s; -ms-transition: 0s all linear 0.2s; -o-transition: 0s all linear 0.2s; transition: 0s all linear 0.2s; position: relative; transform: translateZ(0); -webkit-transform: translateZ(0); }

.c-lead-button.sticky_footer { position: fixed; transform: translateZ(0); -webkit-transform: translateZ(0); }

h1 br:nth-child(2n) { display: none; }

.responsive_video { max-width: 100%; }

.responsive-video-wrap { max-width: 100%; }
.responsive-video-wrap * { max-width: 100%; }

.vc_custom_1563354800948 { margin-bottom: 0; margin-top: 0; }

.vc_custom_1572520414944 { margin-top: 0; }

fieldset.col-sm-6 { padding-left: 0; padding-right: 0; }

.wpb_single_image.form_title img { height: 120px; }

.form_title figure { padding: 0; }

.form_title_text { display: none; }

.no_margin { margin: 0; }

.bg_center_bottom .wpcf7-form { margin-top: 30px; }

.wpb_single_image.vc_align_left.banner-slogan { width: 100%; text-align: center; }
.wpb_single_image.vc_align_left.banner-slogan figure { padding-top: 0; }

.top-banner .banner-slogan img { height: 70px; width: 100%; display: block; margin-bottom: 0; }
.top-banner .header-text-block p { color: #fff; text-align: left; font-size: 2.4vw; font-weight: 300; }
.top-banner .header-text-block ul { color: #fff; text-align: left; font-size: 30px; list-style: disc; margin-top: 30px; margin-bottom: 20px; margin-left: 25px; }

.top-banner.new-header .header-text-block h1 { color: #fff; font-weight: 800; text-align: left !important; font-size: 5.2vw; }

.top-banner.has-form .header-text-block p { font-size: 2.1vw; }

.new-asap-button.get-started { width: 288px; height: 54px; border: none; box-shadow: none; display: inline-block; margin-top: 10px; color: transparent !important; background: transparent url(../../assets/svg/inventory-asset-tracking-banner-cta.svg?v2) left center no-repeat; }
.new-asap-button.get-started:hover { background: transparent url(../../assets/svg/inventory-asset-tracking-banner-cta-hover.svg?v2) left center no-repeat; }

.container.klev-top-banner .banner-text .asap-button.get-a-trial-button { width: 100%; height: 2.8vw; border: none; box-shadow: none; display: inline-block; margin-top: 0; color: transparent !important; background: transparent url(https://www.asapsystems.com/wp-content/uploads/2019/12/inventory-asset-tracking-system-banner-cta-square.svg?v2) left center no-repeat; background: transparent url(https://www.asapsystems.com/wp-content/uploads/2019/12/inventory-asset-tracking-system-banner-cta-square-hover.svg?v2) left center no-repeat; }

.new-asap-button.get-started-square { width: 100%; height: 2.8vw; border: none; box-shadow: none; display: inline-block; margin-top: 0; color: transparent !important; background: transparent url(https://www.asapsystems.com/wp-content/uploads/2019/12/inventory-asset-tracking-system-banner-cta-square.svg?v2) left center no-repeat; }
.new-asap-button.get-started-square:hover { background: transparent url(https://www.asapsystems.com/wp-content/uploads/2019/12/inventory-asset-tracking-system-banner-cta-square-hover.svg?v2) left center no-repeat; }

.microsite-footer.bottom-footer .social { margin: 0; display: inline-block; }
.microsite-footer.bottom-footer .social li { list-style: none; background: none repeat scroll 0 0 #3c3c3c; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; float: left; height: 50px; line-height: 36px; margin: 0 8px 0 0; padding: 0; text-align: center; width: 50px; transition: all .5s ease 0; -moz-transition: all .5s ease 0; -webkit-transition: all .5s ease 0; -ms-transition: all .5s ease 0; -o-transition: all .5s ease 0; }
.microsite-footer.bottom-footer .social li:hover { background: #5eb1a2; }
.microsite-footer.bottom-footer .social li a { line-height: 36px; text-align: center; color: #EDEFF1; display: block; }
.microsite-footer.bottom-footer .social li a i { font-size: 20px; color: #EDEFF1 !important; line-height: 50px; }
.microsite-footer.bottom-footer .footer-logo { max-height: 80px; }

.desktop_flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#lz_chat_overlay_main { border-radius: 0 !important; border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; background: #e59320 !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) !important; width: 189px !important; float: right; }
#lz_chat_overlay_main #lz_chat_apo { display: none; }
#lz_chat_overlay_main #lz_chat_apa { display: none; }
#lz_chat_overlay_main:not(.chat_opened):hover { background: #fcb15f !important; }
#lz_chat_overlay_main:hover #lz_chat_overlay_text { background-color: #fcb15f !important; }

#lz_chat_overlay_main.chat_opened { width: auto !important; float: none; height: 100% !important; background: rgba(0, 0, 0, 0) linear-gradient(#e59320 50px, white 51px, white 100%) repeat scroll 0% 0% !important; }
#lz_chat_overlay_main.chat_opened #lz_chat_apo { display: block; display: block; }

#lz_chat_overlay_text { background-size: auto 22px !important; background-image: url(../../images/inventory-asset-tracking-chat.svg) !important; background-repeat: no-repeat !important; background-position: center !important; background-color: #e59320 !important; color: transparent !important; left: auto !important; width: 169px !important; }

.thecontactform form.wpcf7-form .form-container input.wpcf7-form-control.wpcf7-submit.submit-btn { width: 100% !important; }

/*custom css plugin*/
/*inline style from header.php*/
.searchicon { width: 20px; height: auto; vertical-align: middle; margin-right: 3px; outline: none; }

/* End Search Form */
.inventory-logos-section { font-family: 'Open Sans', sans-serif; }
.inventory-logos-section p { font-size: 18px; color: #222222; font-family: "heavy", sans-serif !important; font-weight: bold; margin-bottom: 30px !important; padding-bottom: 29px; position: relative; }
.inventory-logos-section p:after { content: ''; height: 3px; width: 100px; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; }
.inventory-logos-section .wpls-logo-showcase { padding: 30px 0 !important; }

.env-c-p-0 .container { padding: 0; }

.inventory-vdo-section { font-family: 'Open Sans', sans-serif; }
.inventory-vdo-section .line-after p { font-family: "heavy", sans-serif !important; padding-bottom: 31px; margin-bottom: 45px !important; position: relative; font-weight: bold; text-align: left; color: #222; font-size: 30px; }
.inventory-vdo-section .line-after p:after { content: ''; height: 3px; width: 0px; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; }
.inventory-vdo-section .line-after p.active:after { width: 100px; }
.inventory-vdo-section .content p { font-size: 18px; color: #222; margin-top: 30px; text-align: left; margin-bottom: 15px !important; }
.inventory-vdo-section .content ul { list-style-type: none !important; margin: 0 !important; padding: 0; column-count: 2; }
.inventory-vdo-section .content ul li { text-align: left; font-size: 16px !important; color: #222; padding-left: 17px; position: relative; }
.inventory-vdo-section .content ul li:before { content: ''; height: 15px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 5px; }

.list-check ul { list-style-type: none !important; margin: 0 !important; padding: 0; /*column-count: 2;*/ }
.list-check ul li { text-align: left; font-size: 16px !important; color: #222; padding-left: 30px; padding-bottom: 15px; position: relative; }
.list-check ul li:before { content: ''; height: 15px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 5px; }

.ptb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.vc_column-inner .icon-box-list-section .main-title-hs p { text-align: center !important; }

.icon-box-list-section { font-family: "Open Sans", sans-serif; }
.icon-box-list-section.t-test .box-hs { margin: 7.5px 7.5px; padding: 1px 0; }
.icon-box-list-section.t-test .img { margin: 0; }
.icon-box-list-section.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.icon-box-list-section.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.icon-box-list-section.m-b { margin-bottom: 45px; }
.icon-box-list-section.m-t { margin-top: 45px; }
.icon-box-list-section .content-hs p { font-family: "Open Sans", sans-serif; font-size: 18px; color: #222; margin-bottom: 30px; margin-top: 15px; text-align: center; }
.icon-box-list-section .main-title-hs p { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; text-align: center !important; color: #222; padding-bottom: 31px; margin-bottom: 45px; font-size: 30px; }
.icon-box-list-section .main-title-hs p.active:after { width: 100px; }
.icon-box-list-section .main-title-hs p:after { content: ""; height: 3px; width: 0; background: #30a46c; display: block; transition: all 0.5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.icon-box-list-section .img { margin: 30px 0px; }
.icon-box-list-section .img img { margin: auto; }
.icon-box-list-section .title-hs { text-align: center; min-height: 55px; }
.icon-box-list-section .title-hs p { font-family: "heavy", sans-serif !important; font-size: 22px; font-weight: bold; color: #222; }
.icon-box-list-section .cnt-hs { text-align: left; color: #222; }
.icon-box-list-section .cnt-hs p { font-size: 18px; }
.icon-box-list-section .cnt-hs ul { list-style-type: none !important; margin: 0 !important; padding: 0; /*column-count: 2;*/ }
.icon-box-list-section .cnt-hs ul li { text-align: left; font-size: 16px !important; color: #222; padding-left: 17px; position: relative; }
.icon-box-list-section .cnt-hs ul li:before { content: ""; height: 15px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 5px; }
.icon-box-list-section.allow-shadow .box-hs { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.icon-box-list-section .box-hs { height: 100%; text-align: center; padding: 30px; transition: all 0.5s; }
.icon-box-list-section .box-hs:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.5s; }
.icon-box-list-section .box-hs:focus { outline: 0 !important; }

.justify-content-center { justify-content: center; }

.custom-margin-hs-icon-box { margin-bottom: 15px; }

.slick-track { display: flex !important; }

.slick-slide { height: inherit !important; }

.justify-content-between { justify-content: space-between; }

.inventory-conf-section-image { font-family: 'Open Sans', sans-serif; }
.inventory-conf-section-image .pc_desc h2 { font-family: "heavy", sans-serif !important; padding-bottom: 31px; margin-bottom: 45px !important; position: relative; font-weight: bold; text-align: left; color: #222; font-size: 30px; }
.inventory-conf-section-image .pc_desc h2:after { content: ''; height: 3px; width: 0px; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; }
.inventory-conf-section-image .pc_desc h2.active:after { width: 100px; }
.inventory-conf-section-image .pc_desc p { font-size: 18px; color: #222; margin-top: 30px; margin-bottom: 15px !important; }
.inventory-conf-section-image .CLsection:after { display: none !important; }

.text-slider-title { font-family: 'Open Sans', sans-serif; }
.text-slider-title p { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; text-align: center; color: #222; padding-bottom: 31px; margin-bottom: 45px !important; font-size: 30px; }
.text-slider-title p.active:after { width: 100px; }
.text-slider-title p:after { content: ''; height: 3px; width: 0; background: #30A46C; display: block; transition: all .5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.texts-slider-hs { background: #f9f9f9; font-family: 'Open Sans', sans-serif; }
.texts-slider-hs.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.texts-slider-hs.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.texts-slider-hs.m-b { margin-bottom: 45px; }
.texts-slider-hs.m-t { margin-top: 45px; }
.texts-slider-hs .owl-carousel .owl-stage-outer { height: auto; }
.texts-slider-hs .testimonial-slider .slide .testimonial-title { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; text-align: center; color: #222; padding-bottom: 31px; margin-top: 0; margin-bottom: 45px; font-size: 30px; }
.texts-slider-hs .testimonial-slider .slide .testimonial-title:after { content: ''; height: 3px; width: 100px; background: #30A46C; display: block; transition: all .5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.texts-slider-hs .testimonial-slider .slide p { position: relative; color: #222; font-size: 18px; line-height: 1.5; padding-top: 5px; padding-left: 51px; padding-bottom: 0px; padding-right: 60px; }
.texts-slider-hs .testimonial-slider .slide .testimonial-credit { display: block; font-style: italic; color: #222; font-size: 18px; margin-top: 15px; }
.texts-slider-hs .owl-nav { position: absolute; width: 100%; display: flex; justify-content: space-between; top: 0; }
.texts-slider-hs .owl-next { display: none !important; position: relative; color: transparent !important; background: transparent !important; }
.texts-slider-hs .owl-next:after { content: ''; background-image: url(../images/arr.svg); height: 30px; width: 30px; display: block; position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; }
.texts-slider-hs .owl-prev { display: none !important; position: relative; color: transparent !important; background: transparent !important; }
.texts-slider-hs .owl-prev:after { content: ''; background-image: url(../images/arr.svg); height: 30px; width: 30px; display: block; position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; transform: rotate(180deg); }

.latest-news-section-hs { font-family: 'Open Sans', sans-serif; }
.latest-news-section-hs .img-hs img { height: 200px; width: 100%; object-fit: cover; }
.latest-news-section-hs .title-hs p { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; text-align: center; color: #222; padding-bottom: 31px; margin-bottom: 45px; font-size: 30px; }
.latest-news-section-hs .title-hs p.active:after { width: 100px; }
.latest-news-section-hs .title-hs p:after { content: ''; height: 3px; width: 0; background: #30A46C; display: block; transition: all .5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.latest-news-section-hs .box-hs { /*border: solid 1px #efefef;*/ transition: all .5s; }
.latest-news-section-hs .box-hs:hover { transition: all .5s; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.latest-news-section-hs .inner-box-hs { padding: 15px; }
.latest-news-section-hs .text1 p { font-size: 18px; font-weight: bold; color: #30A46C; text-align: left !important; text-transform: capitalize; }
.latest-news-section-hs .text2 p { font-size: 18px; font-weight: bold; color: #222; min-height: 45px; text-align: left !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.latest-news-section-hs .text3 p { font-size: 18px; color: #222; text-align: left !important; }
.latest-news-section-hs .link-hs a { color: #EC4016 !important; font-size: 18px; position: relative; font-weight: bold; }
.latest-news-section-hs .link-hs a:after { content: ''; background-image: url(../images/linkURL.svg); display: block; height: 15px; width: 30px; background-size: contain; background-repeat: no-repeat; position: absolute; right: -37px; top: 2px; }

.get-demo-hs { font-family: 'Open Sans', sans-serif; }
.get-demo-hs h3 { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; color: #222 !important; line-height: 1.3 !important; font-size: 30px !important; padding-bottom: 31px !important; margin-bottom: 45px !important; }
.get-demo-hs h3.active:after { width: 100px; }
.get-demo-hs h3:after { content: ''; height: 3px; width: 0; background: #30A46C; display: block; transition: all .5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.get-demo-hs p { font-size: 18px; color: #222; margin-bottom: 30px; }

.blogs-hs-header { min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(358deg, white 20%, #f7f4f4 20%); }
.blogs-hs-header .title-hs h1 { font-size: 60px; font-family: "Open Sans", sans-serif !important; font-weight: 900; margin: 0; color: #222; }
.blogs-hs-header .search-blog-hs { width: 60%; position: relative; margin: auto; text-align: center; }
.blogs-hs-header .search-blog-hs input[type=text] { box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.16); background: #fff; border-radius: 29px; margin: 0; border: 1px solid #939393; }
.blogs-hs-header .search-blog-hs input[type=submit], .blogs-hs-header .search-blog-hs input[type=button] { position: absolute; top: 0; right: 0; margin: 0; background-image: url(../images/search.svg); width: 25px; z-index: 200; background-repeat: no-repeat; background-position: 50% 50%; height: 100%; padding: 25px 27px; background-size: 25px 25px; border-left: solid 1px #ADADAD; border: 0; background-color: transparent; border-left: solid 1px #ADADAD; }

.filter-bar-hs { padding: 30px 0px; padding-top: 90px; }
.filter-bar-hs .filter-bar { display: flex; justify-content: flex-start; }
.filter-bar-hs .filter-bar .text1 { margin-right: 15px; border-bottom: #30A46C solid 2px; }
.filter-bar-hs .filter-bar .text1 p { margin: 0; font-size: 18px; color: #222; padding-bottom: 7.5px; font-family: lato, helvetica neue, Helvetica, Arial, sans-serif; }
.filter-bar-hs .filter-bar .solution-drp { display: flex; justify-content: space-between; }
.filter-bar-hs .filter-bar .solution-drp .drp-hs { width: 160px; min-width: 85px; position: relative; margin: 0 30px; }
.filter-bar-hs .filter-bar .solution-drp .drp-hs:after { content: ''; display: block; background-image: url(../images/drop-donw-arr.svg); width: 10px; height: 5px; background-size: contain; position: absolute; right: 0px; top: 50%; z-index: -1; }
.filter-bar-hs .filter-bar .solution-drp .drp-hs select { background: transparent; height: 100%; width: 100%; font-size: 16px; color: #222; border: 0; font-family: lato, helvetica neue, Helvetica, Arial, sans-serif; font-style: italic; appearance: none; }
.filter-bar-hs .filter-bar .solution-drp .drp-hs select:focus-visible { border: 0; outline: 0; }

.ware-house-cases.get-blogs-hs { border: 0; margin: 0; }

.get-blogs-hs { border-bottom: solid #d6d6d6 1px; margin-bottom: 45px; }
.get-blogs-hs .col-hs-4 { margin-bottom: 60px; }
.get-blogs-hs .box-hs { position: relative; height: 100%; transition: all 0.5s; }
.get-blogs-hs .box-hs .img-hs { height: 250px; }
.get-blogs-hs .box-hs .img-hs img { height: 100%; width: 100%; object-fit: cover; }
.get-blogs-hs .box-hs .inner-box-hs { transition: all 0.5s; padding: 15px 7.5px; padding-bottom: 30px; display: flex; flex-direction: column; justify-content: space-between; font-family: "Open Sans", sans-serif; }
.get-blogs-hs .box-hs .inner-box-hs .link-hs { position: absolute; bottom: 30px; left: 7.5px; height: 20px; width: 100%; }
.get-blogs-hs .box-hs .inner-box-hs .text1 p { font-size: 18px; font-weight: bold; color: #30a46c; text-align: left !important; text-transform: capitalize; }
.get-blogs-hs .box-hs .inner-box-hs .text2 p { font-size: 16px; font-weight: bold; color: #222; }
.get-blogs-hs .box-hs .inner-box-hs .text3 p { font-size: 16px; color: #222; line-height: 2; margin-bottom: 30px; }
.get-blogs-hs .box-hs .inner-box-hs .link-hs a { display: inline-block; color: #ec4016 !important; font-size: 16px; position: relative; font-weight: bold; }
.get-blogs-hs .box-hs .inner-box-hs .link-hs a:after { content: ""; background-image: url(../images/linkURL.svg); display: block; height: 15px; width: 30px; background-size: contain; background-repeat: no-repeat; position: absolute; right: -37px; top: 3px; }
.get-blogs-hs .box-hs .inner-box-hs .date-hs p { font-size: 14px; color: #707070; font-style: italic; }
.get-blogs-hs .box-hs:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.5s; }

.padding-space { padding: 30px 0px; }

.row-hs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.row-hs.row-hs-reverse { flex-direction: row-reverse; }

.col-hs-2 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 20%; max-width: 20%; }

.col-hs-2-inner-blog { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 20%; max-width: 20%; }

.col-hs-6 { position: relative; width: 100%; flex: 0 0 50%; max-width: 50%; }
.col-hs-6.p { padding-right: 15px; padding-left: 15px; }
.col-hs-6.c { align-self: center; }
.col-hs-6.mb { margin-bottom: 15px; }

.col-hs-6-comp { position: relative; width: 100%; flex: 0 0 50%; max-width: 50%; }
.col-hs-6-comp.p { padding-right: 15px; padding-left: 15px; }
.col-hs-6-comp.c { align-self: center; }
.col-hs-6-comp.mb { margin-bottom: 15px; }

.col-hs-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 30px; }

.col-hs-10 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 80%; max-width: 80%; }

.col-hs-10-inner-blog { position: relative; width: 100%; padding-right: 100px; padding-left: 15px; flex: 0 0 80%; max-width: 80%; }

.col-hs-12 { position: relative; width: 100%; margin-bottom: 30px; flex: 0 0 100%; max-width: 100%; }

.pagination-hs { font-family: lato, helvetica neue, Helvetica, Arial, sans-serif; display: inline-block; text-align: center; }
.pagination-hs .next-hs, .pagination-hs .prev-hs { padding: 7.5px 0px; display: flex; }
.pagination-hs .next-hs a, .pagination-hs .prev-hs a { align-self: center; background: #212121; color: #fff; padding: 15px 15px; display: inline-block; font-size: 16px; font-weight: 900; border-radius: 40px; position: relative; height: 20px; width: 20px; }
.pagination-hs .next-hs a:after, .pagination-hs .prev-hs a:after { content: ''; display: block; height: 15px; width: 15px; background-image: url(../images/pagination-arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 50%; transform: translate(0%, -50%); }
.pagination-hs .next-hs { margin-left: 15px; }
.pagination-hs .next-hs a:after { right: 7.5px; transform: translate(0%, -50%); }
.pagination-hs .pages-hs { align-self: center; }
.pagination-hs .pages-hs p { margin: 0; font-size: 18px; font-weight: bold; color: #222; padding: 7.5px 0px; }
.pagination-hs .pages-hs p span { color: #79D176; }
.pagination-hs .prev-hs { margin-right: 15px; }
.pagination-hs .prev-hs a:after { left: 7.5px; transform: translate(0%, -50%) rotate(180deg); }
.pagination-hs .pagination-ars-hs { display: flex; }

.custom-pagination { padding-bottom: 45px; }

.inner-blog-post-page-hs { padding: 45px 0; padding-bottom: 0; font-family: 'Open Sans', sans-serif; }
.inner-blog-post-page-hs .date-hs p { font-size: 14px; color: #707070; font-style: italic; padding-left: 22px; }
.inner-blog-post-page-hs .feature-image-hs { margin-top: 30px; margin-bottom: 45px; }
.inner-blog-post-page-hs .feature-image-hs img { width: 100%; object-fit: contain; }
.inner-blog-post-page-hs .title-hs { border-left: solid #30A46C 2px; padding-left: 15px; }
.inner-blog-post-page-hs .title-hs h1 { font-size: 55px; font-weight: 900; margin: 0; color: #222; text-align: left; width: 80%; }
.inner-blog-post-page-hs .col-hs-10-inner-blog #dpsp-content-top { display: none; }
.inner-blog-post-page-hs .content-hs p { font-size: 16px; color: #222; }
.inner-blog-post-page-hs .content-hs p a { color: #1f5ab9; }
.inner-blog-post-page-hs .content-hs a { color: #1f5ab9; }
.inner-blog-post-page-hs .content-hs h4 { font-family: lato, helvetica neue, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 25px; position: relative; color: #222; padding-bottom: 15px; margin-bottom: 25px; }
.inner-blog-post-page-hs .content-hs h4:after { content: ''; height: 3px; width: 0px; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; }
.inner-blog-post-page-hs .content-hs h4.active:after { width: 100px; transition: all .5s; }
.inner-blog-post-page-hs .content-hs ul { list-style-type: none; margin: 0; padding: 0; /*column-count: 2;*/ }
.inner-blog-post-page-hs .content-hs ul li { font-size: 16px; color: #222; padding-left: 20px; padding-bottom: 15px; position: relative; }
.inner-blog-post-page-hs .content-hs ul li:before { content: ''; height: 20px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 0px; }
.inner-blog-post-page-hs .author-section-hs { background: linear-gradient(358deg, #f7f4f4 85%, white 85%); }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 { min-height: 200px; display: flex; justify-content: space-between; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content { align-self: center; display: flex; position: relative; width: 100%; flex: 0 0 80%; max-width: 80%; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .img-hs { align-self: center; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .img-hs img { width: 75px; object-fit: contain; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .auther-text-hs { padding: 0px 15px; padding-right: 100px; align-self: center; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .auther-text-hs span { font-family: lato, helvetica neue, Helvetica, Arial, sans-serif; font-size: 18px; color: #222; display: block; font-weight: bold; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .auth-hs-content .auther-text-hs p { font-size: 14px; color: #222; margin: 0; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 20%; /*max-width: 20%;*/ align-self: center; text-align: center; max-width: 245px; margin: auto; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs .box-hs { border: solid 2px #222; border-radius: 30px; padding: 15px 7.5px; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs .box-hs .title-inner-hs p { font-size: 14px; color: #222; display: block; font-weight: bold; position: relative; padding-bottom: 15px; text-transform: uppercase; margin: auto; width: 90%; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs .box-hs .title-inner-hs p:after { content: ''; height: 3px; width: 100px; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; transform: translateX(-50%); left: 50%; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs .box-hs .link-list-hs { width: 90%; margin: auto; }
.inner-blog-post-page-hs .author-section-hs .author-section-hs-1 .social-share-hs .box-hs .link-list-hs ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: space-between; margin-top: 30px; }
.inner-blog-post-page-hs .side-title-hs p { font-family: lato, helvetica neue, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 25px; position: relative; color: #222; padding-bottom: 15px; margin-bottom: 25px; text-align: center; }
.inner-blog-post-page-hs .side-title-hs p:after { content: ''; height: 3px; width: 0px; background: #30A46C; display: block; position: absolute; bottom: 0; transition: all .5s; transform: translateX(-50%); left: 50%; }
.inner-blog-post-page-hs .side-title-hs p.active:after { content: ''; width: 100px; transition: all .5s; }
.inner-blog-post-page-hs .get-blogs-hs-lates { margin-bottom: 45px; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); position: relative; height: 100%; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .img-hs { height: 165px; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .img-hs img { height: 100%; object-fit: cover; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs { transition: all .5s; padding: 15px 7.5px; padding-bottom: 30px; display: flex; flex-direction: column; justify-content: space-between; font-family: 'Open Sans', sans-serif; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .link-hs { position: absolute; bottom: 30px; left: 7.5pxpx; height: 20px; width: 100%; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .text1 p { font-size: 18px; font-weight: bold; color: #30A46C; text-align: left !important; text-transform: capitalize; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .text2 p { font-size: 16px; font-weight: bold; color: #222; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .text3 p { font-size: 16px; color: #222; margin-bottom: 30px; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .link-hs a { display: inline-block; color: #EC4016 !important; font-size: 16px; position: relative; font-weight: bold; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .link-hs a:after { content: ''; background-image: url(../images/linkURL.svg); display: block; height: 15px; width: 30px; background-size: contain; background-repeat: no-repeat; position: absolute; right: -37px; top: 3px; }
.inner-blog-post-page-hs .get-blogs-hs-lates .box-hs .inner-box-hs .date-hs p { font-size: 14px; color: #707070; font-style: italic; padding-left: 0; }

.image-video-content-section-hs.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.image-video-content-section-hs.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.image-video-content-section-hs.m-b { margin-bottom: 45px; }
.image-video-content-section-hs.m-t { margin-top: 45px; }
.image-video-content-section-hs .title-hs h3, .image-video-content-section-hs .title-hs h1 { font-family: "heavy", sans-serif !important; padding-bottom: 31px; margin-bottom: 45px; position: relative; font-weight: bold; text-align: left; color: #222; font-size: 30px; }
.image-video-content-section-hs .title-hs h3.active:after, .image-video-content-section-hs .title-hs h1.active:after { width: 100px; }
.image-video-content-section-hs .title-hs h3:after, .image-video-content-section-hs .title-hs h1:after { content: ''; height: 3px; background: #30A46C; display: block; width: 0px; position: absolute; bottom: 0; transition: all .5s; }
.image-video-content-section-hs .content-hs p { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #222; margin-top: 30px; margin-bottom: 15px; }
.image-video-content-section-hs .content-hs p a { color: #1f5ab9; }
.image-video-content-section-hs .content-hs ul { list-style-type: none !important; margin: 0; padding: 0; /*column-count: 2;*/ }
.image-video-content-section-hs .content-hs ul li { font-size: 18px; color: #222; padding-left: 20px; padding-bottom: 7.5px; position: relative; }
.image-video-content-section-hs .content-hs ul li:before { content: ''; height: 20px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 0px; }
.image-video-content-section-hs .img-hs { text-align: center; position: relative; display: inline-block; overflow: hidden; }
.image-video-content-section-hs .img-hs img { max-width: 100%; object-fit: contain; }
.image-video-content-section-hs .img-hs .play-btn-hs { cursor: pointer; display: inline-block; position: absolute; height: 150px; width: 150px; z-index: 100; top: 50%; transform: translate(-50%, -50%); left: 50%; }
.image-video-content-section-hs .img-hs .play-btn-hs:after { content: ''; height: 50px; width: 50px; position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); background-image: url(../images/triangle.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; z-index: 99999; transition: all .5s; }
.image-video-content-section-hs .img-hs .play-btn-hs:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/circle.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; z-index: 9999; transition: all .5s; height: 150px; width: 150px; }
.image-video-content-section-hs .img-hs:hover .play-btn-hs:before { height: 1000%; width: 1000%; }
.image-video-content-section-hs .img-hs:hover .play-btn-hs:after { transition: all .5s; height: 75px; width: 75px; top: 50%; left: 50%; }

.grtyoutube-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }

.grtyoutube-popup-content { margin-top: 150px; width: 95%; max-width: 850px; margin-left: auto; margin-right: auto; position: relative; }

.grtyoutube-popup-close { position: absolute; top: -30px; right: 0; color: #FFF; font-size: 25px; width: 17px; height: 17px; cursor: pointer; }

.grtyoutube-iframe { width: 100%; height: 480px; }

@media (max-width: 767px) { .grtyoutube-iframe { width: 100%; height: 350px; } }
.grtyoutube-dark-theme { background: rgba(0, 0, 0, 0.85); }
.grtyoutube-dark-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4); }
.grtyoutube-dark-theme .grtyoutube-popup-close { background: url("../images/icon-close-white.png") no-repeat; }

.grtyoutube-light-theme { background: rgba(255, 255, 255, 0.85); }
.grtyoutube-light-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); }
.grtyoutube-light-theme .grtyoutube-popup-close { background: url("../images/icon-close-black.png") no-repeat; }

.grtyoutube-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }

.grtyoutube-popup-content { margin-top: 150px; width: 95%; max-width: 850px; margin-left: auto; margin-right: auto; position: relative; }

.grtyoutube-popup-close { position: absolute; top: -30px; right: 0; color: #FFF; font-size: 25px; width: 17px; height: 17px; cursor: pointer; }

.grtyoutube-iframe { width: 100%; height: 480px; }

.page-id-53193 .icon-box-list-section .title-hs { min-height: 80px !important; }

.compareson-content-section-hs { font-family: "Open Sans", sans-serif; }
.compareson-content-section-hs.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.compareson-content-section-hs.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.compareson-content-section-hs.m-b { margin-bottom: 45px; }
.compareson-content-section-hs.m-t { margin-top: 45px; }
.compareson-content-section-hs .section-title-hs h3 { font-family: "heavy", sans-serif !important; padding-bottom: 31px; margin-bottom: 45px; margin-top: 0; position: relative; font-weight: bold; text-align: left; color: #222; text-align: center; font-size: 30px; }
.compareson-content-section-hs .section-title-hs h3:after { content: ""; height: 3px; width: 0; background: #30a46c; display: block; position: absolute; bottom: 0; left: 50%; transition: all 0.5s; transform: translate(-50%, -50%); }
.compareson-content-section-hs .section-title-hs h3.active:after { transition: all 0.5s; width: 100px; }
.compareson-content-section-hs .img-hs { text-align: center; }
.compareson-content-section-hs .img-hs img { margin: auto; }
.compareson-content-section-hs .inner-content-hs { font-size: 16px; color: #222; }
.compareson-content-section-hs .inner-content-hs p { font-size: 16px; }
.compareson-content-section-hs .inner-content-hs ul { list-style-type: none; margin: 0; padding: 0; /*column-count: 2;*/ }
.compareson-content-section-hs .inner-content-hs ul li { font-size: 16px; color: #222; padding-left: 20px; padding-bottom: 30px; position: relative; }
.compareson-content-section-hs .inner-content-hs ul li:before { content: ""; height: 20px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 0px; }
.compareson-content-section-hs .inner-title-hs p { font-size: 16px; color: #222; font-weight: bold; text-align: center; margin: 30px 0; }
.compareson-content-section-hs .box-hs { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 30px 30px; height: 100%; }

.fixed-hs { position: fixed; top: 0; z-index: 1000000; width: 100%; padding: 7.5px 0px !important; }

/*inner menu*/
.sub-inner-menu-hs { min-height: 72px; }
.sub-inner-menu-hs .mobile-menu-hs-footer { display: none; }
.sub-inner-menu-hs .mobile-main-text { display: none; }
.sub-inner-menu-hs nav { /*height: 70px;*/ background: #F4F2F2; /*box-shadow: 0 1px 2px rgba(0,0,0 , 20%);*/ }
.sub-inner-menu-hs nav .sub-inner-menu-title-hs:before { content: ''; }
.sub-inner-menu-hs nav .sub-inner-menu-title-hs p a { display: block; height: 100%; text-decoration: none; color: #222; font-size: 15px; width: 100px; font-weight: bold; border-right: #30A46C solid 2px; margin: 0; margin-right: 15px; line-height: 1; }
.sub-inner-menu-hs nav .navbar { height: 100%; display: flex; align-items: center; margin: auto; }
.sub-inner-menu-hs nav .navbar .nav-links { line-height: 70px; height: 100%; }
.sub-inner-menu-hs nav .navbar .htmlCss-sub-menu li { margin: 0px; border-left: solid #fff 3px; }
.sub-inner-menu-hs nav .navbar .htmlCss-sub-menu li .nav-item-common-hs { border-left: solid #fff 3px; width: 100%; margin: 0 7.5px; }
.sub-inner-menu-hs nav .navbar .htmlCss-sub-menu li:hover > .nav-item-common-hs { background: #eaeaea; border-left: solid #33a56e 3px; }
.sub-inner-menu-hs nav .navbar .links { margin: 0; display: flex; }
.sub-inner-menu-hs nav .navbar .links .mch:hover { color: #30A46C; }
.sub-inner-menu-hs nav .navbar .links li { position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0 14px; }
.sub-inner-menu-hs nav .navbar .links li.active a { color: #30A46C; font-weight: 700; border-left: solid 3px #30A46C; }
.sub-inner-menu-hs nav .navbar .links li.active.f-li-hs { border-left: 0; }
.sub-inner-menu-hs nav .navbar .links li.active.f-li-hs a { border-left: 0; }
.sub-inner-menu-hs nav .navbar .links li a { height: 100%; text-decoration: none; white-space: nowrap; display: block; color: #222; font-size: 15px; transition: all .5s; position: relative; /*font-weight: 600;*/ }
.sub-inner-menu-hs nav .navbar .links li a:hover { transition: all .5s; }
.sub-inner-menu-hs nav .navbar .links li .arrow { height: 100%; width: 22px; line-height: 70px; text-align: center; display: inline-block; color: #222; transition: all 0.3s ease; }
.sub-inner-menu-hs nav .navbar .links li .sub-menu { margin: 0; position: absolute; top: 70px; left: 0; line-height: 40px; background: #fff; box-shadow: -6px 7px 10px 0px #00000043; display: none; z-index: 2; min-width: 100%; padding: 7.5px 0; }
.sub-inner-menu-hs nav .navbar .links li:hover .htmlCss-sub-menu { display: block; }
.sub-inner-menu-hs nav .navbar .links li:hover .js-sub-menu { display: block; }
.sub-inner-menu-hs .links li:hover .htmlcss-arrow { transform: rotate(180deg); }
.sub-inner-menu-hs .links li:hover .js-arrow { transform: rotate(180deg); }
.sub-inner-menu-hs .links li .sub-menu .more:hover .more-sub-menu { display: block; }
.sub-inner-menu-hs .navbar .links li .sub-menu li { padding: 0px; }
.sub-inner-menu-hs .navbar .links li .sub-menu a { color: #222; font-size: 15px; font-weight: 400; padding: 0 7.5px; }
.sub-inner-menu-hs .navbar .links li .sub-menu .more-arrow { line-height: 40px; }
.sub-inner-menu-hs .navbar .links li .sub-menu .more span { display: flex; width: 100%; justify-content: space-between; }
.sub-inner-menu-hs .navbar .links li .sub-menu .more-sub-menu { margin-left: 0px; box-shadow: 0px 5px 11px -3px #00000043; background: #fff; position: absolute; top: 0; left: 100%; z-index: 1; display: none; width: auto; padding: 7.5px 0; }
.sub-inner-menu-hs .navbar .nav-links .sidebar-logo { display: none; }
@media (max-width: 920px) { .sub-inner-menu-hs nav .navbar { max-width: 100%; }
  .sub-inner-menu-hs nav .navbar .links li { padding: 0 10px; white-space: nowrap; }
  .sub-inner-menu-hs nav .navbar .links li a { font-size: 15px; } }
@media (max-width: 800px) { .sub-inner-menu-hs { min-height: 50px; }
  .sub-inner-menu-hs .mobile-main-text { display: block !important; }
  .sub-inner-menu-hs .mobile-main-text p { margin-left: 45px; color: #222; font-weight: bold; font-size: 20px; margin-bottom: 0; }
  .sub-inner-menu-hs .mobile-menu-hs-footer { position: fixed; bottom: 0px; width: 100%; text-align: center; left: 0; z-index: 1000; justify-content: center; height: 75px; background-image: url(../images/bg-footer-menu.svg); background-size: 150% 100%; background-repeat: no-repeat; background-position: 50% 50%; }
  .sub-inner-menu-hs .mobile-menu-hs-footer .guid-link { align-self: center; color: #F95700; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; display: inline-block; margin-top: 15px; }
  .sub-inner-menu-hs .mobile-menu-hs-footer { display: block !important; }
  .sub-inner-menu-hs nav .sub-inner-menu-title-hs p { border-right: 0 !important; position: relative; width: auto; }
  .sub-inner-menu-hs nav .sub-inner-menu-title-hs p:after { content: '>'; color: #30A46C; height: 20px; width: 20px; font-size: 25px; line-height: 0; display: inline-block; position: absolute; right: -30px; top: 50%; }
  .sub-inner-menu-hs nav .navbar .htmlCss-sub-menu li { border-left: 3px transparent; }
  .sub-inner-menu-hs nav .navbar .nav-links { position: fixed; left: -100%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); display: block; width: 95%; min-height: 80%; transform: translate(-50%, 0%); top: 75px; background: linear-gradient(175deg, #f7f4f4 13%, white 13%); line-height: 40px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000000; height: 80%; overflow: scroll; }
  .sub-inner-menu-hs nav .navbar .links { display: block; margin-top: 20px; max-height: 60%; height: 100%; overflow: scroll; }
  .sub-inner-menu-hs nav .navbar .links li { display: block; }
  .sub-inner-menu-hs nav .navbar .links li.f-li-hs { border-top: solid 1px #D6D6D6; padding-left: 45px; }
  .sub-inner-menu-hs nav .navbar .links li.f-li-hs .f-icon-hs { position: absolute; right: 0; top: 0; height: unset; }
  .sub-inner-menu-hs nav .navbar .links li.active a { border-left: solid #30A46C 3px; padding-left: 7.5px; background: #E5E5E5; display: block; }
  .sub-inner-menu-hs nav .navbar .links li .arrow { line-height: 40px; }
  .sub-inner-menu-hs nav .navbar .links li .sub-menu { position: relative; top: 0; background: transparent; min-width: auto; box-shadow: none; display: none; }
  .sub-inner-menu-hs nav .navbar .links li .sub-menu li { border-bottom: none; }
  .sub-inner-menu-hs nav .navbar .links li .sub-menu a { margin: 0; font-weight: 400 !important; }
  .sub-inner-menu-hs nav .navbar .links li .sub-menu .more-sub-menu { box-shadow: unset; margin-left: 30px; }
  .sub-inner-menu-hs nav .navbar .links li:hover .htmlCss-sub-menu { display: none; }
  .sub-inner-menu-hs nav .navbar .links li:hover .js-sub-menu { display: none; }
  .sub-inner-menu-hs .navbar .nav-links .sidebar-logo { display: flex; align-items: center; margin-bottom: 45px; margin-top: 7.5px; /*padding-top: 0 15px;*/ }
  .sub-inner-menu-hs .navbar .nav-links .sidebar-logo .links-hs { display: flex; justify-content: center; margin-left: 10px; width: 100%; }
  .sub-inner-menu-hs .navbar .nav-links .sidebar-logo .links-hs a { font-size: 16px; text-decoration: none; color: #F95700; font-weight: bold; position: relative; margin: 0 15px; }
  .sub-inner-menu-hs .navbar .nav-links .sidebar-logo .links-hs a.phone-link { padding-left: 35px; padding-right: 7.5px; }
  .sub-inner-menu-hs .navbar .nav-links .sidebar-logo .links-hs a.phone-link:before { content: ''; height: 15px; width: 15px; background-image: url(../images/phone.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 10px; top: 13px; }
  .sub-inner-menu-hs .navbar .nav-links .sidebar-logo .links-hs a.phone-link:after { content: ''; width: 2px; height: 35px; display: block; background: #C9C9C9; position: absolute; left: -10px; top: 4px; }
  .sub-inner-menu-hs .navbar .links li .sub-menu .more-sub-menu { display: none; position: relative; left: 0; display: none; }
  .sub-inner-menu-hs .navbar .links li .sub-menu .more-sub-menu li { display: flex; align-items: center; justify-content: space-between; }
  .sub-inner-menu-hs .navbar .links li .sub-menu .more span { display: flex; align-items: center; margin: 0; }
  .sub-inner-menu-hs .navbar .nav-links .opened .htmlCss-sub-menu { display: inline-block !important; }
  .sub-inner-menu-hs .navbar .nav-links .opened .htmlcss-arrow { transform: rotate(180deg); }
  .sub-inner-menu-hs .navbar .nav-links .links .more.opened-2 .more-sub-menu { display: block; }
  .sub-inner-menu-hs .navbar .nav-links .links .opened-2 .more-arrow { transform: rotate(90deg); }
  .sub-inner-menu-hs .sidebar-logo i { margin-left: 10px; font-size: 25px; color: #222; }
  .sub-inner-menu-hs .links li:hover .htmlcss-arrow { transform: rotate(0deg); }
  .sub-inner-menu-hs .links li:hover .js-arrow { transform: rotate(0deg); }
  .sub-inner-menu-hs .links li .sub-menu .more:hover .more-sub-menu { display: none; } }
@media (max-width: 370px) { .sub-inner-menu-hs nav .navbar .nav-links { max-width: 100%; } }

@media (max-width: 800px) { #over-lay-inner-menu-hs { position: fixed; height: 0%; width: 0%; background: #000; height: 100%; opacity: 0; z-index: -1; right: -100%; transition: all .6s; }
  #over-lay-inner-menu-hs.active { z-index: 1001; width: 100%; top: 0; opacity: 0.5; transition: all .6s; right: 0; } }
.cs-cont { background: #f8f8f8; /*padding-right:15px;*/ padding-left: 15px; margin-right: auto; margin-left: auto; padding-left: 145px; }

@media (max-width: 1800px) { .cs-cont { padding-left: 95px; } }
@media (max-width: 1600px) { .cs-cont { padding-left: 80px; } }
@media (max-width: 1500px) { .cs-cont { padding-left: 25px; } }
@media (max-width: 1400px) { .cs-cont { padding-left: 75px; } }
@media (max-width: 1300px) { .cs-cont { padding-left: 10px; } }
@media (max-width: 1200px) { .cs-cont { padding-left: 55px; } }
@media (max-width: 1100px) { .cs-cont { padding-left: 25px; } }
@media (max-width: 992px) { .cs-cont { padding-left: 0px; } }
@media (max-width: 768px) { .cs-cont { /*padding-left:136px;*/ } }
.get-a-demo-section-hs { background: #f4f4f4; text-align: center; }
.get-a-demo-section-hs .main-title-hs p { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; text-align: center; color: #222; padding-bottom: 31px; margin-bottom: 45px; font-size: 30px; }
.get-a-demo-section-hs .main-title-hs p.active:after { width: 100px; }
.get-a-demo-section-hs .main-title-hs p:after { content: ''; height: 3px; width: 0; background: #30A46C; display: block; transition: all .5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.get-a-demo-section-hs .content-hs p { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #222; margin-bottom: 45px; }
.get-a-demo-section-hs.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.get-a-demo-section-hs.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.get-a-demo-section-hs.m-b { margin-bottom: 45px; }
.get-a-demo-section-hs.m-t { margin-top: 45px; }
.get-a-demo-section-hs.p-b { padding-bottom: 45px; }
.get-a-demo-section-hs.p-t { padding-top: 45px; }

.custom-circle-hs .info-circle-text, .custom-circle-hs h3 { font-family: "Open Sans", sans-serif !important; }
.custom-circle-hs h3 { padding: 15px 0px; }

.hs-padding-circle { padding-right: 80px; padding-left: 80px; }

.page-404-hs { min-height: 90vh; display: flex; flex-direction: column; background: linear-gradient(175deg, #f7f4f4 75%, white 75%); justify-content: space-evenly; }
.page-404-hs .image-hs { text-align: center; }
.page-404-hs .image-hs img { max-width: 80%; object-fit: contain; }
.page-404-hs .image-hs.image-hs-mobile { display: none; }
.page-404-hs .hs-content p { text-align: center; font-size: 34px; color: #30302E; font-family: "Open Sans", sans-serif !important; padding: 0 15px; }
.page-404-hs .link-hs { text-align: center; }
.page-404-hs .link-hs a { display: inline-block; background: #30302E; color: #fff; font-family: "Open Sans", sans-serif !important; font-size: 28px; font-weight: bold; padding: 10px 45px; border-radius: 50px; }

.flx-hs { column-count: 3; column-gap: 45px; font-family: "Open Sans", sans-serif !important; }
.flx-hs .flx-hs-3 { display: inline-block; width: 100%; margin-bottom: 45px; }
.flx-hs .flx-hs-3 .box-hs { padding: 30px; background: #F7F4F4; transition: all .5s; box-shadow: 0px 0px 0px #00000029; }
.flx-hs .flx-hs-3 .box-hs .img-hs { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #D1D1D1; text-align: center; }
.flx-hs .flx-hs-3 .box-hs:hover { box-shadow: 0px 3px 6px #00000029; transition: all .5s; }
.flx-hs .flx-hs-3 .box-hs .text1 p { font-size: 18px; font-weight: bold; color: #30A46C; }
.flx-hs .flx-hs-3 .box-hs .text2 p { font-size: 16px; color: #222; line-height: 1.5; margin-bottom: 15px; }
.flx-hs .flx-hs-3 .box-hs .text3 p { font-size: 18px; color: #272727; margin: 15px 0px; }

img { max-width: 100%; object-fit: contain; }

.loader-gif-hs { text-align: center; }
.loader-gif-hs img { margin: 30px 0; width: 100px; }

.d-hs-none { display: none; }

.footer-menu-items-hs { padding: 45px 0; padding-bottom: 30px; background: #8e8e8e; }
.footer-menu-items-hs .widget_nav_menu .menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children { margin: 0; flex: 0 0 25%; padding: 0 15px; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children a { color: #fff; font-weight: bold; margin-bottom: 7.5px; border-bottom: solid 1px #fff; display: block; padding-bottom: 7.5px; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children a:hover { text-decoration: none; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children .sub-menu { background: unset; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children .sub-menu li { padding: 0; margin: 0; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children .sub-menu li a { border-bottom: solid 0px #fff; margin-bottom: 0px; font-weight: 400; }
.footer-menu-items-hs .widget_nav_menu .menu > .menu-item-has-children .sub-menu li a:hover { color: #f95700; }
.footer-menu-items-hs .check .widget_nav_menu .menu > .menu-item-has-children { flex: 0 0 33%; max-width: 33%; margin-bottom: 15px; }

.image-counters-hs.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.image-counters-hs.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.image-counters-hs.m-b { margin-bottom: 45px; }
.image-counters-hs.m-t { margin-top: 45px; }
.image-counters-hs .img-hs { margin-bottom: 30px; }
.image-counters-hs .title-hs h3, .image-counters-hs .title-hs h1 { font-family: "heavy", sans-serif; padding-bottom: 31px; margin-bottom: 45px; position: relative; font-weight: bold; text-align: left; color: #222; font-size: 30px; }
.image-counters-hs .title-hs h3.active:after, .image-counters-hs .title-hs h1.active:after { width: 100px; }
.image-counters-hs .title-hs h3:after, .image-counters-hs .title-hs h1:after { content: ""; height: 3px; background: #30a46c; display: block; width: 0px; position: absolute; bottom: 0; transition: all 0.5s; }
.image-counters-hs .content-hs p { font-family: "Open Sans", sans-serif; font-size: 18px; color: #222; margin-top: 30px; margin-bottom: 15px; }
.image-counters-hs .content-hs p a { color: #1f5ab9; }
.image-counters-hs .content-hs ul { list-style-type: none; margin: 0; padding: 0; /*column-count: 2;*/ }
.image-counters-hs .content-hs ul li { font-size: 18px; color: #222; padding-left: 20px; padding-bottom: 7.5px; position: relative; }
.image-counters-hs .content-hs ul li:before { content: ""; height: 20px; width: 15px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; display: block; position: absolute; left: 0px; top: 0px; }
.image-counters-hs .boxes-hs { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.image-counters-hs .boxes-hs .box-hs { font-family: "Open Sans", sans-serif; flex: 0 0 33%; max-width: 33%; color: #222; margin-bottom: 30px; }
.image-counters-hs .boxes-hs .box-hs .number-c span { font-family: "heavy", sans-serif; font-weight: bold; color: #30a46c; font-size: 60px; display: block; line-height: 1; margin-bottom: 15px; }
.image-counters-hs .boxes-hs .box-hs .cnt-hs { font-family: "Open Sans", sans-serif; font-size: 18px; color: #222; }
.image-counters-hs .boxes-hs .box-hs .title-hs p { font-size: 18px; font-weight: bold; color: #222; position: relative; margin: 0; padding-bottom: 15px; margin-bottom: 7.5px; }
.image-counters-hs .boxes-hs .box-hs .title-hs p.active:after { width: 100px; }
.image-counters-hs .boxes-hs .box-hs .title-hs p:after { content: ""; height: 3px; width: 0; background: #30a46c; display: block; transition: all 0.5s; position: absolute; bottom: 0; left: 0; }

.icon-list-section.b-b { border-bottom: #ebebeb solid 1px; padding-bottom: 45px; }
.icon-list-section.b-t { border-top: #ebebeb solid 1px; padding-top: 45px; }
.icon-list-section.m-b { margin-bottom: 45px; }
.icon-list-section.m-t { margin-top: 45px; }
.icon-list-section .title-hs h3 { font-family: "heavy", sans-serif !important; position: relative; font-weight: bold; text-align: center !important; color: #222; padding-bottom: 31px; margin-bottom: 45px; font-size: 30px; }
.icon-list-section .title-hs h3.active:after { width: 100px; }
.icon-list-section .title-hs h3:after { content: ""; height: 3px; width: 0; background: #30a46c; display: block; transition: all 0.5s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.icon-list-section .content-hs { text-align: center; color: #222; }
.icon-list-section .content-hs p { font-size: 18px; }
.icon-list-section .icon-lists { position: relative; }
.icon-list-section .icon-lists:after { content: ''; display: block; position: absolute; background: #f4f4f4; width: 3px; height: 100%; top: 5px; left: 39px; z-index: -1; }
.icon-list-section .icon-lists .icon-list-item { display: flex; justify-content: space-between; align-self: flex-start; }
.icon-list-section .icon-lists .icon-list-item .img { position: relative; top: -15px; align-self: center; width: 100%; flex: 0 0 80px; max-width: 80px; }
.icon-list-section .icon-lists .icon-list-item .in-cont-box { margin-top: 30px; margin-left: 30px; }
.icon-list-section .icon-lists .icon-list-item .in-cont-box .title-hs-inner p { font-size: 18px; font-weight: bold; color: #222; }
.icon-list-section .icon-lists .icon-list-item .in-cont-box .cnt-hs-inner p { font-size: 18px; color: #222; }

.post-template-case-study-post-template-hs #dpsp-content-top { display: none; }
.post-template-case-study-post-template-hs .case-study-post .image-video-content-section-hs.m-t { margin-top: 30px; }
.post-template-case-study-post-template-hs .case-study-post .image-video-content-section-hs.m-b { margin-bottom: 30px; }
.post-template-case-study-post-template-hs .case-study-post .image-video-content-section-hs .content-hs p { margin-top: 15px; }
.post-template-case-study-post-template-hs .case-study-post .row-hs { margin-right: 0px; margin-left: 0px; }
.post-template-case-study-post-template-hs .case-study-post .title-hs h3 { font-family: unset !important; margin-bottom: 15px; margin-top: 0; padding-bottom: 15px; }
.post-template-case-study-post-template-hs .case-study-post .title-hs-main { position: relative; padding-left: 15px; margin: 30px 0px; }
.post-template-case-study-post-template-hs .case-study-post .title-hs-main:before { content: ''; width: 5px; height: 100%; display: block; background: #30A46C; position: absolute; left: -15px; }
.post-template-case-study-post-template-hs .case-study-post .title-hs-main p { font-size: 22px; }
.post-template-case-study-post-template-hs .case-study-post .title-hs-main h1 { font-size: 55px; font-weight: 900; margin: 0; color: #222; text-align: left; }

.latest-news-cs { background: #F7F7F7; padding: 45px 0; }
.latest-news-cs .box-hs { position: relative; height: 100%; padding: 15px; transition: all .5s; }
.latest-news-cs .box-hs:hover { transition: all .5s; background: #fff; box-shadow: 0px 3px 6px #00000029; }
.latest-news-cs .box-hs .img-hs { text-align: center; padding: 15px 0px; border-bottom: #E2DFDF solid 1px; margin-bottom: 15px; }
.latest-news-cs .box-hs .img-hs img { height: 75px; object-fit: contain; }
.latest-news-cs .box-hs .inner-box-hs .text1 p { font-size: 16px; font-weight: bold; color: #ED9F1E; text-transform: capitalize; }
.latest-news-cs .box-hs .inner-box-hs .text2 p { font-size: 16px; font-weight: bold; color: #222; }
.latest-news-cs .box-hs .inner-box-hs .text3 p { font-size: 16px; color: #222; margin-bottom: 30px; }
.latest-news-cs .box-hs .inner-box-hs .link-hs { position: absolute; bottom: 15px; left: 15px; }
.latest-news-cs .box-hs .inner-box-hs .link-hs a { font-size: 16px; font-weight: 600; color: #212121; position: relative; }
.latest-news-cs .box-hs .inner-box-hs .link-hs a:hover { text-decoration: none; }
.latest-news-cs .box-hs .inner-box-hs .link-hs a:after { content: '>'; color: #4EC24A; font-size: 16px; display: block; position: absolute; right: -14px; top: 2px; line-height: 1; font-weight: 400; }
.latest-news-cs .box-hs .inner-box-hs .link-hs a:before { content: ''; background-color: #4EC24A; display: block; position: absolute; height: 1px; width: calc(100% + 13px); bottom: -5px; }

.cs-sidebar-hs { padding: 30px 15px; border: solid #2B9A61 2px; margin: 15px 0; height: 100%; }
.cs-sidebar-hs .box-hs .img-hs { text-align: center; }
.cs-sidebar-hs .box-hs .img-hs img { height: 75px; object-fit: contain; }
.cs-sidebar-hs .box-hs .group1-hs { margin: 30px 0; }
.cs-sidebar-hs .box-hs .group1-hs .title1 p { font-weight: bold; font-style: italic; font-size: 16px; color: #262626; }
.cs-sidebar-hs .box-hs .group1-hs .list-l2 ul { margin: 0px 0px 30px 22px; color: #262626; }
.cs-sidebar-hs .box-hs .group1-hs .list-l2 ul li { font-size: 16px; color: #262626; word-wrap: break-word; }
.cs-sidebar-hs .btn-hs { max-width: 230px; margin: auto; width: 100%; }
.cs-sidebar-hs .btn-hs a { display: block; background: #2B9A61; padding: 20px 0; font-size: 17px; border-radius: 50px; color: #fff; text-align: center; font-weight: bold; margin-top: 30px; }
.cs-sidebar-hs .btn-hs a:hover { text-decoration: none; }
.cs-sidebar-hs .social-share-hs { text-align: center; }
.cs-sidebar-hs .social-share-hs .social-box-hs { box-shadow: 0px 0px 9px #00000029; border: 3px solid #C6C6C6; border-radius: 43px; padding: 15px; max-width: 230px; margin: auto; width: 100%; }
.cs-sidebar-hs .social-share-hs .social-box-hs .link-list-hs { margin-bottom: 15px; }
.cs-sidebar-hs .social-share-hs .social-box-hs .link-list-hs ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.cs-sidebar-hs .social-share-hs .social-box-hs .link-list-hs ul li { display: inline-block; word-wrap: break-word; padding: 0 4px; }
.cs-sidebar-hs .social-share-hs .social-box-hs .social-title-hs p { font-size: 18px; font-weight: bold; margin: 15px 15%; }