/*
Theme Name:   Rulex
Theme URI:    https://rulex.ai/
Description:  A nice theme for Rulex Inc.
Author:       Mirko Mancini
Author URI:   https://rulex.ai/
Template:     Divi
Version:      4.5.9
License:      Rulex Inc. All rights reserved
License URI:  https://rulex.ai/
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  rulex
*/

@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap);

:root {
  --darkGray: #444;
  --neutralWhite: #fff;
  --LightGray: #f5f5f5;
  --lightBlue: #deeeff;
  --lighterGreen: #effbf3;

  --primaryXLiteBlue: #9ccbff;
  --primaryLightBlue: #5aa1f9;
  --primaryLightYellow: #ffff6a;
  --primaryLightGreen: #65d98e;
  --primaryAcidLightGreen: #c7ffde;
  --primaryLightRed: #ff7161;

  --primaryBlue: #0073c6;
  --primaryOrange: #ff7c1a;
  --primaryYellow: #ffd134;
  --primaryDesatGreen: #a1e5ad;
  --primaryGreen: #2ba760;
  --primaryPurple: #872eea;
  --primaryRed: #d03e36;

  --secondaryLightRed: #d04337;
  --secondaryLightYellow: #ffd134;
  --secondaryLightBlue: #4d73c6;
  --secondaryLightGreen: #46a760;

  --secondaryBlue: #004895;
  --secondaryDarkBlue: #002266;
  --secondaryXDarkBlue: #00173d;
  --secondaryGreen: #007735;
  --secondaryDarkGreen: #004a0b;
  --secondaryRed: #98000f;
  --secondaryDarkRed: #630000;
  --secondaryYellow: #c8a000;
  --secondaryDarkYellow: #937200;

  --lightFontWeight: 300;
  --thinFontWeight: 400;
  --regularFontWeight: 500;
  --boldFontWeight: 700;
  --xboldFontWeight: 900;
  --hmFontFamily: "Montserrat", sans-serif;
  --hrFontFamily: "Roboto", sans-serif;
  --faFontFamily: "FontAwesome";
  --etFontFamily: "ETmodules";
  --dropCapFamily: "Roboto Slab", serif;
  --fasTransition: all 100ms ease-in-out;
  --midTransition: all 200ms ease-in-out;
  --sloTransition: all 300ms ease-in-out;
}

/*hide home*/
.rlx-home {
  display: none !important;
}

/* Top Menu */
.top_menu {
  padding-block: 0.25em;
  background: linear-gradient(119deg,
      rgba(238, 246, 255, 0) 5%,
      rgba(238, 246, 255, 1) 2%);
}

.et_pb_menu__icon.et_pb_menu__search-button {
  padding-right: 1em;
  margin-top: 3px;
}

/* Two buttons to the right on header */
.grid-container-btn {
  display: grid;
  gap: 1ch;
  padding: 1em;
}

.grid-container--fit-btn {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}

.grid-element-btn {
  background-color: var(--secondaryDarkBlue);
  padding-block: 0.15em;
  color: var(--neutralWhite);
  border-radius: 0.5em;
  font-family: var(--hmFontFamily);
  text-align: center;
  text-transform: uppercase;
  font-weight: var(--regularFontWeight);
  transition: var(--sloTransition);
}

.grid-element-btn:hover {
  background-color: var(--primaryLightGreen);
  color: var(--secondaryDarkBlue);
  scale: 0.95;
}

/* Top Menu Low res desktop (1360px and down) */
@media only screen and (max-width: 1360px) {
  .top_menu {
    min-width: 35vw;
  }
}

/* Tablet Top and Main Menu (1024px and down) */
@media only screen and (max-width: 1024px) {
  .top_menu {
    min-width: 42vw;
  }

  .rlx-menu.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li,
  .rlx-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    padding-right: 0 !important;
  }
}

/*  Bio Author description */
.biografia {
  padding: 1em !important;
  font-family: var(--hmFontFamily);
  font-size: 0.95rem;
  line-height: 1.3em !important;
}

/* Opacity blog module in Blog page */
.page-id-224603 .et_pb_blog_grid .et_pb_salvattore_content[data-columns] .column .et_pb_post {
  opacity: 1 !important;
}

/* Equal Heigh Divi Blog Grid ET solution */
.et_blog_grid_equal_height article {
  overflow: hidden;
}

/* toggle with animated arrow */
.et_pb_toggle_title:before {
  content: "\33";
  transition: var(--midTransition);
}

.et_pb_toggle_open .et_pb_toggle_title::before {
  content: "\33";
  transform: rotate(180deg);
}

