@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');
 
 @font-face {
  font-family: 'kufi';
 src: url('../fonts/NotoKufiArabic-Bold.otf'); /* IE9 Compat Modes */ 
 src: url('../fonts/NotoKufiArabic-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NotoKufiArabic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NotoKufiArabic-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoKufiArabic-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/NotoKufiArabic-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NotoKufiArabic-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}


 
 *{
	 scrollbar-width: thin;
	 box-sizing: border-box;
	 direction:rtl;
 }
 
.bottom_bar_img{
	 height:20px;
	 margin-bottom:5px;
 }

.bottom_bar_img.middle{
	
	border: solid 2px #c3c5cb;
    height: 55px;
    width: 55px;
    padding: 10px;
    border-radius: 50px;
    background:#1b2c69;
}


.inside_about_list{
	
	width: 100%;
	overflow: hidden;
	position:absolute;
	top:120px;
}
.news_div hr{
	
	margin-top: 1rem;
    border: 0;
    border-top: solid 1px #262534;
	
	
}


.fa.fa-angle-down{
	font-size: 14px !important;
    color:var(--red) !important;
	padding-right:2px;
	
}

.ytp-button,.ytp-title,.ytp-pause-overlay,.ytp-title-channel{
	display:none !important;
	visibility:hidden !important;
}
.ytp-gradient-top {
   visibility:hidden;
   
}


.container-white{
	background:var(--white_bg);
	overflow:hidden;
	padding:20px;
	margin:0px auto;
}

.blog_right_sidebar{
	width:100%;
}

.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}


.colors_block,.dimintions_block{
	
	color:var(--black);
    padding: 10px;
    border-radius: 5px;
    float: right;
    font-size: 13px;
    width: auto;
    border: solid 1px #ddd;
    margin-right: 5px;
	margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;
    background:#f7fafc;
}


.big_div_3{
	padding-right: 0px;
    padding-left: 10px;
}


.s-image{
	max-width:70px;
	margin-bottom:25px;'
	
}

.colors_block.active,.dimintions_block.active{
	
	background:#c82333;
	color:var(--magenta);
}


.code_background{
	font-size: 12px;
    background:var(--red_bg);
    color:var(--white);
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
	
}
.view_background{
	font-size: 12px;
    background:#ddd;
    color:#333;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
	
}


.prod_title{
	color:var(--black) !important;
    font-size: 18px !important;
    padding: 10px 5px;
    text-align: center !important;
    height: auto;
    font-weight: bold !important;
}






.header-social a.a_background {
	background:var(--red_bg) !important;
	border-radius: 20px !important;
	padding: 5px 8px 5px 5px !important;
	margin-right: 0px !important;
	color:var(--magenta) !important;
	height: 26px !important;
	display: inline-block;
	line-height: 15px;
	color:var(--magenta) !important;
	font-weight: bold;
}

.header-social a.a_background:hover {
    
    color:var(--red) !important;
}



 
 .owl-carousel .owl-nav .owl-prev{
	 left: auto !important;
	 right: 10px !important;
 }
 
  .owl-carousel .owl-nav .owl-next{
	 
	 left: 10px !important;
	 right: auto !important;
 }
 
 img{
	 
	image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
 }

 
 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#999;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#999;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#999;
}

#checkout_alert{
	text-align:center;
	margin:20px;
}


.second_image{
	height: 245px;
	margin: 0px 10px;
}

.second_image:first-of-type {
	margin-bottom: 10px;
}

.pre_con {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background:#ddd;
}

.gradient-border {
  --border-width: 3px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  font-family: Lato, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  color:var(--magenta);
  background:#ddd;
  border-radius: 100px;

}

.widget_body p::marker{
    
    font-size:18px;
	font-weight:bold;
	color:#555;
  }
.gradient-border::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  right: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background:linear-gradient(60deg, var(--red) , #a0d143, var(--red), #a0d143, var(--red));
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: 100px;
  animation: moveGradient 4s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}


.page_title h2{
	color:var(--magenta);
}





.categories_title{
	
	font-family:'Francois One';
	font-size:22px;
	color:var(--black);
	margin-bottom:30px;
	
	
}

	.search_icon{
		margin-top:0px ; 
	}
	
	
	

.holder { 
  background:#f8f8f8;
  width:100%;
  height:250px;
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  right: 0px;
  top: 10px;
  width:100%;
  height:240px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
  
}
.holder ul li {
  padding:10px 0px;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom:5px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}

.container-fluid{
	
	background:#02011c;
}

.news_bar_header { 
  font-family: "kufi";
  width:100%;
  height:50px;
  overflow:hidden;
  padding:15px;
  text-align:right;
  color:var(--black);
  font-size:19px;
  background:#f8f8f8;
  line-height:30px;

}

.news_bar_footer { 
  font-family: "kufi";
  width:100%;
  height:50px;
  overflow:hidden;
  padding:15px;
  text-align:right;
  color:var(--magenta);
  font-size:18px;
  background:var(--red_bg);
  line-height:25px;
  display:block;
  text-align:center;

}



.news_bar_title{
	color:#00703c;
	font-family: "kufi";
	font-size: 17px;
	font-weight: normal;
	margin-top: 20px;
	text-decoration: none;
	text-align:right;

}
.news_bar_desc ,.news_bar_desc p{
	color:#646464;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 15px;
	text-align:right;	
}

.welcome-to-inner .Learn-More {
    color:#7AC142;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    padding: 10px 24px 10px 48px;
    border: 1px solid #7AC142;
    background:rgba(0, 0, 0, 0) url("../../images/plus-icon-blue.webp") no-repeat scroll 13px 7px;
    text-transform: uppercase;
    border-radius: 20px;
    margin-bottom: 35px;
    margin-top: 15px;
	
}


#departs_select +  .nice-select{
display:none;	
}

#carousel-example-generic .carousel-caption {
    right: 12px;
    width: 40%;
    padding: 0px 15px 0px !important;
	
}
.carousel-caption {
    max-width: 300px;
	background:rgba(1, 114, 58, 0.7);
	padding: 15px 25px 30px 25px;
	z-index:0;
	bottom:40px !important;
	left:10% !important;
	right:10% !important;
}

.carousel-caption h2 {
    color:var(--magenta);
    text-align:right;
    padding-bottom: 0px;
	font-size:24px;
	font-family:'kufi';
	margin-bottom: 25px;

}

.carousel-caption p {
	
	color:#f7fafc;
	text-align:right;
	font-size:17px;
	line-height:18px;
}


#carousel-example-generic .carousel-caption div {
	font-size:20px;
	color:var(--magenta);
}




.inside_header{
	
	background:url(../img/menu_background.webp) center center /cover;
    height: 240px;
    padding: 20px;
    overflow: hidden;
    margin-top: -210px;
	
}

.proj_percent_cont{
	overflow:hidden;
	height:55px;
	
	
}

.project_percent_div_title{
    color:var(--white);
    font-size: 14px;
    text-align: right;
}

.project_percent_div{
	
	width: 80%;
	height: 25px;
	background:#d1cece;
	position: relative;
	margin: 10px 0px 20px 0px;
	float: right;
}

 .project_percent{
	float: left;
	width: 20%;
	color:var(--white);
	height: 25px;
	line-height: 25px;
	margin: 10px 0px 20px 0px;
 }
.project_percent_value{

    color:var(--white);
	
	width: 20%;
    float: left;
    height: 25px;
    margin: 10px 0px 20px 0px;
    
    font-family: cairo;
    line-height: 25px;
    padding-right: 10px;
    font-weight: bold;
	}



 .project_done{
	 background:#3b4466;
	width: 20%;
	position: absolute;
	height: 25px;
 }
 .back_img{
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    opacity: 0.015;
    background-size: contain;
    top: 0;
    left: 0;
    background-position: center;
 }
 
 .section-header .section-title {
	font-size: 32px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
    color:var(--magenta);
    position: relative;
    text-align: center;
    line-height: 50px;
    padding: 20px;
	position:relative;
}

.section-header .section-sub-title{
	color:#aaa;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Cairo';
    font-weight: 400;
    padding-right: 40px;
    text-align: right;
    display: block;
    margin-bottom: 10px;
    width: 95%;
}

.section-header .section-title.white {
	color:var(--magenta);
}




.breadcrumb_iner_item h1 {
  color:var(--magenta);
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
  line-height:35px;
}



.pricing-table h2 {
	
	text-align:center;
}

.pricing-table{
	
	margin-bottom:60px;
}

.pricing-details{
	text-align:center;
}

.product_title{
	
	text-align:center !important;
	font-size:20px !important;
	margin:0px;
}

.product_title_down{
    
	text-align: right !important;
    font-size: 18px !important;
    margin: 0px;
    line-height: 20px !important;
    color:var(--white);
    font-family: cairo;
    height: 40px;
    padding: 10px 0px ;
	color:#1c2d6a;
	
}


.product_title_down_white{
	
	text-align: right !important;
    font-size: 18px !important;
    margin: 0px;
    line-height: 20px !important;
    color:var(--white);
    font-family: cairo;
    height: 40px;
    padding: 0px 0px ;
	color:var(--white);	
}

.product_title:hover{
	
	color:#107665;
}

#features .box-item .icon {
    border: 1px solid var(--magenta);
    text-align: center;
    float:right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#features .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
}

#features .box-item .text {
    padding-left: 80px;
}


#features .box-item .icon i {
    color:var(--magenta);
    font-size: 24px;
    line-height: 60px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#footer-top{
	
background:var(--red_bg);
text-align:center;
padding: 30px 0px;
font-size: 30px;
border-bottom: solid 10px #912821;
	
}


.footer-social{
	
}

.footer-contact{
	
	color:var(--white);
	font-size:23px;
	font-family:kufi;
}

.footer-contact.white a{
	color:#decb4c;
	font-weight: bold;
}

.footer-contact a{
	color:var(--magenta);
}


.footer-contact.white a:hover{
	color:var(--white);
}

.footer-contact a:hover{
	color:var(--red);
	
}

.footer-social a{
	
	color:var(--white);
	font-size:34px;
	padding:5px;
}

.header-social{
	border-radius: 5px;

	padding: 4px;
	top: 0px;
	margin-bottom: 9px;
	line-height: 23px;
	height: 40px;
	text-align:center;
}

.header-social a{
	
	color:var(--red) !important;
	font-size:16px !important;
	padding:5px;
}

.footer-social a:hover , .header-social a:hover{
	color:var(--red) !important;
	
}


.comp_right {
	
float:right !important;
right:10px !important; 
text-align:right !important;
}

.comp,.comp_right {
	
	display: block;
	float:left;
	text-align:left;
	height: 30px;
	padding: 5px;
	text-align: left;
	width: 160px;
	line-height: 32px;
	color:#107665;
	position: absolute;
	left: 0;
	top: -3px;
	z-index: 3;
}


.lang_menu{
	float:left;
	width:auto !important;	
	padding: 0px 5px !important;
    font-size: 22px !important;
}

.lang {
	display: block;
	height: 30px;
	padding: 5px;
	text-align: center;
	line-height: 25px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 3;
	
	border-radius: 5px;
	padding: 10px;
	height: 36px;
	font-family: cairo;

}

.lang a {
	padding-right: 20px;
    color:var(--magenta);
    text-align: left;
    float: left;
}

.lang img{
	
	background:var(--magenta);
    padding: 5px;
    margin-right: 10px;
    border-radius: 5px;
}




.lang_menu:hover, .comp_menu:hover {
    background:#F2ECD7;
    color:#106E62;
}


.lang_menu {
    width: 94%;
}

li.lang ul li a, li.comp ul li a ,.comp_right ul li a{
    color:var(--magenta);
    font-size: 13px;
    text-align:left;
}

ul li a {
    position: relative;
}

ul li a:focus{
	color:var(--magenta);
}

#features .box-item:hover .icon i {
    color:var(--magenta);
}

#feature p{
	margin-top: 0;
margin-bottom: 1rem;
}




.floating_button {
    left: 20px;
}

.floating_button {
    position: fixed !important;
    width: 60px !important;
    height: 60px !important;
    bottom: 20px !important;
    background:#25D366 !important;
    color:var(--magenta) !important;
    border-radius: 50px !important;
    text-align: center !important;
    box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
    z-index: 999 !important;
    text-decoration: none;
}


.floating_button::before {
    content: url('../img/svgs/whats.svg') !important;
    position: relative !important;
    color:var(--magenta) !important;
    font-size: 30px !important;
    display: block !important;
    text-align: center !important;
    width: 60px;
    top: 0px !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    text-align: center !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    margin-top: 15px !important;
}


.btn4{
	
	padding: 0px 10px;
	font-size: 13px;
	border-radius: 50px;
	top: 13px;
	background:#25d366;
	cursor:pointer;
	color:var(--magenta);
}

.btn4:hover{
	
	background:#1fb156
}

.btn4_disable{
	
	padding: 0px 10px;
	font-size: 13px;
	border-radius: 50px;
	top: 13px;

	color:var(--magenta);
	background:#9b9f9c;

}




#features {
    background:url(../img/bg1.webp) fixed no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: cover;
    color:var(--magenta);
    overflow: hidden;
    position: relative;
}

#features .box-item {
    padding: 15px 0;
}


#features p, #features .section-title {
    color:var(--magenta);
}


.option_circle{
	
	border: solid 4px #ddd;
    background:var(--light1);
    float: right;
    width: 31px;
    height: 31px;
    border-radius: 50px;
    margin-left: 10px;
}

.option_circle.active{
	border: solid 4px var(--magenta);
	background:#25d366;
}

.section-title-white{
	color:var(--magenta);
	text-align:center;
	padding-bottom:15px;
}


#features .box-item .text h4 {
    color:var(--red);
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 22px;
	font-weight:unset;
}


#features .box-item .text p {
    font-size: 14px;
    line-height: 26px;
}

.section-header{
	
	width:100%;
}


.section-header .lines {
	margin: auto;
    width: 100px;
    position: relative;
    border-top: 2px solid #EDD952;
    margin-top: 0;
    padding-bottom: 40px;
    float: right;
}

.section-header .lines.white {
	 border-top: 5px solid var(--magenta);
}


.right_lines {
    width: 100px;
	bottom:0px;
	position:absolute;
    border-top: 1px solid  var(--yellow_light) ;

    margin-bottom: 20px;
    border-radius: 5555px;
    text-align: right;
}

.right_lines.l2 {
	border-top: 1px solid var(--red);
    bttom:0px;
	position:absolute;
    width: 30px;
}





.dropdown-content h2{
	margin-top:20px;
	font-size:18px;
}
.menu_lines{
	
 margin: auto;
	
	width: 70px;
	position: relative;
	border-top: 3px solid var(--red);
	margin-top: 10px;
	margin-bottom: 20px;	
}

.item-boxes.benefits{
	
	border:0px;
	padding:20px 10px;
	background:rgba(255, 255, 255,0.7);
	border:solid 1px var(--magenta);
}

.item-boxes {
	min-height:300px;	
	overflow: hidden;
    text-align: center;
    padding: 0px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 20px;
    background:#020126;
    color:var(--white);
    border: solid 1px #868b9c;
}
		
	
.item-boxes p{
	color:var(--magenta);
	font-size:15px;
	text-indent:0px;
}


.item-boxes h4 {
    font-size: 18px;
	font-weight: 700;
	color:#edd952;
	margin-bottom: 10px;
	height:50px;

}

.item-boxes h3 {
	margin:15px 0px 0px 0px;
	color:var(--white);
	

}

.stars{
	color:gold;
}

.owl_animation_section{
	height: auto
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.section-subtitle{
	margin-bottom:30px;
}

.ellip{
	
    overflow: hidden !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    max-lines: 1 !important;
    display: -webkit-box ;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;

	padding:5px;
	line-height:24px;
}


.button_link {
    color:var(--magenta) !important;
    background:var(--red_bg) !important;
	border:none !important;
	border-radius:0px;
	display: inherit;
	margin: 20px auto !important;
	font-size: 12px;
	font-family: kufi;
	height: 40px;
	line-height: 30px;
}

.button_link_wide {
	color:var(--magenta) !important;
	background:var(--red_bg) !important;
	border: none !important;
	border-radius: 0px;
	display: inherit;
	margin: px auto !important;
	font-size: 16px;
	font-family: kufi;
	height: 70px;
	line-height: 60px;
	width: 100%;
}



.button_link:hover,.button_link_wide:hover {
    color:var(--magenta) !important;
	border:none !important;
    background:#c90084 !important;
	
}





.item-boxes .icon {
	width: 110px;
    height: 110px;
    text-align: center;
    border: 1px solid var(--red);
    display: inline-block;
    border-radius: 110px;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background:var(--red_bg);
	overflow:hidden;
}

.item-boxes:hover .icon {
    background:#270b0b;

}

.item-boxes:hover .icon i {
    color:var(--magenta);
}




.item-boxes .icon i {
    font-size: 40px;
    line-height: 70px;
    color:var(--magenta);
}

 
 .typed-cursor{
	 color:var(--white);
	 font-size:26px;
 }
.type-wrap{
	visibility:hidden;
	
	margin-top:20px;
	height:40px;
	width:100%;
} 
#typed{
	
	font-family: 'cairo' !important;
	font-size: 22px;
	color:var(--red);
}


.full-page{
	/*direction:rtll;*/
}


.review_img{

padding-right: 10px;
padding-top: 0px;
margin-top: 5px !important;
margin-bottom: 6px !important;
}

.review_img:before{
	display:block;
	content:' ';
	height:20px;
	width:20px;
}


.embedded-video-16-9
{
  width: 88%;
  height: 85%; /* 80*9/16 */	
	
}

.embed-responsive {
	  margin-top: 20px;
	  margin-bottom: 20px;
	  }

.video_cont{

	padding: 5px;
	margin-bottom: 20px;
	position:relative;
	padding-bottom:55%;
}

.video_img{
	height:auto !important;
	width: 96%;
	display: block !important;
	padding-bottom: 52% !important;
	position: absolute;
}


.embedded-video-16-9 {
  width: 88vw;
  height: 85vw; /* 80*9/16 */
  margin-left: 5vw;
  margin-right: 5vw;
  max-width:1150px;
  max-height:675px;
  
}

/************* start gallery **************/

.lg-sub-html,.lg-thumb-outer,.lg-autoplay-button,.lg-fullscreen,#lg-actual-size,#lg-share,#lg-autoplay-button,#lg-download{
	
	display:none !important;
}

.lg-toolbar{

	background:rgba(0, 0, 0, 0) !important;
}


.img-responsive{
	
	cursor:pointer;
	width:100%;
}


.breadcrumb_bg {
    background:var(--magenta);
    background-image: url(".../img/pellete_cover.webp");
    background-position: top center;
    background-position: top -230px center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 235px;
} 


.page_desc{

    font-family: 'cairo', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
	padding-top:0px;
}

.page_desc p{
	
	margin-bottom:30px;
}

.lg-inner{
	
	direction:rtll !important;
}

#lightgallery,#lightgallery .row{padding:0px !important;margin:0px !important;}
/************* end gallery ***************/

html{
	
	scroll-behavior: smooth;
}
body {
    font-family:cairo;
    padding: 0;
    margin: 0;
    font-size: 14px;
	background:#020126;
	text-align:right;
    font-weight: 300;
	font-size:16px;
	line-height:18px;

}

.section-header p,.section-header div{
	color:var(--magenta);
    line-height: 30px;
    font-weight: 500;
	
}

.light_color p{
	color:#c9c9c9 !important;
}


@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.news_div{
	border: solid 1px #262534;
    padding: 10px;
	background:#02011c;
	overflow:hidden;

}

.news_date{
	float: right;
    color:#ccc;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
	font-weight:bold;
}
.project_date{
	background:var(--white_bg);
    line-height: 30px;
    font-size: 14px;
    margin: 10px 5px;
    padding: 5px;
    font-family: cairo;
    color:#3b4466;
}

.read_more{
	
	background:#b80a45;
    font-size: 14px;
    padding: 7px 10px;
    border-bottom: 0px !important;
    display: inline-block;
    float: left;
    color:var(--white) !important;
	cursor:pointer;
}


.read_more:hover{
	
	background:#020126;
	color:var(--white) !important;
}

hr{
	width:100%;
	overflow:hidden;
}

.news_title{
	
	color:var(--white);
    padding: 20px 0px;
    text-align: right;
    font-size: 18px;
    height: 77px;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_desc {
	
	color:var(--blue_middle);
    padding: 10px 0px 0px 0px;
    text-align: right;
    font-size: 14px;
    font-family: cairo;
    height: 50px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.impressions_desc {
	
	color:var(--blue_middle);
    padding: 10px 0px 0px 0px;
    text-align: right;
    font-size: 16px;
    font-family: cairo;
    height: 100px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news_desc p{
color:var(--blue_middle);	
line-height: 0px;
}



.linear-background {

    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background:#f6f7f8;
    background:linear-gradient(to right, #f7fafc 8%, #ddd 18%, #f7fafc 33%);
    background-size: 1000px 104px;
    width: 100%;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.video_image{
	
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	background:url('../img/video_arrow.webp') no-repeat center center rgba(0,0,0,0.8);
}


.owl_item1{
	'height:600px;
	height:auto;
	width:100%;
}
.owl_item_inside{
	
	height:auto;
	width:100%;
}


.about_title{
	background:var(--black);
	color:var(--magenta);
	padding:10px;
	font-size:40;
	font-family:'Dancing Script';
	margin:20px ;	
	display:inline-block;
}

.about_desc{
	font-family:'Oswald', sans-serif ;
	padding:20px 50px;
	color:var(--magenta);
	font-size:24px;
	margin:20px ;
}	

.about_div{
	
	min-height:530px;
	font-family:'gesstwo';
	background:url('../img/back1.webp') #222 center center/cover;
	padding:30px 20px;
	width:100%;
	margin:0px 0px;
	overflow: hidden;
	color:var(--magenta);
	line-height:50px;
	font-size:22px;
	text-align:center;
	
	
}




#main_image{
	
	margin-bottom:10px;
	margin-top:0px;
}


.contact-section-row{
	max-width:1200px;margin: -72px  auto 5px auto;background:var(--white_bg);
}


.contact-section{
	text-align:center;
}


.contact-section .p-0 {
    padding: 0px 0px !important;
}	

.contact-section #page_title{
	
	margin:10px;
}
strong{font-weight:bold;}


.product_containt{
	
	margin-bottom:20px;
	overflow:hidden;
	
	
}


.data_border{
	padding: 10px;
	color:var(--red);
	font-weight: bold;
	font-size:24px;
}

.blog_area a.deploma_course{
	
	display: block;
	font-size: 12px;
	color:var(--magenta) !important;
	background:#ddd !important;
	padding: 5px;
	line-height: 20px;
	margin: 10px 0px;
	padding:7px;
}

.blog_area a.deploma_course:hover{

	background:#7404bf !important;
	color:var(--magenta) !important;
}

.deploma_course .icon{
	
	margin-left: 5px;
	display: block;
	float: right;
	margin-top: 3;
}



.data_border_strick{
	padding: 10px;
	color:#888;
	font-weight: bold;
	text-decoration:line-through;
	font-size:18px;
	display: block;
	margin-bottom: -20px;
	text-align:center;
}

.data_border_strick_right{
	padding: 10px;
	color:#888;
	font-weight: bold;
	text-decoration:line-through;
	font-size:18px;
	display: block;
	margin-bottom: -20px;
	text-align:right;
}

.data_border_strick_right{
	padding: 10px;
	color:#888;
	font-weight: bold;
	text-decoration:line-through;
	font-size:18px;
	display: block;
	margin-bottom: -20px;
	text-align:right;
}



.data_desc {
	padding: 10px 15px;
    color:var(--black);
    font-weight: bold;
    padding-left: 20px;
    background:#f7fafc;
    border-radius: 5px;
    line-height: 30px;
    margin-top: 15px;
    font-family: 'Cairo';
    font-size: 14px;
    border: solid 1px #ddd;
    font-weight: bold;
}


.data_desc_projects {
    padding: 10px 0px;
    color:#3b4466;
    font-weight: bold;
    line-height: 30px;
    font-size: 18px;
    overflow: hidden;
}

.data_desc_news {
	padding: 10px 0px;
    color:var(--black);
    font-weight: bold;
    padding-left: 20px;
    line-height: 30px;
    font-family: 'Cairo';
    font-size: 14px;
	overflow:hidden;
}	

.data_desc_news p,.data_desc_projects p{
	font-size:18px;
	font-weight:500;
	color:var(--magenta);
}

.news_details{
	
	margin-bottom:30px;
	padding: 20px 5px 5px 5px;
	background:var(--white_bg);
	border-bottom: solid 1px #ddd;
}

.news_details span {
	padding-left: 20px;
    display: inline-block;
	font-size:14px;
	color:var(--magenta);
	margin-bottom:10px;
}
	

.car__item__title {
	position: relative;
	padding:10px;
	text-align:center;
	overflow: hidden;
	background:var(--magenta);
	line-height: 37px;
	font-size:18px;
}

.depart_table{
	
	display: table;
    width: 100%;
    position: absolute;
    height: 100%;
	
}

.depart_cell {
	
	position: relative;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
    font-size: 24px;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    color:var(--white);
    font-family: cairo;
    transition: 0.5s;
    width: 101%;
    height: 101%;
    padding: 0 20%;
}






.depart_img{
	background-size: cover !important;
    background-position: center;
    display: block;

    cursor: pointer;
    height: 0;
    width: 100% !important;
    padding-bottom: 100%;

    position: relative;
	
	

}

.depart_img:hover{

	transform: scale(1.1);

}


.news_img{
	background-size: cover !important;
    background-position: center;
    display: block;

    cursor: pointer;
    height: auto;
    width: 100% !important;

    position: relative;
	
	

}

.news_img:hover{

	transform: scale(1.1);

}



.check_cont{
    padding-right: 40px;
    text-align: right;
    color:var(--yellow_light);
    margin-bottom: 10px;
    display: inline-block;
}

.check_span{
	
	background:#ea3455;
    color:var(--white);
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-left: 5px;
}

.car__item__price {
	position: relative;
	margin-bottom: 5px;
	overflow: hidden;
	background:var(--magenta);
	line-height: 37px;
	padding: 5px;
	
	
}


.car__item__price .car-option.sale {
    background:var(--red_bg);
}
.car__item__price .car-option.sale {
	font-size: 15px;
	color:var(--magenta);
	font-weight: 700;
	background:var(--red_bg);
	display: inline-block;
	padding: 10px;
	width:45%;
	line-height: 40px;
	height: 60px;
	position:absolute;
	right:0%;
	text-align:center;
}

.car__item__price .car-option.cart {

	color:var(--magenta);
	font-weight: 700;
	background:#12355b;
	display: inline-block;
	padding: 12px;
	width: 20%;
	line-height: 35px;
	height: 60px;
	position: absolute;
	right: 0px;
	text-align: center;
	font-size: 30px;
	
}



.car__item__price h6 {
	font-size: 22px;
	color:343a40;
	font-weight: 700;
	position:relative;
	padding-top: 20px;
	padding-bottom: 0px;
	height:100px;
	line-height: 15px;
	width: 55%;
	float:left;
	display: block;
	text-align: center;
}

#cart_button{
	font-size:24px;
}

.car__item__price h6 .data_border_strick{
	
	font-size:16px;
	font-weight:normal;

}

.course_hours {
	height: 30px;
	padding: 5px;
	background:var(--red_bg);
	color:var(--magenta);
	top: 45px;
	left: 10px;
	position: absolute;
	line-height: 20px;
	font-size: 12px;
	border-radius: 5px;

}


.discount_absolute{
	height: 30px;
	padding: 5px;
	background:var(--red_bg) !important;
	color:var(--magenta) !important;
	top: 10px;
	left: 10px;
	position: absolute;
	line-height: 20px;
	font-size: 12px;
	border-radius: 5px;
	border:0px;
}

.discount_absolute_bottom{
	height: 30px;
    padding: 5px;
    background:var(--red_bg) !important;
    color:var(--magenta) !important;
    top: -5px;
    right: 0px;
    position: absolute;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
    border: 0px;
}


.discount{
	
    font-size: 12px;
    padding: 7px;
	margin-left:20px;
}

.product_containt li{
	
	list-style-type: none;
    margin-top: 0px;
    font-weight: bold;
    padding: 10px 0px;
    font-size: 16px;
	color:var(--red);
	border-bottom:solid 1px #f7fafc;
}


.product_containt li:hover{
	   color:var(--red);
}



.product_containt li span{
	    font-family: 'Cairo';
		line-height: 30px;
		font-weight: bold;
		margin-left: 5px;
		color:var(--black);
	
}

.product_containt li i{
		color:var(--black);
}


.product_desc{
	margin-bottom:20px;
	background:#fafafa;
	padding: 20px;
	
}

#page_title{
   
    font-family: 'kufi';
    font-size: 18px;
    line-height: 40px;
    padding: 4px 40px 4px 40px;
    text-align: right;
    color:var(--magenta);
    background:var(--red_bg);
    font-weight: bold;
    margin: 50px auto auto auto;
    text-align: center;
    width: 100%;
}



	
}



.page_title_no_background{
	
	margin-top: 150px !important;
}


