.main-btn {
  display: block;
  position: relative;
  font-size: 0.875rem;
  width: 10.5rem;
  line-height: 2.5rem;
  border-radius: 1.5rem;
  background-color: #00c0bf;
  color: #fff;
  overflow: hidden;
  font-family: OpenSans-Bold, sans-serif;
  font-weight: 400;
  letter-spacing: 0.125rem;
  transition: all 0.5s ease;
  text-align: center;
  text-transform: uppercase;
  margin-top: 3rem;
}

.submit-btn {
  border-width: 1px;
  border-radius: 1px;
  border-style: solid;
  border-color: #0b0b0a;
  background-color: #0b0b0a;
  font-size: 16px;
  color: #fff;
  width: 100%;
  max-width: 15%;
  min-width: 95px;
  padding: 5px 0px;
  height: 100px;
  cursor: pointer;
  height: 40px;
  font-weight: 500;
}

.nav-btn {
  background: 0 0;
  border: 0.01rem solid #8c8c8d !important;
  flex: none !important;
  border-radius: 1.125rem !important;
  text-transform: capitalize !important;
  color: #00c0bf !important;
}
.nav-btn:hover {
  background: #00c0bf !important;
  color: #fff !important;
  border-color: #00c0bf !important;
}

.nav-btn-green {
  background: 0 0;
  border: 0.125rem solid #00c0bf;
  flex: none;
  border-radius: 0.2rem;
  text-transform: capitalize;
  color: #00c0bf;
}
.nav-btn-green:hover {
  background: #00c0bf;
  color: #fff;
  border-color: #00c0bf;
}

#pills-tab .nav-link {
  background: 0 0;
  border: 0.11rem solid #00c0bf;
  flex: none;
  margin: 1rem 1rem 1rem 0;
  border-radius: 1.125rem;
  text-transform: capitalize;
  color: #00c0bf;
}
#pills-tab .nav-link:hover {
  background: #00c0bf;
  color: #fff;
  border-color: #00c0bf;
}
#pills-tab .nav-link.active {
  background: #00c0bf;
  color: #fff;
  border-color: #00c0bf;
}

.main-dark-btn {
  display: block;
  position: relative;
  font-size: 0.875rem;
  width: 10.5rem;
  line-height: 3rem;
  border-radius: 1.5rem;
  background-color: #0b0b0a;
  color: #fff;
  overflow: hidden;
  font-family: OpenSans-Bold, sans-serif;
  font-weight: 300;
  letter-spacing: 0.125rem;
  transition: all 0.5s ease;
  text-align: center;
  text-transform: uppercase;
  margin-top: 3rem;
}

.free-q-btn {
  background: transparent;
  flex: none;
  border-radius: 0.4rem;
  text-transform: capitalize;
  color: #fff;
  border: 0.2rem solid #fff;
}
.free-q-btn:hover {
  background: #fff;
  color: #00c0bf;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

a {
  text-decoration: none !important;
  color: var(--main-color-two);
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img,
picture,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transition: none;
  }
}
body,
html {
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.navbar .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  /* Prevents dropdown from being pushed down */
}

.navbar {
  background: #fff !important;
  padding: 1rem 0 1rem 0;
}
.navbar .nav-item a {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3rem;
  text-transform: uppercase;
  margin-right: 1rem;
  color: #8c8c8d;
}
.navbar .nav-item a:hover {
  color: #00c7c7;
}
.navbar .nav-item a.active {
  color: #00c0bf;
}
.navbar .nav-item .dropdown-menu {
  border-radius: 0;
  border: none;
  background: #fff;
}
.navbar .nav-item .dropdown-menu li {
  border-bottom: 1px solid #b7bac8;
}
.navbar .nav-item .dropdown-menu li a {
  color: #0b0b0a;
  font-size: 12px;
  font-weight: 500;
}
.navbar .nav-item .dropdown-menu li a:hover {
  color: #00c0bf;
  background: transparent;
}
.navbar .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.offcanvas {
  background: #0b0b0a !important;
}
.offcanvas .offcanvas-body a {
  font-size: 14px;
  font-weight: 600;
  color: white;
}
.offcanvas .offcanvas-body a:hover {
  color: blue;
}
.offcanvas .offcanvas-body ul {
  padding: 2px !important;
}
.offcanvas .offcanvas-body li {
  list-style: none;
  line-height: 2rem;
}

