:root {
  --primary: #204669;
  --darkblue: #204669;
  --secondary: #fbbf52;
  --orange: #fbbf52;
  --pink: #e39ebd;
  --dpink: #b53a75;
  --green: #06b697;
  --dblue:#516772;
  --ldark:#63737e;
  --semidark: #5b5b5b;
  --gray: #ececec;
  --b-radius:40px;
  --spacing:2rem;
}
body{
	color:var(--semidark);
}
body:lang(ar){
	font-family: "Tajawal", sans-serif;
    direction: rtl;
}
a{
	text-decoration: none;
}
body:lang(en){
	font-family: "Oswald", sans-serif;
}
.en{
	font-family: 'Oswald', sans-serif!important;
	direction: ltr;
	text-align: left;
}
:lang(ar),.ar{
	font-family: "Tajawal", sans-serif;
}
.top_logo{
	max-width: 200px;
}
.top_icons a svg{
	color:var(--green);
}
.top_icons a{
	color:var(--dblue);
	text-decoration: none;
	line-height: 2;
}
.top_icons{
	display: flex;
	gap:1rem;
	font-size:12px;
	justify-content: end;
	align-items: center;
}
.adds-menu a{
	color:var(--darkblue);
}
.adds-menu{
	display: flex;
	padding:0.4rem 1.5rem;
	background: #fff;
	gap:1rem;
}

.socials a svg{color:#fefefe;}
.socials a{
	background: var(--dblue);
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:50%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.socials:lang(ar){
	margin-right:2rem;
	margin-left:0;
}
.socials{
	display: flex;
	gap: 0.3rem;
	margin-left:2rem;
	justify-content: center;
	align-items: center;
}
.header_navs{
	background: var(--darkblue);
}

.header_head:lang(en){
	background-position: bottom right, left top;
}
.header_head{
	background-image: url('../../images/1.png'), none;
	background-position: bottom left, left top;
	background-size: contain, 100%;
	background-repeat: no-repeat, repeat;
  
	padding:1rem 0;
	
}
.header_logos h1 .en{
	font-size:1rem;
}
.header_logos h1{
	font-weight:600;
	font-size:1.2rem;
}
.header_logos{
	display:flex;
	align-items:center;
	    justify-content: space-between;
}
.myaccBtn:hover{
	background:#d0d0d0;
}
.myaccBtn{
	border: 1px solid #d0d0d0;
    border-radius: 20px;
	padding:0.45rem 0.75rem;
	transition:all 0.3s;
}
/*navbar*/
.nav-item:hover .nav-link {
    color: #2580b2;
}
.owl-item a{
	color:var(--semidark)
}
#mainMenu .nav-item:hover .nav-link{
	background:var(--orange);
	color:var(--darkblue)
}
#mainMenu .nav-item .nav-link {
    color: #fff;
    font-weight: 600;
	padding: 1rem 1.5vw;
	transition: all 0.3s;
}
#mainMenu .dropdown-menu .has-menu:lang(ar)::after {
    font-family: "Font Awesome 6 Pro";
    content: '\f0d9';
    vertical-align: middle;
    border: none;
	position: absolute;
    left: 0;
    top: 50%;
    transform: translate(4px, -50%);
}
#mainMenu .dropdown-menu .has-menu:lang(en)::after {
    font-family: "Font Awesome 6 Pro";
    content: '\f0da';
    vertical-align: middle;
    border: none;
	position: absolute;
    right: 0;
    top: 50%;
    transform: translate(4px, -50%);
}
#mainMenu .dropdown-menu .has-menu:hover .dropdown-menu{
	display: block;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .has-menu {
	position:relative;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu{
	display:none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu:lang(ar) {
    right: 100%;
    top: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu:lang(en) {
    left: 100%;
    top: 0;
}
.navbar-toggler:focus{
    box-shadow: 0 0 0 0.15rem #194e7abf;
}
.gap-spacing{
	gap:var(--spacing);
}
#mainMenu .dropdown-toggle:lang(ar)::after{
	margin-right: 0.255em;
	margin-left: 0;
}
#mainMenu .dropdown-toggle::after{
	font-family: "Font Awesome 6 Pro";
    content: '\f0d7';
	vertical-align:middle;
	border:none;
}
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    display: none;
    background-color: var(--orange);
    color: #fff;
    z-index: 999;
	box-shadow: 0 0 5px #666;
}
#btn-back-to-topH {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: var(--orange);
    color: #fff;
    z-index: 999;
	opacity: 0;
}
.btn-pink{
	background: var(--pink);
	color:#fff;
}
.btn-pink{
	background: var(--pink);
	color:#fff;
}
#btn-back-to-top:hover {
    box-shadow: 0 0 3px 2px #848a95;
}

