body{
  background-color: #000000;
  overflow-x: hidden;
  position: relative;
}

section{
  position: relative;
}
    .set-blur{
      filter: blur(20px);
    }
    .slides_show{
      display: none;
    }
    .p-sections{
      opacity: 0;
      transform: translateY(-30px);
      font-size: 19px;
      line-height: 35px;
    }
    .logo-container img {
        width: 100px;
        z-index: 999999999999 !important;
        position: absolute;
        top: 20px;
        right: 20px;
        filter:drop-shadow(7px 7px 7px #666666d4); 
        -webkit-filter:drop-shadow(7px 7px 7px #666666d4);      
    }
    .logo-container00 img {
      width: 105px;
      z-index: 999999999999 !important;
      position: absolute;
      top: 19px;
      right: 132px;
      filter:drop-shadow(7px 7px 7px #666666d4); 
      -webkit-filter:drop-shadow(7px 7px 7px #666666d4);      
  }

    #section0888 {
      background-color: #1c1a1a;
      text-align: right;
      min-height: auto !important;
  }

  #logo23 {
    position: absolute;
    left: 5px;
    bottom: 0;
}
#logo23 img {
  width: 100px;
}
    #section0888 .team {
      font-size: 31px;
      margin-top: 50px;
      font-weight: 500;
      color: white;
  }
    
  #section0888 .first {
    font-size: 20px;
    font-weight: 700;
    color: #a20014 !important;
    margin-top: 15px;
}
#section0888 .secound {
  font-size: 18px;
  font-weight: 500;
  color: white;
  margin-top: 5px;
}
    .text-light{
      color: white !important;
    }
    .bold{
      font-weight: 700;
    }
    /* section{
      width: 100vw;
      height: 100vh;
    } */
    .full-section{
      width: 100vw;
      height: 100vh;
    }
    #timeline02{
      height: 100vh;
    }
    /* .container-part01{
      min-height: 100vh;
    } */
/* ==========================================================================
   navigators
   ========================================================================== */
   .continue-text{
      position: fixed;
      color: white;
      opacity: 0;
      margin: 0 auto;
      left: 5px;
      top: 59%;
      /* width: 50px; */
      height: 50px;
      padding: 14px 14px 0 0;
      z-index: 100;
      border-radius: 100%;
      box-sizing: border-box;
      transition: 0.3s;
      font-size: 15px;
      transition: all .6s;
   }

   .btn-arrow-back {
    fill: var(--grey-light); }

   .arrow-back {
    right: 50%;
    transform: translateX(50%);
    opacity: 1;
    position: fixed;
    background-color: rgba(180, 132, 78, 0.33);
    margin: 0 auto;
    top: 5px;
    padding: 4px 7px 4px 6px;
    z-index: 100;
    cursor: pointer;
    background-color: rgba(180 132 78, 0.33);
    transition: 0.3s;
    border-radius: 100%;
  }
  .arrow-back img{
    width: 30px;
  }

  .arrow-back:hover {
    background-color: var(--grey-dark);
    transition: 0.3s;}


  .btn-arrow-next {
    fill: var(--red-main);  }

  .arrow-next {
    position: absolute;
    bottom: -3px;
    right: 24px;
    /* padding: 14px 14px 0 0; */
    z-index: 200;
    color: #ecc285;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    transition: 0.3s;
    /* background-image: url('../graphics/group-114.png'); */
  }
  #btn-next{
    cursor: pointer;
    position: absolute;
    margin: 0 auto;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    /* padding: 14px 14px 0 0; */
    z-index: 100;
    color: #ecc285;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    transition: 0.3s;
    opacity: 0;
  }
  #btn-next img{
    margin-bottom: -17px;
    opacity: .8;
    height: 113px;
    filter: brightness(.6);
  }

  @media (max-width: 780px) {
    .arrow-back svg, .arrow-next svg {
      width: 16px;
      height: 13px; }

    .arrow-back, .arrow-next {
      width: 35px;
      height: 35px;
      padding: 11px 10px 0 0;  }
  }