/** img-flex Blockquote testimonials **/
.img-flex-bq {
  display: flex;
}

.img-flex-bq>* {
  flex-basis: 100%;
}

.img-flex-bq img {
  max-width: 180px;
}

@media (max-width: 767px) {
  .img-flex-bq img {
    max-width: 80%;
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 767px) {
  .img-flex-bq {
    display: wrap;
    flex-flow: column;
  }
}

/** Removing the Divi Header Bottom Border **/
header#main-header.et-fixed-header,
#main-header {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/** list fontawesome and custom fa markers **/
.fa-marker-check> ::marker,
.fa-marker-check-flag> ::marker	{
  color: var(--primaryLightGreen);
  font-size: 1rem;
  font-family: var(--faFontFamily) !important;
  font-weight: 900 !important;
}

.fa-marker-check> ::marker {
  content: "\f00c";
}

.fa-marker-check-flag> ::marker {
  content: "\f14a";
}

.fa-marker-check>li,
.fa-marker-check-flag>li {
  padding-left: 0.5em;
}

ul.fa-ul {
  list-style: none;
  margin-left: 0;
}

.fa-li.blue {
  color: var(--primaryBlue);
}

.fa-li.green {
  color: var(--primaryLightGreen);
}

.fa-li.red {
  color: var(--primaryRed);
}

.fa-li.yellow {
  color: var(--primaryYellow);
}

/* sidebar */
#sidebar {
  font-family: var(--hmFontFamily);
  font-size: 0.75rem;
  line-height: 1.75;
}

.et_pb_widget li a:hover {
  color: var(--primaryBlue);
}

/* Custom Blockquote */
.component {
  font-family: var(--hrFontFamily);
  font-size: 0.9rem;
  line-height: 1.2rem;
  width: auto;
  margin: 1em auto;
  padding: 1rem;
}

.component blockquote.quote {
  position: relative;
  text-align: center;
  padding: 4rem 2.5rem;
  width: 80%;
  /* create space for the quotes */
  color: #484748;
  margin: 1rem auto 2rem;
}

.component blockquote.EN {
  background-color: #e5f1f9;
  border-radius: 25px;
  border-width: 0;
}

/* -- create the quotation marks -- */
.component blockquote.quote:before,
.component blockquote.quote:after {
  font-family: var(--hmFontFamily);
  position: absolute;
  color: var(--secondaryBlue);
  font-size: 3rem;
}

.component blockquote.EN:before {
  content: "“";
  font-weight: var(--xboldFontWeight);
  font-size: 5rem;
  top: 0.5rem;
  left: 48%;
}

/*	Slider testimonial */
.dsm_card_carousel .swiper-pagination-bullets {
  bottom: 1em;
}

/** INLINE BUTTONS **/
/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
}

.pa-inline-buttons {
  text-align: center !important;
}

/*----------Custom Back To Top Button----------*/
.et_pb_scroll_top.et-visible {
  opacity: 1;
  -webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.et_pb_scroll_top.et-pb-icon {
  right: 15px;
  bottom: 100px;
  border-radius: 25px;
  background-color: var(--primaryLightGreen);
  padding: 10px;
  transition: var(--midTransition);
}

.et_pb_scroll_top.et-pb-icon:hover {
  background-color: var(--primaryLightBlue);
}

.et_pb_scroll_top:before {
  content: "\42";
  font-family: "ETmodules" !important;
}

/* H4 Greenish TITLE */
.greeny {
  font-family: var(--hmFontFamily);
  display: block;
  font-size: 1.8rem;
  margin-bottom: 0.5em;
  font-weight: var(--boldFontWeight);
  color: var(--primaryLightGreen) !important;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/** Testimonial Custom Icon **/
.et_pb_testimonial::before {
  content: "\7b";
}

/** Testimonial override into slider **/
.et_pb_testimonial_1.et_pb_testimonial * {
  text-shadow: none !important;
}

.et_pb_testimonial_0.et_pb_testimonial .et_pb_testimonial_author,
.et_pb_testimonial_1.et_pb_testimonial .et_pb_testimonial_author,
.et_pb_testimonial_2.et_pb_testimonial .et_pb_testimonial_author,
.et_pb_testimonial_3.et_pb_testimonial .et_pb_testimonial_author,
.et_pb_testimonial_4.et_pb_testimonial .et_pb_testimonial_author,
.et_pb_testimonial_5.et_pb_testimonial .et_pb_testimonial_author {
  color: var(--darkGray);
  text-shadow: none;
}

.et_pb_slide_content p:last-of-type {
  color: var(--darkGray);
  text-shadow: none !important;
}

.et_pb_testimonial_0.et_pb_testimonial::before {
  font-size: 5rem;
}

.et_pb_testimonial_0::before {
  top: -40px !important;
}

@media only screen and (max-width: 600px) {
  .et_pb_testimonial_0::before {
    top: -40px !important;
    margin-left: -40px !important;
  }
}

/** Author Bio Box custom CSS **/
#author-bio-box .bio-gravatar img {
  -moz-border-radius: 250px;
  -webkit-border-radius: 250px;
  border-radius: 250px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--neutralWhite);
  border: 1px solid var(--neutralWhite);
  margin: 0.5em;
  padding: 0;
}

