@charset "UTF-8";
/** ==================
        FONTS

        Blue: #0097B2

        Orange: #EC904C

        Black: #000000
=====================**/
/* Regular */
/* Light */


@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Semi-Bold */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Medium */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Extra Light */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/** ==================
 🎨 Color variables
=====================**/
/** ==================
        RESET
=====================**/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: "inter", sans-serif;
}

/* Links */
a {
  text-decoration: none;
}

/* Lists */
ul, ol {
  list-style: none;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* .container-fluid {
  padding: 0px 40px;
} */

/* Buttons & Inputs */
button, input, textarea, select {
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
}

.orangeColor {
  color: #EC904C;
}
a{
  color: #212529;
}
a:hover {
  color: #EC904C;
  transition: 0.2s;
}

.sec-padding {
  padding-block: 110px 0px;
}

h2 {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 32px;
  position: relative;

}

.sub___heading {
  position: relative;
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-transform: capitalize;
  margin-bottom: 60px;
  text-align: center;
}

.Service_tabs .headingOuter__up {
    margin-bottom: 25px;
}

/* Animated gradient underline (centered) */
.sub___heading::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 0;
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  animation: drawUnderline 3s ease-in-out infinite;
  border-radius: 3px;
}

/* Keyframes for 40% width centered animation */
@keyframes drawUnderline {
  0% {
    width: 0;
  }
  50% {
    width: 30%;
  }
  100% {
    width: 0;
  }
}


/** ==================
    General
=====================**/
body {
  font-family: "inter", sans-serif;
  overflow-x: hidden;
}

/** ==================
        HEADER
=====================**/
.tp-txt {
  font-weight: 300;
  font-size: 12px;
  padding-block: 4px;
  color: #fff;
}

.topbaar-nofify {
  /* background-color: #EC904C; */
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
}

header a#navbarDropdown::after {
  display: none;
}

header a#navbarDropdown img {
  float: left;
  margin-right: 3px;
}

header hr.lineHead {
  background: #bebebe;
}

header .nav .nav-link {
  font-weight: 400;
  margin: 0px !important;
  padding-right: 5px;
  color: #000;
}

header .main-nav-outer {
  margin-top: -10px;
}

header .socialMedia-Inner {
  margin-top: -10px;
}
.social__link_anc i {
    font-size: 20px;
    /* color: #fe8b43; */
    transition: all .5s ease;
}
footer .social__link_anc i:hover {
    color: #dae9fd !important;
}
.social__link_anc {
    margin: 0 4px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    color: transparent;
    background-clip: text;
}
header .logoOuter img {
  width: 85% !important;
}

header a#navbarDropdown {
  color: #000;
  font-weight: 400;
}

header .searchOuter {
  position: relative;
}

header .searchOuter .SearchBtn {
  color: #000 !important;
  position: absolute;
  right: 0px;
  padding: 10px 30px !important;
  border-radius: 100px !important;
  color: #787878;
}

header input.form-control {
  padding: 10px 25px;
  border-radius: 100px;
}


.banner-inner h1 {
    font-weight: 800;
    font-size: 100px;
    margin-top: -30px;
    font-family: 'Helvetica';
    color: #fff;
}

.bann_head_24 h2 {
    font-size: 35px;
    margin-top: 70px;
    font-family: 'Helvetica';
    color: #cecece;
    font-weight: 200;
}

.banner-inner p {
    font-size: 28px;
    line-height: 40px;
    font-family: 'Helvetica';
    color: #cecece;
    font-weight: 100;
}

.banner3D img {
    margin-left: 100px;
    margin-top: 15px;
    width: 90%;
}





/* Celebration Animation for Banner */
.banner {
  position: relative;
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  background-size: 200% 200%;
  animation: bannerCelebration 10s ease-in-out infinite;
  overflow: hidden;
}


/* Gradient movement animation */
@keyframes bannerCelebration {
  0% {
    background-position: 0% 50%;
    filter: brightness(1);
  }
  25% {
    background-position: 50% 100%;
    filter: brightness(1.1);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.2);
  }
  75% {
    background-position: 50% 0%;
    filter: brightness(1.1);
  }
  100% {
    background-position: 0% 50%;
    filter: brightness(1);
  }
}

/* Optional particle sparkles for celebration effect */
.banner::before,
.banner::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: sparkleMove 10s linear infinite;
  pointer-events: none;
  opacity: 1;
}

.banner::after {
  animation-delay: 5s;
  opacity: 0.2;
}

@keyframes sparkleMove {
  from {
    transform: translate(0, 0) rotate(0deg);
  }
  to {
    transform: translate(10px, 10px) rotate(360deg);
  }
}




/* .banner .banner-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
} */

/* .admition_tab span:nth-child(1) {
    background: #ec904c;
    font-size: 17px;
    width: 165px;
    text-align: center;
    font-weight: 500;
    padding-top: 2px;
    padding-bottom: 2px;
}

.admition_tab span:nth-child(2) {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
} */


/* .admition_tab {
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 23px;
} */


/* .admissionContent {
    display: flex;
    flex-direction: column;
} */

/* .banner-inner h1 {
    font-weight: 900;
    font-size: 40px;
} */

/* .banner-btn {
    margin-bottom: 20px;
} */

/* .homeMovement {
  overflow: hidden;
  background: #EC904C;
  height: 60px;
  display: flex;
  align-items: center;
} */

/* .homeMovement .marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.homeMovement .marquee .marquee__inner {
  display: flex;
  gap: 40px;
  white-space: nowrap;
  -webkit-animation: marquee 10s linear infinite;
          animation: marquee 10s linear infinite;
} */
/* 
.homeMovement .marquee .marq_txt {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
  font-weight: 300;
}

.homeMovement .marquee .marq_txt .marq_txt img {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
} */
/* IT SERVICESSSSSSSSSS PAGE////////////////////////////////////// */

