body.homepage {
  overflow: hidden;
}

body.homepage header {
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.4) 54.5%,
      rgba(0, 0, 0, 0.24) 68.47%,
      rgba(0, 0, 0, 0.08) 80.21%,
      rgba(0, 0, 0, 0.02) 88.19%,
      rgba(0, 0, 0, 0.01) 93.95%,
      rgba(0, 0, 0, 0) 100%) !important;
  padding-bottom: 64px;
}

.main-navigation-links ul li ul.full-menu {
  top: calc(100% - 64px) !important;
}

.home-banner {
  width: 100%;
  height: calc(100% - 64px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.owl-carousel.home-interactive-carousel {
  width: 100%;
  height: 100%;
}

.owl-carousel.home-interactive-carousel .owl-stage-outer {
  width: 100%;
  height: 100%;
}

.owl-carousel.home-interactive-carousel .owl-stage-outer .owl-stage {
  height: 100%;
}

.owl-carousel.home-interactive-carousel .owl-item {
  height: 100%;
}

.owl-carousel.home-interactive-carousel .slide-item {
  height: 100%;
  min-height: 100%;
}

.owl-carousel.home-interactive-carousel .slide-item:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: linear-gradient(0deg,
      #000000 -5.21%,
      rgba(0, 0, 0, 0.946196) 5.59%,
      rgba(0, 0, 0, 0.75) 15.31%,
      rgba(0, 0, 0, 0.5) 36.9%,
      rgba(0, 0, 0, 0) 61.6%);
  /*background: linear-gradient(0deg, #000 13.05%, rgba(0, 0, 0, 0.95) 20.9%, rgba(0, 0, 0, 0.75) 27.96%, rgba(0, 0, 0, 0.50) 43.65%, rgba(0, 0, 0, 0.00) 61.6%);*/
}

.owl-carousel.home-interactive-carousel .slide-item img,
.owl-carousel.home-interactive-carousel .slide-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*.owl-carousel.home-interactive-carousel .slide-item video
{
  
    transform: scale(1.4);        
}*/

.owl-carousel.home-interactive-carousel .slide-item .slide-caption {
  position: absolute;
  width: 100%;
  max-width: 1312px;
  margin: auto;
  bottom: 383px;
  text-align: center;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.owl-carousel.home-interactive-carousel .slide-item .slide-caption h1 {
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-size: 32px;
  background: rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(28.26px);
  -webkit-backdrop-filter: blur(28.26px);
  font-family: "29ltbukrabold";
  margin: 0px 0px 4px 0px;
  padding: 8px;
}

.owl-carousel.home-interactive-carousel .slide-item .slide-caption h2 {
  letter-spacing: 1.12px;
  text-transform: uppercase;
  font-size: 56px;
  background: rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(28.26px);
  -webkit-backdrop-filter: blur(28.26px);
  font-family: "29ltbukrabolditalic";
  margin: 0px 0px 4px 0px;
  padding: 8px;
}

.owl-carousel.home-interactive-carousel .slide-item .slide-caption h3 {
  letter-spacing: 0.34px;
  text-transform: uppercase;
  font-size: 17px;
  background: rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(28.26px);
  -webkit-backdrop-filter: blur(28.26px);
  font-family: "DubaiMedium";
  margin: 0px;
  padding: 8px;
}

.owl-carousel.home-interactive-carousel .slide-item .slide-caption h3 a {
  color: #fff;
  text-decoration: underline;
}

.carousel-custom-control {
  position: absolute;
  z-index: 9;
  bottom: 239px;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-custom-control button.owl-prev,
.carousel-custom-control button.owl-next {
  background: none;
  padding: 0;
  border: none;
  color: #fff;
  opacity: 0.5;
  transition: all 300ms ease-in;
  height: 18px;
}

.carousel-custom-control button.owl-prev:hover,
.carousel-custom-control button.owl-next:hover {
  opacity: 1;
}

.carousel-custom-control button.owl-prev i,
.carousel-custom-control button.owl-next i {
  font-size: 18px;
}

.carousel-custom-control button.owl-prev {
  margin-right: 8px;
}

.carousel-custom-control button.owl-next {
  margin-left: 8px;
}

.custom-pause {
  cursor: pointer;
  margin: 0 6px;
}

.custom-pause:hover i {
  opacity: 1;
  transition: all 300ms ease-in;
}

.custom-pause i {
  opacity: 0.5;
  color: #fff;
  font-size: 14px;
}

.carousel-custom-control .custom-dots {
  z-index: 9;
  position: relative;
}

.custom-dots {
  display: flex;
}

.custom-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: none;
  opacity: 0.5;
  transition: all 300ms ease-in;
  margin: 0 8px;
  padding: 0;
}

.custom-dots .owl-dot.active,
.custom-dots .owl-dot:hover,
.custom-dots .owl-dot:focus,
.custom-dots .owl-dot:active {
  opacity: 1;
  background: #fff !important;
}

.home-service-expand {
  max-width: 1312px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 64px;
}

.home-service-card {
  position: absolute;
  z-index: 9;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1312px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.home-service-cont-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5;
}

.home-service-like {
  font-family: "29ltbukrabold";
  font-size: 20px;
  letter-spacing: 0.4px;
  color: #000;
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}

.home-service-all-mb {
  display: none;
}

.home-service-all-mb a {
  color: #67dea3;
  text-decoration: none;
}

.home-service-card-sec {
  width: 100%;
}

.home-services.off {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: flex-end;
  min-height: 204px;
}

.home-service-card-box {
  flex: 1 1 0px;
  background: #fff;
  border-radius: 16px 16px 0px 0px;
  padding: 30px 0px 30px 0px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}

.home-service-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.home-service-card-img {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-service-card-img img {
  width: 100%;
  height: 100%;
}

.home-service-card-name {
  font-size: 18px;
  font-family: "DubaiMedium";
}

.home-service-card-info {
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 16px;
  font-size: 13px;
  letter-spacing: -0.4px;
  line-height: 20px;
  margin-top: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms linear;
  transform: translateY(30px);
}

.home-service-card-box.active .home-service-card-info {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.home-service-card-expand {
  position: absolute;
  max-width: 1312px;
  width: 100%;
  background: #ffff;
  padding: 32px;
  border-radius: 16px 16px 0px 0px;
  display: none;
  z-index: 999999999;
  max-height: 100%;
}

.home-service-heading {
  display: flex;
  margin-bottom: 32px;
  gap: 8px;
}

.home-service-head-icon i {
  font-size: 48px;
}

.home-service-head-name {
  color: #121212;
  font-family: "29ltbukrabold";
  font-size: 20px;
}

.home-service-head-desc {
  color: rgba(60, 60, 67, 0.6);
  font-size: 13px;
}

.service-card-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(13.199999809265137px);
}

.home-service-card-close {
  position: absolute;
  right: 32px;
  top: 32px;

  cursor: pointer;
}

.home-service-card-close i {
  color: #aeaeae;
  transition: all 300ms ease-in;
}

.home-service-card-close:hover i {
  color: #000;
}

.home-service-search {
  margin: auto;
  left: 0;
  right: 0;
  z-index: 9;
  position: absolute;
  bottom: 351px;
  max-width: 640px;
  width: 100%;
  height: 64px;
}

.home-service-search .home-service-search-icon {
  position: absolute;
  top: 20px;
  left: 11px;
  color: #008755;
}

.home-service-search .home-service-search-input {
  margin: 0px;
  border: none;
  padding: 5px 11px 5px 46px;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  font-family: "DubaiRegular";
  font-size: 14px;
  color: #999;
  border-radius: 8px;
  background: #fff;
}

.home-service-search .home-service-search-input::placeholder,
.home-service-search .home-service-search-input::-ms-input-placeholder {
  color: #008755 !important;
}

.home-service-search .home-service-search-input:hover,
.home-service-search .home-service-search-input:focus,
.home-service-search .home-service-search-input:not([type]):focus:not([readonly]) {
  border: none !important;
  box-shadow: none !important;
}

.home-service-card-expand .scrollBar {
  max-height: 348px;
  height: 100%;
}

.home-service-card-expand .scrollBar .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.home-service-card-expand .scrollBar .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: -28px;
}

.home-service-row {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.home-service-row a,
.home-service-row a:hover,
.home-service-col a,
.home-service-col a:hover {
  text-decoration: none;
}

.home-service-row a,
.home-service-col a {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-service-col {
  padding: 16px 16px;
  border-radius: 11px;
  background: #f2f2f7;
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 108px;
}

.permit-service-section .home-service-head-icon i,
.permit-service-color .home-service-icon i {
  color: #34c759;
}

.report-service-section .home-service-head-icon i,
.report-service-color .home-service-icon i {
  color: #ff3b30;
}

.certificate-service-section .home-service-head-icon i,
.certificate-service-color .home-service-icon i {
  color: #ff9500;
}

.inquire-service-section .home-service-head-icon i,
.inquire-service-color .home-service-icon i {
  color: #5856d6;
}

.hemaya-service-section .home-service-head-icon i,
.hemaya-service-color .home-service-icon i {
  color: #30b0c7;
}

.civic-service-section .home-service-head-icon i,
.civic-service-color .home-service-icon i {
  color: #af52de;
}

.home-service-icon {
  flex-basis: 48px;
}

.home-service-icon>span {
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-service-icon i {
  font-size: 32px;
}

.home-service-name {
  font-size: 15.5px;
  letter-spacing: -0.4px;
  font-family: "DubaiBold";
  color: #000;
}

.home-service-desc {
  color: rgba(60, 60, 67, 0.6);
  font-size: 13px;
  letter-spacing: -0.2px;
}

.home-service-btn {
  flex-basis: 78px;
  margin-left: auto;
}

.home-service-btn .btn.btn-secondary {
  font-size: 13px;
  font-family: "DubaiBold";
  height: 36px;
  line-height: 34px;
  border-radius: 11px;
  border: solid 1.5px #000 !important;
  padding: 0px;
  min-width: 78px;
  margin-bottom: 4px;
  /*margin-bottom: 0px;*/
}

.home-service-btn .btn.btn-secondary:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  box-shadow: none !important;
}

.home-service-btn .btn.btn-secondary:focus {
  color: #fff !important;
  background: #008755 !important;
  border: solid 1.5px #008755 !important;
}

.home-service-btn .btn.btn-tertiary {
  font-size: 13px;
  font-family: "DubaiBold";
  height: 36px;
  line-height: 34px;
  border-radius: 11px;
  padding: 0px;
  min-width: 78px;
  background: none;
  box-shadow: none;
  color: #121212;
  letter-spacing: 0px;
  text-transform: none;
}

.home-service-btn .btn.btn-tertiary:hover {
  background: rgba(0, 0, 0, 0.06);
}

.home-service-btn .btn.btn-tertiary:focus {
  color: #fff !important;
  background: #008755 !important;
}

/*.home-service-btn .service-info-detail
{
	display: none;
}*/

.home-search-title {
  font-family: "29ltbukrabold";
  font-size: 20px;
  color: #121212;
  margin-bottom: 24px;
}

.home-search-subtitle {
  font-family: "29ltbukrabold";
  font-size: 17px;
  color: #121212;
  margin-bottom: 12px;
}

.expand-home-search-card-in {
  display: flex;
  flex-direction: column;
}

.home-search-sec {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 24px;
}

.home-search-input-sec {
  position: relative;
  padding-left: 43px;
  padding-right: 43px;
  flex-grow: 1;
}

.home-search-input-sec i.home-search-icon {
  position: absolute;
  left: 0;
  top: 1.5px;
  font-size: 32px;
  color: #121212;
}

.home-search-input-sec.active i {
  color: #008755;
}

.home-search-input-sec i.home-search-clear {
  position: absolute;
  right: 0;
  top: 3.5px;
  font-size: 28px;
  color: #aeaeae;
  display: none;
  cursor: pointer;
}

.home-search-btn-sec .btn.btn-secondary {
  font-size: 13px !important;
  font-family: "DubaiBold" !important;
  height: 36px !important;
  border-radius: 11px;
  line-height: 34px;
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border: solid 1.5px #000 !important;
}

.home-search-btn-sec .btn.btn-secondary:hover {
  color: #fff !important;
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0.87) !important;
  border: solid 1.5px #000 !important;
}

.home-search-btn-sec .btn.btn-secondary:focus {
  color: #fff !important;
  background: #008755 !important;
  border: solid 1.5px #008755 !important;
}

.home-search-btn-sec .btn.btn-secondary.disabled,
.home-search-btn-sec .btn.btn-secondary:disabled {
  background: #ececec !important;
  color: #919094 !important;
  cursor: not-allowed !important;
  border: solid 1.5px #ececec !important;
}

.home-search-input {
  margin: 0px !important;
  border: none !important;
  background: none !important;
  height: 35px !important;
  padding: 0px !important;
  font-size: 17px !important;
  font-family: "DubaiRegular" !important;
}

.home-search-input:hover,
.home-search-input:focus,
.home-search-input:not([type]):focus:not([readonly]) {
  border: none !important;
  box-shadow: none !important;
}

.home-search-no-res-cont {
  min-height: 378px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.home-search-no-res-img {
  margin-bottom: 24px;
}

.home-search-no-res-title {
  font-family: "DubaiBold";
  margin-bottom: 5px;
  color: #121212;
}

.home-search-no-res-subtitle {
  color: #121212;
}

.home-search-service,
.home-search-service .home-service-col,
.home-search-no-result {
  display: none;
}

.home-search-service .home-service-col.active {
  display: flex !important;
}

.home-search-count {
  margin-bottom: 12px;
  color: #121212;
}

.slide-progress {
  width: 0;
  max-width: 24px;
  height: 4px;
  z-index: 999999;
  position: absolute;
  top: 50%;
  left: 50%;
  /* background: #008755; */
  border: solid 3px #008755;
  -webkit-animation: dot 8s linear both;
  animation: dot 8s linear both;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

@-webkit-keyframes dot {
  0% {
    -webkit-transform: rotate(-90deg);
  }

  50% {
    -webkit-transform: rotate(90deg);
    z-index: 4;
  }

  100% {
    -webkit-transform: rotate(270deg);
    z-index: 4;
  }
}

@keyframes dot {
  0% {
    -webkit-transform: rotate(-90deg);
  }

  50% {
    -webkit-transform: rotate(90deg);
    z-index: 4;
  }

  100% {
    -webkit-transform: rotate(270deg);
    z-index: 4;
  }
}

#expand-home-search-card {
  height: 569px;
}

#expand-home-info-card {
  max-height: 668px;
}

#expand-home-info-card .sin-service-section {
  margin-bottom: 32px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(181, 182, 183, 0.5);
}

#expand-home-info-card .sin-fees-section {
  padding-bottom: 32px;
  padding-top: 0px;
  font-size: 16px;
  color: #44464f;
  border-bottom: 1px solid rgba(181, 182, 183, 0.5);
}

#expand-home-info-card .sin-fees-section span {
  display: block;
  margin-top: 5px;
}

