@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;400;500;700&display=swap');
/*-----------------------------------------------------------------------------------

    Template Name: Sass Landing Page,
    Template URI: site.com
    Description: Sass Landing Page,
    Author: Uideck
    Author URI: https://uideck.com/
    Support: https://uideck.com/support/
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01.COMMON
    02.HEADER
    03.BRAND
    04.SERVICES
    05.ABOUT
    06.VIDEO COUNTER
    07.TEAM
    08.TESTIMONIAL
    09.BLOG
    10.SUBSCRIBE
    11.FOOTER

-----------------------------------------------------------------------------------*/
/*===========================
     01.COMMON css
===========================*/
body {
  font-family: 'Tajawal', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #6A6972;
  overflow-x: hidden;
  direction: rtl;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

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

i,
span,
a {
  display: inline-block;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #2E2E2E;
  margin: 0px;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #6A6972;
  margin: 0px;
}

.navbar.style-6 .navbar-brand img {
  max-width: 250px;
  -o-object-fit: contain;
  object-fit: contain;
}

.navbar.style-6 .nav-item .nav-link {
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0 15px;
  text-transform: capitalize;
}

.butn.butn-blue6, .btn.butn-blue6 {
  background: #156737;
  padding: 12px 25px;
  color: #fff;
}

.butn.butn-blue6, .btn.butn-blue6:hover {
  background: #146837;
}

.butn.butn-blue7, .btn.butn-blue7 {
  background: #156737;
    padding: 10px 35px;
    color: #fff;
    border-radius: 25px;
}

.butn.butn-blue7, .btn.butn-blue7:hover {
  background: #BF9C5C;
}

.navbar.style-6 .nav-item .nav-link:after {
  position: absolute;
  content: '';
  top: inherit;
  bottom: -10px;
  right: 0;
  left: 0;
  width: 10px;
  height: 0px;
  margin: 0 auto;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  width: 0;
  height: 40px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /* border-top: 3px solid #bf9c5c; */
  border-bottom: 3px solid #146837;
  /* border-left: 3px solid #bf9c5c;*/
  border-right: 3px solid #bf9c5c; 
  border-radius: 15px;
  -moz-transform: rotate(0deg) scale(1, 1) skewX(-30deg) skewY(0deg) translate(0px, 0px);
  -webkit-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0px, 0px);
  -o-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0px, 0px);
  -ms-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0px, 0px);
}

.navbar.style-6 .nav-item .nav-link:hover:after {
  width: 100%;
  opacity: 1;
}

#header-canal {
  z-index: 555;
}

.lang_img {
  background: url(../images/header/en.png) center center no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.lang_img_ar {
  background: url(../images/header/ar.png) center center no-repeat;
}

.lang_name {
  display: inline-block;
  font-weight: 500;
  vertical-align: top;
}
/*---------------------------------------------------------------
********** Header **********/
/*--------------------------------------------------------------*/
/*** topbar Styles ***/
#topbar {
  background: none;
  position: relative;
  padding: 8px 0;
  background: #35959a;
  background: -webkit-linear-gradient(to right, #156737, #35959a);
  background: linear-gradient(to right, #156737, #35959a);
}
.share-header {
  margin-left: 15px;
  margin-top: 40px;
}

.top-Details {
  float: right;
}

.top-Details li {
  display: inline-block;
  color: #fff;
  margin-left: 10px;
  margin-top: 7px;
  font-size: 14px;
  border-left: 1px solid #fff;
  padding-left: 10px;
}

.top-Details li:last-child {
  border-left: 0px solid #fff;
  padding-left: 0px;
}

.top-Details li i {
  margin-left: 3px;
}

.top-Details li a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}

.nav-l {
  background: #d4d4d4;
}
#shre-top {
  float: left;
  text-align: left;
}
#shre-top {
  float: left;
  text-align: left;
}

.shre-top {
  text-align: center;
  width: 206px;
  padding-left: 0;
}

.shre-top a {
  -webkit-transition: all 0.6s ease;
  /* Safari 3.2+, Chrome */
  -moz-transition: all 0.6s ease;
  /* Firefox 4-15 */
  -o-transition: all 0.6s ease;
  /* Opera 10.5-12.00 */
  transition: all 0.6s ease;
  /* Firefox 16+, Opera 12.50+ */
}

.shre-top a:hover {
  margin-top: 0px;
}

