/*!
Theme Name: avenuskw
Theme URI: https://abdullahmagdy.com/
Author: Abdullah Magdy
Author URI: https://abdullahmagdy.com/
Description: Hi. I'm a theme called <code>avenuskw</code>
Version: 0.01
*/
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');
:root{
    --mainfont:'Almarai';
    --textcolor : #042f3c;
    --primary:#042f3c;
    --secondarycolor:#d8df21;
    --thirdy : #AB782E;
    --white: #f2f2f2;
}
html,body{
    font-family: var(--mainfont);
    font-size: 16px;
    padding: 0;margin: 0;
    font-weight: 400;
    overflow-x: hidden;
}
a,a:hover{text-decoration: none;}
ul,ol,nav{list-style: none;padding: 0;margin: 0;}
img {
  height: auto;
  max-width: 100%;
}
.h3, h3 {
    font-size: 1.2rem;
}
.h4, h4 {
    font-size: 1rem;
}
/*=========== ==========*/
.loading-page {
  z-index: 99999;
  position: fixed;
  background: #fff;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.loading-page .counter {
  position: relative;
}
.loading-page .counter h6 {
  color: #eee;
  font-size: 100px;
  font-family: var(--mainfont);
  font-weight: 600;
  letter-spacing: 10px;
}
.loading-page .counter .line {
  width: 100%;
  background: #213477;
  border: none;
  height: 1px;
  display: inline-block;
  z-index: 5;
  position: relative;  text-align: left;
}
.loading-page .counter {
  position: relative;
  width: 260px;
  min-height: 100px;
  text-align: center;
}
.loading-page .counter h6.h6 {
  position: absolute;
  top: -45px;
  width: 100%;
}
/*============= ===========*/
header {
    width: 100%;
    height: 130px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    background: transparent;
    border-bottom: solid 1px rgba(0, 0, 0, 0.0);
}
header div.logo {
    display: table;
    height: 80px;
    float: left;
}
header div.logo img{width: 120px;-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
header div.button-extra {
    float: right;
    padding-left: 50px;
    height: 80px;
    display: table;
}
header div.button-extra #b-menu{
   display: block;
   cursor: pointer;
   height: 20px;
   margin-top: 32px;
   -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header div.button-extra #b-menu > span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 5px 0 4px 0;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header .menus_toggl{display: none;position: relative;width: 38px;z-index: 999;    height: 65px;}
header .menus_toggl span {
    width: 38px;
    height: 2px;
    position: absolute;
    background-color: #fff;
    top: 30px;
    z-index: 12;
}
header .menus_toggl span:before,
header .menus_toggl span:after {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
}
header .menus_toggl span:before {
    top: 10px;
}
header .menus_toggl span:after {
    bottom: 10px;
}
header .menus_toggl span.actived{
    transform: rotate(45deg);
}
header .menus_toggl span.actived::after {
   bottom: 0;
   transform: rotate(-90deg);
}
header .menus_toggl span.actived:before {
    top: 0;
    opacity: 0;
}
header div#mainmenu {
    font-family: var(--mainfont);
    float: right;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;

}
header div#mainmenu #site-navigation{padding-top: 8px;}
header div#mainmenu ul > li {
    font-size: 12px;
    font-weight: 600;
}
header div#mainmenu ul > li a{
  font-weight: 600;
  line-height: 35px;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding: 25px 0px 25px 20px;
  text-decoration: none;
  text-align: center;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header div#mainmenu ul > li a:after {
    content: "\f111";
    font-size: 6px;
    float: right;
    position: relative;
    font-family: "Font Awesome 5 Free";
    margin-left: 20px;
    margin-top: 0px;
    color: var(--secondarycolor);
}
header div#mainmenu ul > li:last-child a::after{content: "";}
header.fixed{height: 110px;background: var(--primary);-webkit-box-shadow: 0 0 10px 1px #b9b1b169;-moz-box-shadow: 0 0 10px 1px #b9b1b169;box-shadow: 0 0 10px 1px #b9b1b169;}
header.fixed .logo img{width: 100px;}
header.fixed div#mainmenu ul > li a{color:#fff;padding-top: 25px;}
header.fixed div.button-extra #b-menu{margin-top: 45px;}
header.fixed div.button-extra #b-menu > span{background: #fff;}
header div#mainmenu ul > li a:hover{
  color: var(--secondarycolor);
}
body.page:not(.home) header#headers {
    width: 100%;
    height: auto;
    background: var(--primary);
}
/*============= ===========*/
section {
    padding: 90px 0 90px 0;
}
.section-hero {
  padding: 90px 0 90px 0;
  background-color: #0bbab5;
  display: flex;
  align-items: center;
  justify-content: start;
  height: 100vh;
  position: relative;
  z-index: 0;
}
.section-hero:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,#042f3c91 51%);
    width: 100% !important;
    height: 100% !important;
}
.section-hero .imgs_sect{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
    background-size: cover !important;
    background-attachment: fixed !important;
}
.section-hero .container{z-index: 2;}
.section-hero .text_sect{max-width: 75%;text-align: start;float: left;padding-top: 4%;}
.section-hero .imags{max-width: 45%;text-align: end;  float: right;}
.section-hero h1.titles{width: 80%;margin: 0;font-weight: 800; font-size: 65px;color: #fff;font-family: var(--mainfont);margin-bottom:8px;}
.section-hero h1.titles strong{  color: #ffc956;}
.section-hero h2.titles{width: 80%;margin: 0;font-weight: 800; font-size: 30px;color: #fff;font-family: var(--mainfont);margin-bottom:14px;}
.section-hero h2.titles strong{  color: #ffc956;}
.section-hero p.descrip{font-family: var(--mainfont);margin: 20px 0;}
.section-hero a.links{padding: 15px;color: var(--primary);background: #fff;display: inline-block;border-radius: 5px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.section-hero a.links:hover{color: #fff;background: var(--secondarycolor);}
/*============= ===========*/
.aboutus-section{position: relative;padding-top: 130px;}
.aboutus-section .de-images {
    position: relative;
    width: 100%;
}
.aboutus-section .de-images img {
    border-radius: 5px;
    -webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.2);
    -moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.2);
    box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.2);
}
.aboutus-section .de-images:after {
  content: "";
  display: block;
  background-image: url('layout/images/dots-2.svg');
  background-size: cover;
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 250px;
  height: 250px;
  z-index: -1;
}
.aboutus-section .borderd {
    width: 100%;
    display: block;
    text-align: start;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    padding-right: 55px;
    color: var(--primary);
}
.aboutus-section .borderd:after {
  content: '';
  height: 1px;
  width: 50px;
  top: 14px;
  right: 0;
  position: absolute;
  background: #001837;
  opacity: .6;
}
.aboutus-section .texts h2{
  width: 100%;
  margin-top: 15px;
  display: inline-block;
  color: #222;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 1.2em;
}
.aboutus-section .texts p{
  color: #777777;
  margin-bottom: 20px;
  max-width: 100%;
}
.aboutus-section .texts h3,
.aboutus-section .texts h4,
.aboutus-section .texts h5{font-weight: 800;color: #222;}
.aboutus-section .abouts_feaures .icons span{
  background: var(--secondarycolor);
  padding: 5px;
  border-radius: 50%;
  display: flex;
  width: 48px;
  height: 48px;
  align-content: center;
  align-items: center;
}
.aboutus-section .abouts_feaures_rows{border-top: 1px solid #d5d5d540;}
.aboutus-section .abouts_feaures .icons span img{margin: 0 auto;width: 32px;}
.aboutus-section .abouts_feaures .texts h3{}
.aboutus-section .abouts_feaures .icons p{}
/*============= ===========*/
.services-section{position: relative;background: linear-gradient(180deg,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.6) 15%,rgba(11,186,181,.15) 60%,rgba(11,186,181,.3));}
.services-section .borderd {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: var(--secondarycolor);
}
.services-section .heads h2{display: inline-block;font-weight: 900;font-size: 25px;color: var(--primary);}
.services-section .heads p{font-size:16px;font-weight: normal;}
.services-section .box-number{display: block;background-color: #fff;border-radius: 32px;margin-bottom:10px;}
.services-section .box-number img {
    display: block;
    width: 100%;
    max-height: 339px;
    max-width: 100%;
    border-radius: 32px;
    object-fit: cover;
    border:1px solid transparent;
    aspect-ratio: 19/19;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.services-section .box-number .thumbnails{display: block;width: 100%;}
.services-section .box-number .text {width: 100%;display: block;padding: 5px 15px;}
.services-section .box-number .text h3{margin-bottom: 15px;color: #222;font-weight: bold;display: block;}
.services-section .box-number .text h3 span{display: inline-block;max-width: 85%;}
.services-section .box-number .text p{color: #777777;}
/*============= ===========*/
.calltoaction-container{background: var(--primary);padding: 50px 30px;border-radius: 15px;display: flex;align-items: center;justify-content: space-between;}
.calltoaction-container .calltoaction-content{max-width: 55%;width: 55%;}
.calltoaction-container .calltoaction-content h2{font-size: 30px;font-weight: 800;color: #fff;margin-bottom: 20px;}
.calltoaction-container .calltoaction-content p{font-size: 16px;color: #fff;margin-bottom: 15px;}
.calltoaction-container .calltoaction-content a{background: #fff;color: #000;padding: 10px 20px;border-radius: 5px;display: inline-block;text-decoration: none;transition: all 0.3s ease-in-out;}
.calltoaction-container .calltoaction-content a:hover{background: var(--secondarycolor);color: #000;}
.calltoaction-container .calltoaction-image{max-width: 35%;width: 35%;}
.calltoaction-container .calltoaction-image img{width: 100%;max-width: 100%;}
/*============= ===========*/
.our-pricetable{background: #f9f9f9;}
.our-pricetable .head-group:not(:first-child){border-top:1px solid #d5d5d5;}
.our-pricetable .head-group h3{padding-right: 20px;font-weight: bold;text-align:center;color:var(--secondarycolor);  margin-top: 40px;}
.our-pricetable .pricetable-group{
  text-align: center;
  background: #fff;
  color: #333;
  width: 90%;
  margin: 15px auto;
  border-radius: 10px;
  transition: all .2s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
}
.our-pricetable .price_badge{
  padding: 5px;
  margin: 0 auto;
  background: var(--primary);
  border-radius: 0 0 9.04065px 9.04065px;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: #fff;
  width: 80%;
}
.our-pricetable .price_content h3{

}
.our-pricetable .price_content p{}
/*============= ===========*/
.latest_news{position: relative;}
.latest_news .heads {margin-bottom: 3%}
.latest_news .heads h2{display: inline-block;margin-bottom: 30px;font-weight: 900;}
.latest_news .heads .borderd {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: var(--secondarycolor);
}
.blog_news .card {
  border-radius: 16px !important;
  background: #ffffff;
    background-size: auto;
  border: solid 1px #dddddd;
}
.blog_news .card-img-top{
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  height:215px;
}
.blog_news .card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
.blog_news .card-body .card-title {
  margin-bottom: .5rem;
  font-weight: bold;
  display: flex;
  min-height: 80px;
  align-items: center;
}
.blog_news .card-body .card-title a{color: #111;}
.blog_news .card-body p.card-text{color: #777777;font-size: 15px;font-weight: 400;line-height: 1.8em;margin-bottom: 20px; min-height:100px; max-height: 100px;overflow:hidden;}
.blog_news .card-body a.more{color: var(--textcolor);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.blog_news .card-body a.more:hover{color: var(--secondarycolor);}
.latest_news .linksmore a{
  background-color: var(--primary);
  color: #fff;font-weight: 500;
  font-size: 16px;  letter-spacing: 3px;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 20px;
}
/*============= ===========*/
.partners{position: relative;}
.partners .heads {margin-bottom: 3%}
.partners .heads h2{display: inline-block;margin-bottom: 30px;font-weight: 900;}
.partners .borderd {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
}
.partners .partners-contt{ flex-wrap: wrap;justify-content: space-between;align-items: center;}
.partners_img{width: 160px;margin: 5px;}
.partners img {
  width: 100%;
}
/*============= ===========*/
#gallery{display: block;
  overflow: hidden;
  text-align: center;}
.ourgallery .item {
  width: 24.9%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.ourgallery span.overlay {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ourgallery span.overlay .view_text{z-index: 99;  font-weight: bold;
  display: block;
  margin-top: 119.5px;display: inline-block;color: #0077ff;font-size: 11px;text-transform: uppercase;letter-spacing: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ourgallery .item img{
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ourgallery .item:hover span.overlay{opacity:0.6;}
.ourgallery .item:hover span.overlay .view_text{margin-top: 149px;opacity:1;}
.ourgallery .item:hover img{transform: scale(1.4);}
/*============= ===========*/
section.contactus{position: relative;min-height: 600px;}
section.contactus .contact_form_container{background: var(--secondarycolor);}
section.contactus .heads {margin-bottom: 3%}
section.contactus .heads h2{display: inline-block;margin-bottom: 30px;font-weight: 900;color: #fff;}
section.contactus .borderd {
    width: 100%;
    position: absolute;
    text-align: center;
    font-weight: bold;
    top: -4rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0;
    font-size: 280px;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255,255,255,.2);
}
section.contactus .separator span::before,
section.contactus .separator span::after{
  border-bottom: 1px solid rgba(255,255,255,.1);
}
section.contactus .separator span i{color: var(--textcolor);}
.contactus .container{
  z-index: 1;
  position: relative;
}
.form-control-msg{display:none}.hasError .form-control-msg{display:inline-block}.js-show-feedback{display:inline-block}
.contactus form#contact_form{
  width: 66%;
  margin: 0 auto;
}
.contactus form#contact_form input.form-control,
.contactus form#contact_form textarea{
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 0 !important;
  height: auto;
  border: solid 1px #ddd;
  background: #f5f5f5;
  color: #333 !important;
  margin: 20px 5px;
}
.contactus form#contact_form input.form-control:first-child{margin-top: 0;}
.contactus form#contact_form input.form-control:last-child{margin-top: 0;}
.contactus form#contact_form input::-webkit-input-placeholder,
.contactus form#contact_form textarea::-webkit-input-placeholder {
    color: #666;
}
.contactus form#contact_form input::-moz-placeholder,
.contactus form#contact_form textarea::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.contactus form#contact_form input:-ms-input-placeholder,
.contactus form#contact_form textarea:-ms-input-placeholder {
    color: #666;
}
.contactus form#contact_form input::placeholder,
.contactus form#contact_form textarea::placeholder {
    color: #666;
}
.contactus form#contact_form textarea{
    height: 178px;
    margin:0;
}
.contactus form#contact_form .hasError input.form-control,
.contactus form#contact_form .hasError textarea{border-color: red;}
#contact_form input[type="submit"]{
  background-color: transparent;
  border-color: var(--textcolor);
  background: var(--textcolor);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;  
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  padding: 8px 20px;
}
#contact_form input[type="submit"]:hover{border-color: #111;background: #000;}
.contactus .de_count{
  background: linear-gradient(to right,#095c75 0,#08536a 10%,var(--textcolor) 100%);
  color: #fff;
  max-width: 80%;
  margin: 0 auto;
}
.contactus .de_count i {
  display: block;
  font-size: 60px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 20px;
  width: 100%;
  color: var(--secondarycolor);
}
.contactus .de_count h6{ color: #fff;font-weight: 800;}
.contactus .de_count span {
  text-transform: uppercase;
  display: block;
  max-width: 65%;
  margin: 0 auto;
}
.contactus .de_count span a{color: #fff;}
/*============= ===========*/
#call-to-action{background: linear-gradient(to right, #213478, #0077ff);}
#call-to-action h3{font-size: 24px;color: #fff;  font-weight: 800;}
#call-to-action a.scroll-to{
  font-weight: 500;
  font-size: 12px;
  padding: 10px 20px;
  background: #213478;
  letter-spacing: 3px;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
}
body.rtl #call-to-action a.scroll-to{letter-spacing: 0;}
/*============= ===========*/
.our_factsnumber{background-attachment: fixed !important;}
.our_factsnumber .de_count {
  text-align: center;
  padding: 30px 0 30px 0;
  background: none;
}
.our_factsnumber .de_count i {
  display: block;
  font-size: 60px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 20px;
  width: 100%;
  color: #0077ff;
}
.our_factsnumber .de_count h3{
  font-weight: 500;
  color: #fff;
  font-size: 40px;
}
/*============= ===========*/
footer.site-footers{background: var(--primary);padding: 80px 0;}
footer.site-footers img{height: 100px;}
.copyright i{color: #e36464;}
.copyright a{color: var(--secondarycolor);}
.social-icons a{color: #fff;display: inline-block;margin: 2px;}
#backtotop{
  position: fixed;
  bottom: 5%;
  right: 2%;
 z-index: 999;
 width: 38px;
 height: 40px;
 text-align: center;
 background: var(--secondarycolor);
 color: #ffff;
 line-height: 30px;
 cursor: pointer;
 border: 0;
 border-radius: 2px;
 text-decoration: none;
 transition: opacity 0.2s ease-out;
 opacity: 0;
 outline: none;
}
#backtotop:before {
  display: inline-block;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 22px;
  color: #222;
  margin: 5px;
}
#backtotop:hover{background: #f5f5f5;}
.calling_through{position: fixed;bottom: 5%;left: 2%;z-index: 999;}
.calling_through span.button{
  display: block;
  padding: 15px;
  border-radius: 50%;  
  width: 64px;
  height: 64px;
  text-align: center;
  font-size: 25px;
  margin: 15px 0;
}
.calling_through span.button a{color: #fff;}
.calling_through span.whatsapp{
  background-color: #4caf50;
}
.calling_through span.phone{
  background-color: var(--primary);
}
/*============= ===========*/
.extra_sidebar{
  position: fixed;
  z-index: 2001;
  background: #111111;
  max-width: 400px;
  height: 100%;
  top: 0;
  padding: 60px;
  color: #aaaaaa;
  right: -400px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.extra_sidebar.show{right: 0;left: auto;}
#b-menu-close {
  display: block;
  position: absolute;
  padding-top: 10px;
  right: 40px;
  top: 20px;
  width: 20px;
  height: 20px;
  margin-top: 32px;
  cursor: pointer;
}
#b-menu-close > span {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  background-color: rgb(255, 255, 255);
  position: absolute;
}
#b-menu-close span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#b-menu-close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.extra_sidebar .contents h3{margin-bottom: 15px;color: #fff;font-weight: 900;}
.extra_sidebar .contents p{ margin-bottom: 20px;color: #aaaaaa;}
.extra_sidebar .contents .spacer-single {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;
}
.extra_sidebar .contents i{font-size: 18px;color: #0077ff;}
#de-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
    background-size: auto;
  top: 0;
  left: 0;
  z-index: 2000;
}
/*=================  =================*/
.entry_singlepost h1{font-weight: 900;color: #222;font-size: 32px;margin-bottom: 22px;}
.post-meta{color: #777777;}
.entry_singlepost .post-thumb{border-radius: .25rem;}
.entry_singlepost .post-thumb img{  border-radius: 16px;}
.single_hero{height: 100px;padding: 20px 0 40px;}
.social_share{list-style: none;padding: 0;margin: 0;float: left;}
.social_share li{display: inline-block;margin: 5px;}
.social_share li a{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #df01ae;
  color: #fff;
  border-radius: .25rem !important;
  -webkit-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.social_share li.facebook a{background: #3b5998;}
.social_share li.twitter a{background: #55acee;}
.social_share li.linkedin a{background: #0a66c2;}
.post_tags{float: right;}
.post_tags a{display: inline-block;background: rgba(0, 0, 0, 0.5);color: #fff;margin: 5px;  line-height: 40px;
  padding: 0 15px;border-radius: 3px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .post_tags a:hover{background: rgb(250, 183, 2);}
.widget-post{}
.widget-post .widget-header h5 {
  text-transform: capitalize;
  color: #213478;
  font-weight: 700;
  position: relative;
  font-family: 'Almarai', sans-serif;
  font-size: 18px;
  margin-bottom: 40px;
}
.widget-post .widget-header h5:before{
  position: absolute;
  content: "";
  width: 40px;
  height: 4px;
  background-color: rgb(250, 183, 2);
  bottom: -20px;
  border-radius: 2px;
}
.widget-post .widget-header h5:after{
  position: absolute;
  content: "";
  border-bottom: 5px dotted rgb(250, 183, 2);
  width: 30px;
  bottom: -20px;
  left: 43px;
}
.widget-post .card-body a,
.widget-post .card-body a h6{color: #222;font-weight: 800;}
/*========== ==========*/
body.error404 header#headers{background: #fff;border-bottom: 1px solid #ddd;}
body.error404 header#headers div#mainmenu ul > li a{  color: #222;}
body.error404 header#headers div#mainmenu ul > li:hover a{  color: rgb(250, 183, 2);}
body.error404 .error-title{font-size: 35px;font-weight: 800;}
body.error404  a.as-btn{color: rgb(250, 183, 2);}
body.rtl .text-start{text-align:right !important;}
body.rtl .text-end{text-align: left !important;}