/* ==========================================================================
   Grids
   ========================================================================== */
   #mobile{
    display: none;
  }

  .slide-bottom-center {
    display: grid;
    align-content: flex-end;
    justify-content: center;
    padding: 0rem 10rem 10rem 10rem;    }

 .slide-center-center {
        display: grid;
        align-content: center;
        justify-content: center;
        padding: 0 10rem;        }

  .slide-top-center {
    display: grid;
    align-content: flex-start;
    justify-content: center;
    padding: 5rem 10rem 0 10rem;    
  }

  
  .slide-center-center.text-right h2,
  .slide-center-center.text-right p 
  {
    width: 40%; } 
  
  .text-right.slide-center-center {
    padding: 1rem 7rem;
  }

  video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
  }

/* ==========================================================================
   sections
   ========================================================================== */
  

   .main-wrapper {
       width: 100vw;
       height: 100vh;
   }

   .display-slide {
      display: block !important; 
   }

   .slide {
    width: 100vw;
    height: 100vh;  
    /* transition: 0.2s; */
   }

   .slide-bg {
    position: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100vw;
    height: 100vh; 
    top: 0; 
    /* display: none; */
   }

   .slide-blur {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    /* transition: 0.1s; */
    }

    .slide-overlay-bottom {
    background: linear-gradient(rgba(0, 0, 0, 0.40),rgba(0, 0, 0, 1));  }
    
    .slide-overlay-left {
    background-image: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
    } 

    .slide-overlay-right {
    background-image: linear-gradient(-90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
    } 

    .slide-overlay-top {
      background-image: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0.00) 100%);
    } 
    
    .lyar-right{
      background-image: linear-gradient(to left, #000000, #000000bf,rgba(0, 0, 0, 0) 100%);
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      top: 0;
    }
    .lyar-bottom{
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.26), #000000bf , #000000);      
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      top: 0;
    }

    /* #timeline01{
      position: relative;
    }
   #timeline02{
      position: relative;
    } */

    .fixedBackground{
      position: -webkit-sticky;
      position: sticky !important;
      top: 0;
      width:100vw;
      height: 100vh;
      z-index: -1;
    }
    .relativeBackground{
      position: absolute;
      bottom: 30px;
    }

    
   
   
   

    #section01{
      position: relative;
    }



    .head-section{
      position: absolute;
      width: 35%;
      background-color: #a20014;
      text-align: right;
      top: 50%;
      padding-right: 36px;
      transform: translateY(-50%);
      transition: all .5s;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    #slide01 h3{
      font-weight: 100 !important;
      font-size: 50px;
    }
    #slide01 h4{
      font-weight: 600 !important;
      margin-top: -20px;
    }
    #slide01 h5{
      font-size: 20px !important;
    }
    
    .section-11-head{
      font-weight: 600 !important;
      margin-top: -20px;
      text-align: right;
      color: white;
    }
    #break02-video{
      background-color: black;
    }
    .post-item .post-item-wrap {
      background-color: black;
      position: relative;
  }
    #break02-video iframe{
      width: 80% !important;
      height: 70% !important;
    }
    #break02-video iframe{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    #sec01{
      height: auto;
      /* width: 100vw; */
      position: relative;
      /* background-image: url(../graphics/header.jpg); */
      background-size: cover;
    }
    .section01{
      height: 100vh;
      width: 100vw;
      position: relative;
    }
   
    .p-slides{
      width: 60%;
      /* height: 100vh; */
      z-index: 2;
      padding-top: 5% !important;
      padding-bottom: 5% !important;
      padding: 10%;
    }
    .p-slides-size {
      font-size: 21px;
      line-height: 38px;
    }

      .remove-fixed-class{
        position: absolute;
        height: auto;
        top: auto;
        bottom: 0;
      }
      .add-fixed-class{
        position: fixed !important;
        height: 100% !important;
        transform: translateY(0)!important;
        bottom: auto;
        transition:  all .7s;
      }

      .sectionpi01 .pie-chart span.percent:after {
        content: '27,238';
        margin-left: 0.1em;
        font-size: .8em;
      }
      .sectionpi02 .pie-chart span.percent:after {
        content: '372';
        margin-left: 0.1em;
        font-size: .8em;
    }
    .pie-chart span, .pie-chart i {
      opacity: 0;
    } 
    .pi-ch-des{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      color: white;
      line-height: 36px;
      font-size: 24px;
    }
