body {
margin:0;
font-family:"Poppins",sans-serif
}

h1 {
margin:0
}

h2 {
margin:0!important
}

h3 {
margin:0!important
}

h4 {
margin:0!important
}

h5 {
margin:0!important
}

h6 {
margin:0!important
}


/* Header */
    .header-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 40px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
      position: sticky;
      top: 0;
      z-index: 9999999;
    }

    .branding img {
      max-height: 50px;
      width: auto;
      transition: transform 0.3s ease;
    }

    .branding img:hover {
      transform: scale(1.05);
    }
    @media(max-width:992px){

    .menu-toggles {
      display: flex;
      justify-content: end;
      width: 100%;
    }
      }

    /* Toggle Button */
    .menu-toggle {
      display: none;
      font-size: 28px;
      background: none;
      border: none;
      cursor: pointer;
      color: #b31400;
      transition: color 0.3s ease;
    }

    .menu-toggle:hover {
      color: #e4c88f;
    }

    /* Main Navigation */
    .main-nav {
      display: flex;
      list-style: none;
      gap: 35px;
      margin: 0;
      padding: 0;
      align-items: center;
    }

    .main-nav > li {
      position: relative;
    }

    .main-nav > li > a {
      text-decoration: none;
      color: #222;
      font-weight: 600;
      padding: 10px 5px;
      font-size: 15px;
      transition: color 0.3s ease;
      display: flex;
      align-items: center;
      gap: 0px;
    }

    .main-nav > li > a:hover {
      color: #b31400;
    }

    /* Dropdown Arrow */
    .menu-item-has-children > a::after {
      content: '\f107';
      font-family: 'FontAwesome';
      font-weight: 900;
      margin-left: 5px;
      font-size: 12px;
      transition: transform 0.3s ease;
    }

    .menu-item-has-children:hover > a::after {
      transform: rotate(180deg);
    }

    /* Level 1 Mega Menu */
    .sub-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: -20px;
      background: #fff;
      min-width: 300px;
      padding: 15px 0;
      list-style: none;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
      border-radius: 8px;
      margin-top: 10px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
    }

    .menu-item-has-children:hover > .sub-menu {
      display: block;
      opacity: 1;
      visibility: visible;
      margin-top: 0;
    }

    .sub-menu li {
      position: relative;
      border-bottom: 1px solid #f0f0f0;
    }

    .sub-menu li:last-child {
      border-bottom: none;
    }

    .sub-menu li > a {
      text-decoration: none;
      color: #000;
      font-weight: 700;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 20px;
      transition: all 0.3s ease;
    }

    .sub-menu li > a:hover {
      background: #f8f9fa;
      color: #b31400;
      padding-left: 25px;
    }

    /* Level 2 Submenu (School Categories) */
    .sub-menu .menu-item-has-children > a::after {
      content: '\f105';
      font-family: 'FontAwesome';
      font-weight: 900;
      font-size: 12px;
      margin-left: auto;
    }

    .sub-menu .sub-menu {
      top: 0;
      left: -118%;
      margin-left: 5px;
      min-width: 220px;
    }

    .sub-menu .menu-item-has-children:hover > .sub-menu {
      display: block;
    }

    /* Level 3 Submenu (Programs like BCA) */
    .sub-menu .sub-menu .sub-menu {
      top: 0;
      left: 100%;
      margin-left: 5px;
      min-width: 200px;
      background: #f8f9fa;
    }

    .sub-menu .sub-menu .sub-menu li a {
      font-size: 13px;
      color: #555;
      padding: 10px 20px;
    }

    .sub-menu .sub-menu .sub-menu li a:hover {
      background: #e9ecef;
      color: #b31400;
    }

    /* Breadcrumb Visual Helper */
    .sub-menu .menu-item-has-children > a {
      font-weight: 600;
      color: #000;
    }

    /* Mobile Styles */
    @media (max-width: 992px) {
      .notification-bar {
        display: none;
      }

      .header-bar {
        padding: 12px 20px;
      }

      .branding img {
        max-height: 40px;
      }

      .menu-toggle {
        display: block;
      }

      .main-nav {
        flex-direction: column;
        position: fixed;
        width: 100%;
        max-width: 380px;
        height: 100vh;
        background: #fff;
        top: 0;
        right: -100%;
        padding: 80px 0 20px;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        transition: right 0.3s ease;
        gap: 0;
        align-items: flex-start;
      }

      .main-nav.active {
        right: 0;
      }

      .main-nav > li {
        width: 100%;
        border-bottom: 1px solid #eee;
      }

      .main-nav > li > a {
        padding: 15px 20px;
        width: 100%;
        justify-content: space-between;
      }

      .menu-item-has-children > a::after {
        content: '\f107';
        transition: transform 0.3s ease;
      }

      .menu-item-has-children.open > a::after {
        transform: rotate(180deg);
      }

      /* Mobile Level 1 */
      .sub-menu {
        position: static;
        transform: none;
        min-width: 100%;
        padding: 0;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
        background: #f8f9fa;
      }

      .menu-item-has-children.open > .sub-menu {
        display: block;
        max-height: 2000px;
        opacity: 1;
        visibility: visible;
      }

      .sub-menu li {
        padding: 0;
        border-bottom: 1px solid #e9ecef;
      }

      .sub-menu li > a {
        padding: 12px 20px 12px 35px;
        font-size: 14px;
      }

      .sub-menu li > a:hover {
        padding-left: 40px;
      }

      /* Mobile Level 2 */
      .sub-menu .sub-menu {
        margin-left: 0;
        padding-left: 0;
        background: #e9ecef;
      }

      .sub-menu .sub-menu li > a {
        padding: 12px 20px 12px 50px;
        font-size: 13px;
      }

      .sub-menu .sub-menu li > a:hover {
        padding-left: 55px;
      }

      /* Mobile Level 3 */
      .sub-menu .sub-menu .sub-menu {
        background: #dee2e6;
      }

      .sub-menu .sub-menu .sub-menu li > a {
        padding: 10px 20px 10px 65px;
        font-size: 13px;
      }

      .sub-menu .sub-menu .sub-menu li > a:hover {
        padding-left: 70px;
      }

      /* Mobile Arrow Indicators */
      .sub-menu .menu-item-has-children > a::after {
        content: '\f107';
      }

      .sub-menu .menu-item-has-children.open > a::after {
        transform: rotate(180deg);
      }

      /* Mobile Close Icon */
      .menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        color: #b31400;
        cursor: pointer;
        display: none;
      }

      .main-nav.active ~ .menu-close {
        display: block;
      }

      /* Overlay */
      .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
      }

      .menu-overlay.active {
        display: block;
      }
    }

    @media (max-width: 576px) {
      .header-bar {
        padding: 10px 15px;
      }

      .branding img {
        max-height: 35px;
      }

      .main-nav {
        max-width: 90%;
      }
    }

    /* Smooth Scrolling */
    .main-nav {
      scrollbar-width: thin;
      scrollbar-color: #b31400 #f0f0f0;
    }

    .main-nav::-webkit-scrollbar {
      width: 6px;
    }

    .main-nav::-webkit-scrollbar-track {
      background: #f0f0f0;
    }

    .main-nav::-webkit-scrollbar-thumb {
      background: #b31400;
      border-radius: 3px;
    }


.home-banner-slider {
position:relative;
overflow:hidden
}

.slider-wrapper {
display:flex;
transition:transform .5s ease
}

.slide {
min-width:100%;
position:relative;
text-align:center;
color:#fff
}

.slide img {
width:100%;
height:500px;
object-fit:cover;
filter:brightness(70%)
}

.slide-content h1{
  font-size:2.5rem;
margin-bottom:15px
}

.slide-content h2 {
font-size: 42px;
margin-bottom:15px
}

.slide-content p {
font-size:1.1rem;
margin-bottom:25px
}

.slide-content .btn {
background:#f60;
color:#fff;
padding:12px 25px;
text-decoration:none;
border-radius:4px
}

.home-banner-slider {
position:relative;
width:100%;
overflow:hidden;
max-height:600px
}

.slider-wrapper {
display:flex;
transition:transform .8s ease-in-out;
width:100%
}

.slide {
min-width:100%;
position:relative;
text-align:center;
color:#fff
}

.slide img {
width:100%;
height:600px;
object-fit:cover;
filter:brightness(0.7);
position:relative
}

.slide-content {
position:absolute;
top:55%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
max-width:700px;
text-align:center;
z-index:99999!important
}

.slide-content h1{
  font-size: 42px;
}



.slide-content p {
font-size:18px;
margin-bottom:25px
}

.slide-content .btn {
background:#f60;
color:#fff;
padding:12px 28px;
border-radius:4px;
text-decoration:none;
font-weight:700;
transition:background .3s ease
}

.slide-content .btn:hover {
background:#e65c00
}

.slider-arrow {
position:absolute;
top:50%;
transform:translateY(-50%);
background:#00000080;
border:none;
color:#fff;
font-size:32px;
padding:10px 18px;
cursor:pointer;
z-index:10;
transition:background .3s ease
}