.sp_flex{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}


/* ===========
Services_Page_Head
============= */
.service_page_head{
    height: 200px;
    background:linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
}


/* <!-- ===================
services_Page_Section3
==================== --> */

.spage_section3{
         margin-top: 50px;
}


.sp_icon_sect3{
    margin-left: 10px;
}
.sp_inner_section3{
    border-radius: 15px;
    box-shadow: 0px 0px 15px  #babebe60;
    width: auto;
    min-height: 350px;
    margin-bottom: 10px;
}

.sp_btn_col1{
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    height: 45px;
    width: 45px;
    border-radius: 40px;
}


.sp_poins_icon{
    color: #EC904C;
}

.sp_section3_col2{
     font-family: "Inter", sans-serif;
     margin-top: 55px;
     padding: 50px;
}
.sp_brn_col2{
    background-color: #EC904C;
    color: #E9F7FF;
    font-weight: 900;
    height: 50px;
    width: 150px;
    border-radius: 30px;
    margin-top: 15px;
}

.sp_btn_col2{
    background-color:  linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    border: none;
    color: white;
     height: 50px;
    width: 150px;
    border-radius: 30px;
}

/* ===========
Services_Page_Banner
============= */
.service_page_banner{
     background-color: #E9F7FF;
     padding: 70px;
    margin-top: 60px;
}

.spage_inner{
    margin-bottom: 60px;
}

.spage_inner_col{
    min-height: 200px;
    width: 300px;
}

.sp_span {
    height: 40px;
    width: 40px;
    background-color: #EC904C;
    color: black;
    border-radius: 15px;
    margin-right: 15px;
}

/* ===========
Tabs :
============= */

.features{
   background-color: #FDFDFD;
}
.inner-feature{
    text-align: center;
}



.click{
    background-color: #FCFEFE;
    border-radius: 20px;
    box-shadow: 0px 0px 15px  #787c7c86;
    padding: 20px;

}

.boxx{
    gap: 20px;
}

.h5{
    color: #00A19E;
    font-weight: 700;
}

.buttonfeature{
    width: 170px;
    height: 55px;
    border-radius: 30px;
    color: white;
    font-weight: 900;
}

.sp_tabs_icon{
    color: #EC904C;
}

/* ===========
Last Section :
============= */

.sp_lastsec_btn{
    height: 50px;
    width: 150px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid black;
    font-weight: 600;
    border: none;
}

section.Service_tabs{
  margin-top: 40px;
}
section.Service_tabs #myTab {
  flex-wrap: unset !important;
  overflow-y: hidden;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
  scrollbar-color:linear-gradient(135deg, #0097B2 0%, #EC904C 100%); /* thumb and track colors */
  scrollbar-width: thin;         /* Firefox only, approx. equivalent */
}

section.Service_tabs button {
    color: #000 !important;
    border: none !important;
}

/* For Chrome, Edge, and Safari */
section.Service_tabs #myTab::-webkit-scrollbar {
  width: 50px !important;   /* vertical scrollbar width */
  height: 5px;   /* horizontal scrollbar height */
  display: block; /* always visible */
}

section.Service_tabs #myTab::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);   /* thumb color */
  border-radius: 4px;
  width: 50px !important;
  height: 5px;
}

section.Service_tabs #myTab::-webkit-scrollbar-track {
  background: #ccc;       /* track color */
  width: 50px !important;
  height: 5px;
}

