.calculator-main-title {
      font-family: var(--font-h, 'Outfit', sans-serif);
      font-size: 1.5rem;
      font-weight: 600;
      text-align: left;
      margin-bottom: 20px;
      text-transform: uppercase;
   }

   .product-type-selector {
      display: flex;
      align-items: center;
      gap: 60px;
   }

   .product-type-selector label {
      font-weight: 500;
      margin-bottom: 0;
      font-size: 1.4rem;
      color: White;
   }

   .product-type-selector .dropdown-group {
      display: flex;
      gap: 30px;
   }

   .calc-dropdown {
      padding: 8px 12px;
      border: 1px solid #ced4da;
      border-radius: 4px;
      background-color: #fff;
      min-width: 450px;
      font-size: 0.95rem;
   }

   .calc-dropdown:disabled {
      background-color: #e9ecef;
      cursor: not-allowed;
   }

   .selected-options-display-area {
      padding: 15px 20px;
      margin-bottom: 25px;
      border-radius: 5px;
      background-color: white;
      border: 1px solid #d1d1d1;
   }

   .options-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 10px;
   }

   .options-row:last-child {
      margin-bottom: 0;
   }

   .option-tag {
      background-color: #f1f3f5;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 0.85rem;
      color: #495057;
      border: 1px solid #dee2e6;
   }

   .option-tag strong {
      color: #e67e22;
      font-weight: 600;
   }

   .cost-row .option-tag {
      font-weight: 500;
   }

   .cost-tag-detail strong {
      color: var(--text-theme, #A51C30) !important;
   }

   .cost-tag-calc {
      color: #fff !important;
   }

   .cost-tag-calc strong {
      color: #fff !important;
   }

   .printing-cost {
      background-color: #3498db;
   }

   .cover-cost {
      background-color: #546e7a;
   }

   .total-cost {
      background-color: #2ecc71;
   }

   .calculator-form-area {
      padding: 25px 20px;
      background-color: #ffffff;
      border-radius: 5px;
      margin-bottom: 25px;
   }

   .calculator-form-area .form-row {
      display: flex;
      flex-wrap: wrap;
     
      margin-bottom: 15px;
   }

   .calculator-form-area .form-group {

      display: flex;
      flex-direction: column;
   }

   .calculator-form-area .form-group label {
      font-size: 0.8rem;
      margin-bottom: 5px;
      font-weight: 600;
      color: #343a40;
   }

   .calc-input,
   .calc-select {
      width: 100%;
      padding: 8px 10px;
      border: 1px solid #ced4da;
      border-radius: 4px;
      font-size: 0.9rem;
   }

   .form-row-submit {
      text-align: center;
      margin-top: 20px;
   }

   .btn-calculate {
      background-color: var(--text-theme, #A51C30);
      color: #fff;
      padding: 10px 25px;
      border: none;
      border-radius: 5px;
      font-size: 1rem;
      font-weight: 500;
      cursor: pointer;
      transition: background-color 0.2s ease;
   }

   .btn-calculate:hover {
      background-color: #840607;
   }

   .calculator-notes-area {
      padding: 20px;
      background-color: #fff;
      border-radius: 5px;
      font-size: 0.85rem;
      color: #555;
   }

   .calculator-notes-area h4 {
      font-family: var(--font-h, 'Outfit', sans-serif);
      font-size: 1.1rem;
      font-weight: 600;
      color: #333;
      margin-bottom: 10px;
   }

   .calculator-notes-area p strong {
      font-weight: 600;
      color: #333;
   }

   .calculator-notes-area p {
      line-height: 1;
      font-weight: 400;
      font-size: 14px;
      margin: 0px;
   }

   .form-row-loading {
      display: none;
      text-align: center;
      padding: 20px;
   }

   @media (max-width: 768px) {
      .product-type-selector {
         flex-direction: column;
         align-items: stretch;
      }

      .product-type-selector .dropdown-group {
         flex-direction: column;
         width: 100%;
      }

      .calc-dropdown {
         min-width: 100%;
      }

      .selected-options-display-area .option-tag {
         flex-basis: calc(50% - 5px);
      }

      .cost-row .option-tag {
         flex-basis: auto;
      }

      .calculator-form-area .form-group {
         flex-basis: calc(50% - 8px);
      }
   }

   @media (max-width: 480px) {
      .calculator-form-area .form-group {
         flex-basis: 100%;
      }

      .selected-options-display-area .option-tag {
         flex-basis: 100%;
      }
   }

   @media (max-width: 1024px) {
      .product-type-selector .dropdown-group {
         flex-wrap: wrap;
      }

      .product-type-selector {
         gap: 30px;
      }

   }