#page_title_list{

	font-family: 'kufi';
	font-size: 22px;
	line-height: 40px;
	padding: 5px 0px 5px 0px;
	text-align: right;
	color:var(--white);
	background:var(--white_bg);
	font-weight: bold;
	margin: 0px auto auto auto;
	text-align: center;
	overflow-x: auto;
	white-space: nowrap;

	
}



#page_title h1 ,#page_title_list h1{	
	margin-bottom: 30px;
	margin-top: 10px;	
}



	.video-container {
						position: relative;
						padding-bottom: 52%;
						padding-top: 30px;
						height: 0;
						overflow: hidden;
	}

					.video-container iframe,
					.video-container object,
					.video-container embed {
					position: absolute;
					top: 0;
					right: 0;
					width: 100%;
					height: 100%;
					}
					@media screen and (max-width: 700px){
						.video-container {
						position: relative;
						padding-bottom: 47%;
						padding-top: 30px;
						height: 0;
						overflow: hidden;
					}
					}
					

					
					
					
					
ul.side-navigation-list li a.active {
    color:#00703C;
    border-left: 3px solid #00703C ; 
	padding:0px 15px;
	font-weight:bold;
}


ul.side-navigation-list li a {
	color:#646464;
	display: block;
	font-family: "kufi";
	font-size: 15px;
	padding: 5px 15px 5px 18px;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	border-bottom: #f4f4f4 solid 1px;
	text-align:right;
	font-size: 16px;
	height: 50px;
	line-height:50px;
	padding: ;
	color:var(--magenta);
	background:var(--magenta);
	padding:0px 15px;
}


#sidebar h2{
	
font-size: 22px;
margin-top: 0px;
margin-bottom: 20px;

}


.slide_section{
	padding:0px 0px 0px 0px;
	margin-top:0px;
	width:100%;
	padding:0px;
	margin:0px;
}

.slide_section_multi{
	padding:100px 0px 100px 0px;
	background:#02011c;
	position:relative;
}


ul.side-navigation-list li{

	margin:0px;
}

.first_image{
	
	height:auto;
	
	padding:0px;
}



.slide_title_block{
	
	position: absolute;
    bottom: 0px;
    left: 0%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    background:linear-gradient(0deg, rgba(1, 0, 27, 1) 0%, rgba(0, 212, 255, 0) 100%);
    height: 30%;
	z-index:1;
}

.blue_fog{
	
display: block;
background:rgba(24, 33, 67, 0.5);
width:100%;
height:100%;
position: absolute;
top: 0;
}
.slide_title_white{

    color:var(--white);
    font-size: 28px;
    display: block;
	line-height:32px;
	padding:0px 5% 20px 10px;
	font-family:'kufi';
	text-align:right;
}

.slide_desc_white{

    color:var(--white);
    font-size: 18px;
    display: block;
	line-height:32px;
	padding:0px 5% 10px 10px;
	font-family:'cairo';
	text-align:right;
}



.slide_button_white{
    max-width: 100px;
    text-align: center;
    line-height: 34px;
    color:var(--white);
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.5s;
    display: block;
    float: right;
    margin-right: 5%;
    width: auto;
    padding: 0px 10px;
    background:var(--red_bg);
    font-weight: 500;
	
}

.contact_padding{
	
	padding-top:40px;
}
.slide_button_white:hover{
    background:var(--magenta);
    color:var(--red);
}


.slide_title_black{
	line-height:35px;
    margin-bottom: 20px;
    color:var(--black);
    font-size: 28px;
    display: block;
	
}





.slide_button_black{
	
max-width: 190px;
    text-align: center;
    line-height: 55px;
    border: solid 1px rgb(249 80 4);
    border-radius: 100px;
    color:var(--magenta);
    font-size: 18px;
    margin: 70px auto -50px auto;
    cursor: pointer;
    background:rgba(249,80,4,0.05);

}


.slide_button_black:hover{

    border: solid 1px var(--red);
    background:var(--red_bg);
    color:var(--magenta);
	font-weight:bold;
}


.title_block{
	
	text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 15%;
    border-bottom: solid 1px #f7fafc;
    background:var(--magenta)
	
}


.single_page_body{
	max-width: 1200px;

	padding: 220px 0px;
	margin: 0px auto;
	
	}
	
.single_page_body.with_about_list{

	padding: 300px 0px;

	
	}


.with_about_list .main_menu {
		background:rgba(24, 33, 67,1);
	}
	
	.table{
		display:table;
		width:100%;
		margin-bottom:0px;
		height:100%;
		color:#1c2d6a !important;
		font-weight: bold;
	}
	
	.table_cell{

		height: 150px;
		display: table-cell;
		vertical-align: middle;
		text-align:right;
		min-height:50px;

	}
	
	.table_btn{
		height: 50px;
		text-align: center;
		color:var(--white);
		background:#1b2c69;
		padding:5px;
		display:grid;
	}
	
	.table_btn:hover{
		background:var(--red_bg);
	}

	
	.table_cell img{
		max-height:140px;
	}
	
	
	#sidebar{
		padding-left:35px;
	}

.single_page_body p , .single_page_body div{
    font-family: cairo;
	line-height: 40px !important;
	font-size: 15px;
	margin-bottom: 24px;
	color:#666;
	font-weight: normal;
	line-height:34px !important;
}

.single_page_header{
	background:var(--magenta); 
	border-bottom: 1px solid #ccc;
}	
 
 
 .row:before, .row:after {display: none !important;}
 .row:before { content: " "; }
 
.ques_title:before{
	float: right;
	margin-left: 17px;
	font-size: 50px;
	color:var(--red);
	margin-top: 2px;
	border: solid 3px var(--red);
	padding: 3px;
	border-radius: 71px;
	line-height: 50px;
	margin-bottom: 25px;
 }
 
.ques_title:after{
	display:block;
}


.ques_title span{
	line-height:40px;
	font-family: 'kufi';
	display: block;
	padding-left: 45px;
	color:var(--black);
}


.left-blue {
	padding:0;
    overflow: hidden;
    height: 211px;

}

.inside-right {
	float:right;
	width: 63%;
	background:#107665;
	margin-left: 1%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.inside-left {
  	float:right;
	width: 35%;
	background:#107665;
	margin-right: 1%;

	height:100%;
	
}

.inside-right .left-inner-content {
    padding-left: 17px;
    padding-right: 11px;
	height:100%;
	}

.inside-right .left-inner-content h3 {
    font-size: 24px;
    font-family: 'optimamedium';
    color:var(--magenta);
}


.answer_title span{
	margin: 5px 65px 30px 5px;
	display: block;
	line-height: 30px;


}


.inside-right .left-inner-content p {
    font-size: 13px;
    color:var(--magenta);
    font-weight: normal;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    margin-bottom: 15px;
}

.inside-right .left-inner-content a {
    font-size: 12px;
    color:var(--magenta);
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 27px;
    background:url(../../images/plus-icon.webp) no-repeat;
    padding-bottom: 4px;
}



.answer_title:before{
	float:right;
	margin-left: 20px;
	font-size: 40px;
	color:var(--red);
	margin-top:5px;
 }

.answer_title{
	display: block;
	padding: 20px;
	background:#fafafa;
	border-radius: 5px;
}
 

 .fa-home{
	 padding-left: 2px;
padding-right: 5px;
 }



.slider{
  display:block;
  position:relative;
  width:100%;
  height:370px;
}
.slider .slider_area{
  display:block;
  position:relative;
  overflow:hidden;
  width:100%;
  height:100%;
}
.slider .slides{
  display:block;
  position:relative;
  width:100%;
  height:100%;
}
.slider .slide{
  display:block;
  position:relative;
  float:right;
  width:100%;
  height:100%;
  background:#DDD;
}
.slider .slide:nth-child(even){
  background:#f7fafc;
}
.slider.fade .slide{
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:100%;
}
.slider.vertical .slide{
  float:none;
}
.slider .slider_clear{
  display:block;
  position:relative;
  height:0;
  clear:both;
}
.slider .animate{
  -webkit-transition:all 500ms ease-in-out;
  -moz-transition:all 500ms ease-in-out;
  -o-transition:all 500ms ease-in-out;
  transition:all 500ms ease-in-out;
}



.single-footer-widget img {
	margin: 10px 0px 44px 0px;
	display: block;
	width: 60%;
}	


/* ARROW NAVIGATION */

.slider .slider_left,
.slider .slider_right{
  display:none;
  position:absolute;
  top:45%;
  right:15px;
  color:var(--black);
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  width:40px;
  height:40px;
  color:var(--black);
  font-size:30px;
	
	
}
.slider .slider_right{
  right:auto;
  left:15px;
}
.slider .slider_right:hover,
.slider .slider_left:hover{
  color:#888;
}
.slider .slider_left.inactive,
.slider .slider_right.inactive{
  color:#BBB;
  cursor:default;
}


/* DOT NAVIGATION */

.slider .slider_dotwrap{
  display:block;
  position:absolute;
  width:100%;
  bottom:20px;
  right:0;
  font-size:0;
  line-height:0;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}
.slider .slider_dot{
  display:inline-block;
  width:10px;
  height:10px;
  margin:0 5px;
  cursor:pointer;
  background:var(--magenta);
}
.slider .slider_dot.current{
  background:#67c12b;
}


/* PLAY / PAUSE CONTROLS */

.slider .slider_controls{
  display:none;
}
.slider .slider_play.hidden,
.slider .slider_pause.hidden{
  display:none !important;
}




#sliderh1{
	
	max-width: 100%;
	margin: 125px 0px 0px 0px;
	padding: 0;
	width: 100%;
	height:370px;
}



div.small_list{
margin:-5px;
}

#page_title a.small_list,#page_title_list a.small_list{
	
  color:var(--gray);
  font-size: 14px;
  margin: 5px;
  padding: 5px;
  display: inline-block;
  line-height: 25px;
  cursor: pointer;
  font-family: cairo;
  background:var(--white_bg);
  font-weight: normal;
  border-radius: 5px;

	
}	
#page_title a.small_list:hover,#page_title_list a.small_list:hover{
	
	background:var(--red_bg);
	color:var(--white);
	
}

#page_title a.small_list#active , #page_title_list a.small_list#active{
	color:var(--white);
	
	background:var(--magenta);
 	
}

.posts-list{
	
	padding:40px;
}


.ques_title span {
		
	line-height: 40px;

	display: block;
	padding-right: 0px;
	color:var(--black);
	margin-top: 0px;
	max-width: 800px;
	text-align: right;
	font-size: 24px;

}



.answer_title span {
    margin: 5px 60px 30px 5px;
    display: block;
    line-height: 30px;
}




.page_title_right {
	
	line-height:40px;
	margin-bottom: 0px;
	font-size: 30px !important;
	font-family: kufi !important;
	color:var(--white) !important;
}


.page_title_right_white{
	margin-top:34px;
	line-height:40px;
	margin-bottom: 30px;
	text-align:right;
	font-size: 30px !important;
	font-family: kufi !important;
	color:#1c2d6a !important;

}

.answer_title, .ques_title  {
    font-family: 'FontAwesome' !important;
}


.page_title_left::after {
	border-bottom: 3px solid var(--red);
	content: "";
	display: block;
	margin: 15px 5px 0px 5px;
	width: 200px;
}






a.small_list_active{
font-weight:bold;	
color:#010101;
}





.book,.product,.course,.deploma{
	
	margin: 12px;
	padding: 5px 5px;
	display: inline-block;
	color:var(--magenta);
	font-size: 12px;
	top: 0px;
	left: 0;
	position:absolute;
}

.book{
	background:var(--red_bg);
}

.product{
	background:var(--red_bg);
}


.course{
	background:#6f42c1;
}


.deploma{
	background:var(--red_bg);
}



.nopadding{
	padding:0px !important
}

.offcanvas-overlay{
	background: rgba(2,9,47,.9);
	backdrop-filter: blur(10px);
border-radius: 0px;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 99;
	transition: 1s;	
	right:-100vw;
	

}


.fixed_left_menu{

	top: 0;
	 position: -webkit-sticky; /* Safari */
	 position: sticky;
}

.car_cat{
	border:solid 1px #999 !important;
	background:rgba(255,255,255,0.8);
    
    border-radius: 5px;
    padding: 20px 0px;
    overflow: hidden;
    display: block;
    -webkit-transition: 1s;
    transition: 1s;
    cursor: pointer;
    text-align: center !important;
    color:var(--magenta);
    height: 150px;
	margin-bottom:35px;
}



.car_cat img{
    width: 50px;
    height: 50px;
    margin: 0 auto 15px auto;

}	
.car_cat:hover{
	
	color:var(--black);
    background:rgba(255,255,255,1);
	
}



/******** begin num container ************/

#num_container{
	height: 33px;
    padding: 1%;
    width: 98%;
    float: ;
    margin: 40px 1%;
  
    text-align: center;
    position: relative;
}

.num_active{
background:var(--red_bg) !important;
color:var(--black) !important;
font-weight:bold;	
}


#load_wait{
	height: 100%;
	width: 100%;
	min-height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 0.5;
	z-index: 1;
	background:url("../img/loading.gif") no-repeat center center white;
	display:none;
}


.num_con a:active,.num_con a:link,.num_con a:visited{
color:#F0E8E8;	
}

.num{
	width:20px;
	height:20px;

	background:var(--red_bg); 
	color:var(--magenta);	
	float:left;
	margin:5px;	
	cursor: pointer;
	text-align:center;
	line-height:18px;
}

#num_cont{
	border:solid 1px #010101;
	background:var(--magenta);
	display: inline-block;
	height:30px;
	margin:15px;
	float:left;
}



.num_con_search{
	height: 40px;
	width: 40px;
	background:var(--red_bg);
	color:var(--white) !important;
}

.num_con{
color:var(--magenta) !important;
margin:0px 10px !important;
}



#next_num_search{direction:rtll;}
#prev_num_search{direction:rtl;}
#next_num_search_same{display:none;}

#prev_num_search:after{
	font-family:'kufi';
	content:'';
	margin:5px;
}

#next_num_search:after{
	font-family:'kufi';
	content:'';
	margin:5px;
}


.num_con,.num_con_search{
	
	
	background-repeat: repeat-x;
	margin: 0px 5px;
	cursor: pointer;
	text-align: center;
	color:var(--white);
	line-height: 40px;
	
	display: inline-block;
	margin: 0 auto;
	



  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

}


#result_limit{
position:relative;
overflow: hidden;
	
}

#result_view{



}



/************ end num container  **********/

.nav_btn{
	
	color:var(--magenta);
    border: solid 1px var(--magenta);
    border-radius: 50px;
    padding: 35px;
    height: 50px;
    display: block;
    background:transparent;
    -webkit-transition: 1s;
    transition: 1s;
    cursor: pointer;
    position: absolute;
    bottom: -80px;
    right: calc(50% - 35px);
    width: 50px;
    text-align: center !important;
}

#to_top{
    color:var(--magenta);
    border: ;
    border-radius: 50px;
    padding: 25px;
    height: 30px;
    display: block;
    background:var(--black);
    -webkit-transition: 1s;
    transition: 1s;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 30px;
    text-align: center !important;
    z-index: 10;
	display:none;


}

#to_top span {

    transform: rotate(-90deg);
    display: block;
	margin: -8px;

}


.nav_btn:hover{
	

    background:rgba(255,255,255,0.3);
	
}

.nav_btn:hover span{
	

	
}

.nav_btn span {
    -webkit-transition: 1s;
    transition: 1s;
    transform: rotate(-90deg);
    display: block;
    margin: 0px auto;
}



/*page content */

.page_content{
	
	font-size:16px;
	color:var(--gray);
	text-align:right;
	font-family: 'kufi', sans-serif !important;
}

.page_content p {
	
	font-size: 16px;
    color:var(--gray);
    text-align: right;
    font-family: 'kufi', sans-serif !important;
    max-width: 1200px;
    margin: 0 auto;
}


.page_content .data_desc p {
	
	font-size: 14px;
    color:var(--gray);
    text-align: right;
    font-family: 'Cairo' !important;
    font-weight: lighter;
}



td p{
	font-size:14px !important;
	line-height:20px;
}


.page_content img{
	display:block;
	margin:0 auto;
	margin:0px 0px 0px 0px;
	width:100%;
	
}

.thumb_img{
	
	overflow: hidden;
	height: 100px;
	width: 25%;
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 2;
	
	display: block;
	cursor: pointer;
}



.page_title, #poll_title {
    font-size: 30px;
    margin-bottom: 50px;
	color:var(--magenta);
}


.page_title::after {
    border-bottom: 0px solid var(--magenta);
    content: "";
    display: block;
    margin: 0px auto 0px;
    width: 80px;
	
}


.item{
	border: solid 1px #ccc;
	margin-bottom: 40px;
}




.right_image{
	float:left;
	text-align: center;
	clear:both;
	margin-bottom:40px;
}
	

.page_content table{

	margin:30px 0px;
	text-align:right;
	border:solid 2px #133C5E;
	color:var(--magenta);
}

.page_content table tr:first-child  {
	
	font-size:16px;
	font-family: 'kufi', sans-serif !important;
	background:#133C5E;
	color:var(--magenta);

		
}


.page_content table tr td table  {
	
    font-size: 16px;
    font-family: 'kufi', sans-serif !important;
    color:var(--magenta);
    margin: 0px;
    border: 0;

		
}

.page_content table tr td table tr:first-child  {
	
	font-size: 16px;
    font-family: 'kufi', sans-serif !important;
    color:var(--magenta);
    background:transparent;
}

.page_content table tr td table tr td  {
	

}


		


.counters {
    background:url(../img/pellete_cover.webp) center center /cover;
        background-position-x: 0%;
        background-position-y: 0%;
		position: relative;
		
}
.section {
    padding: 70px 0;
}


.counters .facts-item {
    margin-bottom: 60px;
	border-radius:5px;
}




.counters .facts-item {
    text-align: center;
	color:var(--magenta);
	border: solid 1px #aaa;
	padding: 10px;
	height: 200px;
	border-radius:5px;
	padding-bottom: 90%;
	padding-top: 25%;
}





.counters .facts-item .icon {
    margin-bottom: 30px;
	font-size:50px;

	}


.facts-item h3{
	
	
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	color:var(--magenta);
}

.facts-item h4{
	color:#EDD952;
	font-family: 'kufi', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
}






.page_content table tr td{
	
	vertical-align:middle !important;
	font-size:14px !important;
}

.page_content h1 ,.page_content h2 ,.page_content h3,.page_content h4{

	margin-top:20px;
	margin-bottom:0px;
	color:var(--magenta);
}


/***************************** end page content *****************************************/





.path_div {
	color:#999;
    line-height: 40px;
    text-align: right;
    width: 100%;
    margin-top:-30px;
    height: 45px;
    padding-left:25px;
    right: 0;
}

a .ti-more{
	transform: rotate(90deg);
	display: inline-block;
	font-size: 20px;
	border: none;
	margin-left:20px;
}

a .ti-more:hover{
	border:none;
}


.more_points{
	width: 20px;
	text-align: center;
	margin-left: 20px;
}

li a.more_points:hover{
	border:0px;
}

.lang_icon{
	background:#b80a45;
    margin-top: -3px;
    font-size: 16px;
    padding: 7px 10px;
    border-bottom: 0px !important;
}

.lang_icon:hover{
	color:#b80a45;
	background:var(--white_bg);
	border-bottom:0px !important;
}


.path_div a:active, .path_div a:focus, .path_div a:link, .path_div a:visited {
	color:var(--gray) !important;
    font-size: 11px;
    font-weight: 400;
}

.path_div a:hover{
	color:var(--red) !important;
}


}	
.small_left_div{
	
	background:var(--magenta);
	border-radius:5px;
	padding:5px;
	
	border:solid 1px 555;
	
}

.small_left_div{
	
	color:var(--magenta);
	font-size:14px;
	text-align:center;
	display:block;

	min-height:35px;
	
	
}

.search_options:active, .search_options:focus{
border:0;
}

.search_options{
    width: 90px;
    height: 38px;
    position: absolute;
    color:var(--magenta);
    left: 15%;
    line-height: 20px;
    text-align:right;
    border: 0;
    direction: rtl;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../img/down_arrow_2.webp) 100% / 10px no-repeat var(--red);
	background-position: 10px;
	padding-right: 0px;
	padding-left: 5px;
	border: 0px;
	cursor: pointer;
}


.search_options_tall {
    width:74%;
    height: 50px;
    position: ;
    color:var(--magenta);
    line-height: 20px;
    text-align:right;
    border: 0;
    direction: rtl;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../img/down_arrow_2.webp) 100% / 10px no-repeat #20c997;
    background-position: 90%;
    padding-right: 0px;
    padding-left: 5px;
    border: 0px;
    cursor: pointer;
    border-radius: 5px;
	float:left;
}

.search_title{
	
	width: 25%;
	display: inline-block;
	float:right;
	height: 50px;
	line-height: 50px;
	background:var(--magenta);
	margin-right: 1%;
	color:var(--magenta);
	
}
	
	

.search_options option{
	
	padding:10px;
}

.search_options .dropdown-content{
	
	color:var(--magenta);
	width: 110px !important;
	right: 0;
	position: absolute;
	top: 38px;
	min-width:auto !important;
	max-width:150px;
	color:var(--magenta);
	background:var(--dark2);
}


.search_options .dropdown-content li:hover{
	
	background:var(--red_bg);
}

.more_posts{
	
	margin: -10px auto 20px auto !important;
    display: block !important;
    max-width: 300px;
    height: 50px;
	
}


.big_div_6_4_3 a:nth-child(2) {

	line-height: 26px;
    margin: 22px;
    font-size: 20px;
    text-align: center;
    display: block;
    font-weight: bold;
}

.big_div_3_2_1:hover{
	
	padding:20px auto;

	
}

.buy_product{
	width: 100%;
	height: 60px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
	border-radius:0px;
}

.owl-dots{
	
	position: absolute !important;
    bottom: 0px !important; 
    text-align: center !important;
    padding: 10px !important;
    width: 100% !important;
	display:none !important;
	
}

.owl_inside .owl-dots{
		display:block !important;
		bottom: 0px !important;
}

.owl_inside .owl-nav{
	display:none;
}

.owl-dot{
	width: 15px !important; 
    height: 15px !important;
    margin: 0 auto !important;
    border-radius: 20px !important;
	margin:0px 8px !important;
	background:#f7fafc !important;	
	border: solid 1px var(--magenta) !important;

	
}

.owl-dot.active{
	background:var(--red_bg) !important;
	display:inline !important;
	width: 15px !important; 
    height: 15px !important;
}

.menu_active{
	background:#f7fafc;
}

.big_div{
	  padding-bottom:0px;
	  font-family: 'kufi';
	  margin:0px 0px 40px 0px;
	
	  
	  
}

.big_div_with_border{
margin-bottom:25px;	
}

.big_div_with_border .product_img{
	font-family: 'kufi';
	border:solid 1px #243679;
}

.big_div_with_border .product_img:hover{
	border:solid 1px #fff;
}


.big_div_no_border{
	  
	  font-family: 'kufi';
	  margin:0px 0px 40px 0px;
	   
}



.big_div_noborder.contact{
	margin: 5%;
    width: 90%;
    height: auto;
    background:#e5a366;
    min-height: 200px;
}

.big_div_noborder.contact:hover{

    background:var(--white_bg);
}

.big_div_noborder.contact:hover{
	border:transparent;
}
.big_div_noborder{
	  font-family: 'kufi';
	  margin:0px 0px 0px 0px;
	  padding:25px;
	  border: solid 1px #262534;
      margin: 0;
}

.big_div_noborder:hover{
	
	border: solid 1px #162443;
    background:#010823;
}

.big_div_3 a:nth-child(1) {

	display:block;
	height:230px;
}

.big_div .mb-4{
	margin:15px 0px 0px 0px !important;
}

.big_div .blog-info-link li{
	font-size:12px;
	margin-bottom:10px;
	display:inline;
}

.blog-info-link{
margin:0px 0px 10px 0px;	
}

.blog-info-link li a{
	display: inline-block;
    color:var(--magenta);
    text-align: center;
    padding: 8px 5px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Cairo';
}

.big_div a.big_div_a {
	
font-size: 18px;
    color:var(--magenta);
    margin-top: 0px;
    display: block;
    line-height: 35px;
    text-align: right;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 20px;
    text-align: center;
	}
	
	.auther{
	font-size: 10px;
    font-family: cairo;
    display: block;
    
	color:#555;
	}
	.auther2{
		margin-bottom: 10px;
		padding: 0px 5px;
		line-height: 30px;
		border: solid 1px #ddd;
	}

	.auther:hover {
	color:var(--red);
	}	
	

.big_div a.big_div_a_depart {
	
	font-size: 16px;
    color:#1b1b1b;
    margin-top: 0px;
    display: block;
    line-height: 50px;
	text-align:center;

	overflow:hidden;
	font-weight:bold;
	

	}	



.section_title{
	
    border-bottom: solid 3px #aaa;
    position: relative;
	margin: 70px 0px 40px 0px;
}
.section_title h2{
    border-bottom: solid 3px  var(--black);
    padding-bottom: 10px;
    display: inline;
    position: absolute;
    display: inline;
    top: -36px;
	padding-left:10px;
}

.section_title a:after{
    content: '';
    border-right: 10px solid transparent;
    border-right: px solid transparent;
    border-bottom: 13px solid var(--black);
    height: 10px;
    margin: -10px 0 0 0;
    display: block;
    position: absolute;

}

.section_title h2 span{
	margin-right:10px;
}



	.post_item h3{
	
		font-size: 15px;
	
	
}


.slogan_div {
	
	font-size: 40px;
color:var(--white);
height: 400px;
margin: 0px;
position: relative;
background:transparent url("../img/planets.webp") no-repeat scroll 0px 0px/ cover;

background-position: center center;
line-height: 100%;
display: table;
width: 100%;
border-bottom: solid 10px #38170e;
}

.bottom_slogan{
	
	display: table-cell;
    vertical-align: middle;
	text-shadow: 0 0 7px var(--black);
	
}

}
.active{
	display:block !important;
}


.white{
	
	color:var(--white) !important;
}

.black{
	
	color:var(--black) !important;
}


.dark_gray{
	
	color:var(--magenta) !important;
}





.f16{
font-size:16px !important;	
text-align:right;
line-height:16px;
}

.f18{
font-size:18px !important;	
text-align:right;
line-height:18px;
}

.f20{
font-size:20px !important;
text-align:right;
line-height:20px;	
}

.f22{
font-size:22px !important;	
text-align:right;
line-height:22px;
}

.f24{
font-size:24px !important;	
text-align:right;
line-height:24px;
}

.f26{
font-size:26px !important;	
text-align:right;
line-height:26px;
}

.f28{
font-size:28px !important;	
text-align:right;
line-height:42px;
}

.f30{
font-size:30px !important;	
text-align:right;
line-height:42px;
}

.f32{
font-size:32px !important;
text-align:right;
line-height:32px;	
}

.f34{
font-size:34px !important;	
text-align:right;
line-height:34px;
}

.f36{
font-size:36px !important;	
text-align:right;
line-height:36px;
}

.f38{
font-size:38px !important;	
text-align:right;
line-height:38px;
}

.f40{
font-size:40px !important;	
text-align:right;
line-height:40px;
}

.f42{
font-size:42px !important;	
text-align:right;
line-height:42px;
}

.f44{
font-size:44px !important;	
text-align:right;
line-height:44px;
}

.f46{
font-size:46px !important;	
text-align:right;
line-height:46px;
}

.f48{
font-size:48px !important;
text-align:right;
line-height:48px;	
}

.f50{
font-size:50px !important;
text-align:right;
line-height:50px;	
}

.f52{
font-size:52px !important;

text-align:right;
line-height:52px;	
}



.owl-prev,.owl-next,.prev,.next{
	font-size:16px !important;
}


/*--------------------- begin mixitup -----------------------------------------*/ 


*:before,
*:after {
    box-sizing: border-box;
}



.breadcrumb {
 border-radius:0px !important;
}


.controls {
    padding: 1rem;
    background:var(--magenta);
    font-size: 0.1px;
	direction:rtl;
}

.control {
    position: relative;
	line-height:5px;
	display: inline-block;
	width: 200px;
	height: 30px;
	cursor: pointer;
	font-size: 16.1px;
	color:var(--magenta);
	transition: background 150ms;
	padding: 30px;
	border-radius: 50px;
	margin: 20px;
	border: solid 1px var(--magenta);
}

.control:hover {
    background:#3f3f3f;
}



.control[data-sort]:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    top: calc(50% - 6px);
    right: calc(50% - 6px);
    transform:  translateY(1px) rotate(45deg);
}

.control[data-sort*=":desc"]:after {
    transform:  translateY(-4px) rotate(-135deg);
}

.mixitup-control-active {
background:var(--magenta);
color:var(--magenta);
}

.mixitup-control-active[data-filter]:after {
    background:transparent;
}



.control[data-filter] + .control[data-sort] {
    margin-right: .75rem;
}

.control[data-filter=".green"] {
    color:#91e6c7;
}

.control[data-filter=".blue"] {
    color:#5ecdde;
}

.control[data-filter=".pink"] {
    color:#d595aa;
}

.control[data-filter="none"] {
    color:#2f2f2f;
}




.slider_part{
	
	max-width:1200px;
}

.mix,
.gap {
    display: inline-block;
    vertical-align: top;
	color:var(--magenta);
}

