<style>
         .main-navbar .navbar .navbar-nav .nav-item {
         margin-right: 12px;
		 text-transform: uppercase;
         }
         body {
         font-family: Arial;
         margin: 0;
         }
         img {
         vertical-align: middle;
         }
         .container 
         {
         position: relative;
         }
         .mySlides 
         {
         display: none;
         }
         .cursor 
         {
         cursor: pointer;
         }
         /* Next & previous buttons */
         .prev,
         .next {
         cursor: pointer;
         position: absolute;
         top: 62%;
         width: auto;
         padding: 16px;
         margin-top: -50px;
         color: red;
         background-color: black;
         font-weight: bold;
         font-size: 20px;
         border-radius: 0 3px 3px 0;
         user-select: none;
         -webkit-user-select: none;
         }
         /* Position the "next button" to the right */
         .next {
         right: 0;
         border-radius: 3px 0 0 3px;
         }
         .prev:hover, .next:hover {
         background-color: rgba(0, 0, 0, 0.8);
         }
         .numbertext {
         color: #f2f2f2;
         font-size: 12px;
         padding: 8px 12px;
         position: absolute;
         top: 0;
         }
         .caption-container {
         text-align: center;
         background-color: #222;
         padding: 2px 16px;
         color: white;
         }
         .row:after {
         content: "";
         display: table;
         clear: both;
         }
         .column {
         float: left;
         width: 16.66%;
         }
         .column1 {
         float: left;
         width: 25%;
         }
         /* Add a transparency effect for thumnbail images */
         .demo {
         opacity: 0.6;
         }
         .active,
         .demo:hover {
         opacity: 1;
         }
         .demo1 {
         border-radius: 5px;
         cursor: pointer;
         transition: 0.3s;
         }
         .demo1:hover {
         opacity: 1;
         }
         .value-item .value-inner-content .number .bg-2 {
         background-color: #a1c731;
         }
         .column:not(:hover) > div {
         display: none;
         }
         .column .content:hover .text {
         opacity: 1;
         transform: translateY(250px);
         -webkit-transform: translateY(250px);
         }
         /* The Modal (background) */
         .modal {
         display: none;
         /* position: absolute; */
         z-index: 1;
         padding-top: 100px;
         padding-bottom: 100px;
         /*left: 0;
         top: 0;*/
         width: 100%;
         height: auto;
         overflow: auto;
         background-color: rgb(0,0,0);
         background-color: rgb(0 0 0 / 76%);
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         }
         /* Modal Content (image) */
         .modal-content 
         {
         margin: auto;
         display: block;
         width: 100%;
         max-width: 700px;
         }
         @-webkit-keyframes zoom 
         {
         from {
         -webkit-transform: scale(0)
         }
         to {
         -webkit-transform: scale(1)
         }
         }
         @keyframes zoom {
         from {
         transform: scale(0)
         }
         to {
         transform: scale(1)
         }
         }
         /* 100% Image Width on Smaller Screens */
         @media only screen and (max-width: 700px) {
         .modal-content {
         width: 100%;
         }
         }
      </style>
      <style>
         /* IMAGE GRID STYLES
         –––––––––––––––––––––––––––––––––––––––––––––––––– */
         .image-grid figure {
         margin-bottom: 0;
         }
         .image-grid img {
         box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
         transition: box-shadow 0.2s;
         }
         .image-grid a:hover img {
         box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
         }
         /* LIGHTBOX STYLES
         –––––––––––––––––––––––––––––––––––––––––––––––––– */
         .lightbox-modal .modal-content {
         background: var(--lightbox);
         }
         .lightbox-modal .btn-close {
         position: absolute;
         top: 20px;
         right: 18px;
         font-size: 1.2rem;
         z-index: 10;
         }
         .lightbox-modal .modal-body {
         display: flex;
         align-items: center;
         padding: 0;
         text-align: center;
         }
         .lightbox-modal img {
         width: auto;
         max-height: 100vh;
         max-width: 100%;
         }
         .lightbox-modal .carousel-caption {
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(36, 36, 36, 0.75);
         }
         .lightbox-modal .carousel-control-prev,
         .lightbox-modal .carousel-control-next {
         top: 50%;
         bottom: auto;
         transform: translateY(-50%);
         width: auto;
         }
         .lightbox-modal .carousel-control-prev {
         left: 10px;
         }
         .lightbox-modal .carousel-control-next {
         right: 10px;
         }
         /* FOOTER STYLES
         –––––––––––––––––––––––––––––––––––––––––––––––––– */
         .page-footer {
         position: fixed;
         right: 0;
         bottom: 60px;
         display: flex;
         align-items: center;
         font-size: 1rem;
         padding: 5px;
         background: rgba(255, 255, 255, 0.65);
         }
         .page-footer a {
         display: flex;
         margin-left: 9px;
         }
         .modal-backdrop 
         {
         z-index: 0 !important;
         background-color: none !important;
         }
         @media only screen and (max-width: 700px) 
         {
         .main-responsive-nav .logo img 
         {
         height: 65px;
         max-width:100% !important;
         }
         }
         @media only screen and (max-width: 700px) 
         {
         .key 
         {
         height:300px;
         }
         }
         @media only screen and (min-width: 710px) 
         {
         .key 
         {
         height:600px;
         }
         }
         .whats-app 
         {
         width: 50px;
         height: 50px;
         left: 15px;
         border-radius: 50px;
         font-size: 23px;
         box-shadow: 2px 2px 3px #5a4848;
         z-index: 100;
         position: fixed;
         text-align: center;
         color: #fff;
         padding-top: 9px;
         bottom: 20px;
         background-color: #00e676;
         }
		 .contact-form-area, .form-wrap {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.contact-form-area, .form-wrap {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.review-inner, .form-wrap {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 #bdc3ca;
    padding: 30px;
}
.form-control {
margin-bottom: 20px;
}
.one-half {
    width: 50%;
    float: left;
	padding-right: 10px;
}
      </style>