.sep{
	color:#c5c6c6;
	font-size:14px;
}
.lang{
	color:#fff;
	font-size:1.2rem;
}
.searchArea:lang(ar){
	margin-right: auto;
}
.searchArea:lang(ar){
	margin-right: auto;
	margin-left: 0;
}
.searchArea{
	margin-left: auto;
}
.searchGroup, .searchGroup #button-addon1, .searchGroup input{
background:#fff;
}
#button-addon1{
	margin-left:0.25rem;
}
#button-addon1:lang(ar){
	margin-right:0.25rem;
	margin-left:0rem;
}
.dropdown-item:lang(ar){
	text-align: right;
}
.page-item:first-child .page-link:lang(ar){
	border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link:lang(ar) {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;

}
#searchkey{
}
.orange-bg{
	background: var(--orange);
}
.orange-color{
	color: var(--orange);
}
.gray-bg{
	background: var(--gray);
}
#all_body *{
	font-size:18px;
}
.options_div{
	display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
    align-items: center;
    padding-top: 0.5rem;
	clear: both;
    width: 100%;
}
.a2a_default_style .a2a_counter img, .a2a_default_style .a2a_dd, .a2a_default_style .a2a_svg {
    float: left;
    width: 23px !important;
    height: 23px !important;
}
/*
.sec1:after{
	content:"";
	position: absolute;
	width:100%;
	height:100%;
	background-image: url('../../images/flag.png');
	background-repeat: no-repeat;
	background-position: left;
	z-index: 0;
	top:0;
}
*/

.sec1:after {
	/*
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../images/qaSs9w.gif);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 0;
    top: 26vw;
    bottom: 0;
    left: -16vw;
    background-size: auto 94%;
    transform: rotate(40deg);
    filter: drop-shadow(51px -6px 25px black) opacity(0.7);
	animation: mymove 3s infinite;
	*/
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../images/qaSs9w.gif);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 0;
    top: 21vw;
    bottom: 0;
    left: -21vw;
    background-size: auto 94%;
    transform: rotate(40deg);
    filter: drop-shadow(51px -6px 25px black) opacity(1);
    animation: mymove 3s infinite;
    opacity: 0.2;
}
@keyframes mymove {
	0%   {filter: drop-shadow(51px -6px 25px black) opacity(0.7);}
	25%  {filter: drop-shadow(51px 6px 5px black) opacity(0.7);}
	75%  {filter: drop-shadow(51px 6px -5px black) opacity(0.7);}
	100% {filter: drop-shadow(51px -6px 25px black) opacity(0.7);}
  }
  
.slick-prev:before, .slick-next:before{
	color:var(--darkblue)
}
.sec1{
	background-color: rgb(43,43,43);
	background: linear-gradient(90deg, rgba(43,43,43,1) 22%, rgba(32,70,105,1) 100%);
	padding:7rem 0;
	position: relative;
	overflow: hidden;
}
.sec1 .container{
	position: relative;
	z-index: 1;
}
.sec1_title{
	color:var(--orange);
	font-size:1.3rem;

}
.sec1_title a{
	color:var(--orange);
	font-size:1.3rem;

}
.sec1Num{
	font-size:2.5rem;
	color:var(--dblue);
	font-weight: 600;
}
.sec1 p{
	font-size:1rem;
	color:#fff;
	margin-bottom: 0;
	font-weight: 500;
	line-height: 1.8;
}
#mainSld .carousel-control-next,#mainSld .carousel-control-prev{
	top:inherit;
	width: auto;
	bottom:-2rem;
}
#mainSld .carousel-control-prev {
    left: inherit;
    right: 2rem;
}
#mainSld .carousel-control-next-icon,#mainSld .carousel-control-prev-icon{
	width:1.5rem;
	height:1.5rem;
}
#mainSld .carousel-item{
	min-height: 165px;;
}
#carousel-1 .carousel-item img{
	height:100%;
	width:100%;
	object-fit:cover;
}
#carousel-1 .carousel-item .carousel-caption h2{
	font-size:4rem;
	max-width:50%;
	margin:auto;
}
#carousel-1 .carousel-item{
	height:600px;
}
.sec2{
	padding:2rem 0;
}
.sec_title h2{
	font-size:3rem;
}
.news-links li{
	padding: 7px;
    margin-right: -25px;
	list-style: none;
	margin-bottom: 0.5rem;
	text-align: justify;
}
.LinkStyle{
	color:var(--darkblue);
	text-decoration: none;
	font-weight: 500;
}
.news-links li:before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fbbf52;
    width: 0;
    height: 0;
    display: block;
    float: right;
    margin-right: -12px;
    margin-top: 8px;
}
.sec2 p{
}
.main-news img,.sec-news img{
	transition: all 0.3s;
}
.main-news:hover img,.sec-news:hover img{
	transform: scale(1.1);
}
.main-news{
	border:1px solid #f2f2f2;
	padding-left:1rem;
}
.sec-news{
	border:1px solid #f2f2f2;
	padding:1rem;
	height:100%;
}
.newsthumb{
	overflow: hidden;
	box-shadow: 0 0 22px #a2a2a2;
}
.sec-news .newsthumb img{
	height:100%;
	width:100%;
	object-fit: cover;
}
.sec-news .newsthumb{
	height:220px;
	overflow: hidden;
}
.main-title a{
	color: var(--darkblue);
	font-size:1.3rem;
	font-weight: 600;
}
.sec-title a{
	color: var(--semidark);
	font-size:1.2rem;
	font-weight: 600;
}
.news-desc a{
	color:var(--semidark);
	font-weight: 600;
}
.news-desc{
	margin-top:1rem;
}
.readmore:hover{
	color:var(--orange);
	background:var(--darkblue)
}
.readmore{
	padding:0.5rem 1rem;
	border-radius: 5px;
	color:#fff;
	font-weight: 600;
	font-size: 15px;
}
.cus-hr{
	border-top:2px solid #eee;
}
.sidebar .cus-hr {
    border-top: 2px solid #cbcbcb;
}
.pink{
	color: var(--pink);
}
.dpink{
	color: var(--dpink);
}
.dblue{
	color: var(--dblue);
}
.color-white{
	color:#fff;
}
.sec3,.sec4,.sec5{
	padding:3rem 0;
}
.upper-case{
	text-transform: uppercase;
}
.fw-semidark{
	font-weight: 500;
}
.ldark{
	color:var(--ldark);
}
.green{
	color:var(--green);
}
.laws{
	margin-top:3rem;
}
.law-icon{
	margin-bottom:2rem;
}
.law-slds .slick-slide .law-icon img{
transition: all 0.3s;
}
.law-slds .slick-slide:hover .law-icon img{
	transform: scale(1.05) translateY(5px);
}
.sidebar{
	background: #f8f8f8;
    padding: 1rem;
}