.shre-top .btn1,
.lang-top .btn1 {
  background: none;
  text-align: center;
  color: #fff;
  margin-top: 0px;
  padding: 5px;
  width: 33px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 4px;
}

.shre-top .btn1:hover {
  background: #fff;
  color: #88b425;
}

.shre-foot .btn4 {
  background: none;
  text-align: center;
  color: #FFFFFF;
  margin-top: 0px;
  padding: 5px;
  width: 34px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  border: 1px solid #858585;
  -moz-border-radius: 50%;
  /*Firefox*/
  -webkit-border-radius: 50%;
  /*Safari, Chrome*/
  border-radius: 50%;
}

.shre-foot .btn4:hover {
  border: 1px solid #e09a14;
  color: #e09a14;
}

#menu-top1 {
  margin-left: 40px;
}

.shre-top2 {
  text-align: center;
  width: 220px;
  padding-left: 0;
}

.shre-top2 a {
  -webkit-transition: all 0.6s ease;
  /* Safari 3.2+, Chrome */
  -moz-transition: all 0.6s ease;
  /* Firefox 4-15 */
  -o-transition: all 0.6s ease;
  /* Opera 10.5-12.00 */
  transition: all 0.6s ease;
  /* Firefox 16+, Opera 12.50+ */
}

.shre-top2 a:hover {
  margin-top: 1px;
}

.shre-top2 .btn1 {
  float: right;
  text-align: center;
  color: #fff;
  margin-top: 3px;
  margin-left: 3px;
  padding: 5px 8px;
  width: 31px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  border: 0px solid #000000;
  -moz-border-radius: 50%;
  /*Firefox*/
  -webkit-border-radius: 50%;
  /*Safari, Chrome*/
  border-radius: 50%;
  /* background:#838383*/
}

.shre-top .btn-twitter:hover {
  background: #00baf0
}

.shre-top .btn-facebook:hover {
  background: #3b5999
}

.shre-top .btn-google-plus:hover {
  background: #c43c2c
}

.shre-top .btn-linkedin:hover {
  background: #006599
}

.shre-top .btn-youtube:hover {
  background: #ff0000
}

.shre-top .btn-whatsapp:hover {
  background: #25D366
}

.shre-top .btn-vimeo-square:hover {
  background: #1ab7ea
}

.shre-top .btn-rss:hover {
  background: #ff6600
}

.shre-top .btn-snapchat:hover {
  background: #fffc00;
  color: #333
}

.shre-top .btn-flickr {
  background: #d70068
}

.shre-top .btn-tumblr {
  background: #2f669e
}

.shre-top .btn-dribbble {
  background: #ff0084
}

.shre-top .btn-apple {
  background: #6d6d6d
}

.shre-top .btn-skype {
  background: #00b0f6
}

.shre-top .btn-pinterest:hover {
  background: #cd1f28
}

.shre-top .btn-github-alt {
  background: #6d6d6d
}

.shre-top .btn-instagram:hover {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

  /* background-image: -webkit-linear-gradient( 165deg, rgb(42,42,114) 0%, rgb(0,159,253) 100%);
background-image: -ms-linear-gradient( 165deg, rgb(42,42,114) 0%, rgb(0,159,253) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}

.shre-top .btn1:hover {
  color: #fff;
}
/************/
.hero-home {
  padding: 50px 0;
  position: relative;
}

.hero-home {
  background-color: #dee0f254;
  position: relative;
  padding:  0 ;
  border-radius: 0px;
}

.custom-shape-divider-top-1690882991 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1690882991 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 90px;
}

.custom-shape-divider-top-1690882991 .shape-fill {
  fill: #156737;
}
.custom-shape-divider-top-1690883085 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1690883085 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 60px;
}

.custom-shape-divider-top-1690883085 .shape-fill {
  fill: #BF9C5C;
}

.image-about img {
  border-radius: 20px;
}
/*---------------------------------------------------------------
********** statistics  **********/
/*--------------------------------------------------------------*/
.statistics-content {
    padding: 60px 0 30px 0;
}