#author-bio-box {
  margin: 0 auto !important;
  padding: 0 6vw !important;
}

#author-bio-box>h3 a {
  font-size: 1rem;
  padding: 0.8vw 0.5vw 0 0.5vw !important;
  color: var(--secondaryDarkBlue) !important;
}

#author-bio-box {
  display: grid;
  grid-template-areas:
    "uno due due due due due due due"
    "uno tre tre tre tre tre tre tre";
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.bio-gravatar {
  grid-area: uno;
}

#author-bio-box>h3 {
  margin-block: auto;
  grid-area: due;
}

.bio-description {
  grid-area: tre;
}

.avatar.avatar-70.photo {
  min-width: 7em;
}

/** Reverse column order in factory page when on mobile layout **/
@media screen and (max-width: 980px) {
  .twoColumnSwitch {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/* dropcap */
.et-dropcap {
  display: block;
  float: left;
  margin: 0 0.1em 0 0;
  font-size: 3.5em;
  line-height: 1;
  font-weight: var(--thinFontWeight);
  font-family: var(--dropCapFamily);
}

/* TITLE AND PARAGRAPH TESTIMONIALS */
.et_pb_testimonial .et_pb_testimonial_author {
  font-weight: var(--xboldFontWeight);
  font-size: 1.2rem;
  color: var(--darkGray) !important;
  line-height: 0.1em;
  text-align: left;
  margin-top: 1em;
}

.et_pb_testimonial p {
  font-family: var(--hrFontFamily);
  font-weight: 300;
  font-size: 1rem;
  color: var(--darkGray) !important;
  line-height: 1.3em !important;
  text-align: left;
}

/* MAIN DROPDOWN MENU */

/* Change the space between menu voices */
.et_pb_fullwidth_menu .et-menu>li,
.et_pb_menu .et-menu>li {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}

/* Change the space between menu voices and submenu glyph*/
.et-menu .menu-item-has-children>a:first-child {
  padding-right: 1em;
}

/* Change the width of the dropdown container */
.rlx-menu ul.sub-menu {
  min-width: 40ch;
}

/* Change the width of the links inside the dropdown */
.rlx-menu ul.sub-menu li,
.rlx-menu ul.sub-menu li a {
  width: 100%;
}

/* Position the second level dropdown correctly */
.rlx-menu .nav li li ul {
  left: 300px;
}

.rlx-menu .nav li.et-reverse-direction-nav li ul {
  left: auto;
  right: 300px;
}

/* Extend dropdown links full-width */
.rlx-menu .nav li li {
  padding: 0;
  min-width: 100%;
}

.rlx-menu .nav li li a {
  min-width: 100%;
}

/* Change the dropdown links font */
.rlx-menu .nav li li a {
  text-transform: none;
  font-weight: 400;
  font-size: 1em;
}

/* Change the dropdown links hover effect */
.rlx-menu.et_pb_module.et_pb_menu .nav li li a {
  transition: var(--midTransition);
}

.rlx-menu.et_pb_module.et_pb_menu .nav li li a:hover {
  background-color: var(--primaryLightGreen);
  color: var(--neutralWhite) !important;
  opacity: 1;
  padding-left: 4em;
  border-radius: 10px 10px 0 10px;
}

/* Adding ribbon on hover */
.rlx-menu.et_pb_module.et_pb_menu .nav li li:hover::after {
  content: "";
  position: absolute;
  right: -16px;
  top: 40px;
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid var(--secondaryLightGreen);
  animation-duration: 0.25s;
  animation-name: animate-fade;
  animation-delay: 0.1s;
  animation-fill-mode: backwards;
}

@keyframes animate-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Remove the dropdown border and inner spacing */
.rlx-menu.et_pb_menu .et-menu-nav ul.sub-menu {
  padding: 0;
  border-top: 0;
}

/* Move the first-level dropdown to the left */
.rlx-menu ul.nav>li>ul.sub-menu {
  transform: translateX(-9px);
}

/* Add rounded corners to the dropdown container */
.rlx-menu.et_pb_menu .et-menu-nav ul.sub-menu {
  border-radius: 10px;
}

/* Add rounded corners and space for the ribbon to the first dropdown item */
.rlx-menu ul.sub-menu li:first-child a {
  border-radius: 10px 10px 0 0;
  margin-top: 1em;
}

/* Add more space for the ribbon on the first child only */
.rlx-menu.et_pb_module.et_pb_menu .nav li li:first-child:hover::after {
  top: 56px;
}

/* Add rounded corners and space for the ribbon to the last dropdown item */
.rlx-menu ul.sub-menu li:last-child a {
  border-radius: 0 0 10px 10px;
  margin-bottom: 1em;
}

/*  Add properties for Menu VOICE SEPARATOR */
.rlx-menu.et_pb_module.et_pb_menu .nav li li.donthover a {
  color: var(--primaryGreen) !important;
  font-weight: var(--boldFontWeight);
  letter-spacing: 0.1em;
  line-height: 1em;
}

.rlx-menu.et_pb_module.et_pb_menu .nav li li.donthover a:hover {
  background-color: transparent;
  opacity: 1;
  padding-left: 3.35em;
  border-radius: 0;
}

.rlx-menu.et_pb_module.et_pb_menu .nav li li.donthover a:hover:after {
  content: initial !important;
}

/* DONTHOVER Removing ribbon on hover for Menu VOICE SEPARATOR */
.rlx-menu.et_pb_module.et_pb_menu .nav li li.donthover:hover::after {
  content: none;
}

/*  Add properties for Menu VOICE child- / father-donthovermegamenu */
.rlx-menu.et_pb_module.et_pb_menu .nav li li.child-donthovermegamenu a,
.rlx-menu.et_pb_module.et_pb_menu .nav li li.child-donthovermegamenu a:hover {
  background-color: transparent;
  opacity: 1;
  padding-left: 0;
  border-radius: 0;
}

.rlx-menu.et_pb_module.et_pb_menu .nav li li.child-donthovermegamenu a:hover::after {
  content: initial !important;
}

/* Removing ribbon on donthovermegamenu for Mega Menu shortcode */
.rlx-menu.et_pb_module.et_pb_menu .nav li li.child-donthovermegamenu:hover::after {
  content: none;
}

/*	Size for 4 columns */
.rlx-menu .father-donthovermegamenu ul.sub-menu {
  min-width: 800px;
  z-index: 99999;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.superNoble {
  font-weight: 700;
  font-size: 1rem;
}

.miniNoble {
  font-size: 0.9rem;
}

/* menuMobileCapoverse */
.et_mobile_menu .menu-item-has-children .menuMobileCapoverse>a {
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Remove the dropdown shadow */
.rlx-menu.et_pb_menu .et-menu-nav ul.sub-menu {
  box-shadow: none;
}

/* Modify the dropdown shadow */
.rlx-menu.et_pb_menu .et-menu-nav ul.sub-menu {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.2);
}

/* Add triangle arrow to the dropdown */
.rlx-menu ul.nav>li>ul.sub-menu:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--neutralWhite) transparent;
  position: absolute;
  top: -10px;
  left: 30px;
}

/* Move the arrow to the center */
.rlx-menu ul.nav>li>ul.sub-menu:before {
  left: 50%;
  transform: translateX(-50%);
}

/* Center-align the dropdown */
.rlx-menu ul.nav>li>ul.sub-menu {
  transform: translateX(-50%);
  left: 50%;
  transition: var(--midTransition);
}

/* Left-align the dropdown text */
.rlx-menu .sub-menu a {
  text-align: left;
  padding-left: 5ch;
  margin-left: 16px;
}

/* Change the default dropdown animation */
.rlx-menu ul.nav>li>ul.sub-menu {
  transform: translateY(10px);
  transition: var(--midTransition);
}

.rlx-menu ul.nav>li:hover>ul.sub-menu {
  transform: translateY(0);
}

/* Change the default animation for the center-aligned dropdown*/
.rlx-menu ul.nav>li>ul.sub-menu {
  transform: translate(-50%, 10px);
}

.rlx-menu ul.nav>li:hover>ul.sub-menu {
  transform: translate(-50%, 0);
}

/* Change the vertical dropdown offset */
.rlx-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
  padding-bottom: 20px;
}

