@charset "utf-8";
/* CSS Document */
body {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
}
a,
a:hover {
  color: #f707d2;
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
}
.containpadding {
  padding: 0 70px;
}
.container-custome {
  margin-left: auto;
  margin-right: 80px;
  max-width: 75%;
}
.mt-50 {
  margin-top: 50px;
}
/*header*/

/* @keyframes slide-down1 {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
} */

.header.sticky {
  position: fixed;
  top: 0;
  z-index: 2;
  transition: 0.5s;
}

.header {
  width: 100%;
  z-index: 2;
  top: 0;
  position: fixed;
  background-color: #ffffff;
  padding: 30px;
}
.main-menu .navbar-collapse {
  position: absolute;
  right: -50%;
  top: 150px;
  background-color: #ffffff;
  border: 4px solid #000000;
  transition: 0.2s;
  height: auto !important;
  opacity: 0;
  visibility: hidden;
}
.main-menu .navbar-collapse.show {
  right: 0;
  opacity: 1;
  visibility: visible;
}
/* .menu .main-menu ul li a:hover,
.menu .main-menu ul li.active a {
  color: #f707d2;
  background-color: transparent;
} */
.menu .main-menu ul li a {
  font-size: 36px;
  color: #000000;
  font-weight: 600;
  transition: 0.5s;
  margin: 0;
  padding: 0 30px;
  display: inline-block;
}
.menu .main-menu ul li ul li a {
  font-size: 18px;
  padding: 0 14px;
}
.menu .main-menu ul li.nav-item.item-color-1 a:hover {
  color: #009681;
}
.menu .main-menu ul li.nav-item.item-color-2 a:hover {
  color: #a5634d;
}
.menu .main-menu ul li.nav-item.item-color-3 a:hover {
  color: #ceb964;
}

.menu .main-menu ul li ul {
  background-color: transparent;
  top: 56px;
  left: auto;
  margin-left: 17px;
  position: absolute;
  border: 0;
}

.dropdownli {
  display: none;
}

.menu .main-menu ul li ul li {
  display: inline-block;
}
button.navbar-toggler {
  position: absolute;
  right: 0;
  border-radius: 7px;
  width: auto;
  height: auto;
  padding: 0;
  outline: 0 !important;
  box-shadow: none !important;
}
button.navbar-toggler i {
  color: #000000;
  font-size: 70px;
  line-height: 0.7;
  transform: rotate(270deg);
  transition: 0.5s;
}
button.navbar-toggler.collapsed i {
  transform: rotate(0deg);
}
.main-menu .navbar-nav {
  flex-direction: row;
  padding: 20px 30px;
  position: relative;
}

.menu .main-menu ul li a:hover {
  color: #f707d2;
}

/* header */
.bg-black {
  background-color: #000000;
}
.v-100 {
  height: 100vh;
  min-height: 480px;
}
.down-arrow {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}
.down-link {
  -webkit-animation: blink 0.6s linear infinite;
          animation: blink 0.6s linear infinite;
  display: inline-block;
  transform: translateY(10px);
}

@-webkit-keyframes blink {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}

@keyframes blink {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}

/*Vertical Sliding*/
.banner-text h1 {
  font-size: 54px;
  margin: 0;
  font-weight: 600;
  display: flex;
  justify-content: center;
  width: 0;
  text-align: center;
  padding-right: 22vw;
}
.sentence span {
  white-space: nowrap;
}
.slidingVertical {
  display: inline;
  text-indent: 8px;
}
#spin:after {
  content: "";
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}
span#spin {
  width: 0;
  display: inline-block;
}
/* @keyframes spin {
  0% { content:"impactful.";  color: #f707d2;}
  30% { content:"impactful.";  color: #f707d2;}
   31% { content:"compelling.";color: #f79407;}
  60% { content:"compelling.";color: #f79407;}
   61% { content:"breakthrough."; color: #07f7e3;}
  100% { content:"breakthrough."; color: #07f7e3;}
}
@-moz-keyframes spin {
  0% { content:"impactful.";  color: #f707d2;}
  30% { content:"impactful.";  color: #f707d2;}
   31% { content:"compelling.";color: #f79407;}
  60% { content:"compelling.";color: #f79407;}
   61% { content:"breakthrough."; color: #07f7e3;}
  100% { content:"breakthrough."; color: #07f7e3;}
}
@-webkit-keyframes spin {
  0% { content:"impactful.";  color: #f707d2;}
  30% { content:"impactful.";  color: #f707d2;}
   31% { content:"compelling.";color: #f79407;}
  60% { content:"compelling.";color: #f79407;}
   61% { content:"breakthrough."; color: #07f7e3;}
  100% { content:"breakthrough."; color: #07f7e3;}
}
@-ms-keyframes spin {
  0% { content:"impactful.";  color: #f707d2;}
  30% { content:"impactful.";  color: #f707d2;}
   31% { content:"compelling.";color: #f79407;}
  60% { content:"compelling.";color: #f79407;}
   61% { content:"breakthrough."; color: #07f7e3;}
  100% { content:"breakthrough."; color: #07f7e3;}
} */

.slidingVertical span {
  position: absolute;
  transition: 0.5s;
}
#spin1 {
  -webkit-animation: spin1 5s linear infinite;
          animation: spin1 5s linear infinite;
  visibility: hidden;
}
@-webkit-keyframes spin1 {
  0% {
    visibility: visible;
    color: #f707d2;
  }
  30% {
    visibility: visible;
    color: #f707d2;
  }
  31% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes spin1 {
  0% {
    visibility: visible;
    color: #f707d2;
  }
  30% {
    visibility: visible;
    color: #f707d2;
  }
  31% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
#spin2 {
  -webkit-animation: spin2 5s linear infinite;
          animation: spin2 5s linear infinite;
  visibility: hidden;
}
@-webkit-keyframes spin2 {
  33% {
    visibility: hidden;
  }
  34% {
    visibility: visible;
    color: #f79407;
  }
  58% {
    visibility: visible;
    color: #f79407;
  }
  59% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes spin2 {
  33% {
    visibility: hidden;
  }
  34% {
    visibility: visible;
    color: #f79407;
  }
  58% {
    visibility: visible;
    color: #f79407;
  }
  59% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
#spin3 {
  -webkit-animation: spin3 5s linear infinite;
          animation: spin3 5s linear infinite;
  visibility: hidden;
}
@-webkit-keyframes spin3 {
  60% {
    visibility: hidden;
  }
  64% {
    visibility: visible;
    color: #07f7e3;
  }
  90% {
    visibility: visible;
    color: #07f7e3;
  }
  91% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes spin3 {
  60% {
    visibility: hidden;
  }
  64% {
    visibility: visible;
    color: #07f7e3;
  }
  90% {
    visibility: visible;
    color: #07f7e3;
  }
  91% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}

/* .slidingVertical span {
  animation-name: topToBottom;
  -ms-animation-name: topToBottom;
  -webkit-animation-name: topToBottom;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  color: #f707d2;
  visibility: hidden;
  position: absolute;
} */
/* .slidingVertical span:nth-child(1) {
  animation-delay: 0s;
  -ms-animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
.slidingVertical span:nth-child(2) {
  animation-delay: 2s;
  -ms-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  color: #f79407;
}
.slidingVertical span:nth-child(3) {
  animation-delay: 4s;
  -ms-animation-delay: 4s;
  -webkit-animation-delay: 4s;
  color: #07f7e3;
} */
/* .slidingVertical span:nth-child(4) {
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
  color: #ebda1e;
} */
/*
.slidingVertical span:nth-child(5) {
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
} */

/*topToBottom Animation*/
/* @-moz-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;

  }
  10% {
    opacity: 1;

  }
  25% {
    opacity: 1;

  }
  30% {
    opacity: 0;

  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
} */
/* @-webkit-keyframes topToBottom {
  0% {
    visibility: hidden;
  }

  50% {
     visibility: visible;

  }
   51% {
     visibility: hidden;

  }
  100% {
    visibility: hidden;
  }
} */
/* @-ms-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;

  }
  10% {
    opacity: 1;

  }
  25% {
    opacity: 1;

  }
  30% {
    opacity: 0;

  }
  80% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
} */

.title {
  color: #000000;
  font-size: 56px;
  font-weight: 600;
  margin-bottom: 0;
}

.title-block {
  padding-bottom: 70px;
}

.viewwork-section {
  position: relative;
  overflow: hidden;
}

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s ease-in-out;
}
.image-position {
  position: relative;
  overflow: hidden;
}
.image-position .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  transform: scale(1);
}
.image-position:hover .bg-image {
  transform: scale(1.02);
}
.bascom-main-img.image-position:hover .bg-image {
  transform: scale(1);
}
/* .bg-image:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  mix-blend-mode: color-burn;
  opacity: 0;
  transition: 0.9s ease-in-out;
}
.bg-image:hover:before {
  opacity: 1;
}
*/
.service-box {
  position: absolute;
  bottom: 60px;
}

.down-white {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  top: 0;
  border: 0;
}

.service-title {
  font-size: 63px;
  color: #ffffff;
  margin: 0;
}

.service-title span {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 73px;
}

.button-link {
  background-color: #000000;
  color: #ffffff;
  padding: 4px 20px;
  font-size: 40px;
  font-weight: 600;
  border: 10px solid #ffffff;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
}
.button-link:hover {
  color: #ffffff;
  border-color: #f707d2;
}

/* .button-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #f707d2;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.5s;
} */
.button-link.pink-border:before {
  background-color: transparent;
}
.button-link.pink-border:hover {
  border-color: #f707d2;
}
.button-link:hover:before {
  top: 0;
}
.service-title-block {
  margin-top: 10px;
}

.seemore .title {
  font-size: 20px;
}

.seemore .title-block {
  padding-bottom: 50px;
}
.awarded-slider .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border: 1px solid #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.awarded-slider .owl-prev {
  left: 0;
  display: flex;
}
.awarded-slider .owl-next {
  right: 0;
  display: flex;
}
.awarded-slider .owl-prev i,
.awarded-slider .owl-next i {
  margin: auto;
}
.awarded-slider.owl-carousel.off {
  display: block;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
}

