/*======================================
    Variables   for eu ==
========================================*/
/*======================================
    Normalize CSS
========================================*/

@font-face {
  font-family: "Cerebri Sans Pro";
  src: url("../fonts/CerebriSansPro-Bold.woff2") format("woff2"),
    url("../fonts/CerebriSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans Pro";
  src: url("../fonts/CerebriSansPro-ExtraLight.woff2") format("woff2"),
    url("../fonts/CerebriSansPro-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans Pro";
  src: url("../fonts/CerebriSansPro-Light.woff2") format("woff2"),
    url("../fonts/CerebriSansPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans Pro";
  src: url("../fonts/CerebriSansPro-ExtraBold.woff2") format("woff2"),
    url("../fonts/CerebriSansPro-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans Pro";
  src: url("../fonts/CerebriSansPro-Regular.woff2") format("woff2"),
    url("../fonts/CerebriSansPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans Pro";
  src: url("../fonts/CerebriSansPro-Medium.woff2") format("woff2"),
    url("../fonts/CerebriSansPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "Cerebri Sans Pro";
  font-weight: normal;
  font-style: normal;
  color: #333333;
  overflow-x: hidden;
  font-size: 16px;
}
body .container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 3.125rem);
  padding-left: var(--bs-gutter-x, 3.125rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 2460px;
}
body .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 0;
}

p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 24px;
}

* {
  margin: 0;
  padding: 0;
}

.navbar-toggler:focus,
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  text-decoration: none;
  outline: none;
  outline: none !important;
  border-color: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: #3865f2;
  border-color: #3865f2;
}

select {
  -webkit-writing-mode: horizontal-tb !important;
  writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: #081828;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  background-color: -internal-light-dark(white, #3b3b3b);
  cursor: default;
  margin: 0em;
  font: 400 14px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(#767676, #858585);
  -o-border-image: initial;
  border-image: initial;
}

span,
a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0px;
  color: #081828;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 70px;
  font-weight: 800;
}

h2 {
  font-size: 60px;
  font-weight: 500;
}

h3 {
  font-size: 50px;
  font-weight: 500;
}

h4 {
  font-size: 40px;
  font-weight: 500;
}

h5 {
  font-size: 30px;
  font-weight: 500;
}

h6 {
  font-size: 16px;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-205 {
  margin-top: 205px;
}

.mt-210 {
  margin-top: 210px;
}

.mt-215 {
  margin-top: 215px;
}

.mt-220 {
  margin-top: 220px;
}

.mt-225 {
  margin-top: 225px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.mb-205 {
  margin-bottom: 205px;
}

.mb-210 {
  margin-bottom: 210px;
}

.mb-215 {
  margin-bottom: 215px;
}

.mb-220 {
  margin-bottom: 220px;
}

.mb-225 {
  margin-bottom: 225px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-205 {
  padding-top: 205px;
}

.pt-210 {
  padding-top: 210px;
}

.pt-215 {
  padding-top: 215px;
}

.pt-220 {
  padding-top: 220px;
}

.pt-225 {
  padding-top: 225px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-225 {
  padding-bottom: 225px;
}

.img-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}


.vacPgRescont h3 span{

  text-decoration:line-through;
}






@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px;
  }
}

.section {
  padding-top: 128px;
  padding-bottom: 114px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .tecnology-sec  picture  img{
    height: 520px;
    object-fit: cover;
  }
  .tecnology-sec{
    z-index: 1;
  }
  .tecnology-sec:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
  }
  .tecnology-sec .home_tech_inner{
    z-index: 2;
  }
  .page-template-template_branch_details .office_whyouneedlockers  {
      padding-bottom: 120px !important;
  }
  .each_ofc_complet:nth-child(3), .each_ofc_complet:nth-child(1), .each_ofc_complet:nth-child(2) {
    left: 0 !important;
  }
  .each_ofc_complet:nth-child(4), .each_ofc_complet:nth-child(5), .each_ofc_complet:nth-child(6) {
    right: 0 !important;
  }



  
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  
}
@media (min-width: 575px) {
  /* .lookingForSolutions{
    background: url(../images/looking-for-solution/banner.png) center bottom no-repeat;
  } */

}
@media (max-width: 767px) {
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* Section Title */
.section-title {
  text-align: center;
  position: relative;
  z-index: 5;
}

.section-title h3 {
  font-size: 15px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
  color: #3865f2;
  text-transform: uppercase;
}

.section-title h2 {
  font-size: 50px;
  margin-bottom: 25px;
  line-height: 60px;
  position: relative;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.5px;
}

.section-title p {
  font-size: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title {
    padding: 0px;
    margin-bottom: 70px;
  }
  .contact_main_sect{
    margin-top: 0;
  }
  .our_latest_refference .col-xl-6:first-child {
    margin-bottom: 30px;
  }
  #features.section{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-title {
    margin-bottom: 40px;
  }
  .lookingForSolutions picture > img{
    height: 500px;
    width: 100%;
    object-fit: cover;
  }
  .inner_header h1 {
    font-size: 50px;
  }



  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title {
    padding: 0px 20px;
    margin-bottom: 70px;
  }
  .section-title h3 {
    font-size: 14px;
  }
  .section-title h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .section-title p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .section-title {
    padding: 0px 10px;
  }
  .section-title h3 {
    font-size: 14px;
  }
  .section-title h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 18px;
    font-weight: 500;
  }
  .section-title h2 br {
    display: none;
  }
  .section-title p {
    font-size: 14px;
  }
  .left-image {
    padding-top: 0;
  }
}

.section-title.align-right {
  padding: 0;
  padding-left: 600px;
}

.section-title.align-right h2:before {
  display: none;
}

.section-title.align-right h2:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  height: 2px;
  width: 50px;
  background: #3865f2;
  content: "";
}

.section-title.align-left {
  padding: 0;
  padding-right: 600px;
}

.section-title.align-left h2:before {
  left: 0;
  margin-left: 0;
}

/* One Click Scrool Top Button*/
.scroll-top {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #3865f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff !important;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 5px;
}

.scroll-top:hover {
  -webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
  box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  background-color: #081828;
}

/* Overlay */
.overlay {
  position: relative;
  z-index: 1;
}

.overlay::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: #081828;
  content: "";
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}

/* Pagination CSS */
.pagination {
  text-align: left;
  margin: 40px 0 0 0;
  display: block;
}

.pagination.center {
  text-align: center;
}

.pagination.right {
  text-align: right;
}

.pagination.left {
  text-align: left;
}

.pagination .pagination-list {
  display: inline-block;
  overflow: hidden;
}

.pagination .pagination-list li {
  margin-right: 5px;
  display: inline-block;
  margin-top: 10px;
}

.pagination .pagination-list li:last-child {
  margin-right: 0px;
}

.pagination .pagination-list li a {
  background: #fff;
  color: #081828;
  font-weight: 400;
  font-size: 14px;
  border-radius: 5px;
  padding: 8px 20px;
  text-align: center;
  border: 1px solid #eee;
}

.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a {
  background: #3865f2;
  color: #fff;
  border-color: transparent;
}

.pagination .pagination-list li a i {
  font-size: 13px;
}

.blog-grids.pagination {
  margin-top: 50px;
  text-align: center;
}

.button .btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 24px;
  color: #fff;
  border: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .button .btn {
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 500;
  }
}

@media (max-width: 767px) {
  .button .btn {
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 500;
  }
}

.button .btn i {
  display: inline-block;
  margin-right: 5px;
}


.button .btn:hover {
  color: #fff;
  background-color: #081828;
  -webkit-box-shadow: 0px 4px 4px #0000000f;
  box-shadow: 0px 4px 4px #0000000f;
}

.button .btn-alt {
  background-color: #081828;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .button .btn-alt {
    padding: 10px 30px;
  }
}

@media (max-width: 767px) {
  .button .btn-alt {
    padding: 10px 30px;
  }
}

