// .main-container{
//     overflow: hidden;

// .orr-section {
//     width: 100%;
//     height: 661px;
//     background-image: url("../../../assets/img/Location/orr.png");
//     background-repeat: no-repeat;
//     background-size: cover;
//     background-position: center center;
//     position: relative;
//     background-color: rgba(0, 0, 0, 0.32);
//     padding: 265px 128px;
//     margin-bottom: 56px;
//     @media screen and (max-width: 768px) {
//       height: 473px;
//       padding: 135px 15px;
//     }
  
//     .concord {
//       .concord-data {
//         .concord-title {
//           display: flex;
//           align-items: center;
//           justify-content: center;
//           flex-direction: column;
//           text-align: center;
  
//           .concord-h {
//             width: 100%;
//             margin-bottom: 8px;
//             color: $white;
//             font-family: $font-family-sora;
//             font-size: 36px;
//             font-weight: bold;
//             text-align: center;
//             @media screen and (max-width: 768px) {
//               font-size: 24px;
//             }
//           }
//           .concord-p {
//             width: 50%;
//             color: $white;
//             font-size: 18px;
//             font-family: $font-family-hk;
//             text-align: center;
//             @media screen and (max-width: 768px) {
//               width: 90%;
//             }
//           }
//         }
//       }
  
//       .concord-footer {
//         flex-grow: 0;
//         margin: 193px 0 0 0;
//         padding: 27px 128px 27px 128px;
//         backdrop-filter: blur(140px);
//         background-repeat: no-repeat;
//         background-size: cover;
//         border-top-left-radius: 15px;
//         border-top-right-radius: 15px;
//         background-position: center center;
//         position: relative;
//         // background-color: rgba(0, 0, 0, 0.32);
//         background-image: linear-gradient(104deg, rgba(255, 255, 255, 0.5) 49%, rgba(255, 255, 255, 0) 103%);
//         background-image: url("../../../assets/img/Location/Group\ 46508.png");
//         @media screen and (max-width: 768px) {
//           margin: 99px 0 0;
//           padding: 22px 17px 25px 14px;
//         }
        
//         .concord-flex {
//           h5 {
//             margin: 0px;
//             flex-grow: 0;
//             font-family: $font-family-sora;
//             font-size: 20px;
//             font-weight: bold;
//             text-align: center;
//             color: #fff;
//             padding-bottom: 12px;
//             @media screen and (max-width: 768px) {
//               font-size: 16px;
//               padding-bottom: 5px;
//             }
//           }
//           p {
//             flex-grow: 0;
//             margin: 0px;
//             font-family: $font-family-hk;
//             font-size: 16px;
//             font-weight: normal;
//             letter-spacing: 0.3px;
//             text-align: center;
//             color: #fff;
//           }
//         }
//       }
//     }
//     .hideftbox{
//       display: none;
//     }
//     @media screen and (max-width: 768px) {
//       .ftbox1{
//         margin-left: 20px;
//       }
//       .ftbox2{
//         display: none !important;
//       }
//       .ftbox3{
//         padding-left: 20px;
//         margin-left: 75px;
//       }
//       .hideftbox{
//         display: block;
//         padding-top: 24px;
//       }
//     }
//   }
  
//   // .video-section {
//   //   padding: 0px 318px 120px;
//   //   @media screen and (max-width: 768px) {
//   //     padding: 0px 17px 56px 15px;
//   //   }
//   //   .video-container {
//   //     position: relative;
//   //     img {
//   //       width: 730px;
//   //       height: 371px;
//   //       border-radius: 8px;
//   //       @media screen and (max-width: 768px) {
//   //         width: 298px;
//   //         height: 167px;
//   //       }
//   //     }
  
//   //     .video-button {
//   //       position: absolute;
//   //       top: 0;
//   //       bottom: 0;
//   //       right: 0;
//   //       left: 0;
//   //       margin: auto;
//   //       width: 32px;
//   //       height: 32px;
//   //       img {
//   //         width: 46px;
//   //         height: 46px;
//   //       }
//   //     }
//   //   }
//   // }

//   .video-section-orr{
//     padding-bottom: 120px;
  

