/**
 * Stylesheet:  style.css
 * Theme:       Securepress - Security Company HTML Responsive  Template
 * Theme URL: 	http://themeearth.com/tf/html/securepress/
 * Version:     1.0
 * Author:     	Theme Earth
 *
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section
10.Why Choose Us Section
11.Call To Action Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section
21.Appoitment Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

html,
body {
	height: 100%;
	font-size: 18px;
	color: #424242;
	font-family: 'Open Sans', sans-serif;
	vertical-align: baseline;
	line-height: 26px;
	background: #fff;
}

a:focus {
	outline: 0px solid;
}

img {
	max-width:100%;
	height: auto;
}

p {
	margin: 0 0 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	color: #020e2a;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

a {
	transition: all 0.5s ease-out;
	text-decoration: none;
	color: #1f5c75;
	/* font-size: 26px; */
}

a:active,
a:hover {
	outline: 0 none;
	color: #000;
	text-decoration: none
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.media {
	display: flex;
}

::-moz-selection {
	background: #1783c2e3;
	text-shadow: none;
	color: #fff
}

::selection {
	background: #1783c2e3;
	text-shadow: none;
	color: #fff
}

textarea:focus,
input:focus {
	outline: none;
}

.slider-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1
}

.images-overlay {
	/* background-color: rgba(18, 188, 0, 0.96); */
	/*height: 100%;*/
	/*position: absolute;*/
	/*top: 0;*/
	/*width: 100%;*/
}

.pt-100 {
	padding-top: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.pt-50 {
	padding-top: 50px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-50 {
	padding-bottom: 50px
}

.bg-gray {
	background: #ececec
}

/*
1.Preloader
============================*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 9999999;
	right: 0;
	bottom: 0;
}

#preloader-status {
	height: 210px;
	width: 210px;
	background: url(../img/preloader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	position: absolute;
	left: 50%;
	top: 50%;
}

/*
2.Scrollup
==============*/
#scrollUp {
	background:  #1783c2e3 none repeat scroll 0 0;
	border-radius: 100%;
	bottom: 5px;
	color: #fff;
	font-size: 25px;
	height: 40px;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 40px;
}

#scrollUp:hover {
	opacity: 1;
	color: #fff !important;
	background: #d9ba03;
}

#scrollUp i {
	display: block;
	font-weight: bold;
	padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
	background: rgba(0, 0, 0, 0.20);
	padding: 6px 0;
	overflow: hidden;
}

.hd-lft li {
	color: #f9f9f9;
	display: inline-block;
	padding-right: 20px;
	position: relative;
	font-size: 14px;
}

.hd-lft li:last-child {
	padding-right: 0px;
}

.hd-lft li i {
	margin-right: 10px;
	color: #000
}

.hd-rgt {
	float: right
}

.hd-rgt li {
	display: inline-block;
	position: relative
}

.hd-rgt li a {
	color: #f9f9f9;
	font-size: 14px;
	padding-left: 8px;
	position: relative;
	text-transform: capitalize;
	transition: all 0.36s ease-out 0s;
}

.hd-rgt li a:hover {
	color: #f9f9f9
}

/*
4.Menu  Section
=================*/

.sticky-wrapper {
	position: absolute;
	width: 100%;
	z-index: 9999;
}

.logo {
	padding-top: 8px;
	transition: all 0.36s ease-out 0s;
	position: relative;
	z-index: 2
}

.mnmenu-sec {
	background: rgba(221, 221, 221, 0.0);

}

.main-menu>ul {
	float: right;
	list-style: none outside none;
	margin: 0;
	padding-right: 40px;
	position: relative;
}

.main-menu ul li {
	display: inline-block;
	padding: 0;
	position: relative;
}

.main-menu ul li.active {
	position: relative
}

.main-menu ul li.active::before {
	position: absolute;
	content: "";
	width: 40px;
	height: 0px;
	bottom: 18px;
	z-index: 9;
	left: 0;
	right: 0;
	margin: 0px auto;
	border-radius: 2px;
	border: 1px dashed #1783c2e3;
}

.main-menu>ul>li>a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 34px 13px;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
	position: relative;
	color: #fff;
}

.main-menu ul li ul:hover .main-menu ul li>a {
	background: #ddd;
}

.main-menu ul li a:hover {
	transition: all 0.4s 0s ease;
	color: #1783c2e3
}

.main-menu ul ul {
	background: #1783c2e3 none repeat scroll 0 0;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: left;
	transform: scale(0);
	transform-origin: 0 0 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	z-index: 99999;
	top: 94px;
}

.main-menu ul ul li {
	float: none;
	width: 200px;
}

.hd-style1 .main-menu>ul>li>a {
	color: #020e2a

}
.main-menu>ul>li>a{
	font-size: 18px;
}

.main-menu ul ul li a {
	padding: 6px 19px;
	color: #020e2a;
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
	width: 100%
}

.main-menu ul ul li a:hover {
	background: #fff
}

.main-menu ul ul ul {
	top: 0;
	left: 100%;
}

.main-menu ul li:hover ul {
	visibility: visible;
	transition: all 0.4s ease 0s;
	opacity: 1;
	transform: scale(1);
}

.main-menu ul li a i {
	font-size: 13px;
	margin-left: 6px;
	color: #fff;
}

.menu-icon {
	display: flex;
	align-items: center;
	position: relative;
}

.site-search {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #1783c2e3;
	border-radius: 100%;
}

.site-search i {
	color: #fff;
	cursor: pointer;
}

.search-forum>form {
	display: inline-flex;
	background: #1783c2e3;
	padding: 10px;
}

.search-forum input[type=text] {
	padding: 10px;
}

.search-forum input[type="submit"] {
	padding: 10px;
	background: #020e2a;
	color: #fff;
}

.menu-icon:hover .search-forum {
	visibility: visible;
	transition: all 0.4s ease 0s;
	transform: scale(1);
	opacity: 1;
}

.search-forum {
	display: inline-block;
	left: -240px;
	opacity: 0;
	position: absolute;
	top: 94px;
	transition: all 0.4s ease 0s;
	visibility: hidden;
	z-index: 2;
	transform: scale(0)
}

.index1 .main-menu>ul>li>a {
	color: #fff;
}

.slider.index1 .slider-text {
	top: 55%
}

/*index 1*/
.hd-style1 .hd-sec {
	background: #1783c2e3;
	padding: 0px;
}

.hd-style1 .hd-rgt {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 7px 0;
}

.hd-style1 .hd-lft {
	padding: 6px 0;
}

.hd-style1 .hd-rgt {
	text-align: right
}

.hd-style1 .hd-rgt li a {
	display: inline-block;
	color: #ddd;
	text-transform: capitalize;
	font-weight: 600;
}

.hd-style1 .hd-rgt ul {
	display: inline-block;
}

.hd-rgt li a:hover {
	color: #1783c2e3;
}

.follow-title {
	display: inline-block;
	color: #000;
	font-weight: bold;
}

.hd-style1 .main-menu ul ul li:after {
	display: none;
}

.hd-style1 .site-search i {
	color: #020e2a;
	line-height: 30px;
}

