body.homepage
{
	overflow: hidden;
}

body.homepage header
{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.40) 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.00) 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);
	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);
	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);
	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: #fff;
}
.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 16px 30px 16px;
	text-align: center;
	cursor: pointer;
	position: relative;
}

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

.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.60);
	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
{
	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-col a
{
	text-decoration: none;
}
.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.60);
	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
{
	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: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:focus
{
	color: #fff !important;
	background: #008755 !important;
	border: solid 1.5px #008755 !important;
}
.home-search-btn-sec .btn.disabled, .home-search-btn-sec .btn: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;
  -webkit-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;
  }
}

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

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

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