.statistics-box {
    padding: 40px 10px;
    margin-bottom: 30px;
    /* border: 8px solid #fdc830; */
    text-align: center;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.statistics-box:after {
    content: '';
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: -1;
    margin: auto;
    height: 100%;
    border: 10px solid #f4f5fb;
    border-radius: 10px;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(-10deg) skewY(0deg) translate(0px, 0px);
    /* FF3.5+ */
    -webkit-transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    /*Saf3.1+, Chrome*/
    -o-transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    /* Opera 10.5 */
    -ms-transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    /* IE 9 */
    transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
}

.statistics-box:before {
    content: '';
    position: absolute;
    background: #f4f5fb;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: -1;
    margin: auto;
    height: 100%;
    border: 3px solid #f4f5fb;
    border-radius: 10px;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(-10deg) skewY(0deg) translate(0px, 0px);
    /* FF3.5+ */
    -webkit-transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    /*Saf3.1+, Chrome*/
    -o-transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    /* Opera 10.5 */
    -ms-transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    /* IE 9 */
    transform: rotate(0deg) scale(1, 1) skew(-10deg, 0deg) translate(0px, 0px);
    -webkit-transition: all 0.4s ease-in-out;
    /* Safari 3.2+, Chrome */
    -moz-transition: all 0.4s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.4s ease-in-out;
    /* Opera 10.5-12.00 */
    transition: all 0.4s ease-in-out;
    /* Firefox 16+, Opera 12.50+ */
}

.statistics-box:hover:after {
    background: #bf9c5c;
}

.statistics-box:hover:before {
    bottom: -15px;
    right: 10px;
    left: -10px;
}

.statistics-main h2 {
    font-size: 25px;
    color: #156737;
}

.statistics-main h3 {
    font-size: 24px;
    color: #6d6e71;
    margin-right: 20px;
}

.statistics-icon img {
    max-height: 100px;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.5-12.00 */
    transition: all 0.3s ease-in-out;
    /* Firefox 16+, Opera 12.50+ */
}

.statistics-box:hover h3 {
    color: #fff;
}

.statistics-box:hover .statistics-icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
/* .section-head h2 span {
  position: relative;
  padding: 10px 20px;
  z-index: 2;
  font-size: 45px;
  color: #fff;
} */
/*
.section-head h2 span:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/shap_style_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  min-width: 170px;
}
.section-head-s2 h2 span:before{
  background-image: url(../images/shap_style_2.png);
  background-size: cover;
} */
.section-head h2 {
  font-size: 45px;
  position: relative;
  margin-bottom: 30px;
  display: inline-block;
  color: #156737;
  margin-right: 25px;
}
.section-head h2:after {
  position: absolute;
  content: "";
  left: -30px;
  top: 0;
  height: 100%;
  background-image: url(../images/title-left.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  min-width: 25px;
}
.section-head h2::before {
  position: absolute;
  content: "";
  right: -30px;
  top: 0;
  height: 100%;
  background-image: url(../images/title-left.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  min-width: 25px;
  transform: rotateY(150deg);
}
.section-head.color-w h2 {
  color: #fff;
}
.section-head.color-w h2::after {
  background-image: url(../images/title-left-w.png);
}
.section-head.color-w h2::before {
  background-image: url(../images/title-left-w.png);
    transform: rotateY(150deg);
}
.section-head h2 span{
  /* font-size: 45px; */
  position: relative;
}
.section-head h2 span::after {
  position: absolute;
  content: '';
  top: inherit;
  bottom: -15px;
  right: 0;
  left: 0;
  width: 100%;
  height: 10px;
  margin: 0 auto;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /* border-top: 3px solid #bf9c5c; */
  border-bottom: 5px solid #146837;
  /* border-left: 3px solid #bf9c5c;
  border-right: 3px solid #bf9c5c; */
  border-radius: 0px;
  -moz-transform: rotate(0deg) scale(1, 1) skewX(-30deg) skewY(0deg) translate(0px, 0px);
  -webkit-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0px, 0px);
  -o-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0px, 0px);
  -ms-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0px, 0px);
}
/* .section-head-s2 h2 span  {
  font-size: 25px;
  color: #333;
} */

.text {
  font-size: 22px;
  line-height: 31px;
  text-align: justify;
}
.hero-home .info {
  padding: 30px;
}

.hand-mega {
  position: absolute;
  width: 20%;
  top: 20%;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
  z-index: -1;
  opacity: 0.5;
}

.head6-rating {
  position: absolute;
  width: 18%;
  bottom: 27%;
  left: 15%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}