.mnmenu-sec.sticky_menu {
	background-color: #fff;
	left: 0;
	right: 0;
	top: 0;
	position: fixed;
	z-index: 998;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.mnmenu-sec .menu {
	display: flex;
	justify-content: flex-end;
}

.mnmenu-sec.sticky_menu .main-menu ul li a,
.mnmenu-sec.sticky_menu .site-search i {
	color: #020e2a
}

.hd-style1 .main-menu ul li a i {
	color: #020e2a
}

.slider.index2 .slider-text {
	top: 50%
}

.why-choose-icon {
	margin-bottom: 30px;
}

.why-choose-us-before .why-choose-item {
	margin-bottom: 60px;
}

.why-choose-us-before {
	padding-top: 120px;
	padding-bottom: 60px;
	padding-left: 40px;
}

.why-choose-us-before .sec-title {
	margin: 0;
	text-align: left;
	margin-bottom: 40px;
}

.why-choose.why-choos-bg {
	background: #1783c2e3 none repeat scroll 0 0;
	background-image: url("../me/choose.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.why-choose-us-before {
	position: relative;
	z-index: 2
}

.why-choose-us-before::before {
	background-color: #fafafa;
	content: "";
	height: 120%;
	left: -20px;
	position: absolute;
	top: 0;
	width: 5000px;
	z-index: -1;
}

/*service 2*/

.service2-sec {
	overflow: hidden;
	/* background: #020e2a; */
	 background: url('../img/overlay-2.jpg') no-repeat center center;
	position: relative;
}

.service2-sec .sec-title {
	margin: 0 0px 60px;
	text-align: left;
	color: #fff;
}

.service2-sec .sec-title h1 {
	color: #000;
}

.service2-details p {
	margin-bottom: 0;
	fo
}

.service2-details a {
	font-weight: bold;
}

.service2-icon {
	width: 40px;
	margin-right: 10px;
	margin-top: 10px;
}

.service2-inner::before {
	position: absolute;
	content: "";
	background: #fafafa;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all 0.4s ease 0s;
	top: 0px;
}

.service2-inner:hover.service2-inner::before {
	height: 0;
	transition: all 0.4s ease 0s;
}

.service2-inner {
	margin-bottom: 25px;
	display: inline-block;
	position: relative;
	z-index: 3;
	background: #1f5c75;
	height: 100%;
}

.service2-inner .media {
	padding: 30px 10px;
}

.service2-details h2 {
	margin-top: 10px;
	margin-bottom: 10px
}

.service2-details h2 a {
	display: inline-block;
	width: 100%;
	font-size: 20px;
}


.service2-item {
	position: relative;
	display: inline-block;
	z-index: 2;
}

/*
5.Slider Section
======================*/
.slider {
	position: relative;
}

.all-slide .owl-item {
	height: 850px;
}

.all-slide .single-slide {
	background-position: center center;
	background-size: cover;
	height: 100%;
	background-repeat: no-repeat;
}

.slider-text {
	left: 0;
	position: relative;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	z-index: 2;
	width: 1170px;
	padding: 0px 15px;
	margin: 0px auto;
}

.slider-wraper {
	width: 700px;
	overflow: hidden;
	padding: 20px 10px;
	position: relative;
	z-index: 999;
	text-align: left;
}

.slider-text h1 {
	color: #fff;
	/* font-size: 42px; القديم */
	font-size: 50px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	font-weight: bold;
	line-height: 60px;
}

.slider-text h1 span {
	/* color:  #1783c2e3  القديم*/
	color:  #1f5c75
}

.slider-text p {
	color: #fff;
}

.slider-text li {
	display: inline-block;
	margin: 0px 10px;
}

.slider-text li a {
	color: #fff;
	display: inline-block;
	margin-top: 8px;
	padding: 12px 36px;
	text-transform: uppercase;
	border: 1px solid #1783c2e3;
	font-weight: bold;
}

.slider-text li:last-child a {
	background: #1f5c75 none repeat scroll 0 0;
	color: #222
}

.slider-text li:last-child a:hover {
	background: #fff none repeat scroll 0 0;
	transition: all 0.4s ease 0s;
	color: #222
}

/* .all-slide .owl-dots {
	position: absolute;
	top: 55%;
	width: 0%;
	z-index: 99;
	transform: translateY(-50%);
	right: 110px;
} */

.all-slide .owl-dots .owl-buttons div {
	background: none;
	opacity: 1.00;
}

.all-slide .owl-dots .owl-prev {
	left: 10px;
	position: absolute;
}

.all-slide .owl-dots .owl-next {
	right: 10px;
	position: absolute;
}

.all-slide .owl-dots .owl-prev i,
.all-slide .owl-dots .owl-next i {
	background: transparent;
	color: #fff;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	width: 50px;
	border: 1px solid #fff;
}

.all-slide .owl-dots .owl-next i:hover {
	transition: all 0.5s ease-out 0s;
	color: #1783c2e3;
	border-color: #1783c2e3
}

.all-slide .owl-dots .owl-prev i:hover {
	transition: all 0.5s ease-out 0s;
	color: #1783c2e3;
	border-color: #1783c2e3
}

.all-slide.owl-carousel .owl-dots .owl-dot span {
	background: transparent;
	border-radius: 100%;
	display: inline-block;
	height: 10px;
	left: -2px;
	margin: 3px;
	position: relative;
	top: -5px;
	transition: all 0.9s ease 0s;
	width: 10px;
}

.all-slide.owl-carousel .owl-dots .owl-dot span::before {
	width: 30px;
	height: 1px;
	background: #1783c2e3;
	position: absolute;
	content: "";
	left: -40px;
	top: 5px;
	transition: all 0.9s ease 0s;
}

.all-slide.owl-carousel .owl-dots .owl-dot.active span::before {
	width: 50px;
	height: 1px;
	background: #1783c2e3;
	position: absolute;
	content: "";
	left: -40px;
	top: 5px;
	transition: all 0.9s ease 0s;
}

/*
6.Title Section
=================*/
.sec-title {
	margin: 0 250px 60px;
	text-align: center;
}

.sec-title h1 {
	font-size: 38px;
	font-weight: bold;
}

.sec-title h1 span {
	position: relative;
	color:  #1f5c75;
}

.border-shape {
	background-image: url("../img/shape.html");
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	height: 16px;
	left: 0;
	margin: -5px auto;
	position: relative;
	right: 0;
	text-align: center;
	top: 0;
	width: 100px;
}

.sec-title p {
	margin-bottom: 0;
	margin-top: 20px;
	color: #000;
	    /* font-size: 24px; */

}


/*
7.About Section
===================*/
.about {
	padding-bottom: 30px;
	padding-top: 50px;
}

.about h3 {
	text-transform: uppercase;
}

/*
8.Service Section
============================*/
.service-sec {
	background: #f9f9f9
}

.service-thumb img {
	width: 100%;
}

.why-choose i {
	font-size: 26px;
	height: 60px;
	text-align: center;
	width: 60px;
	color: #1783c2e3;
}

.service-page .service-item .col-md-4.col-sm-6 {
	padding: 0px 15px;
}

.service-page .service-inner {
	margin-bottom: 30px
}

.service-item .inner:hover .service-icon i {
	background: #1783c2e3 none repeat scroll 0 0;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.service-icon i {
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 60px;
	transition: all 0.4s ease 0s;
	color: #1783c2e3;
	border-radius: 100%
}

.service-item .media {
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 10px 5px #ddd;
}

.service-item .inner {
	margin-bottom: 0px;
}

.readmore {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-transform: capitalize;
	top: -8px;
	border-bottom: 1px solid;
}

.readmore:before {
	content: '\f101';
	/* fa-angle-right */
	font-family: 'FontAwesome';
	color: #fff;
	right: -20px;
	position: absolute
}

.service-item .inner h2 {
	font-size: 18px;
	margin-top: 20px;
	text-transform: capitalize;
}

.service-item .inner:hover h2 a {
	color: #1783c2e3
}

.service-item .inner:nth-child(3n+1) {
	clear: both;
}

.btn.rdmorebtn {
	background: #1783c2e3 none repeat scroll 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.service-inner {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.service-details {
	height: 100%;
	padding: 20px;
	transition: all 0.4s ease 0s;
	background: #fff;
	position: relative;
	z-index: 2;
}

.service-details::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 0%;
	background: #1783c2e3;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.4s ease 0s;
}

.service-inner:hover .service-details::before {
	width: 100%;
	transition: all 0.4s ease 0s;
}

.service-inner:hover .service-details h2 a i {
	color: #fff;
	transition: all 0.4s ease 0s;
}

.service-inner:hover .service-img {
	transform: scale(1.2);
	transition: all 0.4s ease 0s;
}

.service-details h2 a span {
	float: right;
}

.service-details h2 a i {
	color: #1783c2e3
}

.service-details h2 {
	font-size: 18px;
}

.service-img {
	height: 190px;
	transform: scale(1);
	transition: all 0.4s ease 0s;
}


/*
10.Why Choose Us Section
============================*/
.project-sec .item {
	overflow: hidden;
	position: relative;
	transition: all 0.4s ease-in-out 0s;
	margin-bottom: 30px;
	transition: all 0.7s ease 0s;
	background: #1783c2e3;
}

.project-hoverlay::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	background: #1783c2e3;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	top: 0;
	left: 0;
	transition: all 0.7s ease 0s;
}