footer {
  background: #00c0bf;
}
@media (max-width: 767.98px) {
  footer .right-box {
    text-align: center;
  }
}
footer .right-box p {
  color: #0b0b0a;
  font-family: OpenSans-Regular, sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
}
footer .right-box .f-logo {
  display: block;
  margin: 0 0 2.375rem 0;
  max-height: 2.5rem;
}
footer .right-box .f-logo img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
@media (max-width: 767.98px) {
  footer .right-box .btn-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
footer .left-box .title {
  display: block;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-family: "Ubuntu", serif;
  font-weight: 700;
  margin: 1rem 0 1.75rem;
  color: #0b0b0a;
  font-weight: 600;
}
footer .left-box .explore {
  max-width: 260px;
  font-size: 0.975rem;
  line-height: 1.1875rem;
}
@media (max-width: 767.98px) {
  footer .left-box .explore {
    display: none;
  }
}
footer .left-box .explore ul {
  padding: 0;
  margin: 0;
}
footer .left-box .explore ul li {
  list-style: none;
}
footer .left-box .explore ul li a {
  display: inline-block;
  color: #0b0b0a;
  font-family: OpenSans-Regular, sans-serif;
  font-weight: 400;
  transition: all 0.5s ease;
  margin-bottom: 1rem;
}
footer .left-box .contact {
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
@media (max-width: 767.98px) {
  footer .left-box .contact {
    text-align: center;
  }
}
footer .left-box .contact .list {
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  footer .left-box .contact .list {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
footer .left-box .contact .list i {
  display: block;
  font-size: 2rem;
  width: auto;
  height: 2rem;
  line-height: 2rem;
  margin-right: 1rem;
  color: #0b0b0a;
}
@media (max-width: 767.98px) {
  footer .left-box .contact .list i {
    margin-bottom: 1rem;
  }
}
footer .left-box .contact .list .title-sm {
  font-family: "Arial", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0b0b0a;
}
@media (max-width: 767.98px) {
  footer .left-box .contact .list .title-sm {
    font-weight: 300;
  }
}
footer .left-box .contact .list a {
  color: #0b0b0a;
  font-size: 1rem;
  font-family: OpenSans-Bold, sans-serif;
  font-weight: 300;
  line-height: 1.375rem;
  margin-top: -1px;
  word-break: break-word;
}
@media (max-width: 767.98px) {
  footer .left-box .form {
    display: none;
  }
}
footer .left-box .form .contact-form label {
  display: inline-block;
  font-size: 16px;
  color: #0b0b0a;
  line-height: 100%;
  font-family: sans-serif;
  cursor: inherit;
  margin-bottom: 15px;
}
footer .left-box .form input {
  min-height: 40px;
  height: inherit;
  background-color: #fff;
  border: none;
  border-radius: 20px;
  color: #444;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  box-shadow: none;
}

.footer-bottom {
  color: #0b0b0a;
  background-color: #00c0bf;
  padding-bottom: 3rem;
}
.footer-bottom .container {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.footer-bottom .container p {
  margin: 0;
}
.footer-bottom .container a {
  margin: 1rem !important;
  text-decoration: underline;
}

.free-q {
  display: none;
}
@media (max-width: 1199.98px) {
  .free-q {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .free-q {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .free-q {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

.float .float-btn-wrp {
  position: fixed;
  bottom: 30%;
  right: 20px;
  border-radius: 30px;
  background: #f4f5f5;
  z-index: 1000;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8rem;
  transition: all 0.2s ease-in-out;
}
.float .float-btn-wrp ul {
  align-items: center;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}
.float .float-btn-wrp ul li {
  list-style: none;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.0941176471);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 10px 0;
}
.float .float-btn-wrp a {
  color: #8c8c8d;
}

/* When the bar is hidden (slid to the right) */
.float-btn-wrp.hidden {
  transform: translateX(170%);
  /* Slide to the right */
}

.whatsapp .float-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  color: #FFF;
  background: #25D366;
  border-radius: 50%;
  z-index: 1000;
  font-size: 1.7rem;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

.breadcrumb {
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
}
.breadcrumb a {
  color: #999;
  transition: all 0.3s ease;
  display: inline-block;
  margin: 0 0.25rem;
}
.breadcrumb i {
  margin-right: 0.25rem;
  color: #00c0bf;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.contact-box-wrap {
  background: #f4f5f5;
}
.contact-box-wrap .text h1 {
  color: #00c0bf;
  font-weight: bold;
}
.contact-box-wrap .text P {
  color: #8c8c8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
}
.contact-box-wrap label {
  color: #8c8c8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
}
.contact-box-wrap textarea,
.contact-box-wrap input {
  border: 1px solid #b7bac8;
  border-radius: 0;
  color: #8c8c8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
}

#freeQoute label {
  color: #8c8c8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
}
#freeQoute textarea,
#freeQoute input {
  border: 1px solid #b7bac8;
  border-radius: 0;
  color: #8c8c8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
}

.hero {
  margin-top: 3rem;
}
.hero .carousel-item img {
  width: 100%;
  height: 90vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.98px) {
  .hero .carousel-item img {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

a {
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .intro-wrp {
    text-align: center;
  }
}
.intro-wrp .section-text {
  color: #00c0bf;
  font-family: "Arial", Sans-serif;
  font-size: 56px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .intro-wrp .section-text {
    font-size: 30px;
    text-align: center;
  }
}
.intro-wrp .item h2 {
  font-size: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .intro-wrp .item h2 {
    font-size: 1.4rem;
  }
}
.information {
  background-image: url("/images/banners/22.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  text-align: center;
}
.information .features {
  position: relative;
  text-align: left;
}
.information .features h2 {
  font-size: 38px;
  color: #0b0b0a;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .information .features h2 {
    text-align: center;
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .information .features p {
    text-align: center;
  }
}
.information .features::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  z-index: 2;
  border-top: 2px solid #00c0bf;
  border-left: 2px solid #00c0bf;
  border-right: 2px solid #00c0bf;
}
@media (max-width: 767.98px) {
  .information .features::after {
    display: none;
  }
}
.information .features::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  z-index: 2;
  border-bottom: 2px solid #00c0bf;
  border-left: 2px solid #00c0bf;
  border-right: 2px solid #00c0bf;
}
@media (max-width: 767.98px) {
  .information .features::before {
    display: none;
  }
}
.information .slogan h2 {
  color: #FFFFFF;
  font-family: "Arial", Sans-serif;
  font-size: 55px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .information .slogan h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
  }
}
.information p {
  color: #fff;
  font-size: 18px;
  margin-top: 14px;
}
.information .images {
  overflow-x: hidden;
}
.information .images .owl-carousel img {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}

.cooperations .container {
  overflow-x: hidden;
}
.cooperations .title {
  color: #0b0b0a;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .cooperations .title {
    font-size: 20px;
    text-align: center;
  }
}
.cooperations .sub-t {
  color: #00c0bf;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 36px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .cooperations .sub-t {
    text-align: center;
    font-size: 20px;
  }
}
.cooperations .owl-carousel .logo-container {
  display: flex;
}
.cooperations .owl-carousel .logo-container {
  flex-shrink: 0;
  width: auto;
  /* Adjust based on Swiper settings */
}
.cooperations .owl-carousel .logo-container img {
  width: 300px;
  height: 100px;
  margin-bottom: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cooperations .owl-carousel {
  position: relative;
}
.cooperations .owl-prev,
.cooperations .owl-next {
  position: absolute;
}
.cooperations .owl-prev {
  left: 0;
  top: 20%;
}
.cooperations .owl-prev span {
  font-size: 3rem;
  color: #8c8c8d;
}
.cooperations .owl-next {
  right: 0;
  top: 20%;
}
.cooperations .owl-next span {
  font-size: 3rem;
  color: #8c8c8d;
}

.products {
  position: relative;
  background: url("/images/banners/index3.png") no-repeat top;
  background-size: cover;
}
.products .title {
  color: #0b0b0a;
  font-family: "Arial", Sans-serif;
  font-size: 36px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .products .title {
    text-align: center;
    font-size: 20px;
  }
}
.products .sub-t {
  color: #00c0bf;
  font-family: "Arial", Sans-serif;
  font-size: 56px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .products .sub-t {
    text-align: center;
    font-size: 20px;
  }
}
.products .product {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.products .product .description {
  text-align: center;
  margin-top: 30px;
}
.products .product .description a {
  text-align: center;
  color: #0b0b0a;
  font-size: 16px;
  font-weight: 500;
}

.join-us .section-t {
  border-bottom: 2px solid #00c0bf;
}
.join-us .section-t h2 {
  color: #00c0bf;
  font-family: "Arial", Sans-serif;
  font-size: 36px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .join-us .section-t h2 {
    text-align: center;
    font-size: 20px;
  }
}
.join-us p {
  color: #00c0bf;
  font-family: "Arial", Sans-serif;
  font-size: 24px;
  font-weight: 500;
}
.join-us .item {
  overflow-x: hidden;
}
.join-us .item .insights {
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.join-us .item .insights img {
  width: 50px;
  height: 100%;
  border-radius: 50%;
}
.join-us .owl-carousel {
  position: relative;
}
.join-us .owl-prev,
.join-us .owl-next {
  position: absolute;
}
.join-us .owl-prev {
  left: 0;
  top: 10%;
}
.join-us .owl-prev span {
  font-size: 3rem;
  color: #8c8c8d;
}
.join-us .owl-next {
  right: 0;
  top: 10%;
}
.join-us .owl-next span {
  font-size: 3rem;
  color: #8c8c8d;
}

.places {
  background-image: url("/images/banners/home_smart_bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.places .text-wrp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .places .text-wrp {
    align-items: center;
  }
}
.places h2 {
  color: #00C8C8;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 59px;
  font-weight: 500;
  position: relative;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .places h2 {
    font-size: 26px;
  }
}
.places h2::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 20%;
  height: 3px;
  background: #00c0bf;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .places h2::after {
    left: 40%;
  }
}
@media (max-width: 767.98px) {
  .places h2 {
    text-align: center;
  }
}
.places p {
  color: #0b0b0a;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .places p {
    text-align: center;
    font-size: 15px;
  }
}
.places .image-wrp .images {
  position: relative;
  margin-bottom: 1rem;
}
.places .image-wrp .images p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 32px;
  font-weight: 600;
  z-index: 2;
}
.places .image-wrp .images::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 200, 200, 0.6156862745);
  z-index: 1;
}
.places img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.news {
  background-image: url("/images/banners/news1.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.news h2 {
  color: #0b0b0a;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 59px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .news h2 {
    text-align: center;
    font-size: 39px;
    font-weight: 500;
  }
}
.news .link-wrp {
  border-bottom: 3px solid #00c0bf;
  text-align: right;
}
.news .link-wrp a {
  color: #00c0bf;
  font-size: 25px;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .news .link-wrp a {
    display: block;
    position: relative;
    font-size: 0.875rem;
    width: 10.5rem;
    line-height: 3rem;
    border-radius: 1.5rem;
    background-color: #00c0bf;
    color: #fff;
    overflow: hidden;
    font-family: OpenSans-Bold, sans-serif;
    font-weight: 400;
    letter-spacing: 0.125rem;
    transition: all 0.5s ease;
    text-align: center;
    text-transform: uppercase;
    margin-top: 3rem;
  }
}
@media (max-width: 767.98px) {
  .news .link-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .news .news-item {
    display: none;
  }
}
.news .news-item .image img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
.news .news-item .description h3 {
  width: 80%;
  color: #0b0b0a;
  font-family: "Arial", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.6px;
}

.gallery .item {
  background: #0b0b0a;
  margin: 0 !important;
  padding: 0 !important;
}
.gallery img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.7;
}

