.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/SPREE_LOGO.png");
   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: 330px;
   }

   .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: 1280px;
   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: 903px;
     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: 60%;
   }
 }

 @media (max-width: 991px) {
   ul {
     left: 44% !important;
     top: 61% !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-7 .u-sheet-1 {
   min-height: 653px;
 }

 .u-section-7 .u-gallery-1 {
   height: 750px;
   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-8 .u-sheet-1 {
   min-height: 653px;
 }

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

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

 .u-section-8 .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-8 .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-8 .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-8 .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-8 .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-8 .u-sheet-1 {
     min-height: 556px;
   }

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

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

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

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

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

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

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

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

   .u-section-8 .u-gallery-1 {
     height: 512px;
   }
 }

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

 .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;
   }
 }

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

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

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


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

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

 .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-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;
   }
 }

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



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

 /*---------------------------------------------------------------*/
 .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;
   }
 }