.project-sec .item:hover:hover .project-hoverlay::before {
	width: 100%;
	transition: all 0.7s ease 0s;
}

.project-hoverlay {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
}

.project-text {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	transition: all 0.7s ease 0s;
	visibility: hidden;
}

.project-text a,
.project-text h3 {
	transform: scale(0);
	transition: all 0.9s ease 0s;
}

.project-sec .item:hover .project-text a {
	transform: scale(1);
	transition: all 0.9s ease 0s;
}

.project-sec .item:hover .project-text h3 {
	transform: scale(1);
	transition: all 0.9s ease 0s;
}

.project-sec .item:hover .project-text {
	transition: all 0.7s ease 0s;
	visibility: visible;
}

.project-text a {
	width: 50px;
	height: 50px;
	display: inline-block;
	background: #020e2a;
	line-height: 50px;
	border-radius: 100%;
	margin-bottom: 15px;
	color: #1783c2e3
}

.project-text h3 {
	text-transform: uppercase;
}

.project-thumb img {
	width: 100%;
	transition: all 0.7s ease 0s;
	transform: scale(1);
	overflow: hidden;
}

.project-sec .item:hover .project-thumb img {
	transform: scale(1.2);
	transition: all 0.7s ease 0s;
}

.project-gallery {
	margin-bottom: 50px
}

.simplefilter {
	text-align: right;
	position: relative;
}

.shorttitle {
	display: none;
}

.simplefilter li {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 6px;
	padding: 10px 30px;
	text-transform: capitalize;
	font-weight: 600;
	position: relative;
	z-index: 2;
	transition: all 0.7s ease 0s;
}

.simplefilter li::before {
	position: absolute;
	top: 0;
	content: "";
	background: #020e2a;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: -1;
	transition: all 0.7s ease 0s;
}

.simplefilter li.active::before {
	position: absolute;
	top: 0;
	content: "";
	background: #1783c2e3;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: -1;
	border-radius: 100%;
	transition: all 0.7s ease 0s;
}


.why-choose .inner {
	margin-bottom: 30px;
}

.why-choose-item h2 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 10px;
}

.why-choose-item .media-left a {
	width: 45px;
	display: inline-block;
	margin-right: 6px;
}

.why-choose-item .media-body p {
	margin-bottom: 0
}

.why-choose-item i {
	float: left;
}

.read-more a {
	display: inline-block;
	margin-top: 8px;
	padding: 10px 30px;
	text-transform: uppercase;
	border: 1px solid #f0f0f0;
	position: relative;
	z-index: 2;
	font-size: 14px;
	font-weight: 600;
}

.read-more a::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 0;
	background: #1783c2e3;
	left: 0;
	width: 0%;
	height: 100%;
	transition: all 0.4s ease 0s;
}

.why-choose-item:hover .read-more a span i {
	color: #fff;
}

.why-choose-item:hover .read-more a::before {
	width: 100%;
	transition: all 0.4s ease 0s;
}

.why-choose-item:hover .read-more a {
	color: #fff;
	border-color: #1783c2e3
}

.project-gallery-bg {
	position: relative;
}

/*
11.Call To Action Section
============================*/
.call-to-action-sec {
	background: #1783c2e3 none repeat scroll 0 0;
	background-image: url("../img/call_to_action_bg.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.call-to-action-text p {
	margin-bottom: 0;
}

.call-to-action-text {
	color: #fff;
	margin-top: 80px;
}

.call-to-action-text h2 {
	color: #fff;
	text-transform: uppercase;
}

.call-to-action-text a.btn {
	background: #fff none repeat scroll 0 0;
	border-radius: 0;
	font-weight: bold;
	margin-top: 30px;
	padding: 12px 36px;
	text-transform: uppercase;
	color: #020e2a;
	position: relative;
	z-index: 2;
	border: 0
}

.call-to-action-text a.btn::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 0;
	background: #1783c2e3;
	left: 0;
	width: 0%;
	height: 100%;
	transition: all 0.4s ease 0s
}

.call-to-action-sec:hover .call-to-action-text a.btn {
	color: #fff;
}

.call-to-action-sec:hover .call-to-action-text a.btn::before {
	width: 100%;
}

.call-to-action-img {
	max-width: 100%;
	height: 100%;
}

.call-to-action-img img {
	margin-top: -45px;
	float: right;
}

/*
13.Blog Section
==================*/
/*home blog*/

.single-post-desc {
	text-align: center;
	position: relative;
	z-index: 2;
	background: #fafafa;
	padding: 0px 16px;
}

.post-date {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
	background: #ffffff;
}

.post-date li {
	display: inline-block;
	margin: 0px 10px;
}

.post-date li a {
	font-weight: 600;
	color: #020e2a;
}

.post-date li a i {
	color: #1783c2e3;
	margin-right: 7px;
}

.blog-thumb {
	position: relative;
	overflow: hidden;
	z-index: 2
}

.blog-thumb::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	background: #1783c2e3;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	top: 0;
	left: 0;
	transition: all 0.7s ease 0s;
	z-index: 3
}

.single-post:hover .blog-thumb::before {
	width: 100%;
	transition: all 0.7s ease 0s;
}

.single-post:hover .blog-thumb a {
	visibility: visible;
	opacity: 1;
	transition: all 0.7s ease 0s;
}

.blog-thumb a {
	color: #fff;
	margin-top: 8px;
	padding: 12px 36px;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-radius: 50px;
	margin: 0px auto;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	right: 0;
	width: 170px;
	transform: translateY(-50%);
	visibility: hidden;
	opacity: 0;
	z-index: 4;

}

.blog-thumb img {
	transform: scale(1);
	transition: all 0.8s ease 0s;
}

.single-post:hover .blog-thumb img {
	transition: all 0.4s ease 0s;
	transform: scale(1.2);
}

.single-post-desc h2 a {
	font-size: 20px;
	margin-top: 34px;
	display: inline-block;
	width: 100%;
	transition: all 0.4s ease 0s;
}

.blog-thumb a:Hover {
	background: #020e2a;
	border-color: #020e2a
}

.single-post:hover .single-post-desc h2 a {
	color: #1783c2e3
}

.single-post-desc a.post-link {
	font-weight: bold;
	text-transform: uppercase;
	color: #1783c2e3;
	font-size: 15px;
	letter-spacing: .36px;
}

.blog-meta h4 a {
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
}

.blog-meta h4 {
	margin-bottom: 10px
}

.home-blog-sec .blog-item:hover .item img {
	transform: scale(1.2);
	transition: all 0.7s ease 0s;
}

.item img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.7s ease 0s;
}

.inner.blog-item {
	padding-left: 0;
	padding-right: 0;
}

.blog-item .item {
	margin-bottom: 15px;
	margin-left: 15px;
}

.blog-meta {
	bottom: 0;
	position: absolute;
	text-align: left;
	width: 100%;
	padding: 10px;
}

.blog-meta li {
	display: inline-block;
	padding: 5px 8px;
}

.blog-meta li a {
	color: #fff;
}

.blog-meta li a i {
	margin-right: 5px;
}

