#header.header-always-fixed .header-inner, #header.header-always-fixed #header-wrap {
    position: fixed !important;
    top: 50px !important;
}
#topbar {background: #1d9a92;}

#topbar .top-menu > li > a {color:#fff;}
#topbar {
    position: fixed;
    z-index: 200;
   width: 100%;
}

.header-extras{width: 100%;border: solid 1px #e7dfdf;height: 27px;margin-top: 5px;background: #fff;border-radius:2px;padding: 2px;}
#btn-search span {
    padding: 0px 15px;
    text-transform: capitalize;
    color: grey;
    font-size: 12px;
    font-weight: 400;
}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title a{text-transform:capitalize;line-height:30px;}
.col-lg-2-5{width:25%;}
p.login a{float:right;color:#fff; font-weight: 600;position:relative;top:5px;}
.gradient1{background: #850076; background: linear-gradient(0deg, #850076, #2F1ABD);}
.no-margin{margin:0px;} .no-padding{padding:0px;}
.min-height-300{max-height:400px;}
.mrgn-left-15{margin-left:-15px;}
.abt-us-section{padding:80px 20px 50px;}
.abt-us-section h2{color:#12ddd0;font-weight:600;}
.abt-us-section h2 span{color:#0c166b;}
.abt-us-section h5{color:#020626;font-weight:100;font-style:italic;}
.abt-us-section p{color:#000;font-size: 1.15rem;line-height: 24px;}
.margn-30{margin:-30px;}
.expert-team{text-align:center; padding:50px 0px;}
.expert-team h2{color:#12ddd0; font-weight:600;}
.expert-team h2 span{color:#ffffff;}
.expert-team h3 span{color: #ffffff;
    font-size: 20px;
    position: relative;
    top: -30px;}
.card-up{height:100px;background: #850076; background: linear-gradient(0deg, #850076, #2F1ABD);}
.card-up .therapy-pic{width: 100px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 30px;}
.card-up .therapy-pic img{width:100%; border-radius:50%;}
.card-down{min-height:380px;background: #fff;padding:50px 0px;position:relative;margin:30px 0px; }
.card-down h4{line-height:18px; font-size:18px;}
.card-down h5{line-height: 18px;color: #9b0394;font-weight: 600;font-size:14px;letter-spacing: 0px;}
.card-down h6{line-height: 18px;color: #000;font-weight: 600;font-size:13px;letter-spacing: 0px;}
.card-down h3{line-height: 18px;color: #000;font-weight: 600;font-size:12px;letter-spacing: 0px;}
.card-down p{padding:10px;font-size:12px;color:#000;line-height:18px;}
.card-down a{color: #9b0394;
    font-weight: 600;
    border: solid 1px;
    padding: 5px;
    position: absolute;
    bottom: 0px;
    display: block;
    left: 35%;}
.card{box-shadow: 10px 12px 19px 11px rgb(154 161 171 / 15%);}
.hero-img{width: 60%;
    position: relative;
    left: 20%;
    top: 50px;margin-bottom: 80px;}
.our-services{background:#454444;background: linear-gradient(0deg, #040413, #0c166b);}
.our-services {text-align:center;}
.our-services h2, .our-services p{color:#fff;}
.our-services .service-box{text-align:center;}
.our-services .service-box h3 p{text-align:center;color:#fff;}
.our-services .service-box h3 {text-transform: uppercase;color: #fff;font-size: 1.5rem;font-weight: 600;padding: 10px 0px 0px;}
.our-services .service-box p{font-size:13px;line-height: 24px;}
.our-services .service-box a{color: #fff;font-weight: 600;border: solid 1px #fff;padding: 10px 20px;border-radius:5px;}
.service-box img{border-radius:5px;}
.get-touch{background:#020626;background-image: url("../img/footer-2-bg.PNG"); background-repeat: no-repeat; background-size:auto;color:#fff;}
.get-touch h3{color:#fff;}
.get-touch .cnct-form{}
.get-touch .cnct-form input{background:transparent;}
.get-touch .cnct-form textarea{background:transparent;}
#footer{background:#0d1131;}
#footer .copyright-content{background: #020626;}
.ft-logo{width:100%;border-radius: 5px;}
#footer .list li a {color: #fbf9f9  !important;}
#footer .widget-title{color: #fbf9f9  !important;}

/* Slideshow container */
.testimonial .slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}

/* Slides */
.testimonial  .mySlides {
  display: none;
  padding: 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev{left:0%}
.prev, .next {
  cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #fdfdfd !important;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background: #020626;
}
.tp-testimonial-designation p{color: #1d9a92 !important;}
.testimonial h2{color: #0c166b;}
.testimonial h2 span:last-child{font-size: 20px;
    color: #0c166b;
    position: relative;
    top: -10px;}
.testimonial p.para{color: #0c166b;margin-top: -15px;font-size: 18px;}
/* Position the "next button" to the right */
.testimonial .next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.testimonial .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.testimonial .dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
}

/* The dots/bullets/indicators */
.testimonial .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.testimonial .active, .dot:hover {
  background-color: #1d9a92;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.testimonial .author {color: cornflowerblue;}
.testimonial{text-align:center;background: #dbdbdb;}
.btn-gradient{background: #451bbd;background: linear-gradient(0deg, #850076, #2F1ABD);}
.our-exprt-team{background: #000;
    background-image: url(../img/background1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;}
.our-exprt-team p{color:#000;}
.our-exprt-team p.fancy-text{font-style:italic;color: #9b0394;}

/*** Slick Slider ******/
.flickity-button.flickity-prev-next-button.next, .flickity-button.flickity-prev-next-button.prev {
    background: none;
    box-shadow: unset;
    color: #000 !important;
}
.flickity-slider > div > img, .carousel .polo-carousel-item img {
    width: 75%;
    border: solid 1px #ddd;
    padding: 10px;
}
.flickity-button:hover .next {
    background-color: #2250fc;
}
.our-partner{padding:30px 0px;}
.our-partner h2{color: #371bbe;
    font-weight: 600;}
	
#footer .footer-logo{border:none;}
.list li{line-height:28px;}
.mb-100{margin-bottom:100px;}
.inspiro-slider .slide .slide-captions h2{font-size: 40px;line-height: 45px;text-transform:capitalize;}
.img-75{width:75%;}
.img-50{width:50%;}
.tp-about-3-img .shape-1{width:70%;}
.mb-25{margin-bottom:25px;}
.why-choose-us.get-touch h3{color:#fff !important;text-align:center;}
.why-choose-us.get-touch .tp-fun-fact-title-wrapper ul li{}
.mt50{margin-top:50px !important;}
.service-bot{}
.service-bot h3{color: #fff;font-weight: 600;position: relative;top: 18px;}
.service-bot h2{font-size:24px;}
.service-bot {width:45%;float:left;margin-right:5%;}
.service-bot .tp-feature-3-content p{color:#fff;}
.service-bot .tp-feature-3-content-inner{padding:15px;background:#0D1131; }
.service-bot .tp-feature-3-content{left: 20%;}
.service-bot .tp-feature-3-content::after{position: absolute;
    content: "";
    top: 9px;
    left: -38px;
    height: 79px;
    width: 6px;
    background: #12d9cc;}
.know-more{border: solid 1px #12d9cc;padding: 5px 20px;font-weight: 600;color: #12d9cc;border-radius: 4px;}
.know-more:hover{border: solid 1px #fff; color:#fff !important;}
.top-27{top:-27px;}

.abt-us.inspiro-slider .slide .slide-captions .strong{font-size:40px !important;font-weight:600;}
.abt-us.inspiro-slider .slide .slide-captions h2{font-size:25px;}
.abt-us.inspiro-slider .slide .slide-captions .strong::after{margin-top: 25px;}
.who-we-are p{color:#fff;font-weight:900;}
.gradient2{
    background: #850076;
   background: linear-gradient(95deg, #300e91, #770c94);
   
}
.our-vision h2, .our-vision p{color:#fff;}
#mainMenu nav > ul > li{margin-left:0px;}
.in-page .expert-team p{line-height:18px;}
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/*form select*/
select.form-control:not([size]):not([multiple]) {
  height: 40px;border: solid 2px #431aba;color: #431aba;
}

select {
  width: 100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url(../img/dropdown-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  border: 1px solid #e6e8eb;
  border-radius: 5px;
}

select[multiple] {
  background-image: none !important;
}
.filter-cant{margin:20px 0px 50px;}
.pos-relative{position:relative;}
.therapist-profile {position: absolute;
    top: -100px;
    width: 75%;
    border: solid 1px #7d057d;}
.therapist-profile img{border-radius:4px;}
.mt150{margin-top:150px;}
.mt75{margin-top:75px;}
.profile-details{float:left;}
.profile-details h1{margin:0px; text-align:left;font-size:2rem;}
.bio {margin: 15px -10px;
    background: #ebebeb;
    padding: 15px;
    border-radius: 4px;}
.bio h2{font-size:1.5rem;}
.bio p{font-size:1rem;}
.meeting-schedule{}
.meeting-schedule h2{font-size:1.5rem;}
.meeting-schedule p{font-size:1rem;line-height:18px;}
.cal-details p strong{color:#451bbd;}
select{padding:20px;color:red;}
.therapy-details h2.p-name{margin: -15px;padding:0px;}
.therapy-details h2{font-size:1.25rem;font-weight:600;color: #451bbd;}
.ico-verified{width:9%;top:5px;}
.icon{position:relative;}
.checked {color: orange;}
.rating{float:left;}
.qualilfication span{margin:0px 10px;font-weight:600;}
.therapy-details p{font-size:0.9rem;line-height:18px;}
.location-arrow i{color: #451bbd; font-size: 1rem;font-weight: 600;padding: 0px 5px 0px 0px;}
.rating .fa-star{font-size:1rem;}
.therapist-nav{background:#ddd;padding:5px; width:100%;border-radius:4px;}
.therapist-nav ul{list-style:none;}
.therapist-nav ul li{display: inline;
    font-size: 14px;
    font-weight: 600;}
.therapist-nav ul li a{color: #000;padding: 0px 25px;}
.mt20{margin-top:20px;}
.therapy-details #about h2{font-size: 1.25rem;
    font-weight: 600;
    margin: 0px;
    padding: 5px 0px;}
	#faq i{color: #451bbd; font-size: 1rem;font-weight: 600;}
#review .testimonial .mySlides{padding:15px;}
#review .testimonial .dot-container{padding:15px;background: #efefef;}
.book-an-appointment{position:relative;}
.book-an-appointment h2{font-size:1.25rem;font-weight:600;color: #451bbd;}
.book-an-appointment .calendar .prev, .book-an-appointment .calendar .next{top:100px;}
.book-an-appointment .calendar .prev{left:10%;}
.datepicker thead th, .datepicker td, .datepicker th{font-weight:600;}
#hide-cal{z-index:999999999;}
#hide-timeslots{}
.client-form{margin: 15px 0px;
    background: #ffffff;
    padding: 15px;
    border: solid 1px #cac6c6;}
.client-form input[type=text], .client-form input[type=email]{border: solid 1px #e7e4e4;
    min-height: 30px;
    height: 36px;
    font-size: 18px;
    background: #e3e3e3;}
.client-form textarea{ background: #e3e3e3;}
.client-form label{font-weight:600 !important;color:#000!important;}
.mt100{margin-top:100px;}
.text-bg{background: rgb(69 27 189);
    opacity: 0.8;
    padding: 20px;
    border-radius: 4px;
    width: 50%;
    margin: 0 auto;}
.text-bg-full{background: rgb(69 27 189);
    opacity: 0.8;
    padding: 30px !important;
    border-radius: 4px;
    width: 100%;
    margin: 0 auto;}
.text-bg-full p{color:#fff;line-height:24px; text-align:center !important;}
.inside-page{text-align:left;}
.inside-page h2{text-align:left;font-size: 2rem;}
.inside-page h5{text-align: left;
    font-size: 1.25rem;
    color: #451bbd;
    font-style: italic;
    font-weight: 400;}
.inside-page p{text-align:left;line-height:24px !important;}
.inside-page a.btn{text-align:left;}
.anxity{text-align:center;}
.anxity h2, .anxity p{text-align:center;}
.tp-support-feature-counter .support-feature-title{margin-left:50px !important;}
.tp-support-feature-item{margin-bottom:15px;}
.truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            line-height: 1.5em;
            max-height: 5em; /* 3 lines * line-height */
        }
.our-services .testimonial{background:transparent;}
.our-services .testimonial.testimonial-box .testimonial-item{background:transparent;padding:0px;border: none;}
.our-services .flickity-slider > div > img, .our-services .carousel .polo-carousel-item img{border:none;}

/**new css**/
.login-page h2{font-size:30px;padding: 45px 30px 0px;color: #fff;}
.login-page{}
.login-left-part{float: left;
    width: 50%;
    background: #ebebeb;
    border-radius: 0px 5px 5px 0px;
    position: absolute;left:0%;
    top: 25%;}
.login-left-part img {
    width: 75%;
    margin: 15px 0px;
}
.login-right-part{float: left;
    position: absolute;
    top: -50px;
    right: 4%;}
	
	
/** login page***/
.login-page .cont {
  position: relative;
  max-width: 850px;
  width: 100%;
  background: #fff;
  padding: 40px 30px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  perspective: 2700px;top:100px;
    margin-bottom: 550px;margin:0 auto;margin-bottom:200px;
}
.login-page .cont .cover {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 50%;
  z-index: 98;
  transition: all 1s ease;
  transform-origin: left;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.login-page .cont #flip:checked ~ .cover {
  transform: rotateY(-180deg);
}

.login-page .cont #flip:checked ~ .forms .login-form {
  pointer-events: none;
}

.login-page .cont .cover .front,
.login-page .cont .cover .back {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.login-page .cover .back {
  transform: rotateY(180deg);
}

.login-page .cont .cover img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 10;
}

.login-page .cont .cover .text {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login-page .cont .cover .text::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: #7d2ae8;
}

.login-page .cover .text .text-1,
.login-page .cover .text .text-2 {
  z-index: 20;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.login-page .cover .text .text-2 {
  font-size: 15px;
  font-weight: 500;
}

.login-page .cont .forms {
  height: 100%;
  width: 100%;
  background: #fff;
}

.login-page .cont .form-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.login-page .form-content .login-form,
.login-page .form-content .signup-form {
  width: calc(100% / 2 - 25px);
}

.login-page .forms .form-content .title {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  color: #333;
}

.login-page .forms .form-content .title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 25px;
  background: #7d2ae8;
}

.login-page .forms .signup-form .title:before {
  width: 20px;
}

.login-page .forms .form-content .input-boxes {
  margin-top: 30px;
}

.login-page .forms .form-content .input-box {
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
  margin: 10px 0;
  position: relative;
}

.login-page .form-content .input-box input {
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;background: white;
}

.login-page .form-content .input-box input:focus,
.login-page .form-content .input-box input:valid {
  border-color: #7d2ae8;
}

.login-page .form-content .input-box i {
  position: absolute;
  color: #7d2ae8;
  font-size: 17px;
}

.login-page .forms .form-content .text {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.login-page .forms .form-content .text a {
  text-decoration: none;
}

.login-page .forms .form-content .text a:hover {
  text-decoration: underline;
}

.login-page .forms .form-content .button {
  color: #fff;
  margin-top: 40px;
}

.login-page .forms .form-content .button input {
  color: #fff;
  background: #7d2ae8;
  border-radius: 6px;
  padding: 0;
  cursor: pointer;
  transition: all 0.4s ease;
}

.login-page .forms .form-content .button input:hover {
  background: #5b13b9;
}

.login-page .forms .form-content label {
  color: #5b13b9;
  cursor: pointer;
}

.login-page .forms .form-content label:hover {
  text-decoration: underline;
}

.login-page .forms .form-content .login-text,
.login-page .forms .form-content .sign-up-text {
  text-align: center;
  margin-top: 25px;
}

.login-page .cont #flip {
  display: none;
}

@media (max-width: 730px) {
 .login-page .cont .cover {
    display: none;
  }

 .login-page .form-content .login-form,
  .login-page .form-content .signup-form {
    width: 100%;
  }

  .login-page .form-content .signup-form {
    display: none;
  }

  .login-page .cont #flip:checked ~ .forms .signup-form {
    display: block;
  }

  .login-page .cont #flip:checked ~ .forms .login-form {
    display: none;
  }
}
.mt10{margin-top:10px;}
input[type="checkbox"].chkbx{width:50px;height:50px;}
/* Hide the default checkbox */
    .custom-checkbox {
      display: none;
    }

    /* Label styling for custom checkbox */
    .custom-label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      font-size: 18px;
      user-select: none;
      color: #333;
    }

    /* Custom checkbox square */
    .custom-label::before {
      content: "";
      position: absolute;
      left: 0;
      top: 2px;
      width: 20px;
      height: 20px;
      background: #fff;
      border: 2px solid #007bff;
      border-radius: 4px;
      transition: background 0.2s;
    }

    /* Custom checkmark (displayed when checked) */
    .custom-checkbox:checked + .custom-label::after {
      content: "";
      position: absolute;
      left: 6px;
      top: 9px;
      width: 6px;
      height: 12px;
      border: solid #007bff;
      border-width: 0 3px 3px 0;
      transform: rotate(45deg);
    }

    /* Change background when checked */
    .custom-checkbox:checked + .custom-label::before {
      background: #007bff;
      border-color: #007bff;
    }
	.lnk-btn{    position: relative;
    top: -49px;
    left: 45%;
}
.lnk-btn a{color:#7d2ae8;}
.d-logo{width:25%;}
ul.list{list-style:none;}
ul.list li{font-size: 15px;
    font-weight: 400;
    border-bottom: dotted 1px #0b8179;
    padding: 5px;color: #191818;}
ul.list2{list-style: none;
    width: 100%;
    /* border: solid 1px #000; */
    background: #451bbd;
    padding: 10px;
    border-radius: 4px;float:left;margin:10px 0px;min-height: 225px;background: linear-gradient(0deg, #e50acd, #2F1ABD);
}
ul.list2 li{font-size: 15px;font-weight: 400;padding: 5px;color:#fff;}
.in-page h1{color: #1d9a92;font-size: 30px;}
.in-page h5{color: #0c166b;font-size: 15px;}
.in-page h4{color: #0c166b;font-size: 20px;margin:15px 0px;}
.in-page h6{color: #1d9a92;font-size: 16px;}
.mg50-0{margin:50px 0px;}
/*********css 04 nov 25**********/
#logo img{width:95% !important;padding:5px;/*height: 50px!important;margin: 10px!important;*/}
.fancy-list {
    /* Removes the default bullet points */
    list-style: none; 
    padding-left: 0; /* Adjust padding as needed */
}

.fancy-list li {
   margin-bottom: 10px;
    padding-left: 25px; /* Creates space for the icon */
    position: relative;
    display: inline;
    color: #006c61 !important;
}

.fancy-list li:before {
    /* Font Awesome specific styling */
    content: "\f00c"; /* Unicode for the solid checkmark icon */
    font-family: "Font Awesome 5 Free"; /* Use 'Font Awesome 6 Free' if using FA6 */
    font-weight: 900; /* Required for solid icons in Font Awesome */
    
    /* Positioning the icon */
    position: absolute;
    left: 0;
    top: 0; 
    
    /* Styling the icon color */
    color: #12ddd0; /* A nice green color for the checkmark */
}

.fancy-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fancy-checklist li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 1em;
  font-size: 1.1em;
  line-height: 1.5;
}

.fancy-checklist li::before {
  content: '\f058';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #2ecc40; /* Green color */
  font-size: 1.3em;
}


.icon-list2 {
    /* 1. Remove the default browser bullet points */
    list-style: none; 
    padding-left:15px; float:left;
}

.icon-list2 li {
    /* 2. Create space for the icon and allow positioning */
    margin-bottom: 10px; 
    padding-left: 30px; /* Space on the left for the icon */
    position: relative; /* Crucial for positioning the icon inside */
	text-align:left;color: #ffffff;
}

.icon-list2 li:before {
    /* 3. Inject the icon and define its font */
    content: "\f00c"; /* Unicode for the solid checkmark icon (fa-check) */
    font-family: "Font Awesome 5 Free"; /* Or "Font Awesome 6 Free" */
    font-weight: 900; /* Required for solid Font Awesome icons */
    
    /* 4. Position and style the icon */
    position: absolute;
    left: 0;
    top: 0; 
    font-size: 1.2em;
    color: #ffffff !important; /* Example color: a nice blue */
}
.expert-team h5{float: left;
    display: block;
    color: #12ddd0;}
.expert-team p{line-height:20px;color: #ffffff;font-size:14px;}
.expert-team h5 span{color: #fff;font-size: 15px;text-align: left;float: left;}
.margin10{margin:25px 0px;}
.margin-left-10{margin-left:10px;}
.expert-team h2 span{}
.expert-team p.para {
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
top: -30px;color: #fff;}
.our-services h2 span{color:#12ddd0;}
.our-services h2 span:last-child {
    font-size: 15px;
    position: relative;
    top: -25px;
}
.our-services h5{color:#fff;}
.our-services .icon-list2 li{color:#fff;}
.our-services .icon-list2 li:before{color:#fff;}
.our-services .btn{float:left;}
.our-services h6{float:left;color:#fff;display:block;}
.our-services .get-touch-in p{font-style:italic;color:#fff;text-align:left;width:100%;}
.testimonial h2 span {
   color: #0cafa4;
}
.expert-team .card{background: rgb(3 4 28);
    opacity: 0.6;
    border: none;
    border-radius: 0px;}
.faq{background: #000;background: linear-gradient(0deg, #850076, #2F1ABD);color: #fff;}
.faq h2 {color: #fff;text-align:center;}
.faq h2 span{color: #12ddd0;}
.faq h2 span:last-child{color: #fff;font-size:18px;}
.faq .accordion .ac-item .ac-title {color:#fff;font-weight: 600;}
.faq .accordion .ac-item .ac-content > p{color:#fff;}
.why-choose-us.get-touch ul.box{list-style:none;}
.why-choose-us.get-touch ul.box li{float: left;
    width: 30%;text-align: center;
    background: #0D1131;
    margin: 10px;
    border-radius: 4px;
    padding: 10px;
    max-height: 330px;min-height:330px;margin-bottom:50px;}
	.why-choose-us.get-touch ul.box li:hover{border:solid 1px #12ddd0;}
.why-choose-us.get-touch ul.box li h3{color:#fff  !important;font-size: 20px;margin-bottom: 20px;}
.why-choose-us.get-touch ul.box li h3 i{font-size:30px;}
.why-choose-us.get-touch ul.box li h4{color: #fff !important;font-size: 16px;line-height: 10px;}
 .why-choose-us.get-touch ul.box li p{    color: #fff !important;
    font-size: 14px;
    line-height: 22px;
}
.why-choose-us.get-touch h3 span{text-align:center;color: #12ddd0;}   
.why-choose-us.get-touch h3 span:last-child{font-size:18px;color:#fff;}
.why-choose-us.get-touch h3{margin-top:30px;}
.mt50{margin-bottom:50px;}
.clr-white{color:#fff;}
.service-bot h6{font-style: italic;
    color: #ffdf0d;
    font-size: 14px;
}
.service-bot:last-child{width: 95%;margin-top: -8%;}
/* IMPORTANT: Link Font Awesome (e.g., Font Awesome 5 or 6) in your HTML <head> */

.contact-info-block {
   
}

.contact-list {
    list-style: none; /* Remove default bullets */
    padding: 0;
}

.contact-list li {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.4;
}

.contact-list li a {
    text-decoration: none; /* Remove underline from links */
    color: #fff !important; /* Default text color */
    transition: color 0.2s ease;
}

.contact-list li a:hover {
    color: #007bff; /* Highlight color on hover */
}

/* Style the icons specifically */
.contact-list li i {
    margin-right: 10px;
    width: 20px; /* Uniform width for alignment */
    text-align: center;
    color: #fff; /* Green color for icons (you can change this) */
}

/* Specific color for WhatsApp icon */
.contact-list li .fa-whatsapp {
    color: #fff; 
}
.btn-top{background: #190550;
    color: #fff !important;
    padding: 10px 15px;
    margin: 5px 0px;
    font-size: 15px;position:relative;border-radius:4px;text-transform: uppercase;
    font-weight: 600;}
.btn-top:hover{background:#184744;}
.our-services .btn-top{float:left;margin:0px 10px !important;}
.slide-captions h2.text-dark span{color:#000 !important;}
.slide-captions h2.text-dark span.brand-color{color:#006c61  !important;}
.slide-captions h4{color:#006c61    !important; font-weight:100;}
.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: 0;
  background: rgb(255 255 255);
    opacity: .59;
}
.slide-captions .btn.btn-top{background: #020626;
    color: #fff !important;
    padding: 20px 25px;
    margin: 5px 0px;
    font-size: 15px;
    position: relative;
    border-radius: 4px;border:none;}
.slide-captions .btn.btn-top:hover{background:#1d9a92;}
.btn-new{background: #281d30;border:none;padding:10px 15px;color:#fff; border-radius: 4px;}
.btn-new2{background: #12ddd0;
    border: none;
    border-radius: 4px;
    color: #000;padding:10px 20px;}
	
.bg3 {
    /* 1. Base Dark Blue Color */
    background-color: #0d1226; /* A very dark navy blue */
    
    /* 2. Subtle Wavy Pattern (Using repeating linear-gradient) */
    /* This creates the faint, dark-on-dark, curved/wavy lines.
       You may need to fine-tune the color, size, and angle. */
    background-image:
        /* Primary Arcs (Bottom Right) */
        radial-gradient(circle at 100% 100%, 
            transparent 0%, transparent 100px, 
            #00bcd4 200px, #00bcd4 205px, /* Cyan Arc */
            transparent 805px, transparent 210px,
            #ffc107 210px, #ffc107 215px, /* Yellow Arc */
            transparent 215px, transparent 220px,
            #000 220px, #0d1226 225px  /* Grey Arc */
        ),
        /* Subtle Wavy Texture (Adjust angle/size for curvature) */
        repeating-linear-gradient(
            -45deg,
            #0d1226, /* Same as background */
            #0d1226 2px, 
            #1e2544 2px, /* Slightly lighter/different color for line */
            #1e2544 3px
        );
        
    /* Place the arcs in the bottom right corner */
    background-position: 
        bottom right,
        0 0; 
    
    /* Ensure the texture covers the whole area, but the arcs don't repeat */
    background-repeat: 
        no-repeat,
        repeat;

    /* Optional: Sets the size of the wavy pattern (adjust for density) */
    background-size: 
        auto, /* Arcs are auto-sized */
        200px 200px; /* Size of the repeating pattern */

    /* Ensure the body takes up the whole screen for demonstration */
    min-height: 100vh;
    width: 100%;
    margin: 0;
}
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary {
    background-color: #1d9a92;
    border-color: #032825;
    border: none;
    border-radius: 4px;
}
btn1:hover{background:red !important;}
.in-page{background:#ebebeb;}
.in-page .icon-list2 li {color: #0c166b;}
.in-page .icon-list2 li:before{color: #0c166b !important;}
.in-page p{line-height:24px;}
.card1{background: #ebebeb;
    padding: 15px;
    border-radius: 4px;
    border-left: solid 5px #1d9a92;
    min-height: 150px;
    margin-bottom: 10px;}


.inspiro-slider .slide .slide-captions .strong {color: #03041c !important;}
#logo{position:relative;}
.brand-name{float:left;}
.brand-name p{font-size: 22px;
    font-weight: 900;
    color: #000;
    margin: 25px 0px 0px 0px;}
.uppercase{text-transform:uppercase !important;}
.courses .tp-section-title{font-size: 34px;}
.courses .tp-feature-wrapper p{justify-content: center;}
.courses .tp-section-title .title-right-shape {
    position: absolute;
    left: 137px;
    bottom: -25px;
}
.fs24{font-size:24px !important;}
.courses .thumb{width:300px;height:200px;border-radius:4px !important;}
.courses .tp-feature-item-content p{margin-bottom:15px !important;text-align:left;padding-left:35px;color:#000;line-height: 24px;}
.courses h4{padding-left: 35px;
    color: #12ddd0;
    display: block;
    width: 100%;
    text-align: left;}
.courses ul{float:left;list-style:none;margin: 25px 5px 10px 25px;width: 90%;}
.courses ul.ac{min-height:400px;}
.courses ul li ul{min-height:unset;}
.courses ul li{text-align:left;color:#000;}
.courses ul li span{color: #12ddd0; margin:5px;}
.courses .tp-feature-item-wrapper {
    padding: 56px 12px 25px 25px !important;
}
.wd100{width:100%;float:left;}
.fs12{font-size:12px;color:#000 !important;}
.ps-rel-150{position:relative;top:-100px}
.tp-feature-area::before{height: 400px !important;}
.temp-class-remove{position: relative;
    top: -36px;
    left: 45%;
    color: #1d9a92;}
 .hero{background:linear-gradient(90deg, rgba(21,101,192,0.06), rgba(21,101,192,0.02)); border-radius:12px;}
 .md-card{background: #fff; border-radius:12px; box-shadow:0 6px 18px rgba(22,28,37,0.08);}
 .md-btn{background:var(--md-primary); color:#fff; border-radius:10px; padding:.6rem 1rem; border:none}
 .md-chip{display:inline-flex;align-items:center; gap:.5rem;padding: .25rem 1.5rem; border-radius:999px; background:#b6f0ec; color:var(--md-primary); font-weight:500}
 .feature-icon{font-size:28px; color:var(--md-primary);}
 .form-floating .form-control:focus~label{opacity:.85; transform:translateY(-.6rem) scale(.92)}
 .floating-label{position:relative}
 .mb15{margin-bottom:15px;}
 ul.tick-list li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    
}
.student-offer-card a.tp-btn:hover{color:#000;}
ul.tick-list li::before {
    content: "✔";      /* tick icon */
    position: absolute;
    left: 0;
    top: 0;
    color: #1d9a92;    /* green color */
    font-weight: 600;
}
#curriculumAccordion h2{color: #1d9a92;font-size: 18px;}
#curriculumAccordion h2.clr-blk{color: #FF5722;
    text-align: left;
    border: solid 1px #FF5722;
    display: inline;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 27px;}
	
	/* Container Styles */
.quick-support-container {
    background-color: #1a233a; /* Deep blue/dark background */
    color: #ffffff; /* White text */
    padding: 30px 20px;
    text-align: center;
    max-width: 350px; /* Optional: Sets a size limit like the image */
    border-radius: 8px; /* Optional: Slight rounding of corners */
    margin: 20px auto; /* Optional: Center the block on a page */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Headphone Icon Styling */
.support-icon {
    font-size: 36px;
    margin-bottom: 15px;
}

.support-icon i {
    color: #ffffff; /* White icon */
    /* Optional: If you want a circle background for the icon */
    /* border: 2px solid white; 
    border-radius: 50%; 
    padding: 10px; */
}

/* Heading Style */
.quick-support-container h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ffffff;
}

/* Main Text Prompts (WhatsApp) */
.whatsapp-prompt {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

/* Smaller Text (Instant Answers) */
.instant-answer {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

/* Connect Label */
.connect-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

/* LinkedIn Icon Styling */
.social-icon a {
    color: #ffffff;
    text-decoration: none;
    font-size: 24px;
    display: inline-block;
    padding: 8px;
    border: 1px solid white; /* Border matching the 'in' box */
    border-radius: 4px; /* Optional: slight corner rounding for the box */
    margin-bottom: 30px;
}

/* Learn More Section */
.learn-label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.website-link {
    font-size: 16px;
    font-weight: 400;
}
.quick-support-container p{color:#fff !important;}
.supprt-qck{font-size: 40px;color: #1d9a92!important; margin:50px 0px 0px;}

  /* Parallax Section */
        .parallax {
            background-image: url('../img/faculty-bg.jpg');
            min-height: 380px;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .parallax h1 {
            font-size: 3rem;
            font-weight: 700;
            background: rgba(0,0,0,0.55);
            padding: 15px 30px;
            border-radius: 8px;
        }

        /* Faculty Cards */
        .faculty-card {
            border-radius: 12px;
            transition: 0.3s;
            background: #ffffff;
            box-shadow: 0 4px 14px rgba(0,0,0,0.1);
        }

        .faculty-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 8px 22px rgba(0,0,0,0.15);
        }

        .faculty-img {
            width: 100%;
           
            object-fit: cover;
            border-radius: 12px 12px 0 0;
        }

        .section-title {
            font-weight: 700;
            font-size: 2rem;
            margin-bottom: 30px;
        }
		.faculty-card h4{color: #1d9a92;font-size: 20px;margin:15px 0px;}
		.faculty-card p{font-size:16px;margin-bottom:25px;color: #000 !important;}
		.faculty-card i{color: #1d9a92;}
		.faculty-card strong{color:#0d1131;}
		.faculty-card .tp-btn{width: 45%;font-size: 14px;padding: 10px;}
		.faculty-card h3{font-size:18px;}
		/*.text-end11{width:520px;}
		.text-end11 .card{ background: #73fff0;}
		/* Define custom variables for consistency */
:root {
    --custom-teal: #20A89A;
    --custom-light-teal: #E3F8F5; /* For a potential subtle card background */
}

/* 1. Styling the Main Card Container */
.fee-card-match {
    /* Large rounded corners for the card border */
    border-radius: 1rem !important;
    /* Teal border color */
    border: 3px solid var(--custom-teal) !important;
    /* Remove default shadow if any, or use subtle shadow below */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 
    background-color: #fff; /* White background */
}

/* 2. Styling the Teal Icon Colors */
.fee-icon-match {
    color: var(--custom-teal) !important;
}

/* 3. Styling the Highlighted Price Badge */
.price-badge-match {
    /* Solid teal background */
    background-color: var(--custom-teal) !important;
    /* White text */
    color: #fff !important;
    /* Large font weight and size */
    font-weight: 700 !important;
    font-size: 1.5rem; /* Equivalent to fs-4 or slightly larger */
    /* Rounded corners */
    border-radius: 0.5rem !important;
    /* Padding adjustments */
    padding: 0.25rem 0.6rem !important;
    /* Ensure no gradient or default badge styling interferes */
    background-image: none !important;
    border: none !important;
}

/* 4. Styling the Original Strikethrough Price */
.original-price-match {
    color: #6c757d !important; /* Muted gray */
    text-decoration: line-through;
    font-size: 1.1rem;
    margin-right: 0.5rem;
}

/* 5. Align items for the fee row */
.fee-row-container-match {
    align-items: center !important; /* Vertically center the items */
}
.text-end11 .badge{font-size:1.5rem;}
#topbar .top-menu{position: relative;top: 8px;left: 4%;}
.login.dropdown{right: -15px;}
.btn-top.tp-btn{padding: 10px 30px 10px 0px;border-radius:0px;font-size:12px;}

/* Student Offer Card Styling */
.student-offer-card {
     /*  background: linear-gradient(135deg, #0d1131 0%, #0d1131 100%);*/
    padding: 10px;
    border-radius:0px;
    box-shadow: 0 15px 40px rgba(0, 51, 102, 0.2);
   /* border: 1px solid rgba(255, 255, 255, 0.1);*/
	background: #ee0979;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.highlight-text {
    color: #ffb800; /* Highlighting 'Future Experts' in Gold */
    font-weight: 700;
}

.clr-white-op {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
}

/* Floating Badge */
.offer-badge {
  position: absolute;
    top: 20px;
    right: -50px;
    background: #ff3e3e;
    color: white;
    padding: 7px 72px;
    transform: rotate(40deg);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-align: center;z-index: 99;
}

.offer-badge span {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
}

/* Buttons */
.tp-btn-white {
    background: #05dac3;
    color: #003366;
    padding: 12px 30px;
    border-radius: 0px;
    font-weight: 600;
    transition: 0.3s;
    text-decoration: none;
}

.tp-btn-white:hover {
    background: #ffb800;
    color: #fff;
}

.tp-btn-border {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.tp-btn-border:hover {
    background: rgba(255,255,255,0.1);
    color: #ffb800;
}

.download-link {
    font-weight: 500;
    text-decoration: underline;
    font-size: 14px;
}

/* Simple Animation */
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}
.animate-pulse {
    animation: pulse 2s infinite;
}
.text-align-left{text-align:left !important;}
.clr-brand.mb-20.text-align-left{color:#05dac3 !important;}
#courseCurriculumGroup h2{font-size:18px;}

.floating-contact-buttons {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the screen */
    right: 20px;  /* Distance from the right of the screen */
    z-index: 1000; /* Ensure the buttons are above other content */
    display: flex;
    flex-direction: column; /* Stack the buttons vertically */
    gap: 10px; /* Space between the buttons */
}

/* Base style for both buttons */
.contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%; /* Makes them perfectly round */
    color: white; /* Icon color */
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

/* Hover effect */
.contact-button:hover {
    transform: scale(1.1);
}

/* Specific styling for WhatsApp */
.whatsapp-button {
    background-color: #25D366; /* WhatsApp green */
}

/* Specific styling for Call */
.call-button {
    background-color: #007bb6; /* A common, friendly blue */
}

/******** new css 24dec25***********/
#logo{width:12%;}
#logo img{width: 100% !important;height: 65px !important;position: relative;top: 5px;}
.clr-white1{color:#fff !important;}
/*****new css 03/01/2026*******/
.launch-popup.tp-hero-btn a.tp-btn{width:100%;padding:15px 10px!important;font-size:15px;}
.mt-100{}
.swiper-pagination.mt-100{position:unset;}
/* Ensure the parent container has no clipping for the ribbon */
.tp-feature-item-wrapper {
    position: relative !important;
    padding-top: 50px !important; /* Space so ribbon doesn't cover content */
}

/* Full Width Flush Ribbon */
.oss-full-ribbon {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0; /* Touches both sides */
    display: flex;
    align-items: center;
    background: #001a33; /* Deep Navy */
    border-bottom: 2px solid #05DAC3;
    z-index: 100;
    border-radius: 0 !important;
}

/* Left Side: Expert Badge */
.oss-ribbon-head {
    background: #05DAC3;
    color: #001a33;
    font-size: 11px;
    font-weight: 900;
    padding: 12px 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    white-space: nowrap;
}

/* Middle: Main Text Content */
.oss-ribbon-body {
    flex-grow: 1;
    padding: 0 15px;
    color: #ffffff !important;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;
}

.oss-ribbon-body b {
    color: #05DAC3;
}

/* Right Side: Download Button */
.oss-ribbon-download {
    background: rgba(5, 218, 195, 0.1);
    color: #05DAC3 !important;
    font-size: 11px;
    font-weight: 800;
    padding: 12px 20px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-left: 1px solid rgba(5, 218, 195, 0.3);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.oss-ribbon-download:hover {
    background: #05DAC3;
    color: #001a33 !important;
}

/* Responsive adjustment */
@media (max-width: 768px) {
    .oss-full-ribbon { flex-direction: column; }
    .oss-ribbon-head, .oss-ribbon-download { width: 100%; text-align: center; }
}
.mb-80{margin-bottom:-80px;}
.course-badge {
        background-color: #05DAC3;
        color: #fff;
        padding: 5px 15px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 0.85rem;
        display: inline-block;
        margin-bottom: 10px;
    }
	

    .faculty-card.desk-notebook {
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #eef2f6;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
        padding: 3.5rem;
        max-width: 900px;
        margin: 2rem auto;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    /* Large Background Watermark Quotes */
    .faculty-card.desk-notebook::before {
        content: '“';
        position: absolute;
        top: -20px;
        left: 20px;
        font-size: 180px;
        color: #f1f5f9;
        font-family: 'serif';
        z-index: -1;
        line-height: 1;
    }

    .faculty-card.desk-notebook::after {
        content: '”';
        position: absolute;
        bottom: -60px;
        right: 20px;
        font-size: 180px;
        color: #f1f5f9;
        font-family: 'serif';
        z-index: -1;
        line-height: 1;
    }

    .notebook-header {
        font-family: 'Inter', sans-serif;
        color: #0c2d57;
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 2rem;
        border-left: 6px solid #004a99;
        padding-left: 20px;
    }

    .highlight-stats {
        display: flex;
        gap: 2.5rem;
        margin-bottom: 2.5rem;
        flex-wrap: wrap;
    }

    .stat-item {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #f8fafc;
        padding: 12px 20px;
        border-radius: 12px;
        border: 1px solid #edf2f7;
    }

    .stat-icon {
        color: #004a99;
        display: flex;
        align-items: center;
    }

    .stat-info {
        display: flex;
        flex-direction: column;
    }

    .stat-number {
        font-size: 1.3rem;
        font-weight: 800;
        color: #1a202c;
        line-height: 1.1;
    }

    .stat-label {
        font-size: 0.75rem;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .notebook-body p {
        font-size: 1.05rem;
        line-height: 1.8;
        color: #334155;
        margin-bottom: 1.2rem;
    }

    .notebook-quote {
           margin-top: 2rem;
    padding: 1.5rem 2rem;
    background: linear-gradient(90deg, #1d9a92 0%, #05dac3 100%);
    border-radius: 12px;
    color: #ffffff;
    font-weight: 400;
    font-style: italic;
    box-shadow: 0 4px 15px rgba(12, 45, 87, 0.2);
    }

    @media (max-width: 600px) {
        .highlight-stats { flex-direction: column; }
        .faculty-card.desk-notebook { padding: 2rem; }
    }
/* Custom Modal Styles */
.discount-modal-content {
    border-radius: 20px;
    border: none;
    overflow: hidden;
    background-color: #1a1a1a;
}

.discount-header {
    background: #ee0979;
    background: linear-gradient(to right, #ff6a00, #ee0979);
    color: #ffffff;
    border: 1px solid #333;
    padding: 3rem !important; /* Matches p-5 */
    position: relative;
}

.discount-icon {
    font-size: 85px !important;
    color: #05DAC3;
    margin-bottom: 20px;
    text-shadow: 0 0 20px rgba(5, 218, 195, 0.4);
}

.discount-label {
    letter-spacing: 3px;
    color: #05DAC3;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.discount-title {
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 1rem;
}

.discount-text {
    font-size: 18px;
    color: #e0e0e0;
    margin-bottom: 1.5rem;
}

/* Button Container Spacing */
.launch-popup {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.tp-btn .material-icons {
    vertical-align: middle;
    margin-left: 8px;
    font-size: 20px;
}

#header {
    position: relative;
    width: 100%;
    z-index: 199 !important;
    height: 140px;
    line-height: 80px;
    border: solid 1px red;
}
#header.header-always-fixed .header-inner, #header.header-always-fixed #header-wrap {
    position: fixed !important;
    top: 50px !important;
    padding: 15px 0px;
    height: 100px;
}

/******* New css 23jan26 by jamal ************/
.tp-fun-fact-title-wrapper p{text-align: justify;}
.courses .tp-feature-item-content p{text-align: justify;}
.tp-testimonial-2-shape .shape-4{display:none;}
.tp-testimonial-2-shape .shape-3{display:none;}
.tp-testimonial-2-shape .shape-2{display:none;}
.courses .tp-feature-wrapper.text-jutify p{text-align: left;float: left;padding-left: 12%;line-height: 12px;}
.courses .tp-feature-wrapper.text-jutify p span{color:#20c997;margin-right: 10px;}
.tp-testimonial-2-nav button {position: absolute;bottom: 42% !important;right: 22%;z-index: 1;}
.get-touch{margin-bottom:-20px;}

/********* new css feb05/26**********/
@media (max-width: 767px) {
    .top-menu {
        font-size: 12px; /* Smaller font on mobile */
    }
    .small-text {
        font-size: 11px;
    }
    #topbar {
        border-bottom: 1px solid #eee; /* Light separation on mobile */
    }
}

/* Ensure the material icons align perfectly with text */
.top-menu a span.material-icons {
    vertical-align: middle;
    line-height: 1;
}