/*-------  Discover Area Start ------*/
.discover-area {
  padding: 5rem 0; }

.discover-area .about__top__wrap .about__top__right p:last-child {
  margin: 0 0 0 0px;
}
  @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
    .discover-area {
      overflow: hidden; } }
  .discover-area .about__top__wrap .about__top__left h2 {
    font-size: 3.5rem;
    line-height: 111.111%; }
.discover-area .about__top__wrap .about__top__left h2 .special-y {
  letter-spacing: 0rem;
}
    @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
      .discover-area .about__top__wrap .about__top__left h2 {
        font-size: 3.125rem; } }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .discover-area .about__top__wrap .about__top__left h2 {
        font-size: 2.8125rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .discover-area .about__top__wrap .about__top__left h2 {
        font-size: 2.5rem; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .discover-area .about__top__wrap .about__top__left h2 {
        font-size: 2.8125rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .discover-area .about__top__wrap .about__top__left h2 {
        font-size: 2rem; } }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .discover-area .about__top__wrap .about__top__right p {
      font-size: 1.25rem; } }
  .discover-area .discover__wrapper {
    position: relative; }
    .discover-area .discover__wrapper .discover_shp_1 {
      width: 4rem;
      position: absolute;
      left: -1.5625rem;
      top: 0;
      z-index: -1; }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .discover-area .discover__wrapper .discover_shp_1 {
          width: 2.5rem;
          left: -0.625rem;
          top: 0.75rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .discover-area .discover__wrapper .discover_shp_1 {
          width: 1.875rem;
          left: -0.9375rem;
          top: 0.9375rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .discover-area .discover__wrapper .discover_shp_1 {
          display: none; } }
    .discover-area .discover__wrapper .discover_shp_2 {
      width: 4.375rem;
      position: absolute;
      right: -5.625rem;
      bottom: 4.375rem;
      z-index: -1; }
      @media (min-width: 100rem) and (max-width: 106.1875rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 2.25rem;
          right: -2.375rem;
          bottom: -2.1875rem; } }
      @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 1.5rem;
          right: -1.5625rem;
          bottom: -1.5625rem; } }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 1.5rem;
          right: -1.5625rem;
          bottom: -1.5625rem; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 1.5rem;
          right: -0.625rem;
          bottom: -1.5625rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 1.5rem;
          right: -0.625rem;
          bottom: -1.5625rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 1.5rem;
          right: -0.625rem;
          bottom: -1.5625rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          width: 1.5rem;
          right: -0.625rem;
          bottom: -1.875rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .discover-area .discover__wrapper .discover_shp_2 {
          display: none; } }

/*-------  Discover Area End ------*/