.blog-classic-sec .post-meta li:last-child {
	float: none;
}

.blog-classic-sec .single-post-text {
	padding: 0px;
	border: none;
}

.blog-classic-sec .pagination.custom-pagination {
	text-align: left
}

.blog-classic-img {
	position: relative;
	margin-bottom: 20px;
}

.single-post:hover .blog-classic-overlay {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease 0s;
}

.single-post:hover .blog-classic-overlay::before {
	height: 100%;
	transition: all 0.4s ease 0s;
}

.single-post:hover .blog-classic-overlay li a {
	transform: scale(1);
	transition: all 0.4s ease 0s;
}

.blog-classic-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	transition: all 0.4s ease 0s;
	opacity: 0;
}

.blog-classic-overlay::before {
	content: "";
	position: absolute;
	height: 0%;
	width: 100%;
	background: #1783c2e3;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	bottom: 0;
	left: 0;
	transition: all 0.7s ease 0s;
}

.blog-classic-overlay ul {
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	transform: translateY(-50%);
}

.blog-classic-overlay li {
	display: inline-block;
	margin: 0px 5px;
}

.blog-classic-overlay li a {
	border-radius: 100%;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	width: 50px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	transform: scale(0);
	background: #020e2a;
}

.blog-sec.blog-bg {
	background-color: #fff;
	background-image: url("../img/blog_bg.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.single-post {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}

.single-blog.inner .single-post {
	margin-bottom: 10px;
}

.blog-detail-page .single-post-text {
	padding: 0;
	margin-top: 25px;
}

.single-post-text {
	background: #fff none repeat scroll 0 0;
	padding: 10px 10px;
	border: 1px solid #f0f0f0;
}

.single-blog.inner .single-post-text {
	padding: 0;
}

.single-blog.inner .single-post img {
	margin-bottom: 25px;
}

.single-blog.inner {
	margin-bottom: 40px;
}

.post-meta {
	display: inline-block;
	width: 100%;
}

.post-meta li {
	display: inline-block;
	margin-right: 10px;
	text-transform: capitalize;
	font-size: 14px
}

.post-meta li a,
.post-tags li a {
	color: #1783c2e3;
}

.post-meta li span,
.post-tags li span {
	color: #020e2a;
	float: left;
	font-weight: 600;
	margin-right: 10px;
}

.post-tags {
	display: inline-block;
	float: right;
}

.single-post-text a.post-link {
	color: #777777;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 15px;
	text-transform: capitalize;
	font-weight: 600;
	border: 1px solid #f0f0f0;
	padding: 10px 20px;
	position: relative
}

.single-post:hover .single-post-text a.post-link {
	background: #1783c2e3 none repeat scroll 0 0;
	color: #fff;
	border-color: transparent
}

.blog-title h2 {
	color: #0f0f0f;
	font-size: 24px;
	font-weight: 900;
	line-height: 30px;
}

.single-post-text a {
	color: #020e2a;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
}

.pst_info {
	float: left;
	display: inline-block;
}

.post-date h2 {
	background: #1783c2e3;
	text-align: center;
	padding: 10px 5px;
	font-size: 18px;
	color: #fff;
}

.blog-title {
	padding-bottom: 20px;
}

.single-post img {
	width: 100%;
}

.comment-list {
	border: 1px solid #fafafa;
	font-size: 18px;
	padding: 14px;
	text-align: center;
}

.comment-list h5 {
	margin-bottom: 0;
}

.single-post-text h2 {
	margin-bottom: 15px;
	margin-top: 5px;
}

.post-meta li:last-child {
	float: right;
}

.post-meta li:last-child {
	float: right;
}

.single-post-text li a {
	float: left;
	font-size: 15px;
	font-weight: normal;
	margin-left: 1px;
	padding-right: 15px;
	text-transform: capitalize;
}

.single-post-text li a i {
	margin-right: 5px;
	color: #1783c2e3
}

.post-date h1 {
	background: #f3af1e none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	margin-top: 13px;
	padding: 15px;
	text-align: center;
	text-transform: none;
}

.commentar-sec img {
	float: left;
	margin-right: 20px;
	width: 100px;
	border-radius: 100%;
	height: 100px;
	border-bottom: 2px solid #1783c2e3;
}

.comment-author {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: bold;
	color: #020e2a;
}

.comment-time {
	color: #9a9999;
	font-family: open sans;
	font-size: 14px;
}

.commentar-sec .media.mt-3 {
	margin-top: 40px;
}

.single-post .contact-field h2 {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-transform: uppercase;
	font-weight: bold;
	color: #020e2a;
}

.commentar-sec h2 {
	margin-top: 50px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px
}

.replay-button a {
	float: right;
	font-family: open sans;
	color: #aaa9a9;
	font-weight: 600;
}

.replay-button a:hover {
	color: #1783c2e3;
}

.commentar-sec.author ul li {
	display: inline-block;
	margin-right: 20px;
}

.commentar-sec.author {
	position: relative;
}

.commentar-sec.author ul li a i {
	color: #cbc8c8
}

.commentar-sec.author ul li a i:hover {
	transition: all 0.4s ease 0s;
	color: #29ace4
}

.commentar-sec.author .media-body {
	padding-left: 100px;
}

.commentar-sec.author .media {
	background: #fafafa none repeat scroll 0 0;
	border-radius: 30px;
	padding: 30px 0;
	margin-left: 20px;
}

.author-thumb {
	border-radius: 100%;
	float: left;
	height: 100px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 70px;
	width: 100px;
}

.author-thumb img {
	height: 100%;
	width: 100%;
}

.pagination.custom-pagination {
	text-align: center;
	width: 100%;
	margin: 0;
	position: relative;
	top: 6px;
}

.post-share-link {
	display: inline-block;
	width: 100%;
	border: 1px solid #f0f0f0;
	margin-top: 30px;
}

.post-share-link span {
	background: #1783c2e3;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 30px;
	display: inline-block;
}

.post-share-link ul {
	display: inline-block;
	float: right;
	padding: 10px 0px;
}

.post-share-link li {
	display: inline-block;
	margin-right: 20px
}

.post-share-link li a {
	color: #d0cece;
}

.post-share-link li a:hover {
	color: #555;
	transition: all 0.4s ease 0s
}

.code-text {
	font-style: italic;
	padding: 10px 40px;
	font-size: 15px;
	position: relative;
}

.code-text::before {
	color: #bebaba;
	content: "";
	font-family: fontawesome;
	font-size: 30px;
	left: 20px;
	position: absolute;
	top: 25px;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	font-style: normal;
}

/*
22.Sidebar Section
=====================*/
.sidebar h1 {
	display: flex;
	flex-direction: column-reverse;
	gap: 15px;
	font-size: 20px;
	text-transform: uppercase;
	width: 100%;
	color: #020e2a;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
}
.sidebar .widget {
	padding: 30px;
	background-color: #fafafa;
	margin-bottom: 30px;
	border: 1px solid #ececec;
}
.sidebar h1::before {
	background: #1783c2e3 none repeat scroll 0 0;
	bottom: 22px;
	content: "";
	height: 1px;
	width: 35px;
}
.widget-tag li {
	display: inline-block;
}
.search-field form {
	display: inline-block;
	width: 100%;
	position: relative;
}

.search-field input[type="text"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #f0f0f0;
	padding: 10px 35px 10px 15px;
	width: 100%;
	border-radius: 50px;
}

.search-field button {
	color: #e0dddd;
	padding: 10px;
	position: absolute;
	right: 0;
	background: transparent;
	top: 0
}

.blog-sec .inner:nth-child(2n+1) {
	clear: both;
}

.abt_dec>p {
	margin-top: 20px;
}

.sidebar ul li a {
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out 0s;
}

.sidebar ul li a:hover {
	transition: all 0.4s ease-in-out 0s;
	color: #1783c2e3
}

.widget-archive li {
	position: relative
}

.widget-archive li:last-child {
	border-bottom: none;
}

.widget-cat li:last-child {
	border-bottom: none;
}

.widget-cat li {
	position: relative
}

.widget-cat li {
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
}

.widget-tag li a:hover {
	transition: all 0.4s ease-in-out 0s;
	color: #1783c2e3 !important
}

.relative-post h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #777777;
}

.single_r_dec li {
	display: inline-block;
	margin-right: 10px;
}

.single_r_dec li a {
	font-weight: 600;
	text-transform: capitalize
}

.single_r_dec li a i {
	color: #1783c2e3;
	margin-right: 5px
}

.relative-post {
	display: inline-block;
	padding: 12px 0;
	width: 100%;
}

.relative-post-thumb {
	float: left;
	margin-right: 15px;
}

.single_r_dec a {
	color: #020e2a;
	line-height: 20px;
}

.single_r_dec a:hover {
	transition: all 0.4s ease-in-out 0s;
	color: #1783c2e3
}

.all_r_pst .media {
	margin-top: 0;
}

.widget-archive li {
	display: inline-block;
	position: relative;
	width: 100%;
	border-top: 1px solid #f0f0f0;
	padding: 10px 0;
}

.widget-archive li::before {
	color: #1783c2e3;
	content: "\f101";
	font-family: fontawesome;
	font-size: 14px;
	left: 0;
	position: relative;
	top: 0;
	padding-right: 14px;
}

.widget-archive li:last-child {
	border-bottom: 1px solid #f0f0f0;
}

.widget-archive span {
	float: right;
}

.widget-tag a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	display: inline-block;
	padding: 10px;
	border: 1px solid #e7e4e4;
}