// .video-container {
// 	width: 730px;
//   height: 100%;
// 	border-radius: 4px;
// 	margin: 0 auto;
// 	position: relative;
// 	display: flex;
// 	flex-direction: column;
// 	justify-content: center;
//   background-color: rgba(0, 0, 0, 0.2);

// 	.video-wrapper {
// 		width: 100%;
// 		height: 100%;
// 		display: flex;
// 		justify-content: center;
// 		align-items: center;
// 	}
// 	video {
// 		width: 100%;
// 		height: 100%;
// 	}
// }

// .play-button-wrapper {
// 	position: absolute;
// 	top: 0;
// 	left: 0;
// 	right: 0;
// 	bottom: 0;
// 	display: flex;
// 	align-items: center;
// 	justify-content: center;
// 	width: 100%;
// 	height: auto;
// 	pointer-events: none;
// 	#circle-play-b {
// 		cursor: pointer;
// 		pointer-events: auto;

// 		svg {
// 			width: 46.7px;
//   height: 46.7px;
//     stroke: #fff;
//     cursor: pointer;
//     background-color: #ffffff;
//     border-radius: 50%;
//     opacity: 0.7;
// 		}
// 	}
// }

// }







  
//   .carousel-section-orr {
//     margin-bottom: 80px;
//     padding: 0px 128px 80px;
//     position: relative;
//     .swiper-pagination-bullet {
//       width: 10.6px;
//       height: 10.6px;
//       display: inline-block;
//       border-radius: 50%;
//       background: var(--swiper-pagination-bullet-inactive-color,#000);
//       opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
//   }
//     .swiper-pagination-bullet-active {
//       opacity: var(--swiper-pagination-bullet-opacity, 1);
//       width: 13.6px;
//       height: 11.6px;
//       flex-grow: 0;
//       margin: 0 0 0 12.1px;
//       border-radius: 2.4px;
//       background-image: linear-gradient(to bottom, #0031d4 0%, #4badf7 100%);
//       clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
//   }
//   .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
//     margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px);
// }
//   .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
//     bottom: 35px;
//     left: 0;
//     width: 100%;
//     @media screen and (max-width: 768px) {
//       bottom:-10px;
//     }
// } 
//     @media screen and (max-width: 768px) {
//       margin-bottom: 56px;
//       padding: 0px 8px 11px;
//     }
//     .swiper {
//       margin-bottom: 16px;
//       .swiper-slide {
//         .carousel-image {
//           img {
//             width: 100%;
//             height: 100%;
//             border-radius: 8px;
//             object-fit: cover;
//             @media screen and (max-width: 768px) {
//             }
//           }
//         }
//       }
//     }
//     .swiper-button-next,
//     .swiper-button-prev {
//       width: 32px;
//       height: 32px;
//       right: 76px;
//       top:250px;
//       &::after {
//         content: "";
//         background-image: url(../../../assets/img/icons/arrow-swiper-right-blue.svg);
//         width: 100%;
//         height: 100%;
//         background-position: center;
//         background-repeat: no-repeat;
//       }
//       @media screen and (max-width: 768px) {
//         display: none;
//       }
//     }
//     .swiper-button-prev {
//       left: 76px;
//       &:after {
//         content: "";
//         transform: rotate(180deg);
//       }
//     }
//   }
  
//   .map-section-orr {
//     .map-image {
//       position: relative;
//       text-align: center;
//       img {
//         width: 100%;
//         opacity: 0.4;
//         @media screen and (max-width: 768px) {
//           height: 526px;
//         }
//       }
  
