 .u-section-1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#fef9e6), to(#fbeced));
  background-image: linear-gradient(to right, #fef9e6, #fbeced);
}

.u-section-1 .u-sheet-1 {
  min-height: 630px;
}

.u-section-1 .u-image-1 {
  height: 502px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-1 .u-image-2 {
  width: 203px;
  height: 203px;
  background-image: url("images/hotelpanjabi_logo.jpeg");
  background-position: 50% 50%;
  -webkit-box-shadow: 2px 0 8px 0 rgba(128,128,128,1);
  box-shadow: 2px 0 8px 0 rgba(128,128,128,1);
  margin: -73px auto 0 37px;
}

.u-section-1 .u-text-1 {
  font-size: 2.25rem;
  margin: -113px 430px 0 179px;
}

.u-section-1 .u-custom-html-1 {
  height: auto;
  min-height: 33px;
  margin: -39px 17px 0 828px;
}

.u-section-1 .u-text-2 {
  font-size: 1.25rem;
  margin: 14px 526px 0 271px;
}

.u-section-1 .u-text-3 {
  font-size: 1.25rem;
  font-weight: normal;
  margin: 6px 541px 0 296px;
    text-align: left;
}

.u-section-1 .u-custom-html-2 {
  margin: 105px 570px -266px 275px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 540px;
  }

  .u-section-1 .u-image-1 {
    height: 414px;
  }

  .u-section-1 .u-image-2 {
    width: 174px;
    height: 174px;
    margin-top: -56px;
    margin-left: 29px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: -102px;
    margin-right: 313px;
    margin-left: 139px;
  }

  .u-section-1 .u-custom-html-1 {
    margin-right: 20px;
    margin-left: 680px;
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin-top: 7px;
    margin-right: 297px;
    margin-left: 118px;
  }

  .u-section-1 .u-text-3 {
    width: auto;
    margin-top: 5px;
    margin-right: 309px;
    margin-left: 235px;
  }

  .u-section-1 .u-custom-html-2 {
    margin: 159px 470px -481px 175px;
  }
  .btn{
	  font-size: 12px !important;
}
    
 .box {
  margin: 0 56px !important;
}
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 415px;
  }
  .btn{
	  font-size: 12px !important;
	  padding: 15px 42px !important;
	  border-radius: 15px !important;
}
    
  .button_container {
        top: 150% !important;
    }
    
    
  .u-section-1 .u-image-1 {
    height: 314px;
  }

  .u-section-1 .u-image-2 {
    width: 159px;
    height: 159px;
    margin-top: -48px;
    margin-left: 16px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.875rem;
    margin-top: -96px;
    margin-right: 205px;
    margin-left: 137px;
  }

  .u-section-1 .u-custom-html-1 {
    margin-top: -33px;
    margin-right: 0;
    margin-left: 480px;
  }

  .u-section-1 .u-text-2 {
    font-size: 1.125rem;
    margin-top: 4px;
    margin-right: 160px;
    margin-left: 106px;
  }

  .u-section-1 .u-text-3 {
    font-size: 1.125rem;
    margin-right: 232px;
    margin-left: 201px;
  }

  .u-section-1 .u-custom-html-2 {
    margin: 42px 360px -782px 65px;
  }
  .box {
    margin: 0 27px !important;
    width: 60px !important;
    height: 60px !important;
}
    .box i {
        font-size: 28px !important;
    }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 355px;
  }

  .u-section-1 .u-image-1 {
    height: 236px;
  }

  .u-section-1 .u-image-2 {
    width: 125px;
    height: 125px;
    margin-top: -35px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.5rem;
    margin-top: -79px;
    margin-right: 68px;
    margin-left: 65px;
  }

  .u-section-1 .u-custom-html-1 {
    margin-top: 38px;
    margin-left: 300px;
  }

  .u-section-1 .u-text-2 {
    font-size: 1rem;
    width: 258px;
    margin-top: -68px;
    margin-left: 158px;
    margin-right: auto;
  }

  .u-section-1 .u-text-3 {
    font-size: 1rem;
    margin-top: 4px;
    margin-right: 134px;
    margin-left: 169px;
  }

  .u-section-1 .u-custom-html-2 {
    margin: -19px 245px -873px 0;
  }
  .box {
    margin: 0 18px !important;
    width: 55px !important;
    height: 55px !important;
   }
   .box i {
        font-size: 25px !important;
   }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 258px;
  }
    .wrapper {
    margin-top: 58px !important;
   }
  .u-section-1 .u-image-1 {
    height: 151px;
  }

  .u-section-1 .u-image-2 {
    width: 103px;
    height: 103px;
    margin-top: -31px;
    margin-left: 10px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.225rem;
    margin-top: -62px;
    margin-right: -3px;
    margin-left: 89px;
  }

  .u-section-1 .u-custom-html-1 {
    width: 240px;
    margin-top: 74px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-1 .u-text-2 {
    font-size: 0.875rem;
    width: auto;
    margin-top: -100px;
    margin-right: 5px;
    margin-left: 135px;
    text-align: left;
  }

  .u-section-1 .u-text-3 {
    font-size: 0.875rem;
    margin-right: 50px;
    margin-left: 136px;
      text-align: left;
  }

  .u-section-1 .u-custom-html-2 {
    margin-top: 10px;
    margin-right: 45px;
    margin-bottom: -952px;
  }
  .button_container {

    top: 8% !important;
  }
  .btn {
    font-size: 11px !important;
    padding: 8px 16px !important;
    border-radius: 15px !important;
}
    .box {
    margin: 0 12px !important;
    width: 42px !important;
    height: 42px !important;
   }
   .box i {
        font-size: 17px !important;
   }
    .wrapper{
        margin-top: 40px;
        height: 0vh !important;
    }
}
/*--------------------------------*/
.u-section-2 .u-sheet-1 {
  min-height: 440px;
}

