/* Page section margin padding */
.space-ptb {
    padding: 60px 0; }

    Category
    *****************************/
    /* Transition */
    .category-grid-style-01 .category-item .category-icon,
    .category-grid-style-01 .category-item:before,
    .category-list-style-01 ul,
    ul.category-list li a:after,
    .category-box .category-icon,
    .category-box:hover .category-icon i,
    .category-box:hover .category-icon .category-title,
    .category-box-style-02,
    .category-box-style-02:before,
    .category-box-style-02 ul.category-list {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    
    /* Grid Style 01 */
    .category-grid-style-01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      background: #ffffff;
      -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
              box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
      border-radius: 5px; }
      .category-grid-style-01 .category-item {
        padding: 20px;
        text-align: center;
        width: 20%;
        border-right: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        position: relative;
        cursor: pointer; }
        .category-grid-style-01 .category-item:nth-child(6n+0) {
          border-right: 1px solid #eeeeee; }
        .category-grid-style-01 .category-item:before {
          content: "";
          background: #ffffff;
          width: 110%;
          height: 110%;
          display: inline-block;
          position: absolute;
          left: -5%;
          top: -5%;
          z-index: 1;
          opacity: 0;
          -webkit-transform: scale(0.96);
                  transform: scale(0.96); }
        .category-grid-style-01 .category-item:hover:before {
          -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
                  box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
          opacity: 1;
          -webkit-transform: scale(1);
                  transform: scale(1); }
        .category-grid-style-01 .category-item:hover .category-icon {
          color: #ef3139; }
        .category-grid-style-01 .category-item:hover .category-title {
          color: #ef3139; }
        .category-grid-style-01 .category-item .category-icon {
          color: #000000;
          font-size: 44px;
          line-height: 1;
          margin-bottom: 10px;
          position: relative;
          z-index: 2; }
        .category-grid-style-01 .category-item .category-title {
          color: var(--second-color);
          font-weight: 500;
          margin-bottom: 0;
          position: relative;
          z-index: 2;
          font-size: 14px; }
      .category-grid-style-01 .show-more-cat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 60px 0 -20px 0;
        width: 100%; }
        .category-grid-style-01 .show-more-cat a {
          color: var(--second-color);
          font-size: 12px;
          font-weight: bold; }
          .category-grid-style-01 .show-more-cat a:hover {
            color: #ef3139; }
        .category-grid-style-01 .show-more-cat i {
          margin: 5px auto 0 auto; }
    
    /* Grid Style 02 */
    .category-grid-style-02 ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0px -15px 0px -15px; }
      .category-grid-style-02 ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 25%;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 45px; }
        .category-grid-style-02 ul li a {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          font-size: 18px;
          color: var(--second-color);
          padding-bottom: 35px;
          border-bottom: 1px solid #eeeeee; }
          .category-grid-style-02 ul li a:hover {
            color: #ef3139; }
        .category-grid-style-02 ul li:nth-last-child(-n+4) a {
          margin-bottom: 0; }
    
    /* List Style 01 */
    .category-list-style-01 ul.category-list {
      margin-bottom: 0;
      padding: 0 0 15px;
      height: 100%;
      border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
    
    .category-list-style-01 ul.category-list:hover {
      border-bottom-color: rgba(255, 255, 255, 0.3); }
    
    ul.category-list {
      padding-left: 0;
      margin-bottom: 0; }
      ul.category-list li {
        list-style: none;
        margin-bottom: 15px; }
        ul.category-list li a {
          display: inline-block;
          color: #626262; }
          ul.category-list li a:hover {
            color: #ef3139;
            font-weight: bold; }
            ul.category-list li a:hover:after {
              margin-left: 10px;
              opacity: 1; }
          ul.category-list li a:after {
            content: '\f061';
            font-family: "Font Awesome 5 Free";
            font-size: 12px;
            font-weight: bold;
            margin-left: -10px;
            opacity: 0; }
    
    .dark-background ul.category-list li a {
      color: #ffffff; }
      .dark-background ul.category-list li a:hover {
        color: #ef3139; }
    
    /* Category Box Style 01 */
    .category-box .category-icon {
      background: #ffffff;
      padding: 40px 30px;
      margin-bottom: 30px;
      text-align: center;
      -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
              box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
      border-radius: 5px; }
      .category-box .category-icon i {
        color: #ef3139;
        font-size: 80px;
        margin-bottom: 20px; }
    
    .category-box:hover .category-icon {
      background: var(--second-color); }
      .category-box:hover .category-icon i {
        color: #ffffff; }
      .category-box:hover .category-icon .category-title {
        color: #ffffff; }
    
    .category-box ul.category-list li {
      margin-bottom: 20px; }
      .category-box ul.category-list li:last-child {
        margin-bottom: 0; }
    
    .category-box p {
      font-size: 16px;
      text-align: center;
      color: #000000;
      margin-bottom: 0; }
    
    /* Category Box Style 02 */
    .category-box-style-02 {
      padding: 60px 5px;
      border-radius: 5px;
      -webkit-transform: scale(0.98);
              transform: scale(0.98); }
      .category-box-style-02:hover {
        background: var(--second-color);
        -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
                box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
        -webkit-transform: scale(1);
                transform: scale(1); }
        .category-box-style-02:hover .category-icon {
          background: transparent; }
        .category-box-style-02:hover ul.category-list {
          opacity: 1; }
      .category-box-style-02 .category-icon {
        background: transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 0; }
      .category-box-style-02 ul.category-list {
        opacity: 0; }
        .category-box-style-02 ul.category-list li a {
          color: #ffffff; }
          .category-box-style-02 ul.category-list li a:hover {
            color: #ef3139; }
    
    .category-box-style-02.active {
      background: var(--second-color);
      -webkit-box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
              box-shadow: 5px 5px 24px 0px rgba(2, 45, 98, 0.1);
      -webkit-transform: scale(1);
              transform: scale(1); }
      .category-box-style-02.active .category-icon {
        background: transparent; }
        .category-box-style-02.active .category-icon i {
          color: #ffffff; }
        .category-box-style-02.active .category-icon .category-title {
          color: #ffffff; }
      .category-box-style-02.active ul.category-list {
        opacity: 1; }
    
    /* category-style-03 */
    .category-style-03 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .category-style-03 a.category-item {
        padding: 40px 30px 25px 30px; }

    .category-icon img{
        width: 20%;
    }
    
    /* Responsive View */
    @media (max-width: 991px) {
      .category-grid-style-01 .category-item {
        width: 25%; }
      .category-grid-style-01 .category-item:nth-child(6n+0) {
        border-right: 1px solid #eeeeee; }
      .category-grid-style-01 .category-item:nth-child(4n+0) {
        border-right: 1px solid #eeeeee; }
      .category-box-style-02 {
        padding: 20px 5px; }
      .category-grid-style-02 ul li {
        width: 33.3333%;
        margin-bottom: 35px; }
        .category-grid-style-02 ul li a {
          padding-bottom: 25px; } }
    
    @media (max-width: 767px) {
      .category-grid-style-01 .category-item {
        width: 33.3333%; }
        .category-grid-style-01 .category-item:nth-child(4n+0) {
          border-right: 1px solid #eeeeee; }
        .category-grid-style-01 .category-item:nth-child(3n+0) {
          border-right: 1px solid #eeeeee; }
      .category-grid-style-01 .show-more-cat {
        margin-top: 40px; }
      .category-grid-style-02 ul li {
        width: 50%;
        margin-bottom: 25px; }
        .category-grid-style-02 ul li a {
          padding-bottom: 15px; } }
    
    /* Mobile Responsive Layout */
    @media (max-width: 575px) {
      .category-grid-style-01 {
        display: flex;
        flex-wrap: wrap;
        margin: -15px; /* Adjust spacing if needed */
      }

      .category-grid-style-01 .category-item {
        width: calc(33.3333% - 30px); /* Adjust the width to fit 3 items per row, accounting for padding/margin */
        margin: 15px; /* Adjust margin if needed */
        padding: 0;
      }

      .category-grid-style-01 .category-item:nth-child(3n+1) {
        border-right: 1px solid #eeeeee; /* Maintain border styling */
      }

      .category-grid-style-01 .category-item:nth-child(3n) {
        border-right: 1px solid #eeeeee; /* Remove border for the last item in each row */
      }
      .category-grid-style-01 .category-item .category-title{
        font-size: 13px;
      }
      .category-icon img {
        width: 35%;
      }
      .overlay-text p {
        font-size: 13px;
      }
    }