

/* Box */

.rtext--box {
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 24px;
}

.rtext--box-border {
  border: 2px solid;
}

.rtext--box-border.txt--light {
  border-color: #E3E6EC;
}

.rtext--box-border.txt--dark {
  border-color: rgba(255, 255, 255, .2);
}

.rtext--box-accent {
  background: #f18014;
  box-shadow: 0px 16px 32px rgba(241, 128, 20, 0.2), 0px 8px 16px rgba(241, 128, 20, 0.2);
}

.rtext--box-dark {
  background: #404040;
  box-shadow: 0px 16px 32px rgba(64, 64, 64, 0.05), 0px 8px 16px rgba(64, 64, 64, 0.05);
}

.rtext--box-light {
  background: #f9fafb;
}

.rtext--box-white {
  background: #fff;
  box-shadow: 0px 16px 32px rgba(64, 64, 64, 0.05), 0px 8px 16px rgba(64, 64, 64, 0.05);
}

.rtext--box-ghost {
  background: rgba(255, 255, 255, .1);
  
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  
}
.joinDutchviewblock p a:hover {
   font-size: 18px !important;
    border: 1px solid red;
  }

 .journey p a: hover {
    background-color: #fff !important;
    border: 1px solid #f18014 !important;
    color: #f18014 !important;
    text-decoration: none !important;
  }


.meet-team p a:hover {
  text-decoration: none;
 font-size: 24px;
  font-weight: 800;
}
@media (max-width: 767px) {
  
  .custom-richtext-container {
    margin-bottom: 50px;
  
}
  .homepagetopblock p img {
    width: 30px !important;
  }
  .homepagetopblock h1 {
    font-size: 36px !important;
  }
  
  .ourvission h4 {
    font-size: 28px;
  }
  .ourstory h5 {
    font-size: 26px;
  }
  .teamcount {
   justify-self: left !important; 
    gap: 20px !important;
  }
  
  .joinDutchviewBlock {
    flex-direction: column;
    align-items: center; /* Centers the content */
    text-align: center;
  }

  .joinDutchviewBlock img {
    width: 100px; /* Adjust as needed */
    height: auto;
    margin-bottom: 10px; /* Adds space between image and text */
  }

  .joinDutchviewBlock div {
    width: 100%; /* Ensures text takes full width */
  }
  .producttop {
    padding: 0px !important;
  }
  .empv p {
   margin-top: 30px !important; 
  }
  .journey h5 {
    font-size: 26px !important;  
}
 .journey p {
   font-size: 20px !important;
   width: auto !important;
}
  
  .journey p a{
   font-size: 16px !important;
}
  .ouraimblock {
    text-align: left !important;
  }
  .ouraimblock h2{
   font-size: 20px !important;
  }
 
  .dataprotectionblock {
    padding-top: 0px !important; 
  }
  .joinDutchviewblock{
    margin-bottom: 20px; !important;
  }
  
  .joinDutchviewblockimg {
    width: auto !important;
  }
  
  .joinDutchviewblockimg img {
    width: auto !important;
  }
  
  
  
  
}