.awardlist {
  width: 16%;
  display: inline-block;
  padding: 0 20px;
}

.awardlist img {
  width: 100%;
}

.seemore-title {
  text-align: center;
  border-bottom: 2px solid #000000;
  display: inline-block;
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 50px;
}

/* Footer */

.footer-block {
  padding: 85px 0;
  text-align: center;
}
.footer-block p {
  font-size: 26px;
  margin: 0;
}

.social-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-list ul li {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  margin: 0 7px;
  text-align: center;
  line-height: 60px;
  border-radius: 100px;
  font-size: 34px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.social-list ul li:before,
.team-info ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #f707d2;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.social-list ul li:hover:before,
.team-info ul li:hover:before {
  top: 0;
}
.social-list ul li:hover a {
  color: #ffffff;
}
.social-list ul li:hover a img {
  filter: brightness(1) invert(1);
}

.social-list ul li a {
  color: #000000;
  transition: 0.5s;
}
.social-list ul li a img {
  padding-bottom: 5px;
  width: 100%;
}

/* Footer */

.container-fluid-1440 {
  max-width: 1440px;
}
.team-info ul,
.sponser-ul ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}

.team-info ul li {
  margin: 0 10px;
}
.learn-more {
  padding: 80px 0;
  position: relative;
}

.about-team {
  position: relative;
}
.vission-box h3,
.about-title h3 {
  font-size: 55px;
}
.about-title h3 {
  font-weight: 300;

  margin-bottom: 25px;
}
.about-title h3 strong,
.vission-box h3,
.about-title h4 {
  font-weight: 600;
  letter-spacing: 0.6px;
}
.about-title h4 {
  font-size: 44px;
  margin-bottom: 50px;
}
.about-text-block p,
.vission-box p,
.about-ul li {
  font-size: 31px;
  line-height: 46px;
}
.about-text-block p {
  margin-bottom: 50px;
}
.about-text-block p:last-child {
  margin-bottom: 0;
}
.vission-box p {
  margin-bottom: 0;
}

.team-person img {
  border: 10px solid #ffffff;
  border-radius: 100%;
  max-width: 608px;
  width: 100%;
}

.team-box {
  padding: 20px 40px;
}

.team-info h3 {
  font-size: 41px;
  margin-top: 50px;
  font-weight: 600;
}

.team-info p {
  font-size: 34px;
  font-weight: 300;
}

.about-ul li {
  width: 33.33%;
  text-align: left;
  list-style: none;
  position: relative;
  padding: 4px 0;
}

.about-ul ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto 60px;
  justify-content: center;
}
.about-ul li:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  content: "";
  left: -20px;
  top: 21px;
  border-radius: 100px;
}

.sponser-ul li {
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  list-style: none;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  padding: 10px;
  line-height: 60px;
  margin: 10px;
}
.sponser-ul li img {
  width: 100%;
}

.vission-box {
  max-width: 410px;
  margin: 0 auto;
  width: 100%;
}

.about-page {
  padding-left: 30px;
  padding-right: 30px;
}