.button .btn-alt:hover {
  background-color: #3865f2;
  color: #fff;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

/* Preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}

.preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.preloader-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 0px;
}

.preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #3865f2;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}

.preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}

/*======================================
  Start Header CSS
========================================*/


.header {
  width: 100%;
  background: var(--headerBg, #383838);
  border-bottom: 1px solid rgb(236 236 236 / 30%);
}


.home .header{
  --headerBg: #383838;
  --navcolor: #fff;
}

.page-template-template_info-details .header, .error404 .header,
.page-template-template_cookiestatement .header{
    --headerBg: #fff;
    --navcolor: #333333;
    --toggleBtnColor: #333;
}

.page-template-template_info-details .header{
    border-bottom: 1px solid;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header {
    padding: 18px 0 !important;
  }
  .header .button {
    margin: 0 !important;
  }
  .header .navbar-collapse {
    position: absolute;
    top: 67px !important;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    max-height: 350px;
    overflow-y: scroll;
    border-radius: 6px;
  }
  .header .navbar .navbar-nav .menu-item a:hover {
    /* color: #3865f2 !important; */
    color: #fff;
  }
  .header .navbar .navbar-nav .menu-item a.active {
    /* color: #3865f2 !important; */
    color: #fff;
  }
  .header .navbar-nav .menu-item {
    margin: 0;
  }
  .header .navbar-nav .menu-item:hover a {
    color: #3865f2;
  }
  .header .navbar-nav .menu-item a {
    padding: 12px 16px !important;
  }
  .header .navbar-nav .menu-item a::before {
    display: none;
  }
  .header .navbar-nav .menu-item .sub-menu {
    position: static !important;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: none;
    margin-left: 15px;
    margin-right: 15px;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a {
    padding: 12px 12px;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a:hover {
    color: #3865f2 !important;
  }
  .header .navbar-nav .menu-item a {
    color: #051441;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
  }
  .header .navbar-nav .menu-item a::after {
    opacity: 1;
    visibility: visible;
  }
  .header .navbar-nav .menu-item .sub-menu li.active {
    background: #fff !important;
    color: #3865f2 !important;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item {
    margin: 0 !important;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a {
    padding: 10px 16px !important;
  }
  .header .navbar-nav .menu-item .sub-menu li:hover {
    color: #3865f2 !important;
  }
  .header .navbar-nav .menu-item a {
    font-size: 14px;
  }
  .header .navbar-nav .menu-item a:hover {
    color: #3865f2;
  }
}

@media (max-width: 767px) {
  .header {
    padding: 18px 0 !important;
  }

  .header .mobile-menu-btn.active .toggler-icon {
    background-color: #fff;
  }
  

  .header.hasTransperentBg:not(.sticky) .mobile-menu-btn .toggler-icon{
    background-color: #fff;
  }

  .back_background.header .mobile-menu-btn .toggler-icon{
    background-color: #fff;
  }
  .tem_img_wrp{
    margin-bottom: 40px;
  }
  .header .navbar-collapse {
    position: fixed;
    top: 0px !important;
    left: 0;
    width: 100%;
    /* background-color: #fff; */
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 66px 20px 20px 20px;
    overflow-y: scroll;
    border-radius: 0;
    background: linear-gradient(122deg, #149dff 6.25%, #003ecb 93.74%);
    height: 100vh;
       -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s cubic-bezier(0, 0, 0.5, 0.96) 0s;
  }
  .header .navbar .navbar-nav .menu-item a:hover {
    color: #ffff !important;
  }
  .header .navbar .navbar-nav .menu-item a.active {
    color: #fff !important;
  }
  .header .navbar-nav .menu-item {
    margin: 0;
    position: relative !important;
  }
  .header .navbar-nav .menu-item:hover a {
    color: #3865f2;
  }
  .header .navbar-nav .menu-item a {
    padding: 12px 16px !important;
  }
  .header .navbar-nav .menu-item a::before {
    display: none;
  }
  .header .navbar-nav .menu-item .sub-menu {
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: none;
    margin-left: 15px;
    margin-right: 15px;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a {
    padding: 12px 12px;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a:hover {
    color: #3865f2 !important;
  }
  .header .navbar-nav .menu-item a {
    color: #051441;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
  }
  .header .navbar-nav .menu-item a::after {
    opacity: 1;
    visibility: visible;
  }
  .header .navbar-nav .menu-item .sub-menu li.active {
    background: #fff !important;
    color: #3865f2 !important;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item {
    margin: 0 !important;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a {
      padding: 10px 16px !important;
  }
  /*.header .navbar-nav .menu-item .sub-menu li:hover {
    background: #fff !important;
    color: #3865f2 !important;
  }*/
  .header .navbar-nav .menu-item a {
    font-size: 25px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    display: block;
  }
  .header .navbar-nav .menu-item a:hover {
    color: #3865f2;
  }
}

@media (max-width: 767px) {
  .header .button {
    display: block;
    text-align: center;
    margin: 20px 0px;
  }
}
.ar_green_header.header .button .btn:hover{
  background: #54ca70;
  color: #fff;
}
.header .button .btn {
  background-color: var(--headerBtnBg, #54ca70);
  border: 0;
  color: #fff;
  padding: 10px 44px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 24px;
  border-radius: 8px;
}

.header .button .btn:hover {
  background-color: var(--headerBtnBg, #338be5);
  color: #fff;
}

.header .navbar-brand img {
  width: 222px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .navbar-brand img {
    width: 170px;
  }
}

@media (max-width: 767px) {
  .header .navbar-brand img {
    width: 160px;
  }
}


.current_page_parent > a{
  background: #54ca70;
  color: #fff !important;
}
#menu-header-menu li.current_page_parent > a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #54ca70;
  position: absolute;
  bottom: -1px;
  left: 0;
}

#menu-main-menu-fr li.current_page_parent > a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #54ca70;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.page-template-template_keynius .header{
  --navActiveBg: #54CA70; 
}

.ar_green_header .navbar-nav .menu-item.current-menu-item > a{
  background: #54CA70;
}
.wpcf7-form-control-wrap{
  display: block;
}
.page-template-template_vacancies .header .mobile-menu-btn .toggler-icon{
  background: #fff;
}
.solution-template-default .header .mobile-menu-btn .toggler-icon{
  background: #fff;
}
.header.sticky .navbar-brand .white-logo {
  opacity: 0;
  visibility: hidden;
}

.header.sticky .navbar-brand .dark-logo {
  opacity: 1;
  visibility: visible;
}
.header .button .btn i {
  margin-left: 15px;
}
.page-template-template_info-centre .arBreadCrumbsss li a, .page-template-template_info-centre .arBreadCrumbsss li span, .page-template-template_olssen-about .arBreadCrumbsss li span, .page-template-template_olssen-about .arBreadCrumbsss li a{
  color: rgba(51, 51, 51, 1);
}

.sticky {
  position: fixed;
  z-index: 99;
  background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  top: 0;
}

.navbar-expand-lg .navbar-nav {
  margin: 0;
  margin-left: auto !important;
}

.header .navbar .navbar-nav .menu-item a.active {
  color: #54ca70;
}

.sticky .navbar .navbar-nav .menu-item a.active {
  color: #3865f2;
}

.single-reference .header{
   /* background: #333333 !important; */
   --headerBg: #fff;
    --navActiveBg: #54CA70;
    --navcolor: #333333;
    --toggleBtnColor: #333;
    border-bottom: 1px solid #ECECEC;
}
.single-reference .navbar-nav .menu-item a{
    /* color: #fff; */
}
.single-reference .header .mobile-menu-btn .toggler-icon{
    /* background: #fff; */
}

.header .navbar .navbar-nav .menu-item .sub-menu a.active {
  color: #fff;
}

.sticky .navbar .navbar-nav .menu-item .sub-menu a.active {
  color: #fff;
}

.hasTransDarkBg .navbar .mobile-menu-btn .toggler-icon{
  background: #fff;
}

.header.hasTransperentBg:not(.sticky) {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.page-template-template_branch .header{
  position: absolute;
  top: 0;
  left: 0;
  --headerBg: #67d977;
  --headerBtnBg: #338be5;
}


.header.hasTransperentBg  .navbar-nav .menu-item a, .header.hasTransDarkBg .navbar-nav .menu-item a{
  color: #fff;
}

.testimonial_outer .greenCommonBtn{
  background: #338BE5;
}

.our_testimonial2 .owl-dots button.owl-dot {
    border: 3px solid rgba(255, 255, 255, 0.5) !important;
}




/*===== NAVBAR =====*/

.navbar-area {
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}

.navbar-area.sticky {
  position: fixed;
  z-index: 99;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: var(--headerBg, #383838); 
  padding: 0px 0;
}

.navbar {
  padding: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.navbar-brand {
  padding-left: 0;
  border-radius: 0;
  padding: 0px;
}
.navbar-brand img {
  width: 180px;
}

.mobile-menu-btn {
  padding: 0px;
  position: relative;
  z-index: 99999;
}

.mobile-menu-btn:focus {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mobile-menu-btn .toggler-icon {
  width: 25px;
  height: 3px;
  background-color: var(--toggleBtnColor, #fff);
  display: block;
  margin: 5px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.mobile-menu-btn.active .toggler-icon:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}

.mobile-menu-btn.active .toggler-icon:nth-of-type(2) {
  opacity: 0;
}

.mobile-menu-btn.active .toggler-icon:nth-of-type(3) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: -9px;
}

.navbar-nav .menu-item {
  z-index: 1;
  position: relative;
  margin-right: 10px;
}

.navbar-nav .menu-item:last-child {
  margin-right: 0 !important;
}

.navbar-nav .menu-item:hover a {
  color: var(--navcolor, #fff);
}

.sticky .navbar-nav .menu-item:hover a {
  color: var(--navcolor, #fff);
}

.navbar-nav .menu-item.current-menu-item > a{
  background: var(--navActiveBg, #338BE5);
  color: var(--navActiveColor, #fff);
}
.branch_dropdown ul li.current_page_item a {
    color: #fff !important;
}

.page-template-template_contact .header{
  --headerBg: #fff;
  --navcolor:  #333333;
  --toggleBtnColor: #333;
}

.navbar-nav .olssen_dropdown .menu-item.current-menu-item > a{
  background-color: transparent;
}
.navbar-nav .olssen_dropdown .menu-item > a .iconod{
  border: 1px solid #E7E7E7;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sticky .navbar .navbar-nav .olssen_dropdown .menu-item.current-menu-item a{
  color: #333;
}
.navbar-nav .olssen_dropdown #menu-item-669.menu-item > a .iconod {
  align-items: center;
}
.navbar-nav .olssen_dropdown #menu-item-667.menu-item > a .iconod {
  padding-bottom: 6px;
}


.navbar-nav .menu-item a {
  font-size: 16px;
  color: var(--navcolor, #fff) ;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
  /* padding: 37px 22px; */
  padding: 37px 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  transition: all 0.3s ease-out 0s;
  position: relative;
  line-height: 24px;
}
.navbar-nav .menu-item a i {
  font-size: 11px;
  margin-left: 11px;
}
.navbar-nav .menu-item a::after {
  opacity: 0;
  visibility: hidden;
}
[id*="menu-header-"] > .menu-item a:hover > span,
#menu-header > .menu-item a:hover > span{
  text-decoration: underline !important; 
}
.navbar-nav .menu-item:hover a:before {
  width: 100%;
}
.navbar-nav .menu-item a.active {
  color: #fff;
}
.navbar-nav .menu-item a.dd-menu::after {
  content: "\ea58";
  font: normal normal normal 1em/1 "LineIcons";
  position: absolute;
  right: 17px;
  font-size: 10px;
  top: 50%;
  margin-left: 5px;
  margin-top: 0px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  height: 10px;
}
.page-template-template_sustanability .header{
  background: #0181EA;
}
.page-template-template_sustanability .navbar-nav .menu-item:hover a{
  color: #fff;
}
.page-template-template_looking-for-solution .header {
  --headerBg:  #67dc78; 
  --headerBtnBg:  #338BE5;
}

.navbar-nav .solution_dropdown .menu-item.current-menu-item > a{
  background: transparent;
  color: #333;
}
.header.lookingHeader .mobile-menu-btn .toggler-icon{
  background: #fff;
}
.page-template-template_more .header .mobile-menu-btn .toggler-icon{
  background: #fff;
}
.solution_dropdown .card.card-dropdown ul li.current-menu-item p{
  color: #000;
}
.solution_dropdown .current-menu-item > a > .iconod{
  background-color: #54ca70;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav .menu-item a.dd-menu::after {
    right: 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .navbar-nav .menu-item a.dd-menu::after {
    top: 18px;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .navbar-nav .menu-item a.collapsed::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.navbar-nav .menu-item:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.navbar-nav .menu-item:hover > .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

.navbar-nav .menu-item .sub-menu {
  padding: 30px;
  min-width: 240px;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 5px 20px #0000001a;
  box-shadow: none;
  position: absolute;
  top: 110% !important;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 0 0 4px 4px;
  border-radius: 0;
}

.navbar-nav .menu-item:hover .sub-menu {
  top: 100% !important;
}

.navbar-nav .menu-item .sub-menu .menu-item {
  width: 100%;
  margin-bottom: 15px;
}

.navbar-nav .menu-item .sub-menu .menu-item:last-child {
  margin: 0;
}

.navbar-nav .menu-item .sub-menu .menu-item a {
  padding: 0;
  color: #333;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.navbar-nav .menu-item.system_dropdown .sub-menu .menu-item.current-menu-item a{
  color: #fff;
}
.system_dropdown ul>li a:hover{
  background-color: #338be5;
  color: #fff !important;
}
.navbar-nav .menu-item .sub-menu .menu-item a:hover {
  color: #333;
}
.navbar-nav .menu-item .sub-menu.left-menu {
  left: -100%;
}
.navbar-nav .menu-item .sub-menu.collapse:not(.show) {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .navbar-nav .menu-item .sub-menu.collapse:not(.show) {
    display: none;
  }
}

.navbar-nav .menu-item .sub-menu > li {
  display: block;
  margin-left: 0;
}
.navbar-nav .menu-item .sub-menu > li:last-child {
  border: none;
}
.navbar-nav .menu-item .sub-menu > li.active > a {
  color: #3865f2 !important;
}
.navbar-nav .menu-item .sub-menu > li > a {
  font-weight: 400;
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  color: #222;
  font-weight: 400;
}
.navbar-nav .menu-item .sub-menu > li:first-child a {
  border: none;
}
.add-list-button {
  display: inline-block;
  margin-left: 10px;
}
.add-list-button .btn i {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
}
.solutions_text_mobile{
  display: none;
}
.solutions_text_mobile .solution_slider_txt{
  text-align: left;
  padding: 30px 0 0;
}
.solutions_text_mobile .solution_slider_txt h3{
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  display: flex;
  align-items: flex-end;
  letter-spacing: -0.5px;
  color: #333;
  min-height: 80px;
}
.solutions_text_mobile .solution_slider_txt p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333;
  margin-bottom: 20px;
}
/*======================================
     End Header CSS
========================================*/


/*======================================
    Hero Area CSS
========================================*/
.hero-area {
  position: relative;
  /*padding: 57px 0 177px 0;*/
  /*background-image: url(../../assets/images/Rectangle-2803.png);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  
}

@media (max-width: 767px) {
  
}
.hero-area .hero-image{
  text-align: center;
}
.hero-area .hero-image img {
  width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area .hero-image {
    margin-top: 40px;
  }


}

@media (max-width: 767px) {
  .hero-area .hero-image {
    margin-top: 40px;
  }
  .testimonialDecoration3 {
    width: 60px;
    height: 60px;
  }
}

.hero-area .hero-content {
  border-radius: 0;
  position: relative;
  z-index: 1;
  text-align: left;
}

.hero-area .hero-content h1 {
  font-size: 100px;
  font-weight: 800;
  line-height: 121px;
  color: #fff;
  text-shadow: 0px 3px 8px #00000017;
  /* text-transform: capitalize; */
  letter-spacing: 1px;
}

.hero-area .hero-content h1 span {
  color: #54CA70;
}

.hero-area .hero-content p {
  margin-top: 18px;
  font-size: 25px;
  color: #fff;
  font-weight: 300;
  color: #fff;
  opacity: 0.5;
}

.hero-area .hero-content .button {
  margin-top: 40px;
}

.hero-area .hero-content .button .btn {
  background-color: #fff;
  color: #3865f2;
  margin-right: 12px;
}

.hero-area .hero-content .button .btn:hover {
  background-color: #081828;
  color: #fff;
}

.hero-area .hero-content .button .btn.btn-alt {
  background-color: #ffffff6b;
  color: #fff;
}

.hero-area .hero-content .button .btn.btn-alt:hover {
  background-color: #fff;
  color: #3865f2;
}

@media (max-width: 767px) {
  .hero-area .hero-content .button .video-button {
    margin-top: 20px;
  }
}

.hero-area .hero-content .button .video-button .text {
  display: inline-block;
  margin-left: 15px;
  color: #fff;
  font-weight: 500;
}

.hero-area .hero-content .button .video-button:hover .video {
  color: #fff;
  background-color: #081828;
}

.hero-area .hero-content .button .video-button .video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #3865f2;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 10px;
  font-size: 16px;
  padding-left: 3px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
}

.hero-area .hero-content .button .video-button .video:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-animation: pulse-border-2 2s linear infinite;
  animation: pulse-border-2 2s linear infinite;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}

@-webkit-keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-area .hero-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .features-sec{
    padding-bottom: 60px !important;
  }
  .service-sliderSec {
    padding: 80px 0px !important;
  }



}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area .hero-content {
    text-align: center;
  }
  .hero-area .hero-content h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
  }
  .hero-area .hero-content p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .our-solutions-sec .solutions-text {
    display: none;
  }
  .solutions_text_mobile{
    display: block;
    padding: 50px 0 0;
  }
  .hero-area .hero-content h1 {
    font-size: 50px !important;
    line-height: 60px !important;
    font-weight: 500;
  }
  .hero-area .hero-content {
    padding-left: 30px;
  }
  .hero-area .hero-content p {
    display: none;
  }
  .hero-area .hero-content p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
  }
  .hero-area .hero-content .button .btn {
    width: 60%;
    margin: 0;
    margin-bottom: 7px;
  }
  .hero-area .hero-content .button .btn:last-child {
    margin: 0;
  }
}

.branch_dropdown .iconod {
  background-color: transparent;
  width: 125px;
  height: 138px;
  border-radius: 0px;
  vertical-align: middle;
  /* display: block; */
  margin: 0 auto 15px;
  line-height: 130px;
}
.branch_dropdown a:hover .iconod {
  background: transparent;
}
.branch_dropdown .card.card-dropdown a:hover {
  background-color: #338be5;
}
.branch_dropdown .card.card-dropdown ul li a:hover p{
  color: #fff;
}
.olssen_dropdown .iconod, .olssen_dropdown .iconod:hover{
  background: transparent;
}
.arBreadCrumbsss{
  -ms-display: flex;
  display: flex;
  margin-bottom: 15px;
}
.job-template-default .arBreadCrumbsss li a,
.job-template-default .arBreadCrumbsss li span,
.vacancies-template-default .arBreadCrumbsss li a,
.vacancies-template-default .arBreadCrumbsss li span{
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0,1);
  font-size: 14px;
  line-height: 20px; 
}
.page-template-template_references .arBreadCrumbsss li+li:before{
  background: #fff;
}
.page-template-template_branch .arBreadCrumbsss li a, .page-template-template_branch .arBreadCrumbsss li span{
  color: rgba(255, 255, 255, 0.8);
}
.page-template-template_branch .arBreadCrumbsss li+li:before, .page-template-template_looking-for-solution .arBreadCrumbsss li+li:before, .page-template-template_olssen .arBreadCrumbsss li+li:before{
    background: #fff;
}
.arBreadCrumbsss li a, .arBreadCrumbsss li span{
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 20px;
}
.single-vacatures  .arBreadCrumbsss li a, .single-vacatures  .arBreadCrumbsss li span, .collectie-template-default.single .arBreadCrumbsss li a, .collectie-template-default.single .arBreadCrumbsss li span{
  color: rgba(0, 0, 0, 1);
}
.collectie-template-default.single .arBreadCrumbsss li {
    white-space: nowrap;
}
.page-template-template_info-details .arBreadCrumbsss li a, .page-template-template_info-details .arBreadCrumbsss li span,
.page-template-template_download .arBreadCrumbsss li a, .page-template-template_download .arBreadCrumbsss li span{
  color: rgba(0, 0, 0, 0.8);
}
.arBreadCrumbsss li{
  position: relative;
}
.page-template-template_contact .arBreadCrumbsss li a, .page-template-template_contact .arBreadCrumbsss li span,
.page-template-template_cookiestatement .arBreadCrumbsss li a,
.page-template-template_cookiestatement .arBreadCrumbsss li span{
  color: rgba(0, 0, 0, 0.8);
}
.page-template-template_looking-for-solution .menu-item.flag-submeanu a i{
  color: #fff;
}

.page-template-template_sustanability .arBreadCrumbsss li+li:before{
  background: #fff;
}
.page-template-template_sustanability .menu-item.flag-submeanu a i, .solution-template-default .menu-item.flag-submeanu a i{
  color: #fff;
}
.page-template-template_collection .menu-item.flag-submeanu a i{
  color: #fff;
}
.page-template-template_vacancies .menu-item.flag-submeanu a i{
  color: #fff;
}
.arBreadCrumbsss li+li:before{
  content: "";
  width: 5px;
  height: 9px;  
  background: #338BE5;

    -webkit-mask-image: url(../images/about/angle-right.svg);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-clip: border-box;
  mask-image: url(../images/about/angle-right.svg);
  mask-size: 100% 100%;
  mask-clip: border-box;
  display: inline-block;
  margin: 0 4px 0 8px;
}
.olssen_dropdown .card.card-dropdown ul li a:hover p{
  color: #fff;
}
.branch_dropdown .card.card-dropdown ul li{
  -ms-flex: 0 0 20%;  
  flex: 0 0 20%;
  margin: 0;
  max-width: 20%;
}
.card.card-dropdown.branch-sec a:hover {
  background-color: #338be5;
}
.card.card-dropdown.branch-sec a:hover p {
  color: #fff;
}

.bottm-row {
  padding-top: 30px;
}
.lockingSolMobileCarousel {
  display: none !important;
}

/*======================================
    Elementor Base Hero sec
========================================*/

.shortCodeBnr_sec{position: relative;}
.bnrImprv_sec{}
.shortCodeBnr_sec .heroBnrBuilder_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shortCodeBnr_sec .heroBnrBuilder_slider .e-widget-swiper,
.shortCodeBnr_sec .heroBnrBuilder_slider .e-widget-swiper .swiper,
.shortCodeBnr_sec .heroBnrBuilder_slider .e-widget-swiper .swiper-slide-inner,
.shortCodeBnr_sec .heroBnrBuilder_slider  .elementor-widget,
.shortCodeBnr_sec .heroBnrBuilder_slider  .elementor-widget .elementor-swiper,
.shortCodeBnr_sec .heroBnrBuilder_slider  .elementor-widget .elementor-swiper .elementor-main-swiper {
  height: 100%;
}
.shortCodeBnr_sec .heroBnrBuilder_slider .swiper-slide-image{
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shortCodeBnr_sec .heroBnrBuilder_slider  .elementor-widget .elementor-swiper .elementor-main-swiper .swiper-slide{height: 100% !important;}
.shortCodeBnr_sec .heroBnrBuilder_slider .elementor-slide-description h6{
  color: #FFFFFF;
  font-family: "Cerebri Sans Pro", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

@media screen and (max-width: 1024px){
  .shortCodeBnr_sec .heroBnrBuilder_slider .swiper-slide-inner .swiper-slide-contents {
    max-width: 300px !important;
    width: 100%;
  }
}
@media screen and (max-width: 991px){
  .shortCodeBnr_sec .heroBnrBuilder_slider .swiper-slide-inner .swiper-slide-contents {
    max-width: 200px !important;
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .shortCodeBnr_sec .heroBnrBuilder_slider .swiper-slide-inner .swiper-slide-contents {
    width: 95%;
    max-width: 100% !important;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 575px) and (max-width: 767px){
  .shortCodeBnr_sec .bnrImp_wrap {
    width: 80% !important;
    margin: 0 0 0 auto !important;
  }
  .shortCodeBnr_sec .bnrImp_wrap .e-con-full{width: 50% !important;}
  .shortCodeBnr_sec .bnrImp_wrap .e-con-full > .e-con-full{width: 100% !important;}
}



/*======================================
  body CSS
========================================*/

.section-title a {
  width: 225px;
  background-color: #54ca70;
  padding: 20px 0px;
  border-radius: 8px;
  font-size: 14px;
   line-height: 16px; 
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
}
.section-title a:hover {
  background-color: #003ecb;
  color: #fff;
}
.middle-image {
  padding-top: 99px;
}
.left-image {
  padding-top: 235px;
}
.features-sec img {
  width: 100%;
}
.features-text {
  /* width: 800px; */
  padding-top: 72.65px;
  padding-left: 75.77px;
}
.features-text p {
  font-size: 25px;
  line-height: 40px;
  color: #333333;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.featuresText_head .greenCommonBtn{
  margin-top: 40px;
}
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
  background-color: #fff ;
  border: 3px solid #C9C9C9 !important;
}



.owl-dots button.owl-dot.active {
  border: 3px solid #338be5 !important;
  background-color: #338be5;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--owlNabBg, #3865f2 ) !important;
  width: 40px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  color: #fff !important;
  border-radius: 8px;
}
.owl-nav span {
  font-size: 50px;
  position: relative;
  top: 0;
}
.owl-nav button:focus {
  outline: none;
}

#carousel50 .owl-dots {
  background-color: #a9e5b7;
  height: 16px;
  padding: 0;
  border-radius: 8px;
  margin-top: 36.66px;
}
#carousel50 .owl-dots button.owl-dot {
  width: 36%;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  background: transparent;
  margin: 0 3px;
  border-color: transparent !important;
}
#carousel50 .owl-dots button.owl-dot.active{
  background: #338be5 !important; 
}


.service-sliderSec .owl-dots button.owl-dot{
  border: 3px solid #ffffff80 !important;
}
.service-sliderSec .owl-dots button.owl-dot.active{
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}
.features-sec {
  padding-bottom: 159.59px;
}
.service-sliderSec {
  background-color: #54CA70;
  padding: 137.2px 0px;
}
.service-title {
  text-align: center;
}
.service-title h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  line-height: 25px;
  letter-spacing: 2px;
  font-weight: 600;
}
.service-title h2 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
}
.service-title {
  margin-bottom: 63.8px;
}
.card-desc {
  background-color: #338BE5;
  text-align: center;
  padding: 12px 0px;

}
.card-desc h3 {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.15px;
  font-weight: 300;
  line-height: 24px;
}
.solutions-title h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #333333;
  line-height: 25px;
  letter-spacing: 2px;
  font-weight: 600;
}
.col-parse-25{
  -webkit-box-flex: 0;
  max-width: 20%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.col-parse-25 .card-content img{
  width: 100%;
}
.col-parse-25 .card-content a{
  display: block;
  width: 100%;
}
.solutions-title h2 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #333333;
  font-weight: 500;
}
.our-solutions-sec {
  position: relative;
  padding: 163.88px 0 350px 0; 
  background: #fff;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  overflow: hidden;
  z-index: 1;
}
.our-solutions-sec:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: url(../images/home-solutions-bg.svg) no-repeat left bottom;
    background-size: 51.40% auto;
    z-index: -1;
}


.soloution-image img {
  width: 100%;
}
.our-solutions-sec {
  text-align: center;
}
.solutions-textinfo h3 {
  font-size: 40px;
  color: #333333;
  line-height: 50px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.solutions-textinfo p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
  font-weight: 300;
}
.solutions-textinfo {
  text-align: left;
  padding: 150px 60px 150px 0;
}

.solutions-text {
  margin-top: 180px;
}
.round-dot img {
  width: 360px;
}
.solutions-textinfo a {
  width: 225px;
  background-color: #54ca70;
  padding: 20px 0px;
  border-radius: 8px;
  font-size: 14px;
   line-height: 16px; 
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-top: 19px;
}
.soloution-image {
  position: relative;
  z-index: 1;
}
.image-top-icon {
  position: absolute;
  top: 30%;
  right: -54px;
}

.round-dot {
  position: absolute;
  right: 0;
  top: 0;
  /* width: 700px; */
}
#getdefaultOffset{
  position: relative;
}
.section-title h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #333333;
  line-height: 25px;
  letter-spacing: 2px;
  font-weight: 600;
  opacity: 0.5;
}

.refferance-sec {
  background-color: #f4f4f4;
  padding-top: 100px;
  padding-bottom: 150px;
}

.how-img img {
  width: 100%;
}

.text-slider h4 {
  font-size: 14px;
  color: #888381;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.text-slider h2 {
  font-size: 40px;
  line-height: 50px;
  color: #333;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-top: 13px;
}
.text-slider p {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  letter-spacing: 0.15px;
  font-weight: 300;
  margin-top: 6px;
}
.lockers-text {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  letter-spacing: 0.15px;
  font-weight: 300;
  margin-top: 39.2px;
  -webkit-display: flex;
  display: flex;
  -webkit-display: flex;
  align-items: center;
}
.lockers-text img {
  vertical-align: middle;
  margin-right: 12.75px;
  display: inline-block;
  position: relative;
}
.text-slider a {
  width: 220px;
  background-color: #54ca70;
  padding: 17px 0px;
  line-height: 1.6;
  border-radius: 8px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-top: 31.01px;
}

.text-slider {
  margin-top: 150px;
  position: relative;
  z-index: 1;
}
.text-slider::before {
  position: absolute;
  content: "";
  /* border: 1px dashed #c9c9c9; */
  width: 74%;
  height: calc(100% + 150px );
  top: -75px;
  right: -63px;
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 1px, 1px 16px;
}
.col-md-12.col-lg-6.how-img {
  padding-right: 60px;
}
.text-slider .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
  border-radius: 100%;
  border: 3px solid #c9c9c9;
  background-color: transparent;
  display: block;
  margin: 9px 0px;
}
.text-slider .carousel-indicators {
  position: absolute;
  right: auto;
  bottom: auto;
  left: -34px;
  z-index: 2;
  display: block;
  justify-content: center;
  padding: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  margin-left: 0;
  list-style: none;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
.text-slider .carousel-indicators .active {
  opacity: 1;
  background-color: #54ca70 !important;
  border: 3px solid #54ca70;
}
.counter-sec {
  padding: 160px 0;
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
}
.counter h2 {
  font-size: 70px;
  color: #fff;
  line-height: 84.91px;
  font-weight: 800;
  letter-spacing: 1px;
}
.counter p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.15px;
  line-height: 24px;
  font-weight: 300;
}
.counter img {
  height: 76px;
  margin-bottom: 22px;
}
.counter {
  position: relative;
}

.counter.counter1::before {
  display: none;
}
.tecnology-sec {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.tecnology-sec > img{

  width: 100%;
  display: block;
} 
.tecnology-sec .home_tech_inner{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;

}
.tecnology-text h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  line-height: 25px;
  letter-spacing: 2px;
  font-weight: 600;
}
.tecnology-text h2 {
  font-size: 70px;
  color: #fff;
  line-height: 85px;
  font-weight: 800;
  letter-spacing: 1px;
}
.tecnology-text p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #fff;
  font-weight: 300;
}
.tecnology-text a {
  width: 225px;
  background-color: #54ca70;
  padding: 20px 0px;
  border-radius: 8px;
  font-size: 14px;
   line-height: 16px; 
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-top: 19px;
}



.testimonials-p {
  text-align: center;
  background-color: rgba(245, 245, 245, 1);
  padding: 50px 50px;
}

.testimonials-p p {
  font-size: 24px;
  line-height: 40px;
  font-weight: normal;
  margin-top: 17px;
  color: #333;
}
.testimonials-p > p{
  max-width: 756px;
  margin: 17px auto;
  position: relative;
}
.testimonials-p > p::before{
  content: "";
  width: 43.58px;
  height: 35.3px;
  background: url(../images/icons/qote-open.png) ;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -50px;
}

.testimonials-p > p::after{
  content: "";
  width: 43.58px;
  height: 35.3px;
  background: url(../images/icons/qote-close.png) ;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.athur p {
  font-size: 14px;
  color: #333333;
  margin: 17px 0px;
}

.testimonials-p a {
  width: 225px;
  background-color: #54ca70;
  padding: 20px 0px;
  border-radius: 8px;
  font-size: 14px;
   line-height: 16px; 
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
}
.testimonilas-sec {
  padding: 100px 0px;
}
#carouselExampleCaptions3 {
  margin-top: 100px;
}
/* .testimonilas-sec .carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-color: #338be5;
  font-size: 14px;
} */

.insert-image {
  position: relative;
  background-image: url(../../assets/images/experience.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 70% auto;
  background-color: rgba(84, 202, 112, 0.4);
}
.carousel-control-prev {
  left: -20px;
}
.carousel-control-next {
  right: -20px;
}
.carousel-control-next, .carousel-control-prev{
  opacity: 1 !important;
  width: auto;
}
.carousel-control-prev-icon , .carousel-control-next-icon{
  width: 44px;
  height: 44px;
  background-color: #338BE5;
  background-size: 13px !important;
  border-radius: 8px;
}
.carousel-control-prev-icon{
  background-image: url(../images/icons/arrow-left.svg);
}
.carousel-control-next-icon{
  background-image: url(../images/icons/arrow-right.svg);

}








.contact-sec {
    position: relative;
    margin-bottom: -5%;
}
.contact-sec .container-fluid {
  padding: 0;
}
.contactDeco1{
  position: absolute;
  width: 60.59px;
  height: 61.05px;
  right: 32.23%;
  top: 54px;

  background: linear-gradient(303.58deg, rgba(255, 255, 255, 0.8) 3.72%, rgba(255, 255, 255, 0) 101.21%);
  opacity: 0.2;
  /* Card Shadow */

  filter: drop-shadow(0px 0px 25px rgba(33, 36, 41, 0.1));
  border-radius: 16px;
  transform: rotate(-30deg);
}
.contactDeco2{
  position: absolute;
  width: 88.84px;
  height: 89.52px;
  right: 10.41%;
  bottom: 147px;
  background: linear-gradient(303.58deg, rgba(255, 255, 255, 0.8) 3.72%, rgba(255, 255, 255, 0) 101.21%);
  opacity: 0.2;
  filter: drop-shadow(0px 0px 25px rgba(33, 36, 41, 0.1));
  border-radius: 16px;
  transform: rotate(-30deg);
}
.contactDeco3{
  position: absolute;
  width: 108.86px;
  height: 107.49px;
  right: 6.25%;
  top: 75px;
  background: #54CA70;
  box-shadow: 0px 0px 25px rgb(33 36 41 / 10%);
  border-radius: 16px;
  transform: rotate(-30deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactDeco3>img{
  transform: rotate(32deg);
}

.contact-text {
  background-color: #333333;
  padding: 100px;
  padding-top: 168px;
  padding-bottom: 173px;
}
.contact-text h3 {
  font-size: 14px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}
.contact-text h2 {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  letter-spacing: -0.5px;
  font-weight: 600;
  margin-top: 11px;
  margin-bottom: 6px;
}
.contact-text p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  max-width: 566px;
}
.contact-text a {
  width: 225px;
  background-color: #54ca70;
  padding: 17px 0px;
  border-radius: 8px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
  line-height: 1.6;
}
.contact-sec .contact-text .download-btn {
  margin-left: 20px;
  display: none;
}
.contact-text .download-btn {
  width: 225px;
  background-color: transparent;
  padding: 16px 0px;
  border-radius: 8px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.75px;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-top: 28px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.contact-sec .row > * {
  /* padding-right: calc(var(--bs-gutter-x) / 0);
  padding-left: calc(var(--bs-gutter-x) / 0); */
  padding-right: calc(var(--bs-gutter-x) + 0);
  padding-left: calc(var(--bs-gutter-x) + 0);
  margin-top: var(--bs-gutter-y);
}

.brand-list li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0 7px;
  width: 14.28%;
  font-size: 13px;
  line-height: 16px;
  white-space: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.brand-list {
  text-align: center;
}
.brand-sec h4 {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #1b384b;
  font-weight: 400;
}
.brand-sec {
  padding-top: 84px;
  padding-bottom: 105px;
}
.page-template-template_contact .brand-sec {
  padding-top: 130px;
}
.page-template-template_contact .contact-sec{
  display: none;
}


.brand-sec .row{
  -webkit-align-items: center;
  align-items: center;
}
.single-footer.f-about .logo {
  margin-bottom: 25px;
}
.single-footer.f-about ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.single-footer.f-about ul li a span {
  display: block;
}
.single-footer.f-about ul li {
  margin-bottom: 30px;
}
.navbar-nav > .menu-item.flag-submeanu{
   position: relative;
   align-self: center;
}
.navbar-nav .menu-item.flag-submeanu a {
  padding-top: 0px;
  display: flex;
  padding: 0 10px;
  align-items: center;
}
.navbar-nav .menu-item.flag-submeanu > a{
  padding: 5px 12px;
}
.navbar-nav > .flag-submeanu>a:before {
  content: "";
  width: 100%;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
}
.navbar-nav .menu-item.flag-submeanu .megamenu{
  position: absolute;
  /* top: 13px;
  left: 25px;
  padding: 42px 0 10px;   */
  top: 100% !important;
  left: 0;
  padding: 0 0 10px;
  width: auto;
  min-width: auto;
  background: none;
}
.navbar-nav .menu-item.flag-submeanu .megamenu > li{
  padding: 0px 0;
}
.navbar-nav .menu-item.flag-submeanu .card.card-dropdown{
  background: #fff;
  width: 100%;
  border-radius: 0px;
  display: block;
}
.navbar-nav .menu-item.flag-submeanu > .megamenu .card.card-dropdown > ul{
  display: block;
  margin: 0;
}
.navbar-nav .menu-item.flag-submeanu > .megamenu .card.card-dropdown li{
  background: #fff;
  padding: 5px 0;
  margin-bottom: 0;
}
.navbar-nav .menu-item.flag-submeanu > .megamenu .card.card-dropdown li:not(:last-child){
  margin-bottom: 2px;
}
.navbar-nav .menu-item.flag-submeanu > .megamenu .card.card-dropdown li#menu-item-wpml-ls-56-fr{
  /* display: none; */
}
.navbar-nav .menu-item.flag-submeanu > .megamenu .card.card-dropdown li a{
  padding: 0 12px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
}
.navbar-nav > .menu-item.flag-submeanu > a:after {
    content: "\ea5c";
    display: inline-block;
    font: normal normal normal 1em/1 'LineIcons';
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
    visibility: visible;
    font-size: 11px;
    margin-left: 11px;
}
.menu-item.flag-submeanu a i {
  font-size: 11px;
  margin-left: 11px;
  color:  var(--navcolor, #fff);
}
.locking-solutions-template-default .header .mobile-menu-btn .toggler-icon{
    background-color: #fff;
}
.ar_green_header.header {
  background: #0181EA;
}
.ar_green_header .menu-item.flag-submeanu a i, .page-template-template_branch_details .menu-item.flag-submeanu a i, .header.hasTransDarkBg .menu-item.flag-submeanu a i{
  color: #fff;
}
.navbar-nav .menu-item .flag-p {
  min-width: 30px;
  padding: 5px 0px;
  text-align: center;
  border-radius: 0;
}
.navbar-nav .menu-item .flag-p .menu-item {
  width: 100%;
  margin-bottom: 0px;
}
/* ===== use part */
.navbar .user_part{
  position: relative;
}
.navbar .user_part > a{
  color: #fff;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -moz-box-align: center;
  align-items: center;
  padding: 0;
}
.navbar .user_part > .dropdown-toggle::after {
  border: none;
  content: "\ea5c";
  display: inline-block;
  font: normal normal normal 1em/1 'LineIcons';
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  visibility: visible;
  font-size: 11px;
  margin-left: 8px;
}
.navbar .user_part .dropdown_menu{
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  /* width: 10rem; */
  padding: .5rem 0;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 10;
}
.navbar .user_part .dropdown_menu.sub-menu.collapse:not(.show){
  display: block;
}
.navbar .user_part .dropdown_menu.megamenu > li{
  margin: 0;
}
.navbar .user_part:hover .dropdown_menu{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* ===== End use part */

.footer .footer-top {
  position: relative;
  padding: 57px 0 177px 0;
  background-image: url(../../assets/images/footer-1920.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.plan-img {
  position: absolute;
  top: 42px;
  left: 49%;
}
.plan-img img {
  width: 100px;
}

.tree-footer {
  position: absolute;
  top: 12%;
  right: 9%;
}
.footer-caracter {
  position: absolute;
  right: 27px;
  bottom: 7px;
}
.homeCounterSect .counter-box{
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.homeCounterSect .counter-box p {
    flex: 0 0 100%;
}

.homeCounterSect .col-lg-6 +.col-lg-6{
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.homeCounterSect .counter-box img{
  width: 62px;
  margin:0 22px 0;
}
.counter-box {
  display: block;
  background: transparent;
  padding: 0;
  text-align: center;
  position: relative;
}
.counter-box::before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
  height: 200px;
  left: -2px;
}

.counter-box p {
  margin: 5px 0 0;
  padding: 0;
  color: #909090;
  font-size: 18px;
  font-weight: 500;
}

.counter-box i {
  font-size: 60px;
  margin: 0 0 15px;
  color: #d2d2d2;
}

.counter {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #666;
  line-height: 28px;
}

.counter-box span {
  font-size: 70px;
  color: #fff;
  line-height: 84.91px;
  font-weight: 800;
  letter-spacing: 1px;
}
.counter-box span::after{
  content: "+";
  display: inline-block;
}
.counter-box p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.15px;
  line-height: 24px;
  font-weight: 300;
}
.counter-box img {
  height: 76px;
  margin-bottom: 22px;
}
.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter,
.counter-box.colored p a {
  color: #fff;
}
.counter-box.colored.counter1:before {
  display: none;
}

.menu-large {
  position: static !important;
}

.megamenu {
  padding: 20px 20px;
  width: 100%;
}

.megamenu > div > li > ul {
  padding: 0;
  margin: 0;
}

.megamenu > div > li > ul > li {
  list-style: none;
}

.megamenu > div > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.megamenu > div > li > ul > li > a:hover,
.megamenu > div > li > ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}

.sentence_section.hasGreenbg{
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
}
.sentence_section.hasGreenbg h3{
  color: #fff;
}
@media (max-width: 768px) {
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
}
.solution_dropdown .iconod{
  background-color: #338be5;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.solution_dropdown .iconod:hover {
  background-color: #54CA70;
}
.iconod {  
  width: 125px;
  height: 138px;
  border-radius: 8px;
  vertical-align: middle;
  margin: 0 auto 15px;
  line-height: 130px;
}

.card.card-dropdown ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  border: none;
}
.card.card-dropdown ul li {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
}
.card.card-dropdown ul li.current-menu-item p{
  color: #fff;
}
.olssen_dropdown .card.card-dropdown ul li.current-menu-item p, .olssen_dropdown .card.card-dropdown ul li a:hover p{
  color: #333;
}
.olssen_dropdown .card.card-dropdown ul li a:hover .iconod{
  background: #fff;
}


.card.card-dropdown ul li p {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  letter-spacing: 0.15px;
  font-weight: 400;
}
.card.card-dropdown {
  border: 0px;
  width: 83.33333333333333%;
  margin: 0 auto;
  background-color: transparent;
}
.nav-inner .navbar {
  position: inherit;
}

/* //arindam sarkar */
.ar__creatCircle {
  width: 76vh;
  height: 76vh;
  border-radius: 50%;
  border: 1px dashed #333333;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ar__each_circles > .circleInnrAr > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.ar__each_circles > .circleInnrAr {
  height: 100%;
  width: 100%;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.ar__each_circles {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  /*background: #54c970;*/
  position: absolute;
  z-index: 2;
  min-width: 30px;
  min-height: 30px;
  transform: translate(-50%, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ar__each_circles:nth-child(1) img{
  transform: rotate(46deg);
}
 .ar__each_circles:nth-child(2) img{
  transform: rotate(120deg);
}
.ar__each_circles:nth-child(3) img{
  transform: rotate(180deg);
}
.ar__each_circles:nth-child(4) img{
  transform: rotate(240deg);
}
.ar__each_circles:nth-child(5) img{
  transform: rotate(300deg);
}
.arTickWrappers {
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0;
}
.ar_circle_innr{
  position: relative;
  width: 100%;
  height: 100%;
}

.arBlackGradientBanner {
    background: #302C2B;
    position: relative;
    z-index: 1;
}
.solutionDtlsban{
    background: #302C2B;
    position: relative;
}
.arBlackGradientBanner:after, .solutionDtlsban:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #302C2B 27.09%, rgba(56, 53, 52, 0.95) 33.61%, rgba(75, 73, 73, 0) 55.14%);
    height: 100%;
    /*z-index: -1;*/
}
.arBlackGradientBanner p{
    font-size: 20px;
    color: rgba(255,255,255,1);
    line-height: 30px;
}
.blackImgWrap {
    width: 100%;
    margin-left: auto;
    display: block;
}
.waveWrap{
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.waveWrap>img{
    width: 100%;
    display: block;
}

/* ===== FR Related ===== */
@media only screen and (max-width: 1600px) and (min-width: 1400px) {
  #menu-main-menu-fr > li > a{
    padding-left: 10px;
    padding-right: 10px;
  }
}


/*======================================
  Footer CSS
========================================*/
.footer {
  position: relative;
}

.footer .footer-top {
  padding: 114px 0;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-top {
    padding: 80px 0;
  }
  .features_and_functions .col-lg-4 + .col-lg-4 {
    margin-top: 0px;
  }

}

@media (max-width: 767px) {
  .footer .footer-top {
    padding: 60px 0;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .single-footer {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .footer .single-footer {
    margin-top: 40px;
    text-align: center;
  }
}

.footer .single-footer.f-about {
  padding-right: 30px;
}

@media (max-width: 767px) {
  .wpcf7 .ajax-loader {
  position: absolute;
  left: 0;
  right: 0;
}
  .footer .single-footer.f-about {
    padding: 0;
  }
}

.footer .single-footer.f-about .logo img {
  width: 228px;
  filter: none !important;
}

.footer .single-footer.f-about p {
  color: #d2d6dc;
  margin-top: 20px;
  font-size: 14px;
}

.footer .single-footer.f-about .social {
  margin-top: 30px;
}

.footer .single-footer.f-about .social li {
  display: inline-block;
  margin-right: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .single-footer.f-about .social li {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .footer .single-footer.f-about .social li {
    margin-bottom: 10px;
  }
}

.footer .single-footer.f-about .social li:last-child {
  margin: 0;
}

.footer .single-footer.f-about .social li a {
  color: #d2d6dc;
  font-size: 15px;
}

.footer .single-footer.f-about .social li a:hover {
  color: #3865f2;
}

.footer .single-footer.f-about .social li:last-child {
  margin: 0;
}

.footer .single-footer.f-about .copyright-text {
  color: #333;
  font-size: 14px;
  margin-top: 50px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .footer .single-footer.f-about .copyright-text {
    margin-top: 20px;
  }
}

.footer .single-footer.f-about .copyright-text a {
  color: #d2d6dc;
}

.footer .single-footer.f-about .copyright-text a:hover {
  color: #3865f2;
}

.footer .single-footer.f-link li {
  display: block;
  margin-bottom: 0px;
}

.footer .single-footer.f-link li:last-child {
  margin: 0;
}

.footer .single-footer.f-link li a {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  letter-spacing: 0.25px;
}

.footer .single-footer.f-link li a:hover {
  color: #3865f2;
}

.footer .single-footer h3 {
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
  color: #338be5;
  line-height: 30px;
  letter-spacing: 0.15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .single-footer h3 {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .footer .single-footer h3 {
    margin-bottom: 25px;
  }
}

.footer .footer-newsletter {
  padding-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .footer .footer-newsletter {
    padding-bottom: 60px;
    text-align: center;
  }
}

.footer .footer-newsletter .inner-content {
  border: 2px solid rgba(238, 238, 238, 0.171);
  padding: 50px;
  border-radius: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter .inner-content {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .footer .footer-newsletter .inner-content {
    padding: 30px;
  }
}

.footer .footer-newsletter .title {
  position: relative;
}

.footer .footer-newsletter .title h3 {
  color: #d2d6dc;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter .title h3 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .footer .footer-newsletter .title h3 {
    font-size: 16px;
  }
}

.footer .footer-newsletter .title p {
  font-size: 15px;
  color: #d2d6dc;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter .title p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .footer .footer-newsletter .title p {
    font-size: 14px;
  }
}

.footer .footer-newsletter .title p a {
  color: #3865f2;
  text-decoration: underline;
}

.footer .footer-newsletter .title p a:hover {
  color: #fff;
}

.footer .footer-newsletter .newsletter-form {
  position: relative;
}

@media (max-width: 767px) {
  .footer .footer-newsletter .newsletter-form {
    margin-top: 30px;
  }
}

.footer .footer-newsletter .newsletter-form input {
  height: 48px;
  width: 300px;
  display: inline-block;
  background: transparent;
  border: none;
  color: #fff;
  border-radius: 0;
  padding: 0 20px;
  color: #fff !important;
  font-size: 14px;
  background-color: #fff3;
  border-radius: 5px;
  margin-right: 148px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter .newsletter-form input {
    width: 100%;
    margin: 0;
    padding-right: 144px;
  }
  .video_text_ar::after {
    bottom: -12px !important;
    right: 90px !important; 
  }

  .mapMargedTextar {
    top: 36% !important;
  }
  .howLongItstxt{
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .footer .footer-newsletter .newsletter-form input {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}

.footer .footer-newsletter .newsletter-form ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.footer .footer-newsletter .newsletter-form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.footer .footer-newsletter .newsletter-form ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.footer .footer-newsletter .newsletter-form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.footer .footer-newsletter .newsletter-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.footer .footer-newsletter .newsletter-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.footer .footer-newsletter .newsletter-form .button {
  display: inline-block;
  position: absolute;
  right: 0;
}

@media (max-width: 767px) {
  .footer .footer-newsletter .newsletter-form .button {
    position: relative;
    margin-top: 10px;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .footer .footer-newsletter .newsletter-form .button .btn {
    width: 100%;
  }
}

.footer .footer-newsletter .newsletter-form .button .btn {
  display: inline-block;
  background: #3865f2;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding: 0 30px;
}

.footer .footer-newsletter .newsletter-form .button .btn::before {
  background-color: #fff;
}

.footer .footer-newsletter .newsletter-form .button .btn:hover {
  color: #3865f2;
  background-color: #fff;
}
.features-secmobile img {
  width: 100%;
}

/* //style for inner header  */

.inner_header {
  background-size: cover !important;
  /* min-height: calc(100vh - 98px); */
  /* padding-top: 222px; */
  position: relative;
}
.inner_header :is(h1, p) {
  color: #fff;
}
.inner_header :is(h1) span{
  color: #54ca70;
  display: inline;
}
.inner_header h1{
  overflow-wrap: normal;
  word-break: keep-all;
}
.lookingSolutionInnr {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.grass_left {
  position: absolute;
  bottom: 0;
  left: -78px;
  z-index: 0;
}
.decoration1 {
  position: absolute;
  bottom: 5%;
  right: 1%;
}
.decoration2 {
  position: absolute;
  top: 5%;
  left: 30%;
}
.decoration3 {
  position: absolute;
  bottom: -46px;
  left: 20%;
}
.inner_header .container {
  position: relative;
  z-index: 1;
}
.inner_header .col-md-6 {
  margin-bottom: 40px;
}

.be_left_box {
  position: relative;
  z-index: 1;
}

.be_left_box::after {
  content: "";
  width: 60%;
  position: absolute;
  top: -40px;
  left: -60px;
  bottom: -40px;
  z-index: -1;
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 2px, 2px 16px;
}
.be_left_box.arKyniousBox::after{
  left: -82px;
}
.leftStroageSolut.be_left_box::after{
  width: 100%;
}

.be_left_box.arKyniousBox h2{
  padding: 22px 0;
}

.be_left_box h2 {
  font-size: 50px;
  background: #fff;
  z-index: -1;
  line-height: 60px;
  letter-spacing: -0.5px;
  overflow-wrap: normal;
  word-break: keep-all;
}
.be_left_box h2 span{
  display: inline;
}
.best_exprience_section {
  padding: 165px 0 200px 0;
}
.right_details p {
  font-size: 25px;
  line-height: 40px;
}
.lookingSolutionInnr {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
}
.lookingSolutionInnr h6{
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.lookingSolutionInnr .col-lg-5.col-md-12.col-12.position-relative{
  display: flex;
  align-items: flex-end;
}
.wifiSymblBn{
  position: absolute;
  top: -38px;
  right: -38px;
  transform: translate(50%, -100%);
}
.footerTree5, .footerTree4, .footerTree3, .footerTree2, .footerTree1{
  display: none;
}









/*===============
What we offer to you?
=================*/
.each_weoffer {
  position: relative;
  padding: 50px 40px 60px;
  margin-bottom: 20px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.each_weoffer:hover {
  background-color: #338BE5;
}
.each_weoffer:hover :is(h3, p) {
  color: #fff;
}

.each_weoffer:hover .each_weoffer_icons{
  background: #003ECB;
}
.each_weoffer::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 1px, 1px 16px;
  z-index: -1;
}
.each_weoffer h3 {
  font-size: 40px;
  letter-spacing: -0.5px;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  color: #333333;
}
.each_weoffer p {
  font-size: 20px;
  margin-bottom: 40px;
  line-height: 30px;
}
.each_weoffer p:last-child{
  margin-bottom: 0;
}
.each_weoffer .tell_me_more,
.greenCommonBtn {
  background: #54ca70;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.3;
  font-weight: 500;
  display: inline-block;
  padding: 19px 60px;
}
.greenCommonBtn:hover {
  background: #000;
  color: #fff;
}
.greenCommonBtn_invert{
  border-radius: 8px;
  color: #54CA70;
  display: inline-block;
  padding: 19px 60px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
  border: 2px solid #54CA70;
  background: transparent;
}
.greenCommonBtn_invert:hover{
  background: #54CA70;
   color: #fff;
}
.each_weoffer::after {
  content: "";
}
.info_grass_img {
  position: absolute;
  bottom: 0;
  left: -90px;
}
.rightinIcon .info_grass_img {
    left: auto;
    right: -87px;
}

.each_weoffer_icons {
  /* position: absolute;
  top: 50px; */
  background: #338be5;
  border-radius: 8px;
  width: 125px;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 25px rgba(33, 36, 41, 0.1);
  box-shadow: 0px 0px 25px rgba(33, 36, 41, 0.1);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -ms-flex: 0 0 125px;
  flex: 0 0 125px;
}
.each_weoffer_heading{
  margin-bottom: 30px;
}
.leftinIcon .each_weoffer_heading{
  left: 0;
  transform: translateX(-90px);
  width: calc(100% + 100px);
}
.leftinIcon .each_weoffer_heading .each_weoffer_icons{
  margin-right: 40px;
}
.rightinIcon .each_weoffer_heading .each_weoffer_icons{
  order: 1;
}
.rightinIcon .each_weoffer_heading {
  right: 0;
  width: calc(100% + 90px);
}

.whatWeOfferToYou .col-xl-4 + .col-xl-4, .whatWeOfferToYou .col-lg-4 + .col-lg-4, .whatWeOfferToYou .col-xxl-3 + .col-xxl-3{
  margin-top: 108px;
}

.whatWeOfferHeading {
  position: relative;
  padding: 0 30px;
}
.lookingforSol_wwotu .whatWeOfferHeading::before {
  left: -75px;
}
.lookingforSol_wwotu .whatWeOfferHeading::after {
  right: -75px;
}
.lookingforSol_wwotu .whatWeOfferHeading::after, .lookingforSol_wwotu .whatWeOfferHeading::before{
  content: "";
  width: 138.61px;
  height: 150px;
  top: -15px;
  background: #54CA70;
  box-shadow: 0px 0px 25px rgb(33 36 41 / 10%);
  border-radius: 8px;
  transform: rotate(-45deg);
  position: absolute;
}
.whatWeOfferHeading > h3 {
  font-size: 40px;
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
  margin-bottom: 60px;
}
.whatWeOfferToYou .container {
  max-width: 900px;
}

.whatWeOfferToYou.lookingforSol_wwotu{
  padding-bottom: 123px;
}


.hasDecorationTop {
  margin-top: 98px;
  position: relative;
}    
.hasDecorationTop::before {
  content: "";
  width: 100%;
  height: 130px;
  background: url(../images/looking-for-solution/decoration3.svg) no-repeat
    center top; 
  background-size: 100%;
  position: absolute;
  top: -98px;
  left: 0;
  right: 0;
}



.ar_wiy_brch.ar_wiy_branch_pg{
  padding-bottom: 220px;
}




/* //tech chsss */
.our_testimonial2 {
  position: relative; 
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
}
.white_headings {
  text-align: center;
  margin-bottom: 122px;
}
.white_headings h4 {
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 2px;
}

.white_headings h2 {
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
}

.testiCarousel .item p {
  font-size: 40px;
  line-height: 55px;
  font-weight: 300;
  color: #fff;
  position: relative;
}
.testimonial_outer {
  position: relative;
}
.testimonial_outer::before {
  content: "";
  background: url(../images/looking-for-solution/quote.png);
  width: 44px;
  height: 36px;
  position: absolute;
  top: -30px;
  left: -30px;
}
.testimonial_outer::after {
  content: "";
  background: url(../images/looking-for-solution/quote.png);
  width: 44px;
  height: 36px;
  position: absolute;
  bottom: 100px;
  right: 200px;
  transform: rotate(180deg);
}

.testiCarousel .item h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 30px;
}

.wrapper_testimonial_right {
  margin-bottom: -60px;
  position: relative;
  z-index: 1;
  padding: 0 12%;
}

.wrapper_testimonial_right img {
  width: 100%;
}
.our_testimonial2 {
  padding-top: 138px;
}
.max-840 {
  max-width: 840px;
  margin: 0 auto;
}
.extra_functionalities {
  padding: 148px 0 130px;
}
.extra_functionalities .section-title p {
  font-size: 20px;
  line-height: 30px;
}
.each_extra_funlitis {
  text-align: center;
  padding: 20px 10px;
  border: 2px solid #f1f1f1;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.each_extra_funlitis h6 {
  font-size: 16px;
  margin-top: 40px;
}



.extra_functionalities .col-lg {
  margin-bottom: 30px;
}

.banner_text_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.banner_text_wrap h1 span,
.batterylockBanner_sec h2 span{
  display: inline;
  color: #54ca70;
}
.strage_solution_ban {
  position: relative;
}
.strage_solution_ban h1 {
  color: #fff;
}
.strage_solution_ban .keyniusHeading h1{
  font-size: 100px;
  line-height: 121px;
}
.strage_solution_ban h1 span{
  color: #54CA70;
  display: inline;
}

.strage_solution_ban p {
  font-size: 20px;
  line-height: 30px;
  color: rgba(255,255,255,1);
}
.best_exprience_section.hasBtmbg {
  background: url(../images/storage-solution/outside-env.png) center bottom
    no-repeat;
  background-size: 100%;
  padding-bottom: 500px;
}
.features_and_functions {
  padding: 136px 0 66px;
  margin-bottom: 80px;
}

.features_and_functions .each_weoffer_icons {
  background: #54ca70;
}
.features_and_functions .each_weoffer_icons {
  width: 92px;
  height: 99px;
  flex: 0 0 92px;
}
.features_and_functions .col-xl-4 + .col-xl-4{
  margin-top: 156px;
}
.features_and_functions .col-lg-4 + .col-lg-4{
  margin-top: 156px;
}

/* //application news  */
.application_options {
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
  padding: 80px 0 140px;
}
.application_options .white_headings {
  margin-bottom: 40px;
}
.white_headings p {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}
.digital_locker_feature {
  width: 19.94%;
  width: 383px;
  margin: 0 auto;
}
.digital_locker_feature > img {
  width: 100%;
}
.digi_lock_wrapp_fe {
  position: relative;
}
.each_feature {
  position: absolute;
}
.each_feature a {
  width: 112px;
  height: 112px;
  background: #54ca70;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.each_feature a h6 {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  margin-top: 5px;
  font-weight: 300;
}

.each_feature:first-child {
  top: -40px;
  left: 20.72%;
  width: 19.53%;
}

.each_feature:nth-child(2) {
  top: 100px;
  left: 31%;
  width: 9.89%;
}

.each_feature:nth-child(3) {
  top: 220px;
  left: 11.3%;
}

.each_feature:nth-child(4) {
  top: 300px;
  left: 24.53%;
}

.discoverCarousel .owl-dots button.owl-dot.active{
  background: #54CA70;
  border-color: #54CA70 !important;
}
.each_discover_products {
  display: block;
  position: relative;
}
.each_discover_products::after {
  content: "";
  width: 100%;
  height: 50%;
  background: linear-gradient(360deg,#232323 12.57%,rgba(35, 33, 33, 0) 70.67%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.each_discover_products h6 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  font-weight: 300;
  padding: 30px;
  font-size: 25px;
}

.commonHeading1 > h2 {
  font-size: 50px;
  line-height: 60px;
}

.commonHeading1 > p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}
.discover_our_product {
  padding: 50px 0 156px;
}
.discover_our_product.stroageSolutions {
  padding: 144px 0 160px;
  margin-bottom: 70px;
}



.refferance-sec.topHasBgBlue {
  position: relative;
  background: linear-gradient(0deg, #FFFFFF -1.02%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #F3F3F3, #F3F3F3), #EDEDED;
}
.topDecorationWave{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
}
.topDecorationWave img{
  width: 100%;
}
.page-template-template_branch_details .refferance-sec{
  position: relative;
}
/*.refferance-sec.topHasBgBlue::before {
  content: "";
  width: 100%;
  height: 80px;
  background: url(../images/storage-solution/decoratinon-top.png) no-repeat
    bottom;
  background-size: 100%;
  position: absolute;
  top: -80px;
}*/

.digital_locker_feature {
  position: relative;
  z-index: 1;
}
.digital_locker_feature::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #54ca70;
  position: absolute;
  top: -32px;
  left: 50%;
  z-index: -1;
  transform: translate(-50%);
}

/* //branch start  */
.branch_banner_sect {
  position: relative;
}
.branch_banner_left {
  position: absolute;
  bottom: 3%;
  left: 0;
  width: 37.08%;
}
.branch_banner_left img {
  width: 100%;
  display: block;
}
.branch_banner_right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32%;
}
.flying_plane {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 7.1875%;
}

.branch_banner_text {
  position: absolute;
  top: 40%;
  left: 50%;
  max-width: 626px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.branch_banner_birds {
  position: absolute;
  top: 20%;
  left: 30%;
}
.branch_banner_text h4 {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.5;
  letter-spacing: 2px;
}
.branch_banner_text h2 {
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
}

.top_qubickHeading {
  position: relative;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}
.top_qubickHeading::after,
.top_qubickHeading::before {
  content: "";
  width: 138.61px;
  height: 150px;
  top: -15px;
  background: #003ecb;
  box-shadow: 0px 0px 25px rgba(33, 36, 41, 0.1);
  border-radius: 8px;
  transform: rotate(-45deg);
  position: absolute;
}
.top_qubickHeading::before {
  left: -75px;
}
.top_qubickHeading::after{
  right: -75px;
}

.top_qubickHeading h2 {
  font-size: 50px;
  margin-bottom: 20px;
}

.top_qubickHeading p {
  font-size: 20px;
  line-height: 24px;
  max-width: 755px;
  margin: 0 auto;
}
.ar_branch_grid {
  margin: 0 -10px;
}
.ar_branch_grid > li {
  -webkit-boxf-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  padding: 0 10px;
  margin-top: 20px;
}
.ar_wiy_brch {
  padding-bottom: 0px;
}
.ar_branch_grid > li > a {
  background: #f5f5f5;
  display: block;
  position: relative;
}
.ar_branch_grid > li > a h6 {
  padding: 12px;
  background: #54ca70;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
}
.ar_branch_icon {
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ar_branch_grid > li > a:hover  .branch_hover_text{
  opacity: 1;
  visibility: visible;
}
.branch_hover_text{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #54CA70;
  height: 100%;
  padding: 12px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 300ms;
}
.btnTellMemore{
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  justify-content: flex-end;
  position: absolute;
  bottom: 15px;
  right: 22px;
}
.btnTellMemore > img{
  filter: brightness(0) invert(1);
  width: 8px;
  margin-left: 10px;
  display: block;
  margin-top: -4px;
}
.branch_hover_text p{
  color: #fff;

}
.branch_hover_text h5{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
}
.testiCarousel .owl-dots{
  position: absolute;
  top: 50%;  
  left: -60px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}
.testiCarousel .owl-dots button.owl-dot{
    border: 3px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}

.testiCarousel .owl-dots button.owl-dot.active{
  background: #54CA70;
  border-color: #54CA70 !important;
}

.testimonialDecoration1{
  position: absolute;
  left: 10.14%;
  right: 83.98%;
  top: 21.66%;
  bottom: 68.13%;

  background: linear-gradient(303.58deg, rgba(255, 255, 255, 0.8) 3.72%, rgba(255, 255, 255, 0) 101.21%);
  opacity: 0.2;
  /* Card Shadow */

  filter: drop-shadow(0px 0px 25px rgba(33, 36, 41, 0.1));
  border-radius: 16px;
  transform: matrix(0.87, -0.5, 0.5, 0.87, 0, 0);
}

.testimonialDecoration2{
  position: absolute;
  left: 74%;
  right: 21.41%;
  top: 36.24%;
  bottom: 55.79%;

  background: linear-gradient(303.58deg, rgba(255, 255, 255, 0.8) 3.72%, rgba(255, 255, 255, 0) 101.21%);
  opacity: 0.2;
  /* Card Shadow */

  filter: drop-shadow(0px 0px 25px rgba(33, 36, 41, 0.1));
  border-radius: 16px;
  transform: matrix(0.87, -0.5, 0.5, 0.87, 0, 0);
}
.testimonialDecoration3{
  position: absolute;
  width: 100px;
  height: 100px;

  top: -42px;
  right: 5%;
  background: #54CA70;
  box-shadow: 0px 0px 25px rgba(33, 36, 41, 0.1);
  border-radius: 16px;
  transform: matrix(0.87, -0.5, 0.5, 0.87, 0, 0);
}
.offices_features_ar{
  position: relative;
  background: url(../images/office/rect.svg);
  padding-top: 200px;
  padding-bottom: 120px;
  z-index: 1;
}
.offices_features_ar::before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #54ca70;
  z-index: -1;
}

.offices_features_ar h4{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
}

.offices_features_ar ul li{
  font-weight: 300;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 0.15px;
  color: #FFFFFF;
  position: relative;
  padding-left: 40px;
  margin-top: 20px;
}

.offices_features_ar ul li::after{
  content: "";
  width: 32px;
  height: 32px;
  background-image: url(../images/office/check.svg);
  position: absolute;
  top: 0 ;
  left: 0;
}

.has_top_images_ar{
  position: relative;
  margin-top: 50px;
}
.eachBranchImages{
  width: 100%;
  position: absolute;
  bottom: calc(100% - 60px);
  left: 0;
}



.office_completation_sect{
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
  padding: 120px 0 200px 0;
}

.office_locker{
  text-align: center;
}
.office_completation_wrap{
  position: relative;
}

.each_ofc_complet{
  position: absolute;
}
.each_ofc_complet:nth-child(1){
  top: 0px;
  left: 0.72%;
}
.each_ofc_complet:nth-child(2){
  bottom: 50%;
  left: 17.46%;
  transform: translateY(50%);
}
.each_ofc_complet:nth-child(3){
  bottom: 0;
  left: 2.182539682539683%;
}


.each_ofc_complet:nth-child(4){
  top: 0px;
  right: 5.42%;
}
.each_ofc_complet:nth-child(5){
  bottom: 50%;  
  right: 18.38%;
  transform: translateY(50%);
}
.each_ofc_complet:nth-child(6){
  bottom: 0;
  right: 1.521164021164021%;
}
.each_ofc_complet > a {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: linear-gradient(122deg, #149DFF 6.25%, #003ECB 93.74%);
  width: 265px;
  padding: 20px 14px;
  border-radius: 4px;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  height: 70px;
}
.each_ofc_complet .echofccomp_text {
  line-height: 1.2;
  color: #ffff;
  padding-left: 20px;
  font-family: "Cerebri Sans Pro";
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.15px;
}

.ar_custz_heading h2{
  font-size: 50px;
  line-height: 60px;
  color: #FFFFFF;
  
}
.ar_custz_heading p{
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
  opacity: 0.5;
  font-weight: 300;
}
.ar_custz_heading{
  padding-left: 172px;
  max-width: 810px;
  margin-bottom: 50px;
}

/* what_is_kynious */
.whatIsKeynius h6{
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #888381;
  text-transform: uppercase;
}
.whatIsKeynius h2{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  color: #333333;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
}
.whatIsKeynius p{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 0px;
}

.what_is_kynious {
  position: relative;
  padding: 103px 0 139px;
}
.whatIsKeynius_img{
  position: relative;
}
.whatIsKeynius_img > img{
  width: 100%;
}

.keynius_logo_ar{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(122deg, #149DFF 6.25%, #003ECB 93.74%);
  width: 126px;
  height: 124px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 10px;
}
.arUserIcon{
  Width:93px;
  Height:86px;
  background: #54CA70;
  box-shadow: 0px 0px 20px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  right: 26.06%;
  position: absolute;
  bottom: -43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aditionalHelpSection  {
  position: relative;
  padding: 103px 0 139px;
}

.addiHelpContent h2,
.batterySolutions_sec h3{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;  
  letter-spacing: -0.5px;
  margin-bottom: 15px;
  color: #333;

}

.addiHelpContent p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  color: #333;
  letter-spacing: 0.15px;
}
.addiHelpContent {
  padding: 0 50px;
}
.banner_text_wrap .vacancies_bannerInr h1,
.batterylockBanner_sec h2{
  font-weight: 800;
  font-size: 100px;
  line-height: 121px;
  letter-spacing: 1px;
  color: #FFFFFF;
  overflow-wrap: normal;
  word-break: keep-all;
}

.section_for_seo{
  padding-top: 145px;

}
.section_for_seo h5{
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #333333;
}
.section_for_seo p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
}
























/* //contact section ar */
.contact_ban_sect{
  position: relative;
  background-size: 100% !important;
  z-index: 1;
}

.contact_banner_text{
  padding: 140px 0;
  text-align: center; 
}
.contact_banner_text h6{
  color: #333333;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 2px;
}
.contact_banner_text p{
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.arInput1,
.contact_form_wrapper .form-all input:not(input[type="submit"]){
  background: #FFFFFF;
  width: 100%;
  border: 1px solid #ECECEC;
  Height: 56px;
  border-radius: 8px;
  padding:0 20px;
  font-weight: 300;
}
.contact_form_wrapper {
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
  border-radius: 8px;
  /* padding: 52px 70px 58px 70px; */
  /* padding: 15px 60px 58px 60px; */
  padding: 1rem;
  border-radius: 8px;
  max-width: 795px;
  width: 100%;
  margin: 0 auto;
}
.contact_form_wrapper > h2{
  color: #FFFFFF;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 25px;
  letter-spacing: -0.5px;
}
.arSelect1 {
  background: url(../images/contact/angle-down.svg) right 5px center #FFFFFF no-repeat;
  width: 100%;
  border: 1px solid #ECECEC;
  Height: 56px;
  border-radius: 8px;
  padding: 0 20px;
  -webkit-appearance: none;
  appearance: none;
  color: rgba(0, 0, 0, 0.50);
  font-weight: 300;
  font-size: 16px;
}
.arFormGroup{
  margin-bottom: 20px;
}
.arTextarea1{
  width: 100%;
  border: 1px solid #ECECEC;
  height: 208px;
  border-radius: 8px;
  padding:10px 20px;
}
.arSendBtn1 {
  background: #333333;
  border-radius: 8px;
  height: 56px;
  width: 228px;
  text-align: center;
  letter-spacing: 0.75px;
  color: #FFFFFF;
  border: none;
  font-size: 14px;
  text-transform: uppercase;
}
.text-right{
  text-align: right !important;
}
.contact_information p:not(:last-child){
  margin-bottom: 20px;
}
.contact_information h4{
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 50px;
  text-align: center;
}
.contact_main_sect{
  position: relative;
  background-size: 100% !important;
  background-repeat: no-repeat;
  padding: 220px 0 130px;
}
.each_contact_address{
  background: #333333;
  padding: 20px 30px 30px 40px;
  height: 100%;
  border-radius: 8px;
}
.each_contact_address h3{
  font-size: 25px;
  line-height: 40px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.each_contact_address *{
  color: #fff;
}
.each_contact_address p{
  font-weight: 300;
}
.contact_meeting_wrap{
  /* background-image: url(https://project.crescentek.co.uk/olssennew/wp-content/uploads/2021/11/remote-meeting.svg); */
  background-image: url(../images/remote-meeting.svg);
  background-color: #54CA70;
  background-position: center center;
  padding: 110px 0;
  background-size: 84.32%;
  background-repeat: no-repeat;
  text-align: center;
}
.contact_meeting_sect h2{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
}
.blackBtnAr {
  background: #333333;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  padding: 19px 35px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
  font-weight: 500;
  min-width: 225px;
  border: none;
  text-align: center;
}
.col-md-6.contact_information{
  padding-left: 40px;
}
.arCheckOnmap{
  background: #54CA70;
  border-radius: 8px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.75px;
  color: #FFFFFF;
  border:none ;
  padding: 0 20px;
}
.arRestFilters{
  background: #54CA70;
  border-radius: 8px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.75px;
  color: #FFFFFF;
  border:none ;
  padding: 0 20px;
  width: 221px;
}
.arCheckOnmap:hover, .arRestFilters:hover{
  background: #333;
  color: #fff;
}
.who_we_are_sect{
  padding: 0 0 130px;
}

/* =========== Jote Form ====== */
.contact_form_wrapper > h1{
  /* color: #FFFFFF; */
  font-size: 60px;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
  display: none;
}
.contact_form_wrapper .form-all {
  background: none;
  box-shadow: none;
  margin: 0px;
}
.contact_form_wrapper .form-all ul.page-section {
  width: 100%;
  padding: 0;
}
.contact_form_wrapper .form-all .form-line {
  width: 100%;
  padding: 0;
  margin: 10px 0;
}
.contact_form_wrapper .form-all .form-label {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: "Cerebri Sans Pro";
  margin: 0;
  display: none;
}
.contact_form_wrapper .form-all input:not(input[type="submit"]),
.contact_form_wrapper .form-all input:not(input[type="number"]),
.contact_form_wrapper .form-all textarea{
  color: #000;
  font-size: 14px !important;
  font-family: "Cerebri Sans Pro" !important;
  border: none !important;
  border-radius: 8px !important;
  width: 100%;
}
.contact_form_wrapper .form-all textarea{
  width: 100% !important;
  min-height: 208px;
  padding: 20px;
}
.contact_form_wrapper .form-all .jsTest-button-wrapperField {
  justify-content: end;
  border: none;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.contact_form_wrapper .form-all .jsTest-button-wrapperField .jf-form-buttons {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  text-align: center;
  background: #333333 !important;
  border-radius: 8px;
  width: 162px;
  height: 60px;
  border: none !important;
}
.contact_form_wrapper .form-all .form-header-group{
  border: none;
  padding-top: 0;
  margin: 0;
}
.contact_form_wrapper .form-all .google-analytics-widget {
  width: auto !important;
  min-height: auto !important;
}
.contact_form_wrapper .form-all input::-webkit-input-placeholder,
.contact_form_wrapper .form-all textarea::-webkit-input-placeholder { color: #6c757d; opacity: 1}
.contact_form_wrapper .form-all input::-moz-placeholder,
.contact_form_wrapper .form-all textarea::-moz-placeholder { color: #6c757d; opacity: 1}
.contact_form_wrapper .form-all input::placeholder,
.contact_form_wrapper .form-all textarea::placeholder { color: #6c757d; opacity: 1}




/* ///refference pages  */
.arabroadInfoar li + li{
  margin-left: 20px;
}
.arabroadInfoar{
  margin-top: 22px;
}

.arabroadInfoar li{
  align-items: center;
  display: flex;
  font-size: 14px;
  color: #333;
}
.arabroadInfoar li img{
  margin-right: 5px;
}

.each_latest_refferenc h2{
  font-size: 30px;
  line-height: 30px;
  margin-top: 10px;
}

.each_side_reffernce {
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.each_side_reffernce +.each_side_reffernce {
  margin-top: 30px;
}

.each_side_ref_img{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  max-width: 200px;
}
.each_side_ref_txt{
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding-left: 30px;
}
.each_side_ref_txt h4{
  font-size: 20px;
  margin-bottom: 8px;
}
.each_side_ref_txt h6{
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  margin-bottom: 10px;
}
.each_side_ref_txt p{
  font-size: 20px;
  font-weight: 300;
}

.whsol_you_interest{
  padding: 70px 0;
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
  margin-top: 70px;
}
.whsol_you_interest .row{
  --bs-gutter-x: 0;
}
.whsol_you_interest .arSelect1{
  border-radius: 0;
}
.whsol_you_interest .arSendBtn1{
  border-radius: 0;
}
.whsol_you_interest .col-lg:first-child .arSelect1{
 border-radius: 8px 0 0 8px; 
}
.whsol_you_interest .col-lg-auto:last-child  .arSendBtn1{
  border-radius: 0 8px 8px 0;
}

.whsol_you_interest h2{
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.all_out_project, .all_out_project2{
  padding: 100px 0 60px;
}
.all_project_heading h2{
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0.5px;
}
.all_project_heading{
  margin-bottom: 50px;
}
.each_ref_box2 h4 {
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
}
.each_ref_box2 p {
  color: #888381;
  margin-top: 26px;
  line-height: 30px;
  letter-spacing: 0.25px;
  margin-bottom: 9px;
}
.each_ref_box2{
  margin-bottom: 34px;
}
.arPagination ul li{
  margin-left: 9px;
}
.arPagination ul li a {
  border: 1px solid #888381;
  border-radius: 4px;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #888381;
}
.arPagination ul li a.currentPage{
  background: #54CA70;
  border: 1px solid #54CA70;
  color: #fff;
}
.arPagination ul li a.ar_next_page{
  color: #888381;
  background: #888381;
}
.arPagination ul li.dots_pagi{
  line-height: 60px;
  height: 40px;
  font-size: 28px;
}
.arPagination{
  margin-top: 30px;
}
.our_latest_refference{
  padding-top: 85px;
}
.arLatest_reff_head h2{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 30px;
}
.mr-3{
  margin-right: 1rem;
}
.detailsWrap{
  position: relative;
  z-index: 1;
  margin: 40px auto;
  padding: 0 0 0 0px;  
}
.detailsWrap p{
  background: #fff;
  font-size: 20px;
  line-height: 30px;
}
.detailsWrap::after{
  content: "";
  width: 249px;
  height: calc( 100% + 80px); 
  /* border: 1px dashed #C9C9C9; */
  position: absolute;
  top: -40px;
  left: -90px;
  z-index: -1;
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 2px, 2px 16px;
}
.reffDtlsTxt{
  padding: 100px 0 50px;
}
.wrapper_each_fucn{
  padding: 150px 0 100px 0;
  text-align: center;
}
.wrapper_each_fucn p{
  font-size: 40px;
  line-height: 55px;
}
.refferenceSlider.owl-carousel .owl-nav button.owl-prev{
  left: -20px;
  top: 177px;
}
.refferenceSlider.owl-carousel .owl-nav button.owl-next{
  right: -20px;
  top: 177px;
}

.video_Wrapper{
  background: #ECECEC;
  width: 58.4375%;
  margin: 0 auto;
}
.video_Wrapper > img{
  width: 100%;
  display: block;
}

.whatWeOfferHeading > h2{
  text-align: center;
  letter-spacing: -0.5px;
  margin: 0 auto 60px;
  max-width: 800px; 
}
.whatWeOfferHeading > h2 span{
  color: #54ca70;
  display: inline;
}
.feDbSectAr{
  background: url(../images/keynius/dash-bg.svg) center top no-repeat;
  background-size: 100%;
  padding-top: 200px;
  padding-bottom: 120px;
}
.ech_dbBoxText h2{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 20px;
}

.ech_dbBoxText p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
}
.ech_dbBoxImg{
  position: relative;
  z-index: 1;
}
.ech_dbBoxImg > img{
  width: 100%;
  display: block;
}


.ech_dbBoxImg.LeftGreenSquire{
  padding-left: 54px;
  padding-top: 64px;
}
.ech_dbBoxImg.LeftGreenSquire::after{
  content: "";
  Width: calc( 100% - 84px);
  Height: calc( 100% - 27px);
  position: absolute;
  top: 0;
  left: 0;
  background: #54CA70;
  z-index: -1;
}
.ech_dbBoxText {
  max-width: 561px;
}

.ech_dbBoxImg.withBlueCircle{
    padding-right: 88px;
    padding-bottom: 66px;
}
.ech_dbBoxImg.withBlueCircle::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: #338BE5;
  Width: 222px;
  Height: 222px;
  border-radius: 50%;
  z-index: -1;
}
.ech_dbBoxImg.LeftGreenSquire.blackSqurie::after{
  background: #333333;
}

.ech_dbBoxImg.withBlueCircle.GreenCircle::after{
  background: #54CA70;
}

.ech_dbFeBox + .ech_dbFeBox {
  margin-top: 170px;
}

.download_app_sect{
  background: linear-gradient(180deg, #69E47A 0%, #60B270 100%);
  padding: 120px 0;
}
.download_app_sect h2{
  color: #FFFFFF;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 50px;
}
.download_app_sect ul li + li{
  margin-left: 20px;
}
.arInfoArlorem p{
  font-size: 20px;
  line-height: 30px;
}
.aboutMoreInfosectWrp{
  margin-top: 128px;
}

.want_more_info{
  text-align: center;
  background: url(../images/olssen/map-bg.png);
  padding: 100px 0;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  z-index: 1;
  position: relative;
}

.want_more_info.haBgsssss::after{
    mix-blend-mode: multiply;  
}
.want_more_info::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(122deg, #149DFF 6.25%, #003ECB 93.74%);
  z-index: -1;
  opacity: 0.9;
}
.want_more_info h2{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;  
  text-align: center;
  letter-spacing: -0.5px;  
  color: #FFFFFF;
  margin-bottom: 36px;
}
.want_more_info h2 span{
  color: #54ca70;
}
.tem_img_wrp {
  max-width: 500px;
}
.tem_img_wrp > img{
  width: 100%;

}
.meet_out_team{
  padding: 166px 0 73px;
}
.resellersAmi .container{
  max-width: 820px;
  width: 100%;
}
.resellersAmi{
  text-align: center;
}
.resellersAmi h2{
  font-size: 60px;
  line-height: 60px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 20px;
}
.resellersAmi p{
  font-size: 20px;
  line-height: 30px;
}

.feDbSectAr.resellersAmi{
  padding-bottom: 374px;
  position: relative;
  z-index: 1;
}
.feDbSectAr.resellersAmi::after{
  content: "";
  width: 100%;
  height: 374px;
  background: url(../images/olssen/decoration.png) center bottom no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.greenGeneralSect{
    padding: 170px 0 130px;
    background: #54CA70;
}
.greenGeneralSect h2{
  font-size: 60px;
  line-height: 80px;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.greenGeneralSect p{
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 30px;
}
.arBlueButton{
  background: #338BE5;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  padding: 17px 60px;
  font-size: 14px;
  text-transform: uppercase;
}
.arBlueButton:hover{
  background: #333;
  color: #fff;
}
.about_bannerimg{
  position: relative;
}
.wpcf7 .ajax-loader{
  position: absolute;  
}

.page-template-template_resellers .wpcf7 .ajax-loader{
    right: 210px;
}
.banner_text_wrap2{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.banner_text_wrap2 p{
  /*font-weight: 300;*/
  font-size: 20px;
  line-height: 30px;
}
.checkOurVideo {
  padding-top: 120px;
}

.video_text_ar{
  text-align: center;
  margin-top: 150px;
  position: relative;
}
.video_text_ar::before{
  content: "";
  width: 43.58px;
  height: 35.3px;
  position: absolute;
  top: -40px;
  left: 0;
  background: url(../images/about/qote.svg) no-repeat;
}
.video_text_ar::after{
  content: "";
  width: 43.58px;
  height: 35.3px;
  position: absolute;
  bottom: -19px;
  right: 230px;
  background: url(../images/about/qote.svg) no-repeat;
  transform: rotate(180deg);
}

.video_text_ar p{
  font-size: 40px;
  line-height: 55px;
  position: relative;
  margin-bottom: 30px;
}

.video_text_ar h6{
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #888381;
}

.our_vision_mision{
  padding-top: 150px;
}
.ourMissionStatement{
  margin-bottom: 40px;
  padding: 0 60px;
}
.ourVisionStatement{
  padding: 0 60px;
}
.ourMissionStatement h4, .ourVisionStatement h4{
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.5px;
  color: #333333;
}
.ourVisionStatement p, .ourMissionStatement p{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
}

.ech_fomore_text{
  padding: 20px 20px 0;
}
.ech_fomore_text h5{
  margin-bottom: 0px;

  font-weight: 500;
  font-size: 30px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #333333;
}
.foumoreRdm{
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.findOutMore.owl-carousel .owl-stage-outer .owl-stage{
  display: flex;
}
.findOutMore.owl-carousel .item{
  height: 100%;
}
.findOutMoreAbout{
  padding: 170px 0;
}
.findOutMoreAbout h3{
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #333333;
}
.findOutMoreAbout h3 span{
  color: #54ca70;
}
.each_jobs{
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  margin-top: 60px;
}
.videoWrapp video{
  width: 100%;
  object-fit: cover;
}
.videoWrapper h3 span{
  color: #54c970;
}
.videoWrapper h3 {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #333333;
}
.each_jobs_img{
  -ms-flex: 0 0 337px;
  flex: 0 0 337px;
  background: #D4EAFF;
}
.each_jobs_text{
  padding-left: 74px;
}
.each_jobs_text h5{
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
}
.each_jobs_text p{
  font-size: 20px;
  color: #333333;
  line-height: 30px;
}
.each_jobs_text .greenCommonBtn{
  margin-top: 20px;
}
.checkVideohasMb {
  margin-bottom: 90px;
}
.current_vacancies{
  margin-top: 140px;
}
.vacantGrilImg{
  background: #D4E9FF;
  text-align: center;
}
.vacantGrilImg > img{
  width: 100%;
}

.jobDescription {
  padding: 130px 0 100px;
  position: relative;
}
.jobDescription ul {
  padding-left: 24px;
}
.jobDescription ul li{
  list-style: disc outside;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0.15px;
  margin-bottom: 10px;
}
.jobDescription a{
  color: #000;
}
.jobDescription h5{
  margin-bottom: 15px;
}
.jobDescription p{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
}
.jobDescription p:not(:last-child){
  margin-bottom: 20px;
}
.jobDescription ol {
  list-style: decimal outside;
  padding-left: 20px;
}
.jobDescription ol li{
  list-style: decimal outside; 
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
}

.whatAreYouGoingTodo{
  position: relative;
  z-index: 1;
  padding: 120px 0;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}
.whatAreYouGoingTodo h5{
  margin-bottom: 25px;
  color: #FFFFFF;
}
.whatAreYouGoingTodo p{
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}
.whatAreYouGoingTodo ul{
  list-style-type: disc;
  color: #FFFFFF;
  padding-left: 30px;
  font-weight: 300;
  font-size: 20px;
}

.whatAreYouGoingTodo::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #54CA70;
  z-index: -1;
  opacity: 0.9;
}

.character_pos {
  position: absolute;
  bottom: -62px;
  right: 5%;
}
.page-template-template_info-details .info_detial_slider {
    padding-top: 60px;
}

.expectedFormUs{
  padding: 195px 0 180px;
  background-size: 100% !important;
}
.expectedFormUs p{
  /*font-weight: 300;*/
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
  margin-bottom: 20px;

}
.expectedFormUs h5{
  margin-bottom: 30px;
}
.expectedFormUs ul{
  list-style-type: disc;
  padding-left: 40px;
}
.expectedFormUs ul li{
  margin-top: 10px;
  font-size: 20px;
  line-height: 40px;
}

.each_find_out_more > img{
  width: 100%;
  display: block;
}
.lookingGirls{
  position: absolute;
  bottom: -80px;
  right: 60px;
}

.whatIsKeynius_img.kynsShowMob{
  display: none;
}
.arFilterOptions{
  display: none;
}

.arHideForall{
  display: none;
}

section.about_bannerimg.forMobile{
  display: none;
}

.storageSolutionWrp  h1{
  font-size: 80px;
  line-height: 97px;
  overflow-wrap: normal;
  word-break: keep-all;
}

.deco_stroage {
  position: absolute;
  top: -5%;
  right: 18.3333333333%;
  transform: translateY(-100%);
  width: 23.45%;
}
.arContactContent h1{
  font-weight: 800;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 1px;
}
.contact_who_we_Aretxt h1,
.contact_who_we_Aretxt h2{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 24px;
}
.ourLatestRefLeft{
  -webkit-box-flex: 0;
  width: 42.9284%;
  flex: 0 0 42.9284%;
}
.keynious_what_iskeynius_pg{
  padding: 130px 0 106px;
}
.vacencySingleContent h1{
  font-weight: 800;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 1px;
  overflow-wrap: normal;
  word-break: keep-all;
}
.page-template-template_info-details .vacencySingleContent h1{
  word-break: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.vacancyRecellers{
  padding: 221px 0 145px;
  background: url(../images/vacancies/res-bg.svg) center top no-repeat;
  background-size: 100%;
}

.vacPgRescont h3 {
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #333333;
  margin-bottom: 20px;
}

.vacPgRescont p{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
  margin-bottom: 40px;
}
.checkOurVideoVacPg {
  padding-top: 190px;
}
.aboutOlssenTxt h1{
  font-weight: 800;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 1px;
  color: #333333;
}
.aboutOlssenTxt h1 span{
  color: #54ca70;
}
.office_whyouneedlockers{
  padding: 170px 0 340px 0;
}
.msCrollWrpsss  .mCSB_scrollTools{
  opacity: 1;
}
.msCrollWrpsss .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  background: #338BE5;
  height: 17px;
  margin: 0;
}

.msCrollWrpsss .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 8px;
}
.msCrollWrpsss .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  height: 17px;
  margin: 0;
  background: rgba(255, 255, 255, 0.50);
}
.msCrollWrpsss .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 60px;
}


.collection_text_wrap{
  padding: 128px 0 80px;
}
.collection_text_decorator{
  position: relative;
  background: #fff;
  z-index: 1;
}
.collection_text_decorator p{
  background: #fff;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.collection_text_decorator::after{
  content: "";

  width: 250px;
  height: calc(100% + 100px);
  position: absolute;
  top: -52px;
  left: -90px;

  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 1px, 1px 16px;
  z-index: -1;
}
.arCategoryGroupWrpss h4{
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
}
.arCategoryCbGroup li{
  margin-top: 14px;
}
.arCategoryCbGroup li input[type="checkbox"]{
  opacity: 0;
  position: absolute;
}
.arCategoryCbGroup li label{
  position: relative;
  padding-left: 30px;
  line-height: 1.2;
  cursor: pointer;
}
.arCategoryCbGroup li label::before{
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #DADADA;
}
.arCategoryCbGroup li label::after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 1px;
  left: 3px;
  border: 1px solid #338be5;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
  transition: all ease-in-out 300ms;
  opacity: 0;
  visibility: hidden;
}
.arCategoryCbGroup li input[type="checkbox"]:checked ~ label::after{
  width: 16px;
  height: 8px;
  opacity: 1;
  visibility: visible;
}
.each_ref_box_hasborder{
  border: 1px solid #E7E7E7;
  position: relative;
}
.each_ref_box_hasborder h4{
  padding: 14px 16px 14px;
  min-height: 118px;
}
.arRefBoxHover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #54CA70;
  padding: 22px 8px 40px 20px;
  opacity: 0;
  visibility:hidden;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.each_ref_box2 img{
  height: 336px;
  object-fit: cover;
  width: 100%;
}
.each_ref_box2 a{
  display: block;
}
.each_ref_box2:hover .arRefBoxHover{
  opacity: 1;
  visibility: visible;
}
.arRefBoxHover h6{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #FFFFFF;
}
.arRefBoxHover p{
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #FFFFFF;
  margin-top: 10px !important;
}
.arRefBoxHover a {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.arCollectioneopContent{
  text-align: center;
  padding: 150px 0 66px;
}
.arCollectioneopContent p{
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  /*font-weight: 300;*/
  letter-spacing: 0.15px;
}
.arCollectioneopContent .greenCommonBtn{
  margin-top: 24px;
}
.arCollectioneopContent h5{
  letter-spacing: -0.5px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 10px;
}
.howWeTakeCare{
  background: url(../images/sustainability/sect-bg.png) no-repeat center top;
  background-size: 100%;
  padding-top: 261px;
  padding-bottom: 217px;
}
.each_csrBox:nth-child(2n+1) .each_csrbox_txt{
  padding: 0 74px;
}
.each_csrBox:nth-child(2n+2) .each_csrbox_txt{
  padding: 0 100px 0 0;
}
.each_csrbox_txt ul li, .each_csrbox_txt p{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  letter-spacing: 0.15px;
  list-style: disc;
}
.each_csrbox_txt ul{
  padding-left: 20px;
}
.each_csrbox_txt h4{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  color: #333333;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
}
.each_csrBox + .each_csrBox{
  margin-top: 170px;
}
.strage_solution_ban .resllers_txt h1  {
  font-weight: 800;
  font-size: 100px;
  line-height: 121px;
  overflow-wrap: normal;
  word-break: keep-all;
}
.arInfoEnvPep {
  text-align: center;
  margin-bottom: 200px;
}
.arInfoEnvPep h3{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
}
.howLongItstxt p{ 
  /*font-weight: 300;*/
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.howLongItstxt h3{ 
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #333333;
  margin-bottom: 20px;
}
.howLongIts{
  padding: 150px 0 ;
}
.mapMargedWrap {
  position: relative
}
.mapMargedTextar h3{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  color: #333333;
  margin-bottom: 20px;
}
.mapMargedTextar{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 843px;
  margin: 0 auto;
  transform: translateY(-50%);
}
.arMapWrap{
  width: 38.90625%;
  max-width: 747px;
  position: absolute;
  top: 9px;
  right: 0;
}
.arMapSectWithPoint{
  background: url(../images/resellers/parttern.svg) top center no-repeat;
  background-size: 100%;
  position: relative;
  padding-top: 232px;
  padding-bottom: 306px;
  /*padding-bottom: 150px;*/
}
.map_info_wrap_text h6{
  display: flex;
  align-items: center;

  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.15px;
  color: #333333;
  min-height: 56px;
}
.map_info_wrap_text h6 img{
  margin-right: 8px;
}
.map_info_wrap_text ul{
  margin-top: 20px;
}
.map_info_wrap_text ul li{
  position: relative;
  padding-left: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.15px;
}
.map_info_wrap_text ul li a{
    color: #333333;
}
.map_info_wrap_text ul li img {
  position: absolute;
  top: 4px;
  left: 0;
}

.each_map_info{
  -ms-display: flex;
  display: flex;
  margin-top: 30px;
}
.map_info_icon{
  -ms-flex: 0 0 52px;
  flex: 0 0 52px;
  position: relative;
}
.mapPointer:hover .popUpInfo{
  /* opacity: 1;
  visibility: visible;  */
}
.popUpInfo {
  position: absolute;
  width: 375px;
  bottom: 40px;
  left: -7px;
  background: #54ca70;
  padding: 20px;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -ms-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popUpInfo:after {
  content: "";
  width: 18px;
  height: 18px;
  background: #54ca70;
  position: absolute;
  bottom: -6px;
  left: 15px;
  transform: rotate(45deg);
}
.locationPanelPop{
  color: #fff;
}
.locationPanelPop img {
  margin-right: 10px;
}
.popUpInfo h4 {
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(255 255 255 / 20%);
  margin-bottom: 10px;
}
.popUpInfo h4 img{
  max-height: 40px;
  max-width: 100px;
}
.popUpInfo p a{
  color: #fff;
  text-decoration: underline;
}
.arMapPonitWithwrp > p{
  font-weight: 300;
  font-size: 25px;
  line-height: 40px;
}
.map_info_wrap_text p{
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.15px;
  color: #333333;
}
.arMapPonitWithwrp h3{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
.popUpInfo2 {
  position: absolute;
  top: -30px;
  left: 50%;
  background: #338BE5;
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  transform: translate(-50%, -100%);
  opacity: 0;
  visibility: hidden;
}
/* .mapPointer:hover .popUpInfo2, */
.mapIconInnr:hover .popUpInfo2{
    opacity: 1;
    visibility: visible;
}
.reslersForm{
  background-size: 49.89%;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #54CA70;
  padding: 84px 0;
}
.reslelersWrap h3{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;  
  letter-spacing: -0.5px;
  color: #FFFFFF;
}
.reslelersWrap p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.resllersInput{
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  border-radius: 8px;
  height: 56px;
  width: 100%;
  padding: 0 22px;
}
.resllersTextarea{
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  border-radius: 8px;
  resize: none;
  width: 100%;
  padding: 18px 22px;
}
.reslelersWrap .form-group{
  margin-bottom: 20px;
}
.blackButtonar{
  background: #333333;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  padding: 19px 60px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
  border: none;
}
.darkWanttoKnowMore{
  background: url(../images/resellers/oassThrowh.jpg) right center;
  padding: 120px 0;
  background-size: cover;
}
.darwantRajashtxt{
  text-align: center;
}
.darwantRajashtxt h3{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;  
  letter-spacing: -0.5px;
  color: #FFFFFF;
  margin-bottom: 18px;
}
.each_info_center{
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.info_center_txt {
  flex: 0 0 auto;
  width: 387px;
}

.info_cener_img {
  flex: 1 0 0;
  position: relative;
  z-index: 1; 
}
.info_center_txt + .info_cener_img {
  margin-left: -22px;
}
.info_cener_img:first-child{
  margin-right: -22px;
  position: relative;
  z-index: 1;
}
.info_center_txt ul li a{
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;  
  letter-spacing: 0.75px;
  text-transform: uppercase;  
  color: #338BE5;
}
.info_center_txt ul li + li{
  margin-top: 17px;
}
.info_center_txt ul{
  margin-top: 30px;
}

.info_center_txt{
  padding: 34px;
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 2px, 2px 16px;
  height: 386px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.left_side_info_text .info_grass{
  position: absolute;
  bottom: 0;
  left: 4px;
  transform: translateX(-100%);
}
.right_side_info_text .info_grass{
  position: absolute;
  bottom: 0;
  right: 4px;
  transform: translateX(100%);
}
.info_center_wrap{
  padding: 192px 0;
}
.each_info_center + .each_info_center{
    margin-top: 136px;
}

.info_cener_img + .info_center_txt{
  padding-left: 50px;
}

.for_mob_image{
  display: none;
}
.infoCenterInner_ban_sm{
  display: none;
}
.each_items_conidtions{
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 2px, 2px 16px;
  padding: 34px 20px 64px;
  position: relative;
}
.each_items_conidtions .rdmoreTrmCond{
  position: absolute;
  bottom: 0;
  right: 20px;
  padding: 20px;
}
.each_items_conidtions h5{
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;  
  letter-spacing: -0.5px;
  color: #333333;

}

.each_items_conidtions p{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #333333;
}

.lSGallery li.active a{
  position: relative;
}
.lSGallery li.active a:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 5px solid #149DFF;
}
.gallery .item img{
  width: 100%;
  display: block;
}
.lSSlideWrapper{
  margin-bottom: 30px;
}


.for_mobiless{
  display: none;
}
.for_mobiless img{
  width: 100%;
  display: block;
}

.for_mobiless ul li + li{
    margin-top: 16px;
}
.mobile-image {
  display: none;
}
.features-secmobile {
  display: none;
}


.page-template-template_resellers .strage_solution_ban .greenCommonBtn,
.page-template-template_vacancies .strage_solution_ban .greenCommonBtn{
  margin-top: 30px;
}
.info_detial_slider{
  padding-bottom: 40px;
}

.page-template-template_info-details .arCollectioneopContent, 
.page-template-template_info-details .contact-sec{
  display: none;
}

.error404 .contact-sec, .error404 .arCollectioneopContent, .error404 .brand-sec{
  display: none;
}
.error-404{
  padding: 80px 0;
}
.not_found_text h2{
  font-family: Cerebri Sans Pro;
  font-style: normal;
  font-weight: 800;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 1px;
  color: #333333;
}

.not_found_text h4{
  font-family: Cerebri Sans Pro;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #333333;
  margin-bottom: 30px;
}

.not_found_text p{
  font-family: Cerebri Sans Pro;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;
  margin-bottom: 40px;
}
.not_found_text p a{color: #333333;}
.not_found_text ul li + li{
  margin-left: 23px;
}

.not_found_text .greenCommonBtn, .not_found_text .greenCommonBtn_invert{
    padding: 19px 40px;
}

.solutions_mobile_carousel .owl-dots{
  margin-top: 30px;
}
.solutions_mobile_carousel .owl-dots button.owl-dot.active {
    border: 3px solid #54ca70 !important;
    background-color: #54ca70;
}
.solutions_mobile_carousel .owl-nav button.owl-prev {
  left: -16px;
}
.solutions_mobile_carousel .owl-nav button.owl-next {
  right: -16px;
}
.blueBannerImgAr{
  width: 76.14%;
  margin-left: auto;
  display: block;
}

.greenGradientBanner{
  position: relative;
  z-index: 1;
}

.greenGradientBanner::after{
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #0081E9 25.46%, rgba(0, 129, 233, 0.9) 32.14%, rgba(0, 129, 233, 0) 55.14%);
    height: 100%;
}


.page-template-template_info-details .each_items_conidtions h5{
  min-height: 60px;
}
.page-template-template_info-details .info_detial_slider h3{
  font-size: 40px;
  margin-bottom: 30px;
} 
.page-template-template_info-details .owl-carousel .owl-stage{
  display: -ms-flexbox;
  display: flex;
}
.page-template-template_info-details .owl-carousel .owl-stage .item{
  height: 100%;
}
.page-template-template_info-details .each_items_conidtions{
  height: 100%;
}


/*//customSlectar*/

.arSelectWrapper{
  position: relative;
}
.arSelectWrapper.locker_cnt_wrap::before {
  display: none;
}
.arSelectWrapper .selectedElem {
  width: 100%;
  white-space: nowrap;
  background: #fff;
  height: 56px;
  line-height: 56px;
  padding: 0 20px 0 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  background: url(../images/contact/angle-down.svg) #fff right 14px center no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888381;
  font-size: 16px;
}

.selectedElem.solution_filter {
  border-radius: 8px 0px 0px 8px;
}
.checkboxesWrap {
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 8px 8px;
  padding: 10px 0;
  display: none;
  width: 220px;
  top: 87%;
}
.checkboxesWrap ul li label{
  padding: 6px 10px 6px 30px;
  display: block;
  position: relative;
  white-space: nowrap;

}
.checkboxesWrap ul li input[type="checkbox"]{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkboxesWrap ul li label span:before{
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid #dadada;
  position: absolute;
  top: 8px;
  left: 8px;
}
.checkboxesWrap ul li label span:after{
  content: "";
  width: 9px;
  height: 16px;
  border: 1px solid #0145cf;
  position: absolute;
  top: 5px;
  left: 16px;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;  
}
.checkboxesWrap ul li label input[type="checkbox"]:checked ~ span:after{
  opacity: 1;
}


.whsol_you_interest .row .col-lg{
  -ms-flex: 0 0 calc((100% - 228px)/3);
  flex: 0 0 calc((100% - 228px)/3);
  max-width: calc((100% - 228px)/3);
}


.morePgDecoration{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.relative{
  position: relative;
}

.page-template-template_more .office_whyouneedlockers:after{
  content: "";
  width: 100%;
  height: 50px;
  background: #54ca70;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
}
.page-template-template_extra-functionalities .header .mobile-menu-btn .toggler-icon {
    background-color: #ffffff;
}

.single-lockeroplossingen .header{
   background: #333333 !important;
} 
.single-lockeroplossingen .navbar-nav .menu-item a{
    color: #ffffff;
}

.single-lockeroplossingen .header .mobile-menu-btn .toggler-icon {
    background-color: #fff;
}

.page-template-template_references .header{
    --headerBg: #fff;
    --navActiveBg: #54CA70;
    --navcolor: #333333;
    --toggleBtnColor: #333; 
    border-bottom: 1px solid #ECECEC; 
}




.category .header {
  background: #333;
}
.category .navbar-nav .menu-item a{
  color: #ffffff;
}
.category .menu-item.flag-submeanu a i {
    color: #ffffff;
}
.category .header .mobile-menu-btn .toggler-icon{
  background-color: #fff;
}
.page-template-template_sustanability .header .mobile-menu-btn .toggler-icon{
  background-color: #fff;
}

.arInfoLockerWrapper{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -60px;
  margin-top: 60px;
  margin-bottom: 40px;
}
.arInfoLockerWrapper li a{
  background: #54ca70;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  padding: 19px 30px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
  min-width: 225px;
  text-align: center;
  font-weight: 500;
}
.arInfoLockerWrapper li a:hover{
  background: #333;
}
.arInfoLockerWrapper li + li{
  margin-left: 20px;
}
.arInfoLockerWrapper li{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  margin-bottom: 20px;
}

.each_extra_funTns {
  background: #FFFFFF;
  border: 2px solid #F1F1F1;
  padding: 30px 22px 30px 32px;
  height: 100%;
  position: relative;
}
.extraHoverTxt p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
} 
.extraHoverTxt{
    width: 100%;
}
.each_extra_funTns h5{
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
  margin-top: 20px;
  margin-bottom: 10px;

}

.page-template-template_extra-functionalities .col-lg-4:last-child .each_extra_funTns h5 {
  min-height: 80px;
}

.arExtraFunSection .col-lg-8 .col-lg-4{
  margin-top: 32px;
  --bs-gutter-x: 32px;
}

.arExtraFunWrapper h3{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #333333;
  margin-bottom: 15px;
}
.arExtraFunWrapper p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.15px;
  color: #333333;
}

.arExtraFunSection{
  padding: 120px 0;
  margin-bottom: 80px;
}

.page-template-template_extra-functionalities .office_whyouneedlockers .right_details {
  margin-bottom: 60px;
}

.page-template-template_looking-for-solution .white_heading_inr{
    max-width: 991px;
    margin: 0 auto;
}

.our-collection-template-default .arBreadCrumbsss li a, .our-collection-template-default .arBreadCrumbsss li span{
    color: rgba(0, 0, 0, 0.3);
}

.each_relevant_sol{
  border: 2px solid #E5E5E5;
  padding: 30px;
  background: #fff;
}
.refferalHeaingar{
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  color: #333333;
  margin-bottom: 50px;
}
.tellMeMore{
  background: #54ca70;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  padding: 19px 40px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
}
.tellMeMore:hover{
  background: #333;
  color: #fff;
}
.each_relevant_sol h5{
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #333333;
  margin-bottom: 20px;
}
.each_relevant_sol p{
  /*font-weight: 300;*/
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #333333;
  margin-bottom: 30px;
}
.page-template-template_extra-functionalities .office_whyouneedlockers {
  padding: 170px 0 510px 0;
}
.arCollapseIcon{
  display: none;
}


.infoNeed_forJob{
  padding: 60px 0;
  background: #f2f2f2;
}
.infoNeed_forJob h5{
  color: #333;
  margin-bottom: 20px;
}
.infoNeed_forJob p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #333333;

  margin-bottom: 24px;
}
.infoNeed_forJob p a{
  color: #000;
  text-decoration: underline;
}
.arBannerContentInfo{
  margin-top: 80px;
}

.arBannerContentInfo p, .arBannerContentInfo{
  font-weight: 300;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #333333;
}
.keyniusHeading h1{
  color: #fff;
}
.page-template-template_references .blueBannerImgAr{
  width: 100%;
}

.arCategoryCbGroup a{
  color: #000;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button#wt-cli-accept-all-btn{
  background-color: #044dd4 !important;
}

.collectie-template-default .arSingleRefference{
    padding-top: 80px;
}

.wp-menu-img-before img {
     margin-right: 0px; 
}
.mobile_logo{
  display: none;
}
#carouselExampleCaptions3 .carousel-indicators{
  display: none;
}

.arPartnerSlider  {
  display: none !important;
}

.discoverCarousel  .owl-nav{
    display: block;
}
.discoverCarousel .owl-dots{
    display: none;
}

.refferenceSlider .owl-nav{
  display: block;
}
.refferenceSlider .owl-dots{
  display: none;
}

.refferenceSlider .owl-dots button.owl-dot.active {
    border: 3px solid #54ca70 !important;
    background-color: #54ca70;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button#wt-cli-accept-all-btn{
    width: 150px;
    background-color: #54ca70 !important;
    padding: 16px 0px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.75px;
    font-weight: 500;
    vertical-align: middle;
}

.cli-style-v2 .cli-bar-message{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.15px;
    color: #333;
}
.cli-style-v2 a{  
  color: #54ca70;
}
.mobileGridTerms{
  display: none;
}

.page-template-template_branch_details .offices_features_ar h4 {
    min-height: 80px;
}
.page-template-template_resellers .arBreadCrumbsss li+li:before{
  background: #ffffff;
}

.page-template-template_extra-functionalities .each_funTns_img {
    display: flex;
    min-height: 187px;
    align-items: flex-end;
    justify-content: center;
}

.lSAction > .lSPrev {
    background-image: url(../images/icons/arrow-left.svg) !important;
    background-repeat: no-repeat;
    background-color: #338be5;
    opacity: 1;
    background-position: center !important;
    border-radius: 8px;
    z-index: 1;
}

.lSAction > .lSNext {
    background-image: url(../images/icons/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-color: #338be5;
    opacity: 1;
    background-position: center !important;
    border-radius: 8px;
    z-index: 1;
}

.collection-template-default .arSingleRefference{
  padding-top: 60px;
}
.single-locking-solutions .header {
    background: #333;
}
.single-locking-solutions .menu-item.flag-submeanu a i {
    color: #ffffff;
}
.weareOlssenTxt{
  width: 63.5714%;
  margin: 0 auto;
  text-align: center;
}
.weareOlssenTxt h2{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.5px;
}

.footerAppStore li + li{
  margin-top: 22px; 
}

.page-template-template_looking-for-solution .brand-sec{
  padding-top: 0;
}
.branch_dropdown ul li a:hover{
  color: #fff !important;
}


.navigation ul li span.currentPage {
    border: 1px solid #54CA70;
    border-radius: 4px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    background-color: #54CA70;
    line-height: 29px;
}

.navigation ul li a {
    border: 1px solid #888381;
    border-radius: 4px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #888381;
}

.navigation .wp-paginate li + li{
    margin-left: 9px;
}
.navigation .wp-paginate {
  align-items: center;
}

.navigation .wp-paginate .title {
    color: #333;
    margin-right: 4px;
    font-weight: 500;
    font-size: 18px;
}

.page-template-template_resellers .strage_solution_ban > picture,
.page-template-template_vacancies .strage_solution_ban > picture,
.blogPage_bnr > picture{
    width: 35.88%;
    display: block;
    margin-left: auto;
    margin-right: 215px;

}
.page-template-template_resellers .strage_solution_ban,
.page-template-template_vacancies .strage_solution_ban,
.co2_banner{
  background: #3A3A3A;
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.page-template-template_resellers .strage_solution_ban:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #302C2B 15.1%, rgba(56, 53, 52, 0.98) 28.21%, rgba(75, 73, 73, 0) 55.14%);
  z-index: -1;
}

.page-template-template_software .arBlackGradientBanner:after{
  display: none; 
}

.page-template-template_software .arBlackGradientBanner > picture{
  display: block;
  width: 66.87%;
  margin-left: auto;
}

.page-template-template_software .arBlackGradientBanner{
  padding: 30px 0;
}

.page-template-template_info-details .generalTemsBnImg,
.page-template-template_download .generalTemsBnImg,
.page-template-template_cookiestatement .generalTemsBnImg{
  background: #FFFFFF;
  border: 2px solid #E7E7E7;
}

/*.page-template-template_branch .whatWeOfferToYou.pb-100{
  padding-bottom: 16px;

}*/
.page-template-template_keynius .features_and_functions{
    margin-bottom: 0px;
}

.home_video_wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.home_video_wave > img{
  width: 100%;
  display: block;
}
.system_dropdown .card.card-dropdown { width: 60%;}
.system_dropdown.products_dropdown .card.card-dropdown{ width: 60%;}
/*============ section page ===============*/

  .sentence_section{
    padding: 80px 0;
  }
  .sentence_section h3{
    font-weight: 500;
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    letter-spacing: -0.5px;
  }

/*============ section page end ===============*/
/*============ Hardware page ===============*/
.hardware_about_info{
  padding: 170px 0 86px;
}
.arTempHardwareList{
  display: -ms-flex;
  display: flex;
  margin: 0 -11px;
}
.arTempHardwareList li{
  -webkit-box-flex: 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding: 0 11px;
}
.arTempHardwareList li a, .arTempHardwareList li span{
  background: #338BE5;
  border-radius: 13.1308px;
  display: block;
  width: 100%;
  text-align: center;
  padding: 54px 0 36px;
}
.arTempHardwareList li h6{
  color: #FFFFFF;
  margin-top: 26px;
   font-size: 19.6961px;
  line-height: 23px;
  font-weight: 400;
}
.ech_hardware_icon{
  min-height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hardware_middle_sect{
  padding: 240px 0 0px;
  background: url(../images/hardware-carve.svg) no-repeat;
  background-size: 100%;
}
.each_middle_hardware h4{
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.5px;
  margin-bottom: 17px; 
}
.each_middle_hardware p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
}
.arInfoWrapper__{margin-bottom: 100px;}
.arInfoWrapper {
    width: calc( 100% + 180px );
    margin-left: -90px;
}

.arInfoWrapper img{
  width: 100%;
}
.hardware_diagrame_title h2{
  font-weight: 800;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 1px;
  color: #333333;
  margin-bottom: 16px;
}
.hardware_diagrame_title p{
 font-weight: 500;
font-size: 25px;
line-height: 28px;
letter-spacing: -0.352984px;
color: #54CA70;
}
.hardware_solutions_diagrame{
  padding: 220px 0 68px;
  background: url(../images/hardware-carve.svg) no-repeat;
  background-size: 100%;
}
.hardware_headingInfoAr{
  margin-bottom: 150px;
}
.hardware_headingInfoAr h3,
.batteryTestamonial_sec h2,
.batteryCta_head h2{
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #333333;
}

/*============ Hardware page End ===============*/

/*============ Software page Start ===============*/
.software_middle_sect {
    padding: 240px 0 0px;
    background: url(../images/hardware-carve.svg) no-repeat;
    background-size: 100%;
} 
.software_middle_sect{
  padding-bottom: 50px;
}

.each_templateSystem{
  background: #54CA70;
  text-align: center;
  padding: 70px 15px 100px;
  border-radius: 16px;
}
.each_templateSystem h5{
  color: #FFFFFF;  
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
  margin-top: 40px;
}
.system_icon {
  text-align: center;
  height: 224px;
  align-items: flex-end;
  display: flex;
  justify-content: center;
}
.system_icon img{
  width: 205px;
}
.touchMeBtn{
  background: #333333;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding: 10px 40px;
  color: #fff;
  margin-top: 16px;
}

.arTemplateSystem{
  padding-top: 124px;
}
.otgs-development-site-front-end{
  display: none !important;
}
.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal{
  display: none;
}
/* ========== */

.lockerSoft_tab{
  padding: 65px 0;
}
.lockerSoft_tab .container-fluid,
.integrate_part .container-fluid{
  padding-left: 5%;
  padding-right: 5%;
}
.lockerSoft_tab h2{
  color: #000;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2rem;
}
.lockerSoft_tab .integrations_info {
  --bs-gutter-x: 3.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y)* -1);
  margin-right: calc(var(--bs-gutter-x)* -.5);
  margin-left: calc(var(--bs-gutter-x)* -.5);
}
.lockerSoft_tab .integrations_info>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-top: var(--bs-gutter-y);
}

/* Tab Styling */
.lockerSoft_tab .tab-menu{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
  height: 100%;
}
.integrations_info .tab-menu .tab-link {
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 125px;
  cursor: pointer;
  position: relative;
}
.integrations_info .tab-menu .tab-link:not(.active){
  background: #F9F9F9;
}
.integrations_info .tab-menu .tab-link > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  transition: all 600ms ease;
}
.integrations_info .tab-menu .tab-link.active{background: #54CA70;}
.integrations_info .tab-menu .tab-link.active .black_v,
.integrations_info .tab-menu .tab-link .light_v{opacity: 0;}
.integrations_info .tab-menu .tab-link.active .light_v{opacity: 1;}
.lockerSoft_tab .tab-main-box {}
.integrations_info .tab-box {
  display: none;
}
.lockerSoft_tab .card_box{
  background: #54CA70;
  padding: 35px;
}
.lockerSoft_tab .brand_part{padding-bottom: 30px;}
.integrations_info .tab-box p,
.integrate_part p{
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  font-family: "Cerebri Sans Pro", Sans-serif;
  font-weight: 300;
}
.integrations_info .tab-box .btn {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 32px;
  text-transform: uppercase;
  background-color: #2F3235;
  border: 0;
  border-radius: 8px;
  padding: 10px 35px;
  margin-top: 1.5rem;
}
.integrate_part{
  background: #333333;
  padding: 35px 0;
  /* display: none; */
}
body.page-id-4110 .lockerSoft_tab,
body.page-id-4110 .integrate_part,
body.page-id-8279 .lockerSoft_tab,
body.page-id-8279 .integrate_part,
body.page-id-4078 .contactMap_info,
body.page-id-8443 .contactMap_info{
  display: none;
}
.integrate_part h3{
  color: #ffffff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2rem;
}
.integrate_part .btn {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 32px;
  text-transform: uppercase;
  background-color: #54CA70;
  border: 0;
  border-radius: 8px;
  padding: 10px 35px;
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  .lockerSoft_tab .tab-menu{max-width: 60%;}
  .lockerSoft_tab .tab-main-box {max-width: 40%;}
}
@media screen and (min-width: 1024px) {
  .lockerSoft_tab .tab-menu{}
  .lockerSoft_tab .tab-main-box {}
}
@media screen and (max-width: 991px) {
  .lockerSoft_tab .tab-menu{grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 767px) {
  .lockerSoft_tab .tab-menu{grid-template-columns: repeat(3, 1fr);}
  .integrations_info .tab-menu .tab-link{
      height: 100px;
  }
  .lockerSoft_tab .integrations_info {
      /* flex-direction: column; */
  }
  .lockerSoft_tab .tab-menu,
  .lockerSoft_tab .tab-main-box {
      /* display: contents; */
  }
}

/*============ Software page End ===============*/

.productPayment_list{}
.productPayment_list .each_middle_hardware + .each_middle_hardware{
  padding-top: 45px;
}
/*============ Payment page End ===============*/



/*================================
      My Stylesheet(03 Feb 22) 
 =================================*/

  /* keynius pages UI start */

.referenceBnr_sec{
  position: relative;
  padding-top: 150px;
}
.referenceBnr_sec .blueBannerImgAr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.referenceBnr_sec .banner_text_wrap {
  position: relative;
  top: 0;
  transform: none;
  width: 100%;
  z-index: 1;
}
.referenceBnr_sec .all_out_project{
  padding-top: 45px;
  position: relative;
}
.referenceBnr_sec .all_out_project .each_ref_box2{ margin-bottom: 45px;}
.referenceBnr_sec .all_out_project .each_ref_box2 img {
  height: 600px; 
}
.referenceBnr_sec .all_out_project .each_ref_box2 h2{
  color: #333333;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-top: 25px;
}
.referenceBnr_sec .all_out_project .each_ref_box2 h4{
  font-weight: 300;
}
.referenceBnr_sec .all_out_project .each_ref_box2 p{
  font-size: 14px;
  margin-top: 0;
}
.referenceBnr_sec h1{
  overflow-wrap: normal;
  word-break: keep-all;
}

/* Pagination */
.page-template-template_references .arPagination{
  margin-top: 0px;
}
.arPagination .wp-paginate.font-inherit {
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.arPagination ol.wp-paginate li {
  line-height: 1;
}
.arPagination .wp-paginate li + li {
  padding-left: 13px;
}
.arPagination .wp-paginate .current {
  background: #54CA70;
  border: 1px solid #54CA70;
}
.arPagination .wp-paginate a,
.arPagination .wp-paginate .current {
  padding: 0;
  width: 40px;
  height: 40px;
  font-weight: 300;
  font-size: 20px;
  border: 1px solid #888381;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0;
}
.arPagination .wp-paginate a {
  background: #fff;
}

.referanceFilter_part{
  padding-bottom: 45px; 
}
.referanceFilter_part .card {
  /* background: #fff; */
  background: transparent;
  border: none;
  border-radius: 0px;
  /* padding: 45px 25px; */
}
.referanceFilter_part .referanceFilter_head{
  padding-bottom: 2rem;
}
.referanceFilter_head h3 {
  color: #333333;
  font-size: 36px;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #54CA70;
  padding-bottom: 5px;
}
.referanceFilter_head h3 svg{height: 28px;}
.referanceFilter_head .btn{
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 1.5;
  background-color: var(--headerBtnBg, #54ca70);
  border: 0;
  border-radius: 8px;
  padding: 10px 35px 8px;
}
.referanceFilter_cont{}
.referanceFilter_cont h4{
  color: #000000;
  font-size: 22px;
  font-weight: 700;
}
.branches_list{
  display: grid;
  gap: 15px;
  padding-top: .75rem;
}
.branches_list .form-check .form-check-input{
  /* background-color: #F2F2F2;
  border-color: #F2F2F2; */
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.branches_list .form-check-input:checked[type=radio]{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2354CA70'/%3e%3c/svg%3e");
}
.branches_list label {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
}

.custom-pagination {
  display: flex  ;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 0;
}
.custom-pagination li + li{
  margin-left: 13px;
}
.custom-pagination a {
  color: #666;
  font-weight: 300;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #888381;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;  
  padding: 0;
  margin: 0;
}
.custom-pagination a:hover {
  background-color: #f0f0f0;
}
.custom-pagination .active {
  background-color: #4CAF50;
  color: white;
  border-color: #4CAF50;
}

@media only screen and (min-width: 1024px){
  .branches_list{ grid-template-columns: repeat(5, 1fr);}
}
@media only screen and (max-width: 768px){
  .lockerSoft_tab h2,
  .integrate_part h3{font-size: 30px;}
  .branches_list{ grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 640px){
  .referanceFilter_part .card{ padding: 1rem;}
  .branches_list{ grid-template-columns: repeat(2, 1fr);}
}

/*============ PAGE:: end Reference ===============*/

.referenceBnr_detail{
  position: relative;
}
.referenceBnr_detail .singleRefference {
  width: 76%;
  display: block;
  margin-left: auto;
}
.referenceBnr_detail .inner_header_text2 {
  position: var(--innerHeaderTextPostion, absolute);
  top: 40%;
  left: 0;
  right: 0;
  transform: translateY(var( --innerHeaderTextTrns, -40%));
  z-index: 1;
}
.referenceBnr_detail:after {
  content: "";
  width: 60.41%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #ECECEC 53.52%, rgba(11, 116, 232, 0) 95.99%);
  height: 100%;
  display: var( --innrHeadOverDisplay, block);
}
.referenceBnr_detail .hero-content .arBreadCrumbsss li a,
.referenceBnr_detail .hero-content .arBreadCrumbsss li span{
  color: #333;
}
.referenceBnr_detail .hero-content h1 {
  color: #333333;
  font-weight: 500;
}
.referenceBnr_detail .hero-content p {
  color: #333333;
}
.single-reference .refferenceSlider.owl-carousel .owl-nav button{
  background: #54CA70 !important;
}
.single-reference .refferenceSlider.owl-carousel .owl-nav button span{
  display: none;
}
.single-reference .refferenceSlider.owl-carousel .owl-nav button::before{
  position: absolute;
  line-height: 8px;
}
.single-reference .refferenceSlider.owl-carousel .owl-nav button.owl-prev::before{
  content: url(../images/arrow_fat_lt.svg);
}
.single-reference .refferenceSlider.owl-carousel .owl-nav button.owl-next::before{
  content: url(../images/arrow_fat_rt.svg);
}
/*============ PAGE:: end Reference Details ===============*/

.page-template-template_vacancies .strage_solution_ban,
.blogPage_bnr,
.co2_banner {
    background: #3A3A3A;
    padding: 100px 0;
    position: relative;
    z-index: 1;
}
.page-template-template_vacancies .strage_solution_ban:after,
.co2_banner{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* background: linear-gradient(180deg, #302C2B 15.1%, rgba(56, 53, 52, 0.98) 28.21%, rgba(75, 73, 73, 0) 55.14%); */
  background: linear-gradient(21.16deg, #161616 25.73%, rgba(65, 65, 65, 0) 102.78%), #3A3A3A;
  z-index: -1;
}
.page-template-template_vacancies .strage_solution_ban p{
  /* font-weight: 200;
  opacity: 0.5; */
}
.page-template-template_vacancies .each_jobs_img{
  text-align: center;
  background: #ECECEC;
  padding: 45px 15px 0 15px;
}
.page-template-template_vacancies .each_jobs_text{
  padding: 1rem 2rem;
}
.page-template-template_vacancies .each_jobs_text .greenCommonBtn{
  padding: 20px 50px 18px;
}
/*============ PAGE:: end Vacancies ===============*/

.single-job .header,
.single-blog .header {
  --headerBg: #fff;
  --navActiveBg: #54CA70;
  --navcolor: #333333;
  --toggleBtnColor: #333;
  border-bottom: 1px solid #ECECEC;
}
.singleJob_bnr{
  position: relative;
}
.singleJob_bnr:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #FFFFFF 26.61%, rgba(255, 255, 255, 0) 100%), #ECECEC;
  height: 100%;
  display: var( --innrHeadOverDisplay, block);
}
.singleJob_bnr .vacantGrilImg{
  background: none;
  margin: 0px;
}
.singleJob_bnr .vacantGrilImg > img{
  height: 500px;
}
.singleJob_bnr .singleVacBanner {
  position: relative;
  z-index: 1;
}
.singleJob_bnr .singleVacBanner h1{
  font-weight: 500;
}
.single-job .whatAreYouGoingTodo::after,
.single-blog .whatAreYouGoingTodo::after{
  background: #333333;
}
.single-job .whatAreYouGoingTodo,
.single-blog .whatAreYouGoingTodo{
  background-repeat: no-repeat;
}
.single-job .whatAreYouGoingTodo ul p,
.single-blog .whatAreYouGoingTodo ul p{
  line-height: 40px;
  margin: 0;
}
.single-job .expectedFormUs{
  position: relative;
}
.single-job .character_pos,
.single-blog .character_pos{
  left: 5%;
  right: auto;
  bottom: -120px;
  z-index: 1;
}
.single-job .jobDescription ul,
.single-blog .jobDescription ul{
  padding-left: 30px;
}
/*============ PAGE:: end Vacancies Details ===============*/

.system_dropdown.about_dropdown .card.card-dropdown {
  /* width: 15.33333333333333%; */
}
.system_dropdown.about_dropdown .card.card-dropdown li:nth-child(2) img,
.system_dropdown.about_dropdown .card.card-dropdown li:nth-child(4) img {
  max-width: 85%;
}
/* .about_dropdown .card.card-dropdown ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  border: none;
}
.about_dropdown .card.card-dropdown ul li {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
}
.branch_dropdown .card.card-dropdown ul li {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  margin: 0;
  max-width: 20%;
} */
/* ===== */

.about_bnr {
  background: #302C2B;
  padding: 45px 0 0px;
  z-index: 1;
}
.about_bnr.strage_solution_ban > picture{
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: 15px;
  position: relative;
  transform: translateY(25px);
  z-index: 2;
}
.about_bnr .decoration3 {
  position: absolute;
  bottom: 65px;
  left: 33.49%;
}
.about_bnr .decoration3 img{
  max-height: 285px;
}
/* ===== */

.our_vision_mision .box + .box{
  margin-top: 20px;
}
.page-template-template_about .features_and_functions{
  padding-top: 0px;
}
.page-template-template_about .lookingforSol_wwotu .whatWeOfferHeading::before,
.page-template-template_about .lookingforSol_wwotu .whatWeOfferHeading::after{
  top: -35px;
  background: #338BE5;
}
.lookingforSol_wwotu .focus_list{
  padding-top: 65px;
}
.page-template-template_about .whatWeOfferHeading > h3{
  font-size: 60px;
  max-width: 1140px;
}
/* ===== */

.about_solution{
  background: #3A3A3A;
  padding: 100px 0;
  position: relative;
}
.about_solution .banner_text_wrap{
  position: static;
  transform: none;
}
.about_solution .banner_text_wrap h3{
  color: #ffffff;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
/* ===== */

.page-template-template_about .all_out_project .each_ref_box2 h2 {
  color: #333333;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-top: 25px;
}
.page-template-template_about .all_out_project .each_ref_box2 p {
  font-size: 14px;
  margin-top: 0;
}
.page-template-template_about .all_out_project .each_ref_box2 h4 {
  font-size: 20px;
  font-weight: 300;
}
.page-template-template_about .refferenceSlider.owl-carousel .owl-nav button {
  background: #54CA70 !important;
}
.page-template-template_about .refferenceSlider.owl-carousel .owl-nav button span {
  display: none;
}
.page-template-template_about .refferenceSlider.owl-carousel .owl-nav button::before {
  position: absolute;
  line-height: 8px;
}
.page-template-template_about .refferenceSlider.owl-carousel .owl-nav button.owl-prev::before {
  content: url(../images/arrow_fat_lt.svg);
}
.page-template-template_about .refferenceSlider.owl-carousel .owl-nav button.owl-next::before {
  content: url(../images/arrow_fat_rt.svg);
}
/* ===== */

.term_condition{}
.page-template-template_about .vacPgRescont p,
.term_condition .vacPgRescont p{
  font-weight: 300;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: 0.5px;
}
.term_condition .greenCommonBtn{
  line-height: 1;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -moz-box-align: center;
  align-items: center;
  justify-content: center;
}
/*============ PAGE:: end About Us ===============*/

.partners_meet{
  padding-bottom: 100px;
}
.partners_meet .arMapPonitWithwrp{
  width: 100%;
}
.partners_meet .arMapWrap{
  width: 100%;
  max-width: 100%;
  position: relative;
  top: 0px;
}
.partners_head{
  text-align: center;
  padding-bottom: 25px;
}
.partners_head p{
  font-weight: 300;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: 0.5px;
}
.partners_list{
  padding-bottom: 85px;
}
.partners_list .each_map_info{
  background: #ECECEC;
  border-radius: 16px;
}
.partners_list header{
  border-bottom: 1px solid #C4C4C4;
}
.partners_list h5{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  gap: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}
.partners_list h6{
  font-weight: 700;
  font-size: 25px;
  line-height: 28px;
}
.partners_list ul li a{
  text-decoration: underline !important;
}
.partners_list ul li img {
  max-width: 20px;
  padding-right: 5px;
}
.partners_list ul li:last-child img{
  top: 10px;
}
/* ===== */

.partners_meet .arMapWrap > img{
  width: 100%;
}
.partners_meet .mapPointer .pin_icon{
  -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.partners_meet .mapPointer:hover .pin_icon{
  -moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.partners_meet .popUpInfo.mapCont_show{
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}
.partners_meet .popUpInfo h4{
  position: relative;
}
.partners_meet .popUpInfo .btn-close {
  position: absolute;
  top: 5px;
  right: 5px;
  background-size: 8px;
  opacity: 1;
}
.mapPointer {
  position: absolute;  
  transform: translate(-50%, -14px);  
  cursor: pointer;
}
.mapPointer:hover{
  z-index: 2;
}
.popUpInfo.mapCont_show{
  z-index: 2;
}
.partners_meet .popUpInfo .locationPanelPop{
  font-size: 14px;
  -moz-box-align: center;
  align-items: center;
}
.partners_meet .popUpInfo h4 {
  justify-content: flex-start;
  gap: 10px;
}
.partners_meet .popUpInfo p{
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: .5rem;
}
.mapPointer1 {
  /* top: 56%;
  left: 41%;  */
  bottom: 7%;
  right: 10%;
}
.mapPointer1 .popUpInfo,
.mapPointer9 .popUpInfo{
  left: auto;
  right: -13px;
}
.mapPointer1 .popUpInfo:after,
.mapPointer9 .popUpInfo:after {
  left: auto;
  right: 15px;
}
.mapPointer2 {
  /* top: 56%;
  left: 51%; */
  top: 27%;
  left: 47.6%;
}
.mapPointer3 {
  /* top: 86%;
  left: 12%; */
  top: 26%;
  left: 50%;
}
.mapPointer4 {
  /* top: 71%;
  left: 55%; */
  top: 30%;
  left: 52%;
}
.mapPointer5 {
  /* top: 68%;
  left: 35%; */
  top: 45%;
  left: 70%;
}
.mapPointer6 {
  /* top: 58%;
  left: 66%; */
  top: 23%;
  left: 46%;
}
.mapPointer7 {
  /* top: 65%;
  left: 77%; */
  top: 27%;
  left: 49%;
}
.mapPointer8 {
  top: 27%;
  left: 47%;
}
.mapPointer9 {
  bottom: 7%;
  left: 95%;
}
.mapPointer10 {
  top: 45%;
  left: 62%;
}
.mapPointer11 {
  top: 46%;
  left: 63%;
}
.mapPointer12 {
  top: 47%;
  left: 63.8%;
}
.mapPointer13 {
  top: 23%;
  left: 45.2%;
}
.mapPointer14 {
  top: 24%;
  left: 45.6%;
}
.mapPointer15 {
  top: 25%;
  left: 46%;
}
.mapPointer16 {
  top: 26%;
  left: 45.5%;
}
.mapPointer17 {
  top: 25%;
  left: 45.6%;
}
.mapPointer18 {
  top: 33%;
  left: 26.6%;
}
.mapPointer19 {
  top: 26%;
  left: 44.5%;
}
/* ======== */

/* Google Map */
.partners_meet .gm-style-iw {
  border-radius: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.partners_meet .gm-style-iw button[aria-label="Close"] {
  top: 0 !important;
  right: 0 !important;
}
.partners_meet .gm-style-iw .gm-style-iw-d{
  overflow: auto !important;
  max-height: none !important;
}
.partners_meet .gm-style-iw .gm-style-iw-d .popUpInfo {
  position: relative;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 200px;
  opacity: 1;
  visibility: visible;
  border-radius: 0px;
  background: none;
}
.partners_meet .full_toolkitup{
  background: #54ca70;
  padding: 20px;
}
.partners_meet .gm-style .gm-style-iw-tc{
  filter: none;
}
.partners_meet .gm-style .gm-style-iw-tc::after{
  background: #54ca70;
}
.partners_meet .full_toolkitup .popUpInfo:after {
  display: none;
}
/*============ PAGE:: end Partners ===============*/

.orgatec_thumble{
  padding-bottom: 120px;
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 50px !important;
  }
}
@media only screen and (min-width: 1101px) and (max-width: 1180px) {
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 54px !important;
  }
}
/*============ PAGE:: end orgatec ===============*/

.hero_sec{
  background: #444444;
}
.bannerNew_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 70px;
}
.bannerNew_text .keyniusHeading h6{
  color: #80c576;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  text-align: right;
}
.bannerNew_text .keyniusHeading p{
    color: rgba(255,255,255,1);
    font-size: 18px;
}
/*============ PAGE:: end New Home Banner ===============*/

.homeSlideArea {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.heroSlider_part {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 70px;
  z-index: 1;
}
.heroSlider_part_new{
  position: relative;
  background: rgba(0,0,0,0.6);
  padding: 70px 0;
}
.heroSlider_part .home_banner_text {
  color: #fff;
  /* padding-top: 70px; */
}
.heroSlider_part h2{
  color: #fff;
  font-size:48px;
  padding-bottom: 32px;
}
/* ===== */

.heroSlider_part .slider{
  position: relative;
}
.heroSlider_part .home_banner_text .caption {
  display: flex;
  align-items: center;
  gap: 25px;
}
.heroSlider_part .caption .subText{
  font-size: 34px;
  color: #54ca70;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  /* animation: fadeIn 5s; */
}
.heroSlider_part .home_banner_text .text-box{
  color: #fff;
  font-size: 20px;
  text-transform: none;
  display: inline-block;
  width: 300px;
  position: relative;
}
.heroSlider_part .text-box div{
  display: inline-block;
  position: absolute;
  top: -12px;
  transform: rotateX(-90deg);
  opacity: 0;
  animation-timing-function: ease;
}
.heroSlider_part .text-box div:nth-child(1){
  animation: rollDown 9s forwards infinite;
}

.heroSlider_part .text-box div:nth-child(2){
  animation: rollDown2 9s forwards infinite;
}

.heroSlider_part .text-box div:nth-child(3){
  animation: rollDown3 9s forwards infinite;
}

.heroSlider_part .text-box div:nth-child(4){
  animation: rollDown4 9s forwards infinite;
}

@keyframes rollDown {
  0%{
      transform: rotateX(-90deg);
  }
  11%{
      transform: rotateX(0deg);
      opacity: 1;
  }
  22%{
      transform: rotateX(0deg);
      opacity: 1;
  }
  33%{
      transform: rotateX(30deg);
      opacity: 0;
  }
}

@keyframes rollDown2 {
  33%{
      transform: rotateX(-90deg);
  }
  44%{
      transform: rotateX(0deg);
      opacity: 1;
  }
  55%{
      transform: rotateX(0deg);
      opacity: 1;
  }
  66%{
      transform: rotateX(30deg);
      opacity: 0;
  }
}

@keyframes rollDown3 {
  66%{
      transform: rotateX(-90deg);
  }
  77%{
      transform: rotateX(0deg);
      opacity: 1;
  }
  88%{
      transform: rotateX(0deg);
      opacity: 1;
  }
  99%{
      transform: rotateX(30deg);
      opacity: 0;
  }
}

/* @keyframes fadeIn {
  0%{transform:translate(0px, 100px); opacity: 0;}
100%{transform:translate(0px, 0); opacity: 1;}
} */
/* ===== */

.heroSlider_part .home_extra_dots {
  text-align: center;
  padding: 0;
  margin: 0;
}
.heroSlider_part .home_extra_dots li{
  display: inline-block;
}
.heroSlider_part .home_extra_dots li a {
  color: #ffffff80;
  font-size: 18px;
  text-decoration: none;
}
.home_extra_dots{
  display: none;
}
.heroSlider_part .home_extra_dots li a .lineThroughText{
  opacity: 0;
  pointer-events: none;
}
.heroSlider_part .home_extra_dots li a span {
  display: block;
}
.heroSlider_part .home_extra_dots li a .caption,
.heroSlider_part .home_extra_dots li a .text-box {
  text-align: left;
  display: flex;
  align-items: center;
}
.heroSlider_part .home_extra_dots li a .text-box div {
  position: relative;
  top: 0;
}
.heroSlider_part .home_extra_dots li a .lineThrough {
  background: rgba(211,255,222,.2);
  width: 100%;
  height: 3px;
  position: relative;
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.heroSlider_part .home_extra_dots li a.active .lineThrough {
  opacity: 1;
}
.heroSlider_part .home_extra_dots li a .lineThrough:after {
  content: "";
  width: 28px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  background: #54CA70;
}
.heroSlider_part .home_extra_dots li a.active .lineThrough:after {
  animation: moveLine 9s linear;
  animation-fill-mode: forwards;
}
@keyframes moveLine{0%{width:28px}100%{width:100%}}

/* =============================================================== */
/* ad*/
.heroSlider_part .owl-carousel .animated{
  /* animation-duration:0.0s; */
  /* animation-duration: 500 !important;
  animation-fill-mode: both;  */
}
.heroSlider_part .owl-item{
  /* transition:0.95s ease; */
}
.heroSlider_part .owl-carousel .owl-item{transition:all 1.65s ease !important; opacity:0;}
.heroSlider_part .owl-carousel .owl-item.active{opacity:1;}

.heroSlider_part .owl-dots{
  opacity: 0;
  display: none;
}
/* ==== END owl Slider */

.text-animation-area h3 {
  font-size: 62px;
  color: #54ca70;
  font-weight: 700;
  text-transform: none;
}
.anim-subText {
  color: #fff;
  font-size: 20px;
  text-transform: none;
  position:relative;
  top:-12px;
}
.slideText-anim2 .anim-subText{top:5px;}
.text-animation-area{
  /* position:absolute; */
  position: relative;
  width:100%;
  height:100%;
  display:none;
  /* margin:7% 0; */
  margin: 5% 0;
}
.text-animation-area .item{
  display:flex;
}
.item-rht{
  /* margin:0 0 0 5%; */
  margin-left: 35px;
}
.item.slideText-anim2 .item-rht{
  margin:0 0 0 3%;
}
.text-animation-area .item.slideText-anim2{
/*  display: inline-flex;*/
display:flex;
}
.text-animation-area .item.slideText-anim2 .anim-subText{
/*  text-align: right;*/
text-align:left;
}
.anim-subText p {
  color: #fff;
  font-size:17px;
  text-transform: none;
  /* margin: 2px 0 11px; */
  margin-bottom: .5rem;
}
.slideText-anim2{
/*  flex-direction:column;*/
  /* margin:2% 0 0 18%; */
  margin: 2% 0 0 17%;
}
.slideText-anim3{
   margin:2% 0 0 36%; 
/*  margin-left: 50%;*/
}

/*
.text-animation-area .item h3{display:block; opacity:0;}
.anim-subText p{opacity:0; display:block; }

.item.slideText-anim1 h3{animation:aniTitle 8s forwards;}
.item.slideText-anim1  p:nth-child(1){animation:aniSubTitle 5s forwards;}
.item.slideText-anim1  p:nth-child(2){animation:aniSubTitle2 5s forwards 1s;}
.item.slideText-anim1  p:nth-child(3){animation:aniSubTitle3 5s forwards 2s;}

.item.slideText-anim1  .anim-subText{animation:aniSubTitle-end-first 8s forwards 3s;}

.item.slideText-anim2 h3{animation:aniTitle-slid2 14s forwards 4s;}
.item.slideText-anim2  p:nth-child(1){animation:aniSubTitle-slide2 13s forwards 6s;}
.item.slideText-anim2  p:nth-child(2){animation:aniSubTitle-slide2-new1 13s forwards 7s;}
.item.slideText-anim2  p:nth-child(3){animation:aniSubTitle-slide2-new2 13s forwards 9s;}

.item.slideText-anim2  .anim-subText{animation:aniSubTitle-end-scend 2s forwards 21s;}


.item.slideText-anim3 h3{animation:aniTitle-slid3 4s forwards 21s;}

.item.slideText-anim3  p:nth-child(1){animation:aniSubTitle-slide3 5s forwards 22s;}
.item.slideText-anim3  p:nth-child(2){animation:aniSubTitle2-slide3 5s forwards 23s;}
.item.slideText-anim3  p:nth-child(3){animation:aniSubTitle3-slide3 5s forwards 24s;}

.item.slideText-anim3  .anim-subText{animation:aniSubTitle-end-third 4s forwards 33s;}

.text-animation-area{animation:text-last-anim 6s forwards 34s;}

.text-animation-main{position:relative;}
.text-animation-area.active {
   display:block;
}
*/



.text-animation-area .item h3{display:block; opacity:0;}
.anim-subText p{opacity:0; display:block; }

.item.slideText-anim1 h3{animation:aniTitle 8s forwards 0.5s;}
.item.slideText-anim1  p:nth-child(1){animation:aniSubTitle 6s forwards 0.8;}
.item.slideText-anim1  p:nth-child(2){animation:aniSubTitle2 6s forwards 1s;}
.item.slideText-anim1  p:nth-child(3){animation:aniSubTitle3 6s forwards 2s;}

.item.slideText-anim1  .anim-subText{animation:aniSubTitle-end-first 4s forwards 3s;}

.item.slideText-anim2 h3{animation:aniTitle-slid2 7s forwards 4s;}
.item.slideText-anim2  p:nth-child(1){animation:aniSubTitle-slide2 5s forwards 6s; margin-left: 3%;}
.item.slideText-anim2  p:nth-child(2){animation:aniSubTitle-slide2-new1 5s forwards 7s; margin-left: -3%;}
.item.slideText-anim2  p:nth-child(3){animation:aniSubTitle-slide2-new2 5s forwards 9s; margin-left: -3%;}

.item.slideText-anim2  .anim-subText{animation:aniSubTitle-end-scend 10s forwards 2s;}
/*.item.slideText-anim2  p:nth-child(1){animation:aniSubTitle-slide2 5s forwards;}
.item.slideText-anim2  p:nth-child(2){animation:aniSubTitle2-slide2 5s forwards 1s;}
.item.slideText-anim2  p:nth-child(3){animation:aniSubTitle3-slide2 5s forwards 2s;}*/

.item.slideText-anim3 h3{animation:aniTitle-slid3 6s forwards 10s;}
/*.item.slideText-anim2  p{animation:aniSubTitle-slide2 12s forwards 8s; margin-left: 3%;}*/
.item.slideText-anim3  p:nth-child(1){animation:aniSubTitle-slide3 7s forwards 10s;}
.item.slideText-anim3  p:nth-child(2){animation:aniSubTitle2-slide3 7s forwards 11s;}
.item.slideText-anim3  p:nth-child(3){animation:aniSubTitle3-slide3 7s forwards 12s;}

.item.slideText-anim3  .anim-subText{animation:aniSubTitle-end-third 8s forwards 12s;}

.text-animation-area{animation:text-last-anim 9s forwards 14s;}

/*.text-animation-loopItem:last-child{display:none;}*/

.text-animation-main{position:relative;}
.text-animation-area.active {
   display:block;
}
/* end New Banner 2 */

.nornalSlider{}
.nornalSlider .owl-carousel,
.nornalSlider .owl-carousel .owl-stage-outer,
.nornalSlider .owl-carousel div:not(.cont_wrap),
.nornalSlider .blackImgWrap{
  height: 100%;
}
.nornalSlider .bnrNormal_cont {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  height: 100%;
}
.nornalSlider .cont_wrap{
  background: rgba(0, 0, 0, .65);
  border-radius: 4px;
  padding: 1rem;
  height: auto;
}
.nornalSlider .heroSlider_part h1,
.nornalSlider .heroSlider_part h2 {
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}
.nornalSlider .heroSlider_part h2 {
  padding: 0;
}
.nornalSlider .heroSlider_part .greenCommonBtn{
  padding: 20px 60px 15px;
  margin-top: 1.3rem;
}
/* end New Banner 3 */


@media (min-width:992px){
    .item.slideText-anim3 h3{margin-left:-42px;}
    .item.slideText-anim2 p{white-space:nowrap;}
}

/* one item animation  */
@keyframes aniTitle {
    0%{       
       opacity:0;
    }
    100%{ 
        opacity: 1;
    }
 
}
@keyframes aniSubTitle {
    40%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle2 {
    50%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle3 {
    55%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle-end-first {
    0%{    
       opacity:1;
    }

    70%{    
       opacity:1;
    }

    80%{    
       opacity:1;
    }

    100%{     
        opacity:0;
    }
 
}
/* one item animation end  */

/* 2nd item animation  */
@keyframes aniTitle-slid2 {
    40%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle-slide2 {
    40%{    
       opacity:0;
    }   

    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle-slide2-new1 {
    50%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}

@keyframes aniSubTitle-slide2-new2 {
    55%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}

@keyframes aniSubTitle-end-scend {
    0%{    
       opacity:1;
    }

    70%{    
       opacity:1;
    }

    80%{    
       opacity:1;
    }

    100%{     
        opacity:0;
    }
 
}

/* 2 item animation end  */

/* 3rd item animation  */
@keyframes aniTitle-slid3 {
    12%{       
       opacity:0;
    }
    100%{ 
        opacity: 1;
    }
 
}
@keyframes aniSubTitle-slide3 {
    40%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle2-slide3 {
    50%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle3-slide3 {
    55%{    
       opacity:0;
    }
    100%{     
        opacity: 1;
    }
 
}
@keyframes aniSubTitle-end-third {
    0%{    
       opacity:1;
    }

    70%{    
       opacity:1;
    }

    80%{    
       opacity:1;
    }

    100%{     
        opacity:0;
    }
 
}
/* 3rd item animation  end */

/* last animation  */
@keyframes text-last-anim {
    0%{    
       opacity:1;
    }
     90%{    
       opacity:1;
    }
    100%{     
        opacity:0;
    }
 
}
/* last animation end */

@media (min-width: 1024px){
  .nornalSlider {
    height: calc(100vh - 100px);
    overflow: hidden;
  }
  .nornalSlider img{
    height: 100%;
    object-fit: cover;
  }
  .nornalSlider .container-fluid,
  .nornalSlider .row{
    height: 100%;
  }
  .nornalSlider .heroSlider_part .cont_wrap{
    max-width: 500px;
    position: absolute;
  }
  .nornalSlider .bnrNormal_cont.slideItem_1 .cont_wrap{
    bottom: 8%;
    left: 0;
  }
  .nornalSlider .bnrNormal_cont.slideItem_2 .cont_wrap {
    top: 0;
    right: 0;
  }
  .nornalSlider .bnrNormal_cont.slideItem_3 .cont_wrap{
    top: 0;
    left: 0;
  }
}
@media (max-width:991.98px){
	.item.slideText-anim2 p{margin-left:1.6%;}
	.text-animation-area h3{font-size:60px;}
	.anim-subText{font-size:24px;}
	.slideText-anim1 .item-rht{ margin: 0 0 0 3%;}
	.item-rht {    margin:-22px 0 0 3%;}
  .item.slideText-anim2 h3{margin-left:0px;}
  .item.slideText-anim3 h3{margin-left:50px; margin-top:0px;}
  .text-animation-area h3{font-size:50px;}
  .slideText-anim2{margin:2% 0 0 8%;}
  .slideText-anim3{margin:1% 0 0 16%;}
  .item.slideText-anim2 .item-rht{margin:-18px 0 0 3%;}

  
  .slideText-anim3 .anim-subText{top:14px;}
  .slideText-anim3{position:relative; top:-28px;}
/* ======= */

  .nornalSlider img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
  .nornalSlider .heroSlider_part{
    position: absolute !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nornalSlider .cont_wrap{
    margin-bottom: 1rem;
  }

}
@media (max-width:768.98px){

	.text-animation-area .item{width:100%;}
	.slideText-anim2{margin:2% 0 0 0;}
	.slideText-anim3{margin:3.6% 0 0 0;}
    .item.slideText-anim2 h3{margin-left:50px;}
  .item.slideText-anim3 h3{margin-left:100px;}
  .text-animation-area h3{font-size:50px;}

}
@media (max-width:767.98px){

	.text-animation-area .item{flex-direction:column;}
	.anim-subText, .slideText-anim2 .anim-subText{top:12px;}
	.slideText-anim1 .item-rht{margin:0;}
	.item-rht {margin:0;}
	.item.slideText-anim2 .item-rht {    margin:0;}
	.slideText-anim3{margin:10.5% 0 0 0;}
  .item.slideText-anim3 h3, .item.slideText-anim2 h3{margin-left:0px;}
  .anim-subText p{margin-bottom: 0.2rem;}
  .item.slideText-anim2 p{margin-left:0px;}
  .text-animation-area .item h3{font-size:45px; line-height:32px;}
  .text-animation-main{padding:0 0 60px;}
  .anim-subText p{white-space:normal;}
  .slideText-anim3{top:0px;}
  .item.slideText-anim3 h3{margin-top:35px;}
  .anim-subText p{
    margin: 12px 0;
    font-size:16.5px !important;
  }
  /* ====== */

  .nornalSlider img {
    aspect-ratio: 2/1;
  }

}
@media (max-width:499.98px){
  .heroSlider_part_new {
    padding: 15px 0;
  }
  .heroSlider_part h2 {
    padding-bottom: 50px;
  }
	.text-animation-area h3{font-size:40px;}
	.anim-subText{font-size:21px;}
  /* ===== */

  .nornalSlider img {
    aspect-ratio: 1/1;
  }
  .nornalSlider .heroSlider_part .greenCommonBtn{padding: 20px 20px 15px;}
}
/*============ PAGE:: end Home Banner ===============*/

.video_Wrapper.video_list{
  background: none;
}
.video_list .ratio{
  margin-bottom: 2rem;
}
.video_list .box h6{
  color: #081828;
  font-weight: 500;
  font-size: 26px;
  line-height: 40px;
}
/*============ PAGE:: end System (Event) ===============*/

.page-template-template_download .download_list .each_jobs{
  margin-top: auto;
  margin-bottom: 60px;
}
.page-template-template_download .download_list .each_jobs .each_jobs_img{
  background: none;
}
.download_list .each_jobs .each_jobs_text{
  padding-left: 50px;
  padding-right: 50px;
}
.download_modal{}
.download_modal .modal-content {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 100%;
  background: linear-gradient(180deg,#68E178 6.25%,#60B571 93.74%);
  border-radius: 0px;
  transform: none;
  padding: 35px;
  margin: 0;
}
.download_modal .modal-header {
  border: none;
  justify-content: center;
}
.download_modal h5 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.download_modal .form-control{
  border-radius: 6px;
  height: 50px;
}
.download_modal .btn-success {
  background: #333333;
  border-color: #333333;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 15px 40px;
  width: 75%;
}
.download_modal .btn-success:hover {
  background: #000;
  color: #fff;
}
.download_modal .form-control::-webkit-date-and-time-value {
  height: 1.5em
}
.download_modal .form-control::-webkit-input-placeholder {
  color: #000;
  opacity: 1
}
.download_modal .form-control::-moz-placeholder {
  color: #000;
  opacity: 1
}
.form-control::placeholder {
  color: #000;
  opacity: 1
}
.download_modal .wpcf7-response-output{
  color: #fff;
  border-color: #ffb900 !important;
}
.download_modal .form_group {
  text-align: center;
  position: relative;
}
.download_modal .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}


/* ===== Joteforms ====== */

body.page-template-template_download .download_list .normal_part .each_jobs:first-child{display: none;}
body.page-template-template_download .download_list .jotforms_part .each_jobs{}
.jotforms_part .jotforms_btn .greenCommonBtn {cursor: pointer;}
body.page-template-template_download .jt-feedback .jt-title {
  color: #fff !important;
  font-size: 24px !important;
  font-family: "Cerebri Sans Pro" !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: center;  
  border: none !important;
  border-radius: 0px !important;
  padding: 1rem;
}
body.page-template-template_download .jt-feedback .jt-content{border-radius: 0px !important;}
body.page-template-template_download .jt-feedback iframe{
  /* background: #67D977 !important; */
}
/* ==== END:: Jote Popup part ====== */

body.page-id-10296,
body.page-id-10398,
body.page-id-10440 {
  background-color: transparent !important;
}
.jotForms_sec .jotform-form .form-all{
  color: #000000;
  font-size: 16px;
  background: none;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.jotForms_sec .form-section {
  padding: 0px;
}
.jotForms_sec .page-section>li:nth-child(1){
  /* display: none; */
  margin-top: 0px !important;
}
.jotForms_sec .page-section>li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
  margin-top: 0px;
  /* display: none; */
}
.jotForms_sec li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container+.form-sub-label-container {
  margin-left: 8px;
}
.jotForms_sec .form-checkbox-item {
  padding-bottom: 0px;
}
.jotForms_sec .form-checkbox-item:last-child {
  padding-bottom: 0;
}
.jotForms_sec .form-single-column .form-checkbox-item{
  display: inline-block;
}
.jotForms_sec .form-checkbox-item .editor-container div {
  position: relative;
}
.jotForms_sec .form-checkbox-item .editor-container div:before{
  display: inline-block;
  vertical-align: middle;
  left: 0;
  width: 20px;
  height: 20px;
}
.jotForms_sec .form-all .form-pagebreak-back,
.jotForms_sec .form-all .form-pagebreak-next {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.jotForms_sec .form-all .form-pagebreak-back,
.jotForms_sec .form-all .form-pagebreak-next {
  min-width: 128px;
}
.jotForms_sec li[data-type="control_image"] div {
  text-align: left;
}
.jotForms_sec li[data-type="control_image"] img {
  border: none;
  border-width: 0px !important;
  border-style: solid !important;
  border-color: false !important;
}
.jotForms_sec .form-header-group {
  text-align: left;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
}
.jotForms_sec .form-header,    
.jotForms_sec .form-subHeader {
  padding : 0px;
}

.jotForms_sec div.form-header-group.header-large,
.jotForms_sec div.form-header-group.hasImage {
  padding: 0px;
  margin: 0 auto;
}
.jotForms_sec input:not(input[type="submit"]){height: 50px;}
.jotForms_sec .form-header-group {
  border-bottom: none;
}
.jotForms_sec .form-line-error {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff4f4;
}
.jotForms_sec .form-line-error .form-error-message {
  background-color: #f23a3c;
  clear: both;
  float: none;
}
.jotForms_sec .form-line-error .form-error-message .form-error-arrow {
  border-bottom-color: #f23a3c;
}
.jotForms_sec .form-line-error input:not(#coupon-input),
.jotForms_sec .form-line-error textarea,
.jotForms_sec .form-line-error .form-validation-error {
  border: 1px solid #f23a3c;
  box-shadow: 0 0 3px #f23a3c;
}
.jotForms_sec .form-line-error {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff4f4;
}
.jotForms_sec .form-line-active {
  background-color: #ffffe0;
}
.jotForms_sec .form-line {
  /* padding: 12px 0;
  margin: 0 4px; */
  padding: 0;
  margin: 8px 4px;
}
.jotForms_sec .form-header-group .form-header {
  color: #081828;
  font-family: "Cerebri Sans Pro";
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}
.jotForms_sec .form-header-group .form-subHeader { color: #081828;}
.jotForms_sec .form-label-top,
.jotForms_sec .form-label-left,
.jotForms_sec .form-label-right,
.jotForms_sec .form-html,
.jotForms_sec .form-checkbox-item label,
.jotForms_sec .form-radio-item label,
.jotForms_sec span.FITB .qb-checkbox-label,
.jotForms_sec span.FITB .qb-radiobox-label,
.jotForms_sec span.FITB .form-radio label,
.jotForms_sec span.FITB .form-checkbox label,
.jotForms_sec [data-blotid][data-type=checkbox] [data-labelid],
.jotForms_sec [data-blotid][data-type=radiobox] [data-labelid],
.jotForms_sec span.FITB-inptCont[data-type=checkbox] label,
.jotForms_sec span.FITB-inptCont[data-type=radiobox] label {
  color: #081828;
}
.jotForms_sec .form-textbox,
.jotForms_sec .form-textarea,
.jotForms_sec .form-dropdown,
.jotForms_sec .form-radio-other-input,
.jotForms_sec .form-checkbox-other-input,
.jotForms_sec .form-captcha input,
.jotForms_sec .form-spinner input {
  background-color: #fff;
}
.jotForms_sec .form-label.form-label-auto {            
  display: block;
  float: none;
  text-align: left;
  width: 100%;    
}
.jotForms_sec .form-buttons-wrapper {
  border: none;
  padding: 1rem 0;
  margin: 0px;
}
.jotForms_sec .greenCommonBtn {
  width: 100%;
  border: none;
}
.jotForms_sec .greenCommonBtn:hover{
  background: #303235;
}
/*============ PAGE:: end Download ===============*/

.portalLogin_page{
  padding: 100px 0;
}
.portalLogin_head{
  text-align: center;
  padding-bottom: 25px;
}
.portalLogin_head .log_brand img{
  width: 228px;
}
.portalLogin_cont h5{
  font-size: 20px;
  font-weight: 600;
  display: block;
  color: #338be5;
  line-height: 30px;
  letter-spacing: 0.15px;
}
.portalLogin_page .portalLogin_cont .um-form .um-form-field {
  background: #fff;
  border-radius: 25px;
  height: 50px !important;
}
.portalLogin_page .portalLogin_cont .um-field-label label{
  display: none;
}
.portalLogin_page .portalLogin_cont .um-form .um-button {
  background-color: #338BE5;
  border: none !important;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.15px;
  text-transform: uppercase !important;
  border-radius: 25px !important;
}
.portalLogin_page .portalLogin_cont .um-form .um-button:hover{
  background-color: var(--headerBtnBg, #54ca70);
}
/*============ PAGE:: end Login Portal ===============*/

.portalList_sec{
  padding-top: 120px;
  padding-bottom: 140px;
}
.portalList_sec h2{
  text-align: center;
  font-size: 50px;
}
.portalList_sec h2 span{
  display: inline;
  color: #54ca70;
}
.portalList_sec .each_jobs{
  text-align: left;
  display: block;
}
.portalList_sec .each_jobs h5{
  min-height: 75px;
  margin-bottom: 10px;
}
.portalList_sec .down_text{
  padding: 1.5rem;
}
.portalList_sec .greenCommonBtn {
  padding: 15px 30px;
  line-height: normal;
  margin-top: 1rem;
}
/* ====== */
body.page-template-template_portal .lookingforSol_wwotu .whatWeOfferHeading::after,
body.page-template-template_portal .lookingforSol_wwotu .whatWeOfferHeading::before,
body.page-template-template_portal_academy .top_qubickHeading::after,
body.page-template-template_portal_academy .top_qubickHeading::before{
  display: none;
}
.cloadMore_sec{
  padding-top: 45px;
}
.cloadMore_sec .greenCommonBtn {
  background: #54ca70;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  padding: 19px 60px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.3;
  font-weight: 500;
}
/*============ PAGE:: end Portal ===============*/

body.page-template-template_portaldownloads .download_list .each_jobs,
body.page-template-template_portal_academy .download_list .each_jobs {
  margin-top: auto;
  margin-bottom: 60px;
}
/*============ PAGE:: end Portal Download ===============*/

body.page-template-template_portal_academy .ar_wiy_brch {
  padding-top: 100px;
}
/*============ PAGE:: end Portal Academy ===============*/

.batterylockBanner_sec h2{}
.addiHelpContent h1 {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
  color: #333;
}
.batteryTestamonial_sec{}
.batteryTestamonial_sec .hardware_headingInfoAr {margin-bottom: 80px;}
.batteryTestamonial_sec .features_and_functions {
  position: relative;
  z-index: 1;
}
.batteryTestamonial_sec .hardware_headingInfoAr p,
.batteryCta_head p{
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  color: #333;
  letter-spacing: 0.15px;
  max-width: 1024px;
  margin: 0 auto;
}
.testamonial_list{
  padding-bottom: 130px;
}
.testamonial_list .row{
 row-gap: 20px;
}
@media only screen and (min-width: 1366px) {
  .testamonial_list .row{
    --bs-gutter-x: 4rem;
    row-gap: 4rem;
  }
}
.testamonial_list .card{
  height: 0px;
  border: none;
  border-radius: 0px;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.testamonial_list .card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.batterySolutions_sec{}
.batteryCta_sec{
  padding: 103px 0 139px;
  position: relative;
}
.batteryCta_head{
  padding-bottom: 65px;
}
.batteryCta_form h4{
  color: #333333;
  font-weight: 500;
  font-size: 26px;
  line-height: 40px;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
}
.batteryCta_form .form-control{
  background: #FFFFFF;
  width: 100%;
  border: 1px solid #ECECEC;
  Height: 56px;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 300;
}
.batteryCta_form .btn {
  background-color: var(--headerBtnBg, #54ca70);
  border: 0;
  color: #fff;
  padding: 10px 44px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 24px;
  border-radius: 8px;
  height: 56px;
  width: 228px;
}
/*============ PAGE:: end New Battery Lock ===============*/

.blogPage_bnr{}
.blogList_sec{
  margin-top: 60px;
}
.blogList_sec .each_jobs_img{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  background: #ECECEC;
  height: 100%;
}
.blogList_sec .each_jobs_img img{
  aspect-ratio: 1/1;
  mix-blend-mode: unset;
}
.blogList_sec .each_jobs_text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 25px 50px;
  height: 100%;
}
.blogList_sec .arPagination{
  margin-top: 1rem;
}

.blogSlide_gallery{}
.blogSlide_gallery .videoImages img{
  aspect-ratio: 2/1;
}

.blogFaq_sec{}
.blogFaq_sec:not(.accordion) h3 {
  font-size: 40px;
  letter-spacing: -0.5px;
}
.blogFaq_sec .accordion .accordion-item {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.1);
  box-shadow: 0 4px 5px rgba(0,0,0,0.1);
  overflow: hidden;
}
.blogFaq_sec .accordion .accordion-item + .accordion-item{
  margin-top: 1.5rem;
}
.blogFaq_sec .accordion .accordion-button {
  color: #212529;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  background: none !important;
  border-top: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.blogFaq_sec .accordion .accordion-button:not(.collapsed) {
  /* color: var(--headerBtnBg, #54ca70); */
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.blogFaq_sec p {
  font-size: 20px;
  line-height: 30px;
}
/*============ PAGE:: end New Blog ===============*/

body.single-blog{}
.blogDetails_bnr{}
.blogDetails_bnr .arBreadCrumbsss li a,
.blogDetails_bnr .arBreadCrumbsss li span{
  color: rgba(0, 0, 0,1);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}
/*============ PAGE:: end New Blog Details ===============*/

.co2_banner{
  position: relative;
  z-index: 1;
}
.co2_banner .banner_text_wrap{
  position: static;
  transform: none;
}
.co2Doc_list{}
.co2Doc_list ul{}
.co2Doc_list li + li{margin-top: 1rem;}
.co2Doc_list li a{
  color: #081828;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}
/*============ PAGE:: end CO₂ ===============*/

/* Swiper Slider */
.slider-container {
  margin: auto;
  position: relative;
  padding-bottom: 30px; /* Space for progress bar */
}
.slider-container .mySmartSwiper .swiper-slide{
  display: flex;
  height: auto;
  transition: transform 0.3s ease;
}
.slider-container .mySmartSwiper .swiper-slide:hover {
  transform: scale(1.05);
}
.slider-container .mySmartSwiper .caption {
  background: #F9F9F9;
  border-radius: 40px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #F9F9F9;
  transition: transform 0.3s ease-in-out;
  padding: 1.3em 1.3em 4em;
  margin: 25px 15px;
  flex-grow: 1;
  position: relative;
}
.slider-container .mySmartSwiper .numbers {
  font-size: 3.5em;
  line-height: 1;
  font-weight: 700;
  margin: 0;
}
.slider-container .mySmartSwiper h2 {
  color: #54CA70;
  font-size: 1.3em;
  line-height: 1.3;
  font-weight: 500;
  margin: 1em 0 1.2em;
}
.slider-container .mySmartSwiper ul {
  list-style-type: disc;
  padding-left: 1rem;
  margin: 0;
}
.slider-container .mySmartSwiper li {
  color: #000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.slider-container .mySmartSwiper .next-button {
  position: absolute;
  bottom: 15px;
  right: 25px;
  width: 40px;
  height: 44px;
  background-color: #54CA70;
  color: #ffffff;
  border: none;
  padding: 6px 8px;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
  display: none;
  transition: background-color 0.3s;
}
.slider-container .mySmartSwiper .next-button .ico{ display: flex;}
.slider-container .mySmartSwiper .next-button:hover{ background-color: #303235;}
.slider-container .swiper-slide:hover .next-button {
  display: block;
}
.slider-container .mySmartSwiper .swiper-scrollbar {
  height: 12px;
  background: #fff;
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  margin: 20px auto;
  cursor: pointer;
}
.slider-container .mySmartSwiper .swiper-scrollbar-drag {
  width: 0%;
  height: 100%;
  background: #4085E9;
  border-radius: 50px;
  transition: width 0.2s linear;
}

@media (min-width: 1024px){
  .slider-container .mySmartSwiper .swiper-scrollbar {
  width: 35em; /* Fixed width */
  }
}
/*============ PAGE:: Smart Lockers ===============*/

.smart_accordion.contact_info .e-n-accordion-item + .e-n-accordion-item{padding-top: 15px;}

.contactMap_info{
  background: #333333;
  padding: 65px 0;
}
.contactMap_info .container-fluid{
  padding-left: 5%;
  padding-right: 5%;
}
.contactMap_info h2{
  color: #ffffff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2rem;
}
.contactMap_info .contact_info {
  display: flex;
  flex-direction: column;
}
/* Accordion Styling */
.contact_info .accordion-item {
  background: none;
  border-radius: 0px;
  border: none;
  box-shadow: 0 1px 0px #54CA70;
  margin-bottom: 10px;
}
.contact_info .accordion-header{display: inline-block;}
.contact_info .accordion-item .accordion-button {
  color: #ffffff;
  font-size: 22px;
  line-height: 40px;
  font-family: "Cerebri Sans Pro", Sans-serif;
  font-weight: 600;
  background: none;
  border-radius: 0px;
  border: none !important;
  box-shadow: none !important;
  gap: 20px;
  padding: 0 10px 10px 0px;
}
.contact_info .accordion-button::after{
  display: none !important;
}
.contact_info .accordion-item .accordion-button::before{
  content: "";
  background-image: url('https://keynius.eu/wp-content/uploads/2025/01/acd_miinus_ico.svg');
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}
.contact_info .accordion-item:not(.is-active) .accordion-button::before{
  background-image: url('https://keynius.eu/wp-content/uploads/2025/01/acd_plus_ico.svg');
  transform: rotate(-180deg);
}
.contact_info .accordion-item .accordion-box{
  padding: 0 0px 15px 40px;
  display: none;
}
.contact_info li{
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Cerebri Sans Pro", Sans-serif;
  font-weight: 400;
}
.contact_info li a{color: #ffffff; text-decoration: underline !important;}

.contactMap_img_part { position: relative;}
.contactMap_img_part .contactMap_ico {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 2/1;
}
.contactMap_ico .zoom-icon{
  position: absolute;
  transform: translate(-50%, -50%);
}

/* Icon Styling */
.contactMap_ico .zoom-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactMap_info .zoom-icon span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactMap_info .zoom-icon .zoom_img,
.contactMap_info .zoom-effect .normal_img{opacity: 0;}
.contactMap_info .zoom-effect .zoom_img{opacity: 1;}
.contactMap_info .zoom-icon svg{
  fill: #ffffff;
  height: 20px;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.contactMap_info .zoom-effect svg{
  fill: #54CA70 !important;
  /* transform: scale(1.8); */
  transform: scale(1.8) translateY(-5px);
  transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 1366px) {
  .mapIco_hq{ top: 31%; left: 48.7%;}
  .mapIco_usa{ top: 35.8%; left: 29%;}
  .mapIco_uk{ top: 26%; left: 46.2%;}
  .mapIco_asia{ top: 50.5%; left: 75%;}
  .mapIco_ind{ top: 50%; left: 69%;}
  .mapIco_mena{ top: 49%; left: 61%;}
}
@media screen and (max-width: 1365.98px) {
  .mapIco_hq { top: 29.5%; left: 48.7%;}
  .mapIco_usa{ top: 35.8%; left: 29%;}
  .mapIco_uk{ top: 26%; left: 46.2%;}
  .mapIco_asia{ top: 50%; left: 75%;}
  .mapIco_ind{ top: 50%; left: 69%;}
  .mapIco_mena{ top: 48%; left: 61%;}
}
@media screen and (max-width: 1200px) {
  .contactMap_info h2{font-size: 48px;}
}
@media screen and (max-width: 991.98px) {
  .contactMap_info { padding: 45px 0 65px;}
  .contactMap_img_part{margin-bottom: 2rem;}
}
@media screen and (max-width: 640px) {
  .contactMap_info .zoom-icon:not(.zoom-effect) svg{transform: scale(0);}
  .contactMap_info .zoom-effect svg {
      transform: scale(1.8) translateY(-8px);
  }
}
/*============ PAGE:: Contact ===============*/


.boost_efficiency{position: relative; z-index: 1;}


/*============ Elementor:: Start Stylesheet ===============*/

.calculateBnr_sec h1 span{
  color: #54ca70;
  display: inline;
}
.businessLocker_sec p,
.SmartLockerFinancial_sec p,
.tabCont_sec p,
.money_sec p{
  font-size: 20px;
  line-height: 30px;
  font-family: "Cerebri Sans Pro";
  font-weight: 300;
  letter-spacing: 0.15px;
}
.tabCont_sec .elementor-container{position: static !important;}
.calcSlider_sec .swiper-pagination{bottom: -25px !important;}
.calcSlider_sec .swiper-pagination .swiper-pagination-bullet-active{
  border: 5px solid #D9D9D9;
}
.calcSlider_sec .elementor-swiper-button{
  background: #54CA70;
  border-radius: 6px;
  top: auto !important;
  bottom: -15px;
  padding: 10px;
}
.money_sec h2 span{color: #54CA70;}
.SmartLockerFinancial_sec{}
.text_gradient h2 {   
  background: linear-gradient(to right, #4495D1, #2D3F88);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent; 
}
.BenefitsOurSmart_sec ul li .elementor-icon-list-text span{font-weight: 700;}
.roundSmartLocker_part .solutions-text{margin: 0;}
.roundSmartLocker_part .solutions-textinfo h4,
.solutions_text_mobile .solution_slider_txt h4 {
  color: #4085E9;
  font-size: 40px;
  line-height: 50px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.roundSmartLocker_part .circleInnrAr{
  /* background: #4085E9;
  border-radius: 50%; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.roundSmartLocker_part .circleInnrAr img {
  max-height: 80%;
  border-radius: 0px !important;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.roundSmartLocker_part .arTickWrappers{
  opacity: 0;
  pointer-events: none;
}
/* ========== */

.roundSmartLocker_part .solutions_text_mobile{padding: 0;}
.roundSmartLocker_part .solutions_text_mobile .owl-carousel .owl-stage{display: flex;}
.roundSmartLocker_part .solutions_text_mobile .owl-carousel .owl-item{
  display: flex;
  flex: 1 0 auto;
}
.roundSmartLocker_part .solutions_text_mobile .box{
  height: 100%;
  padding: 25px;
  position: relative;
}
.roundSmartLocker_part .solutions_text_mobile .box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #C9C9C9 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#C9C9C9 50%, rgba(255, 255, 255, 0) 0%);
    background-position-x: 0%, 0%, 0%, 0%;
    background-position-y: 0%, 0%, 0%, 0%;
    background-repeat: repeat, repeat, repeat, repeat;
    background-size: auto, auto, auto, auto;
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
  background-size: 16px 1px, 1px 16px;
  z-index: -1;
}
.roundSmartLocker_part .solutions_text_mobile .box .solutionsImgAr img{
  width: auto;
  max-height: 180px;
}
.roundSmartLocker_part .solutions_text_mobile h4{font-size: 28px; line-height: 34px;}
.roundSmartLocker_part .solutions_text_mobile .solution_slider_txt p{font-size: 16px; line-height: 24px;}
.roundSmartLocker_part .solutions_text_mobile .owl-nav button{
  top: auto;
  background: #54CA70 !important;
}
.roundSmartLocker_part .solutions_text_mobile .owl-nav .owl-prev{left: 10px;}
.roundSmartLocker_part .solutions_text_mobile .owl-nav .owl-next{right: 10px;}
.roundSmartLocker_part .solutions_text_mobile .owl-dots button.owl-dot {
  background-color: #D9D9D9;
  border: 5px solid #D9D9D9 !important;
  width: 20px;
  height: 20px;
  transition: all 500ms ease;
}
.roundSmartLocker_part .solutions_text_mobile .owl-dots button.owl-dot.active{
  background-color: #6BC074;
  transition: all 500ms ease;
}
#getdefaultOffset2{height: auto !important; min-height: auto !important;}
/* ======= */

.smart_accordion{}
.smart_accordion .e-n-accordion-item + .e-n-accordion-item{
  border-top: 2px solid #54CA70;
  padding-top: 2rem;
}
.smart_accordion .item span {
  width: 24px;
  height: 24px;
  background: #366CB5;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.smart_accordion .item .no_3 span,
.smart_accordion .item .no_4 span{
  background: #C7A687;
}
.smart_accordion .item .no_5 span,
.smart_accordion .item .no_6 span{
  background: #B1DBF5;
}
#smartLocker_part .roundSmartLocker_part .solutions-textinfo h4,
#smartLocker_part .solutions_text_mobile .solution_slider_txt h4{
  color: #54CA70;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}
#smartLocker_part .solutions_text_mobile .solution_slider_txt p{color: #fff;}
#smartLocker_part .solutions-textinfo p{color: #fff;}
#smartLocker_part .ar__creatCircle{border-color: #fff;}
#smartLocker_part .roundSmartLocker_part .ar__each_circles{/* background: #54c970; */}
#smartLocker_part .roundSmartLocker_part .circleInnrAr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50% !important;
  max-height: none;
}
#smartLocker_part .solutions_text_mobile .owl-dots button.owl-dot{
  background-color: #fff;
  border-color: #fff !important;
}
#smartLocker_part .solutions_text_mobile .owl-dots button.owl-dot.active{background-color: #6BC074;}

.title_inline h1 span,
.title_inline h2 span,
.title_inline h3 span,
.title_inline h4 span,
.title_inline h5 span,
.title_inline h6 span{display: inline !important;}

.common_typo p{
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0.15px;
}
.common_typo p a{
  color: #54ca70;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.list_item{}
.list_item ul,
.list_item ol{ padding-left: 1.5rem;}
.list_item li {
    list-style: disc;
    font-size: 18px;
    font-weight: 300;
}
.money_sec p a{
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.order_sec{}
.order_sec .left_part,
.order_sec .right_part {}



@media (min-width: 1367px) {
  .roundSmartLocker_part .round-dot{
    transform: translateX(60%);
  }
}
@media (max-width: 1366.98px) {
  /* .roundSmartLocker_part .solutions-text{display: none;}
  .roundSmartLocker_part .solutions_text_mobile{display: block;} */
}

@media only screen and (min-width: 1025px) {
  .tabCont_sec .tabImg_part {
    position: absolute;
    right: 0;
    width: 30%;
    height: 100%;
  }
  .calcSlider_sec .swiper .elementor-swiper-button-prev{left: 15% !important;}
  .calcSlider_sec .swiper .elementor-swiper-button-next{right: 15% !important;}
  .roundSmartLocker_part .solutions-textinfo{
    padding: 150px 40px 150px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .businessLocker_sec p,
  .tabCont_sec p,
  .money_sec p{
    font-size: 18px;
    line-height: 26px;
  }
  .SmartLockerFinancial_sec p{
    font-size: 16px;
    line-height: 26px;
  }
  .tabCont_sec .tabImg_part {height: 400px;}
}
@media only screen and (max-width: 880px) {
  .order_sec .left_part,
  .order_sec .right_part{
    --position: static !important;
  }
}
/*============ Elementor:: end Stylesheet ===============*/









/*body media css*/


@media only screen and (min-width: 2800px) {
  .round-dot {
    transform: translateX(80%);
  }
  /*.solutions-textinfo {
    align-items: center;
    display: flex;
  }*/
  .solutions-textinfo h3 {
    font-size: 70px;
    line-height: 90px;
  }
  .solutions-textinfo p {
    font-size: 30px;
    line-height: 50px;
  }
 
}

@media only screen and (min-width: 2400px) {
  .footer .footer-top {
    padding: 254px 0;
    padding-bottom: 50px;
  }

}

@media only screen and (min-width: 1921px) {

  .round-dot {
    transform: translateX(0);
  }
  .solutions-textinfo {
    padding: 22vh 120px 120px 120px !important;
    /*height: auto !important;*/
  }
  .contact-sec .container-fluid{
    max-width: 100%;
  }

  .solutions-textinfo h3 {
      font-size: 80px;
      line-height: 90px;
      margin-bottom: 30px;
  }
  .solutions-textinfo p {
    font-size: 40px;
    line-height: 60px;
  }

  .our-solutions-sec .container{
    max-width: 100%;
    padding-right: var(--bs-gutter-x, 3.125rem);
    padding-left: var(--bs-gutter-x, 3.125rem);
  }
  .solutions-text {
    margin-top: 180px;
    /*width: 66.6666666666666%;*/
    /*margin: 0 auto;*/
  }
  .solutions-textinfo a {
    transform: scale(2) translate(25%, 35%);
  }

}

@media only screen and (min-width: 1919px) {
  .ar__creatCircle {
    width: 76vh;
    height: 76vh;
  }
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 92px;
  }
}

@media only screen and (max-width: 1199px) {
  .ourLatestRefLeft{
    -webkit-box-flex: 0;
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 40px;
  }
  .each_latest_refferenc > img{
    width: 100%;
    display: block;
  }
  .videoWrapp video {
    height: auto !important;
  }
}

@media only screen and (min-width: 1400px) {
  .ar__each_circles:nth-child(5) img {
      transform: rotate(296deg);
  }
  .ar__each_circles:nth-child(3) img {
      transform: rotate(70deg);
  }
  .ar__each_circles:nth-child(3) img {
      transform: rotate(172deg);
  }
  .ar__each_circles:nth-child(2) img {
      transform: rotate(112deg);
  }
  .ar__each_circles:nth-child(5) img {
    transform: rotate(255deg);
  }
  .roundSmartLocker_part .ar__each_circles:nth-child(2) img {
    transform: rotate(100deg);
  }
  .roundSmartLocker_part .ar__each_circles:nth-child(3) img {
    transform: rotate(152deg);
  }
  .roundSmartLocker_part .ar__each_circles:nth-child(4) img {
    transform: rotate(208deg);
  }
  .roundSmartLocker_part .ar__each_circles:nth-child(6) img {
    transform: rotate(310deg);
  }
  .roundSmartLocker_part .ar__each_circles:nth-child(7) img {
    transform: rotate(360deg);
  }
  /* ======= */

  .be_left_box {
    padding-right: 30px;
  }
  .col-md-4.vacPgRescont{
    padding-right: 30px !important;
  }
  .character_pos {
      bottom: -84px;
  }
  .col-xxl-3{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .navbar-nav .menu-item a{
    padding-left: 26px;
    padding-right: 26px;
  }

  .contact_form_wrapper .arSelect1{
    background: url(../images/contact/angle-down.svg) right 22px center #FFFFFF no-repeat;
  }
  .solutions-textinfo{
    padding: 210px 60px 210px 0;
    height: 100vh;
  }
  .reslersForm .col-md-5 {
    width: 33.3333333333%;
  }
  .brand-list .col-md-auto{
    padding-left: 35px;
    padding-right: 35px;
  }
  /* ======= */
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 78px;
  }
  .bannerNew_text .keyniusHeading h1{
    font-size: 56px;
  }

}

@media only screen and (max-width: 1600px) and (min-width: 1400px) {
  .hero-area .hero-content h1 {
    font-size: 84px;
    line-height: 94px;
  }
  .navbar-nav .menu-item a {
    padding-left: 16px;
    padding-right: 16px;
  }
  .round-dot {
    transform: translateX(19%);
  }
  .brand-list img {
    height: 40px;
  }
  .round-dot {
    transform: translateX(14%) !important;
  }
  .each_relevant_sol h5 {
     min-height: 80px;
  }
  .each_relevant_sol p {
    min-height: 72px;
  }
  .page-template-template_branch_details .offices_features_ar h4 {
    font-size: 30px;
    line-height: 40px;
    min-height: 80px;
   }

  .extraHoverTxt p {
    font-size: 14px;
    line-height: 20px;
  } 
  /* ====== */

}

@media only screen and (min-width: 1200px) {
  .discoverCarousel.owl-carousel .owl-nav .owl-next {
    right: -20px;
  }
  .discoverCarousel.owl-carousel .owl-nav .owl-prev {
    left: -20px;
  }
  .ech_dbFeBox .row{
    margin: 0 -40px;
  }
  .ech_dbFeBox .col-lg-6{
    padding: 0 40px;
  }
  .termsCarousel.owl-carousel .owl-nav button.owl-prev{
    left: -20px;
  }
  .termsCarousel.owl-carousel .owl-nav button.owl-next{
    right: -20px;
  }
  .home .navbar-area:not(.sticky){
    /* position: absolute !important; */
  }
  body.home{
    /* padding-top: 0 !important; */
  }
  /* ====== */
  
  .referenceBnr_sec h1{
    font-size: 100px;
    letter-spacing: 1px;
  }
  .referenceBnr_sec .all_out_project .each_ref_box2 h4{
    font-size: 20px;
    font-weight: 300;
  }
  .referenceBnr_detail .hero-content h1{
    font-size: 60px;
    font-weight: 500;
    letter-spacing: -0.5px;
  }
  .singleJob_bnr {
    padding-top: 45px;
  }
  .singleJob_bnr .singleVacBanner h1{
    font-size: 60px;
    letter-spacing: -0.5px;
  }
  /* ===== */

  .page-template-template_vacancies .strage_solution_ban,
  .blogPage_bnr,
  .co2_banner {
    padding: 150px 0 180px;
  }
  
  .partners_list .each_map_info{
    min-height: 350px;
  }

}

@media only screen and (max-width: 1400px) {
  .office_locker > img{
    max-width: 440px;
  } 
  .feDbSectAr.resellersAmi{
    padding-bottom: 250px;
  }
  .feDbSectAr.resellersAmi::after{
    height: 250px;
  }
  .hero-area .hero-content h1 {
    font-size: 70px;
    line-height: 80px;
  } 
  .each_relevant_sol h5 {
     min-height: 68px;
  }
  .extraHoverTxt p {
    font-size: 14px;
    line-height: 20px;
  } 
  .each_extra_funTns {
    padding: 30px 16px 30px 16px;
  }
  .page-template-template_extra-functionalities .col-lg-4:last-child .each_extra_funTns h5 {
    min-height: 60px;
  }
 
}

.mobile-footer {
  display: none;
}

@media only screen and (min-width: 768px){
  .menu-item.flag-submeanu:hover .collapse:not(.show){
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 3000px) {
  .copyright-text.m-p1 {
    display: none;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1920px) {
  .hero-area {
    position: relative;
  }
  .plan-img img {
    width: 100%;
  }
  .plan-img {
    position: absolute;
    top: 100px;
    left: 43%;
  }
  .round-dot img {
    width: 100%;
  }
  .our-solutions-sec {
    position: relative;
    padding: 163.88px 0;
  }
  .round-dot {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(34%);
  }
  .footer .footer-top {
    padding: 184px 0;
    padding-bottom: 70px;
  }
  .tree-footer {
    position: absolute;
    top: 21%;
    right: 18%;
  }
  .footer-caracter {
    position: absolute;
    right: 81px;
    bottom: 33px;
  } 
  .lookingforSolTxt{
    padding-right: 40px !important;
  }
  .brand-list img {
    height: 50px;
  }
  
}

@media screen and (max-width: 1366px) {
  .system_dropdown .card.card-dropdown{
    width: 60%;
  }
  .arMapPonitWithwrp {
    width: 64%;
  }
  .hardware_headingInfoAr{
    margin-bottom: 100px;
  }
  .hardware_diagrame_title h2{
    font-size: 60px;
    line-height: 70px;
  }
  .arInfoWrapper {
    width: calc( 100% + 120px );
    margin-left: -60px;
  }
  .each_middle_hardware p {
    font-size: 16px;
    line-height: 26px;
  }
  .each_middle_hardware h4,
  .batteryTestamonial_sec h2,
  .batteryCta_head h2{
    font-size: 30px;
    line-height: 40px;
  }
  .arTempHardwareList li a {
    padding: 34px 0 20px;
  }
  .arTempHardwareList li a h6 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 20px;
  }

  .footerAppStore li img{
    width: 150px;
  }
  .page-template-template_extra-functionalities .office_whyouneedlockers {
    padding: 120px 0 380px 0;
  }
  .arExtraFunSection {
    padding: 60px 0;
  }
  .arExtraFunWrapper h3,
  .blogList_sec h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .each_extra_funTns h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .arSelectWrapper .selectedElem {
    height: 60px;
    line-height: 60px;
    position: relative;
  }
  .arSelectWrapper::before {
    position: absolute;
    content: '';
    background-color: #C9C9C9;
    right: 0px;
    top: 13px;
    width: 1px;
    height: 38px;
    z-index: 3;
  }
  .each_ref_box2 img {
     height: 225px; 
  }
  .referenceBnr_sec .all_out_project .each_ref_box2 img {
    height: 400px; 
 }
  .arRefBoxHover p {
    font-size: 14px;
    line-height: 20px;
  }

  .inner_header h1 {
    font-size: 60px;
  }
  .inner_header .lookingSolutionInnr h1 {
    font-size: 50px;
  }

  .col-md-12.col-lg-6.how-img {
    padding-right: 30px;
  }
  .text-slider p {
    font-size: 14px;
    line-height: 24px;
  }
  .text-slider h2 {
    font-size: 25px;
    line-height: 30px;
    margin-top: 13px;
  }
  .lockers-text {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
  }
  
  .text-slider::before {
    height: calc(100% + 100px );
    top: -50px;
  }  
  .counter-box::before{
    left: -3vw;
  }
  .section {
    padding-top: 98px;
    padding-bottom: 82px;
  }
  .middle-image {
    padding-top: 71px;
  }
  .left-image {
    padding-top: 169px;
  }
  .features-text p {
    font-size: 22px;
    line-height: 34px;
  }
  .features-text{
    padding-top: 50px;
    padding-left: 50px;
  }
  .features-sec{
    padding-bottom: 144px;
  }
  .service-sliderSec {    
    padding: 102px 0px 122px;
  }
  .service-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .card-desc {
    padding: 6px 0px;
    min-height: 60px;
  }
  .refferance-sec {
    padding-top: 76px;
    padding-bottom: 150px;
  }
  .counter-box span {
    font-size: 60px;
  }
  .counter-sec {
    padding: 100px 0;
  }
  .testimonilas-sec {
    padding: 77px 0px 108px;
  }
  .section-title h2{
    font-size: 40px;
    line-height: 50px
  }
  #carouselExampleCaptions3 {
    margin-top: 40px;
  }
  .brand-sec{
    padding-top: 61px;
    padding-bottom: 88px;
  }
  .branch_banner_text h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
  }
  .be_left_box h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .right_details p {
    font-size: 20px;
    line-height: 30px;
  }
  .contactDeco1 {
    width: 50px;
    height: 50px;
  }
  .contactDeco2 {
    width: 70px;
    height: 70px;
  }
  .contactDeco3 {
    width: 80px;
    height: 80px;
  }
  .contactDeco3 > img {
    width: 30px;
  }
  .testiCarousel .item p {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .each_weoffer h3 {
    font-size: 30px;
  }
  .each_weoffer_icons {
    width: 100px;
    height: 114px;
    padding: 26px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
  }
  .contact_banner_text{
    padding: 100px 0; 
  }
  .contact_form_wrapper{
    padding: 30px 40px;
  }
  .arInput1 , .arSelect1,
  .contact_form_wrapper .form-all input:not(input[type="submit"]){
    Height: 40px;
    padding: 0 20px 0 10px;
    font-size: 14px;    
  }
  .contact_form_wrapper .form-all textarea{min-height: 150px;}
  .arSelect1{
    background-size: 10px;
  }
  .arFormGroup{
    margin-bottom: 14px;
  }
  .arTextarea1 {
    height: 148px;
    font-size: 14px;
  }
  .arSendBtn1 {
    width: 162px;
    height: 60px;
  }
  .contact_banner_text h1{
    font-size: 50px;
    line-height: 60px;
  }
  .who_we_are_sect{
    padding:40px 0 110px ;
  }
  .strage_solution_ban p {
    font-size: 18px;
    line-height: 26px;
  }

  .arBlackGradientBanner p{
    font-size: 18px;
    line-height: 26px;
  }
  .strage_solution_ban h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .top_qubickHeading.mb-100{
    margin-bottom: 80px;
  }
  .whatWeOfferHeading > h2 {
    margin-bottom: 50px;
  }
  .ech_dbBoxText h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .ech_dbBoxText p,
  .bannerNew_text .keyniusHeading p {
    font-size: 18px;
    line-height: 26px;
  }
  .ech_dbFeBox + .ech_dbFeBox {
    margin-top: 104px;
  }
  .download_app_sect{
    padding: 94px 0;
  }
  .download_app_sect h2 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 38px;
  }
  .download_app_sect ul li img{
    width: 154px;
  }
  .each_weoffer p {
    font-size: 16px;
    line-height: 26px;
  }
  .strage_solution_ban .keyniusHeading h1{
    font-size: 70px;
    line-height: 80px;
  }
  .whatIsKeynius h2 {
    font-size: 34px;
    line-height: 44px;
  }
  .what_is_kynious {
    padding: 72px 0 100px;
  }
  .addiHelpContent h1,
  .addiHelpContent h2,
  .batterySolutions_sec h3{
    font-size: 30px;
    line-height: 40px;
  }
  .addiHelpContent p,
  .batteryTestamonial_sec .hardware_headingInfoAr p,
  .batteryCta_head p {
    font-size: 18px;
    line-height: 28px;
  }
  .addiHelpContent {
    padding: 0 20px;
  }
  .ech_dbBoxImg.LeftGreenSquire {
    padding-left: 24px;
    padding-top: 34px;
  }
  .contact-text{
    padding-top: 122px;
    padding-bottom: 128px;
    padding-left: 86px;
    padding-right: 86px;
  }
  .features_and_functions{
    padding: 106px 0 45px;
  }
  .each_side_ref_img {
    -ms-flex: 0 0 200px;
    flex: 0 0 146px;
    max-width: 146px;
  }
  .each_side_ref_txt h4 {
    font-size: 16px;
  }
  .each_side_ref_txt p {
    font-size: 16px;
  }
  .each_latest_refferenc h2{
    font-size: 22px;
    line-height: 22px;
  }
  .each_ref_box2 h4,
  .page-template-template_about .all_out_project .each_ref_box2 h4{
    font-size: 16px;
    line-height: 24px;
  }
  .all_project_heading h2,
  .page-template-template_about .all_out_project .each_ref_box2 h2  {
    font-size: 30px;
    line-height: 40px;
  }
  .all_project_heading{
    margin-bottom: 40px;
  }
  .arLatest_reff_head h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .wrapper_each_fucn p {
    font-size: 30px;
    line-height: 40px;
  }
  .wrapper_each_fucn {
    padding: 120px 0 50px 0;
  }
  .all_out_project {
    padding: 60px 0 30px;
  }
  .offices_features_ar h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .page-template-template_branch_details .offices_features_ar h4 {
    min-height: 80px;
  }
  .offices_features_ar ul li {
    font-size: 16px;
  }
  .office_locker > img {
    max-width: 350px;
  }
  .each_ofc_complet > a {
    padding: 10px 14px;
  }
  .office_completation_sect{
    padding: 90px 0 150px 0;
  }
  .commonHeading1 > h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .commonHeading1 > p {
    font-size: 16px;
  }
  .each_discover_products h6 {
    padding: 20px;
    font-size: 20px;
  }
  .features_and_functions .col-xl-4 + .col-xl-4 {
    margin-top: 110px;
  }
  .discover_our_product{
    padding: 50px 0 112px;
  }
  .best_exprience_section {
    padding: 124px 0 138px 0;
  }
  .aboutMoreInfosectWrp {
    margin-top: 100px;
  }
  .meet_out_team{
    padding: 118px 0 51px;
  }
  .resellersAmi h2{
    font-size: 50px;
    line-height: 60px;
  }
  .resellersAmi p {
    font-size: 16px;
    line-height: 26px;
  }
  .greenGeneralSect h2 {
    font-size: 45px;
    line-height: 50px;
  }
  .greenGeneralSect {
    padding: 120px 0 100px;
  }
  .ourStrageSolution .be_left_box h2{
    font-size: 32px;
    line-height: 40px;
  }
  .ourStrageSolution .be_left_box h2 span{
    color: #54c970;
  }
  .discover_our_product.stroageSolutions {
    padding: 104px 0 110px;
  }
  .ar_wiy_brch.ar_wiy_branch_pg{
    padding-bottom: 150px;
  }
  .whatWeOfferToYou .col-xl-4 + .col-xl-4{
    margin-top: 72px;
  }
  .home_techonologySect .tecnology-text h2 {
    font-size: 50px;
    line-height: 60px;
  }
  .each_ref_box2 p {
    margin-bottom: 3px;
  }
  .vacencySingleContent h1{
    font-size: 50px;
    line-height: 60px;
  }
  .jobDescription p, .expectedFormUs p, .jobDescription ul li{
    font-size: 18px;
  }
  .arRefBoxHover p {
    font-size: 14px;
  }
  .expectedFormUs ul li {
    font-size: 16px;
    line-height: 28px;
  }
  .jobDescription {
    padding: 100px 0 70px;
  }
  .whatAreYouGoingTodo {
    padding: 90px 0;
  }
  .expectedFormUs {
    padding: 140px 0 130px;
  }
  .want_more_info {
    padding: 80px 0;
  }
  .want_more_info h2{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 25px;
  }
  .each_jobs_text {
    padding-left: 40px;
  }
  .each_jobs_text p {
    font-size: 16px;
    line-height: 26px;
  }
  .each_jobs_text h5 {
    font-size: 24px;
    line-height: 34px;
  }
  .each_jobs_img {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    background: #D4EAFF;
  }
  .vacPgRescont h3,
  .featuresText_head h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
  }
  .vacPgRescont p,
  .page-template-template_about .vacPgRescont p,
  .term_condition .vacPgRescont p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.15px;
    margin-bottom: 30px;
  }
  .vacancyRecellers{
    padding: 155px 0 100px;
  }
  .checkOurVideoVacPg{
    padding-top: 140px;
  }
  .videoWrapper h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .banner_text_wrap .vacancies_bannerInr h1,
  .batterylockBanner_sec h2{
    font-size: 68px;
    line-height: 81px;
  }
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 64px;
  }
  .aboutOlssenTxt h1{
    font-size: 50px;
    line-height: 60px;
  }
  .banner_text_wrap2 p {
    font-size: 18px;
    line-height: 26px;
  }
  .video_text_ar p {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 20px;
  }
  .video_text_ar {
    margin-top: 100px;
  }
  .ourMissionStatement, .ourVisionStatement {
    padding: 0 20px;
  }
  .ourVisionStatement p, .ourMissionStatement p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
  }
  .ourMissionStatement h4, .ourVisionStatement h4{
    font-size: 30px;
    line-height: 40px;
  }
  .ourMissionStatement {
    margin-bottom: 20px;
  }
  .video_text_ar::after {
    bottom: -16px;
    right: 230px;   
    z-index: -1;
  }
  .our_vision_mision {
    padding-top: 110px;
  }
  .findOutMoreAbout{
    padding: 130px 0 120px;
  }
  .findOutMoreAbout h3{
    font-size: 40px;
    line-height: 50px;
  }
  .ech_fomore_text h5,
  .video_list .box h6 {
    font-size: 20px;

  }
  .ech_fomore_text p{
    font-size: 14px;
  }
  .ech_fomore_text {
    padding: 16px 16px 0;
  }
  .foumoreRdm{
    width: 10px;
  }
  .office_whyouneedlockers{
    padding: 120px 0 250px 0;
  }  
  .contact_information h4 {
    margin-bottom: 20px;
  }
  .collection_text_decorator p {
    font-size: 16px;
  }
  .arCollectioneopContent h5 {
    font-size: 26px;
  }
  .arCollectioneopContent p {
    font-size: 16px;
    line-height: 26px;
  }
  .arCollectioneopContent {
    padding: 110px 0 26px;
  }
  .each_csrBox:nth-child(2n+2) .each_csrbox_txt {
    padding: 0 40px 0 0;
  }
  .each_csrBox:nth-child(2n+1) .each_csrbox_txt {
    padding: 0 30px;
  }
  .each_csrbox_txt ul li, .each_csrbox_txt p {
    font-size: 16px;
  }
  .each_csrbox_txt h4 {
    font-size: 30px;
    line-height: 40px;
  }
  .each_csrBox + .each_csrBox {
    margin-top: 100px;
  }
  .howWeTakeCare{
    padding-top: 180px;
    padding-bottom: 150px;
  }
  .strage_solution_ban .resllers_txt h1 {
    font-size: 70px;
    line-height: 80px;
  }
  .bannerNew_text .keyniusHeading h1,
  .heroSlider_part h2{
    font-size: 40px;
  }
  .arInfoEnvPep {
    margin-bottom: 130px;
  }
  .arInfoEnvPep h3{
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.5px;
  }
  .mapMargedTextar h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 60px;
    color: #333333;
    margin-bottom: 20px;
  }
  .mapMargedTextar{
    max-width: 600px;
  }
  .arMapSectWithPoint p,
  .partners_head p{
    font-size: 16px; 
    line-height: 28px;
  }
  .arMapPonitWithwrp h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .resllersInput {
    height: 44px;
    padding: 0 16px;
  }
  .reslelersWrap h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .reslelersWrap .form-group {
    margin-bottom: 14px;
  }
  .reslersForm {
    background-size: auto 100%;
    padding: 40px 0;
  }
  .darwantRajashtxt h3{
    font-size: 40px;
    line-height: 50px;
  }
  .darkWanttoKnowMore {
    padding: 80px 0;
  }
  .howLongItstxt h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .howLongItstxt p {
    font-size: 16px;
    line-height: 22px;
  }
  .info_center_txt {
    width: 330px;
    height: 330px;
  }
  .info_center_txt h5{
    font-size: 24px;
    line-height: 34px;
  }
  .info_center_txt ul {
    margin-top: 18px;
  }
  .info_center_txt ul li + li {
    margin-top: 8px;
  }
  .each_info_center + .each_info_center{
    margin-top: 100px;
  }
  .info_center_topbn h1{
    color: #333;  
  }
  .each_items_conidtions h5{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .each_items_conidtions p {
    font-size: 14px;
    line-height: 22px;
  }
  .section_for_seo{
    padding-top: 110px;
  }
  .section_for_seo h5{
    font-size: 20px;
    line-height: 30px;
  }
  .section_for_seo p{
    font-size: 16px;
    line-height: 24px;
  }
  .navbar-nav .menu-item {
      margin-right: 2px;
  }
  .whsol_you_interest .row .col-lg {
    -ms-flex: 0 0 calc((100% - 162px)/3);
    flex: 0 0 calc((100% - 162px)/3);
    max-width: calc((100% - 162px)/3);
  }
  .refferalHeaingar {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  .each_relevant_sol h5 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 14px;
  }
  .offices_features_ar{
    padding-top: 160px;
    padding-bottom: 80px;
  }
  .best_exprience_section.hasBtmbg{
    padding-bottom: 300px;
  }

  .leftinIcon .each_weoffer_heading .each_weoffer_icons {
    margin-right: 20px;
  }
  .branch_hover_text p{
    line-height: 1.3;
  }
  .whatAreYouGoingTodo p {
    font-size: 18px;
    line-height: 26px;
  }
  .branch_dropdown .iconod, .system_dropdown .iconod {
    width: 100px;
    height: 110px;
    vertical-align: middle;
    margin: 0 auto 10px;
    line-height: 110px;
  }
  .info_grass > img{
    width: 60px;
  }
  .infoNeed_forJob p{
    font-size: 18px;
    line-height: 26px;
  }
  .roundSmartLocker_part .solutions-text .ar__creatCircle{
    width: 550px;
    height: 550px;
  }
  .roundSmartLocker_part .circleInnrAr img{max-height: 50%;}
  .ar__each_circles:nth-child(2) img {
      transform: rotate(110deg);
  }
  .ar__each_circles:nth-child(3) img {
      transform: rotate(175deg);
  }
  .ar__each_circles:nth-child(4) img{
      transform: rotate(238deg);
  }
  .brand-list img{
      height: 50px;
  }
  .brand-list .col-md-auto{
    padding-left: 20px;
    padding-right: 20px;
  }
  .hasDecorationTop::before { 
    height: 98px;   
  }
  .weareOlssenTxt h2 {
    font-size: 30px;
    line-height: 40px;
  } 
  .sentence_section h3 {
    font-size: 30px;
    line-height: 50px;
  }
  .each_templateSystem{
    padding: 30px 15px;
  }
  .each_templateSystem h5{
    font-size: 20px;
    line-height: 30px;
  }
  .system_icon img {
    width: 140px;
  }
  .system_icon {
    height: 154px;
  }
  .arMapSectWithPoint .col-lg-1{
    display: none;
  }
  .contact_main_sect {
    padding: 150px 0 100px;
  }
  .contact_black_btnWrp{
    margin-top: 20px;
  }
  .mapPointer {
    transform: translate(-50%, 2px);
  }
  .mapPointer > img {
    width: 20px;
  } 
  .popUpInfo {
    bottom: 28px;
    left: -13px;
  }
  .popUpInfo{
    width: 200px;
  }
  .popUpInfo h4 {
    /* font-size: 20px; */
    font-size: 16px;
    line-height: 20px;
  }
 .popUpInfo h4 img{
    max-width: 80px;
    max-height: 18px;
 }
 .locationPanelPop img{
    margin-right: 10px;
 }
 .each_contact_address h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .arMapSectWithPoint{    
    padding-bottom: 100px;
  }
  .map_info_wrap_text ul li {
    font-size: 13px;
    font-weight: 400;
  }
  .mapIconInnr > img{
    width: 30px;
  }
  .map_info_icon {
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
  }
  .map_info_wrap_text h6 {
    font-size: 16px;
    line-height: 22px;
    min-height: 44px;
  }
  /* ===== */

  .single-reference .refferenceSlider.owl-carousel .owl-nav button[class*="owl-"]{
    top: calc((100% - 310px) / 2 + 25%);
  }
  
  .about_bnr .decoration3 {
    position: absolute;
    bottom: 35px;
  }
  .about_bnr.strage_solution_ban > picture{
    transform: none;
  }
  .about_bnr .decoration3 img{
    max-height: 250px;
  }
  .about_solution .banner_text_wrap h3{font-size: 46px;}
  .page-template-template_about .refferenceSlider.owl-carousel .owl-nav button[class*="owl-"]{
    top: calc((100% - 400px) / 2 + 25%);
  }
  .page-template-template_about .whatWeOfferHeading > h3{
    font-size: 40px;
  }
  /* ====== */


  /* ==== Home page Banner Animation ======= */
  .heroSlider_part .text-animation-area{
    margin: 0px;
  }
  .anim-subText p{font-size: 18px;}
  .slideText-anim2,
  .slideText-anim3{
    margin-top: 0px;
  }
  /* ==== END:: Home page Banner Animation ======= */

}

@media only screen and (min-width: 1024px) {
  .page-template-template_vacancies .strage_solution_ban,
  .blogPage_bnr,
  .co2_banner {
    /* padding: 150px 0; */
  }
  .page-template-template_vacancies .current_vacancies .each_jobs{
    height: 340px;
  }
  .page-template-template_vacancies .current_vacancies .each_jobs .each_jobs_img{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -moz-box-align: end;
    align-items: flex-end;
    height: 100%;
  }
}

/* ///for odd on 1366  */
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
  .partners_list .each_map_info{
    min-height: 380px;
  }
  .blogList_sec .each_jobs_text{padding: 30px;}

  .batterylockBanner_sec h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .batterylockBanner_sec p{
    font-size: 15px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1365.98px) and (max-width: 1370px) {
  .page-template-template_vacancies .strage_solution_ban .resllers_txt h1,
  .strage_solution_ban.about_bnr .resllers_txt h1,
  .co2_banner .resllers_txt h1{
    font-size: 76px;
  }
  .page-template-template_vacancies .each_jobs_img {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -moz-box-align: end;
    align-items: flex-end;
    max-height: 340px;
    height: 100vh;
  }
}
/* ///////////////////////////////// */

@media only screen and (min-width: 1800.98px) and (max-width: 1920px) {
  .page-template-template_more .be_left_box h2,
  .page-id-4102 .be_left_box h2{
    font-size: 44px;
  }
}

@media only screen and (min-width: 1464.98px) and (max-width: 1800px) {
  .inner_header h1{
    line-height: 70px;
  }
  .be_left_box h2{
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1680.98px) and (max-width: 1786.98px) {
  .banner_text_wrap .vacancies_bannerInr h1,
  .strage_solution_ban .resllers_txt h1{
    font-size: 90px;
  }
  .storageSolutionWrp h1{
    font-size: 68px;
    line-height: 78px;
  }
}

@media only screen and (min-width: 1464.98px) and (max-width: 1680px) {
  .banner_text_wrap .vacancies_bannerInr h1,
  .strage_solution_ban .resllers_txt h1{
    font-size: 80px;
    line-height: 90px;
  }
  .storageSolutionWrp h1{
    font-size: 50px;
    line-height: 60px;
  }
  .be_left_box h2{
    font-size: 38px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1366.98px) and (max-width: 1464px) {
  .inner_header h1{
    font-size: 64px;
    line-height: 70px;
  }
  .banner_text_wrap .vacancies_bannerInr h1,
  .strage_solution_ban .resllers_txt h1,
  .batterylockBanner_sec h2{
    font-size: 70px;
    line-height: 80px;
  }
  .bannerNew_text .keyniusHeading h1{
    font-size: 52px;
  }
  .storageSolutionWrp h1{
    font-size: 40px;
    line-height: 50px;
  }
  .be_left_box h2{
    font-size: 36px;
    line-height: 50px;
  }
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 64px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 2000px) {
  .hero_sec img{
    height: calc(100vh - 100px);
    object-fit: cover;
  }
}
/* //end 1366 */

@media only screen and (min-width: 992px)  and (max-width: 1199px) {
 
  .page-template-template_olssen-about .header .mobile-menu-btn.active .toggler-icon {
    background-color: #333;
  }

  .header.hasTransperentBg:not(.sticky) .mobile-menu-btn .toggler-icon{
    background-color: #fff;
  }
  .ar_green_header.header .mobile-menu-btn .toggler-icon{
    background: #fff !important;
  }
  .back_background.header .mobile-menu-btn .toggler-icon{
    background-color: #fff;
  }

  .navbar-nav .menu-item a {
     font-size: 12px;
  }
  .header .button .btn {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .contact-text a , .contact-text .download-btn{
    width: 180px;
  }
  .contact-text p {
    font-size: 16px;
  }
  .tecnology-text p {
    font-size: 16px;
    line-height: 24px;
  }
  .home_techonologySect .tecnology-text h2 {
    font-size: 40px !important;
    line-height: 50px !important;
  }
  .round-dot {
    position: absolute;
    transform: translateX(20%);
  }
  .solutions-textinfo p {
    font-size: 16px;
  }
  .counter-box span {
    font-size: 40px !important;
  }
  .strage_solution_ban h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .strage_solution_ban p {
    font-size: 14px;
  }
  .leftinIcon .each_weoffer_heading {
    transform: translateX(0);
    width: 100%;
  }
  .rightinIcon .each_weoffer_heading {
    right: 0;
    width: 100%;
  }
  .footer .single-footer h3 {
    font-size: 16px;
  }
  .testimonials-p p {
    font-size: 20px;
    line-height: 30px;
  }
  #carouselExampleCaptions3 {
    margin-top: 0;
  }

  .iconod {
    width: 100px;
    height: 110px;
    line-height: 110px;
  }
  .card.card-dropdown ul li p {
    font-size: 14px;
    line-height: 18px;
  }
  .section-title h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px;
  }
  .home #features .section-title {
    margin-bottom: 0;
  }
  .strage_solution_ban .resllers_txt h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .bannerNew_text{
    padding-top: 20px;
  }
  .banner_text_wrap .vacancies_bannerInr h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .arBlackGradientBanner p {
    font-size: 16px;
    line-height: 24px;
  }
  .testiCarousel .item p {
    font-size: 22px;
    line-height: 26px;
  }
  .white_headings {
    margin-bottom: 60px;
  }
  .our_testimonial2 {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .branch_banner_birds {
    left: 20%;
  }
  .be_left_box {
    margin-bottom: 70px;
    margin-left: 70px;
  }
  .best_exprience_section .col-lg-2{
    display: none;
  }
  .aboutMoreInfosectWrp {
    margin-top: 60px;
  }

  .best_exprience_section {
    padding: 124px 0 60px 0;
  }
  .each_weoffer .tell_me_more, .greenCommonBtn {
    padding: 14px 22px;
  }
  .batterylockBanner_sec .greenCommonBtn{
    line-height: 1;
  }
  .page-template-template_branch_details .offices_features_ar h4{
    min-height: unset;
    margin-bottom: 20px;
  }
  .page-template-template_branch_details .offices_features_ar .col-xl-3:not(:last-child) {
    margin-bottom: 40px;
  }
  .blueBannerImgAr {
    width: 100% !important;
  }
  .findOutMore .col-xl{
    margin-top: 24px;
  }

  .each_csrBox:nth-child(2n+2) .arInfoCsrBoxImgwrp{
    order: -1;
  }

 .howWeTakeCare .row{
    -webkit-justify-content: center;
    justify-content: center;
  }
  .arBreadCrumbsss {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blueBannerImgAr {
    width: 100%;
  }
  .lookingSolutionInnr .row{
    align-items: flex-end;
  }
  .grass_left {
    left: -45px;
    width: 58px;
  }
  .extra_functionalities {
    padding: 85px 0 80px;
  }
  .white_headings h2 {
    font-size: 36px;
    line-height: 46px;
  }
  .page-template-template_looking-for-solution .white_heading_inr {
      max-width: 780px;
  }
  .arCollectioneopContent {
    padding: 60px 0 26px;
  }
  .brand-sec h4.mb-5{
    margin-bottom: 20px !important;
  }
  .ar_wiy_brch.ar_wiy_branch_pg {
    padding-bottom: 70px;
  }
  .offices_features_ar {
    padding-top: 60px;
  }
  .text-slider {
    margin-top: 60px;
  }

  .features_and_functions {
    padding-top: 80px; 
  }
  .office_completation_sect {
    padding: 80px 0;
  }
  .office_whyouneedlockers {
    padding: 120px 0 150px 0;
  }
  .discover_our_product {
    padding-bottom: 60px;
  }
  .refferance-sec {
    padding-bottom: 80px;
  }
  .arInfoLockerWrapper li{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    padding: 0 15px;
  }
  .arInfoLockerWrapper li + li{
    margin-left: 0;
  }
  .arInfoLockerWrapper li a{
    width: 100%;
    text-align: center;
  }

  .arInfoLockerWrapper {
    max-width: 767px;
    margin-left: auto;
    margin-right: auto;
  }
  .refferenceSlider.owl-carousel .owl-nav button.owl-next {
    right: 20px;
    top: 33%;
  }
  .refferenceSlider.owl-carousel .owl-nav button.owl-prev {
    left: 20px;
    top: 33%;
  }
  .menu-item-2307 .card.card-dropdown {
    width: 100%;
  }

}

.footer-logo img{
  -webkit-image-rendering: optimizequality;
  image-rendering: optimizequality;
  max-height: 145px;
}
.footer-logo a:not(:last-child){ margin-right: 10px;}
.footer-logo a {
  display: inline-block;

}
.card-img a{
  display: block;
}

/*iPad Pro ====> Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
  .leftinIcon .each_weoffer_heading {
    transform: translateX(0px);
    width: 100%;
  }
  .rightinIcon .each_weoffer_heading {
    right: 0;
    width: 100%;
  }
  .info_grass_img{
    display: none;
  }
  .menu-item-2307 .card.card-dropdown {
    width: 100%;
  }
  /* ===== */

}

/* ///for client laptop only  */
@media only screen and (min-width: 1141px) and (max-width: 1280px) {
  .ar__creatCircle{
    width: 66vh;
    height: 66vh;
  }
  .roundSmartLocker_part .solutions-text .ar__creatCircle{
    width: 600px;
    height: 600px;
  }
  .branch_dropdown .iconod{
    width: 90px;
    height: 84px;
    border-radius: 0px;
    line-height: 1;
  }
  .navbar-nav .menu-item {
    margin-right: 0px;
  }
  .navbar-nav .menu-item a {
    font-size: 14px;
  }
  .header .navbar-brand img {
    width: 180px;
  }
  .container{
    max-width: 1040px;
  }
  .hero-area .hero-content h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .section-title h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .checkOurVideo{
    padding-top: 90px;
  }
  .round-dot {
    transform: translateX(20%);
  }
  .solutions-textinfo{
    min-height: 100vh;
    padding: 200px 40px 150px 0;
  }
  .our-solutions-sec{
    padding-bottom: 180px;
  }

  .header .button .btn {
    padding-left: 8px;
    padding-right: 8px;
  }

  .banner_text_wrap .vacancies_bannerInr h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .page-template-template_orgatec .banner_text_wrap .vacancies_bannerInr h1 {
    font-size: 56px;
  }

}

@media only screen and (min-width: 991px) and (max-width: 1140px) {
  .header .navbar-brand img {
    width: 172px;
  }
  .navbar-nav .menu-item {
    z-index: 1;
    position: relative;
    margin-right: 0px;
  }
  body .container-fluid {
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
  }
  .ar_branch_grid > li{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (max-width: 1024px) {
  .shortCode_sec.boost_efficiency{padding-bottom: 0;}
}

@media (max-width: 991px) {
  
  .arSingleRefference .container_Wrapper .col-lg-4{
    margin-bottom: 30px;
  }
  .col-parse-25 {
    max-width: 33.33333333337%;
  }
  body .container-fluid {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
  .inner_header h1 {
    font-size: 40px;
  }
  .grass_left{
    display: none;
  }
  .decoration3{
    display: none;
  }
  .best_exprience_section {
      padding: 100px 0;
  }
  .best_exprience_section .col-md-5{
    margin-bottom: 30px;
  }
  .leftinIcon .each_weoffer_icons, .rightinIcon .each_weoffer_icons{
    transform: translateX(0);
    position: static;
    margin: 0;
  }
  .each_weoffer h3{
    font-size: 30px;
    word-break: break-word;
  }
  .each_weoffer h3 br{
    display: none;
  }
  .info_grass_img{
    display: none;
  }
  .our_testimonial2 .col-md-6{
    margin-top: 40px;
  }
  .testiCarousel .item p {
    font-size: 25px;
    line-height: 35px;
  }  
  .contact_main_sect{
    margin-top: 0;
  }
  .col-md-12.col-lg-6.how-img{
    margin-bottom: 30px;
    padding-right: 0;
  }
  .our_testimonial2 .container-fluid .white_headings{
    order: -1;
  }
  .our_testimonial2 .container-fluid .col-md-6{
    order: -1;
  }
  .wrapper_testimonial_right{
    margin-bottom: 30px;    
    padding: 0;
  }
  .our_testimonial2{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .arCategoryGroupWrpss{
    display: none;
  }

  .whsol_you_interest{
    padding: 20px 0;
  }
  .whsol_you_interest .arCategoryCbGroup li label{
    color: #fff;
  }
  .whsol_you_interest .arCategoryCbGroup li label::before{
    border: 2px solid #ffffff;
  }
  .arCategoryCbGroup li:first-child{
    margin-top: 0;
  }
  .whsol_you_interest .arCategoryCbGroup li label::after{
    border-color:#fff;
  }

  .all_out_project2 { 
    padding: 30px 0 60px;
  }
  .each_csrbox_img{
    margin-bottom: 34px;
  }
  #big.owl-carousel .owl-nav button.owl-prev{
    margin-left: 0px;
  }
  #big.owl-carousel .owl-nav button.owl-next{
    margin-right: 0px;
  }
  .header .navbar-nav .menu-item:hover a {
    color: #ffffff;
  }
  .our_latest_refference {
    padding-top: 40px;
  }
  .deco_stroage {
    top: -30px;
  }
  .ech_dbBoxText{
    max-width: 100%;
  }
  .brand-list .col-md-auto{
    margin-bottom: 30px;
  }

  .our_testimonial2 .col-md-6{
    width: 100%;
  }
  .our_testimonial2 .col-md-4{
    width: 100%;
  }
  .keynious_what_iskeynius_pg .be_left_box{
    margin-left: 0;
  }
  .keynious_what_iskeynius_pg .be_left_box h2{
    padding-bottom: 0; 
  }
  .keynious_what_iskeynius_pg .right_details {
    margin-top: 10px;
  }
  .arBlackGradientBanner:after, .solutionDtlsban:after {
    background: linear-gradient(90deg, #302C2B 27.09%, rgba(56, 53, 52, 0.95) 33.61%, rgba(75, 73, 73, 0) 100%);
  }
  .expectedFormUs {
    padding: 80px 0;
  }

  .weareOlssenTxt{
    width: 100%;
  }
  .weareOlssenTxt h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .contact-sec {
    margin-bottom: -80px;
    
  }
  .contact-sec .container-fluid{
    --bs-gutter-x: 0px;
  }
  .hardware_middle_sect{
     padding: 80px 0 ; 
  }
  .hardware_solutions_diagrame {
      padding: 80px 0 48px;
  }
  .hardware_diagrame_title h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .hardware_headingInfoAr{
    margin-bottom: 60px;
  }  
  .page-template-template_hardware .each_middle_hardware:last-child .col-lg:last-child{
    order: -1;
  }
  .ech_hardware_icon img{
    width: 25px;
  }
  .arTempHardwareList li a h6 {
    margin-top: 8px;
  }
  .page-template-template_hardware .each_middle_hardware:nth-child(2) .col-lg:first-child{
    margin-bottom: 30px;
  }
  .hardware_about_info{
    padding: 80px 0;
  }
  .software_middle_sect{
    padding-top: 80px;
  }
  .page-template-template_software .banner_text_wrap {
    position: static;
  }
  .page-template-template_software .arBlackGradientBanner > picture{
    width: 100%;
  }
  .page-template-template_software .arBlackGradientBanner {
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .page-template-template_software .each_middle_hardware:nth-child(odd) .col-lg:nth-last-child(2), .page-template-template_software .each_middle_hardware:nth-child(odd) .col-lg:nth-last-child(1){
    order: -1;
    margin-bottom: 30px;
  }
  .each_middle_hardware {
      margin-bottom: 40px !important;
  }
  .hardware_middle_sect.batteryTestamonial_sec .each_middle_hardware{
    padding-bottom: 0px;
  }
  .contact_main_sect{
    padding: 80px 0;
  }
  .arTemplateSystem .col-lg-3 + .col-lg-3{
    margin-top: 40px;
  }
  .header .button .btn {
    --headerBtnBg: #54CA70;
  }
  .our-solutions-sec:after {
    background-size: 100% auto;
  }
  /* ===== */
  .productPayment_list .each_middle_hardware + .each_middle_hardware{
    padding-top: 1rem;
  }

}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
    .navbar-nav>.menu-item.flag-submeanu>a:after {
      display: none;
    }
    .menu-item.flag-submeanu{
      width: 100%;
    }
    .menu-item.flag-submeanu ul ul{
      display: inline-block !important;
    }
    .menu-item.flag-submeanu .megamenu li {
      background: transparent;
    }
    .contact-sec {
      margin-bottom: -7%;
    }
    .card.card-dropdown ul {
      margin-bottom: 10px !important;
    }

    .header .navbar-nav .menu-item a {
      font-size: 25px;
      line-height: 40px;
      text-align: left;
      color: #fff;
      display: block;
    }
    .navbar-nav .menu-item .sub-menu .menu-item a{
      font-size: 20px !important; 
    }

    .ar__creatCircle{
      width: 50vw;
      height: 50vw;
    }

    .header .navbar-collapse {
      position: absolute;
      top: 67px !important;
      left: 0;
      width: 100%;
      background-color: #fff;
      z-index: 9;
      -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
      padding: 10px 20px;
      height: calc(100vh - 68.88px);
      overflow-y: auto;
      overflow-x: hidden;
      border-radius: 6px;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      background: linear-gradient(122deg, #149dff 6.25%, #003ecb 93.74%);
      flex-direction: column;
    }
    .header .navbar .navbar-nav .menu-item a:hover {
      color: #fff !important;
    }

    .header .navbar .navbar-nav .menu-item a.active {
      color: #3865f2 !important;
    }
    .header .navbar-nav .menu-item {
      margin: 0;
    }
    .header .navbar-nav .menu-item:hover a {
      color: #fff;
    }
    .header .navbar-nav .menu-item a {
      padding: 12px 16px !important;
    }
    .header .navbar-nav .menu-item a::before {
      display: none;
    }
    .header .navbar-nav .menu-item .sub-menu {
      position: static;
      width: 100%;
      opacity: 1;
      visibility: visible;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0;
      border: none;
      margin-left: 15px;
      margin-right: 15px;
    }
    .header .navbar-nav .menu-item .sub-menu .menu-item a {
      padding: 12px 16px !important;
    }
    .header .navbar-nav .menu-item .sub-menu .menu-item a:hover {
      color: #fff !important;
    }
    .header .navbar-nav .menu-item a {
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 10px 0;
    }
    .header .navbar-nav .menu-item a::after {
      opacity: 1;
      visibility: visible;
    }
    .header .navbar-nav .menu-item .sub-menu li.active {
      background: #fff !important;
      color: #3865f2 !important;

    }
    .header .navbar-nav .menu-item .sub-menu .menu-item {
      margin: 0 !important;
      width: 100%;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      text-align: left;
    }
    .card.card-dropdown ul li p{
      color: #fff;
    }
    /*.header .navbar-nav .menu-item .sub-menu .menu-item a {
      padding: 10px 12px !important;
    }*/
    .header .navbar-nav .menu-item .sub-menu li:hover {
      color: #3865f2 !important;
    }    
    .header {
        padding: 18px 0 !important;
    }
    .navbar-expand-lg .navbar-toggler {
      display: block;
      margin-left: auto;
    }
    /*.mobile-menu-btn .toggler-icon {
      background-color: #fff;
    }*/
    .home .mobile-menu-btn .toggler-icon {
      background-color: #fff;
    }
    #menu-header-menu ~ ul{
      width: 100%;
      padding: 10px;
      margin-bottom: 20px;
    }
    #menu-main-menu-fr ~ ul{
      width: 100%;
      padding: 10px;
      margin-bottom: 20px;
    }
    .menu-item.flag-submeanu a i {
        font-size: 11px;
    }
    .navbar-nav .menu-item a i{
      display: none;
    }
    .card.card-dropdown ul li{
      width: 100%;

    }
    .menu-item.flag-submeanu a i {
      color: #ffffff;
    }

    .navbar-expand-lg .navbar-collapse:not(.show) {
      display: none !important;
    }
    .iconod{
      display: none;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        width: 100%;
    }
    .add-list-button{
        width: 100%;
    }      

    .mobile_logo{
      display: block;
    }
    .branch_dropdown .card.card-dropdown ul li{
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .arCollapseIcon {
      display: block;
      position: absolute;
      right: 0;
      top: 8px;
      color: #fff;
      padding: 10px;
    }
    .menu-large {
      position: relative !important;
    }
    .navbar-nav .menu-item .sub-menu.collapse:not(.show){
      display: none;
    }

  .solutions-text{
    display: none;
  }
  .solutions_text_mobile{
    display: block;
    margin-top: 30px;
  }
  .card.card-dropdown,
  .system_dropdown .card.card-dropdown,
  .system_dropdown.products_dropdown .card.card-dropdown{
    width: 100%;
  }
  .home_techonologySect .home_tech_inner .col-lg-6{
    width: 40%;
  }
  .navbar-nav .menu-item .sub-menu{
    background: transparent;
  }
  .header.back_background .mobile-menu-btn .toggler-icon{
    background: #fff;
  }
  .strage_solution_ban p {
      font-size: 16px;
  }
  .contact-sec .contact-text a, .contact-text .download-btn {
      width: 186px;
  }
  .counter-sec.numbers .col-lg-8 .col-lg-auto{
    margin: 20px 0;
  }
  .counter-sec {
      padding: 60px 0;
  }
  .navbar-nav .olssen_dropdown .menu-item > a .iconod {
    display: none;
  }
  .contact_main_sect .row {
    justify-content: center;
  }
  .contact_form_wrapper{
    margin-bottom: 50px;
  }
  .arRefBoxHover{
    display: none;
  }

  .page-template-template_info-centre .header .mobile-menu-btn .toggler-icon {
    background-color: #338be5;
  }
  .single-vacatures .header .mobile-menu-btn.active .toggler-icon {
    background-color: #333;
  }
  .home .solution_content {
    min-height: 262px; 
  }

}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none){

 .solutions_mobile_carousel  .owl-nav button {
      top: 24%;
  }
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none){
 .solutions_mobile_carousel  .owl-nav button {
      top: 28%;
  }
  .home .solution_content {
      min-height: 220px;
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .info_grass_img{
    display: none;
  }
  .home .solution_content{
    min-height: 280px;
  }

  .back_background.header .mobile-menu-btn .toggler-icon{
    background-color: #fff;
  }
  .header .navbar-collapse {
    position: absolute;
    top: 68px !important;
    left: 0;
    width: 100%;    
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 28px 20px;
    height: calc(100vh - 68.888px);
    overflow-y: scroll;
    border-radius: 0;
    background: linear-gradient(122deg, #149dff 6.25%, #003ecb 93.74%);
    max-height: unset;
  }
  .header .navbar-nav .menu-item a::after {
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .header .navbar-nav .menu-item {
    margin: 0;
  }
  .header .navbar-nav .menu-item a {
    font-size: 25px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    display: block;
  }


  .header .navbar .navbar-nav .menu-item a.active {
    color: #fff !important;
  }
  .navbar-nav .menu-item a i {
    display: none;
  }
  .navbar-nav>.menu-item.flag-submeanu{
    align-self: normal !important;
  }
  .hero-area .hero-content h1 {
    font-size: 50px !important; 
    line-height: 60px !important;
    font-weight: 500;
  }
  .left-image {
    padding-top: 0px;
  }
  .middle-image {
    padding-top: 20px;
  }
  .features-text {
    /* width: 800px; */
    padding-top: 72.65px;
    padding-left: 0;
  }
  .features-sec {
    padding-bottom: 80px;
  }
  .service-sliderSec {
    background-color: #54ca70;
    padding: 80px 0px;
  }
  .our-solutions-sec {
    position: relative;
    padding: 100px 0 150px 0;
  }
  .soloution-image {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .image-top-icon {
    display: none;
  }
  .solutions-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .home .our-solutions-sec .solutions-title{
    margin-bottom: 40px;
  }
  .solutions-text {
    margin-top: 50px;
  }
  .col-md-12.col-lg-6.how-img img {
    width: 100%;
  }
  .col-md-12.col-lg-6.how-img img {
    width: 100%;
    margin-bottom: 30px;
  }
  .text-slider::before {
    display: none;
  }
  .refferance-sec {
    background-color: #f4f4f4;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .counter-box span {
    font-size: 50px;
  }
  .contact-text {
    background-color: #333333;
    padding: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .col-lg-5.insert-image {
    height: 500px;
  }
  body .container-fluid {
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
  }
  .sticky .navbar .navbar-nav .menu-item a {
    color: #fff;
  }
  .ar_branch_grid > li{
    -ms-flex: 0 0 33.3333333333337%;
    flex: 0 0 33.3333333333337%;
  }
  .top_qubickHeading h2 {
    font-size: 40px;
  }
  .top_qubickHeading.mb-80{
    margin-bottom: 40px;
    padding-left: 80px;
    padding-right: 80px;
  }
  h1 {
    font-size: 50px;
  }
  .lookingForSolutions picture > img, .lookingForSolutions picture > source {
    height: 880px;
    object-fit: cover;
  }
  .menu-item-has-children.menu-large{
    position: relative !important;
  }

  .best_exprience_section.hasBtmbg {
    padding-bottom: 220px;
  }
  .page-template-template_extra-functionalities .office_whyouneedlockers {
    padding: 120px 0 220px 0;
  }
  .page-template-template_branch .branch_banner_sect > picture > img{
    height: 460px;
  }
  .about_bannerimg.forDesktop > img{
    height: 500px;
  }
  .contact_information{
    margin-top: 50px;
  }
  .contact_banner_text {
    padding: 60px 0;
  }
  .arInfoCsrBoxImgwrp {
    order: -1;
  }
  .about_bannerimg img{
    height: 500px;
  }
  

  .detailsWrap::after {
    left: -40px;
  }
  .detailsWrap {
      margin-left: 56px;
  }
  .strage_solution_ban .resllers_txt h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .page-template-template_resellers .strage_solution_ban .greenCommonBtn,
  .page-template-template_vacancies .strage_solution_ban .greenCommonBtn{
    margin-top: 0;
  }
  .page-template-template_branch_details .offices_features_ar h4 {
    min-height: unset;
  }

  .text-slider {
    margin-top: 0;
  }
  .arCollectioneopContent {
    padding-top: 80px;
  }
  .brand-sec {
    padding-bottom: 60px;
  }
  .collection_text_decorator {
    margin-left: 70px;
  }
  .collection_text_decorator::after {
    left: -40px;
  }
  .collection_text_decorator {
    margin-left: 20px;
  }
  .features-sec .right-image{
    margin-top: 30px;
  }
  .keynious_what_iskeynius_pg .be_left_box{
    margin-left: 40px;
    margin-bottom: 60px;
  }
  .be_left_box.arKyniousBox::after {
    left: -32px;
  }
  .keynious_what_iskeynius_pg .right_details {
    padding: 0 20px;
  }
  .top_qubickHeading::after, .top_qubickHeading::before {
    transform: rotate(-45deg) scale(0.5);
  }
  .feDbSectAr {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .whatWeOfferHeading > h2 {
    font-size: 40px;
  }
  .aboutMoreInfosectWrp {
    margin-top: 40px;
  }
  .arInfoArlorem{
    margin-bottom: 30px;
  }
  .aboutMoreInfosectWrp .col-xl-4 img{
    width: 100%;
    display: block;
  }
  .tem_img_wrp {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .blueBannerImgAr{
    width: 100%;
  }
  .ar_green_header.header .mobile-menu-btn .toggler-icon {
    background: #fff !important;
  }
  .best_exprience_section {
   padding: 80px 0 60px 0;
  }
  .page-template-template_looking-for-solution .best_exprience_section {
    padding: 120px 0 80px 0;
  }
  .arInfoEnvPep {
    margin-bottom: 40px;
  }
  .howWeTakeCare {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .arBlackGradientBanner > picture{
    display: block;
  }
  .arBlackGradientBanner > picture > img{
    height: 540px;
    width: 100%;
    object-fit: cover;
  }
  .each_jobs{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px;
  }
  .each_jobs_img {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .each_jobs_text,
  .download_list .each_jobs .each_jobs_text,
  .blogList_sec .each_jobs_text {
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px;
  }
  .vacPgRescont {
    order: 1;
    margin-top: 40px;
  }
  .vacancyRecellers {
    padding: 80px 0;
  }
  .checkOurVideoVacPg {
    padding-top: 80px;
  }
  .checkOurVideoVacPg h3{
    margin-bottom: 30px;
  }
  .vacantRecellersImg{
    width: 100%;
  }
  .vacantRecellersImg > img{
    width: 100%;
    display: block;
  }
  body .container-fluid{
    --bs-gutter-x: 16px;
  }
  .reslersForm {    
    background-size: 100%;
    background-position: top;
    padding:80px 0;
  }

  .resllersInput {
    height: 56px;
    padding: 0 22px;
  }
  .mapMargedWrap picture img{
    height: 440px;
    object-fit: contain;
    object-position: top;
  }
  .single-collectie  .be_left_box::after {
    top: -20px;
    bottom: -20px;
  }
  .single-collectie .right_details {
    margin-top: 0;
  }
  .page-template-template_branch .right_details {
    margin-top: 0px;
  }
  .page-template-template_branch .be_left_box::after {
    top: -20px;
    left: -20px;
    bottom: -20px;
  }
  .page-template-template_branch .be_left_box {
    margin-left: 20px;
  }
  .ar_wiy_brch.ar_wiy_branch_pg {
    padding-bottom: 60px;
  }
  .features_and_functions {
    padding: 70px 0 45px;
  }
  .arRefBoxHover{
   display: none;
  }
  .single-collectie .container_Wrapper .col-md-6 {
    flex: 0 0 100%;
    width: 100%;
  }
  .single-collectie .tellMeMore {
    min-width: 312px;
    text-align: center;
  }
  .arInput1, .arSelect1 {
    height: 56px;
    font-size: 14px;
    border-radius: 8px !important;
  }
  .refferenceSlider.owl-carousel .owl-nav button.owl-prev {
    left: 20px;
    top: 33%;
  }
  .refferenceSlider.owl-carousel .owl-nav button.owl-next {
      right: 20px;
      top: 33%;
  }

  .blueBannerImgAr img{
    height: 480px;
    width: 100%;
    object-fit: cover;
  }
  .howLongItstxt{
    margin-bottom: 30px;
  }
  .vacantGrilImg {
    margin-top: -40px;
  }
  .solutions_mobile_carousel  .owl-nav button {
    top: 20%;
  }
  .each_extra_funTns{
    text-align: center;
  }
  .about_bannerimg.singleJob_bnr .waveWrap img {
    height: auto;
  }

}

@media (max-width: 767px) {
  .info_grass_img{
    display: none;
  }
  /*.page-template-template_keynius  .banner_text_wrap{
    position: static;
  } */
  .page-template-template_keynius .arBlackGradientBanner > picture {
    width: 100%;
  }
  .arInfoCsrBoxImgwrp{
    order: -1;
  }
  .vacPgRescont{
    margin-bottom: 30px;
  }
  .plan-img {
    display: none;
  }
  .left-image {
    padding-top: 0px;
  }
  .features-sec {
    display: none;
  }
  .left-image1 {
    margin-top: 20px;
  }
  .features-text {
    /* width: 800px; */
    padding-top: 40px;
    padding-left: 0;
  }
  .features-text p {
    font-size: 20px;
    line-height: 30px;
  }
  .service-sliderSec {
    padding: 64px 0px;
    margin-top: 40px;
  }
  .service-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .owl-dots {
    background-color: transparent;
  }

  .solutions-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .round-dot {
    display: none;
  }
  .m-d-none {
    display: none;
  }
  .solutions-text {
    margin-top: 20px;
  }
  .mobile-image {
    padding-top: 56px;
  }
  .our-solutions-sec {
    position: relative;
    padding: 57px 0 350px 0;
  }
  .solutions-textinfo h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
  }
  .refferance-sec {
    background-color: #f4f4f4;
    padding-top: 53px;
    padding-bottom: 90px;
  }

  .text-slider h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .col-md-6.how-img img {
    width: 100%;
    margin-bottom: 42px;
  }
  .text-slider .carousel-indicators {
    position: absolute;
    right: unset;
    bottom: auto;
    left: -18px;
    z-index: 2;
    display: block;
    justify-content: center;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    list-style: none;
    top: 41%; 
    width: auto;
  }
  .text-slider .carousel-indicators [data-bs-target] {
    margin: 10px 8px;
  }
  .lockers-text {
    margin-top: 15px;
  }
  .text-slider::before {
    display: none;
  }
  .text-slider {
    margin-top: 44px;
  }
  .counter-sec {
    padding: 60px 0px;
  }
  .counter-box span {
    font-size: 50px;
    color: #fff;
    line-height: 60px;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .counter-box {
    margin-bottom: 50px;
    align-items: center;
  }

  .counter-box::before {
    display: none;
  }


  .tecnology-text h2 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .tecnology-text p {
    text-align: left;
    margin-top: 10px;
  }
  .testimonilas-sec {
    padding: 50px 0px;
  }
  .col-lg-5.insert-image {
    height: 250px;
  }
  .contact-text {
    background-color: #333333;
    padding: 20px 20px;
    padding-top: 40px;
    padding-bottom: 120px;
    text-align: center;
  }
  .brand-sec {
    padding-top: 50px;
    padding-bottom: 44px;
  }
  .brand-list li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 7px;
    width: 30.28%;
  }
  .copyright-text.m-p {
    display: none;
  }
  .single-footer.f-link p {
    margin-top: 20px;
  }
  .contact-sec .container-fluid {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
  .navbar-nav .menu-item a i {
    display: none;
  }
  .header .navbar-nav .menu-item .sub-menu {
    display: none;
  }
  .menu-item.flag-submeanu {
    display: none;
  }
  .navbar-nav .menu-item a.collapsed::after {
    display: none;
  }
  .sticky .navbar .navbar-nav .menu-item a {
    color: #fff;
    /* padding: 0 !important; */
  }
  .desktop-footer {
    display: none;
  }
 
  .footer.mobile-footer .footer-top {
    padding-top: 67px;
  }
  .footer-i img {
    width: 100%;
  }
  .footer.mobile-footer {
    text-align: center;
    padding-bottom: 20px;
    display: block;
  }
  .footer-i p {
    margin-top: 30px;
  }
  .ar_branch_grid > li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .top_qubickHeading h2 {
    font-size: 30px;
    margin-bottom: 14px;
  }
  .top_qubickHeading.mb-80{
    margin-bottom: 20px;
  }
  .contact_ban_sect > img{
    height: 400px;
    object-fit: cover;
  }
  .col-md-6.contact_information{
    margin-top: 30px;
  }
  h1 {
    font-size: 60px;
  }
  .contact_banner_text{
    padding: 60px 10px;
  }
  .what_is_kynious {
    padding: 70px 0;
  }

  .offices_features_ar .col-md-4{
    margin-bottom: 45px;
  }
  .greenGeneralSect .col-md-6:first-child{
    margin-bottom: 30px;
  }
  .greenGeneralSect{
    padding: 80px 0;
  }
  .about_bannerimg .banner_text_wrap2 {
    margin-top: -350px !important;
  }
  .about_bannerimg > img{
    height: 400px;
    object-fit: cover;
  }
  .our_vision_mision .col-md-6:first-child{
    margin-bottom: 50px;
  }
  .ourMissionStatement h4, .ourVisionStatement h4{
    font-size: 30px;
  }
  .findOutMoreAbout h3 {
    font-size: 40px;
  }
  .banner_text_wrap{
    padding:  0 30px;
  }
  .each_jobs{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  }
  .each_jobs .each_jobs_img{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .each_jobs_text,
  .blogList_sec .each_jobs_text{
    padding: 30px;
  }
  .features_and_functions .col-xl-4 + .col-xl-4{
    margin-top:0px;
  }
  .discover_our_product .commonHeading1{
    text-align: center;
  }
  .discover_our_product .col-md-auto{
    text-align: center;
    margin-top: 20px;
  }
  .top_qubickHeading::before{
    left: -125px;
  }
  .top_qubickHeading::after{
    right: -125px;
  }
  .aboutMoreInfosectWrp .arInfoArlorem{
    order: 1;
    margin-top: 30px;
  }
  .aboutMoreInfosectWrp .col-md-6:not(.arInfoArlorem){
    padding: 0;
  }
  .lookingForSolutions picture > img, .lookingForSolutions picture > source {
    height: 720px;
  }

  .contact_information{
    margin-top: 40px;
  }
  .contact_who_we_Aretxt h1,
  .contact_who_we_Aretxt h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .who_we_are_sect{
    padding: 60px 0;
  }
  .not_found_text{
    order: 1;
    margin-top: 30px;
  }

  .not_found_text .d-flex{
    flex-direction: column;
  }
  .not_found_text ul li + li{
      margin-left: 0px;
      margin-top: 30px;
  }
  .features-secmobile{
    display: block;
  }
  .testiCarousel .owl-dots {
    left: 0;
    top: unset;
    bottom: -50px;
    transform: translateY(0);
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    position: static;
    padding-top: 42px;
  }
  .each_latest_refferenc a {
    display: block;
  }
  .each_latest_refferenc a img{
    display: block;
    width: 100%;
  }
  .each_side_ref_img a{
    display: block;
    width: 100%;
  }
  .all_project_heading{
    text-align: center;
  }
  .all_project_heading .col-md-auto:last-child{
    margin-top: 20px;
  }
  .page-template-template_resellers .strage_solution_ban > picture,
  .page-template-template_vacancies .strage_solution_ban > picture,
  .blogPage_bnr > picture{
    width: 100%;
  }
  .page-template-template_resellers .banner_text_wrap,
  .page-template-template_vacancies .banner_text_wrap,
  .blogPage_bnr .banner_text_wrap{
    position: static;
    transform: none;
  }
  .page-template-template_resellers .strage_solution_ban{
    padding: 30px 0;
  }
  .page-template-template_vacancies .strage_solution_ban,
  .blogPage_bnr,
  .co2_banner {
    padding: 30px 0 65px;
  }
  /* ====== */
  
  .heroSlider_part h2{
    font-size: 30px;
  }
  .heroSlider_part .caption .subText{font-size: 20px;}
  .heroSlider_part .home_banner_text .text-box{
    font-size: 16px;
  }



}

@media screen and (min-width: 575px) and (max-width: 767px){
  .detailsWrap {
    margin-left: 56px;
  } 
  .detailsWrap::after {
    left: -40px;
  }
  .contact_information .col-md-6{
    margin-bottom: 30px;
  }
  .strage_solution_ban .resllers_txt h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .page-template-template_resellers .strage_solution_ban .greenCommonBtn,
  .page-template-template_vacancies .strage_solution_ban .greenCommonBtn{
    margin-top: 0;
  }
  .arBreadCrumbsss {
    margin-bottom: 13px !important;
  }


}

@media (max-width: 991px) {
  .card.card-dropdown,
  .menu-item-2307 .card.card-dropdown,
  .system_dropdown .card.card-dropdown,
  .system_dropdown.products_dropdown .card.card-dropdown {
     width: 100% !important; 
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a span {
    display: block;
    line-height: 1.4;
  }
  .application_options {
    padding: 80px 0 60px;
  }

  .card.card-dropdown ul {
      margin-bottom: 12px !important;
  }
  .menu-item.flag-submeanu{align-self: normal !important;}
  .menu-item.flag-submeanu ul ul{
    display: inline-block !important;
  }

  .discover_our_product.stroageSolutions {
    padding: 60px 0;
    margin-bottom: 40px;
  }


  .arInfoLockerWrapper{
    margin-left: 0;
  }
  .arInfoLockerWrapper li + li{
    margin-left: 0;
  }
  .arInfoLockerWrapper {
    justify-content: center;
    max-width: 450px;
    margin: 60px auto 0;
  }

  .footer-caracter {
    display: none;
  }
  .tree-footer {
    display: none;
  }
  .be_left_box h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .branch_banner_sect > img{
    height: 400px;
    object-fit: cover;
    width: 100%;
  }
  .branch_banner_text h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .branch_banner_text{
    max-width: 100%;
    width: 100%;
    padding: 0 16px;
  }
  .white_headings h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .white_headings {
    margin-bottom: 40px;
  }
  .contact_main_sect{
    margin-top: 0;
  }
  .strage_solution_ban > img{
    height: 520px;
    object-fit: cover;
  }
  .strage_solution_ban p,
  .bannerNew_text .keyniusHeading p {
    font-size: 16px;
    line-height: 24px;
    
  }
  .right_details p {
    font-size: 20px;
    line-height: 30px;
  }
  .ech_dbFeBox .col-md-6:first-child{
    margin-bottom: 30px;
  }
  .ech_dbFeBox + .ech_dbFeBox {
    margin-top: 60px;
  }
  .download_app_sect h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .what_is_kynious .col-lg-6:first-child{
    margin-bottom: 30px;
  }
  .ech_dbFeBox:nth-child(2n) .col-lg-6:last-child{
    order: -1;
    margin-bottom: 30px;
  }
  .ech_dbFeBox:nth-child(n) .col-lg-6:first-child{
    margin-bottom: 30px;
  }
  .ech_dbBoxImg.LeftGreenSquire {
    padding-left: 24px;
    padding-top: 24px;
  }  
  .ar_custz_heading{
    padding-left: 0px;
    text-align: center;
  }
  .keynius_logo_ar{
    left: 0px;
  }
  .discover_our_product{
    padding: 80px 0;
  }
  .offices_features_ar h4 {
    font-size: 30px;
  }
  .greenGeneralSect h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .about_bannerimg .banner_text_wrap2{
    position: static;
    bottom: auto;
    top: 0;
    margin-top: -460px;
  }
  .video_text_ar p {
    font-size: 24px;
    line-height: 35px;
  }
  .our_latest_refference .col-xl-6 + .col-xl-6 {
    margin-top: 50px;
  }
  .arLatest_reff_head h2 {
    font-size: 40px;
  }
  .each_side_reffernce{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }


  .each_side_ref_img img{
    width: 100%;
  }
  .whsol_you_interest .col-lg {
    margin-bottom: 20px;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .whsol_you_interest .col-lg-auto:last-child .arSendBtn1 {
    border-radius: 8px;
  }
  .page-template-template_references .arFilterOptions {
    margin-top: 30px;
  }

  .galGrid{
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .gal_left_row, .gal_middle_row, .gal_right_row{
    width: 100%;
    margin-top: 0px;
  }
  .gal_middle_row{
    padding: 0px;
  }
  .wrapper_each_fucn p {
    font-size: 26px;
    line-height: 40px;
  }
  .wrapper_each_fucn {
    padding: 60px 0;
  }
  .each_discover_products img{
    width: 100%;
    display: block;
  }
  .checkVideohasMb {
    margin-bottom: 80px;
  }
  .current_vacancies {
    margin-top: 50px;
  }
  .about_bannerimg .banner_text_wrap2.pt-120{
    padding-top: 60px;
  }
  .character_pos{
    display: none;
  }
  .jobDescription {
    padding: 60px 0;
  }
  .whatAreYouGoingTodo {
    padding: 60px 0;
  }
  .expectedFormUs {
    padding: 80px 0;
  }
  .ar__creatCircle{
    display: none;
  }
  .solutions-textinfo {
    padding: 0 0 60px 0;
  }
  #carousel50 .owl-dots button.owl-dot {
    width: 16px;
  }
  #carousel50 .owl-dots{
    background: transparent;
  }
  .what_is_kynious .col-lg-6:last-child{
    order: -1;
    margin-bottom: 40px;
  }
  .ech_dbBoxImg{
    margin-bottom: 40px;
  }
  .each_latest_refferenc > img{
    width: 100%;
  }
  .whsol_you_interest{
    margin-top: 0;
  }
  .arFilterOptions{
    color: #fff;
    background: linear-gradient(122deg, #149DFF 6.25%, #003ECB 93.74%);
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 20px 12px;
    letter-spacing: 0.75px;
    position: relative;
    display: block;
  }
  .arFilterOptions::after{
    content: "";
    width: 14px;
    height: 7px;
    background: url(../images/refferences/angle-down.svg);
    position: absolute;
    right: 24px;
    top: 24px;
  }
  .features_and_functions .col-lg-4 + .col-lg-4 {
    margin-top: 0px;
  }
  .aditionalHelpSection .col-lg-5 + .col-lg-5{
    order: -1;
    margin-bottom: 20px;
  }
  .addiHelpContent{
    padding-right: 0;
    text-align: center;
  }
  .aditionalHelpSection,
  .batteryCta_sec{
    padding: 50px 0 67px;
  }
  .strage_solution_ban {
    --bs-gutter-x: 40px;
  }
  .lookingforSol_wwotu .whatWeOfferHeading::after, .lookingforSol_wwotu .whatWeOfferHeading::before {
    width: 90px;
    height: 90px;
  }
  .whatWeOfferHeading > h3,
  .page-template-template_about .whatWeOfferHeading > h3 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .rightinIcon .each_weoffer_heading{
    width: 100%;
  }
  .leftinIcon .each_weoffer_heading{
    transform: translateX(0);
    width: 100%;
  }
  .banner_text_wrap .vacancies_bannerInr h1,
  .batterylockBanner_sec h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
  }

   .who_we_are_sect .col-lg-5 {
      order: 1;
      margin-top: 50px;
  }
  .whatIsKeynius_img {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .each_info_center{
    flex-direction: column;
  }

  .info_center_txt + .info_cener_img {
    margin-left: 0;
    order: -1;
  }
  .info_center_txt{
    width: 100%;
    height: auto;
  }
  .info_cener_img:first-child{
    margin-right: 0;
  }
  .for_mob_image{
    display: block;
    margin-top: 20px;
  }
  .info_cener_img{
    display: none;
  }
  .section_for_seo .col-lg-5{
    margin-bottom: 40px;
  }
  .section_for_seo {
    padding-top: 50px;
  }
  .home_techonologySect .tecnology-text h2{
    text-align: left;
  }

  /* ==== */
  .navbar .user_part {
    display: block;
    margin: 0;
  }
  .navbar .user_part > a{
    display: block;
    padding: 12px 16px;
  }
  .navbar .user_part > .dropdown-toggle::after{
    display: none;
  }
  .navbar .user_part .dropdown_menu.sub-menu.collapse:not(.show){
    display: none;
  }
  /* ==== */

  .arCollapseIcon {
      display: block;
      position: absolute;
      right: 0;
      top: 8px;
      color: #fff;
      padding: 10px;
  }
  .arCollapseIcon.downActive{
    transform: rotate(90deg);
  }
  .navbar-nav .menu-item .sub-menu{
    background: #ffffff00;
  }
  .header .iconod{
    display: none;
  }
  .header .navbar-nav .menu-item a{
    color: #fff;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item a{
    color: #fff;
  }
  .header .navbar-nav .menu-item .sub-menu .menu-item p{
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.15px;
    font-size: 20px;
  }
  .card.card-dropdown,
  .system_dropdown .card.card-dropdown,
  .system_dropdown.products_dropdown .card.card-dropdown {
    width: 100% !important;
  }
  .header.lookingHeader .navbar-nav .menu-item.current-menu-item > a{
    background: transparent;
  }
  .header .button {
    text-align: left;
    padding-left: 16px;
  }
  .page-template-template_branch_details .col-xl-6.right_details {
    margin-top: 60px;
  }

  .be_left_box {
    margin-left: 60px;
  }

  .offices_features_ar .col-xl-3{
    margin-bottom: 40px;
  }
  .be_left_box.branchLeftBox{
    padding: 20px 0 20px 30px;
    margin-bottom: 50px;
  }
  .contact-sec .contact-text .download-btn {
    margin-left: 0;
  }
  .right_details {
    margin-top: 60px;
  }
  .whatWeOfferToYou .col-xl-4 + .col-xl-4 {
    margin-top: 0;
    }
  .info_grass{
    display: none;
  }
  .arInfoLockerWrapper li{
    width: 100%;
  }
  .arInfoLockerWrapper li a{
    display: block;
    width: 100%; 
  }
  .menu-item.flag-submeanu {
    padding: 20px 0;
  }
  .strage_solution_ban p{
    color: #fff;
  }
  .solutions-text {
    display: none;
  }
  .solutions_text_mobile{
    display: block;
  }

  .page-template-template_home .header{
      background: #333333;
  }

  .footer .single-footer.f-about .logo img {
    width: 265px;
  }
  .footer .single-footer.f-about .logo .navbar-brand{
    margin-right: 0;
  }
  .page-template-template_branch_details .offices_features_ar h4 {
    min-height: unset;
  }
  .offices_features_ar::before {
    height: 96%;
    }
  .findOutMore .col-xl{
    margin-top: 24px;
  }
  .ourMissionStatement, .ourVisionStatement {
    padding: 0;
  }
  .visionMissionImg{
    margin-bottom: 30px;
  }
  .findOutMoreAbout{
    padding: 40px 0 60px;
  }
  .reselersHowLongWrp{
    margin-top: 30px;
  }
  .reselersHowLongWrp img{
    width: 100%;
    display: block; 
  }
  .howLongIts {
    padding: 60px 0;
  }
  .navbar-nav .olssen_dropdown .menu-item > a .iconod{
    display: none;
  }

  #refferenceSect .carousel-indicators {
    bottom: -66px;
    top: unset;
    flex-direction: row;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    left: 50%;
  }
  .text-slider .carousel-indicators [data-bs-target] {
    margin: 10px 8px;
  }
  .contact_information .col-lg-4{
    margin-bottom: 30px;
  }
  .arMapWrap {
    width: 100%;
    position: relative;
  }
  .arMapSectWithPoint{
    padding-top: 80px;
    padding-bottom: 0px;
  }
  .page-template-template_resellers .strage_solution_ban > picture,
  .page-template-template_vacancies .strage_solution_ban > picture,
  .blogPage_bnr > picture {
    margin-right: 0;
  }
  /* ====== */

  .orgatec_thumble{
    padding-bottom: 80px;
  }
  /* ======= */

  .bannerNew_text,
  .homeSlideArea .heroSlider_part{
    position: relative;
  }
  .download_modal .modal-content{padding: 20px;}
  .download_modal .btn-success{ width: 100%;}

  .homeSlideArea{
    background-color: #444444;
  }
  .homeSlideArea > picture{margin-top: -50px;}

}

@media (max-width: 575px) {
  .page-template-template_branch .branch_banner_left {
    width: 70%;
    margin-left: auto;
    left: 0;
    right: 0;
  }
  .page-template-template_branch .whatWeOfferHeading > h3 {
      margin-bottom: 20px;
  }
  .header.lookingHeader {
    --headerBtnBg: #67dc78;
  }
  .navbar-nav .solution_dropdown .menu-item > a> span {
    line-height: 24px;
    display: block;
  }

  .arInfoLockerWrapper li a{
    width: 100%;
    display: block;
  }
  .d-flex.justify-content-end.wp-paginate.font-inherit {
    text-align: center;
    /* display: block !important; */
    justify-content: center !important;
  }
  .arPagination {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .first_page {
    margin-left: 0px !important;
  }
  .arInfoLockerWrapper li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }

  .branch_banner_birds{
    display: none;
  }
  .each_ofc_complet > a{
    width: auto;
  }
  .each_ofc_complet:nth-child(5) {
    right: 60px;
  }
  .each_ofc_complet:nth-child(2) {
    left: 60px;
  }
  .office_locker > img {
    width: 100%;
  }

  .best_exprience_section.hasBtmbg {
    padding-bottom: 300px;
    background: url(../images/storage-solution/outside-env-sm.png) center bottom no-repeat;
    background-size: 100%;
  }
  .commonHeading1 > h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
  }  

  h3 {
    font-size: 30px;
    font-weight: 500;
  }
  .our-solutions-sec {
    padding: 57px 0 90px 0;    
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }

  .inner_header {
    min-height: 100vh;
    background-position: 80% bottom !important;
  }
  .hero-content.pb-5.mb-4{
    margin-bottom: 0 !important;
  }
  .contact_ban_sect > img {
    height: 350px;
  }
  .what_is_kynious .container-fluid{
    padding: 0;
  }
  .what_is_kynious .container-fluid .col-lg-6:first-child{
    order: 1;
    margin-top: 30px;
  }
  .what_is_kynious .row{
    margin: 0;
  }
  .what_is_kynious .col-lg-6{
    padding-right: 0;
    padding-left: 0;
  }  
  .banner_text_wrap {
    top: 10px;
    transform: translateY(0);
  }
  .arUserIcon {
    right: 6px;
    Width: 46px;
    Height: 43px;
    bottom: auto;
    top: 53px;
    right: 6px;
  }
  .arUserIcon img{
    width: 20px;
  }

  .offices_features_ar{
    background: url(../images/office/rect-mini.svg);
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 46px;
  }
  .page-id-74 .offices_features_ar::before{
    height: 94%;
    background: linear-gradient(0deg, #69E47A 6.73%, #60B270 109.32%);
    transform: matrix(1, 0, 0, -1, 0, 0);
  }

  .features_and_functions .each_weoffer_icons{
    width: 50px;
    height: 50px;
  }
  .leftinIcon .each_weoffer_heading .each_weoffer_icons {
    margin-right: 20px;
  }
  .rightinIcon .each_weoffer_heading .each_weoffer_icons {
    order: -1;
    margin-right: 20px;
  }
  .features_and_functions .each_weoffer_icons>img{
    width: 20px;
  }
  .each_weoffer h3 {
    font-size: 25px;
    font-weight: 400;
  }
  .each_weoffer {
    padding: 60px 27px;
  }
  .office_locker{
    display: none;
  }
  .each_ofc_complet{
    position: static;
    transform: translate(0);
    transform: translate(0) !important;
    margin-bottom: 23px;
  }
  .ar_custz_heading h2{
    font-size: 30px;
  }
  .office_completation_sect {
    padding: 30px 0 20px;
  }
  .what_is_kynious.mb-60{
    margin-bottom: 0;
  }
  .whatIsKeynius_img.kynsHiddenMob{
    display: none;
  }

  .whatIsKeynius_img.kynsShowMob{
    display: block;
    margin-bottom: 40px;
  }
  .keynius_logo_ar {
    width: 62px;
    height: 60px;
    left: 46px;
    bottom: -61px;
    top: auto;
  }
  .keynius_logo_ar img{
    width: 30px;
  }

  .refferance-sec {
    background-color: #f6f6f6;
  }
  .hasDecorationTop::before {
    height: 28px;
    top: -28px;
  }
  .discover_our_product .commonHeading1 > h2{
    font-size: 30px;
  }
  .discover_our_product .commonHeading1 {
    padding: 0 20px;
  }
  .discover_our_product .commonHeading1 p br{
    display: none;
  }
  .discover_our_product {
    padding: 60px 0;
  }
  .flying_plane {
    left: 15%;
  }
  .branch_banner_right {
    display: none;
  }
  .branch_banner_left picture{
    display: block;
    width: 100%;

  }
  .branch_banner_left{
    width: 100%;
    bottom: 5%;
  }
  .flying_plane{
    width: 138px;
    bottom: -67px;
  }
  .branch_banner_text {
      top: 100px;
      padding: 0 15px;
      text-align: left;
      transform: translate(-50%, -0%);
  }
  .leftinIcon .each_weoffer_heading{
    width: 100%;
    transform: translateX(0);
  }
  .leftinIcon .each_weoffer_icons, .rightinIcon .each_weoffer_icons {     
    width: 70px;
    height: 77px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    padding: 16px;
  }
  .rightinIcon .each_weoffer_heading{
    width: 100%;
  }
  .leftinIcon .each_weoffer_icons img, .rightinIcon .each_weoffer_icons img{
      width: 29px;
  }
  .inner_header.lookingForSolutions{
    min-height: initial;
    margin-bottom: 40px;
  }
  .lookingForSolutions picture > img, .lookingForSolutions picture > source {
    height: auto;
  }
  .lookingSolutionInnr{
    bottom: initial; 
    top: 45px;
  }
  .decoration3{
    display: block;
  }
  .whatWeOfferToYou .col-md-6 + .col-md-6{
    margin-top: 0;
  }
  .refferdtlssss h1{
    font-size: 40px;
  }
  .feDbSectAr {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .ech_dbBoxText h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .arLatest_reff_head h2{
    font-size: 30px;
    margin-bottom: 10px;
  }
  .our_latest_refference {
    padding-top: 40px;
  }
  .whsol_you_interest h2{
    font-size: 20px;
    line-height: 30px;
  }
  .whsol_you_interest {
    padding: 40px 0;
  }
  .whsol_you_interest .col-lg-auto{
    text-align: right;
  }
  .all_out_project {
    padding: 60px 0;
  }

  .all_project_heading h2{
    font-size: 30px;
    line-height: 40px;
  }
  .all_project_heading {
    margin-bottom: 30px;
    text-align: center;
  }
  .galGrid {
    padding: 0 0;
  }
  .gal_left_row .each_gallery_img, .gal_middle_row .each_gallery_img{
    margin-bottom: 16px;
  }
  .detailsWrap{
    padding: 0 0 0 0;
    margin: 0;
  }
  .detailsWrap::after{
    display: none;
  }
  .reffDtlsTxt {
    padding: 40px 0;
  }
  .be_left_box h2{
    font-size: 30px;
    line-height: 40px;
  }
  .best_exprience_section{
    padding: 80px 0 80px;
  }
  .features_and_functions{
    padding: 40px 0;
  }
  .whatWeOfferHeading > h2{
    font-size: 30px;
  }
  .ech_dbBoxImg{
    width: calc(100% + 24px);
    margin-left: -12px;
  }
  .aboutMoreInfosectWrp {
    margin-top: 30px;
  }
  .want_more_info h2{
    font-size: 30px;
  }
  .want_more_info {
    padding: 60px 0;
  }
  .meet_out_team {
    padding: 50px 0;
  }
  .whatIsKeynius {
    padding: 0;
    text-align: center;
  }
  .whatIsKeynius p {
  
    text-align: left;
  }
  .whatIsKeynius h2, .resellersAmi h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .feDbSectAr.resellersAmi::after{
    background: url(../images/office/office-mini.svg) no-repeat center bottom;
  }
  .greenGeneralSect h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .greenGeneralSect{
    padding: 50px 0;
    text-align: center;
  }
  .about_bannerimg.forDesktop{
    display: none;
  }
  section.about_bannerimg.forMobile{
    display: block;
    z-index: 1;
  }
  section.about_bannerimg.forMobile::after{
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #ECECEC 45.98%, rgba(236, 236, 236, 0) 100%);
    height: 100%;
  }

  .banner_text_mobile{
    position: absolute;
    top:10px;
    z-index: 1;
  }
  .about_bannerimg  .banner_text_mobile h1{
    font-weight: 500;
    font-size: 60px;
    line-height: 80px;
  }


  .video_text_ar::before{
    left: 50%;
    transform: translateX(-50%);
  }
  .video_text_ar::after{
    display: none;
  }
  .findOutMoreAbout {
    padding: 40px 0 80px;
  }
  .findOutMoreAbout h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }
  .banner_text_wrap {
    padding: 0;
  }
  .for_modile_vacinePra{
    padding: 0 16px;
    margin-top: 50px;
  }
  .for_modile_vacinePra p{
    font-size: 20px;
    line-height: 30px;
  }
  .videoImages{
    width: calc(100% + 24px);
    margin-left: -12px;
  }
  .jobTitleGoesHere{
    position: relative;

  }
  .jobTitleGoesDescript{
    position: absolute;
    top: 75px;
    left: 0;
    padding: 0 20px;
  }
  .jobTitleGoesDescript h2{
    margin-bottom: 10px;
    word-break: break-word;
    word-wrap: break-word;
    -ms-word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 36px;
  }
  .jobTitleGoesDescript h2 span {
    display: block;
  }

  .jobTitleGoesDescript p{
    font-size: 20px;
    line-height: 30px;
  }
  .whatAreYouGoingTodo h5 {
    text-align: center;
  }

  .tecnology-sec .home_tech_inner{
    top: 10%;
    left: 0;
    padding: 0 10px;
    transform: translateY(0);
  }
  .top_qubickHeading::after, .top_qubickHeading::before{
    top: -62px;
  }
  .top_qubickHeading h2 {
    margin-bottom: 44px;
  }
  .video_Wrapper{
    width: 100%;
    margin-bottom: 60px;
  }
  .top_qubickHeading.mb-100 {
    margin-bottom: 40px;
  }
  .decoration2{
    display: none;
  }
  .decoration1{
    display: none;
  }
  .whatWeOfferToYou.lookingforSol_wwotu {
    padding-bottom: 0;
  }
  .be_left_box.arKyniousBox::after{
    display: none;
  }
  .be_left_box.arKyniousBox h2{
    padding-top: 0;
  }
  .keynious_what_iskeynius_pg{
    padding: 50px 0 60px;
  }

  .arLeftIconInfoss{
    padding-left: 10px !important;
  }
  .branchLeftBox.be_left_box::after{
    left: 0;
  }
  body{
    --bs-gutter-x: 16px;
  }
  .office_whyouneedlockers .be_left_box::after{
    left: -35px;
  }
  .office_whyouneedlockers .be_left_box {
    position: relative;
    z-index: 1;
    margin-left: 36px;
    margin-bottom: 0;
  }
  .office_whyouneedlockers {
    padding: 60px 0 120px 0;
  }
  #refferenceSect .carousel-indicators {
      bottom: -66px;
      top: unset;
      flex-direction: row;
      transform: translateX(-50%);
      width: 100%;
      display: flex;
      left: 50%;
  }
  .discover_our_product.discoverInfoOffice{
    background: #fff;    
  }
  .strage_solution_ban .keyniusHeading h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .ourMissionStatement{
    padding-top: 30px;
  }
  .contact_banner_text h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .leftboxOssslen.be_left_box {
    margin: 0px 0 0 40px;
  }
  .be_left_box::after {
    left: -40px;
    top: -20px;
    bottom: -20px;
  }  
  .wifiSymblBn {
    right: 0;
    transform: translate(0%, -100%);
    width: 50px;
  }
  .be_left_box.arInolefts{
    margin-bottom: 60px;
    margin-left: 40px;
  }
  .testimonialDecoration3 {
    width: 60px;
    height: 60px;
  }
  .ar_wiy_brch.ar_wiy_branch_pg {
    padding-bottom: 40px;
  }
  .testimonilas-sec .section-title h2 {
      margin-bottom: 0;
  }
  .section-title h2 {
    font-size: 30px;
    line-height: 40px;
    
  }
  .be_left_box.leftStroageSolut {
    margin: 40px 0 60px 40px;
  }
  .ar_branch_grid > li > a h6 {
    padding: 12px 6px;
  }
  .each_ref_box2 h4 {
    font-size: 20px;  
  }
  .each_ref_box_hasborder{
    border: none;
  }
  .arCollectioneopContent{
    text-align: left;
    padding: 40px 0 26px;
  }
  .arCollectioneopContent h5{
    font-size: 30px;
  }
  .arCollectioneopContent p {
    font-size: 20px;
    line-height: 30px;
  }
  .collection_text_decorator::after{
    display: none;
  }
  .collection_text_wrap {
    padding: 45px 0 30px;
  }
  .banner_text_wrap .container-fluid{
    --bs-gutter-x: 16px;
  }
  .howWeTakeCare{
    padding-top: 90px;
    padding-bottom: 50px;
  }
  .each_csrBox:nth-child(2n+1) .each_csrbox_txt{
    padding: 0;
  }
  .each_csrBox:nth-child(2n+2) .each_csrbox_txt{
    padding: 0;
  }
  .each_csrBox:nth-child(2n+2) .col-md-6:first-child{
    order: 1;
  }
  .each_csrBox + .each_csrBox {
    margin-top: 50px;
  }
  .info_center_txt{
    padding: 0;
    background: none;
  }
  .info_cener_img + .info_center_txt{
    padding-left: 0;
  }
  .info_center_txt h5{
    margin-bottom: 20px;
  }
  .each_info_center + .each_info_center {
    margin-top: 60px;
  }
  .info_center_wrap {
    padding: 60px 0;
  }
  .infoCenterInner_ban_sm{
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.15px;
    color: #302C2B;
    margin-bottom: 70px;
  }
  .for_mobiless{
    display: block;
  }
  .for_mobiless~.outer{
    display: none;
  }
  .col-parse-25 {
    max-width: 50%;
  }
  .arBlackGradientBanner::after, .solutionDtlsban::after {
    background: linear-gradient(180deg, #302C2B 27.09%, rgba(56, 53, 52, 0.95) 33.61%, rgba(75, 73, 73, 0) 100%);
    height: 100%;
  }

  .page-template-template_keynius .arBlackGradientBanner:after{
    height: 100%;
  }
  .blackImgWrap {
    width: 100%;
    margin-left: auto;
    display: block;
  }
  .checkVideohasMb {
    margin-bottom: 40px;
  }
  .checkOurVideoVacPg {
    padding-top: 80px;
  }
  .greenGradientBanner::after{
    background: linear-gradient(180deg, #149BFE 36.69%, rgba(20, 155, 254, 0) 100%);
    height: 60%;
  }
  .blueBannerImgAr{
    width: 100%;
  }
  .page-template-template_more .office_whyouneedlockers:after {
    height: 10px;
  }
  .error-404 .greenCommonBtn , .error-404 .greenCommonBtn_invert{
    width: 100%;
    text-align: center;
  }
  .image404_wrp{
    margin: 30px 0;
  }

  .page-template-template_more .office_whyouneedlockers{
    padding: 100px 0 150px 0;
  }

  .collectionsDetailsSm{
    position: relative;
  }
  .collectionsDetailsSm:after{
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #ECECEC 45.98%, rgba(236, 236, 236, 0) 100%);
  }
  .collectionsDetailsSm .jobTitleGoesDescript {
    z-index: 1;
  }
  .collectionsDetailsSm .jobTitleGoesDescript h2{
    font-weight: 500;
    font-size: 60px;
    line-height: 80px;
    letter-spacing: -0.5px;
    color: #333333;
    word-break: break-all;
  }
  .sin_coll_deco_sm{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .sin_coll_deco_sm> img{
    width: 100%;
    display: block;
  }
  .page-template-template_extra-functionalities .office_whyouneedlockers {
    padding: 120px 0 260px 0;
  }

  .header .navbar-nav .menu-item a {
    text-align: left;
  }
  .hero-area .hero-image {
    width: calc(100% + 260px);
    margin-left: -130px;
  }
  .solutions_mobile_carousel .owl-nav button {
    top: 18%;
  }
  .page-template-template_info-centre section.about_bannerimg.forMobile::after{
    height: 60%;
  }

  body:not(.page-template-template_sustanability):not(.page-template-template_sustanability) .strage_solution_ban h1,
  .blogPage_bnr h1 {
    word-break: break-word;
    word-wrap: break-word;
    -ms-word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }

  .strage_solution_ban h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
  }


  .inner_header .lookingSolutionInnr h1 {
    font-size: 40px;
    font-weight: 500;
  }
  .wifiSymblBn {
    top: 0;
  }
  .page-template-template_references .strage_solution_ban p{
    color: #fff;
  }
  .page-template-template_olssen .strage_solution_ban p{
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
  }
  .banner_text_wrap .vacancies_bannerInr h1,
  .batterylockBanner_sec h2 {
    font-size: 40px;
    line-height: 50px;
    word-break: break-word;
    word-wrap: break-word;
    -ms-word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .arBlackGradientBanner p{
    color: #fff;
  }
  .batterylockBanner_sec .greenCommonBtn{
    padding: 19px 40px;
  }
  .reslersForm .reslelersWrap{
    margin-top: 40px;
  }
  .greenGradientBanner::after {     
    height: 96%;
  }
  .home_techonologySect .tecnology-text h2{
    font-size: 30px;
    line-height: 40px;
    text-align: center;
  }
  .lookingGirls {
    bottom: -9px;
    right: 35%;
    width: 66px;
  }
  .page-template-template_looking-for-solution .be_left_box.arInolefts{
    margin-bottom: 0;
  }
  .testimonials-p{
    background-color: #fff;
    padding: 0;
  }
  .testimonials-p > p::after{
    display: none;
  }
  .testimonials-p > p::before {
    display: block;
    margin: 0 auto 18px;
  }
  .homeTestimonial_wrp {
      padding-bottom: 40px;
  }
  #carouselExampleCaptions3 .carousel-control-prev, #carouselExampleCaptions3 .carousel-control-next {
    display: none;
  }
  #carouselExampleCaptions3 .carousel-indicators [data-bs-target] {
    border: 3px solid #C9C9C9;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    margin-left: 10px;
    margin-right: 10px;
  }
  #carouselExampleCaptions3 .carousel-indicators [data-bs-target].active{
    background: #54CA70;
    border-color: #54CA70;
  }
  .page-template-template_olssen-about .hero-content .arParagraph, .page-template-template_olssen-about .hero-content .arParagraph p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
  }

  .page-template-template_olssen-about .header {
    background: #ECECEC;
  }
  .page-template-template_references .all_out_project{
    padding-bottom: 20px;
  }
  .tecnology-text h3{
    text-align: center;
  }
  #carouselExampleCaptions3 .carousel-indicators{
    display: flex;
    bottom: 0px;
    margin: 0;
  }
  .testimonials-p > p {
    margin: 0;
  }
  .reference_btn{
    text-align: center;
    margin-bottom: 15px;
  }
  #carouselExampleCaptions .container{
    padding: 0;
  }
  .text-slider h2{
    min-height: 120px;
  }
  .solutions_mobile_carousel .owl-nav button.owl-prev{
    left: 10px;
  }
  .solutions_mobile_carousel .owl-nav button.owl-next {
    right: 10px;
  }
  .mCustomScrollbar {
    display: none;
  }
  .lockingSolMobileCarousel{
    display: block !important;
  }
  .lockingSolMobileCarousel .owl-dots{
    margin-top: 20px;
  }
  .footerTree5, .footerTree4, .footerTree3, .footerTree2, .footerTree1{
    display: block;
  }

  .footerTree1{
    position: absolute;
    top: -96px;
    right: 0;
  }
  .footerTree2{
    position: absolute;
    top: 40px;
    left: 0;
  }
  .footerTree3{
    position: absolute;
    top: 40px;
    right: 0;
  }
  .footer-top .row .col-12{
    position: relative;
  }
  .footerTree4{
    position: absolute;
    top: 40px;
    left: 0;
  }
  .footerTree5{
    display: none;
  }
  .footer.mobile-footer .footer-top {
    padding-bottom: 0;
  }
  .contact_form_wrapper {
    padding: 30px 10px;
  }

  .arInput1, .arSelect1,
  .contact_form_wrapper .form-all input:not(input[type="submit"]) {
    Height: 56px;
    font-size: 16px;
    padding: 0 22px;
  }
  .arSendBtn1 {
    width: 221px;
    height: 56px;
  }
  .contact_form_wrapper .form-all .jsTest-button-wrapperField .jf-form-buttons{width: 100%;}
  .page-template-template_branch .be_left_box.branchLeftBox{
    margin: 0;
  }

  .our_testimonial2 .testimonialDecoration1, .our_testimonial2  .testimonialDecoration2 , .our_testimonial2 .testimonialDecoration3{
    display: none;
  }
  .our_testimonial2{
    text-align: center;
  }
  .our_testimonial2{
    text-align: center;
  }
  .testimonial_outer::before {
    position: static;
    display: inline-block;
  }
  .testimonial_outer::after{
    display: none;
  }
  .our_testimonial2 .col-md-6 {
    margin-top: 0;
  }
  .testiCarousel .owl-dots button.owl-dot {
    display: block;
    margin: 0 10px;
  }
  section.whatWeOfferToYou.pt-200{
    padding-top: 54px;
    padding-bottom: 25px;
  }
  .branch_hover_text{
    display: none;
  }
  .contact-sec .contactDeco1, .contact-sec .contactDeco2, .contact-sec .contactDeco3{
    display: none;
  } 

  .top_qubickHeading {
    padding-left: 45px;
    padding-right: 45px;
  }
  .refferance-sec.topHasBgBlue {    
    margin-top: 0px;
    background: #EDEDED;    
  }
  .arPartnerSlider .owl-stage{
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
  }
  .brand-sec .brand-list{
    display: none !important;
  }
  .arPartnerSlider  {
    display: block !important;
  }
  .brand-sec h4.mb-5{
      margin-bottom: 26px !important;
  }
  .strage_solution_ban .resllers_txt h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .discoverCarousel  .owl-nav{
    display: none;
  }
  .discoverCarousel .owl-dots{
      display: block;
      padding-top: 32px;
  }
  .arRefBoxHover{
    display: none;
  }

  .page-template-template_collection .each_ref_box2 h4 {
      font-size: 14px;
      line-height: 30px;
      color: #333333;
      font-weight: 400;
      padding: 10px 0 ;
      min-height: unset;
  }
  .page-template-template_collection .each_ref_box_hasborder {
    margin: 0;
    min-height: unset;
  }
  .ech_fomore_text {
    padding: 25px 16px 0;
  }
  .findOutMore .col-xl + .col-xl{
    margin-top: 24px;
  }
  .ech_fomore_text h5 {
    font-size: 30px;
  }
  .ech_dbBoxText p {
      font-weight: 400; 
  }
  .whsol_you_interest .arInput1, .whsol_you_interest .arSelect1{
    border-radius: 8px;
  }


  .whsol_you_interest  .arSendBtn1{
    width: 176px;
  }

  .page-template-template_references .each_side_ref_txt h4{
    font-size: 20px;
    font-weight: 800;
  }
  .each_side_ref_txt p {
    font-size: 20px;
    line-height: 30px;
  }

  .each_latest_refferenc h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .ourLatestRefLeft {
    margin-bottom: 20px;
  }
  .each_side_reffernce > .each_side_ref_img {
    margin-bottom: 20px;
  }

  .refferenceSlider .owl-nav{
    display: none;
  }
  .refferenceSlider .owl-dots{
    display: block;
  }
  .howLongIts {
    padding: 60px 0;
  }
  .howLongIts .row{
    flex-wrap: wrap-reverse;
  }
  .howLongIts .col-md-4:last-child {
    margin-bottom: 30px;
  }


  .howLongItstxt p {
    font-size: 20px;
    line-height: 30px;
  }
  .mapMargedTextar h3{
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }
  .mapMargedWrap {
    margin-bottom: 60px;
  }
  .mapMargedTextar {
    padding: 0 25px;
  }
  .resllersInput {
      height: 56px;
  }
  .page-template-template_info-details .whatAreYouGoingTodo h5 {
      text-align: left; 
  }
  .mobileGridTerms{
    display: block;
  }
  .termsCarousel {
    display: none !important;
  }
  .each_items_conidtions + .each_items_conidtions{
    margin-top: 25px;
  }
  .page-template-template_info-details .info_detial_slider h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }
  .each_items_conidtions p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }

  .page-template-template_resellers .banner_text_wrap{
    top: 15px;
  }


  .page-template-template_branch .branch_banner_text h4{
    margin-bottom: 14px;
  }
  .page-template-template_branch .arBreadCrumbsss{
    margin-bottom: 0 !important;
    margin-top: 10px;
  }


  .page-template-template_info-centre .banner_text_mobile {
    top: 10px;
  }

  .navbar-nav .olssen_dropdown .menu-item > a .iconod{
    display: none;
  }
  .lockeroplossingen-template-default .right_details {
    margin-top: 0;
  }
  .extra_functionalities {
    padding: 50px 0;
  }
  .contact-sec {
    --bs-gutter-x: 0;
  }
  .each_side_ref_img {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .each_side_ref_txt{
    padding-left: 0px;    
  }

  .arInfoEnvPep {
      margin-bottom: 50px;
  }
  .page-template-template_info-centre .info_center_txt h5{
    margin-bottom: 0;
  }
  .solutions_text_mobile {
    padding: 50px 0 0;
  }
  .deco_stroage{
    display: none;
  }
  .page-template-template_collection .banner_text_wrap .vacancies_bannerInr h1{
    font-size: 60px;
    line-height: 80px;
  }
  .keyniusHeading h1 {
    font-weight: 500;
  }
  .page-template-template_olssen .strage_solution_ban h1 {
    font-size: 60px;
    line-height: 80px;
  }

  .arBreadCrumbsss{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .collection-template-default section.about_bannerimg.forMobile::after {
    background: linear-gradient(180deg, #ECECEC 25.98%, rgba(236, 236, 236, 0) 100%);
  }
  .contact_meeting_wrap{
    background-image: none !important;
    padding: 40px 0;
  }
  /* =================== */

  .referenceBnr_sec h1{font-size: 40px;}
  .about_bnr.strage_solution_ban > picture{
    width: 100%;
    transform: none;
  }
  .about_bnr .decoration3{position: static;}
 
}

@media (max-width: 767px) {
  .arBreadCrumbsss {
    margin-top: 0px;
    margin-bottom: 33px !important;
  }
  .branch_banner_text .justify-content-center {
    justify-content: flex-start !important;
  } 

  .collectie-template-default .be_left_box {
    margin-left: 0;
  }
  .collectie-template-default .be_left_box.branchLeftBox {
    margin-bottom: 0;
  }
  .header .navbar-nav .menu-item .sub-menu{
    position: static !important;
  }
  .menu-item.flag-submeanu {
    display: block;
    padding: 0;
    width: 100%;
  }
  .navbar-nav>.menu-item.flag-submeanu>a:after {
  display: none;
  }
  .menu-item.flag-submeanu .megamenu li{
    background: transparent;
  }
  
  /* =========== */

  .referenceBnr_sec{padding-top: 60px;}
  .referenceBnr_sec .all_out_project{padding: 30px 0;}
  
}



/*-------------Single Page ------------*/

.single-post .reffDtlsTxt .detailsWrap img{
	margin:30px 0px;
}

.single-post .reffDtlsTxt .detailsWrap::after {
    height: 249px;
}

.single-post .reffDtlsTxt .detailsWrap h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.5px;
	margin: 10px 0px;
    display: block;
}
.single-post .reffDtlsTxt .detailsWrap h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.5px;
  margin: 10px 0px;
  display: block;
}

.single-post .reffDtlsTxt .detailsWrap p {
  font-size: 18px;
  line-height: 30px;
}

.single-post .reffDtlsTxt .detailsWrap ul, .single-post .reffDtlsTxt .detailsWrap ol {
  margin: 20px 0px;
}

.single-post .reffDtlsTxt .detailsWrap ul li strong {
  margin-top: 20px;
  display: block;
}

a.d-btn {
  background-color: var(--headerBtnBg, #54ca70);
  border: 0;
  color: #fff;
  padding: 10px 44px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 24px;
  border-radius: 5px;
  display: inline-block;
  margin:10px 0px;
}

a.d-btn:hover{
	background-color: var(--headerBtnBg, #338be5);
  color: #fff;
}

@media all and (max-width:767px){
	.single-post .reffDtlsTxt .detailsWrap h3 {
		font-size: 24px;
		line-height: 30px;
	}
	
  .single-post .reffDtlsTxt .detailsWrap h2 {
		font-size: 30px;
		line-height: 40px;

	}
}

@media (min-width:2000px){
    .pin-spacer{width:1200px !important;}
/*  .our-solutions-sec .solutions-text .row.justify-content-end{flex-wrap:nowrap !important;}*/
}