/* 6) sixth section ////////////////////////////////////////////*/
.sixthSection{
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    padding:60px 4%;
    width:100%;
    height:100%;
}
 .tect-size{
    font-size: 2rem;
 } 
.sixthSection .contentBox{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
     max-width:60%;
     
}
.sixthSection .contentBox .sixthImage1{display:none;}
.sixthSection img{
     max-width:30%;
     height:auto;
    
}
.sixthSection h2{
    line-height: 1.55em;
    margin-bottom:0.1em;
}

.sixthSection p{                            
 
    margin-top:0.675em;
    max-width:90%;;
   text-align: center;
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.zoom-loop {
  animation: zoomInOut 6s ease-in-out infinite;
  transition: transform 0.3s;
  display: block;
  margin: 0 auto;
}


/* Responsiveness */
@media only screen and (max-width:768px) {
      .tect-size{
    font-size: 1.7rem;
 } 
   .handwritten-text::after {
    
      height: 2px;
     
    }
    .sixthSection{
        padding:50px 8%;
    }
    .sixthSection p{                            
        max-width:100%;;
    }
    .sixthSection .contentBox .sixthImage1{
        display:block;
        max-width:50%;
        margin:0.9375em 0 0.5em 0;
    }
    .sixthSection .sixthImage2{display:none;}
    .sixthSection .contentBox{
         max-width:80%; 
    }
}
@media only screen and (max-width: 26.5625em) {

    .sixthSection .contentBox .sixthImage1{max-width:70%;}
    .sixthSection .contentBox{
         max-width:100%; 
    }
}
@media only screen and (max-width: 768px) {
 p.sectionParagraph{
    font-size: 15px !important;
  }
  p.sectionParagraph span{
    font-size: 15px !important;
  }

}