/* 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:100%;
}
    /* 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-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);
    }
}