h1, h2, h3, h4, h5, h6 {
  font-family: DINOT;
  font-weight: bold;
  color: #004FA3;
}

h1 {
  /* font-size: 72px; */
}

h2 {
  /* font-size: 64px; */
}

h3 {
  /* font-size: 42px; */
}

h4 {
  font-size: 24px;
  font-weight: normal;
}

h5 {
  font-size: 20px;
  font-weight: normal;

}

h6 {
  font-size: 18px;
  font-weight: normal;

}

/* body, textarea, span, p, a {
  font-family: 'Open Sans';

} */

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    list-style-type: disclosure-closed;
  
    }
    .image {
  color: var(--Primary_BG, rgba(0, 79, 163, 0.40));
  text-align: center;
  font-size: 74px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.image.active {
  color: var(--Primary_Disable, #004FA3);
}

.text-aw {
  display: none;
  color: var(--Secondary, #6C757D);
  text-align: center;
  /* Kit_Text 2 */
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text-aw.active {
  display: block;
}

.text-aw>span {
  color: var(--Primary_Dark, #004FA3);
  font-size: inherit;
}

.aw-h1>h1 {
  color: var(--Primary_Dark, #004FA3);
  text-align: center;
  font-size: 64px;
}

@keyframes updown {
  0% {
    transform: translateY(-20%);
  }

  50% {
    transform: translateY(20%);
  }

  100% {
    transform: translateY(-20%);
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.box-cantor h3, .box-clarity h3 {
  color: var(--White, #FFF);
}

.box-clarity h3 {
  color: var(--Primary_Dark, #004FA3);
}

.box-cantor span, .box-clarity span {
  color: var(--Light, #FAFCFC);
  /* Style_Text1_em */
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.box-clarity span {
  color: var(--Primary_Dark, #004FA3);
}

.box-cantor .products, .box-clarity .products {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(min(215px, 50%), 1fr));
  padding-top: 10px;

}

.box-cantor .products .product, .box-clarity .products .product {
  flex: 1;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 8px;
}

.p-logo {
  border-radius: 8px 8px 0 0;
  border-top: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-right: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-left: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  display: flex;
  gap: 10px;
  padding: 5px 10px;
  align-items: center;
  align-self: stretch;
  color: var(--Primary_Dark, #004FA3);
  /* Kit_Text 2_em */
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.aw-logo {
  padding: 10px 10px;

}

.aw-logo h4, .aw-logo h1 {
  line-height: 1;
  padding: unset;

}

.aw-logo i {
  vertical-align: sub;
  font-size: 30px;
  background: linear-gradient(131deg, #0025B0 13.48%, #004587 49.94%, #00172D 88.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.products .product .aw-logo {

  border-radius: 8px 8px 0 0;
  border-top: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-right: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-left: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
}

.p-name {

  padding: 5px 10px;
  align-items: center;
  text-align: left;
  gap: 10px;
  align-self: stretch;
  color: var(--Primary_Dark, #004FA3);
  /* Kit_Text 1_em */
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-right: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-left: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  background: var(--Primary40, rgba(0, 79, 163, 0.40));
  font-family: DINOT, Verdana, Geneva, Tahoma, sans-serif;
}

.p-image {
  height: 150px;
  background-size: cover;
  border-radius: 0 0 8px 8px;
  border-right: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-left: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
  border-top: 2px solid var(--Primary25, rgba(0, 79, 163, 0.25));
}

#erp-cim {
  background-image: url(/wp-content/uploads/2024/06/portrait-of-cheerful-businesswoman-holding-digital-scaled.jpg);

}

#add-ons {
  background-image: url(/wp-content/uploads/2024/06/artificial-intelligence-data-center-technology-scaled.jpg);

}

#cl-add-ons {
  background-image: url(/wp-content/uploads/2024/06/wide-angle-abstract-background-with-stack-of-flat-scaled.jpg);

}

#cl-products {
  background-image: url(/wp-content/uploads/2024/06/close-up-view-of-two-skyscrapers-glass-blue-window-scaled.jpg);

}

#btn-cantor,#btn-clarity  {
  text-align: center;
  display: flex;
}

#btn-cantor h4,#btn-clarity h4 {
  margin: auto;
  font-size: 28px;
  padding: 0;
  color: var(--Primary_Dark, #004FA3);
  flex: 5;
}

#btn-cantor i, #btn-clarity i {
  margin: auto;
  font-size: 36px;
  color: var(--Primary_Dark, #004FA3);
  flex: 1;
  text-align: right;
}
#cantor-header{
  text-shadow: 1px 1px darkslategrey;
}
#mobile_menu1 {
    width: 100vw!important;
    position: absolute!important;
    left: -50vw!important;
    /* top: -1px; */
    /* height: 86vh; */
  text-align: center!important;
top: 40px!important;
}
@media (max-width:600px){
  .text-aw{
    font-size:18px
  }
  .aw-h1>h1 {
    font-size: 48px;
  }
  .box-clarity h3, .box-cantor h3 {
  font-size: 36px;
  font-weight: bold;
}
}