/*  Adjust height of search icon   */
.et_pb_menu__search-button::after {
  margin-bottom: 10px;
}

/* MOD BG MENU FROM RIL */
.rlx-menu.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li,
.rlx-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
  transition: var(--midTransition);
}

.rlx-menu.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li,
.rlx-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 10px 15px 0 15px;
  margin-top: -1px;
}

/* ACTIVE MENU VOICE */
.rlx-menu.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
  background-color: transparent;
}

.rlx-menu.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li,
.rlx-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
  padding-right: 0.5em;
}

/* END OF BG MENU MOD */

/* ADDING ICONS TO MENU */
@media only screen and (min-width: 992px) {

  /* COMMON PROPERTIES */
  .menu-financialservices::before,
  .menu-financialservices:hover::before,
  .menu-manufacturing::before,
  .menu-manufacturing:hover::before,
  .menu-healthcare::before,
  .menu-healthcare:hover::before,
  .menu-energy::before,
  .menu-energy:hover::before,
  .menu-supplychain::before,
  .menu-supplychain:hover::before,
  .menu-marketing::before,
  .menu-marketing:hover::before,
  .menu-rulexacademy::before,
  .menu-rulexacademy:hover::before,
  .menu-freetraining::before,
  .menu-freetraining:hover::before,
  .menu-blog::before,
  .menu-blog:hover::before,
  .menu-ebook-guides::before,
  .menu-ebook-guides:hover::before,
  .menu-aboutus::before,
  .menu-aboutus:hover::before,
  .menu-workingwithus::before,
  .menu-workingwithus:hover::before,
  .menu-rdprojects::before,
  .menu-rdprojects:hover::before,
  .menu-studentopportunities::before,
  .menu-studentopportunities:hover::before,
  .menu-becomeapartner::before,
  .menu-becomeapartner:hover::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 30px 25px;
    height: 25px;
    width: 30px;
    animation-duration: 0.25s;
    animation-fill-mode: both;
    z-index: 5;
  }

  /* common menu icons properties */
  .menu-supplychain::before,
  .menu-financialservices::before,
  .menu-manufacturing::before,
  .menu-healthcare::before,
  .menu-energy::before,
  .menu-marketing::before,
  .menu-rulexacademy::before,
  .menu-freetraining::before,
  .menu-blog::before,
  .menu-ebook-guides::before,
  .menu-aboutus::before,
  .menu-becomeapartner::before,
  .menu-workingwithus::before,
  .menu-studentopportunities::before,
  .menu-rdprojects::before {
    animation-name: animate-out;
    animation-delay: 0.1s;
  }

  .menu-supplychain:hover::before,
  .menu-financialservices:hover::before,
  .menu-manufacturing:hover::before,
  .menu-healthcare:hover::before,
  .menu-energy:hover::before,
  .menu-marketing:hover::before,
  .menu-rulexacademy:hover::before,
  .menu-freetraining:hover::before,
  .menu-blog:hover::before,
  .menu-ebook-guides:hover::before,
  .menu-aboutus:hover::before,
  .menu-becomeapartner:hover::before,
  .menu-workingwithus:hover::before,
  .menu-studentopportunities:hover::before,
  .menu-rdprojects:hover::before {
    animation-name: animate-in;
    animation-delay: 0.25s;
  }

  /*	SOLUTIONS 
  supplychain */
  .menu-supplychain::before {
    top: 1.65em;
    background-image: var(--wpr-bg-c42a7899-a00c-431d-80e1-1f435361e5ec);
    background-position: 0.25em;
  }

  .menu-supplychain:hover::before {
    background-image: var(--wpr-bg-e81a2c54-ae2f-45cd-91dc-1d6e460bba86);
  }

  /* financialservices */
  .menu-financialservices::before {
    top: 0.4em;
    background-image: var(--wpr-bg-ef8abaa4-13e0-4f35-8289-d50f944c6aff);
  }

  .menu-financialservices:hover::before {
    background-image: var(--wpr-bg-219a73e2-1efc-4a77-9a0d-7fb71033625d);
  }

  /* manufacturing */
  .menu-manufacturing::before {
    top: 0.4em;
    background-image: var(--wpr-bg-24fcc2fa-23e9-492c-8d1f-44441562121d);
  }

  .menu-manufacturing:hover::before {
    background-image: var(--wpr-bg-c71ec8e4-672b-4f83-9e65-9c8a59b41359);
  }

  /* healthcare */
  .menu-healthcare::before {
    top: 0.4em;
    background-image: var(--wpr-bg-cdb0f4b0-b79b-46e9-b36f-0c9028342342);
  }

  .menu-healthcare:hover::before {
    background-image: var(--wpr-bg-50bef21a-92c0-4b58-9cae-9b508a814b90);
  }

  /* energy */
  .menu-energy::before {
    top: 0.4em;
    background-image: var(--wpr-bg-5e52b763-696f-4104-978c-1a8849228fe7);
  }

  .menu-energy:hover::before {
    background-image: var(--wpr-bg-cde217d1-0ae7-4da7-a938-2bc9fe598109);
  }

  /* marketing */
  .menu-marketing::before {
    top: 0.4em;
    background-image: var(--wpr-bg-432cbba3-c273-4b13-8e86-8ed0d7004d63);
  }

  .menu-marketing:hover::before {
    background-image: var(--wpr-bg-25f53c52-e921-4aeb-99ff-7174113fd237);
  }

  /*	RESOURCES
  rulexacademy */
  .menu-rulexacademy::before {
    top: 1.65em;
    background-image: var(--wpr-bg-c8d22ef9-4f45-4d0c-885f-a4ef8b3cf795);
  }

  .menu-rulexacademy:hover::before {
    background-image: var(--wpr-bg-6905102c-d4e1-49e2-be88-09fe6e41990a);
  }

  /* freetraining */
  .menu-freetraining::before {
    top: 0.5em;
    background-image: var(--wpr-bg-97849eb7-3d6f-4648-a967-e657c2b7a25d);
  }

  .menu-freetraining:hover::before {
    background-image: var(--wpr-bg-e51121af-5ff2-4911-b3ff-7909eb0dee38);
  }

  /* blog */
  .menu-blog::before {
    top: 0.4em;
    background-image: var(--wpr-bg-b68467f8-9025-4046-abcd-5dffe80d6a99);
  }

  .menu-blog:hover::before {
    background-image: var(--wpr-bg-a6631093-0696-425f-b3d6-2a50cf55da99);
  }

  /* ebook-guides */
  .menu-ebook-guides::before {
    top: 0.5em;
    background-image: var(--wpr-bg-e7d279c8-02b2-4164-a099-c16a7e03ed16);
  }

  .menu-ebook-guides:hover::before {
    background-image: var(--wpr-bg-1a1c9b97-c83a-4075-a718-6577d8721ec1);
  }

  /*	COMPANY	
   aboutus */
  .menu-aboutus::before {
    top: 1.65em;
    background-image: var(--wpr-bg-8d20e2ea-eb91-4a92-ae69-08b521221c42);
  }

  .menu-aboutus:hover::before {
    background-image: var(--wpr-bg-68063d8c-fa51-4a7c-8576-f73f481dcc1a);
  }

  /* becomeapartner */
  .menu-becomeapartner::before {
    top: 0.5em;
    /* top: 1.65em; */
    background-image: var(--wpr-bg-6ce58d89-4061-4caf-b432-2024c91e44dc);
  }

  .menu-becomeapartner:hover::before {
    background-image: url(../svg/w_25_become_a_partner.svg);
  }

  /* workingwithus */
  .menu-workingwithus::before {
    top: 0.4em;
    background-image: var(--wpr-bg-3c9eeec1-eb3b-4623-90a2-0bd77facac57);
  }

  .menu-workingwithus:hover::before {
    background-image: var(--wpr-bg-f577bfd9-5def-4631-b572-5145081280b3);
  }

  /* studentopportunities */
  .menu-studentopportunities::before {
    top: 0.6em;
    background-image: var(--wpr-bg-a2cf5436-d15d-4455-ad26-ac0597f90ced);
  }

  .menu-studentopportunities:hover::before {
    background-image: var(--wpr-bg-865e509c-9f8a-4256-9498-408d0c61fd87);
  }

  /* rdprojects */
  .menu-rdprojects::before {
    top: 0.4em;
    background-image: url(../svg/b_22_r_and_d_projects.svg);
  }

  .menu-rdprojects:hover::before {
    background-image: url(../svg/w_22_r_and_d_projects.svg);
  }

  @keyframes animate-out {
    0% {
      left: 3em;
    }

    100% {
      left: 2em;
    }
  }

  @keyframes animate-in {
    0% {
      left: 2em;
    }

    100% {
      left: 2.8em;
    }
  }
}

