::-moz-selection{background: #1d204d; color: #ffffff;}
::selection{background: #1d204d; color: #ffffff;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Roboto', sans-serif;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
* {
  font-family: 'Roboto', sans-serif;
}
body{
  font-family: 'Roboto', sans-serif;    
  font-size: 14px;
  font-weight: 500;
  color: #1d204d;
  line-height: 1;
  overflow-x: hidden;
}
/* body.modal-open {
  overflow-y: scroll;
  padding-right: 0 !important;
} */
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a, button {
  transition: all ease-in-out 200ms;
}
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
}
button:focus {
  outline: none;
}
.error-404-sec {
  margin-top: 50px;
}
.error-svg {
  margin-bottom: 50px;
}
.page-main {
  overflow: hidden;
}


/* BODY CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* .menu-open {
  overflow: hidden;
} */
.wrapper {
  position: relative;
  visibility: hidden;
}
.intro__title {
  overflow: hidden;
}
.slide {
  overflow: hidden;
}
.slide-h {
  height: 100vh;
}
.col__content {
  position: relative;
  overflow: hidden;
}
.hidden {
  overflow: hidden;
  height: 100%;
}
/* .fixed-ban-img {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 0;
}  */
/* HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: 100px;
  transition: all ease-in-out 200ms;
  text-align:center;
  padding: 13px 20px;
}
.page-header.shrink {
  height: 90px;
  background-image: linear-gradient(156deg, #093179 1%, #0a073b 47%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
.page-header.others-header {
  height: 90px;
}
.page-header.others-header.shrink {
  box-shadow: 0 2px 15px 0 rgba(229, 229, 229, 0.5);
  background-color: #ffffff;
  background-image: none;
}
.page-header.others-header {
  background-color: #f8faff;
  background-image: none;
}
.page-header.others-header.white-bg {
  box-shadow: 0 2px 15px 0 rgba(229, 229, 229, 0.5);
  background-color: #ffffff;
  background-image: none;
}
.trigger-menu-wrapper {
  display: none;
}
.navbar .nav-btns .nav-item .nav-link {
  font-size: 14px;
  font-weight: 700;
  line-height: 0.86;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  text-transform: uppercase;
}
.border-comm-btn {
  width: 146px;
  height: 44px;
  border-radius: 25px;
  box-shadow: 0 4px 10px 0 rgba(55, 37, 21, 0.54);
  border: solid 1px rgba(255, 255, 255, 0.33);
}
.page-header.others-header .navbar .nav-item .nav-link.border-comm-btn {
  box-shadow: none;
  border: solid 1px rgb(29 32 77 / 30%);
  color: #1d204d ;
}
.border-comm-btn:hover, .page-header.others-header .navbar .nav-item .nav-link.border-comm-btn:hover {
  background-color: #4e93f7;
  border: solid 1px #4e93f7;
  color: #ffffff;
}
.comm-btn {
  width: 146px;
  height: 44px;
  border-radius: 25px;
  background-color: #4e93f7;
  box-shadow: 0 4px 10px 0 rgba(55, 37, 21, 0.54);
  border: solid 1px #4e93f7;
}
.page-header.others-header .navbar .nav-item .nav-link.comm-btn {
  box-shadow: none;
}
.comm-btn:hover{
  border: solid 1px rgba(255, 255, 255, 0.33);
  background-color: transparent;
}
.page-header.others-header .navbar .nav-item .nav-link.comm-btn:hover {
  border: solid 1px rgb(29 32 77 / 30%);
  color: #1d204d ;
}
.navbar .main-navbar-content li.nav-item .nav-link {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.8;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px 12px;
  position: relative;
}
.navbar .main-navbar-content li.nav-item .nav-link:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background-color: #fff;
  opacity: 0;
}
.navbar .main-navbar-content li.nav-item.nav-item.dropdown .nav-link:before {
  height: 0;
}
.navbar .main-navbar-content li.nav-item .nav-link:hover:before, 
.navbar .main-navbar-content li.nav-item .nav-link.active:before {
  animation-name: under-line;
  animation-duration: 0.5s;
  opacity: 1;
}
@-webkit-keyframes under-line {
  0% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
@keyframes under-line {
  0% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
.page-header.others-header .navbar .main-navbar-content li.nav-item .nav-link {
  color: #1d204d;
}
.main-navbar-content .nav-item{
  position: relative;
  padding: 5px 5px;
}
.main-navbar-content ul.dropdown-menu .nav-item {
  padding: 0;
}
.main-navbar-content .nav-item .dropdown-menu {
  position: absolute;
  left:0;
  top:32px;
  right:auto;
  border: none;
  min-width: 170px;
  background: #ffffff;
  border-radius: 6px;
  margin-top: 5px;
  padding: 0;
}
.page-header.others-header .main-navbar-content .nav-item .dropdown-menu {
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.main-navbar-content .navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
}
.main-navbar-content .navbar-nav .dropdown-toggle:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: top;
  content: "\e80a";
  font-family: "fontello";    
  border-top: 0;
  border-bottom: 0;
  font-size: 8px;
  line-height: 12px;
}
.main-navbar-content .navbar-nav .dropdown .dropdown-menu .dropdown-item {
  font-size: 15px;
  color: #1d204d;
  padding: 10px 15px !important;
  border-radius: 0;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
.main-navbar-content .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus, .main-navbar-content .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover, .main-navbar-content .navbar-nav .dropdown .dropdown-menu .dropdown-item.active, .main-navbar-content .navbar-nav .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #4e93f7;
  color: #ffffff;
}
.main-navbar-content .navbar-nav .dropdown .dropdown-menu .menu-item:first-child .dropdown-item{
  border-radius: 6px 6px 0 0;
}
.main-navbar-content .navbar-nav .dropdown .dropdown-menu .menu-item:last-child .dropdown-item {
  border-radius: 0 0 6px 6px;
}
.animate {
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@keyframes slideIn {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
    100% {
      transform:translateY(0rem);
      opacity: 1;
    }
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }
  
.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer {
  padding: 120px 20px;
  background-image: linear-gradient(151deg, #093179 0%, #0a073b 40%);
  position: relative;
}
.site-footer:before, .site-footer:after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  animation-duration: 6s;
  transition: all ease-in-out 600ms;
}
.site-footer:before {
  top: 0;
  right: 0;
  width: 102px;
  height: 106px;
  background-image: url(../images/line-after-4.png);
  animation-name: footerbefore;
}
.site-footer:after {
  bottom: 0;
  left: 0;
  width: 290px;
  height: 97px;
  background-image: url(../images/line-after-5.png);
  animation-name: footerafter;
  z-index: 0;
}
@keyframes footerbefore {
  0%   {width:0px;}
  100% {width: 102px;}
}
@keyframes footerafter {
  0%   {width:0px;}
  100% {width: 290px;}
}
.site-footer .container {
  position: relative;
  z-index: 9;
}
.site-footer .footer-logo{
  margin-right: 20px;
  margin-bottom: 20px;
}
.site-footer .footer-logo img{
  max-width: 100%;
  opacity: 0.4;
}
.footer-text-1 ul {
  display: flex;
  margin: 0 0 10px;
}
.footer-text-1 ul li {
  padding-right: 20px;
  position: relative;
}
/* .footer-text-1 ul li:before {
  content: '';
  position: absolute;
  top: 11px;
  right: 8px;
  width: 3px;
  height: 3px;
  border-radius: 6px;
  background-color: #d8d8d8;
  opacity: 0.3;
}
.footer-text-1 ul li:last-child:before {
  opacity: 0;
} */
.footer-text-1 ul li a, .copy-wright p {
  color: #ffffff;
  opacity: 0.6;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
}
.footer-text-1 ul li a:hover, 
.footer-text-1 ul li a.active, 
.footer-text-1 ul li.current-menu-item a {
  opacity: 1;
}
.copy-wright p {
  opacity: 0.5;
  font-weight: 300;
}
.site-footer .footer-menu-block {
  padding: 0 30px;
}
.site-footer .footer-menu-block h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #ffffff;
}
.footer-menu-block ul li {
  margin-bottom: 20px;
}
.footer-menu-block ul li a {
  opacity: 0.6;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.footer-menu-block ul li a:hover, 
.footer-menu-block ul li a.active, 
.footer-menu-block ul li.current-menu-item a {
  opacity: 1;
}
.footer-menu-block .get-touch-list {
  margin-bottom: 20px;
}
.footer-menu-block .get-touch-list:nth-child(3) {
  margin-bottom: 25px;
}
.footer-menu-block .get-touch-list .media i {
  opacity: 0.6;
  color: #ffffff;
}
.footer-menu-block .get-touch-list .media i.icon-pin {
  font-size: 18px;
}
.footer-menu-block .get-touch-list .media svg {
  margin-top: 4px;
}
.footer-menu-block .get-touch-list .media i.icon-phone-call {
  position: relative;
  top: 1px;
  font-size: 16px;
}
.footer-menu-block .get-touch-list .media-body h5 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #ffffff;
  opacity: 0.6;
}
.footer-menu-block .get-touch-list .media-body p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
  opacity: 0.5;
}
.footer-menu-block .get-touch-list .media-body p a {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
}
.footer-menu-block .footer-social li a {
  opacity: 0.6;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.footer-menu-block .footer-social li a i {
  margin-right: 10px;
}
.footer-menu-block .footer-social li a svg {
  margin-right: 4px;
}
.location-link a {
  opacity: 0.5;
  border-radius: 18px;
  border: solid 1px #84839d;
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  padding: 9px 23px;
  display: inline-block;
}
.location-link a:hover {
  opacity: 0.9;
}
.location-link a i {
  font-size: 12px;
}
.help-box {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9;
  opacity: 0;
  transition: all ease-in-out 300ms;
}
.help-box.showhelp {
  opacity: 1;
  bottom: 20px;
  animation-name: help-slide;
  animation-duration: 2s;
}
@-webkit-keyframes help-slide {
  0% {
    bottom: -100px; 
    opacity: 0;
  }
  100% {
    bottom: 20px; 
    opacity: 1;
  }
}
@keyframes help-slide {
  0% {
    bottom: -100px; 
    opacity: 0;
  }
  100% {
    bottom: 20px; 
    opacity: 1;
  }
}
.help-box .help-btn {
  width: 165px;
  height: 55px;
  border-radius: 32px;
  background-color: #ff8a00;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  outline: none;
  padding: 5px 10px;
}
.help-box .help-btn:hover {
  background-color: #f8ad54;
}
.help-box .help-btn span {
  position: relative;
  top: -2px;
  display: block;
}
/* Footer sec css end */
  
/* HOME PAGE MAIN CONTENT CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-banner {
  background-image: linear-gradient(156deg, #093179 1%, #0a073b 47%);
  height: calc(100vh - 0px);
  min-height: 600px;
  max-height: 650px;
  padding: 100px 0 0;
  display: flex;
  align-items: flex-end;
}
.others-banner {
  background-image: linear-gradient(156deg, #093179 1%, #0a073b 47%);
  height: calc(100vh - 150px);
  min-height: 650px;
  max-height: 650px;
  padding: 100px 0 0;
  display: flex;
  align-items: center;
}
.responsive-banner {
  display: none;
}
.banner-content {
  padding: 0 20px 0 35px;
}
.home-banner-content.intro__content {
  margin-bottom: 115px;
}
.page-sub-title {
  font-size: 36px;
  color: #ffffff;
  font-weight: 400;
  line-height: 46px;
}
.page-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  color: #fb961e;
  white-space: nowrap;
}
.page-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
}
.banner-content .page-sub-title {
  margin-bottom: 25px;
}
.banner-content .page-title {
  margin-bottom: 25px;
  text-transform: uppercase;
  display: flex;
}
.banner-content .page-text {
  margin-bottom: 40px;
  padding-right: 130px;
  padding-left: 0;
}
.bg-btn {
  width: 230px;
  height: 60px;
  border-radius: 35px;
  background-color: #4e93f7;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #4e93f7;
  text-transform: uppercase;
}
.bg-btn:hover {
  box-shadow: none;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
}
.svg-images {
  position: relative;
  bottom: -1px;
  overflow: hidden;
  max-width: 760px;
  min-width: 760px;
  margin-left: auto;
}
.building-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.svg-images .home-vans .delivary-van {
  position: absolute;
  bottom: 3px;
  right: -440px;
  animation-name: van-out;
  animation-duration: 2s;
  animation-delay: 0s;
  z-index: 1;
}
.svg-images .home-vans.van-out .delivary-van {
  right: 10px;
  animation-name: van-slide;
  animation-duration: 2s;
  animation-delay: 0s;
  z-index: 1;
}
@-webkit-keyframes van-slide {
  0% {
    right: 100px;
  }
  100% {
    right: 10px;
  }
}
@keyframes van-slide {
  0% {
    right: 100px;
  }
  100% {
    right: 10px;
  }
}
@-webkit-keyframes van-out {
  0% {
    right: 10px;
  }
  100% {
    right: -440px;
  }
}
@keyframes van-out {
  0% {
    right: 10px;
  }
  100% {
    right: -440px;
  }
}

.svg-images .home-vans .boxes {
  position: absolute;
  left: 80px;
  bottom: -220px;
  /* animation-name: boxes-out; */
  animation-duration: 2s;
}
.svg-images .home-vans .boxes {
  animation-name: boxes-slide;
  bottom: 6px;
}
@-webkit-keyframes boxes-slide {
  0% {
    bottom: -220px;
  }
  100% {
    bottom: 6px;
  }
}
@keyframes boxes-slide {
  0% {
    bottom: -220px;
  }
  100% {
    bottom: 6px;
  }
}

/* @-webkit-keyframes boxes-out {
  0% {
    bottom: 6px;
  }
  100% {
    bottom: -220px;
  }
}
@keyframes boxes-out {
  0% {
    bottom: 6px;
  }
  100% {
    bottom: -220px;
  }
} */
.svg-images .road-line {
  position: absolute;
  bottom: -1.5px;
  width: 100%;
  left: 0;
}
.svg-images .road-line svg {
  width: 100%;
}
.svg-images .circle-1 {
  position: absolute;
  top: 210px;
  left: 165px;
  z-index: 1;
}
.svg-images .circle-2 {
  position: absolute;
  top: 210px;
  right: 80px;
  z-index: 1;
}
.svg-images .line-point {
  position: absolute;
  top: 117px;
  left: 42px;
  width: 100%;
}
.svg-images .clock {
  position: absolute;
  top: 145px;
  left: 47%;
}
.svg-images .map {
  position: absolute;
  top: 115px;
  right: 67px;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
}
.home-sec-1, .comm-count-sec {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 3px solid #f2f3f7;
  background: #fff;
  position: relative;
}