.u-section-2 .u-gallery-1 {
  height: 308px;
  margin-top: 50px;
  margin-bottom: 0;
}

.u-section-2 .u-gallery-inner-1 {
  grid-template-columns: auto auto auto;
  grid-gap: 10px 10px;
}

.u-section-2 .u-back-image-1 {
  -o-object-position: 50% 23.48%;
  object-position: 50% 23.48%;
}

.u-section-2 .u-over-slide-1 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-2 .u-back-image-2 {
  -o-object-position: 50% 20.34%;
  object-position: 50% 20.34%;
}

.u-section-2 .u-over-slide-2 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-2 .u-over-slide-3 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-2 .u-gallery-item-4 {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: -23px;
}

.u-section-2 .u-over-slide-4 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 390px;
  }

  .u-section-2 .u-gallery-1 {
    height: 254px;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(3, auto);
  }

  .u-section-2 .u-gallery-item-4 {
    margin-bottom: -192px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 780px;
  }

  .u-section-2 .u-gallery-1 {
    margin-bottom: -527px;
    height: 584px;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }

  .u-section-2 .u-gallery-item-4 {
    margin-bottom: -1315px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1505px;
  }

  .u-section-2 .u-gallery-1 {
    margin-bottom: 0;
    height: 1314px;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: auto;
  }

  .u-section-2 .u-gallery-item-4 {
    margin-bottom: -431px;
    margin-top: -1314px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 490px;
  }

  .u-section-2 .u-gallery-1 {
    height: 342px;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: auto auto;
  }

  .u-section-2 .u-gallery-item-4 {
    margin-top: 18px;
    margin-right: 0;
    margin-bottom: -978px;
  }
}
/*------------------------------*/
 .u-section-3 {
  background-image: none;
}

.underline{
    padding-bottom: 12px;
    border-bottom-style: solid;
    border-bottom-width: 3.1px;
    width: 50%;
    border-bottom-color: #555;


}
.underline1{
    padding-bottom: 12px;
    border-bottom-style: solid;
    border-bottom-width: 3.1px;
    width: 55%;
    border-bottom-color: #555;
}
.headertag{
    margin-left: 13px;
}
.underline2{
    padding-bottom: 12px;
    border-bottom-style: solid;
    border-bottom-width: 3.1px;
    width: 86%;
    border-bottom-color: #555;


}
  
.u-section-3 .u-sheet-1 {
  min-height: 219px;
}

.u-section-3 .u-text-1 {
  margin: 12px 644px 0 12px;
}

.u-section-3 .u-text-2 {
  line-height: 1.4;
  font-size: 1.3rem;
  margin: 25px 12px 30px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 337px;
  }

  .u-section-3 .u-text-1 {
    width: auto;
    margin-top: 20px;
    margin-right: 462px;
    margin-left: 13px;
  }

  .u-section-3 .u-text-2 {
    width: auto;
    margin: 30px 13px -52px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 277px;
  }

  .u-section-3 .u-text-1 {
    margin-top: 21px;
    margin-right: 236px;
    margin-left: 12px;
  }

  .u-section-3 .u-text-2 {
    margin: 29px 12px 25px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 327px;
  }

  .u-section-3 .u-text-1 {
    margin-top: 11px;
    margin-right: 45px;
    margin-left: 11px;
  }

  .u-section-3 .u-text-2 {
    margin-top: 39px;
    margin-left: 11px;
    margin-right: 11px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 550px;
  }

  .u-section-3 .u-text-1 {
    margin-top: 42px;
    margin-right: 30px;
    margin-left: 13px;
  }

  .u-section-3 .u-text-2 {
    margin: 31px 13px -114px;
      font-size: 1.125rem;
  }
    
}


/*-------------------------------*/
.u-section-4 .u-sheet-1 {
  min-height: 675px;
}
.smalltext{
      font-size: 1.225rem !important;  
    }
.u-section-4 .u-gallery-1 {
  height: 575px;
  width: 1140px;
  margin: 50px auto 25px;
}

.u-section-4 .u-gallery-inner-1 {
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
}

.u-section-4 .u-back-image-1 {
  -o-object-position: 50% 23.48%;
  object-position: 50% 23.48%;
}

.u-section-4 .u-over-slide-1 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-back-image-2 {
  -o-object-position: 50% 20.34%;
  object-position: 50% 20.34%;
}

.u-section-4 .u-over-slide-2 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-over-slide-3 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-gallery-item-4 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-4 .u-over-slide-4 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-gallery-item-5 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-4 .u-back-image-5 {
  -o-object-position: 50% 81.01%;
  object-position: 50% 81.01%;
}

.u-section-4 .u-over-slide-5 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-over-slide-6 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-over-slide-7 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-over-slide-8 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-4 .u-gallery-item-9 {
  margin-left: 0;
}