.author_dec h3 {
	margin: 0;
	color: #333333;
	font-size: 14px;
	margin-bottom: 11px;
}

.author_info {
	border-bottom: 1px solid #e3e3e3;
	display: inline-block;
	padding: 22px 0;
	margin-bottom: 30px;
}

.author_info>img {
	float: left;
	margin-right: 35px;
	height: 80px;
}

.social_link {
	margin: 0;
	padding: 0;
	float: right;
	display: inline-flex;
}

.social_link li {
	list-style: none;
}

.social_link li a i {
	color: #363636;
	float: left;
	padding: 6px;
}

.donor-testimonial-widget.no-margin {
	margin-bottom: 0;
}

/*
15.Testimonial Section
=========================*/
.testimonial-sec {
	background-image: url("../img/testimonial_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	z-index: 2
}

.testimonial-sec:before {
	
	content: "";
	position: absolute;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.testimonial-text span.tst-sbtitle {
	color: #1783c2e3;
	display: inline-block;
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: 400;
}

.testimonial-text {
	color: #fff;
}

.testimonial-text .sec-title {
	margin: 0;
}

.testimonial-text .sec-title h1 {
	color: #fff;
	text-align: left;
}

.testimonial-text>h1 {
	color: #1783c2e3;
	font-size: 36px;
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 30px;
;
}

.testimonial-text a {
	background-color: #1783c2e3;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 14px 55px;
	text-transform: uppercase;
	border-radius: 50px;
}

.no-padding {
	padding: 0;
}

.all-testimonial2 .owl-nav {
	position: absolute;
	top: 40%;
	width: 100%;
}

.all-testimonial .owl-nav .owl-buttons div {
	background: none;
	opacity: 1
}

.all-testimonial2 .owl-nav .owl-prev {
	left: 0px;
	position: absolute;
}

.all-testimonial2 .owl-nav .owl-next {
	right: 0px;
	position: absolute;
}

.all-testimonial2 .owl-nav .owl-prev i,
.all-testimonial2 .owl-nav .owl-next i {
	border: 1px solid #1783c2e3;
	color: #fff;
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	width: 40px;
	border-radius: 100%;
	background: #1783c2e3;
}

.all-testimonial2 .owl-nav .owl-next i:hover {
	transition: all 0.5s ease-out 0s;
	background: #020e2a;
	color: #fff;
	border-color: #020e2a
}

.all-testimonial2 .owl-nav .owl-prev i:hover {
	transition: all 0.5s ease-out 0s;
	background: #020e2a;
	color: #fff;
	border-color: #020e2a
}

.testimonial2 {
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial2 .inner {
	display: inline-block;
}

.testimonial2 .inner:first-child {
	border-right: 1px dashed #1783c2e3;
	margin-right: 20px;
	padding-right: 20px;
	position: relative;
	right: 0;
}
.testimonial2-client-img {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	overflow: hidden;
	border-bottom: 2px solid #f6c405;
}
.testimonial2 .client-info {
	position: relative;
	text-align: left;
}

.single-testimonial2 h2 {
	color: #1783c2e3;
	font-size: 22px;
	margin-bottom: 10px;
}


.testimonial2 .client-info h3 {
	margin-bottom: 0;
	color: #fff;
}

.single-testimonial2 {
	color: #f4f4f4;
	text-align: center;
	padding: 80px;
}

/*testimonial 2*/
.testimonial2-sec {
	background: #f9f9f9;
}

.testimonial2-sec .testimonial-text .sec-title h1,
.testimonial2-sec .testimonial-text,
.testimonial2-sec .client-info span {
	color: #020e2a
}

.testimonial2-sec .all-testimonial.owl-theme .owl-dots .owl-dot {
	border-color: #020e2a
}

.testimonial2-sec .all-testimonial.owl-theme .owl-dots .owl-dot.active {
	border-color: #1783c2e3
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
	background-image: url("../img/pg_hd.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 50px 0;
	position: relative;
	background-size: cover;
	height: 50%;
}

.pagehding-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.page-heading h1 {
	color: #fff;
	font-size: 32px;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold
}

.page-heading ul {
	text-align: center;
	margin-top: 10px;
}

.page-heading li {
	display: inline-block;
	position: relative;
	padding: 0px 14px;
}

.page-heading li a {
	color: #fff;
}

.page-heading li:last-child a {
	color: #1783c2e3;
}

.page-heading li::before {
	content: "/";
	height: 60%;
	position: absolute;
	right: -5px;
	top: 0px;
	color: #fff;
}

.page-heading li:last-child::before {
	display: none
}

/*
17.Team section
=================*/
.team-member {
	background: #fff none repeat scroll 0 0;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease-in-out 0s;
	z-index: 2;
	border-bottom: 2px solid #ececec;
	background: #fafafa;
}

.team-member::before {
	position: absolute;
	content: "";
	width: 0%;
	height: 100%;
	z-index: -1;
	transition: all 0.4s ease 0s;
	top: 0px;
	left: 0;
	background: #1783c2e3;
	filter: alpha(opacity=75);
}

.team-member:hover.team-member::before {
	width: 100%;
	transition: all 0.4s ease-in-out 0s;
}

.team-member:hover .team-overlay {
	visibility: visible;
	transition: all 0.4s ease-in-out 0s;
	-moz-opacity: 0.75;
	opacity: 0.75;
	top: 0px;
	width: 100%
}

.team-member:hover.team-member h2 {
	color: #fff;
	transition: all 0.4s ease-in-out 0s;
}

.team-member:hover.team-member h3 {
	color: #fff;
	transition: all 0.4s ease-in-out 0s;
}

.team-thumb {
	position: relative;
	overflow: hidden;
}

.team-overlay {
	position: absolute;
	width: 0%;
	left: 0;
	height: 100%;
	top: 0;
	background: #1783c2e3;
	filter: alpha(opacity=75);
	visibility: hidden;
	transition: all 0.4s ease-in-out 0s;
}

.team-overlay ul {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 10px;
	transform: translateY(-50%);
}

.team-member img {
	width: 100%;
}

.team-member h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out 0s;
}

.team-member h3 {
	font-size: 14px;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out 0s;
}

.team-overlay li a {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #282828;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.team-overlay li {
	transition: 0.4s;
	-webkit-transition: 0.3s;
	-khtml-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	width: 100%;
	text-align: left;
	padding: 5px 0;
}

.team-member:hover .team-overlay li {
	transform: translateX(0px);
}

.team-overlay li:nth-child(1) {
	transform: translateX(20px);
	transition-delay: .1s;
}

.team-overlay li:nth-child(2) {
	transform: translateX(40px);
	transition-delay: .2s;
}

.team-overlay li:nth-child(3) {
	transform: translateX(60px);
	transition-delay: .3s;
}

.team-overlay li:nth-child(4) {
	transform: translateX(80px);
	transition-delay: .4s;
}

.team-overlay li:nth-child(5) {
	transform: translateX(100px);
	transition-delay: .5s;
}

.team-member li i {
	color: #fff
}

.testimonial-text.expert-team {
	position: relative;
	padding-bottom: 70px;
}

.testimonial-text.expert-team::before {
	position: absolute;
	content: "";
	background-image: url(../img/team_sec_bg.html);
	width: 100%;
	height: 100%;
	top: 0;
	left: -165px;
	background-repeat: no-repeat;
	z-index: -1;
}


/*
18.About Page
================*/
.abtdsc-sec p {
	color: #fff;
}

.abt-lft h2 {
	color: #020e2a;
}

.abt-img img {
	width: 100%;
}

.about-sec .sec-title {
	margin: 0;
	text-align: left
}

.about-desc {
	display: inline-block;
	width: 100%;
	padding-right: 40px;
}

.about-text>span {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	color: #1783c2e3;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.about-text h1 {
	color: #020e2a;
	display: inline-block;
	margin-bottom: 14px;
	font-size: 30px;
	font-weight: bold;
	text-transform: capitalize;
}

.about-text h1>span {
	color: #1783c2e3
}

.about-countup {
	margin-top: 50px;
}

.counting-inner {
	display: inline-block;
	padding-right: 80px;
}

.counting-inner:last-child {
	padding-right: 0px
}

.counting-inner h2 {
	font-size: 36px;
	font-weight: bold;
	position: relative
}

.counting-inner h4 {
	color: #020e2a;
	text-transform: capitalize;
	font-size: 20px;
	font-family: open sans;
}

.about-us-img {
	position: relative;
	z-index: 2
}

.about-us-img::before {
	position: absolute;
	content: "";
	background: #1f5c75;
	width: 100%;
	height: 100%;
	left: -25px;
	top: 30px;
	z-index: -1;
}

/*
19.Contact Page
============================*/
.contact-info-icon {
	float: left;
	width: 75px;
	height: 75px;
	text-align: center;
	line-height: 75px;
	margin-right: 10px;
}

.contact-page-sec .contact-field h2 {
	color: #282828;
	text-transform: capitalize;
	font-size: 22px;
}

.contact-field .col-md-6.col-sm-6.col-xs-12 {
	padding-left: 0;
}

.contact-field.contact-form input {
	margin-bottom: 5px;
}

.contact-field.contact-form textarea {
	height: 110px;
}

.contact-field.contact-form input[type="submit"] {
	background: #4cc700;
	width: 150px;
	border-color: #4cc700;
}

.contact-info-text {
	padding-left: 100px;
	margin-bottom: 40px;
}

.contact-info-text h2 {
	color: #282828;
	font-size: 20px;
	text-transform: capitalize;
}

.contact-info-text span {
	color: #999999;
	font-size: 16px;
	display: inline-block;
	width: 100%;
}

.contact-field input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	margin-top: 20px;
	padding: 10px;
	width: 100%;
	color: #999999;
}

.contact-field select {
	width: 100%;
	border: 1px solid #ddd;
	padding: 13px 20px;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #999999;
	margin-top: 20px;
}

.contact-field .select-arrow::before {
	top: 30px;
	color: #999999;
}

.contact-field .message-input {
	display: inline-block;
	width: 100%;
	padding-left: 0;
}

.single-input-field textarea {
	border: 1px solid #ddd;
	width: 100%;
	height: 120px;
	padding: 10px;
	margin-top: 10px;
}

.single-input-fieldsbtn input[type="submit"] {
	background: #1783c2e3 none repeat scroll 0 0;
	border: 0;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 14px 30px;
	text-transform: uppercase;
	width: 170px;
	margin-top: 30px;
	font-size: 15px;
}

.single-input-fieldsbtn input[type="submit"]:hover {
	background: #020e2a;
	transition: all 0.4s ease-in-out 0s;
	border-color: #020e2a
}

.contact-field {
	display: inline-block;
	width: 100%
}

.single-input-field h4 {
	color: #464646;
	text-transform: capitalize;
	font-size: 14px;
}

.contact-page-form {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

/*
20.Footer Section
======================*/
footer {
	background: #020e2a;
	position: relative;
}

.footer-sec {
	padding-top: 100px;
	padding-bottom: 70px;
}

.footer-sec h2 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
	text-transform: capitalize;

}

.footer-sec p {
	color: #ededed;
	font-size: 14px;
}

.footer-wedget-one img {
	margin-bottom: 10px;
	margin-top: -20px;
	width: 300px;
filter: drop-shadow(2px 4px 6px black);
}

.footer-social-profile li {
	display: inline-block;
	margin-right: 6px;
}

.footer-social-profile li:last-child {
	margin-right: 0px;
}

.footer-social-profile li a {
	color: #ededed;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	width: 34px;
	position: relative;
	z-index: 2
}

.footer-social-profile li a:hover {
	background: #1783c2e3;
}

.footer-social-profile li a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #1783c2e3;
	left: 0;
}

.footer-wedget-one ul {
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
	/*transform: translateX(35px);*/
}

.footer-wedget-three li i {
	display: inline-block;
	margin-right: 10px;
}

.ft-menu ul {
	padding: 0px 20px;
}

.ft-menu h2 {
	display: inline-block;
	text-align: left;
}

.footer-widget-menu li:before {
	color:  #1783c2e3;
	content: "\f101";
	font-family: fontawesome;
	font-size: 14px;
	left: -4px;
	position: absolute;
	top: 0;
}

.footer-widget-menu li {
	position: relative
}

.footer-widget-menu li a {
	color: #ededed;
	display: inline-block;
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	text-transform: capitalize;
}

.footer-widget-menu li a:hover {
	color: #1783c2e3;
	transition: all 0.4s ease 0s;
}

.bussiness-time>span {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.bussiness-time li {
	color: #ededed;
	padding-bottom: 10px;
	text-transform: capitalize;
	font-size: 14px;
}

.bussiness-time li span {
	color: #1783c2e3
}

.wedget-newsletter form {
	background: #525459 none repeat scroll 0 0;
	margin-bottom: 25px;
	margin-top: 25px;
	position: relative;
}

.wedget-newsletter input[type="email"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	padding: 10px 58px 10px 10px;
	text-transform: capitalize;
	width: 100%;
	font-style: italic;
	font-weight: 600;
	color: #282828;
}

.wedget-newsletter input[type="submit"] {
	background: #1783c2e3 none repeat scroll 0 0;
	color: #fff;
	font-weight: 600;
	padding: 11px 20px;
	position: absolute;
	right: 0;
	top: 0
}

.flicker-photo ul li {
	display: block;
}

.flicker-photo ul li img {
	display: inline-block;
	margin-bottom: 10px;
	width: 25%;
	float: left;
	margin-right: 10px;
}

.footer-bottom-sec {
	background: #020e2a;
	padding: 20px 0;
	border-top: 1px solid #dddddd1a;
}

.footer-bottom-sec p {
	color: #f4f4f4;
	font-size: 14px;
	margin: 0;
	text-align: center;
}

.copy-right span,
.copy-right span a {
	color: #1783c2e3;
	text-transform: capitalize;
}

.inner-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.inner-item {
	color: #f4f4f4;
	display: flex;
	gap: 15px;
}

.inner-item i {
	color: #1783c2e3;
}

/*
21.Appoitment Section
============================*/
.appoitment-area {
	position: relative;
	overflow: hidden;
	/* background-image: url("../img/testimonial_bg.jpg"); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.faq-sec .sec-title {
	margin: 0;
	text-align: left;
	margin-bottom: 40px;
}

.faq-sec {
	padding-right: 50px;
	padding-top: 100px;
	position: relative;
	z-index: 2;
}

.faq-single {
	margin-bottom: 30px;
}

.faq-single .icon {
	width: 60px;
	height: 60px;
	background: #1783c2e3;
	border-radius: 100%;
	margin-right: 10px;
}

.faq-single .icon img {
	padding: 15px;
}

.faq-single .media-body h2 {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.appoitment-area .images-overlay {
	/* background: rgba(255, 255, 255, 0.9) */
}

.appointment-form {
	position: relative;
	z-index: 1;
	padding: 100px 0px 100px 40px;
	top: 0;
	right: 0;
}

.appointment-form::before {
	background-color: #020e2a;
	content: "";
	height: 120%;
	/* left: -35px; */
	left: 0;
	position: absolute;
	top: 0;
	width: 5000px;
	z-index: -9;
	opacity: 0.92;
}

.appointment-form fieldset {
	margin-left: -15px;
}

.appoitment-area .appointment-form .sngl-field {
	margin-bottom: 30px;
	margin-top: 0;
}

.appoitment-area .appointment-form .sngl-field input {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	color: #ddd;
	font-weight: 600;
	background: none;
}

.appoitment-area .appointment-form .sngl-field textarea {
	border-top: 1px solid #fff;
	color: #ddd;
	border-radius: 0;
	font-weight: 600;
	margin-top: -15px;
	width: 100%;
	padding: 10px 0;
	background: none;
}

.appoitment-area .appointment-form .sngl-field select {
	-moz-appearance: none;
	-webkit-appearance: none;
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
	margin-bottom: 15px;
	color: #ddd;
	font-weight: 600;
	background: none
}

.appoitment-area .appointment-form .sngl-field select option {
	background: #020e2a none repeat scroll 0 0;
	color: #555;
}

.appoitment-area .appointment-form .filed-submitbtn input[type="submit"] {
	margin: 0;
	background:  #1783c2e3;
	border: 0;
	padding: 12px 40px;
	font-weight: 600;
	color: #fff;
	transition: all 0.4s ease 0s
}

.appoitment-area .appointment-form .filed-submitbtn input[type="submit"]:hover {
	background: #fff;
	color: #020e2a;
	transition: all 0.4s ease 0s
}

.appoitment-area .appointment-form .sngl-field .select-arrow {
	position: relative
}

.appoitment-area .appointment-form .sngl-field .select-arrow:before {
	color: #fff;
	content: "\f107 ";
	font-family: fontawesome;
	position: absolute;
	right: 15px;
	top: 10px;
}

.appoitment-area .appointment-form .sngl-field input[type="text"]::-webkit-input-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field input[type="email"]::-webkit-input-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field textarea::-webkit-input-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field option::-webkit-input-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field input[type="text"]::-moz-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field input[type="email"]::-moz-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field textarea::-moz-placeholder {
	color: #ddd;
	opacity: 1
}

.appoitment-area .appointment-form .sngl-field option::-moz-placeholder {
	color: #ddd;
	opacity: 1
}


.appointment-form h2,
.company-openingtime h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #1783c2e3
}

/*
22.Patner Section
======================*/
.all-patner-sec {
	padding: 100px 0;
	background: #fafafa;
}

.all-patner.owl-carousel .owl-item {
	padding: 0 40px;
}

.single-patner:hover {
	border-color: #1783c2e3
}

.single-patner {
	height: 86px;
	padding: 30px;
	border: 1px solid #ebeaea;
}

.all-patner.owl-carousel img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.all-patner .owl-nav {
	position: absolute;
	top: 27%;
	width: 100%;
	z-index: 99;
	transform: translateY(-50%);
}

.all-patner .owl-nav .owl-buttons div {
	background: none;
	opacity: 1.00;
}

.all-patner .owl-nav .owl-prev {
	left: 20px;
	position: absolute;
	transition: all 0.4s ease 0s;
	background: #fff;
}

.all-patner .owl-nav .owl-next {
	right: 20px;
	position: absolute;
	transition: all 0.4s ease 0s;
	background: #fff;
}

.all-patner .owl-nav .owl-prev i,
.all-patner .owl-nav .owl-next i {
	border: 1px solid #ddd;
	border-radius: 100%;
	color: #777;
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	width: 40px;
}

.all-patner .owl-nav .owl-next i:hover {
	transition: all 0.5s ease-out 0s;
	background: #1783c2e3;
	color: #fff;
	border-color: #1783c2e3
}

.all-patner .owl-nav .owl-prev i:hover {
	transition: all 0.5s ease-out 0s;
	background: #1783c2e3;
	color: #fff;
	border-color: #1783c2e3
}

.page-heading {
	position: relative;
}
.img-logo{
	width: 70%;
}

/*.certificate-item img {*/
/*    filter: grayscale(100%);*/
/*    opacity: 0.6;*/
/*    transition: 0.4s;*/
/*}*/

/*.certificate-item:hover img {*/
/*    filter: grayscale(0%);*/
/*    opacity: 1;*/
/*    transform: scale(1.1);*/
/*}*/


/* The End */

/* عرض السكورل */
::-webkit-scrollbar {
  width: 10px;
}

/* خلفية السكورل */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* الجزء المتحرك */
::-webkit-scrollbar-thumb {
  background:#1f5c75;
  border-radius: 10px;
}

/* عند hover */
::-webkit-scrollbar-thumb:hover {
  background: #1f5c75;
}

.theme-btn {
    background: #1f5c75;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    transition: 0.3s;
    border: 1px solid #3091c9;
}

.why-choose-item h2 {
    font-size: 26px;
}

.vision-mission-sec {
	   background: url('../img/testimonial_bg.jpg') no-repeat center center;
    /* background-color: #eee; */
		/* background-color: rgba(0, 0, 0, 0.8); */

}
.vision-mission-sec {
    background: url('../img/testimonial_bg.jpg') no-repeat center center;
    background-size: cover;
    position: relative; /* مهم جداً */
}

/* Overlay */
.vision-mission-sec::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}