.mix {
    border-radius: 2px;
    padding:20px;
    position: relative;
	overflow:hidden;
}

.mix:before {
    content: '';

}



.links{
	width:100%;
	height:100%;
	background:rgb(0,255,252);
	background:linear-gradient(0deg, rgba(0,255,252,0.7) 0%, rgba(0,198,255,0.7) 100%);

	display:block;
	content:'';
	position:absolute;
	top:-500px;
	 -webkit-transition: 0.5s;
	 transition: 0.5s;
	 right:0px;
	 z-index:1;
}


.zoom_img:hover .links{
	top:0px;
}

.links .service_link{
	
	width:50px;
	height:50px;
	position:absolute;
	top:calc(50% - 25px);
	right:calc(50% - 25px);
	border: 2px solid var(--magenta);
    border-radius: 50px;
    -moz-border-radius: 50px;
	color:var(--magenta);
	line-height:50px;
	font-size:20px;
	  transition: all 0.5s;
	transform: all 0.5s;
	
}

.service_link:hover{
  color:var(--red);
  background:var(--magenta);
  border:solid 2px var(--magenta);

}


.woww{
	1visibility:hidden;
}

.animated_display{
	
	1visibility:visible !important;
}





.mix.green {
}

.mix.pink {

}

.mix.blue {

}

.mix {
    visibility: hidden;
}

.mixitup-ready .mix {
    visibility: visible;
}



.mix2,
.gap2 {
    width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
}



@media screen and (min-width: 541px) {
    .mix2,
    .gap2 {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}



@media screen and (min-width: 961px) {
    .mix2,
    .gap2 {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}


@media screen and (min-width: 1281px) {
    .mix2,
    .gap2 {
        width: calc(100%/4 - (((4 - 1) * 1rem) / 4));
    }
}








/*-------------------------------- end mixitup -----------------------------------------*/ 








/*------------------------------------begin clouds moving ------------------------------------------------------*/



#footer_banner_image{
	
height: 650px;
background:url(../img/oven.webp) center center/cover;
line-height:700px;
position:relative;
}

#footer_banner_text{
	
	
	position: absolute;
    font-size: 40px;
    height: 50px;
    width: 98%;
    color:var(--black);
    z-index: 19;
    bottom: -75px;
    margin-top: 20px;
    line-height: 50px;
    text-align: center;

}



#Clouds {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 30%;
  overflow: hidden;
  -webkit-animation: FadeIn 3s ease-out;
          animation: FadeIn 3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 1;
}
.Cloud.Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 3;
}
.Cloud.Background {
  height: 9.09090909%;
  min-height: 8px;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;
}
@-webkit-keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
/*
@keyframes Float {
  from { transform: translateX(100%) translateY(-100%) translateZ(0); }
  50% { transform: translateX(55%) translateY(0) translateZ(0); }
  to { transform: translateX(-5%) translateY(-100%) translateZ(0); }
}
*/
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }.mix:before
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 60%;
}
.Cloud.Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 35%;
}
.Cloud.Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}



.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 32.5%;
}
.Cloud.Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
}



.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 48%;
}
.Cloud.Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 30%;
}
.Cloud.Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}
.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 27.5%;
}
.Cloud.Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 30.34090909%;
}
.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;
          animation-duration: 96s;
  height: 25%;
}
.Cloud.Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 50.59090909%;
}
.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 22.5%;
}
.Cloud.Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 50.84090909%;
}
.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 24%;
}
.Cloud.Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 60.5%
}
.Cloud.Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 14.09090909%;
}
.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 60.5%;
}
.Cloud.Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 35.34090909%;
}
.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 12%;
}
.Cloud.Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 12%;
}
.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 60.5%;
}
.Cloud.Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}
.Cloud.Foreground{
	background-image:url(../img/cloud1.webp);

}

.Cloud.Background{
	
	background-image:url(../img/cloud2.webp);
}


#clouds_moving {
	color:var(--magenta);
	background:rgb(49,103,167);
	background:radial-gradient(circle, rgba(49,103,167,1) 0%, rgba(7,7,83,1) 100%);
	min-height: 100%;
	margin: 0;
	padding: 0;
	position:relative;
	height:100vh;
	width:100%;
	overflow:hidden;
}


#clouds_moving_absolute{
	
	
	position: absolute;
    color:var(--magenta);
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: -10000000;
    right: 0;
    top: 0;
}


/*------------------------------------end clouds moving ------------------------------------------------------*/





ol{
	
	margin-right:-1em !important;
	color:#777;
	font-size:16px;
	line-height:35px;
	margin:20px 0px;
	font-family: 'kufi', sans-serif;


}

li{
	
	margin-bottom:15px;
	font-family:'Cairo', sans-serif;
	margin-bottom: 10px;
	list-style:none;
}

li.t1-rightnav-li{
	
	margin: 10px 0px;
	padding:8px 0px;
	line-height: 20px;
	border-bottom: solid 1px #ddd;


}

li.t1-rightnav-li a{
	
	border-left: solid 3px var(--red);
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	color:var(--magenta);
	
	font-weight:bold;
	
}






.t1-guide-readmore-btn {
    margin-top: 25px;
	margin-bottom: 0px;
    width: 136px;
    -webkit-align-items: center;
    align-items: center;
    border-color:#2f3337;
    color:var(--white);
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 44px;
    -webkit-justify-content: center;
    justify-content: center;
	
	background:var(--red_bg);
	font-size:14px;
	
}

.t1-guide-readmore-btn:hover {
	
	background:#ed685e;
	color:var(--white);
}


.t1-guide-title {
    font-size: 24px;
    line-height: 29px;
}

.t1-guide-desc {
    color:#545658;
    font-size: 14px;
    line-height: 25px;
    margin-top: 30px;
	height:55px;
}


li.t1-rightnav-li a:hover {

	border-left:solid 3px #ffd52a;
	background:var(--magenta);
}

li:hover{
	
	color:var(--black);
}

.body_noise_dark li:hover{
	
	color:#28a745;
}


.top_image{
	
	margin:0px auto 30px auto;
	display:block;
	
}

.small_title{
	margin:30px auto;
}

.bottom_image{
	
	margin:10px auto 0px auto;
	display:block;
	
}


.contact_info a:active, .contact_info a:focus, .contact_info a:link, .contact_info a:visited {
    color:var(--light2);
    text-decoration: none;
    transition: padding-right 200ms linear 0s;
	font-size: 18px;
	
}
.contact_info a:hover{
	    color:#b13232;
}


.media-body a:active, .media-body a:focus, .media-body a:link, .media-body a:visited {
    color:var(--black);
    text-decoration: none;
    transition: padding-right 200ms linear 0s;
}
.media-body a:hover,.media-body h3:hover {
	    color:var(--black);
}


.media-body h3{
	margin-top: -8px !important;
	line-height: 20px;
    height:90px;
    overflow: hidden;
    text-overflow: ellipsis;
	height:100%;

}


.related_img{
	
	background-size:cover !important;
	width:100%;
	height:85px;
	padding:0px;
	background-position:center center !important;
	display:block;
}


.related_img_wide{
	
	background-size:cover !important;
	width:100%;
	
	padding:0px;
	background-position:center center !important;
	display:block;	
}		

.media-body a{
	color:var(--red) !important;
	font-weight:bold;
	padding:0px !important;
	margin:0px !important;
}


.post_item{
	
	
}
.service_row{
	
	margin:10px 0px;

	padding:10px 0px 40px 0px

}

.service_image{
		margin:0px auto;
		display:block;
		height:190px;
		position:relative;
		padding:0px;
		overflow:hidden;
		
}
.service_title{
	
	height:50px;
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-size:18px;
	color:var(--magenta);
	line-height:35px;
	display:block;
}

.service_title:hover{
	
	color:var(--red);
}


.offset-1 {
    margin-right: 8.333333% !important;
	margin-right: 0% !important;
}




.margin-top{
	
	margin-top:110px !important;
}

.margin-top-without{
	
	margin-top:160px !important;
}

.banner_text_iner h2{
	color:var(--magenta);
}

.bottom_social {

    margin-top: 20px;
	font-size: 24px;
	margin-left: 10px;
	color:#dde1e4;
	border: solid 1px #dde1e4;
	padding: 5px;
}

.top_social {

    margin-right: 10px;
    margin-top: 20px;

    font-size: 24px;
    margin-right: 10px;
	color:var(--black);
}

#form_success{

	position: absolute;
	top: 0;
	right: 0;
	background:var(--black);
	height: 100%;
	width: 100%;
	display: table;
	z-index: 1;
	color:var(--magenta);
	padding: 40px;
	direction: rtl;
	
}

#form_success div{

    border: solid 5px var(--magenta);
    padding: 30px;
    margin: 20px;
    overflow: hidden;
    font-size: 28px;
    line-height: 40px;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}
}

/* start animated number */ 



.counting-sec{
	padding: 40px 0;
    background:url(../img/noise.webp), linear-gradient(90deg,#3c6382,#82ccdd);
    text-align: center;
    padding: 70px 20px;
    color:var(--magenta);
}

.counting-sec i{
  font-size: 40px;
  color:var(--gray);
  margin-bottom:20px;
}


.show-box{
	
	margin-top:-25px;
}

.counting-sec .cont {
    margin: 50px 0px;
    display: inline-block;
    padding: 36px;
    width: 100%;
    height: 220px;
    background:#f3f3f3;
    -webkit-box-shadow: 0px 18px 22px -13px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 18px 22px -13px rgba(0,0,0,0.7);
    box-shadow: 0px 18px 22px -13px rgba(0,0,0,0.7);
    transition: padding 0.5s , padding 0.5s;
    color:;
    color:var(--magenta);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1) inset;
}


.counting-sec .cont:hover{
background:var(--magenta);
padding:50px;
}

.num{
  font-size: 40px;
  margin: 20px 0;
}

.num:before{
  font-size: 40px;
  margin: 20px 0;
  content: ' \002B';
}

/* end animated number */ 




/******** 3d menu ********/ 


	.block-menu {
	display: block;
	background:var(--black);
	position: absolute;
	top: 175px;
	background:rgba(0 , 0 , 0 , 0.9);
	width: 100%;
	text-align: center;
	height: 60px;
	padding: 5px;
	z-index:998;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	left: 0;
text-align: center;
	
}

.block-menu li {
	display: inline-block;
}

.block-menu li a {
	color:var(--magenta);
	display: block;
	text-decoration: none;
	
	font-smoothing: antialiased;
	text-transform: uppercase;
	overflow: visible;
	line-height: 20px;
	font-size: 14px;
	padding: 15px 10px;
}

/* animation domination */
.three-d {
	perspective: 200px;
	transition: all .07s linear;
	position: relative;
	cursor: pointer;
}
	/* complete the animation! */
	.three-d:hover .three-d-box, 
	.three-d:focus .three-d-box {
		transform: translateZ(-25px) rotateX(90deg);
	}

.three-d-box {
	transition: all .3s ease-out;
	transform: translatez(-25px);
	transform-style: preserve-3d;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* 
	put the "front" and "back" elements into place with CSS transforms, 
	specifically translation and translatez
*/
.front {
	transform: rotatex(0deg) translatez(25px);
		background:var(--black);
		color:var(--magenta)
		
}

.back {
	transform: rotatex(-90deg) translatez(25px);
	color:var(--magenta) !important;
	background:var(--magenta);
}

.front, .back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;

	padding: 15px 10px;
	color:var(--magenta);
	pointer-events: none;
	box-sizing: border-box;
}




/******* end 3d menu ********/



.body_noise{
	background:url(../img/bg-body.webp) var(--magenta);
}

.body_noise_dark{
	background:url(../img/bg-body_dark.webp) var(--black);
}

.body_white{
	background:#F7FAFD;
}



p{
    margin: 0;
    margin-right: 0em;
    margin-bottom: 10px !important;
}

a {
    color:var(--magenta);
}

a:hover, a:focus{
	text-decoration: none;
	outline: 0;
	
}

a.new_account:hover, a.new_account:focus{

	color:var(--red) !important;
}

h1, h2, h3,
h4, h5, h6 {
    color:var(--magenta);
	margin:0;
    font-weight: normal;
}

h1 { font-size: 28px;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}

strong {
  letter-spacing: 1px;
}

code {
  background:#ddd;
  border-radius: 3px;
  color:var(--black);
  font-size: 85%;
  margin: 0;
  padding: 5px 10px;
}

code a {
    color:var(--magenta);
}

code a:hover {
    text-decoration: underline;
}

section p {
  line-height: 28px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


.banner_text_iner  img.slikimg{
		
		width:500px;
		float:none;
		margin-top:20px;
	}


	
	
	
	/*---------------------------------------login-------------------------------------*/


}
.login_div input[type=text],.login_div input[type=password]{
	background:var(--magenta) url(../images/back_strips.webp);
    border: 1px solid #aaa;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color:var(--dark2);
    text-align:right;
    font-size:14px;
    font-family:arial;
    width:90px;
    _width:210px;
    height:20px;	
}
.no_result{
height:60px;
font-size:18px;	
padding:30px;
}

#social_net{
height:100px;	
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.4);
border:solid 1px #aaa;
width:99%;
overflow:hidden;
margin-top:20px;
background:var(--magenta);
}

#social_net a{
display:block;
float:left;
margin:4px;	
}



.submit {
    background:#555555;
    border: thin solid #CCCCCC;
    border-radius: 2px ;
    -moz-border-radius: 2px;
    height: 25px;
    _height: 22px;
    width: 110px;
	color:var(--magenta);
}




.faild{
    height: 35px;
    margin: 20px 0px 10px 0px;
    border: dotted 1px var(--dark2);
    font-size: 20px;
    background:#F2C9CA;
    color:#010101;
    clear: both;
    text-align: center;
    line-height: 40px;
}

.success{
	height: 40px;
	margin: 40px auto 15px auto;
	font-size: 15px;
	background:#28a745;
	background-repeat: repeat;
	background-repeat: repeat-x;
	color:#f7fafc;
	line-height: 35px;
	text-align: center;
	line-height: 30px;
	width: 100%;
	padding: 5px;
	display:inline-block;
}

.success_move{
height:35px;
margin:10px 10px 40px 10px;
border:dotted 1px var(--dark2);
font-size:16px;		
background:#41bd60;
background-repeat: repeat-x;
color:var(--magenta);	
line-height:35px;
display:block;
text-align:center;
width:100%
}

.success_move:hover,.success_move:focus{
color:#010101;
}


#login_logo{

    margin-top: 5px;
    width:33%;
	margin-right:-40px;
    background-size:150px;
	margin-bottom: 50px;
    display:inline-block;
    
    
}


#log_in{
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
    color:var(--magenta);
    margin: 40px 0;
    text-align: center;
    max-width: 800px;
    margin: 50px auto;
    border: solid 1px #6f4b8d;
    background:#6f4b8d;
    direction: rtl;
}
}
.form_logo{
float:left;
width:30px;
height:25px;
padding-top:20px;
}
.form_title{
float:left;
width:90px;
height:40px;
text-align:right;
margin:0px auto;
line-height:40px;
color:#888;
font-size:14px;	
}



.form_field{

height:40px;
text-align:right;
margin:0px auto;
line-height:40px;
color:var(--black);	
font-size:20px;
}

.form_field .form-control{
	height:45px;
	
	}


.form_field span{
	padding: 5px;
    background:var(--magenta);
    border-bottom: solid 1px var(--magenta);
    width: 100%;
    display: block;
}

.form_field input,.form_field textarea{
	border:0;
border-bottom: 1px #aaa solid;
    background:var(--magenta);
}

.form_field input:active,.form_field input:focus,.form_field textarea:active,.form_field textarea:focus{
border:0;
border-bottom: 1px var(--black) solid;
}



.field_cont{
	margin-bottom:20px;
}


.login_row{
margin : 10px 0px;
height:35px;	
}


.page_error {
  
    font-size: 26px;
    width: 90%;
    display: inline-block;
    text-align: center;
    margin: 100px 5% 20px 5%;
	background:var(--magenta);
    color:var(--white);
    padding: 20px;
}
.error_img {
    height: 100px;
    width: 100px;
    content: url(../img/error.webp);
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.letter_img {
    height: 150px;
    width: 150px;
    content: url(../img/letter.webp);
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.survie_img {
    height: 150px;
    width: 150px;
    content: url(../img/survie.webp);
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}


.form_input{

	float:left;
    height: 40px;
    margin: 10px auto;
    text-align:right;
    width: 65%;
    
}
#username,#password,#confirm_password{
height:50px;
width:100%;	
color:#010101;
font-size:18px;
}

#login_btn{
	padding: 20px;
    height: 40px;
    color:var(--white);
    margin-bottom: 20px;
    line-height: 2px;
    margin-left: 38%;
    font-size: 18px;
    background:var(--red_bg) !important;
    border: 0;

}






#login_btn2{
	padding: 20px;
    height: 40px;
    color:var(--magenta);
    margin-bottom: 20px;
    line-height: 2px;
   
    font-size: 18px;
    background:var(--red_bg) !important;
    border: 0;

}





#login_btn:hover,#login_btn:active,#login_btn2:hover,#login_btn2:active{
	background:#28a745 !important;
}

.btn_wide{

    cursor:pointer;
    color:var(--magenta);
    display: block;
    float:left;
    font-size: 16px;
    font-weight: bold;
    height: 90px;
    line-height: 15px;
    padding: 30px 0px;
    width: 158.5px;
    z-index: 2;

}

.btn_wide:hover{
color:var(--magenta);	
text-decoration:none;
border-bottom:solid 4px #D8B77B;
  -webkit-transition : border-bottom 300ms ease-out;
  -moz-transition : border-bottom 300ms ease-out;
  -o-transition :border-bottom 300ms ease-out;
  transition : border-bottom 300ms ease-out;


}

.btn_wide img{
position: absolute;
right:0px;	
}



	/*---------------------------------------login-------------------------------------*/
	
	
	
.tan {
  margin-bottom: 10px;
}

.fifteen{
    margin-bottom: 15px;
}

.twenty{
    margin-bottom: 20px;
}

.center {
    text-align: center;
}

.title {
    margin: 50px 0 30px;
}

.syntaxhighlighter {
    border: 1px solid #efefef;
    max-height: 100% !important;
    padding: 20px 0;
}


.main-content section {
  margin: 0 5%;
}


.left-sidebar {
    background:var(--black);
    float:left;
    min-height: 100%;
    position: fixed;
    width: 18%;
}


.client-element img{
	
	margin:10% auto;
	max-width:200px !important;
	width:90% !important;
}

.tech_slider img{
	opacity: 0.5;
}

.banner_text_margin{
	padding-top:115px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;

}


#search_box,#search_box2,#verfication_searchbox{
	width:100%;
	float:right;
	border-radius:5px;
	height:40px !important;
	
}

#verfication_results{
width:100%;
overflow:hidden;
color:var(--magenta);
	
}

#verfication_results  table{
	width:100%;
	background:var(--magenta);
}

#verfication_results  table tr{
	border-bottom:solid 1px #ccc;
	padding:5px;
}

#verfication_results  table tr:nth-child(1){
	background:#d1acee;
	text-align:center;
	font-size:18px;
}

#verfication_results  table tr:nth-child(1) td{
font-size:18px;
}


#verfication_results td{
color:var(--magenta);	
font-size:14px;
padding:10px;
}

#search_btn,#search_btn2,#verfication_searchbtn{
	width: 200px;
	float: right;
	color:var(--magenta);
	height: 40px;
	line-height: 40px;
	display: inline-block;
	background:var(--red_bg);
	text-align: center;
	margin-left: -3px;
	border-radius: 5px;
	cursor: pointer;
	
	color:var(--white) !important;
}

#search_btn:hover , #search_btn2:hover{

	
	background:var(--red_bg);
}

#search_toolbar{
	
	float: right;
	position: relative;
	margin-top: 33px;
	width:50%;
}

.fixed_menu #search_toolbar{
	margin-top: 11px;
}

.logo {
	padding-top: 0;
    height: 60px;
    position: absolute;
    z-index: 1;
}
	}
	
	.logo img{
	
	transition: all 0.2s;
   	height: 55px;
	margin-top: 30px;
	float:right;
	padding-right:20px;

    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
               /* Chrome as of 2019   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */

	}
	
	
.logo img.scroll {
    height: 55px;
    margin-top: 10px;
}
	
	
	.logo.scroll{	
		margin-top:0px;
	}
	
	
	
	.btn-danger{
		cursor:pointer;
	}
.logo h1{
    color:var(--magenta);
    font-weight: 700;
    text-transform: uppercase;
}
.left-nav ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
}

.left-nav ul li a {
    color:var(--magenta);
    display: block;
    padding: 10px 35px;
    -webkit-transition: all 0.3s ease-in 0s;
       -moz-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
         -o-transition: all 0.3s ease-in 0s;
            transition: all 0.3s ease-in 0s;
}

.left-nav ul li a:hover, .left-nav ul li .current {
    background:var(--magenta);
    color:var(--black);
}


#main-wrapper {
    float:left;
    margin-right: 18%;
    width: 82%;
}

.content-header {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding: 30px 0 35px;
    text-align: center;
}

.welcome {
    font-size: 16px;
    line-height: 26px;
    margin: 35px auto 0;
}

.features {
    margin-top: 50px;
}

.features ul li {
    list-style: square outside none;
    margin-bottom: 15px;
}

.features > ul {
    padding-right: 18px;
}



.author-info {
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto;
    width: 50%;
}

.section-content {
    font-size: 16px;
    line-height: 25px;
}

.section-content li {
    margin-bottom: 15px;
}

.section-content a:hover {
    text-decoration: underline;
}

.script-source li {
    list-style: square outside none;
    margin-bottom: 10px;
}

#twitter-feed li,
#flickr li {
    line-height: 25px;
    margin-bottom: 10px;
}

#twitter-feed img {
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px #ddd;
    height: auto;
    margin-top: 10px;
    max-width: 100%;
}

#sendbtn_desktop{
display:none;	
}

.message_submit_form:focus {
  outline: none;
}

input:hover, input:focus {
  outline: none !important;
  box-shadow: 0px 0px 0px 0px transparent !important;
}

.form-control:focus {
  box-shadow: 0 0 0 0rem transparent !important;
}

.gray_bg {
  background:#f6f5f1;
}

.form-row > .col, .form-row > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.section_padding {
  padding: 80px 0px 50px 0px;
}

.section_padding_inside{
	padding: 140px 0px 50px 0px;
	background:#f7fafc;
}

.zoom_img{
	background-size: cover;
    height: 100%;
    width: 100%;
	transition:0.5s;
	border:solid 1px #f7fafc;
}