.slider-arrow:hover {
background:#000c
}

.prev {
left:10px
}

.next {
right:10px
}

.slider-dots {
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:8px
}

.slider-dots button {
width:12px;
height:12px;
border-radius:50%;
border:none;
background:#fff9;
cursor:pointer;
transition:background .3s ease;
}

.slider-dots button.active {
background:#f60
}

@media (max-width: 768px) {
.slide-content h1{
font-size:28px !important;
padding: 0px 20px;
}

.slide-content  h2 {
font-size:28px !important;
padding: 0px 20px;
}

.slide-content p {
font-size:16px
}

.slide-content .btn {
padding:10px 20px;
font-size:14px
}

.slide img {
height:400px
}
}

.about-section {
padding:60px 15px;
background:#fff;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:50px;
position:relative
}

.about-image {
flex:1 1 400px;
text-align:center
}

.about-image img {
width:100%;
max-width:475px;
border-radius:20px
}

@media(max-width: 992px) {
.about-image img {
display:none
}

.about-content h2::after {
left:50%!important;
transform:translateX(-50%)
}
}

.about-content {
flex:1 1 500px;
max-width:600px
}

.about-content h2 {
font-size:32px;
color:#222;
margin-bottom:40px !important;
position:relative;
}

.about-content h2::after {
content:"";
position:absolute;
width:120px;
height:4px;
background:#f60;
bottom:-10px;
left:0
}

.contect-us-content {
width:50%;
padding:35px 0
}

.contect-us-content h2 {
font-size:24px;
color:#222;
margin-bottom:20px;
position:relative
}

.contect-us-content h2::after {
content:"";
position:absolute;
width:120px;
height:4px;
background:#f60;
bottom:-10px;
left:0
}

@media(max-width:992px) {
.contect-us-content h2 {
font-size:20px
}

.send-us-a-content h2 {
font-size:20px!important
}
}

.send-us-a-content {
flex:1 1 450px;
background:#fff;
padding:35px 30px 0;
border-radius:12px;
box-shadow:0 4px 10px #00000014;
animation:slideInRight .8s ease
}

.send-us-a-content h2 {
font-size:24px;
color:#222;
margin-bottom:20px;
position:relative
}

.send-us-a-content h2::after {
content:"";
position:absolute;
width:120px;
height:4px;
background:#f60;
bottom:-10px;
left:0
}

.about-content p {
font-size:16px;
color:#555;
line-height:1.7;
margin-bottom:25px;
}

.about-content ul {
list-style:none;
padding:0
}

.about-content ul li {
font-size:16px;
color:#444;
margin-bottom:10px;
padding-left:30px;
position:relative
}

.about-content ul li::before {
content:"✓";
position:absolute;
left:0;
color:#f60;
font-weight:700
}

.about-content .btn {
display:inline-block;
background:#f60;
color:#fff;
padding:12px 28px;
border-radius:5px;
text-decoration:none;
font-weight:700;
transition:background .3s ease
}

.about-content .btn:hover {
background:#e65c00
}

@media (max-width: 992px) {
.about-section {
flex-direction:column;
padding:40px 15px;
text-align:justify;
gap:0
}

.workshop-section h2 {
font-size:24px;
margin-bottom:40px!important;
margin-top:0
}

.about-image {
flex:1 1 0;
text-align:center
}

.about-section .container {
align-items:center;
gap:0!important
}

.about-content h2 {
font-size:24px;
text-align:center
}

.about-content p {
font-size:16px;
padding-top:10px
}

.container {
flex-direction:column
}
}

.about-content h2::after {
left:11%;
transform:translateX(-50%)
}

.about-content ul li {
padding-left:25px
}

.workshop-section {
padding:40px 15px 60px;
background:#fff;
text-align:center;
position:relative;
overflow:hidden
}

@media(max-width:992px) {
.workshop-section {
padding:40px 15px
}
.wp-block-image img {
    border-radius: 0px !important;
     margin: 0px 0px !important;
}

}

.workshop-section h2 {
font-size:32px;
color:#222;
margin-bottom:50px!important;
position:relative;
text-align:center
}

.workshop-section h2::after {
content:"";
width:80px;
height:4px;
background:#f60!important;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

.workshop-slider {
display:flex;
transition:transform .6s ease-in-out;
width:100%;
gap:10px
}

.workshop-slider-wrapper {
overflow:hidden;
position:relative;
width:100%;
max-width:1200px;
margin:0 auto
}

.workshop-item {
flex:0 0 33.333%;
box-sizing:border-box;
padding:0
}

.workshop-card {
background:#f8f8f8;
border-radius:10px;
overflow:hidden;
transition:transform .4s ease,box-shadow .4s ease;
border:2px solid #f60
}

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

.workshop-card img {
width:100%;
height:330px;
object-fit:cover
}

.workshop-card h3 {
font-size:22px;
color:#222;
margin:20px 0 10px
}

.workshop-card .btn {
display:inline-block;
background:#f60;
color:#fff;
padding:10px 24px;
border-radius:4px;
text-decoration:none;
font-weight:700;
transition:background .3s ease;
margin:20px 0 30px
}

.workshop-card .btn:hover {
background:#e65c00
}

.workshop-arrow {
position:absolute;
top:50%;
transform:translateY(-50%);
background:#00000080;
color:#fff;
border:none;
font-size:30px;
padding:10px 18px;
cursor:pointer;
border-radius:50%;
z-index:10;
transition:background .3s ease
}

.workshop-arrow:hover {
background:#000c
}

.workshop-prev {
left:20px
}

.workshop-next {
right:20px
}

@media (max-width: 992px) {
.workshop-item {
flex:0 0 50%
}

.slider-arrow {
font-size:16px;
padding:5px 9px;
display:none;

}

.slide-content {
width:100%!important
}

.branding img {
max-height:50px;
width:auto
}

.header-bar {
padding:10px
}

.menu-toggle {
padding:0
}

.menu-item-has-children:hover > .sub-menu {
width:100% !important

}

.about-content .btn {
display:inline-block;
background:#f60;
color:#fff;
padding:10px 15px;
border-radius:5px;
text-decoration:none;
font-size:14px;
font-weight:700;
transition:background .3s ease
}

.workshop-section h2 {
font-size:24px;
margin-bottom:20px
}
}

@media (max-width: 600px) {
.workshop-item {
flex:0 0 100%
}
}

.program-section {
padding:60px 15px;
text-align:center;
background:#f565001a;
font-family:"Poppins",sans-serif
}

.section-title {
font-size:32px;
margin-bottom:40px!important;
color:#222;
font-weight:700
}

.program-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
width:100%
}

.program-box {
background:#fff;
color:#000;
border:2px solid #f60;
padding:20px;
border-radius:12px;
box-shadow:0 4px 12px #00000014;
transition:.3s;
cursor:pointer;
position:relative;
text-align:center
}

.program-box:hover {
transform:translateY(-8px);
box-shadow:0 8px 20px #00000026;
border:1px solid #ff66009f;
background:#fffcfcc2
}

.program-box a {
text-decoration:none;
color:#f60;
font-size:16px
}

.program-box i {
font-size:40px;
color:#f60;
margin-bottom:15px
}

.program-box h3 {
font-size:18px;
font-weight:600;
color:#000;
margin-bottom:10px
}

.program-box p {
font-size:16px;
color:#777;
line-height:1.5
}

.program-box:hover img {
transform:scale(1.2);
rotate:calc(10deg);
transition:.5s
}

.program-box.highlight {
background:#f60;
color:#fff
}

.program-box.highlight i,.program-box.highlight p,.program-box.highlight h3 {
color:#fff
}

.container {
max-width:998px;
width:100%;
margin:0 auto;
display:flex
}

.about-section .container {
align-items:center;
gap:50px
}

.master-section {
background:#f565001a;
padding:60px 15px
}

@media(max-width:992px) {
.master-section {
padding:40px 15px
}
}

.master-section h2 {
font-size:32px;
color:#222;
margin-bottom:50px;
position:relative;
text-align:center
}