#counter h1, #counter span {
  font-size: 30px;
  color: #1d204d;
  line-height: 30px;
  font-weight: 700;
}
#counter h6 {
  color: #1d204d;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 21px;
}
.comm-sec-padd {
  padding-top: 100px;
  padding-bottom: 100px;
}
.home-sec-2 {
  padding-top: 115px;
  padding-bottom: 190px;
  position: relative;
}
.home-sec-2.need-padd {
  padding-top: 100px;
  padding-bottom: 235px;
  margin-bottom: 120px;
}
.bg-sky {
  background-color: #f8faff;
}
.comm-text .heading-h1 {
  font-size: 56px;
  font-weight: 700;
  color: #1d204d;
  line-height: 64px;
  margin-bottom: 5px;
}
.comm-text .heading-h1 span {
  color: #4e93f7;
}
.comm-text .heading-h1 span.green {
  color: #88bf41;
}
.comm-text .heading-p {
  font-size: 52px;
  font-weight: 400;
  color: #1d204d;
  line-height: 62px;
  margin-bottom: 0;
}
.comm-text.padd-r {
  padding-right: 50px;
}
.comm-text .text-p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
  color: #000000;
}
.comm-text .mar-b {
  margin-bottom: 30px;
}
.more-comm-btn {
  border-radius: 25px;
  border: solid 1px #4e93f7;
  font-size: 14px;
  font-weight: 700;
  line-height: 0.86;
  text-align: center;
  color: #4e93f7;
  text-transform: uppercase;
  padding: 15px 27px;
  display: inline-block;
}
.more-comm-btn:hover {
  background-color: #4e93f7;
  box-shadow: 0 8px 25px 0 #9cb9e0;
  color: #ffffff;
}
.comm-btn-bg {
  border-radius: 30px;
  box-shadow: 0 8px 25px 0 #9cb9e0;
  border: solid 1px #4e93f7;
  background-color: #4e93f7;
  font-size: 14px;
  font-weight: bold;
  line-height: 0.86;
  text-align: center;
  color: #ffffff;
  padding: 23px 45px;
  display: inline-block;
  text-transform: uppercase;
}
.comm-btn-bg:hover {
  box-shadow: none;
  color: #4e93f7;
  background-color: transparent;
}
.comm-btn-bg.white-btn {
  border: solid 1px #ffffff;
  background-color: #ffffff;
  color: #4e93f7;
}
.comm-btn-bg.white-btn:hover {
  background-color: transparent;
  color: #ffffff;
  box-shadow: none;
}
.comm-btn-border {
  border-radius: 30px;
  border: solid 1px #4e93f7;
  font-size: 14px;
  font-weight: bold;
  line-height: 0.86;
  text-align: center;
  color: #4e93f7;
  padding: 23px 45px;
  display: inline-block;
  text-transform: uppercase;
  background-color: transparent;
}
.comm-btn-border:hover {
  background-color: #4e93f7;
  box-shadow: 0 8px 25px 0 #9cb9e0;
  color: #ffffff;
}
.warehouse-wrap {
  background-color: #f8faff;
}
.warehouse-wrap .position-1 {
  position: absolute;
  left: 0;
  bottom: -23px;
  z-index: 2;
}
.warehouse-wrap .position-1 svg {
  width: 100%;
}
.warehouse-wrap .position-2 {
  position: absolute;
  bottom: -20px;
  right: calc(100vw - 760px);
  transition: all ease-in-out 300ms;
  z-index: 2;
}
.warehouse-wrap .position-2.van-position svg, .warehouse-wrap .position-2 svg {
  transform: scale(0.8);
}
.warehouse-wrap .position-2.van-position {
  animation-name: van-run;
  animation-duration: 3s;
  right: 8%;
}
@-webkit-keyframes van-run {
  0% {
    right: calc(100vw - 760px);
  }
  100% {
    right: 8%;
  }
}
@keyframes van-run {
  0% {
    right: calc(100vw - 760px);
  }
  100% {
    right: 8%;
  }
}
.warehouse-wrap .van-go.van-hide .position-2 {
  animation-name: van-hide;
  animation-duration: 3s;
  right: -450px;
}
@-webkit-keyframes van-hide {
  0% {
    right: 8%;
  }
  100% {
    right: -450px;
  }
}
@keyframes van-hide {
  0% {
    right: 8%;
  }
  100% {
    right: -450px;
  }
}
.home-sec-3 {
  padding-top: 190px;
  padding-bottom: 190px;
  background-image: linear-gradient(to bottom, #ffffff, #fcfdff);
}
.after-bg, .before-bg {
  position: relative;
}
.before-bg:before, .after-bg:after {
  content: '';
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  animation-duration: 6s;
  /* animation-iteration-count: infinite; */
  transition: all ease-in-out 600ms;
  /* background-attachment: fixed; */
}
.before-bg:before {
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background-image: url(../images/line-after-1.png);
  animation-name: before;
  /* background-position: right; */
}
.after-bg:after {
  bottom: 0;
  left: 100px;
  width: 390px;
  height: 106px;
  background-image: url(../images/line-after-2.png);
  animation-name: after;
  /* background-position: left; */
}
@keyframes before {
  0%   {width:0px;}
  100% {width: 100px;}
}
@keyframes after {
  0%   {width:0px;}
  100% {width: 390px;}
}
.home-sec-3 .comm-text .mar-b {
  margin-bottom: 50px;
}
.howitwork-slider {
  margin-top: 50px;
}
.howitwork-slider .gallery-top {
  height: 100%;
  width: 100%;
}
.howitwork-slider .gallery-top .swiper-slide {
  width: 100% !important;
  height: 100% !important;
}
.howitwork-slider .gallery-top .swiper-slide img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.howitwork-slider .gallery-thumbs {
  box-sizing: border-box;
  padding: 45px 20px 0;
  pointer-events: none;
  /* max-width: 1326px; */
}
.howitwork-slider video[poster="assets/images/how-work-banner-1.jpg"] {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.howitwork-slider .swiper-slide video {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.howitwork-slider .gallery-thumbs .swiper-slide {
  opacity: .5;
  filter: blur(0.5px);
  transition: all ease-in-out 300ms;
}
.howitwork-slider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  filter: blur(0);
}
/* .howitwork-slider .gallery-thumbs .swiper-slide.swiper-slide-next */
.howitwork-slider .gallery-thumbs .swiper-slide h6 {
  color: #ff8a00;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.howitwork-slider .gallery-thumbs .swiper-slide h6 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: all ease-in-out 300ms;
}
.howitwork-slider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active h6 span {
  background: #ff8a00;
  color: #ffffff;
}
.howitwork-slider .gallery-thumbs .swiper-slide h6:after {
  content: '';
  position: absolute;
  left: 45px;
  top: 14px;
  width: 100%;
  height: 1px;
  background-color: #ff8a00;
}
.howitwork-slider .gallery-thumbs .swiper-slide:last-child h6:after {
  height: 0;
}
.howitwork-slider .gallery-thumbs .swiper-slide h4 {
  color: #1d204d;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.howitwork-slider .gallery-thumbs .swiper-slide p {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.home-sec-4 {
  padding-top: 75px;
  padding-bottom: 45px;
  background: #fff;
  position: relative;
}
.home-sec-5 {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #fff;
  position: relative;
}
.home-sec-5.helping-padd {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sec-5-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.sec-5-row {
  display: flex;
}
.sec-5-col-1 {
  flex: 0 0 47%;
  max-width: 47%;
  padding-left: 115px;
  padding-right: 60px;
  /* align-self: center; */
}
.home-sec-5.helping-padd .sec-5-col-1 {
  align-self: center;
}
.sec-5-col-2 {
  flex: 0 0 53%;
  max-width: 53%;
}
/* accordion */
.accordion-wrap .panel-default {
  border-bottom: 0;
  padding: 5px 0;
}
.engagement-models-sec .accordion-wrap .panel-default:first-child {
  padding-top: 0;
}
.accordion-wrap .panel-default .panel-heading {
  margin-bottom: 10px;
  margin-top: 10px;
}
.accordion-wrap .panel-default .panel-heading h4 {
  margin: 0;
}
.accordion-wrap .panel-default .panel-heading a {
  color: #ff8a00;
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.accordion-wrap .panel-default .panel-heading a.collapsed {
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
  color: #0a073b;
}
.accordion-wrap .panel-default .panel-body {
  padding-left: 42px;
}
.accordion-wrap .panel-default .panel-body p {
  font-size: 14px;
  line-height: 1.43;
  color: #494e52;
  margin-bottom: 5px;
  font-weight: 400;
}
.accordion-wrap .panel-title > a:before {
  float: left !important;
  content:"-";
  font-size: 39px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  margin-right: 15px;
  top: -1px;
  position: relative;
  border: 1px solid #ff8a00;
  color: #ff8a00;

}
.accordion-wrap .panel-title > a.collapsed:before {
  float: left !important;
  content:"+";
  font-size: 20px;
  font-weight: 400;
  border: 1px solid #d6d6d6;
  color: #7e7e7e;
}
.accordion-wrap .panel-title > a:hover, 
.accordion-wrap .panel-title > a:active, 
.accordion-wrap .panel-title > a:focus  {
  text-decoration:none;
}
.home-sec-5 .comm-text .mar-b {
  margin-bottom: 20px;
}
.home-sec-5 .animate-img img {
  width: 100%;
}

.home-sec-6 {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
  position: relative;
}
.map-pointer-wrap {
  margin-top: 30px;
  background-color: #ffffff;
  padding-top: 30px;
}
.map-pointer-wrap .map-p {
  font-size: 11px;
  font-weight: 500;
  line-height: 2.55;
  color: #000000;
  margin-bottom: 15px;
}
.map-grap {
  position: relative;
}
.map-marker {
  position: absolute;
  z-index: 1;
}
.marker-1 {
  top: 45px;
  left: 145px;
}
.marker-2 {
  top: 174px;
  left: 110px;
}
.marker-new {
  top: 235px;
  left: 117px;
}
.marker-3 {
  top: 120px;
  right: 170px;
}
.marker-4 {
  top: 221px;
  right: 404px;
}
.marker-5 {
  bottom: 80px;
  right: 245px;
}
.pin {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
}
.pulse {
  background: transparent;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 9px 0px 0px -12px;
  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: absolute;
  margin: -13px 0 0 -19px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ffffff;
  box-shadow: 0 0 1px 2px #ffffff;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}

.mapline-toggle .line-progress {
  transition: all ease-in-out 200ms;
}
.mapline-toggle.linetoggle .line-progress {
  opacity: 0;
  visibility: hidden;
}
.mapline-toggle .line-adress {
  transition: all ease-in-out 200ms;
  opacity: 0;
  visibility: hidden;
}
.mapline-toggle.linetoggle .line-adress {
  opacity: 1;
  visibility: visible;
}

.line-adress {
  position: absolute;
  top: -85px;
  left: 130px;
}
.line-progress {
  position: absolute;
  top: -85px;
  left: 130px;
  z-index: 99;
}
@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
}
@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
}
.line-adress .path {
  -webkit-animation: dash 30s linear infinite;
  animation: dash 30s linear infinite;
  stroke-dasharray: 8;
}
.home-sec-6 .container.padd-b {
  padding-bottom: 100px;
}
.border-b {
  border-bottom: 1px solid #eee;
}

.home-sec-7 {
  padding-top: 50px;
  padding-bottom: 160px;
  background: #fff;
  position: relative;
}

.partnering-row  {
  display: flex;
}
.partnering-col-1 {
  flex: 0 0 64%;
  max-width: 64%;
  padding-right: 0%;
}
.partnering-col-2 {
  flex: 0 0 36%;
  max-width: 36%;
  padding-left: 3%;
}
.partnering-slider {
  position: relative;
  margin-top: 75px;
}
.slider-mask {
  position: absolute;
  right: 0;
  top: -26px;
  width: 430px;
  height: 520px;
  border: solid 7px #ff8a00;
  background-color: #ffffff;
}
.slider-width {
  max-width: 100%;
  margin-left: auto;
  height: 450px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 60px 0;
  display: flex;
  align-items: center;
  margin: 0 60px 0 215px;
}
.box-row {
  display: flex;
  height: 446px;
  align-items: center;
}
.slider-box .box-col-1 {
  flex: 0 0 32%;
  max-width: 32%;
  padding-left: 70px;
}
.slider-box .box-col-2 {
  flex: 0 0 68%;
  max-width: 68%;
  padding-right: 50px;
  padding-left: 20px;
}
.slider-box .box-col-2 p {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.39;
  color: #0a1433;
}
.authar-img {
  margin-bottom: 35px;
}
.authar-img img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 170px;
  height: 50px;
}
.authar-text {
  position: relative;
  padding-top: 10px;
  margin-top: 10px;
}
.authar-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 36px;
  background-color: #979797;
}
.authar-text h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #0a1433;
  margin-bottom: 5px;
}
.authar-text p {
  font-size: 14px;
  font-weight: 400;
  color: #a3a3a3;
}

.partnering-slider .swiper-pagination-fraction {
  width: inherit;
  left: 25px;
  bottom: 38px;
}
.partnering-slider .swiper-pagination-current, .partnering-slider .swiper-pagination-total{
  font-size: 16px;
  font-weight: 700;
  color: #0a1433;
}
.partnering-slider .swiper-pagination-current {
  color: #ff8a00;
}
.partnering-slider .swiper-button-prev, .partnering-slider .swiper-button-next,
.comm-slider-arrows .swiper-button-prev, .comm-slider-arrows .swiper-button-next {
  width: 53px;
  height: 53px;
  border-radius: 30px;
  box-shadow: 0 15px 46px 0 rgba(68, 48, 48, 0.15);
  background-color: #ffffff;
  bottom: 25px;
  top: inherit;
  color: #ff8a00;
  font-weight: 700;
  outline: none;
}
.partnering-slider .swiper-button-prev {
  left: inherit;
  right: 110px;
}
.partnering-slider .swiper-button-next {
  left: inherit;
  right: 35px;
}
.partnering-slider .swiper-button-next:after, .partnering-slider .swiper-button-prev:after,
.comm-slider-arrows .swiper-button-next:after, .comm-slider-arrows .swiper-button-prev:after {
  font-size: 16px;
}
.partnering-slider .swiper-button-next.swiper-button-disabled, .partnering-slider .swiper-button-prev.swiper-button-disabled, .comm-slider-arrows .swiper-button-next.swiper-button-disabled, .comm-slider-arrows .swiper-button-prev.swiper-button-disabled {
  color: #0a1433;
}
.partnering-slider:after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  transition: all ease-in-out 600ms;
  top: -50px;
  left: 0;
  width: 390px;
  height: 100%;
  background-image: url(../images/line-after-3.png);
}

.home-sec-8 {
  box-shadow: 0 -2px 4px 0 rgba(255, 255, 255, 0.12);
  padding: 30px 20px;
  border-top: 1px solid rgb(151 151 151 / 11%);
  position: relative;
}
.trusted-list {
  display: flex;
  align-items: center;
}
.trusted-col-1 {
  flex: 0 0 150px;
  max-width: 150px;
}
.trusted-col-2 {
  flex: 1;
  max-width: calc(100% - 150px);
}
.trusted-list .trusted-logo-slide .swiper-wrapper {
  align-items: center;
}
.trusted-list .line {
  position: relative;
}
.trusted-list .line:after {
  content: '';
  position: absolute;
  right: 20px;
  top: -8px;
  width: 2px;
  height: 64px;
  opacity: 0.3;
  background-color: #979797;
}
.trusted-list h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  color: #707070;
}

.home-quiz-sec {
  position: relative;
  z-index: 1;
  padding: 90px 0;
  background-color: #77abf5;
  background-image: url(../images/svg/contact-bg.svg);
  background-repeat: no-repeat;
  background-size: 97%;
  background-position-y: 120%;
  background-attachment: fixed;
}
#needtxt {
  padding-top: 60px;
  padding-bottom: 60px;
}
#quizshow {
  display: none;
}
.cur-pointer {
  cursor: pointer;
}
.quiz-bg {
  background-color: #FFFFFF;
  box-shadow: 0 6px 20px 0 rgba(0,0,0,0.05);
  padding: 50px;
  position: relative;
}
.quiz-stepper .bs-stepper-header {
  display: flex;
  padding: 30px 20px;
}
.quiz-stepper .bs-stepper-header .step {
  padding-right: 10px;
}
.quiz-stepper .step .step-trigger {
  border-radius: 5px;
  background-color: #E9EEF0;
  height: 6px;
  padding: 0;
  width: 100%;
  display: block;
}
.quiz-stepper .step.active .step-trigger, .quiz-stepper .step.quiz-active .step-trigger {
  background-color: #FB961E;
  box-shadow: 0 8px 25px 0 rgba(251,150,30,0.36);
  opacity: 1 !important;
}
.bs-stepper-pane .quiz-question .form-group h4 {
  color: #1D204D;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 35px;
}
.w-190 {
  width: 190px;
  outline: none;
}
.quiz-stepper button:focus {
  outline: none;
}
.prebtn {
  color: #4E93F7;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  position: absolute;
  top: 25px;
  left: 15px;
}
.prebtn span {
  transform: rotate(180deg);
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .quiz-stepper input[type='radio'], .quiz-stepper input[type='checkbox'] {
     --active: #4E93F7;
     --active-inner: #fff;
     --focus: 2px rgba(39, 94, 254, .3);
     --border: #D6D6D6;
     --border-hover: #4E93F7;
     --background: #fff;
     --disabled: #f6f8ff;
     --disabled-inner: #e1e6f9;
     -webkit-appearance: none;
     -moz-appearance: none;
     height: 21px;
     outline: none;
     display: inline-block;
     vertical-align: top;
     position: relative;
     margin: 0;
     cursor: pointer;
     border: 1px solid var(--bc, var(--border));
     background: var(--b, var(--background));
     transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  .quiz-stepper input[type='checkbox']:after,
  .quiz-stepper input[type='radio']:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
  }
  .quiz-stepper input[type='checkbox']:checked,
  .quiz-stepper input[type='radio']:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  .quiz-stepper input[type='checkbox']:disabled,
  .quiz-stepper input[type='radio']:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: .9;
  }
  .quiz-stepper input[type='checkbox']:disabled:checked,
  .quiz-stepper input[type='radio']:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  .quiz-stepper input[type='checkbox']:disabled + label,
  .quiz-stepper input[type='radio']:disabled + label {
    cursor: not-allowed;
  }
  .quiz-stepper input[type='checkbox']:hover:not(:checked):not(:disabled),
  .quiz-stepper input[type='radio']:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  .quiz-stepper input[type='checkbox']:not(.switch),
  .quiz-stepper input[type='radio']:not(.switch) {
    width: 21px;
    min-width: 21px;
    margin-right: 10px;
  }
  .quiz-stepper input[type='checkbox']:not(.switch):after,
  .quiz-stepper input[type='radio']:not(.switch):after {
    opacity: var(--o, 0);
  }
  .quiz-stepper input[type='checkbox']:not(.switch):checked,
  .quiz-stepper input[type='radio']:not(.switch):checked {
    --o: 1;
  }
  .quiz-stepper input[type='checkbox'] + label,
  .quiz-stepper input[type='radio'] + label {
    font-size: 20px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 0;
    color: #0A073B;
  }
  .quiz-stepper input[type='checkbox']:not(.switch) {
    border-radius: 2px;
  }
  .quiz-stepper input[type='checkbox']:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    -webkit-transform: rotate(var(--r, 20deg));
            transform: rotate(var(--r, 20deg));
  }
  .quiz-stepper input[type='checkbox']:not(.switch):checked {
    --r: 43deg;
  }
  .quiz-stepper input[type='checkbox'].switch {
    width: 38px;
    border-radius: 11px;
  }
  .quiz-stepper input[type='checkbox'].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    -webkit-transform: translateX(var(--x, 0));
            transform: translateX(var(--x, 0));
  }
  .quiz-stepper input[type='checkbox'].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  .quiz-stepper input[type='checkbox'].switch:disabled:not(:checked):after {
    opacity: .6;
  }
  .quiz-stepper input[type='radio'] {
    border-radius: 50%;
  }
  .quiz-stepper input[type='radio']:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    -webkit-transform: scale(var(--s, 0.7));
            transform: scale(var(--s, 0.7));
  }
  .quiz-stepper input[type='radio']:checked {
    --s: .5;
  }
  .quiz-stepper ul li {
    margin: 30px 0;
    display: flex;
  }
}
.color-req {
  color: #EA1B1B;
}
.skip-text {
  color: #4E93F7;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.text-slide-wrap {
  display: flex;
}
.text-slide-1 {
  height: 85px;
  /* position: relative; */
}
.text-slide-2 {
  height: 85px;
  position: relative;
}
.rotator {
  position: relative;
  vertical-align: text-bottom;
  margin-left: 0;
}
.rotator > span {
  position: relative;
  top: 0;
  left: 0;
}