#expand-home-info-card .sin-fees-section i {
  font-size: 18px;
}

#expand-home-info-card .sin-fees-section .sin-available-on span i {
  font-size: 24px;
  color: #121212;
  padding-left: 5px;
  padding-right: 5px;
}

#expand-home-info-card .sin-fees-section span {
  font-size: 18.67px;
  color: #121212;
}

#expand-home-info-card .sin-fees-section>div {
  border-right: solid 1px rgba(181, 182, 183, 0.5);
  flex: 1;
}

#expand-home-info-card .sin-fees-section>div:last-child {
  border-right: none;
  flex: 1;
}

#expand-home-info-card .sin-service-section .service-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

#expand-home-info-card .sin-service-section .service-icon i {
  font-size: 32px;
}

#expand-home-info-card .sin-service-section .btn.btn-secondary {
  height: 48px;
  font-size: 16px;
  font-family: "DubaiMedium";
  min-width: 88px;
}

#expand-home-info-card .home-service-info .service-app-guide {
  height: 340px;
}

#expand-home-info-card .service-app-guide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#expand-home-info-card .service-card-row {
  padding-top: 12px;
  padding-bottom: 12px;
}

#expand-home-info-card .sin-top-title {
  font-size: 17px;
}

#expand-home-info-card .sin-top-info {
  color: rgba(60, 60, 67, 0.6);
  font-size: 13px;
}