.in-hero {
  background-image: url("/images/items/pro_detail_2.png");
  background-size: cover;
  background-position: center;
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  position: relative;
  z-index: 1;
}
.in-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.products-wrp a {
  text-decoration: none;
}
.products-wrp .p-item {
  background-image: url("/images/items/pro_h_bg_3.png");
}
.products-wrp .p-wrp {
  height: 100%;
}
.products-wrp .p-wrp .img-wrp {
  display: flex;
  justify-content: center;
  align-items: center;
}
.products-wrp .p-wrp .img-wrp img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.products-wrp .p-wrp .card-body .card-cat {
  color: #00c0bf;
}
.products-wrp .p-wrp .card-body .card-title {
  font-size: 1.4rem;
}
.products-wrp .p-wrp .card-body .read-more {
  color: #00c0bf;
  font-weight: 300;
}

.single-product-hero {
  background-size: contain;
  background-position: center;
  height: 80vh;
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .single-product-hero {
    height: 20vh;
    margin-top: 4rem;
  }
}

.product-single .p-img-wrp {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.product-single .title {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767.98px) {
  .product-single .title {
    flex-direction: column;
    text-align: center;
  }
}
.product-single .title h1 {
  font-size: 2rem;
  font-weight: 400;
  color: #0b0b0a;
  margin-right: 1rem;
}
.product-single .title h1 span {
  font-size: 4rem;
  color: #00c0bf;
}
@media (max-width: 767.98px) {
  .product-single .title h1 span {
    font-size: 2rem;
  }
}
.product-single .features img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .product-single .features .feature {
    text-align: center;
  }
}
.product-single .features .feature h5 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0b0b0a;
}
.product-single .features .feature p {
  font-weight: 300;
}
.product-single .owl-carousel {
  position: relative;
}
.product-single .owl-prev,
.product-single .owl-next {
  position: absolute;
}
.product-single .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: #fff;
  text-decoration: none;
}
.product-single .owl-prev {
  left: 0;
  top: 10%;
}
.product-single .owl-prev span {
  font-size: 3rem;
  color: #8c8c8d;
}
.product-single .owl-next {
  right: 0;
  top: 10%;
}
.product-single .owl-next span {
  font-size: 3rem;
  color: #8c8c8d;
}