/*Vertical Sliding*/
.slidingVertical{
  text-indent: 0;
  position: absolute;
}
.slidingVertical span{
  animation: topToBottom 10.5s linear infinite 0s;
  -ms-animation: topToBottom 10.5s linear infinite 0s;
  -webkit-animation: topToBottom 10.5s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.slidingVertical span:nth-child(2){
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
  animation-delay: 4.5s;
  -ms-animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
}
.slidingVertical span:nth-child(4){
  animation-delay: 6.5s;
  -ms-animation-delay: 6.5s;
  -webkit-animation-delay: 6.5s;
}
.slidingVertical span:nth-child(5){
  animation-delay: 8.5s;
  -ms-animation-delay: 8.5s;
  -webkit-animation-delay: 8.5s;
}
.slidingVertical span:nth-child(6){
  animation-delay: 10.5s;
  -ms-animation-delay: 10.5s;
  -webkit-animation-delay: 10.5s;
}
.slidingVertical span:nth-child(7){
  animation-delay: 12.5s;
  -ms-animation-delay: 12.5s;
  -webkit-animation-delay: 12.5s;
}
.slidingVertical span:nth-child(8){
  animation-delay: 14.5s;
  -ms-animation-delay: 14.5s;
  -webkit-animation-delay: 14.5s;
}
.slidingVertical span:nth-child(9){
  animation-delay: 16.5s;
  -ms-animation-delay: 16.5s;
  -webkit-animation-delay: 16.5s;
}
.slidingVertical span:nth-child(10){
  animation-delay: 18.5s;
  -ms-animation-delay: 18.5s;
  -webkit-animation-delay: 18.5s;
}
.slidingVertical span:nth-child(11){
  animation-delay: 20.5s;
  -ms-animation-delay: 20.5s;
  -webkit-animation-delay: 20.5s;
}
.slidingVertical span:nth-child(12){
  animation-delay: 22.5s;
  -ms-animation-delay: 22.5s;
  -webkit-animation-delay: 22.5s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -moz-transform: translateY(-50px); }
  10% { opacity: 1; -moz-transform: translateY(0px); }
  25% { opacity: 1; -moz-transform: translateY(0px); }
  30% { opacity: 0; -moz-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 1; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: translateY(-50px); }
  10% { opacity: 1; -ms-transform: translateY(0px); }
  25% { opacity: 1; -ms-transform: translateY(0px); }
  30% { opacity: 0; -ms-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}


/*Push Effect*/
.pushEffect{
  text-indent: 0;
}
.pushEffect span{
  animation: leftToRight2 12.5s linear infinite 0s;
  -ms-animation: leftToRight2 12.5s linear infinite 0s;
  -webkit-animation: leftToRight2 12.5s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.pushEffect span:nth-child(1){
  margin-left: 145px;
}
.pushEffect span:nth-child(2){
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
  margin-left: 230px;
}
.pushEffect span:nth-child(3){
  animation-delay: 4.5s;
  -ms-animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
  margin-left: 205px;
}
.pushEffect span:nth-child(4){
  animation-delay: 6.5s;
  -ms-animation-delay: 6.5s;
  -webkit-animation-delay: 6.5s;
  margin-left: 125px;
}
.pushEffect span:nth-child(5){
  animation-delay: 8.5s;
  -ms-animation-delay: 8.5s;
  -webkit-animation-delay: 8.5s;
  margin-left: 195px;
}
.pushEffect span:nth-child(6){
  animation-delay: 10.5s;
  -ms-animation-delay: 10.5s;
  -webkit-animation-delay: 10.5s;
  margin-left: 365px;
}

/*topToBottom Animation*/
@-moz-keyframes leftToRight2 {
  0% { opacity: 0; }
  5% { opacity: 0; -moz-transform: translateY(-50px); }
  10% { opacity: 1; -moz-transform: translateY(0px); }
  25% { opacity: 1; -moz-transform: translateY(0px); }
  30% { opacity: 0; -moz-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes leftToRight2 {
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 1; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes leftToRight2 {
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: translateY(-50px); }
  10% { opacity: 1; -ms-transform: translateY(0px); }
  25% { opacity: 1; -ms-transform: translateY(0px); }
  30% { opacity: 0; -ms-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

/* quiz modal css */
.quiz-modal .modal-header {
  border-bottom: none;
}
.quiz-modal .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.quiz-dialog {
  padding: 0 50px;
}
.quiz-modal .quiz-dialog .col-lg-6 {
  margin-bottom: 30px;
}
.quiz-modal-title {
  text-align: center;
  margin: 0 auto 25px;
  max-width: 730px;
}
.quiz-modal-title h3 {
  color: #1D204D;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
.quiz-modal-title p {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.quiz-modal-box {
  border: 1.97px solid #E8F1FC;
  background-color: #F8FAFF;
  padding: 20px;
  height: 100%;
}
.quiz-modal-box .media img {
  width: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}
.quiz-modal-box .media .media-body h5 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.quiz-modal-box .media .media-body p {
  color: #494E52;
  font-size: 14px;
  line-height: 17.14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.quiz-modal-box .media .media-body .apply-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}
.quiz-modal .modal-footer {
  justify-content: center;
  border-top: none;
  padding-top: 0;
  padding-bottom: 40px;
}


/* ABOUT PAGE MAIN CONTENT CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.others-sub-title {
  font-size: 40px;
  color: #ffffff;
  font-weight: 700;
  line-height: 52px;
}
.others-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: #fb961e;
}
.others-banner-content .others-sub-title {
  margin-bottom: 10px;
}
.others-banner-content .others-title {
  margin-bottom: 35px;
}
.about-sec-2 {
  padding: 100px 20px;
}
.comm-text .heading-h2 {
  font-size: 40px;
  font-weight: 800;
  color: #1d204d;
  line-height: 48px;
}
.comm-text .heading-h6 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #1d204d;
  opacity: 0.5;
}
.comm-text .others-text-p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.56;
  color: #000000;
  margin-bottom: 20px;
}
.text-uppercase {
  text-transform: uppercase;
}

.ourstory-slider {
  margin-top: 45px;
}
.ourstory-slider .ourstory-slider-width {
  max-width: 85%;
  margin: 0 auto;
}
.story-box-wrap {
  position: relative;
  text-align: center;
}
.story-box-icon .box-icon-border {
  width: 48px;
  height: 48px;
  border: solid 2px #e8f1fc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.ourstory-slider .swiper-wrapper .swiper-slide {
  position: relative;
}
.ourstory-slider .swiper-wrapper .swiper-slide .bar-progrss {
  position: absolute;
  top: 62px;
  left: 62%;
  background-color: #e8f1fc;
  width: 92%;
  height: 2px;
  transition: all ease-in-out 1s;
}
.ourstory-slider .swiper-wrapper .swiper-slide.progress-active .bar-progrss {
  background-color: #4e93f7;
  animation-name: barprogress;
  animation-duration: 2s;
}
.ourstory-slider .swiper-wrapper .swiper-slide.progress-active.swiper-slide-prev .bar-progrss {
  background-color: transparent;
}
@-webkit-keyframes barprogress {
  0% {
    width:0;
  }
  100% {
    width: 92%;
  }
}
@keyframes barprogress {
  0% {
    width:0;
  }
  100% {
    width: 92%;
  }
}
.ourstory-slider .swiper-wrapper .swiper-slide:last-child .bar-progrss {
  width: 0;
}
.ourstory-slider .swiper-wrapper .swiper-slide.swiper-slide-active.progress-active .story-box-icon .box-icon-border {
  background-color: #4e93f7;
}
.ourstory-slider .swiper-wrapper .swiper-slide:first-child .box-icon-border svg g g,
.ourstory-slider .swiper-wrapper .swiper-slide.slide-1 .box-icon-border svg g g {
  fill: #ffffff;
  opacity: 1;
}
.ourstory-slider .swiper-wrapper .swiper-slide .box-icon-border svg g g {
  fill: #4e93f7;
  opacity: 0.9;
}
.ourstory-slider .swiper-wrapper .swiper-slide.swiper-slide-active.progress-active .box-icon-border svg g g {
  fill: #ffffff;
  opacity: 1;
}

.ourstory-slider .swiper-wrapper .swiper-slide .icon-title {
  display: none;
}
.ourstory-slider .swiper-wrapper .swiper-slide.swiper-slide-active.progress-active .icon-title {
  display: block;
}
.ourstory-slider .swiper-wrapper .swiper-slide.swiper-slide-active.progress-active .icon-check {
  display: none;
}

.ourstory-slider .swiper-wrapper .swiper-slide.slide-1 .box-icon-border .icon-check svg g g {
  fill: #4e93f7;
  opacity: 0.9;
}

.ourstory-slider .swiper-wrapper .swiper-slide.swiper-slide-next .box-icon-border svg g g {
  opacity: 1;
  transition: all ease-in-out 3s;
}

.story-year p {
  font-size: 14px;
  font-weight: 500;
  color: #8a8ca6;
  margin-bottom: 25px;
}
.story-box-icon {
  margin-bottom: 20px;
}
.story-box-text h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: #1d204d;
  margin-bottom: 10px;
}
.story-box-text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #000000;
}
.story-box-icon {
  position: relative;
}

.ourstory-slider .swiper-wrapper .swiper-slide:last-child .story-box-icon:after {
  background-color: transparent;
}
.ourstory-slider .swiper-wrapper .swiper-slide.progress-active .story-box-icon .box-icon-border {
  border: solid 2px #4e93f7;
  transition: all ease-in-out 2s;
}
.ourstory-slider .swiper-wrapper .swiper-slide.swiper-slide-next .story-box-icon .box-icon-border {
  border: solid 2px #4e93f7;
  transition: all ease-in-out 2s;
}

.ourstory-slider .swiper-button-prev, .ourstory-slider .swiper-button-next {
  top: 45%;
}
.mission-accordion-test .comm-text .mission-p {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.56;
  color: #000000;
}
.service-list {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
}
.service-list li {
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
  margin-bottom: 30px;
}
.service-list li .service-icon, .values-list .values .service-icon {
  width: 90px;
  height: 90px;
  border-radius: 80px;
  background-color: #f8faff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.service-list li .service-icon svg, .values-list .values .service-icon svg {
  -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.service-list li .service-icon:hover svg, .values-list .values .service-icon:hover svg  {
  -webkit-transform: rotate(360deg) scale(1.2);
  -moz-transform: rotate(360deg) scale(1.2);
  -o-transform: rotate(360deg) scale(1.2);
  -ms-transform: rotate(360deg) scale(1.2);
  transform: rotate(360deg) scale(1.2);
}
.service-list li h6, .values-list .values h6 {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  color: #1d204d;
  text-align: center;
}

.about-sec-6.comm-sec-padd {
  padding-top: 0px;
}
.about-sec-6 .container {
  padding-top: 90px;
}
.about-sec-7 {
  padding-top: 130px;
  padding-bottom: 90px;
}
.about-sec-4 .mission-svg {
  position: relative;
  left: 0;
  bottom: -100px;
}
.about-secnew-3 {
  position: relative;
  z-index: 1;
  padding: 100px 0 0;
  background: linear-gradient(0deg, #FFFFFF 0%, #F8FAFF 100%);
  background-image: url(../images/svg/contact-bg.svg);
  background-repeat: no-repeat;
  background-size: 97%;
  background-position-y: 120%;
  background-attachment: fixed;
}
.secnew-3-img {
  display: flex;
  justify-content: center;
}


/* MARKET INSIGHTS & DETAILS PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.market-sec-1 {
  margin-top: 90px;
}
.market-box-row {
  display: flex;
  flex-wrap: wrap;
}
.market-box-col {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.matket-comm-box {
  padding: 30px;
}
.matket-comm-box > .holder > .pic{
  position:relative;
  margin-bottom:22px;
  clip-path:inset(0 0);
  -webkit-clip-path:inset(0 0);
  transition:all 0.5s ease-in-out;
}
.matket-comm-box > .holder:hover > .pic{
  clip-path:inset(10px);
  -webkit-clip-path:inset(10px);
}
.matket-comm-box > .holder > .pic > .pic-main{
  transition:all 0.75s ease-in-out;
}
.matket-comm-box > .holder:hover > .pic > .pic-main{
  transform:scale(1.05);
}
.matket-comm-box > .holder > .pic > .pic-main img{
  width:100%;
}
.matket-comm-box > .holder > .data > *:last-child{
  margin-bottom:0 !important;
}
.matket-comm-box > .holder > .data .meta-date{
  margin-bottom: 12px;
  text-transform: capitalize;
  font-size: 14px;
  color: #68686e;
}
.matket-comm-box > .holder > .data .title a {
  font-size:24px;
  line-height:1.5;
  color: #000000;
}

.market-dtl-sec-1 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.market-dtl-box {
  background-color: #ffffff;
  position: relative;
}
.market-dtl-box:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
  height: 100%;
  background-color: #f8faff;
}
.market-dtl-box:after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
  width: 220px;
  height: 120px;
  background-image: url(../images/line-after-6.png);
}
.market-dtl-content {
  padding: 60px 0;
  height: 100%;
}
.market-dtl-box .media .market-dtl-pic {
  flex: 0 0 50%;
  max-width: 50%;
}
.market-dtl-box .media .market-dtl-pic img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.market-dtl-content .media .media-body {
  padding: 20px 50px;
  height: 100%;
  align-self: center;
}
.market-dtl-content .media .media-body h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.31;
  color: #000000;
  margin-bottom: 15px;
}
.market-dtl-content .media .media-body p {
  font-size: 20px;
  font-weight: 500;
  color: #68686e;
}
.social-profile {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.social-profile img {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 15px;
}
.social-profile .social-text h5 {
  font-size: 24px;
  color: #000000;  
  font-weight: 500;
  line-height: 1.34;
}
.social-profile .social-text span {
  color: #b8b0b0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.34;
  display: block;
}

.market-content-area {
  padding-top: 90px;
  padding-bottom: 10px;
  position: relative;
}
.content-area-w {
  max-width: 754px;
  margin: 0 auto;
}
.area-comm-list p, .content-area-w p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #525050;
  margin-bottom: 30px;
}
.area-comm-list p b, .area-comm-list p strong, .content-area-w p b, .content-area-w p strong {
  font-weight: 500;
}
.area-comm-list h4, .content-area-w h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.75;
  color: #000000;
  margin-bottom: 15px;
}
.area-comm-list .qoutes {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.23;
  color: #000000;
  position: relative;
  padding-left: 58px;
  margin-bottom: 36px;
  margin-top: 36px;
}
.area-comm-list .qoutes:before {
  content: '\f10d';
  font: normal normal normal 42px/1 FontAwesome;
  position: absolute;
  left: 0;
  top: -2px;
  width: 50px;
  height: 50px;
  opacity: 0.1;
}
.area-comm-list figure img, .area-comm-list img, .content-area-w figure img, .content-area-w img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
  margin-bottom: 30px;
}
.area-comm-list h2, .content-area-w h2 {
  font-size: 30px;
  font-weight: 800;
  color: #000000;
  margin-bottom: 15px;
}
.area-comm-list h6, .content-area-w h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
  color: #000000;
  margin-bottom: 15px;
}
.content-area-w a, .content-area-w p a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #4e93f7;
}
.area-comm-list ul, .content-area-w ul {
  list-style-type: disc;
  padding-left: 20px;
}
.area-comm-list ul li, .content-area-w ul li {
  font-size: 24px;
  color: #ff8a00;
}
.area-comm-list ul li p, .content-area-w ul li p {
  font-size: 18px;
  font-weight: 400;
  line-height: 2.06;
  color: #525050;
  margin: 0;
}
.market-content-social {
  position: -webkit-sticky;
  position: sticky;
  top: 250px;
  float: left;
  padding-bottom: 230px;
}
.market-content-social ul {
  position: absolute;
  left: 80px;
  top: 0;
}
.market-content-social ul li a {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  color: #ffffff;
  font-size: 20px;
  transition: all ease-in-out 300ms;
}
.market-content-social ul li a:hover {
  transform: scale(1.2);
}
.market-content-social ul li a.fb {
  background-color: #31599e;
}
.market-content-social ul li a.ins {
  background-image: linear-gradient(to bottom, #98419f, #f90070 49%, #ffac2f);
}
.market-content-social ul li a.lkd {
  background-color: #007cbb;
}
.market-content-social ul li a.twi {
  background-color: #00aef4;
}
.market-content-social ul li a.ind {
  background-color: #0062fc;
}
.market-content-social ul li a.gla {
  background-color: #00b943;
}
.market-content-social ul li a.gla i {
  position: relative;
  top: -13px;
}

/* CONTACT US PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contact-sec-1 {
  background-color: #f8faff;
  background-image: url(../images/svg/contact-bg.svg);
  background-repeat: no-repeat;
  background-size: 97%;
  background-position-y: 110%;
  margin-top: 90px;
  padding: 100px 0 50px;
}
.contact-form-w {
  max-width: 520px;
  margin: 0 auto;
}
.contact-from-wrap {
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 35px 50px 100px;
}
.comm-from .select {
  position: relative;
  width: 100%;
}
.comm-from .select-text {
  position: relative;
  background-color: transparent;
  width: 100%;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #b6b8c9;
}
.comm-from .select-text:focus {
  outline: none;
  border-bottom: 1px solid rgba(0,0,0, 0);
}
.comm-from .select .select-text {
  appearance: none;
  -webkit-appearance:none
}
.comm-from .select:after {
  position: absolute;
  top: 17px;
  right: 5px;
  width: 8px;
  height: 8px;
  padding: 0;
  content: '';
  border-left: 2px solid #b6b8c9;
  border-top: 2px solid #b6b8c9;
  pointer-events: none;
  transform: rotate(-135deg);
}
.comm-from .select-label {
  color: #b6b8c9;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}
.comm-from .select-text:focus ~ .select-label, .comm-from .select-text:valid ~ .select-label {
  color: #000000;
  top: -10px;
  transition: 0.2s ease all;
  font-size: 12px;
  font-weight: 500;
}
.comm-from .select-bar {
  position: relative;
  display: block;
  width: 100%;
}
.comm-from .select-bar:before, .comm-from .select-bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #fb961e;
  transition: 0.2s ease all;
}
.comm-from .select-bar:before {
  left: 50%;
}
.comm-from .select-bar:after {
  right: 50%;
}
.comm-from .select-text:focus ~ .select-bar:before, .comm-from .select-text:focus ~ .select-bar:after {
  width: 50%;
}
.comm-from .select-highlight {
  position: absolute;
  height: 60%;
  width: 100%;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.comm-from .form__group {
  position: relative;
  padding: 12px 0 0;
  margin-bottom: 24px;
}
.comm-from .form__field {
  width: 100%;
  border: 0;
  border-bottom: 1.5px solid #b6b8c9;
  outline: 0;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.comm-from .form__field::placeholder {
  color: transparent;
}
.comm-from .form__field:placeholder-shown ~ .form__label {
  font-size: 16px;
  cursor: text;
  top: 20px;
  color: #b6b8c9;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}
.comm-from label,
.comm-from .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #9b9b9b;
}
.comm-from .form__field:focus ~ .form__label {
  color: #000000;
  font-weight: 500;
}
.comm-from .form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #fb961e;
}
.submit-wrap {
  text-align: center;
  margin-top: 40px;
}
.submit-wrap .submit-btn {
  border-radius: 30px;
  box-shadow: 0 8px 25px 0 #9cb9e0;
  background-color: #4e93f7;
  font-size: 14px;
  font-weight: 800;
  line-height: 0.86;
  text-align: center;
  color: #ffffff;
  border: none;
  padding: 24px 105px;
  max-width: 260px;
  height: 60px;
  display: flex;
  margin: 15px auto;
  transition: 0.2s ease all;
  text-transform: uppercase;
  outline: none;
}
.submit-wrap .submit-btn:hover {
  opacity: 0.8;
}
.submit-wrap span {
  display: block;
  opacity: 0.3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
  color: #000000;
}
.submit-wrap .chat-btn {
  border-radius: 32px;
  box-shadow: 0 8px 45px 0 rgba(255, 138, 0, 0.35);
  background-color: #ff8a00;
  font-size: 13px;
  font-weight: 800;
  line-height: 0.86;
  text-align: center;
  color: #ffffff;
  border: none;
  padding: 20px 10px;
  height: 60px;
  max-width: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px auto;
  transition: 0.2s ease all;
}
.submit-wrap .chat-btn:hover {
  opacity: 0.8;
}
.available-time {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  color: #000000;
  margin-top: 20px;
}
.contact-sec-2 {
  position: relative;
  padding-top: 190px;
  padding-bottom: 100px;
  background-image: linear-gradient(to top, #f8faff, #ffffff);
}
.contact-sec-2 .map-pointer-wrap {
  background-color: transparent;
}
#contactVan .contact-van {
  position: absolute;
  left: 37%;
  top: -130px;
  transition: all ease-in-out 300ms;
}
#contactVan .contact-van .man-box{
  position: absolute;
  top: 68px;
  left: 15px;
}
/* #contactVan .contact-van.cvan {
  animation-name: contact-van-run;
  animation-duration: 5s;
  left: 37%;
  top: -130px;
} */
/* @keyframes contact-van-run {
  from {left: 5%; top: 0;}
  to {left: 37%; top: -130px;}
} */
.contact-map-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact-map-left {
  flex: 0 0 65%;
  max-width: 65%;
  padding-right: 20px;
}
.contact-sec-2 .contact-map-row .map-pointer-wrap {
  padding-top: 0;
}
.contact-sec-2 .contact-map-row .marker-1 {
  top: 48px;
  left: 55px;
}
.contact-sec-2 .contact-map-row .marker-2 {
  top: 175px;
  left: 18px;
}
.contact-sec-2 .contact-map-row .marker-new {
  top: 236px;
  left: 20px;
}
.contact-sec-2 .contact-map-row .marker-3 {
  top: 120px;
  right: 73px;
}
.contact-sec-2 .contact-map-row .marker-4 {
  top: 220px;
  right: 305px;
}
.contact-sec-2 .contact-map-row .marker-5 {
  bottom: 80px;
  right: 146px;
}
.contact-sec-2 .contact-map-row .marker-6 {
  top: 245px;
  left: 25px;
}
.contact-sec-2 .contact-map-row .line-adress {
  top: -80px;
  left: 40px;
}
.contact-sec-2 .contact-map-row .line-progress {
  top: -80px;
  left: 40px;
}
.contact-map-right {
  flex: 0 0 35%;
  max-width: 35%;
  padding-right: 45px;
}
.contact-address {
  border: solid 5px #e0e4ee;
  background-color: #fcfdff;
  padding: 35px 45px;
  position: relative;
}
.arrow_box:after, .arrow_box:before {
  content: "";
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  background-color: #fcfdff;
  height: 26px;
  right: -30px;
  top: 53px;
  width: 50px;
}
.arrow_box:before {
  top: 50px;
  right: -49px;
  background-image: url(../images/svg/contact-arrow-right.svg);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 50px;
  height: 35px;
  z-index: 9;
}
.contact-address h3 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.33;
  color: #1d204d;
  margin-bottom: 15px;
}
.contact-address .get-touch-list {
  margin-bottom: 20px;
}
.contact-address .get-touch-list .media div i {
  color: #000000;
  opacity: 0.7;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.contact-address .get-touch-list .media div i.icon-envelope {
  font-size: 14px;
  top: -3px;
}
.contact-address .get-touch-list .media div i.icon-envelope::before {
  height: 2em;
}
.contact-address .get-touch-list .media-body h5 {
  font-size: 16px; 
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
}
.contact-address .get-touch-list .media-body p, .contact-address .get-touch-list .media-body p a {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  color: #000000;
  word-break: break-all;
  margin-bottom: 5px;
}
.contact-address .get-touch-list .media-body h4 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  color: #000000;
}
body.mui-body--scroll-lock {
  overflow: visible !important;
}
.form__group .mui-select>select {
  color: #000000;
  font-weight: 400;
  height: 38px;
  border-bottom: 1px solid #b6b8c9;
  font-family: 'Roboto', sans-serif;
  line-height: 40px;
}
.mui-select>select:focus, .mui-select:focus>select  {
  border-color: #fb961e !important;
}
.mui-select__menu {
  top: 10px !important;
}
.mui-select__menu div {
  color: #000000;
  color: #000000;
  font-weight: 400;
}
/* Sustainable PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sustainable-banner-images {
  position: relative;
  display: flex;
  top: 50px;
  justify-content: center;
}
.sustainable-banner-images .svg-1 {
  position: relative;
  max-width: 330px;
  margin: 0 auto;
  z-index: 2;
}
.sustainable-banner-images .svg-1 .svg-2 {
  position: absolute;
  top: -82px;
  left: 80px;
  z-index: -1;
}
.sustainable-banner-images .svg-3 {
  position: absolute;
  right: 80px;
  bottom: 0;
  z-index: 0;
}
.sustainable-banner .banner-content {
  padding: 0 35px 0 75px;
}
.sustainable-banner .banner-content .page-text {
  padding-left: 0;
}
.bg-light-green {
  background-color: #e3f1ec;
}
.sustainable-sec-3 .comm-text .text-p {
  font-size: 20px;
}
.sustainable-sec-3 .mission-accordion-test .comm-text .mission-p {
  font-size: 20px;
  font-weight: 600;
}
.sustainable-sec-4 {
  background-image: linear-gradient(to top, #ffffff, #f8faff);
  position: relative;
}
.sustainable-sec-4:before{
  content: '';
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ebeff9;
}
.authar-sliders {
  padding-bottom: 70px;
}
.authar-sliders .slider-box {
  padding-right: 50px;
  padding-left: 45px;
}
.authar-sliders .slider-box .comm-text .p-qouts {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
  color: #0a1433;
  padding: 75px 60px 30px;
  position: relative;
}
.authar-sliders .slider-box .comm-text .p-qouts:after{
  content: '\f10d';
  font: normal normal normal 48px/1 FontAwesome;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 15px;
  width: 50px;
  height: 50px;
  opacity: 0.1;
}
.authar-sliders .slider-box .authar-text:before{
    left: 50%;
    transform: translateX(-50%);
}
.authar-sliders.comm-slider-arrows .swiper-button-next,.authar-sliders.comm-slider-arrows .swiper-button-prev {
  bottom: 0;
  width: 45px;
  height: 45px;
}
.authar-sliders.comm-slider-arrows .swiper-button-next {
  right: 42%;
}
.authar-sliders.comm-slider-arrows .swiper-button-prev {
  left: 42%;
}
.sustainable-market {
  padding-left: 50px;
}
.sustainable-market .comm-text h6 {
  opacity: 0.6;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.28;
  color: #000000;
}
.sustainable-market .insights {
  margin-top: 25px;
}
.sustainable-market .insights a {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 30px;
}
.sustainable-market .insights a:hover {
  color: #ff8a00;
}
.sustainable-market .insights a p {
  padding-right: 170px;
}
.sustainable-market .insights a i {
  color: #4e93f7;
  font-size: 18px;
}
.view-btn {
  border-radius: 25px;
  background-color: #4e93f7;
  border: 1px solid #4e93f7;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.86;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  padding: 15px 32px;
}
.view-btn:hover {
  background-color: transparent;
  border: 1px solid #4e93f7;
  color: #4e93f7;
}
.discover-list {
  margin-top: 60px;
  margin-bottom: 30px;
  position: relative;
}
.discover-row {
  display: flex;
  flex-wrap: wrap;
}
.discover-col {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding: 44px 28px;
  border: solid 2px #e8f1fc;
  position: relative;
}
.discover-col:nth-child(1) {
  border-left: solid 4px #e8f1fc;
  border-bottom: solid 0px #e8f1fc;
  border-top: solid 4px #e8f1fc;
}
.discover-col:nth-child(2) {
  border-left: solid 0px #e8f1fc;
  border-right: solid 0px #e8f1fc;
  border-top: solid 4px #e8f1fc;
  border-bottom: solid 0px #e8f1fc;
}
.discover-col:nth-child(3) {
  border-left: solid 2px #e8f1fc;
  border-top: solid 4px #e8f1fc;
  border-bottom: solid 0 #e8f1fc;
  border-right: solid 4px #e8f1fc;
}
.discover-col:nth-child(4) {
  border-left: solid 4px #e8f1fc;
  border-bottom: solid 0px #e8f1fc;
}
.discover-col:nth-child(5) {
  border-left: solid 0px #e8f1fc;
  border-right: solid 0px #e8f1fc;
  border-top: solid 2px #e8f1fc;
  border-bottom: solid 0px #e8f1fc;
}
.discover-col:nth-child(6) {
  border-left: solid 2px #e8f1fc;
  border-bottom: solid 0 #e8f1fc;
  border-right: solid 4px #e8f1fc;
}
.discover-col:nth-child(7) {
  border-left: solid 4px #e8f1fc;
  border-bottom: solid 4px #e8f1fc;
}
.discover-col:nth-child(8) {
  border-left: solid 0px #e8f1fc;
  border-right: solid 0px #e8f1fc;
  border-top: solid 2px #e8f1fc;
  border-bottom: solid 4px #e8f1fc;
}
.discover-col:nth-child(9) {
  border-right: solid 4px #e8f1fc;
  border-bottom: solid 4px #e8f1fc;
}
.discover-list .discover-col a {
  cursor: pointer;
  align-items: center;
}
.discover-list .discover-col a h5 {
  font-size: 22px;
  font-weight: 600;
  color: #1d204d;
  transition: all ease-in-out 200ms;
}
.discover-list .discover-col a:hover h5{
  color: #ff8a00;
}
.discover-list .add-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  min-width: 27px;
  height: 27px;
  border-radius: 50%;
  border: solid 1.3px #e8f1fc;
  background-color: #ffffff;
  color: #bccbdd;
}
.discover-list .discover-pop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.discover-list .discover-pop.pop-4, .discover-list .discover-pop.pop-5, .discover-list .discover-pop.pop-6 {
  top: -120px;
}
.discover-list .discover-pop.pop-7, .discover-list .discover-pop.pop-8, .discover-list .discover-pop.pop-9 {
  top: -240px;
}
.discover-list .discover-pop.showpop {
  display: block;
}
.discover-list .discover-pop.showpop .pop-box {
  animation-name: pop-scale;
  animation-duration: 0.5s;
}
@-webkit-keyframes pop-scale {
  from {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes pop-scale {
  from {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.pop-box {
  width: 432px;
  height: 443px;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-left: auto;
  position: relative;
  top: -45px;
  padding: 50px;
  overflow: auto;
}
.pop-box .popclose{
  width: 27px;
  height: 27px;
  border: solid 2px #ff8a00;
  background-color: #ffffff;
  padding: 0;
  border-radius: 50%;
  color: #ff8a00;
  transform: rotate(45deg);
  font-size: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  outline: none;
}
.pop-box .pop-box-text h4 {
  font-size: 22px;
  font-weight: 800;
  color: #1d204d;
  margin-bottom: 10px;
}
.pop-box .pop-box-text p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.67;
  color: #494e52;
  margin-bottom: 20px;
}
.learn-btn {
  border-radius: 25px;
  background-color: transparent;
  border: 1px solid #4e93f7;
  color: #4e93f7;
  font-size: 14px;
  font-weight: 500;
  line-height: 0.86;
  text-align: center;
  display: inline-block;
  padding: 15px 32px;
  margin-top: 15px;
}
.learn-btn:hover {
  background-color: #4e93f7;
  border: 1px solid #4e93f7;
  color: #ffffff;
}
.sustainable-sec-2.comm-sec-padd {
  position: relative;
  padding-top: 200px;
  padding-bottom: 150px;
  overflow: hidden;
}
.why-go-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.why-go-text .comm-text span {
  font-size: 11px;
  color: #000;
  opacity: 0.4;
  font-weight: 500;
}
.pointparallax{
  position: relative;
  z-index: 0;
  width: 100%;
  top: -100px;
}
.pointparallax .point__item {
  position: absolute;
}
.pointparallax .point__item.left {
  top: 0px;
  bottom: 0;
  left: -30px;
  z-index: 9;
  width: auto;
  height: calc(100vh - 45vh);
}
.pointparallax .point__item.left .left-top {
  position: absolute;
  top: 10px;
  left: 50px;
}
.pointparallax .point__item.left .left-mid {
  position: absolute;
  top: 15%;
  left: -150px;
}
.pointparallax .point__item.left .left-bottom {
  position: absolute;
  bottom: 15%;
  left: -350px;
}
.pointparallax .point__item.right {
  top: 250px;
  right: -30px;
  z-index: 9;
  width: auto;
  height: calc(100vh - 45vh);
  display: flex;
  align-items: center;
}
.pointparallax .point__item.right .right-top {
  position: absolute;
  top: 10px;
  right: 50px;
}
.pointparallax .point__item.right .right-bottom {
  position: absolute;
  top: 18%;
  right: -250px;
}
.trees-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.tree-group {
  display: flex;
  align-items: flex-end;
}
.tree-group .flex-fill svg {
  width: 100%;
  height: 100%;
}
.sustainable-sec-6.before-bg:before {
  top: 0;
  left: 0;
  width: 366px;
  height: 83px;
  background-image: url(../images/line-after-7.png);
  animation-name: inherit;
}
.sustainable-sec-6 .comm-text .ship-p {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.56;
  color: #000000;
  margin-bottom: 30px;
}

/* CAREER PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.career-row,
.career-row-alm > .alm-reveal {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
.career-col {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-left: 20px;
  padding-right: 20px;
}
.career-open .career-col {
  margin-bottom: 40px;
}
.career-search .form-group .form-control {
  height: calc(1.5em + .75rem + 17px);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  border: solid 1px #e6e7e8;
  appearance: none;
  -webkit-appearance: none;
  padding: 0 15px;
  outline: none;
}
.career-search .form-group .form-control:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(0,123,255,.25)
}
.career-search .form-group.downarrow {
  position: relative;
}
.career-search .form-group.downarrow:after {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 8px;
  height: 8px;
  padding: 0;
  content: '';
  border-left: 2px solid #b6b8c9;
  border-top: 2px solid #b6b8c9;
  pointer-events: none;
  transform: rotate(-135deg);
}
.career-search-btn {
  border-radius: 25px;
  background-color: #4e93f7;
  font-size: 14px;
  font-weight: 400;
  line-height: 0.86;
  text-align: center;
  color: #ffffff;
  height: 50px;
  width: 100%;
  border: none;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.career-shadow {
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  padding: 37px 25px;
}
.career-text h4 {
  font-size: 20px;
  font-weight: 800;
  color: #1d204d;
}
.career-text small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.07;
  color: #000000;
}
.career-text h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 0.91;
  color: #fb961e;
  margin-bottom: 18px;
}
.career-text p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.31;
  color: #2c2f31;
  opacity: 0.9;
  margin-bottom: 27px;
}

.apply-btn {
  border: none;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  -webkit-transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
  transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
  display: inline-block;
  cursor: pointer;
  width: 100%;
  min-width: 150px;
  outline: none;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  color: #4e93f7;
}
.apply-btn:hover {
  color: #000000;
}
.btn-arrow {
  position: relative;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.btn-arrow span {
  display: inline-block;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: transform;
}
.btn-arrow svg {
  position: absolute;
  width: 1.1em;
  right: 0px;
  right: 0rem;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.btn-arrow svg * {
  stroke-width: 5;
}
.btn-arrow:hover svg {
  opacity: 1;
  right: -20px
}
.culture-box {
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  padding: 20px 15px;
  text-align: center;
  height: 340px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.culture-position-1 {
  margin-top: -30px;
}
.culture-position-2 {
  margin-top: 30px;
}
.career-culture-svg {
  position: absolute;
  bottom: -100px;
}
.culture-box .culture-img {
  width: 57px;
  height: 57px;
  border: solid 2px #4e93f7;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px auto 10px;
}
.culture-box .culture-text h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 15px;
}
.culture-box .culture-text p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #494e52;
  margin-bottom: 0;
}
.font-b {
  font-weight: 800 !important;
}
.ourvalue-slider-wrap {
  margin: 30px 0 70px;
}
.ourvalues-slider .swiper-button-prev, .ourvalues-slider .swiper-button-next {
  width: 45px;
  height: 45px;
}
.ourvalues-slider .swiper-button-next  {
  right: -30px;
}
.ourvalues-slider .swiper-button-prev {
  left: -30px;
}

.career-svg-banner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 120px;
}
.career-svg-banner .c-banner-1 {
  position: relative;
  align-self: flex-end;
}
.career-svg-banner .c-banner-1 .career-lamp, .career-svg-banner .c-banner-1 .career-tree {
    position: absolute;
}
.career-svg-banner .c-banner-1 .career-lamp {
  top: -70px;
  left: 145px;
}
.career-svg-banner .c-banner-1 .career-tree {
  bottom: 0;
  right: -3px;
}
.career-svg-banner .c-banner-2 {
  position: relative;
  right: -15px;
  align-self: flex-end;
}
.career-svg-banner .c-banner-2 svg .align-svg {
  transform: translateY(54px);
}
.career-svg-banner .c-banner-2 .career-box {
  position: absolute;
  bottom: 1px;
  left: 110px;
}
.drive-right {
  position: absolute;
  right: -6px;
  bottom: 0px;
  animation-duration: 3s;
  transition: all ease-in-out 300ms;
  animation-name: driveright;
}
@-webkit-keyframes driveright {
  0% {
    right:-150px;
  }
  100% {
    right: -6px;
  }
}
@keyframes driveright {
  0% {
    right:-150px;
  }
  100% {
    right: -6px;
  }
}
.career-sec-4.comm-sec-padd {
  padding-bottom: 20px;
}
.team-list {
  margin-top: 30px;
}
.team-list-row {
  display: flex;
  position: relative;
  justify-content: center;
}
.team-list-col-1 {
  flex: 0 0 40%;
  max-width: 40%;
}
.team-list-col-2 {
  flex: 0 0 532px;
  max-width: 532px;
  margin-left: -20px;
}
.team-list-col-3 {
  flex: 0 0 18%;
  max-width: 18%;
}
.team-list ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.team-list .team-list-col-1 ul {
  justify-content: flex-end;
}
.team-list ul li {
  width: 100%;
  box-shadow: 0 6px 39px 0 rgba(0, 0, 0, 0.07);
  border: solid 10px #ffffff;
}
.team-list ul li img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.team-list .team-list-col-1 ul li:nth-child(1){
  flex: 0 0 214px;
  max-width: 214px;
  height: 129px;
}
.team-list .team-list-col-1 ul li:nth-child(2){
  flex: 0 0 135px;
  max-width: 135px;
  height: 222px;
  position: relative;
  top: 25px;
  left: -10px;
}
.team-list .team-list-col-1 ul li:nth-child(3){
  flex: 0 0 260px;
  max-width: 260px;
  height: 129px;
  position: relative;
  left: -135px;
  top: -104px;
}
.team-list .team-list-col-1 ul li:nth-child(4){
  flex: 0 0 385px;
  max-width: 385px;
  height: 132px;
  position: relative;
  top: -114px;
  left: -10px;
}
.team-list .team-list-col-1 ul li:nth-child(1) .team-info-show {
  left: 75px;
  top: -45px;
}
.team-list .team-list-col-1 ul li:nth-child(2) .team-info-show {
  left: -135px;
  top: -55px;
}
.team-list .team-list-col-1 ul li:nth-child(3) .team-info-show {
  left: -35px;
  top: -95px;
}
.team-list .team-list-col-1 ul li:nth-child(4) .team-info-show {
  left: -25px;
  top: -125px;
}

.team-list .team-list-col-2 ul li:nth-child(1){
  flex: 0 0 307px;
  max-width: 307px;
  height: 180px;
  top: -18px;
  position: relative;
}
.team-list .team-list-col-2 ul li:nth-child(2){
  flex: 0 0 214px;
  max-width: 214px;
  height: 161px;
  position: relative;
  left: -10px;
  top: 0;
}
.team-list .team-list-col-2 ul li:nth-child(3){
  flex: 0 0 164px;
  max-width: 164px;
  height: 218px;
  position: relative;
  top: -29px;
}
.team-list .team-list-col-2 ul li:nth-child(4){
  flex: 0 0 210px;
  max-width: 210px;
  height: 218px;
  position: relative;
  top: -29px;
  left: -10px;
}
.team-list .team-list-col-2 ul li:nth-child(5){
  flex: 0 0 157px;
  max-width: 157px;
  height: 218px;
  position: relative;
  top: -29px;
  left: -20px;
}

.team-list .team-list-col-2 ul li:nth-child(1) .team-info-show {
  left: -35px;
  top: -35px;
}
.team-list .team-list-col-2 ul li:nth-child(2) .team-info-show {
  left: -85px;
  top: -45px;
}
.team-list .team-list-col-2 ul li:nth-child(3) .team-info-show {
  left: -105px;
  top: -85px;
}
.team-list .team-list-col-2 ul li:nth-child(4) .team-info-show {
  left: -105px;
  top: -85px;
}
.team-list .team-list-col-2 ul li:nth-child(5) .team-info-show {
  left: -125px;
  top: -85px;
}

.team-list .team-list-col-3 ul li:nth-child(1){
  flex: 0 0 214px;
  max-width: 214px;
  height: 311px;
  position: relative;
  left: -31px;
  top: 28px;
}
.team-list .team-list-col-3 ul li:nth-child(1) .team-info-show {
  left: -125px;
  top: -15px;
}
.team-info-show {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
}
.team-info-box {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  width: 380px;
  background-color: #fff;
  box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
  padding: 38px;
}
.team-list ul li:hover .team-info-show {
  animation-name: team-scale;
  animation-duration: 1.5s;
  display: block;
}
@keyframes team-scale {
  from {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.team-info-box .team-info-text .team-user {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.team-info-box .team-info-text .p-qouts{
  color: #0A1433;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  margin-top: 10px;
}
.team-info-box .team-info-text .authar-text {
  margin-top: 20px;
}
.team-info-box .team-info-text .authar-text:before {
  left: 50%;
  transform: translateX(-50%);
}
.text-cap {
  text-transform: capitalize !important;
}
/* BEER PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.beer-sec-1 {
  padding-bottom: 20px;
}
.beer-sec-1 .tab-content {
  padding-top: 30px;
}
.beer-tabs {
  position: relative;
  top: -52px;
}
.beer-tabs .nav-item {
  margin-left: 55px;
}
.beer-tabs .nav-item .nav-link {
  display: block;
  z-index: 0;
  position: relative;
  width: 190px;
  height: 52px;
  text-align: center;
  background-color: #4e93f7;
  border-radius: 16px 16px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  color: #f8faff;
  transition: all ease-in-out 300ms;  
}
.beer-tabs .nav-item .nav-link.active {
  background-color: #f8faff;
  color: #000000;
  z-index: 1;
}
.beer-tabs .nav-item .nav-link:before,
.beer-tabs .nav-item .nav-link:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: -1;
  background-color: #4e93f7;
  border-radius: 16px 16px 0 0;
}
.beer-tabs .nav-item .nav-link.active:before,
.beer-tabs .nav-item .nav-link.active:after {
  background-color: #f8faff;  
}
.beer-tabs .nav-item .nav-link:before {
  transform: skew(35deg);
  left: 25px;
}
.beer-tabs .nav-item .nav-link:after {
  transform: skew(-35deg);
  right: 25px;
  left: auto;
}
.comm-text .beer-p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.56;
  color: #494e52;
  margin-bottom: 25px;
}
.font-w-400 {
  font-weight: 400 !important;
}
.man-box-bottle {
  position: absolute;
  bottom: -18px;
}
.beer-sec-2 .warehouse-wrap .position-1 {
  bottom: 0;
}
.beer-sec-2 .warehouse-wrap .position-1 svg {
  width: inherit;
}
.position-box {
  position: absolute;
  right: 45px;
}
/* Our Solutions PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.solutions-svg-banner {
  display: flex;
  justify-content: flex-end;
}
.solutions-sec-1.comm-sec-padd {
  padding-bottom: 60px;
}
.solution-slider-wrapper .sol-heading-sec{
  max-width: 1000px;
  margin: 0 auto 50px;
  text-align: center;
}
.solution-slider-wrapper .sol-heading-sec h2{
  font-size: 40px;
  font-weight: 500;
  max-width: 530px;
  margin: 0 auto 10px;
}
.solution-slider-wrapper .sol-heading-sec .lead{
  font-size: 18px;
  font-weight: 500;
}
.solution-slider .gallery-thumbs {
  border-bottom: 3px solid #E8F1FC;
  background: #fff;
  text-align: center;
  padding: 0 80px;
}
.solution-slider .gallery-thumbs .swiper-slide{
  width: 20%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
.solution-slider .gallery-thumbs .swiper-slide:hover{
  color: #FB961E;
}
.solution-slider .gallery-thumbs .swiper-slide.swiper-slide-active{
  color: #FB961E;
}
.solution-slider .gallery-thumbs .swiper-slide.swiper-slide-active:after{
  position: absolute;
  width: 100%;
  height: 3px;
  background: #FB961E;
  bottom: 0;
  left: 0;
  content: "";
}
.solution-slider .gallery-thumbs .swiper-button-next, 
.solution-slider .gallery-thumbs .swiper-button-prev{
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  outline: none;
}
.solution-slider .gallery-thumbs .swiper-button-next {
  right: 25px;
}
.solution-slider .gallery-thumbs .swiper-button-prev {
  left: 25px;
}
.solution-slider .gallery-thumbs .swiper-button-next:after, 
.solution-slider .gallery-thumbs .swiper-button-prev:after{
  font-size: 14px;
  color: #FF8A00;
}
.solution-slider .gallery-main{
  padding-top: 70px;
}
.solution-slider .gallery-main .swiper-slide-container{
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution-slider .gallery-main .swiper-slide .swiper-slide-container .sol-graphic-sec {
  padding-right: 10px;
}
.solution-slider .gallery-main .swiper-slide .swiper-slide-container .sol-graphic-sec.tech {
  padding-right: 50px;
}
.solution-slider .gallery-main .sol-txt-box{
  flex: 0 0 500px;
  background: #fff;
  padding: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.solution-slider .gallery-main .sol-txt-box h3{
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.solution-slider .gallery-main .sol-txt-box p{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #000;
}
.solution-slider .gallery-main .sol-txt-box p:last-child{
  margin-bottom: 0;
}
.solution-slider .gallery-main .sol-txt-box .btn{
  border: 1px solid #4E93F7;
  color: #4E93F7;
  text-transform: uppercase;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 30px;
}
.solution-slider .gallery-main .sol-txt-box .btn:hover{
  background: #4E93F7;
  color: #fff;
}

.sol-how-works-wrap .how-heading{
  margin-bottom: 100px;
  text-align: center;
}
.sol-how-works-wrap .how-heading h2{
  margin-bottom: 10px;
}
.sol-how-works-wrap .hw-blocks{
  /* background: url(../images/dashed-path.svg) no-repeat center 180px; */
  max-width: 1080px;
  margin: auto;
  position: relative;
}
.solution-line {
  position: absolute;
  top: 184px;
  left: -4px;
  z-index: -1;
}
@-webkit-keyframes linedash {
  from {
    stroke-dashoffset: 1000;
  }
}
@keyframes linedash {
  from {
    stroke-dashoffset: 1000;
  }
}
.solution-line .path {
  -webkit-animation: linedash 30s linear infinite;
  animation: linedash 30s linear infinite;
  stroke-dasharray: 8;
}

.sol-how-works-wrap .hw-blocks .hw-row{
  display: flex;
  justify-content: space-between;
}
.sol-how-works-wrap .hw-blocks .hw-block{
  width: 350px;
  text-align: center;
}
.sol-how-works-wrap .hw-blocks .hw-block .hw-title{
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}
.sol-how-works-wrap .hw-blocks .hw-block .hw-graphic{
  margin-bottom: 20px;
}
.sol-how-works-wrap .hw-blocks .hw-block p{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding: 0 15px;
}
.sol-how-works-wrap .hw-blocks .hw-block.hw2{
  margin-top: 60px;
  margin-right: 80px;
}
.sol-how-works-wrap .hw-blocks .hw-block.hw3{
  margin-top: 200px;
}
.sol-how-works-wrap .hw-blocks .hw-block.hw4{
  margin-top: 80px;
  margin-right: 50px;
}
.sol-how-works-wrap .hw-blocks .hw-block.hw5{
  margin: 88px auto 0;
}

.sol-faq-wrap{
  max-width: 845px;
  margin: auto;
}
.sol-faq-wrap .faq-heading{
  margin-bottom: 30px;
  text-align: center;
}
.sol-faq-wrap .faq-heading h2{
  font-size: 40px;
  font-weight: 700;
}
.faq-accordion .panel{
  background: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.faq-accordion .panel .panel-title > a{
  display: block;
  padding: 20px;
  position: relative;
  font-size: 16px;
  color: #1D204D;
}
.faq-accordion .panel .panel-title > a[aria-expanded="true"]{
  color: #FE8900;
}
.faq-accordion .panel .panel-body{
  font-weight: 400;
  line-height: 1.5;
  padding: 0 20px 20px;
}
.faq-accordion .panel .panel-title > a:before {
  position: absolute;
  font-family: FontAwesome;
  content:"\f068";
  right: 20px;
  top: 20px;
  color: #1D204D;
}
.faq-accordion .panel .panel-title > a.collapsed:before {
  content:"\f067";
}
.faq-accordion .panel .panel-title > a:hover, 
.faq-accordion .panel .panel-title > a:active, 
.faq-accordion .panel .panel-title > a:focus  {
  text-decoration:none;
}
.sol-gradient{
  background: -moz-linear-gradient(top, rgb(236 242 255 / 65%) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgb(236 242 255 / 65%) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgb(236 242 255 / 65%) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ced1ed', endColorstr='#00000000',GradientType=0 );
}
.sol-txt-box {
  position: relative;
}
.sol-txt-box:before {
  content: '';
  position: absolute;
  bottom: -25px;
  left: -60px;
  width: 275px;
  height: 140px;
  background-image: url(../images/line-after-8.png);
  background-repeat: no-repeat;
  z-index: -1;
}



/* LEGAL PAGE CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.legal-sec-1 {
  margin-top: 80px;
}
.legal-tabs .nav-tabs {
  display: none;
}
@media (min-width: 768px) {
  .legal-tabs .nav-tabs {
    display: flex;
    flex-flow: column nowrap;
  }
  .legal-tabs .nav-tabs {
    border-bottom: none;
    display: flex;
  }
  .legal-tabs .nav-tabs {
    margin-right: 15px;
    flex: 0 0 35%;
    padding-top: 60px;
  }
  .legal-tabs .nav-tabs .nav-link {
    white-space: nowrap;
    color: #4E93F7;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0;
    border: none;
  }
  .legal-tabs .nav-tabs .nav-link.active, .legal-tabs .nav-tabs .nav-link:hover {
    color: #FB961E;
    border-radius: 0;
    padding-left: 15px;
  }
  .legal-tabs .nav-tabs .nav-link.active {
    font-weight: 700;
  }
  .legal-tabs .card {
    border: none;
  }
  .legal-tabs .card .card-header {
    display: none;
  }
  .legal-tabs .card .collapse {
    display: block;
  }
}


/* loader css */
/* .loader-wrap {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(156deg, rgb(9 49 121 / 100%) 1%, rgb(10 7 59 / 100%) 47%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading {
  position: relative;
  margin-top: -230px;
}
.loading::after {
  content: '';
  text-align: left;
  padding-left: 30px;
  padding-top: 75px;
  color: #555;
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 180px;
  height: 180px;
  background-image: url(../images/svg/van.svg);
  background-position: 50% 22px;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  -webkit-animation: bumpy-road 1.5s infinite;
          animation: bumpy-road 1.5s infinite;
  box-sizing: border-box;
}
.loading::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -114.07814025878906 512 281.52134704589844' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23B1E9F1' d='M-2.7-117.834h515.61V13.55H-2.7z'/%3E %3Cpath fill='%237FC583' d='M-2.7 2.093h517.9V67.02H-2.7z'/%3E %3Cpath d='M523.116 95.876c-2.966 0-5.365 2.12-5.365 4.744 0 2.624 2.41 4.744 5.37 4.744h16.1v56.933c0 2.623-2.4 4.744-5.36 4.744H222.63c-.184 0-.365 0-.544-.02h-258.24c-2.966 0-5.365-2.12-5.365-4.74v-56.94h16.1c2.96 0 5.37-2.12 5.37-4.74s-2.4-4.74-5.36-4.74h-16.1V38.92c0-2.624 2.4-4.744 5.37-4.744h311.23c.19 0 .37.008.54.024h258.23c2.97 0 5.37 2.12 5.37 4.744v56.932zm-289.763 0h-16.096v-.024h-4.66c-2.963 0-5.366 2.12-5.366 4.744 0 2.624 2.41 4.745 5.37 4.745h20.7c2.97 0 5.37-2.12 5.37-4.74 0-1.93-1.31-3.6-3.19-4.33-.65-.24-1.36-.38-2.11-.38zm57.11 4.744c0-2.623-2.402-4.744-5.364-4.744h-20.71c-2.97 0-5.37 2.12-5.37 4.744 0 1.896 1.25 3.53 3.07 4.29.68.277 1.44.43 2.24.43h16.1v.024h4.66c2.96 0 5.36-2.12 5.36-4.744zm46.372 4.744c2.967 0 5.367-2.12 5.367-4.744 0-2.623-2.4-4.744-5.367-4.744H316.14c-2.963 0-5.365 2.12-5.365 4.744 0 2.624 2.405 4.744 5.365 4.744zm51.745 0c2.967 0 5.366-2.12 5.366-4.744 0-2.623-2.397-4.744-5.366-4.744h-20.694c-2.962 0-5.365 2.12-5.365 4.744 0 2.624 2.41 4.744 5.37 4.744zm51.743 0c2.963 0 5.367-2.12 5.367-4.744 0-2.623-2.403-4.744-5.365-4.744h-20.697c-2.96 0-5.365 2.12-5.365 4.744 0 2.624 2.403 4.744 5.365 4.744zm57.114-4.744c0-2.623-2.406-4.744-5.367-4.744h-20.696c-2.962 0-5.364 2.12-5.364 4.744 0 2.624 2.402 4.744 5.364 4.744h20.696c2.96 0 5.367-2.12 5.367-4.744zm-465.75-.024c0-2.623-2.405-4.744-5.366-4.744H5.62c-2.962 0-5.368 2.12-5.368 4.744 0 2.624 2.406 4.745 5.368 4.745h20.7c2.962 0 5.367-2.12 5.367-4.74zm46.37 4.745c2.968 0 5.367-2.12 5.367-4.74s-2.398-4.74-5.366-4.74H57.36c-2.96 0-5.362 2.12-5.362 4.75s2.403 4.75 5.365 4.75zm51.745 0c2.968 0 5.366-2.12 5.366-4.74s-2.397-4.74-5.365-4.74h-20.696c-2.96 0-5.365 2.12-5.365 4.75s2.404 4.75 5.366 4.75zm51.743 0c2.963 0 5.368-2.12 5.368-4.74s-2.404-4.74-5.366-4.74H160.85c-2.96 0-5.366 2.12-5.366 4.75s2.405 4.75 5.366 4.75z' fill='%23666'/%3E %3Cpath d='M105.768-109.507c11.853 0 21.464 9.61 21.464 21.464 0 11.853-9.61 21.465-21.464 21.465-11.856 0-21.468-9.612-21.468-21.465 0-11.856 9.612-21.464 21.468-21.464z' fill='%23FFCB00'/%3E %3Cpath d='M57.45-90.002c2.062 0 4.005.495 5.73 1.36 1.862-1.825 4.414-2.95 7.23-2.95 4.876 0 8.962 3.372 10.055 7.914 2.438.732 4.39 2.57 5.284 4.932.29-.033.58-.047.89-.047 4.5 0 8.16 3.653 8.16 8.162 0 4.5-3.66 8.15-8.16 8.15-1.41 0-2.73-.36-3.88-.98-1 3.39-4.13 5.86-7.84 5.86-2.27 0-4.32-.92-5.8-2.42-1.48 1.49-3.53 2.41-5.8 2.41-2.16 0-4.12-.84-5.58-2.2-1.49 1.63-3.64 2.66-6.02 2.66-2.24 0-4.26-.9-5.73-2.35-.68.15-1.37.23-2.09.23-5.37 0-9.72-4.36-9.72-9.72s4.35-9.73 9.72-9.73c.29 0 .58.02.86.04C45.48-85.03 50.88-90 57.45-90zm84.83-19.385c2.06 0 4.004.49 5.724 1.354 1.862-1.824 4.418-2.95 7.23-2.95 4.876 0 8.967 3.378 10.06 7.915 2.437.732 4.39 2.57 5.283 4.937.29-.04.59-.06.89-.06 4.503 0 8.156 3.65 8.156 8.16 0 4.5-3.653 8.15-8.157 8.15-1.402 0-2.723-.36-3.878-.98-.988 3.38-4.12 5.86-7.83 5.86-2.266 0-4.318-.92-5.796-2.42-1.478 1.49-3.53 2.41-5.797 2.41-2.152 0-4.114-.84-5.573-2.2-1.492 1.63-3.635 2.65-6.02 2.65-2.233 0-4.257-.894-5.725-2.348-.675.15-1.378.23-2.096.23-5.36 0-9.71-4.358-9.71-9.727s4.35-9.715 9.72-9.715c.3 0 .59.018.87.04.69-6.38 6.1-11.345 12.66-11.345z' fill='%23FFF'/%3E %3Cpath d='M197.6-28.006c-.304 0-.615-.114-.86-.33l-15.887-14.077c-.538-.473-.587-1.296-.11-1.834.475-.542 1.303-.59 1.84-.113l15.88 14.076c.54.478.588 1.297.115 1.84-.26.286-.616.438-.977.438zm1.116 3.16c-.513 0-.996-.305-1.203-.803-.276-.66.04-1.43.705-1.7l21.142-8.75c.66-.27 1.425.04 1.7.71.277.66-.04 1.43-.704 1.7l-21.142 8.76c-.163.07-.336.1-.498.1z' fill='%238B6E62'/%3E %3Cpath d='M191.98-42.743c-.058 6.8-5.62 12.262-12.414 12.203-6.8-.06-12.262-5.62-12.203-12.42.06-6.8 5.616-12.262 12.415-12.203 6.8.06 12.262 5.62 12.203 12.42z' fill='%23689D38'/%3E %3Cpath d='M197.266 19.248h-.02c-1.44-.01-2.593-1.19-2.583-2.628l.636-80.638c.01-1.435 1.17-2.583 2.6-2.583h.02c1.43.01 2.59 1.18 2.58 2.62l-.64 80.64c-.01 1.43-1.18 2.58-2.61 2.58z' fill='%238B6E62'/%3E %3Cpath d='M218.96-62.864c-.098 11.636-9.614 20.984-21.25 20.88-11.63-.103-20.98-9.614-20.875-21.25.098-11.63 9.614-20.98 21.245-20.88 11.636.103 20.984 9.62 20.88 21.25z' fill='%239BCB64'/%3E %3Cpath d='M218.96-62.864c-.098 11.513-9.412 20.782-20.88 20.88v-42.13c11.636.103 20.984 9.62 20.88 21.25z' fill='%237CB142'/%3E %3Cpath d='M235.02-39.942c-.08 8.924-7.377 16.093-16.3 16.014-8.925-.08-16.094-7.376-16.02-16.3.08-8.924 7.376-16.093 16.3-16.014 8.924.078 16.093 7.376 16.02 16.3z' fill='%23689D38'/%3E %3Cpath d='M147.025-36.683c-.3 0-.606-.104-.853-.32l-15.196-13.23c-.542-.473-.6-1.296-.128-1.838s1.297-.6 1.84-.13l15.195 13.23c.542.47.596 1.29.123 1.84-.256.29-.616.44-.98.44zm1.085 2.993c-.503 0-.987-.296-1.2-.795-.28-.66.03-1.425.69-1.706l20-8.49c.66-.28 1.424.02 1.71.69.28.66-.03 1.43-.69 1.7l-20.003 8.49c-.162.07-.335.1-.507.1z' fill='%238B6E62'/%3E %3Cpath d='M141.582-50.69c0 6.453-5.236 11.685-11.69 11.685s-11.686-5.232-11.686-11.686c0-6.46 5.232-11.69 11.686-11.69s11.69 5.23 11.69 11.69z' fill='%239BCB64'/%3E %3Cpath d='M147.025 8.642c-1.44 0-2.603-1.163-2.603-2.603v-76.96c0-1.44 1.163-2.61 2.603-2.61s2.608 1.17 2.608 2.6V6.04c0 1.438-1.168 2.602-2.608 2.602z' fill='%238B6E62'/%3E %3Cpath d='M167.028-70.018c0 11.05-8.954 20.003-20.003 20.003-11.044 0-19.998-8.954-19.998-20.003 0-11.044 8.954-19.998 19.998-19.998 11.05 0 20.003 8.954 20.003 19.998z' fill='%23689D38'/%3E %3Cpath d='M167.028-70.018c0 11.05-8.954 20.003-20.003 20.003v-40c11.05 0 20.003 8.953 20.003 19.997z' fill='%2354892E'/%3E %3Cpath d='M182.46-48.393c0 8.475-6.868 15.343-15.343 15.343-8.47 0-15.34-6.868-15.34-15.343 0-8.47 6.87-15.34 15.34-15.34 8.475 0 15.343 6.87 15.343 15.34z' fill='%239BCB64'/%3E %3Cpath d='M31.263-29.697c-.503 0-.987-.296-1.2-.794-.28-.67.03-1.43.692-1.71l17.66-7.5c.656-.28 1.426.02 1.707.69.28.66-.025 1.42-.69 1.7l-17.658 7.5c-.167.07-.34.1-.512.1z' fill='%238B6E62'/%3E %3Cpath d='M59.243-39.085c0 5.7-4.62 10.32-10.32 10.32s-10.32-4.62-10.32-10.32 4.62-10.324 10.32-10.324 10.32 4.63 10.32 10.33z' fill='%239BCB64'/%3E %3Cpath d='M31.263 12.74c-1.435 0-2.603-1.17-2.603-2.608v-62.326c0-1.44 1.168-2.603 2.603-2.603 1.44 0 2.608 1.163 2.608 2.603v62.326c0 1.44-1.16 2.608-2.6 2.608z' fill='%238B6E62'/%3E %3Cpath d='M50.837-55.227c0 10.813-8.76 19.574-19.574 19.574-10.807 0-19.574-8.76-19.574-19.574 0-10.808 8.76-19.574 19.57-19.574s19.57 8.76 19.57 19.57z' fill='%23689D38'/%3E %3Cpath d='M50.837-55.227c0 10.813-8.76 19.574-19.574 19.574V-74.8c10.812 0 19.574 8.765 19.574 19.573z' fill='%2354892E'/%3E %3Cpath d='M31.263-21.813c-.3 0-.607-.104-.853-.316L16.99-33.81c-.543-.473-.598-1.297-.13-1.834.474-.547 1.297-.602 1.84-.128l13.42 11.68c.542.473.597 1.297.128 1.834-.255.3-.62.45-.985.45z' fill='%238B6E62'/%3E %3Cpath d='M27.15-37.566c0 7.485-6.063 13.55-13.543 13.55C6.66-24.016.937-29.25.152-35.984c1.242-3.93 2.667-7.78 4.265-11.532 2.41-2.234 5.64-3.595 9.19-3.595 7.48 0 13.544 6.06 13.544 13.54z' fill='%239BCB64'/%3E %3Cpath d='M28.66-27.11l-3.65-3.174c1.106-1.715 1.83-3.697 2.062-5.828.518.114 1.05.193 1.588.266v8.737z' fill='%23FFF' fill-opacity='.102'/%3E %3Cpath d='M100.516-26.803c-.508 0-.99-.295-1.198-.794-.282-.66.024-1.425.69-1.706l21.062-8.944c.656-.276 1.425.03 1.71.695.282.66-.03 1.425-.694 1.706l-21.063 8.94c-.162.074-.34.103-.507.103z' fill='%238B6E62'/%3E %3Cpath d='M133.89-37.754c0 6.8-5.512 12.312-12.31 12.312-6.8 0-12.312-5.512-12.312-12.312s5.512-12.31 12.31-12.31c6.8 0 12.312 5.512 12.312 12.31z' fill='%23689D38'/%3E %3Cpath d='M100.516 22.053c-1.44 0-2.603-1.163-2.603-2.603v-72.838c0-1.44 1.163-2.608 2.603-2.608s2.603 1.17 2.603 2.608V19.45c0 1.44-1.17 2.603-2.61 2.603z' fill='%238B6E62'/%3E %3Cpath d='M121.58-57.007c0 11.636-9.428 21.068-21.064 21.068S79.448-45.37 79.448-57c0-11.63 9.432-21.063 21.068-21.063S121.58-68.633 121.58-57z' fill='%239BCB64'/%3E %3Cpath d='M121.58-57.007c0 11.636-9.428 21.068-21.064 21.068v-42.13c11.636 0 21.063 9.44 21.063 21.07z' fill='%237CB142'/%3E %3Cpath d='M100.516-17.4c-.306 0-.606-.104-.853-.32l-16.01-13.934c-.54-.474-.6-1.297-.127-1.835.473-.54 1.296-.6 1.838-.12l16.004 13.94c.543.48.602 1.3.13 1.84-.257.3-.617.45-.982.45z' fill='%238B6E62'/%3E %3Cpath d='M95.606-35.94c0 8.925-7.233 16.158-16.157 16.158S63.29-27.015 63.29-35.94s7.232-16.156 16.157-16.156 16.156 7.233 16.156 16.157z' fill='%23689D38'/%3E %3Cpath d='M231.508-9.023c10.058 0 18.52 6.824 21.014 16.093-.06 1.903-.153 3.79-.29 5.67h-42.486c0-12.02 9.742-21.763 21.762-21.763z' fill='%239BCB64'/%3E %3Cpath d='M231.508-9.023c10.058 0 18.52 6.824 21.014 16.093-.06 1.903-.153 3.79-.29 5.67h-20.724V-9.023z' fill='%237CB142'/%3E %3Cpath d='M199.58-2.737c8.548 0 15.475 6.927 15.475 15.477h-30.953c0-8.55 6.927-15.477 15.477-15.477z' fill='%239BCB64'/%3E %3Cpath d='M199.58-2.737c8.548 0 15.475 6.927 15.475 15.477H199.58V-2.737z' fill='%237CB142'/%3E %3Cpath d='M217.48-2.727c8.54 0 15.463 6.922 15.463 15.467H202.02c0-8.545 6.92-15.467 15.46-15.467z' fill='%23689D38'/%3E %3Cpath d='M217.48-2.727c8.54 0 15.463 6.922 15.463 15.467H217.48V-2.727z' fill='%2354892E'/%3E %3Cpath d='M19.233 4.934c-9.98 0-18.07 8.09-18.07 18.07h36.14c0-9.98-8.09-18.07-18.07-18.07z' fill='%239BCB64'/%3E %3Cpath d='M19.233 23.005h18.07c0-9.98-8.09-18.07-18.07-18.07v18.07z' fill='%237CB142'/%3E %3Cpath d='M42.504 10.156c-7.1 0-12.854 5.754-12.854 12.85h25.703c0-7.096-5.754-12.85-12.85-12.85z' fill='%239BCB64'/%3E %3Cpath d='M43.678 23.005h11.675c0-6.7-5.128-12.203-11.675-12.795v12.795z' fill='%237CB142'/%3E %3Cpath d='M27.64 10.166c-7.096 0-12.845 5.75-12.845 12.84h25.683c0-7.09-5.75-12.84-12.84-12.84z' fill='%23689D38'/%3E %3Cpath d='M28.66 23.005h11.818c0-6.745-5.202-12.277-11.814-12.8h-.005v12.8z' fill='%2354892E'/%3E %3Cpath d='M137.02-1.682c-10.876 0-19.696 8.82-19.696 19.697h39.394c0-10.877-8.815-19.697-19.697-19.697z' fill='%237CB142'/%3E %3Cg fill='%239BCB64'%3E %3Cpath d='M137.02 18.015h19.698c0-10.877-8.82-19.697-19.697-19.697v19.697z'/%3E %3Cpath d='M162.388 4.008c-7.736 0-14.007 6.27-14.007 14.007h28.02c0-7.736-6.27-14.007-14-14.007z'/%3E %3C/g%3E %3Cpath d='M146.182 4.022c-7.726 0-13.993 6.262-13.993 13.993h27.99c0-7.73-6.27-13.993-14-13.993z' fill='%23689D38'/%3E %3Cpath d='M146.182 18.015h13.998c0-7.726-6.267-13.993-13.998-13.993v13.993z' fill='%2354892E'/%3E %3Cpath d='M228.85 17.828c-3.41 0-6.172 2.76-6.172 6.168h12.34c0-3.407-2.76-6.168-6.167-6.168zM72.147 16.59c-7.085 0-12.834 5.744-12.834 12.834H84.98c0-7.09-5.744-12.834-12.834-12.834zM83.24 7.597c-2.766 0-5.01 2.243-5.01 5.014h10.024c0-2.77-2.244-5.01-5.014-5.01zM123.96 31.9c-3.407 0-6.173 2.76-6.173 6.167h12.34c0-3.407-2.76-6.168-6.167-6.168zm64.15-6.854c-2.766 0-5.014 2.243-5.014 5.014h10.03c0-2.77-2.245-5.014-5.016-5.014z' fill='%23E5E5E5'/%3E %3Cpath d='M362.913-109.65c11.853 0 21.464 9.608 21.464 21.463 0 11.853-9.61 21.465-21.464 21.465-11.856 0-21.468-9.612-21.468-21.465 0-11.856 9.612-21.464 21.468-21.464z' fill='%23FFCB00'/%3E %3Cpath d='M314.595-90.146c2.062 0 4.005.494 5.73 1.36 1.862-1.825 4.414-2.95 7.23-2.95 4.876 0 8.962 3.372 10.055 7.914 2.438.732 4.39 2.57 5.284 4.932.294-.033.59-.048.893-.048 4.5 0 8.158 3.654 8.158 8.163 0 4.504-3.66 8.158-8.158 8.158-1.406 0-2.728-.357-3.877-.98-.993 3.388-4.124 5.864-7.835 5.864-2.266 0-4.314-.922-5.797-2.42-1.478 1.498-3.53 2.42-5.797 2.42-2.15 0-4.11-.836-5.57-2.2-1.48 1.63-3.63 2.656-6.02 2.656-2.23 0-4.25-.893-5.72-2.347-.67.152-1.37.228-2.09.228-5.37 0-9.72-4.352-9.72-9.72s4.36-9.722 9.72-9.722c.29 0 .58.02.87.043.7-6.38 6.1-11.35 12.66-11.35zm84.828-19.384c2.062 0 4.006.488 5.726 1.353 1.86-1.825 4.41-2.95 7.23-2.95 4.87 0 8.96 3.378 10.05 7.915 2.44.73 4.39 2.57 5.28 4.937.29-.034.59-.052.89-.052 4.5 0 8.15 3.653 8.15 8.162 0 4.504-3.66 8.158-8.16 8.158-1.4 0-2.73-.357-3.88-.98-.99 3.39-4.12 5.864-7.83 5.864-2.27 0-4.32-.922-5.8-2.418-1.48 1.49-3.53 2.41-5.8 2.41-2.15 0-4.12-.84-5.58-2.2-1.49 1.63-3.635 2.65-6.02 2.65-2.233 0-4.257-.9-5.725-2.35-.675.15-1.378.23-2.096.23-5.37 0-9.717-4.35-9.717-9.72s4.347-9.72 9.715-9.72c.294 0 .583.01.87.03.69-6.38 6.095-11.35 12.66-11.35z' fill='%23FFF'/%3E %3Cpath d='M454.746-28.15c-.306 0-.616-.114-.862-.33l-15.886-14.077c-.538-.473-.587-1.297-.11-1.834.475-.55 1.303-.6 1.84-.12l15.88 14.07c.54.48.588 1.29.115 1.84-.26.28-.616.44-.977.44zm1.114 3.16c-.512 0-.995-.305-1.202-.803-.276-.666.04-1.43.705-1.7l21.142-8.758c.66-.28 1.425.04 1.7.7.277.66-.04 1.42-.704 1.7l-21.14 8.76c-.16.06-.33.1-.5.1z' fill='%238B6E62'/%3E %3Cpath d='M449.126-42.887c-.06 6.8-5.62 12.262-12.415 12.202-6.79-.06-12.26-5.62-12.2-12.42.06-6.8 5.62-12.262 12.42-12.202 6.8.06 12.26 5.62 12.21 12.42z' fill='%23689D38'/%3E %3Cpath d='M454.41 19.103h-.02c-1.438-.01-2.592-1.188-2.582-2.628l.636-80.637c.015-1.435 1.18-2.584 2.608-2.584h.02c1.434.01 2.593 1.183 2.583 2.623l-.64 80.643c-.01 1.43-1.174 2.583-2.604 2.583z' fill='%238B6E62'/%3E %3Cpath d='M476.105-63.008c-.098 11.635-9.614 20.984-21.25 20.88-11.63-.103-20.98-9.614-20.875-21.25.098-11.63 9.614-20.98 21.245-20.88 11.636.103 20.984 9.62 20.88 21.25z' fill='%239BCB64'/%3E %3Cpath d='M476.105-63.008c-.098 11.512-9.412 20.78-20.88 20.88v-42.13c11.636.103 20.984 9.62 20.88 21.25z' fill='%237CB142'/%3E %3Cpath d='M492.164-40.087c-.08 8.925-7.376 16.093-16.3 16.015-8.924-.08-16.093-7.376-16.02-16.3.08-8.924 7.377-16.093 16.3-16.014 8.925.078 16.094 7.375 16.02 16.3z' fill='%23689D38'/%3E %3Cpath d='M404.17-36.828c-.3 0-.606-.103-.853-.32l-15.196-13.23c-.54-.472-.6-1.295-.12-1.838s1.3-.596 1.84-.123l15.2 13.23c.55.48.6 1.3.13 1.84-.25.3-.61.45-.98.45zm1.085 2.993c-.503 0-.987-.296-1.2-.794-.28-.66.03-1.42.69-1.7l20-8.49c.66-.27 1.424.03 1.71.69.28.66-.03 1.43-.69 1.71l-20.003 8.49c-.162.07-.335.11-.507.11z' fill='%238B6E62'/%3E %3Cpath d='M398.727-50.835c0 6.454-5.236 11.685-11.69 11.685s-11.686-5.23-11.686-11.685c0-6.454 5.24-11.69 11.69-11.69s11.69 5.236 11.69 11.69z' fill='%239BCB64'/%3E %3Cpath d='M404.17 8.498c-1.44 0-2.603-1.163-2.603-2.603v-76.96c0-1.435 1.163-2.603 2.603-2.603s2.608 1.168 2.608 2.603v76.96c0 1.44-1.17 2.603-2.608 2.603z' fill='%238B6E62'/%3E %3Cpath d='M424.173-70.162c0 11.05-8.954 20.002-20.003 20.002-11.044 0-19.998-8.953-19.998-20.002 0-11.045 8.954-19.998 19.998-19.998 11.05 0 20.003 8.953 20.003 19.998z' fill='%23689D38'/%3E %3Cpath d='M424.173-70.162c0 11.05-8.954 20.002-20.003 20.002v-40c11.05 0 20.003 8.953 20.003 19.998z' fill='%2354892E'/%3E %3Cpath d='M439.605-48.538c0 8.476-6.868 15.344-15.343 15.344-8.47 0-15.34-6.87-15.34-15.344 0-8.47 6.87-15.34 15.34-15.34 8.475.002 15.343 6.87 15.343 15.34z' fill='%239BCB64'/%3E %3Cpath d='M288.408-29.84c-.503 0-.987-.297-1.2-.795-.28-.66.03-1.425.692-1.706l17.66-7.5c.656-.28 1.425.02 1.707.69.28.66-.025 1.42-.69 1.7l-17.657 7.5c-.167.07-.34.1-.512.1z' fill='%238B6E62'/%3E %3Cpath d='M316.388-39.23c0 5.7-4.62 10.32-10.32 10.32s-10.32-4.62-10.32-10.32 4.62-10.323 10.32-10.323 10.32 4.625 10.32 10.324z' fill='%239BCB64'/%3E %3Cpath d='M288.408 12.595c-1.435 0-2.603-1.168-2.603-2.608V-52.34c0-1.438 1.168-2.602 2.603-2.602 1.44 0 2.608 1.164 2.608 2.603V9.99c0 1.44-1.168 2.608-2.608 2.608z' fill='%238B6E62'/%3E %3Cpath d='M307.982-55.37c0 10.81-8.76 19.572-19.574 19.572-10.807 0-19.574-8.76-19.574-19.573 0-10.81 8.767-19.58 19.574-19.58 10.812 0 19.574 8.76 19.574 19.57z' fill='%23689D38'/%3E %3Cpath d='M307.982-55.37c0 10.81-8.76 19.572-19.574 19.572v-39.147c10.812 0 19.574 8.766 19.574 19.574z' fill='%2354892E'/%3E %3Cpath d='M288.408-21.957c-.3 0-.607-.104-.853-.316l-13.42-11.685c-.543-.474-.598-1.297-.13-1.835.474-.547 1.297-.6 1.84-.128l13.42 11.68c.542.47.597 1.29.128 1.83-.256.3-.62.45-.985.45z' fill='%238B6E62'/%3E %3Cpath d='M284.296-37.71c0 7.485-6.064 13.55-13.544 13.55-6.947 0-12.67-5.233-13.455-11.967 1.242-3.93 2.667-7.78 4.265-11.533 2.41-2.233 5.64-3.594 9.19-3.594 7.48 0 13.544 6.064 13.544 13.544z' fill='%239BCB64'/%3E %3Cpath d='M285.805-27.253l-3.65-3.175c1.106-1.716 1.83-3.698 2.062-5.828.518.114 1.05.192 1.588.266v8.737z' fill='%23FFF' fill-opacity='.102'/%3E %3Cpath d='M357.66-26.947c-.507 0-.99-.296-1.197-.794-.282-.67.024-1.43.69-1.71l21.062-8.95c.656-.28 1.425.03 1.71.69.282.66-.03 1.42-.694 1.7l-21.06 8.94c-.16.07-.34.1-.5.1z' fill='%238B6E62'/%3E %3Cpath d='M391.035-37.898c0 6.8-5.512 12.31-12.31 12.31-6.8 0-12.312-5.51-12.312-12.31s5.512-12.31 12.31-12.31c6.8 0 12.312 5.51 12.312 12.31z' fill='%23689D38'/%3E %3Cpath d='M357.66 21.91c-1.44 0-2.602-1.165-2.602-2.604v-72.838c0-1.44 1.163-2.608 2.603-2.608s2.61 1.168 2.61 2.608v72.838c0 1.44-1.16 2.603-2.6 2.603z' fill='%238B6E62'/%3E %3Cpath d='M378.724-57.15c0 11.635-9.427 21.067-21.063 21.067S336.6-45.515 336.6-57.15c0-11.637 9.432-21.07 21.068-21.07s21.064 9.433 21.064 21.064z' fill='%239BCB64'/%3E %3Cpath d='M378.724-57.15c0 11.635-9.427 21.067-21.063 21.067v-42.13c11.64 0 21.07 9.43 21.07 21.062z' fill='%237CB142'/%3E %3Cpath d='M357.66-17.545c-.305 0-.605-.103-.852-.32L340.798-31.8c-.54-.472-.6-1.296-.128-1.833.474-.547 1.297-.602 1.84-.128l16.003 13.93c.543.47.602 1.29.13 1.84-.257.29-.617.44-.982.44z' fill='%238B6E62'/%3E %3Cpath d='M352.75-36.083c0 8.924-7.232 16.157-16.157 16.157s-16.157-7.233-16.157-16.157 7.233-16.157 16.157-16.157 16.157 7.233 16.157 16.157z' fill='%23689D38'/%3E %3Cpath d='M488.653-9.168c10.058 0 18.52 6.824 21.014 16.093-.06 1.903-.153 3.792-.29 5.67H466.89c0-12.02 9.743-21.763 21.763-21.763z' fill='%239BCB64'/%3E %3Cpath d='M488.653-9.168c10.058 0 18.52 6.824 21.014 16.093-.06 1.903-.153 3.792-.29 5.67h-20.724V-9.168z' fill='%237CB142'/%3E %3Cpath d='M456.724-2.88c8.55 0 15.476 6.926 15.476 15.475h-30.953c0-8.55 6.927-15.476 15.477-15.476z' fill='%239BCB64'/%3E %3Cpath d='M456.724-2.88c8.55 0 15.476 6.926 15.476 15.475h-15.476V-2.88z' fill='%237CB142'/%3E %3Cpath d='M474.626-2.872c8.54 0 15.462 6.923 15.462 15.467h-30.924c0-8.544 6.922-15.467 15.462-15.467z' fill='%23689D38'/%3E %3Cpath d='M474.626-2.872c8.54 0 15.462 6.923 15.462 15.467h-15.462V-2.872z' fill='%2354892E'/%3E %3Cpath d='M276.378 4.79c-9.98 0-18.07 8.09-18.07 18.07h36.14c0-9.98-8.09-18.07-18.07-18.07z' fill='%239BCB64'/%3E %3Cpath d='M276.378 22.86h18.07c0-9.98-8.09-18.07-18.07-18.07v18.07z' fill='%237CB142'/%3E %3Cpath d='M299.65 10.01c-7.1 0-12.855 5.755-12.855 12.85h25.703c0-7.095-5.754-12.85-12.85-12.85z' fill='%239BCB64'/%3E %3Cpath d='M300.823 22.86h11.675c0-6.7-5.128-12.203-11.675-12.795V22.86z' fill='%237CB142'/%3E %3Cpath d='M284.784 10.02c-7.095 0-12.844 5.75-12.844 12.84h25.683c0-7.09-5.75-12.84-12.84-12.84z' fill='%23689D38'/%3E %3Cpath d='M285.805 22.86h11.818c0-6.744-5.202-12.277-11.814-12.8h-.01v12.8z' fill='%2354892E'/%3E %3Cpath d='M394.166-1.826c-10.877 0-19.697 8.82-19.697 19.697h39.39c0-10.87-8.82-19.69-19.7-19.69z' fill='%237CB142'/%3E %3Cg fill='%239BCB64'%3E %3Cpath d='M394.166 17.87h19.697c0-10.876-8.82-19.696-19.697-19.696V17.87z'/%3E %3Cpath d='M419.533 3.863c-7.736 0-14.007 6.272-14.007 14.008h28.015c0-7.73-6.27-14-14-14z'/%3E %3C/g%3E %3Cpath d='M403.327 3.878c-7.726 0-13.993 6.262-13.993 13.993h27.99c0-7.73-6.266-13.99-13.997-13.99z' fill='%23689D38'/%3E %3Cpath d='M403.327 17.87h13.998c0-7.725-6.267-13.992-13.998-13.992V17.87z' fill='%2354892E'/%3E %3Cpath d='M485.996 17.683c-3.412 0-6.173 2.76-6.173 6.17h12.34c0-3.41-2.76-6.17-6.167-6.17zM329.29 16.446c-7.084 0-12.833 5.743-12.833 12.834h25.668c0-7.09-5.744-12.834-12.834-12.834zm11.095-8.993c-2.766 0-5.01 2.243-5.01 5.014H345.4c0-2.77-2.245-5.014-5.015-5.014zm40.72 24.302c-3.407 0-6.173 2.76-6.173 6.168h12.34c0-3.407-2.76-6.168-6.167-6.168zm64.15-6.854c-2.766 0-5.014 2.25-5.014 5.02h10.03c0-2.77-2.24-5.01-5.01-5.01z' fill='%23E5E5E5'/%3E %3C/svg%3E");
  background-position: 0 -90px;
  background-repeat: no-repeat;
  background-size: 210% 210%;
  -webkit-animation: road-horizontal 1s linear infinite;
          animation: road-horizontal 1s linear infinite;
  box-sizing: border-box;
}

@-webkit-keyframes road-horizontal {
  0% {
    background-position: 0 -90px;
  }
  100% {
    background-position: -190px -90px;
  }
}

@keyframes road-horizontal {
  0% {
    background-position: 0 -90px;
  }
  100% {
    background-position: -190px -90px;
  }
}
@-webkit-keyframes bumpy-road {
  0%, 40%, 55%, 80%, 100% {
    background-position: 50% 25px;
    padding-top: 75px;
  }
  50% {
    background-position: 50% 21px;
    padding-top: 71px;
  }
  60% {
    background-position: 50% 23px;
    padding-top: 73px;
  }
}
@keyframes bumpy-road {
  0%, 40%, 55%, 80%, 100% {
    background-position: 50% 25px;
    padding-top: 75px;
  }
  50% {
    background-position: 50% 21px;
    padding-top: 71px;
  }
  60% {
    background-position: 50% 23px;
    padding-top: 73px;
  }
} */

/* .truck > .box-truck {
    position: relative;
    width: 100%;
    height: 100%;
    animation-name: LtR; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.box-wheel {
    position: absolute;
    left: 27%;
    bottom: 15%;
    width: 8%;
    height: 13%;
    background: #000000;
    border-radius: 50%;
    z-index: 1;
    animation-name: rotate; 
    animation-duration: .75s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.truck .tractor-wheel {
    right: 12%;
    bottom: 15%;
    width: 8%;
    height: 13%;
    background: #000000;
    border-radius: 50%;
    z-index: 1;
    animation-name: rotate; 
    animation-duration: .75s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes LtR {
    from {left: -100%}
    to {left: 110%}
} */


.animate .mast__title {
  overflow-y: hidden;
}
.mast .comm-text .heading-h1.mast__title span {
  color: #1d204d;
}
.animate .mast__title > * {
  display: inline-block;
  min-width: 0.1em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: slide-up 0.6s cubic-bezier(0.19, 0.9, 0.9, 1) both;
          animation: slide-up 0.6s cubic-bezier(0.19, 0.9, 0.9, 1) both;
}
.animate .mast__title > *:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.animate .mast__title > *:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.animate .mast__title > *:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.animate .mast__title > *:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.animate .mast__title > *:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.animate .mast__title > *:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.animate .mast__title > *:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.animate .mast__title > *:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.animate .mast__title > *:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.animate .mast__title > *:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.animate .mast__title > *:nth-child(11) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.animate .mast__title > *:nth-child(12) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.animate .mast__title > *:nth-child(13) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.animate .mast__title > *:nth-child(14) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.animate .mast__title > *:nth-child(15) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.animate .mast__title > *:nth-child(16) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.animate .mast__title > *:nth-child(17) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.animate .mast__title > *:nth-child(18) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.animate .mast__title > *:nth-child(19) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.animate .mast__title > *:nth-child(20) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.animate .mast__text > * {
  display: inline-block;
  min-width: 0.25em;
  -webkit-animation: slide-right 0.6s cubic-bezier(0.19, 0.9, 0.9, 1) both;
          animation: slide-right 0.6s cubic-bezier(0.19, 0.9, 0.9, 1) both;
}
.animate .mast__text > *:nth-child(1) {
  -webkit-animation-delay: 0.025s;
          animation-delay: 0.025s;
}
.animate .mast__text > *:nth-child(2) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.animate .mast__text > *:nth-child(3) {
  -webkit-animation-delay: 0.075s;
          animation-delay: 0.075s;
}
.animate .mast__text > *:nth-child(4) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.animate .mast__text > *:nth-child(5) {
  -webkit-animation-delay: 0.125s;
          animation-delay: 0.125s;
}
.animate .mast__text > *:nth-child(6) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.animate .mast__text > *:nth-child(7) {
  -webkit-animation-delay: 0.175s;
          animation-delay: 0.175s;
}
.animate .mast__text > *:nth-child(8) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.animate .mast__text > *:nth-child(9) {
  -webkit-animation-delay: 0.225s;
          animation-delay: 0.225s;
}
.animate .mast__text > *:nth-child(10) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.animate .mast__text > *:nth-child(11) {
  -webkit-animation-delay: 0.275s;
          animation-delay: 0.275s;
}
.animate .mast__text > *:nth-child(12) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.animate .mast__text > *:nth-child(13) {
  -webkit-animation-delay: 0.325s;
          animation-delay: 0.325s;
}
.animate .mast__text > *:nth-child(14) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.animate .mast__text > *:nth-child(15) {
  -webkit-animation-delay: 0.375s;
          animation-delay: 0.375s;
}
.animate .mast__text > *:nth-child(16) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.animate .mast__text > *:nth-child(17) {
  -webkit-animation-delay: 0.425s;
          animation-delay: 0.425s;
}
.animate .mast__text > *:nth-child(18) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.animate .mast__text > *:nth-child(19) {
  -webkit-animation-delay: 0.475s;
          animation-delay: 0.475s;
}
.animate .mast__text > *:nth-child(20) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.animate .mast__text > *:nth-child(21) {
  -webkit-animation-delay: 0.525s;
          animation-delay: 0.525s;
}
.animate .mast__text > *:nth-child(22) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.animate .mast__text > *:nth-child(23) {
  -webkit-animation-delay: 0.575s;
          animation-delay: 0.575s;
}
.animate .mast__text > *:nth-child(24) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.animate .mast__text > *:nth-child(25) {
  -webkit-animation-delay: 0.625s;
          animation-delay: 0.625s;
}
.animate .mast__text > *:nth-child(26) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.animate .mast__text > *:nth-child(27) {
  -webkit-animation-delay: 0.675s;
          animation-delay: 0.675s;
}
.animate .mast__text > *:nth-child(28) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.animate .mast__text > *:nth-child(29) {
  -webkit-animation-delay: 0.725s;
          animation-delay: 0.725s;
}
.animate .mast__text > *:nth-child(30) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.animate .mast__text > *:nth-child(31) {
  -webkit-animation-delay: 0.775s;
          animation-delay: 0.775s;
}
.animate .mast__text > *:nth-child(32) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.animate .mast__text > *:nth-child(33) {
  -webkit-animation-delay: 0.825s;
          animation-delay: 0.825s;
}
.animate .mast__text > *:nth-child(34) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.animate .mast__text > *:nth-child(35) {
  -webkit-animation-delay: 0.875s;
          animation-delay: 0.875s;
}
.animate .mast__text > *:nth-child(36) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.animate .mast__text > *:nth-child(37) {
  -webkit-animation-delay: 0.925s;
          animation-delay: 0.925s;
}
.animate .mast__text > *:nth-child(38) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.animate .mast__text > *:nth-child(39) {
  -webkit-animation-delay: 0.975s;
          animation-delay: 0.975s;
}
.animate .mast__text > *:nth-child(40) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.animate .mast__text > *:nth-child(41) {
  -webkit-animation-delay: 1.025s;
          animation-delay: 1.025s;
}
.animate .mast__text > *:nth-child(42) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.animate .mast__text > *:nth-child(43) {
  -webkit-animation-delay: 1.075s;
          animation-delay: 1.075s;
}
.animate .mast__text > *:nth-child(44) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.animate .mast__text > *:nth-child(45) {
  -webkit-animation-delay: 1.125s;
          animation-delay: 1.125s;
}
.animate .mast__text > *:nth-child(46) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
.animate .mast__text > *:nth-child(47) {
  -webkit-animation-delay: 1.175s;
          animation-delay: 1.175s;
}
.animate .mast__text > *:nth-child(48) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.animate .mast__text > *:nth-child(49) {
  -webkit-animation-delay: 1.225s;
          animation-delay: 1.225s;
}
.animate .mast__text > *:nth-child(50) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.animate .mast__text > *:nth-child(51) {
  -webkit-animation-delay: 1.275s;
          animation-delay: 1.275s;
}
.animate .mast__text > *:nth-child(52) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.animate .mast__text > *:nth-child(53) {
  -webkit-animation-delay: 1.325s;
          animation-delay: 1.325s;
}
.animate .mast__text > *:nth-child(54) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.animate .mast__text > *:nth-child(55) {
  -webkit-animation-delay: 1.375s;
          animation-delay: 1.375s;
}
.animate .mast__text > *:nth-child(56) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.animate .mast__text > *:nth-child(57) {
  -webkit-animation-delay: 1.425s;
          animation-delay: 1.425s;
}
.animate .mast__text > *:nth-child(58) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.animate .mast__text > *:nth-child(59) {
  -webkit-animation-delay: 1.475s;
          animation-delay: 1.475s;
}
.animate .mast__text > *:nth-child(60) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.animate .mast__text > *:nth-child(61) {
  -webkit-animation-delay: 1.525s;
          animation-delay: 1.525s;
}
.animate .mast__text > *:nth-child(62) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.animate .mast__text > *:nth-child(63) {
  -webkit-animation-delay: 1.575s;
          animation-delay: 1.575s;
}
.animate .mast__text > *:nth-child(64) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.animate .mast__text > *:nth-child(65) {
  -webkit-animation-delay: 1.625s;
          animation-delay: 1.625s;
}
.animate .mast__text > *:nth-child(66) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.animate .mast__text > *:nth-child(67) {
  -webkit-animation-delay: 1.675s;
          animation-delay: 1.675s;
}
.animate .mast__text > *:nth-child(68) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.animate .mast__text > *:nth-child(69) {
  -webkit-animation-delay: 1.725s;
          animation-delay: 1.725s;
}
.animate .mast__text > *:nth-child(70) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.animate .mast__text > *:nth-child(71) {
  -webkit-animation-delay: 1.775s;
          animation-delay: 1.775s;
}
.animate .mast__text > *:nth-child(72) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.animate .mast__text > *:nth-child(73) {
  -webkit-animation-delay: 1.825s;
          animation-delay: 1.825s;
}
.animate .mast__text > *:nth-child(74) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}
.animate .mast__text > *:nth-child(75) {
  -webkit-animation-delay: 1.875s;
          animation-delay: 1.875s;
}
.animate .mast__text > *:nth-child(76) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.animate .mast__text > *:nth-child(77) {
  -webkit-animation-delay: 1.925s;
          animation-delay: 1.925s;
}
.animate .mast__text > *:nth-child(78) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
.animate .mast__text > *:nth-child(79) {
  -webkit-animation-delay: 1.975s;
          animation-delay: 1.975s;
}
.animate .mast__text > *:nth-child(80) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.animate .mast__text > *:nth-child(81) {
  -webkit-animation-delay: 1.925s;
          animation-delay: 1.925s;
}
.animate .mast__text > *:nth-child(82) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
.animate .mast__text > *:nth-child(83) {
  -webkit-animation-delay: 1.975s;
          animation-delay: 1.975s;
}

@-webkit-keyframes slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  80% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  80% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2em, 0, 0);
            transform: translate3d(-2em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2em, 0, 0);
            transform: translate3d(-2em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.tree-group svg, .tree-group svg path {
  filter: opacity(0.8);
}

.bowl .fill {
  -webkit-animation-name: fillAction;
  animation-name: fillAction;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.8, 0.4);
  animation-timing-function: cubic-bezier(0.2, 0.6, 0.8, 0.4);
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fillAction {
  0% {
    -webkit-transform: translate(0, 150px);
    transform: translate(0, 150px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
     transform: translate(0, 0px);
  }
}
@keyframes fillAction {
  0% {
    -webkit-transform: translate(0, 150px);
    transform: translate(0, 150px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
     transform: translate(0, 0px);
  }
}
/* .error-svg svg {
  transition: 1s;
}
.error-svg svg:hover {
  transform: rotate(10deg) scale(1.1);
} */
.error-404-sec a.comm-btn-bg {
  margin-top: 45px;
}



.icon-develop .gear-b {
  animation: rotate-reverse 6s;
}
.icon-develop .gear-s {
  animation: rotate 12s linear infinite;
}
.icon-develop .hover {
  animation-play-state: paused !important;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.icon-develop:hover .hover {
  animation-play-state: running !important;
}

.icon-mobApps .ruler {
  transform-origin: 300px 200px;
  animation: bounceBFt2 2s ease-in-out infinite;
}
.icon-mobApps .hover {
  animation-play-state: paused !important;
}
.icon-mobApps .hover {
  animation-play-state: running !important;
}

@keyframes bounceBF {
  0%, 100% {
    transform: rotate(1.6deg);
  }
  50% {
    transform: rotate(-1.6deg);
  }
}
@keyframes bounceBFt2 {
  0%, 100% {
    transform: rotate(4.6deg);
  }
  50% {
    transform: rotate(-4.6deg);
  }
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes rotate-reverse {
  to {
    transform: rotate(-1turn);
  }
}

/* home page banner text roted */
.rotating-text {
  position: absolute;
  width: 100%;
  left: 0;
  margin-left: 0;
  height: 40px;
  top: 0;
  margin-top: 0;
}
.word {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.wd-1 span:nth-child(8),
.wd-1 span:nth-child(13),
.wd-2 span:nth-child(8),
.wd-2 span:nth-child(13),
.wd-5 span:nth-child(8),
.wd-5 span:nth-child(13) {
  margin: 8px;
}
.wd-3 span:nth-child(6),
.wd-3 span:nth-child(11),
.wd-4 span:nth-child(6),
.wd-4 span:nth-child(16) {
  margin: 8px;
}

.banner-content .page-title .bwd-1 span {
  color: #ffffff;
}
.banner-content .page-title .bwd-1 span:nth-child(1),
.banner-content .page-title .bwd-1 span:nth-child(2),
.banner-content .page-title .bwd-1 span:nth-child(3),
.banner-content .page-title .bwd-1 span:nth-child(4) {
  color: #fb961e;
}
.banner-content .page-title .bwd-2 span {
  color: #ffffff;
}
.banner-content .page-title .bwd-2 span:nth-child(1),
.banner-content .page-title .bwd-2 span:nth-child(2),
.banner-content .page-title .bwd-2 span:nth-child(3),
.banner-content .page-title .bwd-2 span:nth-child(4) {
  color: #fb961e;
}
.banner-content .page-title .bwd-3 span {
  color: #ffffff;
}
.banner-content .page-title .bwd-3 span:nth-child(1),
.banner-content .page-title .bwd-3 span:nth-child(2),
.banner-content .page-title .bwd-3 span:nth-child(3),
.banner-content .page-title .bwd-3 span:nth-child(4),
.banner-content .page-title .bwd-3 span:nth-child(5),
.banner-content .page-title .bwd-3 span:nth-child(6),
.banner-content .page-title .bwd-3 span:nth-child(7) {
  color: #fb961e;
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}
.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.letter.behind {
  transform: rotateX(-90deg);
}
.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.slider-pagination {
    text-align: center;
    display: none;
    justify-content: center;
    padding: 15px 0 0;
}
.slider-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  width: 6px;
  height: 6px;
  transition: all ease-in-out 200ms;
  outline: none;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 10px;
}

#cookies {
  display: none;
  width: 100%;
  height: auto;
  padding: 20px;
  position: fixed;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  box-shadow: 0px -4px 14px 0px rgba(114, 107, 107, 0.24);
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 10;
  justify-content: center;
  align-items: center;
}
#cookies.display {
  display: flex;
  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}
#cookies p {
  flex: 0 0 60%;
  max-width: 60%;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding-right: 20px;
}
.cookies-close {
  border: none;
  background-color: #fff;
  color: #f30404;
  padding: 7px;
  border-radius: 20px;
  margin-left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: -11px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}
.cookies-box {
  width: 225px;
}
.cookies-switch {
  text-align: left;
}
.cookies-wrap {
  display: flex;
  flex: 0 0 38%;
  justify-content: center;
  align-items: center;
}
.cookies-wrap .cookie-privacy {
    display: inline-block;
    text-align: center;
    margin-top: 0;
    padding: 10px 14px;
    background: #2196F3;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    margin-left: 10px;
    border: none;
}
@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-moz-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}
@-o-keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,100px,0); /* Firefox */
        -ms-transform: translate3d(0,100px,0); /* IE9 */
         -o-transform: translate3d(0,100px,0); /* Opera */
            transform: translate3d(0,100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}

.close-cookies {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  
  -webkit-transform: translate3d(0,200px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,200px,0); /* Firefox */
      -ms-transform: translate3d(0,200px,0); /* IE9 */
       -o-transform: translate3d(0,200px,0); /* Opera */
          transform: translate3d(0,200px,0);
}


.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}
.first-count .odometer-formatting-mark, .secend-count .odometer-formatting-mark {
  display: none;
}



.clock-run {
  animation: upDown 1s ease-in-out infinite;
}
.clock-rela  {
  position: relative;
}
.clock-rela .clock-meter {
  position: absolute;
  top: -48px;
  left: -62.5px;
}
.loader-line {
  fill: none;
  stroke-width: 2px;
  stroke:  #FFA839;
  border-radius: 5px;
}
.loader-circle {
  fill: none;
  stroke-width: 0px;
  stroke: transparent;
}
.loader-center {
  fill: #FFA839;
}

.loader-line {
  -moz-animation: spin 12s linear;
  -webkit-animation: spin 12s linear;
  -ms-animation: spin 12s linear;
  animation: spin 12s linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform:rotate(270deg);
}

@-moz-keyframes spin {
  from { -moz-transform: rotate(-95deg);-moz-transform-origin: 50% 50%; }
  to { -moz-transform: rotate(270deg);-moz-transform-origin: 50% 50%; }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(-95deg);-webkit-transform-origin: 50% 50%; }
  to { -webkit-transform: rotate(270deg);-webkit-transform-origin: 50% 50%; }
}
@-ms-keyframes spin {
  from { -ms-transform: rotate(-95deg);-ms-transform-origin: 50% 50%; }
  to { -ms-transform: rotate(270deg);-ms-transform-origin: 50% 50%; }
}
@keyframes spin {
  from {transform:rotate(-95deg);transform-origin: 50% 50%;}
  to {transform:rotate(270deg);transform-origin: 50% 50%;}
}

.quize-svg-box .box-arrange {
  visibility: hidden;
}
.quize-svg-box.bounceactive .box-arrange {
  -webkit-animation-name: boxarrange;
  -moz-animation-name: boxarrange;
  -o-animation-name: boxarrange;
  -ms-animation-name: boxarrange;
  animation-name: boxarrange;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
}

@-webkit-keyframes boxarrange {
  0% {
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes boxarrange {
  0% {
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}

.pin-delay-1 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
}
.pin-delay-2 {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.pin-delay-3 {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
}
.pin-delay-4 {
  -webkit-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  animation-duration: 2.5s;
}
.pin-delay-5 {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
}
.pin-delay-6 {
  -webkit-animation-duration: 3.5s;
  -moz-animation-duration: 3.5s;
  -o-animation-duration: 3.5s;
  -ms-animation-duration: 3.5s;
  animation-duration: 3.5s;
}
.pin-delay-7 {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s;
}
.pin-delay-8 {
  -webkit-animation-duration: 4.5s;
  -moz-animation-duration: 4.5s;
  -o-animation-duration: 4.5s;
  -ms-animation-duration: 4.5s;
  animation-duration: 4.5s;
}
.pin-delay-9 {
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -o-animation-duration: 5s;
  -ms-animation-duration: 5s;
  animation-duration: 5s;
}
.pin-delay-10 {
  -webkit-animation-duration: 5.5s;
  -moz-animation-duration: 5.5s;
  -o-animation-duration: 5.5s;
  -ms-animation-duration: 5.5s;
  animation-duration: 5.5s;
}



@-moz-keyframes boxbounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes boxbounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@-o-keyframes boxbounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes boxbounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
.sticker-1 {
  transform: translate(135px, 6px);
}
.sticker-2 {
  transform: translate(135px, 6px);
}

.bottles-boxs {
  text-align: right;
}
.bottles-boxs svg {
  width: 200px;
  height: 140px;
  margin-top: -80px;
  position: relative;
  right: -50px;
  bottom: -35px;
}
/* 
.solution-slider .gallery-main .sol-graphic-sec svg {
  width: 100%;
  height: 100%;
  max-width: 450px;
} */



.svgbottom {
  position: absolute;
  bottom: -90px;
}

.cookies-switch .switch {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 54px;
}
.cookies-switch .switch input {
  display:none;
}
.cookies-switch .slider {
  background-color: #ff8a00;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}
.cookies-switch .slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 20px;
}
.cookies-switch input:checked + .slider {
  background-color: #4e93f7;
}
.cookies-switch input:checked + .slider:before {
  transform: translateX(26px);
}
.cookies-switch .slider.round {
  border-radius: 34px;
}
.cookies-switch .slider.round:before {
  border-radius: 50%;
}
.cookie-switch-text {
  position: absolute;
  left: 65px;
  white-space: nowrap;
  top: 8px;
  font-size: 13px;
}
.cookies-switch input:checked ~ .accept-text {
  display: none;
}
.cookies-switch .reject-text {
  display: none;
}
.cookies-switch input:checked ~ .reject-text {
  display: block;
  top: 2px;
}
.animate-img video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.print a img {
  width: 20px;
  height: 20px;
}

.others-banner .banner-content .page-title {
  text-transform: inherit;
}
.trusted-logo-slide .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.trusted-logo-slide .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}
.trusted-logo-slide .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: auto;
  position: relative;
  overflow: hidden;
}
.contact-form-w .wpcf7-form label.error {
  color: #ff2d2d;
  font-size: 12px;
  float: none;
  padding-left: 0;
  position: relative !important;
  top: 0 !important;
  line-height: normal;
  margin-top: 5px;
}
.comm-text .careers-ul {
  list-style-type: disc;
  padding-left: 18px;
  margin-bottom: 25px;
}
.comm-text .careers-ul li {
  color: #FF8A00;
  font-size: 20px;
  margin-bottom: 10px;
}
.comm-text .careers-ul li p {
  font-size: 16px;
  color: #525050;
  line-height: 28px;
  font-weight: 400;
}
.partnering-slider .slider-box .hidden {
  height: 250px;
  overflow-y: auto;
}
.values-list .values {
  margin-bottom: 30px;
}
.sec-5-col-2 .animate-img {
  width: 100%;
  height: 100%;
}
.sec-5-col-2 .animate-img object {
  width: 100%;
  height: 100%;
}
.sec-5-col-2 .animate-img object svg {
  width: 100%;
  height: 100%;
}






/* ###############    help animation  ############## */

.animate-img svg #ARROW {
  -webkit-animation: 0.5s roadArrow-blink infinite alternate;
  animation: 0.5s roadArrow-blink infinite alternate;
  animation-delay: 2.5s;
  opacity: 0;
}

@-webkit-keyframes roadArrow-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes roadArrow-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pinli {
  display: none;
  opacity: 0;
  transition: all ease-in-out 200ms;
}
.pinli.active {
  display: block;
  opacity: 1;
}
.animate-img svg .pinli.active .map-point {
  -webkit-animation-name: mapPoint-blink;
  -moz-animation-name: mapPoint-blink;
  -o-animation-name: mapPoint-blink;
  -ms-animation-name: mapPoint-blink;
  animation-name: mapPoint-blink;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
  animation-duration: 1s;
}
.animate-img svg .pinli.active .map-point.point-1 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}
.animate-img svg .pinli.active .map-point.point-2 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animate-img svg .pinli.active .map-point.point-3 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
}
.animate-img svg .pinli.active .map-point.point-4 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
@-webkit-keyframes mapPoint-blink {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes mapPoint-blink {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}


.pinli.active .helpPin {
  animation-name: helpbounce;
  animation-fill-mode: both;
  animation-duration: 3s;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
}
@-webkit-keyframes helpbounce {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    transform: translateY(10px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes helpbounce {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    transform: translateY(10px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.buildingul .buildingli {
  visibility: hidden;
}
.buildingul .buildingli {
  -webkit-animation-name: boxscale;
  -moz-animation-name: boxscale;
  -o-animation-name: boxscale;
  -ms-animation-name: boxscale;
  animation-name: boxscale;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes boxscale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes boxscale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-500px) rotate(0deg);
    -moz-transform: translateY(-500px) rotate(0deg);
    -o-transform: translateY(-500px) rotate(0deg);
    -ms-transform: translateY(-500px) rotate(0deg);
    transform: translateY(-500px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}

.vanul1 .vanli1 {
  transition: all ease-in-out 300ms;
  visibility: hidden;
}
.vanul1 .vanli1 {
  -webkit-animation-name: vanbox-run;
  -moz-animation-name: vanbox-run;
  -o-animation-name: vanbox-run;
  -ms-animation-name: vanbox-run;
  animation-name: vanbox-run;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
  animation-delay: 3s;
  visibility: visible;
}

@-webkit-keyframes vanbox-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes vanbox-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.wine-drum {
  -webkit-animation-name: winedrum-run;
  -moz-animation-name: winedrum-run;
  -o-animation-name: winedrum-run;
  -ms-animation-name: winedrum-run;
  animation-name: winedrum-run;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
  animation-delay: 3s;
  visibility: visible;
}

@-webkit-keyframes winedrum-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes winedrum-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.manbox-any .manbox-is {
  -webkit-animation-name: manbox-run;
  -moz-animation-name: manbox-run;
  -o-animation-name: manbox-run;
  -ms-animation-name: manbox-run;
  animation-name: manbox-run;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: 2s;
  visibility: visible;
}

@-webkit-keyframes manbox-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -35, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -35, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -35, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -35, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -35, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes manbox-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105, -10, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.vanbox-load {
  -webkit-animation-name: vanbox-loadrun;
  -moz-animation-name: vanbox-loadrun;
  -o-animation-name: vanbox-loadrun;
  -ms-animation-name: vanbox-loadrun;
  animation-name: vanbox-loadrun;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: 2s;
  visibility: visible;
}

@-webkit-keyframes vanbox-loadrun {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes vanbox-loadrun {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.man2run {
  -webkit-animation-name: vanbox-loadrun;
  -moz-animation-name: vanbox-loadrun;
  -o-animation-name: vanbox-loadrun;
  -ms-animation-name: vanbox-loadrun;
  animation-name: vanbox-loadrun;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: 2s;
  visibility: visible;
}

@-webkit-keyframes man2box-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -15, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -15, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -15, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -15, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -15, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes man2box-run {
  0% {
    visibility: hidden;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -45, -30, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.carul.caractive {
  transition: all ease-in-out 300ms;
  visibility: hidden;
  opacity: 0;
}
.carul {
  visibility: visible;
  opacity: 1;
  -webkit-animation-name: car-show;
  -moz-animation-name: car-show;
  -o-animation-name: car-show;
  -ms-animation-name: car-show;
  animation-name: car-show;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes car-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes car-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.car1li {
  -webkit-animation-name: car1-run;
  -moz-animation-name: car1-run;
  -o-animation-name: car1-run;
  -ms-animation-name: car1-run;
  animation-name: car1-run;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s;
  animation-delay: 4s;
  visibility: visible;
}

@-webkit-keyframes car1-run {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    opacity: 0;
  }
}
@keyframes car1-run {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    opacity: 0;
  }
}

.car2li {
  -webkit-animation-name: car2-run;
  -moz-animation-name: car2-run;
  -o-animation-name: car2-run;
  -ms-animation-name: car2-run;
  animation-name: car2-run;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s;
  animation-delay: 4.5s;
  visibility: visible;
}

@-webkit-keyframes car2-run {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    opacity: 0;
  }
}
@keyframes car2-run {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 300, 150, 0, 1);
    opacity: 0;
  }
}

.car3li {
  -webkit-animation-name: car3-run;
  -moz-animation-name: car3-run;
  -o-animation-name: car3-run;
  -ms-animation-name: car3-run;
  animation-name: car3-run;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -o-animation-duration: 5s;
  -ms-animation-duration: 5s;
  animation-duration: 5s;
  animation-delay: 5s;
  visibility: visible;
}

@-webkit-keyframes car3-run {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    opacity: 0;
  }
}
@keyframes car3-run {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 120, 0, 1);
    opacity: 0;
  }
}

.drumgroup.drum-hide {
  opacity: 1;
  -webkit-animation-name: drum-hide;
  -moz-animation-name: drum-hide;
  -o-animation-name: drum-hide;
  -ms-animation-name: drum-hide;
  animation-name: drum-hide;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: 0.5s;
}
.drumgroup {
  opacity: 0;
}

@-webkit-keyframes drum-hide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes drum-hide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.allwrap.opacity {
  transition: all ease-in-out 600ms;
  opacity: 1;
}
.allwrap {
  opacity: 0;
  -webkit-animation-name: opacity-hide;
  -moz-animation-name: opacity-hide;
  -o-animation-name: opacity-hide;
  -ms-animation-name: opacity-hide;
  animation-name: opacity-hide;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
  animation-delay: 6s;
}

@-webkit-keyframes opacity-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacity-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

.mainbox.mainactive {
  transition: all ease-in-out 800ms;
  transform: scale(1);
}
.mainbox {
  transform: scale(2.5);
  -webkit-animation-name: boxmain-scale;
  -moz-animation-name: boxmain-scale;
  -o-animation-name: boxmain-scale;
  -ms-animation-name: boxmain-scale;
  animation-name: boxmain-scale;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
  animation-delay: 8s;
}

@-webkit-keyframes boxmain-scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(2.5);
  }
}
@keyframes boxmain-scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(2.5);
  }
}