/* Active tab style */
section.Service_tabs .nav-tabs .nav-item.show .nav-link,
section.Service_tabs .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%) ;
  color: #ffffff !important;
}

  .Upcoming_Events{
    padding: 90px 0px;
  }

  .h_event_btn{
    padding: 10px 32px;
    border: 1px solid #000;
    font-size: 15px;
    font-weight: 600;
  }
  .h_event_btn:hover{
    background-color: #EC904C;
    color: #ffff;
    border: none;
    transition: 0.4s;
  }
  

  .h_event_h2{
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .h_event_h2:hover{
    color: #EC904C;
    transition: 0.3s;

  }
  .h_events_span{
    font-size: 12px;
    font-weight: 400;
    margin-right: 25px;
    margin-left: 5px;
    color: #666666;
  }
  .Home_Events_Cards i{
    font-size: 14px;
    color: #666666;
  }
  .h_events_p{
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 25px;
    color: #666666;
  }
  .Home_Events_Cards a{
    font-size: 17px;
    font-weight: 500;
  }


a.wtsapFixed {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 999999;
}
a.wtsapFixed img {
    width: 81px !important;
}

.copyRight {
    background: #979372;
}
.copyRight .copyTxt.text-white {
  font-size: 12px;
}
footer {
background: linear-gradient(135deg, #05697b 0%, #9a7254 100%);
    padding-top: 50px;
    padding-bottom: 50px;
}
footer .social__link_anc {
    color: #ffffffc2 !important;
}
footer ul a {
    color: #fff;
    text-align: left !important;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}
footer ul{text-align: left !important;}
footer h5 {
    margin-bottom: 20px;
    text-align: left;
    color: #ec904c !important;
}
.about-us-footer {
    margin-bottom: 50px;
}
.footerAboutBox img {
    width: 65%;
    margin-left: -30px;
}
.footerAboutBox p {
    font-size: 14px;
    text-align: left;
}
.footerAboutBox {
    padding-right: 4vw;
    text-align: left;
}
header .social__link_anc i:hover {
    color: #000 !important;
}

/** ==================
   Category Page
=====================**/
.single_category_outer .bread__crumb_banner {
  background-color: #d4e3ea;
}

.single_category_outer .bread__crumb_banner .breadInner .brd-mn {
  color: #787878;
  font-size: 14px;
  margin-right: 5px;
}

.single_category_outer .bread__crumb_banner .breadInner .brd-mn:hover {
  color: #EC904C;
}

.single_category_outer .inside_cat_one {
  border-radius: 5px;
  overflow: hidden;
}

.single_category_outer .inside_cat_one .card-body h5.card-title {
  font-weight: 600;
  font-size: 18px;
}

.single_category_outer .inside_cat_one .card-body p.card-text {
  font-size: 14px;
  color: #787878;
}

.single_category_outer .list-group-item {
  padding: 10px 0;
  border: none;
}

.single_category_outer .list-group-item a {
  color: #000;
  font-size: 14px;
}

.single_category_outer .list-group-item a:hover {
  color: #EC904C;
}

/* ============ SINGLE COURSE PAGE =========== */


.course-header h1 {
    font-size: 2.1rem;
}

.course-header .card .btn {
  border-radius: 10px;
  font-weight: 600;
}

.course-content .nav-tabs .nav-link {
  font-weight: 600;
  color: #060f2b;
}

.course-content .nav-tabs .nav-link.active {
 color: TRANSPARENT;
    border-color: #D4E3EA !important;
    BACKGROUND: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    background-clip: text;
}

.course-content h4 {
  margin-bottom: 1rem;
  font-weight: 700;
}

.course-content .list-group-item {
  padding: 1rem 1.25rem;
}

.course-content .list-group-item:hover {
  background-color: #D4E3EA;
}

.course-header {
    background-color: #D4E3EA !important;
}

.accordion-body li {
    list-style: disc;
}
.accordion-body br {
    display: none; 
}

.accordion-body {
    white-space: normal;
}
#reviews ul {
    list-style: disc;
}
button.enrollWtsapp {
background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    padding: 10px 0px;
    border-radius: 5px;
    color: #fff;
}

/* ====== contact form ====== */

.course-content input, select {
    font-size: 15px !important;
    padding: 11px 10px;
    text-transform: lowercase;
}

/* ====== GOOGLE MAP ====== */
.googlemap_outer iframe {
    width: 100% !important;
    height: 430px;
}
section.googlemap_outer {
    padding-top: 110px;
}
.map_title_outer .left__line:after {
    left: 39px;
}
/* ====== GOOGLE MAP ====== */


/* ====== Contact Us Page ====== */
.Banner-Contact {
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  padding: 50px 0px;
  color: #fff;
}

.Contact-Form h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 50px;
}
.Contact-Form h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}
.Contact-Form i {
  font-size: 22px;
  margin-right: 10px;
  margin-top: -4px;
}
.Contact-Form p {
  font-size: 16px;
  font-weight: 300;
}

.Contact-Form {
  padding-block: 60px;
}

.Address {
  padding: 65px 0px;
  background-color: #d4e3ea;
}
.Address i {
  font-size: 50px;
}
.Address h4 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 15px;
}
.Address p {
  font-weight: 300;
}
.bannerParag {
    font-weight: 300;
}
.bannerTitleHead {
    font-size: 30px;
    font-weight: 800;
}

/* ========= ABOUT US PAGE ============ */

.About_Banner{
 background-image:linear-gradient(#000000cc, #000000b5), url(../images/about/banner.webp);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 display: flex;
 justify-content: center;
 align-items: center;
 padding-block: 5vw;
 margin-top: 5px;
}
.About_Banner_h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #ffffff;
}
.About_Banner_p {
    color: #fff;
    line-height: 23px;
}

.Who_We_Are{
  padding: 90px 0px;
}
.Who_We-h2{
  font-weight: 600;
  margin-bottom: 30px;
}
.Who_We-p{
  font-size: 14px;
  margin-top: -10px;
}

.Who_We_img img {
    border-radius: 20px;
    box-shadow: 10px 20px 59px #ccc;
}

.Who_We_Right_one{
    background:linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    padding: 30px;
    color: #ffff;
    border-radius: 20px;
    margin-bottom: 30px;
}
.Who_We_Right_two{
    background:linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    padding: 30px;
    color: #ffff;
    border-radius: 20px;
}

.Who_We_Right{
  background-image:linear-gradient(#000000bb,#000000a2), url(../images/about/AboutBanner.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  margin-bottom: 20px;
}

/* ======================= */
.What_we{
  padding: 90px 0px;
  padding-top: 35px;
}

.What_we_h4{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.Impact_mainBox{
    padding: 60px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    border-radius: 30px;
}
.Impact_innerbox {
    margin-top: 40px !important;
    border-right:1px solid #fff ;
    margin: 20px;
}
.Impact_innerbox_last{
    margin-top: 40px;
   
}

.Impact_h2 {
    font-size: 40px;
    font-weight: 700;
    margin-right: 10px;
    margin-bottom: 3px;
}

.Founder{
    padding: 90px 0px;
}
.Founder_h2 {
    margin-bottom: 18px;
    font-weight: 100;
}
.Founder_Left img {
    border-radius: 20px;
    height: 470px;
    object-fit: cover;
}
.Founder_Right_h1{
    font-weight: 700;
    margin-bottom: 25px;
}
.Founder_Right_p{
    line-height: 27px;
}
.Founder_Name {
    font-size: 25px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 5px;
}

.verify__cert {
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    margin-left: 15px;
    font-size: 10px;
    padding: 5px 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #fff;
}

#closeModal {
    font-size: 12px;
    color: red;
    font-weight: 800;
}

form#verifyForm button {
    background-color: #fe8b43;
    font-size: 13px;
    padding: 5px 30px;
    font-weight: 600;
    color: #000;
}

input#certNumber {
    background: #dae9fd;
    font-size: 12px;
}
div#verifyModal h3 {
    font-size: 21px;
    margin-bottom: 10px;
}

/* ========= ABOUT US PAGE ============ */


