body, html { width: 100%; height: 100%; }
.p-large { font: 300 1.125rem / 1.625rem Raleway, sans-serif; }
.p-small { font: 300 0.875rem / 1.375rem Raleway, sans-serif; }
.p-heading { margin-bottom: 3.5rem; text-align: center; }
.li-space-lg li { margin-bottom: 0.375rem; }
.indent { padding-left: 1.25rem; }
h1 { color: rgb(72, 74, 70); font: 500 2.5rem / 3rem Raleway, serif; }
h2 { color: rgb(72, 74, 70); font: 700 1.75rem / 2.125rem Raleway, serif; }
h3 { color: rgb(72, 74, 70); font: 700 1.375rem / 1.75rem Raleway, sans-serif; }
h4 { color: rgb(72, 74, 70); font: 700 1.25rem / 1.625rem Raleway, sans-serif; }
h5 { color: rgb(72, 74, 70); font: 700 1.125rem / 1.5rem Raleway, sans-serif; }
h6 { color: rgb(72, 74, 70); font: 700 1rem / 1.375rem Raleway, sans-serif; }
a { color: rgb(120, 121, 118); text-decoration: underline; }
a:hover { color: rgb(120, 121, 118); text-decoration: underline; }
a.green { color: rgb(233, 62, 70); }
a.white, .white { color: rgb(255, 255, 255); text-decoration: none; }
.testimonial-text { font-style: italic; }
.testimonial-author { font: 700 1rem / 1.375rem Raleway, sans-serif; }
strong { color: rgb(72, 74, 70); }
table, th, td { border: 0.5px solid rgb(127, 127, 127); padding: 5px; }
thead { background-color: rgb(217, 217, 217); text-align: center; }
.privacy-thead thead { background-color: rgb(217, 217, 217); text-align: center; }
.section-title { color: rgb(233, 62, 70); font: 500 0.8125rem / 1.125rem Raleway, sans-serif; }
.section-team h4 { color: rgb(255, 255, 255); padding: 20px 0px 0px; margin: 0px; text-transform: uppercase; font-weight: bold; font-size: 0.95rem; }
.section-team { margin: 0px; padding: 0px; }
.back { text-align: left; }
.back a { color: rgb(255, 255, 255); }
.back-b { text-align: left; }
.back-b a { color: rgb(0, 0, 0); }
.bold { font-weight: bold; }
.btn-solid-reg { display: inline-block; padding: 1.1875rem 1.875rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 0.25rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-reg:hover { background-color: transparent; color: rgb(233, 62, 70); text-decoration: none; }
.btn-solid-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 5rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-lg:hover { background-color: transparent; color: rgb(233, 62, 70); text-decoration: none; }
.btn-outline-reg { display: inline-block; padding: 1.1875rem 1.875rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-reg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-outline-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-lg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-solid-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 5rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-lg:hover { background-color: transparent; color: rgb(233, 62, 70); text-decoration: none; }
.btn-outline-reg { display: inline-block; padding: 1.1875rem 1.875rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-reg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-outline-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-lg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-solid-primary-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(0, 0, 0); border-radius: 5rem; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-primary-lg:hover { background-color: transparent; color: rgb(0, 0, 0); text-decoration: none; }
.btn-outline-sm { display: inline-block; padding: 1rem 1.625rem 0.9375rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-sm:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-solid-reg { display: inline-block; padding: 1.1875rem 1.875rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 0.25rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-reg:hover { background-color: transparent; color: rgb(233, 62, 70); text-decoration: none; }
.btn-solid-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 5rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-lg:hover { background-color: transparent; color: rgb(233, 62, 70); text-decoration: none; }
.btn-outline-reg { display: inline-block; padding: 1.1875rem 1.875rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-reg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-outline-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-lg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-solid-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 5rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-solid-lg:hover { background-color: transparent; color: rgb(233, 62, 70); text-decoration: none; }
.btn-outline-reg { display: inline-block; padding: 1.1875rem 1.875rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-reg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.btn-outline-lg { display: inline-block; padding: 1.375rem 2.125rem; border: 0.125rem solid rgb(120, 121, 118); border-radius: 0.25rem; background-color: transparent; color: rgb(120, 121, 118); font: 700 0.75rem / 0 Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.btn-outline-lg:hover { background-color: rgb(120, 121, 118); color: rgb(255, 255, 255); text-decoration: none; }
.no-service h1 { color: rgb(125, 125, 125); font: 700 5.25rem / 1.625rem Raleway, sans-serif; }
.no-service h2 { color: rgb(255, 255, 255); font: 500 2.75rem / 3rem Raleway, serif; padding-bottom: 2.125rem; }
.no-service p { color: rgb(255, 255, 255); font: 400 1rem / 1.5625rem Raleway, sans-serif; }
.form-group { position: relative; margin-bottom: 1.25rem; }
.form-group.has-error.has-danger { margin-bottom: 0.625rem; }
.form-group.has-error.has-danger .help-block.with-errors ul { margin-top: 0.375rem; }
.label-control { position: absolute; top: 0.8125rem; left: 1.375rem; color: rgb(120, 121, 118); opacity: 1; font: 400 0.875rem / 1.375rem Raleway, sans-serif; cursor: text; transition: 0.2s; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .label-control { top: 0.9375rem; }
}
.form-control-input:focus + .label-control, .form-control-input.notEmpty + .label-control, .form-control-textarea:focus + .label-control, .form-control-textarea.notEmpty + .label-control { top: 0.125rem; opacity: 1; font-size: 0.75rem; font-weight: 500; }
.form-control-input, .form-control-select { display: block; width: 100%; padding-top: 1.25rem; padding-bottom: 0.25rem; padding-left: 1.3125rem; border: 1px solid rgb(218, 218, 218); border-radius: 0.25rem; background-color: rgb(255, 255, 255); color: rgb(120, 121, 118); font: 400 0.875rem / 1.375rem Raleway, sans-serif; transition: 0.2s; appearance: none; }
.form-control-select { padding-top: 0.5rem; padding-bottom: 0.5rem; height: 3rem; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .form-control-input { padding-top: 1.25rem; padding-bottom: 0.75rem; line-height: 1.75rem; }
  .form-control-select { padding-top: 0.875rem; padding-bottom: 0.75rem; height: 3.125rem; line-height: 2.125rem; }
}
select { appearance: none; background-image: url("/assets/images/down-arrow1.png"); background-position: 96% 50%; background-repeat: no-repeat; outline: none; }
.form-control-textarea { display: block; width: 100%; height: 8rem; padding-top: 1.25rem; padding-left: 1.3125rem; border: 1px solid rgb(218, 218, 218); border-radius: 0.25rem; background-color: rgb(255, 255, 255); color: rgb(120, 121, 118); font: 400 1rem / 1.5625rem Raleway, sans-serif; transition: 0.2s; }
.form-control-input:focus, .form-control-select:focus, .form-control-textarea:focus { border: 1px solid rgb(161, 161, 161); outline: none; }
.form-control-input:hover, .form-control-select:hover, .form-control-textarea:hover { border: 1px solid rgb(161, 161, 161); }
.checkbox { font: 400 0.875rem / 1.375rem Raleway, sans-serif; }
input[type="checkbox"] { vertical-align: -15%; margin-right: 0.375rem; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  input[type="checkbox"] { vertical-align: -9%; }
}
.form-control-submit-button { display: inline-block; width: 100%; height: 3.125rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 0.25rem; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 0.75rem / 1.75rem Raleway, sans-serif; cursor: pointer; transition: 0.2s; }
.form-control-submit-button:hover { background-color: transparent; color: rgb(233, 62, 70); }
#lmsgSubmit.h3.text-center.tada.animated, #cmsgSubmit.h3.text-center.tada.animated, #pmsgSubmit.h3.text-center.tada.animated, #lmsgSubmit.h3.text-center, #cmsgSubmit.h3.text-center, #pmsgSubmit.h3.text-center { display: block; margin-bottom: 0px; color: rgb(185, 54, 54); font: 400 1.125rem / 1rem Raleway, sans-serif; }
.help-block.with-errors .list-unstyled { color: rgb(120, 121, 118); font-size: 0.75rem; line-height: 1.125rem; text-align: left; }
.help-block.with-errors ul { margin-bottom: 0px; }
@-webkit-keyframes tada { 
  0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); }
}
@keyframes tada { 
  0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); }
}
.tada { animation-name: tada; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; transition: 0.2s ease-out; transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; transform: translateY(0px) perspective(37.5rem) rotateX(0deg); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-bg { opacity: 0; transition: opacity 0.2s ease-out; }
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fadeIn { animation: 0.6s ease 0s 1 normal none running fadeIn; }
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.fadeOut { animation: 0.8s ease 0s 1 normal none running fadeOut; }
.spinner-wrapper { position: fixed; z-index: 999999; inset: 0px; background: rgb(45, 45, 45); }
.spinner { position: absolute; top: 50%; left: 50%; width: 3.75rem; height: 1.25rem; margin: -0.625rem 0px 0px -1.875rem; text-align: center; }
.spinner > div { display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background-color: rgb(255, 255, 255); animation: 1.4s ease-in-out 0s infinite normal both running sk-bouncedelay; }
.spinner .bounce1 { animation-delay: -0.32s; }
.spinner .bounce2 { animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
@keyframes sk-bouncedelay { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
.navbar-custom { padding-top: 0.375rem; padding-bottom: 0.375rem; background-color: rgb(45, 45, 45); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625rem 0.375rem 0px; font: 600 0.875rem / 0.875rem Raleway, sans-serif; transition: 0.2s; }
.navbar-custom .navbar-brand { font-size: 0px; }
.navbar-custom .navbar-brand.logo-image img { width: 12rem; height: auto; backface-visibility: hidden; }
.navbar-custom .navbar-brand.logo-text { margin-top: 0.25rem; margin-bottom: 0.25rem; font: 700 2.25rem / 1.5rem Raleway, sans-serif; color: rgb(255, 255, 255); text-decoration: none; }
.navbar-custom .navbar-nav { margin-top: 0.75rem; margin-bottom: 0.5rem; }
.navbar-custom .nav-item .nav-link { padding: 0.625rem 0.75rem; color: rgb(255, 255, 255); text-decoration: none; transition: 0.2s; }
.navbar-custom .nav-item .nav-job { padding: 0.625rem 0.75rem; color: rgb(0, 0, 0); text-decoration: none; transition: 0.2s; }
.navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active { color: rgb(233, 62, 70); }
.navbar-custom .nav-item .nav-job:hover, .navbar-custom .nav-item .nav-job.active { color: rgb(233, 62, 70); }
.navbar-custom .dropdown:hover > .dropdown-menu { display: block; min-width: auto; animation: 0.2s ease 0s 1 normal none running fadeDropdown; }
@keyframes fadeDropdown { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.navbar-custom .dropdown-toggle:focus { outline: 0px; }
.navbar-custom .dropdown-menu { margin-top: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.25rem; background-color: rgb(45, 45, 45); }
.navbar-custom .dropdown-item { color: rgb(255, 255, 255); text-decoration: none; }
.navbar-custom .dropdown-item:hover { background-color: rgb(45, 45, 45); }
.navbar-custom .dropdown-item .item-text { font: 600 0.875rem / 0.875rem Raleway, sans-serif; }
.navbar-custom .dropdown-item:hover .item-text { color: rgb(233, 62, 70); }
.navbar-custom .dropdown-items-divide-hr { width: 100%; height: 1px; margin: 0.75rem auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(181, 188, 196); opacity: 0.2; }
.navbar-custom .social-icons { display: none; }
.navbar-custom .navbar-toggler { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 2rem; }
.navbar-custom button[aria-expanded="false"] .navbar-toggler-awesome.fas.fa-times { display: none; }
.navbar-custom button[aria-expanded="false"] .navbar-toggler-awesome.fas.fa-bars { display: inline-block; }
.navbar-custom button[aria-expanded="true"] .navbar-toggler-awesome.fas.fa-bars { display: none; }
.navbar-custom button[aria-expanded="true"] .navbar-toggler-awesome.fas.fa-times { display: inline-block; margin-right: 0.125rem; }
.header { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)) 0% 0% / cover, url("/assets/images/header-background.jpg") center center no-repeat; }
.header .header-content { padding-top: 8rem; padding-bottom: 2.125rem; text-align: center; }
.header-content h1 { text-align: center; }
.header-content p { text-align: center; font: 400 1.125rem Raleway, SF-Pro-Display-Regular; width: 80%; margin-right: auto; margin-left: auto; }
.text-heading { padding: 5rem 0px 2rem; }
.header .text-container { margin-bottom: 3rem; }
.header h1 { margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
.header .p-large { margin-bottom: 2rem; color: rgb(223, 229, 236); }
.header .btn-solid-lg { margin-right: 0.5rem; margin-bottom: 1.25rem; }
.basic-1 { padding-top: 6.5rem; padding-bottom: 3rem; }
.basic-1 .text-container { margin-bottom: 3rem; }
.basic-1 .section-title { margin-bottom: 0.5rem; }
.basic-1 h2 { margin-bottom: 1.375rem; }
.basic-1 .testimonial-author { color: rgb(72, 74, 70); }
.basic-1 .image-container { overflow: hidden; border-radius: 0.25rem; }
.basic-1 .image-container img { margin: 0px; border-radius: 0.25rem; transition: 0.3s; }
.basic-1 .image-container:hover img { transform: scale(1.15); }
.cards-1 { padding-top: 7rem; padding-bottom: 2.875rem; }
.cards-1 .card { margin-bottom: 2.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: center; }
.cards-1 .fa-stack { width: 6rem; height: 6rem; margin-right: auto; margin-bottom: 1rem; margin-left: auto; line-height: 6rem; text-align: left; }
.cards-1 .fa-stack .hexagon { position: absolute; width: 6rem; height: 6rem; background: url("/assets/images/hexagon-green.svg") center center / 6rem 6rem no-repeat; }
.cards-1 .fa-stack-1x { color: rgb(255, 255, 255); font-size: 2rem; }
.cards-1 .card-body { padding: 0px; }
.cards-1 .card-title { margin-bottom: 0.625rem; }
.card a { text-decoration: none; }
.vending { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)) 0% 0% / cover, none center center no-repeat; }
.delivery-ordering { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)) 0% 0% / cover, none center center no-repeat; }
.crm { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)) 0% 0% / cover, none center center no-repeat; }
.ecommerce { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)) 0% 0% / cover, none center center no-repeat; }
.data-marketing { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)) 0% 0% / cover, none center center no-repeat; }
.internal-management-solutions { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)) 0% 0% / cover, none center center no-repeat; }
.cards-2 { padding-top: 6.625rem; padding-bottom: 1.25rem; background-color: rgb(251, 251, 251); }
.cards-2 .section-title { margin-bottom: 0.5rem; text-align: center; }
.cards-2 h2 { margin-bottom: 3.25rem; text-align: center; }
.cards-2 .card { margin-bottom: 5.625rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.cards-2 .card-image img { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.cards-2 .card-body { padding: 2.25rem 2rem 2.125rem; border: 1px solid rgb(235, 232, 232); border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; background-color: rgb(255, 255, 255); }
.cards-2 h3 { margin-bottom: 0.75rem; text-align: center; }
.cards-2 .list-unstyled { margin-bottom: 1.5rem; }
.cards-2 .list-unstyled .fas { color: rgb(233, 62, 70); font-size: 0.5rem; line-height: 1.375rem; }
.cards-2 .list-unstyled .media-body { margin-left: 0.625rem; }
.cards-2 .price { margin-bottom: 0.25rem; color: rgb(72, 74, 70); font: 700 1rem / 1.5rem Raleway, sans-serif; text-align: center; }
.cards-2 .price span { color: rgb(233, 62, 70); }
.cards-2 .button-container { margin-top: -1.375rem; text-align: center; }
.cards-2 .btn-solid-reg:hover { background-color: rgb(255, 255, 255); }
.padding20 { padding: 20px; }
.padding50 { padding: 50px; }
.accordion .area-1 { height: 27rem; background-size: cover; }
.accordion .accordion-container { max-width: 100%; margin-right: auto; margin-left: auto; padding-top: 6.375rem; padding-bottom: 1.5rem; }
.accordion h2 { margin-bottom: 1.625rem; }
.accordion .item { margin-bottom: 2rem; }
.accordion h4 { margin-bottom: 0px; }
.accordion span[aria-expanded="true"] .circle-numbering, .accordion span[aria-expanded="false"] .circle-numbering { display: inline-block; width: 2.25rem; height: 2.25rem; margin-right: 0.875rem; border: 0.125rem solid rgb(233, 62, 70); border-radius: 50%; background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); font: 700 1rem / 2.125rem Raleway, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; transition: 0.2s; }
.accordion span[aria-expanded="false"] .circle-numbering { border: 0.125rem solid rgb(72, 74, 70); background-color: transparent; color: rgb(72, 74, 70); }
.accordion .item:hover span[aria-expanded="false"] .circle-numbering { border: 0.125rem solid rgb(233, 62, 70); color: rgb(233, 62, 70); }
.accordion .accordion-title { display: inline-block; width: 70%; margin-top: 0.125rem; margin-bottom: 0.25rem; color: rgb(72, 74, 70); font: 700 1.25rem / 1.75rem Raleway, sans-serif; vertical-align: middle; cursor: pointer; transition: 0.2s; }
.accordion .item:hover .accordion-title { color: rgb(233, 62, 70); }
.accordion span[aria-expanded="true"] .accordion-title { color: rgb(233, 62, 70); }
.accordion .accordion-body { margin-left: 3.125rem; }
.vision { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)) 0% 0% / cover, url("/assets/images/vision-mission.jpg") center center no-repeat; }
.ourteam { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)) 0% 0% / cover, url("/assets/images/our-teams.jpg") center center no-repeat; }
.ourteam .ourteam-content { padding-top: 8rem; padding-bottom: 2.125rem; text-align: center; }
.ourteam .text-container { margin-bottom: 3rem; }
.ourteam h1 { margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
.ourteam .p-large { margin-bottom: 2rem; color: rgb(223, 229, 236); }
.ourteam .btn-solid-lg { margin-right: 0.5rem; margin-bottom: 1.25rem; }
.tabs .tabs-container { max-width: 90%; margin-right: auto; margin-left: auto; padding-top: 2rem; padding-bottom: 5.75rem; }
.tabs .nav-tabs { justify-content: center; margin-bottom: 1.125rem; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.tabs .nav-link { margin-right: 1.625rem; margin-bottom: 0.875rem; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.25rem; color: rgb(193, 202, 206); font: 700 1.375rem / 1.375rem Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.tabs .nav-link:hover, .tabs .nav-link.active { color: rgb(233, 62, 70); }
.tabs .nav-link .fas { margin-right: 0.125rem; font-size: 0.875rem; vertical-align: 20%; }
.tabs .nav-job { margin-right: 1.625rem; margin-bottom: 0.875rem; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.25rem; color: rgb(193, 202, 206); font: 700 1.375rem / 1.375rem Raleway, sans-serif; text-decoration: none; transition: 0.2s; }
.tabs .nav-job:hover, .tabs .nav-job.active { color: rgb(233, 62, 70); }
.tabs .nav-job .fas { margin-right: 0.125rem; font-size: 0.875rem; vertical-align: 20%; }
.tabs #tab-1 .progress-container { margin-top: 1.5rem; }
.tabs #tab-1 .progress-container .title { margin-bottom: 0.25rem; color: rgb(72, 74, 70); font: 600 0.875rem / 1.25rem Raleway, sans-serif; }
.tabs #tab-1 .progress { height: 1.375rem; margin-bottom: 1.125rem; border-radius: 0.125rem; background-color: rgb(249, 250, 252); }
.tabs #tab-1 .progress-bar { display: block; padding-left: 1.5rem; border-radius: 0.125rem; background: linear-gradient(to right bottom, rgb(233, 62, 70), rgb(27, 209, 167)); }
.tabs #tab-1 .progress-bar.first { width: 100%; }
.tabs #tab-1 .progress-bar.second { width: 75%; }
.tabs #tab-1 .progress-bar.third { width: 90%; }
.tabs #tab-2 .list-unstyled { margin-top: 1.75rem; margin-bottom: 0px; vertical-align: top; }
.tabs #tab-2 .list-unstyled .media { margin-bottom: 2rem; }
.tabs #tab-2 .list-unstyled .media-bullet { color: rgb(233, 62, 70); font-weight: 600; font-size: 2rem; line-height: 2rem; }
.tabs #tab-2 .list-unstyled .media-body { margin-left: 0.875rem; }
.tabs #tab-3 .list-unstyled .fas { color: rgb(233, 62, 70); font-size: 0.5rem; line-height: 1.375rem; }
.tabs #tab-3 .list-unstyled .media-body { margin-left: 0.625rem; }
.tabs #tab-3 .list-unstyled { margin-bottom: 1.75rem; }
.tabs .area-2 { height: 27rem; background: none center center / cover no-repeat; }
.slider { padding-top: 6.375rem; padding-bottom: 6.5rem; background-color: rgb(251, 251, 251); }
.slider h2 { margin-bottom: 0.75rem; text-align: center; }
.slider .slider-container { position: relative; }
.slider .swiper-container { position: static; width: 90%; text-align: center; }
.slider .swiper-button-prev:focus, .slider .swiper-button-next:focus { outline: none; }
.slider .swiper-button-prev { left: -0.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23787976'%2F%3E%3C%2Fsvg%3E"); background-size: 1.125rem 1.75rem; }
.slider .swiper-button-next { right: -0.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23787976'%2F%3E%3C%2Fsvg%3E"); background-size: 1.125rem 1.75rem; }
.slider .card { position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.slider .card-image { width: 6rem; height: 6rem; margin-right: auto; margin-bottom: 0.25rem; margin-left: auto; border-radius: 50%; }
.slider .card .card-body { padding-bottom: 0px; }
.slider .testimonial-text { margin-bottom: 0.625rem; }
.slider .testimonial-author { color: rgb(72, 74, 70); }
.form-1 { padding-top: 6.625rem; padding-bottom: 5.625rem; background-color: rgb(45, 45, 45); }
.form-1 .text-container { margin-bottom: 4rem; }
.form-1 .section-title { margin-bottom: 0.5rem; }
.form-1 h2 { color: rgb(255, 255, 255); }
.form-1 .list-unstyled .fas { color: rgb(233, 62, 70); font-size: 0.5rem; line-height: 1.375rem; }
.form-1 .list-unstyled .media-body { margin-left: 0.625rem; }
.form-1 .label-control { color: rgb(255, 255, 255); }
.form-1 .form-control-input, .form-1 .form-control-select { border: 1px solid rgb(255, 255, 255); background-color: rgb(45, 45, 45); color: rgb(255, 255, 255); }
.form-1 .form-control-textarea { border: 1px solid rgb(255, 255, 255); background-color: rgb(45, 45, 45); color: rgb(255, 255, 255); }
.form-1 .form-control-input:focus, .form-1 .form-control-input:hover, .form-1 .form-control-select:focus, .form-1 .form-control-select:hover, .form-1 .form-control-textarea:focus, .form-1 .form-control-textarea:hover { border: 1px solid rgb(255, 255, 255); }
#lmsgSubmit.h3.text-center.tada.animated, #lmsgSubmit.h3.text-center { color: rgb(255, 255, 255); }
.form-1 .help-block.with-errors .list-unstyled { color: rgb(223, 229, 236); }
.filter { }
.filter .section-title { margin-bottom: 0.5rem; }
.filter h2, .filter .section-title { text-align: center; }
.filter h2 { margin: 3.25rem 0px; }
.filter .button-group { text-align: center; }
.filter .button-group a { display: inline-block; margin-right: 0.1875rem; margin-bottom: 0.5rem; margin-left: 0.1875rem; padding: 0.3125rem 1.375rem 0.25rem; border-radius: 0.25rem; background-color: rgb(241, 244, 247); color: rgb(123, 126, 133); font: 700 0.75rem / 1.25rem Raleway, sans-serif; cursor: pointer; transition: 0.2s; }
.filter .button-group a:hover { background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); }
.filter .button-group a.button.is-checked { background-color: rgb(233, 62, 70); color: rgb(255, 255, 255); }
.filter .grid { margin-top: 1.25rem; border-radius: 0.375rem; }
.filter .element-item { position: relative; float: left; overflow: hidden; width: 50%; background-color: rgb(0, 0, 0); }
.filter .element-item img { max-width: 100%; margin: 0px; transition: 0.3s; }
.filter .element-item:hover img { transform: scale(1.15); }
.filter .element-item .element-item-overlay { position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 1; text-align: center; transition: 0.3s; }
.filter .element-item .element-item-overlay span { position: absolute; z-index: 3; top: 42%; right: 0px; left: 0px; color: rgb(255, 255, 255); font: 700 1.125rem / 1.625rem Raleway, sans-serif; }
.lightbox-basic { position: relative; max-width: 62.5rem; margin: 2.5rem auto; padding: 1.5625rem; border-radius: 0.25rem; background: rgb(255, 255, 255); text-align: left; }
.lightbox-basic img { margin-right: auto; margin-bottom: 2rem; margin-left: auto; border-radius: 0.25rem; }
.lightbox-basic .line-heading { width: 3rem; height: 1px; margin-top: 0px; margin-bottom: 0.625rem; margin-left: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(233, 62, 70); }
.lightbox-basic h6 { margin-bottom: 2rem; }
.lightbox-basic .testimonial-container { margin-top: 1.75rem; margin-bottom: 2.125rem; padding: 1.125rem 1.5rem; border-radius: 0.25rem; background-color: rgb(251, 251, 251); }
.lightbox-basic .testimonial-text { margin-bottom: 0.5rem; }
.lightbox-basic .testimonial-author { margin-bottom: 0px; }
.lightbox-basic .btn-solid-reg, .lightbox-basic .btn-outline-reg { margin-right: 0.375rem; margin-bottom: 1rem; }
.lightbox-basic a.mfp-close.as-button { position: relative; width: auto; height: auto; margin-right: 0.5rem; color: rgb(72, 74, 70); opacity: 1; }
.lightbox-basic a.mfp-close.as-button:hover { color: rgb(242, 242, 242); }
.lightbox-basic button.mfp-close.x-button { position: absolute; top: -0.375rem; right: -0.375rem; width: 2.75rem; height: 2.75rem; }
.basic-2 { padding-top: 6.375rem; padding-bottom: 3.375rem; background-color: rgb(251, 251, 251); text-align: center; }
.basic-2 h2 { margin-bottom: 0.75rem; }
.basic-2 .team-member { display: inline-block; max-width: 13rem; margin-right: 1.5rem; margin-bottom: 3.5rem; margin-left: 1.5rem; }
.basic-2 .image-wrapper { overflow: hidden; margin-bottom: 1.5rem; }
.basic-2 .image-wrapper img { margin: 0px; transition: 0.3s; }
.basic-2 .image-wrapper:hover img { transform: scale(1.15); }
.basic-2 .team-member .p-large { margin-bottom: 0.25rem; }
.basic-2 .team-member .job-title { margin-bottom: 0.75rem; color: rgb(72, 74, 70); font: 700 1rem / 1.375rem Raleway, sans-serif; }
.basic-2 .fa-stack { width: 1.75rem; height: 1.75rem; margin-right: 0.125rem; margin-left: 0.125rem; }
.basic-2 .fa-stack .hexagon { position: absolute; left: 0px; width: 1.75rem; height: 1.75rem; background: url("/assets/images/hexagon-green.svg") center center / 1.75rem 1.75rem no-repeat; transition: 0.2s; }
.basic-2 .fa-stack:hover .hexagon { background: url("/assets/images/hexagon-white.svg") center center / 1.75rem 1.75rem no-repeat; }
.basic-2 .fa-stack-1x { font-size: 0.6875rem; line-height: 1.75rem; color: rgb(255, 255, 255); transition: 0.2s; }
.basic-2 .fa-stack:hover .fa-stack-1x { color: rgb(233, 62, 70); }
.counter { padding-top: 6.875rem; padding-bottom: 5.25rem; }
.counter .image-container { margin-bottom: 3rem; }
.counter .image-container img { border-radius: 0.25rem; }
.counter .section-title { margin-bottom: 0.5rem; }
.counter h2 { margin-bottom: 1.375rem; }
.counter .list-unstyled { margin-bottom: 1.5rem; }
.counter .list-unstyled .fas { color: rgb(233, 62, 70); font-size: 0.5rem; line-height: 1.375rem; }
.counter .list-unstyled .media-body { margin-left: 0.625rem; }
.counter #counter { text-align: center; }
.counter #counter .cell { display: inline-block; width: 9.5rem; margin-bottom: 0.75rem; }
.counter #counter .counter-value { display: inline-block; margin-bottom: 0.125rem; color: rgb(233, 62, 70); font: 700 2.875rem / 3.25rem Raleway, sans-serif; vertical-align: middle; }
.counter #counter .counter-info { display: inline-block; margin-left: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; vertical-align: middle; }
.form-2 { padding-top: 6.625rem; padding-bottom: 5.625rem; background-color: rgb(251, 251, 251); }
.form-2 .text-container { margin-bottom: 3rem; }
.form-2 .section-title { margin-bottom: 0.5rem; }
.form-2 h2 { margin-bottom: 1.375rem; }
.form-2 .list-unstyled { margin-bottom: 2.25rem; font-size: 1rem; line-height: 1.625rem; }
.form-2 .list-unstyled .fas, .form-2 .list-unstyled .fab { margin-right: 0.5rem; font-size: 0.875rem; color: rgb(233, 62, 70); }
.form-2 .list-unstyled .fa-phone { vertical-align: 3%; }
.form-2 h3 { margin-bottom: 1rem; }
.form-2 .fa-stack { margin-right: 0.25rem; margin-bottom: 0.75rem; margin-left: 0.125rem; width: 3.25rem; height: 3.25rem; }
.form-2 .fa-stack .hexagon { position: absolute; width: 3.25rem; height: 3.25rem; background: url("/assets/images/hexagon-green.svg") center center / 3.25rem 3.25rem no-repeat; transition: 0.2s; }
.form-2 .fa-stack:hover .hexagon { background: url("/assets/images/hexagon-white.svg") center center / 3.25rem 3.25rem no-repeat; }
.form-2 .fa-stack-1x { font-size: 1.5rem; line-height: 3.25rem; color: rgb(255, 255, 255); transition: 0.2s; }
.form-2 .fa-stack:hover .fa-stack-1x { color: rgb(233, 62, 70); }
.footer { padding-top: 2rem; background-color: rgb(255, 36, 62); }
.footer .text-container { margin-bottom: 2.25rem; }
.footer h4 { margin: 0.75rem 0px; color: rgb(255, 255, 255); }
.footer p, .footer ul { font-size: 0.875rem; line-height: 1.375rem; }
.copyright { padding-bottom: 0.5rem; background-color: rgb(255, 36, 62); text-align: left; }
.copyright p, .copyright a { color: rgb(255, 255, 255); text-decoration: none; }
a.back-to-top { position: fixed; z-index: 999; right: 0.75rem; bottom: 0.75rem; display: none; width: 2.625rem; height: 2.625rem; border-radius: 1.875rem; background: url("/assets/images/up-arrow.png") center 47% / 1.125rem 1.125rem no-repeat rgb(233, 62, 70); text-indent: -9999px; }
a:hover.back-to-top { background-color: rgb(233, 62, 70); }
.ex-header { padding-top: 8rem; padding-bottom: 5rem; background-color: rgb(45, 45, 45); text-align: center; }
.ex-header h1 { color: rgb(255, 255, 255); }
.ex-basic-1 { padding-top: 2rem; padding-bottom: 0.875rem; background-color: rgb(251, 251, 251); }
.ex-basic-1 .breadcrumbs { margin-bottom: 1rem; }
.ex-basic-1 .breadcrumbs .fa { margin-right: 0.5rem; margin-left: 0.625rem; }
.ex-basic-2 { padding-top: 4.75rem; padding-bottom: 4rem; }
.ex-basic-2 h3 { margin: 3rem 0px 2rem; text-align: center; }
.ex-basic-2 .text-container { margin-bottom: 3.625rem; }
.ex-basic-2 .text-container.last { margin-bottom: 0px; }
.ex-basic-2 .list-unstyled .fas { color: rgb(233, 62, 70); font-size: 0.5rem; line-height: 1.375rem; }
.ex-basic-2 .list-unstyled .media-body { margin-left: 0.625rem; }
.ex-basic-2 .form-container { margin-top: 2.5rem; }
.ex-basic-2 .btn-outline-reg { margin-top: 1.75rem; }
.career { width: 90%; margin-right: auto; margin-left: auto; margin-top: 2rem; border-collapse: collapse; border-radius: 3em; overflow: hidden; background-color: rgb(45, 45, 45); font-weight: bold; }
.career-thead { border: 1px solid; }
.career-td { color: rgb(0, 0, 0); }
.career-border { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px 20px; text-align: center; }
.career .title { color: rgb(255, 36, 62); }
@media (min-width: 768px) {
  .p-heading { width: 85%; margin-right: auto; margin-left: auto; }
  .navbar-custom { padding: 2.125rem 1.5rem 2.125rem 2rem; box-shadow: none; background: transparent; }
  .navbar-custom .navbar-brand.logo-text { color: rgb(255, 255, 255); }
  .navbar-custom .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
  .navbar-custom .nav-item .nav-link { padding: 0.25rem 0.75rem; }
  .navbar-custom .nav-item .nav-job { padding: 0.25rem 0.75rem; }
  .navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active { color: rgb(233, 62, 70); }
  .navbar-custom .nav-item .nav-job:hover, .navbar-custom .nav-item .nav-job.active { color: rgb(233, 62, 70); }
  .navbar-custom.top-nav-collapse { padding: 0.375rem 1.5rem 0.375rem 2rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625rem 0.375rem 0px; background-color: rgb(45, 45, 45); }
  .navbar-custom.top-nav-collapse .job { padding: 0.375rem 1.5rem 0.375rem 2rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625rem 0.375rem 0px; background-color: rgb(255, 255, 255); }
  .navbar-custom.top-nav-collapse .navbar-brand.logo-text { color: rgb(255, 255, 255); }
  .navbar-custom.top-nav-collapse .nav-item .nav-link { color: rgb(255, 255, 255); }
  .navbar-custom.top-nav-collapse .nav-item .nav-job { color: rgb(0, 0, 0); }
  .navbar-custom.top-nav-collapse .nav-item .nav-link:hover, .navbar-custom.top-nav-collapse .nav-item .nav-link.active { color: rgb(233, 62, 70); }
  .navbar-custom.top-nav-collapse .nav-item .nav-job:hover, .navbar-custom.top-nav-collapse .nav-item .nav-job.active { color: rgb(233, 62, 70); }
  .navbar-custom .dropdown-menu { padding-top: 1rem; padding-bottom: 1rem; border-top: 0.75rem solid rgba(0, 0, 0, 0); border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.03) 0px 0.25rem 0.375rem 0px; }
  .navbar-custom.top-nav-collapse .dropdown-menu { border-top: 0.125rem solid rgba(0, 0, 0, 0); }
  .navbar-custom .dropdown-item { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .navbar-custom .dropdown-items-divide-hr { width: 84%; }
  .header .header-content { padding-top: 13rem; padding-bottom: 7.5rem; }
  .header h1 { font: 700 3.5rem / 4rem Raleway, serif; }
  .no-service h1 { color: rgb(125, 125, 125); font: 500 5.25rem / 1.625rem Raleway, sans-serif; padding: 50px 0px; }
  .accordion .accordion-container { max-width: 70%; }
  .tabs .tabs-container { max-width: 70%; }
  .tabs #tab-2 .list-unstyled { display: inline-block; width: 45%; margin-top: 0px; }
  .tabs #tab-2 .list-unstyled.first { margin-right: 2rem; }
  .slider .swiper-button-prev { left: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
  .slider .swiper-button-next { right: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
  .filter .element-item { width: 25%; }
  .filter .element-item .element-item-overlay { opacity: 0; transition: opacity 0.3s; }
  .filter .element-item:hover .element-item-overlay { opacity: 1; }
  .counter #counter { text-align: left; }
  .counter #counter .cell { }
  .form-2 .list-unstyled li { display: inline-block; margin-right: 1rem; }
  .form-2 .list-unstyled .address { display: block; }
  .ex-header { padding-top: 11rem; padding-bottom: 9rem; }
  .ex-basic-2 .form-container { margin-top: 0.5rem; }
}
@media (min-width: 992px) {
  .p-heading { width: 65%; }
  .navbar-custom .social-icons { display: block; margin-left: 0.5rem; }
  .navbar-custom .fa-stack { margin-left: 0.375rem; font-size: 0.8125rem; }
  .navbar-custom .fa-stack .hexagon { width: 1.625rem; height: 1.625rem; position: absolute; background: url("/assets/images/hexagon-green.svg") center center / 1.625rem 1.625rem no-repeat; transition: 0.2s; }
  .navbar-custom .fa-stack:hover .hexagon { background: url("/assets/images/hexagon-white.svg") center center / 1.625rem 1.625rem no-repeat; }
  .navbar-custom .fa-stack-1x { font-size: 0.6875rem; line-height: 1.625rem; color: rgb(255, 255, 255); transition: 0.2s; }
  .navbar-custom .fa-stack:hover .fa-stack-1x { color: rgb(233, 62, 70); }
  .header .header-content { padding-top: 14rem; padding-bottom: 15rem; }
  .header .text-container { margin-top: 6.5rem; }
  .basic-1 { padding-top: 6.875rem; }
  .basic-1 .text-container { margin-bottom: 0px; }
  .cards-1 .card { display: inline-block; max-width: 17.5rem; vertical-align: top; }
  .cards-1 div.card:nth-child(3n+2) { margin-right: 2.5rem; margin-left: 2.5rem; }
  .cards-2 .card { max-width: 18.25rem; display: inline-block; vertical-align: top; }
  .cards-2 .col-lg-12 div.card:nth-child(3n+2) { margin-right: 1.25rem; margin-left: 1.25rem; }
  .accordion { height: 34.625rem; }
  .accordion .area-1 { width: 100%; height: 100%; display: inline-block; }
  .accordion .area-2 { width: 50%; height: 100%; display: inline-block; vertical-align: top; }
  .accordion .accordion-container { max-width: 88%; margin-left: 2rem; padding-bottom: 0px; }
  .accordion .accordion-title { width: 85%; }
  .text-team h4 { color: rgb(255, 255, 255); padding: 10px; text-align: center; }
  .text-team p { color: rgb(255, 255, 255); padding: 20px; text-align: center; }
  .center { text-align: center; }
  .tabs { height: 36.125rem; }
  .tabs .area-1 { width: 50%; height: 100%; display: inline-block; vertical-align: top; }
  .tabs .area-2 { width: 50%; height: 100%; display: inline-block; }
  .tabs .tabs-container { max-width: 88%; margin-left: 2rem; padding-top: 6.75rem; padding-bottom: 0px; }
  .tabs .nav-tabs { justify-content: flex-start; }
  .form-1 { padding-top: 7rem; }
  .form-1 .text-container { margin-bottom: 0px; }
  .lightbox-basic img { margin-bottom: 0px; }
  .lightbox-basic h3 { margin-top: 0.375rem; }
  .lightbox-basic .btn-solid-reg, .lightbox-basic .btn-outline-reg { margin-bottom: 0px; }
  .basic-2 .team-member { width: 12.75rem; max-width: 100%; margin-right: 0.75rem; margin-left: 0.75rem; }
  .counter .image-container { margin-bottom: 0px; }
  .form-2 { padding-top: 6.875rem; }
  .form-2 .text-container { margin-bottom: 0px; }
  .ex-header h1 { width: 80%; margin-right: auto; margin-left: auto; }
  .ex-basic-2 { padding-bottom: 5rem; }
}
@media (min-width: 1200px) {
  .p-heading { width: 55%; }
  .navbar-custom { padding-right: 5rem; padding-left: 5rem; }
  .navbar-custom.top-nav-collapse { padding-right: 5rem; padding-left: 5rem; }
  .header .header-content { padding-top: 14.75rem; padding-bottom: 17.5rem; }
  .vending .service-content { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .crm .service-content { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .ecommerce .service-content { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .data-marketing .service-content { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .delivery-ordering .service-content { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .internal-management-solutions .service-content { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .service-content { vertical-align: middle; margin: auto; text-align: left; }
  .ourteam .ourteam-content { padding-top: 7rem; padding-bottom: 7rem; }
  .basic-1 .text-container { margin-top: 1.875rem; margin-right: 3rem; }
  .cards-1 .card { max-width: 21rem; }
  .cards-1 div.card:nth-child(3n+2) { margin-right: 2.875rem; margin-left: 2.875rem; }
  .cards-2 .card { max-width: 20.875rem; }
  .cards-2 .card-body { padding: 2.25rem 2.5rem 2.125rem; }
  .cards-2 .col-lg-12 div.card:nth-child(3n+2) { margin-right: 3rem; margin-left: 3rem; }
  .accordion .accordion-container { max-width: 28rem; margin-left: 5rem; }
  .tabs .tabs-container { max-width: 28rem; margin-right: 5rem; margin-left: auto; }
  .tabs #tab-2 .media-wrapper.first { margin-right: 2rem; }
  .form-1 .text-container { margin-top: 1.375rem; margin-right: 1.75rem; margin-left: 3rem; }
  .form-1 form { margin-left: 1.75rem; margin-right: 3rem; }
  .filter .element-item { width: 17.3125rem; height: 16.875rem; }
  .filter .element-item .element-item-overlay span { top: 45%; }
  .basic-2 .team-member { width: 14.375rem; margin-right: 1.375rem; margin-left: 1.375rem; }
  .counter { padding-bottom: 6.125rem; }
  .counter .image-container { margin-right: 1.5rem; }
  .counter .text-container { margin-top: 0.375rem; margin-right: 2.5rem; margin-left: 2rem; }
  .form-2 .text-container { margin-top: 0.875rem; margin-right: 1.5rem; }
  .form-2 form { margin-left: 1.5rem; }
  .footer .text-container.about { margin-right: 5rem; }
  .ex-header h1 { width: 60%; margin-right: auto; margin-left: auto; }
  .ex-basic-2 .form-container { margin-left: 1.75rem; }
}
@media (min-width: 1600px) {
  .navbar-custom { padding-right: 12rem; padding-left: 12rem; }
  .navbar-custom.top-nav-collapse { padding-right: 12rem; padding-left: 12rem; }
}