.key-features {
  background: #f4f5f5;
  padding: 2rem 0;
}
.key-features .title {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.key-features .title .gree {
  text-transform: uppercase;
  color: #00c0bf;
  font-size: 3rem;
  font-weight: 300;
  margin-right: 0.5rem;
}
@media (max-width: 767.98px) {
  .key-features .title .gree {
    font-size: 2rem;
  }
}
.key-features .title h1 {
  text-transform: uppercase;
  color: #0b0b0a;
  font-size: 3rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .key-features .title h1 {
    font-size: 2rem;
  }
}
.key-features .col {
  margin-bottom: 1rem;
}
.key-features .feature {
  background: white;
  border-bottom: 5px solid #00c0bf;
  height: 100%;
}
.key-features .feature img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.key-features .feature ul {
  padding: 0;
  list-style-position: inside;
}
.key-features .feature ul li {
  padding: 0;
  font-size: 15px;
  color: #0b0b0a;
  font-weight: 300;
}

.infor-count .title {
  text-align: center;
}
.infor-count .title h2 {
  color: #0b0b0a;
  font-size: 4rem;
  font-weight: 300;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .infor-count .title h2 {
    font-size: 2.3rem;
  }
}
.infor-count .title .green {
  color: #00c0bf !important;
  font-size: 4rem;
  font-weight: 300;
  text-transform: capitalize;
}
.infor-count .title .green h2 {
  color: #00c0bf !important;
}
.infor-count .title .green h1 {
  color: #00c0bf !important;
}
.infor-count .title .green h3 {
  color: #00c0bf !important;
}
@media (max-width: 767.98px) {
  .infor-count .title .green {
    font-size: 2.3rem;
  }
}
.infor-count .box {
  border-right: 1px solid rgba(127, 127, 127, 0.2549019608);
  height: 100%;
}
.infor-count .box h1 {
  color: #00c0bf;
  font-size: 5rem;
  text-align: center;
  font-weight: 900;
}
.infor-count .box h3 {
  color: #0b0b0a;
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}
.infor-count .box p {
  color: #8c8c8d;
  font-size: 0.8rem;
  text-align: left;
  font-weight: 300;
  line-height: 1.3rem;
}

.faq h4 {
  font-size: 2rem;
  font-weight: 700;
  color: #0b0b0a;
}
.faq h3 {
  font-size: 3rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #00c0bf;
}
.faq .accordion-item {
  margin-top: 1rem;
  border-radius: 0 !important;
}
.faq .accordion-item .accordion-button {
  border-radius: 0 !important;
}
.faq .accordion-item .accordion-collapse {
  border-radius: 0 !important;
}
.faq .accordion-item .accordion-heade {
  border-radius: 0 !important;
}
.faq .accordion-item .accordion-button {
  background: transparent !important;
  border: 1px solid #8c8c8d;
  font-size: 1rem;
  border-radius: 0;
}

.media {
  background: #00c0bf;
}
.media .title {
  border-bottom: 1px solid #fff;
  margin-top: 1rem;
}
.media .title h4 {
  color: #fff;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 400;
}

.product-detail .title {
  border-bottom: 1px solid #0b0b0a;
  margin-top: 1rem;
}
.product-detail .title h4 {
  color: #0b0b0a;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 400;
}
.product-detail .description {
  display: flex;
  align-items: center;
}

.app-intro .text-wp {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.app-intro .text-wp h2 {
  font-size: 2.5rem;
  line-height: 2.875rem;
  color: #00c0bf;
  font-family: OpenSans-Bold, sans-serif;
  font-weight: 700;
  margin: 0 auto 1.92vw;
}
@media (max-width: 767.98px) {
  .app-intro .text-wp h2 {
    font-size: 1.5rem;
    text-align: center;
  }
}
.app-intro .text-wp p {
  font-size: 1rem;
  line-height: 1.725rem;
  color: #8c8c8d;
  font-family: OpenSans-Regular, sans-serif;
}

.aiot {
  background-image: url("/images/banners/num_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 120px 0;
  position: relative;
}
.aiot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.64);
}
.aiot .col:nth-child(2) h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.906vw;
  height: 3.906vw;
  font-size: 2rem;
  font-family: Ubuntu-Medium, sans-serif;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
  color: #00c0bf;
  border: 2px solid #00c0bf;
  margin: 0 auto 2.08vw;
  transition: all 0.5s ease;
  position: relative;
}
@media (max-width: 767.98px) {
  .aiot .col:nth-child(2) h2 {
    width: 3rem;
    height: 3rem;
  }
}
.aiot .col:nth-child(2) h2::before {
  content: "";
  position: absolute;
  top: calc(50% - 27px);
  right: -4.27vw;
  width: 248px;
  height: 54px;
  border: 2px dashed #bcbcbc;
  transform: translateX(100%);
  border-radius: 50%;
  clip: rect(34px, 300px, 60px, 0);
  transition: all 1.5s ease;
}
@media (max-width: 767.98px) {
  .aiot .col:nth-child(2) h2::before {
    display: none;
  }
}
.aiot .col:nth-child(1) h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.906vw;
  height: 3.906vw;
  font-size: 2rem;
  font-family: Ubuntu-Medium, sans-serif;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
  color: #00c0bf;
  border: 2px solid #00c0bf;
  margin: 0 auto 2.08vw;
  transition: all 0.5s ease;
  position: relative;
}
@media (max-width: 767.98px) {
  .aiot .col:nth-child(1) h2 {
    width: 3rem;
    height: 3rem;
  }
}
.aiot .col:nth-child(1) h2::before {
  content: "";
  position: absolute;
  top: calc(50% - 27px);
  right: -4.27vw;
  width: 248px;
  height: 54px;
  border: 2px dashed #bcbcbc;
  transform: translateX(100%);
  border-radius: 50%;
  clip: rect(0, 300px, 27px, 0);
  transition: all 1.5s ease;
}
@media (max-width: 767.98px) {
  .aiot .col:nth-child(1) h2::before {
    display: none;
  }
}
.aiot .col:nth-child(3) h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.906vw;
  height: 3.906vw;
  font-size: 2rem;
  font-family: Ubuntu-Medium, sans-serif;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
  color: #00c0bf;
  border: 2px solid #00c0bf;
  margin: 0 auto 2.08vw;
  transition: all 0.5s ease;
  position: relative;
}
@media (max-width: 767.98px) {
  .aiot .col:nth-child(3) h2 {
    width: 3rem;
    height: 3rem;
  }
}
.aiot .item-wp {
  padding: 1rem;
}
.aiot .item-wp p {
  text-align: center;
  color: #fff;
  position: relative;
}
.aiot .item-wp:hover h2 {
  background: #00c0bf !important;
  color: #fff !important;
}