@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-8px);
    }
}
.bounce {
    animation: bounce 1s ease 3;
}


.Events_Banner{
  background-image: linear-gradient(#000000cc, #000000b5), url(./images/banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 5vw;
  margin-top: 5px;
}

.Events_Banner_h1{
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #EC904C;
}

.Events_Banner p{
  color: #fff;
  line-height: 23px;
} 

/* ================== */

.Events_After_Banner{
  padding: 70px 0px;
}

.Exhibition_Date {
    display: flex;
    flex-direction: column;
    height: 139PX;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #ffffffe3;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width: 90px;
    left: -91px;
    text-align: center;
    height: 100px;
}

.Exhibition_left_img{
    height: 100% !important;
    display: flex;
}
.Exhibition_left_img img{ 
  object-fit: cover;

}

.Exhibition_Mid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    border-top: 1px solid #D4E3EA;
    border-bottom: 1px solid #D4E3EA;
}
.Exhibition_Date{
  left: -90px;
}
.Exhibition_Date span {
    margin: 0px !important;
    display: block;
}

.Exhibition_Date span:nth-child(1) {
    font-size: 20px !important;
    margin-top: 15px !important;
    margin-bottom: -10px !important;
    font-weight: 400;
}
.Exhibition_Date span:nth-child(2) {
    font-size: 37px !important;
    margin-top: 0px !important;
    font-weight: bold;
    color: #fe8b43;
}

.Exhibition_Right h2 {
    color: #000;
    font-size: 31px;
    margin-top: 15px;
}

.event__date {
    margin-bottom: 14px;
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.viewallC_btn {
    background: #fe8b43;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
}

.viewallC_btn:hover {
    background: #000000;
    color: #fff;
}

    .course_card:hover .Card_hover_data {
    transform: translateX(0px);
  }
   .course_card_img{
  position: relative;
    }


    .card_content{
      padding: 30px;
      background: linear-gradient(to bottom, rgba(0, 151, 178, 0.25) 0%, rgba(236, 144, 76, 0.15) 50%, rgb(236 144 76 / 42%) 100%);
    }

    .card_title{
      font-size: 17px;
      font-weight: 600;
      margin-left: 0px;
    }
    .card_title:hover{
      color: #EC904C;
      transition: 0.3s;
    }
    .Card_hover_data{
      margin-top: -10px;
      margin-bottom: 15px;
    }
    .card_span{
      font-size: 13px;
      display: block;
      margin-top: -15px;
      margin-bottom: 12px;
    }
    .card_span:hover{
      color: #EC904C;
      transition: 0.3s;
    }
    .card_icons{
      display: flex;
      justify-content: space-between;
      border-top:1px solid #d4e3ea ;

    }

 section.Service_tabs .swiper-slide {
    min-height: 190px !important;
    margin-bottom: 20px;
}

   
    .card_icons_inner i{
      font-size: 10px;
      margin-top: 15px;
    }
    .card_icons_inner h4{
        font-size: 14px;
        font-weight: 400;
        margin-left: 8px;
        margin-top: 15px;

    }

    div#liveSearchResults a {
    font-size: 14px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    color: #fff;
  }

div#liveSearchResults {
    margin-top: 47px;
    width: 70% !important;
}
  
div#liveSearchResults a:hover {
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    box-sizing: border-box;
    border:none;
}

.searchOuter input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

/* Firefox */
.searchOuter input[type="search"]::-moz-search-clear-button {
    display: none;
}

.Home_Events_Cards {
    padding: 20px;
    border: 2px dashed #0000002e;
    min-height: 450px;
    border-radius: 5px;
}


.train24__shine-btn {
  position: relative;
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  color: #fff;
  border: none;
  padding: 12px 30px;
  font-size: 1.1rem;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
  font-weight: 600;
  transition: transform 0.3s ease;
}

.train24__shine-btn:hover {
  transform: scale(1.05);
}

/* Shining effect */
.train24__shine-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);
  animation: train24__shine 3s infinite;
}

/* Keyframes for the infinite shine animation */
@keyframes train24__shine {
  0% {
    left: -75%;
  }
  50% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}


/* ==========COUURSE CARD SWIPER============== */


header.dropdown-item.active, .dropdown-item:active
 {
    background-color: #fe8b43 !important;
}

/* ========= CATEGORIES SWIPER ========= */
 .category__one_top { padding: 24px 0; }
    .cate___oneInner { height: 450px; display: flex; align-items: center; }
    .cate___oneInner .swiper { height: 100%; width: 100%; }
    .cate___oneInner .swiper-wrapper { align-items: center; }
    .cate___oneInner .swiper-slide {
      min-height: 450px;   
      width: 140px; 
      /* background-color: linear-gradient(#000000b9, #ec8f4cb0); */
      /* background-image:linear-gradient(#0000007d, #000000a1), url(../images/categories/01.jpeg); */
      background-color: #8a8a8a;
      color: #fff;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.25);
      user-select: none;
    }
    .cate___oneInner .swiper-slide{
      padding-block:15px ;
    }

    .cate___oneInner .swiper-slide .vertical-text {
      writing-mode: vertical-rl;
      text-orientation: mixed;
      transform: none;
      font-weight: 800;
      font-size: 25px;
      letter-spacing: 0.4px;
      white-space: nowrap;
      text-transform: uppercase;
    }

    /* Optional: small screens reduce slide width */


    /* Optional: nicer pagination placement */
    .cate___oneInner .swiper-pagination {
      bottom: 8px !important;
    }

    /* Left heading spacing */
    .cate_one_heading h2,.Courses_Left h2 {
      font-size: 45px !important;
      font-weight: 700;

    }
    .cate_one_heading p {
      color: #6c757d;
      margin: 0;
    }
    .cate___oneInner span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: orange;
}