.zoom_img:hover{
	-ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


 
 
.pre_con {

	width: 100%;
    height: 100vh;
    z-index: 100000000;
    background:#ddd;
    padding: 0;
    margin: 0;
    position: absolute;
	direction:rtll;
}












.single_padding_top {
  padding-top: 160px !important;
}







.padding_top {
  padding-top: 160px;
}




a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

a:hover {
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color:var(--red);
}

h1, h2, h3, h4, h5, h6 {
  color:var(--black);
  font-family: "kufi";
}

p {
	
	font-family: 'Cairo', sans-serif;
	line-height: 30px !important;
	font-size: 15px;
	margin-bottom: 0px;
	color:var(--gray);
}

.Seed_spirit_replenish_cattle_one_moved_air_crea {
  font-size: 14px;
  
  color:#777777;
  text-align:right;
  position: absolute;
  right: 1073.988px;
  top: 1367.25px;
  width: 441px;
  height: 95px;
  z-index: 477;
}

h2 {
  font-size: 44px;
  line-height: 28px;
  color:var(--white);
  font-weight: 600;
  line-height: 1.222;
}


.branch_div_no_width{
	text-align: right;
    border: solid 2px #291843;
    padding: 15px;
    margin-top: 40px;
    overflow: hidden;
    margin-bottom: 40px;
	text-align:center;
	

}

.branch_div_no_width h2{
	color:#3F51B5;
	border-bottom:solid 2px;
}
.branch_div_no_width:hover{
	background:#f7fafc;
}


.col_border{border: solid 1px #ddd;margin:10px;}
.col_border:hover{background:#f7fafc;}


.branch_div{
	text-align:right;
	padding: 5px 26px;
	border: solid 1px #ddd;

	margin:2%;
	flex:none;
}

.branch_div:hover{
	background:#f7fafc;
}






h3 {
  font-size: 24px;
  line-height: 25px;
}

.widget_body{
	
background:var(--magenta);
margin-top: 0px;
font-size: 14px;
font-family: cairo;
padding: 10px ;
border: solid 1px #ddd;
color:var(--magenta);
margin-bottom:40px;

}







.days_split div:first-of-type{
	background:var(--red_bg) !important;
    color:var(--magenta);
    text-align: center;
    font-weight: bold;
    list-style-type: none;
    border: none;
    font-size: 16px;
    margin-right: 0em;
    margin-left: 0px;
    text-align: right;
    padding-right: 20px;
	height:50px;
	line-height:50px;
}
.days_split{
	margin: 10px;
	border: solid 1px #ddd;
	background:#f3f3f3;
}

.widget_body p{
	list-style-type: decimal-leading-zero;
	display: list-item;
	background:var(--magenta);
	margin-right: 40px;
	margin-left: 20px;
	padding: 10px;
	color:var(--magenta);
	border-bottom: solid 1px #ccc;
	background:transparent;
	font-size: 14px;
	font-weight: 500;
}

.widget_title{
	
	background:var(--red_bg) !important;
	color:var(--magenta) !important;
	padding: 20px;
}


.blog_right_sidebar .widget_title {
  font-size: 20px;
  margin-bottom: 40px;
  font-style: inherit;
  font-weight: 600;
  color:#2a2a2a;
  border-bottom:solid 1px #ccc;
}

/* line 144, */
h5 {
  font-size: 18px;
  line-height: 22px;
}

/* line 149, */
img {
  max-width: 100%;
}

/* line 152, */
a:focus, .button:focus, button:focus, .btn:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
  -webkit-transition: 1s;
  transition: 1s;
}

/* line 159, */
.section_tittle {
  margin-bottom: 50px;
  margin-top:00px;
}


/* line 174, */
.section_tittle img {
  margin-bottom: 13px;
}

/* line 177, */
.section_tittle h2 {
  color:#010101;
  font-weight: 600;
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 39px;
  text-transform: capitalize;
}



.title_white h2{
	color:var(--magenta) !important;
}

.title_white{
	color:var(--magenta) !important;
	text-align:right;
}








/* line 201, */
.section_tittle p {
  color:var(--gray);
  font-size: 16px;
  margin-bottom: 7px;
}

/* line 207, */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 212, */
.mb_110 {
  margin-bottom: 110px;
}




/* line 234, */
.mb_130 {
  margin-bottom: 130px;
}







/* line 249, */
.padding_bottom {
  padding-bottom: 130px;
}





/* line 264, */
.padding_less_40 {
  margin-bottom: -50px;
}

/* line 267, */
.z_index {
  z-index: 9 !important;
  position: relative;
}

/* line 271, */
.gj-datepicker {
  width: 100% !important;
}






/* line 311, */
.section_bg {
  background:var(--light1);
  padding: 80px 0;
  overflow:hidden;
}

.section_bg_small{
	
  background:var(--light1);
  padding: 30px 0;
  overflow:hidden;
}

.section_bg_white {
  background:var(--magenta);
  padding: 80px 0 60px 0;
}

/**************** common css end ****************/
/* Main Button Area css
============================================================================================ */

.submit_btn {
  width: auto;
  display: inline-block;
  background:var(--magenta);
  padding: 0px 50px;
  color:var(--magenta);
  font-size: 13px;
  font-weight: 500;
  line-height: 50px;
  border-radius: 5px;
  outline: none !important;
  box-shadow: none !important;
  text-align: center;
  border: 1px solid #fdcb9e;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


.submit_btn:hover {
  background:var(--black);
}


.btn_1 {
  display: inline-block;
  color:var(--black);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 45px;
}


.btn_1 span {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background:var(--black);
  display: inline-block;
  margin-right: 20px;
  
}


.btn_1:hover {
  color:var(--black);
}




/* line 59,  */
.btn_2 {
  display: inline-block;
  padding: 12.5px 45px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
  color:var(--magenta);
  border: 2px solid var(--magenta);
  font-family: "kufi";
}

/* line 69,  */
.btn_2:hover {
  background:var(--magenta);
  color:var(--black);
}



/* line 87,  */
.BG {
  position: absolute;
  right: 881px;
  top: 2664px;
  width: 160px;
  height: 44px;
  z-index: 428;
}

/* line 97,  */
.btn_3 {
  display: inline-block;
  padding: 12px 35px;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
  color:var(--magenta);
  background:#30383b;
}

/* line 106,  */
.btn_3:hover {
  background:#f81c1c;
  box-shadow: 0px 15px 20px 0px rgba(248, 28, 28, 0.1);
  color:var(--magenta);
}



/* line 125,  */
.single_page_btn {
  display: inline-block;
  padding: 9.5px 28px;
  border-radius: 50px;
  background:#ff6426;
  font-size: 14px;
  font-weight: 400;
  color:var(--magenta);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
  border: 2px solid transparent;
}

/* line 136,  */
.single_page_btn:hover {
  color:#ff6426;
  background:var(--magenta);
  border: 2px solid #ff6426;
}


.banner_wide{
	
    background-image: url(../img/kenanasoft-web.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
	
}

.project_img{
	width:80% !important;
	float:left;
}

form div{
	margin-bottom:15px !important;
}
/* line 155,  */
.btn_4 {
  display: inline-block;
  font-size: 18px;
  font-weight:bold;
  color:var(--white) !important;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 14.5px 43px;
  background:var(--red_bg) !important;
  border:0px;
  cursor:pointer;
  text-align:center;
  border-radius:0px;
  margin-top:0px !important;
  font-family:cairo !important;
}

.btn_4 span{
	
	height: 20px;
    width: 20px;
    padding-left: 6px;
}

/* line 164,  */
.btn_4:hover {
  color:var(--white) !important;
  background:#f81c1c;
 
}

/* End Main Button Area css
============================================================================================ */
/* Start Blog Area css
============================================================================================ */

.latest-blog-area .area-heading {
  margin-bottom: 70px;
}


.blog_area a {
  color:var(--red) !important;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  
  font-size: 20px;
}


.blog_area a h2 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


.blog_area a h2:hover {
  color:var(--black) !important;
}


.single-blog {
  overflow: hidden;
  margin-bottom: 30px;
}


.single-blog:hover {
  box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
}


.single-blog .thumb {
  overflow: hidden;
  position: relative;
}


.single-blog .thumb:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:var(--black);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


.single-blog h4 {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 34px;
  margin-bottom: 25px;
}

/* line 56,  */
.single-blog a {
  font-size: 20px;
  font-weight: 600;
}

/* line 61,  */
.single-blog a:hover {
  color:var(--black);
}

/* line 66,  */
.single-blog .date {
  color:#666666;
  text-align:right;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

/* line 74,  */
.single-blog .tag {
  text-align:right;
  display: inline-block;
  float:left;
  font-size: 13px;
  font-weight: 300;
  margin-right: 22px;
  position: relative;
}

/* line 84,  */
.single-blog .tag:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  background:#acacac;
  left: -12px;
  top: 7px;
}



/* line 104,  */
.single-blog .likes {
  margin-right: 16px;
}



/* line 112,  */
.single-blog .single-blog-content {
  padding: 30px;
}

/* line 116,  */
.single-blog .single-blog-content .meta-bottom p {
  font-size: 13px;
  font-weight: 300;
}

/* line 121,  */
.single-blog .single-blog-content .meta-bottom i {
  color:#fdcb9e;
  font-size: 13px;
  margin-right: 7px;
}




/* line 135,  */
.single-blog:hover .thumb:after {
  opacity: .7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}




/* line 157,  */
.full_image.single-blog {
  position: relative;
}

/* line 160,  */
.full_image.single-blog .single-blog-content {
  position: absolute;
  right: 35px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}



/* line 179,  */
.full_image.single-blog h4 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: none;
  padding-bottom: 5px;
}

/* line 185,  */
.full_image.single-blog a {
  font-size: 20px;
  font-weight: 600;
}

/* line 195,  */
.full_image.single-blog .date {
  color:var(--magenta);
}

/* line 200,  */
.full_image.single-blog:hover .single-blog-content {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* End Blog Area css
============================================================================================ */
/* Latest Blog Area css
============================================================================================ */
/* line 224,  */
.l_blog_item .l_blog_text .date {
  margin-top: 24px;
  margin-bottom: 15px;
}

/* line 228,  */
.l_blog_item .l_blog_text .date a {
  font-size: 12px;
}

/* line 234,  */
.l_blog_item .l_blog_text h4 {
  font-size: 16px;
  border-bottom: 1px solid #f7fafc;
  margin-bottom: 0px;
  padding-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 247,  */
.l_blog_item .l_blog_text p {
  margin-bottom: 0px;
  padding-top: 20px;
}

/* End Latest Blog Area css
============================================================================================ */
/* Causes Area css
============================================================================================ */
/* line 263,  */
.causes_slider .owl-dots {
  text-align: center;
  margin-top: 80px;
}

/* line 267,  */
.causes_slider .owl-dots .owl-dot {
  height: 14px;
  width: 14px;
  background:#f7fafc;
  display: inline-block;
  margin-right: 7px;
}

/* line 274,  */
.causes_slider .owl-dots .owl-dot:last-child {
  margin-right: 0px;
}

/* line 285,  */
.causes_item {
  background:var(--magenta);
}

/* line 288,  */
.causes_item .causes_img {
  position: relative;
}

/* line 291,  */
.causes_item .causes_img .c_parcent {
  position: absolute;
  bottom: 0px;
  width: 100%;
  right: 0px;
  height: 3px;
  background:rgba(255, 255, 255, 0.5);
}

/* line 299,  */
.causes_item .causes_img .c_parcent span {
  width: 70%;
  height: 3px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

/* line 307,  */
.causes_item .causes_img .c_parcent span:before {
  content: "75%";
  position: absolute;
  left: -10px;
  bottom: 0px;
  color:var(--magenta);
  padding: 0px 5px;
}

/* line 320,  */
.causes_item .causes_text {
  padding: 30px 35px 40px 30px;
}

/* line 323,  */
.causes_item .causes_text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer;
}

/* line 336,  */
.causes_item .causes_text p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 0px;
}

/* line 346,  */
.causes_item .causes_bottom a {
  width: 50%;
  border: 1px solid;
  text-align: center;
  float:left;
  line-height: 50px;
  color:var(--magenta);
  font-size: 14px;
  font-weight: 500;
}

/* line 358,  */
.causes_item .causes_bottom a + a {
  border-color:#f7fafc;
  background:var(--magenta);
  font-size: 14px;
}

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
/* line 374,  */
.latest_blog_area {
  background:#f9f9ff;
}

/* line 378,  */
.single-recent-blog-post {
  margin-bottom: 30px;
}

/* line 381,  */
.single-recent-blog-post .thumb {
  overflow: hidden;
}

/* line 384,  */
.single-recent-blog-post .thumb img {
  transition: all 0.7s linear;
}

/* line 389,  */
.single-recent-blog-post .details {
  padding-top: 30px;
}

/* line 392,  */
.single-recent-blog-post .details .sec_h4 {
  line-height: 24px;
  padding: 10px 0px 13px;
  transition: all 0.3s linear;
}

/* line 403,  */
.single-recent-blog-post .date {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

/* line 410,  */
.single-recent-blog-post:hover img {
  transform: scale(1.23) rotate(10deg);
}

/* line 417,  */
.tags .tag_btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #f7fafc;
  display: inline-block;
  padding: 1px 18px;
  text-align: center;
}

/* line 431,  */
.tags .tag_btn + .tag_btn {
  margin-right: 2px;
}

/*========= blog_categorie_area css ===========*/
/* line 438,  */
.blog_categorie_area {
  padding-top: 30px;
  padding-bottom: 30px;
}



/* line 454,  */
.categories_post {
  position: relative;
  text-align: center;
  cursor: pointer;
}

/* line 459,  */
.categories_post img {
  max-width: 100%;
}

/* line 463,  */
.categories_post .categories_details {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  bottom: 20px;
  background:rgba(34, 34, 34, 0.75);
  color:var(--magenta);
  transition: all 0.3s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 476,  */
.categories_post .categories_details h5 {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color:var(--magenta);
  position: relative;
}

/* line 494,  */
.categories_post .categories_details p {
  font-weight: 300;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0px;
}

/* line 501,  */
.categories_post .categories_details .border_line {
  margin: 10px 0px;
  background:var(--magenta);
  width: 100%;
  height: 1px;
}

/* line 510,  */
.categories_post:hover .categories_details {
  background:rgba(222, 99, 32, 0.85);
}

/*============ blog_left_sidebar css ==============*/
/* line 525,  */
.blog_item {
  margin-bottom: 50px;
}

/* line 529,  */
.blog_details {
  padding: 30px 0 20px 10px;
  box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
}



/* line 537,  */
.blog_details p {
  margin-bottom: 30px;
}

/* line 541,  */
.blog_details a {
  color:#ff8b23;
}

/* line 544,  */
.blog_details a:hover {
  color:var(--black);
}

/* line 549,  */
.blog_details h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}



/* line 563,  */
.blog-info-link li {
  float:right;
  font-size: 14px;
}

/* line 567,  */
.blog-info-link li a {
  color:#777 !important;
}

/* line 571,  */
.blog-info-link li i,
.blog-info-link li span {
  font-size: 13px;
  margin-right: 0px;
}

/* line 577,  */
.blog-info-link li::after {
  content: "|";
  padding-right: 10px;
  padding-left: 10px;
  color:var(--magenta);
}

/* line 583,  */
.blog-info-link li:last-child::after {
  display: none;
}

/* line 588,  */
.blog-info-link::after {
  content: "";
  display: block;
  clear: both;
  display: table;
}

/* line 596,  */
.blog_item_img {
  position: relative;
}

/* line 599,  */
.blog_item_img .blog_item_date {
  position: absolute;
  bottom: -10px;
  right: 10px;
  display: block;
  color:var(--magenta);
  background:var(--black);
  padding: 8px 15px;
  border-radius: 5px;
}


/* line 615,  */
.blog_item_img .blog_item_date h3 {
  font-size: 22px;
  font-weight: 600;
  color:var(--magenta);
  margin-bottom: 0;
  line-height: 1.2;
}





/* line 627,  */
.blog_item_img .blog_item_date p {
  font-size: 18px;
  margin-bottom: 0;
  color:var(--magenta);
}




/* line 647,  */
.blog_right_sidebar .widget_title {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: lighter;
    background:#243679 !important;
    color:var(--white) !important;
    padding-bottom: 1px;
    text-align: right;
	border:0px;
}

/* line 652,  */
.blog_right_sidebar .widget_title::after {
  content: "";
  display: block;
  padding-top: 15px;
  
}

/* line 660,  */
.blog_right_sidebar .single_sidebar_widget {
  padding: 0px;
  margin-bottom: 40px;
  margin-top:30px; 
  overflow:hidden;
}

/* line 669,  */
.blog_right_sidebar .search_widget .form-control {
  height: 50px;
  border-color:#f0e9ff;
  font-size: 13px;
  color:#999999;
  padding-right: 20px;
  border-radius: 0;
  border-right: 0;
}

/* line 678,  */
.blog_right_sidebar .search_widget .form-control::placeholder {
  color:#999999;
}

/* line 682,  */
.blog_right_sidebar .search_widget .form-control:focus {
  border-color:#f0e9ff;
  outline: 0;
  box-shadow: none;
}

/* line 691,  */
.blog_right_sidebar .search_widget .input-group button {
  background:var(--magenta);
  border-right: 0;
  border: 1px solid #f0e9ff;
  padding: 4px 15px;
  border-right: 0;
}

/* line 698,  */
.blog_right_sidebar .search_widget .input-group button i,
.blog_right_sidebar .search_widget .input-group button span {
  font-size: 14px;
  color:#999999;
}

/* line 710,  */
.blog_right_sidebar .newsletter_widget .form-control {
  height: 50px;
  border-color:#f0e9ff;
  font-size: 13px;
  color:#999999;
  padding-right: 20px;
  border-radius: 0;
}

/* line 719,  */
.blog_right_sidebar .newsletter_widget .form-control::placeholder {
  color:#999999;
}

/* line 723,  */
.blog_right_sidebar .newsletter_widget .form-control:focus {
  border-color:#f0e9ff;
  outline: 0;
  box-shadow: none;
}

/* line 732,  */
.blog_right_sidebar .newsletter_widget .input-group button {
  background:var(--magenta);
  border-right: 0;
  border: 1px solid #f0e9ff;
  padding: 4px 15px;
  border-right: 0;
}

/* line 739,  */
.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
  font-size: 14px;
  color:#999999;
}

/* line 752,  */
.blog_right_sidebar .post_category_widget .cat-list li {
  border-bottom: 1px solid #f0e9ff;
  transition: all 0.3s ease 0s;
  padding-bottom: 12px;
}

/* line 757,  */
.blog_right_sidebar .post_category_widget .cat-list li:last-child {
  border-bottom: 0;
}

/* line 761,  */
.blog_right_sidebar .post_category_widget .cat-list li a {
  font-size: 14px;
  line-height: 20px;
  color:#888888;
}

/* line 766,  */
.blog_right_sidebar .post_category_widget .cat-list li a p {
  margin-bottom: 0px;
}

/* line 772,  */
.blog_right_sidebar .post_category_widget .cat-list li + li {
  padding-top: 15px;
}

/* line 777,  */
.blog_right_sidebar .post_category_widget .cat-list li:hover a {
  color:var(--black) !important;
}

/* line 787,  */
.blog_right_sidebar .popular_post_widget .post_item .media-body {
  justify-content: center;
  align-self: center;
  padding-left: 20px;
  padding-right: 0;
}

.single_sidebar_widget li{
margin:5px;
}

.single_sidebar_widget a{
padding:5px;
}

/* line 792,  */
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  transition: all 0.3s linear;
}

/* line 803,  */
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
  color:var(--black);
}

/* line 809,  */
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0px;
}

/* line 816,  */
.post_item {
  margin-top: 20px;
}

/* line 824,  */
.blog_right_sidebar .tag_cloud_widget ul li {
  display: inline-block;
}

/* line 827,  */
.blog_right_sidebar .tag_cloud_widget ul li a  , .span_tag{
	
	display: inline-block;
    border: 1px solid #f7fafc;
    background:var(--red_bg);
    padding: 4px 10px;
    margin-bottom: 5px;
    margin-right: 0px;
    transition: all 0.3s ease 0s;
    color:#888;
    font-size: 13px;
    font-family: cairo;
    color:var(--white) !important;
    font-weight: 300;
    border-radius: 5px;
	
}

/* line 837,  */
.blog_right_sidebar .tag_cloud_widget ul li a:hover , .span_tag:hover{
  background:var(--red_bg) !important;
  color:var(--magenta) !important;
}

/* line 849,  */
.blog_right_sidebar .instagram_feeds .instagram_row {
  display: flex;
  margin-right: -6px;
  margin-right: -6px;
}

/* line 855,  */
.blog_right_sidebar .instagram_feeds .instagram_row li {
  width: 33.33%;
  float:left;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 15px;
}

/* line 955,  */
.blog_right_sidebar .br {
  width: 100%;
  height: 1px;
  background:#f7fafc;
  margin: 30px 0px;
}

/* line 976,  */
.blog-pagination {
  margin-top: 80px;
}

/* line 980,  */
.blog-pagination .page-link {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 0;
  text-align: center;
  margin-right: -1px;
  line-height: 45px;
  width: 45px;
  height: 45px;
  border-radius: 0 !important;
  color:#8a8a8a;
  border: 1px solid #f0e9ff;
  margin-right: 10px;
}

/* line 997,  */
.blog-pagination .page-link i,
.blog-pagination .page-link span {
  font-size: 13px;
}

/* line 1009,  */
.blog-pagination .page-item.active .page-link {
  background:#fbf9ff;
  border-color:#f0e9ff;
  color:#888888;
}

/* line 1016,  */
.blog-pagination .page-item:last-child .page-link {
  margin-right: 0;
}

/*============ Start Blog Single Styles  =============*/
/* line 1041,  */
.single-post-area .blog_details {
  box-shadow: none;
  padding: 0;
}

/* line 1046,  */
.single-post-area .social-links {
  padding-top: 10px;
}

/* line 1049,  */
.single-post-area .social-links li {
  display: inline-block;
  margin-bottom: 10px;
}

/* line 1053,  */
.single-post-area .social-links li a {
  color:#cccccc;
  padding: 7px;
  font-size: 14px;
  transition: all 0.2s linear;
}

/* line 1066,  */
.single-post-area .blog_details {
  padding-top: 26px;
}

/* line 1069,  */
.single-post-area .blog_details p {
  margin-bottom: 20px;
  font-size: 15px;
}

/* line 1079,  */
.single-post-area .quote-wrapper {
  background:rgba(130, 139, 178, 0.1);
  padding: 15px;
  line-height: 1.733;
  color:#888888;
  font-style: italic;
  margin-top: 25px;
  margin-bottom: 25px;
}




/* line 1093,  */
.single-post-area .quotes {
  background:var(--magenta);
  padding: 15px 15px 15px 20px;
  border-right: 2px solid;
}




/* line 1103,  */
.single-post-area .arrow {
  position: absolute;
}

/* line 1106,  */
.single-post-area .arrow .lnr {
  font-size: 20px;
  font-weight: 600;
}

/* line 1113,  */
.single-post-area .thumb .overlay-bg {
  background:rgba(0, 0, 0, 0.8);
}

/* line 1118,  */
.single-post-area .navigation-top {
  padding-top: 15px;
  border-top: 1px solid #f0e9ff;
}

/* line 1122,  */
.single-post-area .navigation-top p {
  margin-bottom: 0;
}

/* line 1126,  */
.single-post-area .navigation-top .like-info {
  font-size: 14px;
}

/* line 1129,  */
.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span {
  font-size: 16px;
  margin-right: 5px;
}

/* line 1136,  */
.single-post-area .navigation-top .comment-count {
  font-size: 14px;
}

/* line 1139,  */
.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
  font-size: 16px;
  margin-right: 5px;
}

/* line 1148,  */
.single-post-area .navigation-top .social-icons li {
  display: inline-block;
  margin-right: 15px;
}

/* line 1152,  */
.single-post-area .navigation-top .social-icons li:last-child {
  margin: 0;
}

/* line 1156,  */
.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
  font-size: 14px;
  color:#999999;
}

/* line 1174,  */
.single-post-area .blog-author {
  padding: 40px 30px;
  background:#fbf9ff;
  margin-top: 50px;
}



/* line 1183,  */
.single-post-area .blog-author img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-right: 30px;
}



/* line 1196,  */
.single-post-area .blog-author a {
  display: inline-block;
}

/* line 1200,  */
.single-post-area .blog-author a:hover {
  color:var(--black);
}

/* line 1205,  */
.single-post-area .blog-author p {
  margin-bottom: 0;
  font-size: 15px;
}

/* line 1210,  */
.single-post-area .blog-author h4 {
  font-size: 16px;
}

/* line 1217,  */
.single-post-area .navigation-area {
  border-bottom: 1px solid #f7fafc;
  padding-bottom: 30px;
  margin-top: 55px;
}

/* line 1222,  */
.single-post-area .navigation-area p {
  margin-bottom: 0px;
}

/* line 1226,  */
.single-post-area .navigation-area h4 {
  font-size: 18px;
  line-height: 25px;
}

/* line 1232,  */
.single-post-area .navigation-area .nav-left {
  text-align:right;
}

/* line 1235,  */
.single-post-area .navigation-area .nav-left .thumb {
  margin-right: 20px;
  background:var(--black);
}

/* line 1239,  */
.single-post-area .navigation-area .nav-left .thumb img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1244,  */
.single-post-area .navigation-area .nav-left .lnr {
  margin-right: 20px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1251,  */
.single-post-area .navigation-area .nav-right:hover .lnr {
  opacity: 1;
}

/* line 1256,  */
.single-post-area .navigation-area .nav-right:hover .thumb img {
  opacity: .5;
}


/* line 1267,  */
.single-post-area .navigation-area .nav-left {
  text-align:right;
}

/* line 1270,  */
.single-post-area .navigation-area .nav-left .thumb {
  margin-right: 20px;
  background:var(--black);
}

/* line 1274,  */
.single-post-area .navigation-area .nav-left .thumb img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1279,  */
.single-post-area .navigation-area .nav-left .lnr {
  margin-right: 20px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1286,  */
.single-post-area .navigation-area .nav-right:hover .lnr {
  opacity: 1;
}

/* line 1291,  */
.single-post-area .navigation-area .nav-right:hover .thumb img {
  opacity: .5;
}


/* line 1306,  */
.comments-area {
  background:transparent;
  border-top: 1px solid #f7fafc;
  padding: 45px 0;
  margin-top: 50px;
}


/* line 1317,  */
.comments-area h4 {
  margin-bottom: 35px;
  font-size: 18px;
}

/* line 1324,  */
.comments-area h5 {
  font-size: 16px;
  margin-bottom: 0px;
}

/* line 1333,  */
.comments-area .comment-list {
  padding-bottom: 48px;
}

/* line 1336,  */
.comments-area .comment-list:last-child {
  padding-bottom: 0px;
}

/* line 1340,  */
.comments-area .comment-list.left-padding {
  padding-right: 25px;
}





/* line 1361,  */
.comments-area .thumb {
  margin-right: 20px;
}

/* line 1364,  */
.comments-area .thumb img {
  width: 70px;
  border-radius: 50%;
}

/* line 1370,  */
.comments-area .date {
  font-size: 14px;
  color:#999999;
  margin-bottom: 0;
  margin-right: 20px;
}

.comments-area .comment {
  margin-bottom: 10px;
  color:#777777;
  font-size: 15px;
}

.comments-area .btn-reply {
  background:transparent;
  color:#888888;
  padding: 5px 18px;
  font-size: 14px;
  display: block;
  font-weight: 400;
}

.comment-form {
  border-top: 1px solid #f7fafc;
  padding-top: 45px;
  margin-top: 50px;
  margin-bottom: 20px;
}


.payment_input{
	width: 100%;
    border: 0px;
    box-shadow: 0 0px 15px 0 rgb(0 0 0 / 20%), 0 0px 12px 0 rgb(0 0 0 / 19%);
    text-align: center;
    border: 1px solid #999;
}

.payment_input:focus,.payment_input:hover{

	box-shadow: 0 0px 15px 0 rgb(0 0 0 / 20%), 0 0px 12px 0 rgb(0 0 0 / 19%) !important;
}
.payment_method_title,.payment_method_sub_title{
	color:var(--magenta);
    margin: 10px 0px 0px 0px;
    padding: 12px;
    text-align: right;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    line-height: 30px;
    background:var(--magenta);
    border: solid 1px #b99ed1;
    border-radius: 5px;
}


.payment_method_sub_title.active{
	background:#291352;
	color:var(--magenta);
}



.payment_method_title span {
	
    padding: 0px 10px;
    font-size: 12px;
    border-radius: 50px;
    top: 13px;
    background:#25d366;
    color:var(--magenta);
}

.payment_method_title.active{
	background:#f3e3b2 !important;
    border: solid 1px #f3e3b2;
}

.payment_method_body{
	border: solid 3px #f3e3b2 !important;
    background:var(--magenta);
	overflow: hidden;
	color:#440202;
	margin: 0px 0px;
	padding: 10px 5px;
	text-align: right; 
	overflow: hidden;
	display:none;
	position:relative;
}

.payment_method_body_text{

background:#d7daf8;margin: 0px;padding: 20px 10px;border-radius: 5px;
}


.cp_page_loader{
	padding:10px;
}

#country_mobile{
	float:right;
	width: 20%;
	text-align: center;
	direction: rtl;
	padding-right: 5px;
	line-height: 45px;
	background:#6c0404;
	font-size: 20px;
}

.payment_title{
margin-bottom: 10px !important;	
margin-right:10px;
cursor:pointer;
height: 30px;
display: block;
line-height:30px;
font-size: 14px;
}


.payment_title_white{
font-size: 14px;
margin-left:10px;
height: 30px;
display: block;
line-height:50px;
color:var(--magenta);
margin-bottom:10px;
}


.payment_image{
	width: 30px;
	height: 30px;
	display: block;
	margin:0 auto;
	background-size: cover;
	float:left;
	margin-right:-5px;
}

.cp_page_loader{
	padding:10px;
}

#country_mobile{
	float:right;
	width: 20%;
	text-align: center;
	direction: rtl;
	padding-right: 5px;
	line-height: 45px;
	background:#320252;
	font-size: 20px;
}

.payment_title{
margin-bottom: 10px !important;	
margin-right:10px;
cursor:pointer;
height: 30px;
display: block;
line-height:30px;
font-size: 14px;
}


.payment_title_white{
font-size: 14px;
margin-left:10px;
height: 30px;
display: block;
line-height:50px;
color:var(--magenta);
margin-bottom:10px;
}


.payment_image{
	width: 30px;
	height: 30px;
	display: block;
	margin:0 auto;
	background-size: cover;
	float:left;
	margin-right:-5px;
}



.form-group .control-label{
	text-align:right;
}
.comment-form .form-group {
  margin-bottom: 30px;
}

.comment-form h4 {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 22px;
}

.comment-form .name {
  padding-right: 0px;
}



/* line 1429,  */
.comment-form .email {
  padding-left: 0px;
}




/* line 1437,  */
.comment-form .form-control {
  border: 1px solid #f0e9ff;
  border-radius: 5px;
  height: 48px;
  padding-right: 18px;
  font-size: 13px;
  background:transparent;
}

/* line 1445,  */
.comment-form .form-control:focus {
  outline: 0;
  box-shadow: none;
}

/* line 1450,  */
.comment-form .form-control::placeholder {
  font-weight: 300;
  color:#999999;
}

/* line 1455,  */
.comment-form .form-control::placeholder {
  color:#777777;
}

/* line 1460,  */
.comment-form textarea {
  padding-top: 18px;
  border-radius: 12px;
  height: 100% !important;
}

/* line 1466,  */
.comment-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  color:#777;
}

/* line 1472,  */
.comment-form ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  color:#777;
}

/* line 1478,  */
.comment-form :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  color:#777;
}

/* line 1484,  */
.comment-form :-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  color:#777;
}

/*============ End Blog Single Styles  =============*/

.single_blog_post .desc a {
  font-size: 16px;
  color:#232b2b !important;
}


.single_blog_post .single_blog .single_appartment_content {
  padding: 38px 38px 23px;
  border: 0px solid #fdcb9e;
  box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
}


.single_blog_post .single_blog .single_appartment_content p {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
}


.single_blog_post .single_blog .single_appartment_content p a {
  color:var(--black);
}


.single_blog_post .single_blog .single_appartment_content h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.481;
  margin-bottom: 16px;
}


.single_blog_post .single_blog .single_appartment_content h5 {
  font-size: 15px;
  color:#8a8a8a;
  font-weight: 400;
}


.single_blog_post .single_blog .single_appartment_content .list-unstyled {
  margin-top: 33px;
}


.single_blog_post .single_blog .single_appartment_content .list-unstyled li {
  display: inline;
  margin-right: 17px;
  color:#999999;
}


.single_blog_post .single_blog .single_appartment_content .list-unstyled li a {
  margin-right: 8px;
  color:#999999;
}

/**************menu part start*****************/

.main_menu {
  position: absolute;
  right: 0;
  top: 0px;
  width: 100%;
  z-index: 1000;
  background:rgba(24, 33, 67, 0.8);
  padding: 0px 0px 25px 0px;

}

.main_menu.fixed_menu {
	background:rgba(24, 33, 67, 1);
	border-bottom:solid 1px #343f65;
}


.main_menu2 {
  position: fixed;
  right: 0;
  top: 0px;
  width: 100%;
  z-index: 1003;
  padding: 0px;

}



.bottom_bar{

    position: absolute;
    left: 0px;
    padding: 0px 20px 0% 20px;
	
}


.bottom_bar.scroll{
    padding: 12px 20px;
    top: 0px;
}





.sub_menu{
	transition: all 1s ease-in-out;
	background:rgba(0,0,0,0.3);
}
.sub_menu li{
	margin-bottom:5px !important;
}
.sub_menu a{
	
    font-size: 22px !important;
    border: 1px solid transparent !important;
    height: auto !important;
    line-height: 26px !important;
    padding: 5px 0px 0px 10px !important;
    font-family: 'Cairo', sans-serif !important;
	
}

.wide_menu_item {
    float: right;
    width: 48%;
    display: flex !important;
    /* flex-direction: column; */
    text-align: right;
    align-items: right;
}


.bottom_bar ul {
	list-style-type: none;
	padding: 2px;
	bottom: 0px;
	width: 100%;
	right: 0;
	left: 0;
	text-align: left;
	font-size:13px;
	font-family:kufi;
	max-width:1200px;
	margin:15px auto;
}


.bottom_bar.scroll ul{
	margin:12px auto;
	
}

.bottom_bar li {
display:inline;
padding: 5px 0px ;
margin:0px;

}

li a, .dropbtn {
  display: inline-block;
  color:var(--magenta);
  text-align: center;
  padding: 8px 5px;
  text-decoration: none;
  font-weight:bold;
  font-size: 14px;
  

}


 .home_menu li a, .home_menu .dropbtn {
	 
	 color:var(--white) !important;
	 cursor: pointer;
 }
 
 .home_menu li a.black, .home_menu .dropbtn.black {
	 
	 color:var(--magenta) !important;
	 border-bottom: solid 3px transparent;
 }
 .home_menu .menu-trigger span.black{
	 background:var(--white_bg) !important;
 }
 
 
 .home_menu li .menu_inside a{
	
	color:var(--white)!important;
    font-weight: lighter;
    font-family: 'cairo';
 }
 
 .home_menu  .menu-trigger span{
	 background:var(--white_bg) !important;
 }




li a.black, .dropbtn.black {
  
  color:var(--black) !important;
}






li a.black{
	color:var(--gray) !important;
}




.bottom_bar.scroll .dropdown-content a:hover{
	color:var(--white) !important;
	
}

li a, .dropdown .dropbtn,li a, .dropdown .dropbtn ,.bottom_bar.scroll li a{
	border-bottom: solid 1px transparent !important;
}