/* Content فوق الـ overlay */
.vision-mission-sec .container {
    position: relative;
    z-index: 2;
    color: #fff;
}

.vision-mission-sec h2 {
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #3091c9; /* لونك */
}

.vm-img img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 10px;
}

/* خلي النص أبيض بدل الرمادي */
.vm-content p {
    color: #ddd;
    line-height: 1.8;
}

/* ==============================
   Visa Service Section
================================= */

.visa-service-section {
    background: url('../img/quote.png') no-repeat center center;
    background-size: cover;   /* يخلي الصورة تغطي السكشن بالكامل */
    background-position: center;
    background-repeat: no-repeat;

    padding: 30px 0px;
	
}

/* Title */
.section-title {
    margin-bottom: 50px;
}

.section-title span {
    color: #fff;
    font-weight: 600;
	font-size: 40px;
}

.section-title h2 {
    /* font-size: 36px; */
    font-size: 20px;
    /* font-weight: 700; */
	margin-top: 20px;
	color: #fff;
}

/* Card */
.service-visa-items {
    margin-bottom: 30px;
}

/* Image container */
.service-visa-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

/* Image */
.service-visa-thumb img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Zoom on hover */
.service-visa-items:hover .service-visa-thumb img {
    transform: scale(1.1);
}

/* Overlay */
.service-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8);

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

