body {
      font-family: 'SolaimanLipi', sans-serif;
  }


  p {
      font-family: 'Hind Siliguri', sans-serif;
  }

  .hover_title:hover h3 {
      text-decoration: underline;
  }

  .testimonialsSwiper {
      padding: 20px 10px 40px 10px;
  }

  .testimonial-card {
      transition: all 0.3s ease;
  }

  .testimonial-card:hover {
      transform: translateY(-5px);
  }

  .line-clamp-5 {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .trust-item {
      transition: all 0.3s ease;
  }

  .trust-item:hover {
      transform: scale(1.05);
  }

  .testimonialsSwiper .swiper-pagination-bullet-active {
      background: theme('colors.primary.600') !important;
      transform: scale(1.3);
  }

  /* Smooth transitions for hover effects */
  .testimonial-nav-btn {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .combo-add-btn {
      position: relative;
      overflow: hidden;
  }

  .combo-add-btn>div {
      transition: transform 0.5s ease;
  }

  .combo-qty-btn,
  .combo-remove-btn {
      transition: all 0.2s ease;
  }

  /* Ensure truncation works */
  .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  /* Compact hover effects */
  .combo-card {
      transition: all 0.3s ease;
  }

  .combo-card:hover {
      transform: translateY(-2px);
  }

  .line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }



  .heroSwiper .swiper-slide {
      background-position: center;
      background-size: cover;
  }

  .heroSwiper .swiper-pagination-bullet-active {
      background: #fff !important;
      transform: scale(1.2);
  }

  /* Smooth fade transition */
  .swiper-fade .swiper-slide {
      opacity: 0 !important;
      transition-property: opacity;
  }

  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-duplicate-active {
      opacity: 1 !important;
  }





  [x-cloak] {
      display: none !important;
  }

  /* Smooth transitions for mobile menu */
  .fixed {
      transition: transform 0.3s ease-in-out;
  }

  /* Ensure proper scrolling when menu is open */
  body.menu-open {
      overflow: hidden;
  }



  /* The popup chat - hidden by default */

  /* Button used to open the chat form - fixed at the bottom of the page */

  .open-button {
      margin-right: 28px;
      background-color: green;
      color: white;
      font-size: 37px;
      padding: 5px -1px;
      border: none;
      cursor: pointer;
      opacity: 0.8;
      position: fixed;
      bottom: 20px;
      left: 20px;
      width: 65px;
      border-radius: 50%;
      height: 65px;
      z-index: 1;
  }


  /* The popup chat - hidden by default */

  .chat-popup {
      display: none;
      position: fixed;
      bottom: 113px;
      left: 20px;
      z-index: 999;
  }

  .chat_icon .messenger a {
      font-size: 26px;
      background: #1E88E5;
      color: #fff;
      padding: 12px 16px;
      border-radius: 55%;
  }

  .chat_icon .whatsapp_color a {
      background: #49E670;
      font-size: 26px;
      color: #fff;
      padding: 12px 16px;
      border-radius: 55%;
  }


  /* Add some hover effects to buttons */

  .chat_icon .btn:hover,
  .open-button:hover {
      opacity: 1;
  }

  .work_experience .resum-info i {
      font-size: 0.9em;
      color: #fff;
      background: var(--color_one);
      padding: 1em;
      -webkit-border-radius: 70%;
      -moz-border-radius: 70%;
      border-radius: 70%;
      -webkit-transition: .5s all;
      -moz-transition: .5s all;
      transition: .5s all;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      z-index: 9;
      /*--icon center--*/
      margin-left: -6em;
      margin-right: 3em;
  }


  /* ================================
   Common Login Page Styles
   ================================ */
  .common_login_page {
      background-color: #fff;
      border-radius: 0.75rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      padding: 1rem;
      max-width: 420px;
      margin: 2rem auto;
  }

  /* Layout */
  .common_login_page .col-md-12,
  .common_login_page .col-12,
  .common_login_page .col-lg-12,
  .common_login_page .col-xs-12,
  .common_login_page .col-sm-12 {
      width: 100%;
  }

  .common_login_page .row {
      display: flex;
      flex-wrap: wrap;
  }

  /* Typography */
  .common_login_page h3 {
      font-size: 1.125rem;
      font-weight: 600;
      color: #1f2937;
      margin-bottom: 0.75rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid #e5e7eb;
  }

  .common_login_page .text-center {
      text-align: center;
  }

  .common_login_page .text-success {
      color: #16a34a;
  }

  .common_login_page .text-danger {
      color: #dc2626;
  }

  /* Buttons */
  .common_login_page .btn {
      display: inline-block;
      font-weight: 500;
      border-radius: 0.5rem;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.2s ease, transform 0.15s ease;
      padding: 0.45rem 1.1rem;
      border: none;
      font-size: 0.9rem;
  }

  /* Small Button */
  .common_login_page .btn-sm {
      padding: 0.50rem 0.75rem;
      font-size: 0.9rem;
      border-radius: 0.375rem;
  }

  /* Unified Green (Primary & Success same tone) */
  .common_login_page .btn-primary,
  .common_login_page .btn-success {
      background-color: #16a34a;
      /* Green tone */
      color: #fff !important;
  }

  .common_login_page .btn-primary:hover,
  .common_login_page .btn-success:hover {
      background-color: #15803d;
      color: #fff !important;
  }

  .common_login_page .btn-primary:focus,
  .common_login_page .btn-success:focus,
  .common_login_page .btn-primary:active,
  .common_login_page .btn-success:active {
      background-color: #15803d;
      color: #fff !important;
      transform: translateY(1px);
  }

  /* Info Button */
  .common_login_page .btn-info {
      background-color: #0284c7;
      color: #fff !important;
  }

  .common_login_page .btn-info:hover,
  .common_login_page .btn-info:focus,
  .common_login_page .btn-info:active {
      background-color: #0369a1;
      color: #fff !important;
  }

  /* Typography */
  .common_login_page .font-weight-bold,
  .common_login_page .fw-bold {
      font-weight: 600;
      /* color: #16a34a; */
  }

  /* Forms */
  .common_login_page .form-control {
      width: 100%;
      border: 1px solid #d1d5db;
      border-radius: 0.375rem;
      padding: 0.45rem 0.75rem;
      color: #1f2937;
      font-size: 0.9rem;
      line-height: 1.4;
      height: 38px;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
      box-shadow: none !important;
  }

  /* Focus state with green highlight */
  .common_login_page .form-control:focus {
      border-color: #16a34a !important;
      box-shadow: inset 0 0 0 1px #16a34a !important;
      outline: none !important;
      height: 38px;
  }

  .common_login_page .form-group {
      margin-bottom: 1rem;
  }

  /* Alerts */
  .common_login_page .alert {
      padding: 0.75rem;
      border-radius: 0.375rem;
      font-size: 0.95rem;
      margin-bottom: 1rem;
  }

  .common_login_page .alert-danger {
      background-color: #fee2e2;
      color: #991b1b;
      border: 1px solid #fecaca;
  }

  .common_login_page .alert-success {
      background-color: #dcfce7;
      color: #166534;
      border: 1px solid #bbf7d0;
  }

  /* Spacing */
  .common_login_page .p-3 {
      padding: 1rem;
  }

  .common_login_page .py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
  }

  .common_login_page .my-3 {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
  }

  .common_login_page .px-3 {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
  }

  .common_login_page .pt-3 {
      padding-top: 0.75rem;
  }

  /* Visibility */
  .common_login_page [v-cloak] {
      display: none;
  }

  /* Links */
  .common_login_page a {
      color: #16a34a;
      text-decoration: none;
      transition: color 0.2s ease;
  }

  .common_login_page a:hover {
      color: #15803d;
  }

  /* Responsive */
  @media (max-width: 480px) {
      .common_login_page {
          padding: 1rem;
          margin: 1rem;
          max-width: 100%;
          border-radius: 0.5rem;
      }
ul.breadcrumb {
    display: flex;
    color: #000;
    gap: 10px;
}
      .breadcrumb {
          display: flex;
          flex-wrap: wrap;
          padding: 0 0;
          margin-bottom: 1rem;
          list-style: none;
      }

      .common_login_page .btn {
          width: 100%;
          padding: 0.75rem;
      }
  }





















  /* ##########################################################
   #                                                        #
   #              DEVELOPED BY: NAYAN                       #
   #              CONTACT: 01621-881846                     #
   #                                                        #
   ########################################################## */