/*!
 * Theme CSS
 * CSS that will be used on the theme
 * It will override Bootstrap 4 CSS in some cases
 * Developped by Renato Pires
*/

/************** Main Declarations ***************/

  html {
    overflow-x: hidden;
  }

  *:focus {
    outline: 0; /*Remove focus that appears by default on theme */
  }

  a:link {
    text-decoration: none!important;
  }

  a {
    color: #09b2da;
    text-decoration: none;
    background-color: transparent;
  }
  
  a:hover {
    color: #9e9e9e;
    text-decoration: underline;
  }
  
  a:not([href]) {
    color: inherit;
    text-decoration: none;
  }
  
  a:not([href]):hover {
    color: inherit;
    text-decoration: none;
  }

  body {
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5b5a5a; 
    text-align: left;
    background-color: #fff; 
    overflow-x: hidden;
  }

  h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    letter-spacing: 1px; /* By default this bootstrap theme has 3px. Force it to 1px */
  }

  h2, h3 {
    font-weight: 800;
    color: #000;
    border-left: 0.3rem solid #09b2da;
    padding-left: 0.8rem;
  }

  h3 {
    font-weight: 700;
    color: #000;
    border-left: 0.3rem solid #09b2da;
    padding-left: 0.8rem;
  }

  h4 {
    font-weight: 600;
    color: #000;
  }

  h1, .h1 {
    font-size: 2rem;
  }
  
  h2, .h2 {
    font-size: 1.25rem;
  }
  
  h3, .h3 {
    font-size: 1.25rem;
  }
  
  h4, .h4 {
    font-size: 1.25rem;
  }
  
  h5, .h5 {
    font-size: 0.9rem;
  }
  
  h6, .h6 {
    font-size: 0.75rem;
  }

  .navbar-brand {
    color:white;
  }
  
  .icon_svg:hover {
    transform: scale(1.3); 
    z-index: 1000;
    filter: brightness(70%);
  }

  img { 
    max-width: 100%; 
    height: auto; /* If images larger than div, it will auto adjust */
  }
  
  .content-area {
    all: none;
  }

  .center-block {
    margin: 0 auto;
  }

  .hover-img {
    font-size: 0.9rem;
    color: #000;
    margin-left: 0.75rem;
    padding: 0.75rem;
    float: left;
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    background-color: #fff;
    border-left: 0.2rem solid #09b2da;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
  }

  .img-bg {
    position: relative;
    border-bottom: 0.3rem solid #09b2da;
  }

  /* Menu Hack */
  .navbar-nav li {
    margin-left: -0.1rem;
  }

  /*************** Modals **************/
  
  .modal {
    overflow-y: auto;
  }

  .modal-open {
      overflow: auto;
  }

  .modal-open[style] {
      padding-right: 0px !important;
  }
  
  .modal-front .modal-header {
    margin-top: 0.5rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }

  /*************** Buttons **************/

  .btn-primary {
    color: #fff;
    background-color: #09b2da;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  
  .btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }

  .btn-secondary {
    background-color: #ced4da;
    color: #3a3a3a;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .btn-secondary:hover {
    background-color: #000;
    color: white;
    border-color: #000;
  }

  /*************** Call to Action **************/

  .cta-button {
    max-width: 9rem;
  }

  .cta-button:hover {
    filter: brightness(80%);
  }

  .cta-title {
    padding: 0;
   }

  .cta-title-bar {
   border-bottom: 1px solid #d0d0d0;
   padding-left: 0;
   padding-top: 0.3rem;
   padding-bottom: 0.2rem;
   margin-bottom: 0.4rem;
   margin-top: 3rem;
   font-weight: 700;
   letter-spacing: 0;
   text-transform: uppercase;
   border-left: 0.3rem solid #d0d0d0;
   padding-left: 0.6rem;
  }

  .cta-image {
    width: 100%;
  }

  .cta-btn-primary {
    color: #fff;
    background-color: #09b2da;
    border-color: #09b2da;
    min-width: 14rem;
    max-width: 14rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  
  .cta-btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }

  /*************** Header ***************/

  /* Top Bars */
  .top-grey-bar {
    position: relative;
    width: 100%;
    background-color: #3a3a3a;
    height: 0.7rem;
    display: block;
  }

  .top-black-bar {
    position: relative;
    background-color: #000000;
    width: 100%;
    display: block;
    text-align: center;
  }

  /* Logo Column */
  .logo {
    display: block;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    text-align: left;
    border-color: #5a5a5a;
    }

  /* Social Media Icons */
  .social-media {
    display: block;
    padding-top: 1.2rem;
    text-align: right;
  }

  .social-image {
    border-radius: 0.3rem;
    height: 1.8rem;
  }

  /* Top Button */
  .top-button-top {
    margin-top: 1.4rem;
    margin-bottom: 1.30rem;
    padding: 0 0.8rem 0 0.8rem;
    display: block;
  }

  .top-button-top:hover {
    transform: scale(1.1);
    z-index: 1000;
  }

  .button-red {
    background-color: #ed2224;
    height: 100%;
    max-height: 2.85rem;
    border-radius: 0.3rem;
  }

  .button-red img {
    margin: auto;
    position: absolute;
    top: 0; 
    left: 10%; 
    bottom: 0; 
    right: 10%;
  }

  /* Top Search */
  .top-search-bar {
    margin-top: 1.4rem;
    margin-bottom: 1.30rem;
  }

  .top-search-bar .input-group {
    height: 100%;
  }

  .top-search-bar .btn-primary:hover {
    background-color: #757575;
  } 

  /* Navigation Bar*/
  .background-navigation {
    width: 100%;
    background-color: #343a40;
    position: -webkit-sticky; /* Sticky header bar */
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.2rem;
    padding-left: 0;
  }

  .navbar {
    padding: 0.1rem;
  }

  .nav-item {
    margin-right: 1rem;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
  }

  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #8f8f8f;
  }

  /* Dropdown Menu */
  .dropdown-menu {
    padding: 0;
  }

  /* Costumize some menus */

  #secondary_menu a {
    padding-right: 0;
    margin-right: 0;
  }

  #secondary_menu .nav-item {
    padding-right: 0;
    margin-right: 0;
  }

  /************** Menu Restyle ***************/ 

  .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #3a3a3a;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-left: 5px solid #3a3a3a;
  }
  
  .dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545454;
    border-left: 5px solid #09b2da;
  }
  
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #545454;
  }
  
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #919aa1;
    pointer-events: none;
    background-color: transparent;
  }

  .dropdown-menu li,
  .dropdown-menu ul {
    padding-right: 0; /*Hack to correct Navwalker that lefts space on right */
    margin-right: 0;
  }

  /* Polylang */
  .lang-item {
    list-style: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.8rem;
    display: inline;
    padding-left: 0.1rem;
  }

  .lang-item a {
    color: #fff;   
  }

  .lang-item a:hover {
    color: #919aa1;
    text-decoration: none;
  }

  .col-lang {
    display: block;
    padding-top: 0.75rem;
    text-align: right;
  }


  /************** Banner ***************/

  /* Swiper Banner overlay to original CSS */
  .swiper-container {
    width: 100%;
    height: 100%;
    background-color: #000;
  }

  /* Text over Banner */
  h1.slider-text {
    font-size: 1.8rem;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    /*width: -ms-max-content; */
    font-weight: 700;
    color: #1a1a1a;
    background-color: white;
    padding: 1rem; 
    display: block;
    border-left: 0.3rem solid #09b2da;
  }

  /* fallback for IE*/
  .ie-fallback {
    width:100%
  }
  h1.slider-text {
    display: inline-block;
  }

  p.slider-desc { 
    font-size: 1.2rem;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content; 
    font-weight: 400;
    line-height: 1.4;
    color: white;
    background-color: rgba(26, 26, 26, 0.7);
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    display: block;
    text-transform: uppercase;
  }

  /* fallback for IE*/
  .ie-fallback-desc {
    width:100%
  }
  p.slider-desc {
    display: inline-block;
  }


  /************** Newsletter Box ***************/

  /*Newsletter Top Box */
  .newsletter {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    background-color: #dedede;  
    padding-top: 1rem;
  }

  .newsletter-font {
    font-weight: 800;
    line-height: 1.2;
    color: #000;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    text-align: left;
    margin-top: 0.4rem;
  }

  /* Form Newsletter Top Controls */
  .newsletter-form {
    background-color: white;
    font-weight: 500; 
    padding-left: 1.2rem;
    border: 0 !important;
  }

  .btn-newsletter {
    height: 2.9rem;
    width: 100%;
    letter-spacing: 0.07rem;
    margin-top: 0.1rem;
  }

  /* Footer Newsletter Controls */
  .newsletter-form-footer {
    margin-bottom: 0.8rem;
    background-color: #fff;
    padding: 0.75rem 0;
    font-weight: 500; 
    padding-left: 1.2rem;
    color: white;
    border: 0 !important;
  }

  /************** Contact Form Controls - Contacts Page ***************/
  .contacts {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem; 
  }

  .wpcf7-form .form-control {
    margin-top: 0.2rem;
    margin-bottom: 0.8rem;
    width: 100%;
    background-color: #fbfbfb;
    border: 1px solid #c6c6c6;
    color: #000;
  }

  .contact-title {
    color: #5b5a5a;
    font-weight: 600;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.6rem;
  }

  .contact-title-black {
    color: #000;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 0.6rem;
  }  

  .contact-sub-title {
    color: #000;
    font-weight: 500;
    font-size: 0.9rem;
    text-align: left;
    margin: 0;
  }

  .contact-text {
    font-weight: 500;
    font-size: 0.8rem;
    text-align: left;
    margin: 0;
  }

  .contact-highlight-button {
    margin-top: 0.4rem;
  }
  
  .btn-contacts {
    padding: 0.3rem 1.5rem;
    border: 1px solid #5b5a5a;
    color: #5b5a5a;
    background-color: #fff;
  }

  /* Form Messages */
  div.wpcf7-response-output {
    margin: 1em 0.5em 1em;
    padding: 0.2em 1em;
  }
  
  div.wpcf7-mail-sent-ok {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    color: #398f14;
    background-color: #f7dddc;
    border-color: #f4cfce;    
  }
  
  div.wpcf7-mail-sent-ng {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    color: #712b29;
    background-color: #f7dddc;
    border-color: #f4cfce;
  }
  
  div.wpcf7-spam-blocked {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    color: #712b29;
    background-color: #f7dddc;
    border-color: #f4cfce;
  }
  
  div.wpcf7-validation-errors {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    color: #712b29;
    background-color: #f7dddc;
    border-color: #f4cfce;
  }