.cate___oneInner span.swiper-pagination-bullet{
    background-color: #fff;
}

 /* ===== Categories Section Styling ===== */

  .innerCounter_24 {
    padding: 10px 0px 15px 0px;
    border-right: 1px solid #e5f8ff;
}

section.home__counterr::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    width: 90%;
    height: 45px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    filter: blur(25px);
    border-radius: 50%;
    opacity: 0.7;
    z-index: -1;
}

.home__counterr .row {
    border-top: 4px solid #fc9c598f;
    border-radius: 5px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
}

.innerCounter_24:last-child{
  border-right: none;
}

.count_cont h5 {
    font-size: 15px;
    letter-spacing: 0.4px;
    color: #fff;
}

.counttt {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}


section.home__counterr {
    margin-top: -3px;
    margin-bottom: 130px;
    z-index: 99999;
    position: relative;
}


.homeCat__section {
    overflow: hidden;
    padding-block: 100px;
    position: relative;
    padding-top: 120px;
}

    /* ==== SLIDER CONTAINER ==== */
    .homeCat__slider{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

    .homeCat__track {
      display: flex;
      width: calc(250px * 16);
      animation: homeCatScroll 40s linear infinite;
      padding-block: 22px;
    }

    /* ==== INDIVIDUAL CARD ==== */
   .home__24Cat {
  position: relative;
  z-index: 1;
  flex: 0 0 200px;
  height: 200px;
  background: #D4E3EA;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s, box-shadow 0.3s;
}

.homeCat__slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 3;
  background: linear-gradient(
    to right,
    #fff 3%,
    rgba(255, 255, 255, 0) 15%,
    rgba(255, 255, 255, 0) 85%,
    #fff 97%
  );
}

    .home__24Cat::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px; /* border thickness */
  border-radius: 50%;
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

/* Optional: Hover lift effect */
.home__24Cat:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

    .home__24Cat i {
    font-size: 45px;
    margin-bottom: 10px;
    color: transparent;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    background-clip: text;
}

    .home__24Cat:hover {
      transform: scale(1.08);
      box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
    }

    .home__24Cat:nth-child(even) {
    margin-top: 80px;
}

