@media (min-width: 229px) and (max-width: 767px) {
  .cubespinner div {
    font-size: 44px !important;
  }

  .modal-backdrop.show {
    z-index: 9999 !important;
  }

  .hc-offcanvas-nav h2 {
    color: #ff1f8e !important;
    text-transform: uppercase !important;
  }

  .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item {
    font-size: 12px !important;
    text-transform: uppercase !important;
  }

  .hc-offcanvas-nav li:not(.custom-content) a {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px !important;
  }

  .hc-offcanvas-nav ul.bottom-nav {
    border-top: 0px solid #ff8788;
    background: #ff7b88 !important;
  }

  .mob_left_60 {
    left: 60px;
  }

  .mob_left_20 {
    left: 20px;
  }

  .clients_card {
    grid-template-columns: 1fr !important;
  }

}

@media (min-width: 339px) and (max-width: 389px) {
  .card-2 .card-header button {
    font-size: 15px !important;
  }
}

/*Theme Color Code*/
:root {
  --main-grad: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
  --main-grad2: linear-gradient(135deg, #efd003, #efd003 45%, #43e794 83%, #43e794);
  --main-color: #256f71;
  --main-color-light: #7dd6d8;
  --main-ex-light: #e0feff;
  --second-color: #43e794;
}

body {
  color: #555555;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
}

.theme-bg-gradient {
  background: var(--main-grad);
}

.dsk-logo .nav-brand img {
  max-height: 60px;
}

.footer-logo img {
  width: 250px;
}

.hero-card-web {
  min-height: 600px;
}

.btn-outline:hover {
  background: linear-gradient(to right, #23bdb8 0%, #43e794 100%);
  border: 2px solid var(--main-color-light);
}

.footer-social-media-icons a:hover,
.link-hover a:hover {
  color: var(--main-color-light) !important;
}

.text-second {
  color: var(--second-color);
}

.in-stats .statistics span,
.common-heading>span {
  color: #312c97;
}

.bg-b {
  background-image: var(--main-grad);
}

.about-sec-rpb {
  background: #f7f7f7;
}

/* .filters .filter-menu li.is-checked {
    background: var(--main-color-light);
}
.filters .filter-menu li{
    background: var(--main-ex-light);
} */
.breadcrumb-area {
  background-size: cover;
  background-position: center;
}

.dis_flex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.or_text {
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #000;
}

.mt_50 {
  margin-top: 50px;
}

.text_upper {
  text-transform: uppercase;
}

.text_fff {
  color: #fff !important;
}

.bread-title h2 {
  text-transform: uppercase;
}

.border_light {
  border-bottom: 1px solid #ffffff63 !important;
}

.color_bg {
  background: -webkit-linear-gradient(to right, #23bdb8eb 0%, #43e794de 100%);
  background: linear-gradient(to right, #23bdb8eb 0%, #43e794de 100%);
}

.border_top_zero {
  border-top: 0px solid #f3f3f3;
}

.text_sixteen {
  font-size: 16px !important;
}

.text_14 {
  font-size: 14px !important;
}

.stage {
  width: auto;
  margin-top: 15px;
  height: 100px;
  margin-bottom: -40px;
}

.cubespinner {
  -webkit-animation-name: spincube;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;
  animation-name: spincube;

  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 40px 40px 0;
  -moz-transform-origin: 40px 40px 0;
  -ms-transform-origin: 40px 40px 0;
  transform-origin: 40px 40px 0;
}

.cubespinner div {
  position: absolute;
  width: 400px;
  height: 80px;
  text-align: left;
  color: #109393;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
}

.cubespinner .face1 {
  color: #43e794;
  -webkit-transform: translateZ(40px);
  -moz-transform: translateZ(40px);
  -ms-transform: translateZ(40px);
  transform: translateZ(40px);
  -webkit-backface-visibility: hidden;
  text-shadow: #000 1px 0 1px;
}

.cubespinner .face2 {
  color: #fff;
  -webkit-transform: rotateX(90deg) translateZ(40px);
  -moz-transform: rotateX(90deg) translateZ(40px);
  -ms-transform: rotateX(90deg) translateZ(40px);
  transform: rotateX(90deg) translateZ(40px);
  -webkit-backface-visibility: hidden;
  text-shadow: #000 1px 0 1px;
}

.cubespinner .face3 {
  color: #f85555;
  -webkit-transform: rotateX(180deg) translateZ(40px);
  -moz-transform: rotateX(180deg) translateZ(40px);
  -ms-transform: rotateX(180deg) translateZ(40px);
  transform: rotateX(180deg) translateZ(40px);
  -webkit-backface-visibility: hidden;
  text-shadow: #000 1px 0 1px;
}

.cubespinner .face4 {
  color: #fff;
  -webkit-transform: rotateX(270deg) translateZ(40px);
  -moz-transform: rotateX(270deg) translateZ(40px);
  -ms-transform: rotateX(270deg) translateZ(40px);
  transform: rotateX(270deg) translateZ(40px);
  -webkit-backface-visibility: hidden;
  text-shadow: #000 1px 0 1px;
}

.icon_text_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.clients_card {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
  row-gap: 30px;
}

.contact-info- {
  font-family: 'Poppins', sans-serif;
}


.clients_p {
  font-size: 12px;
  padding-top: 0.5em;
  letter-spacing: 0px;
  font-weight: 300;
  color: #959595;
  text-transform: uppercase;
}

.btn-round-.trngl:after {
  display: none;
}

.contact-info- .inquiry-card-nn {
  padding: 10px 15px !important;
}



/*Cubical Flipping or rotation*/
@-webkit-keyframes spincube {

  from,
  to {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }

  15% {
    -webkit-transform: rotateX(90deg);
  }

  25% {
    -webkit-transform: rotateX(90deg);
  }

  40% {
    -webkit-transform: rotateX(180deg);
  }

  50% {
    -webkit-transform: rotateX(180deg);
  }

  65% {
    -webkit-transform: rotateX(270deg);
  }

  75% {
    -webkit-transform: rotateX(270deg);
  }

  95% {
    -webkit-transform: rotateX(360deg);
  }

  100% {
    -webkit-transform: rotateX(360deg);
  }
}

@keyframes spincube {

  from,
  to {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  15% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  25% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  40% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  50% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  65% {
    -webkit-transform: rotateX(270deg);
    -moz-transform: rotateX(270deg);
    -ms-transform: rotateX(270deg);
    transform: rotateX(270deg);
  }

  75% {
    -webkit-transform: rotateX(270deg);
    -moz-transform: rotateX(270deg);
    -ms-transform: rotateX(270deg);
    transform: rotateX(270deg);
  }

  90% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
  }

  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
  }
}