/*************** Highlights **************/

  .highlight-block {
    width: 100%;
    background-color: #fff;
  }

  .highlight-title {
    position: absolute;
    color: #000;
    font-weight: 600;
    font-size: 1rem;
    text-align: left;
    padding: 0.5rem 0.9rem 0.5rem 0.7rem;
    top: -1.2rem;
    background-color: #dedede;
    border-left: 5px solid #000;
  }

  .highlight-title-interior {
    color: #000000;
    font-weight: 800;
    font-size: 0.8rem;
    text-align: center;  
    position: relative;
  }  

  .card {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 5px solid #dedede;
  }

  .card:hover {
    border-top: 1px solid #09b2da;
    border-left: 1px solid #09b2da;
    border-right: 1px solid #09b2da;
    border-bottom: 5px solid #09b2da;
    transition: 2s;
    left: 0;
  }

  .card-body {
    padding-bottom: 0;
  }

  .card-img-top {
    margin-top: 0.8rem;
  }

  .card-footer {
    background-color: #fff;
    border-top: 0;
  }

  .card-text {
    text-align: left;
    font-weight: 500;
    font-size: 0.9rem; 
    color: #5d5d5d;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }


 /*************** Quote **************/ 

  .quote-block {
    position: relative;
    width: 100%;
    background-color: #f3f3f3;
    padding-top: 1.2rem;
  }

  .quote-title {
    padding: 0.4rem 0.8rem;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #000; 
    position: absolute;
    background-color: #dedede;
    margin-top: -2.5rem;
    color: #000;
    font-size: 1.4rem;
    letter-spacing: normal;
  }

  .quote-paragraph {
    font-size: 0.9rem;
    padding-top: 1.2rem;
    text-align: left;
    font-weight: 500;
    padding-bottom: 1.2rem;    
    color: #5d5d5d;   
  }

/************** Divisions Buttons ***************/

  .buttons {
    display: block;
    background-color: #000;
    border: 0;
    padding: 1rem 0;
    margin-bottom: 0.9rem;
  }

  .buttons-block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 3.2rem;
  }

  .buttons:hover {
    background-color: #3a3a3a;
  }

  .buttons-title {
    border-left: 5px solid #fff;
    padding-left: 0.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 1rem;
  }

  a.buttons-title {
    color: #fff;
    font-weight: 600;
  }

  a.buttons-title:hover {
    color: #fff;
    text-decoration: none;
  }

  .buttons-text {
    font-weight: 400;
    font-size: 0.8rem;
    color: #fff;
    margin: 1rem 0;
  }

  .buttons-image {
    display: block;
    text-align: right;
    padding: 0.9rem 1.8rem; 
  }

  .buttons-ct {
    width: fit-content;
    margin-left: 0.9rem;
    padding: 0.65rem 1.1rem;
    border: 1px solid #fff;
    color: #fff;
    font-size: 0.8rem;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
  }

  .buttons-ct:hover {
    color: #000;
    background-color: #fff;
  }

  .btn-divisions-content {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-size: 0.9rem;

    
  }