//       .map-city {
//         font-family: $font-family-sora;
//         font-size: 24px;
//         text-align: center;
//         font-weight: bold;
//         color: $secondary-color;
//         @media screen and (max-width: 768px) {
//           font-size: 18px;
//         }
//       }
//       .map-text-one {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         top: 150px;
//     left: 303px;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           top: 265px;
//           left: 197px;
//           width: 157px;
//           height: 57px;
//         }
//       }
//       .map-text-two {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         top: 150px;
//         right: 303px;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           top: 338px;
//           right: 23px;
//           width: 157px;
//           height: 57px;
//         }
//       }
//       .map-text-center {
//         width: 321px;
//         position: absolute;
//         top: 50%;
//         left: 50%;
//         transform: translate(-50%, -50%);
//         @media screen and (max-width: 768px) {
//           top: 16%;
//           left: 25%;
//           transform: translate(-25%, -25%);
//         }
//         .map-center {
//           font-family: $font-family-sora;
//           font-size: 32px;
//           font-weight: bold;
//           text-align: center;
//           color: $secondary-color;
//           @media screen and (max-width: 768px) {
//             font-size: 24px;
//           }
//           p {
//             // margin: 16px 0 0;
//             font-family: $font-family-hk;
//             font-size: 18px;
//             font-weight: 500;
//             text-align: center;
//             color: #273d5a;
//             @media screen and (max-width: 768px) {
//               width: 350px;
//             }
//           }
//         }
//       }
//       .map-text-three {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         bottom: 235px;
//         left: 211px;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           bottom: 203px;
//           left: 23px;
//           width: 157px;
//           height: 57px;
//         }
//       }
//       .map-text-four {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         bottom: 235px;
//         right: 207px;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           bottom: 131px;
//     left: 23px;
//           width: 157px;
//           height: 57px;
          
//         }
//       }
//       .map-text-five {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         top: 68px;
//         left:45%;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           left: 23px;
//     width: 157px;
//     height: 57px;
//     top: 410px;

//         }
//       }
//       .map-text-six {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         bottom: 105px;
//         left: 411px;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           bottom: 275px;
//           left: 23px;
//           width: 157px;
//           height: 57px;
//         }
//       }
//       .map-text-seven {
//         padding: 16px 24px;
//         border-radius: 10px;
//         position: absolute;
//         bottom: 105px;
//         right: 413px;
//         height: 68px;
//         -webkit-backdrop-filter: blur(140px);
//         backdrop-filter: blur(140px);
//         background-image: linear-gradient(107deg, #d4d7e6 15%, #f0f0f0 103%);
//         @media screen and (max-width: 768px) {
//           bottom: 275px;
//           right: 23px;
//           width: 157px;
//           height: 57px;
//         }
//       }
//     }
//   }
  
//   .amenities-section-orr {
//     padding-left: 222px;
//     padding-right: 222px;
//     @media screen and (max-width: 768px) {
//       padding-left: 0px;
//       padding-right: 0px;
//     }
//     .amenities {
//       color: $secondary-color;
//       font-family: $font-family-hk;
//       font-size: 24px;
//       font-weight: bold;
  
//       text-align: left;
//       margin-top: 80px;
//     }
//     .amenities-box {
//       padding-top: 32px;
//       .amenities-row {
//         .col-md-6 {
//           margin-bottom: 56px;
//           @media screen and (max-width: 768px) {
//             margin-bottom: 16px;
//           }
//         }
  
//         .amenities-block {
//           gap: 16px;
//           padding: 0;
  
//           .amenities-icon {
//             img {
//               height: 48px;
//               width: 48px;
//             }
//           }
//           .amenities-body {
//             gap: 8px;
//             padding: 0;
  
//             .amenities-title {
//               font-family: $font-family-sora;
//               font-size: 16px;
//               font-weight: 600;
  
//               color: $secondary-color;
//               align-self: stretch;
//               text-align: left;
//             }
//             .amenities-description {
//               font-family: $font-family-hk;
//               font-size: 16px;
//               font-weight: 500;
  
//               color: $color-dark;
//               align-self: stretch;
//               text-align: left;
//             }
//           }
//         }
//       }
//     }
//   }


//   .orr_systems {
//     width: 100%;
//     max-width: 920px;
//     padding: 48px 0 28px;
//     margin: 0 auto;
//     @media screen and (max-width: 768px) {
//       height: auto;
//     }
//     .tech_icon {
//       margin-right: 16px;
//     }
//     .tech_path {
//       margin-bottom: 56px;
//     }
  
//     h2 {
//       font-size: 24px;
//       line-height: 1.5;
//       color: $color-secondary;
//       font-family: $font-family-hk;
//       font-weight: bold;
//       margin-bottom: 48px;
//     }
//     .tech_close {
//       margin: 0 0 0 auto;
//       .close_icon {
//         width: 32px;
//         height: 32px;
//       }
//     }
  
