/* 13-06-2026 */
  /*==========================pop-upbox and form ===========================*/

  .biz-overlay {
      height: 0%;
      width: 100%;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.75);
      overflow-y: hidden;
      transition: 0.5s;
      z-index: 111111;
  }

  .biz-overlay2 {
      top: auto;
      bottom: 0;
  }

  .biz-overlay-content {
      position: relative;
      /*top: 25%;*/
      width: 100%;
      text-align: center;
      display: table;
      height: 100%;
  }

  .diz-middle {
      display: table-cell;
      vertical-align: middle;
  }

  .biz-overlay a {
      padding: 8px;
      text-decoration: none;
      font-size: 36px;
      color: #000;
      display: block;
      transition: 0.3s;
  }

  .biz-overlay a:hover,
  .biz-overlay a:focus {
      color: #000;
  }

  .biz-overlay .closebtn {
      position: absolute;
      top: -25px;
      right: 0px;
      font-size: 50px;
      z-index: 999;
  }

  .date a span {
      font-size: 13px;
  }

  @media screen and (max-height: 450px) {
      .overlay {
          overflow-y: auto;
      }

      .overlay a {
          font-size: 20px
      }

      .overlay .closebtn {
          font-size: 40px;
          top: 15px;
          right: 35px;
      }
  }

  .biz-overlay-content .form-control {
      height: 40px;
      border-radius: 0;
  }

  .biz-overlay-content textarea.form-control {
      height: 70px;
      resize: none;
  }

  .pad {
      padding: 0 7.5px;
  }

  .biz-form {
      background: rgb(249 249 249);
      display: inline-block;
      width: 675px;
      margin: 0 auto;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0px 7px 18px -2px rgba(0, 0, 0, 0.30);
      -webkit-box-shadow: 0px 7px 18px -2px rgba(0, 0, 0, 0.30);
      -moz-box-shadow: 0px 7px 18px -2px rgba(0, 0, 0, 0.30);
      position: relative;
  }

  .biz-form .btn-custom {
      height: 40px;
      padding: 0;
      text-align: center;
      width: 100%;
      border: none;
      border-radius: 0;
  }

  .biz-form h2 {
      text-transform: capitalize;
      font-size: 30px;
      margin-bottom: 20px;
  }

  .biz-form p {
      margin-bottom: 15px;
  }

  .pop-image {
      width: 300px;
      height: 450px;
      display: inline-block;
      float: left;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .biz-form .contact-form {
      padding-top: 0px;
      display: inline-block;
      width: 60.5%;
      float: right;
  }

  .align {
      display: table;
      width: 100%;
      height: 450px;
      padding: 20px 30px;
  }

  .biz-form .contact-form input.form-control {
      border-bottom: 1.3px solid #dadada;
      color: #000;
      font-size: 14px;
  }

  .biz-form span.form-icon {
      color: #4d8dc7;
  }

  .biz-form .contact-form .form-control::-webkit-input-placeholder {
      font-family: 'MontserratLight';
      font-size: 14px;
      color: #dadada;
  }

  .biz-form .contact-form .form-control:-moz-placeholder {
      font-family: 'MontserratLight';
      font-size: 14px;
      color: #dadada;
  }

  .biz-form .contact-form .form-control::-moz-placeholder {
      font-family: 'MontserratLight';
      font-size: 14px;
      color: #dadada;
  }

  .biz-form .contact-form .form-control:-ms-input-placeholder {
      font-family: 'MontserratLight';
      font-size: 14px;
      color: #dadada;
  }

  @media (max-width:991px) {
      .biz-form {
          width: 600px;
      }

      .pop-image {
          width: 237px;
      }

      a.navbar-brand img {
          width: 80%;
          margin-bottom: 9px;
      }

      .search-popup-inner-section {
          top: 69px;
      }
  }

  @media (max-width:767px) {
      .biz-overlay .closebtn {
          top: -11px;
          right: 0;
      }

      .search-container {
          width: 70%;
          margin: 0 auto;
          display: block;
          margin-left: 23%;
      }



  }

  @media (max-width:640px) {
      .biz-form {
          width: 427px;
      }

      .pop-image {
          width: 168px;
      }

      .align {
          padding: 20px 15px;
      }

      /*.contact-form input.form-control {
				margin-left: -16px;
				padding-left: 28px;
			}*/
  }

  @media (max-width:480px) {
      .biz-form {
          width: 365px;
      }

      .pop-image {
          display: block;
          width: 100%;
          height: 200px;
          background-position: 0px -58px;
      }

      .biz-form .contact-form {
          display: block;
          width: 100%;
      }

      .align {
          height: 360px;
      }

      button.btn.btn-warning.cmn-buttn.pac-buttn {
          margin-top: 10px;
      }
  }

  /*==========================pop-upbox and form-end ===========================*/
  /* <!--poopup-desig--> */
  /* 13-06-2026 */
  ul.service-top-tab {
      width: auto;
  }

  .box-content-desc .more-text {
      display: none;
  }

  p.box-content-desc {
      height: 190px;
      overflow-y: auto;
  }

  ._box-content {
      height: 178px;
  }

  .blank_tag {
      display: inline-block;
      padding: 7px 30px 7px 13px;
      position: relative;
  }

  section.courses-section.inner-page-listing header.box-tittle {
      height: 60px;
      overflow: hidden;
  }

  section.courses-section.inner-page-listing footer.box-footer a.cmn-buttn {
      padding: 10px 15px;
      width: 49%;
  }

  .date-time {
      padding: 0 8px;
  }

  .date-time .date {
      width: 100%;
      border-right: none;
      margin: 0;
  }

  .time {
      width: 100%;
      padding: 0;
      margin: 0;
  }

  span.date_to {
      padding: 0 7px;
      text-align: center;
  }


  .time a {
      text-align: initial;
      text-align: left;
  }

  /* ===04.04.23 ===strat */
  .palcement {
      padding: 0 0;
  }

  .star img {
      width: 10px;
  }

  .star span {
      margin-left: 2px;
      font-size: 12px;
  }

  .hours p img {
      width: 13px;
      padding: 1px;
  }

  .course_cyber ul li {
      list-style-type: none;
      font-size: 13px;
      padding: 3px 0;
  }

  .hours {
      text-align: center;
  }

  .star {
      text-align: center;
      border: 1px solid #F5F5F5;
      width: 65%;
      border-radius: 15px;
      margin-left: 15px;
      box-shadow: 0 0 2px 0px #6e6e6e;
  }

  .course_cyber ul li img {
      width: 20px;
      margin-right: 4px;
  }

  a.course-view-btn {
      margin: auto;
      display: block;
      width: 60% !important;
      text-align: center;
  }

  .course_cyber ul {
      padding-left: 16px;
  }

  .palcement p {
      color: #000 !important;
  }

  .hours p {
      color: #000;
  }

  .course_cyber {
      padding-top: 10px;
      height: 145px;
  }

  /* ===04.04.23 ===end */


  /* ====Modal poup start=== */
  .link-modal {
      margin-top: 200px;
  }

  /* .gbody {
      height: 360px;
      overflow-x: auto;
  } */

  .link-content,
  .modal-header .close {
      margin-top: -30px;
  }

  .link-content .modal-header h5 {
      font-size: 20px;
      font-weight: 600;
      padding-left: 3px;
      color: #fff;
  }

  .link-content .modal-header {
      padding: 20px;
      background: none;
      border-bottom: none;
      background: linear-gradient(83deg, rgba(14, 90, 160, 1) 0%, rgba(36, 141, 228, 1) 100%);
  }

  .g_btn {
      margin-left: auto;
  }

  .g_btn a {
      width: 100% !important;
      padding: 10px 25px;
  }

  .g_meet.g_top_bdr {
      padding: 9px 0px;
  }

  .g_callar {
      width: 70%;
  }

  .g_callar h5 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px;
  }

  .g_callar p {
      font-size: 14px;
      margin-bottom: 20px;
  }

  .gbody ul {
      padding: 0;
      list-style-type: none;
      margin: 0px;
  }

  .g_meet {
      display: flex;
      border-bottom: 1px solid #F4F4F4;
  }

  .g_top_bdr {
      border-top: 1px solid #F4F4F4;
  }

  .numbe span {
      color: #F76E1C;
      padding: 6px;
      font-weight: 600;
  }

  .numbe {
      border: 1px solid #F76E1C;
      height: 22px;
      width: 22px;
      border-radius: 50%;
      margin-right: 10px;
  }

  .gbody ul li {
      padding-bottom: 20px;
  }

  .gbody {
      padding: 25px;
  }

  .amet h5 {
      margin-top: 20px;
  }

  .mrgn_top {
      margin-top: 20px;
  }

  .mrgn-btn a {
      margin-top: 20px;
  }

  .cross span {
      position: absolute;
      top: 0px;
      right: 9px;
      color: #ffff;
  }

  .cross.close {
      font-size: 32px;
      opacity: 1;
  }

  /* button.cross {
      font-size: 40px;
  } */
  /* ====Modal poup end=== */


  /* ===Other Coursess css strat */
  .couses-block {
      padding-bottom: 50px;
      background-color: #f1f4f8;
      padding-top: 50px;
  }

  .couses .card-body h5 {
      text-align: center;
      font-weight: 800;
      font-size: 20px;
      margin-bottom: 15px;
      color: #314A92;
  }

  .card.couses {
      background-color: #fff;
      box-shadow: 8px -5px 20px 0px #0000001c;
      padding: 50px 20px;
      border-radius: 10px;
      height: 170px;
      border-bottom: 5px solid #fea101;
      margin-bottom: 30px;
  }

  .couses .card-body p {
      text-align: center;
  }

  .card.couses:hover {
      background: linear-gradient(8deg, rgb(76 143 233 / 0%) 0%, rgb(47 70 141 / 20%) 100%);
      transition-delay: 2s;
  }

  .couses.other-courses .card-body h5 {
      font-size: 15px;
  }

  .card.couses.other-courses {
      padding: 20px;
      height: 130px;
  }

  .card.couses.other-courses .card-text {
      line-height: 16px;
      padding-bottom: 10px;
  }

  .other-enquiry {
      font-weight: 300;
      font-family: "Roboto", sans-serif !important;
      font-size: 14px;
  }

  .fa-arrow-right {
      font-size: 14px;
      font-weight: 300;
  }

  /* ===Other Coursess css end */
  ul.service-top-tab {
      width: auto;
  }

  section.inner-page-banner h1 {
      width: 55%;
      font-size: 28px;
  }

  section.inner-page-banner p {
      width: 60%;
  }

  .description-sec .cmn-header {
      margin-top: 30px;
  }

  .cmn-header.wow.fadeInUp.animated h2 {
      font-family: 'MontserratLight';
  }

  .course-box-inner h3 {
      height: 85px;
  }

  .assesment h6 {
      padding-bottom: 11px;
  }

  .reply_download .text-success {
      color: #ffffff;
  }

  .datep {
      width: 100%;
      border-right: none;
      padding-top: 0;
  }

  .datep input {
      width: 90% !important;
  }

  .glyphicon {
      top: 31%;
  }

  span.input-group-addon {
      width: 10%;
      float: left;
      height: 51px;
  }



  /* ===Web Driver strat===--06-04-23 */
  section.web-driver p {
      width: auto !important;
  }

  .course_start h1 {
      width: auto !important;
      padding-bottom: 10px !important;
  }

  .course_start {
      text-align: center;
  }

  /* a.apply-btn {
      margin: auto;
      display: table;
    padding: 10px 15px;
      margin-top: 16px;
  } */
  a.apply-btn {
      margin: auto;
      display: table;
      padding: 14px 20px;
      margin-top: 16px;
      font-size: 16px;
      color: #fff;
      text-transform: capitalize;
      letter-spacing: 1px;
      border-radius: 5px;
      background: linear-gradient(83deg, rgba(245, 161, 34, 1) 28%, rgba(247, 108, 28, 1) 100%);
      font-family: 'MontserratRegular';
      text-shadow: none;
      overflow: hidden;
  }

  .apply-btn:hover {
      color: #fff;
  }

  /* ===Coundwon start== */
  .timer,
  .signup {
      flex: 1;
      /* border: 1px solid red; */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex-wrap: wrap;
      align-content: space-around;
  }

  p.counter__duration {
      margin: 0 0 9px 0;
      color: #fff;
      font-size: 13px;
  }

  /* .counter__time {

    } */
  .counter {
      display: flex;
      max-width: fit-content;
      gap: 0.75em;
      justify-content: center;
      align-items: center;
      color: white;
      font-weight: 700;
      margin: auto;
  }

  .counter__box {
      text-align: center;
      width: 75px;
      height: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0.25rem;
      border-radius: 10px;
  }

  .counter__time {
      font-size: 25px;
      margin: 0;
      margin-top: 11px;
      padding: 0;
      padding-top: 2px;
      font-weight: bold !important;
      width: auto !important;
      margin-bottom: 0 !important;
      color: #fff;
  }

  p.dots {
      margin-bottom: 0;
  }

  .counter__duration {
      font-size: 0.8rem;
      text-transform: capitalize;
      margin: 0;
      padding: 0;
      color: #eee;
  }

  .dots {
      font-size: 30px;
      color: #002e46;
      margin: -0.75rem;
      padding: 0;
  }

  .exp {
      font-size: 52px;
      font-family: "Roboto", sans-serif;
  }

  .black-white {
      background: linear-gradient(83deg, rgba(245, 161, 34, 1) 28%, rgba(247, 108, 28, 1) 100%);
  }

  .sky-blue {
      background: linear-gradient(83deg, rgba(245, 161, 34, 1) 28%, rgba(247, 108, 28, 1) 100%);
  }

  /* ====Conudwon end=== */

  /* ===Web Driver end===--06-04-23 */
  /* ===student Poup strat=== */
  .student-poup {
      margin-top: 50px;
      z-index: 9999;
  }

  .query-box input {
      margin-bottom: 20px;
      height: 40px;
  }

  .query-box textarea {
      margin-bottom: 20px;
      height: 70px;
  }

  a.student_submit {
      margin: auto;
      display: table;
      margin-top: 25px;
      padding: 10px 30px !important;
  }

  .query-close {
      position: absolute;
      right: 9px;
      top: 0px;
      font-size: 28px;
  }

  .student-poup .modal-content {
      padding: 15px;
  }

  .live-demo h2 {
      font-size: 20px;
      margin-bottom: 4px;
  }

  .shedul-row {
      margin-bottom: 16px;
  }

  .query-box label {
      font-weight: 500;
  }

  .student-poup .modal-content {
      border-radius: unset;
  }

  .enrol-ftr {
      text-align: center;
      border-top: none;
  }

  h2.sedul-demo {
      font-size: 20px;
      padding-bottom: 31px;
      text-align: center;
  }

  button.btn.enrl-submit {
      background: linear-gradient(83deg, rgba(36, 123, 228, 1) 0%, rgba(36, 73, 228, 1) 100%);
      letter-spacing: 1px;
      font-size: 16px;
      border-radius: 7px;
      padding: 15px 64px;
      margin-right: 7px;
      width: 60%;
  }

  button.btn.enrl-close {
      background: linear-gradient(83deg, rgba(245, 159, 34, 1) 0%, rgba(247, 110, 28, 1) 100%);
      letter-spacing: 1px;
      font-size: 16px;
      color: #fff;
      border-radius: 7px;
      padding: 15px 75px;
      margin: 0 auto;
  }

  .shedul-row p {
      line-height: 25px;
  }

  section#sucessHolder {
      padding: 20px 0;
      padding-bottom: 0;
  }

  .shedul-row {
      margin-bottom: 40px;
  }

  p#demo_class_date {
      margin-top: 20px;
  }

  .success-modal-close {
      margin: 0 auto;
      display: block;
      margin-top: 35px;
  }

  /* ===student Poup end=== */
  .demo-text h1.dtext {
      font-size: 25px !important;
  }

  .right-side-demo {
      background: #0000004f;
      padding: 15px;
      border-radius: 15px;
  }

  .fees {
      text-align: left;
  }

  .top-paragraph {
      margin: 0 !important;
  }

  .kfeature {
      padding: 88px 0px !important;
  }

  .fees i {
      color: #fff;
  }

  form#formDemoClassBook input {
      margin-bottom: 0;
  }

  .error,
  div#captchaError {
      color: #a94442 !important;
      font-size: 12px !important;
      font-style: italic !important;
      margin-top: -16px !important;
  }

  form#formDemoClassBook .query-box label {
      margin-top: 10px;
  }

  #formDemoClassBook .query-box label {
      font-size: 14px;
  }

  .no-pad {
      padding: 0 !important;
  }

  .modal-close-btn {
      position: absolute;
      top: 5px;
      z-index: 99;
      right: 13px;
      font-size: 22px;
      color: #000;
      font-weight: 100;
      cursor: pointer;
  }

  .rating-row {
      padding-bottom: 10px;
  }

  #modalDemoClassBooking {
      overflow: auto;
      z-index: 99999;
  }

  .offer-message {
      z-index: 100 !important;
  }

  .g-recaptcha.g-recaptcha-corporate-training div {
      height: auto !important;
  }

  .offer-message p a {
      color: #0f5ba0 !important;
      text-underline-offset: 3px;
      font-weight: 100 !important;
  }

  body.modal-open {
      overflow: hidden;
  }

  .certificate-page-heading h3 {
      margin-left: 15px;
      margin-bottom: 25px;
  }

  .modal.in {
      background: #000000d4;
  }

  body.modal-open {
      overflow: hidden;
  }

  div#demo_class {
      z-index: 99999;
  }

  .banner-top-header {
      width: 100% !important;
  }

  #otherCertificateEnquiry .form-control {
      height: 40px;
  }

  form#otherCertificateEnquiry {
      padding: 0;
  }

  #otherCourseModal {
      padding-top: 40px;
  }

  span.d-fees {
      font-size: 16px;
      font-weight: 600;
  }

  .service-box {
      border-bottom: 2px solid #fea101;
  }

  span.d-save {
      display: block;
      margin-left: 29px;
      margin-top: -5px;
      font-size: 12px;
      font-family: 'Manrope', sans-serif;
      font-weight: 400;
      color: #f58634;
  }

  .listing-cmn-heading {
      margin-top: 20px;
  }

  .service-box:hover {
      box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px !important;
  }

  .service-box {
      transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  }


  .certificate-bradcrum-wrapper .container {
      padding: 0;
  }

  .certificate-bradcrum-wrapper .bradcrum {
      padding: 30px 0 0 0 !important;
  }

  section#students-list .heading {
      margin-bottom: 40px;
  }

  form#contact-form .mobile {
      margin-right: 13px;
  }

  .phone-info a:hover,
  .email-info a:hover {
      color: #2482e4;
  }

  .pr-0 {
      padding-right: 0;
  }

  .pl-0 {
      padding-left: 0;
  }

  .phone-section select {
      height: 50px;
      background: #efefef;
      border: 0;
      border-radius: 0;
  }

  .f-left {
      float: left;
  }

  .course_start h2 {
      color: #fff !important;
  }

  .loader-1 {
      position: absolute;
      top: 40%;
      left: 50%;
  }

  .loader-1 img {
      width: 65px;
      border-radius: 10px;
      height: 65px;
  }

  .course-error {
      font-size: 18px !important;
  }

  .repayment-details h3 {
      font-size: 18px;
      padding: 0 20px;
      line-height: 28px;
      font-weight: 500;
  }


  /* Dropdown container */
  .dropdown {
      position: relative;
      display: inline-block;
  }

  /* Dropdown button with icon */
  .dropbtn {
      background-color: inherit;
      /*#fea101;*/
      color: white;
      /* padding: 12px 20px; */
      font-size: 18px;
      border: none;
      cursor: pointer;
      border-radius: 30px;
      transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .dropbtn i {
      margin-right: 8px;
      /* Space between icon and text */
  }

  /* Add bounce on hover */
  .dropbtn:hover {
      background-color: inherit;
      /*#fea101;*/
  }

  /* Dropdown content (hidden by default) */
  .dropdown-content {
      padding: 12px 0;
      display: none;
      position: absolute;
      background-color: white;
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
      min-width: 160px;
      border-radius: 8px;
      z-index: 1;
      overflow: hidden;
      top: 100%;
      /* Push below the button */
      right: 0;
      /* Align dropdown with right of button */
      opacity: 0;
      transform: translateY(10px);
      /* Initial position for animation */
      transition: opacity 0.3s ease, transform 0.3s ease;
      border-radius: 5px;
  }

  /* Links inside the dropdown */
  .dropdown-content a {
      color: black;
      padding: 9px 15px;
      text-decoration: none;
      display: flex;
      align-items: center;
      transition: background-color 0.3s ease, padding-left 0.3s ease;
      font-size: 14px;
      font-weight: 600;
  }

  .dropdown-content a i {
      margin-right: 10px;
      /* Space between icon and text */
  }

  /* Add slide effect on hover */
  .dropdown-content a:hover {
      /*    background-color: #fea101;*/
      padding-left: 20px;
      /* Slight padding change for sliding effect */
  }

  /* Show the dropdown content with animation when hovered */
  .dropdown:hover .dropdown-content {
      display: block;
      opacity: 1;
      transform: translateY(0);
      /* Drop down into view */
  }

  .dropdown.login-link {
      background: #238ae0;
      border-radius: 4px;
      margin-left: 19px;
  }

  button.dropbtn {
      font-size: 14px;
      font-weight: 600;
  }



  @media (max-width:1200px) {
      .date-time {
          padding: 0 24px;
      }
  }

  @media (max-width:991px) {
      .date-time {
          padding: 0 49px;
      }

      /* ==04.04.23==start */
      .inner-row {
          margin: 0;
      }


      /* ==04.04.23==end */

      /* ==modal popup start==- */
      .cross span {
          right: 13px;
      }

      /* ===modal popup end===- */

      .right-side-demo {
          margin-bottom: 40px;
      }

      h2.sedul-demo {
          padding-bottom: 8px;
          margin-top: 25px;
      }

      .bradcrum-wrapper .container {
          padding: 0 0 0 14px;
      }

      .bradcrum {
          padding-bottom: 0 !important;
      }

  }

  @media (max-width:767px) {
      .dropbtn {
          font-size: 16px;
          padding: 10px 10px;
      }

      .dropdown-content a {
          font-size: 16px;
          padding: 12px 16px;
      }

      .fees {
          float: left;
      }

      .sm-w-100 {
          width: 100%;
          margin-bottom: 20px;
          text-align: center;
      }

      .date-time {
          padding: 0 28px;
      }

      /* ===04.04.23== start */
      .star {
          text-align: center;
      }

      .palcement {
          padding-left: 25px;
      }

      .hours {
          text-align: left;
          padding-left: 25px;
      }

      .star img {
          padding-bottom: 0px;
      }

      .rating-row {
          display: flex;
      }

      .star {
          width: 50px;
      }


      /* ===04.04.23== end */
      .right-side-demo p {
          padding: 0 !important;
      }

      .right-side-demo p.dots {
          width: auto !important;
      }

      .demo-text h1.dtext {
          font-size: 25px !important;
      }
  }

  @media (max-width:575px) {
      .custom-class {
          width: 100%;
      }

      /* ===Modal poup strat=== */
      .g_btn a {
          padding: 8px 20px;
          font-size: 13px;
      }

      .g_callar p {
          font-size: 13px;
      }

      .g_callar h5 {
          font-size: 15px;
      }

      /* ===Modal popup end=== */
  }

  @media (max-width:480px) {
      .fees {
          text-align: left;
          padding: 0;
          margin: 2px 0;
      }

      /* ===modal poup strat=== */
      .g_callar h5 {
          font-size: 13px;
      }

      .g_callar p {
          font-size: 13px;
          width: 100% !important;
          padding-left: 32px;
      }

      .g_meet {
          display: block;
      }

      .numbe {
          float: left;
      }

      .g_btn a {
          width: 85% !important;
      }

      .g_btn {
          margin-bottom: 20px;
      }

      /* ===modal poup end==== */

      /* ===Other courses section start=== */
      .coustom-col {
          width: 100%;
          margin-top: 0;
      }

      /* ===Other courses section end=== */
      .live-demo h2 {
          font-size: 18px;
          margin-bottom: 4px;
          line-height: 25px;
      }

      .shedul-row p {
          line-height: 22px;
          font-size: 17px;
          margin-bottom: 15px;
      }

      #modalDemoClassBooking .modal-content {
          padding: 15px;
          font-size: 15px;
      }

      h2.sedul-demo {
          padding-bottom: 8px;
          margin-top: 10px;
          font-size: 15px;
      }

      p.counter__duration {
          font-size: 10px;
          font-weight: 500;
      }

      /*  .form-row .col-sm-6,.form-row .col-md-12{padding:0;}*/
      button.btn.enrl-submit {
          width: 100%;
          padding: 10px 64px;
      }

      .query-box input {
          height: 35px;
      }

      .g-recaptcha {
          transform: scale(0.85);
          transform-origin: 0 0;
      }

      .modal-footer {
          padding-top: 0;
      }

      form#formDemoClassBook .query-box label {
          margin-top: 5px;
      }

      p#days1,
      #hours1,
      #seconds1,
      #minutes1 {
          font-size: 19px;
      }

      .counter__box {
          height: 55px;
      }
  }

  @media only screen and (max-width: 480px) and (min-width: 400px) {
      .date-time {
          padding: 0 63px;
      }

  }

  @media (max-width:399px) {
      .date-time {
          padding: 0 23px;
      }
  }



  /* **********************************************************13-06-2026********************************************************************************************* */

  /* ---home MODERN FEATURE CARD CSS --- */
  .pmp-card {
      background: #ffffff;
      padding: 20px;
      border-radius: 20px;
      box-shadow: 0 0 3px 0;
      transition: all 0.4s ease;
      /* border: 1px solid rgba(0, 0, 0, 0.03); */
      position: relative;
      overflow: visible;
      height: 200px;
      margin-top: 50px;
  }


  /* .pmp-card:hover {
    
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-bottom: 5px solid #0072ff;
} */


  .pmp-icon-box {
      width: 80px;
      height: 80px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: #fff;
      margin-bottom: 25px;
      margin-top: -50px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      transition: transform 0.4s ease;
  }

  /* .pmp-card:hover .pmp-icon-box {
    transform: scale(1.1) rotate(5deg);
} */

  .bg-blue {
      background: linear-gradient(135deg, #00c6ff, #0072ff);
      box-shadow: 0 5px 15px rgba(0, 114, 255, 0.3);
  }

  .bg-orange {
      background: linear-gradient(135deg, #fce38a, #f38181);
      box-shadow: 0 5px 15px rgba(243, 129, 129, 0.3);
  }

  .bg-purple {
      background: linear-gradient(135deg, #a18cd1, #fbc2eb);
      box-shadow: 0 5px 15px rgba(161, 140, 209, 0.3);
  }

  .bg-green {
      background: linear-gradient(135deg, #84fab0, #8fd3f4);
      box-shadow: 0 5px 15px rgba(132, 250, 176, 0.3);
  }

  .bg-red {
      background: linear-gradient(135deg, #ff9a9e, #fecfef);
      box-shadow: 0 5px 15px rgba(255, 154, 158, 0.3);
  }

  .bg-teal {
      background: linear-gradient(135deg, #4facfe, #00f2fe);
      box-shadow: 0 5px 15px rgba(79, 172, 254, 0.3);
  }


  .pmp-card-title {
      font-size: 18px;
      font-weight: 700;
      /* color: #2d3748; */
      margin-bottom: 12px;
      letter-spacing: -0.5px;
  }

  .pmp-card-desc {
      font-size: 16px;
      /* color: #718096; */
      line-height: 1.6;
      font-weight: 400;
  }

  /* ---home MODERN FEATURE CARD CSS ---- */

  /* Sweep To Right */
  .hvr-sweep-to-right {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px transparent;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
  }

  /* new lanching */
  /* Section and Container */
  .custom-banner {
      background: linear-gradient(135deg, #0b0f4f 0%, #1a1f71 100%);
      border-radius: 24px;
      padding: 40px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Background Animated Circle (Dekhte sundor korar jonno) */
  .custom-banner::before {
      content: '';
      position: absolute;
      top: -50px;
      right: -50px;
      width: 200px;
      height: 200px;
      background: rgba(0, 212, 255, 0.1);
      border-radius: 50%;
      z-index: 0;
  }

  /* Student Image Animation */
  .student-wrapper img {
      max-width: 80%;
      filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5));
      animation: float 4s ease-in-out infinite;
  }

  @keyframes float {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-20px);
      }
  }

  /* Text Styles */
  .intro-text {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #00d4ff;
      font-weight: 700;
      margin-bottom: 10px;
  }

  .main-headingg {
      font-size: 40px;
      color: #fff;
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 16px;
  }

  /* Premium Button */
  .offer-gif {
      width: 40px;
  }


  /* Info Card (Right Side) */
  .info-card {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      padding: 25px;
      border-radius: 20px;
      text-align: center;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      /* Smooth bounce effect */

      /* Animation call */
      animation: cardFloat 5s ease-in-out infinite;
  }

  .info-card:hover {
      transform: translateY(-10px) scale(1.02);
      background: rgba(255, 255, 255, 0.08);
      border-color: #00d4ff;
      box-shadow: 0 15px 30px rgba(0, 212, 255, 0.2);
  }

  .info-card i {
      font-size: 45px;
      color: #00d4ff;
      margin-bottom: 15px;
      display: inline-block;
      transition: all 0.1s ease;
  }

  .info-card:hover i {
      transform: rotate(15deg) scale(1.2);
      color: #fff;
  }

  /* ৪. Keyframes Logic */
  @keyframes cardFloat {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-20px);
      }
  }

  .info-card h4 {
      font-size: 18px;
      color: #fff;
      margin-bottom: 15px;
      line-height: 1.5;
  }

  .info-card i {
      font-size: 40px;
      color: #00d4ff;
      opacity: 0.8;
  }

  /* Responsive */
  @media (max-width: 768px) {
      .main-heading {
          font-size: 30px;
      }

      .student-wrapper {
          text-align: center;
          margin-bottom: 30px;
      }
  }

  /* new lanching */

  /* traning delivary option */
  .tm-sidebar .tm-arrow-icon {
      font-size: 16px;
      margin: 0 6px;
      color: #ccc;
      /* Default grey */
      transition: all 0.3s ease;
      display: inline-block;
  }

  /* Active thakle icon-er color change ebong movement */
  .tm-sidebar .nav-pills>li.active .tm-arrow-icon {
      color: #ff8c00;
      transform: translateX(8px);
      /* Icon-ti daan dike 8px shore jabe */
  }

  /* Hover effect */
  .tm-sidebar .nav-pills>li a:hover .tm-arrow-icon {
      color: #ff8c00;
  }

  .tm-main-wrapper {
      display: flex;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
      overflow: hidden;
      /* min-height: 450px; */
  }

  /* Sidebar Styles */
  .tm-sidebar {
      width: 30%;
      background: #fff;
      /* padding: 30px 0; */
      border-right: 1px solid #eee;
  }

  .tm-sidebar .nav-pills>li {
      margin: 0;
      position: relative;
  }

  .tm-sidebar .nav-pills>li>a {
      padding: 25px;
      border-radius: 0;
      color: #444 !important;
      font-weight: 600;
      font-size: 16px;
      background: transparent !important;
      transition: 0.3s ease;
  }

  /* The Orange Indicator Line */
  .tm-sidebar .nav-pills>li.active::before {
      content: "";
      position: absolute;
      left: 50px;
      top: 25%;
      height: 50%;
      width: 4px;
      background: #ff8c00;
      border-radius: 4px;
  }

  .tm-sidebar .tm-number {
      color: #ddd;
      margin-right: 15px;
      font-size: 16px;
  }

  .tm-sidebar .nav-pills>li.active .tm-number {
      color: #ff8c00;
  }

  /* Content Area Styles */
  .tm-content-area {
      width: 70%;
      background: linear-gradient(135deg, #1e4bd6 0%, #4a90e2 100%);
      color: #fff;
      padding: 30px;
  }

  .tm-flex-box {
      display: flex;
      align-items: center;
      gap: 40px;
  }

  .tm-image-part img {
      width: 260px;
      height: 260px;
      object-fit: cover;
      border-radius: 10px;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
  }

  .tm-text-part h3 {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 15px;
      color: #fff;
  }

  .tm-text-part p {
      font-size: 15px;
      line-height: 1.7;
      opacity: 0.9;
      margin-bottom: 25px;
      color: #fff;
  }


  /* Responsive */
  @media (max-width: 991px) {
      .tm-main-wrapper {
          flex-direction: column;
      }

      .cv-row-item td {
          padding: 8px !important;
          vertical-align: middle !important;
          border-top: none !important;
      }

      .tm-sidebar,
      .tm-content-area {
          width: 100%;
      }

      .tm-flex-box {
          flex-direction: column;
          text-align: center;
      }
  }

  /* traning delivary option */


  /* group discount */
  .group-compact {
      position: relative;
      padding: 30px;
      background: url('image/botom.jpg') left center no-repeat;
      background-size: cover;
      color: #fff;
  }

  .group-compact .overlay {
      border-radius: 10px;
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
  }

  .group-compact .container {
      position: relative;
      z-index: 2;
  }

  .compact-left h2 {
      font-size: 34px;
      font-weight: 700;
      margin-bottom: 10px;
  }

  .compact-left p {
      font-size: 16px;
      opacity: 0.9;
  }

  /* Discount Style */
  .compact-discounts {
      display: flex;
      gap: 15px;
      margin-bottom: 20px;
  }

  .compact-box {
      flex: 1;
      background: rgba(255, 255, 255, 0.1);
      padding: 15px;
      text-align: center;
      border-radius: 8px;
      transition: 0.3s;
  }

  .compact-box strong {
      display: block;
      font-size: 28px;
      color: #ff5722;
  }

  .compact-box span {
      font-size: 14px;
  }

  .compact-box:hover {
      background: #ff5722;
      transform: translateY(-5px);
  }

  .compact-box:hover strong,
  .compact-box:hover span {
      color: #fff;
  }

  .highlight {
      background: #ff5722;
  }

  .highlight strong,
  .highlight span {
      color: #fff;
  }

  /* Button */
  .compact-btn {
      display: inline-block;
      background: #ffc107;
      color: #000;
      padding: 10px 28px;
      font-weight: 600;
      border-radius: 4px;
      text-decoration: none;
      transition: 0.3s;
  }

  .compact-btn:hover {
      background: #ff9800;
  }

  /* group discount */

  /* testometer today */
  .goal-card {
      background-color: #fff;
      border: 1px solid #d1d7dc;
      border-radius: 12px;
      padding: 15px;
      display: flex;
      align-items: center;
      text-decoration: none !important;
      color: #1f1f1f;
      font-weight: 600;
      font-size: 14px;
      transition: all 0.2s ease;
      height: 70px;
      width: 100%;
      cursor: pointer;
  }

  .goal-card:hover {
      border-color: #0056d2;
      background-color: #f5f9ff;
      color: #0056d2;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  .icon-square {
      width: 40px;
      height: 40px;
      background-color: #0056d2;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      flex-shrink: 0;
  }

  .icon-square i {
      color: #fff;
      font-size: 18px;
  }

  .card-text {
      line-height: 1.3;
  }

  /* testometer today */


  /* our student work here */
  .smooth-ticker-area {
      padding: 30px 0;
      /* overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); */

      /* --- Top Shadow Only --- */
      /* Horizontal 0, Vertical 15px (niche nambey), Blur 25px, Spread -10px (spread komabe) */
      /* box-shadow: 0 -15px 25px -10px rgba(0, 0, 0, 0.6); */

      /* Optional: Inset top highlight jate edge-ta clean lage */
      /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
  }

  .slider-box {
      position: relative;
      width: 100%;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);
      mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);
  }

  .slider-track {
      display: flex;
      width: max-content;
      gap: 20px;
      will-change: transform;
  }

  .track-left {
      animation: scrollLeft 30s linear infinite;
  }

  .track-right {
      animation: scrollRight 30s linear infinite;
  }

  .slider-box:hover .slider-track {
      animation-play-state: paused;
  }

  .partner-card {
      width: 180px;
      flex-shrink: 0;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 10px;
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 80px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }

  .partner-card img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
  }

  @keyframes scrollLeft {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-50%);
      }
  }

  @keyframes scrollRight {
      0% {
          transform: translateX(-50%);
      }

      100% {
          transform: translateX(0);
      }
  }

  /* our student work here */


  /* activty  */
  /* LATEST  ACTIVITY START*/


  :root {
      --sl-news-blue: #2d3db4;
      --sl-news-indigo: #4f46e5;
      --sl-news-pink: #e8196a;
      --sl-news-orange: #f97316;
      --sl-news-green: #16a34a;
      --sl-news-purple: #7c3aed;
      --sl-news-bg: #f0f0fa;
      --sl-news-border: #e5e7f0;
      --sl-news-text: #1e2240;
      --sl-news-muted: #6b7280;
      --sl-news-radius: 14px;
  }




  /* ── PAGE HEADER ── */
  .sl-news-page-header {
      text-align: center;
      padding: 24px 20px 16px;
      background: linear-gradient(160deg, #eceeff 0%, #fce4f0 50%, #fff7ed 100%);
      position: relative;
      overflow: hidden;
      flex-shrink: 0;
  }

  .sl-news-page-header::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
          radial-gradient(ellipse 500px 300px at 20% 50%, rgba(79, 70, 229, .08), transparent),
          radial-gradient(ellipse 400px 300px at 80% 50%, rgba(232, 25, 106, .07), transparent);
      pointer-events: none;
  }

  .sl-news-stay-updated {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: white;
      border: 1px solid var(--sl-news-border);
      border-radius: 40px;
      padding: 5px 16px;
      font-size: 12px;
      font-weight: 700;
      color: var(--sl-news-indigo);
      letter-spacing: .5px;
      margin-bottom: 10px;
      box-shadow: 0 2px 8px rgba(79, 70, 229, .12);
  }

  .sl-news-page-header h1 {
      font-size: clamp(24px, 3.5vw, 40px);
      font-weight: 900;
      color: var(--sl-news-text);
      line-height: 1.1;
      margin-bottom: 6px;
  }

  .sl-news-page-header h1 .sl-news-pink {
      color: var(--sl-news-pink);
  }

  .sl-news-page-header h1 .sl-news-swirl-left {
      font-size: .6em;
      color: var(--sl-news-indigo);
      display: inline-block;
      transform: rotate(-20deg);
  }

  .sl-news-page-header h1 .sl-news-swirl-right {
      font-size: .6em;
      color: var(--sl-news-orange);
      display: inline-block;
      transform: rotate(20deg);
  }

  .sl-news-page-header p {
      color: var(--sl-news-muted);
      font-size: 14px;
      max-width: 480px;
      margin: 0 auto;
  }

  .sl-news-columns {
      display: grid;
      /* By default (mobile-e) rows hobe, desktop-e amra grid dynamic korbo */
      grid-template-columns: 1fr;
      gap: 14px;
      flex: 1;
      min-height: 0;
      overflow: hidden;
  }

  /* ── DESKTOP RESPONSIVE LAYOUT (768px ba tar boro screen) ── */
  @media (min-width: 768px) {
      .sl-news-columns {
          /* Desktop-e gele automatic abar left side 340px ar right side 1fr columns hoye jabe */
          grid-template-columns: 340px 1fr;
      }
  }

  /* ── PANEL BASE ── */
  .sl-news-panel {
      background: white;
      /* border-radius: var(--sl-news-radius);
			border: 1px solid var(--sl-news-border); */
      border-radius: var(--sl-news-radius) var(--sl-news-radius) 0 0;

      /* Baki shob diker border bad diye shudhu niche border hobe */
      border-bottom: none;
      border: 1px solid var(--sl-news-border);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
      min-height: 0;
      max-height: 100%;
  }

  .sl-news-panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 18px 12px;
      border-bottom: 1px solid var(--sl-news-border);
      flex-shrink: 0;
  }

  .sl-news-panel-title {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 15px;
      font-weight: 800;
      color: var(--sl-news-text);
  }

  .sl-news-panel-title .sl-news-icon {
      width: 30px;
      height: 30px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
  }

  .sl-news-view-all {
      font-size: 12px;
      font-weight: 700;
      color: var(--sl-news-indigo);
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 3px;
      transition: gap .2s;
  }

  .sl-news-view-all:hover {
      gap: 6px;
  }

  /* ── SCROLLABLE BODY ── */
  .sl-news-panel-body {
      flex: 1;
      overflow-y: auto;
      max-height: 300px;
      padding: 10px;
      scroll-behavior: smooth;
  }

  .sl-news-panel-body::-webkit-scrollbar {
      width: 4px;
  }

  .sl-news-panel-body::-webkit-scrollbar-track {
      background: transparent;
  }

  .sl-news-panel-body::-webkit-scrollbar-thumb {
      background: #d1d5db;
      border-radius: 4px;
  }

  .sl-news-panel-body::-webkit-scrollbar-thumb:hover {
      background: #9ca3af;
  }

  /* ── LEFT: NEWS ITEMS ── */
  .sl-news-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 10px;
      border-radius: 10px;
      cursor: pointer;
      transition: background .18s, transform .18s;
      border: 2px solid transparent;
      margin-bottom: 5px;
      position: relative;
      height: inherit;
  }

  .sl-news-item:hover {
      background: #f5f6ff;
      transform: translateX(3px);
  }

  .sl-news-item.sl-news-active {
      background: #eef0ff;
      border-color: var(--sl-news-indigo);
      height: inherit;
  }

  .sl-news-item:active {

      height: inherit;
  }

  .sl-news-item-icon {
      width: 42px;
      height: 42px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
  }

  .sl-news-date {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 2px;
  }

  .sl-news-title {
      font-size: 16px;
      font-weight: 600;

  }

  .sl-news-desc {
      font-size: 14px;

  }

  .sl-news-arrow {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #ccc;
      font-size: 14px;
      transition: color .2s, right .2s;
  }

  .sl-news-item:hover .sl-news-arrow,
  .sl-news-item.sl-news-active .sl-news-arrow {
      color: var(--sl-news-indigo);
      right: 6px;
  }

  .sl-news-left-panel .sl-news-panel-footer {
      padding: 10px;
      border-top: 1px solid var(--sl-news-border);
      flex-shrink: 0;
  }

  .sl-news-explore-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      padding: 11px;
      background: var(--sl-news-blue);
      color: white;
      border-radius: 10px;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
      border: none;
      transition: background .2s, transform .15s;
  }

  .sl-news-explore-btn:hover {
      background: var(--sl-news-indigo);
      transform: translateY(-1px);
  }

  /* ── MIDDLE: FEED ── */
  .sl-news-mid-panel {
      position: relative;
  }

  .sl-news-promo-banner {
      border-radius: 12px;
      background: linear-gradient(135deg, #1a1f5e 0%, #2d3db4 100%);
      padding: 22px 18px 18px;
      margin-bottom: 10px;
      position: relative;
      overflow: hidden;
      display: none;
  }

  .sl-news-promo-banner.sl-news-active {
      display: block;
  }

  .sl-news-promo-banner::after {
      content: '';
      position: absolute;
      top: -20px;
      right: 60px;
      width: 130px;
      height: 130px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .05);
  }

  .sl-news-promo-tag {
      display: inline-block;
      background: var(--sl-news-indigo);
      color: white;
      font-size: 10px;
      font-weight: 800;
      padding: 3px 10px;
      border-radius: 20px;
      margin-bottom: 10px;
      letter-spacing: .5px;
  }

  .sl-news-promo-banner h2 {
      font-size: 18px;
      font-weight: 900;
      color: white;
      line-height: 1.2;
      margin-top: 0px;
      margin-bottom: 7px;
  }

  .sl-news-promo-banner h2 .sl-news-highlight {
      color: #fbbf24;
      background: transparent;
  }

  .sl-news-promo-date {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
      color: rgba(255, 255, 255, .7);
      margin-bottom: 12px;
  }

  .sl-news-promo-emoji {
      position: absolute;
      right: 18px;
      top: 18px;
      font-size: 66px;
      line-height: 1;
      filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .3));
  }

  .sl-news-enroll-btn2 {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: white;
      color: var(--sl-news-blue);
      border-radius: 8px;
      padding: 9px 18px;
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
      border: none;
      transition: transform .15s, box-shadow .15s;
  }

  .sl-news-enroll-btn2:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
  }

  .sl-news-post-card {
      border: 1px solid var(--sl-news-border);
      border-radius: 12px;
      padding: 14px;
      margin-bottom: 10px;
      background: white;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
      display: none;
  }

  .sl-news-post-card.sl-news-active {
      display: block;
  }

  .sl-news-post-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 9px;
  }

  .sl-news-post-avatar {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: linear-gradient(135deg, #f97316, #fbbf24);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      margin-right: 9px;
      flex-shrink: 0;
  }

  .sl-news-post-name {
      font-size: 13px;
      font-weight: 800;
      color: var(--sl-news-text);
  }

  .sl-news-post-meta {
      font-size: 14px;
      color: var(--sl-news-muted);
      margin-top: 1px;
  }

  .sl-news-post-verified {
      color: #1d9bf0;
      font-size: 13px;
  }



  .sl-news-post-text strong {
      color: var(--sl-news-text);
  }

  .sl-news-post-images {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 5px;
      margin-bottom: 10px;
      border-radius: 8px;
      overflow: hidden;
  }

  .sl-news-post-img {
      height: 82px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
  }

  .sl-news-post-reactions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 7px 0;
      border-top: 1px solid var(--sl-news-border);
      border-bottom: 1px solid var(--sl-news-border);
      margin-bottom: 8px;
  }

  .sl-news-reaction-icons {
      display: flex;
      align-items: center;
      gap: 3px;
      font-size: 13px;
  }

  .sl-news-reaction-count {
      font-size: 14px;
      color: var(--sl-news-muted);
      margin-left: 4px;
  }

  .sl-news-post-stats {
      font-size: 14px;
      color: var(--sl-news-muted);
  }

  .sl-news-post-actions {
      display: flex;
      justify-content: space-around;
  }

  .sl-news-post-action {
      display: flex;
      align-items: center;
      gap: 4px;
      font-size: 14px;
      font-weight: 600;
      color: var(--sl-news-muted);
      cursor: pointer;
      padding: 5px 10px;
      border-radius: 6px;
      transition: background .15s, color .15s;
  }

  .sl-news-post-action:hover {
      background: #f5f6ff;
      color: var(--sl-news-indigo);
  }

  .sl-news-mid-blur {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 70px;
      background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
      pointer-events: none;
      border-radius: 0 0 var(--sl-news-radius) var(--sl-news-radius);
      z-index: 10;
  }

  /* ── FOOTER BAR ── */
  .sl-news-footer-bar {
      flex-shrink: 0;
      background: white;
      border-radius: 0 0 var(--sl-news-radius) var(--sl-news-radius);
      padding: 12px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      /* Smooth transition screen resize er jonnyo */
      transition: all 0.3s ease;
  }

  /* ── RESPONSIVE MEDIA QUERY ── */
  @media (max-width: 1200px) {
      .sl-news-footer-bar {
          flex-direction: column;
          /* Row theke Column e convert hobe mobile e */
          text-align: center;
          gap: 14px;
          padding: 16px;
      }

      .sl-news-footer-follow {
          white-space: normal;
          /* Mobile e text boro hole jeno niche neme jay */
      }

      .sl-news-footer-socials {
          justify-content: center;
          flex-wrap: wrap;
          /* Social chips jeno screen bhenge niche neme jay */
          gap: 8px;
      }

      .sl-news-telegram-btn {
          width: 100%;
          /* Mobile e button ta full width hobe dekhte bhalo lagar jonnyo */
          justify-content: center;
      }
  }

  .sl-news-footer-follow {
      font-size: 14px;
      font-weight: 800;
      color: var(--sl-news-text);
      white-space: nowrap;
      flex-shrink: 0;
  }

  .sl-news-footer-socials {
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .sl-news-social-chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 7px 14px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 700;
      color: white;
      text-decoration: none;
      transition: opacity .2s, transform .15s;
  }

  .sl-news-social-chip:hover {
      opacity: .88;
      transform: translateY(-1px);
      color: #fff;
  }

  .sl-news-social-chip .sl-news-s-icon {
      width: 22px;
      height: 22px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      background: rgba(255, 255, 255, .22);
  }

  .sl-news-social-chip.sl-news-fb {
      background: #1877f2;
  }

  .sl-news-social-chip.sl-news-ig {
      background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  }

  .sl-news-social-chip.sl-news-li {
      background: #0a66c2;
  }

  .sl-news-telegram-btn {
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 6px 12px;
      background: linear-gradient(135deg, #fff7e6, #fff3cd);
      border: 2px solid #fbbf24;
      border-radius: 10px;
      cursor: pointer;
      text-decoration: none;
      transition: transform .15s, box-shadow .15s;
      flex-shrink: 0;
  }

  .sl-news-telegram-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 4px 14px rgba(251, 191, 36, .35);
  }

  .sl-news-telegram-btn .sl-news-t-icon {
      font-size: 20px;
  }

  .sl-news-telegram-btn .sl-news-t-text .sl-news-t1 {
      font-size: 14px;
      font-weight: 800;
      color: var(--sl-news-orange);
  }

  .sl-news-telegram-btn .sl-news-t-text .sl-news-t2 {
      font-size: 10px;
      color: var(--sl-news-muted);
  }

  .sl-news-telegram-btn .sl-news-t-arrow {
      font-size: 15px;
      color: var(--sl-news-orange);
      font-weight: 800;
  }

  /* ── CLASSES CONVERTED FROM INLINE STYLES ── */
  .sl-news-inline-panel-header-icon1 {
      background: #fff3e0;
  }

  .sl-news-inline-news-icon1 {
      background: #fff8e1;
      color: #f97316;
  }

  .sl-news-inline-news-icon2 {
      background: #e6f9f0;
      color: #16a34a;
  }

  .sl-news-inline-news-icon3 {
      background: #fce7f3;
      color: #e8196a;
  }

  .sl-news-inline-news-icon4 {
      background: #ede9fe;
      color: #7c3aed;
  }

  .sl-news-inline-news-icon5 {
      background: #dbeafe;
      color: #2563eb;
  }

  .sl-news-inline-news-icon6 {
      background: #dcfce7;
      color: #15803d;
  }

  .sl-news-inline-date-orange {
      color: #f97316;
  }

  .sl-news-inline-date-green {
      color: #16a34a;
  }

  .sl-news-inline-date-pink {
      color: #e8196a;
  }

  .sl-news-inline-date-purple {
      color: #7c3aed;
  }

  .sl-news-inline-date-blue {
      color: #2563eb;
  }

  .sl-news-inline-date-darkgreen {
      color: #15803d;
  }

  .sl-news-inline-text-container {
      flex: 1;
      padding-right: 18px;
  }

  .sl-news-inline-flex-avatar {
      display: flex;
      align-items: center;
  }

  .sl-news-inline-avatar-info {
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .sl-news-inline-dots {
      color: #9ca3af;
      cursor: pointer;
      font-size: 18px;
  }

  .sl-news-inline-reaction-wrap {
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .sl-news-inline-banner-workshop {
      background: linear-gradient(135deg, #064e3b, #16a34a);
  }

  .sl-news-inline-tag-workshop {
      background: #16a34a;
  }

  .sl-news-inline-avatar-workshop {
      background: linear-gradient(135deg, #16a34a, #4ade80);
  }

  .sl-news-inline-banner-cert {
      background: linear-gradient(135deg, #4a044e, #9333ea);
  }

  .sl-news-inline-tag-cert {
      background: #9333ea;
  }

  .sl-news-inline-avatar-cert {
      background: linear-gradient(135deg, #9333ea, #c084fc);
  }

  .sl-news-inline-banner-ai {
      background: linear-gradient(135deg, #1e1b4b, #4f46e5);
  }

  .sl-news-inline-tag-ai {
      background: #4f46e5;
  }

  .sl-news-inline-avatar-ai {
      background: linear-gradient(135deg, #4f46e5, #818cf8);
  }

  /* Block show/hide display handlers */
  .sl-news-display-block {
      display: block;
  }

  .sl-news-display-none {
      display: none;
  }


  /* LATEST  ACTIVITY END*/
  /* activty  */

  /* top pogram */
  .nav-pills-custom>li>a>i {
      font-size: 20px;
  }

  .nav-pills-custom>li>a {
      color: #333;
      background: #f6f6f6;
      border: 1px solid #ddd;
      border-radius: 5px;
      margin-bottom: 10px;
      padding: 12px;
      font-weight: 600;
      font-size: 15px;
      transition: all 0.3s;
      text-align: left;
  }

  .nav-pills-custom>li>a:hover {
      background: #f4f4f4;
  }

  .nav-pills-custom>li.active>a,
  .nav-pills-custom>li.active>a:hover,
  .nav-pills-custom>li.active>a:focus {
      background-color: #007bff;
      color: #fff;
      border-color: #007bff;
  }

  .program-card {
      background: #fff;
      border: 1px solid #e1e1e1;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 30px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s;
  }

  .program-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }

  .card-img-top {
      height: 150px;
      background-color: #eee;
      background-size: cover;
      background-position: center;
      position: relative;
  }

  .logo-badge {
      position: absolute;
      bottom: -15px;
      left: 15px;
      background: #fff;
      padding: 5px 12px;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      font-size: 12px;
      font-weight: 700;
      color: #333;
  }

  /* .card-body {
			padding: 25px 15px 15px;
		} */

  .program-title {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px;
      height: 40px;
      overflow: hidden;
  }

  .meta-text {
      font-size: 13px;
      color: #666;
      margin-bottom: 5px;
  }

  .meta-text strong {
      color: #333;
  }

  .btn-view {
      display: block;
      width: 100%;
      border: 1px solid #ddd;
      color: #007bff;
      text-align: center;
      padding: 8px 0;
      border-radius: 4px;
      margin-top: 15px;
      font-weight: 600;
      text-decoration: none;
      transition: 0.2s;
  }

  .btn-view:hover {
      background: #eef6ff;
      text-decoration: none;
  }

  /* Tab Content Animation */
  .tab-pane {
      animation: fadeIn 0.5s;
  }

  @keyframes fadeIn {
      from {
          opacity: 0;
      }

      to {
          opacity: 1;
      }
  }


  .btn-col {
      margin-bottom: 15px;
  }

  .goal-card {
      background-color: #fff;
      border: 1px solid #d1d7dc;
      border-radius: 12px;
      padding: 15px;
      display: flex;
      align-items: center;
      text-decoration: none !important;
      color: #1f1f1f;
      font-weight: 600;
      font-size: 14px;
      transition: all 0.2s ease;
      height: 70px;
      width: 100%;
      cursor: pointer;
  }

  .goal-card:hover {
      border-color: #0056d2;
      background-color: #f5f9ff;
      color: #0056d2;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  .icon-square {
      width: 40px;
      height: 40px;
      background-color: #0056d2;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      flex-shrink: 0;
  }

  .icon-square i {
      color: #fff;
      font-size: 18px;
  }

  .card-text {
      line-height: 1.3;
  }

  /* 27-03-2026 */
  .course-container {
      background-color: #e8f0fe;
      padding: 16px;
      border-radius: 12px;
  }

  .media-object {
      height: 35px;
  }

  .course-footer {
      margin-top: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .course-card {
      /* display: block; */
      /* background: #fff; */
      /* Pure white er poriborte 80% transparent white */
      background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%) !important;
      backdrop-filter: blur(5px);
      /* Background ta halka jhapsha korbe */
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
      /* Khub halka shadow */

      padding: 12px;
      border-radius: 10px;
      margin-bottom: 12px;
      text-decoration: none !important;
      color: inherit;
      transition: transform 0.2s, box-shadow 0.2s;
      min-height: 90px;
      display: flex;
      align-items: center;
  }

  .fw-800 {
      font-weight: 700;
  }

  .course-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }

  .coursee-title {
      font-weight: 600;
      font-size: 16px;
      margin-top: 0px;
      margin-bottom: 8px;
      color: #000;
  }

  /* .badge-trading {
								background-color: #f3f7f3;
								color: #28a745;
								border: 1px solid #d4edda;
								font-weight: normal;
								padding: 4px 8px;
							} */
  .enroll-count {
      font-size: 14px;
      margin-left: 8px;
      color: #363636;
  }

  .no-gutter-custom {
      margin-left: -5px;
      margin-right: -5px;
  }

  .no-gutter-custom>[class*='col-'] {
      padding-left: 5px;
      padding-right: 5px;
  }

  /* top pogram */
  /* table  */
  /* ==========================================
   1. CORE DESKTOP LAYOUT (Tomar Default Style)
   ========================================== */

  .cv-batch-wrapper {
      background: radial-gradient(ellipse 360px 440px at -90px 52%, rgba(255, 140, 0, 0.30) 0%, transparent 65%),
          radial-gradient(ellipse 320px 360px at calc(100% + 80px) 62%, rgba(18, 65, 210, 0.24) 0%, transparent 65%),
          radial-gradient(ellipse 550px 280px at 50% -50px, rgba(255, 255, 255, 0.55) 0%, transparent 68%),
          linear-gradient(158deg, #dae8ff 0%, #c4d8ff 55%, #cce0ff 100%);
      border-radius: 22px;
      padding: 30px;
      box-shadow: 0 24px 70px rgba(0, 55, 180, 0.15);
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      /* Center alignment secure korar jonnyo */
      width: 100%;
      box-sizing: border-box;
  }

  .footer-strip {
      background: linear-gradient(90deg, #1a1e60, #1a50cc, #1a1e60);
      border-radius: 12px;
      padding: 14px 30px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      position: relative;
      z-index: 2;
      gap: 15px;
      margin-top: 16px;
      /* Layout collision avoid korar jonnyo */
  }

  .footer-item {
      display: flex;
      align-items: center;
      gap: 10px;
      color: white;
  }

  .footer-icon {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: inline-flex;
      /* Centering fix */
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
  }

  .cv-batch-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 22px;
      position: relative;
      z-index: 2;
      gap: 20px;
  }

  .cv-batch-header-left {
      display: flex;
      align-items: center;
      gap: 18px;
  }

  .cal-wrap {
      position: relative;
      width: 60px;
      height: 60px;
      flex-shrink: 0;
  }

  .cal-rings {
      position: absolute;
      top: -12px;
      left: 12px;
      right: 12px;
      display: flex;
      justify-content: space-between;
      z-index: 3;
  }

  .cal-ring {
      width: 10px;
      height: 18px;
      border-radius: 50px;
      background: linear-gradient(to bottom, #aaa 0%, #666 100%);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  }

  .cal-body {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      background: white;
      border-radius: 11px;
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
      overflow: hidden;
  }

  .cal-top {
      width: 100%;
      height: 20px;
      background: linear-gradient(90deg, #18b558, #22d46a);
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      padding: 0 10px;
      box-sizing: border-box;
  }

  .cal-top-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.75);
  }

  .cal-rows {
      padding: 5px 7px 4px;
      display: flex;
      flex-direction: column;
      gap: 3px;
  }

  .cal-row {
      display: flex;
      gap: 3px;
  }

  .cal-sq {
      flex: 1;
      height: 7px;
      border-radius: 2px;
      background: #dde8ff;
  }

  .cal-sq.g {
      background: #22b55a;
  }

  .cal-sq.o {
      background: #ff8800;
  }

  .cal-clock {
      position: absolute;
      bottom: 0;
      right: -4px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: white;
      border: 3px solid #ff8800;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 4;
  }

  /* Squeezing compression block update */
  .clock-svg {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      min-height: 16px !important;
      flex-shrink: 0;
      display: inline-block;
  }

  .cv-batch-header-title {
      display: flex;
      align-items: center;
      gap: 14px;
  }

  .cv-batch-header-title-line {
      width: 34px;
      height: 3px;
      background: linear-gradient(to right, #1a50cc, #5a8aff);
      border-radius: 2px;
      flex-shrink: 0;
  }

  .cv-batch-header-title h2 {
      font-size: 30px;
      font-weight: 800;
      color: #1a2540;
      letter-spacing: -0.5px;
      line-height: 1;
      margin: 0;
  }

  .cv-batch-header-title h2 span {
      color: #ff7a00;
  }

  /* .cv-batch-header-badge {
			background: linear-gradient(140deg, #1a1e60 0%, #1a4ecc 100%);
			color: white;
			border-radius: 14px;
			padding: 12px 20px;
			text-align: center;
			flex-shrink: 0;
			box-shadow: 0 8px 26px rgba(26, 78, 200, 0.36);
		}

		.cv-batch-header-badge .bi {
			font-size: 22px;
			margin-bottom: 3px;
		}

		.cv-batch-header-badge .bl1 {
			font-size: 11px;
			font-weight: 600;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			opacity: 0.72;
			margin-bottom: 1px;
		} */

  /* Decorative absolute dots */
  .dots-tr {
      position: absolute;
      top: 0;
      right: 0;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 7px;
      opacity: 0.20;
      pointer-events: none;
  }

  .dots-tr span {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #1a40aa;
      display: block;
  }

  /* Dots vertical alignment bottom fix */
  .dots-bl {
      position: absolute;
      bottom: 10px;
      /* Purbe 55px chilo tai upore uthe thakto, ekhon bottom tight layout done */
      left: 8px;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 7px;
      opacity: 0.14;
      pointer-events: none;
  }

  .dots-bl span {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #1a40aa;
      display: block;
  }


  /* ==========================================
   2. RESPONSIVE MEDIA QUERIES (Mobile Engine)
   ========================================== */

  /* 📱 Tablet Screen Fixes (< 992px) */
  @media (max-width: 992px) {
      .footer-strip {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* Row matrix update */
          gap: 20px;
          padding: 20px;
      }

      .footer-divider {
          display: none;
          /* Grid format layout e standard straight vertical line bad jabe */
      }

      .cv-batch-header-title h2 {
          font-size: 26px;
          /* Font scalar normalization */
      }
  }

  /* 📱 Small Mobile Devices (< 600px) */
  @media (max-width: 600px) {
      .cv-batch-wrapper {
          padding: 20px 15px;
          /* Compression layout padding adjustment */
          border-radius: 16px;
      }

      /* Header component dynamic wrapping row into column stack */
      .cv-batch-header {
          flex-direction: column;
          align-items: flex-start;
          gap: 16px;
      }

      .cv-batch-header-left {
          width: 100%;
      }

      .cv-batch-header-title h2 {
          font-size: 22px;
          white-space: normal;
          /* Wrapper automatic word wrap response default active */
          line-height: 1.3;
      }

      .cv-batch-header-title-line {
          display: none;
          /* Small space saving trick */
      }

      /* .cv-batch-header-badge {
				width: 100%;
				box-sizing: border-box;
				padding: 10px;
			} */

      /* Footer list element to one row grid view single line cards stacking */
      .footer-strip {
          grid-template-columns: 1fr;
          gap: 16px;
          padding: 16px;
      }

      .footer-item {
          justify-content: flex-start;
          border-bottom: 1px solid rgba(255, 255, 255, 0.08);
          /* Internal list borderline separation */
          padding-bottom: 12px;
      }

      .footer-item:last-child {
          border-bottom: none;
          padding-bottom: 0;
      }

      /* Abstract hidden patterns for background noise reduction in mobile */
      .dots-tr,
      .dots-bl {
          display: none;
      }
  }

  /* ==========================================
   1. DESKTOP VIEW STYLE (Exact Like Image)
   ========================================== */
  .cv-data-card {
      width: 100%;
      background: transparent;
  }

  .cv-custom-table {
      width: 100%;
      /* border-collapse: separate;
			border-spacing: 0 10px; */
      /* Table row-er majher faka jayga map korbe */
  }

  /* Header style image er moto deep blue inline design */
  .cv-table-head th {
      background: linear-gradient(90deg, #1e3c96, #163280);
      color: #ffffff;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 0.8px;
      padding: 16px 20px !important;
      border: none;
      text-transform: uppercase;
  }

  .cv-row-item:nth-child(even) {
      background: #f7faff;
  }

  .cv-row-item:hover {
      background: #eef3ee;
  }

  .cv-table-head th:first-child {
      border-top-left-radius: 8px;
      /* border-bottom-left-radius: 8px; */
  }

  .cv-table-head th:last-child {
      border-top-right-radius: 8px;
      /* border-bottom-right-radius: 8px; */
  }

  .cv-table-head th i {
      margin-right: 6px;
      opacity: 0.9;
  }

  /* Table Row layout adjustments */
  .cv-row-item {
      background: #ffffff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }

  .cv-row-item td {
      padding: 14px 20px;
      vertical-align: middle !important;
      /* border-top: 1px solid #edf2f7;
			border-bottom: 1px solid #edf2f7; */
      /* color: #334155; */
  }

  /* 1. Normal/Majher Row gulor side border normal thakbe (No radius) */
  .cv-row-item td:first-child {
      /* border-left: 1px solid #edf2f7; */
      border-radius: 0;
      /* Clear any previous radius */
  }

  .cv-row-item td:last-child {
      /* border-right: 1px solid #edf2f7; */
      border-radius: 0;
      /* Clear any previous radius */
  }

  /* 2. ENGINE FIX: Shudhu ekdom shesh row (Last Row)-er bottom left ar right rounded hobe */
  .cv-row-item:last-child td:first-child {
      border-bottom-left-radius: 12px;
      /* Shudhu ekdom shesh table row er bottom left curved hobe */
  }

  .cv-row-item:last-child td:last-child {
      border-bottom-right-radius: 12px;
      /* Shudhu ekdom shesh table row er bottom right curved hobe */
  }

  /* Course Column Setup */
  .cv-course-flex {
      display: flex;
      align-items: center;
      gap: 14px;
  }

  .cv-course-icon-box {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
  }

  .cv-course-title {
      display: block;
      font-size: 15px;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 2px;
  }

  .cv-course-desc {
      display: block;
      font-size: 13px;
      /* color: #94a3b8; */
  }

  /* Dates and Durations color scheme styling */
  .cv-date-text i {
      /* color: #64748b; */
      margin-right: 5px;
  }

  .cv-date-text {
      font-size: 14px;
      font-weight: 600;
      /* color: #334155; */
  }

  .cv-duration-text {
      font-size: 14px;
      font-weight: 600;
      /* color: #334155; */
  }

  .cv-duration-text i {
      /* color: #64748b; */
      margin-right: 5px;
  }

  /* Colorful modern timeline Badges */
  .cv-time-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 700;
  }

  .cv-time-badge i {
      font-size: 12px;
  }

  /* Pill color sets directly from image theme */
  .pill-purple {
      background-color: #f3e8ff;
      color: #7c3aed;
  }

  .pill-green {
      background-color: #dcfce7;
      color: #15803d;
  }

  .pill-orange {
      background-color: #ffedd5;
      color: #ea580c;
  }

  .pill-dark {
      background-color: #ffedd5;
      color: #141414;
  }

  /* Dynamic Circle Icon Box colors */
  .bg-blue-light {
      background-color: #eff6ff;
  }

  .color-blue {
      color: #2563eb;
  }

  .bg-green-light {
      background-color: #f0fdf4;
  }

  .color-green {
      color: #16a34a;
  }

  .bg-orange-light {
      background-color: #fff7ed;
  }

  .color-orange {
      color: #ea580c;
  }

  /* Gradient Smooth Orange Button with Glow Shadow */
  .cv-btn-enroll {
      background: linear-gradient(135deg, #ff921e, #ff7300);
      color: white;
      border: none;
      padding: 9px 20px !important;
      border-radius: 50px;
      font-weight: 700;
      font-size: 13px;
      cursor: pointer;
      box-shadow: 0 4px 14px rgba(255, 115, 0, 0.35);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s ease;
  }

  .cv-btn-enroll:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 18px rgba(255, 115, 0, 0.5);
      background: linear-gradient(135deg, #ff9d34, #ff7b0f);
  }


  /* ==========================================
   📱 2. MOBILE RESPONSIVE LAYOUT (Card View)
   ========================================== */
  @media screen and (max-width: 991px) {
      .cv-data-card {
          background: none;
          border: 0;
          box-shadow: none;
      }

      .cv-custom-table,
      .cv-custom-table thead,
      .cv-custom-table tbody,
      .cv-custom-table tr,
      .cv-custom-table td {
          display: block;
          width: 100%;
      }

      .cv-custom-table thead {
          display: none;
      }

      .cv-row-item {
          background: #fff;
          border: 1px solid #e8edf3;
          border-radius: 14px;
          margin-bottom: 18px;
          padding: 12px;
          box-shadow: 0 5px 18px rgba(0, 0, 0, .05);
      }

      .bg-blue-light {
          display: none;
      }

      /* COURSE ROW */
      .cv-row-item td:first-child {
          padding-top: 0px !important;
          display: block;
          padding-bottom: 15px;
          margin-bottom: 0px;
          border-bottom: 1px dashed #eef2f7 !important;
      }

      .cv-row-item td:first-child::before {
          display: none;
      }

      .cv-row-item td:last-child {
          display: block !important;
          border-bottom: none !important;
          padding-top: 15px;
      }

      .cv-row-item td:last-child::before {
          display: none !important;
          content: none !important;
      }

      .cv-row-item td:last-child .cv-btn-enroll {
          width: 80%;
          justify-content: center;
      }
/* pill-orange */
      /* DATE TIME DURATION ACTION */
      .cv-row-item td:not(:first-child) {
          display: grid;
          grid-template-columns: 30% 70%;
          align-items: center;
          gap: 10px;
          padding: 10px 0;
          border-bottom: 1px dashed #e5e7eb !important;
      }

      .cv-row-item td:not(:first-child)::before {
          content: attr(data-label);
          font-size: 14px;
          font-weight: 700;
          color: #0aa6bd;
          text-transform: uppercase;
          letter-spacing: .5px;
          margin: 0;
      }

      .pill-purple { background: none;}
      .pill-orange { background: none;}
      .pill-green {
          background: none;
          padding: 0;
      }

      .cv-time-badge {
          padding: 0 !important;
      }

      /* VALUE SIDE */
      .cv-row-item td:not(:first-child)>* {
          /* width: 100%; */
          /* text-align:right; */
          /* justify-self: end; */
          /* display: block; */
      }

      /* BUTTON ROW */
      /* .cv-row-item td{border-bottom:1px dashed #e5e7eb !important;} */
      .cv-row-item td:last-child {

          margin-top: 0px;
          padding-top: 15px;
      }

      .cv-course-title {
          font-size: 16px;
      }

      /* Expanding action element buttons view coverage to screen max scale responsive blocks */
      .cv-btn-enroll {
          /* width: 100%; */
          /* justify-content: center; */
          padding: 12px;
          font-size: 15px;
      }

      .cv-time-badge {
          padding: 5px 12px;
          font-size: 12px;
      }
  }

  /* Footer Icon Core Layout - Jeno dynamic icon pure center thake */
  .footer-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      /* Projon onushare size bareye ba komiye nite paro */
      height: 32px;
      border-radius: 50%;
      /* Circular design */
  }

  /* Font Awesome Icon Properties */
  .footer-icon i {
      color: #ffffff;
      font-size: 14px;
  }

  /* ── COLOR PATTERNS (Alada color set) ── */
  .footer-icon-trainers {
      background-color: #1a8a4a;
  }

  .footer-icon-industry {
      background-color: #ff7800;
  }

  .footer-icon-schedule {
      background-color: #1a5adc;
  }

  .footer-icon-support {
      background-color: #cc1a1a;
  }

  /* 20-05-2026 */
  /* table  */

  /* stat box  */
  .stats-bar {
      background: #0b0f4f;
      padding-top: 16px;
      padding-bottom: 16px;
      color: #fff;
      /* Blue glow effect */
      box-shadow: 0 4px 20px rgba(11, 15, 79, 0.5), 0 0 15px rgba(0, 212, 255, 0.1);
  }

  .stat-boxx {
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      /* padding: 5px; */
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: center;
      text-align: left;

  }

  .stat-boxx:last-child {
      border-right: none;
  }

  /* .stat-boxx .icon {
			font-size: 24px;
			margin-bottom: 8px;
		} */


  .stat-boxx h3 {
      color: #00d4ff;
      font-weight: bold;
      margin: 5px 0;
  }

  .stat-boxx p {
      font-size: 14px;
      color: #ccc;
      margin: 0;
  }

  @media screen and (max-width:480px) {
      .stat-boxx img {
          width: 30px;
      }

      .stat-boxx h3 {
          font-size: 16px;
      }
  }

  /* stat box  */
  /* bannr  */
  /* Main Container */
  .premium-form {
      /* background: linear-gradient(135deg, #1e293b, #0f172a); */
      padding: 20px;
      border-radius: 15px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
      /* max-width: 450px; */
      margin: auto;
      backdrop-filter: blur(10px);
  }

  /* Heading */
  .premium-form h3 {
      font-weight: 700;
      letter-spacing: 0.5px;
  }

  /* Input + Select */
  .premium-form .form-control {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: #8e8e93 !important;
      height: 45px !important;
      /* height: 40px; */
      border-radius: 10px;
      padding: 12px;
      transition: all 0.3s ease;
      font-size: 16px;
  }

  /* UNIQUE SELECT2 DESIGN */
  .custom-course-select+.select2-container .select2-selection__arrow {
      background: transparent !important;
      border: rgba(255, 255, 255, 0.15) !important;
  }

  .select2-search__field {
      background: rgba(255, 255, 255, 0.08) !important;
      border: 0 !important;
  }

  /* 
.custom-course-select+.select2-container .select2-dropdown {
    border: 1px solid rgb(36 37 93) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #9696b1;
} */

  .custom-course-select+.select2-container .select2-selection--single {
      height: 45px !important;
      border-radius: 10px !important;
      border: 1px solid rgba(255, 255, 255, 0.15) !important;
      background: rgba(255, 255, 255, 0.08) !important;
      padding: 12px !important;
      transition: all 0.3s ease;
      font-size: 16px;
  }

  /* hover */
  .custom-course-select+.select2-container .select2-selection--single:hover {
      border-color: transparent !important;
  }

  /* focus */
  .custom-course-select+.select2-container.select2-container--focus .select2-selection--single {
      border-color: transparent !important;
      box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
  }

  /* text */
  .custom-course-select+.select2-container .select2-selection__rendered {
      font-size: 15px !important;
      font-weight: 500;
      color: #a6a6bd !important;
      line-height: 22px !important;
      padding-left: 0 !important;
      background-color: transparent !important;
  }

  /* arrow */
  .custom-course-select+.select2-container .select2-selection__arrow {
      height: 44px !important;
      right: 12px !important;
  }

  /* dropdown */
  /* .custom-course-select+.select2-container .select2-dropdown {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid #ececec !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
} */

  /* options */
  .custom-course-select+.select2-container .select2-results__option {
      padding: 12px 16px !important;
      font-size: 14px !important;
  }

  /* Focus Effect */
  .custom-course-select+.form-control:focus {
      /* border-color: #38bdf8; */
      box-shadow: none;
      background: none;
  }

  /* Select field text fix */
  .premium-form select.form-control {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.08);
  }

  /* Dropdown option fix */
  .premium-form select.form-control option {
      background: #2a265e;
      color: #d6d6f2;
      padding: 12px;
  }

  /* Placeholder */
  .premium-form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6);
  }

  /* Focus Effect */
  .premium-form .form-control:focus {
      /* border-color: #38bdf8; */
      box-shadow: none;
      background: none;
  }

  /* Label */
  .premium-form label {
      font-size: 14px;
      margin-bottom: 5px;
      display: block;
  }

  /* Button */
  .premium-form .btn-submit {
      background: linear-gradient(90deg, #38bdf8, #6366f1);
      border: none;
      padding: 14px;
      font-weight: 600;
      border-radius: 10px;
      color: #fff;
      transition: all 0.3s ease;
  }

  /* Button Hover */
  .premium-form .btn-submit:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(99, 102, 241, 0.5);
  }

  /* Spacing */
  .premium-form .form-group {
      margin-bottom: 15px;
  }

  .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      /* 0.6 = opacity level */
  }

  /* Unique Curvy Badge Style */
  .tags-popular-curvy {
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #ff5e5e;
      /* Popular red color */
      color: #fff;
      padding: 5px 20px 5px 25px;
      font-size: 12px;
      font-weight: bold;
      /* Curvy Shape Logic */
      border-top-left-radius: 25px;
      box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
  }

  .tags-best-seller-curvy {
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #ffa502;
      /* Popular red color */
      color: #fff;
      padding: 5px 20px 5px 25px;
      font-size: 12px;
      font-weight: bold;
      /* Curvy Shape Logic */
      border-top-left-radius: 25px;
      box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
  }

  .tags-trending-curvy {
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #1e90ff;
      /* Popular red color */
      color: #fff;
      padding: 5px 20px 5px 25px;
      font-size: 12px;
      font-weight: bold;
      /* Curvy Shape Logic */
      border-top-left-radius: 25px;
      box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
  }

  .tags-recommended-curvy {
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #2ed573;
      /* Popular red color */
      color: #fff;
      padding: 5px 20px 5px 25px;
      font-size: 12px;
      font-weight: bold;
      /* Curvy Shape Logic */
      border-top-left-radius: 25px;
      box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
  }

  .hero-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 28px;
      animation: fadeUp .6s .24s ease both;
  }

  .hp {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .12);
      color: rgba(255, 255, 255, .7);
      font-size: 14px;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 50px;
      transition: var(--tr);
      cursor: default;
  }

  .hero-label {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: rgba(0, 195, 245, .1);
      border: 1px solid rgba(0, 195, 245, .22);
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 50px;
      animation: fadeUp .5s ease both;
  }

  .hero-dot {
      width: 7px;
      height: 7px;
      background: var(--cyan);
      border-radius: 50%;
      animation: blink 1.4s infinite;
  }

  /* Floating Animation */
  .card-float {
      position: absolute;
      background: #fff;
      color: #333;
      padding: 10px 15px;
      border-radius: 10px;
      z-index: 10;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      animation: float 3s ease-in-out infinite;
  }

  .floating-top {
      top: -20px;
      right: 0;
  }

  .floating-bottom {
      bottom: -20px;
      left: -20px;
  }

  @keyframes float {
      0% {
          transform: translateY(0px);
      }

      50% {
          transform: translateY(-10px);
      }

      100% {
          transform: translateY(0px);
      }
  }

  .relative {
      position: relative;
  }

  /* Navigation Wrapper - Positioned at the bottom left */
  .carousel-nav-wrapper {
      position: absolute;
      bottom: 0;
      /* left: 0; */
      right: 0;
      /* Text line theke distance */
      /* Text-er align-e rakhar jonno */
      display: flex;
      gap: 15px;
      /* Button duitir majher faka */
      z-index: 20;
  }

  /* Base Button Style */
  .nav-btn {
      width: 45px;
      height: 45px;
      background-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 8px;
      /* Square with slight roundness like modern UI */
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff !important;
      font-size: 20px;
      text-decoration: none !important;
      transition: all 0.3s ease;
  }

  /* Hover Effect */
  .nav-btn:hover {
      background-color: #00d4ff;
      /* Apnar TestoMeter theme color */
      border-color: #00d4ff;
      color: #000 !important;
      transform: translateY(-3px);
      /* Subtle lift */
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .carousel-nav-wrapper {
          bottom: -60px;
          /* left: 50%; */
          right: 0;
          transform: translateX(-50%);
      }
  }

  .description-white p {
      color: #fff;
      margin-top: 16px;
  }

  /* bannr  */

  .sales-title {
      font-size: 30px;
      font-weight: 800;
      /* color: #0c3d75; */
  }

  .sales-subtitle {
      font-size: 18px;
      color: #dc3545;
      font-weight: 600;
      margin-bottom: 20px;
  }

  .batch-box {
      background: #f8f9fa;
      padding: 20px;
      border-left: 5px solid #0c3d75;
      margin-bottom: 20px;
  }

  .value-stack {
      list-style: none;
      padding: 0;
  }

  .value-stack li {
      margin-bottom: 12px;
      font-weight: 500;
      font-size: 16px;
  }

  .price-box {
      background: #0c3d75;
      color: #fff;
      padding: 50px;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  }

  .urgent {
      background: #ff5722;
      padding: 8px;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 20px;
      border-radius: 5px;
  }

  .real-price {
      text-decoration: line-through;
      color: #ccc;
      font-size: 18px;
  }

  .offer-price {
      font-size: 42px;
      font-weight: 800;
      margin: 10px 0;
      color: #fff;
  }

  .save-line {
      color: #ffc107;
      font-weight: 600;
  }

  .emi-text {
      font-size: 14px;
      margin-bottom: 20px;
      color: #fff;
  }

  /* .cta-main-btn {
    display: inline-block;
    background: #ff5722;
    color: #fff;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
}

.cta-main-btn:hover {
    background: #e0481f;
    color: #fff;
} */
  .btn-primary {
      display: block;
      text-align: center;
      padding: 10px 15px;
      background: #0A0A14 !important;
      border: none !important;
      color: #fff !important;
      font-size: 16px;
      border-radius: 4px;
      margin-top: 20px;
      margin-bottom: 10px;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      z-index: 1;
      transition: transform 0.3s ease;
  }

  /* Gradient Layer (Better Performance with transform) */
  .btn-primary:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(83deg, rgba(245, 159, 34, 1), rgba(247, 110, 28, 1));
      transform: translateX(-100%);
      transition: transform 0.5s ease;
      z-index: -1;
  }

  /* Smooth Slide */
  .btn-primary:hover:before {
      transform: translateX(0);
  }

  /* Slight Lift */
  .btn-primary:hover {
      transform: translateY(-2px);
  }

  /* Remove Bootstrap Blue Completely */
  .btn-primary:focus,
  .btn-primary:active {
      outline: none !important;
      box-shadow: none !important;
  }

  .risk-text {
      margin-top: 20px;
      font-size: 14px;
      color: #ccc;
  }

  /* Carousel transition ke 'Slide' theke 'Fade' e convert kora */
  .carousel-inner .item h2,
  .carousel-inner .item p,
  .carousel-inner .item .slider-buttn {
      opacity: 0;
  }

  .carousel-inner .item.active h2 {
      animation: slideFade 0.8s ease forwards;
  }

  .carousel-inner .item.active p {
      animation: slideFade 1s ease forwards;
  }

  .carousel-inner .item.active .slider-buttn {
      animation: slideFade 1.2s ease forwards;
  }

  @keyframes slideFade {
      from {
          opacity: 0;
          transform: translateX(50px);
      }

      to {
          opacity: 1;
          transform: translateX(0);
      }
  }

  .indicator-item {
      font-size: 14px;
      color: #fff;
      /* color: #6c757d; */
      display: flex;
      align-items: center;
      font-weight: 500;
  }

  .divider {
      color: #dee2e6;
      margin: 0 8px;
      font-weight: 300;
  }

  /* Icon specific sizes */
  .indicator-item i {
      font-size: 12px;
  }

  @media (max-width: 576px) {
      .divider {
          display: none;
      }

      .indicator-item {
          margin: 5px 10px;
      }
  }

  .hvr-sweep-to-right:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #2098D1;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }

  .hvr-sweep-to-right:hover,
  .hvr-sweep-to-right:focus,
  .hvr-sweep-to-right:active {
      color: white;
  }

  .hvr-sweep-to-right:hover:before,
  .hvr-sweep-to-right:focus:before,
  .hvr-sweep-to-right:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }

  /* ===== CTA SECTION ===== */
  .fcta-chips {
      display: flex;
      gap: 8px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 28px;
  }

  .fc-chip {
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 8px;
      padding: 5px 14px;
      font-size: 14px;
      color: #fff;
  }

  .ctaa-section {
      background: linear-gradient(135deg, #080848, #20094f, #031856);
      position: relative;
      overflow: hidden;
      padding-bottom: 30px;
      padding-top: 30px;
  }

  .ctaa-section::before {
      content: "";
      position: absolute;
      width: 350px;
      height: 350px;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 50%;
      top: -150px;
      background: rgba(255, 255, 255, 0.05);
      right: -150px;
  }

  .ctaa-section::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 50%;
      bottom: -150px;
      background: rgba(255, 255, 255, 0.05);
      left: -150px;
  }

  .ctas-content {
      text-align: center;
      max-width: 850px;
      margin: auto;
      position: relative;
      z-index: 2;
  }



  .ctaa-content h2 {
      color: #fff;
      font-size: 30px;
      font-weight: 800;
      /* text-transform: uppercase; */
      margin: 0 0 20px;
      text-align: center;
  }

  .ctaa-content h2 span {
      color: #ff9f1c;
  }

  .ctaa-content p {
      color: rgba(255, 255, 255, 0.75);
      font-size: 18px;
      max-width: 720px;
      margin: auto auto 20px;
      text-align: center;
  }

  .ctaa-buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
  }


  .call-btn {
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 24px;
      border-radius: 5px;
      font-weight: 700;
      font-size: 16px;
      transition: 0.35s ease;
  }


  .call-btn {
      background: rgba(255, 255, 255, 0.08);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .call-btn:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #fff;
      transform: translateY(-4px);
  }

  .call-btn:focus {
      color: #fff;
  }

  .bottom-text {
      margin-top: 20px;
      font-size: 13px;
      text-align: center;
  }

  /* ===== Responsive ===== */

  @media(max-width:991px) {

      .ctaa-content h2 {
          font-size: 30px;
      }
  }

  @media(max-width:767px) {

      .left-pane img {
          display: none;
      }

      .ctaa-content h2 {
          font-size: 30px;
      }

      .ctaa-content p {
          font-size: 15px;
      }

      .ctaa-buttons {
          flex-direction: column;
      }

      .demo-btn,
      .call-btn {
          width: 100%;
          justify-content: center;
      }
  }

  /* wrapper */
  #blog-carousel {
      position: relative;
      padding-bottom: 60px;
  }

  /* buttons bottom center */
  #blog-carousel .owl-buttons {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
  }

  /* button style */
  #blog-carousel .owl-theme .owl-controls .owl-buttons div,
  #blog-carousel .owl-prev,
  #blog-carousel .owl-next {
      position: relative !important;
      display: inline-block !important;

      width: 40px;
      height: 40px;
      line-height: 34px;

      margin: 0 6px;
      border-radius: 8px;

      background: #007bff !important;
      color: #fff !important;
      font-size: 20px;
      opacity: 1 !important;
  }

  /* reset old position */
  #blog-carousel .owl-prev,
  #blog-carousel .owl-next {
      left: auto !important;
      right: auto !important;
      top: auto !important;
  }

  #testimonial-carousel {
      position: relative;
      padding-bottom: 40px;
  }

  /* buttons bottom center */
  #testimonial-carousel .owl-buttons {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
  }

  /* button style */
  #testimonial-carousel .owl-theme .owl-controls .owl-buttons div,
  #testimonial-carousel .owl-prev,
  #testimonial-carousel .owl-next {
      position: relative !important;
      display: inline-block !important;

      width: 40px;
      height: 40px;
      line-height: 34px;

      margin: 0 6px;
      border-radius: 8px;

      background: #007bff !important;
      color: #fff !important;
      font-size: 20px;
      opacity: 1 !important;
  }

  /* reset old position */
  #testimonial-carousel .owl-prev,
  #testimonial-carousel .owl-next {
      left: auto !important;
      right: auto !important;
      top: auto !important;
  }

  /* corporat section */

  :root {
      --cyan: #00c3f5;
      --cyan-dk: #009ec6;
      --orange: #f7941d;
      --navy: #0a0b52;
      --navy2: #0d0e6a;
      --ink: #111827;
      --muted: #6b7280;
      --border: #e5e9f2;
      --surface: #f8fafd;
      --white: #fff;
  }

  .lbl-corporate {
      font-size: 10.5px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #9ca3af;
  }

  .border-right-0 {
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
  }

  .custom-corporate-select+.select2-container--classic .select2-selection--single .select2-selection__placeholder {
      color: #555;
  }

  .custom-corporate-select+.select2-container--classic .select2-selection--single {
      border: none !important;
  }

  .custom-corporate-select+.select2-container .select2-selection--single {
      height: 42px !important;
      border-radius: 5px !important;
      padding: 5px !important;
      transition: all 0.3s ease;

      font-size: 14px;
  }

  .custom-corporate-select+.select2-container .select2-selection__arrow {
      background: transparent !important;
      border: rgba(255, 255, 255, 0.15) !important;
  }

  .custom-corporate-select+.select2-container .select2-selection__arrow {
      height: 42px !important;
      right: 12px !important;
  }

  .border-lefr-0 {
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
  }

  /* ══ SECTION ══ */
  .section-corporate {
      width: 100%;
      max-width: 1170px;
      background: var(--white);
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 12px 48px rgba(10, 11, 82, .11);
      position: relative;
      margin: 0 auto;
  }

  .section-corporate::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--navy), var(--cyan) 50%, var(--orange));
  }

  .section-corporate::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
          radial-gradient(ellipse 500px 300px at 92% 60%, rgba(0, 195, 245, .05) 0%, transparent 60%),
          radial-gradient(ellipse 300px 200px at 4% 80%, rgba(247, 148, 29, .04) 0%, transparent 55%);
  }

  /* ── MAIN ROW ── */
  .main-corporate {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr 200px;
      align-items: stretch;
  }

  /* ── LEFT ── */
  .left-corporate {
      padding: 30px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      border-right: 1px solid var(--border);
  }

  .badge-corporate {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: rgba(0, 195, 245, .07);
      border: 1px solid rgba(0, 195, 245, .2);
      border-radius: 100px;
      padding: 5px 14px;
      width: fit-content;
  }

  .bdot-corporate {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--orange);
      animation: pulse-corporate 2s ease-in-out infinite;
  }

  @keyframes pulse-corporate {

      0%,
      100% {
          opacity: 1;
          transform: scale(1);
      }

      50% {
          opacity: .5;
          transform: scale(1.7);
      }
  }

  .badge-corporate span {
      font-size: 13px;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--cyan-dk);
  }

  .headline-corporate {
      font-size: clamp(26px, 3vw, 40px);
      font-weight: 700;
      margin-top: 0px;
      color: var(--navy);
  }

  .headline-corporate .ora-corporate {
      color: var(--orange);
  }

  .headline-corporate .grd-corporate {
      background: linear-gradient(90deg, var(--cyan-dk), #0077b6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
  }



  .desc-corporate strong {
      color: var(--ink);
      font-weight: 500;
  }

  /* key points */
  .keypoints-corporate {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
  }

  .kp-corporate {
      display: flex;
      align-items: center;
      gap: 7px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
      padding: 9px 14px;
      font-size: 14px;
      color: var(--ink);
      font-weight: 400;
      transition: all .25s;
      cursor: default;
  }

  .kp-corporate:hover {
      border-color: rgba(0, 195, 245, .3);
      background: rgba(0, 195, 245, .04);
      transform: translateY(-2px);
  }

  .kp-ico-corporate img {
      /* width: 26px; */
      height: 26px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      flex-shrink: 0;
  }

  /* .ki-b-corporate {
			background: rgba(0, 195, 245, .12);
		}

		.ki-o-corporate {
			background: rgba(247, 148, 29, .12);
		}

		.ki-g-corporate {
			background: rgba(22, 163, 74, .12);
		}

		.ki-p-corporate {
			background: rgba(124, 58, 237, .12);
		} */

  /* actions */
  .actions-corporate {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 4px;
  }

  /* .btn-main-corporate {
			display: inline-flex;
			align-items: center;
			gap: 9px;
			background: linear-gradient(135deg, var(--orange), #ff7000);
			color: var(--white);
			font-family: 'Clash Display', sans-serif;
			font-size: 13.5px;
			font-weight: 600;
			letter-spacing: .03em;
			padding: 14px 24px;
			border-radius: 10px;
			border: none;
			cursor: pointer;
			text-decoration: none;
			box-shadow: 0 6px 20px rgba(247, 148, 29, .38);
			transition: all .3s;
			position: relative;
			overflow: hidden;
		}

		.btn-main-corporate::after {
			content: '';
			position: absolute;
			inset: 0;
			background: linear-gradient(135deg, rgba(255, 255, 255, .15), transparent);
			opacity: 0;
			transition: opacity .3s;
		} */

  .btn-main-corporate:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 30px rgba(247, 148, 29, .5);
  }

  .btn-main-corporate:hover::after {
      opacity: 1;
  }

  .btn-main-corporate .arr-corporate {
      transition: transform .3s;
  }

  .btn-main-corporate:hover .arr-corporate {
      transform: translateX(4px);
  }

  .btn-soft-corporate {
      font-size: 13px;
      /* color: var(--muted); */
      font-weight: 400;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: none;
      border: none;
      cursor: pointer;
      text-decoration: none;
      transition: color .2s;
  }

  .btn-soft-corporate:hover {
      color: var(--navy);
  }

  .btn-soft-corporate .arr2-corporate {
      font-size: 11px;
      transition: transform .25s;
  }

  .btn-soft-corporate:hover .arr2-corporate {
      transform: translateX(3px);
  }

  /* ── RIGHT: stats panel ── */
  .right-corporate {
      background: var(--navy);
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
  }

  .right-corporate::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 200px 160px at 50% 0%, rgba(0, 195, 245, .2) 0%, transparent 60%);
      pointer-events: none;
  }

  .right-corporate::after {
      content: '';
      position: absolute;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      border: 1px solid rgba(0, 195, 245, .12);
      top: -55px;
      right: -45px;
      pointer-events: none;
  }

  .stat-list-corporate {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      padding: 32px 28px;
      gap: 0;
      flex: 1;
      justify-content: center;
  }

  .stat-item-corporate {
      padding: 15px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .08);
      cursor: default;
      transition: padding-left .25s;
  }

  .stat-item-corporate:last-child {
      border-bottom: none;
  }

  .stat-item-corporate:hover {
      padding-left: 5px;
  }

  .stat-item-corporate:hover .sn-corporate {
      color: var(--cyan);
  }

  .sn-corporate {

      font-size: 28px;
      font-weight: 700;
      color: var(--white);
      line-height: 1;
      transition: color .25s;
  }

  .sn-corporate sup,
  .sn-corporate sub {
      font-size: 15px;
  }

  .sl-corporate {
      font-size: 13px;
      color: rgba(255, 255, 255, .4);
      margin-top: 3px;
      line-height: 1.3;
  }

  .count-corporate {
      display: inline-block;
  }

  /* ── TRUST BAR ── */
  .trust-corporate {
      position: relative;
      z-index: 1;
      border-top: 1px solid var(--border);
      background: var(--surface);
      padding: 13px 48px;
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
  }

  .t-lbl-corporate {
      font-size: 10px;
      text-transform: uppercase;
      font-size: 13px;
      /* color: var(--muted); */
      flex-shrink: 0;
      white-space: nowrap;
  }

  .t-div-corporate {
      width: 1px;
      height: 18px;
      background: var(--border);
      flex-shrink: 0;
  }

  .t-chips-corporate {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      flex: 1;
  }

  .tchip-corporate {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 6px;
      padding: 3px 10px;
      font-size: 13px;
      font-weight: 500;
      color: #374151;
      cursor: default;
      transition: all .2s;
  }

  .tchip-corporate:hover {
      border-color: rgba(0, 195, 245, .28);
      color: var(--navy);
      transform: translateY(-1px);
  }

  .tchip-corporate.iso-corporate {
      background: rgba(0, 195, 245, .06);
      border-color: rgba(0, 195, 245, .2);
      color: var(--cyan-dk);
      font-weight: 600;
  }

  .t-more-corporate {
      font-size: 14px;
      /* color: var(--muted); */
      font-style: italic;
      white-space: nowrap;
  }

  /* ── ANIMATIONS ── */
  @keyframes fadeUp-corporate {
      from {
          opacity: 0;
          transform: translateY(16px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  .left-corporate {
      animation: fadeUp-corporate .45s .06s both;
  }

  .right-corporate {
      animation: fadeUp-corporate .45s .16s both;
  }

  .trust-corporate {
      animation: fadeUp-corporate .45s .24s both;
  }

  /* .wa-wrap{
								display:flex;
								justify-content:center;
								align-items:center;
								padding:40px 0;
								background:#f5f7fb;
							} */

  .wa-btn {
      position: relative;
      display: flex !important;
      align-items: center;
      gap: 18px;
      text-decoration: none;
      background: linear-gradient(180deg, #3ee52d, #1ebc12);
      padding: 5px 16px 5px 16px;
      border-radius: 5px;
      box-shadow:
          0 12px 28px rgba(18, 140, 34, .28),
          inset 0 2px 0 rgba(255, 255, 255, .35);
      overflow: hidden;
      transition: .35s ease;
  }

  @media (max-width: 767px) {
      .hero-section {
          padding: 40px 0;
          text-align: center;
          /* Mobile-e sob center-e thakle bhalo lage */
      }

      .hero-title {
          font-size: 35px;
          /* Mobile-e title size */
      }

      .btn-cyan,
      .btn-orange {
          width: 100%;
          /* Mobile-e button full width hobe */
          margin-bottom: 10px;
          margin-right: 0;
      }

      /* Floating Cards Mobile-e hide kora ba position thik kora */
      .card-float {
          position: relative;
          /* Mobile-e overlap e rater jonno relative kora hoyeche */
          display: inline-block;
          top: 0 !important;
          left: 0 !important;
          right: 0 !important;
          bottom: 0 !important;
          margin: 10px auto;
          animation: none;
          /* Mobile-e animation off rakha bhalo performance er jonno */
      }

      .floating-top {
          margin-bottom: 20px;
      }

      .floating-bottom {
          margin-top: 20px;
      }

      /* Form control height adjust */
      /* .form-control {
				margin-bottom: 15px;
			} */
  }

  .wa-btn::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(120deg,
              transparent 20%,
              rgba(255, 255, 255, .18) 50%,
              transparent 80%);
      transform: translateX(-70%);
      animation: shine 4s linear infinite;
  }

  .wa-btn:hover {
      transform: translateY(-4px) scale(1.02);
      box-shadow:
          0 18px 38px rgba(18, 140, 34, .35),
          inset 0 2px 0 rgba(255, 255, 255, .4);
  }

  .wa-icon {
      position: relative;
      width: 30px;
      height: 30px;
      min-width: 30px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #6dff5d, #19b40e);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow:
          inset 0 4px 10px rgba(255, 255, 255, .35),
          0 8px 20px rgba(0, 0, 0, .18);
      animation: bounce 2s infinite;
  }

  .wa-icon i {
      color: #fff;
      font-size: 20px;
      position: relative;
      z-index: 2;
  }

  .ring {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 3px solid rgba(255, 255, 255, .55);
      animation: ripple 2s infinite;
  }

  .ring2 {
      animation-delay: 1s;
  }

  .wa-content {
      display: flex;
      flex-direction: column;
      gap: 2px;
  }

  .wa-label {
      color: rgba(255, 255, 255, .88);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
  }

  .wa-number {
      color: #fff;
      font-size: 14px;
      font-weight: 800;
      line-height: 1;
  }

  @keyframes bounce {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-5px);
      }
  }

  @keyframes ripple {
      0% {
          transform: scale(1);
          opacity: .7;
      }

      100% {
          transform: scale(1.15);
          opacity: 0;
      }
  }

  @keyframes shine {
      100% {
          transform: translateX(220%);
      }
  }

  @media(max-width:768px) {

      .wa-btn {
          padding: 6px 28px 6px 16px;
          gap: 12px;
      }

      .wa-icon {
          width: 30px;
          height: 30px;
          min-width: 30px;
      }

      .wa-icon i {
          font-size: 20px;
      }

      .wa-number {
          font-size: 14px;
      }

      .wa-label {
          font-size: 14px;
      }
  }


  /* ── RESPONSIVE ── */
  @media(min-width:1200px) {
      .section-corporate {
          width: 1170px !important;
      }
  }

  @media(min-width:992px) {
      .section-corporate {
          width: 970px;
      }
  }

  @media(min-width:768px) {
      .section-corporate {
          width: 750px;
      }
  }

  @media(max-width:780px) {
      .main-corporate {
          grid-template-columns: 1fr;
      }

      .right-corporate {
          flex-direction: row;
          border-top: 1px solid rgba(255, 255, 255, .08);
      }

      .stat-list-corporate {
          flex-direction: row;
          padding: 18px 24px;
          justify-content: space-around;
      }

      .stat-item-corporate {
          border-bottom: none;
          border-right: 1px solid rgba(255, 255, 255, .08);
          padding: 0 18px;
          text-align: center;
      }

      .stat-item-corporate:last-child {
          border-right: none;
      }

      .stat-item-corporate:hover {
          padding-left: 0;
      }

      .left-corporate {
          border-right: none;
          padding: 32px 24px;
      }

      .trust-corporate {
          padding: 12px 24px;
      }
  }

  @media(max-width:480px) {

      .keypoints-corporate {
          flex-direction: column;
      }

      .stat-list-corporate {
          flex-wrap: wrap;
          gap: 6px;
          padding: 14px 18px;
      }

      .stat-item-corporate {
          flex: 1;
          min-width: 80px;
          padding: 8px 8px;
          border-right: none !important;
          text-align: center;
      }
  }

  /* 21-05-2026 */


  /* ===== CTA SECTION ===== */
  .fcta-chips {
      display: flex;
      gap: 8px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 28px;
  }

  .fc-chip {
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 8px;
      padding: 5px 14px;
      font-size: 14px;
      color: #fff;
  }

  .ctaa-section {
      background: linear-gradient(135deg, #080848, #20094f, #031856);
      position: relative;
      overflow: hidden;
      padding-bottom: 30px;
      padding-top: 30px;
  }

  .ctaa-section::before {
      content: "";
      position: absolute;
      width: 350px;
      height: 350px;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 50%;
      top: -150px;
      background: rgba(255, 255, 255, 0.05);
      right: -150px;
  }

  .ctaa-section::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 50%;
      bottom: -150px;
      background: rgba(255, 255, 255, 0.05);
      left: -150px;
  }

  .ctas-content {
      text-align: center;
      max-width: 850px;
      margin: auto;
      position: relative;
      z-index: 2;
  }



  .ctaa-content h2 {
      color: #fff;
      font-size: 30px;
      font-weight: 800;
      /* text-transform: uppercase; */
      margin: 0 0 20px;
      text-align: center;
  }

  .ctaa-content h2 span {
      color: #ff9f1c;
  }

  .ctaa-content p {
      color: rgba(255, 255, 255, 0.75);
      font-size: 18px;
      max-width: 720px;
      margin: auto auto 20px;
      text-align: center;
  }

  .ctaa-buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
  }


  .call-btn {
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 24px;
      border-radius: 5px;
      font-weight: 700;
      font-size: 16px;
      transition: 0.35s ease;
  }


  .call-btn {
      background: rgba(255, 255, 255, 0.08);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .call-btn:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #fff;
      transform: translateY(-4px);
  }

  .call-btn:focus {
      color: #fff;
  }

  .bottom-text {
      margin-top: 20px;
      font-size: 13px;
      text-align: center;
  }

  /* ===== Responsive ===== */

  @media(max-width:991px) {

      .ctaa-content h2 {
          font-size: 30px;
      }
  }

  @media(max-width:767px) {

      .left-pane img {
          display: none;
      }

      .ctaa-content h2 {
          font-size: 30px;
      }

      .ctaa-content p {
          font-size: 15px;
      }

      .ctaa-buttons {
          flex-direction: column;
      }

      .demo-btn,
      .call-btn {
          width: 100%;
          justify-content: center;
      }
  }


  /* Unique Prefix 'wp-' (Workflow Process) used to prevent conflicts */
  .wp-section-inner {
      background-image: url('/../upload/img/processbg.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }

  .wp-process-container {
      padding: 60px 0;
      background-color: #f8fafc;

  }


  /* Header Section */
  .wp-main-heading-box {
      text-align: center;
      margin-bottom: 60px;
  }

  .wp-main-heading-box h2 {
      font-size: 30px;
      font-weight: 800;
      margin-bottom: 15px;
  }

  .wp-main-heading-box h2 span {
      color: #0070f3;
  }

  .wp-main-heading-box p {
      font-size: 16px;
      max-width: 700px;
      margin: 0 auto;
  }

  .offer-gif {
      width: 40px;
  }

  /* Steps Flexbox Row */
  .wp-steps-flex-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
  }

  /* Unique Card Styling */
  .wp-custom-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 30px 10px 30px 10px;
      text-align: center;
      position: relative;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
      flex: 1;
      min-height: 220px;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-bottom: 6px solid transparent;
      transition: transform 0.3s ease;
  }

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

  /* Step Badge Code */
  .wp-card-badge {
      position: absolute;
      top: -18px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      z-index: 2;
  }

  /* Unique Icon Holder */
  .wp-icon-holder-circle img {
      width: 50px;
  }

  .wp-icon-holder-circle {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      background: #f1f5f9;
  }

  /* Specific Font Awesome 4.7 size handling to prevent layout issues */
  .wp-icon-holder-circle i.fa {
      font-size: 28px;
      line-height: 1;
      display: inline-block;
  }

  /* Typography inside unique card */
  .wp-card-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 12px;
      margin-top: 0;
  }

  .wp-card-desc {
      font-size: 14px;
  }

  /* Custom Separator Arrow */
  .wp-step-arrow-icon {
      color: #1b324e;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      border-radius: 5px;
      background: #fff;
  }

  .wp-step-arrow-icon i.fa {
      font-size: 10px;
  }

  /* --- Color Theme Variations --- */

  /* 1. Discover (Blue) */
  .wp-step-blue {
      border-bottom-color: #1d4ed8;
  }

  .wp-step-blue .wp-card-badge {
      background-color: #1d4ed8;
  }

  .wp-step-blue .wp-icon-holder-circle {
      background-color: #eff6ff;
      color: #1d4ed8;
  }

  .wp-step-blue .wp-card-title {
      color: #1d4ed8;
  }

  /* 2. Assess (Green) */
  .wp-step-green {
      border-bottom-color: #10b981;
  }

  .wp-step-green .wp-card-badge {
      background-color: #10b981;
  }

  .wp-step-green .wp-icon-holder-circle {
      background-color: #ecfdf5;
      color: #10b981;
  }

  .wp-step-green .wp-card-title {
      color: #10b981;
  }

  /* 3. Design (Orange) */
  .wp-step-orange {
      border-bottom-color: #f59e0b;
  }

  .wp-step-orange .wp-card-badge {
      background-color: #f59e0b;
  }

  .wp-step-orange .wp-icon-holder-circle {
      background-color: #fffbeb;
      color: #f59e0b;
  }

  .wp-step-orange .wp-card-title {
      color: #f59e0b;
  }

  /* 4. Deliver (Purple) */
  .wp-step-purple {
      border-bottom-color: #7c3aed;
  }

  .wp-step-purple .wp-card-badge {
      background-color: #7c3aed;
  }

  .wp-step-purple .wp-icon-holder-circle {
      background-color: #f5f3ff;
      color: #7c3aed;
  }

  .wp-step-purple .wp-card-title {
      color: #7c3aed;
  }

  /* 5. Measure (Teal) */
  .wp-step-teal {
      border-bottom-color: #06b6d4;
  }

  .wp-step-teal .wp-card-badge {
      background-color: #06b6d4;
  }

  .wp-step-teal .wp-icon-holder-circle {
      background-color: #ecfeff;
      color: #06b6d4;
  }

  .wp-step-teal .wp-card-title {
      color: #06b6d4;
  }


  /* --- Responsive Breakpoints --- */
  @media (max-width: 1024px) {
      .wp-steps-flex-row {
          flex-wrap: wrap;
          justify-content: center;
          gap: 30px;
      }

      .wp-custom-card {
          flex: unset;
          width: calc(33.33% - 30px);
          min-width: 240px;
      }

      .wp-step-arrow-icon {
          display: none;
          /* Hide arrows on tablets to secure proper layout height */
      }
  }

  @media (max-width: 768px) {

      .wp-custom-card {
          width: calc(50% - 20px);
      }

      .wp-main-heading-box h2 {
          font-size: 2rem;
      }
  }

  @media (max-width: 480px) {
      .wp-custom-card {
          width: 100%;
      }
  }


  .call-btn {
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 24px;
      border-radius: 5px;
      font-weight: 700;
      font-size: 16px;
      transition: 0.35s ease;
  }


  .call-btn {
      background: rgba(255, 255, 255, 0.08);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .call-btn:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #fff;
      transform: translateY(-4px);
  }

  .call-btn:focus {
      color: #fff;
  }

  .hero-trust {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 20px;
      flex-wrap: wrap;
  }

  .ht-label {
      font-size: 14px;
      color: rgba(255, 255, 255, .35);
      text-transform: uppercase;
      letter-spacing: .1em;
  }

  .ht-div {
      width: 1px;
      height: 20px;
      background: rgba(255, 255, 255, .15);
  }

  .ht-stat {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, .65);
  }

  .ht-stat strong {
      color: #fff;
      font-weight: 600;
  }

  .deliver-box {
      background: #171d69;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 25px;
      padding: 20px;
      box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  }

  .deliver-title {
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
  }

  .deliver-title img {
      width: 20px;
      margin-right: 12px;
  }

  .deliver-item {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 10px;
      padding: 12px;
      margin-bottom: 8px;
      display: flex;
      align-items: flex-start;
      transition: 0.3s;
  }

  .deliver-item:hover {
      transform: translateY(-3px);
      background: rgba(255, 255, 255, 0.08);
  }

  .step-number {
      width: 28px;
      height: 28px;
      background: linear-gradient(180deg, #1fc6ff, #1098ff);
      border-radius: 8px;
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      text-align: center;
      line-height: 28px;
      margin-right: 12px;
      flex-shrink: 0;
  }

  .step-content h4 {
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      margin-top: 0;
      margin-bottom: 4px;
  }

  .step-content p {
      color: rgba(255, 255, 255, 0.65);
      font-size: 14px;
      margin: 0;
  }

  @media(max-width: 767px) {


      .deliver-box {
          padding: 25px 20px;
      }

      .deliver-title {
          font-size: 26px;
      }

      .step-content h4 {
          font-size: 17px;
      }
  }


  .mainsection {
      background-image: url('/../upload/img/frombg.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
  }

  .description {
      font-size: 16px;
      margin-bottom: 20px;
  }

  .feature-box {
      background: #fff;
      border-radius: 8px;
      padding: 12px;
      margin-bottom: 20px;
      min-height: 250px;
      transition: .3s;
      border: 1px solid #edf0f7;
  }

  .feature-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }

  .feature-icon {
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      text-align: center;
      font-size: 25px;
      margin-bottom: 16px;
  }

  .blue-bg {
      background: #edf3ff;
      color: #2f7cff;
  }

  .yellow-bg {
      background: #fff7e4;
      color: #ffb400;
  }

  .green-bg {
      background: #ecfff3;
      color: #2cbf6d;
  }

  .purple-bg {
      background: #f3ecff;
      color: #8c52ff;
  }

  .pink-bg {
      background: #ffeef7;
      color: #ff4fa0;
  }

  .cyan-bg {
      background: #eafcff;
      color: #00b8e6;
  }

  .feature-box h4 {
      font-size: 18px;
      font-weight: 600;
      /* color: #08104d; */
      margin-bottom: 8px;
  }

  .feature-box p {
      font-size: 16px;
  }

  .small-line {
      width: 40px;
      height: 4px;
      border-radius: 20px;
      margin-top: 18px;
  }

  .line-blue {
      background: #2f7cff;
  }

  .line-yellow {
      background: #ffb400;
  }

  .line-green {
      background: #2cbf6d;
  }

  .line-purple {
      background: #8c52ff;
  }

  .line-pink {
      background: #ff4fa0;
  }

  .line-cyan {
      background: #00b8e6;
  }

  /* Right Form */
  .proposal-box {
      background: linear-gradient(135deg, #5319d8, #007bff);
      padding: 20px;
      border-radius: 28px;
      color: #fff;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  }

  .proposal-icon {
      width: 70px;
      height: 70px;
      background: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 70px;
      font-size: 30px;
      color: #2f7cff;
      margin-bottom: 25px;
  }

  .proposal-title {
      font-size: 25px;
      font-weight: 700;
      margin-bottom: 8px;
      margin-top: 0px;
      color: #fff;
  }

  .proposal-title span {
      color: #66d3ff;
  }

  .proposal-text {
      color: rgba(255, 255, 255, 0.85);
      font-size: 14px;
      margin-bottom: 4px;
  }

  .proposal-box .form-group {
      margin-bottom: 8px !important;
  }

  .proposal-box .form-group label {
      font-size: 14px;
      /* text-transform: uppercase; */
      margin-bottom: 4px;
      font-weight: 600;
      color: #fff;
  }

  .proposal-box .form-control {
      height: 42px;
      border-radius: 5px;
      border: none;
      box-shadow: none;
      font-size: 14px;
  }

  .proposal-box textarea.form-control {
      height: 50px;
      /* resize: none; */
      padding-top: 15px;
  }

  .proposal-box .submit-btn {
      width: 100%;
      height: 50px;
      border: none;
      border-radius: 14px;
      background: linear-gradient(90deg, #ff7a00, #ffb300);
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      margin-top: 10px;
      transition: .3s;
  }

  .submit-btn:hover {
      opacity: .9;
  }

  .bottom-text {
      margin-top: 20px;
      color: rgba(255, 255, 255, 0.85);
      font-size: 14px;
  }

  .bottom-text span {
      margin-right: 20px;
  }


  /* Ultimate Premium Bootstrap 3 Engine Code - No Conflicts */

  /* Master Card Box Style */
  .ult-stat-card {
      position: relative;
      border-radius: 24px;
      padding: 20px;
      margin-bottom: 20px;
      overflow: hidden;
      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
  }

  /* Fluid Horizontal Table Row Emulation for Bootstrap 3 Grid Alignment */
  .ult-layout-table {
      display: table;
      width: 100%;
      position: relative;
      z-index: 3;
  }

  /* Icon Structural Box */
  .ult-icon-cell {
      display: table-cell;
      vertical-align: middle;
      width: 64px;
  }

  .ult-icon-ring img {
      width: 50px;
  }

  .ult-icon-ring {
      width: 64px;
      height: 64px;
      background: rgba(255, 255, 255, 0.12);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 18px;
      text-align: center;
      transition: all 0.5s ease;
      align-items: center;
      display: flex;
      justify-content: center;
  }

  .ult-icon-ring i.fa {
      font-size: 24px;
      line-height: 64px;
      color: #ffffff;
      display: block;
      transition: transform 0.4s ease;
  }

  /* Content Cell */
  .ult-text-cell {
      display: table-cell;
      vertical-align: middle;
      padding-left: 18px;
  }

  /* Typography Big Headings */
  .ult-main-digits {
      font-size: 30px;
      font-weight: 800;
      color: #ffffff;
      /* margin-bottom: 4px; */
  }

  /* Formatted Superscript (+) and Subscript (%) markers */
  .ult-main-digits sup {
      font-size: 25px;
      font-weight: 700;
      top: -0.3em;
  }

  .ult-main-digits sub {
      font-size: 25px;
      font-weight: 600;
      bottom: 0;
      padding-left: 2px;
  }

  /* Label Paragraph Style */
  .ult-main-label {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.9);
      /* line-height: 1.3; */
      font-weight: 500;
      /* letter-spacing: 0.1px; */
  }

  /* Break lines cleanly for specific text grid shapes */
  /* .ult-block {
    display: block;
    font-weight: 400;
    opacity: 0.85;
    margin-top: 2px;
} */

  /* Premium Ambient Back-Light Shimmer Shape */
  .ult-glass-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
      z-index: 2;
      transition: all 0.5s ease;
  }

  /* --- LUXURY DUAL-TONE DIAGONAL GRADIENTS --- */
  .ult-gradient-cyan {
      background: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);
  }

  .ult-gradient-green {
      background: linear-gradient(135deg, #15803d 0%, #10b981 100%);
  }

  .ult-gradient-amber {
      background: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
  }

  .ult-gradient-purple {
      background: linear-gradient(135deg, #6d28d9 0%, #a855f7 100%);
  }

  /* --- 10/10 INTERACTIVE HOVER KINETICS --- */
  .ult-stat-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
  }

  .ult-stat-card:hover .ult-glass-overlay {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, transparent 100%);
      transform: scale(1.2);
  }

  .ult-stat-card:hover .ult-icon-ring {
      background: #ffffff;
      transform: scale(1.05);
      border-color: #ffffff;
  }

  .ult-gradient-cyan:hover .ult-icon-ring i.fa {
      color: #0284c7;
  }

  .ult-gradient-green:hover .ult-icon-ring i.fa {
      color: #15803d;
  }

  .ult-gradient-amber:hover .ult-icon-ring i.fa {
      color: #b45309;
  }

  .ult-gradient-purple:hover .ult-icon-ring i.fa {
      color: #6d28d9;
  }

  /* --- Bootstrap 3 Responsive Scaling Safe Guards --- */
  @media (max-width: 1199px) {
      .ult-main-digits {
          font-size: 2.6rem;
      }

      .ult-main-digits sup {
          font-size: 1.5rem;
      }

      .ult-main-digits sub {
          font-size: 1.3rem;
      }
  }

  @media (max-width: 991px) {
      .ult-stat-card {
          padding: 25px 15px;
      }
  }

  @media (max-width: 767px) {
      .ult-stat-card {
          margin-bottom: 20px;
      }
  }

  /* corporat section */
  
.select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff;
    height: 45px !important;
    border-radius: 10px !important;
    padding: 8px;
    transition: all 0.3s ease;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c7c3df !important;
    line-height: 20px;
}

