.tca-container {
      width: 100%;
      margin: 0 auto;
    }

    .tca-tabs {
      display: flex;
      gap: 10px;
      margin-bottom: 30px;
      justify-content: center;
      font-weight: 600;
    }

    .tca-tab {
      padding: 10px 20px;
      border: 2px solid transparent;
      border-radius: 25px;
      cursor: pointer;
      background: 
    	linear-gradient(white, white) padding-box,
    	 linear-gradient(90deg, rgba(204, 50, 157), rgba(253, 46, 120), rgba(254, 81, 76), rgba(254, 123, 21)) border-box;
    }

    .tca-tab.active {
      background: linear-gradient(90deg, rgba(254, 123, 21) 0%, rgba(254, 81, 76) 33.33%, rgba(253, 46, 120) 66.67%, rgba(204, 50, 157) 100%);
      color: white;
	  border: none;
    }

    .tca-cards {
      display: flex;
      align-content: center;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
	  padding: 5px;
    }

    .tca-card {
      background-color: white;
      border-radius: 10px;
      padding: 30px;
      text-align: center;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      width: var(--tca-card-size);
 	  height: auto;
      align-content: center;
    }

    .tca-card img {
 	  width: var(--tca-img-width);
  	  height: var(--tca-img-height);
      object-fit: contain;
    }

    .tca-card p {
      font-weight: bold;
      margin-top: 10px;
    }

    @media only screen and (max-width: 1440px){
/*       .tca-card{
        width: 270px;
      } */
		
	  .tca-container {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
      }

      .tca-container-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
		white-space: nowrap;
		scroll-behavior: smooth;
      }
		
		
      .tca-container-tabs::-webkit-scrollbar {
        display: none;
      }
		
		.tca-container-tabs.dragging,
	.tca-container-tabs.dragging * {
 		 	user-select: none !important;
		}
		
	  .tca-tabs {
        justify-content: start;
        flex-wrap: nowrap;
        width: 80vw;
      }
    }

        @media only screen and (max-width: 1024px){
      .tca-card{
        width: 240px;
      }
    }

    @media only screen and (max-width: 992px) {

      .tca-container {
        width: 100%;
      }

/*       .tca-tabs {
        flex-wrap: wrap;
      } */
		
	  .tca-cards {
        flex-direction: column;
      }
		
	 .tca-card {
	    width: var(--tca-card-size_tablet);
	   }

	.tca-card img {
	    width: var(--tca-img-width_tablet);
	    height: var(--tca-img-height_tablet);
	    object-fit:cover
	  }
    }

    @media only screen and (max-width: 600px) {

/*       .tca-container {
        width: 100%;
        margin: 0 auto;
        overflow: scroll;
      }

      .tca-container-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .tca-container-tabs::-webkit-scrollbar {
        display: none;
      } */
		
	 .tca-container {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
	  }
		
	  .tca-cards{
		padding:5px;
        flex: 0 0 100%;
        scroll-snap-align: start;
		justify-content:flex-start;
	  }	

      .tca-card{
        width: 300px;
		height: auto;  
      }
		
	  .tca-card img {
	    width:100%;
	    height: 100px;
	    object-fit: contain
	  }

      .tca-tabs {
        width: 350px;
      }
    }

	@media only screen and (max-width: 360px){
		.tca-tabs {
			width:320px
		}
	}

/*STYLE BACKEND*/

	.custom-images-dimension{
		display:flex;
		column-gap:5%;
	}

   .tca-accordion {
          background-color: #2271b1;
          color: #fff;
          cursor: pointer;
          padding: 10px 15px;
          width: 1200px;
          border: none;
          text-align: left;
          outline: none;
          transition: background-color 0.2s ease;
          font-size: 16px;
	      font-weight: bold;
          margin-top: 20px;
        }

        .tca-accordion.active,
        .tca-accordion:hover {
          background-color: #2271b1;
        }

        .tca-panel {
          padding: 0 15px;
          display: none;
          overflow: hidden;
          background-color: #fff;
          border: 1px solid #ccc;
          border-top: none;
		  width: 1168px;
        }

		@media only screen and (max-width:1280px){
			.tca-accordion{
				width: 800px;
			}
			
			.tca-panel{
				width: 768px;
			}
		}
		  
		 .tca-panel p {
		  width: 90%;
		 }

        .tca-panel input[type="text"] {
          width: 90%;
        }

        .tca-hr {
          margin-top: 20px;
          margin-bottom: 20px;
        }

        .tca-button{
			margin-top:20px !important
        }