section.homeCat__section .heading {
  display: block;
  font-size: clamp(5rem, 18vw, 14rem); /* 18vw is your desired midpoint */
  text-transform: uppercase;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 2px #0097B2;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.timeline__inner i{
    font-size: 20px;
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    height: 40px;
    display: inline-block;
    width: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.timeline__inner h3 {
    font-size: 21px;
    font-weight: 600;
}

.timeline__inner {
    display: flex;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    min-height: 130px;
    align-items: center;
    margin-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.timeline__inner span {
    margin-right: 10px;
}

.conent_timeline p {
    font-size: 14px;
}

.heading__box_timline h1 {
    font-size: 40px;
    font-weight: 700;
}

.heading__box_timline {
    margin-bottom: 60px;
    text-align: center;
}

section.timeline {
    padding-top: 65px;
    position: relative;
    overflow: hidden;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%; /* gradient height — adjust if needed */
  background: linear-gradient(
    to bottom,
    rgba(0, 151, 178, 0.25) 0%,
    rgba(236, 144, 76, 0.15) 50%,
    rgba(236, 144, 76, 0) 100%
  );
  pointer-events: none;
  z-index: 1;
}


.event__card .event__img:nth-child(1){
background-image: url(../images/eventshome/carrer.jpeg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

section#whyChooseUs .whu_us_left{
    padding-block: 130px;
}

section#whyChooseUs .whu_us_right{
  padding-top: 100px;
  padding-bottom: 30px;
}

.whu_us_left {
    background: linear-gradient(to bottom, rgba(0, 151, 178, 0.25) 0%, rgba(236, 144, 76, 0.15) 50%, rgb(236 144 76 / 42%) 100%);
    border-top-right-radius: 70px;
    text-align: left;
    padding-left: 20px;
}

.innerSmallBulletdChoose span {
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    padding: 8px;
    border-radius: 100px;
    font-size: 13px;
    color: #fff;
}

.whu_us_right {
    padding-right: 50px;
    padding-left: 25px;
}

.why_chooose_iinner h4 {
    font-size: 23px;
    font-weight: 600;
}

.whu_us_left h2 {
    font-size: 5rem;
}

.why_chooose_iinner {
    margin-bottom: 30px;
}

.topbar-notify {
    background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
    height: 30px;
    margin-bottom: 10px;
}

.topbar-notify .tp-txt {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
}

        .fee-structure-body {
            background-color: #f8f9fa;
            padding-top: 20px;
        }
        .fee-structure-header {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        .fee-structure-tabs .fee-structure-nav-link {
            color: #495057;
            font-weight: 500;
            border: none;
            padding: 12px 24px;
        }
        .fee-structure-tabs .fee-structure-nav-link.active {
            color: #0d6efd;
            background-color: transparent;
            border-bottom: 3px solid #0d6efd;
            font-weight: 600;
        }
        .fee-structure-table-container {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        .fee-structure-table {
            margin-bottom: 0;
        }
        .fee-structure-thead {
            background-color: #f1f5f9;
        }
        .fee-structure-th {
        font-weight: 600;
        padding: 15px 12px;
        border-bottom: 2px solid #dee2e6;
        font-size: 15px;
        font-weight: 700;
    }
        .fee-structure-td {
            padding: 12px;
            vertical-align: middle;
            font-size: 15px;
        }
        .fee-structure-tbody tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        .fee-structure-course-name {
            font-weight: 500;
        }
        .fee-structure-fee-amount {
            font-weight: 600;
            color: #198754;
            font-size: 14px;
        }
        .fee-structure-duration-badge {
            background-color: #e7f1ff;
            color: #0d6efd;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        .fee-structure-footer-note {
            font-size: 0.85rem;
            color: #6c757d;
            margin-top: 20px;
            text-align: center;
        }
        .fee-structure-main-title {
            color: #2c3e50;
            font-weight: 700;
            margin-bottom: 1.5rem;
            font-size: 35px;
            font-weight: 900;
        }
        .fee-structure-tab-content {
            min-height: 400px;
        }
        

    /* ==== INFINITE SCROLL ANIMATION ==== */
    @keyframes homeCatScroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(calc(-250px * 8)); }
    }

    /* ==== RESPONSIVE STYLING ==== */
    @media (max-width: 992px) {
      .whu_us_left h2 {
    font-size: 3.5rem;
}

.why_chooose_iinner h4 {
    font-size: 20px;
}

section#whyChooseUs .whu_us_right {
    padding-top: 15px;
    padding-bottom: 0px;
}
      .main-nav-outer .nav {
    justify-content: unset !important;
}
      .home__24Cat {
        flex: 0 0 180px;
        height: 180px;
        font-size: 0.9rem;
      }
      .homeCat__track {
        width: calc(220px * 16);
      }
    }

    @media (max-width: 576px) {
      .home__24Cat {
        flex: 0 0 130px;
        height: 130px;
        font-size: 0.8rem;
      }
      .home__24Cat i {
        font-size: 28px;
      }
      .homeCat__track {
        width: calc(180px * 16);
      }
    }

    /* ==== OPTIONAL: Pause animation on hover ==== */
    .homeCat__slider:hover .homeCat__track {
      animation-play-state: paused;
    }


/* ========= Event Card ========= */

.homeEvent__section {
  padding: 80px 0;
}

.event__card {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.event__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.event__img {
  height: 220px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.event__date {
  position: absolute;
  top: 15px;
  left: 15px;
  background: linear-gradient(135deg, #0097B2, #EC904C);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 6px 10px;
  font-weight: 600;
}

.event__day {
  font-size: 1.2rem;
  line-height: 1;
}

.event__month {
  font-size: 0.9rem;
}

.event__content {
  padding: 20px;
}

.event__location {
  color: #0097B2;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.event__title {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.event__btnReg {
  border: none;
  background: linear-gradient(135deg, #0097B2, #EC904C);
  color: #fff;
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: 600;
  transition: background 0.3s;
}

.event__btnReg:hover {
  opacity: 0.9;
}

/* Swiper Navigation Buttons (Top Right - Vertical Style) */
.event__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.event__btn {
  position: static !important;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0097B2, #EC904C);
  color: #fff;
}

.event__btn::after {
  font-size: 14px;
}

section.homeEvent__section .event_bx_inn {
    margin-bottom: 60px !important;
}

/* Responsive Swiper */
@media (max-width: 992px) {
  .swiper {
    padding-inline: 10px;
  }
}



/* ========= MEDIA QUERY ========= */
  

@media (max-width:992px){

  .inner_sp_lastsec h1 {
    font-size: 30px;
    margin-top: 115px;
}

.banner-inner h1 {
    font-size: 66px;
}

.bann_head_24 h2 {
    font-size: 25px;
}

.banner-inner p {
    font-size: 27px;
}

.banner3D img {
    margin-left: 30px;
}

}

@media (max-width:767px){
  div#offcanvasWithBackdrop {
    z-index: 99999999999;
}

    .topbar-notify .tp-txt {
        font-size: 11px;
        padding: 0px;
}

.topbar-notify {
    margin-bottom: 0px;
    min-height: 30px;
}

.swiper-wrapper {
    line-height: 30px;
}

  section#whyChooseUs .whu_us_left {
    padding-block: 25px;
    padding-bottom: 1px;
    margin-bottom: 20px;
}

.whu_us_right{
  padding-right: 10px;
} 

section#whyChooseUs {
    margin-bottom: 30px;
}

.whu_us_left h2 {
        font-size: 2rem;
    }

  div#liveSearchResults a {
    font-size: 11px;
}

section.home__counterr {
    width: 85%;
    margin: auto;
}

.counttt {
    font-size: 18px;
}

.count_cont h5 {
    font-size: 11px;
    letter-spacing: 0;
    margin-top: 2px;
}

div#liveSearchResults {
    margin-top: 20px;
    width: 100% !important;
}

.banner-inner {
    text-align: center;
}

.sub___heading {
    font-size: 33px;
}

.homeCat__section {
    padding-bottom: 0px;
    margin-bottom: -40px;
}

    .course_card {
    margin: 10px 0px 10px 0px;
    }

    .card_title {
    font-size: 18px !important;

  }
  .card_content {
    padding: 30px 30px 8px 30px;
  }

  .Course_Categories {
    padding: 40px 0px;
  }
  section.Course_Categories h1 {
    font-size: 25px !important;
    margin-bottom: 20px;
  }


  .Our_Process {
    padding: 40px 0px;
  }
  section.Our_Process h1 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }

  .process_h2 {
    font-size: 20px;
    margin-top: 0px !important;
    font-weight: 700;
  }



  .Upcoming_Events {
    padding: 40px 0px;
}

    .h_event_btn {
    padding: 6px 10px;
    font-size: 10px;
    }





.sp_inner_section3{
   min-height: 315px;
    
   
}
.service_page_banner {
    padding: 40px 15px;
}
.spage_inner_col h4 {
    font-size: 19px;
    margin-bottom: 10px !important;
}
.inner_sp_lastsec h1 {
    font-size: 25px;
    margin-top: 10px;
}
.software_div h4 {
    font-size: 25px !important;
}

   
.Trusted_h1 {
    font-size: 27px;
    font-weight: 800;
}
.Trusted {
    padding: 60px 0px;

}
.cate_one_heading h2, .Courses_Left h2 {
    font-size: 33px !important;
    margin-bottom: 5px;
}
.cate_one_heading {
    margin-bottom: 25px;
}