.select2-dropdown {
    background: #2a265e !important;
    border: 1px solid #3f3a86 !important;
    border-radius: 12px !important;
    overflow: hidden;
    margin-top: 6px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
}

/* option style */
.select2-results__option {
    padding: 12px 15px !important;
    color: #d6d6f2 !important;
    background: transparent !important;
    transition: 0.2s ease;
}

/* hover option */
.select2-results__option--highlighted {
    background: #4f46e5 !important;
    color: #fff !important;
}

/* selected option */
.select2-results__option--selected {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4f46e5 !important;

}

.select2-results__option {
    padding: 12px 15px !important;
    font-size: 15px !important;
    transition: all 0.2s ease;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 10px !important;
}

/* Select2 Input Box Styling */
  /* UPCOMING BATCH DATES START */

  /* FILTER */

  /* Container Styling */
  .filtercontainer .premium-form{
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}   
.action-buttons{
    display:flex;
    align-items:center;
    gap:12px;
}
.pillgreen{
   
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
    transition: all 0.3s ease;
}

.pillgreen img{
    width: 34px;
    height: 34px;
    object-fit: contain;
    animation: floatWhatsapp 2s ease-in-out infinite;
}

.pillgreen:hover{
    /* transform: translateY(-3px) scale(1.05); */
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.5);
}
@keyframes floatWhatsapp{
    0%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
    100%{ transform:translateY(0); }
}
  .filter-container {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    width: 100%;
}
.filter-container .select-wrapper,
.filter-container .input-wrapper{
    flex: 1;
    min-width: 180px;
}