.contact-page {
  height: calc(100vh - 209px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact-info h1 {
  font-size: 68px;
  font-weight: 600;
  margin: 0 0 60px;
}

.contact-info .info-mail {
  color: #ffffff;
  font-size: 34px;
  display: inline-block;
  padding: 0 0 3vw;
  transition: 0.5s;
}

.contact-info .info-mail:hover {
  color: #f707d2;
}

/* Work */
.container-75 {
  max-width: calc(100% - 283px);
}
.container-90 {
  max-width: calc(100% - 175px);
}
.width-1330 {
  width: 100%;
  max-width: calc(100% - 10%);
  margin: 0 auto;
}
.work-group .work-section {
  margin-bottom: 75px;
}
.work-group .work-section:last-child {
  margin-bottom: 0;
}
.work-section {
  position: relative;
  overflow: hidden;
  padding: 0 30px;
}

.work-box {
  position: absolute;
  bottom: 30px;
}
.work-title-block {
  margin-top: 10px;
}
.work-title {
  font-size: 54px;
  color: #ffffff;
  margin: 0;
}
.work-title span {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 62px;
}
.latest-box:hover {
  transition: 0.4s ease-in-out;
}
.latest-img {
  position: relative;
}

.latest-img a {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
  padding: 5px 14px;
  font-size: 19px;
  font-weight: 600;
}

.latest-text {
  text-align: center;
  border: 2px solid #000000;
  transition: 0.4s ease-in-out;
}

.latest-text h3 {
  margin: 0;
}

.latest-text h3 a {
  color: #000000;
  padding: 20px 20px;
  font-size: 28px;
  margin: 0;
  font-weight: 600;
  display: block;
}
.latest-box:hover .latest-text h3 {
  color: #ffffff;
}
.latest-box:hover .latest-text {
  background-color: #000000;
}
.latest-box:hover .latest-text h3 a {
  color: #ffffff;
}
.cyberwar-img {
  text-align: center;
  position: relative;
}

.cyberwar h1 {
  /* color: #f9050b; */
  /* font-size: 81px; */
  /* font-weight: 900; */
  /* text-transform: uppercase; */
  /* display: inline-block; */
  margin: 0;
  /* font-family: "Antenna"; */
}

.cyberwar-ul {
  width: 100%;
}

.cyberwar-ul {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 10vw;
}

.left-img {
  float: left;
}

.right-img {
  float: right;
}

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

.cyberwar-ul ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.cyber-title h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  margin-bottom: 40px;
}

.cyber-text-block h4 {
  font-size: 35px;
  line-height: 37px;
  margin-bottom: 40px;
}

.cyber-text-block p {
  font-size: 25px;
  line-height: 41px;
  margin-bottom: 0;
}
.cyber-video {
  position: relative;
}

.cyber-video .video-js,
.bg-video video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.main-video-slider iframe,
.main-video-slider video{
  width: 100%;
  height: 43vw;
}

.main-video-slider .slick-slide img {
  position: absolute;
  top: 0px;
  left: 10px;
}

.main-video-slider .slick-slide {
  position: relative;
}

.main-video-slider button.slide-arrow.slick-arrow {
  border: 0;
  background-color: transparent;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
  margin: 0 10px;
}

.main-video-slider .slick-arrow img {
  opacity: 1;
  width: 34px;
  padding: 5px;
}

.main-video-slider button.slide-arrow.next-arrow.slick-arrow {
  right: 0;
}

.bg-video video {
  -o-object-fit: cover;
     object-fit: cover;
}
.result-ul li {
  list-style: none;
}
.result-ul h3 {
  text-align: center;
  border-bottom: 2px solid #000000;
  display: inline-block;
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 90px;
  margin: 60px 50px;
  transition: 0.5s;
}
.result-ul h3 a,
.seemore-title a {
  color: #000000;
  transition: 0.5s;
}
.result-ul h3:hover a,
.seemore-title:hover a {
  color: #f707d2;
}

.result-ul h3:hover,
.seemore-title:hover {
  border-color: #f707d2;
}

.cyber-text-block img {
  padding-bottom: 50px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-size: contain;
  opacity: 1;
  width: 50px;
  height: 50px;
}
.carousel-control-prev.black-arrow {
  width: 50%;
  justify-content: center;
}
.carousel-control-next.black-arrow {
  width: 50%;
     justify-content: center;
}
.carousel-control-next{
    width: 50%;
    justify-content: end;
    margin-right: 4px;
    opacity: 1;
}
.carousel-control-prev {

    width: 50%;
    justify-content: start;
    margin-left: 4px;
    opacity: 1;
}
.black-arrow > .carousel-control-prev-icon {
  background-image: url("../img/black-left-arrow.png");
  background-size: 12px;
}
.black-arrow > .carousel-control-next-icon {
  background-image: url("../img/black-right-arrow.png");
  background-size: 12px;
}
.carousel-control-prev-icon {
  background-image: url("../img/left-arrow.png");
}
.carousel-control-next-icon {
  background-image: url("../img/right-arrow.png");
}
/* video */

a.lightbox img {
  height: 150px;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  transition: 0.5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.example-image-link {
  position: absolute;
  bottom: 20px;
  z-index: 11;
  background-color: #000000;
  width: 50px;
  height: 50px;
  outline: 4px solid #ffffff;
  right: 30px;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
}

.example-image-link:hover {
  outline-color: #f707d2;
  color: #ffffff;
}

/* Fliping */

.flipping-img {
}

.flipping-img {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.flipping {
  position: relative;
}

.flipping-img img.d-inline-block.d-block.w-100 {
  width: 100px;
}

.flipping-img h1 {
  font-size: 3.2vw;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  padding-top: 40px;
  margin: 0;
}

.flipping-img img.d-inline-block {
  width: 22.7vw;
}

.flipping-img .cyberwar-ul,
.flipping-img h1 {
  padding-bottom: 40px;
}

.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 18px;
  transform: translateY(-50%);
}

.owl-nav .owl-prev {
  float: left;
}

.owl-nav .owl-next {
  float: right;
}

/* Fliping */

/* Bascom */

.bascomlogo img {
  width: 21vw;
}
.bascom-logo {
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 205px;
}

.bascom-title {
  font-size: 36.5px;
  color: #fff;
  font-weight: 600;
}

.bascom-title-block {
  position: absolute;
}

.bascom-main-img-1 .bascom-title-block {
  top: 11vw;
  right: 33vw;
}

.bascom-main-img-2 .bascom-title-block {
  right: 6vw;
  top: 18vw;
}

.bascom-main-img-3 .bascom-title-block {
  top: 12vw;
  right: 6vw;
}

.cyber-text-block h4 a {
  color: #a5634d;
  border-bottom: 2px solid;
}
.cyber-images img.w-100.padding-70:last-child {
  padding-bottom: 0;
}

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

/* Bascom */

@media only screen and (min-width: 992px) {
  /* header */
  .main-menu li:hover ul {
    display: block;
    top: calc(100% - 1px);
  }
  .main-menu li:hover ul li ul {
    display: none;
  }
  .main-menu li:hover ul li:hover ul {
    display: block;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    width: auto;
    right: 40px !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 12px;
    padding-left: 12px;
  }
  li.nav-item.nav-item-center {
    position: relative;
  }

  .menu .main-menu ul .nav-item-center ul.dropdown-menu {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 37px;
  }
  /* header */
  .right-img a {
    width: 100%;
    display: inline-block;
    text-align: right;
  }
}

@media only screen and (max-width: 1399px) {
  .header {
    padding: 20px;
  }
  .main-menu .navbar-collapse {
    top: 140px;
  }
  button.navbar-toggler i {
    font-size: 60px;
  }
  .banner-text h1 {
    font-size: 40px;
  }
  .down-link img {
    width: 90px;
  }
  .title {
    font-size: 40px;
  }
  .title-block {
    padding-bottom: 50px;
  }
  .button-link {
    padding: 6px 24px;
    font-size: 34px;
    border: 8px solid #ffffff;
  }
  .service-title,
  .work-title {
    font-size: 45px;
  }
  .service-title span,
  .work-title span {
    font-size: 53px;
  }
  .down-white {
    padding: 50px;
  }
  .seemore-title {
    font-size: 38px;
    margin-bottom: 50px;
  }
  .footer-block {
    padding: 50px 0;
  }
  .footer-block p {
    font-size: 20px;
  }
  .social-list ul li {
    width: 50px;
    height: 50px;
    margin: 0 14px;
    line-height: 50px;
    font-size: 26px;
  }
  .about-title h3 {
    font-size: 36px;
  }
  .about-title h4 {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .about-text-block p {
    margin-bottom: 40px;
  }
  .about-text-block p,
  .vission-box p,
  .about-ul li {
    font-size: 20px;
    line-height: 30px;
  }
  .team-person img {
    border: 6px solid #ffffff;
    max-width: 380px;
  }
  .team-info h3 {
    font-size: 32px;
    margin-top: 30px;
  }
  .team-info p {
    font-size: 24px;
    font-weight: 300;
  }
  .about-ul ul {
    margin: 0 auto 30px;
  }
  .about-ul li {
    width: 30%;
  }
  .about-ul li:before {
    width: 6px;
    height: 6px;
    left: -15px;
    top: 15px;
  }
  .vission-box h3,
  .about-title h3 {
    font-size: 40px;
  }
  .contact-page {
    height: calc(100vh - 130px);
  }
  .contact-info h1 {
    font-size: 48px;
    margin: 0 0 30px;
  }
  .contact-info .info-mail {
    font-size: 28px;
    padding: 0 0 2.5vw;
  }
  .latest-text h3 a {
    font-size: 20px;
  }
  .work-group .work-section {
    margin-bottom: 50px;
  }
  .latest-img a {
    padding: 5px 14px;
    font-size: 16px;
    font-weight: 500;
  }
  .cyberwar h1 {
    font-size: 45px;
  }
  .cyber-title h3 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 40px;
  }
  .cyber-text-block p {
    font-size: 20px;
    line-height: 1.6;
  }
  .cyber-text-block h4 {
    font-size: 30px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  .video-js .vjs-big-play-button {
    height: 120px;
    width: 120px;
  }
  .result-ul h3 {
    font-size: 24px;
    margin: 30px;
  }
  .bascom-title {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 1199px) {
  .viewwork-section img {
    height: 650px;
  }
  .title {
    font-size: 34px;
  }
  .awardlist {
    width: 18%;
    padding: 0 10px;
  }
  .down-link img {
    width: 70px;
  }
  .vission-box h3,
  .about-title h3 {
    font-size: 28px;
  }
  .about-text-block p,
  .vission-box p,
  .about-ul li,
  .cyber-text-block p {
    font-size: 18px;
    line-height: 1.4;
  }
  .container-75 {
    max-width: 85%;
  }
  .container-90 {
    max-width: 94%;
  }
  .latest-text h3 a {
    font-size: 16px;
    padding: 12px 6px;
  }
  .cyber-title h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .cyber-text-block h4 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .video-js .vjs-big-play-button {
    height: 80px;
    width: 80px;
  }
  .result-ul h3 {
    font-size: 20px;
  }
  .cyberwar-img {
    padding: 0 0 40px;
  }
  .owl-nav img {
    width: 30px;
  }
  .main-video-slider iframe,
  .main-video-slider video{
    height: 47vw;
  }
}

@media only screen and (max-width: 991px) {
  .padding-70 {
    padding-bottom: 40px;
  }
  .cyber-title h3 br {
    display: none;
  }
  /* header */

  .header {
    padding: 10px 0;
  }
  button.navbar-toggler i {
    font-size: 40px;
  }
  button.navbar-toggler {
    right: 20px;
  }
  .menu .main-menu ul li a {
    color: #ffffff;
    transition: 0.5s;
    padding: 10px 0;
    font-size: 20px;
    width: calc(100% - 40px);
  }
  li.nav-item {
    position: relative;
  }
  .main-menu .navbar-menu {
    top: 200%;
    background-color: #000000;
    width: 100%;
    z-index: -7;
    height: calc(100vh - 80px) !important;
    padding: 0 20px;
    right: 0;
  }
  .main-menu .navbar-collapse.show {
    top: 80px;
  }

  .main-menu .navbar-menu .navbar-nav {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    flex-direction: column;
  }
  .dropdownli {
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 24px;
    color: #ffffff;
  }
  .menu .main-menu ul li ul li {
    display: inline-block;
    width: 100%;
  }

  .menu .main-menu ul li ul li a {
    color: #000000;
    font-size: 18px;
    padding: 6px 0;
    width: 100%;
    font-weight: bold;
    white-space: break-spaces;
  }
  .menu .main-menu ul li ul {
    background-color: #ffffff;
    border-radius: 0;
    padding: 4px 10px;
    margin: -1px;
    position: relative;
    top: 0;
  }
  .menu a.navbar-brand {
    padding: 0 20px;
  }
  .menu a.navbar-brand img {
    width: 110px;
  }

  .menu .main-menu ul li.active {
    background-color: #ffffff;
  }

  /* header */
  .banner-text h1 {
    font-size: 30px;
    padding: 0 32vw 0 0;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
  }
  .containpadding {
    padding: 0 30px;
  }
  .down-white {
    padding: 20px;
  }
  .service-box {
    bottom: 20px;
  }
  .work-title,
  .service-title {
    font-size: 34px;
  }
  .service-title span,
  .work-title span {
    font-size: 44px;
  }
  .button-link {
    font-size: 24px;
    border: 5px solid #ffffff;
  }
  .seemore-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .title {
    font-size: 28px;
  }
  .footer-block {
    padding: 40px 0;
  }
  .footer-block p {
    font-size: 18px;
  }
  .social-list ul li {
    width: 44px;
    height: 44px;
    margin: 0 8px;
    line-height: 44px;
    font-size: 22px;
  }
  .learn-more {
    padding: 40px 0;
  }
  .about-title h4 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .about-text-block p {
    margin-bottom: 20px;
  }
  .team-info h3 {
    font-size: 24px;
  }
  .team-info p {
    font-size: 18px;
  }
  .contact-page {
    height: calc(100vh - 107px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .contact-info h1 {
    font-size: 40px;
    margin: 0 0 30px;
  }
  .contact-info .info-mail {
    font-size: 24px;
    padding: 0 0 2vw;
  }
  .title-block {
    padding-bottom: 30px;
  }
  .cyberwar h1 {
    font-size: 45px;
  }
  .cyber-text-block img {
    padding-bottom: 20px;
    max-width: 120px;
  }
  .work-group .work-section {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  .work-group .container-75 {
    max-width: 100%;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
  }
  .owl-nav img {
    width: 20px;
  }
  .flipping-img h1 {
    font-size: 3.2vw;
    padding-left: 20px;
  }
  .flipping-img img.d-inline-block {
    width: 240px;
    padding-left: 30px;
  }
  .flipping-img h1 {
    font-size: 28px;
    padding-left: 20px;
    padding-top: 10px;
  }
  .flipping-img .cyberwar-ul {
    padding: 20px 0;
  }
  .flipping-img .cyberwar-ul,
  .flipping-img h1 {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-70 {
    padding-bottom: 30px;
  }
  .col-12.col-sm-4:last-child .img-bar {
    margin-bottom: 0 !important;
  }
  .banner-text h1 {
    font-size: 28px;
  }
  .title {
    font-size: 24px;
  }
  .title-block {
    padding-bottom: 30px;
  }
  .viewwork-section img,
  .work-section img {
    height: 360px;
  }
  .containpadding {
    padding: 0 20px;
  }

  .button-link {
    font-size: 18px;
    padding: 4px 16px;
  }
  .down-link img {
    width: 50px;
  }
  .awardlist {
    width: 48%;
    padding: 10px;
  }
  .seemore .owl-stage {
    display: flex;
    align-items: center;
  }
  .seemore button.owl-dot span {
    width: 16px;
    height: 16px;
    background-color: #000000;
    display: inline-block;
    margin: 0 5px;
    border-radius: 100px;
  }
  .seemore button.owl-dot.active span {
    background-color: #f707d2;
  }
  footer .row {
    flex-direction: column-reverse;
  }
  .footer-block.social-list {
    padding: 0;
  }
  .footer-block {
    padding: 30px 0;
    text-align: center;
  }
  .about-ul li {
    width: 50%;
  }
  .about-text-block p,
  .vission-box p,
  .cyber-text-block p {
    font-size: 15px;
    line-height: 24px;
  }
  .about-ul li {
    font-size: 13px;
    padding-left: 0;
    padding-right: 8px;
  }
  .vission-box h3,
  .about-title h3 {
    font-size: 24px;
  }
  .about-title h4 {
    font-size: 18px;
  }
  .about-ul ul {
    max-width: 300px;
    padding-left: 15px;
  }
  .about-page {
    padding-left: 15px;
    padding-right: 15px;
  }
  .vission-box {
    margin: 0 auto 30px;
  }
  .about-ul li:before {
    left: -13px;
    top: 14px;
  }
  .contact-page {
    height: calc(100vh - 87px);
  }
  .contact-info h1 {
    font-size: 22px;
    margin: 30px 0;
  }
  .contact-info .info-mail {
    font-size: 18px;
    padding: 0 0 20px;
  }
  .work-box {
    bottom: 10px;
  }
  .work-title-block,
  .service-title-block {
    margin-top: 0;
  }
  .work-title,
  .service-title {
    font-size: 24px;
  }
  .work-title span,
  .service-title span {
    font-size: 28px;
  }
  .work-group .work-section {
    margin-bottom: 20px;
  }
  .work-section {
    padding: 0 10px;
  }
  .container-75,
  .container-90,
  .width-1330 {
    max-width: 100%;
  }
  .latest-box {
    padding-bottom: 20px;
  }
  .cyberwar h1 {
    font-size: 30px;
  }
  .cyberwar-ul li img {
    width: 200px;
    height: 130px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: right;
       object-position: right;
  }
  .cyber-title h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .cyber-text-block h4 {
    font-size: 20px;
  }
  .result-ul h3 {
    font-size: 14px;
    margin: 25px 20px;
  }

  .video-js .vjs-big-play-button {
    height: 50px;
    width: 50px;
  }

  .cyberwar-img {
    padding: 0 0 20px;
  }
  .cyberwar.bg-img {
    background-size: auto 89vw;
  }
  .cyberwar-ul {
    position: static;
    padding: 0 5vw;
    margin-top: -20px;
  }
  .cyberwar-ul img {
    width: 100%;
  }

  .left-img {
    width: 40%;
    text-align: left;
  }

  .right-img {
    width: auto;
    text-align: right;
  }

  .right-img a {
    width: 60px;
    display: inline-block;
  }

  .left-img a {
    width: 130px;
    display: inline-block;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
  }

  .lb-loader,
  .lightbox {
    text-align: center;
    line-height: 0;
    position: fixed;
    left: 0;
    top: 50% !important;
    transform: translateY(-50%);
  }
  .lb-container {
    width: 100% !important;
  }
  .owl-nav img {
    width: 16px;
  }
  .flipping-img img.d-inline-block {
    width: 120px;
    padding-left: 0;
  }
  .cyberwar-ul .right-img img {
    width: 50px;
  }
  .flipping-img h1 {
    font-size: 14px;
    padding-left: 0;
    padding-top: 10px;
  }
  .flipping-img .cyberwar-ul {
    padding: 20px 0;
    position: absolute;
    right: 0;
    width: auto;
  }
  .flipping-img .cyberwar-ul a {
    width: 80px;
  }
  .flipping-img .cyberwar-ul,
  .flipping-img h1 {
    padding-bottom: 10px;
  }

  .pen-slider .carousel-control-prev,
  .pen-slider .carousel-control-next {
    display: none;
  }
  .pen-slider .carousel-inner:last-child .carousel-item {
    margin-bottom: 0;
  }

  .pen-slider .carousel-item {
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .pen-slider .carousel-item:last-child {
    margin-bottom: 0;
  }
  .bascom-logo {
    bottom: 10px;
    right: 10px;
    width: 55px;
  }

  .main-video-slider iframe,
  .main-video-slider video{
    height: 54vw;
  }
  .main-video-slider .slick-arrow img {
    width: 30px;
    padding: 5px;
  }
  .main-video-slider button.slide-arrow.slick-arrow {
    margin: 0 4px;
  }
}

@media only screen and (max-width: 575px) {
  .banner-text h1 {
    padding: 0 33vw 0 0;
    font-size: 5vw;
  }
  .about-page {
    padding-left: 8px;
    padding-right: 8px;
  }
  .team-box {
    padding: 20px 10px;
  }
  .team-info h3 {
    font-size: 21px;
  }
  .team-info p {
    font-size: 16px;
  }
  .viewwork-section img,
  .work-section img {
    height: 240px;
  }
  .work-title,
  .service-title {
    font-size: 16px;
  }
  .work-title span,
  .service-title span {
    font-size: 18px;
  }
  .cyber-title h3 {
    font-size: 18px;
  }
  .cyber-text-block h4 {
    font-size: 16px;
  }
  .result-ul h3 {
    margin: 30px 8px;
  }
  .cyberwar-ul li img {
    width: 80px;
  }
  .cyberwar h1 {
    font-size: 18px;
  }
  .viewwork-section.containpadding {
    padding: 0;
  }
  .example-image-link {
    bottom: 10px;
    z-index: 1;
    width: 30px;
    height: 30px;
    outline: 2px solid #ffffff;
    right: 10px;
    line-height: 30px;
    font-size: 14px;
  }
  .flipping .bg-image img {
    height: 250px;
  }
  .owl-nav {
    padding: 0 8px;
  }
  .owl-nav img {
    width: 12px;
  }
  .bascomlogo img {
    width: 130px;
  }
  .seemore .title {
    font-size: 16px;
  }
}

.footer.is-cp .footer-contact .button-link {
        /* border: none; */
      }
  .footer-copy-links {
    margin: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .footer-copy-links a{
      color: currentColor;
    }
  .footer-copy-links a:visited {
        color: currentColor;
      }
  .footer-copy-links .links {
      margin-top: 5px;
      text-align: center;
    }
  @media (max-width: 767px) {
      .footer.is-cp .footer-contact {
        visibility: hidden;
      }
  }
  @media (min-width: 768px) {
      .footer-copy-links .links {
        text-align: left;
      }
  }

:root {
  --color-green: #57faec;
  --color-orange: #f79407;
  --color-purple: ##f940dc;

  --bp-xs: 525px;
  --bp-sm: 768px;
  --bp-sm-md: 1024px;
  --bp-md: 1280px;
  --bp-lg: 1475px;
  --bp-xl: 1680px;
  --bp-xl2: 1800px;

  --fs-sm-sm: clamp(12px, 1.5vw, 17px);
  --fs-sm-md: clamp(15px, 1vw, var(--fs-normal));
  --fs-sm: 17px;
  --fs-normal: 21px;
  --fs-md: clamp(18px, 2vw, 25px);
  --fs-lg: clamp(21px, 2vw, 31px);
  --fs-xl: clamp(25px, 3vw, 40px);
  --fs-default: clamp(16px, 2.5vw, var(--fs-normal));

  --fs-h1-lg: clamp(40px, 3.5vw, 50px);
  --fs-h1: clamp(25px, 3.25vw, 40px);
  --fs-h2: clamp(20px, 3vw, 35px);
  --fs-h3: clamp(18px, 2.5vw, 28px);
  --fs-h4: clamp(16px, 2.5vw, 25px);
  --fs-h5: clamp(15px, 2.5vw, 22px);
  --fs-h6: clamp(15px, 2.5vw, 20px);

  --lh-heading: 1.2;
  --lh-default: 1.5;

  --space-sm1: 15px;
  --space-sm2: 25px;
  --space-md: clamp(25px, 5vw, 30px);
  --space-md1: clamp(25px, 5vw, 30px);
  --space-md2: clamp(25px, 5vw, 40px);
  --space-md3: clamp(25px, 5vw, 45px);
  --space-lg: clamp(30px, 4vw, 55px);
  --space-lg1: clamp(30px, 4vw, 55px);
  --space-lg2: clamp(30px, 4vw, 60px);
  --space-lg3: clamp(30px, 7.5vw, 65px);
  --space-xl: clamp(35px, 7.5vw, 70px);
  --space-xl2: clamp(35px, 7.5vw, 75px);
  --space-xl3: clamp(45px, 7.5vw, 85px);
  --space-xl4: clamp(45px, 7.75vw, 95px);
  --space-xl5: clamp(55px, 8vw, 105px);

  --my-sm2: var(--space-sm1);
  --my-sm: var(--space-sm2);
  --my-sm-md: var(--space-md1);
  --my-md: var(--space-md3);
  --my-md-lg: var(--space-lg2);
  --my-lg: var(--space-xl);
  --my-xl: var(--space-xl3);
  --my-xl: var(--space-xl);
  --my-2xl: var(--space-xl2);
  --my-3xl: var(--space-xl3);
  --my-4xl: var(--space-xl4);
  --my-5xl: var(--space-xl5);

  --header-height: 90px;
  --side-padding: 25px;
}

body {
  padding-top: var(--header-height);
}

.has-mw {
  margin-left: auto;
  margin-right: auto;
}

._mw-none > * { max-width: none; }
._mw-xs:not(.page-wrap) { max-width: var(--mw-xs); }
._mw-sm:not(.page-wrap) { max-width: var(--mw-sm); }
._mw-sm-md:not(.page-wrap) { max-width: var(--mw-sm-md); }
._mw-md:not(.page-wrap) { max-width: var(--mw-md); }
._mw-lg:not(.page-wrap) { max-width: var(--mw-lg); }
._mw-xl:not(.page-wrap) { max-width: var(--mw-xl); }
._mw-xl2:not(.page-wrap) { max-width: var(--mw-xl2); }

.page-wrap.has-mw > * {
    margin-left: auto;
    margin-right: auto;
  }

.page-wrap._mw-xs > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-xs)); }

.page-wrap._mw-sm > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-sm)); }

.page-wrap._mw-sm-md > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-sm-md)); }

.page-wrap._mw-md > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-md)); }

