/*----start public style */
  body, html {
    font-family: serif;
    /* font-weight: 400;
    font-style: normal;
    font-size: 10px;
    line-height: 1.3em;
    letter-spacing: 0;
    min-width: 320px;
    color: #333; */
    /* text-align: right; */
    background-color: #fff !important;
    }
    .dark.mood_dark
    {
       background: #F59C49;  
    }
    .light.mood_light
    {
       background: #F59C49;  
    }
    .default.mood_default
    {
       background: #3d3c3b;  
    }
  
    .content_paginat
    {
      margin: auto;
      display: flex;
      justify-content: center;
    }
    .content_paginat .pagination .page-item
    {
      background: #000 !important;  
  
    }
    .content_paginat .pagination  
    {
      background: #000 !important;  
  
    }
    .content_paginat .pagination .page-item.disabled .page-link {
    
          background: #000 !important;  
  
      border-color: #dee2e6;
  }
  .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #000;
    border-color: #007bff;
  }
  
  .page-link {
   
    color: #fff;
    background-color: #000;
    border: 1px solid #dee2e6;
  }
   
  .page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #0e121d ;
    border-color: #dee2e6;
  }
  
    .modal {
      z-index: 99999999999 !important;
      background: #00000080;
    }
    .title_section
    {
    text-align:center;
    }
    .dark  .title_section h2 
    {
    color:#fff;
    }
    .dark  .title_section p 
    {
    color:#aeb2be;
    font-size:18px;
    padding: 0 16%;
    }
    section.dark {
    /* margin:50px 0; */
    padding:50px 0;
    /* padding: 83px 0; */
    }
    .card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: 22px;
    margin: 0px 0px;
    font-family: sans-serif;
    line-height: 1.6;
    }
    .card{
      background-color: #0000;
      margin-bottom: 20px;
    }
    ul{
      list-style: none;
    }
    
    .max_width
    {
      max-width: 100%;;
      margin-bottom: 70px;
    }
    .form-control:focus {
      color: #495057;
      background-color: #fff;
      border-color: inherit;
      outline: 0;
      box-shadow: #0000;
    }
    .photoviewer-modal
    {
      z-index: 999999999 !important;
    }
    /*----start public style */
    /*----start section_navbar */
     
    .menu-item,
    .menu-open-button {
       background: #EEEEEE;
       border-radius: 100%;
       width: 80px;
       height: 80px;
       margin-left: -40px;
       position: absolute;
       color: #FFFFFF;
       text-align: center;
       line-height: 80px;
       -webkit-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       -webkit-transition: -webkit-transform ease-out 200ms;
       transition: -webkit-transform ease-out 200ms;
       transition: transform ease-out 200ms;
       transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    }
    
 
    .section_menue .menubar menuitem .menu-trigger 
    {
      line-height: 2 !important;
    }
    .menu-trigger>i{
font-size: 30px !important;
    }
     
     /* .menu-open-button {
       background: #EEEEEE;
       border-radius: 100%;
       width: 50px;
       height: 50px;
    } */
    
    .menu-open {
       display: none;
    }
    
    .lines {
       width: 25px;
       height: 3px;
       background: #596778;
       display: block;
       position: absolute;
       top: 50%;
       left: 50%;
       margin-left: -12.5px;
       margin-top: -1.5px;
       -webkit-transition: -webkit-transform 200ms;
       transition: -webkit-transform 200ms;
       transition: transform 200ms;
       transition: transform 200ms, -webkit-transform 200ms;
    }
    
    .line-1 {
       -webkit-transform: translate3d(0, -8px, 0);
       transform: translate3d(0, -8px, 0);
    }
    
    .line-2 {
       -webkit-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
    }
    
    .line-3 {
       -webkit-transform: translate3d(0, 8px, 0);
       transform: translate3d(0, 8px, 0);
    }
    
    .menu-open:checked + .menu-open-button .line-1 {
       -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
       transform: translate3d(0, 0, 0) rotate(45deg);
    }
    
    .menu-open:checked + .menu-open-button .line-2 {
       -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
       transform: translate3d(0, 0, 0) scale(0.1, 1);
    }
    
    .menu-open:checked + .menu-open-button .line-3 {
       -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
       transform: translate3d(0, 0, 0) rotate(-45deg);
    }
    
    .menu {
       margin: auto;
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       width: 80px;
       height: 80px;
       text-align: center;
       box-sizing: border-box;
       font-size: 26px;
       z-index: 9999999;
       margin-top: 20px;
       display: block;
       position: relative;}
    .menu-item
    {
      width: 100px;
      height: 100px;
      line-height: 4.5;
    }
    /* .menu-item 
    {
      width: 80px;
      height: 80px;
    } */
    .menu-open-button
    {
      height: 90px;
        width: 90px;
    
        margin-left: -35px;
        margin-top: 3px;
        transform: scale(0.9) !important;
    }
    .link_nav {
      font-size: 18px;
      display: block;
      line-height: 6;
      font-weight: bold;
    }
    .menu-item, .menu-open-button {
    
      line-height: 25px !important;
    }
     
    .content_icons_round i  {
     
      line-height: 30px;
       
      padding-top: 19px;
    }
    .menu-open:checked ~ .menu-item :hover{
     text-decoration: none; 
    }
    .menu-item:hover {
      color: #f70 !important;
      text-decoration: none;
    }
    .link_nav{
      font-size: 17px;
    }
    /* .menu-item {
       transition: all 0.1s ease 0s;
    } */
    
    .menu-item:hover {
       background: #EEEEEE;
       color: #3290B1;
    }
    
    .menu-item:nth-child(3) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-item:nth-child(4) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-item:nth-child(5) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-item:nth-child(6) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-item:nth-child(7) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-item:nth-child(8) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-item:nth-child(9) {
       -webkit-transition-duration: 180ms;
       transition-duration: 180ms;
    }
    
    .menu-open-button {
       z-index: 2;
       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
       transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -webkit-transition-duration: 400ms;
       transition-duration: 400ms;
       -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
       transform: scale(1.1, 1.1) translate3d(0, 0, 0);
       cursor: pointer;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
    }
    
    .menu-open-button:hover {
       -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
       transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    }
    
    .menu-open:checked + .menu-open-button {
       -webkit-transition-timing-function: linear;
       transition-timing-function: linear;
       -webkit-transition-duration: 200ms;
       transition-duration: 200ms;
       -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
       transform: scale(0.8, 0.8) translate3d(0, 0, 0);
    }
    
    .menu-open:checked ~ .menu-item {
       -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
       transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
       z-index: 99999999 !important;
    }
    
    .menu-open:checked ~ .menu-item:nth-child(3) {
       transition-duration: 180ms;
       -webkit-transition-duration: 180ms;
       -webkit-transform: translate3d(0.08361px, -104.99997px, 0);
       transform: translate3d(0.08361px, -104.99997px, 0);
    }
    
    .menu-open:checked ~ .menu-item:nth-child(4) {
       transition-duration: 280ms;
       -webkit-transition-duration: 280ms;
       -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
       transform: translate3d(90.9466px, -52.47586px, 0);
    }
    
    .menu-open:checked ~ .menu-item:nth-child(5) {
       transition-duration: 380ms;
       -webkit-transition-duration: 380ms;
       -webkit-transform: translate3d(90.9466px, 52.47586px, 0);
       transform: translate3d(90.9466px, 52.47586px, 0);
    }
    
    .menu-open:checked ~ .menu-item:nth-child(6) {
       transition-duration: 480ms;
       -webkit-transition-duration: 480ms;
       -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
       transform: translate3d(0.08361px, 104.99997px, 0);
    }
    
    .menu-open:checked ~ .menu-item:nth-child(7) {
       transition-duration: 580ms;
       -webkit-transition-duration: 580ms;
       -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
       transform: translate3d(-90.86291px, 52.62064px, 0);
    }
    
    .menu-open:checked ~ .menu-item:nth-child(8) {
       transition-duration: 680ms;
       -webkit-transition-duration: 680ms;
       -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
       transform: translate3d(-91.03006px, -52.33095px, 0);
    }
    
    .menu-open:checked ~ .menu-item:nth-child(9) {
       transition-duration: 780ms;
       -webkit-transition-duration: 780ms;
       -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
       transform: translate3d(-0.25084px, -104.9997px, 0);
    }
    
    .blue {
       background-color: #669AE1;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .blue:hover {
       color: #669AE1;
       text-shadow: none;
    }
    
    .green {
       background-color: #70CC72;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .green:hover {
       color: #70CC72;
       text-shadow: none;
    }
    
    .red {
       background-color: #FE4365;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .red:hover {
       color: #FE4365;
       text-shadow: none;
    }
    
    .purple {
       background-color: #C49CDE;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .purple:hover {
       color: #C49CDE;
       text-shadow: none;
    }
    
    .orange {
       background-color: #FC913A;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .orange:hover {
       color: #FC913A;
       text-shadow: none;
    }
    
    .lightblue {
       background-color: #62C2E4;
       box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
       text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .lightblue:hover {
       color: #62C2E4;
       text-shadow: none;
    }
    
    .credit {
       margin: 24px 20px 120px 0;
       text-align: right;
       color: #EEEEEE;
    }
    
    .credit a {
       padding: 8px 0;
       color: #C49CDE;
       text-decoration: none;
       transition: all 0.3s ease 0s;
    }
    
    .credit a:hover {
       text-decoration: underline;
    }
    
    
    .content_navbar .container {
      /* display: flex; */
      text-align: center;
    }
    
    .content_navbar .row_content_navbarrow {
      margin: auto;
      display: flex;
      margin-top: 130px;
    }
    /*----End   section_navbar */
    /*----start section_teamour */
    .demo{ background: #e5e5e5; }
    .our-team{
        border: 2px solid #f70;
        border-radius: 10px;
        text-align: center;
        margin: 10px;
        z-index: 1;
        position: relative;
    }
    .our-team:before,
    .our-team:after{
        content: "";
        width: 100%;
        height: 104%;
        background: #f70;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: -1;
        transform: translateY(-50%) scaleX(0.3);
        transition: all 0.3s ease 0s;
    }
    .our-team:after{
        width: 106%;
        left: 50%;
        transform: translate(-50%, -50%) scaleY(0.25);
    }
    .our-team:hover:before{ transform: translateY(-50%) scaleX(0.7); }
    .our-team:hover:after{ transform: translate(-50%, -50%) scaleY(0.7); }
    .our-team img{
        width: 100%;
        height: 370px;
        border-radius: 10px;
        transition: all 0.3s ease 0s;
    }
    .our-team .team-content{
        width: 93%;
        padding: 25px 0 10px;
        background: #f70;
        position: absolute;
        bottom: 50px;
        left: 50%;
        opacity: 0;
        -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
        transform: translateX(-50%);
        transition: all 0.3s cubic-bezier(0.5, 0.2,0.1,0.9);
    }
    .our-team:hover .team-content{
        bottom: 10px;
        opacity: 1;
    }
    .our-team .title{
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin: 0;
    }
    .our-team .post{
        display: block;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .our-team .social{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .our-team .social li{
        display: inline-block;
        margin: 0 5px;
    }
    .our-team .social li a{
        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 50%;
        background: #fff;
        font-size: 20px;
        color: #f70;
        transition: all 0.3s ease 0s;
    }
    .our-team .social li a:hover{
        background: linear-gradient(to bottom,#f70, darkred);
        box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
        color: #fff;
    }
    @media only screen and (max-width: 990px){
        .our-team{ margin-bottom: 30px; }
    }
    /*----End   section_teamour */
    /*----Start    section_ourclint */
    .content_our_clint .img_our_clint{
      max-width: 100%;
      height: 78px;
      width: 150px;
      margin: 21px;
      padding: 6px;
      border: 1px solid #fff;
    }
    .content_our_clint .img_our_clint{
     
      margin-bottom: 21px;
      
    }
    /*----End   section_ourclint */
    /*----start section_video_top */
    /* ----start slider */
     .content_icons_round.menu.with_slider {
      top: -250px !important;
      position: absolute !important;
  }

    #main-slider .carousel-item img{
animation: zoominoutsinglefeatured 10s;
    }
   .carousel-control-prev ,.carousel-control-next{
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 15%;
      color: #fff;
      text-align: center;
      opacity: 1;
      transition: opacity .15s ease;
      background: #fbf8f810;
      display: inline-flex;
      height: 50px;
      top: 47%;
      width: 51px;
      border-radius: 9px !important;
      opacity: 0 !important;
       display: none !important;
       transition: all 10000s ease-in-out;
    }
    #main-slider{
      transition: all 10000s ease-in-out;
    overflow: hidden;

    }
    .carousel-indicators li {
       
      width: 30px !important;
      height: 7px !important;
      border-radius: 11px!important;
    }
    #main-slider:hover .carousel-control-prev   ,#main-slider:hover .carousel-control-next  
    {
      opacity: 1 !important;
      display: inline-flex !important;

    }
    .carousel-caption {
     
      bottom: 10%;
    }
    /* .carousel-control-prev 
      {
        right: 100px !important;
      }
    .carousel-control-next 
      {
        left: 100px !important;
      } */
      .carousel-control-prev {
        left: 100px;
    }
    .carousel-control-next{
      right: 100px;
  }
    
/*start         Effect  slider      ---------------------------- */
#main-slider .carousel-item img{
  height: 100vh !important;
}
 
  
  
  @keyframes zoominoutsinglefeatured {
      0% {
          transform: scale(1,1);
      }
      50% {
          transform: scale(1.1,1.1);
      }
      100% {
          transform: scale(1,1);
      }
  
  }
  /*End         efeict  slider      ---------------------------- */
  @media (max-width: 768px){
.section_video_top {
    height: auto;
}
}
    /* ----End   slider */
    /* ----start menue */

  .has-sub ul{
      list-style: none;
      overflow: visible;
      background: transparent !important;

  }
    .menu-container, .menu-head , .sticky {
     
      background: #00000080 !important;
      /* background: #fff !important; */
      min-height: 50px !important;
    }
    .menu-trigger.left {
       color: #eee !important;
  }
  
  .menu-container.default-skin.position-left.open
  {
    height: 100vh;
    overflow: auto;
  }
  .menu-head .layer, .menu-container.default-skin.position-left.open{
    box-shadow: 11px 0 12px #000;
  }
  .menu-container {
    font-family: 'Questrial', sans-serif;
    overflow: auto;
    display: block;
    top: 0;
    background: #fff !important;
    z-index: 9999 !important;
    color: #000 !important;
  }
  .img_top_menue.img_user
  {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid #000;
    margin-bottom: 34px;
  }
  .content_header_menue
  {
    margin: auto;
    text-align: center;
    /* padding: 10px; */
    padding: 24px 5px 24px 5px;
    color:#000;
  }
   
  .dropdown-heading, .menu-items li a
  {
    color:#000   !important;
  }
  
  .dropdown-heading:hover, .menu-items li a:hover
  {
    background-color:#F59C49   !important;
    color:#fff   !important;
  
  }
  .li_read_more  :hover
  {
    background-color:inherit !important;
    color:inherit   !important;
  
  }
  .ul_read_more  {
   
    background: #fff !important;
  }
   
  .has-sub ul li .social_media_dev  a
  {
    display: inline-block ;
    padding: 5px;
  }
  
  nav
  {
    position: relative;
  }
   
  .content_svg_menue {
    position: relative;
    /* overflow: hidden; */
    /* height: 100%; */
    /* width: 100%; */
    /* background: red; */
    margin-top: -40px;
    overflow: hidden;
  
  }
  .content_svg_menue svg{
    bottom: 0 !important;
    /* width: 100%; */
     left: 0;
     height: 307px !important;
  }
  .menu-items {
      list-style: none;
      font-size: 14px;
       overflow: auto;
      height: 262px;
}
  .position-left {
    left: -1270px;
  }
  
  .content_svg_menue svg{
    fill: #f59c49 ;
      stroke: #f59c49 ;
  }
  
  .text_p{
    
    font-size: 18px;
    padding: 10px ;
    line-height: 2;
  
  }
  .li_read_more{
    font-size: 17px;
    /* padding: 10px 0px !important; */
  }
  .name_user{
    padding: 0;
    margin: 0;
  }
  .has-sub
  {
    list-style: none;
  }
    .sticky {
      /* position: relative !important; */
      z-index:9999 !important;
    }
    /* ----End   menue */
    .section_video_top{
      max-width: 100%;
      overflow: hidden;
      /*height: 100vh;*/
    }
    .content_video{
      width: 100%;
      overflow: hidden;
    }
    #myVideo {
      /* position: fixed;
      right: 0;
      bottom: 0;
      min-width: 100%; 
      min-height: 100%; */
      width: 100%;
      overflow: hidden;
    }
    
    
     .content_navbar{
      position: absolute;
      background: rgba(0, 0, 0, 0.5) !important;
      /* background: #ff080880 !important; */
      height: 60px;
      margin: 0!important;
      padding: 0!important;
      z-index: 9999 !important;
      width: 100%;
      display: block;
    }
    
    .content_hedar_data  {
      line-height: 70px !important;
    }
    .content_hedar_data  .data_one {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 50px;
      font-family: 'Font Awesome 5 Free';
      margin-top: 20px;
    }
    
     
    .content_hedar_data .data_tow {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 52px;
      font-family: 'Font Awesome 5 Free';
      font-weight: bold;
    }
    .content_hedar_data  .data_three {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 25px;
      font-family: 'Font Awesome 5 Free';
      margin: 11px;
      line-height: 1.7;
    }
    
    
     .content_navbar .navbar{
       
      background: transparent;
           justify-content: center;
        align-items: center;
    }
    .section_video_top .content {
       
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      /* background: #00000080; */
      color: #f1f1f1;
     
      /* padding: 20px; */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .content_hedar_data
    {
    
    }
    .section_video_top .content .col_content{
       
      margin: auto;
     }
    
    .btn_data_head {
      font-size: 20px;
      padding: 5px 30px;
      color: #fff;
      cursor: pointer;
      border-radius: 20px;
      border-color: #a1aab3;
    }
    .content_col_sm  {
      display: inline-block !important;
      display: inline-block;
     }
    
    .btn_data_head:hover {
      background: #ddd;
      color: black;
    }
    
    .content_img_logo img {
      width: 118px;
      height: 58px;
    }
    /*----start section_video_top */
     /*----start section_filterable_gallery*/
     
     .overlay    .btn_pay_product
  {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    position: absolute;
    bottom: 20%;
    left: 32%;
    width: auto;
    display: inline-block;
  }
     .overlay    a
  {
    color: #fff !important;
    width: 28px;
    height: 20px;
    display: inline-block;
  }
    .gallery {
      /* padding: 20px; */
      /* background-color: red; */
    }
    
    .gallery ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 15px;
    }
    .gallery ul li {
      list-style: none;
      font-size: 20px;
      font-family: "Roboto", serif;
      background-color: rgb(215, 215, 215);
      margin: 5px;
      padding: 8px 20px;
      cursor: pointer;
      letter-spacing: 1px;
      transition: 0.4s linear;
      border-radius: 4px ;
    }
    .gallery ul li.active , .gallery ul li:hover  {
      background-color: #f70;
      color: white;
    }
    .items {
      /* position: relative; */
      /* width: 300px;
      height: 300px; */
      /* margin: 5px; */
      /* width: 100%;
      height: 100%; */
    }
    .items img {
      /* position: absolute;
      top: 0;
      left: 0; */
      width: 100%;
      height: 100%;
      /* objesct-fit: cover; */
    }
    .items_galary 
    {
      margin: 5px 0;
    }
    .items_galary img
    {
      max-width: 100% !important;
    }
    .items_galary 
    {
        position: relative;
        overflow: hidden;
    }
    .items_galary .overlay
    {
      position: absolute;
        /* width: 100%; */
        height: 100%;
        background-color: #00000080;
        display: block;
        top: 0;
        /* left: 0; */
        opacity: 0;
        width: 90%;
        transition: all .5s ease-in-out;
        justify-content: center;
        align-items: center;
        display: flex;
        color: #fff;
        font-size: 29px;
    }
    .items_galary:hover  .overlay
    {
    opacity: 1 !important;
    }
    
    /*----start section_filterable_gallery*/
    /*----start section_brands*/
    .section_brands{
      /* background:#000115; */
      /* height: 400px; */
      border-radius: 0 15% 0 15%;
      
      margin: 50px 0;
      text-align: center;
    }
    .section_brands .content_img_payment svg{
      width: 50%;
    }
    /*----End   section_brands*/
    /*----start section_newsleetir*/
     
    .section_newsletter{
      background:url('https://static.cdnpub.info/land/start-trading/assets/images/bg__welcome.jpg?12312312');
      height: 400px;
      border-radius: 0 10% 0 0;
      max-width: 0 50px;
      margin: 50px 0;
    }
    
     
    .section_newsletter form
    {
      margin: auto 0;
    }
    .section_newsletter .col_smal
    {
      margin:  0;
      padding: 0 !important;
    }
    .section_newsletter .col_larg
    {
      margin:  0;
      padding: 0 !important;
    }
    .section_newsletter .content_form
    {
      /* border:4px solid #444 ;   */
      display: inline-grid;
    }
    .section_newsletter .content_img
    {
      margin: auto 0;
      display: inline-grid;
    
    }
    .section_newsletter .img
    {
      /* border:4px solid #444 ;   */
      display: inline-grid;
    }
    
    .section_newsletter .form-group{
      margin: 0;
      padding: 0;
    
    }
    
    .section_newsletter .input_email{
      margin: 0;
      border-radius: 0 !important;
      border-top-left-radius: 4px !important;
      border-bottom-left-radius: 4px !important;
      padding: 0 23px;
    }
    .btn_submit{
      background:#282550;
      border:1px solid #282550;
      border-radius: 0  !important;
    
    
    }
    /*----start section_newsletter */
    
    /*----start section_newsleetir*/
    /*----start section_support*/
    .content_text_support {
      color: #fff !important;
      padding: 20px ;
      font-size: 22px;
  }
    .section_support{
       /* background-color: #f7f7f7; */
       /* padding: 100px 0; */
       position: relative;
       overflow:hidden ;
       /* margin-top: -70px; */
    }
    .section_support svg {
      margin-top: -100px !important;

    }
    .section_support .title_section  {
      position: absolute;
      top: 12 0px;
      /* left: 37%; */
      left: 24%;
     }
  
     
    .section_support .content_img_icon   {
      width: 130px;
      /* height: 200px; */
      display: block;
      text-align: center;
      margin: auto;
    }
    .section_support .col_support  {
      padding: 100px 0;
    }
    .section_support .col_firest  {
      border-right: 10px solid #fff;
      border-top-right-radius: 50%;
       
    }
    .content_hade_li
    {
      /* padding: 0  20px ; */
      /* font-size:18px; */
      /* padding: 10px 10; */

    }
   .img_top_prices {
      height: 200px;
      max-width: 100% !important;
      overflow: hidden;
      transition: all 2s ease-out;
    }
   .card_prices {
       max-width: 100% !important;
      overflow: hidden !important;
     
      transition: all 500s ease-out , 
    
    }
    .section_prices .list-group-item
    {
      color: #fff !important;
      font-size: 19px;
      line-height: 2;
      text-align: start;
    }
    
    .card_prices:hover .img_top_prices
    {
      transform: scale(1.1) !important;
  

    }

    

    .card_prices ul 
    {
      height: 400px;
      overflow: auto;
  }
    .card_prices ul  .head_firest
    {
    float: right;
    display: block;
  }
    .card_prices ul  .head_left
    {
    float: left;
    display: block;

  }
    .section_support  .content_support  {
      background: #f7f7f7;
    }
    .section_plan  .card>.list-group:first-child .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
      color: #aeb2be;
    }
    .section_plan .align-items-center  {
      color: #696b72;
      font-size: 18px;
    
    }
     .badge-primary{
      background: #696b72;
      font-size: 18px;
    
    }
     
    
    .section_support .col_last  {
      border-top-left-radius: 50%;
      border-left: 10px solid #fff;
    
    }
     
    .section_support .col_firest , .section_support .col_last  {
      border-color:  #fff !important;
        
    }
    .section_support .content_img_icon  .img_icon {
      height: 120px;
      width: 120px;
      margin: 20px 0;
  }
      
    }
    /*----End  section_support*/
    
    /*----start section_steps */
    .content_steps{
      margin: 90px 0;
    }
    .section_steps .col_steps{
      border-top: 1px dashed #888;
      padding-top: 37px;
     }
    .section_steps .number_steps {
       display: inline-flex;
      position: absolute;
      left: -3px;
      top: -57px;
      font-size: 28px;
      font-weight: bold;
      background-color: none !important;
     }
    .section_steps .dots_steps{
      background: #ced;
      color: #fff;
      display: inline-flex;
      position: absolute;
      left: -9px;
      top: -14px;
      width: 25px;
      height: 25px;
      border-radius: 50%;
     } 
      
     
    .section_steps .dots_steps p   {
      background: #f70;
     }
      .section_steps .number_steps {
       color: #f70 ;
    }
    .section_steps .dots_steps p{
      color: #fff;
      position: absolute;
      left: 6px;
      top: 5px;
      width: 13px;
      height: 13px;
      border-radius: 50%;
     }
    
    
    .content_text_steps .text_desc{
      color: #888;
       font-size: 19px;
     }
    /*----End  section_steps */
    /*----start section_features */
    .section_features ul{
      padding: 10px;
      line-height: 2;
      color: #fff;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 20px;
      text-align: left;
    }
    .section_features ul .icon{
      font-weight: 900;
      padding-right: 19px;
    }
     /* ----start stat_features */
     .section_stat_features  ,.section_features
    {
      background:#1f1f1f;
      /* background:#2F3648; */
      color:#fff;
    }
     
    .content_text_stat_features  p
    {
    display: inline-block;
    }
    .content_text_stat_features .number
    {
    font-size: 52px;
     }
    
    .section_features ul .icon , .content_text_stat_features .number ,.firstWord{
     
      color: #f70;
    }
    .content_text_stat_features  .text_info
    {
    font-size: 17px;
    font-weight: bold;
    width: 145px;
    }
     /* ----End   stat_features */
    /*----End   section_features */
    /*----start section_stat */
    .section_stat{
      color:#fff;
       background: #2F3648 !important;
    }
    
    /* .section_stat .col_left :first-child p{
      text-align: right !important;
    }
    .section_stat  .lst_child{
      text-align: left !important;
    } */
     
    .section_stat .col_left{
      background: #22293D;
      padding-left: 8%;
    }
    .section_stat .col_right{
      background: #1C2130;
      padding-right: 8%;
    }
    /* .section_stat .all_stat_content .row   {
     background:#2F3648 !important; 
    } */
    /*----start section_stat */
    /*----start section_serves */
    .section_serves  {
      background: #0e121d  url(https://kayan-clean.com/otlop/img/contact/bg-map.png) !important;
    }
    .img_serves  {
    width: 100%; height: 100%; padding: 0; margin: 0; 
    margin: 10px 0;
    
    min-height: 400px;
    
    }
    
    .section_serves  .card {
      background:#22293d;
      color:#fff;
      box-shadow: 0 15px 15px 15px rgb(0 0 0 / 16%), 0 15px 15px rgb(0 0 0 / 23%);
      height: 500px;
      
    }
    .section_serves  .card  .card-text    {
    margin-top: 0;
    margin-bottom: 1rem;
    /* width: 90%; */
    height: 349px;
    background: #2F3648;
    border-radius: 50%;
    }
    .content_card_text {
      margin-top: 24px;
      margin-bottom: 1rem;
      width: 93%;
      /* height: 300px; */
      background: #171F33;
      border: 1px solid #171F33;
      width: 86%;
      margin-left: 7%;
      border-radius: 4px;
      box-shadow: 3px 3px 2px #011627, -3px -3px 2px #011627;
      height: 100%;
      overflow: auto;
  
                     }
    .content_card_text p{
          margin-top: 10px;
         padding: 10px;
    
                    }
      /* .section_serves     .list-group-item {
      position: relative;
      display: block;
      padding: 11px;
      margin-bottom: -1px;
      background-color: #0000;
      border: 1px solid #977d7d20;
      border-left: none;
      border-right: 3px solid #ffeded20;
      font-size: 14px;
    } */
    .section_serves .list-group-item {
      position: relative;
      display: block;
      padding: 11px;
      margin-bottom: -1px;
      background-color: #0000;
      border: 1px solid #977d7d20;
      border-left: none;
      border-right: 3px solid #ffeded20;
      font-size: 19px;
      line-height: 2;
      color: #9c9292 !important;
  }

  .section_serves .card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: 26px;
    margin: 0px 0px;
    font-family: sans-serif;
    line-height: 1.6;
    font-family: system-ui;
    color: #eee;
    
}
    .section_serves .link_read_more{
    color: #fff;
    padding: 12px 10px 13px;
    margin-top: -10px;
    text-decoration: none;
    background-color: #0000;
    }
    @media (min-width: 768px){
     
  .col_left   .col-md-6 {
    
      padding-left: 9% !important;
   }
  .col_right   .col-md-6 {
       padding-right: 8% !important;
  }
  }
   .col_stat .icon_ser_stat{
    font-size: 22px !important;
    display: block!important;
    /* margin: 20px; */
    margin-bottom: 14px!important;
  }
    /*----End   section_serves */
     
    /* ---start info_contact_us */
    .section_contact_us .info_contact_us 
    {
    margin:40px 0;
    }
    .svg_testimonial {
      margin-top: -100px !important;
  }
    .section_contact_us  .content_icon  
    {
    display:  block;
    text-align: center !important;
    
    }
    .section_contact_us   .content_icon i
    {
    display: inline-block;
    font-size: 34px !important;
    background: #122722 !important;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    line-height: 54px;
    color: #9d9797;
    margin-bottom: 10px;
    position: absolute;
    top: -46px;
    left: 41%;
    }
    
    
    
    .section_contact_us .info_contact_us .card .card-body p {
    color: #958484;
    padding: 28px ;
    border: 1px solid #555 !important;
    box-shadow: 8px 8px 0px #122722;
    /* background: #888; */
    /* color: #fff; */
    }
    /* ---End   info_contact_us */
    .section_contact_us .card-header:first-child {
      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
      color: #958484;
      font-size: 34px;
      border: none;
      background: #0000;
      color: #bb9696;
      font-family: cursive;
  }
    
    .section_contact_us .info_contact_us
    {
     width:100%;
    }
    .section_contact_us .card
    {
      background:#0000 !important;
      border-color:#ebe4e420 !important;
      border:none !important
    }
    .section_contact_us .card  .card-body {
    
    padding: 0 1.25rem;
    }
    .section_contact_us .card .card-body p {
      color: #958484;
      /* font-size: 23px; */
      line-height: 2.5;
  }
    .section_contact_us .card .card-body p a
    {
      color:#958484;
    }
    .section_contact_us  textarea.form-control
    {
       height: 130px !important;
       margin-top: 29px !important;
    }
    .section_contact_us  input.form-control
    {
       padding: 20px !important;
    }
    .section_contact_us  .form-control
    {
      margin: 5px 0 !important;
      border-color:#ffffff20 !important;
    
    }



  .section_contact_us  .btn_submit {
        margin: 20px 0;
      }
      input.form-control , textarea.form-control   {
    
    background-color: #0000 !important;
     }
    /*----start section footer */
    .footer  
    {
    background:##060e1c;
    width:100%;
    padding:  0;
    }
    
    .footer .align-items-center 
    {
    border:none !important;
    background:#0000;
    color:#b8bfd1;
    }
    .footer .align-items-center  a
    {
      
    color:#b8bfd1 !important;
    }
    
    .footer .list-group.larg_data li.li_larg_data  
    {
      border: 1px solid #555 !important;
    box-shadow: 55px 57px 64px rgb(129 88 121 / 20%);
    padding: 30px 10px;
    color: #888;
    font-size: 16px;
    line-height: 1.9;
    }
    .footer .list-group.larg_data li.li_larg_data   p
    {
      color:#999;
    }
    .footer  .icon_data_fototter_name_company
    {
    /* font-weight: bold; */
    font-size: 30px;
    }
    .list-group.larg_data > p{
    text-align: center;
    line-height: 3;
    font-size: 25px !important;
    letter-spacing: 25px;
    text-transform: uppercase;
    }
    .li_title 
    {
     /* font-weight:bold; */
     font-size:18px;
     color:#fff !important;
     padding: 20px 0;
    }
    
    /*start footer_info*/
    .footer .footer_info
    {
    background:#060e1c;
    padding:  15px 0;
    }
    
    .footer .footer_info p{
    color:#eee;
    font-size:15px;
    }
    .footer .footer_info a{
    color:#fff;
    }
    /*end  footer_info*/
    /*start wll right*/
    .footer .all_right
    {
    background:#000115;
    padding:  15px 0;
    }
    
    .footer .all_right p{
    color:#676e7e;
    font-size:15px;
    }
    .footer .all_right a{
    color:#b8bfd1;
    }
    /*end wll right*/
    
    /*----End   section footer */
    
     @media (max-width: 768px){
      .section_contact_us .card {
    
    margin-bottom: 45px;
    }
    .section_steps .dots_steps {
       
      left: -1%;
    }
   
    .section_stat .col_left :first-child , .section_stat .col_right :last-child{
    
      text-align: center !important;
    }
     
    .section_steps .col_steps {
      border-top: 1px dashed #888;
      padding-top: 37px;
      margin: 0 10%;
      padding: 0;
      left: 0;
    }
  
    .content_text_steps {
     margin: 20px 0 100px 0;
    }
    .section_serves .card{
      background: #22293d;
      color: #fff;
      margin-bottom: 10px;
    }
    .col_left   .col_lcontent_text_stat_features.text-center    {
      text-align: left !important;
    }
    .section_newsletter{
    height: auto;
    }
    .section_features ul {
     
      margin: 45px 0 !important;
    }
    .svg_testimonial {
       margin-bottom: -65px !important;
    }
    .section_steps .col_steps
    {
      margin-bottom: -100px !important;
    
    }
    .text-center {
      text-align: center!important;
      /* float: left; */
    }
    .list-group.larg_data > p {
      text-align: center;
      line-height: 3;
      font-size: 21px !important;
      letter-spacing: 21px;
      text-transform: uppercase;
    }
    section.dark {
      /* margin: 50px 0; */
      padding: 20px 0;
      /* padding: 83px 0; */
    }
    .section_contact_us .info_contact_us {
      margin: 0 !important;
    }
    .col_stat  , .col_stat.col_left{
      text-align: center!important;
    }
    .section_stat_features .text-center
    {
      float: left;
    }
    .menu , .content_video .container {
     
      display: none !important;
    }
    .section_video_top {
     
      height: auto;
    }
    .section_support   svg {
      overflow: hidden;
      vertical-align: middle;
      display: none;
        }
    .svg_testimonial {
      margin-bottom: -94px !important;
    }
    .content_text_steps .text_desc {
      color: #888;
      font-size: 22px;
      padding: 30px 11px;
    }
    .content_text_support  .title {
      margin-top: 30px !important;
      padding: 30px 11px;
      font-size: 26px;
  
    }
    .title_section 
    {
      margin: 0 !important;
      
    }
    .dark .title_section p {
     
      padding: 0 5%;
      margin-bottom: 45px !important;
      padding-bottom: 20px !important;
  
    }
    .footer .icon_data_fototter_name_company {
       font-size: 25px !important;
    }
    .content_video {
      width: 100%;
      /* overflow: hiddsen; */
      /* height: 39vh !important; */
    }
    #myVideo {
      width: auto;
      /* overflow: hidden; */
      height: 40vh !important;
      /* height: 1000px !important; */
    }
    .section_features ul {
     
      font-size: 16px;
    }
    .section_support .title_section  {
      
      display: none !important;
      opacity: 0;
    }
    }
    
    .title_section_steps{
      margin: 100px 0 !important;
      }
      p.title
      {
        font-size: 30px;;
      }
    @media (max-width: 768px){
 
                .section_contact_us .info_contact_us .card .card-body p {
                color: #958484;
                padding: inherit;
                border: 1px solid #555 !important;
                box-shadow: 8px 8px 0px #122722;
                /* background: #888; */
                /* color: #fff; */
                padding: 10px 20px;
                }
                .section_contact_us .info_contact_us .card .card-body p {
                color: #958484;
                padding: 21px 11px !important;
                
                }
                .card-header {
    padding: 10px 0  !important;
 
}
.m-5 {
    margin: 3rem 10px !important;
}


.animation-element.slide-left.testimonial h4 {
    margin: 0px 0px 5px 0px;
    /* line-height: 4; */
    font-size: 17px !important;
    font-weight: bold;
    margin-top: 18px  !important;
     position: relative !important;
}
    }
    @media (max-width: 600px){
      .list-group.larg_data > p {
         text-align: left;
    line-height: 3;
    font-size: 15px !important;
    letter-spacing: 9px;
    text-transform: uppercase;
    max-width: 100% !important;
    overflow: hidden !important;
    margin-top: 20px;
    }
    section{
            max-width: 100% !important;
    overflow: hidden !important;
    }
    
     }