:root
{
  --maincolor:#612b67;
  --maincolordark:#592B5E;
  --maincolorrgba:rgba(97, 43, 103, .9);
  --secondcolor:#2f386f;
  --secondcolordark:#262E5D;
  --secondcolorrgba:rgba(47, 56, 111, 0.7);
  --secondcolorrgbargba:rgba(38, 46, 93, 0.6);;
  --effectColor:#00e7da;
}
.slider_container
    {
      width: 100%;
      min-height: 100%;
      display: grid;
      grid-template-columns: 25% 25% 25% 25%;
      grid-template-rows: 1fr;
/*      border: 1px solid red;*/
    }
    .split_box
    {
      position: relative;
      .color_shade
      { 
        padding: 10px;
        text-align: center;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 15px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 6;
        & p 
        {  
          font-size: 25px;
          margin: 0;
          padding: 0;
        }
        .tt 
        {
          font-size: 14px;
          text-align: justify;
          margin: 0;
          padding: 0;
        } 
        @media only screen and (max-width: 768px){
          & p 
          {
           font-size: 18px;
           line-height: 22px;
          }
          & tt 
          {
            text-align: center;
          } 
        }
        & a 
        {
          color: #fff;
          padding: 5px 7px;
          border-radius: 20px;
          border: 1px solid #fff;
          font-size: 12px;
          display: flex;
          gap: 10px;
          align-items: center;
          &:hover
          {
            background-color: var(--effectColor);
             color: var(--maincolor);
          }
           &:hover .fa-solid
          {
            color: var(--maincolor);
          }
        }
      }
    }
    .split_box .color_shade
    {
/*      background: linear-gradient(rgba(70, 98, 139, .9),rgba(70, 98, 139, .9));*/
        background-color:var(--secondcolorrgbargba);
    }
      /*.split_box1
      {
        .color_shade
        {
            background-color: rgba(70, 98, 139, .9);
        }
      }
      .split_box2
      {
        .color_shade
        {
              background-color: rgba(70, 98, 139, .9);
        }
      }
      .split_box3
      {
        .color_shade
        {
              background-color: rgba(70, 98, 139, .9);
        }
      }
      .split_box4
      {
        .color_shade
        {
              background-color: rgba(70, 98, 139, .9);
        }
      }*/
    .clear_image
    {
      background-color: rgba(0, 0, 0, 0) !important;
    }
   @media only screen and (max-width: 768px) {
        .slider_container
        {
          grid-template-columns: 50% 50%;
          grid-template-rows: 1fr 1fr;
        }
    }
    .swiper {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
/*filter:hue-rotate(150deg);
      transition: 0.5s;
      &:hover 
      {
filter:hue-rotate(0deg);
      }*/
    }
    .swiper-button-next,
    .swiper-button-prev
    {
      display: none;
    }