@charset "UTF-8";
/***************************************************************
classes - bg and colors
****************************************************************/
.slick-prev, .slick-next {
  all: unset !important; /* Resets everything */
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1000;
}

.slick-prev {
  left: -25px;
}

.slick-next {
  right: -25px;
}

.slick-prev::before, .slick-next::before {
  content: '←'; /* Default Slick arrow */
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  transition: opacity 0.2s ease;
}

.slick-next::before {
  content: '→';
}

.slick-prev:hover::before, .slick-next:hover::before {
  opacity: 1;
}


.bg-red-gradient {
  background: transparent linear-gradient(309deg, #900304 0%, #c80304 100%) 0% 0% no-repeat padding-box;
}

.grey-gradient {
  background: linear-gradient(45deg, #354356, #1d232e);
}

.bg-grey {
  background: #f2f2f2;
}

.text-red {
  color: #c72026 !important;
}

.text-dark-gray {
  color: #1d1d1d;
}

.text-blue {
  color: #0069a3;
}

.text-black {
  color: #000;
}

.text-scheduler {
  color: #6dbe9f;
}

.text-transform-none {
  text-transform: none !important;
}
/**********************************************
banner bgs - set all images here
**********************************************/
/****************** product pages backgrounds ******************/
/****************** solution pages backgrounds ******************/
/****************** global backgrounds ******************/
/****************** home backgrounds ******************/
/****************** whats new backgrounds ******************/
.bg-position-fix {
  background: #ffffff url("../images/backgrounds/background-fix.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.bg-wave-right {
  background: #ffffff url("../images/backgrounds/bg-grey-lines.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.bg-light-waves {
  background: #ffffff url("../images/backgrounds/lines2.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.bg-light-waves-small {
  background: #ffffff url("../images/backgrounds/teleport-bg.png");
  background-size: cover;
  background-position: center center;
}

.bg-cobolt-cta {
  background: #ffffff url("../images/backgrounds/bg-cobolt.png");
  background-size: cover;
  background-position: center center;
}

.bg-insights-cta {
  background: #ffffff url("../images/backgrounds/bg-inights-hub.png");
  background-size: cover;
  background-position: center center;
}

.particles-bg {
  background: #ffffff url("../images/backgrounds/particles-bg.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

/***************************************************************
default and global styling
***************************************************************/
html,
body {
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #cecece;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #cecece;
}

::-webkit-scrollbar-thumb {
  background-color: #354356;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  text-transform: capitalize;
  display: block;
}

h1,
.h1 {
  font-size: 56px;
  line-height: 60px;
  font-weight: 700;
}

h2,
.h2 {
  font-size: 45px;
  line-height: 52px;
  font-weight: 700;
}

h3,
.h3 {
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

section {
  position: relative;
  overflow-x: hidden;
}



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

.font-light {
  font-weight: 100;
}

.fontw-300 {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

.text-normal {
  text-transform: inherit !important;
}

/***************************************************************
Buttons - Solid and outline
***************************************************************/
.btn-theme {
  border-radius: 34px;
  margin-bottom: 10px;
  display: inline-block;
  font-family: "Inter", sans-serif;
  transition: all 0.5s ease;
}
.btn-theme:hover, .btn-theme:focus {
  box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
}
.btn-theme.btn-small {
  padding: 11px 24px;
  font-weight: medium;
  font-size: 12px;
}
.btn-theme.btn-medium {
  padding: 16px 30px;
  font-weight: 500;
  font-size: 16px;
}
.btn-theme.btn-red {
  background: #c72026;
  color: #ffffff;
  border: 1px solid #c72026;
}
.btn-theme.btn-red:hover, .btn-theme.btn-red:focus {
  background: #ffffff;
  color: #c72026;
  border: 1px solid #ffffff;
}
.btn-theme.btn-red-inverse {
  background: #c72026;
  color: #ffffff;
  border: 3px solid #c72026;
}
.btn-theme.btn-red-inverse:hover, .btn-theme.btn-red-inverse:focus {
  background: transparent;
  color: #c72026;
  border: 3px solid #c72026;
}
.btn-theme.btn-outline-red {
  background: transparent;
  color: #c72026;
  border: 3px solid #c72026;
}
.btn-theme.btn-outline-red:hover, .btn-theme.btn-outline-red:focus {
  background: #c72026;
  color: #ffffff;
  border: 3px solid #c72026;
}
.btn-theme.btn-white {
  background: #ffffff;
  color: #c72026;
  border: 1px solid #ffffff;
}
.btn-theme.btn-white:hover, .btn-theme.btn-white:focus {
  background: #c72026;
  color: #ffffff;
  border: 1px solid #c72026;
}
.btn-theme.btn-white-inverse {
  background: #ffffff;
  color: #c72026;
  border: 3px solid #ffffff;
}
.btn-theme.btn-white-inverse:hover, .btn-theme.btn-white-inverse:focus {
  background: transparent;
  color: #ffffff;
  border: 3px solid #ffffff;
}
.btn-theme.btn-outline-white {
  background: transparent;
  color: #ffffff;
  border: 3px solid #ffffff;
}
.btn-theme.btn-outline-white:hover, .btn-theme.btn-outline-white:focus {
  background: #ffffff;
  color: #c72026;
  border: 3px solid #ffffff;
}

/***************************************************************
container sizing
***************************************************************/
/***************************************************************
Banner breadcrumbs
***************************************************************/
.theme-breadcrumbs {
  background: rgba(0, 0, 0, 0.45);
  padding: 5px;
  color: #ffffff;
  font-size: 12px;
}
.theme-breadcrumbs .breadcrumb {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.502' height='9.652' viewBox='0 0 5.502 9.652'%3E%3Cpath id='Path_105430' data-name='Path 105430' d='M16.1,10.826l-4.826,4.826-.676-.676,4.151-4.151L10.6,6.676,11.276,6Z' transform='translate(-10.6 -6)' fill='%23fff'/%3E%3C/svg%3E%0A");
  --bs-breadcrumb-divider-color: $white;
  --bs-breadcrumb-item-padding-x: 10px;
  margin-bottom: 0;
}
.theme-breadcrumbs .breadcrumb .breadcrumb-item {
  color: #ffffff;
}
.theme-breadcrumbs .breadcrumb .breadcrumb-item a {
  color: #df4b4b;
  text-decoration: none;
  pointer-events: auto;
  transition: all 0.5s ease;
}
.theme-breadcrumbs .breadcrumb .breadcrumb-item a:hover, .theme-breadcrumbs .breadcrumb .breadcrumb-item a:focus {
  color: #ffffff;
  transition: all 0.5s ease;
}
.theme-breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  width: 16px;
  height: 16px;
  transform: translateY(1px);
}

/***************************************************************
Banner
***************************************************************/
main {
  margin-top: 115px;
  z-index: 11;
}

.banner {
  /* padding: 0 0 100px 0; */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 500px;
  max-height: 520px;
  box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
  /************************ product bgs *************************/
  /************************ solution bgs *************************/
  /************************ home bgs *************************/
}
.banner h1 {
  /* This is so not every word in the banner is capitalized */
  text-transform: none !important; 
}
.text-normalcase {
  text-transform: none !important; 
}
.banner h1,
.banner .h1 {
  font-weight: 400;
  /* margin-top: 130px; */
}
.banner p {
  /* text-align: justify; */
  font-weight: 300;
}
.banner.bg-about {
  background: #000000 url("../images/banners/about-bg.webp");
}
.banner.bg-careers {
  background: #000000 url("../images/banners/career-bg.png");
}
.banner.bg-knowledge {
  background: #000000 url("../images/banners/bg-knowledge.png");
}
.banner.bg-blog {
  background: #000000 url("../images/banners/rapid-blog-bg.webp");
}
.banner.bg-resource {
  background: #000000 url("../images/banners/bg-resources.png");
  background-position: center top !important;
}
.banner.bg-containers {
  background: #000000 url("../images/banners/containers.webp");
}
.banner.bg-ecommerce {
  background: #000000 url("../images/banners/containers.webp");
}
.banner.bg-compliance {
  background: #000000 url("../images/banners/compliance.webp");
}
.banner.bg-whats-new {
  background: #000000 url("../images/banners/whats-new-bg.png");
}
.banner.bg-glossary {
  background: #000000 url("../images/banners/Glossary-Banner.png");
}
.banner.bg-support {
  background: #000000 url("../images/banners/bg-support.webp");
}
.banner.bg-contact {
  background: #000000 url("../images/banners/contact.webp");
}
.banner.bg-privacy-policy {
  background: #000000 url("../images/banners/blog-bg.png");
}
.banner.bg-compute {
  background: #000000 url("../images/banners/compute.webp");
}
.banner.bg-storage {
  background: #000000 url("../images/banners/storage.webp");
}
.banner.bg-networking {
  background: #000000 url("../images/banners/networking.webp");
}
.banner.bg-cobolt {
  background: #000000 url("../images/banners/cobolt.webp");
}
.banner.bg-kubernetes {
  background: #000000 url("../images/banners/kubernetes.webp");
}
.banner.bg-migration {
  background: #000000 url("../images/banners/migration.webp");
}
.banner.bg-management {
  background: #000000 url("../images/banners/management.webp");
}
.banner.bg-security {
  background: #000000 url("../images/banners/security.webp");
}
.banner.bg-titanium {
  background: #000000 url("../images/banners/Titanium-Banner.png");
}
.banner.bg-business-applications {
  background: #000000 url("../images/banners/business-applications.webp");
}
.banner.bg-teleport {
  background: #000000 url("../images/banners/teleport.webp");
}
.banner.bg-archiving {
  background: #000000 url("../images/banners/archiving.webp");
}
.banner.bg-websites {
  background: #000000 url("../images/banners/websites.webp");
}
.banner.bg-containers {
  background: #000000 url("../images/banners/containers.webp");
}
.banner.bg-ecommerce {
  background: #000000 url("../images/banners/ecommerce.webp");
}
.banner.bg-remote-work {
  background: #000000 url("../images/banners/remote-work.webp");
}
.banner.bg-backups {
  background: #000000 url("../images/banners/backup-and-restore.png");
}
.banner.bg-backup-and-restore {
  background: #000000 url("../images/banners/backup-bg.webp");
}
.banner.bg-enterprises {
  background: #000000 url("../images/banners/enterprises.webp");
}
.banner.bg-public-sector {
  background: #000000 url("../images/banners/public-sector.webp");
}
.banner.bg-startup {
  background: #000000 url("../images/banners/startup.webp");
}
.banner.bg-sme {
  background: #000000 url("../images/banners/sme.webp");
}
.banner.bg-marketing {
  background: #000000 url("../images/banners/marketing-bg.webp");
}
.banner.bg-education {
  background: #000000 url("../images/banners/education-bg.webp");
}
.banner.bg-financial {
  background: #000000 url("../images/banners/financial-bg.webp");
}
.banner.bg-fmcg {
  background: #000000 url("../images/banners/fmcg-bg.png");
}
.banner.government-bg {
  background: #000000 url("../images/banners/government-bg.webp");
}
.banner.healthcare-bg {
  background: #000000 url("../images/banners/healthcare-bg.webp");
}
.banner.industrial-bg {
  background: #000000 url("../images/banners/industrial-bg.webp");
}
.banner.marketplace-bg {
  background: #000000 url("../images/banners/marketplace-bg.png");
}
.banner.partner-path-bg {
  background: #000000 url("../images/banners/partner-bg.png");
}
.banner.home-bg {
  background: #000000 url("../images/banners/home-bg.png");
}
.banner.xceleron-bg {
  background: #000000 url("../images/home/banners/xceleron.png");
  background-position: center 72% !important;
}
.banner.schedular-bg {
  background: #000000 url("../images/home/banners/schedular.png");
}
.banner.echo-bg {
  background: #000000 url("../images/home/banners/echo-bg.png");
  background-position: center 75% !important;
}

.hero-banner .banner {
  min-height: 650px;
  max-height: 660px;
  padding: 0 0 100px 0;
}

/***************************************************************
lists - checked list,
***************************************************************/
.list-check-circle {
  list-style: none;
  padding-left: 25px;
  margin-bottom: 25px;
  position: relative;
  font-size: 16px;
  line-height: 30px;
  font-family: "Inter", sans-serif;
}
.list-check-circle li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.73' height='16.73' viewBox='0 0 16.73 16.73'%3E%3Cpath id='check_circle_FILL0_wght400_GRAD0_opsz24' d='M87.194-867.787l5.9-5.9-1.171-1.171-4.726,4.726-2.384-2.384-1.171,1.171Zm1.171,4.517a8.146,8.146,0,0,1-3.262-.659,8.448,8.448,0,0,1-2.656-1.788,8.448,8.448,0,0,1-1.788-2.656A8.146,8.146,0,0,1,80-871.635a8.146,8.146,0,0,1,.659-3.262,8.448,8.448,0,0,1,1.788-2.656,8.448,8.448,0,0,1,2.656-1.788A8.146,8.146,0,0,1,88.365-880a8.146,8.146,0,0,1,3.262.659,8.448,8.448,0,0,1,2.656,1.788,8.448,8.448,0,0,1,1.788,2.656,8.146,8.146,0,0,1,.659,3.262,8.146,8.146,0,0,1-.659,3.262,8.448,8.448,0,0,1-1.788,2.656,8.448,8.448,0,0,1-2.656,1.788A8.146,8.146,0,0,1,88.365-863.27Zm0-1.673a6.458,6.458,0,0,0,4.747-1.945,6.458,6.458,0,0,0,1.945-4.747,6.459,6.459,0,0,0-1.945-4.747,6.459,6.459,0,0,0-4.747-1.945,6.459,6.459,0,0,0-4.747,1.945,6.459,6.459,0,0,0-1.945,4.747,6.458,6.458,0,0,0,1.945,4.747A6.458,6.458,0,0,0,88.365-864.943ZM88.365-871.635Z' transform='translate(-80 880)' fill='%23666' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 6px;
}

/***************************************************************
box sizing auto handling
***************************************************************/
.height-match {
  display: flex;
}
.height-match .sub-child {
  height: var(--match-height, auto);
}

.learn-more-btn {
  font-size: 14px;
  color: #c72026;
  font-weight: 600;
  transition: all 0.5s ease;
}
.learn-more-btn svg {
  width: 10px !important;
  height: 10px !important;
  margin-bottom: 0 !important;
  transition: all 0.5s ease;
  transform: translateX(0px);
}
.learn-more-btn:hover svg {
  transition: all 0.5s ease;
  transform: translateX(5px);
}

.loader-wrapper {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(2, 2, 2, 0.9);
}
.loader-wrapper.active {
  display: flex;
}

.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #c72026;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(2, 2, 2, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-overlay.hide {
  display: none;
}
.loading-overlay img {
  max-width: 150px;
}

@keyframes fillAnimation {
  0% {
    fill: transparent;
  }
  100% {
    fill: #c72026;
  }
}
@keyframes fillAnimationwhite {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ffffff;
  }
}
.st1,
.st0 {
  animation: fillAnimation 10s forwards;
}

.st2 {
  animation: fillAnimationwhite 10s forwards;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/***************************************************************
mixin for custom spacing and margins
***************************************************************/
.m-t-6 {
  margin-top: 6px !important;
}

.p-t-6 {
  padding-top: 6px !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.p-b-6 {
  padding-bottom: 6px !important;
}

.m-l-6 {
  margin-left: 6px !important;
}

.p-l-6 {
  padding-left: 6px !important;
}

.m-r-6 {
  margin-right: 6px !important;
}

.p-r-6 {
  padding-right: 6px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-36 {
  margin-top: 36px !important;
}

.p-t-36 {
  padding-top: 36px !important;
}

.m-b-36 {
  margin-bottom: 36px !important;
}

.p-b-36 {
  padding-bottom: 36px !important;
}

.m-l-36 {
  margin-left: 36px !important;
}

.p-l-36 {
  padding-left: 36px !important;
}

.m-r-36 {
  margin-right: 36px !important;
}

.p-r-36 {
  padding-right: 36px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-56 {
  margin-top: 56px !important;
}

.p-t-56 {
  padding-top: 56px !important;
}

.m-b-56 {
  margin-bottom: 56px !important;
}

.p-b-56 {
  padding-bottom: 56px !important;
}

.m-l-56 {
  margin-left: 56px !important;
}

.p-l-56 {
  padding-left: 56px !important;
}

.m-r-56 {
  margin-right: 56px !important;
}

.p-r-56 {
  padding-right: 56px !important;
}

.m-t-64 {
  margin-top: 64px !important;
}

.p-t-64 {
  padding-top: 64px !important;
}

.m-b-64 {
  margin-bottom: 64px !important;
}

.p-b-64 {
  padding-bottom: 64px !important;
}

.m-l-64 {
  margin-left: 64px !important;
}

.p-l-64 {
  padding-left: 64px !important;
}

.m-r-64 {
  margin-right: 64px !important;
}

.p-r-64 {
  padding-right: 64px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.m-b-120 {
  margin-bottom: 120px !important;
}

.p-b-120 {
  padding-bottom: 120px !important;
}

.m-l-120 {
  margin-left: 120px !important;
}

.p-l-120 {
  padding-left: 120px !important;
}

.m-r-120 {
  margin-right: 120px !important;
}

.p-r-120 {
  padding-right: 120px !important;
}

.m-t-150 {
  margin-top: 150px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.m-b-150 {
  margin-bottom: 150px !important;
}

.p-b-150 {
  padding-bottom: 150px !important;
}

.m-l-150 {
  margin-left: 150px !important;
}

.p-l-150 {
  padding-left: 150px !important;
}

.m-r-150 {
  margin-right: 150px !important;
}

.p-r-150 {
  padding-right: 150px !important;
}

.m-t-200 {
  margin-top: 200px !important;
}

.p-t-200 {
  padding-top: 200px !important;
}

.m-b-200 {
  margin-bottom: 200px !important;
}

.p-b-200 {
  padding-bottom: 200px !important;
}

.m-l-200 {
  margin-left: 200px !important;
}

.p-l-200 {
  padding-left: 200px !important;
}

.m-r-200 {
  margin-right: 200px !important;
}

.p-r-200 {
  padding-right: 200px !important;
}

/*****************************************************************************
expanding bootstraps spacing and margin classes for responsive usage only
*****************************************************************************/
@media (min-width: 576px) {
  .margint-sm-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .margint-md-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .margint-lg-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .margint-xl-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1400px) {
  .margint-xxl-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .margint-sm-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .margint-md-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .margint-lg-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .margint-xl-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .margint-xxl-1 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .margint-sm-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .margint-md-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .margint-lg-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .margint-xl-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .margint-xxl-2 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .margint-sm-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .margint-md-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .margint-lg-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .margint-xl-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .margint-xxl-3 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .margint-sm-4 {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .margint-md-4 {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .margint-lg-4 {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .margint-xl-4 {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .margint-xxl-4 {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .margint-sm-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 768px) {
  .margint-md-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 992px) {
  .margint-lg-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .margint-xl-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .margint-xxl-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 576px) {
  .marginb-sm-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .marginb-md-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .marginb-lg-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .marginb-xl-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1400px) {
  .marginb-xxl-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .marginb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .marginb-md-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .marginb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .marginb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .marginb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .marginb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .marginb-md-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .marginb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .marginb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .marginb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .marginb-sm-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .marginb-md-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .marginb-lg-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .marginb-xl-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .marginb-xxl-3 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .marginb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .marginb-md-4 {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .marginb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .marginb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .marginb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .marginb-sm-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .marginb-md-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .marginb-lg-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .marginb-xl-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .marginb-xxl-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 576px) {
  .margins-sm-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .margins-md-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .margins-lg-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .margins-xl-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1400px) {
  .margins-xxl-0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .margins-sm-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .margins-md-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .margins-lg-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .margins-xl-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .margins-xxl-1 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .margins-sm-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .margins-md-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .margins-lg-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .margins-xl-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .margins-xxl-2 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .margins-sm-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .margins-md-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .margins-lg-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .margins-xl-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .margins-xxl-3 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .margins-sm-4 {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .margins-md-4 {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .margins-lg-4 {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .margins-xl-4 {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .margins-xxl-4 {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .margins-sm-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .margins-md-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .margins-lg-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .margins-xl-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .margins-xxl-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 576px) {
  .margine-sm-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .margine-md-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .margine-lg-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .margine-xl-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 1400px) {
  .margine-xxl-0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .margine-sm-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .margine-md-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .margine-lg-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .margine-xl-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .margine-xxl-1 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .margine-sm-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .margine-md-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .margine-lg-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .margine-xl-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .margine-xxl-2 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .margine-sm-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .margine-md-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .margine-lg-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .margine-xl-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .margine-xxl-3 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .margine-sm-4 {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .margine-md-4 {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .margine-lg-4 {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .margine-xl-4 {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .margine-xxl-4 {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .margine-sm-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .margine-md-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .margine-lg-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .margine-xl-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .margine-xxl-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 576px) {
  .marginx-sm-0 {
    margin-left right: 0 !important;
  }
}
@media (min-width: 768px) {
  .marginx-md-0 {
    margin-left right: 0 !important;
  }
}
@media (min-width: 992px) {
  .marginx-lg-0 {
    margin-left right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .marginx-xl-0 {
    margin-left right: 0 !important;
  }
}
@media (min-width: 1400px) {
  .marginx-xxl-0 {
    margin-left right: 0 !important;
  }
}
@media (min-width: 576px) {
  .marginx-sm-1 {
    margin-left right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .marginx-md-1 {
    margin-left right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .marginx-lg-1 {
    margin-left right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .marginx-xl-1 {
    margin-left right: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .marginx-xxl-1 {
    margin-left right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .marginx-sm-2 {
    margin-left right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .marginx-md-2 {
    margin-left right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .marginx-lg-2 {
    margin-left right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .marginx-xl-2 {
    margin-left right: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .marginx-xxl-2 {
    margin-left right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .marginx-sm-3 {
    margin-left right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .marginx-md-3 {
    margin-left right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .marginx-lg-3 {
    margin-left right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .marginx-xl-3 {
    margin-left right: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .marginx-xxl-3 {
    margin-left right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .marginx-sm-4 {
    margin-left right: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .marginx-md-4 {
    margin-left right: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .marginx-lg-4 {
    margin-left right: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .marginx-xl-4 {
    margin-left right: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .marginx-xxl-4 {
    margin-left right: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .marginx-sm-5 {
    margin-left right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .marginx-md-5 {
    margin-left right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .marginx-lg-5 {
    margin-left right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .marginx-xl-5 {
    margin-left right: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .marginx-xxl-5 {
    margin-left right: 3rem !important;
  }
}
@media (min-width: 576px) {
  .marginy-sm-0 {
    margin-top bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .marginy-md-0 {
    margin-top bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .marginy-lg-0 {
    margin-top bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .marginy-xl-0 {
    margin-top bottom: 0 !important;
  }
}
@media (min-width: 1400px) {
  .marginy-xxl-0 {
    margin-top bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .marginy-sm-1 {
    margin-top bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .marginy-md-1 {
    margin-top bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .marginy-lg-1 {
    margin-top bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .marginy-xl-1 {
    margin-top bottom: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .marginy-xxl-1 {
    margin-top bottom: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .marginy-sm-2 {
    margin-top bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .marginy-md-2 {
    margin-top bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .marginy-lg-2 {
    margin-top bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .marginy-xl-2 {
    margin-top bottom: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .marginy-xxl-2 {
    margin-top bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .marginy-sm-3 {
    margin-top bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .marginy-md-3 {
    margin-top bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .marginy-lg-3 {
    margin-top bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .marginy-xl-3 {
    margin-top bottom: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .marginy-xxl-3 {
    margin-top bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .marginy-sm-4 {
    margin-top bottom: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .marginy-md-4 {
    margin-top bottom: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .marginy-lg-4 {
    margin-top bottom: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .marginy-xl-4 {
    margin-top bottom: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .marginy-xxl-4 {
    margin-top bottom: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .marginy-sm-5 {
    margin-top bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .marginy-md-5 {
    margin-top bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .marginy-lg-5 {
    margin-top bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .marginy-xl-5 {
    margin-top bottom: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .marginy-xxl-5 {
    margin-top bottom: 3rem !important;
  }
}
@media (min-width: 576px) {
  .paddingt-sm-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .paddingt-md-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .paddingt-lg-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .paddingt-xl-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1400px) {
  .paddingt-xxl-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .paddingt-sm-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .paddingt-md-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .paddingt-lg-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingt-xl-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingt-xxl-1 {
    padding-top: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .paddingt-sm-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingt-md-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingt-lg-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingt-xl-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingt-xxl-2 {
    padding-top: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingt-sm-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .paddingt-md-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .paddingt-lg-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingt-xl-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingt-xxl-3 {
    padding-top: 1rem !important;
  }
}
@media (min-width: 576px) {
  .paddingt-sm-4 {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingt-md-4 {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingt-lg-4 {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingt-xl-4 {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingt-xxl-4 {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingt-sm-5 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 768px) {
  .paddingt-md-5 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 992px) {
  .paddingt-lg-5 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingt-xl-5 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingt-xxl-5 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 576px) {
  .paddingb-sm-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .paddingb-md-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .paddingb-lg-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .paddingb-xl-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1400px) {
  .paddingb-xxl-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .paddingb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .paddingb-md-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .paddingb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .paddingb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingb-md-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingb-sm-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .paddingb-md-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .paddingb-lg-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingb-xl-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingb-xxl-3 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .paddingb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingb-md-4 {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingb-sm-5 {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .paddingb-md-5 {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .paddingb-lg-5 {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingb-xl-5 {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingb-xxl-5 {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 576px) {
  .paddings-sm-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .paddings-md-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .paddings-lg-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .paddings-xl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1400px) {
  .paddings-xxl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .paddings-sm-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .paddings-md-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .paddings-lg-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .paddings-xl-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .paddings-xxl-1 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .paddings-sm-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddings-md-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddings-lg-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddings-xl-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddings-xxl-2 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddings-sm-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .paddings-md-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .paddings-lg-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .paddings-xl-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .paddings-xxl-3 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .paddings-sm-4 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddings-md-4 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddings-lg-4 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddings-xl-4 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddings-xxl-4 {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddings-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .paddings-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .paddings-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .paddings-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .paddings-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 576px) {
  .paddinge-sm-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .paddinge-md-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .paddinge-lg-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .paddinge-xl-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1400px) {
  .paddinge-xxl-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .paddinge-sm-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .paddinge-md-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .paddinge-lg-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .paddinge-xl-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .paddinge-xxl-1 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .paddinge-sm-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddinge-md-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddinge-lg-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddinge-xl-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddinge-xxl-2 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddinge-sm-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .paddinge-md-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .paddinge-lg-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .paddinge-xl-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .paddinge-xxl-3 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .paddinge-sm-4 {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddinge-md-4 {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddinge-lg-4 {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddinge-xl-4 {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddinge-xxl-4 {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddinge-sm-5 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .paddinge-md-5 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .paddinge-lg-5 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .paddinge-xl-5 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .paddinge-xxl-5 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 576px) {
  .paddingx-sm-0 {
    padding-left right: 0 !important;
  }
}
@media (min-width: 768px) {
  .paddingx-md-0 {
    padding-left right: 0 !important;
  }
}
@media (min-width: 992px) {
  .paddingx-lg-0 {
    padding-left right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .paddingx-xl-0 {
    padding-left right: 0 !important;
  }
}
@media (min-width: 1400px) {
  .paddingx-xxl-0 {
    padding-left right: 0 !important;
  }
}
@media (min-width: 576px) {
  .paddingx-sm-1 {
    padding-left right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .paddingx-md-1 {
    padding-left right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .paddingx-lg-1 {
    padding-left right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingx-xl-1 {
    padding-left right: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingx-xxl-1 {
    padding-left right: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .paddingx-sm-2 {
    padding-left right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingx-md-2 {
    padding-left right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingx-lg-2 {
    padding-left right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingx-xl-2 {
    padding-left right: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingx-xxl-2 {
    padding-left right: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingx-sm-3 {
    padding-left right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .paddingx-md-3 {
    padding-left right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .paddingx-lg-3 {
    padding-left right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingx-xl-3 {
    padding-left right: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingx-xxl-3 {
    padding-left right: 1rem !important;
  }
}
@media (min-width: 576px) {
  .paddingx-sm-4 {
    padding-left right: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingx-md-4 {
    padding-left right: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingx-lg-4 {
    padding-left right: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingx-xl-4 {
    padding-left right: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingx-xxl-4 {
    padding-left right: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingx-sm-5 {
    padding-left right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .paddingx-md-5 {
    padding-left right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .paddingx-lg-5 {
    padding-left right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingx-xl-5 {
    padding-left right: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingx-xxl-5 {
    padding-left right: 3rem !important;
  }
}
@media (min-width: 576px) {
  .paddingy-sm-0 {
    padding-top bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .paddingy-md-0 {
    padding-top bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .paddingy-lg-0 {
    padding-top bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .paddingy-xl-0 {
    padding-top bottom: 0 !important;
  }
}
@media (min-width: 1400px) {
  .paddingy-xxl-0 {
    padding-top bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .paddingy-sm-1 {
    padding-top bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .paddingy-md-1 {
    padding-top bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .paddingy-lg-1 {
    padding-top bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingy-xl-1 {
    padding-top bottom: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingy-xxl-1 {
    padding-top bottom: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .paddingy-sm-2 {
    padding-top bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingy-md-2 {
    padding-top bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingy-lg-2 {
    padding-top bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingy-xl-2 {
    padding-top bottom: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingy-xxl-2 {
    padding-top bottom: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingy-sm-3 {
    padding-top bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .paddingy-md-3 {
    padding-top bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .paddingy-lg-3 {
    padding-top bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingy-xl-3 {
    padding-top bottom: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingy-xxl-3 {
    padding-top bottom: 1rem !important;
  }
}
@media (min-width: 576px) {
  .paddingy-sm-4 {
    padding-top bottom: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .paddingy-md-4 {
    padding-top bottom: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .paddingy-lg-4 {
    padding-top bottom: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingy-xl-4 {
    padding-top bottom: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingy-xxl-4 {
    padding-top bottom: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .paddingy-sm-5 {
    padding-top bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .paddingy-md-5 {
    padding-top bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .paddingy-lg-5 {
    padding-top bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .paddingy-xl-5 {
    padding-top bottom: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .paddingy-xxl-5 {
    padding-top bottom: 3rem !important;
  }
}
header .main-menu {
  position: fixed;
  width: 100%;
  z-index: 99;
  background: linear-gradient(39deg, #ffffff 26%, #354356 10%);
  max-height: 115px;
}
header .main-menu .navbar-brand {
  position: relative;
}
header .main-menu .navbar-brand .main-full-logo {
  max-width: 85px;
}
header .main-menu .navbar-brand .main-icon-logo {
  display: none;
  max-width: 85px;
}
header .main-menu .navbar-brand svg {
  width: 85px;
  height: auto;
}
header .main-menu .navbar-brand:after {
  content: url("../images/icons/navbar-split.png");
  position: absolute;
  top: -9px;
  bottom: 0;
  left: 130px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
header .main-menu .dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate; /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}
header .main-menu .nav-item.dropdown.dropdown-mega {
  position: static;
}
header .main-menu .nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 100%;
  top: auto;
  left: 0;
  border-radius: 0;
  border: 2px solid #313d4f;
  background: transparent linear-gradient(270deg, #354356 0%, #1d232e 100%) 0% 0% no-repeat padding-box;
}
header .main-menu .navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
header .main-menu .navbar-toggler:focus {
  box-shadow: none;
}
header .main-menu .navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
header .main-menu .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}
header .main-menu .navbar {
  position: relative;
}
header .main-menu .navbar .navbar-top {
  position: absolute;
  top: 0px;
  right: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
header .main-menu .navbar .navbar-top .nav-item .nav-link {
  font-size: 12px;
  line-height: 15px;
  color: #cecece;
}
header .main-menu .navbar .navbar-top .nav-item .btn-theme {
  margin-bottom: 0;
}
header .main-menu .navbar .navbar-top .nav-item:not(:last-child) {
  margin-right: 40px;
}
header .main-menu .navbar .navbar-main {
  margin-top: 45px;
}
header .main-menu .navbar .navbar-main .nav-item {
  margin-right: 30px;
}
header .main-menu .navbar .navbar-main .nav-item .nav-link {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
header .main-menu .navbar .navbar-main .nav-item .nav-link.dropdown-arrow::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.5' height='5.249' viewBox='0 0 8.5 5.249'%3E%3Cpath id='Path_831' data-name='Path 831' d='M13.5,8.59,10.25,11.834,7,8.59l-1,1,4.25,4.25,4.25-4.25Z' transform='translate(-6 -8.59)' fill='%23fff'/%3E%3C/svg%3E%0A");
  display: inline-block;
  margin-left: 10px;
  transform: translateY(1px);
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
  border-left: unset;
}
header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu {
  padding-top: 40px;
  padding-bottom: 80px;
  margin-top: 13px;
}
header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link {
  margin-bottom: 10px;
  display: block;
}
header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link span {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
  transition: all 0.5s ease;
}
header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link p {
  font-size: 12px;
  font-weight: 300;
  line-height: 19px;
  color: #ffffff;
  opacity: 0.7;
  transition: all 0.5s ease;
}
header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link:hover span, header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link:focus span {
  color: #df4b4b;
  transition: all 0.5s ease;
}
header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link:hover p, header .main-menu .navbar .navbar-main .dropdown-mega .dropdown-menu .desc-link:focus p {
  opacity: 1;
  transition: all 0.5s ease;
}
header .main-menu .navbar .form-navbar-main {
  margin-top: 45px;
  background: #354356;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
header .main-menu .navbar .form-navbar-main input {
  background: transparent;
  outline: none;
  border: none;
  font-size: 14px;
  box-shadow: none;
  padding: 10px 0px 10px 16px;
  color: #ffffff;
}
header .main-menu .navbar .form-navbar-main input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari/Edge */
  color: #dddddd;
}
header .main-menu .navbar .form-navbar-main input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dddddd;
}
header .main-menu .navbar .form-navbar-main input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
  color: #dddddd;
}
header .main-menu .navbar .form-navbar-main input input::placeholder {
  color: #dddddd;
}
header .main-menu .navbar .form-navbar-main button {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0px 16px 0px 16px;
}
header .main-menu.sticky-top {
  position: fixed;
  width: 100%;
  max-height: 90px;
}
header .main-menu.sticky-top .navbar {
  padding: 0.2rem 0;
  height: 86px;
}
header .main-menu.sticky-top .navbar .navbar-brand .main-full-logo {
  display: none;
}
header .main-menu.sticky-top .navbar .navbar-brand .main-icon-logo {
  display: block;
}
header .main-menu.sticky-top .navbar .navbar-brand:after {
  content: url(../images/icons/navbar-split.png);
  left: 120px;
  top: -23px;
}
header .main-menu.sticky-top .navbar .navbar-main {
  margin-top: 0;
  transition: all 0.5s ease;
}
header .main-menu.sticky-top .navbar .navbar-main .dropdown-mega .dropdown-menu {
  margin-top: 10px;
}
header .main-menu.sticky-top .navbar .navbar-top {
  display: none;
  transition: all 0.5s ease;
}
header .main-menu.sticky-top .navbar .form-navbar-main {
  margin-top: 0;
  transition: all 0.5s ease;
}
header .mobile-menu {
  display: none;
  max-height: 115px;
}
header .mobile-menu .offcanvas {
  background: linear-gradient(45deg, #354356, #1d232e);
}
header .mobile-menu .offcanvas .btn-close {
  --bs-btn-close-color: #fff;
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
header .mobile-menu .offcanvas-header {
  padding: 25px 25px;
}
header .mobile-menu .navbar {
  background: linear-gradient(39deg, #ffffff 35%, #354356 10%);
}
header .mobile-menu .navbar .navbar-brand:after {
  content: url("../images/icons/navbar-split-mobile.png");
  position: absolute;
  top: 0px;
  bottom: 0;
}
header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle {
  position: relative;
  padding: 15px 5px;
}
header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
  position: absolute;
  right: 0;
  top: 20px;
}
header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
  border: none;
  background: transparent;
}
header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  padding: 10px 5px;
  color: #ffffff;
}
header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover, header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
header .mobile-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
header .mobile-menu .navbar .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  transition: all 0.5s ease;
}
header .mobile-menu .navbar .navbar-nav .nav-item .nav-link:hover, header .mobile-menu .navbar .navbar-nav .nav-item .nav-link:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
header .mobile-menu .navbar-toggler {
  border-radius: 0;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}
header .mobile-menu .navbar-toggler .navbar-toggler-icon {
  width: 2em;
  height: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.link-grid {
  display: grid;
  grid-gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* grid-auto-rows: 100px; */
  grid-auto-flow: dense;
}

.list-mega-nav li {
  margin-bottom: 16px;
}
.list-mega-nav li a {
  font: normal normal normal 14px/17px Inter;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.8;
  transition: all 0.5s ease;
  display: block;
}
.list-mega-nav li a:hover, .list-mega-nav li a:focus {
  color: #df4b4b;
  transform: translateX(5px);
  transition: all 0.5s ease;
}

.box-cta-navbar {
  background-size: cover;
  background: #526174;
  padding: 20px 30px;
  color: #ffffff;
  border-radius: 8px;
}
.box-cta-navbar .h5 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.box-cta-navbar p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}
.box-cta-navbar .btn-theme {
  font-size: 12px;
  font-weight: 500;
  padding: 8px 26px;
}

.tablet-search {
  display: none;
}

#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  z-index: 999;
  font-family: "Inter", sans-serif;
}
#search input[type=search] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 40px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  transform: translateX(-50%);
}
#search .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 61px;
  margin-left: -45px;
  background-color: #c72026;
  border: #000000;
  padding: 12px 34px;
  border-radius: 34px;
}
#search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: #ffffff;
  background-color: #c72026;
  border-color: transparent;
  opacity: 1;
  padding: 0px 10px;
  font-size: 27px;
  border-radius: 100%;
}
#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}

@media (min-width: 1200px) {
  header .container-nav {
    max-width: 1340px;
  }
}
@media (min-width: 1400px) {
  header .container-nav {
    max-width: 1540px;
  }
}
@media (max-width: 2560px) {
  header .main-menu {
    background: linear-gradient(39deg, #ffffff 30%, #354356 10%);
  }
}
@media (max-width: 1680px) {
  header .main-menu {
    background: linear-gradient(39deg, #ffffff 25%, #354356 10%);
  }
}

@media (max-width: 1367px) {
  header .main-menu .navbar-brand:after {
    left: 25px;
  }
  header .main-menu.sticky-top .navbar .navbar-brand:after {
    left: 20px;
  }
}

@media (max-width: 1280px) {
  header .main-menu .navbar .navbar-main .nav-item {
    margin-right: 30px;
  }
  header .main-menu .navbar .navbar-main .nav-item .nav-link {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  header .main-menu .navbar .navbar-main .nav-item {
    margin-right: 15px;
  }
}
@media (max-width: 1199px) {
  header .tablet-search {
    display: block;
  }
  header .form-navbar-main {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  header .main-menu .navbar .navbar-main .nav-item {
    margin-right: 10px;
  }
  header .main-menu .navbar .navbar-top .nav-item:not(:last-child) {
    margin-right: 20px;
  }
  header .main-menu .navbar .form-navbar-main .form-control {
    height: 35px;
    max-width: 180px;
    font-size: 14px;
  }
  header .main-menu {
    background: linear-gradient(39deg, #ffffff 25%, #354356 10%);
    max-height: 115px;
  }
  header .main-menu .navbar-brand:after {
    left: 45px;
  }
}
@media (max-width: 991.98px) {
  header .main-menu {
    display: none;
  }
  header .mobile-menu {
    display: block;
  }
  header .mobile-menu .navbar .navbar-brand:after {
    left: 130px;
  }
}
@media (max-width: 575.98px) {
  header .navbar .navbar-brand:after {
    left: 55px;
  }
}
@media (max-width: 425px) {
  header .mobile-menu .navbar {
    background: linear-gradient(39deg, #ffffff 45%, #354356 10%);
  }
  header .mobile-menu .navbar .navbar-brand:after {
    left: 48px;
    z-index: 1;
  }
  header .mobile-menu .navbar .navbar-toggler {
    z-index: 99;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: fixed;
}

/**************************************************
Pages css
***************************************************/
/*************** About Us ********************/
.btn-tabs {
  background: #ffffff;
  color: #000000;
  text-transform: capitalize;
  padding: 8px 16px;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: none;
  transition: all 0.5s ease;
}
.btn-tabs .toggle-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath id='add_FILL0_wght400_GRAD0_opsz24' d='M205.143-753.143H200v-1.714h5.143V-760h1.714v5.143H212v1.714h-5.143V-748h-1.714Z' transform='translate(-200 760)'/%3E%3C/svg%3E");
}
.btn-tabs.active {
  background: #c72026;
  color: #ffffff;
}
.btn-tabs.active .toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1.714' viewBox='0 0 12 1.714'%3E%3Cpath id='add_FILL0_wght400_GRAD0_opsz24' d='M205.143-753.143H200v-1.714h12v1.714h-6.857Z' transform='translate(-200 754.857)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.btn-tabs:hover, .btn-tabs:focus {
  background: #c72026;
  color: #ffffff;
}

.img-locations {
  display: none;
}
.img-locations.active {
  display: block;
}

.data-center-list {
  color: #ffffff;
  display: none;
}
.data-center-list.active {
  display: block;
}
.data-center-list li {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 13px;
}
.data-center-list li .icon-bullet {
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  transform: translateY(3px);
}
.data-center-list li .icon-bullet.off {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 17.5c-4.6869 0-8.5-3.8131-8.5-8.5 0-4.6869 3.8131-8.5 8.5-8.5 4.6869 0 8.5 3.8131 8.5 8.5 0 4.6869-3.8131 8.5-8.5 8.5z' fill='%23DDFC01'/%3E%3Cpath d='m9 1c-4.4112 0-8 3.5888-8 8 0 4.4112 3.5888 8 8 8 4.4112 0 8-3.5888 8-8 0-4.4112-3.5888-8-8-8m0-1c4.9706 0 9 4.0294 9 9 0 4.9706-4.0294 9-9 9-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9z' fill='%23fff'/%3E%3C/svg%3E");
}
.data-center-list li .icon-bullet.on {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 17.5c-4.6869 0-8.5-3.8131-8.5-8.5 0-4.6869 3.8131-8.5 8.5-8.5 4.6869 0 8.5 3.8131 8.5 8.5 0 4.6869-3.8131 8.5-8.5 8.5z' fill='%2303C336'/%3E%3Cpath d='m9 1c-4.4112 0-8 3.5888-8 8 0 4.4112 3.5888 8 8 8 4.4112 0 8-3.5888 8-8 0-4.4112-3.5888-8-8-8m0-1c4.9706 0 9 4.0294 9 9 0 4.9706-4.0294 9-9 9-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9z' fill='%23fff'/%3E%3C/svg%3E");
}

.box-values {
  background: transparent linear-gradient(309deg, #900304 0%, #c80304 100%) 0% 0% no-repeat padding-box;
  background-size: cover;
  padding: 24px 24px;
  color: #ffffff;
  border-radius: 8px;
  min-height: 250px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.box-values svg {
  margin-bottom: 8px;
  width: 40px;
  height: 40px;
}
.box-values h4 {
  margin-bottom: 16px;
}
.box-values p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
}
.box-values:hover, .box-values:focus {
  box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
}

.rapid-masonry {
  /* Main CSS */
}
.rapid-masonry img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}
.rapid-masonry .grid-wrapper > div {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
}
.rapid-masonry .grid-wrapper > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 5px;
  transition: all 0.5s ease;
}
.rapid-masonry .grid-wrapper > div > img:hover,
.rapid-masonry .grid-wrapper > div > img:focus {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.rapid-masonry .grid-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 263px;
  grid-auto-flow: dense;
}
.rapid-masonry .grid-wrapper .wide {
  grid-column: span 2;
}
.rapid-masonry .grid-wrapper .tall {
  grid-row: span 2;
}
.rapid-masonry .grid-wrapper .big {
  grid-column: span 2;
  grid-row: span 2;
}

.cta-about {
  background: #c72026 url("../images/backgrounds/footer-cta-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.cta-about h3 {
  margin-bottom: 16px;
}
.cta-about p {
  margin-bottom: 28px;
}

/*************** Career pages ********************/
.team-features-slider .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
}
.team-features-slider .slick-arrow {
  outline: none;
  box-shadow: none;
}
.team-features-slider .slick-arrow:before, .team-features-slider .slick-arrow:after {
  content: unset;
}
.team-features-slider .slick-next,
.team-features-slider .slick-prev {
  width: 32px;
  height: 32px;
}
.team-features-slider .slick-next.slick-disabled svg rect,
.team-features-slider .slick-prev.slick-disabled svg rect {
  fill: #efefef;
}
.team-features-slider .slick-next.slick-disabled svg path,
.team-features-slider .slick-prev.slick-disabled svg path {
  fill: #ffffff;
}
.team-features-slider .slick-next {
  right: -40px;
}
.team-features-slider .slick-prev {
  left: -40px;
}
.team-features-slider .slick-prev svg {
  transform: rotate(-180deg);
}

.box-team-features {
  background: #ffffff;
  padding: 32px 24px;
  border-radius: 8px;
}
.box-team-features .icon-heading {
  display: flex;
  flex-direction: row;
  /* align-items: flex-start; */
  align-items: center;
  margin-bottom: 24px;
}
.box-team-features .icon-heading svg {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  flex-shrink: 0;
}
.box-team-features .icon-heading h4,
.box-team-features .icon-heading .h4 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
  color: #c72026;
  text-transform: capitalize;
  font-weight: 500;
}
.box-team-features p {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
}

.career-bg {
  position: relative;
}
.career-bg video {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.career-list .career-box {
  padding: 24px 32px;
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.career-list .career-box .h4 {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #c72026;
}
.career-list .career-box span {
  display: block;
  text-align: right;
}
.career-list .career-box span.date-posted {
  color: #777777;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.career-list .career-box span.last-updated {
  color: #777777;
  font-size: 12px;
  line-height: 20px;
}
.career-list .career-box:before {
  transform: translateX(100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
.career-list .career-box:after {
  transform: translateX(-100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
.career-list .career-box:hover {
  color: inherit;
  text-decoration: none;
}
.career-list .career-box:hover:before {
  transition: 0.1s transform linear, 0.1s height linear 0.1s;
  transform: translateX(0);
  height: 100%;
  border-color: #c72026;
  z-index: -9999;
}
.career-list .career-box:hover:after {
  transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #c72026;
  z-index: -9999;
}

.resource-card {
  padding: 24px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  background: #ffffff;
  transition: all 0.3s ease;
}

.resource-card h5 {
  color: #c72026;
  font-size: 16px;
  line-height: 22px;
}

.resource-card p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

/* hover polish */
.resource-card:hover {
  border-color: #c72026;
  transform: translateY(-2px);
}

.filter-accordions .accordion-item {
  margin-bottom: 16px;
  border: 1px solid #cecece;
  border-radius: 0;
}
.filter-accordions .accordion-item:first-of-type {
  border-radius: 0;
}
.filter-accordions .accordion-item::not(:first-of-type) {
  border-radius: 0;
}
.filter-accordions .accordion-item .accordion-body {
  padding: 0;
}
.filter-accordions .accordion-item .accordion-header {
  border-bottom: 1px solid #cecece;
}
.filter-accordions .accordion-item .accordion-header .accordion-button {
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  box-shadow: none;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.7);
}
.filter-accordions .accordion-item .form-check-reverse {
  text-align: left;
  padding: 12px 40px 12px 16px;
  transition: all 0.5s ease;
}
.filter-accordions .accordion-item .form-check-reverse:hover, .filter-accordions .accordion-item .form-check-reverse:focus {
  background: #cecece;
  transition: all 0.5s ease;
}
.filter-accordions .accordion-item .form-check-reverse .form-check-label {
  cursor: pointer;
  font-size: 14px;
  color: #000000;
}
.filter-accordions .accordion-item .form-check-reverse .form-check-label span {
  opacity: 0.5;
}
.filter-accordions .accordion-item .form-check-reverse .form-check-input {
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}
.filter-accordions .accordion-item .form-check-reverse .form-check-input:checked {
  background-color: #c72026;
  border-color: #c72026;
}

.team-cover {
  background: #000000 url("../images/banners/career-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 500px;
}
.team-cover .h1 {
  display: flex;
  width: 100%;
}

.single-job-description {
  padding: 50px;
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
  text-overflow: break-word;
}
.single-job-description p,
.single-job-description ul,
.single-job-description ol,
.single-job-description li {
  font: normal normal normal 16px/26px Inter;
  letter-spacing: 0px;
  color: #000000;
}
.single-job-description li {
  margin-bottom: 16px;
}

/*************** Knowledge Center ********************/
.box-knowledge {
  background: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 40px 24px;
  border: 1px solid #dddddd;
  border-radius: 8px 8px 0 0;
  min-height: 310px;
  margin-bottom: 15px;
  transition: all 0.5s ease;
}
.box-knowledge ul li {
  color: #000000;
}
.box-knowledge .date {
  font-size: 12px;
  font-family: "Inter", sans-serif;
  color: #000000;
}
.box-knowledge .tag {
  padding: 4px 12px;
  border-radius: 34px;
  background: rgba(226, 226, 226, 0.8);
  color: #c72026;
  font-weight: 500;
  font-size: 12px;
}
.box-knowledge h5,
.box-knowledge .h5 {
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0px;
  margin-bottom: 16px;
}
.box-knowledge p {
  letter-spacing: 0px;
  color: #000000;
  line-height: 20px;
  margin-bottom: 0;
}
.box-knowledge .overlay {
  position: relative;
  overflow: hidden;
  height: 120px;
  text-overflow: clip;
}
.box-knowledge:hover, .box-knowledge:focus {
  transition: all 0.5s ease;
}
.box-knowledge:hover .overlay, .box-knowledge:focus .overlay {
  position: absolute;
  padding: 40px 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #c72026;
  background: #ffffff;
}

.list-knowledge-controls .knowledge-slide-prev {
  background: none;
  border: none;
  padding: 0;
}
.list-knowledge-controls .knowledge-slide-prev svg {
  transform: rotate(-180deg);
}
.list-knowledge-controls .knowledge-slide-next {
  background: none;
  border: none;
  padding: 0;
}
.list-knowledge-controls .slick-arrow {
  width: 32px;
  height: 32px;
}
.list-knowledge-controls .slick-arrow.slick-disabled svg rect {
  fill: #efefef;
}
.list-knowledge-controls .slick-arrow.slick-disabled svg path {
  fill: #ffffff;
}

.knowledge-center-slider .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
}

.box-popular-service {
  background: #f5f5f5;
  border-radius: 8px;
  margin: 0px auto;
  text-align: center;
  padding: 24px 12px;
  margin-bottom: 20px;
  min-height: 188px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.box-popular-service svg {
  width: 72px;
  height: 72px;
}
.box-popular-service .h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #000000;
  display: block;
  margin-top: 16px;
}

.page-knowledge-center .blog-search {
  border: 1px solid #d8d8d8 !important;
}
.page-knowledge-center .blog-search input {
  padding: 10px 0px 10px 46px;
}
.page-knowledge-center .blog-search button {
  position: absolute;
  top: 9px;
  z-index: 11;
}

/*************** Blogs pages ********************/
.page-rapid-blog .blog-list .blog-box .h4 {
  font-weight: 500;
}
.page-rapid-blog .blog-list .blog-box p a {
  text-decoration: underline;
}

.blog-banner {
  position: relative;
  overflow: hidden;
}
.blog-banner h1,
.blog-banner .h1 {
  font-weight: 400;
}
.blog-banner .img-featured {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: -1;
}
.blog-banner .theme-breadcrumbs {
  position: absolute;
  top: 0;
  width: 100%;
}

.blog-content p,
.blog-content ul,
.blog-content ol,
.blog-content li {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 16px;
  color: #303030;
}

.author-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
.author-box .img-author {
  margin-right: 16px;
  width: 72px;
  height: 72px;
  object-fit: cover;
  object-position: center top;
  border-radius: 100%;
}
.author-box .date {
  font-size: 12px;
  font-family: "Inter", sans-serif;
  color: #000000;
}
.author-box .tag {
  padding: 4px 12px;
  border-radius: 34px;
  background: rgba(226, 226, 226, 0.8);
  color: #c72026;
  font-weight: 500;
  font-size: 12px;
}
.author-box .list-social-share li {
  margin-bottom: 0;
}
.author-box .list-social-share li a {
  transition: all 0.5s ease;
}
.author-box .list-social-share li a svg {
  width: 18px;
  height: 18px;
}
.author-box .list-social-share li a:hover svg path, .author-box .list-social-share li a:focus svg path {
  fill: #c72026;
  transition: all 0.5s ease;
}

.box-blog {
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: all 1s ease;
}
.box-blog .img-blog-cover {
  height: 235px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  margin-bottom: 12px;
}
.box-blog .box-blog-details {
  padding: 24px 24px 60px 24px;
}
.box-blog .box-blog-details .h6 {
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.5s ease;
}
.box-blog .box-blog-details .date {
  font-size: 12px;
  font-family: "Inter", sans-serif;
  color: #000000;
}
.box-blog .box-blog-details .tag {
  padding: 4px 12px;
  border-radius: 34px;
  background: rgba(226, 226, 226, 0.8);
  color: #c72026;
  font-weight: 500;
  font-size: 12px;
}
.box-blog:hover, .box-blog:focus {
  border: 1px solid #c72026;
  box-shadow: 0 0 15px 4px rgba(2, 2, 2, 0.1);
  transition: all 1s ease;
}
.box-blog:hover .h6, .box-blog:focus .h6 {
  color: #c72026;
  transition: all 0.5s ease;
}

.list-pagination li a svg {
  width: 24px;
  height: 24px;
}
.list-pagination li a span {
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #000000;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 34px;
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  transition: all 0.5s ease;
}
.list-pagination li a.active span, .list-pagination li a:hover span, .list-pagination li a:focus span {
  background: #c72026;
  border: 1px solid #c72026;
  color: #ffffff;
  transition: all 0.5s ease;
}
.list-pagination li a.extreme-left svg, .list-pagination li a.left-up svg {
  transition: all 0.5s ease;
}
.list-pagination li a.extreme-left svg:hover, .list-pagination li a.extreme-left svg:focus, .list-pagination li a.left-up svg:hover, .list-pagination li a.left-up svg:focus {
  transform: translateX(-5px);
  transition: all 0.5s ease;
}
.list-pagination li a.extreme-right svg, .list-pagination li a.right-ahead svg {
  transition: all 0.5s ease;
}
.list-pagination li a.extreme-right svg:hover, .list-pagination li a.extreme-right svg:focus, .list-pagination li a.right-ahead svg:hover, .list-pagination li a.right-ahead svg:focus {
  transform: translateX(5px);
  transition: all 0.5s ease;
}

.featured-blog .box-featured-blog {
  cursor: pointer;
}
.featured-blog .box-featured-blog .img-featured {
  width: 100%;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}
.featured-blog .box-featured-blog .list-tags {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  margin-bottom: 24px;
}
.featured-blog .box-featured-blog .list-tags a {
  color: #0069a3;
}
.featured-blog .box-featured-blog .list-tags a:hover, .featured-blog .box-featured-blog .list-tags a:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
.featured-blog .box-featured-blog .h3 {
  color: #000000;
}
.featured-blog .box-featured-blog .author-details {
  font-size: 12px;
  margin-top: 24px;
  color: #0069a3;
}
.featured-blog .box-featured-blog .author-details a {
  text-decoration: underline;
}
.featured-blog .box-featured-blog .author-details a:hover, .featured-blog .box-featured-blog .author-details a:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
.featured-blog .box-featured-blog:hover .img-featured, .featured-blog .box-featured-blog:focus .img-featured {
  transform: scale(1.005);
  transition: all 0.5s ease;
}
.featured-blog .box-featured-blog:hover .h3, .featured-blog .box-featured-blog:focus .h3 {
  color: #c72026;
  transition: all 0.5s ease;
}

.blog-popular-slider .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
}
.blog-popular-slider .slick-list {
  overflow: visible;
  /*important, allows overflow slides to be visible*/
}

.white-link {
  color: #ffffff;
  text-decoration: underline;
}
.white-link:hover, .white-link:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
.white-link:hover svg path, .white-link:focus svg path {
  fill: #c72026;
  transition: all 0.5s ease;
}

.blog-popular-controls .popular-slide-prev {
  background: none;
  border: none;
  padding: 0;
}
.blog-popular-controls .popular-slide-prev svg {
  transform: rotate(-180deg);
}
.blog-popular-controls .popular-slide-next {
  background: none;
  border: none;
  padding: 0;
}
.blog-popular-controls .slick-arrow {
  width: 32px;
  height: 32px;
}
.blog-popular-controls .slick-arrow.slick-disabled svg rect {
  fill: #efefef;
}
.blog-popular-controls .slick-arrow.slick-disabled svg path {
  fill: #ffffff;
}

.blog-search {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.blog-search input {
  background: transparent;
  outline: none;
  border: none;
  box-shadow: none;
  padding: 10px 0px 10px 16px;
  color: #777777;
}
.blog-search input:focus {
  background: transparent;
  box-shadow: none;
}
.blog-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari/Edge */
  color: #000000;
}
.blog-search input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000;
}
.blog-search input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
  color: #000000;
}
.blog-search input input::placeholder {
  color: #000000;
}
.blog-search button {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0px 16px 0px 16px;
}
.blog-search.transparent-bg {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border: 1px solid transparent;
}
.blog-search.transparent-bg input {
  color: #ffffff;
}
.blog-search.transparent-bg input:focus {
  background: transparent;
  box-shadow: none;
}
.blog-search.transparent-bg input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari/Edge */
  color: #ffffff;
}
.blog-search.transparent-bg input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}
.blog-search.transparent-bg input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
  color: #ffffff;
}
.blog-search.transparent-bg button svg path {
  fill: #ffffff;
}

.blog-list .blog-box {
  padding: 24px 32px;
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}



.blog-list .blog-box .h4 {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #c72026;
}
.blog-list .blog-box .list-tags {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  margin-bottom: 24px;
}
.blog-list .blog-box .list-tags a {
  color: #0069a3;
}
.blog-list .blog-box .list-tags a:hover, .blog-list .blog-box .list-tags a:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
.blog-list .blog-box p {
  margin-bottom: 0;
  font-size: 12px;
  color: #777777;
}
.blog-list .blog-box p span {
  text-decoration: underline;
  color: #0069a3;
}
.blog-list .blog-box:before {
  transform: translateX(100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  z-index: -9999;
}
.blog-list .blog-box:after {
  transform: translateX(-100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  z-index: -9999;
}
.blog-list .blog-box:hover {
  color: inherit;
  text-decoration: none;
}
.blog-list .blog-box:hover:before {
  transition: 0.1s transform linear, 0.1s height linear 0.1s;
  transform: translateX(0);
  height: 100%;
  border-color: #c72026;
}
.blog-list .blog-box:hover:after {
  transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #c72026;
}

.related-featured-box {
  position: relative;
  overflow: hidden;
  padding: 80px 40px;
  background: #000000 url("../images/backgrounds/bg-featured-blog.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 12px;
  color: #ffffff;
}
.related-featured-box .h6 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 18px;
}
.related-featured-box .h4 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 18px;
}
.related-featured-box p {
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 40px;
}
.related-featured-box .btn-link {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
  transition: all 0.5s ease;
}
.related-featured-box .btn-link svg {
  transform: translateY(-2px);
  margin-left: 10px;
}
.related-featured-box .btn-link:hover, .related-featured-box .btn-link:focus {
  text-decoration: underline;
  color: #c72026;
  transition: all 0.5s ease;
}
.related-featured-box .btn-link:hover svg, .related-featured-box .btn-link:focus svg {
  transform: translateY(-2px) translateX(2px);
}
.related-featured-box .btn-link:hover svg path, .related-featured-box .btn-link:focus svg path {
  fill: #c72026;
  stroke: #c72026;
}
.related-featured-box:hover .h4, .related-featured-box:focus .h4 {
  color: #c72026;
}
.related-featured-box:hover img, .related-featured-box:focus img {
  box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.1);
  transition: all 0.5s ease;
}

/*************** compliance ********************/
.box-compliance-certificates {
  background: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 40px 24px;
  border: 1px solid #dddddd;
  border-radius: 8px 8px 0 0;
  min-height: 500px;
  height: 500px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.box-compliance-certificates img {
  height: 70px;
  margin-bottom: 20px;
}
.box-compliance-certificates h5,
.box-compliance-certificates .h5 {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #c72026;
  margin-bottom: 16px;
  font-weight: 500;
}
.box-compliance-certificates p {
  letter-spacing: 0px;
  color: #000000;
  line-height: 20px;
  margin-bottom: 20px;
}
.box-compliance-certificates a {
  display: none;
  position: absolute;
  bottom: 24px;
  color: #c72026;
  text-decoration: underline;
  font-family: "Inter";
  font-weight: 500;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-size: 16px;
}
.box-compliance-certificates a svg {
  transform: translateY(-2px);
  transition: all 0.5s ease;
}
.box-compliance-certificates a:hover svg, .box-compliance-certificates a:focus svg {
  transform: translateY(-2px) translateX(5px);
  transition: all 0.5s ease;
}
.box-compliance-certificates .overlay {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-compliance-certificates:hover, .box-compliance-certificates:focus {
  transition: all 0.5s ease;
}
.box-compliance-certificates:hover .overlay, .box-compliance-certificates:focus .overlay {
  position: absolute;
  padding: 20px 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #c72026;
  background: #ffffff;
  display: unset;
  height: 100%;
}
.box-compliance-certificates:hover .overlay a, .box-compliance-certificates:focus .overlay a {
  display: block;
}

.modal-certificate-download .modal-header {
  border: none;
  position: relative;
}
.modal-certificate-download .modal-content {
  position: relative;
}
.modal-certificate-download .modal-content .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 2em;
  height: 2em;
  z-index: 12;
  /* background: red; */
  box-shadow: none;
}
.modal-certificate-download .modal-body {
  padding: 80px 40px;
}
.modal-certificate-download .modal-body .image-list-popup {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.modal-certificate-download .modal-body .image-list-popup img {
  display: block;
  margin-bottom: 90px;
}

/*************** support ********************/
.support-box {
  background: #ffffff;
  border-radius: 8px;
  padding: 40px 32px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.0392156863);
  min-height: 380px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
}
.support-box .h4 {
  color: #000000;
  margin-bottom: 16px;
}
.support-box p {
  margin-bottom: 8px;
}
.support-box hr {
  border: none;
  height: 1px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  opacity: 0.6;
  margin-top: 30px;
  margin-bottom: 20px;
}
.support-box a {
  font-weight: 700;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #2c75ff;
  transition: all 0.5s ease;
}
.support-box a:hover, .support-box a:focus {
  color: #0069a3;
  transition: all 0.5s ease;
}
.support-box:hover, .support-box:focus, .support-box.active {
  background: #c72026;
  transition: all 0.5s ease;
}
.support-box:hover .h4,
.support-box:hover p,
.support-box:hover a, .support-box:focus .h4,
.support-box:focus p,
.support-box:focus a, .support-box.active .h4,
.support-box.active p,
.support-box.active a {
  color: #ffffff;
  transition: all 0.5s ease;
}
.support-box:hover hr, .support-box:focus hr, .support-box.active hr {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.page-support .box-support-features {
  min-height: unset;
  max-height: unset;
}

.table-plans-support {
  background: #ffffff;
  padding: 24px 24px 40px 24px;
  border-radius: 8px;
}
.table-plans-support table thead tr th {
  padding: 24px 24px;
}
.table-plans-support table thead tr th:not(:first-child) {
  text-align: center;
}
.table-plans-support table tbody tr th {
  opacity: 0.6;
  font-weight: 400;
  vertical-align: middle;
}
.table-plans-support table tbody tr:first-child td:not(:first-child) {
  text-align: center;
  vertical-align: top;
}
.table-plans-support table tbody tr td {
  padding: 24px 24px;
}
.table-plans-support table tbody tr td:not(:first-child) {
  text-align: center;
}

.link-red {
  color: #c72026;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 700;
}

.box-support-features {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 8px;
  padding: 40px 24px 40px 24px;
  min-height: 400px;
  max-height: 400px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.box-support-features svg {
  width: 64px;
  height: 64px;
}
.box-support-features .h4 {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-top: 16px;
  margin-bottom: 16px;
}
.box-support-features p {
  color: #666666;
}
.box-support-features:hover, .box-support-features:focus {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
}

/*************** Products ********************/
.product-description-section p {
  text-align: justify;
  font-size: 16px;
  line-height: 28px;
  color: #000;
}
.product-description-section img {
  border-radius: 8px;
}

.box-product-details {
  background: #ffffff;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.box-product-details .product-bottom-details {
  padding: 24px 24px 40px 24px;
}
.box-product-details .product-bottom-details .h4 {
  color: #c72026;
}
.box-product-details .product-bottom-details p {
  color: #666666;
}

.box-use-cases {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #dddddd;
  padding: 40px 24px 40px 24px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.box-use-cases svg {
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
}
.box-use-cases .h4 {
  font-size: 22px;
  margin-bottom: 16px;
  line-height: 26px;
  color: #c72026;
}
.box-use-cases p {
  font-size: 14px;
}
.box-use-cases:hover, .box-use-cases:focus {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
}

.box-process {
  background: transparent linear-gradient(309deg, #900304 0%, #c80304 100%) 0% 0% no-repeat padding-box;
  padding: 32px 24px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: all 0.5s ease;
}
.box-process.footer-process {
  min-height: 265px;
  max-height: 260px;
}
.box-process.footer-process p {
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
}
.box-process.footer-process .h4 {
  font-weight: 500;
}
.box-process .h4 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 40px;
}
.box-process a {
  position: absolute;
  bottom: 32px;
  color: #ffffff;
  text-decoration: underline;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  font-size: 16px;
}
.box-process a svg {
  transform: translateY(-2px);
  transition: all 0.5s ease;
}
.box-process a:hover svg, .box-process a:focus svg {
  transform: translateY(-2px) translateX(5px);
  transition: all 0.5s ease;
}
.box-process:hover, .box-process:focus {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
}

.bg-process {
  background: linear-gradient(180deg, transparent 64%, #354356 10%);
}

.section-negative {
  margin-top: -125px;
}

.product-tabs .nav-product-tab {
  flex-wrap: nowrap;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  justify-content: space-between;
}
.product-tabs .nav-product-tab::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #cecece;
}
.product-tabs .nav-product-tab::-webkit-scrollbar {
  height: 2px;
  width: 2px;
  background-color: #cecece;
}
.product-tabs .nav-product-tab::-webkit-scrollbar-thumb {
  background-color: #354356;
}
.product-tabs .nav-product-tab button {
  width: 100%;
  padding: 30px 15px;
  font-size: 16px;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #e5e5e5;
  background: #f2f2f2;
  border-radius: 0;
  font-weight: 700;
  color: #000000;
  transition: all 0.5s ease;
}
.product-tabs .nav-product-tab button.active {
  color: #c72026;
  background: #ffffff;
  padding: 30px 30px;
  border-top: 3px solid red;
  transition: all 0.5s ease;
}
.product-tabs .tab-content {
  padding: 40px;
  border: 1px solid #e5e5e5;
}

.product-pills .btn-pills {
  padding: 21px 27px;
  background: #f5f5f5;
  color: #c8c8c8;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  font-size: 16px;
  margin-bottom: 20px;
  display: inline-block;
  transition: all 0.5s ease;
}
.product-pills .btn-pills svg {
  margin-right: 8px;
  transform: translateY(-3px);
  width: 36px;
  height: 36px;
}
.product-pills .btn-pills svg path {
  fill: #c8c8c8;
  transition: all 0.5s ease;
}
.product-pills .btn-pills:hover, .product-pills .btn-pills:focus, .product-pills .btn-pills.active {
  background: #c72026;
  color: #ffffff;
  border: 1px solid #c72026;
  transition: all 0.5s ease;
}
.product-pills .btn-pills:hover svg path, .product-pills .btn-pills:focus svg path, .product-pills .btn-pills.active svg path {
  fill: #ffffff;
  transition: all 0.5s ease;
}

.box-products-features {
  background: #fafafa;
  padding: 32px 24px;
  border-radius: 8px;
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
}
.box-products-features .icon-heading {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 24px;
}
.box-products-features .icon-heading svg,
.box-products-features .icon-heading .icon {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.box-products-features .icon-heading h4,
.box-products-features .icon-heading .h4 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
  color: #c72026;
  text-transform: capitalize;
  font-weight: 500;
}
.box-products-features p {
  font-size: 14px;
  font-weight: 400;
}

/*************** contact us ********************/
.box-contact-info {
  background: #ffffff;
  padding: 40px 24px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.box-contact-info .h4 {
  color: #c72026;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 40px;
  font-weight: 500;
}
.box-contact-info .list-contact-icons {
  list-style: none;
  min-height: 270px;
}
.box-contact-info .list-contact-icons li {
  margin-bottom: 20px;
  position: relative;
}
.box-contact-info .list-contact-icons li span {
  display: block;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  color: #868589;
  margin-bottom: 8px;
}
.box-contact-info .list-contact-icons li a {
  display: block;
  color: #c72026;
  text-decoration: underline;
  margin-bottom: 5px;
  overflow-wrap: break-word;
}
.box-contact-info .list-contact-icons li.whatsapp-icon:before {
  position: absolute;
  left: -34px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_177543' data-name='Group 177543' transform='translate(-9715 -2692)'%3E%3Cg id='phone' transform='translate(9715 2692)'%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' width='24' height='24' fill='none'/%3E%3C/g%3E%3Cg id='whatsapp-svgrepo-com' transform='translate(9719 2696)'%3E%3Cg id='Group_177542' data-name='Group 177542' transform='translate(-1 -1)'%3E%3Cpath id='Path_105744' data-name='Path 105744' d='M8.816,0A8.818,8.818,0,0,0,1.335,13.483C.987,14.7.358,17.011.351,17.035a.339.339,0,0,0,.427.413l3.495-1.075A8.817,8.817,0,1,0,8.816,0Zm0,16.954A8.118,8.118,0,0,1,4.5,15.716a.339.339,0,0,0-.18-.052.345.345,0,0,0-.1.015l-3.051.939c.224-.818.627-2.282.861-3.1a.34.34,0,0,0-.041-.278,8.139,8.139,0,1,1,6.829,3.71Z' transform='translate(0.184 0.184)' fill='%23868589'/%3E%3Cpath id='Path_105744_-_Outline' data-name='Path 105744 - Outline' d='M8.75-.25A9,9,0,1,1,4.182,16.506L.766,17.557a.523.523,0,0,1-.658-.637l.021-.078c.4-1.481.737-2.681.941-3.4A9,9,0,0,1,8.75-.25Zm0,17.633a8.63,8.63,0,1,0-7.326-4.063l.043.069-.022.079c-.2.7-.543,1.937-.962,3.472l-.022.08a.154.154,0,0,0,.042.15.158.158,0,0,0,.154.037l3.573-1.1.07.042A8.621,8.621,0,0,0,8.75,17.383ZM8.75.428A8.322,8.322,0,1,1,4.336,15.806a.156.156,0,0,0-.129-.016L.836,16.827.925,16.5c.176-.642.612-2.229.861-3.1a.156.156,0,0,0-.019-.128A8.323,8.323,0,0,1,8.75.428Zm0,16.276a7.952,7.952,0,1,0-6.675-3.626.524.524,0,0,1,.064.429c-.214.745-.565,2.02-.772,2.771L4.1,15.438a.524.524,0,0,1,.431.057A7.934,7.934,0,0,0,8.75,16.7Z' transform='translate(0.25 0.25)' fill='%23868589'/%3E%3Cpath id='Path_105745' data-name='Path 105745' d='M20.748,17.354c-.626-.348-1.159-.7-1.548-.95-.3-.194-.512-.334-.669-.413a.77.77,0,0,0-.9.064.339.339,0,0,0-.042.052,4.767,4.767,0,0,1-1.228,1.376,8.165,8.165,0,0,1-2.085-1.35,4.514,4.514,0,0,1-1.65-2.084c.615-.633.836-1.031.836-1.484a9.6,9.6,0,0,0-1.286-2.613c-.2-.2-.643-.228-1.323-.093a.342.342,0,0,0-.173.093,4.423,4.423,0,0,0-1.094,4.431c1.006,2.615,3.587,5.654,6.878,6.148a7.132,7.132,0,0,0,1.053.084,3.122,3.122,0,0,0,3.4-2.907A.338.338,0,0,0,20.748,17.354Zm-4.183,2.5c-3.48-.522-5.673-3.97-6.346-5.72a3.733,3.733,0,0,1,.873-3.634,2.558,2.558,0,0,1,.627-.043,12.178,12.178,0,0,1,1.066,2.1c0,.178-.058.426-.748,1.117a.338.338,0,0,0-.1.24c0,1.775,3.745,4.239,4.408,4.239.577,0,1.329-.969,1.757-1.6a.322.322,0,0,1,.126.039c.122.061.334.2.6.374.353.231.823.537,1.377.855C19.954,19.038,19.251,20.262,16.565,19.859Z' transform='translate(-5.989 -6.277)' fill='%23868589'/%3E%3Cpath id='Path_105745_-_Outline' data-name='Path 105745 - Outline' d='M17.451,20.73a7.353,7.353,0,0,1-1.08-.086c-3.364-.5-6-3.6-7.023-6.263-.958-2.492,1.05-4.54,1.136-4.626a.525.525,0,0,1,.267-.143,3.935,3.935,0,0,1,.75-.087,1.006,1.006,0,0,1,.74.229A9.454,9.454,0,0,1,13.58,12.5a2.223,2.223,0,0,1-.819,1.54,4.83,4.83,0,0,0,1.567,1.887,9.356,9.356,0,0,0,1.952,1.3,6.047,6.047,0,0,0,1.09-1.283.523.523,0,0,1,.065-.08.84.84,0,0,1,.6-.228,1.152,1.152,0,0,1,.515.129c.168.084.386.227.687.424.387.253.917.6,1.537.944a.522.522,0,0,1,.261.543,3.7,3.7,0,0,1-1.157,2.287A3.624,3.624,0,0,1,17.451,20.73ZM11.5,9.893a3.574,3.574,0,0,0-.678.079.158.158,0,0,0-.08.043,4.234,4.234,0,0,0-1.052,4.234c.987,2.567,3.516,5.549,6.734,6.032a6.986,6.986,0,0,0,1.026.082,2.93,2.93,0,0,0,3.22-2.753.154.154,0,0,0-.077-.161c-.632-.351-1.168-.7-1.559-.957-.292-.191-.5-.328-.652-.4A.788.788,0,0,0,18.032,16a.488.488,0,0,0-.336.119.158.158,0,0,0-.02.024c-.367.551-1.049,1.395-1.344,1.454L16.3,17.6l-.032-.005a7.967,7.967,0,0,1-2.174-1.39,4.642,4.642,0,0,1-1.713-2.194l-.016-.092.065-.067c.572-.588.784-.956.784-1.356a10.14,10.14,0,0,0-1.232-2.483A.67.67,0,0,0,11.5,9.893Zm5.967,10.161a6.767,6.767,0,0,1-1-.081c-3.563-.534-5.8-4.051-6.49-5.836a3.269,3.269,0,0,1,.071-2.472,4.925,4.925,0,0,1,.836-1.35l.043-.049.064-.011a3.523,3.523,0,0,1,.546-.053.924.924,0,0,1,.14.009l.076.012.045.062a11.6,11.6,0,0,1,1.1,2.187l0,.024c0,.274-.134.578-.8,1.246a.154.154,0,0,0-.046.11c0,.693.688,1.657,1.888,2.643a6.965,6.965,0,0,0,2.336,1.412c.36,0,.96-.568,1.605-1.521l.057-.085.1,0a.5.5,0,0,1,.2.059c.134.067.359.214.619.385.344.225.816.533,1.368.85l.116.066-.027.13a2.913,2.913,0,0,1-.758,1.542A2.879,2.879,0,0,1,17.468,20.054Zm-6.347-9.446a3.542,3.542,0,0,0-.8,3.4c.66,1.716,2.806,5.1,6.2,5.6a6.4,6.4,0,0,0,.942.076,2.188,2.188,0,0,0,2.464-1.835c-.51-.3-.945-.582-1.269-.793-.222-.145-.432-.283-.554-.349-.722,1.039-1.337,1.566-1.83,1.566a6.78,6.78,0,0,1-2.569-1.5c-.755-.621-2.022-1.827-2.022-2.927a.518.518,0,0,1,.153-.37c.662-.662.693-.872.694-.973a13.178,13.178,0,0,0-.984-1.94h-.01A3.048,3.048,0,0,0,11.121,10.609Z' transform='translate(-5.923 -6.211)' fill='%23868589'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.box-contact-info .list-contact-icons li.email-icon:before {
  position: absolute;
  left: -34px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='email' transform='translate(0.683 0.683)'%3E%3Cpath id='Path_105678' data-name='Path 105678' d='M20.3,6H3.408A1.408,1.408,0,0,0,2,7.408V18.668a1.408,1.408,0,0,0,1.408,1.408H20.3a1.408,1.408,0,0,0,1.408-1.408V7.408A1.408,1.408,0,0,0,20.3,6ZM18.75,7.408l-6.9,4.772-6.9-4.772ZM3.408,18.668V8.048l8.044,5.567a.7.7,0,0,0,.8,0L20.3,8.048v10.62Z' transform='translate(-0.456 -1.641)' fill='%23868589'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' width='24' height='24' transform='translate(-0.683 -0.683)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.box-contact-info .list-contact-icons li.links-icon:before {
  position: absolute;
  left: -34px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg id='launch' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_105746' data-name='Path 105746' d='M20.5,22H5.5A1.5,1.5,0,0,1,4,20.5V5.5A1.5,1.5,0,0,1,5.5,4H13V5.5H5.5v15h15V13H22v7.5A1.5,1.5,0,0,1,20.5,22Z' transform='translate(-1 -1)' fill='%23868589'/%3E%3Cpath id='Path_105747' data-name='Path 105747' d='M19.5,2V3.5h4.94L18,9.94,19.06,11,25.5,4.561V9.5H27V2Z' transform='translate(-4.5 -0.5)' fill='%23868589'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' width='24' height='24' fill='none'/%3E%3C/svg%3E%0A");
}
.box-contact-info:hover, .box-contact-info:focus {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
}

.feature-sec h2 {
  color: #ffffff;
  margin-bottom: 43px;
}
.feature-sec .resource-featured-box {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  min-height: 480px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.feature-sec .resource-featured-box p {
  letter-spacing: 0;
  font-size: 14px;
  line-height: 20px;
}
.feature-sec .resource-featured-box .featured-links {
  padding: 0;
  margin: 0;
}
.feature-sec .resource-featured-box .featured-links li {
  list-style: none;
}
.feature-sec .resource-featured-box .featured-links li:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.feature-sec .resource-featured-box .featured-icon {
  background-color: #f4d2d3;
  padding: 10px;
  flex-shrink: 0;
}
.feature-sec .resource-featured-box p {
  width: 224px;
  font-weight: 500;
  color: #000000;
}
.feature-sec .resource-featured-box h5 {
  font-weight: 600;
  line-height: 26px;
}
.feature-sec .resource-featured-box a {
  font-size: 20px;
  color: #2c75ff;
  line-height: 24px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.feature-sec .resource-featured-box a:hover {
  color: #c72026;
}

.product-box {
  padding: 32px 24px !important;
  min-height: 220px;
  margin-bottom: 0 !important;
  border-radius: 8px;
}
.product-box::before {
  border-radius: 8px;
}
.product-box::after {
  border-radius: 8px;
}
.product-box h5 {
  color: #c72026;
}
.product-box p {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 0;
}

.general-box img {
  height: 120px !important;
  margin-bottom: 0 !important;
}
.general-box .box-blog-details {
  padding: 16px 16px 40px !important;
}
.general-box .box-blog-details h5 {
  color: #c72026;
  line-height: 26px;
}
.general-box .box-blog-details p {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  width: 228px;
}

.feature-product-box img {
  height: 216px;
  margin-bottom: 0 !important;
}
.feature-product-box .box-blog-details {
  padding: 28px 24px !important;
  background-color: #fafafa;
}
.feature-product-box .box-blog-details h6 {
  color: #000000;
}
.feature-product-box .box-blog-details p {
  line-height: 24px;
}
.feature-product-box .box-blog-details a {
  font-size: 14px;
  color: #c72026;
  font-weight: 600;
  transition: all 0.5s ease;
}
.feature-product-box .box-blog-details a svg {
  transition: all 0.5s ease;
  transform: translateX(0px);
}
.feature-product-box .box-blog-details a:hover svg {
  transition: all 0.5s ease;
  transform: translateX(5px);
}

.ecommerce-cases-box {
  padding: 26px 20px !important;
}
.ecommerce-cases-box .h4 {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
}
.ecommerce-cases-box svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.ecommerce-cases-box p {
  line-height: 24px;
}

.beyond-backup-box {
  min-height: unset;
}

.solution-enterpises .box-team-features {
  margin-left: 10px;
  margin-right: 10px;
}
.solution-enterpises .box-team-features p {
  font-size: 16px;
  line-height: 24px;
}
.solution-enterpises .ecommerce-cases-box {
  /* min-height: 312px; */
}
.solution-enterpises .ecommerce-cases-box .h4 {
  font-weight: 600;
}
.solution-enterpises .ecommerce-cases-box p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.solution-enterpises .marketplace-box {
  padding: 32px 24px 32px 24px;
}
.solution-enterpises .marketplace-box img {
  max-height: 57px;
  width: 150px;
}
.solution-enterpises .marketplace-box .h4 {
  font-weight: 500;
}
.solution-enterpises .marketplace-box p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: 500;
}
.solution-enterpises .enterprise-use-cases-box {
  min-height: 334px;
}

.solutions-ecommerce .box-use-cases p {
  font-weight: 500;
}
.solutions-ecommerce .ecommerce-cases-box .h4 {
  font-weight: 800;
}
.solutions-ecommerce .feature-product-box .box-blog-details p {
  font-weight: 500;
}
.solutions-ecommerce .feature-product-box .box-blog-details h6 {
  font-weight: 800;
}
.solutions-ecommerce .box-blog {
  background-color: #fafafa;
}

.solution-enterpises .marketplaceSec p {
  color: #000;
  font-weight: 500;
}
.solution-enterpises .marketplaceSec h2 {
  color: #000;
}

.solution-startup .startup-feature-box h6 {
  font-weight: 600;
}
.solution-startup .startup-feature-box p {
  line-height: 24px;
  font-size: 16px;
}
.solution-startup .box-use-cases {
  padding: 24px;
}
.solution-startup .box-use-cases .h4 {
  font-weight: 500;
}
.solution-startup .box-use-cases svg {
  width: 40px;
  height: 40px;
}
.solution-startup .box-use-cases p {
  line-height: 22px;
  color: #000;
}

.each-stage-box {
  background-color: #fafafa;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.0901960784);
}
.each-stage-box button {
  background: transparent;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  color: #000000 !important;
}
.each-stage-box button:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.each-stage-box button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.each-stage-box button::after {
  display: none;
}
.each-stage-box .accordion {
  --bs-accordion-bg: $light-grey;
}
.each-stage-box .accordion-item {
  border: none;
  padding: 30px 0;
}
.each-stage-box .accordion-item:not(:last-child) {
  border-bottom: 2px solid #dbdbdb;
}
.each-stage-box .accordion-item:first-child {
  padding-top: 0;
}
.each-stage-box .accordion-item:last-child {
  padding-bottom: 0;
}
.each-stage-box .accordion-body {
  padding: 0;
  margin-top: 20px;
}
.each-stage-box .accordion-body p {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}
.each-stage-box .img-container {
  width: 366px;
  height: 366px;
  background-color: #989898;
  margin: 0 auto;
}

.solution-public-sector .feature-box .h6 {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
}
.solution-public-sector .feature-box p {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.solution-public-sector .box-use-cases .h4 {
  font-weight: 500;
}
.solution-public-sector .box-use-cases p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.solution-public-sector .public-cloud-boxes {
  min-height: 354px;
}
.solution-public-sector .public-cloud-boxes svg {
  width: 48px;
  height: 48px;
}
.solution-public-sector .box-process P {
  font-size: 18px;
}
.solution-public-sector .bg-process h2 {
  font-size: 32px;
  font-weight: bold;
  color: #000000;
}
.solution-public-sector .cloud-policy-box h3 {
  font-weight: bold;
  color: #000;
}
.solution-public-sector .cloud-policy-box p {
  color: #000000;
  font-weight: 500;
}
.solution-public-sector .cloudSec h2 {
  color: #000;
}
.solution-public-sector .cloudSec .public-cloud-boxes {
  background: #fafafa;
}
.solution-public-sector .cloudSec .box-use-cases p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.solution-public-sector .cloudSec .box-use-cases .h4 {
  font-size: 18px;
  font-weight: 800;
}
.solution-public-sector .ecommerce-cases-box .h4 {
  font-size: 22px;
  font-weight: 600;
}
.solution-public-sector .ecommerce-cases-box p {
  color: #000;
  font-weight: 500;
}
.solution-public-sector .pubSec .h6 {
  font-size: 22px;
  font-weight: 500;
}
.solution-public-sector .pubSec .box-team-features p {
  line-height: 22px;
}
.teleport-img {
  width: 200px;
}

.cloud-policy-box {
  padding: 64px 32px;
  background-color: #ffffff;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1411764706);
}
.cloud-policy-box .img-container {
  width: 100%;
  height: 284px;
  background-color: #707070;
  border-radius: 8px;
}
.cloud-policy-box h3 {
  font-size: 32px;
}

.solution-sme .banner h1 {
  /* font-size: 52px; */
  font-weight: 500;
}
.solution-sme .product-box {
  min-height: 346px;
}
.solution-sme .product-box svg {
  width: 48px;
  height: 48px;
}
.solution-sme .product-box p {
  margin-top: 8px;
}

.solution-sme .marketplace-box img {
  max-height: 57px;
  width: 150px;
}

.solution-sme .marketplaceSec p {
  color: #000;
  font-weight: 500;
}
.solution-sme .marketplaceSec h2 {
  color: #000;
}
.solution-sme .productSec p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.solution-sme .productSec h2 {
  color: #000;
}
.solution-sme .product-box {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.solution-sme .team-features-slider .slick-slide {
  padding-bottom: 20px;
}
.solution-sme .kyeSec p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.solution-sme .kyeSec .box-team-features {
  background-color: #fafafa;
}
.solution-sme .box-use-cases {
  border-radius: 0;
}

.marketing-tab-btn button {
  width: 322.5px;
}
.marketing-tab-btn button.active {
  padding: 30px 25px !important;
}

.marketing-tab {
  background-color: #fff;
}
.marketing-tab h4 {
  color: #000000;
  line-height: 40px;
}
.marketing-tab p {
  font-size: 14px;
  color: #000000;
  line-height: 24px;
}

.marketing-partner-box {
  height: unset;
  min-height: unset;
}
.marketing-partner-box img {
  height: unset;
}

.solution-marketing .box-use-cases svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.solution-marketing .box-use-cases span.h4 {
  font-weight: 500 !important;
}
.solution-marketing .box-use-cases p {
  line-height: 22px;
}

.solution-education .box-team-features {
  min-height: unset;
  max-height: unset;
}
.solution-education .box-team-features h5 {
  font-weight: 500;
  line-height: 26px;
}
.solution-education .box-team-features p {
  line-height: 22px;
}
.solution-education .box-use-cases {
  padding: 24px;
}
.solution-education .box-use-cases svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.solution-education .box-use-cases .h4 {
  font-weight: 500;
}
.solution-education .box-use-cases p {
  line-height: 22px;
}

.cta-2 p {
  font-size: 20px;
  font-weight: 300;
  line-height: 27px;
}

.patnerPathBox .box-use-cases a {
  color: #c72026;
  text-decoration: none;
  font-family: "Inter";
  font-weight: 500;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-size: 16px;
}
.patnerPathBox .box-use-cases a svg {
  transform: translateY(-1px);
  width: unset;
  height: unset;
  margin-bottom: unset;
  margin-left: 5px;
  transition: all 0.5s ease;
}
.patnerPathBox .box-use-cases a:hover svg, .patnerPathBox .box-use-cases a:focus svg {
  transform: translateY(-1px) translateX(5px);
  transition: all 0.5s ease;
}

.sellingSec h3 {
  margin: 40px 0;
}

.forminner {
  padding: 40px 40px;
}
.forminner h4 {
  margin: 40px 0;
  font-weight: 500;
}
.forminner label {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
.forminner textarea {
  border: 1px solid #cacaca;
  background-color: #fafafa;
  border-radius: 4px;
  height: 120px;
}
.forminner input,
.forminner select {
  border: 1px solid #cacaca;
  background-color: #fafafa;
  border-radius: 4px;
  height: 44px;
}
.forminner input::placeholder,
.forminner select::placeholder {
  color: #4b4b4b;
}
.forminner input:focus,
.forminner select:focus {
  background-color: #fafafa;
  box-shadow: none;
  border: none;
}
.forminner .formFiled {
  margin-bottom: 25px;
}

.form-group {
  margin-bottom: 50px;
}
.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #c72026;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-group label {
  position: relative;
  cursor: pointer;
  font-size: 15px;
  color: #000000;
}
.form-group label:before {
  content: "";
  border-radius: 4px;
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 2px solid #cacaca;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.pricerange {
  position: relative;
}
.pricerange span {
  color: #cacaca;
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.pricerange input {
  padding-right: 50px;
}

.solution-marketplace .market-box {
  margin-bottom: 0 !important;
}

.rating h5 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
}

.marketplace-popular-box {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.featured-sec h2 {
  margin-bottom: 50px;
}
.featured-sec p {
  line-height: 22.4px;
}

.solution-marketplace .box-team-features p,
.solution-marketplace .box-use-cases p {
  margin-bottom: 16px;
  line-height: 22px;
}
.solution-marketplace .box-team-features h5,
.solution-marketplace .box-team-features span.h4,
.solution-marketplace .box-use-cases h5,
.solution-marketplace .box-use-cases span.h4 {
  font-weight: 500;
  line-height: 26px;
}
.solution-marketplace .featured-sec h3 {
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
}

.partner-listing-box {
  display: block !important;
}

.partner-listing-box img{
    width: 90px;
}

.partner-listing-box:not(:last-child) {
  margin-bottom: 16px;
}
.partner-listing-box .partner-box-content ul {
  padding: 0;
  margin: 0;
}
.partner-listing-box .partner-box-content ul li {
  list-style: none;
}
.partner-listing-box .partner-box-content ul li a {
  font-size: 14px;
}
.partner-listing-box .partner-box-content ul li p,
.partner-listing-box .partner-box-content ul li span {
  font-size: 14px;
  color: #777777;
}
.partner-listing-box .partner-box-content span {
  font-size: 9px;
  color: #777777;
  font-style: italic;
  text-align: left;
}
.partner-listing-box .partner-box-content .box-text {
  font-size: 10px;
  margin-bottom: 0;
  line-height: 16px;
  color: #000;
}

.solution-fmcg .box-use-cases {
  padding: 24px;
}
.solution-fmcg .box-use-cases span.h4 {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
}
.solution-fmcg .box-use-cases svg {
  width: 40px;
  height: 40px;
}
.solution-fmcg .box-use-cases p {
  line-height: 22px;
}
.solution-fmcg .segment-box svg {
  width: 72px;
  height: 72px;
}

.solution-financial .box-use-cases {
  padding: 24px;
}
.solution-financial .box-use-cases span.h4 {
  font-weight: 500;
}
.solution-financial .box-use-cases svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.solution-financial .box-use-cases p {
  line-height: 22px;
}
.solution-financial .box-team-features h5 {
  font-weight: 500;
  line-height: 26px;
}
.solution-financial .box-team-features p {
  line-height: 22px;
}

.solution-government .box-use-cases {
  padding: 24px;
}
.solution-government .box-use-cases .h4 {
  font-weight: 500;
}
.solution-government .box-use-cases svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.solution-government .box-use-cases p {
  line-height: 22px;
}

.solution-healthcare .box-use-cases {
  padding: 24px;
}
.solution-healthcare .box-use-cases .h4 {
  font-weight: 500;
}
.solution-healthcare .box-use-cases svg {
  width: 40px;
  height: 40px;
}
.solution-healthcare .box-use-cases p {
  line-height: 22px;
}
.solution-healthcare .segment-box svg {
  width: 72px;
  height: 72px;
}

.solution-industrial .box-use-cases {
  padding: 24px;
}
.solution-industrial .box-use-cases .h4 {
  font-weight: 500;
}
.solution-industrial .box-use-cases svg {
  width: 40px;
  height: 40px;
}
.solution-industrial .box-use-cases p {
  line-height: 22px;
}
.solution-industrial .box-team-features {
  padding: 24px;
}
.solution-industrial .box-team-features h5 {
  font-weight: 500;
}
.solution-industrial .box-team-features p {
  line-height: 22px;
}

.marketplace-use-box img {
  height: 216px !important;
}
.marketplace-use-box p {
  line-height: 20px;
}

.solution-partnerpath .box-use-cases {
  padding: 24px;
}
.solution-partnerpath .box-use-cases svg {
  width: 40px;
  height: 40px;
}
.solution-partnerpath .box-use-cases span.h4 {
  font-weight: 500;
}
.solution-partnerpath .box-use-cases p {
  line-height: 22px;
}
.solution-partnerpath .partner-path-box svg {
  width: 48px;
  height: 48px;
}
.solution-partnerpath .partner-build-box svg {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}
.solution-partnerpath .partner-build-box span.h4 {
  color: #000000;
  margin-bottom: 24px;
  font-weight: 600;
}

.video-box-fold video {
  width: 100%;
  height: 350px;
  border-radius: 8px;
  object-fit: cover;
}

.solutions-containers .box-use-cases .h4 {
  font-weight: 500;
}
.solutions-containers .box-use-cases p {
  line-height: 20px;
}

.whatsnew-video-sec a {
  font-size: 16px;
  font-weight: 400;
}
.whatsnew-video-sec .video-box video {
  width: 100%;
  height: 234px;
  border-radius: 8px;
  object-fit: cover;
}
.whatsnew-video-sec .video-box p {
  font-weight: 600;
}

.whatsnew-articles .blog-box span {
  font-weight: 400;
}

.cookie-modal {
  width: 820px;
  margin: 0 auto;
}
.cookie-modal.modal-content {
  border: none !important;
}
.cookie-modal .cookie-modal-body .modal-heading {
  padding: 20px;
  background-color: #fafafa;
}
.cookie-modal .cookie-modal-body .modal-heading p {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.cookie-modal .cookie-modal-body .modal-content {
  padding: 20px;
  overflow-y: scroll;
  height: 500px;
}
.cookie-modal .cookie-modal-body .modal-content p {
  font-size: 14px;
  line-height: 21px;
  color: #16191f;
  margin-bottom: 0;
}
.cookie-modal .cookie-modal-body .modal-content h6 {
  color: #16191f;
  font-weight: 500;
}
.cookie-modal .cookie-modal-body .modal-content .content-wrp {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.cookie-modal .cookie-modal-body .modal-content label {
  font-size: 14px;
  line-height: 16px;
  color: #16191f;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cookie-modal .cookie-modal-body .modal-content input {
  width: 14px;
  height: 14px;
}
.cookie-modal .cookie-modal-body .modal-content span {
  font-size: 12px;
  line-height: 15px;
  color: #687078;
}
.cookie-modal .cookie-modal-body .modal-btn {
  padding: 10px 20px;
  text-align: right;
}
.cookie-modal .cookie-modal-body .modal-btn button {
  margin-bottom: 0;
}

.cookie-card {
  position: fixed;
  bottom: 50px;
  right: -550px;
  max-width: 550px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.cookie-card .cookie-header {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.cookie-card .cookie-header svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  transform: translateY(-2px);
}
.cookie-card .cookie-header svg path {
  stroke: #c72026;
  stroke-width: 1px;
}
.cookie-card .cookie-header .h4 {
  color: #c72026;
  margin-bottom: 0;
}
.cookie-card .cookie-body {
  margin-top: 16px;
}
.cookie-card .cookie-body p {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.cookie-card .cookie-body p a {
  text-decoration: none;
  color: #c72026;
  transition: all 0.5s ease;
}
.cookie-card .cookie-body p a:hover, .cookie-card .cookie-body p a:focus {
  text-decoration: underline;
  transition: all 0.5s ease;
}
.cookie-card .cookie-footer {
  margin-top: 16px;
}
.cookie-card .cookie-footer a {
  margin-bottom: 0;
}
.cookie-card.show {
  left: 20px;
}

.customCssPage .col-6.col-sm-6.col-md-3.col-lg-3.col-xl-2 {
  flex: 20%;
}

/**********************************************
home page styling
**********************************************/
.home-page-v1 .blog-popular-slider .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
}
.home-page-v1 .blog-popular-slider .slick-list {
  overflow: hidden;
  /*important, allows overflow slides to be visible*/
}
.home-page-v1 .red-link {
  color: #c72026;
  text-decoration: underline;
}
.home-page-v1 .red-link:hover, .home-page-v1 .red-link:focus {
  color: #000000;
  transition: all 0.5s ease;
}
.home-page-v1 .red-link:hover svg path, .home-page-v1 .red-link:focus svg path {
  fill: #000000;
  transition: all 0.5s ease;
}

.hero-banner .h1 {
  font-size: 48px;
}
.hero-banner .schedular-img {
  max-width: 400px;
  margin-top: 100px;
  width: 100%;
  height: auto;
}
.hero-banner .xceleron-img {
  max-width: 330px;
  width: 100%;
  height: auto;
}

.silder-heading h3 {
  font-size: 32px;
}

.home-slider-box {
  min-height: 314px;
}
.home-slider-box img {
  height: 120px !important;
  margin-bottom: 0 !important;
}
.home-slider-box .box-blog-details {
  padding: 16px;
}
.home-slider-box .box-blog-details .h5 {
  color: #000000;
}
.home-slider-box .box-blog-details p {
  color: #000000;
  font-size: 14px;
  line-height: 22px;
}

.partner-bg {
  background-color: #fafafa;
}

.network-box {
  background-color: #cbcbcb;
  border-radius: 8px;
  background: url("../images/home/partner-network.png");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}
.network-box .bg-box {
  padding: 65px 75px;
  background-image: url(../images/section-images/home/partner-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.network-box .bg-box h3 {
  color: #ffffff;
}
.network-box .bg-box p {
  width: 363px;
  color: #ffffff;
}

.serBanner {
  margin-top: -225px;
}
.serBanner .slick-next {
  right: unset;
  left: -80px;
  top: 20%;
}
.serBanner .slick-prev {
  left: -130px;
  top: 20%;
}
.serBanner .slick-prev.slick-disabled svg rect,
.serBanner .slick-next.slick-disabled svg rect {
  fill: rgb(199, 32, 38);
  opacity: 0.6;
}
.serBanner .box-values {
  min-height: 290px;
}

.home-bg {
  min-height: 652px;
  max-height: 652px;
}
.home-bg .home-bg-wrp {
  padding: 150px 0 0 0;
}
.home-bg .home-bg-wrp h1 {
  margin-top: 0;
}

.hero-banner {
  position: relative;
}

.banner-navigations {
  text-align: center;
  margin: 0px auto;
  position: absolute;
  bottom: 200px;
  width: 100%;
  display: block;
}
.banner-navigations .slick-dot {
  cursor: pointer;
}
.banner-navigations .slick-dot span {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.3;
  transition: all 0.5s ease;
}
.banner-navigations .slick-dot.active span {
  opacity: 1;
  width: 28px;
  border-radius: 4px;
  transition: all 0.5s ease;
}

/* ============================= */
/* Slick dots – BASE (default)   */
/* Neutral, works on light BGs   */
/* ============================= */

/* dot container spacing */
.slick-dots li {
  margin: 0 6px;
}

/* button sizing */
.slick-dots li button {
  width: 25px;
  height: 25px;
}

/* neutral dot */
.slick-dots li button:before {
  font-size: 25px;
  color: #bfc3c8; 
  opacity: 0.35;
  transition: opacity 0.2s ease, transform 0.2s ease;
  text-shadow: 0 0 3px rgba(0,0,0,0.25);
}

/* active dot */
.slick-dots li.slick-active button:before {
  opacity: 0.85;
  transform: scale(1.1);
}

/* ============================= */
/* AUTO: grey-gradient sections */
/* Guaranteed dark background   */
/* ============================= */

.grey-gradient .slick-dots li button:before {
  color: #ffffff;
  opacity: 0.5;
  text-shadow: 0 0 4px rgba(0,0,0,0.45);
}

.grey-gradient .slick-dots li.slick-active button:before {
  opacity: 1;
}

/* ============================= */
/* OPT-IN: force white dots     */
/* For dark sections WITHOUT   */
/* grey-gradient class         */
/* ============================= */

.slick-dots-white .slick-dots li button:before {
  color: #ffffff;
  opacity: 0.5;
  text-shadow: 0 0 4px rgba(0,0,0,0.45);
}

.slick-dots-white .slick-dots li.slick-active button:before {
  opacity: 1;
}


.banner-navigations .slick-banner-prev,
.banner-navigations .slick-banner-next {
  width: 33px;
  height: 33px;
  cursor: pointer;
  display: inline-block;
  background: none;
  padding: 0;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.banner-navigations .slick-banner-prev svg {
  transform: rotate(-180deg);
}

.form-section .btn-link {
  text-decoration: underline;
  font-family: "Inter", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  font-size: 16px;
  cursor: pointer;
}
.form-section .btn-link:hover, .form-section .btn-link:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
.form-section .form-label {
  font-size: 12px;
  color: #6e6e6e;
  margin-bottom: 8px;
}
.form-section .form-control {
  box-shadow: none;
  outline: none;
  border: 1px solid #cacaca;
  border-radius: 4px;
  color: #4b4b4b;
  font-size: 16px;
}
.form-section .form-control:not(textarea) {
  height: 44px;
}
.form-section .form-select {
  height: 44px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  color: #4b4b4b;
  font-size: 16px;
  box-shadow: none;
}
.form-section .form-check {
  padding: 12px 12px 12px 25px;
  transition: all 0.5s ease;
}
.form-section .form-check .form-check-label {
  cursor: pointer;
  font-size: 14px;
  color: #000000;
}
.form-section .form-check .form-check-label span {
  opacity: 0.5;
}
.form-section .form-check .form-check-input {
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}
.form-section .form-check .form-check-input:checked {
  background-color: #c72026;
  border-color: #c72026;
}
.form-section .form-error,
.form-section .error {
  color: #c72026;
  font-size: 14px;
  display: block;
}
.form-section .has-error {
  border: 1px solid #c72026;
  transition: all 0.5s ease;
}
.form-section .is-validated {
  border: 1px solid green;
  transition: all 0.5s ease;
}
.form-section ::placeholder,
.form-section :-moz-placeholder,
.form-section ::-webkit-input-placeholder {
  color: #4b4b4b;
  font-size: 16px;
}
.form-section input::-webkit-outer-spin-button,
.form-section input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-section input[type=number] {
  -moz-appearance: textfield;
}

/* ========================================File upload List===================================== */
.list-files {
  margin-top: 20px;
  margin-bottom: 10px;
  list-style: none;
  padding-left: 0;
  position: relative;
}
.list-files .ellipsis {
  text-overflow: ellipsis; /* enables ellipsis */
}
.list-files li {
  display: inline-block;
  margin-right: 10px;
}
.list-files li .file-card {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  grid-gap: 15px;
  overflow: hidden;
  margin-bottom: 10px;
}
.list-files li .file-card .img-container {
  border: 1px solid #cbc9c9;
  padding: 10px;
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 8px;
}
.list-files li .file-card .img-container img {
  max-width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.list-files li .file-card .file-title,
.list-files li .file-card .file-size {
  display: block;
}
.list-files li .file-card .delete-button {
  background: none;
  border: none;
  text-decoration: underline;
  margin-top: 5px;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 45px;
}

/* ======================================== Newsletter ===================================== */
.newsletter-form-container {
  font-family: "Inter", sans-serif;
}
.newsletter-form-container input {
  background: #ffffff;
  color: #000000;
  min-height: 55px;
  border: 2px solid #ffffff;
  border-right: 0;
  outline: none;
  box-shadow: none;
  transition: all 0.5s ease;
}
.newsletter-form-container input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #ffffff;
  transition: all 0.5s ease;
}
.newsletter-form-container #newsletter::-webkit-input-placeholder {
  opacity: 1;
  color: #000000 !important;
}
.newsletter-form-container #newsletter::-ms-input-placeholder {
  opacity: 1;
  color: #000000 !important;
}
.newsletter-form-container #newsletter:-ms-input-placeholder {
  opacity: 1;
  color: #000000 !important;
}
.newsletter-form-container #newsletter::-moz-placeholder {
  opacity: 1;
  color: #000000 !important;
}
.newsletter-form-container #newsletter:-moz-placeholder {
  opacity: 1;
  color: #000000 !important;
}
.newsletter-form-container #newsletter::placeholder {
  opacity: 1;
  color: #000000 !important;
}
.newsletter-form-container button {
  min-height: 55px;
  border: 2px solid #ffffff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #ffffff;
}
.newsletter-form-container button:hover, .newsletter-form-container button:focus {
  background: #c72026;
  border: 2px solid #ffffff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

footer {
  background: #354356;
  padding: 80px 0;
}
footer .h6 {
  color: #ffffff;
  opacity: 0.8;
  font-size: 20px;
  margin-bottom: 24px;
  font-weight: 400;
  display: block;
}
footer .footer-list li {
  margin-bottom: 5px;
}
footer .footer-list li a {
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.44px;
  transition: all 0.5s ease;
  display: inline-block;
}
footer .footer-list li a:hover, footer .footer-list li a:focus {
  transform: translateX(5px);
  color: #c72026;
  transition: all 0.5s ease;
}
footer .list-social li {
  margin-right: 8px;
}
footer .list-social li a {
  transition: all 0.5s ease;
  display: inline-block;
}
footer .list-social li a:hover, footer .list-social li a:focus {
  transform: translateY(-5px);
}
footer .list-social li a:hover svg circle, footer .list-social li a:focus svg circle {
  opacity: 1;
  transition: all 0.5s ease;
}
footer .list-social li a:hover svg path, footer .list-social li a:focus svg path {
  fill: #c72026;
  transition: all 0.5s ease;
}
footer .row-copyrights p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 300;
}
footer .row-copyrights p a {
  color: #ffffff;
  transition: all 0.5s ease;
}
footer .row-copyrights p a:hover, footer .row-copyrights p a:focus {
  color: #c72026;
  transition: all 0.5s ease;
}
footer .row-copyrights .footer-list li {
  margin-right: 24px;
}
footer .row-copyrights .footer-list li a {
  font-size: 14px;
  font-weight: 300;
}
footer .row-copyrights .footer-list li a:hover, footer .row-copyrights .footer-list li a:focus {
  transform: translateX(3px);
}

.chat-footer {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-shadow: 0px 0px 8px #b1a6a6;
  cursor: pointer;
  transition: all 0.5s ease;
}
.chat-footer:hover, .chat-footer:focus {
  transform: scale(1.15);
  transition: all 0.5s ease;
}

/*======================
    404 page
=======================*/
.page_404 {
  padding: 40px 0;
  background: #fff;
}

.page_404 img {
  width: 100%;
}

.four_zero_four_bg {
  background-image: url("../images/404.gif");
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
}

.four_zero_four_bg h1 {
  font-size: 80px;
}

.four_zero_four_bg h3 {
  font-size: 80px;
}

.link_404 {
  color: #fff !important;
  padding: 10px 20px;
  background: #39ac31;
  margin: 20px 0;
  display: inline-block;
}

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

/* Search css dropdown*/

#search-results {
  max-height: 460px;
  overflow-y: auto;
  border-radius: 4px;
  margin-top: 50px;
  font-size: 14px;
  overflow-x: hidden;
  max-width: 400px;
}

.result-item strong{
  color: #c72026;
}

.result-item {
  padding: 9px 16px;
  cursor: pointer;
  width: 100%;
}

.result-item p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 14px;
  width: 100%;
}


.result-item:hover {
  background-color: #f0f0f0;
}

/* Search page css */
.custom-search-container {
  width: 70%;
  padding: 50px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .custom-search-container {
    width: 100%;
  }
}
  .custom-result-list {
      margin-top: 20px;
  }
  .custom-result-item {
      padding: 20px 15px;
      /* border-bottom: 1px solid #ddd; */
      cursor: pointer;
      width: 100%;
      transition-duration: 0.4s;
  }
  .custom-result-item:last-child {
      border-bottom: none;
  }
  .custom-result-item:hover {
      background-color: #f0f0f0;
  }
  .custom-result-item strong {
      color: #c72026;
  }
  .custom-result-item p {
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  /* SVG ICONS */
  .svg-icons-segments {
    max-height: 72px;
  }

  /* SVG ICONS */
  .svg-icons-benefits {
    max-height: 40px;
  }

  /* SVG ICONS */
  .svg-icons-bg {
    height: 48px;
  }

  .offset-xl-0-5 {
    margin-left:  3.33333333%
}

/************************************************
https://www.hobo-web.co.uk/best-screen-size/
*************************************************
Desktop
*************************************************
------------------------------   Banner
1	  2560×1440	    (7.41%)    |     ✓
2	  1920×1080	    (22.62%)   |     ✓
3	  1680×1050	    (4.28%)    |     ✓
4	  1792×1120	    (2.06%)    |     ✓
5 	1600×900      (1.87%)    |     ✓
6	  1536×864	    (8.60%)    |     ✓
7	  1440×900	    (9.55%)    |     ✓
8	  1366×768	    (11.20%)   |     ✓
9	  1280×800	    (2.33%)    |     ✓
10  1280×720	    (3.55%)    |     ✓

*************************************************
Tablets
*************************************************
768×1024 – 48.64%
1280×800 – 7.55%
800×1280 – 7.44%
601×962  – 4.5%
810×1080 – 4.41%
600×1024 – 2.95%

*************************************************
Mobile
*************************************************
414×816 – 14.51%
375×667 – 12.47%
375×812 – 7.21%
360×640 – 5.43%
412×915 – 5.18%
360×780 – 5.04%

***************************************************
sass --watch style.scss:style.css --style compressed
**************************************************/
@media (min-width: 1200px) {
  .theme-breadcrumbs .container {
    max-width: 1340px;
  }
}
@media (min-width: 1400px) {
  .theme-breadcrumbs .container {
    max-width: 1540px;
  }
  .blog-list .blog-box {
  flex-direction: row;
  align-items: center;
}
}
@media (max-width: 1440px) {
  .box-blog.feature-product-box {
    background-color: #fafafa;
  }
}
@media (max-width: 1367px) {
  .box-process p {
    font-size: 14px;
  }
  .support-box {
    min-height: 459px;
  }
  .box-blog .img-blog-cover {
    height: 205px;
  }
  .product-tabs .nav-product-tab button {
    padding: 30px 42px;
  }
}
@media (max-width: 1280px) {
  .box-product-details .product-bottom-details p {
    font-size: 14px;
  }
  .product-security .tabWidthsame .list-inline {
    flex-wrap: wrap;
  }
  .box-compliance-certificates p {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .product-description-section p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1199px) {
  .box-blog .img-blog-cover {
    height: auto !important;
    object-fit: contain;
    width: 100%;
  }
  .box-blog .box-blog-details {
    padding: 24px 10px 40px 10px;
  }
  .box-blog .box-blog-details .list-inline-item:not(:last-child) {
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  .resource-featured-box h3 {
    font-size: 25px;
    line-height: 31px;
  }
  .feature-sec .resource-featured-box a {
    font-size: 16px;
  }
  .feature-sec .resource-featured-box p,
  .general-box .box-blog-details p {
    width: auto;
  }
  .feature-sec .resource-featured-box h5,
  .product-box h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .box-team-features .icon-heading h4, .box-team-features .icon-heading .h4,
  .box-use-cases .h4 {
    font-size: 18px;
    line-height: 22px;
  }
  .box-team-features,
  .box-use-cases {
    padding: 32px 17px;
  }
  img#image1,
  img#image2,
  img#image3 {
    width: 100%;
  }
  .solution-marketing .product-tabs .tab-content img,
  .solution-fmcg .product-tabs .tab-content img,
  .solution-financial .product-tabs .tab-content img,
  .solution-government .product-tabs .tab-content img,
  .solution-healthcare .product-tabs .tab-content img {
    width: 100%;
  }
  .customCssPage .col-6.col-sm-6.col-md-3.col-lg-3.col-xl-2 {
    flex: 25%;
  }
  .silder-heading h3 {
    font-size: 24px;
    line-height: 30px;
  }
  footer .footer-list li a {
    font-size: 15px;
  }
  .sliderviewPoint {
    padding: 20px 0 50px 0;
  }
  .sliderviewPoint .slick-next {
    bottom: -35px;
    left: 49%;
    top: unset;
  }
  .sliderviewPoint .slick-prev {
    bottom: -35px;
    left: 44%;
    top: unset;
  }
  .team-features-slider .slick-next.slick-disabled svg rect, .team-features-slider .slick-prev.slick-disabled svg rect {
    fill: #ababab;
  }
  .box-cta-navbar svg {
    width: 100%;
  }
  .bg-insights-cta,
  .bg-cobolt-cta {
    background-position: 93%;
    background-repeat: no-repeat;
  }
  .img-locations.active {
    width: 60% !important;
    margin: 0 auto;
  }
  .page-careers .banner {
    min-height: unset;
    max-height: unset;
    padding: 0;
  }
  .page-careers video {
    position: unset;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .page-support table.table.table-hover.table-border.border-light {
    width: 800px;
  }
  .tabReverse img {
    margin-bottom: 20px;
  }
  .tabReverse .row {
    flex-direction: column-reverse;
  }
  .tabReverse .row.height-match {
    flex-direction: unset;
  }
  .box-products-features .icon-heading svg,
  .box-products-features .icon-heading .icon {
    flex-shrink: 0;
  }
  .p-b-100 {
    padding-bottom: 50px !important;
  }
  .p-t-50 {
    padding-top: 50px !important;
  }
  .particles-bg,
  .network-box,
  .bg-position-fix {
    background-attachment: unset;
  }
}
@media (max-width: 1024px) {
  .hero-banner .h1 {
    font-size: 40px;
    line-height: 52px;
  }
  h1,
  .h1 {
    font-size: 46px;
    line-height: 56px;
  }
  h2,
  .h2 {
    font-size: 36px;
    line-height: 46px;
  }
  .box-process p {
    font-size: 14px;
  }
  .box-process .h4 {
    margin-bottom: 30px;
  }
  .box-team-features p {
    font-size: 12px;
  }
  .marketing-tab img {
    width: 100%;
  }
  .product-tabs .nav-product-tab button {
    padding: 20px 24px !important;
    min-width: 232px;
  }
  .product-tabs .nav-product-tab button.active {
    padding: 20px 40px;
  }
  .rapid-masonry .grid-wrapper {
    grid-template-columns: unset;
    grid-auto-rows: unset;
  }
  .blog-banner .theme-breadcrumbs {
    position: relative;
    background: #000000;
  }
}
@media (max-width: 991.98px) {
  .box-cta-navbar svg {
   display: none;
  }
  .customCssPage .col-6.col-sm-6.col-md-3.col-lg-3.col-xl-2 {
    flex: 0 0 auto;
  }
  .box-team-features {
    margin-bottom: 20px;
  }
  .hero-banner .h1 {
    font-size: 30px;
    line-height: 40px;
  }
  main {
    margin-top: 0;
  }
  /* .team-features-slider .slick-prev {
    bottom: -80px;
    left: 42%;
    top: unset;
  }
  .team-features-slider .slick-next {
    bottom: -80px;
    right: 44%;
    top: unset;
  } */
  .network-box .bg-box {
    background-size: 70% 100%;
  }
  h1,
  .h1 {
    font-size: 36px;
    line-height: 46px;
  }
  h2,
  .h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .serBanner {
    margin-top: -225px;
    padding: 50px 0;
  }
  .serBanner .slick-next {
    bottom: -35px;
    left: 51%;
    top: unset;
  }
  .serBanner .slick-prev {
    bottom: -35px;
    left: 44%;
    top: unset;
  }
  .solution-sec .silder-heading {
    margin-top: 100px;
  }
  .solution-education .box-team-features {
    margin-bottom: 20px;
  }
  .sliderviewPoint {
    padding: 20px 0 50px 0;
  }
  /* .sliderviewPoint .slick-next {
    bottom: -35px;
    left: 51%;
    top: unset;
  }
  .sliderviewPoint .slick-prev {
    bottom: -35px;
    left: 43%;
    top: unset;
  } */
  .bg-insights-cta,
  .bg-cobolt-cta {
    background-position: unset;
  }
}
@media (max-width: 769.98px) {
  .teleport-img {
    width: 130px;
  }
  
  h1,
  .h1 {
    font-size: 34px;
    line-height: 44px;
  }
  h2,
  .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  h3,
  .h3 {
    font-size: 24px;
    line-height: 34px;
  }
  .banner {
    max-height: unset;
  }
  .box-team-features {
    max-height: unset;
  }
  .box-support-features {
    max-height: unset;
  }
  .banner-heading {
    margin-top: 130px !important;
  }
  .career-list .career-box {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }
  .career-list .career-box span.date-posted,
  .career-list .career-box span.last-updated,
  .career-list .career-box span {
    text-align: left;
  }
  .each-stage-box .img-container {
    width: 100%;
    margin-top: 24px;
  }
  .solution-startup .ecommerce-cases-box {
    min-height: 248px;
  }
  .network-box .bg-box {
    padding: 40px 20px;
    background: rgba(167, 3, 4, 0.76);
  }
  .network-box .bg-box p {
    width: 100%;
  }
  .solution-sec .silder-heading {
    margin-top: 100px;
  }
  .sellingSec h3 {
    margin: 20px 0;
  }
  .forminner {
    padding: 20px;
  }
  .forminner h4 {
    margin: 20px 0;
  }
  .market-box {
    margin-bottom: 16px;
  }
  .featured-sec h2 {
    margin-bottom: 16px;
  }
  .featured-sec img {
    margin-top: 20px;
  }
  .partner-listing-box {
    padding: 16px !important;
  }
  .partner-listing-box img {
    display: none;
  }
  .partner-listing-box .main-box {
    flex-direction: column;
    align-items: start !important;
  }
  .partner-listing-box .main-box .partner-box-content {
    margin-top: 16px;
  }
  .product-security .tabWidthsame .list-inline {
    justify-content: center;
  }
  .box-process.footer-process {
    /* min-height: 310px;  */
    max-height: 310px;
  }
  header .mobile-menu .navbar .navbar-brand:after {
    left: 40px;
  }
}
@media (max-width: 575.98px) {
  .home-page-v1 .hero-banner {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  
  section {
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner .container {
    padding-left: 22px;
    padding-right: 22px;
  }
  footer .container {
    padding-left: 22px ;
    padding-right: 22px;
  }
  .btn-theme.btn-medium {
    padding: 10px 25px;
  }
  .box-blog .img-blog-cover {
    object-fit: cover;
  }
  .product-pills .list-inline .list-inline-item {
    display: block;
  }
  .product-pills .btn-pills {
    display: block;
    width: 100%;
  }
  .pill-bar-products .list-inline .list-inline-item {
    display: block;
  }
  .pill-bar-products .pill-buttons {
    display: block;
    width: 100%;
  }
  .serBanner {
    margin-top: unset;
    padding: 50px 0;
  }
  .serBanner .slick-next {
    bottom: -35px;
    left: 55%;
    top: unset;
  }
  .serBanner .slick-prev {
    bottom: -35px;
    left: 40%;
    top: unset;
  }
  .solution-sec .silder-heading {
    margin-top: 100px;
  }
  .blog-popular-controls {
    margin: 0 auto;
    text-align: center;
  }
  .hero-banner .banner-navigations {
    bottom: 30px;
  }
  .sliderviewPoint {
    padding: 20px 0 50px 0;
  }
  .sliderviewPoint .slick-next {
    bottom: -35px !important;
    left: 51%;
    top: unset;
  }
  .sliderviewPoint .slick-prev {
    bottom: -35px !important;
    left: 39% !important;
    top: unset;
  }
}
@media (max-width: 375px) {

}
@media (max-width: 319px) {
  .solution-sec .silder-heading {
    margin-top: 100px;
  }
  .feature-sec .resource-featured-box {
    padding: 24px;
    height: unset !important;
  }
  .feature-sec .resource-featured-box .d-flex {
    flex-direction: column;
  }
  .feature-sec .resource-featured-box .d-flex div {
    margin-bottom: 8px;
  }
}

/*# sourceMappingURL=main.css.map */

/* Custom CSS */
.w-15 {
  width: 15%
}

.banner-bg{
  background-position: center 75% !important;
}

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

.pill-bar-products .pill-buttons {
  padding: 12px 15px;
  background: #f5f5f5;
  color: #c72026;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  font-size: 16px;
  margin-bottom: 20px;
  display: inline-block;
  transition: all 0.5s ease;
}

.pill-bar-products .pill-buttons:hover, .pill-bar-products .pill-buttons:focus, .pill-bar-products .pill-buttons.active {
  background: #c72026;
  color: #ffffff;
  border: 1px solid #c72026;
  transition: all 0.5s ease;
}

.pill-bar-subtext{
  font-size: 14px;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.auto-overflow-300{
  max-height: 300px;
  overflow: auto;
}

/* FAQ CSS */

.page-topic-item{
  border-top: 1px solid rgb(190, 190, 190);
  transition: background-color 0.5s ease;
}

.page-topic-item:hover{
  background-color: #ececec;
}

.page-topic-item .topic-faq-count{
  border-radius: 5px;
  max-height: 26px;
  background-color: #C72026;
  color: #fff;
  transition: background-color 0.5s ease;
}
.page-topic-item:hover .topic-faq-count{
  border-radius: 5px;
  background-color: #354356;
  color: #fff;
  
}

/* For "+" and "-" icon of FAQ collapse */
.toggleIcon{
  font-size: 22px;
}

.btn-multiCollapse{
  background: none;
  border: none;
  border-bottom: 2px solid #C72026;
  color: #C72026;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  height: 30px; 
}

.glossary-hrefs a{
  color: #C72026;
}

.glossary-hrefs a:hover{
  color: #841619;
}

.banner-text, .banner-text *{
  text-transform: none;
}

.homepage-feature-img{
  max-height:53px;
}

.banner-flex{
  display: flex;
  align-items: center;
}

.breadcrumbs-top{
  position: absolute;
  top: 0;
  width: 100%;
}

/* Scroll to top button */
.scroll-to-top {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #c40812;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background: linear-gradient(135deg, #c40812, #e50914);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    box-shadow: 0 8px 32px rgba(196, 8, 18, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    
    z-index: 1000;
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(196, 8, 18, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.scroll-to-top:active {
    transform: translateY(-2px);
    transition: all 0.15s ease;
}

/* This is to make sure all cards are the same height on the whats new page*/
/* Make slick track flex */
#knowledge-center-slider1 .slick-track {
    display: flex;
}

/* Make each slide equal height */
#knowledge-center-slider1 .slick-slide {
    height: auto;
    display: flex;
    margin-bottom: 15px;
}

/* Stretch your card */
#knowledge-center-slider1 .box-knowledge {
    display: flex;
    flex-direction: column;
    height: 100%;
}