li a:hover, .dropdown:hover .dropbtn,li a:active, .dropdown:active .dropbtn ,.bottom_bar.scroll li a:hover{
    color:var(--red) !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-bottom: solid 1px var(--red) !important;
}


.top_menu li ul li a:hover {
	background:var(--red_bg) !important;
    background:none;
    font-weight: bold;
    color:var(--magenta) !important;
}

li.dropdown {
  display: inline-block;
}

.cp_move{
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 40px 50px;
	background:#330154 !important;
}


.cp_move_margin{
	text-align: center;
    padding: 40px 50px;
    background:#330154 !important;
    margin: 50px auto;
    max-width: 700px;
    width: 70%;
}

.cp_move div{
	font-size:18px;
	color:var(--magenta);
}

.cp_move a{
	border: solid 3px var(--magenta);
	padding: 10px;
	color:var(--red);
	display:block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
  padding-top:7px;
  min-width: 310px;  
  margin-right:-10px;

}


.menu_inside{
	margin:12px 0px 0px 0px;
	padding:10px;
	background:#02011c;
	overflow:hidden;
	
	
}

.menu_inside_wide{
	width:520px;
	padding:15px;
}

.menu_inside:before{
	
	content: "";
    display: block;
    border: 0px solid transparent;
    border-bottom-color:var(--magenta);
    position: absolute;
    left: calc(50% + 100px);
    margin-top: -35px;
}

.menu_inside_wide:before{
	
	left: calc(50% + 210px) !important;
    margin-top: -40px;
	
}


.menu_split{
	
	width: 50%;
    float: right;
    padding: 10px;
}

.menu_split_border{
	
    border-left: solid 1px #ddd;
    
}

.menu_inside_wide .menu_title{
	border-bottom: solid 1px var(--red);
    font-size: 20px;
    padding-bottom: 10px;
    color:var(--red);
    text-align: right;
	margin-bottom:10px;
}



.slide_depart{position:absolute;top: 0px;width: 100%;background:var(--magenta);display:none;width:96%}

.depart_close {width:100%;text-align:left;cursor:pointer;padding-left:20px;}




	
.dropdown-content a {

    color:var(--magenta) !important;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
    text-align: right;
    font-size: 16px;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    /* transition: all 0s linear; */
    margin: 1%;
    font-family: 'Cairo';
    white-space: nowrap;
    overflow: hidden;
    color:var(--magenta);
    font-weight: 600;
	
}
	
.dropdown-content a:hover {
	
	color:var(--red) !important;
    background:none;
    font-weight: bold;
	white-space: unset;
	overflow: auto;
}


div .dropdown-content a:hover {
   

    color:var(--white) !important;
	border-bottom:solid 1px #04032b !important;
	background:#04032b;
}



.dropdown:hover .dropdown-content {
  display: block;
}




a.pad-right{
	color:var(--magenta);
		
}

.pad-left{
	font-family:kufi;
}

a.pad-left:hover{
	color:var(--red);
		
}

/* line 10, fonts */
.main_menu #search_1 i {
 font-size:20px; 
}


.main_menu a:hover i{
	

}

.prev,.next{
	
cursor:pointer;	
}


.service_part  button.owl-next{
	
	top:calc(50% - 19px) ;
	left:-50px ;
}

.service_part  button.owl-prev{
	
	top:calc(50% - 19px) ;
	left:calc(100% - 40px);
}


#search_input_box {
	position: fixed;
    left: 50%;
	top:0px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101%;
    z-index: 1000;
    text-align: center;
    background:#020126;
    height: 100%;
    padding: 100px 20px;
	display:none;
    /*
	background-image: url(../img/islamic_back.webp);
    background-blend-mode: soft-light;
	*/
  
}

. #search_input_box ::placeholder {
  color:#aaa;
}


 #search_input_box .form-control {
	font-family:kufi;
	border: 0;
    color:var(--magenta);
    font-weight: 400;
    font-size: 15px;
    padding: 0;
    margin-top: 50px;
    width: 100%;
    text-align:right;
    background:var(--magenta);
    padding: 10px;
    height: 50px;
	margin-bottom: 20px;
}




 #search_input_box .btn {
	width: 130px;
	height: 50px;
	padding: 0;
	border: 0;
	background:var(--red_bg);
	color:var(--black);
	cursor: pointer;
	display: inline;
	margin: 25px auto;
		margin-top: 25px;
	margin-top: 25px;
	border-radius: 5px;
	line-height: 35px;
	overflow: hidden;
	float: unset;
	margin-top: 30px;
}

 #search_input_box .ti-close {
	font-weight: 600;
    cursor: pointer;
    padding: 10px;
    padding-left: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    color:var(--magenta);
	font-size:30px;
	cursor:pointer;
}


.search-inner {
  padding: 5px 5px;
}


.form-control:focus {
  box-shadow: none;
}


 .main_menu_iner {
  display: flex;
  justify-content: space-between;
  direction:rtl;
  height:0px;
}

 .menu-trigger span {
  display: block;
  height: 2px;
  background:var(--magenta);
  transition: 0.5s;
  margin

}

/* line 76, fonts */
.main_menu .menu-trigger span:nth-child(2) {
  margin: 8px 0px 6px;
}

/* line 80, fonts */
.main_menu span.menu-trigger {
    
	width: 30px;
	height:12px;
	margin-top: 15px;
	transform: rotate(180deg);
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	
}
.search_icon{
	margin-top:0px;
	float:left;
}


.cart_icon {
    margin-top: 0px;
	float:left;
}


/* line 84, fonts */
.main_menu .menu-trigger {
  cursor: pointer;
  color:var(--white);
}

/* line 87, fonts */
.main_menu .menu-trigger span:nth-child(1) {
  width: 15px;
  float:left;
}

/* line 91, fonts */
.main_menu .menu-trigger span:nth-child(3) {
  width: 23px;
  float:left;
}

/* line 95, fonts */
.main_menu .menu-trigger:hover span:nth-child(1), .main_menu .menu-trigger:hover span:nth-child(3) {
  width: 30px;
}

/* line 98, fonts */
.main_menu2 .off-canven-menu {
  position: fixed;
  background:var(--magenta);
  width: 100%;
  height: 100vh;
  z-index: 99;
  top: 0;
  padding: 0px 0px;
  transition: 0.5s;
  right: -100vw;
  background-size: cover;
  background-position: center center;"

}



/* line 115, fonts */
.main_menu2 .offcanvas-overlay.active {

  right:0px;
}

/* line 120, fonts */
.main_menu2 .off-canven-menu.active {
right: 0;
  overflow:auto;
}

/* line 124, fonts */
.main_menu .menu-btm-tex {
  background:#EFEBFF;
  padding: 7px;
  font-weight: 700;
}

/* line 130, fonts */
.main_menu2 .off-canven-menu a {
  color:#B6B3C1;
  font-size: 20px;
  display: inline-block;
  padding-left: 0;
}

.main_menu2 .off-canven-menu a.sub_open:after {
	
	display:block;
	content: "\f053";
	height:30px;
	font-family:'FontAwesome';
	float:left;
	margin-right:20px;
	
}

.main_menu2 .off-canven-menu a.sub_close:after {
	
	display:block;
	content: "\f078";
	height:30px;
	font-family:'FontAwesome';
	float:left;
	margin-right:20px;
	
}

.sub_link {
	
	display:block !important;
	color:var(--red) !important;
	
}

.sub_close{
	
	color:var(--red) !important;
}

.sub_menu a{
	
	height:45px;
	font-size:18px;
}

.sub_menu a:after{
	
	
    content: "";
    font-family: 'FontAwesome';
    margin-right: 20px;
    font-size: 10px;
    display: block;
    width: 25px;
    height: 10px;
    margin: 0 auto;
}



/* line 136, fonts */
.main_menu2 .off-canven-menu a:hover {
  color:var(--red);
}

/* line 139, fonts */
.main_menu2 .social-icon {
  margin-bottom: 20px;
}

/* line 142, fonts */
.main_menu2 .canven-menu-iner {
  padding: 80px 0px 0px 0px;
}

/* line 146, fonts */
.main_menu2 .off-canven-menu ul {
	list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
    padding-bottom: 0px;
}

.side_menu li{
	margin: 0px !important;
    text-align: right;
    padding: 5px 7% !important;
}

.side_menu li ul li{
	
	margin: 0px !important;
    text-align: right;
    padding: 7px 15px !important;
	
}


.side_menu ul {
	
	padding:20px !important;
}

.side_menu ul li a{
	
	font-size:20px;
}

/* line 153, fonts */
.main_menu2 .off-canven-menu ul li a , .main_menu2 .off-canven-menu ul li a.btn {
	border-radius: 0px;
	text-transform: capitalize;
	font-size: 26px;
	line-height: 1.8;
	color:var(--white) !important;
	letter-spacing: -0.12px;
	cursor: pointer;
	font-family: 'cairo', sans-serif;
	margin: 0;
	line-height: 120%;
	text-align: right;
	font-weight: lighter;
	position: relative;
	padding: 8px 5px;
	border-bottom:3px transparent solid;

}

.menu_number{
	float: right;
	color:var(--red);  
	font-size: 16px;
	margin-left: 10px;
}

.main_menu2 .off-canven-menu ul li a.menu_active .menu_number{
	
	color:var(--white) !important;
}

.btn .menu_number{
	margin-top: 3px;
}


.main_menu a.bottom_social{
	padding: 5px !important;
    border: solid 1px var(--magenta) !important;
    border-radius: 50px;
    height: 32px !important;
    width: 32px !important;
    color:var(--magenta) !important;
    opacity: 0.7;
}

.main_menu a.bottom_social:hover{
	color:var(--red) !important;  
	border:solid 1px var(--red) !important;
	opacity:1;
}

.main_menu2 .off-canven-menu ul li a.menu_active{
	
	color:var(--white) !important;
    
}

/* line 162, fonts */
.main_menu2 .off-canven-menu ul li a:hover {
  color:var(--white) !important;
  
}

.main_menu2 .off-canven-menu ul li ul li  a:hover,.main_menu2 .off-canven-menu ul li ul  a:hover {
  color:var(--red) !important;
  
}

.menu_active{
	background:var(--red_bg);
	color:var(--magenta) !important;
	border-bottom: solid 3px #e73556;
}

.menu_active .menu_number{
	
	color:var(--magenta) !important;
}

/* line 165, fonts */
.main_menu2 .close-icon {
	
	position: absolute;
    top: 5%;
    left: 5%;
    height: 50px;
    width: 50px;
    z-index: 1;
}

/* line 174, fonts */
.main_menu2 .off-canven-menu i {
  height: 65px;
  width: 65px;
  background:#272822;
  color:var(--magenta);
  font-size: 31px;
  border-radius: 50%;
  text-align: center;
  line-height: 63px;
}

/* line 185, fonts */


/* line 188, fonts */
.main_menu2 .menu-btm-section {
  position: absolute;
  bottom: 67px;
  max-width: 306px;
}

/* line 193, fonts */
.main_menu2 .close-icon i {
	
	
    text-align: center;
    width: 100%;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
    background:transparent;
    color:var(--red);
    font-weight: bold;
}

/* line 205, fonts */
.main_menu2 .close-icon i:hover {
 
  color:var(--white);
  
}


.fixed_menu{
	position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 80px !important;
    


}

.fixed_menu ul.top_menu ,{
	

}


.absolute_menu{
  position: absolute !important;
  top: 0;
  right: 0; 
  width: 100%;
  height:120px;
}


.banner_part_text{
	
	
    margin-bottom: 60px;
}

.banner_part_text h2 , .banner_part_text p{
	color:var(--magenta) !important;
}


/**************** banner part css start ****************/

.banner_part {
  min-height:100vh;
  position: relative;
  background-size: cover;
  background-image: url(../img/pellete_cover.webp); /* fallback */
  overflow:hidden;


  background-repeat:no-repeat , repeat;
  background-position:center center;

  z-index: 2;
  display: flex;
  align-items: center;
  margin-top:0px;
}


.slider_text_inner{
	
	position:relative;
	width: 100%;
	background-position:center center !important;

	
}

.slider_text_inner .slide_gradiant {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
	color:var(--magenta);
	padding:60px;
	background:rgb(0,0,0);
	background:linear-gradient(0deg, rgba(28, 2, 49, 0.5) 0%, rgba(181, 88, 144, 0.2) 100%);
	
	height:100%;

}



.slider_text_inner h2 {
	
	justify-content: center;
	align-items: center;
	min-height: 70px;
	border: 3px solid #ddd;
	line-height: 30px;
	color:var(--magenta);
	padding:30px;

}
	
	
.mainslider_part button.owl-prev{
	
	position: absolute;
	border: 0;
	top: 50% !important;
	bottom: 50% !important;
	display: inline-block !important;
	right: 30px;
	color:var(--magenta) !important;
	font-size: 26px !important;
	padding: 5px !important;
	background:rgba(0,0,0,0.8) !important;
	display: block !important;
	width: 40px;
	height: 40px;

}


.mainslider_part button.owl-next{
	
	position: absolute;
	border: 0;
	top: 50% !important;
	bottom: 50% !important;
	display: inline-block !important;
	left: 30px;
	color:var(--magenta) !important;
	font-size: 26px !important;
	padding: 5px !important;
	background:rgba(0,0,0,0.8) !important;
	display: block !important;
	width: 40px;
	height: 40px;
	
	
}



.slider_text_iner p{
	
	position:absolute;
	top:20px;
	background:var(--magenta);
	
	
}


.banner_part .banner_text {
  padding-top: 100px;
}


.banner_part .banner_text h5 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
  font-family: "kufi";
  margin-bottom: 25px;
  color:var(--magenta);
  position: relative;.banner_part
  z-index: 1;
  letter-spacing: 1px;
  color:var(--black);
}


.banner_part .banner_text p {
  color:var(--magenta);
  line-height: 1.8;
}

/* line 52,  */
.banner_part .banner_text h1 {
  font-size: 50px;
  font-family: "kufi";
  font-weight: 600;
  margin-bottom: 19px;
  line-height: 1.273;
  color:var(--magenta);
}




/* line 70,  */
.banner_part .banner_text h1 span {
  color:var(--black);
}

/* line 74,  */
.banner_part .banner_text .btn_1 {
  color:var(--magenta);
  display: flex;
  align-items: center;
}

/* line 78,  */
.banner_part .banner_text .btn_1 img {
  max-width: 20px;
  margin: 0 auto;
  padding-top: 20px;
}

/* line 83,  */
.banner_part .banner_text .btn_1:hover {
  color:var(--black) !important;
}




/* line 100,  */
.banner_part .nav {
  position: absolute;
  height: 60px;
  width: 60px;
  line-height: 60px;
  display: inline-block;
  text-align: center;
  color:var(--magenta) !important;
  position: absolute;
  left: -25px;
  top: 50%;
  transition: all 1s;
  transform: rotate(-90deg);
}

/* line 113,  */
.banner_part .nav:hover {
  background:rgba(255, 255, 255, 0.3) !important;
  color:var(--black) !important;
}


/* line 120,  */
.banner_part .nav span {
  color:var(--magenta);
}

/* line 124,  */
.banner_part .next {
  margin-top: 60px;
  transform: rotate(-90deg);
}

/**************** hero part css end ****************/
/*************** our speciality *****************/

.our_speciality {

  z-index: 99;
  background:var(--magenta);
  right: 0;
  left: 0;
}


.our_speciality .single_special_part {
  background:var(--magenta);
  width: 33.33%;
  float:left;
  position: relative;
  padding: 45px 50px;
  border-right: 1px solid #d3d3d3;
}


.our_speciality .single_special_part:first-child {
  border-right: 0px solid transparent;
}






.our_speciality .single_special_part img {
  position: absolute;
  right: 50px;
  top: 80px;
}




/* line 62,  */
.our_speciality .single_special_part .single_special_text {
  padding-right: 85px;
}



/* line 76,  */
.our_speciality .single_special_part .single_special_text p {
  font-size: 14px;
  width:150%;
}

/* line 79,  */
.our_speciality .single_special_part .single_special_text h3 {
  font-weight: 600;
  margin-bottom: 24px;
}







.about_part .about_part_text h2 {
  color:#010101;
  font-weight: 600;
  margin-bottom: 27px;
  font-size: 48px;
  line-height: 39px;
}





/* line 63,  */
.about_part .about_img img {
  width: 100%;
  left: 0;
  margin-bottom:30px;
}









.service_part .service_text {
  padding: 0 25px 0 0;
  border-right: 3px solid var(--black);
  margin-right: 26px;
  direction:rtl;
}








.service_part .mt_less_115 {
  margin-top: -115px;
}


/* line 60,  */
.service_part .owl-prev, .service_part .owl-next {
  background:transparent;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color:var(--magenta);
  position: absolute;
  left:calc(100% - 50px);
  top: -85px;
  color:var(--black) !important;
  transition: all 1s;
}

/* line 73,  */
.service_part .owl-prev:hover, .service_part .owl-next:hover {
  background:var(--black) !important;
  color:var(--magenta) !important;
}

/* line 78,  */
.service_part .owl-prev {
  margin-right: 50px;
}

/* line 82,  */
.single_service_padding {
  padding: 130px 0px;
}




/************** project part starrt**************/

.project_part {
  background-image: url(../img/project/project_bg.webp);
  background-position: center left;
  background-size: contain;
  background-repeat: no-repeat;
}


.project_part .project_menu ul li {
  display: inline-block;
}


.project_part .project_menu a {
  padding: 10px 25px;
  border: 1px solid #d3d3d3;
  color:var(--black);
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 15px;
  text-transform: uppercase;
}


.project_part .single_project_text {
	position: relative;
    padding-right: 100px;
    width: 100%;
    padding-top: 30px;
	overflow:hidden;
}


/* line 60,  */
.project_part .single_project_text .client_img {
  position: absolute;
  right: 40px;
  right: 0;
  top: -20px;
  max-width: 78px;
}





/* line 86,  */
.project_part .single_project_text .admin_name {
  color:var(--black);
  font-size: 22px;
  font-weight: 600;
  line-height:34px;
}







/* line 98,  */
.project_part .single_project_text span {
  font-weight: 300;
  color:var(--magenta);
  display:inline-block;
  
}

/* line 104,  */
.project_part .single_project_text p {
  margin-top: 30px;
}




/* line 122,  */
.project_part .single_project_text .btn_1 {
  display: flex;
  align-items: center;
  direction:rtl;
}



/* line 128,  */
.project_part .single_project_text .btn_1 img {
  max-width: 23px;
  margin: 0 auto;
  padding-top: 17px;
}

/* line 136,  */
.project_part .owl-prev,
.project_part .owl-next {
  background:transparent;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color:var(--magenta);
  position: absolute; 
  left: calc(100% - 80px);
  top: -75px;
  color:var(--magenta) !important;
  transition: all 1s;
}


.clients_part{
	margin:20px auto;
	overflow:hidden;
}

.clients_part .owl-prev,
.clients_part .owl-next {
  background:transparent;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  position: absolute; 
  left: calc(100% - 80px);
  top: -75px;
  color:var(--black) !important;
  transition: all 1s;
}





/* line 151,  */
.project_part .owl-prev:hover,
.project_part .owl-next:hover {
  background:var(--black) !important;
  color:var(--magenta) !important;
}

/* line 157,  */
.project_part .owl-prev {
  margin-right: 50px;
}

/* line 162,  */
.project_part .single_project_slide .col-lg-6:nth-child(2n+0) {
  margin-top: 220px;
}




.clients_part .owl-prev:hover,
.clients_part .owl-next:hover {
  background:var(--black) !important;
  color:var(--black) !important;
}

/* line 157,  */
.clients_part .owl-prev {
  margin-right: 50px;
}

/* line 162,  */
.clients_part .single_project_slide .col-lg-6:nth-child(2n+0) {
  margin-top: 220px;
}




/* line 181,  */
.single_page_project .owl-prev, .single_page_project .owl-next {
  left: 0;
  top: -3px;
}

/* line 187,  */
.single_page_project .single_project_slide .col-lg-6:nth-child(2n+0) {
  margin-top: 70px;
}


/**************** blog post css ******************/
.blog_part {
  position: relative;
  padding: 0 0 160px;
  background:url(../img/blog/blog_bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: content;
}




.blog_part .section_tittle h2 {
  margin-bottom: 40px;
}


.blog_part .single_project_text {
  background:var(--light1);
  padding: 40px 50px 40px;
  position: absolute;
  top: -233px;
  right: 70%;
  left: -69%;
}







.blog_part .single_project_text .single_project_tittle {
  margin-bottom: 25px;
}



/* line 72,  */
.blog_part .single_project_text .single_project_tittle h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}

/* line 77,  */
.blog_part .single_project_text .single_project_tittle h4 a {
  color:var(--black);
}

/* line 81,  */
.blog_part .single_project_text .single_project_tittle p {
  font-size: 16px;
}

.blog_part .single_project_text .single_project_tittle span {
  float:left;
  margin-top: -70px;
  font-weight: 600;
  color:var(--black);
}


.blog_part .single_blog_post {
  margin-bottom: 75px;
}

.blog_part .owl-next {
  height: 60px;
  width: 180px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color:var(--magenta);
  position: absolute;
  transition: all 1s;
  background:var(--black) !important;
  color:var(--magenta) !important;
  bottom: 37px;
  right: 24.8%;
}




/* line 124,  */
.blog_part .slider-counter {
  position: absolute;
  left: 40%;
  top: 0;
  transform: rotate(90deg);
  font-weight: 600;
}


/* line 144,  */
.single_page_blog {
  padding-top: 130px;
}

/*************** contact us start******************/

.contact_us {
  position: relative;
  z-index: 5;
}


.contact_us .contact_us_iner {
  background:var(--black);
  padding: 95px 0px;
}




.contact_us .contact_us_iner p {
  color:var(--black);
}


.contact_us .contact_us_iner .contact_us_left_text h4 {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 27px;
}


.contact_us .contact_us_iner .contact_us_left_text span {
  font-size: 14px;
  float:left;
}


.contact_us .contact_us_iner .contact_us_left_text p {
  margin-bottom: 25px;
}




/* line 52,  */
.contact_us .contact_us_iner .contact_us_right_text h5 {
  font-size: 16px;
  font-weight: 600;
}

/* line 56,  */
.contact_us .contact_us_iner .contact_us_right_text h2 {
  font-size: 36px;
  margin-bottom: 34px;
}



/* line 76,  */
.contact_us .contact_us_iner .contact_us_right_text span {
  margin-bottom: 30px;
  display: inline-block;
}


.map_part {
  position: relative;
  z-index: 1;
  margin-top: -225px;
}





.map_part .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}


.map_part .map {
  height: 770px;
}






/************** home tips css******************/

.home_tips {

  position: relative;
  z-index: 99;
}


.home_tips h1 {
  font-size: 48px;
  font-weight: 600;
}


.home_tips p {
  padding: 40px 0px 30px 0px;
  font-size:18px;
  line-height:36px;
  text-align:right;
  

}

.slide_height{
	background:#1A2733;
	height:340px;
}
				
.single_slide_item p{
	color:var(--magenta);
}
				
				

.home_tips_video_popup{
	
	position:relative;
}


.home_tips .popup-youtube {
  height: 35px;
  width: 60px;
  display: inline-block;
  background:red;
  color:var(--magenta);
  line-height: 44px;
  border-radius: 10px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: calc( 50% - 20px );
}


.home_tips .popup-youtube i {
  font-size: 25px;
  margin-right: 6px;
  margin-top: 6px;
}


.overlay_section {
  background:var(--light1);
  position: relative;
  z-index: 1;
  height: 635px;
}


.overlay_section:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*************** single_page_special ********************/

.single_page_special {
  margin-top: 0px;
  padding: 100px 0px 100px 0px;
}


.single_page_special .single_page_special_item {
  background:var(--light1);
  border: 25px solid var(--magenta);
  -webkit-transition: 1s;
  transition: 1s;
  margin-top:100px;
}


.single_page_special .single_page_special_item img {
  max-width: 60px;
  max-height: 60px;
  -webkit-transition: 1s;
  transition: 1s;
}


.single_page_special .single_page_special_item span {
  max-width: 60px;
  max-height: 60px;
  -webkit-transition: 1s;
  transition: 1s;
  color:var(--red);
  float:left;
}

/* line 13,  */
.single_page_special .single_page_special_item h3 {
  margin: 10px 0px 18px 0;
  -webkit-transition: 1s;
  transition: 1s;
  padding-right:35px;
  text-align:right;
}


.single_page_special .single_page_special_item p {
  -webkit-transition: 1s;
  transition: 1s;
}


.single_page_special .single_page_special_item .single_slide_item {
  -webkit-transition: 1s;
  transition: 1s;
  padding: 48px;
}


.single_page_special .single_page_special_item .single_slide_item:hover {
  background:#071522;
}


.single_page_special .single_page_special_item .single_slide_item:hover h3 {
  color:var(--magenta);
}


.single_page_special .single_page_special_item .single_slide_item:hover p {
  color:var(--magenta);
}


.single_page_special .owl-prev,
.single_page_special .owl-next {
  background:transparent;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color:var(--magenta);
  position: absolute;
  left: -25px;
  top: -80px;
  color:var(--magenta) !important;
  transition: all 1s;
}


.single_page_special .owl-prev:hover,
.single_page_special .owl-next:hover {
  background:var(--black) !important;
  color:var(--magenta) !important;
}

/* line 55,  */
.single_page_special .owl-prev {
  margin-right: 80px;
}

/************** project  details gallery ******************/

.project_gallery .grid-sizer,
.project_gallery .grid-item {
  width: 23%;
  height: auto;
  margin: 1%;
}



  /* line 13,  */
  .project_gallery .grid-sizer img,
  .project_gallery .grid-item img {
    width: 100%;
  }
}


.project_gallery .grid-item {
  height: auto;
  float:left;
}


.project_gallery .project_img img {
  max-width: 100%;
}


.project_gallery .big_weight {
  width: 48%;
  height: auto;
}




.project_gallery h2 {
  text-transform: capitalize;
  font-weight: 800;
  font-size: 48px;
  margin-bottom: 80px;
}





/* line 64,  */
.project_details_text, .project_details_sidebar {
  margin-top: 130px;
}






/* line 80,  */
.project_details_text h2 {
  text-transform: capitalize;
  font-weight: 800;
  font-size: 48px;
}





/* line 97,  */
.project_details_text p {
  margin-top: 40px;
}






/* line 113,  */
.project_details_sidebar {
  padding: 50px 30px 0 30px;
  border: 1px solid #bdbdbd;
}





/* line 128,  */
.project_details_sidebar h4 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 15px;
}

/* line 133,  */
.project_details_sidebar p {
  border-bottom: 1px solid #bdbdbd;
  padding: 25px 0;
  font-weight: 500;
  font-size: 16px;
}

/* line 136,  */
.project_details_sidebar p:last-child {
  border-bottom: 0px solid transparent;
}

/* line 141,  */
.project_details_sidebar p span {
  float:left;
  color:#888888;
  font-weight: 300;
}

/* line 147,  */
.project_details_sidebar i {
  color:var(--black);
  margin-right: 20px;
}

/**************** copyright part css start ****************/

.copyright_part {
	padding: 10px 0px 15px 0px;
	background:var(--white_bg);
	font-family: 'kufi';
	font-size: 14px;
	color:var(--dark2);
}





/* line 16, fonts */
.copyright_part p {
  color:#777777;
  font-family: 300;
}

/* line 20, fonts */
.copyright_part a {
    color:var(--gray);
    font-weight: bold;

}




/* line 36, fonts */
.copyright_part .footer-social a {
  width: 35px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  border: 1px solid #ff7e5f;
  text-align: center;
  margin-right: 10px;
  color:var(--magenta);
}

/* line 46, fonts */
.copyright_part .footer-social a:hover {
  background:#ff7e5f !important;
  color:var(--magenta) !important;
}

/* line 51, fonts */
.copyright_part .footer-social a i:hover {
  color:var(--magenta);
}




/* line 82, fonts */
.copyright_part span.ti-heart {
  font-size: 12px;
  margin: 0px 2px;
}

/*=================== contact banner start ====================*/

.contact-info {
    margin-bottom: 30px;
    border: solid 1px #ddd;
    padding-bottom: 0px;
    padding: 20px;
	background:var(--white_bg);
	min-height:40px;
}

.contact-info-noboarder{
	border:0 !important;
}


.ex_date {
    margin-bottom: 30px;
    border: solid 1px #ddd;
    padding-bottom: 0px;
    padding: 20px;
	background:var(--white_bg);
	min-height:40px;
}



.contact-info__icon {
	margin-left: 20px;
    float: right;
    margin-bottom: 0px;
    height: 100%;
    display: block;
}


.contact-info__icon i, .contact-info__icon span {
  color:var(--red);
  font-size: 45px;
}

.download_icon i{
   color:var(--red);
  font-size: 30px;
}

.media-body{
	margin-bottom:0px !important;
}

.media-body a.a_background {
	border-radius: 20px !important;
    padding: 0px 0px !important;
    margin-right: 0px !important;
    color:var(--magenta) !important;
    height: 35px !important;
    display: inline-block;
    line-height: 34px;
    font-size: 18px;
    font-family: 'Cairo';
	font-weight:500;
}