section.tw_process.py-5 h2 {
    font-size: 33px;
    letter-spacing: 0;
    text-transform: capitalize !important;
}
.tw_process-dot {
    position: absolute;
    left: -39px !important;
    top: -147px;
}
.tw_process-line {
    height: calc(100% - 210px);
}
.Expect_inner_mid {
  margin-top: -10px;
}
.Expect_inner {
    margin-top: -10px;
}
    .cate___oneInner .swiper-slide .vertical-text{
        font-size: 27px;
}


  .Categories_Div{
    margin-bottom: 15px !important;
  }
  /* =========== EVENTS PAGE =========== */

   .Exhibition_Mid{
      border-top: 1px solid #D4E3EA;
      border-bottom: 1px solid #D4E3EA;

    }

    .Exhibition_Date {
      display: flex;
      flex-direction: column;
      height: 139px;
      position: absolute;
      left: 0;
      bottom: 18px;
      background-color: #ffffffe3;
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
      width: 90px;
      left: 0px;
      text-align: center;
      height: 100px;
      top: -101px;
    }
    .Exhibition_Right{
      padding-left: 0 !important;
      padding: 20px 0px;
    }

  /* =========== EVENTS PAGE =========== */


  .main-nav-outer {display: flex;justify-content: space-between;}
       .verify__cert {
        margin-left: 0px;
        font-size: 9px;
        padding: 5px 4px;
        color: #fff !important;
        border-radius: 0px !important;
        margin-right: 5px;
        margin-bottom: 2px;
    }
.mobile___pad {padding: 0px;}
  .admition_tab span:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 1px;
}
.admition_tab span:nth-child(1) {
    width: 120px;
    line-height: 40px;
}
.admissionContent{flex-direction: row;}

  .slider.course-popular .swiper-button-next ,.slider.course-popular .swiper-button-prev {
    background: transparent;
    border: none;
    padding: 10px;
    border-radius: 20px;
    margin-top: -79px;
    background-color: #fe8b43c9;
}
img.mobile__banner {object-fit:contain;}
header .logoOuter img {width: 100% !important;}
    header .searchOuter .SearchBtn {
        right: 8px !important;
        padding: 7px 5px !important;
        font-size: 10px;
        background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
        border-radius: 0px !important;
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
        font-size: 8px;
        color: #fff !important;
    }
    header input.form-control {
        padding: 5px 7px;
        border-radius: 100px;
    }