.u-section-4 .u-over-slide-9 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 523px;
  }

  .u-section-4 .u-gallery-1 {
    width: 940px;
    height: 474px;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 1552px;
  }

  .u-section-4 .u-gallery-1 {
    width: 720px;
    margin-bottom: -527px;
    height: 1452px;
  }

  .u-section-4 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }

  .u-section-4 .u-gallery-item-9 {
    margin-bottom: -447px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-sheet-1 {
    min-height: 4456px;
  }

  .u-section-4 .u-gallery-1 {
    width: 540px;
    margin-bottom: -1805px;
    height: 4356px;
  }

  .u-section-4 .u-gallery-inner-1 {
    grid-template-columns: auto;
    grid-gap: 10px 10px;
  }

  .u-section-4 .u-gallery-item-9 {
    margin-bottom: -2372px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 805px;
  }

  .u-section-4 .u-gallery-1 {
    margin-bottom: 0;
    height: 703px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-4 .u-gallery-inner-1 {
    grid-template-columns: auto auto;
  }

  .u-section-4 .u-gallery-item-9 {
    margin-bottom: -500px;
    margin-top: 552px;
  }
    .smalltext{
      font-size: 0.875rem !important;  
    }
}



/*------------------------------------*/
.u-section-5 {
  background-image: none;
}

.u-section-5 .u-sheet-1 {
  min-height: 621px;
}

.u-section-5 .u-layout-wrap-1 {
  width: 1054px;
  margin: 108px auto 0 0;
}

.u-section-5 .u-layout-cell-1 {
  min-height: 462px;
}

.u-section-5 .u-container-layout-1 {
  padding: 30px 60px;
}

.u-section-5 .u-text-1 {
  font-weight: 700;
}

.u-section-5 .u-text-2 {
  font-weight: 700;
  margin: 20px 0 0;
}

.u-section-5 .u-text-3 {
  font-weight: 700;
  margin: 0;
}

.u-section-5 .u-layout-cell-2 {
  min-height: 462px;
}

.u-section-5 .u-container-layout-2 {
  padding: 20px;
}

@media (max-width: 1199px) {
  .u-section-5 .u-sheet-1 {
    min-height: 462px;
  }

  .u-section-5 .u-layout-wrap-1 {
    width: 940px;
    margin-top: 20px;
    margin-bottom: -100px;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 412px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 412px;
  }
    .socialicon li{
        padding-top: 110px !important;
    }
}

@media (max-width: 991px) {
  .u-section-5 .u-sheet-1 {
    min-height: 445px;
  }

  .u-section-5 .u-layout-wrap-1 {
    width: 720px;
    margin-bottom: -298px;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 316px;
  }

  .u-section-5 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-sheet-1 {
    min-height: 880px;
  }

  .u-section-5 .u-layout-wrap-1 {
    width: 540px;
    margin-bottom: -459px;
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 474px;
    margin-top: 75px;
  }

  .u-section-5 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 705px;
  }

  .u-section-5 .u-layout-wrap-1 {
    width: 340px;
    margin-top: 25px;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 202px;
  }

  .u-section-5 .u-text-1 {
    width: auto;
    margin-top: -30px;
    margin-right: -45px;
  }

  .u-section-5 .u-text-2 {
    width: auto;
    margin-top: 14px;
    margin-right: -10px;
  }

  .u-section-5 .u-text-3 {
    width: auto;
    margin-top: 29px;
    margin-right: -45px;
    margin-bottom: 20px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 298px;
  }
}

.socialicon {
    position: absolute;
    top: 53%;
    left: 42%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.socialicon li {
    list-style: none;
    margin: -28px 20px;
    padding-top: 100px;

}

.socialicon li .fa {
    font-size: 19px;
    color: #262626;
    line-height: 37px;
    -webkit-transition: .5s;
    transition: .5s;

}

ul li a {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fff;
    text-align: center;
    -webkit-transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0, 0);
    transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0, 0);
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
    box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
}

ul li a::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    height: 100%;
    width: 20px;
    background: #b1b1b1;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(0deg) skewY(-45deg);
    transform: rotate(0deg) skewY(-45deg);
}

ul li a::after {
    content: "";
    position: absolute;
    top: 33px;
    left: -9px;
    height: 20px;
    width: 100%;
    background: #b1b1b1;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(0deg) skewX(-45deg);
    transform: rotate(0deg) skewX(-45deg);
}

ul li a:hover {
    -webkit-transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    -webkit-box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
    box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}

ul li:hover .fa {
    color: #fff;
}

ul li a:hover {
    -webkit-transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    -webkit-box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
    box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}

ul li:hover:nth-child(1) a {
    background: #3b5999;
}

ul li:hover:nth-child(1) a:before {
    background: #2e4a86;
}

ul li:hover:nth-child(1) a:after {
    background: #4a69ad;
}

ul li:hover:nth-child(2) a {
    background: #55acee;
}

ul li:hover:nth-child(2) a:before {
    background: #4184b7;
}

ul li:hover:nth-child(2) a:after {
    background: #4d9fde;
}

ul li:hover:nth-child(3) a {
    background: #dd4b39;
}

ul li:hover:nth-child(3) a:before {
    background: #c13929;
}

ul li:hover:nth-child(3) a:after {
    background: #e83322;
}

