.elementor-18 .elementor-element.elementor-element-3ba1757:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-3ba1757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tansaflow.in/wp-content/uploads/2026/06/bgprod.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-3ba1757 > .elementor-background-overlay{background-color:#000000;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-3ba1757{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 120px 100px 120px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-cd52e90{text-align:center;}.elementor-18 .elementor-element.elementor-element-cd52e90 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:45px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-28d033d{padding:0px 120px 0px 120px;text-align:center;font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-6113606 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-6113606 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-18 .elementor-element.elementor-element-6113606{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18 .elementor-element.elementor-element-6113606 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-18 .elementor-element.elementor-element-e213b63:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-e213b63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-18 .elementor-element.elementor-element-e213b63{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 50px 10px;}.elementor-18 .elementor-element.elementor-element-e213b63 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-3ba1757{padding:25px 25px 25px 25px;}.elementor-18 .elementor-element.elementor-element-cd52e90 .elementor-heading-title{font-size:25px;}.elementor-18 .elementor-element.elementor-element-28d033d{padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-e213b63{margin-top:25px;margin-bottom:25px;padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-625486d */.tansstyle-products-section {
      width: 100%;
      overflow: hidden;
      padding: 0px 0;
    }

    /* Container relative kiya hai taaki arrows sahi jagah align ho sakein */
    .tansstyle-wrap {
      max-width: 100%;
      margin: 0 auto;
      padding: 0 0px;
      position: relative;
    }

    /* Outer Wrapper for Slider Track */
    .tansstyle-slider-container {
      width: 100%;
      overflow: hidden;
    }

    /* Horizontal Grid/Flex Track */
    .tansstyle-products-grid {
      display: flex;
      gap: 24px;
      transition: transform 0.5s ease-in-out;
      will-change: transform;
    }

    /* Individual Product Card */
    .tansstyle-product-card {
      flex: 0 0 calc(33.333% - 16px);
      min-width: 300px;
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
      padding: 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #eef2f5;
    }

    /* Image Wrapper */
    .tansstyle-product-icon-wrapper {
      width: 100%;
      height: 180px;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 16px;
      background: #f9f9f9;
    }

    .tansstyle-product-icon-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* --- Typography Changes --- */
    .tansstyle-product-card-heading {
      font-size: 22px; /* Fixed to 22px */
      font-weight: 700;
      color: #1a202c;
      margin-bottom: 16px;
      border-bottom: 2px solid #3182ce;
      padding-bottom: 8px;
    }

    .tansstyle-product-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px; /* Fixed to 16px */
      color: #4a5568;
      padding: 8px 0;
      border-bottom: 1px dashed #e2e8f0;
    }

    .tansstyle-btn-details {
      font-size: 16px; /* Fixed to 16px */
      color: #3182ce;
      text-decoration: none;
      font-weight: 600;
      white-space: nowrap;
    }

    .tansstyle-btn-enquire {
      display: block;
      text-align: center;
      background: #3182ce;
      color: #fff;
      text-decoration: none;
      padding: 12px;
      border-radius: 6px;
      font-weight: 600;
      font-size: 16px; /* Fixed to 16px */
      transition: background 0.2s ease;
    }
    /* -------------------------- */

    /* Product Item List */
    .tansstyle-product-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 24px;
      max-height: 250px;
      overflow-y: auto;
      padding-right: 4px;
    }

    /* Inner List Scrollbar */
    .tansstyle-product-list::-webkit-scrollbar {
      width: 4px;
    }
    .tansstyle-product-list::-webkit-scrollbar-thumb {
      background: #cbd5e0;
      border-radius: 4px;
    }

    .tansstyle-product-name {
      font-weight: 500;
      padding-right: 10px;
    }

    .tansstyle-product-buttons {
      margin-top: auto;
    }

    .tansstyle-btn-details:hover {
      text-decoration: underline;
    }

    .tansstyle-btn-enquire:hover {
      background: #2b6cb0;
    }

    /* --- Navigation UI Styling --- */
    .tansstyle-nav-btn {
      position: absolute;
      top: 29%;
      transform: translateY(-50%);
      width: 45px;
      height: 45px;
      background: #ffffff;
      border: 1px solid #cbd5e0;
      border-radius: 50%;
      color: #3182ce;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      z-index: 10;
      transition: all 0.2s ease;
    }

    .tansstyle-nav-btn:hover {
      background: #3182ce;
      color: #ffffff;
      border-color: #3182ce;
    }

    .tansstyle-nav-prev {
      left: 5px;
    }

    .tansstyle-nav-next {
      right: 5px;
    }

    /* Responsive Breakdown */
    @media (max-width: 992px) {
      .tansstyle-product-card {
        flex: 0 0 calc(50% - 12px);
      }
      .tansstyle-nav-btn {  } /* Mobile/Tablet par arrows hide karke normal swipe support default rehta hai */
    }

    @media (max-width: 600px) {
      .tansstyle-product-card {
        flex: 0 0 100%;
      }
    }/* End custom CSS */