.main-nav-outer .nav-link {padding: 0px 4px !important;font-size: 10px;}
h2{font-size: 24px;}
.studentsReview .student-RvInnerBox{padding: 0px 15px;}
.left__line:after{top: 0px;}
.dFlexBox-Rev-Cont p {font-size: 17px;}
.rev-stud-ico i.bi.bi-chat-square-quote {font-size: 30px;}
.onlineLearning .innerLearning h5 {font-size: 25px;}
.map_title_outer h2:after {left: 7px !important;}
.map_title_outer h2 {padding: 0px 15px !important;}
.googlemap_outer iframe {height: 300px;}
footer {padding-top: 65px;padding-bottom: 10px;}
.footer_socialBox i {font-size: 20px;}
header .col-7.col-md-8 {padding-left: 0px; padding-right: 0px;}
    .searchOuter input {
        font-size: 10px !important;
}
button.can-mob__icon i.bi.bi-list {
    font-size: 28px;
}
header .container-fluid {padding-left: 20px;}
.wtsapFixed img {width: 70px;}
.tp-txt {font-size: 10px;}
.offcanvas-header {padding-bottom: 0px;} 
div#offcanvasWithBackdrop {width: 85%;}
.mob___menu {
  font-size: 13px;
  color: #ffffff;
  border-bottom: 1px solid #00000029;
  margin-bottom: 8px;
  padding-bottom: 7px;
  background: linear-gradient(135deg, #0097B2 0%, #EC904C 100%);
  display: block;
  width: 100%;
  padding-top: 8px;
  padding-left: 10px;
  border-radius: 5px;
}
.offcanvas-header h5 {
    font-size: 15px;
    font-weight: 500;
    margin-left: 2px;
    margin-bottom: -5px;
}
.single_category_outer .bread__crumb_banner {background-color: #d4e3ea;margin-top: 10px;margin-top: 10px;
    padding-top: 10px !important;padding-bottom: 10px !important;}
.breadInner .bread-ssp {font-size: 13px;}
.breadInner a {font-size: 13px;}
.card-body .card-title {font-size: 16px !important;}
.course-header {padding-top: 30px !important;margin-top: 10px;}
.course-header h1 {font-size: 22px;font-weight: 600 !important;}
.course-header .list-inline li {margin-right: 4px !important;font-size: 11px;}
.course-header p {font-size: 14px !important;}
ul#courseTab button {
    padding: 6px 5px;
    font-size: 11px;
    color: #000 !important;
    border-radius: 3px !important;
    margin: 0px 2px !important;
    border: 3px double #000 !important;
    font-weight: 500 !important;
}
.course-content p {font-size: 13px;}
.course-content h4 {margin-bottom: 1rem;font-weight: 700;font-size: 19px;}
div#curriculumAccordion .accordion-button {
    font-size: 13px;
    padding: 5px 0px;
}
div#curriculumAccordion .accordion-item {
    margin-bottom: 10px;
}
.accordion-button::after {
    width: 20px;
    height: 18px;
    margin-right: 13px;
    z-index: 99999;
    margin-top: -10px;
}
section.course-content .accordion-body li {
    font-size: 12px;
    padding-left: 0px;
    margin-left: -15px;
    margin-bottom: 5px;
}
.sec-padding {padding-block: 45px 0px;}
.categories__secc {margin-top: 20px;}
.expectFrom.sec-padding .container-fluid {
  padding: 0px 15px;
}
.inner-cate__bx {justify-content: flex-start;border: 3px double #000;}
.innerBlog {margin-bottom: 10px;}
.onlineLearning {margin-top: 30px;}
.onlineLearning .container-fluid {padding: 0px 15px;}
section.googlemap_outer {padding-block: 60px;}
.map_title_outer h2 {font-size: 22px;}
section.googlemap_outer{padding-bottom: 0px !important;}
.Who_We_Are {padding: 50px 0px 0px 0px !important;}
.Who_We_Are .container , .What_we .container , .Impact .container , .Founder .container{padding: 0px 30px !important;max-width: 100%;}
.Founder {padding: 40px 0px 30px 0px;}
.Founder_Right_h1 {font-weight: 700;margin-bottom: 17px;font-size: 24px;}
.What_we {padding: 45px 0px 30px 0px;}
.What_we h2 {margin-bottom: 0px;}
.Impact_h2 {font-size: 30px;margin-right: 0px;}
.Impact_innerbox {margin: 0px;border: none;text-align: center;margin-top: 0px !important;margin-bottom: -22px;}
.Impact_innerbox_last {text-align: center;margin-top: 0px;}
.succc__btmm {margin-bottom: 30px;}
.Impact_mainBox {padding: 45px 10px;}
.Impact_mainBox h2 {margin-bottom: 10px;font-size: 28px;}
.About_Banner {padding: 22px 15px;}
.About_Banner_h1 {font-size: 30px;font-weight: 600;margin-bottom: 15px;color: #EC904C;margin-top: 20px;}
.About_Banner_p {line-height: 22px;font-size: 15px;}

  .inner_sp_lastsec
 {
    margin-top: 45px;
}
button.can-mob__icon {
    transform: translateX(-3px);
}
    .banner-inner p {
        font-size: 23px;
        line-height: 26px;
    }

        .banner-btn .btn {
        padding: 10px 25px;
        font-size: 13px;
    }

    .bann_head_24 h2 {
        font-size: 23px;
        text-transform: uppercase;
    }

        .banner-inner h1 {
        font-size: 60px;
        margin-top: -20px;
        margin-bottom: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .homeCat__slider {
    margin-top: 0px;
}

 .home__24Cat {
        flex: 0 0 160px;
        height: 160px;
        font-size: 0.85rem;
        margin: 0px;
      }
      .home__24Cat i {
        font-size: 32px;
      }

      section.homeEvent__section .event_bx_inn {
    margin-bottom: 40px !important;
}

.homeCat__slider::after {
    bottom: 40px;
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 93%, #fff 100%);
}

.sub___heading {
    margin-bottom: 20px;
}

section.timeline {
    padding-top: 45px;
    margin-top: 50px;
}

.heading__box_timline br {
    display: none;
}

.timeline__inner {
    margin-bottom: 45px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.heading__box_timline h1 {
    font-size: 30px;
}

.timeline__inner h3 {
    font-size: 20px;
}
.homeEvent__section {
    padding: 30px 0;
}

section.Service_tabs {
    margin-top: 65px;
}

section.banner {
    height: 360px;
}

}



/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .fee-structure-main-title {
        font-size: 24px !important;
    }
    
    .fee-structure-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }
    
    .fee-structure-tabs .nav-item {
        flex-shrink: 0;
    }
    
    .fee-structure-tabs .fee-structure-nav-link {
        padding: 8px 16px;
        font-size: 14px;
        white-space: nowrap;
    }
    
    /* Hide table headers on mobile */
    .fee-structure-thead {
        display: none;
    }
    
    /* Convert table rows to cards */
    .fee-structure-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        background: white;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .fee-structure-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 15px;
        border: none;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .fee-structure-table tbody td:last-child {
        border-bottom: none;
    }
    
    /* Add labels for mobile view */
    .fee-structure-table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #495057;
        font-size: 14px;
    }
    
    /* Remove background colors from alternating rows since we have cards */
    .fee-structure-tbody tr:nth-child(even) {
        background-color: transparent;
    }
    
    .fee-structure-footer-note {
        font-size: 0.8rem;
        padding: 0 10px;
    }
    header hr.lineHead {
    margin-top: 5px;
}
}

/* Small mobile devices */
@media (max-width: 576px) {
    .fee-structure-main-title {
        font-size: 20px !important;
    }
    
    .fee-structure-header {
        padding: 15px;
    }
    
    .fee-structure-tabs .fee-structure-nav-link {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .fee-structure-table tbody td {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .fee-structure-duration-badge {
        font-size: 0.75rem;
    }
}

/* Add data labels to table cells for mobile view */
@media (max-width: 768px) {
    /* For 1 Month tab */
    #fee-one-month .fee-structure-td:nth-child(1)::before { content: "Course Name:"; }
    #fee-one-month .fee-structure-td:nth-child(2)::before { content: "Course Fee:"; }
    #fee-one-month .fee-structure-td:nth-child(3)::before { content: "Registration Fee:"; }
    
    /* For other tabs */
    #fee-two-months .fee-structure-td:nth-child(1)::before,
    #fee-three-months .fee-structure-td:nth-child(1)::before,
    #fee-six-months .fee-structure-td:nth-child(1)::before { content: "Course Name:"; }
    
    #fee-two-months .fee-structure-td:nth-child(2)::before,
    #fee-three-months .fee-structure-td:nth-child(2)::before,
    #fee-six-months .fee-structure-td:nth-child(2)::before { content: "Duration:"; }
    
    #fee-two-months .fee-structure-td:nth-child(3)::before,
    #fee-three-months .fee-structure-td:nth-child(3)::before,
    #fee-six-months .fee-structure-td:nth-child(3)::before { content: "Course Fee:"; }
}