.contact-info .media-body h3 {
	font-size: 18px;
    margin-bottom: 0;
    color:var(--magenta);
    margin-right: 73px;
    font-family: 'Cairo';
    line-height: 20px !important;
    margin-top: 0px !important;
    font-weight: 500 !important;

    font-family: 'Cairo';
}


.contact-info .media-body h3 a:hover {
  color:#02b6a7;
}


.contact-info .media-body p {
	text-align: right;
    font-weight: bold;
    color:var(--magenta);
    font-size: 22px;
    margin-bottom: 5px !important;
    display: block;
    margin-right: 73px;
    padding-bottom: 0;
}

.contact-info .media-body p::after{
border:solid 3px var(--magenta)xxx;
width:50px;
display:block;
content:'';
}



.contact-title {
  font-size: 24px !important;
  font-weight: 600;
  margin:50px 0px;
  border-bottom: 3px solid;
  display:inline-block;
  padding-bottom:10px;
}


.manager_title {
  font-size: 20px !important;
  font-weight: 600;
  margin:20px 0px 0px 0px;
  display:inline-block;

}


.job_desc{
	color:var(--dark2);
    font-size: 16px;
    font-family: 'Cairo';
    font-weight: 200;
    
}


.media-body h3{
		height:auto;
		text-align:right;
		margin-top:10px;
	}





.page_title{
	text-align:center;
	display:block;
	line-height:46px;
	font-size: 26px;
	font-weight: 600;
	margin: 0px auto 20px ;
	
}




.page_title_nopadding{
	text-align:center;
	display:inline-block;
	line-height:46px;
	font-size: 36px;
	font-weight: 600;
	margin:40px auto;
	

}


.page_title_nopadding:after{
	

    border-bottom: 3px solid;
    content: "";
    display: block;
    margin: s0px auto 30px;
    width: 100px;
}


.form-contact label {
font-size: 14px;
color:#ccc;
float:right;
margin-top: 10px;
color:var(--white);
font-family: 'kufi', sans-serif;
width:100%;
}


.field_val{
	font-size:14px;
	color:var(--red);
	margin-top:10px;
}

.form-contact .form-group {
  margin-bottom: 30px;
  text-align:center;
}

/* line 54,  */
.form-contact .contact-section .btn_4 {
  margin-bottom: 0px !important;
}

/* line 58,  */
.form-contact .form-control {
  border: 1px solid #fff;
  border-radius: 0px;
  height: 48px;
  padding-right: 18px;
  font-size: 16px;
  background:transparent;
  color:var(--white);
  font-family: 'cairo';
  line-height: 30px;
}

.form-contact::-webkit-input-placeholder{
	
	color:var(--magenta);
}
/* line 66,  */
.form-contact .form-control:focus {
  outline: 0;
  box-shadow: none;
}

/* line 71,  */
.form-contact .form-control::placeholder {
  font-weight: 300;
  color:#f7fafc;
}

/* line 77,  */
.form-contact textarea {
  border-radius: 12px;
  height: 100% !important;
}

/*=================== contact form end ====================*/
/* Contact Success and error Area css
============================================================================================ */
/* line 94,  */
.modal-message .modal-dialog {
  position: absolute;
  top: 36%;
  right: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
  margin: 0px;
  max-width: 500px;
  width: 100%;
}

/* line 103,  */
.modal-message .modal-dialog .modal-content .modal-header {
  text-align: center;
  display: block;
  border-bottom: none;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 109,  */
.modal-message .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  left: -15px;
  top: -15px;
  padding: 0px;
  color:var(--magenta);
  opacity: 1;
  cursor: pointer;
}

/* line 118,  */
.modal-message .modal-dialog .modal-content .modal-header h2 {
  display: block;
  text-align: center;
  padding-bottom: 10px;
}

/* line 123,  */
.modal-message .modal-dialog .modal-content .modal-header p {
  display: block;
}

/* line 131,  */
.form-group .btn_1 {
  border: 1px solid #d3d3d3;
  padding: 5px 5px 5px 15px;
  margin-top: 10px;
}

/* line 75,  */
.sample-text-area {
  background:var(--magenta);
  padding: 100px 0 70px 0;
}

/* line 80,  */
.text-heading {
  margin-bottom: 30px;
  font-size: 24px;
}

/* line 85,  */
b,
sup,
sub,
u,
del {
  color:var(--black);
}


h1 {
  font-size: 36px;
}

.h1_normal {
  font-size: 17px !important; 
  line-height:44px !important;
  color:#555;
 font-family: 'kufi', sans-serif;

}

.body_noise_dark .h1_normal{
	
	  color:var(--magenta);
}


.body_noise_dark .page_title_nopadding{
	color:var(--magenta);
}

.body_noise_dark h2{
	 color:var(--magenta);
}

.body_noise_dark .h2_normal{
	 color:var(--magenta);
}

.body_noise_dark h3{
	color:var(--magenta);
}

.body_noise_dark ol{
	
	color:#ccc;
} 

h2 {
  font-size:32px;
}



.h2_normal {
  font-size: 15px !important; 
  line-height:40px !important;
  color:#555;
 font-family: 'kufi', sans-serif;

}




h3 {
  font-size: 16px; 
  margin:15px 0px;
  line-height:30px !important;
}



.h3_normal {
  font-size: 15px !important; 
  line-height:40px !important;
  color:#555;
 font-family: 'kufi', sans-serif;

}





h4 {
  font-size: 16px;
}


h5 {
  font-size: 16px;
}


h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
}

/* line 127,  */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  color:#828bb2;
}

/* line 137,  */
.button-area {
  background:var(--magenta);
}

/* line 138,  */
.button-area .border-top-generic {
  padding: 70px 15px;
  border-top: 1px dotted #f7fafc;
}

/* line 146,  */
.button-group-area .genric-btn {
  margin-right: 10px;
  margin-top: 10px;
}

/* line 149,  */
.button-group-area .genric-btn:last-child {
  margin-right: 0;
}

/* line 155,  */
.genric-btn {
  display: inline-block;
  outline: none;
  line-height: 40px;
  padding: 0 30px;
  font-size: .8em;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 166,  */
.genric-btn:focus {
  outline: none;
}

/* line 169,  */
.genric-btn.e-large {
  padding: 0 40px;
  line-height: 50px;
}

/* line 173,  */
.genric-btn.large {
  line-height: 45px;
}

/* line 176,  */
.genric-btn.medium {
  line-height: 30px;
}

/* line 179,  */
.genric-btn.small {
  line-height: 25px;
}

/* line 182,  */
.genric-btn.radius {
  border-radius: 3px;
}

/* line 185,  */
.genric-btn.circle {
  border-radius: 20px;
}

/* line 188,  */
.genric-btn.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 195,  */
.genric-btn.arrow span {
  margin-right: 10px;
}

/* line 199,  */
.genric-btn.default {
  color:#415094;
  background:#f9f9ff;
  border: 1px solid transparent;
}

/* line 203,  */
.genric-btn.default:hover {
  border: 1px solid #f9f9ff;
  background:var(--magenta);
}

/* line 208,  */
.genric-btn.default-border {
  border: 1px solid #f9f9ff;
  background:var(--magenta);
}

/* line 211,  */
.genric-btn.default-border:hover {
  color:#415094;
  background:#f9f9ff;
  border: 1px solid transparent;
}

/* line 217,  */
.genric-btn.primary {
  color:var(--magenta);
  background:var(--black);
  border: 1px solid transparent;
}

/* line 221,  */
.genric-btn.primary:hover {
  color:var(--black);
  border: 1px solid var(--black);
  background:var(--magenta);
}

/* line 227,  */
.genric-btn.primary-border {
  color:var(--black);
  border: 1px solid var(--black);
  background:var(--magenta);
}

/* line 231,  */
.genric-btn.primary-border:hover {
  color:var(--magenta);
  background:var(--black);
  border: 1px solid transparent;
}

/* line 237,  */
.genric-btn.success {
  color:var(--magenta);
  background:#4cd3e3;
  border: 1px solid transparent;
}

/* line 241,  */
.genric-btn.success:hover {
  color:#4cd3e3;
  border: 1px solid #4cd3e3;
  background:var(--magenta);
}

/* line 247,  */
.genric-btn.success-border {
  color:#4cd3e3;
  border: 1px solid #4cd3e3;
  background:var(--magenta);
}

/* line 251,  */
.genric-btn.success-border:hover {
  color:var(--magenta);
  background:#4cd3e3;
  border: 1px solid transparent;
}

/* line 257,  */
.genric-btn.info {
  color:var(--magenta);
  background:#38a4ff;
  border: 1px solid transparent;
}

/* line 261,  */
.genric-btn.info:hover {
  color:#38a4ff;
  border: 1px solid #38a4ff;
  background:var(--magenta);
}

/* line 267,  */
.genric-btn.info-border {
  color:#38a4ff;
  border: 1px solid #38a4ff;
  background:var(--magenta);
}

/* line 271,  */
.genric-btn.info-border:hover {
  color:var(--magenta);
  background:#38a4ff;
  border: 1px solid transparent;
}

/* line 277,  */
.genric-btn.warning {
  color:var(--magenta);
  background:#f4e700;
  border: 1px solid transparent;
}

/* line 281,  */
.genric-btn.warning:hover {
  color:#f4e700;
  border: 1px solid #f4e700;
  background:var(--magenta);
}

/* line 287,  */
.genric-btn.warning-border {
  color:#f4e700;
  border: 1px solid #f4e700;
  background:var(--magenta);
}

/* line 291,  */
.genric-btn.warning-border:hover {
  color:var(--magenta);
  background:#f4e700;
  border: 1px solid transparent;
}

/* line 297,  */
.genric-btn.danger {
  color:var(--magenta);
  background:#f44a40;
  border: 1px solid transparent;
}

/* line 301,  */
.genric-btn.danger:hover {
  color:#f44a40;
  border: 1px solid #f44a40;
  background:var(--magenta);
}

/* line 307,  */
.genric-btn.danger-border {
  color:#f44a40;
  border: 1px solid #f44a40;
  background:var(--magenta);
}

/* line 311,  */
.genric-btn.danger-border:hover {
  color:var(--magenta);
  background:#f44a40;
  border: 1px solid transparent;
}

/* line 317,  */
.genric-btn.link {
  color:#415094;
  background:#f9f9ff;
  text-decoration: underline;
  border: 1px solid transparent;
}

/* line 322,  */
.genric-btn.link:hover {
  color:#415094;
  border: 1px solid #f9f9ff;
  background:var(--magenta);
}

/* line 328,  */
.genric-btn.link-border {
  color:#415094;
  border: 1px solid #f9f9ff;
  background:var(--magenta);
  text-decoration: underline;
}

/* line 333,  */
.genric-btn.link-border:hover {
  color:#415094;
  background:#f9f9ff;
  border: 1px solid transparent;
}

/* line 339,  */
.genric-btn.disable {
  color:#222222, 0.3;
  background:#f9f9ff;
  border: 1px solid transparent;
  cursor: not-allowed;
}

/* line 347,  */
.generic-blockquote {
  padding: 30px 50px 30px 30px;
  background:#f9f9ff;
  border-right: 2px solid var(--black);
}

/* line 353,  */
.progress-table-wrap {
  overflow-x: scroll;
}

/* line 357,  */
.progress-table {
  background:#f9f9ff;
  padding: 15px 0px 30px 0px;
  min-width: 800px;
}

/* line 361,  */
.progress-table .serial {
  width: 11.83%;
  padding-right: 30px;
}

/* line 365,  */
.progress-table .country {
  width: 28.07%;
}

/* line 368,  */
.progress-table .visit {
  width: 19.74%;
}

/* line 371,  */
.progress-table .percentage {
  width: 40.36%;
  padding-left: 50px;
}

/* line 375,  */
.progress-table .table-head {
  display: flex;
}

/* line 377,  */
.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
  color:#415094;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 500;
}

/* line 387,  */
.progress-table .table-row {
  padding: 15px 0;
  border-top: 1px solid #edf3fd;
  display: flex;
}

/* line 391,  */
.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
  display: flex;
  align-items: center;
}

/* line 399,  */
.progress-table .table-row .country img {
  margin-right: 15px;
}

/* line 404,  */
.progress-table .table-row .percentage .progress {
  width: 80%;
  border-radius: 0px;
  background:transparent;
}

/* line 408,  */
.progress-table .table-row .percentage .progress .progress-bar {
  height: 5px;
  line-height: 5px;
}

/* line 411,  */
.progress-table .table-row .percentage .progress .progress-bar.color-1 {
  background:#6382e6;
}

/* line 414,  */
.progress-table .table-row .percentage .progress .progress-bar.color-2 {
  background:#e66686;
}

/* line 417,  */
.progress-table .table-row .percentage .progress .progress-bar.color-3 {
  background:#f09359;
}

/* line 420,  */
.progress-table .table-row .percentage .progress .progress-bar.color-4 {
  background:#73fbaf;
}

/* line 423,  */
.progress-table .table-row .percentage .progress .progress-bar.color-5 {
  background:#73fbaf;
}

/* line 426,  */
.progress-table .table-row .percentage .progress .progress-bar.color-6 {
  background:#6382e6;
}

/* line 429,  */
.progress-table .table-row .percentage .progress .progress-bar.color-7 {
  background:#a367e7;
}

/* line 432,  */
.progress-table .table-row .percentage .progress .progress-bar.color-8 {
  background:#e66686;
}

/* line 441,  */
.single-gallery-image {
  margin-top: 30px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 200px;
}

/* line 449,  */
.list-style {
  width: 14px;
  height: 14px;
}

/* line 455,  */
.unordered-list li {
  position: relative;
  padding-right: 30px;
  line-height: 1.82em !important;
}

/* line 459,  */
.unordered-list li:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid var(--black);
  background:var(--magenta);
  top: 4px;
  right: 0;
  border-radius: 50%;
}

/* line 473,  */
.ordered-list {
  margin-right: 30px;
}

/* line 475,  */
.ordered-list li {
  list-style-type: decimal-leading-zero;
  color:var(--black);
  font-weight: 500;
  line-height: 1.82em !important;
}

/* line 480,  */
.ordered-list li span {
  font-weight: 300;
  color:#828bb2;
}

/* line 488,  */
.ordered-list-alpha li {
  margin-right: 30px;
  list-style-type: lower-alpha;
  color:var(--black);
  font-weight: 500;
  line-height: 1.82em !important;
}

/* line 494,  */
.ordered-list-alpha li span {
  font-weight: 300;
  color:#828bb2;
}

/* line 502,  */
.ordered-list-roman li {
  margin-right: 30px;
  list-style-type: lower-roman;
  color:var(--black);
  font-weight: 500;
  line-height: 1.82em !important;
}

/* line 508,  */
.ordered-list-roman li span {
  font-weight: 300;
  color:#828bb2;
}

/* line 515,  */
.single-input {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background:#f9f9ff;
  padding: 0 20px;
}

/* line 523,  */
.single-input:focus {
  outline: none;
}

/* line 528,  */
.input-group-icon {
  position: relative;
}

/* line 530,  */
.input-group-icon .icon {
  position: absolute;
  right: 20px;
  top: 0;
  line-height: 40px;
  z-index: 3;
}

/* line 535,  */
.input-group-icon .icon i {
  color:#797979;
}

/* line 540,  */
.input-group-icon .single-input {
  padding-right: 45px;
}

/* line 545,  */
.single-textarea {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background:#f9f9ff;
  padding: 0 20px;
  height: 100px;
  resize: none;
}

/* line 555,  */
.single-textarea:focus {
  outline: none;
}

/* line 560,  */
.single-input-primary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background:#f9f9ff;
  padding: 0 20px;
}

/* line 568,  */
.single-input-primary:focus {
  outline: none;
  border: 1px solid var(--black);
}

/* line 574,  */
.single-input-accent {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background:#f9f9ff;
  padding: 0 20px;
}

/* line 582,  */
.single-input-accent:focus {
  outline: none;
  border: 1px solid #eb6b55;
}

/* line 588,  */
.single-input-secondary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background:#f9f9ff;
  padding: 0 20px;
}

/* line 596,  */
.single-input-secondary:focus {
  outline: none;
  border: 1px solid #f09359;
}

/* line 602,  */
.default-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 609,  */
.default-switch input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* line 619,  */
.default-switch input + label {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background:var(--black);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 632,  */
.default-switch input:checked + label {
  right: 19px;
}

/* line 639,  */
.primary-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 646,  */
.primary-switch input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 655,  */
.primary-switch input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 663,  */
.primary-switch input + label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background:transparent;
  border-radius: 8.5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/* line 677,  */
.primary-switch input + label:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background:var(--magenta);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 693,  */
.primary-switch input:checked + label:after {
  right: 19px;
}

/* line 696,  */
.primary-switch input:checked + label:before {
  background:var(--black);
}

/* line 704,  */
.confirm-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 711,  */
.confirm-switch input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 720,  */
.confirm-switch input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 728,  */
.confirm-switch input + label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background:transparent;
  border-radius: 8.5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

/* line 742,  */
.confirm-switch input + label:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background:var(--magenta);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 758,  */
.confirm-switch input:checked + label:after {
  right: 19px;
}

/* line 761,  */
.confirm-switch input:checked + label:before {
  background:#4cd3e3;
}

/* line 769,  */
.primary-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 776,  */
.primary-checkbox input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 785,  */
.primary-checkbox input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 798,  */
.primary-checkbox input:checked + label {
  background:url(../img/elements/primary-check.webp) no-repeat center center/cover;
  border: none;
}

/* line 806,  */
.confirm-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 813,  */
.confirm-checkbox input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 822,  */
.confirm-checkbox input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 835,  */
.confirm-checkbox input:checked + label {
  background:url(../img/elements/success-check.webp) no-repeat center center/cover;
  border: none;
}

/* line 843,  */
.disabled-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 850,  */
.disabled-checkbox input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 859,  */
.disabled-checkbox input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 871,  */
.disabled-checkbox input:disabled {
  cursor: not-allowed;
  z-index: 3;
}

/* line 876,  */
.disabled-checkbox input:checked + label {
  background:url(../img/elements/disabled-check.webp) no-repeat center center/cover;
  border: none;
}

/* line 884,  */
.primary-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 891,  */
.primary-radio input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 900,  */
.primary-radio input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 913,  */
.primary-radio input:checked + label {
  background:url(../img/elements/primary-radio.webp) no-repeat center center/cover;
  border: none;
}

/* line 921,  */
.confirm-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 928,  */
.confirm-radio input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 937,  */
.confirm-radio input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 950,  */
.confirm-radio input:checked + label {
  background:url(../img/elements/success-radio.webp) no-repeat center center/cover;
  border: none;
}

/* line 958,  */
.disabled-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background:#f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 965,  */
.disabled-radio input {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 974,  */
.disabled-radio input + label {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 986,  */
.disabled-radio input:disabled {
  cursor: not-allowed;
  z-index: 3;
}

/* line 991,  */
.disabled-radio input:checked + label {
  background:url(../img/elements/disabled-radio.webp) no-repeat center center/cover;
  border: none;
}

/* line 999,  */
.default-select {
  height: 40px;
}

/* line 1001,  */
.default-select .nice-select {
  border: none;
  border-radius: 0px;
  height: 40px;
  background:#f9f9ff;
  padding-right: 20px;
  padding-left: 40px;
}

/* line 1008,  */
.default-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0px;
}

/* line 1015,  */
.default-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-right: 20px;
}

/* line 1022,  */
.default-select .nice-select .list .option.selected {
  color:var(--black);
  background:transparent;
}

/* line 1026,  */
.default-select .nice-select .list .option:hover {
  color:var(--black);
  background:transparent;
}

/* line 1033,  */
.default-select .current {
  margin-right: 50px;
  font-weight: 300;
}

/* line 1037,  */
.default-select .nice-select::after {
  left: 20px;
}

/* line 1042,  */
.form-select {
  height: 40px;
  width: 100%;
}

/*  */
.form-select .nice-select {
  border: none;
  border-radius: 0px;
  height: 40px;
  background:#f9f9ff;
  padding-right: 45px;
  padding-left: 40px;
  width: 100%;
}

/*  */
.form-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0px;
}

/*  */
.form-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-right: 45px;
}

/* line 1067,  */
.form-select .nice-select .list .option.selected {
  color:var(--black);
  background:transparent;
}

/* line 1071,  */
.form-select .nice-select .list .option:hover {
  color:var(--black);
  background:transparent;
}

/* line 1078,  */
.form-select .current {
  margin-right: 50px;
  font-weight: 300;
}

/* line 1082,  */
.form-select .nice-select::after {
  left: 20px;
}

/* line 1086,  */
.mt-10 {
  margin-top: 10px;
}

/* line 1089,  */
.section-top-border {
  padding: 50px 0;
  border-top: 1px dotted #f7fafc;
}

/* line 1093,  */
.mb-30 {
  margin-bottom: 30px;
}

/* line 1096,  */
.mt-30 {
  margin-top: 30px;
}

/* line 1099,  */
.switch-wrap {
  margin-bottom: 10px;
}

/* line 2, s */
.footer-area {
	padding: 70px 20px 70px;
    direction: rtl;
    background:var(--magenta);
    background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	
}

.footer-areax:after {
    content: "";
    position: absolute;
    left: 0;
    top: -80px;
    width: 50%;
    height: 200px;
    background:var(--magenta);
    -webkit-transform: skew(0deg,170deg);
    transform: skew(0deg, 170deg);
    z-index: 0;
	
	    border-bottom: solid 20px #ddd;

}

.footer-areax:before {
    content: "";
    position: absolute;
    right: 0;
    top: -80px;
    width: 50.2%;
    height:200px;
    background:var(--magenta);
    -webkit-transform: skew(0deg, -170deg);
    transform: skew(0deg, -170deg);
    z-index: 0;
	border-bottom: solid 20px #ddd;
}




.txt-rotate span{
	
	font-size:inherit !important;
}

/* line 9, s */
.footer-area .footer_2 .contact_info {
  position: relative;
}

/* line 13, s */
.footer-area .social_icon {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align:center;
}

/* line 15, s */
.footer-area .social_icon a {
  color:var(--light2);
  margin: 0px 10px 10px 0px;
  transition: all .5s;
  display:inline-block;

}

/* line 19, s */
.footer-area .social_icon a:hover {
  color:var(--red);
}



/* line 29, s */
.footer-area .single-footer-widget p {
  color:var(--light2);
  font-size: 15px;
  line-height: 1.8;
}

/* line 35, s */
.footer-area .single-footer-widget h4 {
	margin-bottom: 20px;
	margin-top: 50px;
	text-align:right;
	font-size: 16px;
	color:var(--red);
	border-bottom: solid 1px var(--magenta);
	padding-bottom: 12px;
	width: 100px;
  
}


.fa-angle-double-left{
	margin-left:5px !important;
}


/* line 47, s */
.footer-area .single-footer-widget h5 {
  font-size: 16px;
  color:var(--magenta);
}

/* line 54, s */
.footer-area .single-footer-widget ul li {
	margin-bottom: 0px;
    font-family: 'kufi';
    font-size: 14px;
	text-align:right;
}

/* line 56, s */
.footer-area .single-footer-widget ul li a {
	color:var(--light2);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: right;
    font-size: 15px;
    padding: 7px 5px;
    font-family: 'Cairo';
	font-weight:300;

}

/* line 60, s */
.footer-area .single-footer-widget ul li a:hover {
	color:var(--white) !important;
    

}
.single-footer-widget h3{

width:140px;position: relative;text-align: right;height: 55px;color:var(--white);margin-bottom:0px;
}
/* line 64, s */
.footer-area .single-footer-widget ul li:last-child {
  margin-bottom: 0px;
}

/* line 69, s */
.footer-area .single-footer-widget .form-wrap {
  margin-top: 25px;
}

/* line 72, s */
.footer-area .single-footer-widget input {
  height: 50px;
  border: none;
  width: 80% !important;
  font-weight: 400;
  background:transparent;
  padding-right: 20px;
  border-radius: 0;
  font-size: 13px;
  padding: 10px 20px;
  color:#999999;
  border: 0px solid transparent;
  font-family: "kufi";
  border: 1px solid #3f474b;
}

/* line 86, s */
.footer-area .single-footer-widget input:focus {
  outline: none;
  box-shadow: none;
}

/* line 91, s */
.footer-area .single-footer-widget .click-btn {
  background:var(--black);
  color:var(--magenta);
  border-radius: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 50px;
  width: 50px;
  border: 0;
  font-size: 12px;
  font-weight: 400;
  font-family: "kufi";
  position: relative;
  right: 0;
}

/* line 105, s */
.footer-area .single-footer-widget .click-btn:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 375px) {
  /* line 91, s */
  .footer-area .single-footer-widget .click-btn {
    margin-top: 10px;
  }
}

@media (min-width: 400px) {
  /* line 91, s */
  .footer-area .single-footer-widget .click-btn {
    right: -50px;
  }
}

/* line 119, s */
.footer-area .contact_info {
  position: relative;
  margin-bottom: 20px;
}

.footer-area .contact_info:last-child {
  margin-bottom: 0px;
}

.footer-area .contact_info p {
  margin-bottom: 10px;
  margin-right: 10px;
  text-align:right;
}

/* line 127, s */
.footer-area .contact_info p span {
    color:var(--white);
    font-size: 14px;
    font-family: cairo;
    
}

/* line 133, s */
.footer-area .form-control {
  border-radius: 0px !important;
  font-size: 13px;
  color:#999999;
  font-weight: 400;
  height: 48px;
  margin-top: 23px;
}

/* line 140, s */
.footer-area .form-control:focus, .footer-area .form-control:hover {
  outline: none !important;
  border-color:#3f474b;
}

.form-control option{
	color:#333;
}

/* line 145, s */
.footer-area .btn {
  margin-top: 23px;
  background:var(--black);
  color:var(--magenta);
  width: 50px;
  border-radius: 0px;
  height: 50px;
}

/* line 154, s */
.footer-area .form-group {
  margin-top: 18px;
}

/* line 157, s */
.footer-area span.ti-heart {
  font-size: 12px;
  margin: 0px 2px;
}

/* line 161, s */
.footer-area .copyright_part_text {
  padding-top: 20px;
  margin-top: 83px;
}

/* line 165, s */
.footer-area .copyright_part_text p {
  color:#777777;
}



  /* line 181, s */
  .footer-area .copyright_part_text p {
    font-size: 13px;
  }
}



/* line 191, s */
.footer-area .copyright_part_text a {
  color:var(--black);
}





/* line 211, s */
.footer-area .copyright_social_icon a {
  margin-right: 20px;
  color:#EDD952;
}

/* line 217, s */
.footer-area .info {
  color:var(--black);
}

/* line 220, s */
.footer-area p.footer-text {
  border-top: 1px solid #3c3c3c;
  padding-top: 25px;
}

/************* breadcrumb css start *****************/






.breadcrumb {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0;

}


.breadcrumb .breadcrumb_iner {
  height: 500px;
  width: 100%;
  display: table;
}


.breadcrumb .breadcrumb_iner .breadcrumb_iner_item {
  display: table-cell;
  vertical-align: middle;
}


.breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {
  color:var(--magenta);
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
  line-height:55px;
}








.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p {
  font-size: 44px;
  color:var(--magenta);
  text-transform: capitalize;
  line-height:70px;
}


.breadcrumb .breadcrumb_iner .breadcrumb_iner_item span {
  margin: 0px 5px;
}


.breadcrumb {
  margin-bottom: 0px !important;
  overflow:hidden;
}









/******** small mobile (extra extra small screen) ******/


@media (max-width: 413px) {

.copyright_part{
	padding-bottom:90px;
}
.footer-area .social_icon {
    text-align:center;
	width:100% !important;
}


.slide_section{
	padding:0px 0px 0px 0px;
	margin-top:-15px !important;
}	

.section_padding_inside {
    padding: 110px 0px 50px 0px;
}
	
	
.bottom-navigation_navigation__39yKd {
	display:block !important;
}

.path_div{

    margin: -30px 0px 22px 0px;
    line-height: 40px;
    height: 45px;

}

.fixed_menu{
	
    height: 80px !important;

}


.main_menu .search_icon{
	
	margin-top:0px !important;
	float:left;
}

.main_menu .menu-trigger {
	
}


	.depart_cell{
		
		font-size:22px;
	}
	
	.depart_cell:hover
	{
		font-size:22px;	
		
	}
	
	.depart_img{
		
		height:20vh !important;
		padding-bottom:50%;
	}
	
.main_menu .close-icon {
    position: absolute;
    top: 2%;
    left: 2%;
    z-index: 1;
}
	
	
.main_menu a.bottom_social {
 
	font-size: 14px;
	margin-left: 5px;
	text-align: center;
	line-height: 20px;
	
}
	
	
.fire_content {

    margin: 0 0 -20px -100px !important;
    transform: scale(1) !important;
}

	
	
.main_menu2 .off-canven-menu ul li a, .main_menu2 .off-canven-menu ul li a.btn {
  font-size: 22px !important;
  line-height: 80% !important;
  margin-top: 9px;
  padding-top: 6px !important;
}


.lang{
	display:none !important;
}





.owl-carousel.owl3 .owl-nav{
	margin-right:10px;
		
}

.contact-section-row{
	max-width:1200px;margin: 0px  auto 5px auto;background:var(--white_bg);
}
	


	
	
.main_slide  button.owl-next, .main_slide button.owl-prev{
display:none;

}	
	
	


.contact-padding{
	padding:30px 0px;
}
	
.sp-modal_content {
    width: 90% !important;
}

.payment_title,.payment_title_white{text-align:center;margin-bottom:5px;}	
.owl_item_inside{


	height:auto;
	width:100%;
	
}

	.margin-top{
	
	margin-top:5px !important;
}

.margin-top-without{
	
	margin-top:80px !important;
}

	.container_nopadding{
		padding-right:0px !important;
		padding-left:0px !important;
		
	}'
.slide_section{
	padding:0px 0px 0px 0px;
}	
	
.page_title{
	margin: 0px auto ;
	padding:10px;
}
	
	
	.page_title h2 {
    color:var(--magenta);
    font-size: 18px !important;
}

	
#page_title {
	margin:-20px auto;		
}