/* Show overlay on hover */
.service-visa-items:hover .service-overlay {
    opacity: 1;
    visibility: visible;
}

/* Content */
.overlay-content {
    color: #fff;
    padding: 20px;
    transform: translateY(20px);
    transition: 0.4s ease;
}

.service-visa-items:hover .overlay-content {
    transform: translateY(0);
}

.overlay-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
	color: #fff;
}

.overlay-content p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.6;
}

/* Button */
.overlay-content a {
    display: inline-block;
    padding: 6px 14px;
    background: #fff;
    color: #3091c9;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

.overlay-content a:hover {
    background: #222;
    color: #fff;
}

.pagehding-sec .row {
    display: flex;
    align-items: center;      /* توسيط طولي */
    justify-content: center;  /* توسيط أفقي */
    min-height: 300px;        /* حسب ارتفاع السكشن */
}

.main-menu ul li .submenu {
    top: 80px;
}
.service2-details h2 {
    color: #000 !important;
}
.footer-text {
    max-width: 273px !important;
}
/* counter start */
.counter-sec {
    padding: 80px 0;
    /* background: #1d566d; */
}

/* MAIN BIG BOX */
.counter-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0;                    /* شيل الـ gap */
    /* background: #fff; */
    /* background: #1f5c75; */
	 background: linear-gradient(to bottom, #2a8aab, #1f5c75, #163f52);
    /* padding: 0px 40px; */
    /* border-radius: 25px; */
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
    width: 100%;               /* ياخد العرض كله */
}

/* EACH ITEM */
.counter-item {
    text-align: center;
    padding: 30px 20px;
    border-radius: 0;
    transition: 0.3s;
    position: relative;
    z-index: 1;
    flex: 1;                   /* يتمدد بالتساوي */
}

/* فاصل بين الأيتمز */
.counter-item:not(:last-child) {
    border-right: 1px solid #eee;
}

.counter-item:hover {
    transform: translateY(-8px);
    /* background: #f9fafb; */
    background: #f9fafb24;
    border-radius: 15px;
}

/* ICON */
.counter-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 15px;
	  filter: brightness(2) invert(0);
}

