.elementor-1283 .elementor-element.elementor-element-fc043ba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-6f93e47 */@media only screen and (max-width: 600px) {
    .navbar {
   overflow: hidden;
  background-color: rgba(74,103,65, 0.60);
  backdrop-filter: blur(99px);
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  height: 50px;
   z-index: 3;
   transition: 0.5s;

}
}

@media only screen and (max-width: 600px) {
    .navigation {
   display: none;

}
}

@media only screen and (max-width: 600px) {
    .mobilelogo {
    width: 45px;
}
}


@media only screen and (min-width: 600px) {
    .navbar {
     overflow: hidden;
  background-color: rgba(74,103,65, 0.60);
  backdrop-filter: blur(99px);
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  height: 95px;
   z-index: 3;
   transition: 0.5s;
}
}

h6 {
 overflow: hidden;
 text-align: center;
 color: rgba(74,103,65, 0.60);
}

.boxes {
    background-color: #fafafa;
}

.backy {
    background-color: #fafafa;
}

/* The navigation bar */
.logo {
    padding-left: 95px;
    width: 245px;
    
}

.hometext {
    box-shadow:inset 0 15px 8px -16px #4a674180;
    background-color: #fafafa;
    text-align: center;
}

.hometext2 {
    box-shadow:inset 0 15px 10px -16px #111;
    background-color: #fafafa;
}

.test3 {
    box-shadow:inset 10px 15px 10px -16px #111;
    background-color: #fafafa;
}

.homeimage {
    width: 1200px;
    transition: all 0.5s ease;
     z-index: -3;

}




.homeimage34:hover {
    width: 120px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.5s ease;
     z-index: -3;
}



.homeimage2 {
    width: 1200px;
    transition: all 0.5s ease;
     z-index: -3;
     position: absolute
    
}


.homeimage2:hover {
    clip-path: polygon(30% 0%, 95% 0%, 70% 100%, 5% 100%);
    z-index: 5;

}

.homeimage3 {
    width: 120px;
    transition: all 0.5s ease;
     z-index: -3;
     position: absolute
    
}


.homeimage3:hover {
    clip-path: polygon(30% 0%, 95% 0%, 70% 100%, 5% 100%);

}



/* Links inside the navbar */
.navbar a {
  float: left;
  display: flex;
  color: #000a00;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  z-index: 10;
  
  
}

/* Change background on mouse-over */
.navbar a:hover {
  color: #000;
  transition: 0.3s;
  border-radius: 5%;
  
}

.navigation a:hover {
  color: #FFF;
  transition: 0.3s;
  border-radius: 5%;
  
}

.navigation a {
    color: #000a00;
}

.navigation {
  max-width: 1200px;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: auto;
  margin-right: auto;
  align-content: center;
  text-align: right;
  z-index: 30;
  position: fixed;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  
}

.navigation3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  bottom: 0px;
  align-content: center;
  text-align: right;
  padding: 14px 0px 14px 0px;
  text-decoration: none;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-size: 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.navigation4 {
  bottom: 0px;
  align-content: center;
  text-align: right;
  text-decoration: none;
  background: #4a67410d;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-size: 20px;
  
}

.test2 {
  margin-top: 95px; /* Add a top margin to avoid content overlay */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.test3 {
  margin-top: 95px; /* Add a top margin to avoid content overlay */
  max-width: 100%;
    
}

/* Main content */
.main {
  margin-top: 95px; /* Add a top margin to avoid content overlay */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  
}

.main2 {
  margin-top: 95px; /* Add a top margin to avoid content overlay */
  margin-left: auto;
  margin-right: auto;
  
}

.boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    }

.box1 {
    transition: 0.5s;
    width: 330px;
    
    height: 268px;
    padding: 8px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 0 5px 2px #4a67410d;
    
}

.box1:hover {
    box-shadow: 0 0 5px 4px #4a67411a;
    
}



.box2-1 {
    height: 180px;
    padding: 20px;
    background-color: rgba(74,103,65, 0.05);
    background-image: url("https://emoryrose.org/wp-content/uploads/2025/10/360_F_430334719_ztUcJkslqDxPJbnQjAnbBUvbSf21uOUj-copy-1.png");
    background-repeat: no-repeat;
  background-size: cover;
    border-radius: 8.5px;
    color: rgba(42,41,48, 1);;
    text-align: center;
}

.box2-2 {
    height: 180px;
    padding: 20px;
    background-color: rgba(74,103,65, 0.05);
    background-image: url("https://emoryrose.org/wp-content/uploads/2025/05/Automation-1.png");
    background-repeat: no-repeat;
  background-size: cover;
    border-radius: 8.5px;
    
}

.box2-3 {
    height: 180px;
    padding: 20px;
    background-color: rgba(74,103,65, 0.05);
    background-image: url("");
    background-repeat: no-repeat;
  background-size: cover;
    border-radius: 8.5px;
    
}

.box1text {
    padding-top: 20px;
    padding-left: 18px;
    color: black;
    
}

@media only screen and (max-width: 600px) {
    .arrow {
    display: none;
}
}



@media only screen and (min-width: 600px) {
    .arrow {
    color: rgba(74,103,65, 0);
    position: relative;
  top: -63px;
  left: 265px;
  z-index: 500;
  transition: 0.5s;
}
}

.arrow {
    max-width: 30px;
}

@media only screen and (min-width: 600px) {
    .box1:hover + .arrow {
    position: relative;
  top: -63px;
  left: 285px;
  z-index: 500;
color: rgba(74,103,65, 0.35);
}
}

.whiteback {
    background: white;
}

.alink {
    max-width: 330px;
}

.alink1 {
    max-width: 330px;
}

.alink2 {
    max-width: 330px;
}

.design {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-top: 15px;
    
}

.design2 {
    width: 110px;
    height: 110px;
    background: rgba(42,41,48, 1);
    padding-left: 7px;
    border-radius: 10px;
    color: rgba(250,250,250, 1);
    padding-top: 28px;
}

.design3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-left: -6px;
    box-shadow: 0 0 5px 2px #4a67410d;
    margin-top: -15px;
}

.color1 {
    border-radius: 3px;
    background-color: #EE7526;
    width: 22px;
    height: 22px;
}

.color2 {
    border-radius: 3px;
    background-color: #F7941D;
    width: 22px;
    height: 22px;
}

.color3 {
    border-radius: 3px;
    background-color: #EABB09;
    width: 22px;
    height: 22px;
}

.color4 {
    border-radius: 3px;
    background-color: #B71E23;
    width: 22px;
    height: 22px;
}

.color5 {
    border-radius: 3px;
    background-color: #FF3545;
    width: 22px;
    height: 22px;
}

.color6 {
    border-radius: 3px;
    background-color: #EF4255;
    width: 22px;
    height: 22px;
}

.color7 {
    border-radius: 3px;
    background-color: #262F4A;
    width: 22px;
    height: 22px;
}

.color8 {
    border-radius: 3px;
    background-color: #00418D;
    width: 22px;
    height: 22px;
}

.color9 {
    border-radius: 3px;
    background-color: #2CCEC3;
    width: 22px;
    height: 22px;
}

@media only screen and (max-width: 600px) {
    .hideonmobile {
   display: none;
}
}/* End custom CSS */