.news-wrp .nav-item .nav-link {
  color: #b7bac8;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0;
}
.news-wrp .nav-item .nav-link.active {
  color: #00c0bf;
}
.news-wrp .card-wrp {
  border-bottom: 0.01rem solid #b7bac8;
}
.news-wrp .card {
  border: none;
}
.news-wrp .card .card-title {
  color: #050505;
  font-family: "Arial", Sans-serif;
  font-size: 23px;
  font-weight: 600;
}
.news-wrp .card-text {
  color: #8c8c8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
}

.pagination-nav ul li {
  border: none;
}
.pagination-nav ul li a {
  border: none;
  color: #0b0b0a;
}
.pagination-nav ul .disabled a {
  background: transparent;
}

.in-hero-single {
  background-image: url("/images/items/10000.jpg");
  background-size: cover;
  background-position: center;
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  position: relative;
  z-index: 1;
}
.in-hero-single h1 {
  font-size: 4rem;
}

.news-body .news-title h2 {
  color: #0b0b0a;
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.news-body .share {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
}
.news-body .share i {
  width: 20px;
  height: 20px;
  margin: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #FFF;
  font-size: 10px;
}
.news-body .share .fa-facebook-f {
  background: #3b5998;
}
.news-body .share .fa-twitter {
  background: #55acee;
}
.news-body .share .fa-linkedin-in {
  background: #0077b5;
}
.news-body .news-nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.news-body .news-nav .container a {
  color: #0b0b0a;
  font-family: "Arial", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
.news-body .related .news-item .image {
  margin-bottom: 1rem;
}
.news-body .related .news-item .image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-body .related .news-item .description h3 {
  font-size: 1rem;
  color: #0b0b0a;
  font-weight: 500;
}

.in-hero-2 h1 {
  color: #00c0bf;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 100px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 767.98px) {
  .in-hero-2 h1 {
    font-size: 2rem;
  }
}
.in-hero-2 .image {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .in-hero-2 .image {
    padding: 2rem;
  }
}

.counter .container .col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.counter .container .col h1 {
  color: #8c8c8d;
  font-size: 5rem;
  font-weight: 400;
  margin-left: 4rem;
}
@media (max-width: 767.98px) {
  .counter .container .col h1 {
    font-size: 3rem;
    margin-left: 0;
    color: #00c0bf;
  }
}
.counter .container .col h2 {
  color: #0b0b0a;
  font-size: 2rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .counter .container .col h2 {
    font-size: 2rem;
    margin-left: 0;
    color: #8c8c8d;
  }
}
@media (max-width: 767.98px) {
  .counter .container .col {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);
    border-radius: 8px;
    padding: 1rem;
  }
}

.senaryo-gallery .gallery-item {
  position: relative;
}
.senaryo-gallery .gallery-item .gallery-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.senaryo-gallery .gallery-item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22%;
  background: rgba(0, 0, 0, 0.5);
}
.senaryo-gallery .gallery-item .caption p {
  padding: 1rem;
  color: #fff;
  text-align: left;
}