/* ##################### */

.complience-sec {
  position: relative;
  overflow: hidden;
}
.why-go-text.complience-content {
  position: static;
  padding-top: 100px;
}
.container-custom {
  max-width: 1326px;
  margin: 0 auto;
  position: relative;
}
.container-custom-pb {
  padding-bottom: 160px;
}
.complience-svg-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.complience-svg-wrap.cus-left {
  left: -20px;
}
.bg-light-blue {
  background-color: #f4f8f6;
}
.why-go-text.customization-content {
  padding-bottom: 100px;
  padding-top: 100px;
}
.customize-svg-wrap {
  position: relative;
  bottom: -12px;
  margin-top: -200px;
}
.others-skys {
  min-height: 500px;
  max-height: 550px;
}
.why-go-text.complience-content .comm-text.paddl-4 {
  padding-left: 25px;
}
.culture-box .culture-text {
  height: 250px;
  overflow-y: auto;
}
.authar-sliders .slider-box {
  height: 360px;
  overflow-y: auto;
}

.culture-text::-webkit-scrollbar, 
.authar-sliders .slider-box::-webkit-scrollbar,
.partnering-slider .slider-box .hidden::-webkit-scrollbar {
  width: 4px;
  background-color: #f8faff;
  border-radius: 4px;
}
.culture-text::-webkit-scrollbar-track, 
.authar-sliders .slider-box::-webkit-scrollbar-track, 
.partnering-slider .slider-box .hidden::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: #f8faff;
}
.culture-text::-webkit-scrollbar-thumb, 
.authar-sliders .slider-box::-webkit-scrollbar-thumb, 
.partnering-slider .slider-box .hidden::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color:#d8d9ed;
}
@-moz-document url-prefix() {
  .culture-box .culture-text, 
  .authar-sliders .slider-box,
  .partnering-slider .slider-box .hidden {
      scrollbar-color: #d8d9ed #f8faff;
      scrollbar-width: thin;
  }
}

.help-box .help-btn svg {
  position: relative;
  top: 3px;
}
.sustainable-svg-wrap, .others-benner-svg {
  width: 100%;
  height: 100%;
  padding: 0 12%;
}
.beer-banner-images {
  width: 100%;
  height: 100%;
  padding: 0 150px;
}
.sustainable-svg-wrap svg, .others-benner-svg svg, .beer-banner-images svg {
  width: 100%;
  height: 100%;
}
.sustainable-svg-wrap svg .network-line path {
  -webkit-animation: dash 30s linear infinite;
  animation: dash 30s linear infinite;
  stroke-dasharray: 8;
}
.pricebox-scale {
  transform: scale(0.9);
}
.navbar-brand:focus, .navbar-brand:hover {
  outline: none;
}
.sustainable-padd-tb {
  padding-top: 30px;
  padding-bottom: 42px;
}
.sustainable-svg-wrap.sustainable-padd-tb svg {
  width: 80%;
  height: 80%;
}