/* ==========================================================================
   images bk
   ========================================================================== */

    #section01-img01{
      position: -webkit-sticky;
      object-fit: cover;
      position: sticky;
      top: 0;
      width: 100vw;
      height:100vh;
      z-index: -1;
    }
    #section01-img02{
      position: -webkit-sticky;
      object-fit: cover;
      position: sticky;
      top: 0;
      width: 100vw;
      height:100vh;
      z-index: -1;
    }
    #section01-img03{
      position: -webkit-sticky;
      object-fit: cover;
      position: sticky;
      top: 0;
      width: 100vw;
      height:100vh;
      z-index: -1;
    }
    #section01-img04{
      position: -webkit-sticky;
      object-fit: cover;
      position: sticky;
      top: 0;
      width: 100vw;
      height:100vh;
      z-index: -1;
    }
    #slide01{
      margin-top: -45%;
    }
    #slide03{
      margin-top: -35%;
    }
    #slide03 .p-slides-size{
      font-size: 25 !important;
    }
    /* #slide02{
      margin-top: -45%;
    }
    #slide03{
      margin-top: -45%;
    }
    #slide04{
      margin-top: -45%;
    }
    #slide05 , #slide06 , #slide07 , #slide08 , #slide09{
      margin-top: -45%;
    } */
    #slide04{
      padding-bottom: 70px;
    }
    #slide02{
      padding-bottom: 70px;
    }
    #slide05{
      padding-bottom: 70px;
    }
    #slide06{
      padding-bottom: 70px;
    }
    #slide07{
      padding-bottom: 70px;
    }
    #slide04 h4{
      text-align: right;
      color: white;
      margin-bottom: 33px;
      width: 100%;
      font-weight: 400 !important;
    }
    #slide07 h4{
      text-align: right;
      color: white;
      margin-bottom: 33px;
      width: 75%;
      font-weight: 400 !important;
    }
    #slide10 h4{
      text-align: right;
      color: white;
      margin-bottom: 33px;
      width: 75%;
      font-weight: 400 !important;
    }
    #slide12 h4{
      text-align: right;
      color: white;
      margin-bottom: 33px;
      font-size: 24px;
      width: 100%;
      font-weight: 400 !important;
    }
 #break06{
  background-color: #1c1a1a;
  padding-top: 5% !important;
    padding-bottom: 5% !important;
    padding: 10%;
 }
 #break06 h4 {
  font-size: 25px;
  color: white;
  text-align: right;
}
 #break06 p {
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  text-align: right !important;
}


    /* break01 */
      #break01{
        background-color: #1c1a1a;
      }
      #break01 p{
        padding-top: 5% !important;
    padding-bottom: 5% !important;
        font-size: 23px;
        font-weight: 700;
        padding: 10%;
        line-height: 38px;
        text-align: center !important;
      }

     /* break02 */
      #break02{
        background-color: #a20014;
        padding-top: 5% !important;
        padding-bottom: 5% !important;
        padding: 10%;
    
      }
        #break02 p{
          font-size: 18px;
          font-weight: 400;
          line-height: 28px;
          text-align: center;
          }


      /* break-inpho */
        #break-inpholast{
          background-color: #564c4c;
          padding: 75px 70px 75px 70px;
        }
        #break-inpho .row {
          align-items: flex-start;
        }

        #break-inpho{
          background-color: #564c4c;
          padding: 80px 37px 80px 37px;
        }
        #break-inpho .row{
          align-items: center;
        }
        .pie-chart {
          margin-bottom: 0px !important;
          margin-top: 0px !important;
      }
      .inpho-des01{
        text-align: center;
        color: white;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 10px;
      }
      .inpho-desc-01-fex{
        display: flex;
        justify-content: center;
        margin-top: 10px;
        color: white;
      }
      .inpho-desc-01 span{
        color: #a20014 !important;
      }
      .inpho-desc-01{
        margin-left: 10px;
        font-size: 13px;
        font-weight: 600;
      }
      .inpho02-desc{
        font-size: 16px;
        margin-bottom: 10px;
        color: white;
      }
      .inpho02-NUM{
        font-size: 68px;
        color: white;
        margin-top: 14px;
      }
      .inpho02-flex{
        display: flex;
        width: 50%;
      }
      .inpho02-flex03{
        width: 70%;
        background-color: white;
        color: #a20014;
        padding: 6px 8px;
      }
      .inpho02-flex04{
        width: 30%;
        color: white;
        background-color: #a20013;
        padding: 6px 8px;
      }

      .bk-w{
        background-color: #d8d8d8;
      }
      .bk-R{
        background-color: #a20014;
      }
     

      .break-inpho02 .row {
        align-items: flex-end !important;
      }
      .break-inpho06 .row {
        align-items: center !important;
      }
      .break-inpho02-flex{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      .col-inpho01{
        height: 200px;
        width: 35px;
        margin-bottom: 15px;
      }
      .col-inpho01-num{
        font-size: 15px;
        font-weight: 800;
        color: white;
        margin-bottom: 7px;
      }
      .col-inpho01-text{
        text-align: center;
        color: white;
        line-height: 18px;
      }
      .breakinpho02-p{
        text-align: center;
        color: white;
        margin-top: 60px;
        margin-bottom: 40px;
        font-size: 17px;
        line-height: 28px;
      }
      .breakinpho02-pnew{
        margin-top: 125px;
      }
      .col-inpho02{
        height: 83px;
        width: 35px;
        margin-bottom: 15px;
      }
      .col-inpho03{
        height: 83px;
        width: 35px;
        margin-bottom: 15px;
      }
       

      .im-inpho01-text{
        text-align: center;
        color: white;
        line-height: 18px;
      }
      .im-inpho01-num{
        font-size: 56px;
        color: white;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .im-inpho01 img{
        width: 80px;
      }
      .im-inpho01-head{
        text-align: center;
      }
      .im-inpho01-head-02{
        font-size: 25px;
        color: white;
        margin-bottom: 10px;
      }
      .im-inpho01-head-01{
        color: white;
        margin-bottom: 15px;
        line-height: 20px;
        font-size: 18px;
      }
    

      .prog01-perc{
        font-size: 30px;
        color: white;
        margin-top: 10px;
        margin-bottom: 3px;
      }
      .prog01-text {
        text-align: center;
        color: white;
        line-height: 18px;
        font-size: 14px;
    }
    .prog01-image img{
      height: 200px;
      margin-bottom: 20px;
    }



    .reo-icon-text{
      text-align: center;
      color: white;
      line-height: 18px;
    }
    .reo-icon-num{
      font-size: 22px;
      color: white;
      margin-top: 10px;
      margin-bottom: 3px;
    }
    .row-icon-01{
      display: flex;
      justify-content: center;
      margin-bottom: 66px;
      align-items: baseline;
      width: 100%;
    }
    .row-icon-01-elm{
      width: 33.3333%;
      text-align: center;
    }
    .reo-icon-img img{
      width: 95px;
    }


    .pie-chart-row{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
    .pie-chart-head{
      color: white;
      font-size: 14px;
      width: 13%;
      text-align: center;
      line-height: 20px;
    }
    .pie-chart-head01{
      color: white;
      font-size: 14px;
      width: 25%;
      text-align: center;
    }
    .pie-chart-res{
      color: white;
      font-size: 14px;
      margin-left: 20px;
      width: 25%;
      text-align: center;
      font-weight: 600;
    }
    .pie-chart-pi{
      text-align: center;
      width: 25%;
    }
    .pie-chart-pi-num{
      color: white;
      font-weight: 600;
      font-size: 15px;
    }
    .pie05-b-mt{
      border-top: 2px solid white;
      margin-top: 20px;
      padding-top: 20px;
    }




    .sec03-box .num {
      background-color: white;
      color: #564c4c;
      width: 100%;
      text-align: center;
      font-size: 79px;
      font-weight: 200;
      padding-top: 16px;
      padding-bottom: 16px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
    }
    .sec03-box .text {
      background-color: #a20014;
      width: 100%;
      text-align: center;
      color: white;
      padding-top: 7px;
      padding-bottom: 7px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      /* height: 65px; */
      font-weight: 900;
      font-size: 17px;
      padding-top: 10px;
    }

    .sec03-box .num p{
      color: #564c4c;
      font-weight: bold;
      font-size: 22px;
    }
    .breakinpho04-p{
      text-align: center;
      color: white;
      margin-top: 30px;
      font-weight: 600;
    }
    .num03{
      background-color: white;
      color: #564c4c;
      width: 100%;
      text-align: center;
      font-size: 79px;
      font-weight: 200;
    }

    .sec03-box-flex02{
      display: flex;
      justify-content: center;
    }

    .b-l-w{
      border-right: 1px solid white;
      padding-left: 0px !important;
    }
    .b-b-w{
      border-bottom: 1px solid white;
      padding-bottom: 25px;
    }
    .b-l-r{
      border-left: solid 2px #a20014;
    }
    .m-t-s{
      padding-top: 50px;
    }

    .m-t-s2{
      margin-top: 150px;
    }
    .m-h-s{
      min-height: 100vh;
    }


    .chart {
      position: relative;
      display: inline-block;
      width: 110px;
      margin-top: 30px;
      margin-bottom: 15px;
      text-align: center;
    }
    .chart canvas {
      position: absolute;
      top: 0;
      left: 0;
      height: 95px !important;
      width: 95px !important;
    }
    .percent {
      display: inline-block;
      line-height: 104px;
      z-index: 2;
      color: white;
      font-size: 23px;
      margin-right: 7px;
  }
    .percent:after {
      content: '%';
      margin-left: 0.1em;
      font-size: 0.8em;
      font-size: 28px;
    }


    .l-inpho-num{
      font-size: 54px;
      margin-top: 23px;
      color: white;
      font-weight: 100 !important;
    }
    .l-inpho-text{
      font-size: 14px;
      color: white;
      font-weight: 600;
      line-height: 34px;
    }
    .l-inpho-img img{
      width: 120px;
      height: 150px;
    }
    #break-inpholast .breakinpho04-p{
      margin-top: 65px;
    }

    #break-inpholast .chart canvas {
      position: absolute;
      top: 0;
      left: 0;
      height: 125px !important;
      width: 125px !important;
    }
    #break-inpholast .percent {
      display: inline-block;
      line-height: 132px;
      z-index: 2;
      color: white;
      font-size: 23px;
      margin-right: -15px;
    }
    .m-t-b-l{
      border-top: solid 1px #c2c2c2;
      padding-top: 13px;
    }
    #break-inpholast .pie-chart-row {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
    }
    #break-inpholast .pie-chart-pi {
      text-align: center;
      width: 25%;
      padding: 0px 7px;
    }
   


    .flex-colum{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
   



  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
    @media (min-width: 1025px) and (max-width: 1280px) {
      
      
    }





  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
    @media (min-width: 768px) and (max-width: 1024px) {
      .p-slides {
        width: 80%;
        /* height: 100vh; */
        z-index: 2;
        padding: 15px 40px 40px 0px;
      }
      .sec03-box{
        margin-bottom: 30px;
      }
        .chart {
          position: relative;
          display: inline-block;
          margin-top: 30px;
          margin-bottom: 15px;
          text-align: center;
          width: 95px;
          left: 50%;
          transform: translateX(-50%);
      }
        #break-inpholast .percent {
          display: inline-block;
          line-height: 109px;
          z-index: 2;
          color: white;
          font-size: 23px;
          margin-right: -15px;
        }
        #break-inpholast .chart canvas {
          position: absolute;
          top: 0;
          left: 0;
          height: 95px !important;
          width: 95px !important;
        }
        .pie-chart-pi-num {
          color: white;
          font-weight: 600;
          font-size: 12px;
          line-height: 18px;
        }
        #break01 p {
          font-size: 18px;
          padding: 37px;
          line-height: 33px;
          text-align: right;
        }
        .inpho-desc-01-fex{
          margin-bottom: 75px;
        }
        .inpho-des01{
          margin-bottom: 15px;
        }
        .break-inpho .col-md-6{
          text-align: center;
        }
        .inpho02-flex {
          width: 100%;
        }
        .break-inpho02-flex{
          width: 25%;
        }
        .break-inpho02 .row{
          flex-direction: row !important;
        }

        .break-inpho02 .col-md-4{
          width: 33.3333 !important;
        }
        .im-inpho01-head-01 {
          color: white;
          margin-bottom: 15px;
          line-height: 20px;
          font-size: 16px;
          line-height: 21px;
        }
        .b-l-w {
          border-right: none;
          padding-left: 0px !important;
          margin-top: 35px;
          padding-top: 40px;
          border-top: 1px solid white;
        }
        #break-inpholast .row {
          flex-direction: row;
        }
        #break-inpholast .col-md-3{
          width: 25% !important;
          padding-right: 5px;
          padding-left: 5px;
        }
        .l-inpho-img img {
          width: 90px;
          height: 103px;
        }
        .l-inpho-text {
          font-size: 12px;
          font-weight: 600;
          line-height: 25px;
        }
      
    }




  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .p-slides {
        width: 80%;
        /* height: 100vh; */
        z-index: 2;
        padding: 15px 40px 40px 0px;
      }
      #slide01 {
        margin-top: -74%;
      }
      .sec03-box{
        margin-bottom: 30px;
      }
        .chart {
          position: relative;
          display: inline-block;
          margin-top: 30px;
          margin-bottom: 15px;
          text-align: center;
          width: 95px;
          left: 50%;
          transform: translateX(-50%);
      }
        #break-inpholast .percent {
          display: inline-block;
          line-height: 109px;
          z-index: 2;
          color: white;
          font-size: 23px;
          margin-right: -15px;
        }
        #break-inpholast .chart canvas {
          position: absolute;
          top: 0;
          left: 0;
          height: 95px !important;
          width: 95px !important;
        }
        .pie-chart-pi-num {
          color: white;
          font-weight: 600;
          font-size: 12px;
          line-height: 18px;
        }
        #break01 p {
          font-size: 18px;
          padding: 37px;
          line-height: 33px;
          text-align: right;
        }
        .inpho-desc-01-fex{
          margin-bottom: 75px;
        }
        .inpho-des01{
          margin-bottom: 15px;
        }
        .break-inpho .col-md-6{
          text-align: center;
        }
        .inpho02-flex {
          width: 100%;
        }
        .break-inpho02-flex{
          width: 25%;
        }
        .break-inpho02 .row{
          flex-direction: row !important;
        }

        .break-inpho02 .col-md-4{
          width: 33.3333 !important;
        }
        .im-inpho01-head-01 {
          color: white;
          margin-bottom: 15px;
          line-height: 20px;
          font-size: 16px;
          line-height: 21px;
        }
        .b-l-w {
          border-right: none;
          padding-left: 0px !important;
          margin-top: 35px;
          padding-top: 40px;
          border-top: 1px solid white;
        }
        #break-inpholast .row {
          flex-direction: row;
        }
        #break-inpholast .col-md-3{
          width: 25% !important;
          padding-right: 5px;
          padding-left: 5px;
        }
        .l-inpho-img img {
          width: 90px;
          height: 103px;
        }
        .l-inpho-text {
          font-size: 12px;
          font-weight: 600;
          line-height: 25px;
        }
      
    }






  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
    @media (min-width: 481px) and (max-width: 767px) {
      .prog01-image{
        margin-top: 44px;
      }
      .p-slides {
        width: 80%;
        /* height: 100vh; */
        z-index: 2;
        padding: 15px 40px 40px 0px;
      }
      .sec03-box{
        margin-bottom: 30px;
      }
        .chart {
          position: relative;
          display: inline-block;
          margin-top: 30px;
          margin-bottom: 15px;
          text-align: center;
          width: 95px;
          left: 50%;
          transform: translateX(-50%);
      }
        #break-inpholast .percent {
          display: inline-block;
          line-height: 109px;
          z-index: 2;
          color: white;
          font-size: 23px;
          margin-right: -15px;
        }
        #break-inpholast .chart canvas {
          position: absolute;
          top: 0;
          left: 0;
          height: 95px !important;
          width: 95px !important;
        }
        .pie-chart-pi-num {
          color: white;
          font-weight: 600;
          font-size: 12px;
          line-height: 18px;
        }
        #break01 p {
          font-size: 18px;
          padding: 37px;
          line-height: 33px;
          text-align: right;
        }
        .inpho-desc-01-fex{
          margin-bottom: 75px;
        }
        .inpho-des01{
          margin-bottom: 15px;
        }
        .break-inpho .col-md-6{
          text-align: center;
        }
        .inpho02-flex {
          width: 100%;
        }
        .break-inpho02-flex{
          width: 25%;
        }
        .break-inpho02 .row{
          flex-direction: row !important;
        }

        .break-inpho02 .col-md-4{
          width: 33.3333 !important;
        }
        .im-inpho01-head-01 {
          color: white;
          margin-bottom: 15px;
          line-height: 20px;
          font-size: 16px;
          line-height: 21px;
        }
        .b-l-w {
          border-right: none;
          padding-left: 0px !important;
          margin-top: 35px;
          padding-top: 40px;
          border-top: 1px solid white;
        }
        #break-inpholast .row {
          flex-direction: row;
        }
        #break-inpholast .col-md-3{
          width: 25% !important;
          padding-right: 5px;
          padding-left: 5px;
        }
        .l-inpho-img img {
          width: 90px;
          height: 103px;
        }
        .l-inpho-text {
          font-size: 12px;
          font-weight: 600;
          line-height: 25px;
        }
    }



  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
    @media (min-width: 320px) and (max-width: 480px) {
      .logo-container00 img {
        width: 69px;
        z-index: 999999999999 !important;
        position: absolute;
        top: 12px;
        right: 95px;
        filter: drop-shadow(7px 7px 7px #666666d4);
        -webkit-filter: drop-shadow(7px 7px 7px #666666d4);
    }
      #section0888 .team {
        font-size: 31px;
        margin-top: 40px;
        font-weight: 500;
        color: white;
    }
    #logo23 {
      position: absolute;
      left: 5px;
      bottom: -10px;
  }
  #logo23 img {
    width: 70px;
}
    #section0888 {
      padding-bottom: 30px;
  }
  #section0888 .secound {
    font-size: 15px;
  }
  #section0888 .first {
    font-size: 17px;
  }
  #section0888 .team {
    font-size: 24px;
  }
      .b-l-w {
        border-top: 1px solid white;
        padding-left: 0px !important;
        padding-top: 20px;
        border-right: none;
      }
      .prog01-text {
        text-align: center;
        color: white;
        line-height: 3px;
        font-size: 14px;
        margin-bottom: 40px;
      }
      .prog01-image img {
        height: 200px;
        margin-bottom: 0;
      }
      .reo-icon-img img {
        width: 60px;
      }
      .pie-chart-head {
        color: white;
        font-size: 14px;
        width: 13%;
        text-align: center;
        margin-left: 11px;
      }
      .pie-chart-pi {
        text-align: center;
        width: 25%;
        margin-left: 6px;
      }
      .chart {
        position: relative;
        display: inline-block;
        width: 70px;
        margin-top: 30px;
        margin-bottom: 15px;
        text-align: center;
        /* margin-left: 5px; */
      } 
      .percent {
        display: inline-block;
        line-height: 77px;
        z-index: 2;
        color: white;
        font-size: 20px;
        margin-right: -4px;
      }
      .chart canvas {
        position: absolute;
        top: 0;
        margin-left: 0;
        left: 0;
        height: 70px !important;
        width: 70px !important;
      }
      .break-inpho02-flex {
        margin-bottom: 40px;
      }

      #break-inpholast .pie-chart-row {
        flex-direction: column;
      }
      #break01 p {
        font-size: 17px;
        font-weight: 700;
        padding: 15px;
        line-height: 34px;
        text-align: right;
      }
      .p-slides {
        width: 95%;
        /* height: 100vh; */
        z-index: 2;
        padding: 15px 15px 40px 0px;
      }
      #break02 p {
        font-size: 18px;
        font-weight: 400;
        padding: 50px 15px;
        line-height: 28px;
        text-align: right;
      }
      .inpho-des01 {
        margin-bottom: 20px;
      }
      .inpho-desc-01-fex {
        margin-bottom: 55px;
      }
      .inpho02-desc {
        font-size: 14px;
        line-height: 29px;
        text-align: right;
      }
      .inpho02-flex {
        width: 100%;
      }
      .sec03-box{
        margin-bottom: 30px;
      }
      .breakinpho04-p {
        line-height: 23px;
      }
      .sec03-box .text{
        font-size: 15px;
      }
      .sec03-box .num p {
        font-size: 19px;
        line-height: 21px;
      }
      .num03{
        font-size: 73px;
      }
      .lyar-right {
        background-image: linear-gradient(to left, #000000, #000000bf,rgba(0, 0, 0, 0.4) 100%);
      }
      #break-inpholast .pie-chart-pi {
        text-align: center;
        width: 100%;
        padding: 0px 0px;
        margin-bottom: 40px;
      }
      #break-inpholast .chart canvas {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 125px !important;
        width: 125px !important;
      }
      #break-inpholast {
        background-color: #564c4c;
        padding: 50px 30px 50px 30px;
      }
      .pie-chart-pi-num {
        font-size: 17px;
        line-height: 31px;
        margin-top: 0px !important;
      }
      .m-t-b-l {
        border-top: solid 1px #c2c2c2;
        padding-top: 7px;
      }
      #break-inpholast .breakinpho04-p {
        margin-top: 0px;
      }
      .m-t-s2 {
        margin-top: 100px;
      }
      .m-t-s2 .col-md-3{
        margin-bottom: 55px;
      }
      .l-inpho-num {
        margin-top: 10px;
      }
      .head-section {
        position: absolute;
        width: 85%;
        background-color: #a20014;
        text-align: right;
        top: 50%;
        padding-right: 15px;
        transform: translateY(-50%);
        transition: all .5s;
      }
      #slide01 {
        margin-top: -179%;
      }
      #slide01 h3 {
        font-weight: 100 !important;
        font-size: 36px;
        padding-top: 5px;
      }
      #slide01 h4 {
        font-weight: 300 !important;
        margin-top: -20px;
      }
      .logo-container img {
        width: 70px;
        z-index: 999999999999 !important;
        position: absolute;
        top: 15px;
        right: 15px;
        filter: drop-shadow(7px 7px 7px #666666d4);
        -webkit-filter: drop-shadow(7px 7px 7px #666666d4);
      }
      
    }