.second_image{
	height: 550px;
	margin: 30px 0px;
}	
	
.single-footer-widget img{
	margin: 10px auto 44px auto;
}
	
.footer-area .social_icon {
  text-align:center;
}	
	
.logo img{
	
float:right;	
}	



	

.inside_header{
    margin-top: -100px;
	height:140px;
}

.absolute_menu {
height:110px;	
}
	

#search_btn,#search_btn2{
width:20%;	
}

#search_box,#search_box2{
	width:80%;
}
	
#sidebar h2{
	
display:none !important;	
}

#sidebar{
padding:15px !important;
}
	
	
#sliderh1 {
    margin: 100px 0px 0px 0px;

}	

.show-box {
    margin-top: 0px;
	text-align:center;
}


.contact-section{
	text-align:center;
}

#sidebar h2 {
	text-align:center;	
}	

.left-blue {
	padding:0px;
    overflow: hidden;
    min-height: 211px;
	background:#107665;
	margin: 20px;

}



.carousel-caption {
    max-width: 200px;
	right: 18% !important;
	
}

.carousel-caption h2 {
	
	font-size:20px;
}


.comp,.comp_right{
	
	top:0px;
	
}	

.lang{
	left: 10px;
    top: 10px;
}
	
#departs_select , #departs_select +  .nice-select{
display:block;	
}


#sidebar_content{
	display:none;	
}
	
	
.bottom_bar{

padding: 2% 20px 0% 20px;
}
	
	
.breadcrumb_bg {

	background-position: top 0px center;	

} 

.about_desc{
	padding:20px;

}

	
	
.data_border:after {
	display: block;
	white-space: pre;
	content: "\A";
}	
	
	
#to_top{
	display:none;
}	

	
#login_btn{
	margin-right:0px;
}	
	
.big_div .blog-info-link li{
		
	font-size:10px;
}
	
	
.slider_part  .page_title{
	
	display:none;
}
	
.slider_text_inner{
	

}	

.mainslider_part h2{
	
font-size:16px !important;	
margin:0px;
bottom:0px;
padding:10px;
}


.media-body h3{
	text-align:right;
}
	
.num_con_search{
	display:none;
}	



#prev_num_search,#next_num_search {
display:none;
}


#num_container{
	height:auto;
}

#next_num_search_same {

	display:inline-block;
	margin:0 auto;
    background:var(--magenta);
    padding: 10px;
    background:var(--red_bg) !important;
    color:var(--magenta) !important;
	width:96%;
	direction:rtll;
	
}

#next_num_search_same:hover{
	background:#cf2845 !important
}
	
.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:40px;	
}
	
	
#footer_banner_image{
	
	height:400px;
}	
	
.section_bg{
	
	padding : 20px 0px;
}


.section_title h2{
	top: -35px;
}

.reviews_part{

	margin-top:20px;
}


	
.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    margin-top: 20px;
	padding-left: 0px;
}

.post_item{
	
	margin-top:40px;
}


.related_img,.related_img_wide{
	


}	

.media-body h3{
	
	text-align:right;
}


.breadcrumb_iner_item h1{
	
	text-align:right;
	font-size:30px;
}
.main_menu {
    padding: 0px 0px 30px 0px;	
}	


.search_icon {
    margin-top: 0px;
	float:left;
}

.cart_icon {
    margin-top: 0px;
	float:left;
}



.main_menu span.menu-trigger{
 	float:left;
}




#sliderh1{

	margin: 105px 0px 0px 0px;

}







.breadcrumb_bg{
	height:160px;

	
}	
	
.posts-list{
	padding:10px !important; 
}	
	

	
.logo img{
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
	padding-right:0px;
}



.slider_text_inner h2{
	
	font-size:16px !important;
}

.slider_text_inner .slide_gradiant{
}

.first_image{
	
	
	height:auto;
}


.owl_item1 ,.owl1 .owl-nav{
   
   
    height:auto;
	width: 100%;
	background:none;
	
}
.first_image{

	height:auto;
}




.slider_text_inner h2{
	
}


.second_image{
	height: 165px;
	width: 48%;
	float:right;
	margin: 2% 1%;
}

.second_image:nth-child(2) {
	
	margin-right:0%;
}

.second_image:nth-child(1) {
	
	margin-left:0%;
	width:50%;
}




.pad-right{
display:none;	
}
.pad-right_split{
color:#107665 !important;
visibility:hidden;	
}

.banner_text_margin{
	padding-top:150px;
	text-align:center ;
}
	
	
#footer_banner_text{
	bottom:-30px;
}	
	
.big_div_3 a:nth-child(1) {

	display:block;
	height:180px;
}




.linear-background {




}


.big_div_3_2_2 a:nth-child(1) {

	display:block;
	height:90px !important;
}

.big_div_3_2_2 a:nth-child(2) {

line-height:50px;
margin:20px;
font-size:16px;
text-align:center;	
}	


.big_div_3_2_2 .linear-background{




}



.big_div_3_2_1 a:nth-child(1) {

	display:block;
	height:180px !important;
}

.big_div_3_2_1 a:nth-child(2) {

line-height:20px;
margin:20px;
font-size:16px;
text-align:center;	
}	


  .big_div_4_2_1 a.related_img_wide {




}

.big_div_3_2_1 .linear-background{




}

.big_div_4_2_1 {

    height:270px !important;

}


.col-sm-6 , .col-6{
	
	/*padding-right:0px !important;
	padding-left:0px !important;*/
}




.big_div_6_4_3 a:nth-child(1){
	height:180px;
	display:block;

}

.big_div a.big_div_a_depart{
	
	font-size:12px;
}





	.our_speciality .single_special_part .single_special_text p{
		
		width:100%;
	}
	
	.service_image{

		height:230px;
		
	}
	
    .footer-area {
	padding: auto;
    direction: rtl;
    
    background-repeat: no-repeat;
	position:relative;
	
}
	
	
	
	.banner_part .banner_text {
		padding-top: 40px;
	}
	
	.banner_wide{
	
    background-image: url(../img/kenanasoft-mobile.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
	
}


		
	.about_part_text{
		padding-top:0px;		
		
	}	
		
	.project_img{
		width:100% !important;
	}	
		
	.project_part .owl-prev,
	.project_part .owl-next {
		
		left:calc(100% - 80px);
	}	
		
	.section_bg,.section_bg_small {
	  background:var(--light1);
	  padding: 30px 0;
	}

	.section_bg_white {
	  background:var(--magenta);
	  padding: 50px 0;
	}	
		
	 .service_part .owl-prev, .service_part .owl-next {

	  left:calc(100% - 80px) !important;
	  top: -75px !important;

	}


	
	banner_part .nav {
		
		left:-20px;
	}
	
	.banner_text_iner  img.slikimg{
		
		width:300px;
		float:left;
		margin-top:20px;
	}
	
	
	
  /* line 58, fonts */
  .copyright_part .footer-text {
    text-align: center;
  }
  /* line 61, fonts */
  .copyright_part .form-group {
    margin-top: 5px;
  }


  .footer-area .copyright_part_text {
    margin-top: 20px;
    text-align: center;
  }
  .footer-area .copyright_part_text p {
    font-size: 13px;
  }

  .footer-area .copyright_social_icon {
    text-align: center !important;
    margin-top: 15px;
  }

  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {
    font-size: 35px;
  }

  .section_tittle h2 {
    font-size: 25px;
    line-height: 35px;
  }

  .section_tittle {

    margin-bottom:20px;
	margin-top:30px;
  }

  .section_padding {
    padding: 40px 0px;
  }

  .single_padding_top {
    padding-top: 70px !important;
  }

  .padding_top {
    padding-top: 70px;
  }

  h2 {
    font-size: 28px;
    line-height: 32px;
  }

  h3 {
    font-size: 20px;
  }

  .mb_110 {
    margin-bottom: 220px;
  }


.mt_130 {
  margin-top: 130px;
}

    .mt_130 {
    margin-top: 70px;
  }

  .mb_130 {
    margin-bottom: 70px;
  }

  .single_page_btn {
    padding: 9.5px 28px;
  }

  .btn_3 {
    padding: 9.5px 28px;
    margin-top: 25px;
  }

  .btn_2 {
    padding: 9.5px 28px;
    margin-top: 25px;
  }

  .btn_1 {
    padding: 9.5px 28px 9.5px 0;
    margin-top: 25px;
    margin-top: 20px;
  }

  .container-fluid {


  }
  
  
  

  
  
  .media {

	text-align:right;
  }

  .padding_bottom {
    padding-bottom: 70px;
  }

  .about_part .about_part_text {
    padding-right: 0;
    padding-top: 0px;
	padding-bottom:30px;
	direction:rtl;
  }

  .our_speciality .single_special_part .single_special_text h3 {
    margin-bottom: 5px;
  }

  .our_speciality .single_special_part img {
    right: 15px;
    top: 55px;
  }

  .our_speciality .single_special_part {
    width: 100%;
    padding: 20px 15px;
    border-right: 0px solid transparent;
  }

  .banner_part .banner_text .btn_1 {
    padding: 9.5px 28px 9.5px 0;
  }

  .banner_part .banner_text h1 {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 1.3;
  }

  



  .about_part .about_part_text h2 {
    font-size: 30px;
  }

  .about_part .about_part_text .btn_1 {
    margin-bottom: 25px;
  }

  .about_part .about_img img {
    position: relative;
  }

  


  .service_part .service_text {
    padding: 20px 0;
    margin-right: 0;
    border-right: 0px solid var(--black);
  }

  .service_part .mt_less_115 {
    margin-top: 0;
  }

  .single_service_padding {
    padding: 70px 0px;
  }

  .project_part .single_project_text {
    padding-right: 0;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 15px;
  }

  .project_part .single_project_text .client_img {
    max-width: 50px;
    top: -11px;
  }

  .project_part .single_project_slide .col-lg-6:nth-child(2n+0) {
    margin-top: 20px;
  }

  .single_page_project .single_project_slide .col-lg-6:nth-child(2n+0) {
    margin-top: 20px;
  }

  .blog_part {
    padding: 0 0 35px;
  }

  .blog_part .single_project_text {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 40px 15px 15px;
  }

  .blog_part .single_project_text .single_project_tittle {
    margin-bottom: 10px;
  }

  .blog_part .owl-next {
    right: auto;
    left: 0;
  }

  .blog_part .slider-counter {
    display: none;
  }

  .contact_us .contact_us_iner {
    padding: 30px 15px;
  }

  .contact_us .contact_us_iner .contact_us_right_text {
    margin-top: 25px;
  }

  .project_part .single_project_text .admin_name {
    padding-right: 65px;
  }

  .project_part .single_project_text p {
    margin-top: 25px;
  }

  .contact_us .contact_us_iner .contact_us_right_text h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .map_part {
    margin-top: -100px;
  }

  .map_part .map {
    height: 400px;
  }

  .home_tips p {
    padding: 10px 0px 40px;
  }

  .project_gallery .grid-sizer,
  .project_gallery .grid-item {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  .project_gallery .big_weight {
    width: 100%;
    margin: 0;
  }
  .project_gallery .big_weight img {
    width: 100%;
  }
}










/******** mobile (extra small screen) ******/
@media screen and (min-width: 414px) and (max-width: 575px) {	

.copyright_part{
	padding-bottom:90px;
}
.footer-area .social_icon {
    text-align:center;
	width:100% !important;
}

.bottom-navigation_navigation__39yKd {
	display:block !important;
}


.fixed_menu{
	
    height: 80px !important;

}

.lang{display:none}
.main_menu .search_icon{
	
	margin-top:0px !important;
	float:left;
}

.main_menu .menu-trigger {
	
}


	.depart_cell{
		
		font-size:26px;
	}
	
	.depart_cell:hover
	{
		font-size:22px;	
		
	}
	.depart_img{
		
		height:30vh !important;
		padding-bottom:40vh !important;
	}



	


	

.slide_section{
	padding:0px 0px 0px 0px;
}

.contact-section-row{
	max-width:1200px;margin: 0px  auto 5px auto;background:var(--white_bg);
}



.main_slide  button.owl-next, .main_slide button.owl-prev{
display:none;

}	



.payment_title,.payment_title_white{text-align:center;margin-bottom:5px;}
.owl_item_inside{

	height:auto;
	width:100%;
}

.contact_padding{
	padding:40px 30px;
}

.sp-modal_content {
    width: 90% !important;
}

.margin-top{
	
	margin-top:10px !important;
}

.margin-top-without{
	
	margin-top:80px !important;
}


.owl_item1 ,.owl1 .owl-nav{
   
   
    height:auto;
	width: 100%;
	background:none;
	
}


.first_image{
	
	height:auto;
}



.slide_section{
	padding:0px 0px 0px 0px;
	margin-top:40px !important;
}	


.page_title{
	/*margin: 0px auto !important*/
}


#page_title {
	margin:-20px auto;		
}

.second_image{
	height: 200px;
	margin: 20px 0px;
	width: 48%;
	float:right;
	margin: 2% 1%;
}

.second_image:nth-child(2) {
	
	margin-right:0%;
}

.second_image:nth-child(1) {
	
	margin-left:0%;
	width:50%;
}




.single-footer-widget img{
	margin: 10px auto 44px auto;
}

	


.logo img{
	float:right;	
}	



.right_bar{
	
	padding-right: 5% !important;
}



.inside_header{
    margin-top: -160px;
	height:160px;
}


	
#search_btn,#search_btn2{
	width:20%;	
}

#search_box,#search_box2{
	width:80%;
}


#sidebar h2{
	
display:none !important;	
}

#sidebar{
padding:15px !important;
}

#sliderh1 {
    margin: 100px 0px 0px 0px;

}	


.show-box {
    margin-top: 0px;
	text-align:center;
}

.contact-section{
	text-align:center;
}

#sidebar h2 {
	text-align:center;	
}	

.left-blue {
	padding:0;
    overflow: hidden;
    height: 211px;
	background:#107665;
	margin-bottom: 20px;

}


.carousel-caption h2 {
	
	font-size:20px;
}


.comp,.comp_right{
	top:0px;
	
}

.lang{
	left: 10px;
    top: 10px;
}


#departs_select , #departs_select +  .nice-select{
display:block;	
}


#sidebar_content{
	display:none;	
}

.bottom_bar{
	padding: 8px 20px 0% 20px;

}

.breadcrumb_bg {

	background-position: top 0px center;	

} 

.about_desc{
	padding:0px;

}

.data_border:after {
	display: block;
	white-space: pre;
	content: "\A";
}




#to_top{
	display:none;
}

#login_btn{
	margin-right:0px;
}	


.big_div .blog-info-link li{
	
	font-size:10px;
}
.slider_part  .page_title{
	
	display:none;
}
.slider_text_inner{
	

}

.slider_text_inner h2{
	
	font-size:16px !important;
	
}

.slider_text_inner .slide_gradiant{
	
	
}

.mainslider_part h2{
	
font-size:18px !important;	
margin:0px;
bottom:0px;
padding:10px;
}

.nav_btn{
	display:none;
}

#to_top{
	display:none;
}

.media-body h3{
	text-align:right;
}



.section_title h2{
	top: -35px;
}



#num_container{
	height:auto;
}


.num_con_search{
	display:none;
}	



#prev_num_search,#next_num_search {
display:none;
}


#next_num_search_same {

	display:inline-block;
	margin:0 auto;
    background:var(--magenta);
    padding: 10px;
    background:var(--red_bg) !important;
    color:var(--white) !important;
	width:96%;

	
}

#next_num_search_same:hover{
	background:#cf2845 !important
}

#footer_banner_image{
	
	height:550px;
}

.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:40px;	
}



.section_bg{
	
	padding : 20px 0px;
}



.reviews_part{

	margin-top:20px;
}



.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    margin-top: 20px;
	padding-left: 0px;
}

.post_item{
	
	margin-top:40px;
}


.related_img,.related_img_wide{
	


}	

.media-body h3{
	
	text-align:right;
}


.breadcrumb_iner_item h1{
	
	text-align:right;
	font-size:26px;
}
.main_menu {
    padding:0px 0px 30px 0px;
}	


.breadcrumb_bg{
	height:150px;

	
}	
	
.posts-list{
	padding:10px !important; 
}	
	
.logo img{
		
	height: 50px;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-right: 10px;
	padding-right:0px;
	
}

.section_padding_inside {
    padding: 110px 0px 50px 0px;
}




.banner_text_margin{
	padding-top:150px;
	text-align:center ;
}


	
	
.big_div_3 a:nth-child(1) {

	display:block;
	height:130px;
}

.big_div_6_4_3 a:nth-child(1){
	height:200px;
	display:block;
}


.big_div_6_4_3 a:nth-child(2) {

line-height:50px;
margin:10px;
font-size:20px;
text-align:center;	
display:block;
}





.big_div_3_2_2 a:nth-child(1) {

	display:block;
	height:90px !important;
}

.big_div_3_2_2 a:nth-child(2) {

line-height:50px;
margin:20px;
font-size:16px;
text-align:center;	
}	


.big_div_3_2_2 .linear-background{

    
	

}





.big_div_3_2_1 a:nth-child(2) {

font-size: 14px;
text-align: center;
line-height: 25px;	
}	




  .big_div_4_2_1 a.related_img_wide {




}




.big_div_3_2_1 a:nth-child(1) {

	display:block;
	height:210px !important;
}

.linear-background {

    

}


	.our_speciality .single_special_part .single_special_text p{
		
		width:100%;
	}
	
	.service_image{

		height:230px;
		
	}
	
	#footer_banner_text {	
		bottom:-45px;
	}
    .footer-area {
	padding:60px 0px 100px;
    direction: rtl;
	position:relative;
	
}
	
	
	
	.banner_part .banner_text {
		padding-top: 40px;
	}
	
	.banner_wide{
	
    background-image: url(../img/kenanasoft-mobile.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
	
}


		
	.about_part_text{
		padding-top:0px;		
		
	}	
		
	.project_img{
		width:100% !important;
	}	
		
	.project_part .owl-prev,
	.project_part .owl-next {
		
		left:calc(100% - 80px);
	}	
		
	.section_bg,.section_bg_small {
	  background:var(--light1);
	  padding: 30px 0;
	}

	.section_bg_white {
	  background:var(--magenta);
	  padding: 50px 7px;
	}	
		
	 .service_part .owl-prev, .service_part .owl-next {

	  left:calc(100% - 80px) !important;
	  top: -75px !important;

	}


	
	banner_part .nav {
		
		left:-20px;
	}
	
	.banner_text_iner  img.slikimg{
		
		width:300px;
		float:left;
		margin-top:20px;
	}
	
	
	
  /* line 58, fonts */
  .copyright_part .footer-text {
    text-align: center;
  }
  /* line 61, fonts */
  .copyright_part .form-group {
    margin-top: 5px;
  }


  .footer-area .copyright_part_text {
    margin-top: 20px;
    text-align: center;
  }
  .footer-area .copyright_part_text p {
    font-size: 13px;
  }

  .footer-area .copyright_social_icon {
    text-align: center !important;
    margin-top: 15px;
  }

  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {
    font-size: 35px;
  }

  .section_tittle h2 {
    font-size: 25px;
    line-height: 35px;
  }

  .section_tittle {

    margin-bottom:20px;
	margin-top:30px;
  }

  .section_padding {
    padding: 40px 0px;
  }

  .single_padding_top {
    padding-top: 70px !important;
  }

  .padding_top {
    padding-top: 70px;
  }

  h2 {
    font-size: 22px;
    line-height: 25px;
  }

  h3 {
    font-size: 20px;
  }

  .mb_110 {
    margin-bottom: 220px;
  }


.mt_130 {
  margin-top: 130px;
}

    .mt_130 {
    margin-top: 70px;
  }

  .mb_130 {
    margin-bottom: 70px;
  }

  .single_page_btn {
    padding: 9.5px 28px;
  }

  .btn_3 {
    padding: 9.5px 28px;
    margin-top: 25px;
  }

  .btn_2 {
    padding: 9.5px 28px;
    margin-top: 25px;
  }

  .btn_1 {
    padding: 9.5px 28px 9.5px 0;
    margin-top: 25px;
    margin-top: 20px;
  }

  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .media {
    
	text-align:right;
  }

  .padding_bottom {
    padding-bottom: 70px;
  }

  .about_part .about_part_text {
    padding-right: 0;
    padding-top: 0px;
	padding-bottom:30px;
	direction:rtl;
  }

  .our_speciality .single_special_part .single_special_text h3 {
    margin-bottom: 5px;
  }

  .our_speciality .single_special_part img {
    right: 15px;
    top: 55px;
  }

  .our_speciality .single_special_part {
    width: 100%;
    padding: 20px 15px;
    border-right: 0px solid transparent;
  }

  .banner_part .banner_text .btn_1 {
    padding: 9.5px 28px 9.5px 0;
  }

  .banner_part .banner_text h1 {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 1.3;
  }

 



  .about_part .about_part_text h2 {
    font-size: 30px;
  }

  .about_part .about_part_text .btn_1 {
    margin-bottom: 25px;
  }

  .about_part .about_img img {
    position: relative;
  }

  


  .service_part .service_text {
    padding: 20px 0;
    margin-right: 0;
    border-right: 0px solid var(--black);
  }

  .service_part .mt_less_115 {
    margin-top: 0;
  }

  .single_service_padding {
    padding: 70px 0px;
  }

  .project_part .single_project_text {
    padding-right: 0;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 15px;
  }

  .project_part .single_project_text .client_img {
    max-width: 50px;
    top: -11px;
  }

  .project_part .single_project_slide .col-lg-6:nth-child(2n+0) {
    margin-top: 20px;
  }

  .single_page_project .single_project_slide .col-lg-6:nth-child(2n+0) {
    margin-top: 20px;
  }

  .blog_part {
    padding: 0 0 35px;
  }

  .blog_part .single_project_text {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 40px 15px 15px;
  }

  .blog_part .single_project_text .single_project_tittle {
    margin-bottom: 10px;
  }

  .blog_part .owl-next {
    right: auto;
    left: 0;
  }

  .blog_part .slider-counter {
    display: none;
  }

  .contact_us .contact_us_iner {
    padding: 30px 15px;
  }

  .contact_us .contact_us_iner .contact_us_right_text {
    margin-top: 25px;
  }

  .project_part .single_project_text .admin_name {
    padding-right: 65px;
  }

  .project_part .single_project_text p {
    margin-top: 25px;
  }

  .contact_us .contact_us_iner .contact_us_right_text h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .map_part {
    margin-top: -100px;
  }

  .map_part .map {
    height: 400px;
  }

  .home_tips p {
    padding: 10px 0px 40px;
  }

  .project_gallery .grid-sizer,
  .project_gallery .grid-item {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  .project_gallery .big_weight {
    width: 100%;
    margin: 0;
  }
  .project_gallery .big_weight img {
    width: 100%;
  }
}






/*medium tablet (small screen) */

@media screen and (min-width: 576px) and (max-width: 767px) {


.fixed_menu{
	
    height: 80px !important;

}

.contact-section-row{
	max-width:1200px;margin: 0px  auto 5px auto;background:var(--white_bg);
}



.main_slide  button.owl-next, .main_slide button.owl-prev{
display:none;

}	



.contact_padding{
	padding:40px 30px;
}

.sp-modal_content {
    width: 90% !important;
}

.owl_item_inside{

	height:auto;
	width:100%;
}

.margin-top{
	
	margin-top:10px !important;
}

.margin-top-without{
	
	margin-top:80px !important;
}

.owl_item1 ,.owl1 .owl-nav{

    height:auto;
	width: 100%;
	background:none;
	
}
.first_image{

	height:auto;
}




.slide_section{
	padding:0px 0px 0px 0px;
}	

.page_title{
	/*margin: 0px auto !important ;*/
}


#page_title{
	margin:-20px auto;		
}

.second_image{
	height: 300px;
	margin: 20px 0px;
	width: 48%;
	float:right;
	margin: 2% 1%;
}

.second_image:nth-child(2) {
	
	margin-right:0%;
}

.second_image:nth-child(1) {
	
	margin-left:0%;
	width:50%;
}


.single-footer-widget img{
	margin: 10px 0px 44px 0px;
}

.footer-area .social_icon {
  text-align:right;
}	





.inside_header{
    margin-top: -130px;
	height:160px;
}


.absolute_menu {
height:120px;	
}


#sidebar h2{
	
display:none !important;	
}

#sidebar{
padding:15px !important;
}


.show-box {
    margin-top: 0px;
	text-align:center;
}

.contact-section{
	text-align:center;
}

#sidebar h2 {
	text-align:center;	
}	


.left-blue {
	padding:0;
    overflow: hidden;
    height: 211px;
	background:#107665;
	margin-bottom: 20px;

}

#departs_select , #departs_select +  .nice-select{
display:block;	
}


#sidebar_content{
	display:none;	
}


.bottom_bar{
	padding: 15px 20px 0% 20px;

}

.big_div_3_2_1 a:nth-child(1) {

	display:block;
	height:150px !important;
}


  .big_div_4_2_1 a.related_img_wide {




}

.linear-background {



}


.breadcrumb{
	height:160px;
}

.main_menu span.menu-trigger {
	
 	float:left;
}

.main_menu .search_icon{
	
	margin-top:0px !important;
	float:left;
}

.main_menu .menu-trigger {
	
}

.cart_icon {
    margin-top: 0px;
	float:left;
}


.num_con_search{
	display:none;
}	



.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:40px;	
}



#prev_num_search,#next_num_search {
display:none;
}


#next_num_search_same {

		display: inline-block;
        padding: 10px;
        background:var(--red_bg) !important;
        color:var(--white) !important;
        width: 60%;
        font-size: 18px;
	
}

#next_num_search_same:hover{
	background:#cf2845 !important
}


#to_top{

	display:none;
}


#login_btn{
	margin-right:0px;
}	




.slider_part  .page_title{
	
	display:none;
}

.slider_text_inner{
	

}




.mainslider_part h2{
	
	font-size:18px !important;
}


.nav_btn{
	display:none;
}

#to_top{
	display:none;
}

.main_menu_iner
.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:0px;	
}



.section_bg{
	
	padding : 20px 0px;
}
.reviews_part{

margin-top:20px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    margin-top: 20px;
	padding-left: 0px;
}

m.post_item{
	
	margin-top:40px;
}


.related_img,.related_img_wide{


}

.media-body h3{
	
	text-align:right;
}

.logo img{

	height: 55px;
	margin-bottom: 15px;
	margin-top:15px;
	
	
}
	
	
.service_image{

		height:200px;
		
	}

.service_part .owl-prev, .service_part .owl-next {

  left:calc(100% - 80px) !important;
  top: -75px !important;


}