.filter-container .btn-all-courses{
    flex-shrink: 0;
}

.filter-container .btn-search{
    flex-shrink: 0;
}

  /* --- 1. All Courses Button (Normal State Initially) --- */
  .filter-container .btn-all-courses {
     background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff;
    height: 45px;
    border-radius: 10px !important;
    padding: 8px 12px;
    transition: all 0.3s ease;
    font-size: 14px;
  }

  .filter-container .btn-all-courses.active {
      background: linear-gradient(135deg, #3b82f6, #1d4ed8);
      color: white;
      border-color: transparent;
  }

  /* Search Icon Button */
  .filter-container .btn-search {
      background: linear-gradient(135deg, #3b82f6, #1d4ed8);
      color: white;
      border: none;
      width: 44px;
      height: 44px;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      flex-shrink: 0;
      transition: opacity 0.2s;
  }

  /* Responsive Breakpoints */
  @media (max-width: 900px) {
      .filter-container {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
      }

      .filter-container .btn-all-courses {
          justify-content: center;
      }

      .filter-container .btn-search {
          width: 100%;
          height: 44px;
      }
  }

  @media (max-width: 500px) {
      .filter-container {
          grid-template-columns: 1fr;
          gap: 12px;
          padding: 12px;
      }
  }

  /* Pagination  Start*/
  .page-btn {
      border: 1px solid #ddd;
      padding: 8px 12px;
      margin: 0 3px;
      background: #fff;
  }

  .page-btn.active {
      background: #0d6efd;
      color: #fff;
  }

  .nav-btn-pn {
      background: #ff7800;
      color: #f7f3f3;
  }

  .page-btn:disabled {
      background: #e9ecef;
      color: #999;
      cursor: not-allowed;
      opacity: 0.6;
  }

  .nav-btn-pn:disabled {
      background: #ccc;
      color: #666;
      cursor: not-allowed;
      opacity: 0.6;
  }

  /* Pagination End */
  /* UPCOMING BATCH DATES END */