//     h3 {
//       font-family: Sora;
//       font-size: 16px;
//       font-weight: 600;
//       line-height: 1.5;
//       color: $color-secondary;
//       margin-bottom: 8px;
//     }
//     p {
//       font-family: $font-family-hk;
//       font-size: 16px;
//       font-weight: 500;
//       line-height: 1.5;
//       color: $color-dark;
//       margin: 0;
//       width: 100%;
//       max-width: 384px;
//     }
//     .view-more{
//       display: none;
//     }
//   }
  
//   @media screen and (max-width: 768px) {
//     .orr_systems {
//       width: 100%;
//       padding: 40px 15px 8px;
//       .tech_text {
//         margin-top: 40px;
//       }
//       .tech_path {
//         margin-bottom: 32px;
//       }
//       h2 {
//         margin-bottom: 32px;
//       }
//     }
//   }
  









//   .perk-section-orr {
//     @media screen and (max-width: 768px) {
//       margin-bottom: 40px;
//     }
//     .perks-content {
//       padding: 201px 0 0 271px;
//       @media screen and (max-width: 768px) {
//         padding: 14px 0 0 15px;
//       }
  
//       .location-perks {
//         margin: 0 0 40px 0;
//         font-family: $font-family-sora;
//         font-size: 24px;
//         font-weight: bold;
//         letter-spacing: 0.1px;
//         text-align: left;
//         color: $secondary-color;
//         @media screen and (max-width: 768px) {
//           margin: 0 0 32px 0;
//         }
//       }
//       .perks-row {
//         @media screen and (max-width: 768px) {
//           padding-left: 15px;
//         }

//         .col-md-12 {
//           margin-bottom: 16px;
//         }
  
//         .perks-block {
//           gap: 24px;
//           padding: 0;
//           width: 300px;
  
//           .perks-icon {
//             img {
//               height: 48px;
//               width: 48px;
//             }
//           }
//           .perks-body {
//             gap: 8px;
//             padding: 0;
//             margin-top: auto;
//             margin-bottom: auto;
  
//             .perks-description {
//               font-family: $font-family-hk;
//               font-size: 20px;
//               font-weight: 500;
//               color: $color-dark;
//               align-self: stretch;
//               text-align: left;
//               @media screen and (max-width: 768px) {
//                 font-size: 18px;
//               }
//             }
//           }
//         }
//       }
//     }
  
//     .perk-image {
//       background-color: #fef8ec;
//       //width: 582px;
//       height: 719px;
//       position: relative;
//       margin-left: 86px;
//       @media screen and (max-width: 768px) {
//         // width: 172px;
//         height: 375px;
//         margin-left: 173px;
//       }
//       img {
//         height: 719px;
//         margin-left: -86px;
//         padding: 80px 42px 80px 0;
//         margin-left: -86px;
//         width: 100%;
//         @media screen and (max-width: 768px) {
//           height: 100%;
//           width: 360px;
//           padding: 42px 15px 42px 0;
//           margin-left: -158px;
//         }
//       }
//     }
//   }
  
//   .other-section-orr {
//     padding: 80px 0px 80.8px 128px;
//     background-color: $secondary-color;
//     @media screen and (max-width: 768px) {
//       padding: 50px 15px;
//     }
  
//     .other-heading {
//       flex-grow: 0;
//       font-family: $font-family-sora;
//       font-size: 32px;
//       font-weight: bold;
//       text-align: left;
//       color: #fff;
//       margin: 0 0 16px;
//       @media screen and (max-width: 768px) {
//         font-size: 24px;
//         margin: 0 0 24px;
//       }
//     }
//     .other-para {
//       flex-grow: 0;
//       opacity: 0.8;
//       font-family: $font-family-hk;
//       font-size: 16px;
//       font-weight: 500;
//       margin: 0 0 48px;
//       text-align: left;
//       color: #fff;
//       @media screen and (max-width: 768px) {
//         margin: 0;
//       }
//     }
//     .other-image {
//       img {
//         width: 445px;
//         height: 285px;
//         flex-grow: 0;
//         margin: 0 0 16px;
//         border-radius: 8px;
//         @media screen and (max-width: 768px) {
//           width: 100%;
//           height: 212px;
//           margin: 32px 0 16px;
//         }
//       }
//     }
//     .other-name {
//       flex-grow: 0;
//       margin: 0 301px 8.2px 0;
//       font-family: $font-family-sora;
//       font-size: 24px;
//       font-weight: bold;
//       text-align: left;
//       color: #fff;
//       @media screen and (max-width: 768px) {
//         margin: 0 88px 16.2px 0;
//       }
//     }
//     .other-paragraph {
//       flex-grow: 0;
//       margin: 8.2px 0 32px;
//       font-family: $font-family-hk;
//       font-size: 18px;
//       font-weight: 500;
//       text-align: left;
//       color: #fff;
//       width: 455px;
  