.master-section h2::after {
content:"";
width:80px;
height:4px;
background:#f60;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

@media(max-width:992px) {
.master-section h2 {
font-size:24px
}

.program-grid {
grid-template-columns:repeat(auto-fit,minmax(290px,1fr))
}

.school-image img {
width:100%;
max-width:475px!important;
border-radius:10px;
box-shadow:0 10px 25px #0000001a;
transition:transform .4s ease,box-shadow .4s ease
}
}

.school-section {
padding:60px 15px;
background:#f565001a;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:50px
}

.school-image {
flex:1 1 400px;
text-align:center
}

.school-image img {
width:100%;
max-width:400px;
border-radius:10px;
box-shadow:0 10px 25px #0000001a;
transition:transform .4s ease,box-shadow .4s ease
}

.school-image img:hover {
transform:scale(1.03);
box-shadow:0 15px 30px #0003
}

.school-content {
flex:1 1 500px;
max-width:600px
}

@media(max-width:992px) {
.school-content {
flex:1 1 0;
max-width:100%
}

.integrated-row {
gap:0
}

.integrated-title {
font-size:24px!important;
margin-bottom:20px!important
}

.integrated-section {
padding:60px 15px!important
}
}

@media(max-width:768px) {
.integrated-image img {
display:none
}
}

.school-content h2 {
font-size:32px;
color:#222;
margin-bottom:40px !important;
position:relative
}

.school-content h2::after {
content:"";
position:absolute;
width:120px;
height:4px;
background:#f60;
bottom:-10px;
left:0
}

@media(max-width:992px) {
.school-content h2::after {
left:50%!important
}

.school-content h2 {
text-align:center
}
}

.school-content p {
font-size:16px;
color:#555;
line-height:1.7;
margin-bottom:25px
}

.school-content ul {
list-style:none;
padding:0
}

.school-content ul li {
font-size:16px;
color:#444;
margin-bottom:10px;
padding-left:30px;
position:relative
}

.school-content ul li::before {
content:"✓";
position:absolute;
left:0;
color:#f60;
font-weight:700
}

.school-content .btn {
display:inline-block;
background:#f60;
color:#fff;
padding:12px 28px;
border-radius:5px;
text-decoration:none;
font-weight:700;
transition:background .3s ease
}

.school-content .btn:hover {
background:#e65c00
}

@media (max-width: 992px) {
.school-section {
flex-direction:column;
padding:40px 15px;
text-align:justify;
gap:0
}

.workshop-section h2 {
font-size:24px;
margin-bottom:40px!important;
margin-top:0
}

.school-image {
flex:1 1 0;
text-align:center
}

.school-section .container {
align-items:center;
gap:0!important
}

.school-content h2 {
font-size:24px
}

.school-content p {
font-size:16px;
padding-top:10px
}

.container {
flex-direction:column
}
}

.school-content h2::after {
left:40%;
transform:translateX(-50%)
}

.school-content ul li {
padding-left:25px
}

.integrated-section {
padding:60px 15px 0;
background:#f565001a;
font-family:"Poppins",sans-serif
}

.integrated-title {
text-align:center;
font-size:32px;
color:#222;
font-weight:700;
margin-bottom:120px;
position:relative
}

.integrated-title::after {
content:"";
width:100px;
height:4px;
background:#f60;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

.integrated-row {
display:flex;
gap:40px;
justify-content:center;
align-items:flex-start
}

.integrated-image,.integrated-content {
flex:1;
max-width:50%
}

.integrated-image img {
width:100%;
border-radius:10px;
transition:.3s ease-in-out;
max-width:420px
}

.integrated-image img:hover {
transform:scale(1.03)
}

.accordion-item {
width:100%;
margin-bottom:15px;
border:1px solid #f60;
border-radius:10px;
background:#fff;
overflow:hidden
}

.accordion-header {
width:100%;
background:#f60;
color:#fff;
padding:15px 20px;
font-size:16px;
font-weight:600;
display:flex;
justify-content:space-between;
align-items:center;
font-family:'poppins';
cursor:pointer;
border:none
}

.accordion-body {
padding:15px 20px;
background:#fff;
color:#555;
display:none
}

.accordion-header .arrow {
transition:transform .3s ease
}

.accordion-header.active .arrow {
transform:rotate(180deg)
}

@media (max-width: 768px) {
.integrated-row {
flex-direction:column
}

.integrated-image,.integrated-content {
max-width:100%
}
}

.latest-blogs-section {
padding:60px 15px;
background:#fff;
font-family:"Poppins",sans-serif
}

@media(max-width:992px) {
.latest-blogs-section {
padding:40px 15px
}
}

.latest-blog-title {
text-align:center;
font-size:32px;
color:#222;
font-weight:700;
margin-bottom:40px!important;
position:relative
}

.latest-blog-title::after {
content:"";
width:100px;
height:4px;
background:#f60;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

.latest-blog-row {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px
}

.blog-card {
border:1px solid #f60;
border-radius:10px;
overflow:hidden;
background:#fff;
transition:.3s ease-in-out
}

.blog-card:hover {
transform:translateY(-5px);
box-shadow:0 6px 15px #0000001a
}

.blog-image img {
width:100%;
height:200px;
object-fit:cover
}

.blog-content {
padding:20px
}

.blog-title a {
font-size:20px;
font-weight:700;
color:#222;
text-decoration:none
}

.blog-title a:hover {
color:#f60
}

.blog-excerpt {
color:#555;
margin:10px 0 15px
}

.blog-read-more {
font-weight:600;
color:#f60;
text-decoration:none
}

.blog-read-more:hover {
text-decoration:underline
}

.blog-more-container {
text-align:center;
margin-top:40px
}

.view-more-btn {
padding:12px 25px;
background:#f60;
color:#fff;
text-decoration:none;
font-size:16px;
font-weight:600;
border-radius:6px;
transition:.3s ease-in-out;
border:none!important;
font-family:'poppins';
cursor:pointer
}

.view-more-btn:hover {
background:#e65a00
}

@media (max-width: 992px) {
.latest-blog-row {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 768px) {
.latest-blog-row {
grid-template-columns:1fr
}

.latest-blog-title {
font-size:26px
}
}

.single-post-section {
padding:60px 20px;
max-width:900px;
margin:auto;
font-family:"Poppins",sans-serif
}

.single-category a {
background:#f60;
color:#fff;
padding:6px 12px;
border-radius:5px;
font-size:13px;
text-decoration:none
}

.single-title {
font-size:36px;
font-weight:700;
margin-top:20px
}

.single-meta {
margin:10px 0 25px;
color:#777;
font-size:14px
}

.single-featured img {
width:100%;
border-radius:10px;
margin-bottom:25px
}

.single-content p {
font-size:17px;
line-height:1.7;
color:#333;
margin-bottom:20px
}

@media (max-width: 768px) {
.single-title {
font-size:28px
}
}

.archive-section {
padding:60px 20px;
font-family:"Poppins",sans-serif
}

.archive-title {
text-align:center;
font-size:32px;
font-weight:700;
margin-bottom:40px;
position:relative
}

.archive-title::after {
content:"";
width:100px;
height:4px;
background:#f60;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

.archive-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px
}

.archive-card {
border:1px solid #f60;
border-radius:10px;
overflow:hidden;
background:#fff;
transition:.3s
}

.archive-card:hover {
transform:translateY(-5px);
box-shadow:0 5px 15px #0000001a
}

.archive-img img {
width:100%;
height:200px;
object-fit:cover
}

.archive-content {
padding:20px
}

.archive-cat {
background:#f60;
color:#fff;
padding:5px 12px;
font-size:12px;
border-radius:5px;
display:inline-block;
margin-bottom:8px
}

.archive-post-title a {
font-size:20px;
font-weight:700;
text-decoration:none;
color:#222
}

.archive-excerpt {
margin:10px 0 15px;
color:#555
}

.archive-read {
color:#f60;
font-weight:600;
text-decoration:none
}

.archive-pagination {
text-align:center;
margin-top:30px
}

.no-posts {
text-align:center;
font-size:18px;
color:#777
}

.wp-block-list {
padding:0 20px
}

::marker {
font-weight:700
}

.site-footer {
background:#222;
color:#ddd;
padding:60px 20px 20px;
font-family:"Poppins",sans-serif
}

@media(max-width:992px){
  .site-footer {
background:#222;
color:#ddd;
padding:40px 15px 20px;
font-family:"Poppins",sans-serif
}

.footer-bottom p{
  margin-top: -40px;
}
}

.footer-container {
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px
}

.footer-logo {
width:180px;
border-radius:10px;
}

.footer-about {
font-size:14px;
line-height:1.6;
color:#ccc
}

.footer-col h3 {
font-size:20px;
margin-bottom:18px;
color:#fff;
position:relative
}

.footer-col h3::after {
content:"";
width:50px;
height:3px;
background:#f60;
position:absolute;
left:0;
bottom:-15px
}

.footer-links {
list-style:none;
padding:30px 0px;
}

.footer-links li {
margin-bottom:10px
}

.footer-links a {
text-decoration:none;
color:#ccc;
font-size:15px;
transition:.3s ease
}

.footer-links a:hover {
color:#f60
}

.footer-contact {
margin-bottom:10px;
margin-top: 25px;
font-size:15px;
display:flex;
align-items:start;
gap:10px
}

.footer-contact i {
color:#f60
}

.footer-social a {
display:inline-block;
margin-right:10px;
font-size:16px;
color:#fff;
background:#f60;
padding:9px;
border-radius:50%;
width:21px;
height:21px;
text-align:center;
transition:.3s
}

.footer-social a:hover {
background:#e65700
}

.footer-bottom {
text-align:center;
margin-top:40px;
padding-top:15px;
border-top:1px solid #444;
font-size:14px;
color:#bbb
}

@media (max-width: 992px) {
.footer-container {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 576px) {
.footer-container {
grid-template-columns:1fr;
text-align:center
}

.footer-col h3::after {
left:50%;
transform:translateX(-50%)

}

.footer-contact {
justify-content:center;
flex-direction: column;
align-items: center;
}

.footer-social a {
margin:8px
}
}

.enquiry-btn {
position:fixed;
top:90%;
right:15px;
transform:translateY(-50%);
background:#b43222;
color:#fff;
padding:14px 18px;
text-orientation:upright;
font-size:16px;
font-weight:600;
border-radius:50px;
text-decoration:none;
z-index:99999;
letter-spacing:1px;
animation:moveUpDown 2s infinite ease-in-out;
transition:.3s;
border:2px solid #e65700
}

.enquiry-btn:hover {
background:#e65700;
transform:translateY(-50%) scale(1.08);
box-shadow:0 0 12px #f60
}

@keyframes moveUpDown {
0% {
transform:translateY(-50%) translateX(0)
}

50% {
transform:translateY(-60%) translateX(0)
}

100% {
transform:translateY(-50%) translateX(0)
}
}

@media (max-width: 992px) {
.enquiry-btn {
padding:10px 12px;
font-size:14px;
display:none
}
}

@media (min-width: 992px) {
.floating-social-bar a#open-enquiry {
display:none
}
}

.floating-social-bar {
position:fixed;
top:50%;
left:3px;
transform:translateY(-50%);
display:flex;
flex-direction:column;
z-index:9999;
gap:8px
}

@media(max-width:992px) {
.floating-social-bar {
position:fixed;
top:97%;
left:0;
transform:translateY(-50%);
background:#b43222;
width:100%;
display:flex;
flex-direction:row;
z-index:9999;
gap:0
}

.fs-icon {
border-radius:0!important;
width:200px!important;
border:1px solid #f60!important
}
}

.fs-icon {
background:#b43222!important;
color:#fff;
width:45px;
height:45px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50px;
font-size:20px;
transition:.3s;
text-decoration:none;
border:2px solid #f60;
box-shadow:0 0 19px 1px #00000040
}

.fs-icon:hover {
background:#e65a00;
transform:translateX(-5px)
}

.fs-icon.fb {
background:#1877f2
}

.fs-icon.insta {
background:#E1306C
}

.fs-icon.linkedin {
background:#0077b5
}

.fs-icon.yt {
background:red
}

.fs-icon.fb:hover {
background:#1259b3
}

.fs-icon.insta:hover {
background:#b91e55
}

.fs-icon.linkedin:hover {
background:#005582
}

.fs-icon.yt:hover {
background:#c00
}

.custom-enquiry-form {
max-width:400px;
padding:20px;
background:#f8f8f8;
border-radius:10px
}

.custom-enquiry-form select {
width:100%;
padding:12px 15px;
margin-top:8px;
border:1px solid #ccc;
border-radius:6px;
background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23333' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 10px center;
background-size:10px 6px;
font-size:16px;
appearance:none;
cursor:pointer;
transition:border 0.3s,box-shadow .3s
}

.custom-enquiry-form select:focus {
border-color:#f60;
box-shadow:0 0 5px #ff660080;
outline:none
}

.custom-enquiry-form input select,.custom-enquiry-form button {
width:100%;
padding:10px;
margin-top:8px
}

.custom-enquiry-form button {
background:#f60;
color:#fff;
border:none;
font-size:18px;
cursor:pointer
}

.custom-enquiry-form button:hover {
background:#e65700
}

.popup-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#00000080;
display:none;
justify-content:center;
align-items:center;
z-index:9999
}

.popup-overlay.active {
display:flex
}

.popup-box {
background:#f8f8f8;
padding:30px 25px;
border-radius:10px;
max-width:450px;
width:90%;
position:relative;
box-shadow:0 15px 35px #0003;
animation:fadeIn .3s ease
}

@keyframes fadeIn {
from {
opacity:0;
transform:scale(0.9)
}

to {
opacity:1;
transform:scale(1)
}
}

.close-popup {
position:absolute;
top:15px;
right:15px;
font-size:24px;
color:#333;
cursor:pointer;
transition:color .3s ease
}

.close-popup:hover {
color:#f60
}

.popup-box h2 {
font-size:24px;
margin-bottom:20px;
color:#222;
text-align:center
}

.popup-box form {
display:flex;
flex-direction:column;
gap:15px
}

.popup-box form label {
font-size:14px;
color:#555
}

.popup-box form input[type="text"],.popup-box form input[type="email"],.popup-box form textarea {
width:90%;
padding:10px 15px;
border:1px solid #ddd;
border-radius:5px;
font-size:15px;
transition:border .3s ease
}

.popup-box form input:focus,.popup-box form textarea:focus {
border-color:#f60;
outline:none
}

.popup-box form button[type="submit"] {
background:#f60;
color:#fff;
font-weight:700;
padding:12px 20px;
border:none;
border-radius:5px;
cursor:pointer;
transition:background .3s ease;
font-family:'poppins'!important
}

.popup-box form button[type="submit"]:hover {
background:#e65c00
}

.popup-box .g-recaptcha {
margin:10px 0;
display:flex;
justify-content:center
}

@media (max-width: 480px) {
.popup-box {
padding:20px 15px
}

.popup-box h2 {
font-size:20px
}

.popup-box form button[type="submit"] {
padding:10px
}
}

@media (max-width:992px) {
.footer-container {
gap:0
}

.footer-col h3 {
font-size:18px
}
}

.about-content-main h2 {
font-size:32px;
color:#222;
margin-bottom:40px !important;
position:relative
}

.about-content-main h2::after {
content:"";
position:absolute;
width:120px;
height:4px;
background:#f60;
bottom:-10px;
left:0
}

.about-content-main p {
font-size:18px;
color:#555;
line-height:1.7;
margin-bottom:25px
}

@media(max-width:992px) {
.about-content-main p {
font-size:16px;
padding-top:20px
}

.about-content-main h2 {
font-size:24px
}
}

.about-content-main ul {
list-style:none;
padding:0
}

.about-content-main ul li {
font-size:16px;
color:#444;
margin-bottom:10px;
padding-left:30px;
position:relative
}

.about-content-main ul li::before {
content:"✓";
position:absolute;
left:0;
color:#f60;
font-weight:700
}

.news-events-section {
padding:70px 20px;
background:#f7f9fb;
font-family:"Poppins",sans-serif
}

.news-events-title {
text-align:center;
font-size:34px;
color:#1a1a1a;
font-weight:700;
margin-bottom:50px;
position:relative
}

.news-events-title::after {
content:"";
width:80px;
height:4px;
background:#f60;
border-radius:3px;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

.news-events-row {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.news-card {
background:#fff;
border-radius:14px;
box-shadow:0 4px 18px #0000000f;
overflow:hidden;
transition:.35s ease;
border:1px solid #ececec
}

.news-card:hover {
transform:translateY(-6px);
box-shadow:0 10px 25px #0000001f
}

.news-image img {
width:100%;
height:220px;
object-fit:cover;
border-bottom:1px solid #eee
}

.news-content {
padding:20px
}

.news-date {
font-size:14px;
font-weight:600;
color:#f60;
margin-bottom:6px
}

.news-title a {
font-size:20px;
font-weight:700;
color:#111;
text-decoration:none;
line-height:1.3
}

.news-title a:hover {
color:#f60
}

.news-excerpt {
color:#5a5a5a;
margin:12px 0 18px;
line-height:1.5
}

.news-read-more {
display:inline-block;
font-weight:600;
color:#f60;
text-decoration:none;
transition:.25s
}

.news-read-more:hover {
text-decoration:underline
}

.pagination-container {
margin-top:45px;
text-align:center
}

.pagination-container .page-numbers {
display:inline-block;
padding:10px 16px;
margin:0 4px;
background:#fff;
color:#333;
border-radius:6px;
border:1px solid #ddd;
font-weight:600;
transition:.25s
}

.pagination-container .current {
background:#f60;
color:#fff;
border-color:#f60
}

.pagination-container .page-numbers:hover {
background:#f60;
color:#fff;
border-color:#f60
}

@media (max-width: 992px) {
.news-events-row {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 768px) {
.news-events-row {
grid-template-columns:1fr
}

.news-events-title {
font-size:28px
}
}

.about-bg-image .slide img {
width:100%;
/* height:500px; */
object-fit:cover;
filter:brightness(0.7);
position:relative
}

.news-events-section {
padding:60px 20px;
background:#f9f9f9
}

.news-events-title {
text-align:center;
font-size:36px;
margin-bottom:40px!important;
font-weight:700;
color:#222
}

h3.event-news-title {
margin:0 0 10px!important
}


.event-news-card {
border:1px solid #f60;
border-radius:10px;
overflow:hidden;
background:#fff;
transition:.3s ease-in-out
}

.event-news-card:hover {
transform:translateY(-5px);
box-shadow:0 6px 15px #0000001a
}

.event-news-image img {
width:100%;
height:250px;
object-fit:cover;
display:block
}

.event-news-content {
padding:20px
}

.event-news-title a {
font-size:18px;
font-weight:700;
color:#222;
text-decoration:none;
transition:color .3s
}

.event-news-title a:hover {
color:#f60
}

.news-date {
font-size:14px;
color:#777;
margin-bottom:10px
}

.blog-excerpt {
color:#555;
margin:10px 0 15px;
line-height:1.6
}

.blog-read-more {
font-weight:600;
color:#f60;
text-decoration:none
}

.blog-read-more:hover {
text-decoration:underline
}

.blog-more-container {
text-align:center;
margin-top:40px
}

.blog-more-container ul {
display:inline-flex;
list-style:none;
padding:0;
gap:10px
}

.blog-more-container li a {
padding:10px 15px;
background:#f60;
color:#fff;
border-radius:6px;
text-decoration:none;
font-weight:600;
transition:background .3s
}

.blog-more-container li a:hover {
background:#e65a00
}

@media (max-width: 992px) {
.event-news-title-row {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 768px) {
.event-news-title-row {
grid-template-columns:1fr
}

.news-events-title {
font-size:28px
}
}

.event-news-title-row {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px
}

@media screen and (max-width: 992px) {
.event-news-title-row {
grid-template-columns:repeat(2,1fr)
}
}

@media screen and (max-width: 600px) {
.event-news-title-row {
grid-template-columns:1fr
}
}

.event-news-card {
border:1px solid #f60;
border-radius:10px;
overflow:hidden;
background:#fff;
transition:.3s ease-in-out
}

.event-news-card:hover {
transform:translateY(-5px);
box-shadow:0 6px 15px #0000001a
}

.event-news-image img {
width:100%;
display:block
}


@media (max-width: 900px) {
.event-news-title-row {
grid-template-columns:repeat(2,1fr)
}
}

@media (max-width: 600px) {
.event-news-title-row {
grid-template-columns:1fr
}
}

.load-more-container {
width:100%;
text-align:center
}

button#load-more-news {
border:none;
margin-top:40px;
font-family:'poppins';
cursor:pointer
}

.single-post-section,.single-event-section {
padding:60px 20px;
max-width:998px;
margin:auto;
font-family:"Poppins",sans-serif
}

.single-category a,.single-event-category a {
background:#f60;
color:#fff;
padding:6px 12px;
border-radius:5px;
font-size:13px;
text-decoration:none
}

.single-title,.event-title {
font-size:28px;
font-weight:700;
margin-top:20px
}

.single-meta,.event-meta {
margin:10px 0 25px;
color:#777;
font-size:14px
}

.event-meta p {
margin:5px 0
}

.single-featured img,.event-featured-img img {
width:100%;
border-radius:10px;
margin-bottom:25px
}

.related-events-section {
background:#f565001a;
margin:0 auto;
padding:60px 0!important
}

.related-title {
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
font-family:"Poppins",sans-serif;
margin-top:0;
padding-bottom:50px
}

.related-event-card {
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 3px 20px #00000014;
transition:.3s ease
}

.related-event-card:hover {
transform:translateY(-5px)
}

.related-event-image img {
width:100%;
height:220px;
object-fit:cover
}

.related-event-content {
padding:15px
}

.related-event-date {
font-size:14px;
color:#f60;
margin-bottom:8px
}

.related-event-title a {
font-size:16px;
font-weight:600;
color:#222;
text-decoration:none
}

.related-event-title a:hover {
color:#f60
}

.swiper-button-next,.swiper-button-prev {
color:#f60;
width:40px;
height:40px
}

.swiper-button-next:hover,.swiper-button-prev:hover {
color:#222
}

@media (max-width: 992px) {
.single-title,.event-title {
font-size:18px
}

.event-featured-img img {
height:auto!important;
margin-bottom:10px!important
}

.related-event-image img {
height:180px
}

.related-events-section {
max-width:1200px;
margin:20px auto!important;
padding:40px 20px!important
}

.single-event-section {
padding:60px 20px;
max-width:900px;
margin:auto;
font-family:"Poppins",sans-serif;
padding:40px 20px 0!important
}

.related-title {
font-size:24px!important
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
right:var(--swiper-navigation-sides-offset,-5px)!important;
left:auto;
top:94px!important
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
left:var(--swiper-navigation-sides-offset,-5px)!important;
right:auto;
top:94px!important
}
}

.single-event-section {
padding:60px 20px;
max-width:998px;
margin:auto;
font-family:"Poppins",sans-serif
}

.single-event-category a {
background:#f60;
padding:6px 14px;
color:#fff;
border-radius:50px;
font-size:13px;
text-decoration:none;
font-weight:600
}

.event-meta {
margin:15px 0 25px;
font-size:15px;
color:#555
}

.event-meta p {
margin:4px 0
}

.event-external-link {
font-weight:600;
color:#f60;
text-decoration:none
}

.event-external-link:hover {
color:#222
}

.event-featured-img img {
width:100%;
border-radius:14px;
margin-bottom:30px;
box-shadow:0 6px 30px #00000014
}

.event-content p {
font-size:16px;
line-height:1.5;
color:#333;
margin-bottom:20px;
text-align:justify
}

.related-event-card {
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 25px #00000012;
transition:transform .3s ease,box-shadow .3s ease
}

.related-event-card:hover {
transform:translateY(-6px);
box-shadow:0 8px 35px #0000001f
}

.related-event-image img {
width:100%;
height:220px;
object-fit:cover
}

.related-event-content {
padding:16px
}

.related-event-date {
font-size:14px;
color:#f60;
margin-bottom:6px;
font-weight:600
}

.related-event-title a {
font-size:17px;
font-weight:600;
color:#222;
text-decoration:none;
line-height:1.4
}

.related-event-title a:hover {
color:#f60
}

.swiper-button-next,.swiper-button-prev {
color:#f60!important;
width:42px!important;
height:42px!important
}

.swiper-button-next:hover,.swiper-button-prev:hover {
color:#222
}

.category-box {
display:flex;
gap:10px;
flex-wrap:wrap
}

.swiper-horizontal {
max-width:998px
}

.integrated-program-section {
padding:50px 20px;
background:#f7f9fc
}

.integrated-title {
text-align:center;
font-size:32px;
font-weight:700;
margin-bottom:40px;
color:#036
}

.integrated-container {
display:flex;
flex-wrap:wrap;
gap:30px;
align-items:flex-start;
justify-content:center
}

.integrated-left img {
width:380px;
border-radius:10px;
box-shadow:0 4px 15px #0000001a
}

.integrated-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
flex:1
}

.integrated-card {
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 4px 20px #00000014;
transition:.3s ease;
text-align:center
}

.integrated-card i {
font-size:40px;
color:#0073e6;
margin-bottom:15px
}

.integrated-card h3 {
font-size:20px;
margin-bottom:10px;
color:#036
}

.integrated-card p {
font-size:15px;
color:#555
}

.integrated-card:hover {
transform:translateY(-5px);
box-shadow:0 8px 25px #0000001f
}

::marker {
font-weight:700;
color:#f60
}

.wp-block-list li::marker {
color:#f60;
font-weight:700;
content:"✓ "
}

.wp-block-list li {
padding-left:9px;
line-height:30px
}

@media(max-width:992px) {
.main-page .container h2 {
font-size:18px
}

.wp-block-list li {
font-size:16px;
line-height:24px
}
}

.main-page .container p {
text-align:justify
}

.main-page .container a {
color:#eb5e00
}

.wp-block-list {
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    column-gap: 50px;
}

@media(max-width:992px) {
.wp-block-list {
grid-template-columns:repeat(1,1fr);
gap:5px
}
}

.container-column {
max-width:990px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
padding:60px 0
}

@media(max-width:992px) {
.container-column p {
padding:0 15px;
text-align:justify
}

.container-column h2 {
padding:0 15px;
font-size:18px
}

.container-column h4 {
padding:0 15px
}

.container-column {
padding:30px 0
}

.wp-block-image img {
width: 100%;
height: 210px !important;
}

.container-column .wp-block-list {
padding:0 0 0 30px;
margin:0;
}
}

.wp-block-image img{
    border-radius: 30px;
    margin: 0px 0px;
    height: 350px;
    object-fit: cover;
}

.about-section {
padding:60px 15px;
background:#fff;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:50px
}

@media(max-width: 992px) {
.about-section {
padding:40px 15px
}
}

.section-title {
position:relative;
text-align:center;
font-size:28px;
margin-bottom:40px
}

.section-title::after {
content:"";
width:80px;
height:4px;
background:#f60;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%)
}

.course-table {
width:100%;
border-collapse:separate;
border-spacing:0;
background:#f8f8f8;
border:2px solid #f60;
border-radius:10px;
overflow:hidden;
font-size:16px
}

@media(max-width:992px) {
.why-global-business-management {
padding:40px 15px!important;
justify-content:start!important
}
}

.course-table tr:nth-child(even) {
background:#fff3e6
}

.course-table td {
padding:15px 20px;
border-bottom:1px solid #fc9;
vertical-align:top
}

.course-table tr:last-child td {
border-bottom:none
}

.course-table td:first-child {
font-weight:700;
color:#222;
width:30%;
background:#ffe5cc;
border-right:2px solid #f60
}

.course-table td:last-child {
color:#444
}

.courses-details h3 {
padding-bottom:20px
}

.why-global-business-management {
padding:60px 15px 50px;
background:#f565001a;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:20px
}

.why-global-business-management h2 {
width:100%!important;
padding:0 50px
}

.why-global-business-management .wp-block-list {
padding:0 60px;
display:grid;
grid-template-columns:repeat(2,1fr)!important;
gap:50px;
row-gap:5px
}

@media(max-width:992px) {
.why-global-business-management .wp-block-list {
padding:0 0 0 15px;
display:grid;
grid-template-columns:repeat(1,1fr)!important;
gap:18px;
row-gap:5px
}

.course-table-wrapper {
overflow-x:scroll
}
}

.course-syllabus-section {
padding:60px 15px;
background:#f565001a;
display:block;
align-items:center;
justify-content:center;
gap:20px
}

.course-syllabus-section .wp-block-list {
display:block
}

@media(max-width:992px) {
.course-syllabus-section {
padding:30px 15px
}

.why-global-business-management h2 {
text-align:center;
width:100%;
font-size:18px!important;
line-height:30px!important
}
}

.program-box img {
width:100%;
max-width:100px
}

.student-user-list table {
width:100%!important
}

.table-formating {
width:100%;
border:1px solid rgb(255 105 0 / 36%);
}

.contact-form-wrapper {
width:100%;
margin:0;
padding:40px 0
}

.form-row input textarea {
display:block;
margin:20px 0;
flex-wrap:wrap
}

.form-group {
flex:1 1 48%;
position:relative
}

.form-group.full-width {
flex:1 1 100%
}

.contact-form-wrapper input,.contact-form-wrapper textarea,.contact-form-wrapper select {
width:100%;
padding:14px 16px;
border:1px solid #dcdcdc;
max-width:410px;
font-size:15px;
background:#fff;
outline:none;
transition:all .25s ease;
font-family:'poppins';
margin:8px 0
}

.contact-form-wrapper input:focus,.contact-form-wrapper textarea:focus {
border-color:#f60;
background:#fffdf7;
box-shadow:0 0 0 3px #ff660026
}

.contact-form-wrapper input::placeholder,.contact-form-wrapper textarea::placeholder {
opacity:.7;
transition:.3s
}

.contact-form-wrapper input:focus::placeholder,.contact-form-wrapper textarea:focus::placeholder {
opacity:.6
}

.input-error {
color:#e00000;
font-size:13px;
margin-top:5px
}

.error-field {
border-color:#e00000!important;
background:#fff7f7!important
}

.submit-btn {
background:#f60;
color:#fff;
border:none;
padding:10px 22px;
font-size:16px;
cursor:pointer;
border-radius:8px;
margin-top:10px;
width:110px;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
transition:.3s;
font-family:'poppins'
}

.submit-btn:hover {
background:#c3211b;
transform:translateY(-2px)
}

.submit-btn:disabled {
opacity:.6;
cursor:not-allowed
}

#form-response {
margin:15px 0;
padding:12px;
border-radius:6px;
font-weight:500;
display:none
}

#form-response.success {
background:#e7f9ef;
color:#13853f;
border-left:4px solid #1abc60
}

#form-response.error {
background:#ffeaea;
color:#d0021b;
border-left:4px solid #e00000;
display:none!important
}

@media (max-width: 768px) {
.form-row {
flex-direction:column
}

.submit-btn {
width:100%
}
}

.contact-hero {
background:linear-gradient(#0009,#0009),url(https://images.pexels.com/photos/3184306/pexels-photo-3184306.jpeg) center/cover;
padding:250px 20px;
text-align:center;
color:#fff
}

.contact-hero h1 {
font-size:48px;
margin-bottom:10px;
animation:fadeInDown .8s ease
}

.contact-hero p {
font-size:18px;
max-width:700px;
margin:auto;
line-height:28px;
animation:fadeInUp .8s ease .2s both
}

.contact-section {
padding:70px 0 0;
background:#fafafa
}

.contact-info {
padding:20px 0
}

.contact-container {
max-width:1200px;
margin:auto;
display:flex;
flex-wrap:wrap;
gap:40px
}

.contact-left {
flex:1 1 450px;
background:#fff;
padding:35px;
border-radius:12px;
box-shadow:0 4px 10px #00000014;
animation:slideInLeft .8s ease
}

.contact-left h2 {
font-size:32px;
color:#c3211b;
margin-bottom:20px
}

.contact-info li {
list-style:none;
margin-bottom:18px;
display:flex;
gap:5px;
align-items:center;
font-size:16px;
color:#444;
transition:all .3s ease;
padding:0;
border-radius:8px
}

@media(max-width:992px) {
.contact-info li {
list-style:none;
margin-bottom:18px;
display:flex;
gap:12px;
align-items:center;
font-size:16px;
color:#444;
transition:all .3s ease;
padding:0;
border-radius:8px
}
}

.contact-info li i {
font-size:22px;
color:#f60;
min-width:30px
}

.contact-social {
margin-top:25px;
display:flex;
gap:15px
}

.contact-social a {
width:38px;
height:38px;
background:#f60;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:20px;
transition:all .3s ease;
text-decoration:none
}

.contact-social a:hover {
background:#c3211b;
transform:translateY(-5px);
box-shadow:0 5px 15px #ff66004d
}

.char-counter {
text-align:right;
font-size:13px;
color:#666;
margin-top:5px
}

.char-counter .current {
font-weight:600;
color:#f60
}

.map-box {
margin-top:60px;
animation:fadeInUp 1s ease
}

.map-box iframe {
width:100%;
height:800px;
border:0;
border-radius:12px;
box-shadow:0 4px 15px #0000001a
}

@keyframes fadeInDown {
from {
opacity:0;
transform:translateY(-30px)
}

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

@keyframes fadeInUp {
from {
opacity:0;
transform:translateY(30px)
}

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

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

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

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

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

@media (max-width:768px) {
.contact-hero h1 {
font-size:32px
}

.contact-hero p {
font-size:16px
}

.contact-container {
flex-direction:column
}

.contact-left,.contact-right {
padding:25px
}

.contact-left h2,.contact-right h2 {
font-size:24px
}

.contact-info li {
font-size:14px
}

.map-box iframe {
height:300px
}
}

@media (max-width: 992px) {
.contact-hero {
padding:60px 15px
}

.contact-section {
padding:0 15px
}
}

.char-counter {
text-align:left;
font-size:13px;
color:#666;
margin-top:5px
}

@media(max-width:992px) {
.contact-form-wrapper input,.contact-form-wrapper textarea,.contact-form-wrapper select {
max-width:calc(100% - 35px)!important
}

.send-us-a-content {
padding:20px!important
}

.contect-us-content {
width:100%!important;
padding:35px 0
}

.contact-form-wrapper {
padding:40px 0 0!important
}
}

.some-of-the-important {
padding:45px 15px 30px;
background:#f565001a!important
}

.some-section {
max-width:998px;
margin:0 auto;

}

.some-of-the-important .some-section ul {
grid-template-columns:repeat(2,1fr)
}

@media(max-width:992px) {
.some-of-the-important {
padding:30px 15px
}

.some-of-the-important .some-section ul {
grid-template-columns:repeat(1,1fr)
}

.some-of-the-important .some-section h2 {
font-size:18px
}
}

.boosting-your-profile {
padding:60px 0 30px
}

@media(max-width:992px) {
.boosting-your-profile {
padding:40px 15px 20px
}

.boosting-your-profile .some-section ul {
gap:10px!important
}

.boosting-your-profile .some-section h2 {
font-size:20px
}

.boosting-your-profile .some-section ul {
gap:30px;
grid-template-columns:repeat(1,1fr)!important
}

.data-science-analytics .some-section p {
text-align:justify
}
}

.data-science-analytics {
padding:60px 15px 60px;
}

.some-section h4 {
padding-bottom:20px
}

.boosting-your-profile .some-section ul {
column-gap:30px;
row-gap:10px;
grid-template-columns:repeat(2,1fr)
}

.the-programme-helps {
padding:45px 15px 30px;
background:#f565001a!important
}

@media(max-width:992px) {
.the-programme-helps {
padding:30px 15px 20px
}

.the-programme-helps .some-section ul {
grid-template-columns:repeat(1,1fr)!important
}

.data-science-analytics {
padding:20px 15px
}

.data-science-analytics .some-section h2 {
font-size:1.5rem !important
}

.the-programme-helps .some-section h2 {
font-size:18px
}

.modular-structures {
padding:30px 15px 10px!important
}

.modular-structures .some-section h2 {
font-size:20px
}
}

.the-programme-helps .some-section ul {
grid-template-columns:repeat(2,1fr)
}

.modular-structures {
padding:45px 15px 20px
}

.data-science-analytics .some-section .row-column {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 30px;
}

.data-science-analytics .some-section .row-column ul {
grid-template-columns:repeat(1,1fr)
}

.some-of-the-important .course-syllabus .row-column {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

@media(max-width:992px) {
.data-science-analytics .some-section .row-column {
display:flex;
flex-direction:column
}

.some-of-the-important .course-syllabus .row-column {
display:flex;
flex-direction:column
}

.data-science-analytics .some-section .row-column .semester h2 {
font-size:16px!important
}

.some-of-the-important .course-syllabus .row-column .semester h2 {
font-size:16px!important
}
}

.course-syllabus {
max-width:998px;
margin:0px auto;
padding: 0px 0px 30px 0px;
}

.data-science-analytics .some-section .row-column .semester h2 {
font-size:18px
}

.some-of-the-important .course-syllabus .row-column .semester h2 {
font-size:18px
}

.some-of-the-important .course-syllabus .row-column ul {
grid-template-columns:repeat(1,1fr)
}

@media(max-width:992px) {
.read-more-button-ab {
width:100%;
text-align:center
}
}

.event-content ul {
grid-template-columns:repeat(1,1fr)
}

.event-content ul li {
width:100%
}

li#menu-item-592 {
    position: relative;
}


@media(max-width:992px){

.main-nav a {

    padding: 12px 10px;
    font-size: 14px;
}
.slide {
    min-width: 100%;
    position: relative;
    text-align: center;
    background-position: center center;
    height: 400px !important;
    color: #fff;
}
}

.menu-item-786 {
position: relative;
}


button.page-btn.active {
    background: #ff6600;
;
    color: #fff;
    font-family: 'poppins';
    font-size: 18px;
    padding: 1px 10px;
    border: none !important;
}
.page-btn {
  border: 1px solid #ff6600;
;
    color: #000;
    font-family: 'poppins';
    font-size: 18px;
    padding: 1px 10px;
    background: none;
    cursor: pointer;
}
.pagination {
      width: 100%;
    display: flex
;
    gap: 10px;
    justify-content: center;
}
.pagination-wrapper p{
  text-align: center;
}


@media(max-width:992px){

.student-user-list table{
  max-width: 20px !important;
    overflow: scroll;
}
.student-user-list {
    width: 100%;
    overflow-x: scroll;
}
  
}

/* Active menu item styling */
    .main-nav .current-menu-item > a,
    .main-nav .current_page_item > a,
    .main-nav .current-menu-ancestor > a,
    .main-nav .current_page_ancestor > a {
      color: #b31400; /* Change to your desired highlight color */
      font-weight: 600;
    }
    
    /* If you're using icons (Font Awesome), style them */
    .main-nav .current-menu-item > a i,
    .main-nav .current_page_item > a i,
    .main-nav .current-menu-ancestor > a i,
    .main-nav .current_page_ancestor > a i {
      color: #b31400; /* Change to your desired highlight color */
    }

.wp-block-image img{
  border-radius: 30px;
  margin: 0px 0px;
}

.event-content p strong{
  color: #000;
}
.event-content .wp-block-list li::marker{
  content: "●";

}
.event-content .wp-block-list{
  grid-template-columns: repeat(1, 1fr);
}

.row-rw {
    display: flex;
    gap: 40px;
}
@media(max-width:768px){
.row-rw {
    display: block;
}
.row-rw .column-cn{
width: 100% !important;
}
.column-cn img{
  display: none;
 
}
}

.row-rw .column-cn{
width: 50%;
}
.row-rw .column-cn p{
  text-align: justify;
}
.column-cn h2 {
    padding-bottom: 20px;
}

.some-section h2 {
    padding-bottom: 20px;
}
 .column-cn img {
  width: 100% !important;
  height: 703px;
  object-fit: cover;
  border-radius: 30px;
}
    /* Animated Background */
    .animated-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background: linear-gradient(135deg, #fff5f0 0%, #ffe8e0 50%, #fff0f5 100%);
      background-size: 400% 400%;
      animation: gradientShift 15s ease infinite;
    }

    @keyframes gradientShift {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    .particles {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: none;
    }

    .particle {
      position: absolute;
      background: linear-gradient(45deg, rgba(255, 102, 0, 0.4), rgba(255, 51, 102, 0.3));
      border-radius: 50%;
      animation: float 20s infinite;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0; }
      10% { opacity: 0.6; }
      50% { transform: translateY(-100vh) translateX(50px) scale(1.5); }
      90% { opacity: 0.6; }
    }

    /* Hero Section */
    .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      z-index: 2;
      background: linear-gradient(135deg, rgba(255, 245, 240, 0.9), rgba(255, 232, 224, 0.9));
      padding: 4rem 2rem;
    }

    .hero-content {
      text-align: center;
      z-index: 3;
      max-width: 1200px;
      transform: translateY(20px);
      opacity: 0;
      animation: fadeInUp 1s forwards 0.5s;
    }

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

    .hero h1 {
      font-size: clamp(3rem, 8vw, 6rem);
      font-weight: 900;
      background: linear-gradient(45deg, #ff6600, #ff3366, #9966ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 2rem;
      animation: glow 3s ease-in-out infinite;
    }

    @keyframes glow {
      0%, 100% { filter: drop-shadow(0 0 10px rgba(255, 102, 0, 0.3)); }
      50% { filter: drop-shadow(0 0 25px rgba(255, 102, 0, 0.6)); }
    }

    .hero-description {
      font-size: clamp(1rem, 2vw, 1.3rem);
      color: #444;
      line-height: 1.8;
      margin-bottom: 2rem;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-tagline {
      font-size: clamp(1.2rem, 2.5vw, 1.8rem);
      color: #ff6600;
      font-weight: 700;
      margin-bottom: 2rem;
      font-style: italic;
    }

    .cta-button {
      display: inline-block;
      padding: 1rem 3rem;
      background: linear-gradient(45deg, #ff6600, #ff3366);
      color: #fff;
      text-decoration: none;
      border-radius: 50px;
      font-weight: 700;
      font-size: 1.2rem;
      transition: all 0.3s;
      box-shadow: 0 10px 30px rgba(255, 102, 0, 0.4);
      animation: pulse 2s infinite;
      margin-top: 1rem;
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }

    .cta-button:hover {
      transform: translateY(-5px) scale(1.1);
      box-shadow: 0 15px 40px rgba(255, 102, 0, 0.6);
    }

    /* Section Styling */
    .section {
      position: relative;
      z-index: 2;
      padding: 5rem 2rem;
      background: #ffffff;
    }

    .section:nth-child(even) {
      background: linear-gradient(135deg, #fff9f5 0%, #fff0eb 100%);
    }

    

    /* Benefits Grid */
    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 2.5rem;
      margin-top: 3rem;
    }

    .benefit-card {
      background: #ffffff;
      padding: 2.5rem;
      border-radius: 20px;
      text-align: left;
      transition: all 0.4s;
      border: 2px solid rgba(255, 102, 0, 0.2);
      position: relative;
      overflow: hidden;
      box-shadow: 0 5px 25px rgba(255, 102, 0, 0.1);
    }

    .benefit-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      background: linear-gradient(180deg, #ff6600, #ff3366);
      transform: scaleY(0);
      transition: transform 0.4s;
    }

    .benefit-card:hover::before {
      transform: scaleY(1);
    }

    .benefit-card:hover {
      transform: translateY(-10px);
      border-color: #ff6600;
      background: linear-gradient(135deg, #fff9f5, #ffffff);
      box-shadow: 0 15px 40px rgba(255, 102, 0, 0.2);
    }

    .benefit-card h3 {
      color: #ff6600;
      font-size: 1.6rem;
      margin-bottom: 1rem;
      font-weight: 700;
    }

    .benefit-card p {
      color: #555;
      line-height: 1.8;
      font-size: 1rem;
    }

    /* Programme Goals */
    .goals-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 2rem;
      margin-top: 3rem;
    }

    .goal-card {
      background: #ffffff;
      padding: 2rem;
      border-radius: 15px;
      border: 2px solid #ffe8e0;
      transition: all 0.4s;
      position: relative;
      overflow: hidden;
      box-shadow: 0 5px 20px rgba(255, 102, 0, 0.08);
      text-align: center;
    }

    .goal-card::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(45deg, transparent, rgba(255, 102, 0, 0.15), transparent);
      transform: rotate(45deg);
      transition: all 0.6s;
    }

    .goal-card:hover::before {
      left: 100%;
    }

    .goal-card:hover {
      transform: translateY(-10px);
      border-color: #ff6600;
      box-shadow: 0 20px 40px rgba(255, 102, 0, 0.2);
    }

    .goal-icon {
      font-size: 3rem;
      margin-bottom: 1rem;
      animation: bounce 2s infinite;
    }

    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    .goal-card h3 {
      color: #222;
      font-size: 1.2rem;
      margin-bottom: 0.5rem;
      position: relative;
      z-index: 1;
      font-weight: 600;
    }

    /* Modular Structures */
    .modules-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 1.5rem;
      margin-top: 3rem;
    }

    .module-card {
      background: linear-gradient(135deg, #ffffff, #fff9f5);
      padding: 1.5rem;
      border-radius: 12px;
      border: 2px solid #ffe8e0;
      transition: all 0.3s;
      position: relative;
      overflow: hidden;
      box-shadow: 0 3px 15px rgba(255, 102, 0, 0.08);
      cursor: pointer;
    }

    .module-card::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 100%;
      background: linear-gradient(135deg, rgba(255, 102, 0, 0.1), rgba(255, 51, 102, 0.1));
      transition: width 0.4s;
    }

    .module-card:hover::after {
      width: 100%;
    }

    .module-card:hover {
      transform: translateX(5px);
      border-color: #ff6600;
      box-shadow: 0 8px 25px rgba(255, 102, 0, 0.15);
    }

    .module-card h3 {
      color: #ff6600;
      font-size: 1.1rem;
      margin: 0;
      position: relative;
      z-index: 1;
      font-weight: 600;
    }

    /* Section Titles */
    .section-title {
      font-size: clamp(2rem, 5vw, 3rem);
      text-align: center;
      margin-bottom: 1.5rem;
      background: linear-gradient(45deg, #ff6600, #ff3366);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      position: relative;
      font-weight: 900;
    }

    .section-subtitle {
      text-align: center;
      font-size: 1.2rem;
      color: #666;
      margin-bottom: 3rem;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
    }

    .section-title::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 100px;
      height: 4px;
      background: linear-gradient(90deg, #ff6600, #ff3366);
      border-radius: 2px;
    }

    /* Scroll Animations */
    .scroll-reveal {
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.8s;
    }

    .scroll-reveal.active {
      opacity: 1;
      transform: translateY(0);
    }

    /* Responsive */
    @media (max-width: 768px) {
      .hero {
        min-height: auto;
        padding: 3rem 1rem;
      }

      .section {
        padding: 3rem 1rem;
      }

      .benefits-grid,
      .goals-grid,
      .modules-grid {
        grid-template-columns: 1fr;
      }

      .benefit-card,
      .goal-card {
        padding: 1.5rem;
      }
    }
    .menu-item-786  .sub-menu {
      min-width: 350px !important;
    }

        .bg-shapes {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      overflow: hidden;
      pointer-events: none;
    }

    .shape {
      position: absolute;
      opacity: 0.05;
      animation: floatShape 20s infinite ease-in-out;
    }

    .shape-1 {
      width: 300px;
      height: 300px;
      background: linear-gradient(45deg, #ff6600, #ff3366);
      border-radius: 50%;
      top: 10%;
      left: 5%;
      animation-delay: 0s;
    }

    .shape-2 {
      width: 200px;
      height: 200px;
      background: linear-gradient(45deg, #9966ff, #ff6600);
      border-radius: 50%;
      top: 60%;
      right: 10%;
      animation-delay: 3s;
    }

    .shape-3 {
      width: 250px;
      height: 250px;
      background: linear-gradient(45deg, #ff3366, #9966ff);
      border-radius: 50%;
      bottom: 10%;
      left: 15%;
      animation-delay: 6s;
    }

    @keyframes floatShape {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-30px) rotate(180deg); }
    }

    /* Container */

    .course-details-title{
      text-align: center;
      padding-bottom: 20px;
    }

    @media(max-width:768px){
       .course-details-title{
      text-align: center;
      padding-bottom: 0px;
    }
      
    }
      
    /* Course Details Section */
    



    .course-divider {
      width: 100%;
      height: 3px;
      background: #8d0e00;
      border: none;
    
      border-radius: 2px;
    }

    .semesters-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 2rem;
      margin-top: 1rem;
      width:100%;
    }
.semesters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    
}



.semester-card {
    background: linear-gradient(135deg, #fff 0%, #fff9f5 100%);
       padding: 1.3rem 1.4rem 0.5rem;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(141, 14, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid #ffe8e0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Left Border Animation */
.semester-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #8d0e00, #ff6600);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s;
}

/* Radial Glow Effect */
.semester-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 102, 0, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.6s;
}

/* Card Hover State */
.semester-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 40px rgba(141, 14, 0, 0.2);
    border-color: #ff6600;
    animation: cardPulse 1.5s ease-in-out infinite;
}

.semester-card:hover::before {
    transform: scaleY(1);
    animation: borderGlow 1.5s ease-in-out infinite;
}

.semester-card:hover::after {
    opacity: 1;
    animation: radialPulse 2s ease-in-out infinite;
}

/* Keyframe: Card Pulsating Shadow */
@keyframes cardPulse {
    0%, 100% {
        box-shadow: 0 15px 40px rgba(141, 14, 0, 0.2);
    }
    50% {
        box-shadow: 0 20px 50px rgba(141, 14, 0, 0.3);
    }
}

/* Keyframe: Border Glow Effect */
@keyframes borderGlow {
    0%, 100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.3);
    }
}

/* Keyframe: Radial Pulse Animation */
@keyframes radialPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.3;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0.1;
    }
}

/* Semester Title */
.semester-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #8d0e00;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #ffe8e0;
    position: relative;
    transition: all 0.3s;
}
@media(max-width:768px){
  .semester-title {
    font-size: 1.2rem;
  }
}



