@media (max-width: 800px)  {
    .shape-top{
      width: 0% !important;
    } 
    }
    .shape-top{
      position:absolute;
      top:0;
      RIGHT:0;
      width: 60%;
      height: 100%;
      background-image: url('/media/AliB/ab-bg5.PNG');
      background-repeat: no-repeat;
      background-size: cover;
      clip-path: polygon(100% 0%,100% 100%,0% 100%,80% 0%);
    }

    #particles-js { 
        position: absolute;
        height: 100%;
    }
                      canvas {
      display: block;
      vertical-align: bottom;
    }
    

    .ab-container .h21{
        position: relative;
        text-transform: uppercase;
        font-family: 'Nunito', sans-serif;
        font-size: 55px;
        font-weight: 700 !important;

        margin-bottom: 20px;
    }
    .ab-container .h21::before,.ab-container .h21::after{
        content: attr(data);
        position: absolute;
        top: 0;  left: 0;
        width: 100%; height: 100%;
        overflow: hidden;
        transition: .5s;
    }
    .ab-container .h21::before{
        /* -webkit-clip-path : polygon(0 0 , 55% 0 ,35% 100% , 0 100%);
        clip-path : polygon(0 0 , 55% 0 ,35% 100% , 0 100%); */
        color: #ffffff;
    }
    .ab-container .h21::after{
        /* -webkit-clip-path : polygon(55% 0 , 100% 0 , 100% 100% , 35% 100%);
        clip-path: polygon(22% 0 , 100% 0 , 100% 100% , 1% 100%); */
        color: #f34c2f ;
    }
    @media (max-width: 768px)  {
      .ab-container .h21{
        font-size: 35px !important;
    } 
    .ab-opaque-bg > p {
      font-size: 25px !important;}
      .fa-chevron-circle-down { 
        top: 40px !important;
        position: unset !important;}
    }

 


    

    @media (max-width: 800px)  {
      .shape-top{
        width: 0% !important;
      } 
      }
      .shape-top{
        position:absolute;
        top:0;
        RIGHT:0;
        width: 60%;
        height: 100%; 
        background-image: url('/media/AliB/ab-bg5.PNG');
        background-repeat: no-repeat;
        background-size: cover;
        clip-path: polygon(100% 0%,100% 100%,0% 100%,80% 0%); 
      }

      #particles-js { 
          position: absolute; 
          height: 100%;
      }
                        canvas {
        display: block;
        vertical-align: bottom;
      }
      

      .ab-container .h21{
          position: relative; 
          text-transform: uppercase;
          font-family: 'Nunito', sans-serif;
          font-size: 55px;
          font-weight: 700 !important;

          margin-bottom: 20px;
      }
      .ab-container .h21::before,.ab-container .h21::after{
          content: attr(data);
          position: absolute;
          top: 0;  left: 0;
          width: 100%; height: 100%;
          overflow: hidden;
          transition: .5s;
      }
      .ab-container .h21::before{ 
          color: #ffffff;
      }
      .ab-container .h21::after{ 
          color: #f34c2f ;
      }
      @media (max-width: 760px)  {
        .ab-container .h21{
          font-size: 35px !important;
      } 
      .ab-opaque-bg > p {
        font-size: 25px !important;}
        .fa-chevron-circle-down { 
          top: 40px !important;}
      } 



      .h6decr{
                color: white !important;
                margin-top: 50px;
                font-size: 62px;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                border-right: 5px solid transparent;
                animation: 3.5s steps(30) 0s 1 normal none running typing, 0.5s step-end 0s 7 normal none running blink-caret;
      }
      @media (max-width: 768px)  {
        .h6decr {font-size: 42px !important;
                margin-top: 20px;}
        .ab-container {padding-top: 30px;}
        
          #cover {
            background-image: url(/media/AliB/alibg2.png) !important;
            background-repeat: space;
            background-size: cover;}

      } 
    
      #cover {
        background-image: url(/media/AliB/alibg.png);
        background-repeat: space;
        background-size: cover;}
        .ab-opaque-bg {padding-left: 20px;height: 80px;margin-top: 80px;margin-bottom: 20px;}
        .alcndivider {padding-top: 5px;
                  padding-bottom: 5px;display: flex;
                    margin: 0;
                    direction: ltr;}
                    .alcndividersepa {width: 50px;    border-top: white;
                    border-style: solid;
                    border-width: 1px;}
                .alcnpdes    {font-size: 26px;
                    line-height: 40px;
                    font-weight: 300;
                    margin-bottom: 50px;}