.target-3d {
  position: absolute;
  width: 20%;
  bottom: -120px;
  left: 35%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
  z-index: 2;
}

.head6-charts {
  position: absolute;
  width: 14%;
  top: 20%;
  right: 15%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}

.head6-rocket {
  position: absolute;
  width: 30%;
  top: 40%;
  left: -30px;
  z-index: 2;
}



.home-hero-slider img{
   /* border-radius: 15px; */
   width: 100%;
}
.hero-slider-home {
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
}
.hero-slider-home-caption {
  position: absolute;
  top: 60px;
  right: 30px;
  color: #fff;
  max-width: 600px;
}
.hero-slider-home-caption h2 {
  color: #bf9c5c;
  margin-bottom: 20px;
  text-shadow: 1px 1px 5px #333;
}
.hero-slider-home-caption p {
  color: #fff;
  text-shadow: 1px 1px 5px #333;
}

.home-video {
  padding: 80px 0;
}
.video-main-home {
  position: relative;
}

.home-service {
  padding: 80px 0 ;
background-color: #dee0f254;
background: url(../images/img/m-2-a.jpg);
background-size: cover;
 position: relative;
}
.service-card.style-6 {
  text-align: center;
  padding: 30px 8%;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px 0;
  display: block;
  color: #000;
}
.service-card.style-6 .info h5 {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 15px;
}
.service-card.style-6 .icon {
  margin-bottom: 25px;
}
.service-card.style-6 .icon img {
  max-height: 110px;
}
.home-service .svg-color {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  z-index: -1;
}
/*  */
.wave-1 {
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
}
.wave-1{
  background-image: url(../images/wave-white2.svg);
}
.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}
.wave-1.top {
  top: -5px;
}
.wave-1.bottom {
  bottom: -5px;
}
.revers-x {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/* --------- */

.home-service-box {
  padding: 80px 0;
  position: relative;
}
.home-service-box-spam {

  -webkit-animation: slide_up_down 1.7s ease-in-out infinite;
  animation: slide_up_down 1.7s ease-in-out infinite;
}
.home-service-box-spam lottie-player {
  width: 300px;
  height: 300px;
}

.home-service-sms-svg  lottie-player {
  width: 300px;
  height: 300px;
}
.home-service-sms .content {
  background-color: #dee0f254;
  position: relative;
  padding: 50px 0 50px;
  border-radius: 30px;
  margin: 30px;
  position: relative;
}


.main-img2  {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: rotate-center 70s linear infinite both;
  animation: rotate-center 70s linear infinite both;
  opacity: 0.3;
}

.home-Packages-home {
  padding: 100px 0 ;
}
.price-card {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(6, 14, 98, 0.05);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.04);
}
.Package-title h2{
  margin: 0;
  border-radius: 30px;
  background: #dee0f254;
  padding: 5px;
  text-align: center;
  font-size: 25px;
}
.Packages-price {
  margin: 20px 0;
}
.Packages-price h3 {
  font-size: 47px;
  text-align: center;
  font-weight: bold;
  border-bottom: 2px solid #bf9c5c;
  border-top: 0px solid #bf9c5c;
  padding: 9px 0;
}
.Packages-price h3 span {
  font-size: 20px;
  font-weight: 500;
  color: rgb(106, 106, 106);
}
.pricing_list li {
  line-height: 25px;
  margin-bottom: 8px;
  font-size: 17px;
}
.pricing_list li i {
  color: #156737;
}
/*---------------------------------------------------------------
********** news-home-box  **********/
/*--------------------------------------------------------------*/
.content-home {
  padding: 10px 0;
}

.news-home-box-img {
  height: 200px;
  overflow: hidden;
}

.news-home-box-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all .5s;
}

.news-home-box:hover img {
  transform: scale(1.2, 1.2);
}

.news-home-box {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #156737;
  margin-bottom: 30px;
}

.news-home-box-title {
  background: #156737;
  color: #fff;
}

.news-home-box:hover {
  border: 2px solid #947c1e;
}

.news-home-box:hover .news-home-box-title {
  background: #947c1e;
}

.news-home-box-title h3 {
  margin: 0;
  padding: 0;
}

.news-home-box-title a {
  display: block;
  text-align: center;
  padding: 10px;
  height: 58px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-decoration: none;
}

.custom-shape-divider-top-1690890840 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1690890840 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 90px;
}