.page-wrap._mw-lg > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-lg)); }

.page-wrap._mw-xl > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-xl)); }

.page-wrap._mw-xl2 > *:not(._mw-none) { max-width: var(--mw-current, var(--mw-xl2)); }


._pb-none { padding-bottom: 0; }
._pb-sm2 { padding-bottom: var(--my-sm2); }
._pb-sm { padding-bottom: var(--my-sm); }
._pb-sm-md { padding-bottom: var(--my-sm-md); }
._pb-md { padding-bottom: var(--my-md); }
._pb-md-lg { padding-bottom: var(--my-md-lg); }
._pb-lg { padding-bottom: var(--my-lg); }
._pb-xl { padding-bottom: var(--my-xl); }
._pb-2xl { padding-bottom: var(--my-2xl); }
._pb-3xl { padding-bottom: var(--my-3xl); }
._pb-4xl { padding-bottom: var(--my-4xl); }
._pb-5xl { padding-bottom: var(--my-5xl); }

._pl-none { padding-left: 0; }
._pl-sm2 { padding-left: var(--my-sm2); }
._pl-sm { padding-left: var(--my-sm); }
._pl-sm-md { padding-left: var(--my-sm-md); }
._pl-md { padding-left: var(--my-md); }
._pl-md-lg { padding-left: var(--my-md-lg); }
._pl-lg { padding-left: var(--my-lg); }
._pl-xl { padding-left: var(--my-xl); }
._pl-2xl { padding-left: var(--my-2xl); }
._pl-3xl { padding-left: var(--my-3xl); }
._pl-4xl { padding-left: var(--my-4xl); }
._pl-5xl { padding-left: var(--my-5xl); }

