p, span, h1, h2, h3{ 
  
  word-break: break-word;
  hyphens: manual;
  white-space: pre-wrap;
}
.image-title h1{
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}
#service-main-section .image-title h2{
    text-transform: capitalize;
    font-size:xx-large;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
#service-main-section .image-subtitle h2{
    font-size: x-large;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#ele{
  margin: 50px 0;
  overflow: hidden;
}
.pointer{
  cursor:pointer;
}
.service-cover{
  height: 500px;
  width: 100%;
}
.service-app-title{
  display: flex;
  justify-content: center;
  align-items:center;
}
.service-app-subtitle{
  text-align:center;
}
ul.more-text li {
    margin: 30px 0;
}
ul.more-text li p{
    margin-top: 20px;
}
.service-app-subtitle h2{
  margin: 0;
}
/*
.service-app-subtitle span{
  text-transform: uppercase;
}*/
.service-app-title h2{
  margin:0;
  margin-inline-end: 2px;
  margin-inline-start: 2px;
}
.column{
  flex-direction: column;
}
.row{
  flex-direction: row;
}
/*
#service-title h2{

  font-weight: 300;
  text-transform: uppercase;
}*/
.gold{
  color: #7b7b7b!important;
}
.black{
  color: #005969;

}
.smaller{
    font-size: smaller;
}
.underline{
    text-decoration: underline!important;
}
.italic{
    font-style: italic;
}
.bold{
    font-weight: bold;
}
.no-left{
    margin-left:0!important;
}
.service-app-icons{
  padding-top: 30px;
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 20px;
}
.service-app-icons .icon-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.service-app-icons .icon-container p{
  padding: 0 25%;
}
.service-app-icons .icon-container .icon-container-img{
    display: flex;
    /*border: 1px solid black;*/
    border-radius: 100%;
    height: 80px;
    width: 80px;
    padding: 13px;
    justify-content: center;
    align-items: center;

}
.service-app-list{
  text-align: center;
  margin: 100px 0 40px 0;
}
.service-app-list h4{
  text-transform: uppercase;
}
.service-app-list h3{
  color:#7b7b7b!important;
}
.service-app-list ul{
  list-style-type: none;
  justify-items: flex-start;
  width: 80%;
  margin: 50px auto;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  text-align:left;
  align-items: start;
  grid-gap: 18px;
}
.service-app-list ul.ball li:before{
    content: '●';
    margin: 0 5px;
  font-weight: 700;
}
.service-app-list ul li:not(.no-before):before {
  content: '✓';
  color: green;
  margin: 0 5px;
  font-weight: 700;
  font-size: larger;
}
.service-app-list ul li .show-more-list{
    margin-left: 25px;
}
.service-app-list ul li .show-more-text{
    border-left-width: 1px;
    border-left-color: #C89D66;
    border-left-style: dotted;
    padding: 25px;

   
}
.service-app-list .fa-times,.fa-arrow-circle-down{
    background-color:#005969!important;
    padding: 8px;
    color: white!important;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity: 0.9;
}
.menu-container{
  background-image: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 0;
  transform:rotate(-45deg);
  margin: 60px 0;
}
.menu-container img{
  width: 45%;
}
.menu-container img.opacity{
  opacity: 0.6
}
.menu-container img:focus-visible{
  outline:none;
}

/*services menu in one row*/
.services-app-container{
    display:flex;
    flex-direction: row;
    justify-content: center;
}
.services-app-container > div:not(.services-full){
    width: 50%;
}
.services-app-container > div{
    transition: all 0.8;
}
    

.serice-app-description{
  width: 60%;
  font-size:16px;
  line-height: 24px;
  font-weight: 400;
  font-family:montserrat;
}

.services-app-container .service-app-description{
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    flex-direction: column;
    padding-left:30px;
    
}
.services-app-container .service-app-description p{
    text-align: left;
}
.services-app-container .service-app-menu img{
    transition:all 0.8s;
    width:90%;
}
.services-app-container .service-app-menu.services-full img{
    
    width: 60%;
} 
@media only screen and (max-width: 640px){
    .service-app-icons{
      width: unset;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 20px;te
    }
    .service-app-icons .icon-container p {
      padding: 0 5%;        
    }
    .services-app-container .service-app-menu.services-full img{
        width: 80%;
    }
    .menu-container img{
      width: unset;
    }
    .services-app-container .service-app-description {
      width: 87%;        
      padding-left:0;
    }
    .services-app-container{
        display:flex;
        flex-direction: column;
    }
    .services-app-container > div{
        width: unset!important;
    }
    .service-app-list ul {
        grid-template-columns: 1fr;
        margin: 50px 0;
        width: 100%;
        grid-column-gap: 10px;
    }
}