@import 'animate.css';
@import 'owl.carousel.css';
@import 'foundation.min.css';
@import 'theme-styles.css';
@import 'responsive-styles.css';
@import 'twentytwenty-no-compass.css';
@import 'fontawesome-all.min.css';
@import 'https://fonts.googleapis.com/css?family=Niconne|Poppins:400,600,700|Roboto:400,500,700" rel="stylesheet';




/* Modal styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }
  
  .modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 30px;
    border: 1px solid #888;
    width: 50%;
    border-radius: 15px;
  }
  
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  

  @media (max-width: 786px) {
    .grid-padding-x>.cell{
      margin: 10px 0;
    }

    #header_toptwo{
            display: flex;
            align-items: center;
            justify-content: center;
    }
  }

  @media (min-width: 786px) {
    .grid-padding-x>.cell{
      margin:  0;
    }
    
    #header_toptwo{
          display: flex; 
          align-items: center;
          justify-content: flex-end;
    }
  }

        figure.table {
            width: 100%;
        }
        
    #details_page p {
            margin-bottom: 10px !important;
            text-align:left;
    }


#testimonial_detils p{
         text-align:center;
         width:100%;
        }

@media screen and (min-width: 786px) {
        #testimonial_detils{
            padding:80px;
        }
}

@media screen and (max-width: 785px) {
        #testimonial_detils{
            padding: 40px 10px;
        }
}

.about-text {
    text-align: left;
}