._pt-none { padding-top: 0; }
._pt-sm2 { padding-top: var(--my-sm2); }
._pt-sm { padding-top: var(--my-sm); }
._pt-sm-md { padding-top: var(--my-sm-md); }
._pt-md { padding-top: var(--my-md); }
._pt-md-lg { padding-top: var(--my-md-lg); }
._pt-lg { padding-top: var(--my-lg); }
._pt-xl { padding-top: var(--my-xl); }
._pt-2xl { padding-top: var(--my-2xl); }
._pt-3xl { padding-top: var(--my-3xl); }
._pt-4xl { padding-top: var(--my-4xl); }
._pt-5xl { padding-top: var(--my-5xl); }

._pr-none { padding-right: 0; }
._pr-sm2 { padding-right: var(--my-sm2); }
._pr-sm { padding-right: var(--my-sm); }
._pr-sm-md { padding-right: var(--my-sm-md); }
._pr-md { padding-right: var(--my-md); }
._pr-md-lg { padding-right: var(--my-md-lg); }
._pr-lg { padding-right: var(--my-lg); }
._pr-xl { padding-right: var(--my-xl); }
._pr-2xl { padding-right: var(--my-2xl); }
._pr-3xl { padding-right: var(--my-3xl); }
._pr-4xl { padding-right: var(--my-4xl); }
._pr-5xl { padding-right: var(--my-5xl); }

