@media (min-width: 992px) {
  .mod-col2-22-wrapper {
        transform: scale(1.1);
        /* overflow: hidden; */
        margin-top: 50px;
        margin-bottom: 50px;
        transition: 1s ease;
  	opacity:0;
  }
  .mod-col2-22-wrapper.loaded {
  	transform: scale(1);
  	opacity:1;
  }
}

.mod-col2-22-wrapper h3 {
  font-size: 30px; 
  color: #077b6a ! important;
    font-weight: bold;
    margin-bottom: 30px;
}

.mod-col2-22-wrapper p {
  font-size:18px;
  line-height: 1.6;
}


.mod-col2-22-wrapper a.btn22 {
  color: black;
    padding: 10px 20px;
    display: inline-block;
    /* background: red; */
    
    margin-top: 10px;
    font-weight: bold;

background: linear-gradient(to right, #6de7f8 0, #d5fbff 51%, #6de7f9 100%) var(--x, 0) / 200%;
    transition: 0.2s ease-in-out;
}
.mod-col2-22-wrapper a.btn22:hover {
  --x:100%;
	text-decoration:none;
}
    
    
@media screen and (min-width: 0px) and (max-width: 700px) {

.mod-col2-22-wrapper h3 {
  font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}

.mod-col2-22-wrapper p {
  font-size:16px;
  line-height: 1.4;
}   
    
}