/*  MOBILE STUFF    */
/* search on menu customization */
.et_pb_menu .et_pb_menu__search-input {
  border: 0;
  width: 100%;
  color: var(--darkGray);
  background-color: var(--neutralWhite);
  min-height: 2.5em;
  border-radius: 5px;
  padding-left: 2em !important;
}

/*  MARGIN SEARCH ICON ON MOBILE    */
@media only screen and (max-width: 980px) {
  .et_pb_menu__search-button::after {
    margin-bottom: -3px;
  }
}

@media only screen and (max-width: 767px) {
  #menu-item-233989 {
    padding-left: 2ch;
  }

  /* Mobile menu background and common properties */
  .et_mobile_menu .menu-item-has-children>a {
    font-weight: var(--boldFontWeight);
    background-color: rgba(0, 115, 198, 0.05);
    border-radius: 13px;
  }

  .et_mobile_menu li.donthover a,
  .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .donthover a,
  .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu .donthover a {
    font-weight: var(--boldFontWeight);
    color: var(--secondaryGreen);
    padding-left: 2ch;
    letter-spacing: 0.1em;
    line-height: 1em;
  }
}

/* END OF MAIN DROPDOWN MENU CODE */

/* testimone */
.testimone {
  line-height: 1.5em !important;
  color: var(--darkGray);
  text-align: right;
}