/************** Video Block ***************/  

  .video-block {
    display: block;
    width: 100%;
    margin-top: 2.4rem;
    background-image: url("../assets/cement_background.jpg");
    background-repeat: repeat-x;
  }

  .video-statement {
    background-color: black;
    padding: 1.8rem;
    height: 100%;
  }

  h4.video-title {
    line-height: 1.6rem;
    text-align: center;
    color: white;
    margin-bottom: 1.2rem;
  }

  p.video-text {
    line-height: 1.4rem;
    text-align: center;
    font-weight: 500;
    font-size: 0.9rem;
    color: #d4d4d4;
  }

  .fluid-width-video-wrapper {
    width: 100%;
    height: 100%;
    min-height: 250px;
    position: relative;
    padding: 0;
    background-color: #5a5a5a;
  }

  /************** News ***************/

  .highlight-news-title {
    position: relative;
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: left;
    padding: 0.2rem 0 0.5rem 0;
    margin-top: 1.2rem;
    
  }

  .news-title {
    padding: 0.4rem 0.8rem;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #000; 
    background-color: #dedede;
    color: #000;
    font-size: 1.4rem;
    letter-spacing: normal;
    margin-top: 2.8rem;
  }

  .news-tag {
    font-size: 0.8rem;
    color: #fff;
    top: 1.25rem;
    right: 2rem;
    padding: 0.75rem;
    position: absolute;
    background-color: #000;
  }
  
  /*************** Segments ***************/

  .applications-block {
    position: relative;
    width: 100%;
    margin-top: 4.5rem;
    background-color: #f3f3f3;
  }

  .applications-title {
    padding: 0.4rem 0.8rem;
    text-align: left;
    font-weight: 600;
    border-left: 5px solid #000; 
    position: absolute;
    background-color: #dedede;
    margin-top: -1.2rem;
    color: #000;
    font-size: 1.4rem;
  }

  .applications-button:hover {
    filter: brightness(0%);
    box-shadow: inset 0 -0.3rem 0 #afafaf;
  }

  .applications-image {
    margin: auto;
    width: 95%;
    margin-top: 3rem;
    min-height: 92px;
  }

  .applications-text {
    width: 100%;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.9rem 0.9rem;
    color: #757575;
  }

  .applications-block-wrapper {
    position: relative;
    display: block;
  }

  .mob-block-wrapper {
    position: relative;
    display: none;
  }

  /*************** Segments Pictures **************/

  .seg-picture-title {
    color: #09b2da;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    margin-top: 1rem;
    margin-bottom: 0;
    text-transform: none;
    z-index: 1000;
  }

  .seg-picture-box {
    margin-bottom: 0;
  }

  .seg-button {
    width: 100%;
    text-align: center;
    bottom: 0;
  }

  .seg-wrapper {
   height: 100%;
   position: relative;
  }
  
  .seg-container {
    position: absolute;
    bottom: 0;
    z-index: -1;
  }

  /*************** Categories ***************/

  .categories-bg {
    width: 100%;
    /*background-color:#17191c;*/
    margin-top: 3.2rem;
  }

  .categories-block {
    background-color: #dedede; 
    margin: 0;
  }

  .categories-name {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 88%;
    font-size: 1.1vw;
    color: black;
    width: 85%;
    font-weight: 600;
  }

  .image-block-cat {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
  }

  .image-categories {
    width: 100%;
    transition: transform .5s; /* Animation */
    position: relative;
  }

  .image-categories:hover {
    filter: brightness(80%);
  }
  
  /*************** Footer ***************/

  .footer-black {
    width: 100%;
    background-color:#17191c;
    margin-top: 3.2rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }

  .footer-logo {
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
  }
  
  .onlinestore-button {
    width: 100%;
    padding: 10px;
    background-color: #8a8b8d;
    text-align: center;
  }

  .onlinestore-button:hover {
    background-color: #434548;
    cursor: pointer;
  }

  .store-button-footer {
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    background-color: #fff;
    text-align: center;
    color: #000;
    font-size: 1rem;
    font-weight: 800;
    display: block;
    border-radius: 0.2rem;
  }

  .store-button-footer:hover {
    transform: scale(1.05);
    z-index: 1000;
  }

  .footer-grey {
    width: 100%;
    background-color: #212429;
    padding-top: 30px;
    padding-bottom: 1.2rem;
  }

  .footer-title {
    color: white;
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.6rem;
  }

  .footer-title-sub {
    color: white;
    font-weight: 600;
    font-size: 1rem;
    text-align: left;
    padding-top: 1.8rem;
  }

  .footer-text {
    color: white;
    font-weight: 400;
    font-size: 0.8rem;
    text-align: left;
    margin: 0;
  }

  .footer-link {
    color: white;
    font-weight: 400;
    font-size: 0.7rem;
    text-align: left;
    margin: 0;
  }  

  .footer-link:hover {
    color: #878787;
  } 

  .footer-small-text {
    color: white;
    font-weight: 400;
    font-size: 0.6rem;
    text-align: left;
    margin-top: 0.2rem;
  }

  .social-media-footer {
    display: block;
    padding-top: 0.75rem;
    text-align: left;
    margin-bottom: 1.2rem;
  }

  .footer-end {
    width: 100%;
    background-color:#17191c;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .logo-claim {
    height: 1.4rem;
  }

  /************** Nav Tabulators ***************/

  .nav-tabs {
    margin-top: 2.9rem;
  }

  .tabulators a {
    color: #5b5a5a;
  }
  
  .nav-tabs .nav-link {
    border: 1px solid #ced4da;
    background-color: #ced4da;
    margin-bottom: 0.6rem;
  }

  .nav-tabs .nav-item {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: normal;
  }
  
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #000 #000 #000;
    background-color: #000;
    color: #fff;
  }
  
  .nav-tabs .nav-link.disabled {
    color: #919aa1;
    background-color: transparent;
    border-color: transparent;
  }
  
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #000;
    border-color: #000;
    
  }

  .tab-content {
    margin-bottom: 2rem;
  }

  /************** Accordion ***************/

  .accordion-block-image {
    padding: 0;
  }

  .accordion-row-wrapper {
    background-color: #e9e9e9;
    margin-bottom: 0.8rem;
    background-color: #09b2da;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .accordion-block-title {
    color: #3a3a3a;
    font-size: 1.25rem; 
    font-weight: 700;
    padding-left: 2rem;
    padding-right: 2rem; 
    margin: 0 0 1rem 0;
    line-height: normal;
    padding-top: 0;
    text-transform: uppercase;
  }

  .accordion-block-text {
    color: #3a3a3a;
    font-size: 0.9rem;
    font-weight: 500;
    padding-left: 2rem; 
    padding-right: 2rem; 
    margin: 0 0 0.75rem 0;
  }

  .accordion-highlight-button-left {
    margin-top: 0.8rem;
    margin-left: 2rem;
    margin-bottom: 0rem;
  }

  .accordion-highlight-button-right {
    margin-top: 0.8rem;
    margin-left: 2rem;
    margin-bottom: 0rem;
  }

  /************** Products ***************/
  
  .products > .card {
    overflow: hidden;
  }
  
  .products > .card:not(:last-of-type) {
    border-bottom: 0;
  }
  
  .products > .card > .card-header {
    margin-bottom: -1px;
  }

  .products {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .products .card {
    border: 0;
  }

  .products .card-body {
    padding: 0;
  }

  .products-block-image {
    padding: 0;
    border: 1px solid #e9e9e9;
  }

  .products .card-header {
    background-color: #dfdfdf;
    padding: 0;
    
  }

  .products .card-header:hover {
    background-color: #09b2da;
  }

  .products .btn[aria-expanded=true] {
    color: #fff;
    background-color: #09b2da;
    }

  .products-row-wrapper {
    background-color: #e9e9e9;
    border-bottom: 9px solid #fff;
    
  }

  .products-block-title {
    color: #3a3a3a;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase; 
    padding-left: 2rem;
    padding-right: 2rem; 
    margin: 0 0 1rem 0;
    line-height: normal;
    margin-top: 0.5rem;
  }

  .products-block-text {
    color: #3a3a3a;
    font-size: 0.9rem;
    font-weight: 500;
    padding-left: 2rem; 
    padding-right: 2rem; 
    margin: 0 0 0.75rem 0;
  }

  .btn-link-products {
    font-size: 0.9rem;
    font-weight: 600;
    width: 100%;
    text-align: left;
    color: #3a3a3a;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
  }

  .btn-link-products:hover {
    color: #fff;
  }

  .products-highlight-button {
    margin-top: 0.8rem;
    margin-left: 2rem;
    margin-bottom: 1.2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }


  /************** Posts/ Pages Header ***************/

  .breadcrumb {
    padding: 0.3rem;
    margin-bottom: 1.8rem;
    margin-top: 1.2rem;
    list-style: none;
    font-size: 0.9rem;
    border-bottom: 1px solid #d0d0d0;
    font-style: italic;
    letter-spacing: normal;
    font-weight: 500;
  }


  .breadcrumb a {
      color: #3a3a3a;
      text-decoration: none;
  }

  .breadcrumb:hover a:hover {
    color: #000;
    text-decoration: none;
}  

  .top-title-header-bar {
    background-color: #ebebeb;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    border-left: 0.3rem solid #09b2da;
    margin-bottom: 1.2rem;
  }

  .entry-title {
    display: block;
    color: #000;
    font-size: 1.4rem;
    padding-top: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 0.75rem;
    font-weight: 700;
  }

  .entry-header h2 {
    border: 0;
  }

  .page-title {
    display: block;
    color: #000;
    font-size: 1.4rem;
    padding-top: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 0.75rem;
    font-weight: 700;
  }  

  /* Posts Meta */
  .entry-meta {
    margin-top: 0.2rem;
    margin-bottom: 0.75rem;
    font-style: italic;
    font-size: 0.6rem;
  }

  /*************** Widgets ****************/

  .widget-area .form-control {
    height: calc(1.7em + 1.5rem + 0px);
    border: 1px solid #ced4da;
  } 

  .cat-links {
    background-color: #ebebec;
    padding: 0.75rem;
    display: none;
  }

  .nav-links {
    display: none;
  }

  /*************** Category list page ***************/

  .category-wrapper {
    border: 1px solid #ced4da;
    margin-top: 1.2rem;
    margin-bottom: 1.8rem;

  }

  .category-image img {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    object-fit: cover; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    height: 100%;
  }

  .category-title {
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    text-decoration: none;
    padding: 0;
    margin: 0;  
  }

  .category-title a {
    color: #000;
  }

  .category-title-wrapper {
    margin-top: 0.9rem;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;  
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
    border-left: 0.2rem solid #09b2da;
    background-color: #ebebeb;
  }

  /* Link bottom Bar */
  .page-item .page-link {
    margin-top: 1.2rem;
    z-index: 3;
    color: #434548;
    background-color: #ced4da;
    border-color: #ced4da;
  }

  .page-item:hover .page-link:hover {
    z-index: 3;
    color: #fff;
    background-color: #434548;
    border-color: #434548;
  }

  /*************** Widget Buttons ***************/

  .widget-title {
    font-size: 1.3rem;
    padding-top: 0.8rem;
    padding-left: 0.75rem;

  }

  .widget-svg {
    display: block;
    position: relative;
    margin-top: 1.8rem;
    text-align: center;
  }

  /************** Block image/text for content pages ***************/

  .block-image {
    padding: 0; 
  }

  .block-wrapper:hover {
    transform: scale(1.03);
    z-index: 1000;
  }

  .block-wrapper {
    margin-bottom: 0.75rem;
  }

 .block-content {
    padding-left: 0;
 }

 .block-title {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase; 
    padding-left: 0.75rem; 
    margin: 0;
 }
 
 .block-text {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 0.75rem; 
    margin: 0;
 }
 
 .block-row-wrapper {
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
 }

 .cat-block-wrapper {
  margin-bottom: 0.75rem;
 }

 .cat-block-title {
  color: #3a3a3a;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase; 
  padding-left: 0.75rem; 
  margin: 0 0 1rem 0;
  line-height: normal;
  margin-top: 0.5rem;
  }
  
  .cat-block-text {
    color: #3a3a3a;
    font-size: 0.9rem;
    font-weight: 500;
    padding-left: 0.75rem; 
    margin: 0 0 0.75rem 0;
  }

  .cat-block-image {
    padding: 0; 

  }

  .cat-highlight-button {
    margin-top: 1rem;
    margin-left: 0.75rem;
    margin-bottom: 1.2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

/************** Sidebar Menu ***************/

 .sidebar-menu-title {
   position: relative;
   margin-top: 20px;
   font-size: 1rem;
   font-weight: 600;
   letter-spacing: normal;
   text-transform: uppercase;
   text-decoration: none;
   background-color: #3a3a3a;
   border-left: 0.2rem solid #09b2da;
   color: #fff;
   padding: 0.75rem 0 0.75rem 1.2rem;
 }

 .sidebar-row {
  background-color: #fff;
  border-bottom: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  }

  .sidebar-row:hover {
    border-left: 0.2rem solid #5b5a5a;
    background-color: #ced4da;
  }

  .sidebar-icon {
    padding: 0.4rem;
    
  }

  .sidebar-text {
    color: #5b5a5a;
    font-size: 0.86rem;
    font-weight: 600;
    letter-spacing: -0.02rem;
    text-decoration: none;
    padding-left: 0.4rem;
  }

  /************** List Group **************/
  .list-group {
    letter-spacing: 0;
  }

  /************** Keys ***************/

  .key-image {
    width: 100%;
  }

  /************** Claims ***************/

  .claim-wrapper {
    background-color: #09b2da;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .claim-title {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
  }

  .claim-text {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;    
    text-align: center;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .claim-btn-primary {
    color: #09b2da;
    background-color: #fff;
    border-color: #fff;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    font-weight: 600;
    letter-spacing: normal;

  }

  .claim-btn-primary:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
  }

  .btn-wrapper {
    padding-top: 1rem;
    text-align: center;
  }


  /************** CT Blocks used for products and Catalogues ***************/

  .ct-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .ct-list-item {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 2rem;
  }

  .ct-list-content { 
    display: flex;
    padding: 1rem;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 5px solid #dedede;
    flex-direction: column;
  }

  .ct-list-content:hover { 
    width: 100%;
    padding: 1rem;
    border-top: 1px solid #09b2da;
    border-left: 1px solid #09b2da;
    border-right: 1px solid #09b2da;
    border-bottom: 5px solid #09b2da;
  }

  .ct-list-content h4 {
    flex: 1 0 auto;
  }

  .ct-title {
    position: relative;
    color: #000;
    font-weight: 600;
    font-size: 0.8rem;
    text-align: left;
    padding: 0.2rem 0 0 0;
    margin-top: 1.2rem;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .btn-ct {   
    color: #fff;
    background-color: #09b2da;
    border-color: #09b2da;
    min-width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-weight: 600;
    letter-spacing: normal;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.8rem;
  }

  .btn-ct:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }

  /************** Mobile Tweaks ***************/
  @media (min-width: 100px) {
    .categories-name {
      font-size: 5vw;
    }
    .newsletter-font { 
      text-align: left;
    }
    .card {
      margin-top: 2.3rem;
    }
    .buttons-block {
      margin-top: 1.2rem;
    }    
    .quote-block {
      margin-top: 2.3rem;
    }
    .quote-paragraph {
      padding-top: 2rem;
    }    
    .quote-title {
      font-size: 1.4rem;
    }    
    .video-block {
      margin-top: 0.9rem;
    }
    .applications-title {
      color: #000;
      font-size: 1.2rem;
      font-weight: 600;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      border: 0;
      background-color: #fff;
      position: relative;
      margin-top: 0;
      margin-bottom: 0;
    }
    .applications-block {
      margin-top: 1rem;
    }
    .store-button-footer {
      margin-top: 0.9rem;
    }
    .footer-black {
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
    }
    .footer-logo {
      text-align: center;
    }
    .footer-title {
      margin-top: 1.8rem;
    }
    .store-img{
      width: 45%;
    } 
    .logo-claim{
      height: 1.1rem;
    }
    h1.slider-text {
      display: none;   
    }
    p.slider-desc {
      display: none;    
    }
    .swiper-caption {
      display: none;  
    }
    .swiper-slide img { 
      object-fit: cover; /* Do not scale the image */
      object-position: center; 
      height: 100%;
      max-height: 183px;
    }
    .applications-block-wrapper {
      position: relative;
      display: none;
    }
    .mob-block-wrapper {
      position: relative;
      display: block;
    }
    .widget-svg {
      display: none;
    }
    .sidebar-text {
      color: #5b5a5a;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: -0.02rem;
      text-decoration: none;
    }
    .cta-btn-primary {
      color: #fff;
      background-color: #09b2da;
      border-color: #09b2da;
      min-width: 100%;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      font-weight: 600;
      letter-spacing: normal;
    }
    .hover-img {
      display: none;
    }
    .accordion-mobile {
      display: block;
    }
    .accordion-desktop {
      display: none;
    }
    .category-title-wrapper {
      margin-top: 0;
    }
    .accordion-row-wrapper {
      background-color: #e9e9e9;
      margin-bottom: 1.4rem;
    }
    .accordion-block-title {
      padding-top: 1.2rem;
    }
    .accordion-highlight-button-left {
      margin-bottom: 1rem;
    }
    .accordion-highlight-button-right {
      margin-bottom: 1rem;
    }
    .ct-title {
      font-size: 1rem;
    }
    .top-button-top {
      margin-top: 0;
    }
    .top-search-bar {
      margin-top: 0;
    }
  }

  @media (min-width: 576px) {
    .categories-name {
      font-size: 2.2vw;
    }
    .newsletter-font {
      text-align: left;
    }
    .card {
      margin-top: 2.5rem;
    }
    .buttons-block {
      margin-top: 1.8rem;
    }     
    .quote-block {
      margin-top: 2.5rem;
    }
    .quote-paragraph {
      padding-top: 3rem;
    }
    .video-block {
      margin-top: 1.4rem;
    }
    .applications-title {
      color: #000;
      font-size: 1.2rem;
      font-weight: 600;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      border: 0;
      background-color: #fff;
      position: relative;
      margin-top: 0;
      margin-bottom: 0;
    }
    .applications-block {
      margin-top: 1rem;
    }
    .store-button-footer {
      margin-top: 0.9rem;
    }
    .footer-black {
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
    }
    .footer-logo {
      text-align: center;
    } 
    .footer-title {
      margin-top: 1.8rem;
    }
    .store-img{
      width: 45%;
    }
    .logo-claim{
      height: 1.1rem;
    }
    h1.slider-text {
      display: none;    
    }
    p.slider-desc {
      display: none;   
    }
    .swiper-caption {
      display: none;  
    }
    .swiper-slide img { 
      object-fit: cover; /* Do not scale the image */
      object-position: center; 
      height: 100%;
      max-height: 280px;
    }
    .applications-block-wrapper {
      position: relative;
      display: none;
    }
    .mob-block-wrapper {
      position: relative;
      display: block;
    }
    .widget-svg {
      display: none;
    }
    .sidebar-text {
      color: #5b5a5a;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: -0.02rem;
      text-decoration: none;
    }
    .cta-btn-primary {
      color: #fff;
      background-color: #09b2da;
      border-color: #09b2da;
      min-width: 100%;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
    }
    .hover-img {
      display: none;
    }
    .accordion-mobile {
      display: block;
    }
    .accordion-desktop {
      display: none;
    }
    .category-title-wrapper {
      margin-top: 0;
    }
    .accordion-row-wrapper {
      background-color: #e9e9e9;
      margin-bottom: 1.4rem;
    }
    .accordion-block-title {
      padding-top: 1.2rem;
    }
    .accordion-highlight-button-left {
      margin-bottom: 1rem;
    }
    .accordion-highlight-button-right {
      margin-bottom: 1rem;
    }
    .ct-title {
      font-size: 1rem;
    }
    .top-button-top {
      margin-top: 0;
    }
    .top-search-bar {
      margin-top: 0;
    }
  }
  
  @media (min-width: 768px) {
    .categories-name {
      font-size: 1.5vw;
    }
    .newsletter-font {
      text-align: left;
    }
    .card {
      margin-top: 2.9rem;
    }
    .quote-block {
      margin-top: 2.9rem;
    }
    .quote-paragraph {
      padding-top: 1.2rem;
    }    
    .buttons-block {
      margin-top: 2.9rem;
    }
    .video-block {
      margin-top: 2rem;
    }
    .applications-title {
      color: #000;
      font-size: 1.2rem;
      font-weight: 600;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      border: 0;
      background-color: #fff;
      position: relative;
      margin-top: 0;
      margin-bottom: 0;
    }
    .applications-block {
      margin-top: 1rem;
    }
    .store-button-footer {
      margin-top: 0;
    }
    .footer-black {
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
    }
    .footer-logo {
      text-align: left;
    }
    .footer-title {
      margin-top: 0;
    }
    .store-img{
      width: 75%;
    }
    .logo-claim{
      height: 1.4rem;
    }
    h1.slider-text {
      display: none;   
    }
    p.slider-desc {
      display: none;    
    }
    .swiper-caption {
      display: none;  
    }
    .swiper-slide img { 
      object-fit: cover; /* Do not scale the image */
      object-position: center; 
      height: 100%;
      max-height: 370px;
    }
    .applications-block-wrapper {
      position: relative;
      display: none;
    }
    .mob-block-wrapper {
      position: relative;
      display: block;
    }
    .widget-svg {
      display: none;
    }
    .sidebar-text {
      color: #5b5a5a;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: -0.02rem;
      text-decoration: none;
    }
    .cta-btn-primary {
      color: #fff;
      background-color: #09b2da;
      border-color: #09b2da;
      min-width: 14rem;
      max-width: 14rem;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
    }
    .hover-img {
      display: none;
    }
    .accordion-mobile {
      display: block;
    }
    .accordion-desktop {
      display: none;
    }
    .category-title-wrapper {
      margin-top: 0.9rem;
    }
    .accordion-row-wrapper {
      background-color: #e9e9e9;
      margin-bottom: 1.4rem;
    }
    .accordion-block-title {
      padding-top: 1.2rem;
    }
    .accordion-highlight-button-left {
      margin-bottom: 1rem;
    }
    .accordion-highlight-button-right {
      margin-bottom: 1rem;
    }
    .ct-title {
      font-size: 0.8rem;
    }
    .top-button-top {
      margin-top: 0;
    }
    .top-search-bar {
      margin-top: 0;
    }
  }
  
  @media (min-width: 992px) {
    .categories-name {
      font-size: 1.5vw;
    }
    .newsletter-font {
      text-align: left;
    }
    .card {
      margin-top: 4rem;
    }
    .quote-block {
      margin-top: 4rem;
    }
    .quote-paragraph {
      padding-top: 1.2rem;
    }
    .buttons-block {
      margin-top: 3.2rem;
    }
    .video-block {
      margin-top: 2.4rem;
    }
    .applications-title {
      color: #000;
      font-size: 1.2rem;
      font-weight: 600;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      border: 0;
      background-color: #fff;
      position: relative;
      margin-top: 0;
      margin-bottom: 0;
    }
    .applications-block {
      margin-top: 1rem;
    }
    .store-button-footer {
      margin-top: 0;
    }
    .footer-black {
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
    }
    .footer-logo {
      text-align: left;
    }
    .footer-title {
      margin-top: 0;
    }
    .store-img{
      width: 55%;
    }
    .logo-claim{
      height: 1.4rem;
    }
    h1.slider-text {
      font-size: 1.4rem;
      width: -moz-max-content;
      width: -webkit-max-content;
      width: -o-max-content;   
      /*width: -ms-max-content;   */
      font-weight: 700;
      color: #1a1a1a;
      background-color: white;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem; 
      display: block;   
      border-left: 0.3rem solid #09b2da;
    }
    /* fallback for IE*/
    .ie-fallback {
      width:100%
    }
    h1.slider-text {
      display: inline-block;
    }
    p.slider-desc {
      font-size: 0.8rem;
      width: -moz-max-content;
      width: -webkit-max-content;
      width: -o-max-content;
      font-weight: 300;
      line-height: 1.2;
      color: white;
      background-color: rgba(26, 26, 26, 0.9);
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      padding-top: 1.2rem;
      padding-bottom: 1.2rem;
      display: block;
      text-transform: uppercase;
    } 
    /* fallback for IE*/
    .ie-fallback-desc {
      width:100%
    }
    p.slider-desc {
      display: inline-block;
    }    
    .swiper-caption {
      width: 100%;
      display: block;
      position: absolute;
      bottom: 10%;
      z-index: 10;
      color: #fff;
    }
    .swiper-slide img { 
      object-fit: cover; /* Do not scale the image */
      object-position: center; 
      height: 100%;
      max-height: 508px;
    }
    .applications-block-wrapper {
      position: relative;
      display: none;
    }
    .mob-block-wrapper {
      position: relative;
      display: block;
    }
    .widget-svg {
      display: block;
      position: relative;
      margin-top: 1.8rem;
      text-align: center;
    }
    .sidebar-text {
      color: #5b5a5a;
      font-size: 0.86rem;
      font-weight: 600;
      letter-spacing: -0.02rem;
      text-decoration: none;
      padding-left: 0.4rem;
    }
    .cta-btn-primary {
      color: #fff;
      background-color: #09b2da;
      border-color: #09b2da;
      min-width: 14rem;
      max-width: 14rem;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
    }
    .hover-img {
      font-size: 0.9rem;
      color: #000;
      margin-left: 0.75rem;
      padding: 0.75rem;
      float: left;
      position: absolute;
      right: 3rem;
      bottom: 3rem;
      background-color: #dedede;
      border-left: 0.2rem solid #09b2da;
      text-transform: uppercase;
      font-weight: 800;
      display: block;
    }
    .highlight-title {
      font-size: 0.9rem;
    }
    .accordion-mobile {
      display: block;
    }
    .accordion-desktop {
      display: none;
    }
    .category-title-wrapper {
      margin-top: 0.9rem;
    }
    .accordion-row-wrapper {
      background-color: #e9e9e9;
      margin-bottom: 1.4rem;
    }
    .accordion-block-title {
      padding-top: 1.2rem;
    }
    .accordion-highlight-button-left {
      margin-bottom: 1rem;
    }
    .accordion-highlight-button-right {
      margin-bottom: 1rem;
    }
    .ct-title {
      font-size: 0.8rem;
    }
    .top-button-top {
      margin-top: 1.4rem;
    }
    .top-search-bar {
      margin-top: 1.4rem;
    }
  }

  @media (min-width: 1200px) {
    h1.slider-text {
      font-size: 1.8rem;
      width: -moz-max-content;
      width: -webkit-max-content;
      width: -o-max-content;   
      /*width: -ms-max-content;   */
      font-weight: 700;
      color: #1a1a1a;
      background-color: white;
      padding: 1rem; 
      display: block;
      border-left: 0.3rem solid #09b2da;
    }
    /* fallback for IE*/
    .ie-fallback {
      width:100%
    }
    h1.slider-text {
      display: inline-block;
    }
    p.slider-desc {
      font-size: 1.2rem;
      width: -moz-max-content;
      width: -webkit-max-content;
      width: -o-max-content;
      font-weight: 400;
      line-height: 1.4;
      color: white;
      background-color: rgba(26, 26, 26, 0.9);
      padding: 1rem;
      display: block;
      text-transform: uppercase;
    } 
    /* fallback for IE*/
    .ie-fallback-desc {
      width: 100%
    }
    p.slider-desc {
      display: inline-block;
    }
    .swiper-caption {
      width: 100%;
      display: block;
      position: absolute;
      bottom: 10%;
      z-index: 10;
      color: #fff;
    }
    .swiper-slide img { 
      object-fit: none; /* Do not scale the image */
      object-position: center; /* Center the image within the element */
      height: 100%;
      max-height: 600px;
    }
    .applications-block-wrapper {
      position: relative;
      display: block;
    }
    .mob-block-wrapper {
      position: relative;
      display: none;
    }
    .widget-svg {
      display: block;
      position: relative;
      margin-top: 1.8rem;
      text-align: center;
    }
    .cta-btn-primary {
      color: #fff;
      background-color: #09b2da;
      border-color: #09b2da;
      min-width: 14rem;
      max-width: 14rem;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
    }
    .hover-img {
      font-size: 0.9rem;
      color: #000;
      margin-left: 0.75rem;
      padding: 0.75rem;
      float: left;
      position: absolute;
      right: 3rem;
      bottom: 3rem;
      background-color: #dedede;
      border-left: 0.2rem solid #09b2da;
      text-transform: uppercase;
      font-weight: 800;
      display: block;
    }
    .applications-title {
      padding: 0.4rem 0.8rem;
      text-align: left;
      font-weight: 600;
      border-left: 5px solid #000; 
      position: absolute;
      background-color: #dedede;
      margin-top: -1.2rem;
      color: #000;
      font-size: 1.4rem;
    }
    .applications-block {
      position: relative;
      width: 100%;
      margin-top: 4.5rem;
      background-color: #f3f3f3;
    }
    .categories-name {
      font-size: 1.1vw;
    }
    .highlight-title {
      font-size: 1rem;
    }
    .accordion-mobile {
      display: none;
    }
    .accordion-desktop {
      display: block;
    }
    .category-title-wrapper {
      margin-top: 0.9rem;
    }
    .accordion-row-wrapper {
      background-color: #e9e9e9;
      margin-bottom: 0.8rem;
    }
    .accordion-block-title {
      padding-top: 0;
    }
    .accordion-highlight-button-left {
      margin-bottom: 0;
    }
    .accordion-highlight-button-right {
      margin-bottom: 0;
    }
    .ct-title {
      font-size: 0.8rem;
    }
    .top-button-top {
      margin-top: 1.4rem;
    }
    .top-search-bar {
      margin-top: 1.4rem;
    }
  }

  /*Polylang*/
  #secondary_menu li {
    margin-left: 0.6rem;
  } 


/*Cookie Consent Begin*/
#cookieConsent {
  background-color: rgba(9,178,218,1);
  min-height: 26px;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  padding: 8px 0 8px 30px;
  font-family: "Trebuchet MS",Helvetica,sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999;
}
#cookieConsent a {
  color: #000;
  text-decoration: none;
}
#closeCookieConsent:hover {
  color: #FFF;
}
#cookieConsent a.cookieConsentOK {
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  padding: 0 20px;
  cursor: pointer;
  float: right;
  margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
  background-color: #212429;
}
/*Cookie Consent End*/

/* Top button */
#topBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 40px; /* Place the button at the bottom of the page */
  right: 0; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(58, 58, 58, 0.7); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 18px; /* Increase font size */
}

#topBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}




.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}