.footer{
	
	background-color:#FF9933;padding:2rem 0;
}
.top_footer{
	border-top:5px solid var(--orange);
	background: var(--darkblue);
	padding:3rem 0;
	color:#fff;
}
.bottom_footer{
	background:#1a3854;
	color:#fff;
	padding:1rem 0;
	text-align: center;
}
.footer_list ul{
	list-style: none;
	padding:0;
}
.footer_list ul li{
	margin-bottom:0.5rem;
}
.footer_list a{color:#fff;text-decoration: none;font-size:14px;}
.footer_list h5 span{padding-bottom: 0.25rem;}
.footer_list h5{

	font-weight: 500;
	font-size:1.2rem;
	position: relative;
	margin-bottom: 2rem;
	
}
.footer_logo{
	text-align: center;
}
.footer_logo p:lang(ar){
	text-align: right;
}
.footer_logo p{
	margin-top:1rem;
	font-size:13px;
	text-align: left;
}
.footer_list .footer_contacts li {
	display:flex;
	margin-bottom: 1rem;
	gap:1rem;
	font-size:14px;
}
.footer_contacts svg{
	color:var(--orange);
	margin-top:5px;
}
.footer_list{
	/*height:100%;*/
}
.footer_list ul {
    list-style: none;
    padding: 0;
   /* height: calc(100% - 50px);*/
    border-right: 1px solid #415f81;
    padding-right: 1rem;
}
.top_contacts{
	display: flex;
	gap:0.5rem;
}
.pagination_div svg{
	font-size:13px;
}
.cats{
	background: var(--darkblue);
}
.cats a{
	color:#fff;
} 
.subscribe_btn{
	background: var(--orange);
}

.dark .header_head{
	filter: invert(1);
}

.dark .header_head .container{
	filter: invert(1);
}
.dark .dropdown-menu{
	background: #202020;
	box-shadow: 0 0 5px #707070;
}
body.dark{
	background: #202020;
	color: #e3e3e3;
}
.dark #all_body *{
	color: #e3e3e3!important;
}
.dark .dropdown-item{
	color: #e3e3e3;
}
.dark .dropdown-item:focus,.dark  .dropdown-item:hover{

}
.dark .sec2{
    background: #202020;
}
.dark .header_navs,.dark .adds-menu,.dark .dropdown-item:focus,.dark  .dropdown-item:hover{
	background: #000;
}
.dark .non-dark-logo{
	display: none;
}
.dark .dark-logo{
	display:inline!important;
}
.dark-logo{
	display: none;
}
.dark .main-title a,.dark .news-desc a,.dark .sec-title a,.dark .title,.dark .stext,.dark .btitle1,.dark .LinkStyle{
	color:#d4d4d4;
}
.dark #btn-back-to-top{
	background:#000;
}
.dark .cat_cont.col3-cat{
	border: 1px solid #535353!important;
}
.dark .gallery_div,.dark .file-title{
	background: none;
}
.dark .law-slds .slick-slide .law-icon img{
	filter: grayscale(1) brightness(2);
}
.dark .slick-prev:before,.dark .slick-next:before{
	color:#d4d4d4;
}
.dark .sidebar{
	background:#202020;
}
.dark .newsthumb{
	box-shadow: 0 0 22px #000000;
}
.dark .sec1{
	background-color: rgb(29 29 29);
    background: linear-gradient(90deg, rgba(43, 43, 43, 1) 22%, rgb(0 0 0) 100%);
}
.dark .top_footer{
	background:#202020;
}
.dark .bottom_footer{
	background: #090909;
}
.dark .main-news,.dark .sec-news{
	border: 1px solid #484848;
}
.dark .adds-menu a{
	color:#c5c6c6;
}
.dark .lightmode{
	display:none;
}
.dark .darkmode{
	display:inline;
}
.darkmode{
	display:none;
}
.dark .active>.page-link,.dark .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #000000;
    border-color: #8b8b8b;
}
.dark .page-link,.dark .disabled>.page-link, .page-link.disabled{
	background: none;
	color: #8d8d8d;
}
@media(max-width:600px){
	#mainSld .carousel-item{
	/*	height:300px;*/
	}
	#carousel-1 .carousel-item .carousel-caption h2{
	font-size:2rem;
	margin:auto;
}
}
@media(max-width:991px){
	.sidebar .main-title a {
		font-size: 13px;
	}
	.laws {
		margin-top: 1rem;
	}
	#btn-back-to-top{
		width:40px;
		height:40px;
		padding:5px;
	}
	.sidebar .row .col-6:first-child{
		border-left:1px solid #ccc;
	}
	.sidebar .main-title img {
		width: 32px;
	}
	.sidebar hr{
		display:none;
	}
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(251, 191, 82, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	  }
	  .navbar-toggler{
		border-color:var(--orange)
	  }
	  .header_navs {
		padding: 5px;
	}
	.slick-next{
		right:0;
	}
	.slick-prev{
		left:0;
		z-index: 9;
	}
	.sec-title a,.main-title a{
		font-size:1rem;
	}
	.sec-news .newsthumb{
		height: 120px;
	}
	#mainMenu{
		padding: 1rem;
	}
	.news-desc{
		display: none;
	}
	.sec1{
		padding:1rem 0;
	}
	#mainSld .carousel-item{
	/*	height:400px;*/
		overflow: hidden;
	}
	
	.header_logos,.top_icons{
		flex-direction: column;
	}
	.top_icons{
		margin-top:0.5rem;
	}
	.socials{
		margin: auto;
	}
	#mainMenu .nav-item .nav-link{
		padding:0.25rem;
	}
	
	.carousel-caption h2{
		font-size:2rem;
	}
	.sec1 p{
		font-size:1rem;
	}
	.sec_title h2{
		font-size:2rem;
	}
	.sec2 p{
		font-size:1rem;
	}
	.sec2,.sec3, .sec4, .sec5{
		padding:1rem 0;
	}
	.service{
		padding:1rem;
	}
	.service a{
		padding:0.25rem;
		font-size:13px;
	}
	.service-title h3{
		font-size:1.1rem;
	} 
	.service-det{
		display:none;
	}
	.story{
		padding:0.25rem;
	}
	.media-det{
		padding:1rem;
	}
	.media-det p{
		display:none;
	}
	.media-image{
		height:200px;
	}
	.top_footer{
		padding:2rem 0;
	}
}
@media(min-width:992px) and (max-width:1400px){
	.main-title a{
		font-size:1.3vw;
	}
	.sec-title a{
		font-size:1.2vw;
	}
}
@media(min-width:992px) and (max-width:1300px){
	#mainMenu .nav-item .nav-link{
		font-size: 1.1vw;
	}
}
@media(min-width:992px){
	
	.g-lg-6, .gy-lg-6 {
		--bs-gutter-y: 4rem;
	}
	.g-lg-6, .gx-lg-6 {
		--bs-gutter-x: 4rem;
	}
	.container{
		max-width:95%;
	}
	
	.fixed_header #mainMenu .nav-item .nav-link{
		padding:0.5rem 1rem;
	}
}
@media(min-width:1400px){
	.container{
		max-width:1380px;
	}
}
@media(min-width:1500px){
	.sec1:after {
		top: 24vw;
		bottom: 0;
		left: -16vw;
	}
	.container{
		max-width:1480px;
	}
}
@media(min-width:1600px){
	.container{
		max-width:1580px;
	}
}