.testimone_meta {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

.testimone .testimone_meta {
  color: var(--primaryBlue) !important;
  line-height: 2em !important;
  font-family: var(--hrFontFamily);
  text-transform: uppercase;
}

.testimone .testimone_author::before {
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--faFontFamily) !important;
  font-weight: var(--xboldFontWeight) !important;
  margin-right: 0.5em;
  color: var(--primaryYellow);
  font-size: 0.85rem;
}

.testimone .testimone_author {
  font-family: var(--hmFontFamily);
  padding-top: 1.2em;
  font-weight: 800;
  font-size: 1.3rem;
}

/* Testimonial company description for mobile only */
@media only screen and (max-width: 600px) {
  .et_pb_testimonial .et_pb_testimonial_meta {
    line-height: 0.1em !important;
    font-size: 0.75em !important;
  }
}

/* Testimonial IMG spacing in slider */
@media only screen and (max-width: 767px) {
  .dsm_card_carousel_child_image_wrapper .dsm_card_carousel_child_img {
    margin-top: 8em;
  }
}

/*prevent horizontal scroll on mobile*/
@media all and (max-width: 980px) {

  html,
  body {
    overflow-x: hidden;
  }

  body {
    position: relative;
  }
}

/* reduce LR row padding on mobile */
@media only screen and (max-width: 600px) {
  .et_pb_row {
    width: 95%;
    max-width: 1080px;
    margin: auto;
    position: relative;
  }
}