.in-hero-profile {
  background-image: url("/images/banners/cbg.png");
  background-size: cover;
  background-position: center;
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.in-hero-profile::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.in-hero-profile .container {
  text-align: center;
  max-width: 600px;
}
.in-hero-profile .container h6 {
  text-align: left;
  color: #00c0bf;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1rem;
}
.in-hero-profile .container h1 {
  font-size: 4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.in-hero-profile .container p {
  font-size: 1rem;
  font-weight: 300;
  color: white;
  text-align: left;
  margin-top: 1rem;
  letter-spacing: 1px;
}

.profile-content .title h2 {
  color: #0b0b0a;
  font-size: 2rem;
  font-weight: 200;
  margin-bottom: 1rem;
}
.profile-content .content p {
  color: #8c8c8d;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}

.history {
  background: #f4f5f5;
}
.history .title {
  text-align: center;
}
.history .title h2 {
  color: #0b0b0a;
  font-size: 4rem;
  font-weight: 200;
}
.history .col {
  padding: 0;
}
.history .col p {
  color: #8c8c8d;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
.history .col h3 {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 0;
  font-weight: 300;
}
.history .col .y-2017,
.history .col .y-2021 {
  color: #F9DF8F;
}
.history .col .y-2018,
.history .col .y-2022 {
  color: #F17E77;
}
.history .col .y-2019,
.history .col .y-2024 {
  color: #4F9EDC;
}
.history .col .y-2020 {
  color: #944B85;
}

.products-portfolio .title {
  text-align: center;
}
.products-portfolio .title h2 {
  color: #0b0b0a;
  font-size: 4rem;
  font-weight: 200;
}
@media (max-width: 767.98px) {
  .products-portfolio .title h2 {
    font-size: 2rem;
  }
}
.products-portfolio .product {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.products-portfolio .product .description {
  text-align: center;
  margin-top: 30px;
}
.products-portfolio .product .description a {
  text-align: center;
  color: #0b0b0a;
  font-size: 16px;
  font-weight: 500;
}

.team .title {
  text-align: center;
}
.team .title h2 {
  color: #0b0b0a;
  font-size: 4rem;
  font-weight: 200;
}
@media (max-width: 767.98px) {
  .team .title h2 {
    font-size: 2rem;
  }
}
.team .text {
  background: #f4f5f5;
  padding: 1rem;
  text-align: left;
  color: #8c8c8d;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.team .t-wrp:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.team .t-wrp:nth-of-type(even) {
  flex-direction: row;
}

.scenario .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 2px solid #00c0bf;
}
@media (max-width: 767.98px) {
  .scenario .title {
    flex-direction: column;
    padding-bottom: 1rem;
  }
}
.scenario .title h2 {
  color: #00c0bf;
  font-size: 3rem;
}
.scenario .title .more-senario {
  color: #00c0bf;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: 1px solid #00c0bf;
  margin-left: 1rem;
}
.scenario .gallery-item img {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.scenario .gallery-item .caption p {
  color: #8c8c8d;
  text-align: center;
  font-weight: 300;
}

.appertunentis {
  background: #f4f5f5;
}
.appertunentis .col {
  margin-bottom: 10px;
}
.appertunentis .title h3 {
  color: #00c0bf;
  text-align: center;
  font-size: 3rem;
  font-weight: 900;
}
.appertunentis .market-card {
  background: #ffffff;
  padding: 40px 35px;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  max-width: 400px;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 34%, 31% 0, 100% 0, 100% 100%, 0 100%);
  height: 100%;
}
.appertunentis .market-card h3 {
  font-size: 1.7rem;
  text-align: right;
  font-weight: 600;
  color: #0b0b0a;
  margin-bottom: 2rem;
}
.appertunentis .market-card p {
  text-align: left;
  font-size: 1;
  color: #8c8c8d;
  font-weight: 300;
}

.d-benefits .title h3 {
  color: #00c0bf;
  text-align: center;
  font-size: 3rem;
  font-weight: 900;
}
.d-benefits .d-b-wrp {
  background: #00c0bf;
  color: white;
  height: 100%;
}
.d-benefits .d-b-wrp h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}
.d-benefits .d-b-wrp p {
  font-size: 1rem;
}

.company-strength {
  background-image: url("/images/banners/12.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.company-strength .title h3 {
  text-align: center;
  font-size: 3rem;
  font-weight: 300;
}
.company-strength .wrp h4 {
  font-weight: 600;
}

.in-hero-contact {
  background-image: url("/images/banners/coffee_02.jpg");
  background-size: cover;
  background-position: center;
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.in-hero-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
}
.in-hero-contact h1 {
  color: #00c0bf;
  font-weight: bold;
  font-size: 5rem;
  text-align: right;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .in-hero-contact h1 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
  }
}
.in-hero-contact h5 {
  color: #0b0b0a;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: right;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .in-hero-contact h5 {
    display: none;
  }
}
.in-hero-contact .dubtext {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.in-hero-contact .divider {
  height: 2px;
  width: 10%;
  background: #0b0b0a;
  float: right;
  margin-right: 1rem;
}
@media (max-width: 767.98px) {
  .in-hero-contact .divider {
    display: none;
  }
}

.contact-content .top h3 {
  text-transform: capitalize;
  color: #00c0bf;
  font-weight: 300;
  font-size: 2rem;
}
.contact-content .top p {
  color: #8c8c8d;
  font-weight: 300;
  font-size: 1rem;
}
.contact-content .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
  padding: 1rem 0 1rem 0;
  border-bottom: 1px solid #f4f5f5;
}
.contact-content .box .icon i {
  font-size: 2rem;
  color: #00c0bf;
}
@media (max-width: 767.98px) {
  .contact-content .box .text {
    text-align: center;
  }
}
.contact-content .box .text h5 {
  font-weight: 300;
  color: #0b0b0a;
  font-size: 0.9rem;
}
.contact-content .box .text p {
  font-weight: 700;
  color: #0b0b0a;
}
.contact-content .socials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
  padding: 1rem 0 1rem 0;
}
.contact-content .socials .top,
.contact-content .socials .bottom {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.contact-content .socials a {
  width: 40px;
  height: 40px;
  background-color: #00c0bf;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.2rem;
  text-decoration: none;
  transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}
.contact-content .socials a:hover {
  background-color: rgb(0, 141, 140.265625);
  transform: scale(1.1);
}

.map-wrp {
  background: #f4f5f5;
}
.map-wrp .title {
  text-align: center;
}
.map-wrp .title h2 {
  color: #0b0b0a;
  font-size: 4rem;
  font-weight: 200;
}

.in-hero-core {
  background-size: cover;
  background-position: center;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  min-height: 80vh;
}
@media (max-width: 767.98px) {
  .in-hero-core {
    min-height: 30vh;
    margin-top: 4rem;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
  }
}

.intro .slogan h2 {
  color: #8c8c8d;
  text-align: center;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-size: 47.8px;
  font-weight: normal;
}

.performance .col {
  margin-top: 10px;
  margin-bottom: 30px;
}
.performance .col p {
  font-size: 16px;
  color: #8c8c8d;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-weight: 300;
}

.map-wrp .counter .counter-box {
  text-align: center;
}
.map-wrp .counter h2 {
  font-size: 4rem;
  color: #8c8c8d;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  .map-wrp .counter h2 {
    font-size: 2rem;
  }
}
.map-wrp .counter p {
  font-size: 2rem;
  color: #8c8c8d;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .map-wrp .counter p {
    font-size: 1rem;
  }
}
.map-wrp .counter .green p,
.map-wrp .counter .green h2 {
  color: #00c0bf;
}