#expand-home-info-card .service-card-row div i {
  font-size: 21px;
}

ul.home-service-info {
  display: grid;
  grid-gap: 34px 64px;
  grid-template-columns: repeat(2, 1fr);
}

ul.home-service-info li.home-serv-info-full {
  grid-column: 1 / -1;
}

ul.home-service-info>li {
  position: relative;
  padding-bottom: 32px;
}

ul.home-service-info>li:after {
  content: "";
  width: calc(100% + 64px);
  height: 1px;
  background: rgba(181, 182, 183, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-service-info .service-app-guide {
  overflow: hidden;
  border-radius: 12px;
}

.home-service-info-header {
  background: #f2f2f7;
  font-family: "DubaiMedium";
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.13px;
  padding: 13px 12px;
  border-radius: 12px;
  margin-bottom: 12px;
}

.home-service-info-header i {
  margin-right: 8px;
}

.home-service-info-body {
  font-size: 18.67px;
  line-height: 27px;
  letter-spacing: 0.005em;
}

.home-service-info ul.stpes-list li span {
  position: absolute;
  width: 24px;
  height: 24px;
  border: solid 1px #56bd9a;
  display: block;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
}

.home-service-info ul.stpes-list li {
  position: relative;
  padding-left: 48px;
  line-height: 32px;
  margin-bottom: 22px;
}

.home-service-info ul.stpes-list li:last-child {
  margin-bottom: 0px;
}

.home-service-info ul.stpes-list li:after {
  display: none;
}

.home-service-info ul.stpes-list li span {
  position: absolute;
  width: 32px;
  height: 32px;
  border: solid 1px #56bd9a;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0px;
  top: 0px;
  border-radius: 50%;
}

.home-service-info .service-card-space {
  padding: 10px 0 0 0;
}

/* New footer CSS */

/* footer ul.footer-menu li ul li a i,
footer ul.footer-menu li ul li.amna a i,
footer ul.footer-menu li.left-section ul li a i, 
footer ul.footer-menu li.left-section ul li.ftr-services a i
{
	font-size: 32px;
	color: #008755;
} */

/* Home Skeleton Loader */

/*#skeleton-loader
{
	pointer-events: none;
}*/
.homepage #skeleton-loader {
  background: #e6e6e6;
}

#skeleton-loader .ph-item {
  margin: 0px;
}