.custom-shape-divider-top-1690890840 .shape-fill {
  fill: #F4F5FB;
}
.home-news {
  position: relative;
  padding: 100px 0;
}

/********************/
.home-members {
  position: relative;
  padding: 100px 0 ;
  background-color: #dee0f254;
}
.members-home-box a {
  display: block;
    text-decoration: none;
}
.members-home-box-img {
  height: 300px;
  position: relative;
}
.members-home-box-img::after {
position: absolute;
  content: '';
  border-bottom: 5px solid #BF9C5C;
  width: 80px;
  bottom: 0;
  left: -30px; 
  top: 0;
  height: 5px;
  margin: auto;
  z-index: -1;
}

.members-home-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all .5s;

  display: block;
    width: 100%;
    border-radius: 10px;
    border: 5px solid #BF9C5C;
}

.members-home-box-title h3 {
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  padding: 10px;
}
.members-home-box-title h3 a{
  text-decoration: none;
}
.custom-shape-divider-bottom-1690919102 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-bottom-1690919102 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 90px;
}

.custom-shape-divider-bottom-1690919102 .shape-fill {
  fill: #156737;
}
.custom-shape-divider-bottom-1690919269 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-bottom-1690919269 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 60px;
}

.custom-shape-divider-bottom-1690919269 .shape-fill {
  fill: #BF9C5C;
}
/*---------------------------------------------------------------
********** client home **********/
/*--------------------------------------------------------------*/
/*******************/
.testimonials-main1 {
  padding: 100px 0 ;
}
.testimonials-main {
  background: #f1f1f1;
  position: relative;
  padding: 60px 0 40px 0;
}

.testimonials-main-img {
  margin-top: 50px;
}

.testimonials-home-all {
  /* background:#4f4a48  url(../images/cover2.jpg) center center no-repeat fixed   ; */
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 40px 0;
  /* min-height: 350px; */
}

.testimonials-home-all .about-intro {
  position: relative;
  padding-top: 50px;
}

.testimonials-home-all .about-intro:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 48%;
  margin: auto;
  font-size: 33px;
  color: #ccc;
  font-family: 'FontAwesome';
  content: "\f10e";
}

.testimonials-home-all .about-intro p {
  color: #fff;
  text-align: center;
  background: #BF9C5C;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 7px;
}

.testimonials-home-all .about-intro h3 {
  text-align: center;
  font-size: 14px;
  font-family: 'Cairo', serif;
  color: #333
}

.testimonials-home-all .about-intro h4 {
  text-align: center;
  font-size: 14px;
  font-family: 'Cairo', serif;
  color: #333
}

.testimonials-home-all .about-intro h5 {
  text-align: center;
  font-size: 14px;
  font-family: 'Cairo', serif;
  color: #333
}

/*************/
.page-cover {
  background: #317950 url(../images/cover.jpg) center center no-repeat;
  background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 70px 0;
  color: #fff;
  position: relative;
}
.page-cover h1,
.page-cover h2{ 
  color: #fff; 
  font-size: 45px;
  text-align: center;
}
.single-news {
  background: #f1f1f1;
}
.page-container {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  margin: 20px 0;
}
.thump {
  text-align: center;
}
.post-data {
  background: #f1f1f1;
  padding: 8px;
  margin: 30px;
}
.post-data li {
  display: inline-block;
  margin-left: 20px;
}
.post-data li span {
   font-weight: bold;
}
.page-content p {
  margin-bottom: 5px;
}
.contact-form {
  text-align: right;
    direction: rtl;
}
.contact-form [type="email"],
.contact-form [type="number"],
.contact-form [type="tel"],
.contact-form [type="url"] {
  direction: rtl;
}
/*************/
.events-home-single .events-home-content .nav-tabs {
  margin: auto;
}

.events-home-single-top {
  margin-bottom: 30px;
  padding: 15px 0 5px 0;
  background: #fff;
}
/* ***** */
.ifr-h {
  height: 290px;
  width: 100%;
}