/*	Previous button on Blog	*/
.et_pb_blog_0 .pagination a {
  font-weight: var(--boldFontWeight);
  font-size: 0.85rem;
  color: var(--neutralWhite) !important;
  font-family: var(--hmFontFamily);
  text-transform: uppercase;
  background-color: var(--primaryLightGreen);
  padding: 0.5em 1em;
  border-radius: 0.5em;
  transition: var(--midTransition);
}

.et_pb_blog_0 .pagination a:hover {
  background-color: var(--secondaryDarkBlue);
}

/*	Notification Success	*/
.flexeesh {
  display: flex;
  gap: 2em;
}

.formSuccess {
  font-size: 4rem;
  color: var(--primaryLightGreen);
}

/*	four__cards GRID any type of data from any data integrated anywhere and budget pre wiggle */
.grid__fitcontent {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: clamp(0.5rem, 1rem, 10rem);
  margin: 2rem auto;
  font-family: var(--hmFontFamily);
}

.grid__fitcontent img {
  max-width: 12rem;
  margin: 0 auto 2rem;
  display: flex;
}

.grid__fitcontent h3 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondaryDarkBlue);
}

.grid__fitcontent p {
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  padding: 0 1.5em;
}

.six__cards .et_pb_code_inner {
  overflow: visible;
}

/* Icon Wiggle - to be dismissed */
img.wiggle:hover {
  animation: wiggle 3s infinite;
}

img.wiggle {
  animation: none;
}

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

  3% {
    transform: rotate(-5deg);
  }

  5% {
    transform: rotate(5deg);
  }

  7% {
    transform: rotate(-5deg);
  }

  9% {
    transform: rotate(5deg);
  }

  11% {
    transform: rotate(-5deg);
  }

  13% {
    transform: rotate(5deg);
  }

  15% {
    transform: rotate(-5deg);
  }

  17% {
    transform: rotate(0deg);
  }

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

/* reCAPTCHA type v3
    .grecaptcha-badge {
      visibility: hidden;
    } */

/* Mobile menu only */
/*	General mobi menu */
.mobile_nav {
  font-family: var(--hmFontFamily);
}