.homepage #skeleton-loader header {
  background: #e6e6e6 !important;
}

.homepage #skeleton-loader header .ph-avatar {
  margin: 0px;
}

.homepage #skeleton-loader header .gov-logo .ph-avatar {
  width: 120px;
  height: 52px;
  border-radius: 22px;
}

.homepage #skeleton-loader header .dp-logo .ph-avatar {
  width: 127px;
  height: 44px;
  border-radius: 22px;
}

#skeleton-loader header .head-logo,
#skeleton-loader header .mega-menu {
  background: #fff;
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 4px;
}

#skeleton-loader .owl-carousel.home-interactive-carousel .slide-item:after {
  background: none !important;
}

#skeleton-loader .home-service-card-img .ph-avatar {
  margin: 0px;
}

#skeleton-loader .home-service-search {
  background: #fff;
  border-radius: 8px;
}

#skeleton-loader .ph-avatar,
#skeleton-loader .ph-row div,
#skeleton-loader .ph-row label {
  background: #e6e6e6;
}

#skeleton-loader .owl-carousel.home-interactive-carousel .slide-item .slide-caption .ph-item {
  max-width: 604px;
  margin: auto;
}

#skeleton-loader .owl-carousel.home-interactive-carousel .slide-item .slide-caption .ph-row div {
  background: #fff;
  border-radius: 45px;
}

#skeleton-loader .owl-carousel.home-interactive-carousel .slide-item .slide-caption .ph-row .big {
  max-width: 338px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 9px;
}

#skeleton-loader .home-service-card-box {
  padding-top: 35px;
}

#skeleton-loader .home-service-card-icon {
  margin-bottom: 17px;
}

#skeleton-loader .home-service-card-box .ph-col-12 {
  height: 16px;
  margin-bottom: 0px;
  flex: 0 0 98px;
  margin: auto;
  border-radius: 8px;
}

#skeleton-loader footer .footer-menu ul li .ph-avatar {
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin: 0px;
}