._mb-none { padding-bottom: 0; }
._mb-sm2 { margin-bottom: var(--my-sm2); }
._mb-sm { margin-bottom: var(--my-sm); }
._mb-sm-md { margin-bottom: var(--my-sm-md); }
._mb-md { margin-bottom: var(--my-md); }
._mb-md-lg { margin-bottom: var(--my-md-lg); }
._mb-lg { margin-bottom: var(--my-lg); }
._mb-xl { margin-bottom: var(--my-xl); }
._mb-2xl { margin-bottom: var(--my-2xl); }
._mb-3xl { margin-bottom: var(--my-3xl); }
._mb-4xl { margin-bottom: var(--my-4xl); }
._mb-5xl { margin-bottom: var(--my-5xl); }

._ml-none { padding-left: 0; }
._ml-sm2 { margin-left: var(--my-sm2); }
._ml-sm { margin-left: var(--my-sm); }
._ml-sm-md { margin-left: var(--my-sm-md); }
._ml-md { margin-left: var(--my-md); }
._ml-md-lg  { margin-left: var(--my-md-lg); }
._ml-lg { margin-left: var(--my-lg); }
._ml-xl { margin-left: var(--my-xl); }
._ml-2xl { margin-left: var(--my-2xl); }
._ml-3xl { margin-left: var(--my-3xl); }
._ml-4xl { margin-left: var(--my-4xl); }
._ml-5xl { margin-left: var(--my-5xl); }

._mt-none { padding-top: 0; }
._mt-sm2 { margin-top: var(--my-sm2); }
._mt-sm { margin-top: var(--my-sm); }
._mt-sm-md { margin-top: var(--my-sm-md); }
._mt-md { margin-top: var(--my-md); }
._mt-md-lg { margin-top: var(--my-md-lg); }
._mt-lg { margin-top: var(--my-lg); }
._mt-xl { margin-top: var(--my-xl); }
._mt-2xl { margin-top: var(--my-2xl); }
._mt-3xl { margin-top: var(--my-3xl); }
._mt-4xl { margin-top: var(--my-4xl); }
._mt-5xl { margin-top: var(--my-5xl); }

._mr-none { padding-right: 0; }
._mr-sm2 { margin-right: var(--my-sm2); }
._mr-sm { margin-right: var(--my-sm); }
._mr-sm-md { margin-right: var(--my-sm-md); }
._mr-md { margin-right: var(--my-md); }
._mr-md-lg { margin-right: var(--my-md-lg); }
._mr-lg { margin-right: var(--my-lg); }
._mr-xl { margin-right: var(--my-xl); }
._mr-2xl { margin-right: var(--my-2xl); }
._mr-3xl { margin-right: var(--my-3xl); }
._mr-4xl { margin-right: var(--my-4xl); }
._mr-5xl { margin-right: var(--my-5xl); }

.anchor {
  position: relative;
  top: var(--header-height);
}

.bg-video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.bg-video-container {
    position: relative;
  }

@media (min-width: 992px) {
  :root {
    --header-height: 160px;
  }
}

@media (min-width: 1024px) {
  :root {
    --mw-xs: clamp(0px, 85vw, calc(var(--bp-xs)));
    --mw-sm: clamp(0px, 85vw, calc(var(--bp-sm)));
    --mw-sm-md: clamp(0px, 85vw, calc(var(--bp-sm)));
    --mw-md: clamp(0px, 85vw, calc(var(--bp-md)));
    --mw-lg: clamp(0px, 85vw, calc(var(--bp-lg)));
    --mw-xl: clamp(0px, 85vw, calc(var(--bp-xl)));
    --mw-xl2: clamp(0px, 95vw, calc(var(--bp-xl2)));
  }
}

@media (min-width: 1400px) {
  :root {
    --header-height: 180px;
  }
}

.pagination {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--mw-lg);
}

  .pagination-item,
  .pagination-next,
  .pagination-prev {
    font-size: var(--fs-default);
  }

  .pagination-list {
    display: flex;
    list-style: none;
    gap: 1em;
    margin-bottom: 0;
    margin-top: 0;
    justify-content: center;
    width: 100%;
  }

  @media (max-width: 1124px) {.pagination {
    margin-left: var(--side-padding);
    margin-right: var(--side-padding)
}
  }

.post-img {
    aspect-ratio: 1200/627;
    margin-bottom: 10px;
  }

    .post-img img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

.wysiwyg {
  font-size: var(--fs-default);
  line-height: var(--lh-default);
}

  .wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h6,
  .wysiwyg h6 {
    font-weight: normal;
    line-height: var(--lh-heading);
    margin-bottom: 0;
  }

  .wysiwyg h1 strong, .wysiwyg h2 strong, .wysiwyg h3 strong, .wysiwyg h4 strong, .wysiwyg h6 strong, .wysiwyg h6 strong {
      font-weight: 600;
    }

  .wysiwyg h1:not(:last-child), .wysiwyg h2:not(:last-child), .wysiwyg h3:not(:last-child), .wysiwyg h4:not(:last-child), .wysiwyg h6:not(:last-child), .wysiwyg h6:not(:last-child) {
      margin-bottom: 0.3em;
    }

  .wysiwyg h1 {
    font-size: var(--fs-h1);
  }

  .wysiwyg h2 {
    font-size: var(--fs-h2);
  }

  .wysiwyg h3 {
    font-size: var(--fs-h3);
  }

  .wysiwyg h3 {
    font-size: var(--fs-h3);
  }

  .wysiwyg h4 {
    font-size: var(--fs-h4);
  }

  .wysiwyg h5 {
    font-size: var(--fs-h5);
  }

  .wysiwyg h6 {
    font-size: var(--fs-h6);
  }

  .wysiwyg p:last-child {
      margin-bottom: 0;
    }