.award-list ul li {
  list-style: none;
  color: #8c8c8d;
  font-family: "AcuminVariableConcept", Sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}

.intro-benefit .container {
  text-align: center;
}
.intro-benefit .container .title h2 {
  font-size: 1.2rem;
}
.intro-benefit .container .sub-title {
  background: #00c0bf;
}
.intro-benefit .container .sub-title h3 {
  color: white;
  font-size: 1rem;
}

.advantages-benefits {
  height: 100%;
  min-height: 400px;
}
.advantages-benefits .wrp-container {
  display: flex;
  position: relative;
}
.advantages-benefits .wrp-container .content-section {
  width: 60%;
  background: white;
  padding: 30px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  bottom: -10%;
  border-radius: 0px;
}
.advantages-benefits .wrp-container .styled-list {
  list-style: none;
}
.advantages-benefits .wrp-container .styled-list li {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: bold;
}
.advantages-benefits .wrp-container .styled-list li:last-child {
  border-bottom: none;
}
.advantages-benefits .wrp-container .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #00bcd4;
  color: white;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  margin-right: 15px;
}
@media (max-width: 767.98px) {
  .advantages-benefits .wrp-container {
    flex-direction: column;
    align-items: center;
  }
  .advantages-benefits .wrp-container .content-section {
    padding: 0;
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}

.section-links {
  margin-bottom: 400px;
}
@media (max-width: 767.98px) {
  .section-links {
    margin-bottom: 40px !important;
  }
}
.section-links .section-2-wrp {
  display: flex;
  position: relative;
  min-height: 350px;
}
.section-links .section-2-wrp .section {
  width: 60%;
  background: white;
  padding: 30px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  bottom: -52%;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 2;
}
.section-links .section-2-wrp .section .box {
  padding: 1rem;
  border-bottom: 1px solid rgba(114, 114, 114, 0.4745098039);
}
.section-links .section-2-wrp .section .box a {
  background: #00c0bf;
  border-radius: 0;
  padding: 5px 10px 5px 10px;
  color: white;
}
.section-links .section-2-wrp .section .box p {
  margin-top: 20px;
  color: #8c8c8d;
  font-size: 14px;
  line-height: 1.5;
}
.section-links .section-2-wrp .image-section-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .section-links .section-2-wrp {
    flex-direction: column-reverse !important;
    align-items: center;
  }
  .section-links .section-2-wrp .section {
    position: static;
    width: 90%;
    margin-top: 20px;
  }
  .section-links .section-2-wrp .image-section-2 {
    position: static;
    width: 100%;
    text-align: center;
  }
}