/* NUMBER */
.counter {
    font-size: 40px;
    font-weight: 700	;
    /* color: #111; */
    color: #fff;
    margin-bottom: 5px;
}

/* TITLE */
.counter-item h4 {
    font-size: 17px;
    /* color: #666; */
    color: #fff;
    margin: 0;
}
.counter-sec .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}
/* counter end */

/* gallery */
.project-thumb {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
}

.project-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.item:hover img {
    transform: scale(1.1);
}
/* gallery end */
/* .visa-service-section-custom {
    padding-top: 80px;
    padding-bottom: 80px;
	background-color: #0d1422;
    background-clip: content-box;
} */




/* ===== JOIN US ULTRA MODERN ===== */

.getquote-area {
    padding: 100px 0;
    background: radial-gradient(circle at top, #123a4a 0%, #0a0f1a 60%);
    position: relative;
    overflow: hidden;
}

/* Glow blobs */
.getquote-area::before,
.getquote-area::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: #1f5c75;
    filter: blur(140px);
    opacity: 0.25;
    border-radius: 50%;
}

.getquote-area::before {
    top: -100px;
    left: -100px;
}

.getquote-area::after {
    bottom: -120px;
    right: -120px;
}

/* Heading */
.theme-heading-title .title {
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -1px;
}

.theme-heading-title p {
    color: rgba(255,255,255,0.55);
    font-size: 15px;
}

/* FORM CARD */
.quote-form {
    max-width: 900px;
    margin: auto;
    padding: 40px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(14px);
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    transition: 0.3s;
}

.quote-form:hover {
    transform: translateY(-5px);
    border-color: rgba(31,92,117,0.4);
}

/* INPUTS GRID SPACING */
.quote-form .row > div {
    margin-bottom: 18px;
}

/* INPUT STYLE */
.single-input-inner input,
.single-input-inner textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.03);
    color: #fff;
    outline: none;
    transition: 0.3s;
}

/* placeholder */
.single-input-inner input::placeholder,
.single-input-inner textarea::placeholder {
    color: rgba(255,255,255,0.4);
}

/* focus glow */
.single-input-inner input:focus,
.single-input-inner textarea:focus {
    border-color: #1f5c75;
    box-shadow: 0 0 0 3px rgba(31,92,117,0.25);
    background: rgba(255,255,255,0.06);
}

/* textarea */
.single-input-inner textarea {
    min-height: 140px;
    resize: none;
}

/* FILE INPUT */
.single-input-inner input[type="file"] {
    padding: 12px;
    background: rgba(255,255,255,0.04);
}

/* BUTTON */
.quote-form button {
    background: linear-gradient(135deg, #1f5c75, #2c8bb3);
    color: #fff;
    padding: 14px 40px;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

/* hover shine effect */
.quote-form button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.3),
        transparent
    );
    transition: 0.5s;
}

.quote-form button:hover::after {
    left: 100%;
}

.quote-form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(31,92,117,0.4);
}
 /* join us end  */
 
@media (max-width: 768px) {
    .slider.index2 .slider-text h1 {
        line-height: 35px;
    }
}
@media (max-width: 768px) {
    .page-heading {
        margin-bottom: 80px;
    }
}
@media (max-width: 768px) {
    .lang-btn i {
        color: #fff; /* غيّرها لأي لون واضح عندك */
    }
}
@media (max-width: 768px) {
    .single-input-fieldsbtn {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .contact-info-text {
      padding: 0;
    }
}
.certificate-sec .sec-title p {
    font-size: 24px;
}
.certificate-sec .sec-title p {
    font-size: 24px;
}
.project-sec .sec-title p {
    font-size: 24px;
}
.footer-wedget-one img {
    margin-bottom: 10px;
    margin-top: -20px;
    width: 300px;
    /*filter: drop-shadow(2px 4px 6px black);*/
    transform: translateX(-30%);  /* الشاشات الكبيرة */
}

@media (max-width: 991px) {
    .footer-wedget-one img {
        transform: translateX(0);  /* موبايل وتابلت تمام */
        margin-left: 0;
    }
}
* whatsapp */
.wa-float {
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: 52px;
  height: 52px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: transform 0.2s;
}/* whatsapp */
.wa-float {
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: 52px;
  height: 52px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: transform 0.2s;
}
.wa-float:hover {
  transform: scale(1.1);
}

/* ===== Owl Carousel Custom Arrows ===== ف التحريك الاسهم*/
.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    pointer-events: none;
}

.owl-nav button {
    pointer-events: all;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #1f5c75 !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    font-size: 22px !important;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.owl-nav button:hover {
    background: rgba(0, 0, 0, 0.8) !important;
}

.owl-prev {
    margin-left: 15px;
}

.owl-next {
    margin-right: 15px;
}

/* the end  */
/* ===== Slider Animations ===== */
.single-slide {
    position: relative;
    background-size: cover;
    background-position: center;
    transition: transform 8s ease;
}

/* Ken Burns effect على الصورة */
.owl-item.active .single-slide {
    animation: kenBurns 8s ease forwards;
}

@keyframes kenBurns {
    from { transform: scale(1.08); }
    to   { transform: scale(1); }
}

/* Tag فوق العنوان */
.slide-tag {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
}

/* أسهم مخصصة */
.slider-arrow {
    position: absolute;
    right: 30px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.3);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    transition: all .25s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev-arrow { top: calc(50% - 54px); }
.next-arrow { top: calc(50% + 8px); }

.slider-arrow:hover {
    background: rgba(255,255,255,.35);
    transform: scale(1.1);
}

/* شريط التقدم */
.slider-progress {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 3px;
    background: rgba(255,255,255,.2);
    z-index: 10;
}

.slider-progress-bar {
    height: 100%;
    background: #fff;
    width: 0%;
    transition: width 5s linear;
}
/*the end */