/* Keyframe: Title Shine Effect */
@keyframes titleShine {
    0%, 100% {
        text-shadow: 0 0 10px rgba(255, 102, 0, 0.3);
    }
    50% {
        text-shadow: 0 0 20px rgba(255, 102, 0, 0.6);
    }
}

/* Course List */
.course-list {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.course-list li {
    padding: 0.7rem 0;
    color: #333;
    font-size: 0.95rem;
    position: relative;
    padding-left: 1.8rem;
    transition: all 0.3s;
    border-bottom: 1px solid rgba(141, 14, 0, 0.1);
    opacity: 1;
    transform: translateX(0);
}

/* Always visible - no hover needed */

/* Keyframe: Slide In from Left */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.course-list li:last-child {
    border-bottom: none;
}

/* Arrow Icon */
.course-list li::before {
    content: '▶';
    position: absolute;
    left: 0;
    color: #8d0e00;
    font-size: 0.7rem;
    transition: all 0.3s;
}

/* Keyframe: Arrow Bouncing */
@keyframes arrowBounce {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}

/* Keyframe: Highlight Pulse */
@keyframes highlightPulse {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}




/* Scroll Reveal Animation */
.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.scroll-reveal.active {
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 0.8s ease forwards;
}

/* Keyframe: Fade In Up */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Staggered Animation for Cards */
.scroll-reveal.active:nth-child(1) { animation-delay: 0.1s; }
.scroll-reveal.active:nth-child(2) { animation-delay: 0.2s; }
.scroll-reveal.active:nth-child(3) { animation-delay: 0.3s; }
.scroll-reveal.active:nth-child(4) { animation-delay: 0.4s; }

/* Responsive Design */
@media (max-width: 768px) {
    .semesters-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}
    /* Responsive */
    @media (max-width: 768px) {
      .hero-section {
        min-height: auto;
        padding: 60px 20px;
      }

      .section {
        padding: 50px 20px;
      }

      .benefits-grid {
        grid-template-columns: 1fr;
      }

      .goals-grid,
      .modules-grid,
      .semesters-grid {
        grid-template-columns: 1fr;
      }
    }
    
    @media (max-width: 480px) {
      .hero-section h1 {
        font-size: 2.5rem;
      }

    
    }

    .column-cn .cyber-security-img {
    width: 100% !important;
    height: 460px;
    object-fit: cover;
}
.column-cn .cloud-and-application-development-img{
  width: 100% !important;
    height: 400px;
    object-fit: cover;
    padding: 20px;
}
.column-cn .fintech-image{
    width: 100% !important;
    height: 495px;
    object-fit: cover;
    padding: 20px;
}

.column-cn .fintech-child-image{
    width: 100% !important;
    height: 300px;
    object-fit: cover;
    padding: 20px;
}
.column-cn .global-business-management-img-child  {
   width: 100% !important;
    height: 680px;
    object-fit: cover;
}

.column-cn .global-business-management-img-child{
    width: 100% !important;
    height: 470px;
    object-fit: cover;
}
.column-cn .master-animation-and-vfx-img{
    width: 100% !important;
    height: 370px;
    object-fit: cover;
}

.column-cn ul li{
  padding-bottom: 15px;
}
.column-cn .master-mobile-app-uI-development-img{
     width: 100% !important;
    height: 550px;
    object-fit: cover;
}

.column-cn .master-business-intelligence-analytics-img{
     width: 100% !important;
    height: 540px;
    object-fit: cover;
}

.column-cn .master-cyber-security-img{
  width: 100% !important;
    height: 470px;
    object-fit: cover;
    border-radius: 30px;
}