.js-prev.d-sm-inline-block.u-slick__arrow-classic.u-slick__arrow-centered--y.rounded-circle.fas.fa-arrow-left.u-slick__arrow-classic-inner.u-slick__arrow-classic-inner--left.area-lef.slick-arrow.slick-disabled {
    background: #C0C5D8 !important;
    box-shadow: 0px 3px 6px #00000029;
  }
  .js-prev.d-sm-inline-block.u-slick__arrow-classic.u-slick__arrow-centered--y.rounded-circle.fas.fa-arrow-left.u-slick__arrow-classic-inner.u-slick__arrow-classic-inner--left.area-lef.slick-arrow {
    background-color: #7255FF!important;
    box-shadow: 0px 3px 6px #00000029;
    transition: 0.3s;
  }
  
  .js-next.d-sm-inline-block.u-slick__arrow-classic.u-slick__arrow-centered--y.rounded-circle.fas.fa-arrow-right.u-slick__arrow-classic-inner.u-slick__arrow-classic-inner--right.area-right.slick-arrow {
    background-color: #7255FF!important;
    box-shadow: 0px 3px 6px #00000029;
    transition: 0.3s;
  }
  .js-next.d-sm-inline-block.u-slick__arrow-classic.u-slick__arrow-centered--y.rounded-circle.fas.fa-arrow-right.u-slick__arrow-classic-inner.u-slick__arrow-classic-inner--right.area-right.slick-arrow.slick-disabled {
    background: #C0C5D8 !important;
    box-shadow: 0px 3px 6px #00000029;
  }
  .js-prev.d-sm-inline-block.u-slick__arrow-classic.u-slick__arrow-centered--y.rounded-circle.fas.fa-arrow-left.u-slick__arrow-classic-inner.u-slick__arrow-classic-inner--left.area-lef.slick-arrow:hover {
    background-color: #836BF6!important;
    box-shadow: 0px 3px 6px #00000029;
    transition: 0.3s;
  }
  
  .js-next.d-sm-inline-block.u-slick__arrow-classic.u-slick__arrow-centered--y.rounded-circle.fas.fa-arrow-right.u-slick__arrow-classic-inner.u-slick__arrow-classic-inner--right.area-right.slick-arrow:hover {
    background-color: #836BF6!important;
    box-shadow: 0px 3px 6px #00000029;
    transition: 0.3s;
  }
  .height-txt-area{
    height: 330px;
  }
  .area-lef{
      margin-top: 402px;
      left:12px!important;
  }
  .area-right{
    margin-top: 402px;
  }
  .area-right {
    right: 99.7%;
  }
  
  
  .width-area {
      width: 560px;
  }
  .height-txto-area-carocel{
      height: 240px;
  }
  .img-ha{
      height: 170px;
  }
  .cardImage_area {
      height: 274px;
      object-fit: cover;
  }
  
  .u-slick__pagination li span{
      display: inline-block;
      width: 205px !important;
      height: 8px !important;
      background-color: #E8E8E8;
      border-radius: 5px;
      transform: scale(0.6);
    transition: 0.3s ease-in-out;
  }
  .u-slick__pagination li {
      display: -ms-flexbox;
      display: flex;
      pointer-events: all;
      margin: -3rem;
      cursor: pointer;
    }
  .bg-card-abou{
      background: #E8E8E8;
      height: 8px!important;
      border-radius: 13px;
      opacity: 1;
  
  }
  .u-slick__pagination li.slick-active span {
      background-color: #CACACA !important;
  }
  
  .pd-s{
    padding-bottom: 8rem;
    
  }
  
  @media (max-width: 1199.98px) {
      .u-slick__pagination li span{
          display: inline-block;
          width: 186px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
  }
  
  @media (max-width: 991.98px) {
      .u-slick__pagination li span{
          display: inline-block;
          width: 161px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
  }
  
  @media (max-width: 768.98px) {
      .u-slick__pagination li span{
          display: inline-block;
          width: 143px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
        .area-right {
          right: 99.7%;
        }
  }
  @media (max-width: 667.98px) {
    .area-lef{
      left:0px!important;
    }
   
    .area-right {
      right: 77.0%;
    }
  }
  
  @media (max-width: 576.98px) {
      .u-slick__pagination li span{
          display: inline-block;
        
          width: 144px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
  
      .area-lef{
        left:0px!important;
      }
     
      .area-right {
        right: 77.0%;
      }
  
      
    
  }
  
  @media (max-width: 483.98px) {
      .u-slick__pagination li span{
          display: inline-block;
          width: 134px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
        .area-right {
          right: 71%;
        }
        .height-txt-area {
          height: 430px;
        }
  }
  
  @media (max-width: 440.98px) {
  
      .area-right {
        right: 69%;
      }
    .u-slick__pagination li span {
      display: inline-block;
      width: 131px !important;
      height: 8px !important;
      background-color: #E8E8E8;
      border-radius: 5px;
      transform: scale(0.6);
      transition: 0.3s ease-in-out;
    }
    .height-txt-area {
      height: 443px;
    }
  }
  
  @media (max-width: 397.98px) {
      .u-slick__pagination li span{
          display: inline-block;
          width: 124px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
  
        .area-right {
          right: 59%;
        }
        .height-txto-area-carocel {
          height: 397px;
        }
  
        .mb-txt-height{
          height: 57px;
        }
  
        .area-lef {
          left: 0px !important;
          margin-top: 457px;
        }
  
        .area-right {
          margin-top: 457px;
        }
  }
  @media (max-width: 354.98px) {
    .area-right {
      right: 58%;
    }
  }
  @media (max-width: 345.98px) {
      .u-slick__pagination li span{
          display: inline-block;
          width: 120px !important;
          height: 8px !important;
          background-color: #E8E8E8;
          border-radius: 5px;
          transform: scale(0.6);
        transition: 0.3s ease-in-out;
      }
      .u-slick__pagination li {
          display: -ms-flexbox;
          display: flex;
          pointer-events: all;
          margin: -3rem;
          cursor: pointer;
        }
        .area-right {
          right: 58%;
        }
  }
  
  @media (max-width: 322.98px) {
    .area-right {
      right: 58%;
    }
  }