ul li:hover:nth-child(4) a {
    background: #0077B5;
}

ul li:hover:nth-child(4) a:before {
    background: #036aa0;
}

ul li:hover:nth-child(4) a:after {
    background: #0d82bf;
}

ul li:hover:nth-child(5) a {
    background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

ul li:hover:nth-child(5) a:before {
    background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

ul li:hover:nth-child(5) a:after {
    background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}



@media (max-width: 1199px) {
   ul {
    left: 47%;
       top: 70%;
    }
}

@media (max-width: 991px) {
    ul {
        left: 44% !important;
        top: 71% !important;
    }
    ul li{
        padding-top: 195px !important;
        margin: -28px 17px;
    }
    ul li a{
        width: 27px !important; 
        height: 26px !important; 
    }
    ul li a::after{
        top:  25px !important;
    }
    ul li .fa{
        font-size: 18px !important;
        line-height: 26px !important;
    }
}
@media (max-width: 767px) {
  ul {
     left: 37% !important;
    }
    ul li{
        margin: -15px 33px;
        padding-top: 230px !important;
    }
    ul li a{
        width: 50px;
        height: 50px;      

    }
    ul li a::after {
        top: 49px;
    }
    ul li .fa {
        font-size: 24px;
        line-height: 53px;
    }
    .wrapper{
        margin-top: 58px !important;
    }
  }

@media (max-width: 575px) {
  ul {
    left: 46% !important;
    }
    ul li{
        margin: -15px 22px;
    }
    ul li a{
        width: 50px;
        height: 50px;      

    }
    ul li a::after {
        top: 49px;
    }
    ul li .fa {
        font-size: 24px;
        line-height: 53px;
    }
    .wrapper{
        height: 15vh;
    }
  }


@media (max-width: 767px) {
    .box{
        height: 72px;
    }
    .box i{
        font-size: 30px;        
    }
  }

@media (max-width: 575px) {
    .box{
        height: 46px;
    }
    .box i{
        font-size: 18px;        
    }
  }
/*----------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 margin-top: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 30px;
}
.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  width: 70px;
  height: 70px;
  background: #dde1e7;
  border-radius: 50%;
  margin: 0 70px;
  -webkit-box-shadow: -3px -3px 7px #fff, 3px 3px 5px rgba(94, 104, 121, 0.712);
  box-shadow: -3px -3px 7px #fff, 3px 3px 5px rgba(94, 104, 121, 0.712);
  position: relative;
    cursor: pointer;
}
.box:after {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: inset -3px -3px 7px #fff,
    inset 3px 3px 5px rgba(94, 104, 121, 0.712);
  box-shadow: inset -3px -3px 7px #fff,
    inset 3px 3px 5px rgba(94, 104, 121, 0.712);
}

.box:hover:after {
  -webkit-box-shadow: -3px -3px 7px #fff, 3px 3px 5px rgba(94, 104, 121, 0.712);
  box-shadow: -3px -3px 7px #fff, 3px 3px 5px rgba(94, 104, 121, 0.712);
}

.box i {
  cursor: pointer;
  background: #dde1e7;
  font-size: 32px;
  text-shadow: -3px -3px 7px #fff, 3px 3px 5px rgba(94, 104, 121, 0.712);
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.box:hover i {
  color: dodgerblue;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.function1{
    color: #5fd813;
}
.function2{
    color: #f04e4e;
}
.function3{
    color: #f02323;
}
.function5{
    color: dodgerblue;
}
.function4{
    color: #4c53ef;
}
/*--------------------------------------------*/
/* for desktop */
.whatsapp_float {
	position:fixed;
	width:70px;
	height:70px;
	bottom:60px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
        font-size:40px;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
        z-index:100;
}

.whatsapp-icon {
	margin-top:16px;
}
/* for mobile */
@media screen and (max-width: 767px){
     .whatsapp-icon {
	 margin-top:10px;
     }
    .whatsapp_float {
        width: 60px;
        height: 60px;
        bottom: 100px;
        left: 10px;
        font-size: 37px;
    }
}
/*---------------------------------------------------------------------*/
.u-section-6 .u-sheet-1 {
  min-height: 505px;
}

.u-section-6 .u-gallery-1 {
  height: 350px;
  width: 1140px;
  margin: 50px auto 25px;
}

.u-section-6 .u-gallery-inner-1 {
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
}

.u-section-6 .u-back-image-1 {
  -o-object-position: 50% 23.48%;
  object-position: 50% 23.48%;
}

.u-section-6 .u-over-slide-1 {
  padding: 20px;
}

.u-section-6 .u-back-image-2 {
  -o-object-position: 50% 20.34%;
  object-position: 50% 20.34%;
}

.u-section-6 .u-over-slide-2 {
  padding: 20px;
}

.u-section-6 .u-over-slide-3 {
  padding: 20px;
}

.u-section-6 .u-gallery-item-4 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-6 .u-over-slide-4 {
  padding: 20px;
}

.u-section-6 .u-gallery-item-5 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-6 .u-back-image-5 {
  -o-object-position: 50% 81.01%;
  object-position: 50% 81.01%;
}

.u-section-6 .u-over-slide-5 {
  padding: 20px;
}

.u-section-6 .u-over-slide-6 {
  padding: 20px;
}

@media (max-width: 1199px) {
  .u-section-6 .u-sheet-1 {
    min-height: 274px;
  }

  .u-section-6 .u-gallery-1 {
    height: 274px;
    width: 940px;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-sheet-1 {
    min-height: 1050px;
  }

  .u-section-6 .u-gallery-1 {
    height: 890px;
    width: 720px;
    margin-bottom: -527px;
  }

  .u-section-6 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-sheet-1 {
    min-height: 2420px;
  }

  .u-section-6 .u-gallery-1 {
    height: 2272px;
    width: 540px;
    margin-bottom: -1805px;
  }

  .u-section-6 .u-gallery-inner-1 {
    grid-template-columns: auto;
    grid-gap: 10px 10px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-sheet-1 {
    min-height: 536px;
  }

  .u-section-6 .u-gallery-1 {
    height: 409px;
    margin-bottom: -1488px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-6 .u-gallery-inner-1 {
    grid-template-columns: auto auto;
  }
}
/*-----------------------------------------------------*/
.u-section-7 .u-sheet-1 {
  min-height: 653px;
}

.u-section-7 .u-gallery-1 {
  height: 752px;
  margin-top: 51px;
  margin-bottom: 21px;
  grid-gap: 17px 17px;
}

.u-section-7 .u-gallery-inner-1 {
  grid-template-columns: repeat(3, auto);
  grid-gap: 17px;
}

.u-section-7 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-over-slide-4 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-over-slide-5 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

@media (max-width: 1199px) {
  .u-section-7 .u-sheet-1 {
    min-height: 556px;
  }

  .u-section-7 .u-gallery-1 {
    height: 455px;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-sheet-1 {
    min-height: 885px;
  }

  .u-section-7 .u-gallery-1 {
    height: 784px;
  }

  .u-section-7 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-sheet-1 {
    min-height: 576px;
  }

  .u-section-7 .u-gallery-1 {
    height: 427px;
  }

  .u-section-7 .u-gallery-inner-1 {
    grid-template-columns: auto auto;
    grid-gap: 17px 17px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-sheet-1 {
    min-height: 450px;
  }

  .u-section-7 .u-gallery-1 {
    height: 312px;
  }
}

/*-----------------------------------------------------*/

.u-section-16 .u-sheet-1 {
  min-height: 675px;
}
.smalltext{
      font-size: 1.225rem !important;  
    }
.u-section-16 .u-gallery-1 {
  height: 575px;
  width: 1140px;
  margin: 50px auto 25px;
}

.u-section-16 .u-gallery-inner-1 {
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
}

.u-section-16 .u-back-image-1 {
  -o-object-position: 50% 23.48%;
  object-position: 50% 23.48%;
}

.u-section-16 .u-over-slide-1 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-back-image-2 {
  -o-object-position: 50% 20.34%;
  object-position: 50% 20.34%;
}

.u-section-16 .u-over-slide-2 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-over-slide-3 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-gallery-item-4 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-16 .u-over-slide-4 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-gallery-item-5 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-16 .u-back-image-5 {
  -o-object-position: 50% 81.01%;
  object-position: 50% 81.01%;
}

.u-section-16 .u-over-slide-5 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-over-slide-6 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-over-slide-7 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-over-slide-8 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-16 .u-gallery-item-9 {
  margin-left: 0;
}

.u-section-16 .u-over-slide-9 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

@media (max-width: 1199px) {
  .u-section-16 .u-sheet-1 {
    min-height: 523px;
  }

  .u-section-16 .u-gallery-1 {
    width: 940px;
    height: 474px;
  }
}

@media (max-width: 991px) {
  .u-section-16 .u-sheet-1 {
    min-height: 1552px;
  }

  .u-section-16 .u-gallery-1 {
    width: 720px;
    margin-bottom: -527px;
    height: 1452px;
  }

  .u-section-16 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }

  .u-section-16 .u-gallery-item-9 {
    margin-bottom: -447px;
  }
}

@media (max-width: 767px) {
  .u-section-16 .u-sheet-1 {
    min-height: 4456px;
  }

  .u-section-16 .u-gallery-1 {
    width: 540px;
    margin-bottom: -1805px;
    height: 4356px;
  }

  .u-section-16 .u-gallery-inner-1 {
    grid-template-columns: auto;
    grid-gap: 10px 10px;
  }

  .u-section-16 .u-gallery-item-9 {
    margin-bottom: -2372px;
  }
}

@media (max-width: 575px) {
  .u-section-16 .u-sheet-1 {
    min-height: 805px;
  }

  .u-section-16 .u-gallery-1 {
    margin-bottom: 0;
    height: 703px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-16 .u-gallery-inner-1 {
    grid-template-columns: auto auto;
  }

  .u-section-16 .u-gallery-item-9 {
    margin-bottom: -500px;
    margin-top: 552px;
  }
    .smalltext{
      font-size: 0.875rem !important;  
    }
}
/*-----------------------------------------------------------------*/
.u-section-8 {
  background-image: none;
}

.u-section-8 .u-sheet-1 {
  min-height: 500px;
}

.u-section-8 .u-list-1 {
  margin-bottom: 60px;
  margin-top: 38px;
}

.u-section-8 .u-repeater-1 {
  grid-gap: 10px 10px;
  grid-template-columns: calc(20% - 8px) calc(20% - 8px) calc(20% - 8px) calc(20% - 8px) calc(20% - 8px);
  min-height: 580px;
}

.u-section-8 .u-container-layout-1 {
  padding: 10px 5px;
}

.u-section-8 .u-image-1 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/reservation.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-1 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-2 {
  padding: 10px 5px;
}

.u-section-8 .u-image-2 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/2.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-2 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-3 {
  padding: 10px 5px;
}

.u-section-8 .u-image-3 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/3.jpeg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-3 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-4 {
  padding: 10px 5px;
}

.u-section-8 .u-image-4 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/4.jpeg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-4 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-5 {
  padding: 10px 5px;
}

.u-section-8 .u-image-5 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/5.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-5 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-6 {
  padding: 10px 5px;
}

.u-section-8 .u-image-6 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/6.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-6 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-7 {
  padding: 10px 5px;
}

.u-section-8 .u-image-7 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/7.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-7 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-8 {
  padding: 10px 5px;
}

.u-section-8 .u-image-8 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/8.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-8 {
  width: 139px;
  margin: 23px auto 0;
}

.u-section-8 .u-container-layout-9 {
  padding: 10px 5px;
}

.u-section-8 .u-image-9 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/9.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}
.u-section-8 .u-text-9 {
  width: 139px;
  margin: 23px auto 0;
}
.u-section-8 .u-image-10 {
  width: 190px;
  height: 190px;
  background-image: url("images/Services1/10.jpg");
  background-position: 50% 50%;
  filter: brightness(0.95);
  margin: 0 15px 0 5px;
}

.u-section-8 .u-text-10 {
  width: 139px;
  margin: 23px auto 0;
}

@media (max-width: 1199px) {
  .u-section-8 .u-sheet-1 {
    min-height: 512px;
  }

  .u-section-8 .u-list-1 {
    margin-top: 50px;
  }

  .u-section-8 .u-repeater-1 {
    min-height: 478px;
  }

  .u-section-8 .u-image-1 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-2 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-3 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-4 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-5 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-6 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-7 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-8 {
    width: 160px;
    height: 160px;
  }

  .u-section-8 .u-image-9 {
    width: 160px;
    height: 160px;
  }
  .u-section-8 .u-image-10 {
    width: 160px;
    height: 160px;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-sheet-1 {
    min-height: 867px;
  }

  .u-section-8 .u-list-1 {
    margin-bottom: -98px;
  }

  .u-section-8 .u-repeater-1 {
    grid-template-columns: calc(33.3333% - 6.66667px) calc(33.3333% - 6.66667px) calc(33.3333% - 6.66667px);
    min-height: 767px;
  }

  .u-section-8 .u-image-1 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-5 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-6 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-7 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-8 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-8 .u-image-9 {
    margin-left: auto;
    margin-right: auto;
  }
   .u-section-8 .u-image-10 {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-sheet-1 {
    min-height: 1015px;
  }

  .u-section-8 .u-list-1 {
    margin-bottom: 50px;
  }

  .u-section-8 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 1439px;
    grid-auto-columns: 100%;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-sheet-1 {
    min-height: 1529px;
  }

  .u-section-8 .u-repeater-1 {
    min-height: 1313px;
  }

  .u-section-8 .u-image-1 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-2 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-3 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-4 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-5 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-6 {
        width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-7 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-8 {
    width: 145px;
    height: 145px;
  }

  .u-section-8 .u-image-9 {
    width: 145px;
    height: 145px;
  }
  .u-section-8 .u-image-10 {
    width: 145px;
    height: 145px;
  }
}
/*-----------------------------------------------------------*/
.u-section-9 .u-sheet-1 {
  min-height: 500px;
}

.u-section-9 .u-layout-wrap-1 {
  position: relative;
}

.u-section-9 .u-layout-cell-1 {
  min-height: 400px;
}

.u-section-9 .u-container-layout-1 {
}

.u-section-9 .u-image-1 {
  width: 459px;
  height: 265px;
  margin: 0 auto;
}

.u-section-9 .u-layout-cell-2 {
  min-height: 400px;
}

.u-section-9 .u-container-layout-2 {
  padding: 30px;
}

.u-section-9 .u-image-2 {
  width: 225px;
  height: 225px;
  margin: 58px auto;
}

@media (max-width: 1199px) {
  .u-section-9 .u-sheet-1 {
    min-height: 376px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-top: 25px;
    margin-bottom: -49px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 326px;
  }

  .u-section-9 .u-image-1 {
    width: 434px;
    height: 251px;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 326px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-bottom: 12px;
  }

  .u-section-9 .u-image-2 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-sheet-1 {
    min-height: 374px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-top: 35px;
    margin-bottom: -61px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 314px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-top: 17px;
    padding-bottom: 24px;
  }

  .u-section-9 .u-image-1 {
    height: 267px;
    margin-top: 6px;
    margin-bottom: -6px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 314px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-top: 26px;
    padding-bottom: 0;
  }

  .u-section-9 .u-image-2 {
    width: 177px;
    height: 177px;
    margin-top: 43px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-sheet-1 {
    min-height: 739px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-top: 25px;
    margin-bottom: -66px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 338px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 10px;
  }

  .u-section-9 .u-image-1 {
    height: 431px;
    margin-top: 22px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 356px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-2 {
    width: 256px;
    height: 256px;
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 585px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-top: 15px;
    margin-bottom: -12px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 258px;
  }

  .u-section-9 .u-image-1 {
    height: 193px;
    margin-top: 6px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 287px;
  }

  .u-section-9 .u-image-2 {
    width: 202px;
    height: 202px;
    margin-top: 38px;
  }
}
/*-------------------------------------------------------------*/

.u-section-11 .u-sheet-1 {
  min-height: 574px;
}

.u-section-11 .u-video-1 {
  width: 985px;
  height: 454px;
  margin: 60px auto 13px 57px;
}

.u-section-11 .embed-responsive-1 {
  position: absolute;
}

@media (max-width: 1199px) {
  .u-section-11 .u-sheet-1 {
    min-height: 553px;
  }

  .u-section-11 .u-video-1 {
    width: 848px;
    height: 433px;
    margin-bottom: 60px;
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .u-section-11 .u-sheet-1 {
    min-height: 458px;
  }

  .u-section-11 .u-video-1 {
    width: 662px;
    height: 338px;
    margin-bottom: 33px;
  }
}

@media (max-width: 767px) {
  .u-section-11 .u-sheet-1 {
    min-height: 393px;
  }

  .u-section-11 .u-video-1 {
    height: 276px;
    width: 494px;
    margin-top: 57px;
    margin-bottom: -147px;
  }
}

@media (max-width: 575px) {
  .u-section-11 .u-sheet-1 {
    min-height: 307px;
  }

  .u-section-11 .u-video-1 {
    width: 312px;
    height: 190px;
    margin-bottom: -233px;
  }
}
/*--------------------------------------------------------*/
.u-section-12 .u-sheet-1 {
  min-height: 675px;
}
.smalltext{
      font-size: 1.225rem !important;  
    }
.u-section-12 .u-gallery-1 {
  height: 575px;
  width: 1140px;
  margin: 50px auto 25px;
}

.u-section-12 .u-gallery-inner-1 {
  grid-template-columns: repeat(4, auto);
  grid-gap: 10px;
}

.u-section-12 .u-back-image-1 {
  -o-object-position: 50% 23.48%;
  object-position: 50% 23.48%;
}

.u-section-12 .u-over-slide-1 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-back-image-2 {
  -o-object-position: 50% 20.34%;
  object-position: 50% 20.34%;
}

.u-section-12 .u-over-slide-2 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-over-slide-3 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-gallery-item-4 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-over-slide-4 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-gallery-item-5 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-back-image-5 {
  -o-object-position: 50% 81.01%;
  object-position: 50% 81.01%;
}

.u-section-12 .u-over-slide-5 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-over-slide-6 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-over-slide-7 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-over-slide-8 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

.u-section-12 .u-gallery-item-9 {
  margin-left: 0;
}

.u-section-12 .u-over-slide-9 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.15)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15));
  padding: 10px;
}

@media (max-width: 1199px) {
  .u-section-12 .u-sheet-1 {
    min-height: 523px;
  }

  .u-section-12 .u-gallery-1 {
    width: 940px;
    height: 474px;
  }
}

@media (max-width: 991px) {
  .u-section-12 .u-sheet-1 {
    min-height: 1552px;
  }

  .u-section-12 .u-gallery-1 {
    width: 720px;
    margin-bottom: -527px;
    height: 1452px;
  }

  .u-section-12 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }

  .u-section-12 .u-gallery-item-9 {
    margin-bottom: -447px;
  }
}

@media (max-width: 767px) {
  .u-section-12 .u-sheet-1 {
    min-height: 4456px;
  }

  .u-section-12 .u-gallery-1 {
    width: 540px;
    margin-bottom: -1805px;
    height: 4356px;
  }

  .u-section-12 .u-gallery-inner-1 {
    grid-template-columns: auto;
    grid-gap: 10px 10px;
  }

  .u-section-12 .u-gallery-item-9 {
    margin-bottom: -2372px;
  }
}

@media (max-width: 575px) {
  .u-section-12 .u-sheet-1 {
    min-height: 805px;
  }

  .u-section-12 .u-gallery-1 {
    margin-bottom: 0;
    height: 703px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-12 .u-gallery-inner-1 {
    grid-template-columns: auto auto;
  }

  .u-section-12 .u-gallery-item-9 {
    margin-bottom: -500px;
    margin-top: 552px;
  }
    .smalltext{
      font-size: 0.875rem !important;  
    }
}

/* ---------------------------------------------------- */

.centered-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%; /* Or adjust to your preferred height */
  min-height: 500px; /*Optional: adjust based on needs */
  width: 80%;
}

.responsive-image {
  width: 900px;
  height: 400px;
  object-fit: contain;
  padding-left: 250px;
}
/*-------------------------------------------------*/

.u-section-18 .u-image-1,
.u-section-18 .u-image-2,
.u-section-18 .u-image-3 {
  width: 350px;
  height: 200px;
  object-fit: contain;
  margin: 14px auto 0;
}


@media (max-width: 991px) {
  .u-section-18 .u-image-1,
  .u-section-18 .u-image-2,
  .u-section-18 .u-image-3 {
    width: 180px;
    height: 75px;
  }
}

@media (max-width: 575px) {
  .u-section-18 .u-image-1,
  .u-section-18 .u-image-2,
  .u-section-18 .u-image-3 {
    width: 160px;
    height: 65px;
  }
}

/* ----------------------------------------------- */

.u-section-19 .u-image-1,
.u-section-19 .u-image-2,
.u-section-19 .u-image-3 {
  width: 350px;
  height: 200px;
  object-fit: contain;
  margin: 14px auto 0;
}

@media (max-width: 991px) {
  .u-section-19 .u-image-1,
  .u-section-19 .u-image-2,
  .u-section-19 .u-image-3 {
    width: 180px;
    height: 75px;
  }
}

@media (max-width: 575px) {
  .u-section-19 .u-image-1,
  .u-section-19 .u-image-2,
  .u-section-19 .u-image-3 {
    width: 160px;
    height: 65px;
  }
}

/*-------------------------------------------------*/
.u-section-13 .u-sheet-1 {
  min-height: 245px;
}

.u-section-13 .u-image-1 {
  width: 266px;
  height: 131px;
  margin: 25px auto 0;
}

.u-section-13 .u-btn-1 {
  border-style: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px auto 0 285px;
}

.u-section-13 .u-btn-2 {
  border-style: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: -45px 275px 30px auto;
}

@media (max-width: 1199px) {
  .u-section-13 .u-btn-1 {
    margin-left: 85px;
  }

  .u-section-13 .u-btn-2 {
    margin-right: 75px;
  }
}

@media (max-width: 991px) {
  .u-section-13 .u-btn-1 {
    margin-left: 0;
  }

  .u-section-13 .u-btn-2 {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-13 .u-sheet-1 {
    min-height: 300px;
  }

  .u-section-13 .u-btn-1 {
    margin-left: auto;
  }

  .u-section-13 .u-btn-2 {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: auto;
  }
}
/*------------------------------------------------*/


.u-section-15 .u-sheet-1 {
  min-height: 484px;
}

.u-section-15 .u-gallery-1 {
  height: 364px;
  grid-gap: 17px 17px;
  margin: 60px auto;
}

.u-section-15 .u-gallery-inner-1 {
  grid-template-columns: auto auto;
  grid-gap: 17px 17px;
}

.u-section-15 .u-over-slide-1 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.2)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-15 .u-over-slide-2 {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.2)));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

@media (max-width: 1199px) {
  .u-section-15 .u-sheet-1 {
    min-height: 356px;
  }

  .u-section-15 .u-gallery-1 {
    height: 300px;
    grid-template-columns: repeat(3, auto);
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-15 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 991px) {
  .u-section-15 .u-sheet-1 {
    min-height: 746px;
  }

  .u-section-15 .u-gallery-1 {
    height: 919px;
    grid-template-columns: repeat(2, auto);
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-15 .u-gallery-inner-1 {
    grid-template-columns: repeat(1, auto);
  }
}

@media (max-width: 767px) {
  .u-section-15 .u-sheet-1 {
    min-height: 799px;
  }

  .u-section-15 .u-gallery-1 {
    height: 689px;
    margin-top: 55px;
    margin-bottom: -345px;
    grid-template-columns: auto;
    margin-right: initial;
    margin-left: initial;
  }
}

@media (max-width: 575px) {
  .u-section-15 .u-sheet-1 {
    min-height: 544px;
  }

  .u-section-15 .u-gallery-1 {
    height: 434px;
    margin-bottom: -834px;
    margin-right: initial;
    margin-left: initial;
  }
}
/*------------------------------------*/
.u-section-17 .u-sheet-1 {
  min-height: 58px;
}

.u-section-17 .u-text-1 {
  font-weight: 900;
  font-size: 1.125rem;
  margin: 10px 20px -49px 951px;
}

@media (max-width: 1199px) {
  .u-section-17 .u-sheet-1 {
    min-height: 39px;
  }

  .u-section-17 .u-text-1 {
    margin-right: 0;
    margin-bottom: -68px;
    margin-left: 771px;
  }
}

@media (max-width: 991px) {
  .u-section-17 .u-text-1 {
    margin-left: 551px;
  }
}

@media (max-width: 767px) {
  .u-section-17 .u-text-1 {
    margin-left: 371px;
  }
}

@media (max-width: 575px) {
  .u-section-17 .u-text-1 {
    width: auto;
    margin-right: 1px;
    margin-bottom: 10px;
    margin-left: 170px;
  }
}
/*---------------------------------------------------------------*/
.count_text{
	color: #555;
	padding: 4px;
	font-size: 20px;
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
}
.count_visit{
	margin-left: 43.5%;
	min-height: 43px;
}

@media (max-width: 1199px) {
  .count_visit{
	margin-left: 41%;
     }
	 #total_count li{
	padding: 2% !important;
    margin-left: 1% !important; 
 }
}


@media (max-width: 991px) {
  .count_visit{
	margin-left: 43%;
     }
	#total_count li{
	padding: 2% !important;
    margin-left: 1% !important; 
    }
}

@media (max-width: 767px) {
  
  .count_visit{
	margin-left: 40.5%;
}
 #total_count li{
	 padding: 3% !important;
	 
 }
 .u-section-125 .u-sheet-1 {
    height: 125px !important;
  }
}

@media (max-width: 575px) {
  
  .count_visit{
	margin-left: 28.5%;
}
 #total_count li{
	padding: 2% !important;
    margin-left: 5% !important; 
 }
 .u-section-125 .u-sheet-1 {
    height: 125px !important;
  }
}