.discover__box {
  position: relative;
  z-index: 1;
  margin-top: 1.875rem;
  overflow: hidden; }
  .discover__box img {
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 0.5rem; }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .discover__box img {
        height: 100%; } }
    @media only screen and (max-width: 47.9375rem) {
      .discover__box img {
        height: 100%; } }
  .discover__box .discover__text {
    position: absolute;
    width: 100%;
    min-height: 100%;
    z-index: 2;
    transition: .3s;
    bottom: -42%;
    left: 0;
    padding: 1.875rem 2.1875rem;
    display: flex;
    align-items: flex-end;
    border-radius: 0.5rem; }
    @media (min-width: 100rem) and (max-width: 106.1875rem) {
      .discover__box .discover__text {
        bottom: -46%; } }
    @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
      .discover__box .discover__text {
        bottom: -46%; } }
    @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
      .discover__box .discover__text {
        bottom: -50%; } }
    @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
      .discover__box .discover__text {
        bottom: -53%; } }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .discover__box .discover__text {
        bottom: -50%;
        padding: 1.25rem; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .discover__box .discover__text {
        bottom: -37%;
        padding: 1.25rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .discover__box .discover__text {
        bottom: -25%;
        padding: 1.25rem; }

}
    .discover__box .discover__text .discover__inner h3 {
      color: #fff;
      font-size: 2rem;
      font-weight: 700;
      line-height: 119.355%;
      letter-spacing: 0;
      
      max-width: 21.25rem;
      margin-bottom: 1.25rem;
      transition: .3s;
      opacity: 1; 
      max-width: 269px;
}
      @media (min-width: 100rem) and (max-width: 106.1875rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 2.25rem;
          max-width: 18.75rem; } }
      @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 2rem;
          max-width: 17.5rem; } }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 2rem;
          max-width: 17.5rem; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 1.875rem;
          max-width: 16.25rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 1.75rem;
          max-width: 15.625rem;
          margin-bottom: 0.9375rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 1.5625rem;
          max-width: 13.75rem;
          margin-bottom: 0.9375rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .discover__box .discover__text .discover__inner h3 {
          font-size: 1.875rem;
} 


}
    .discover__box .discover__text .discover__inner p {
      color: #fff;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 140%;
      max-width: 25rem;
      transition: .3s;
      opacity: 0;
      position: relative;
      visibility: hidden;
      top: 0.625rem; }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .discover__box .discover__text .discover__inner p {
          font-size: 1.125rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .discover__box .discover__text .discover__inner p {
          font-size: 1.125rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .discover__box .discover__text .discover__inner p {
          font-size: 1.125rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .discover__box .discover__text .discover__inner p {
          font-size: 1.125rem; } }
    .discover__box .discover__text .discover__inner .discover__btn {
      margin-top: 1.5625rem;
      position: relative;
      top: 0.625rem;
      opacity: 0;
      transition: .3s;
      visibility: hidden; }
      .discover__box .discover__text .discover__inner .discover__btn a {
        color: #fff;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
        display: inline-flex;
        align-items: center;
        text-decoration: none; }
        .discover__box .discover__text .discover__inner .discover__btn a i {
          margin-left: 0.9375rem;
          position: relative;
          transform: rotate(-45deg);
          top: 0.1875rem; }
        @media (min-width: 75rem) and (max-width: 81.1875rem) {
          .discover__box .discover__text .discover__inner .discover__btn a {
            font-size: 1.125rem; } }
        @media (min-width: 48rem) and (max-width: 61.9375rem) {
          .discover__box .discover__text .discover__inner .discover__btn a {
            font-size: 1.0625rem; } }
        @media only screen and (max-width: 47.9375rem) {
          .discover__box .discover__text .discover__inner .discover__btn a {
            font-size: 1.0625rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .discover__box .discover__text .discover__inner .discover__btn {
          margin-top: 0.9375rem; } }
  .discover__box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 0.5rem;
    background: linear-gradient(0deg, rgba(23, 23, 23, 0.72) 1.58%, rgba(23, 23, 23, 0.36) 23.97%, rgba(23, 23, 23, 0.14) 43.92%, rgba(23, 23, 23, 0.07) 63.65%, rgba(23, 23, 23, 0) 98.82%);
    box-shadow: 0rem 0.25rem 0.5rem -0.125rem rgba(28, 25, 26, 0.02), 0rem 0.75rem 1rem -0.25rem rgba(28, 25, 26, 0.08);
    z-index: 1;
    border-radius: 0.5rem; }
  .discover__box:hover .discover__text {
    bottom: 0; }
  .discover__box:hover p {
    opacity: 1 !important;
    visibility: visible !important;
    top: 0 !important; }
  .discover__box:hover .discover__btn {
    opacity: 1 !important;
    visibility: visible !important;
    top: 0 !important; }
  .discover__box.box_max .discover__text {
    bottom: -20%; }
    @media (min-width: 100rem) and (max-width: 106.1875rem) {
      .discover__box.box_max .discover__text {
        bottom: -22%; } }
    @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
      .discover__box.box_max .discover__text {
        bottom: -22%; } }
    @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
      .discover__box.box_max .discover__text {
        bottom: -24%; } }
    @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
      .discover__box.box_max .discover__text {
        bottom: -25%; } }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .discover__box.box_max .discover__text {
        bottom: -24%; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .discover__box.box_max .discover__text {
        bottom: -37%; } }
    @media only screen and (max-width: 47.9375rem) {
      .discover__box.box_max .discover__text {
        bottom: -26%; } }
  .discover__box.box_max:hover .discover__text {
    bottom: 0; }
  .discover__box:hover::after {
    background: linear-gradient(0deg, rgba(1, 47, 98, 0.96) 40.36%, rgba(1, 47, 98, 0.48) 91.2%, rgba(1, 47, 98, 0.19) 112.72%, rgba(1, 47, 98, 0.1) 139.07%, rgba(23, 23, 23, 0) 179.44%);
    box-shadow: 0rem 0.4276rem 0.8551rem -0.2138rem rgba(28, 25, 26, 0.02), 0rem 1.2827rem 1.7102rem -0.4276rem rgba(28, 25, 26, 0.08); }