.banner_text_iner  img.slikimg{
		
		width:300px;
		float:left;
		margin-top:20px;
	}

		  .footer-area .copyright_part_text {
			text-align: center;
			
		  }

		  .footer-area .copyright_social_icon {
			text-align: center !important;
			margin-top: 15px;
		  }

		  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {
			font-size: 35px;
		  }

		  .section_tittle h2 {
			font-size: 25px;
			line-height: 35px;
		  }

			.mt_130 {
			margin-top: 70px;
		  }

		  .mb_130 {
			margin-bottom: 70px;
		  }

		  .padding_bottom {
			padding-bottom: 70px;
		  }

		  /* line 284, */
		  .container-fluid {
			padding-left: 15px;
			padding-right: 15px;
		  }
		  /* line 288, */
		  .media {
			
			
		    text-align:right;
		  }
		  

		  .btn_1 {
			padding: 9.5px 28px 9.5px 0;
			margin-top: 20px;
		  }

		  .btn_2 {
			padding: 9.5px 28px;
		  }

		  .btn_3 {
			padding: 9.5px 28px;
		  }

		  .section_padding {
			padding: 30px 0px;
		  }

		  .single_padding_top {
			padding-top: 80px !important;
		  }

		  .padding_top {
			padding-top: 70px;
		  }

		  h2 {
			font-size: 24px;
			line-height: 25px;
		  }

		  .section_tittle {
			margin-bottom: 20px;
			margin-top: 30px;
			
		  }

		  .single_page_btn {
			padding: 9.5px 28px;
		  }

		  /* line 1232,  */
		  .single-post-area .navigation-area .nav-left {
			margin-bottom: 30px;
		  }

		  /* line 1420,  */
		  .comment-form .name {
			padding-left: 0px;
			margin-bottom: 1rem;
		  }

		  .banner_text_margin {
		

			margin-top:50px;
		  }

		  .our_speciality .single_special_part {
			width: 50%;
			padding: 20px 15px 20px 35px;
			border-right: 0px solid transparent;
		  }

		  .our_speciality .single_special_part img {
			right: 15px;
			top: 55px;
			width: 35px;
		  }

		  /* line 62,  */
		  .our_speciality .single_special_part .single_special_text {
			padding-right: 25px;
		  }

		  .our_speciality .single_special_part .single_special_text h3 {
			margin-bottom: 10px;
		  }

		  .about_part .about_part_text {
			padding-right: 0;
			margin-top: 25px;
		  }

		  .about_part .about_part_text h2 {
			font-size: 30px;
		  }

		  
		  .about_part .about_part_text .btn_1 {
			margin-bottom: 25px;
		  }

		  .about_part .about_img img {
			position: relative;
		  }

		  
		  

		  .service_part .service_text {
			padding: 20px 0;
			margin-right: 0;
			border-right: 0px solid var(--black);
		  }

		  .service_part .mt_less_115 {
			margin-top: 0;
		  }

		  .single_service_padding {
			padding: 70px 0px;
		  }

		  .project_part .single_project_text {
			padding-right: 0;
			width: 75%;
			margin-top: 35px;
			margin-bottom: 15px;
		  }

		  .project_part .single_project_text .client_img {
			max-width: 50px;
			top: -11px;
		  }

		  .project_part .single_project_text .admin_name {
			padding-right: 65px;
		  }

		  .project_part .single_project_text p {
			margin-top: 40px;
		  }

		  .project_part .single_project_slide .col-lg-6:nth-child(2n+0) {
			margin-top: 20px;
		  }

		  .single_page_project .single_project_slide .col-lg-6:nth-child(2n+0) {
			margin-top: 20px;
		  }

		  .blog_part {
			padding: 0 0 35px;
		  }

		  .blog_part .single_project_text {
			position: relative;
			top: 0;
			right: 0;
			left: 0;
			padding: 40px 15px 15px;
		  }

		  .blog_part .single_project_text .single_project_tittle {
			margin-bottom: 10px;
		  }

		  .blog_part .owl-next {
			right: auto;
			left: 0;
		  }

		  .blog_part .slider-counter {
			display: none;
		  }

		  .contact_us .contact_us_iner {
			padding: 30px 15px;
		  }

		  .contact_us .contact_us_iner .contact_us_right_text {
			margin-top: 25px;
		  }

		  .contact_us .contact_us_iner .contact_us_right_text h2 {
			font-size: 25px;
			margin-bottom: 20px;
		  }

		  .map_part {
			margin-top: -100px;
		  }

		  .map_part .map {
			height: 400px;
		  }

		  .home_tips p {
			padding: 10px 0px 40px;
		  }


		  .project_gallery h2 {
			margin-bottom: 40px;
			font-size: 30px;
		  }


		  .project_details_text, .project_details_sidebar {
			margin-top: 70px;
		  }


		  .project_details_text h2 {
			font-size: 30px;
		  }


		  .project_details_text p {
			margin-top: 15px;
		  }

		  .project_details_sidebar {
			padding: 30px 30px 0 15px;
		  }

		  
		  .copyright_part {
			
		  }

		  
		  .copyright_part .footer-text {
			text-align: center;
		
		  }
		  
		  .copyright_part .form-group {
			margin-top: 5px;
		  }
}





/* big tablet (medium screen) */

@media screen and (min-width: 768px) and (max-width: 991px) {




	
.contact-section-row{
	max-width:1200px;margin: 0px  auto 5px auto;background:var(--white_bg);
}	
	


	
	
.contact_padding{
	padding:40px 30px;
}

.owl_item_inside{


	height:auto;
	width:100%;
}

.margin-top{
	
	margin-top:30px !important;
}


.margin-top-without{
	
	margin-top:160px !important;
}

.slide_section {
    padding: 0px 0px 0px 0px;
}

.page_title{
	/*margin:0px auto auto auto !important*/
}	
.single-footer-widget img{
	margin: 10px 0px 44px 0px;
}	

.footer-area .social_icon {
  text-align:right;
}

	




.inside_header{
    margin-top: -130px;
	height:180px;
}

	
.show-box {
    margin-top: 0px;
	text-align:center;
}

#sliderh1{
	
	margin: 110px 0px 0px 0px;
}	
	
.bottom_bar{
	padding: 8px 20px 0% 20px;


}	

	

	

	
	
.big_div_3_2_1 a:nth-child(1) {

	display:block;

	height:130px !important;
}

.linear-background {




}

  .big_div_4_2_1 a.related_img_wide {




}

	
	
.main_menu span.menu-trigger {
	
 	float:left;
	margin-right: 20px;
}

.main_menu .search_icon {
	
	margin-top:0px !important ;
	float:left;
}
	
.cart_icon {
    margin-top: 0px;
	float:left;
}
	
	
.slider_text_inner{
	


}	

.reviews_part .page_title{
	display:none;
}

.small_left_div{
	
	padding:20px;
}

.reviews_part{
	
	margin-top:20px;
}

#first_block{
	padding:20px 0px;
}
.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:0px;	
}




	.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    margin-top: 20px;
	padding-left: 0px;
}


.post_item{
	
	margin-top:40px;
}

	
	
.related_img,.related_img_wide{
	
	
}

.media-body h3{
	
	text-align:right;
}

.logo img{
	
	height: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
	
}

.second_image{
	height: 430px;
	margin: 20px 0px;
	width: 48%;
	float:right;
	margin: 2% 1%;
}

.second_image:nth-child(2) {
	
	margin-right:0%;
}

.second_image:nth-child(1) {
	
	margin-left:0%;
	width:50%;
}


	
	.big_div_3 a:nth-child(1) {

	display:block;
	height:200px;
}




	.our_speciality .single_special_part .single_special_text p{
		
		width:100%;
	}
	
	  .our_speciality .single_special_part {
			width: 50%;
			padding: 20px 15px 20px 35px;
			border-right: 0px solid transparent;
		  }

		  .our_speciality .single_special_part img {
			right: 15px;
			top: 55px;
			width: 35px;
		  }

		  /* line 62,  */
		  .our_speciality .single_special_part .single_special_text {
			padding-right: 25px;
		  }

		  .our_speciality .single_special_part .single_special_text h3 {
			margin-bottom: 10px;
		  }
	
	
	.service_part .owl-prev, .service_part .owl-next {

		left:calc(100% - 80px) !important;
		top: -75px !important;

	}
	
	.banner_text_iner  img.slikimg{
		
		width:400px;
		float:left;
		margin-top:20px;
	}
	
	
  .single_padding_top {
    padding-top: 70px !important;
  }

  .padding_top {
    padding-top: 70px;
  }

  .section_tittle {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .section_tittle h2 {
    font-size: 30px;
    line-height: 40px;
  }

    .mt_130 {
    margin-top: 70px;
  }

  .mb_130 {
    margin-bottom: 70px;
  }

  .padding_bottom {
    padding-bottom: 70px;
  }

  .section_padding {
    padding: 70px 0px;
  }

  /* line 293, */
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  
.list_page{margin-top: 0px;}
  /* line 297, */
  .media {
  
  
	text-align:right;
  }

  .btn_1 {
    padding: 9.5px 28px 9.5px 0;
    margin-top: 20px;
  }

  .btn_2 {
    padding: 9.5px 28px;
  }

  .btn_3 {
    padding: 9.5px 28px;
  }

  .single_page_btn {
    padding: 9.5px 28px;
  }

  /* line 1299,  */
  .single-post-area .sidebar-widgets {
    padding-bottom: 0px;
  }

  /* line 1429,  */
  .comment-form .email {
    padding-right: 0px;
  }

  .banner_part {
    height: 700px;
	margin-top:0px;
  }

  /* line 100,  */
  .banner_part .nav {
    left: -50px;
  }

  .our_speciality .single_special_part {
    width: 50%;
    padding: 20px 15px;
    border-right: 0px solid transparent;
  }

  .our_speciality .single_special_part img {
    right: 15px;
    top: 55px;
    width: 35px;
  }

  /* line 62,  */
  .our_speciality .single_special_part .single_special_text {
    padding-right: 50px;
  }

  .our_speciality .single_special_part .single_special_text h3 {
    margin-bottom: 10px;
  }

  .about_part .about_part_text {
    padding-right: 0;
    padding-top: 0;
	direction:rtl;
	padding-bottom:30px;
  }

  .about_part .about_part_text h2 {
    font-size: 30px;
  }

  /* line 53,  */
  .about_part .about_part_text .btn_1 {
    margin-bottom: 25px;
  }

  .about_part .about_img img {
    position: relative;
  }

  
  .service_part .service_text {
    padding: 20px 0;
    margin-right: 0;
    border-right: 0px solid var(--black);
  }

  .service_part .mt_less_115 {
    margin-top: 0;
  }

  .single_service_padding {
    padding: 70px 0px;
  }

  .project_part .single_project_text {
    padding-right: 61px;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 15px;
  }

  .project_part .single_project_text .client_img {
    max-width: 50px;
    top: 0;
  }

  .project_part .single_project_text p {
    margin-top: 10px;
  }

  .project_part .single_project_slide .col-lg-6:nth-child(2n+0) {
    margin-top: 100px;
  }

  .single_page_project .single_project_slide .col-lg-6:nth-child(2n+0) {
    margin-top: 100px;
  }

  .blog_part {
    padding: 0 0 35px;
  }

  .blog_part .single_project_text {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 40px 15px 15px;
  }

  .blog_part .single_project_text .single_project_tittle {
    margin-bottom: 10px;
  }

  .blog_part .owl-next {
    right: auto;
    left: 0;
  }

  /* line 122,  */
  .project_part .single_project_text .btn_1 {
    margin-top: 20px;
  }

  .blog_part .slider-counter {
    display: none;
  }

  .contact_us .contact_us_iner {
    padding: 30px 15px;
  }

  .contact_us .contact_us_iner .contact_us_right_text {
    margin-top: 10px;
  }

  .contact_us .contact_us_iner .contact_us_right_text h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .map_part {
    margin-top: -100px;
  }

  .map_part .map {
    height: 400px;
  }

  .home_tips p {
    padding: 10px 0px 40px;
  }

  
  .project_gallery h2 {
    margin-bottom: 40px;
    font-size: 30px;
  }

  /* line 64,  */
  .project_details_text, .project_details_sidebar {
    margin-top: 70px;
  }

  /* line 80,  */
  .project_details_text h2 {
    font-size: 30px;
  }

  /* line 97,  */
  .project_details_text p {
    margin-top: 15px;
  }

  /* line 113,  */
  .project_details_sidebar {
    padding: 30px 30px 0 15px;
  }

  
  .copyright_part {

  }


  .copyright_part .footer-text {
    text-align: center;
  
  }



  .footer-area .single-footer-widget {
    margin-bottom: 40px;
  }


  .footer-area .single-footer-widget h4 {
    margin-bottom: 15px;
  }


  .footer-area .copyright_part_text {
    text-align: center;
  }

  .footer-area .copyright_social_icon {
    text-align: center !important;
    margin-top: 15px;
  }

  .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {
    font-size: 40px;
  }
}







/* computer  (large screen) */
@media screen and (min-width: 992px) and (max-width:  1199px) {

.bottom_bar{
	padding: 13px 20px 0% 20px;


}	


	.logo img.scroll{	
		height:55px;
	}
	


.padding-top_wide{
	
	padding:40px 10px !important;
}

.list_page{
	
	margin-top:-20px;
}

#sendbtn_desktop{
	display:block;
}

#sendbtn_mobile{
	display:none;
}

.contact_padding{
	padding:60px 60px;
}


.owl_item_inside{

	height:auto;
	width:100%;
}





.inside_header{
    margin-top: -210px;
	height:190px;
}


#sliderh1{
	
	margin: 110px 0px 0px 0px;
}	


.big_div_3_2_1 a:nth-child(1) {

	height:140px !important;
	display:block;
}

.linear-background {



}




.main_menu span.menu-trigger {
	
	color:var(--magenta);
 	float:left;
	margin-right:20px;
}

.search_icon{
	
	margin-top:0px !important;
	float:left;
}

.cart_icon {
    margin-top: 0px;
	float:left;
}




.logo img {
	
 height: 55px;
 margin-top: 15px;
 margin-bottom: 15px;
}

.margin-top{
	
	margin-top:81px !important;
}


.margin-top-without{
	
	margin-top:160px !important;
}

.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:-40px;	
}


.posts-list{
		
	padding-right:auto !important;	
}
	
.post_item h3{
	
	font-size: 16px !important;
	line-height: 23px !important;
	margin-bottom: 0 !important;
	width: 100%;


	
}
	
.service_part .owl-prev, .service_part .owl-next {

  left:calc(100% - 80px) !important;
  top: -160px !important;

}


  /* line 74,  */
  .single-blog .tag {
    margin-right: 8px;
  }
  /* line 98,  */
  .single-blog .tag:after {
    display: none;
  }

  /* line 112,  */
  .single-blog .single-blog-content {
    padding: 15px;
  }

  /* line 143,  */
  .single-blog h4 {
    transition: all 300ms linear 0s;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 14px;
    margin-bottom: 12px;
  }
  /* line 149,  */
  .single-blog h4 a {
    font-size: 18px;
  }
}











/*  computer (extra large screen) 1658*/

@media screen and (min-width: 1201px) and (max-width: 5000px) {

.bottom_bar.scroll{
	padding: 0px 20px;
}

.logo img.scroll{	
	height:55px;
}
	

.padding-top_wide{
	padding:40px 10px !important;
}

.container-white{
margin:	0px auto 0px auto !important;
}

.list_page{
	
	margin-top:-40px;
}

#sendbtn_desktop{
	display:block;
}

#sendbtn_mobile{
	display:none;
}

.contact_padding{
	padding:40px 30px;
}
	
.slide_section {
    padding: 0px 0px 0px 0px;
}



.inside_header{
    margin-top: -240px;
	height:150px;
}	

	
.big_div_3_2_1 a:nth-child(1) {

	display:block;
	height:200px !important;
}

.linear-background {



}


	
	
.main_menu span.menu-trigger {
	
	color:var(--magenta);
 	float:left;
	margin-right:20px;
	margin-top:25px !important;
}

.search_icon{
	
	margin-top:5px !important;
	float:left;
	
}

.cart_icon {
    margin-top: 0px;
	float:left;
}
	


.logo img {
	
   	height: 75px;
	margin-top: 10px;

}

	
	
.footer_animated_image{
	width: 100%;
	position: absolute;
	bottom:-40px;	
}	
.posts-list{
		
	padding-right:auto !important;	
}
	
	
.logo img{
		
height: 55px;
margin-top: 15px;
margin-bottom: 15px;
}
	
.post_item h3{
	
	font-size: 16px !important;
	line-height: 23px !important;
	margin-bottom: 0 !important;
	width: 100%;
	
	
}
	
	
	.service_part .owl-prev, .service_part .owl-next {

	  left:calc(100% - 80px) !important;
	  top: -160px !important;

	}
	
  /* line 302, */
  .container {
    max-width: 1170px;
  }
}

.banner_part .nav{
	left:-70px;
}



.reviews_part{

background:var(--magenta);
}

.about_part , .service_part {
  padding: 80px 50px 50px;
}




.about_part .about_part_text {
  padding-right: 78px;
  direction:rtl;
  padding-left:20px;
}



.bill_number,.bill_total{
	background:var(--magenta);
    color:var(--magenta);
    padding: 2px 7px;
    border-radius: 5px;
    font-weight: bold;
    border: solid 1px #d97780;
	font-size:16px;
}

.bill_title{
	font-weight:bold;
	border-radius: 0;
    
    margin: 0 auto;
    margin-top: 30px;
	margin-bottom: 30px;
    background:var(--red_bg);
	color:var(--magenta);
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.empty_cart{
	
	
}


.fire_power_body {
  .background:#020126;
}
body .fire {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    height: 36%;
    width: 36%;
    padding: 5%;
    border-radius: 500px;
  
}


body .fire_border {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    height: 100px;
    width: 100px;
    border: solid 2px #aaa;
    padding: 50px;
    border-radius: 500px;
}



body .fire .flames {
  position: absolute;
  bottom: 40%;
  left: 50%;
  width: 60%;
  height: 60%;
  transform: translateX(-50%) rotate(45deg);
}
body .fire .flames .flame {
  position: absolute;
  right: 0%;
  bottom: 0%;
  width: 0%;
  height: 0%;
  background:#FFDC01;
  border-radius: 1vw;
}
body .fire .flames .flame:nth-child(2n+1) {
  -webkit-animation: flameodd 1.5s ease-in infinite;
          animation: flameodd 1.5s ease-in infinite;
}
body .fire .flames .flame:nth-child(2n) {
  -webkit-animation: flameeven 1.5s ease-in infinite;
          animation: flameeven 1.5s ease-in infinite;
}
body .fire .flames .flame:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
body .fire .flames .flame:nth-child(2) {
  -webkit-animation-delay: 0.375s;
          animation-delay: 0.375s;
}
body .fire .flames .flame:nth-child(3) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
body .fire .flames .flame:nth-child(4) {
  -webkit-animation-delay: 1.125s;
          animation-delay: 1.125s;
}
body .fire .logs {
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 15%;
}
body .fire .logs:before, body .fire .logs:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(20deg);
  height: 100%;
  width: 100%;
  border-radius: 1vw;
  background:#70392F;
}
body .fire .logs:before {
  transform: translate(-50%, -50%) rotate(-20deg);
  background:#612E25;
}

@-webkit-keyframes flameodd {
  0%, 100% {
    width: 0%;
    height: 0%;
  }
  25% {
    width: 100%;
    height: 100%;
  }
  0% {
    background:#FFDC01;
    z-index: 1000000;
  }
  40% {
    background:#FDAC01;
    z-index: 1000000;
  }
  100% {
    background:#F73B01;
    z-index: -10;
  }
  0% {
    right: 0%;
    bottom: 0%;
  }
  25% {
    right: 1%;
    bottom: 2%;
  }
  100% {
    right: 150%;
    bottom: 170%;
  }
}

@keyframes flameodd {
  0%, 100% {
    width: 0%;
    height: 0%;
  }
  25% {
    width: 100%;
    height: 100%;
  }
  0% {
    background:#FFDC01;
    z-index: 1000000;
  }
  40% {
    background:#FDAC01;
    z-index: 1000000;
  }
  100% {
    background:#F73B01;
    z-index: -10;
  }
  0% {
    right: 0%;
    bottom: 0%;
  }
  25% {
    right: 1%;
    bottom: 2%;
  }
  100% {
    right: 150%;
    bottom: 170%;
  }
}
@-webkit-keyframes flameeven {
  0%, 100% {
    width: 0%;
    height: 0%;
  }
  25% {
    width: 100%;
    height: 100%;
  }
  0% {
    background:#FFDC01;
    z-index: 1000000;
  }
  40% {
    background:#FDAC01;
    z-index: 1000000;
  }
  100% {
    background:#F73B01;
    z-index: -10;
  }
  0% {
    right: 0%;
    bottom: 0%;
  }
  25% {
    right: 2%;
    bottom: 1%;
  }
  100% {
    right: 170%;
    bottom: 150%;
  }
}
@keyframes flameeven {
  0%, 100% {
    width: 0%;
    height: 0%;
  }
  25% {
    width: 100%;
    height: 100%;
  }
  0% {
    background:#FFDC01;
    z-index: 1000000;
  }
  40% {
    background:#FDAC01;
    z-index: 1000000;
  }
  100% {
    background:#F73B01;
    z-index: -10;
  }
  0% {
    right: 0%;
    bottom: 0%;
  }
  25% {
    right: 2%;
    bottom: 1%;
  }
  100% {
    right: 170%;
    bottom: 150%;
  }
}




@-webkit-keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
.fire_power {

	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 25px;
    z-index: 0;
    width: 130px;
    height: 130px;
    border-radius: 500px;
    overflow: hidden;
    padding: 2rem;
	
}
.fire_power::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background:#020126;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image:   linear-gradient(var(--red), var(--red));
  -webkit-animation: rotate 4s linear infinite;
          animation: rotate 4s linear infinite;
}
.fire_power::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 4px;
	top: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background:#020126;
	border-radius: 500px;
	border: solid 1px #1d1f28;
}



.fixed_menu .top_bar{
	display:none !important;
}


.top_bar {
    background:var(--white_bg);
    padding: 7px 0px;
    overflow: hidden;
}

.top_bar p, .top_bar li a,  .top_bar li a:after {
    color:var(--magenta) !important;
    font-size: 14px;
    padding: 0px 0px 5px 0px;
    float: left;
    margin: 2px 6px 2px 8px;
	font-weight:normal;
	font-family:cairo;
}

.top_bar li{
	 padding: 0px !important;
	 margin:0px;
	 border:0px;
} 

.top_bar li a{
	border:0px;
	padding:0px ;
}

.top_bar i {
    float: right;
    margin-top: 3px;
    color:var(--magenta);
    direction: ltr;
}

.top_bar a i {
	float:left;
	font-size:20px;
	padding:0px 10px;
	text-align:center;
}




.bottom-navigation_navigation__39yKd {
    background:var(--white_bg);
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .29);
    padding-block: 12px;
    z-index: 999;
	display:none;
}

.bottom-navigation_listItem__oyK-a {
    width: 20%;
    justify-content: center;
	float:right;
}

.bottom-navigation_listItem__oyK-a a, .bottom-navigation_listItem__oyK-a button {
    color:var(--black);
    display: block;
    font-size: 12px;
    text-align: center;
	border: 0px;
    background:none;
}

.bottom-navigation_listItem__oyK-a a.bottom-navigation_selected__2DXvM, .bottom-navigation_listItem__oyK-a a:active, .bottom-navigation_listItem__oyK-a button.bottom-navigation_selected__2DXvM, .bottom-navigation_listItem__oyK-a button:active {
    color:#d1aa70;
}


.bottom-navigation_listItem__oyK-a a .bottom-navigation_iconSell__maWE1, .bottom-navigation_listItem__oyK-a button .bottom-navigation_iconSell__maWE1 {
    font-size: 50px;
    margin-inline: -12.5px;
    -webkit-margin-after: 12.5px;
    margin-block-end: 12.5px;
    -webkit-margin-before: -33px;
    margin-block-start: -33px;
    display: block;
    background:var(--white_bg);
    border-radius: 50%;
	margin:-28px auto -14px auto;
}


.right_bar{
	margin-top:37px;

}

.fixed_menu .right_bar{margin-top:23px;}

.slide_button_black {    
	max-width: 180px;
    text-align: center;
    border-radius: 0px;
    color:var(--white);
    font-size: 18px;
    cursor: pointer;
    background:#d5ae70;
}


.slide_button_black:hover{
	background:#020923;    
	color:var(--white);  
	
}


 .lines {
	margin: auto;
    width: 30px;
    position: relative;
    border-top: 2px solid #d5ae70;
    margin-top: 15px;
}

.lines.white {
	 border-top: 5px solid #fff;
}

.t1-leftnav-li{
	margin-bottom:0px;
}


.search_text{height: 40px;line-height: 20px;display: inline-block;padding: 2px 10px 2px 0px;float: right;text-align: right;}
.search_img{
	height: 40px !important;
    float: right !important;
    padding: 2px;
    margin-top: 0px !important;
	margin-bottom:0px !important;
}
.search_link{    
	display: inline-block;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 10px 5px;
    box-sizing: border-box;
}

.search_link:hover,.search_link.active{
	
	color:var(--magenta);
    background:var(--white_bg)bd4;
}
#search_response_list{
    position: absolute;
    top: 47px;
    width: 101%;
    height: auto;
    box-sizing: border-box;
    overflow-y: scroll;
    background:var(--white_bg);
    border-radius: 5px;
    scrollbar-width: thin;
    max-height: 300px;
	
}

#search_gov,#search_city{
	
	width: auto;
	float: right;
	height: 27px !important;
	font-size: 14px;
	color:var(--white);
	line-height: 12px;
	width: auto;
	background:var(--magenta);
	padding: 0px;
	margin-left: 20px;
}

.city{
	display:none;
}

select.widthHeight::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

select.style::-webkit-scrollbar-track {

  background:#f7fafc;
}

select.style::-webkit-scrollbar-thumb {
  background:#999;
}

.comma {
    position: absolute;
}
.comma1{
	width: 130px;
    right: 50;
	top:-35px;
}

.comma2{
	top: -20px;
    width: 50px;
    right: 20px;
}

.img_tall{height:250px;}
@media screen and (min-width: 1201px) and (max-width: 5000px) {}

@media screen and (min-width: 992px) and (max-width:  1199px) {}
@media screen and (min-width: 768px) and (max-width: 991px) {}
@media screen and (min-width: 576px) and (max-width: 767px) {}
@media screen and (min-width: 414px) and (max-width: 575px) {}
@media screen and (max-width: 575px) {.img_tall{height:300px;}	}
@media screen and (max-width: 414px)  {
	.inside_about_list{
		top:110px;
	}
}

	.border_inside_col{
		
		border: solid 1px #d1cece;
		overflow:hidden;
		padding: 10px;
	}

	input:-internal-autofill-selected {
		appearance: menulist-button;
		background-image: none !important;
		background:var(--white_bg) !important;
		color:fieldtext !important;
	}

    .poll_ques_div{
		border: solid 1px #ddd;
		overflow: hidden;
		background:#020126;
		margin-bottom:30px !important;
	}
     
    .poll_ques{
		text-align: right;
		background:#e1e1eb;
		padding: 15px;
		margin-bottom: 0px !important;
		font-size: 16px;
		font-weight: bold;
		color:var(--magenta);
    }
     
    .poll_answers{
		float:right;
		display: block;
		width: 100%;
		text-align:right;
		margin-bottom: 0px !important;
		overflow: hidden;
		margin:5px;
    }
    .radio{
		display:block;
		float:right;
		height:20px;
		width:20px;
		margin-right:10px;
     }
     
    .radio_title{
		width: calc(100% - 55px);
		float:right;
		margin-right: 10px;
		display: block;
		line-height: 25px;
    }
	
	
	.error_message_div{
		font-size:20px;
		background:var(--magenta);
		padding:40px;
		border:solid 1px #ccc;
		margin:50px auto;
	}
	
	.error_message_div_title{
		color:var(--white);
		font-size:22px;
		margin-bottom:30px;
		width:100%;
		text-align:center;
		display:block;
	}
	
	.header_back{

		margin: 0;
		padding: 0;
		background:#02011c;
	}
	
	.backcolor_2{
		background:#020126 !important;
	}
		
	.backcolor_3{
		background:#1d1c32 !important;
	}
		
	.backcolor_4{
		background:var(--magenta) !important;
	}
		
		
	.page_head{
		margin-bottom: 0px; 
		margin-top: 0px;
	}
	
	.page_small_head{
		
		position:relative;
		padding:70px 30px;
		background:#1b2c69;
		color:var(--white);
		font-size:34px;
		width:#100%;
		margin:0px 0px;
		overflow: hidden;
		line-height:50px;
	}
	
		
	.slide_background{
		
		height: calc(100vh - 40px);
		background-size: cover;
		background-position:center center;
	
	}
	.owl-item{
		z-index:1000;
	}
	.owl1{
		position:relative;
	}
	
	
	.owl1 .owl-nav{
		position: absolute !important;
		top: calc(50% - 25px);
		width:100%;
		height:0px !important;
	}

	.owl-carousel .owl-nav .owl-prev{
		
		font-size:50px !important;
		color:#9498af !important;
		position:absolute;
		left:30px;
		height:50px;
		width:50px;		
		
	}
	
	
	.owl-carousel .owl-nav .owl-next{
		
		font-size:50px !important;
		color:#9498af !important;
		position:absolute;
		right:30px;
		height:50px;
		width:50px;
		
	}
	
	.main_menu {
		background:rgba(24, 33, 67,1);
	}
	
	.container-fluid{
		background:#243679;
		background-image: url(img/svgs/islamic_star.svg);
		background-size: 500px;
		background-position: -150px bottom;
		background-repeat: no-repeat;
		background-blend-mode: soft-light;
	}
	

@media screen and (max-width: 767px){
	
	.col-md-7 .big_font{
		padding: 50px;
        font-size:32px !important;
        background:rgb(24,33,67,0.8);
        color:var(--white);
        min-height: 400px;
       
	}
	
}

@media screen and (min-width: 768px){
	.page_desc{
		font-size:32px;
		color:var(--white);
	}

	.col-md-5{
		z-index:1;
	}

	.col-md-5 #main_image { 
		margin-top:50px;
	}
	
	.col-md-7 .big_font{
		padding: 50px 200px 50px 50px;
        margin-right: -200px;
        background:var(--magenta);
        color:var(--white);
        min-height: 400px;
       
	}
	.big_font::after{
		content: " ";
        position: absolute;
        bottom: -10px;
        left: 15px;
        width: 75px;
        height: 800px;
        border-bottom: 3px solid var(--red);
	}
	
	.big_font::before{
		content: " ";
        position: absolute;
        bottom: 0;
        left: 15px;
        width: 50px;
        height: 150px;
        border-bottom: 3px solid var(--yellow_light);
	}
	
	
}


.big_font h2{
	color:#333;
}


.lg-outer{
background:var(--magenta) !important;	
	
}