.owl-carousel .owl-video-tn {
  height: 200px;
}
/* ***** */
#canal-footer {
  

  background: #317950 url(../images/footer.jpg) center center no-repeat;
  background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 350px;

  position: relative;
  padding-top: 30px;
  color: #fff;
}
.footer-widget-title h3 {
  color: #fff;
  position: relative;
  margin: 30px 0;
}
.footer-widget-content li {
  line-height: 25px;

}
.footer-widget-content li a {
  color: #e8e8e8;
  text-decoration: navajowhite;
  font-size: 20px;
  display: block;
  margin: 3px 0;
}
.shre-top-foot a {
  color: #333;
  display: inline-block;
  background: #ffd62b;
  border-radius: 5px;
  margin: 5px;
  padding: 5px 14px;
}
.shre-top-foot a:hover {
  color: #fff;
  background: #333;
}

.footer-widget-title h3 span {
  position: relative;
  z-index: 2;
}


/* .footer-widget-title h3 span:before {
  position: absolute;
  content: "";
  right: -10px;
  top: -15px;
  height: 60px;
  width: auto;
  background-image: url(../images/shap_style_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  min-width: 200px;
} */

.footer-copy {
  background: #BF9C5C;
  text-align: center;
  font-size: 40px;
  padding: 20px 0 ;
  margin-top: 30px;
  color: #fff;
}
.footer-copy p {
  color: #fff;
}


                    .play-btn-box {
                          border: 2px rgba(255, 255, 255, 0.11) solid;
                          border-radius: 50%;
                          width: 287px;
                          height: 287px;
                          margin: 0px auto;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          position: absolute;
                          top: -150px;
                          z-index: 55;
                          right: 0;
                      }
                      .play-btn-line1 {
                      border: 2px #bf9c5c57  solid;
                      border-radius: 50%;
                      width: 230px;
                      height: 230px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      border-right-color: transparent;
                      }
                      .play-btn-line2 {
                      border: 2px #bf9c5c57  solid;
                      border-radius: 50%;
                      width: 172px;
                      height: 172px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      border-right-color: transparent;
                      }
                      .play-button {
                      background-color: #bf9c5c;
                      width: 106px;
                      height: 106px;
                      border-radius: 50%;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      cursor: pointer;
                      position: absolute;
                      left: 50%;
                      top: 50%;
                      transform: translate(-50%, -50%);
                      }
                      .play-button .fas {
                      width: 30px;
                      height: 30px;
                      margin-left: 0;
                      font-size: 30px;
                      color: #fff;
                      }

                      #line1 {
                      -webkit-animation: rotation 4s infinite linear;
                      }

                      @-webkit-keyframes rotation {
                      from {
                        -webkit-transform: rotate(0deg);
                      }
                      to {
                        -webkit-transform: rotate(359deg);
                      }
                      }

                      #line2 {
                      -webkit-animation: rotation1 3s infinite linear;
                      }

                      @-webkit-keyframes rotation1 {
                      from {
                        -webkit-transform: rotate(0deg);
                      }
                      to {
                        -webkit-transform: rotate(359deg);
                      }
                      }


/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
*/
.rotate-center {
  -webkit-animation: rotate-center 100s linear infinite both;
  animation: rotate-center 100s linear infinite both;
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * ----------------------------------------
 * animation slide_up_down
 * ----------------------------------------
*/
.slide_up_down {
  -webkit-animation: slide_up_down 1.7s ease-in-out infinite ;
  animation: slide_up_down 5.7s ease-in-out infinite ;
}

/* ------- */
@-webkit-keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);

  }

  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}

@keyframes slide_up_down {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  
    }
  
    50% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
    }
  
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}

/**
 * ----------------------------------------
 * animation wave
 * ----------------------------------------
*/
.wave {
  -webkit-animation: wave 2s ease-in-out infinite alternate both;
  animation: wave 2s ease-in-out infinite alternate both;
}

/* ------- */
@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  100% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  100% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

/**
 * ----------------------------------------
 * animation scale_up_down
 * ----------------------------------------
*/
.scale_up_down {
  -webkit-animation: scale_up_down 1s ease-in-out infinite alternate both;
  animation: scale_up_down 6s ease-in-out infinite alternate both;
}

/* ------- */
@-webkit-keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    left: -100px;
    top: 200px;

  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 50%;
    top: -200px;

  }
}

@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    left: -100px;
    top: 100px;

  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 20%;
    top: 200px;

  }
  50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    left: 20%;
    top: 200px;

  }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 50%;
    top: -200px;

  }

  100% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0);
    left: 50%;
    top: -200px;


  }
}

.left_to_right_apperance {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.left_to_right_apperance.animated {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}