.compare {
  position: relative;
}
.compare .col a {
  text-align: center !important;
}
.compare .vs {
  width: 140px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media (max-width: 767.98px) {
  .compare .vs {
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.compare .col {
  padding: 0;
}
.compare .link {
  position: relative;
  overflow: hidden;
  height: 300px;
  background: #0b0b0a;
}
.compare .link img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease-in-out;
  opacity: 0.6;
}
.compare .link img:hover {
  transform: scale(1.1);
}
.compare .link a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  color: white;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

.advantage {
  background: #f4f5f5;
}
.advantage .col {
  padding: 3rem;
}
.advantage .wrp {
  background: white;
  position: relative;
  padding: 2rem 3rem 2rem 4rem;
  height: 100%;
}
@media (max-width: 767.98px) {
  .advantage .wrp {
    flex-direction: column;
    align-items: center;
    padding: 1rem;
  }
}
.advantage .wrp .icon {
  position: absolute;
  top: 50%;
  left: -10%;
  transform: translateY(-50%);
}
.advantage .wrp .icon img {
  width: 100px;
  height: 100x;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .advantage .wrp .icon {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.advantage .wrp h2 {
  font-size: 1.2rem;
}
.advantage .wrp p {
  color: #8c8c8d;
  font-size: 1;
}

.monitizing .title-section {
  text-align: center;
}
.monitizing .title-section h2 {
  font-weight: 900;
}
.monitizing .title-section p {
  font-size: 1rem;
  color: #8c8c8d;
}
.monitizing .col {
  padding: 0;
}
.monitizing .wrp {
  position: relative;
  overflow: hidden;
  height: 400px;
}
.monitizing .wrp .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
  background: #f4f5f5;
}
.monitizing .wrp .title {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  z-index: 10;
  text-align: center;
}
.monitizing .wrp .cover-img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 8;
  position: relative;
}
.monitizing .wrp:hover .cover-img {
  transform: translateY(400px);
}
.monitizing .wrp:hover .title {
  display: none;
}

.in-hero-brain {
  background-size: cover;
  background-position: center;
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 1;
}
.in-hero-brain::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 192, 192, 0.5647058824);
  z-index: -1;
}
.in-hero-brain h1 {
  font-size: 4rem;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .in-hero-brain h1 {
    font-size: 2rem;
  }
}

.smart-cards .card {
  background: #f4f5f5;
  border: none;
  border-radius: 0;
  text-align: center;
  height: 100%;
}
.smart-cards .card .image-wrap {
  overflow: hidden;
}
.smart-cards .card .image-wrap img {
  border-radius: 0;
  transition: all 0.5s;
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.smart-cards .card .image-wrap img:hover {
  transform: scale(1.1);
}
.smart-cards .card .card-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0b0b0a;
  text-transform: capitalize;
  border-bottom: 1px solid #b7bac8;
  padding-bottom: 2rem;
  padding-top: 2rem;
  margin-bottom: 2rem;
}

.online-operation .title h5 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0b0b0a;
  text-transform: capitalize;
  margin-top: 2rem;
}
.online-operation .title p {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0b0b0a;
  text-transform: uppercase;
}
.online-operation .image {
  overflow: hidden;
}
.online-operation .image img {
  transition: all 0.5s ease-in-out;
}
.online-operation .image img:hover {
  transform: scale(1.1);
}

.bubles .list-box {
  margin: 1.375rem 0 0;
  padding-top: 3rem;
  border-top: 0.5rem solid #eef3f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767.98px) {
  .bubles .list-box {
    border-top: none;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .bubles .list-box .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
  }
}
.bubles .list-box .buble {
  width: 14.125rem;
  height: 14.125rem;
  flex: none;
  position: relative;
  width: 11.125rem;
  height: 11.125rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
  line-height: 1.25rem;
  font-family: Ubuntu-Medium, sans-serif;
  font-weight: 500;
  text-align: center;
  color: #333;
  transition: all 1s ease;
}
.bubles .list-box .buble:hover {
  transform: translateY(0.5rem);
}
.bubles .list-box .buble .wrp {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.bubles .list-box .buble .wrp img {
  width: 2.125rem;
  height: 2.125rem;
  margin-bottom: 1.25rem;
}
.bubles .list-box .buble .wrp h5 {
  font-size: 1rem;
  font-weight: 300;
  color: #333;
  text-transform: capitalize;
}
.bubles .list-box .buble::after {
  content: "";
  position: absolute;
  top: -2.625rem;
  left: calc(50% - 0.53125rem);
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  border: 2px solid #00c0bf;
  background-color: #fff;
  transform: translateY(-100%);
  transition: all 1s ease;
}
@media (max-width: 767.98px) {
  .bubles .list-box .buble::after {
    display: none;
  }
}

.links .col {
  padding: 0;
}
.links .link {
  position: relative;
  overflow: hidden;
  height: 300px;
  background: #0b0b0a;
}
.links .link img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease-in-out;
  opacity: 0.6;
}
.links .link img:hover {
  transform: scale(1.1);
}
.links .link a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  color: white;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.links .link a span {
  float: right;
  width: 3rem;
  height: 3rem;
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}