//       margin: 16.2px 0 24.8px;
//       @media screen and (max-width: 768px) {
//         margin: 16.2px 0 24.8px;
//       }
//     }
//     .mob-para{
//       display: none;
//     }
//     @media screen and (max-width: 768px) {
//       .mob-para{
//       width: 330px;
//       height: 81px;
//       flex-grow: 0;
//       font-size: 18px;
//       font-weight: 500;
//       font-stretch: normal;
//       font-style: normal;
//       line-height: 1.5;
//       letter-spacing: normal;
//       text-align: left;
//       color: #fff;
//       display: block;
//       }
//       .des-para{
//         display: none;
//       }
//     }
//   }
// }


// @media screen and (max-width: 768px){
//   .orr_systems{
//     #kicker{
//       display: none;
//     }
//   .view-more{
//     display:block !important;
//     text-align: center;
//     .btn-border-blue{
//       width: 156px;
//       height: 38px;
//       gap: 10px;
//     margin: 32px 89px 56px 77px;
//     padding: 0px;
//     padding-top: 6px;
//     border-radius: 40px;
//   border: solid 2px #0030d4;
//     }
//   }
//   }

//   .main-container .video-section-orr .video-container {
//     width:100%;
//     height:100%;
//   }

//   .main-container .video-section-orr{
//     padding-bottom: 56px;
//     padding-left: 16px;
//     padding-right: 16px;
//   }








// }


// @media screen and (min-device-width: 481px) and (max-device-width: 1024px){
//   .main-container .carousel-section-orr .swiper-button-next, .main-container .carousel-section-orr .swiper-button-prev {
//     top: 160px;
// }
// .main-container .perk-section-orr .perks-content {
//   padding: 201px 0 0 71px;
// }
// .main-container .map-section-orr .map-image .map-text-three {
//   bottom: 156px;
//   left: 131px;
// }
// .main-container .map-section-orr .map-image .map-text-one {
//   top: 97px;
//   left: 156px;
// }
// .main-container .map-section-orr .map-image .map-text-five {
//   top: 35px;
//   left: 43%;
// }
// .main-container .map-section-orr .map-image .map-text-two {
//   top: 101px;
//   right: 163px;
// }
// .main-container .map-section-orr .map-image .map-text-four {
//   bottom: 159px;
//   right: 98px;
// }
// .main-container .map-section-orr .map-image .map-text-seven {
//   bottom: 47px;
//   right: 239px;
// }
// .main-container .map-section-orr .map-image .map-text-six {
//   bottom: 47px;
//   left: 285px;
// }
// }




// @media screen and (min-device-width: 400px) and (max-device-width: 415px) {

//   .main-container .map-section-orr .map-image .map-text-one {
//     left: 57%;
//   }
//   .main-container .perk-section-orr .perk-image img {
//     width: 381px;
//     padding: 42px 0px 42px 0;
// }
// }
// @media screen and (max-width: 395px) {
 
//   .main-container .map-section-orr .map-image .map-text-one {
//     left: 54%;
//   }

// @media screen and (min-width: 390px){
//     .main-container .perk-section-orr .perk-image img {
//       padding: 42px 0px 42px 0;}
//   }
//   }

// @media screen and (max-width: 376px) {
 
//   .main-container .map-section-orr .map-image .map-text-one {
//     left: 52%;
//   }
// }

// @media screen and (max-width: 376px) {
//   .main-container .map-section-orr .map-image .map-text-seven {
//     right: 13px;}
//   .main-container .map-section-orr .map-image .map-text-one {
//       left: 55%;
//   }
//   .main-container .map-section-orr .map-image .map-text-two {
//     right: 13px;
//   }
// }

// @media screen and (max-width: 360px){
//   .main-container .map-section-orr .map-image .map-text-one {
//     left: 53%;
// }
// .main-container .perk-section-orr .perk-image img {
//     width: 343px;
// }
// }