.cb-cols {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

  .cb-cols:has(.embed) {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
  }

  .cb-cols.valign-center .cb-cols-inner {
      align-items: center;
    }

  .cb-cols.valign-bottom .cb-cols-inner {
      align-items: end;
    }

  .cb-cols .cb-image img {
      min-width: 0;
    }

  .cb-cols .embed:not(.valign-center .embed)
    .cb-cols .embed:not(.valign-top .embed) {
      align-self: end;
    }

  .cb-cols-inner {
    display: grid;
    gap: var(--space-md2);
  }

  .cb-cols-item img {
      display: block;
      width: 100%;
    }

  @media (min-width: 640px) {
    .cb-cols.cb:not(:has(.embed)) {
      padding-left: 0;
      padding-right: 0;
    }
      .cb-cols.cols2 .cb-cols-inner {
        grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (max-width: 779px) {
    .cb-cols.cols3 {
      padding-left: var(--side-padding);
      padding-right: var(--side-padding);
    }
  }

  @media (min-width: 780px) {
      .cb-cols.cols3 .cb-cols-inner {
        grid-template-columns: repeat(3, 1fr);
      }
      .cb-cols.cols4 .cb-cols-inner {
        grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (min-width: 1024px) {
    .cb-cols:has(.embed) {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media (min-width: 1440px) {
      .cb-cols.cols4 .cb-cols-inner {
        grid-template-columns: repeat(4, 1fr);
      }
  }

.cb-copy._ll-col3 {
    --gap-x: 20px;
    --gap-y: 4px;
  }

    .cb-copy._ll-col3 ul,
    .cb-copy._ll-col3 ol {
      display: flex;
      flex-wrap: wrap;
      gap: var(--gap-y) var(--gap-x);
      justify-content: right;
      margin: 0;
      padding: 0 10px;
    }

    .cb-copy._ll-col3 ul li, .cb-copy._ll-col3 ol li {
        list-style: none;
        position: relative;
        width: 100%;
      }

    .cb-copy._ll-col3 ul li::before, .cb-copy._ll-col3 ol li::before {
          position: absolute;
          width: 0.5em;
          max-width: 8px;
          height: 0.5em;
          max-height: 8px;
          background-color: #ffffff;
          content: "";
          left: 0;
          top: 0.8em;
          transform: translateY(-50%) translateX(-200%);
          border-radius: 100px;
        }
  @media (min-width: 480px) {
        .cb-copy._ll-col3 ul li, .cb-copy._ll-col3 ol li {
          width: calc(40% - (var(--gap-x) / 2));
        }
  }
  @media (min-width: 1280px) {
        .cb-copy._ll-col3 ul li, .cb-copy._ll-col3 ol li {
          width: calc(33% - (var(--gap-x) * 2 / 3));
        }
  }

.wysiwyg.cb-copy .cb-copy-inner > figure {
        display: block;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
      }

        .wysiwyg.cb-copy .cb-copy-inner > figure img {
          display: block;
          margin: auto;
          max-width: 100%;
        }

        .wysiwyg.cb-copy .cb-copy-inner > figure[style*="float:left"] img {
            margin-right: auto;
            margin-left: 0;
          }

        .wysiwyg.cb-copy .cb-copy-inner > figure[style*="float:right"] img {
            margin-left: auto;
            margin-right: 0;
          }
      .wysiwyg.cb-copy .cb-copy-inner > * {
        clear: both;
      }
      .wysiwyg.cb-copy .cb-copy-inner > figure {
        margin: clamp(35px, 4vw, 50px) 0;
      }
      .wysiwyg.cb-copy .cb-copy-inner > figure:first-child {
          margin-top: 0;
        }
      .wysiwyg.cb-copy .cb-copy-inner > figure:last-child {
          margin-bottom: 0;
        }

.cb-copy:not([class*=_pr]) {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
  }

.cb-copy[style*="color"] a,
    .cb-copy[style*="color"] a:visited {
      color: currentColor;
    }

.cb-copy.has-large-margins .cb-copy-inner > *:not(:first-child) {
        margin-top: 1.5em;
      }

.cb-embed-item ~ .cb-embed-item {
      margin-top: var(--my-lg);
    }
    .cb-embed-item .vimeo-iframe {
      aspect-ratio: 400 / 225;
      display: block;
      width: 100%;
    }

.cb-feature {
  height: 240px;
  width: 100%;
}

  .cb-feature .image-position {
    height: 100%;
    width: 100%;
  }

  @media only screen and (min-width: 576px) {.cb-feature {
    height: 360px
}
  }

  @media only screen and (min-width: 769px) {.cb-feature {
    height: 650px
}
  }

  @media only screen and (min-width: 1200px) {.cb-feature {
    height: calc(100vh - var(--header-height));
    max-height: 1080px;
    min-height: 650px
}
  }

.cb-form .fui-form .fui-submit {
    --fui-submit-btn-border-color: var(--color-orange);
    /* --fui-submit-btn-color: var(--color-orange); */
  }
  @media (max-width: 1124px) {.cb-form {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}

    .cb-form .fui-submit {
      --fui-btn-margin: 0 auto;
    }
  }

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

  .cb-heading:not(.has-padding),
  .cb-heading._pb-default {
    padding-bottom: var(--my-lg);
  }

  .cb-heading:not(.has-padding),
  .cb-heading._pt-default {
    padding-top: var(--my-lg);
  }

  .cb-heading .cb-heading-h {
    margin: 0;
  }

.hero.cb {
    padding-left: 0;
    padding-right: 0;
  }
  .hero .v-100 {
    height: calc(100vh - var(--header-height));
  }

.hero-i {
  overflow: hidden;
  position: relative;
}

  .hero-i-img img {
      display: block;
      margin: auto;
      width: 100%;
    }

.hero-ih {
  background-position: center center;
  overflow: hidden;
  position: relative;
}

  @media (max-width: 599px) {.hero-ih {
    aspect-ratio: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 250px
}
  }

  .hero-ih-cols {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: clamp(20px, 3vw, 40px) var(--side-padding);
  }

  .hero-ih-heading {
    position: absolute;
    width: 100%;
    bottom: clamp(10px, 5vw, 40px);
    text-align: center;
  }

  .hero-ih-img {
    display: block;
    width: 100%;
  }

  .hero-ih-imgs {
    align-items: center;
    display: flex;
    gap: 10px;
  }

  .hero-ih-imgs.col1 .hero-ih-link {
        width: clamp(100px, 25vw, 250px);
      }

  .hero-ih-imgs.col3 .hero-ih-link {
        width: clamp(30px, 10vw, 100px);
      }

  .hero-ih-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
  }

  .hero-ih-link {
    width: 100%;
  }

  .hero-ih .cyberwar-ul {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .hero-ih-heading {
    color: #ffffff;
    font-size: clamp(14px, 3.2vw, 40px);
    font-weight: bold;
    margin: 0;
    padding-top: 40px;
    text-align: center;
    text-transform: uppercase;
  }

  @media (min-width: 768px) {
  }



.cb-image img {
    display: block;
    height: auto;
    max-width: 100%;
    min-width: 130px;
  }
  .cb-image.is-align-full img {
      width: 100%;
    }
  .cb-image.is-align-default img, .cb-image.is-align-center img {
      margin-left: auto;
      margin-right: auto;
    }
  .cb-image.is-align-right {
    margin-left: auto;
  }

.cbis-default .fullWidth {
    flex-wrap: wrap;
    row-gap: var(--my-lg);
  }

    .cbis-default .fullWidth .cbis-default-item img {
        width: 100%;
      }
  .cbis-default-item img {
      display: block;
      max-width: 100%;
    }
  @media (max-width: 639px) {
    .cbis-default .cbis-default-item {
      width: 100%;
    }

      .cbis-default .cbis-default-item img {
        width: 100%;
      }

      .cbis-default .cbis-default-item ~ * {
        margin-top: var(--space-sm2);
      }
  }
  @media (max-width: 1124px) {.cbis-default {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}
  }
  @media (min-width: 640px) {
    .cbis-default-inner {
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      gap: var(--space-sm2);
      justify-content: space-evenly;
    }
  }

.cbis-carousel {
  --arrow-offset: 12.5%;

  background-position: center center;
  max-width: calc(var(--mw-current) * 1.25) !important;
  position: relative;
}

  .cbis-carousel .is-blackArrows .cb-carousel-inner {
      padding-right: 10%;
      padding-left: 10%;
    }

  .cbis-carousel .is-blackArrows .owl-nav {
      left: 2.5%;
      width: 95%;
    }

  .cbis-carousel .is-blackArrows .owl-next img, .cbis-carousel .is-blackArrows .owl-prev img {
        width: 12px;
      }

  @media (min-width: 1024px) {.cbis-carousel {
    --arrow-offset: calc(var(--mw-current) * .125)
}
  }

.cbis-grid .grid4Col {
    grid-template-columns: repeat(2, 2fr);
  }
  .cbis-grid-item {
    width: 100%;
  }
  .cbis-grid-item img {
      display: block;
      max-width: 100%;
      margin: auto;
      width: 100%;
    }
  .cbis-grid-inner {
    display: grid;
    gap: var(--space-sm2);
  }
  @media (max-width: 1124px) {.cbis-grid {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}
  }
  @media (min-width: 640px) {
    .cbis-grid .grid2Col,
    .cbis-grid .grid3Col {
      grid-template-columns: repeat(2, 2fr);
    }
  }
  @media (min-width: 1280px) {
    .cbis-grid .grid3Col {
      grid-template-columns: repeat(3, 2fr);
    }

    .cbis-grid .grid4Col {
      grid-template-columns: repeat(4, 2fr);
    }
  }

.cbis-iconList-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .cbis-iconList-item {
    align-items: center;
    background-color: white;
    border-radius: 100%;
    display: flex;
    height: 80px;
    justify-content: center;
    width: 80px;
  }
  .cbis-iconList-item img {
      display: block;
      height: auto;
      margin: auto;
      width: 75%;
    }

.cbis-masonry {
  overflow: hidden;
}

  .cbis-masonry-caption {
    color: #32315b;
    padding: 5px 15px 15px;
    text-align: center;
    font-weight: bold;
    font-size: var(--fs-normal);
  }

  .cbis-masonry-col {
    flex-grow: 0;
    width: calc(100% - (var(--space-sm2) / 2));
    margin: 0 auto;
  }

  .cbis-masonry-col--2,
    .cbis-masonry-col--3 {
      display: none;
    }

  .cbis-masonry-inner {
    display: flex;
    gap: var(--space-sm2) ;
  }

  .cbis-masonry-item {
    margin: 0;
    padding: 0;
  }

  .cbis-masonry-item img {
      width: 100%;
    }

  .cbis-masonry-item ~ * {
      margin-top: var(--space-sm2);
    }

  @media ( min-width: 768px ) {
      .cbis-masonry-col--2 { display: block; }
  }

  @media ( max-width: 1124px ) {.cbis-masonry {
    padding-left: var(--side-padding);
    padding-right: var(--side-padding)
}
  }

  /* 4 columns at large size */

  @media ( min-width: 1080px ) {
    .cbis-masonry-col {
      width: calc(50% - (var(--space-sm2) / 2));
    }
      .cbis-masonry-col--3 { display: block; }
  }


.cbis {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.cbis-decoration {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
  }

.cbis-decoration img {
      min-width: 40px;
    }

.cbis-inner {
    list-style: none;
    margin: 0;
    padding: 0;
  }

.cbis-wrap {
    position: relative;
  }


.cb-spacer .down-arrow {
    position: static !important;
  }

.cb {}

.hdg-ics h3 {
    --fs-h3: 20px;
    font-weight: 600;
  }

.nav-links a,
  .nav-links a:visited {
    color: var(--color-black);
  }
  .nav-links a {
    display: block;
    font-weight: 600;
    padding: 5px 0;
    text-decoration-thickness: 0.05em !important;
    text-decoration: underline !important;
    text-underline-offset: 0.2em;
  }
  .nav-links ul {
    display: flex;
    font-size: var(--fs-default);
    gap: var(--space-xl4);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }

.nxt-prv {
  display: flex;
  flex-direction: column;
  font-size: var(--fs-sm-md);
  gap: 1em 15%;
  justify-content: space-between;
  line-height: 1.5em;
  margin: 0 10vw;
}

  .nxt-prv-sep {
    background: #ededed;
    height: 1px;
    margin: 50px auto 35px;
    width: 50%;
  }

  @media (min-width: 640px) {.nxt-prv {
    flex-direction: row;
    font-size: var(--fs-default);
    margin: 0 5vw
}
  }

  @media (min-width: 1024px) {.nxt-prv {
    margin: 0
}
  }

.posts-grid {
  --gapx: var(--space-sm2);
  --gapy: var(--space-sm2);
}

  .posts-grid .latest-box {
    padding: 0;
  }

  .posts-grid-items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gapy) var(--gapx);
    justify-contents: center;
    align-items: center;
  }

  .posts-grid-item {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  @media (min-width: 575px) {
    .posts-grid-item {
      width: calc(50% - (var(--gapx) / 2));
    }
  }

  @media (min-width: 768px) {
    .posts-grid-item {
      width: calc(33.3333333% - (var(--gapx) * 2 / 3));
    }
  }

.posts-featured .cb-feature {
    padding-left: 0;
    padding-right: 0;
  }

    .posts-featured .cb-feature ~ .cb-feature {
      margin-top: var(--space-lg3);
    }

.team {
  overflow: hidden;
}

.tst.has-bg .flickity-page-dots {
      bottom: 25px;
    }
    .tst.has-bg .tst-inner {
      padding-bottom: 35px;
      padding-top: 65px;
    }
  .tst.num-1 .flickity-button,
    .tst.num-1 .flickity-page-dots {
      display: none;
    }
  .tst-inner {
    margin-left: auto;
    margin-right: auto;
    margin: clamp(15px, 10vw, 50px) auto;
  }
  .tst-copy {
    font-size: var(--fs-h2);
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 35px;
    text-align: center;
    width: 100%;
  }
  .tst-copy p:first-of-type,
      .tst-copy p:last-of-type {
        display: inline;
      }
  .tst-copy-quote {
      /* font-size: 2em; */
    }
  .tst-img img {
      --size: 100px;
      border-radius: var(--size);
      display: block;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center;
      height: var(--size);
      width: var(--size);
    }
  .tst-item {
    padding: 0 clamp(55px, 10vw, 100px) 20px;
    width: 100%;
  }
  .tst-meta {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 20px;
  }
  .tst-txt.is-centered {
      text-align: center;
    }
  .tst-txt-desc {
      font-size: var(--fs-sm-sm);
      font-style: italic;
      margin: 0;
    }
  .tst-txt-name {
      font-size: var(--fs-h5);
      margin: 0;
    }



.fui-form {
  --fui-error-color: #f707d2;
  --fui-input-font-size: var(--fs-normal);
  --fui-input-line-height: 2em;
  --fui-input-padding: 0.75rem 0.75rem;
  --fui-input-placeholder-color: #4a4a4a;
  --fui-label-color: white;
  --fui-label-error-color: #f707d2;
  --fui-label-font-size: var(--fs-normal);
  --fui-label-font-weight: bold;
  --fui-row-gutter: 2rem;
}

  .fui-form .fui-btn {
    --fui-btn-font-size: var(--fs-md);
    --fui-submit-btn-bg-color-hover: black;
    --fui-submit-btn-bg-color: black;
    --fui-submit-btn-border-color-hover: #f707d2;
    --fui-submit-btn-border-color: white;

    border-radius: 0;
    border-width: 10px;
    padding-left: 45px;
    padding-right: 45px;
    text-transform: uppercase;
  }

.p-bd .cb:not(.has-mw),
    .p-bd .cb._mw-default {
      margin-left: auto;
      margin-right: auto;
      max-width: var(--mw-xl);
    }
    .p-bd .cb-image .size-default {
        max-width: 100% !important;
      }
  .p-bd .page-wrap {
    margin: 0 auto clamp(35px, 4vw, 75px);
    max-width: 1024px;
  }
  .p-bd-wrap {
    padding-bottom: var(--space-lg);
  }

.p-bl .cb:not(.has-mw),
    .p-bl .cb._mw-default {
      margin-left: auto;
      margin-right: auto;
      max-width: var(--mw-xl);
    }
  .p-bl .pagination {
    margin-top: var(--space-lg);
  }
  .p-bl .post-text h3 {
        text-align: left;
      }
  .p-bl-posts {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: 1fr;
    max-width: var(--mw-lg);
    margin: auto;
    padding: 0 20px;
  }
  .p-bl-wrap {
    padding-bottom: var(--space-lg);
  }
  @media (min-width: 640px) {
    .p-bl-posts {
      grid-template-columns: repeat(2, 1fr);
    }
  }