.et_mobile_menu li a {
  border-bottom: none;
  color: #026;
}

/*	Menu width */
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul,
.et_pb_menu_2_tb_header.et_pb_menu .nav li ul,
.et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu,
.et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu ul {
  width: 100vw;
  left: -2em;
  top: 3em;
}

/*	change Divi hamburger menu to X when opened	*/
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/*	rotate the Divi main Menu icon on click	*/
.mobile_menu_bar:before {
  transition: all 0.4s ease;
  transform: rotate(0deg);
  display: block;
}

/*	rotate the Divi main Menu icon on click	*/
.mobile_nav.opened .mobile_menu_bar::before {
  transition: all 0.4s ease;
  transform: rotate(90deg);
  display: block;
}

/*	Proper Collapsable Mobile Menu	*/
/*	Style the icon's placeholder	*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
  border-bottom: 0;
  text-align: center;
}

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
  background-color: transparent;
}

/*	Hide the Sub-menu	*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/*	Show the sub-menu when the + icon is clicked	*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/*Create the opening/closing icon using the SVG Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
  top: 10px;
  position: relative;
}

/*	Hide the closing icon if the sub-menu is not open	*/
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
  display: none;
}

/*	Hide the opening icon if the sub-menu is open	*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle .dt-open-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle .dt-open-icon {
  display: none;
}

/*	Submenu customization */
.et_mobile_menu li.mobi_parent_item {
  font-weight: 700;
}

.et_mobile_menu .menu-item-has-children li a {
  font-weight: 500;
  max-width: 32ch;
  padding-top: 0;
  margin-top: 0;
  line-height: 1.5em;
}

.et_mobile_menu .menu-item-has-children .donthover a {
  font-weight: 600;
  color: var(--secondaryDarkBlue);
  padding-block: 0.5em;
  padding-left: 1.25ch;
  margin-bottom: 0.25em;
  text-decoration: 1px solid underline var(--secondaryDarkBlue);
  text-underline-offset: 0.25em;
}

/* ex top menu item style */
.secondary_mobile__menu {
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  background: var(--lighterGreen);
}

/*	Mobile menu green voices	*/
#menu-item-240327 {
  border-radius: 0.5em 0.5em 0 0;
  text-align: center;
  margin-top: 1em;
}

#menu-item-240329 {
  border-radius: 0 0 0.5em 0.5em;
}

#menu-item-247954 {
  border-radius: 0 0 0.5em 0.5em;
  text-align: center;	
  border-top: 2px solid #fff;
}

#menu-item-248287 {
  margin-top: -1.5ch;
}

/*  Free trial item button-like styled */
.free__trial a {
  text-align: center;
  font-weight: 700;
  background: #026;
  color: #fff !important;
  text-transform: uppercase;
  border-radius: 0.5em;
  max-width: 17ch;
  margin-inline: auto;
  margin-top: 2em;
  margin-bottom: 1em;
}

/* SAFE EMAIL IMG*/
.safe__email {
  max-width: 15ch;
  margin-bottom: -0.27ch;
  margin-left: -0.25ch;
}

/* Gravity Form Font */
.gform_fields {
  font-family: var(--hmFontFamily);
}

/*	Use cases titles height	fix */
.minimum__Three_Char_Height,
.minimum__Five_Char_Height,
.minimum__Ten_Char_Height {
  display: flex;
  align-items: flex-end;
}

.minimum__Three_Char_Height {
  min-height: 3ch;
}

.minimum__Five_Char_Height {
  min-height: 5ch;
}

.minimum__Ten_Char_Height {
  min-height: 10ch;
}

/* Video preloader */
.et_pb_preload,
.et_pb_section.et_pb_section_video.et_pb_preload {
  background-color: var(--lightBlue) !important;
}

.et_pb_preload:before {
  display: none;
}

/* Common form styles */
.download_it a {
  font-size: 1rem;
  font-family: var(--hmFontFamily);
  font-weight: 700;
  color: var(--neutralWhite);
  background: var(--primaryLightGreen);
  margin: auto;
  display: flex;
  max-width: fit-content;
  padding: 0.75em 1.5em;
  border-radius: 0.5em;
  text-transform: uppercase;
  transition: var(--midTransition);
}

.download_it a:hover {
  background: var(--secondaryDarkBlue);
  scale: 0.95;
}

#download_ebook h2 {
  font-size: 1.35rem;
  text-align: center;
  padding-block: 0.75em 1em;
}

.balanced {
  text-wrap: balance;
}

.centered {
  text-align: center;
}