@font-face {
    font-family: heading;
    src: url(../Lexend/Lexend-VariableFont_wght.ttf);
}
@font-face {
    font-family: content;
    src: url(../Poppins/Poppins-Regular.ttf);
}
:root{
  --primary:#002281;
  --secondary:#b10020;
  --dark-green:#1B3D2F;
}

.abt-section-1,
.abt-section-2,
.abt-section-3,
.enq-section-1,
.subjects,
.ibs_3,
.ibs_4 {
    padding: 50px 0;
    z-index: 1;
    position: relative;
    background-color: white;
}



/* footer {
    z-index: 1;
    position: relative;
} */


img{
    width: 100%;
}
h1,h2,h3,h4,h5{
    font-family: heading;
}
a{
    text-decoration: none !important;
}
p{
    font-family: content;
    line-height: 1.5rem !important;
}
section{
    overflow: hidden !important;
}
body{
  font-family: content !important;
}
@media (max-width:765px){
  p{
    font-size: 14px !important;
  }
  h1,h2{
    font-size: 1.7rem !important;
  }
  h3{
    font-size: 1.4rem !important;
  }
.sm_hide{
    display: none !important;
}
section{
    padding: 20px 0;
}
}
@media (min-width:765px){
  .lg_hide{
    display: none !important;
  }  
  section{
    padding: 50px 0;
  }
}
header{


  @media (max-width:765px){
    .courses_sm {
      color: white;
      background: #464444;
      padding: 8px 8px;
      border-radius: 5px;
      text-transform: capitalize;
      font-family: content;
      z-index: 100;
      position: relative;
     
      font-size: 12px;
      outline: none;
    border: none;
  }
  .dropdown-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    top: 0px; /* Adjust this value based on the height of your button */
    left: 0;
    width: 100%;
    padding: 10px;

    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, height 0.5s ease;
}

/* Header containing title and close button */
.header-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;

    h2{
color: black !important;
    }
}

/* Style for the close button */
.close-btn {
    background: none;
    border: none;
    color: black ;
    font-size: 20px;
    cursor: pointer;
}

/* Dropdown menu links */
.section-content a {
    color: black !important;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s;
    border-top: 1px solid #ddd;
    
}

/* Change color of dropdown links on hover */
.section-content a:hover {
  background-color: var(--primary);
            color: white !important;
}

/* Show the dropdown menu when toggled */
.dropdown-content.show {
    opacity: 1;
    height: auto; /* Remove height transition here */
    overflow: visible; /* Ensure visibility of content */
}
.dropdown-content.remove {
  opacity: 0;
  max-height: 0;
}
/* Style for the dropdown sections */
.dropdown-section {
    padding: 12px 16px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
    font-size: large;
    color: black !important;
}

/* Hide section content by default */
.section-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Show section content when toggled */
.section-content.show {
    max-height: 500px; /* Adjust based on content size */
    opacity: 1;
}

/* Style for the dropdown icons */
.section-icon {
    transition: transform 0.3s;
}

/* Rotate the icon when section is visible */
.section-content.show + .dropdown-section .section-icon {
    transform: rotate(180deg);
}

  }


  @media (min-width: 766px) {
    .courses_sm {
        display: none;
    }

    .dropdown-content {
        display: none !important;
    }
}
  @media (min-width:765px){
    .courses{
      color: white;
      background: var(--primary);
      padding: 10px 20px;
      border-radius: 5px;
      text-transform: capitalize;
      font-family: content;
      z-index: 999;
      position: relative;
      outline: none;
      border: none;
  }
  .courses:hover + .ex_crs, .ex_crs:hover {
    display: block;
}
  }
  .sidenav {
    height: 100%; 
    width: 0; 
    position: fixed; 
    z-index: 1001; 
    top: 0; 
    right: 0;
    background-color: #f9f9f9;
    overflow-x: hidden; 
    padding-top: 60px; 
    transition: 0.5s; 
  }
  
  /* The navigation menu links */
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 22px;
    color: var(--primary);
    display: block;
    transition: 0.3s;
   
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: var(--secondary);
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  
  
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px;
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}

    
  }

  @media screen and (max-width: 450px) {
    .nav_logo{
      width: 140px !important;
   }
  }

 .nav_logo{
    width: 180px;
 }

 /* Navbar styling */
.navbar {
  width: 100%;
  transition: 0.5s;
 
  z-index: 1000; /* Ensure it is above the banner */
  position: fixed; /* Fixed position */
  top: 0; /* At the top of the viewport */
  background-color: white !important;
  color: black !important;
  padding: 25px 0;
 
  .logo1{
    display: block;
  }
  .logo2{
    display: none;
  }
  /* .nav-link{
    color: rgb(0, 0, 0) !important;
  } */
  .navbar-toggler-icon {
    filter: none !important;
}
}

/* Navbar styling when scrolled */
.navbar.scrolled {
  background-color: white !important; 
  color: black !important; /* Text color when scrolled */
  box-shadow: 10px 9px 33px -24px rgba(0, 0, 0, .76);
  
  .logo2{
    display: none;
  }
  .logo1{
    display: block;
  }
  /* .nav-link{
    color: black !important;
  } */
  .navbar-toggler-icon {
    filter: none !important;
}
}

 .navbar-expand-lg .navbar-collapse {
   
    flex-basis: auto;
    justify-content: flex-end;
}
.nav-link{
  font-family: heading;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  color: #002281;
}
.navbar{
  .nav-link.active, .nav-link.show {
    color: var(--secondary) !important;
  }
}
 .nav-link:focus, .nav-link:hover {
  color: var(--secondary);
}



.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: white;
    width: 30%;
    height: 300px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    border-bottom: 1px solid #b5b5b5;
    font-family: heading;
    text-transform: capitalize;

    display: flex;
        align-items: center;

    img{
        width: 40px;
    }
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ebe9e9;
  }
  
  /* Create an active/current "tab button" class */
 
  
  /* Style the tab content */
  .tabcontent {
    float: left;
    padding:  12px;
    /* border: 1px solid #ccc; */
    width: 70%;
    border-left: none;
    height: 100%;
    display: none;
    background: #ebe9e9;
    overflow-y: scroll;

    p{
        margin-bottom: 0;
    }
    .card{
      padding: 10px;
      margin: 5px 0;
      display: flex;
      flex-direction: row;
      align-items: center;

        img{
            width: 50px;
            margin-right: 10px;
        }
    }
}


#chennai {
  display: block;
}

 

  .tab button.active {
    background-color: #d4d4d4; /* Adjust this color to your preference */
}

  .tabcontent.active {
    display: block;
  }
  .ex_crs{
    width: 60%;
    margin: auto;
    background: #fff;
    height: 70vh;
    position: fixed;
    padding: 2rem;
    box-shadow: -1px -2px 64px -13px rgb(0 0 0 / 75%);
    border-radius: 4px;
    left: 0;
    right: 0;
    top: 12%;
    overflow: hidden;
    display: none;
    z-index: 999;
       
  }
  
  .crs_dlt{

    img{
        width: 20px !important;
    }
    span{
        text-transform: capitalize;
    }
  }
  
 .nav-item{
  margin: 0 7px;
 }
 .navbar-toggler{
  border: none;
  padding: 10px;
  
}
  }

  /* =====================banner=========================== */
.banner{

@media (max-width:765px){
  h1 {
    font-weight: 700 !important;
    padding-bottom: 16px;
    line-height: 38px;
    color:var(--primary);
    font-size: 25px;
    text-align: center;

    span{
      color: var(--secondary);
  }
}
.bnr2{
  align-items: center;
}
.form-control{
  width: 100%;
}
}
@media (min-width:765px){
  h1{
    font-weight: 700 !important;
    padding-bottom: 16px;
    line-height: 52px;
    color:var(--primary);
    font-size: 37px;
   

    span{
        color: var(--secondary);
    }
}
.bnr2{
  align-items: flex-start;
}
.form-control{
  width: 75%;
}
}


  
    .bnr_logos img{
        width: 60px;
    }
    .bnr_logos{
        display: flex;
      .card{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        /* border: none; */
        padding: 8px;
      }
    }
    .bnr2{
        display: flex;
        flex-direction: column;
       
        justify-content: center;

    span{
        font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    color:var(--primary);
    margin-bottom: 10px;
    }
    }
    .col-md-6:nth-child(2) .card{
      padding: 2rem;

.s_btn{
  margin-top: 2rem;
  background: var(--secondary);
  color: var(--dark-green);
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;

  img{
    width: 25px;
    filter: invert(18%) sepia(5%) saturate(6018%) hue-rotate(103deg) brightness(82%) contrast(83%);
        margin-left: 5px;
  }
}

    }
   
    .col-md-6:nth-child(1){
      margin-bottom: 2rem;

    }
   
}


@media (max-width:765px){
    .custom-select-wrapper{
      width: 100%;
    }
  }
  .custom-select-wrapper {
    position: relative;
    display: inline-block;
   
    font-family: Arial, sans-serif;
  }
  
  .custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
   
  }
  
  .custom-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
   
    /* background-color: #fff; */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    
    color: #97919a;
  }
  
  .custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
    z-index: 999;
    display: none;
  }
  
  .custom-options.show {
    display: block;
  }
  
  .custom-option {
    padding: 8px;
    cursor: pointer;
    background-color: #fff;
    color: #162044;
    font-size: 14px;
    font-weight: 600;
  }
  
  .custom-option:hover {
    background-color: #f0f0f0;
  }
.form-label{
  text-transform: capitalize;
    font-weight: 500;
    margin-left: 3px;
}

.logo_sec{

  .slide{
    padding: 1rem;

  }
  .card{
    width: 120px;
    padding: 1rem;
    border: none;
    transition: 1s;

    img{
      filter: grayscale(1);
    }
  }
  .card:hover img{
    filter: grayscale(0);
  }
}

  /* =======================banner======================== */

  /* ===========section_1==================================== */
.section_1{
  background:var(--primary);

  .card{
height: 100%;
border-radius: 0;
border: navajowhite;
    .card-body{
     span{
      background: var(--secondary);
      padding: 1px 10px;
      border-radius: 4px;
      font-size: 13px;
      margin-left: 8px;
      display: block;
    }
    h5{
      margin-top: 10px;
      margin-left: 12px;
    }
    img{
      width: 20px;
    }
    p{
      margin-bottom: 10px;
      text-transform: capitalize;
      font-size: 12px;
      margin-left: 12px;
    }
  }
  .crs_dlt{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .crs{
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px ;
    background: #eceff7;
    p{
      margin-bottom: 0;
      margin-left: 0;
    }
  }
  ul{
    margin-top: 2rem;
    li{
      font-size: 14px;
    }
  } 
 
  }
  .crs_btn{
    background:var(--primary);
    padding: 10px 0;
    text-align: center;
    margin: 10px;
    a{
      color: white;
      text-transform: capitalize;
    }
  }
  .cr_img{
    padding: 1rem;
  }
  h2{
    color: white;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3rem;
  }
  .col-md-4{
    margin-bottom: 1rem;
  }
}
@keyframes shake{
  0% {
    left: 4px;
}
10% {
    left: 14px;
}
20% {
    left: 4px;
}
30% {
    left: 14px;
}
40% {
    left: 4px;
}
50% {
    left: 14px;
}
60% {
    left: 4px;
}
70% {
    left: 14px;
}
80% {
    left: 4px;
}
90% {
    left: 14px;
}
100% {
    left: 4px;
}
  
}
  /* ==========section_1======================================= */


  /* ================================section_2====================== */
.section_2{

 
  .why_hd{
    width: 80px;
    background: #c6c7c8;
    padding: 1rem;
    border-radius: 50%;
    margin-left: 1rem;
  }
/* General button styling */
.slick-prev, .slick-next {
  background-color: #adb5bd; 
  color: #fff;
  border: none; 
  border-radius: 50%; 
  width: 40px; 
  height: 40px; 
  display: flex; 
  align-items: center;
  justify-content: center; 
  position: absolute; 
  top: 50%; 
  transform: translateY(-50%); 
  font-size: 16px; 
  z-index: 1000; 
  cursor: pointer;
}

/* Position the previous button */
.slick-prev {
  left: 15%; /* Distance from the left edge */
}

/* Position the next button */
.slick-next {
  right: 50%; /* Distance from the right edge */
}

/* Optional hover effect */
.slick-prev:hover, .slick-next:hover {
  background-color: #adb5bd; /* Darker background on hover */
}
.sld_btns{
  position: absolute;
  z-index: 999;
  top: 50%;
  width: 100%;
}
.slick-next:before {
  content: '';
}
.slick-prev:before {
  content: '';
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  color: white;
  outline: 0;
  background: #adb5bd;
}
.slide{
  padding: 1rem;


  .card{
    border-left: 2px solid #b4c461;
    border-style: dashed;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-radius: 0;
  }

  .card h6{
    font-weight: bold;
  }
}
.why_tlt{
  position: relative;
  height: 100%;
}

.why_hd img {
  filter: invert(28%) sepia(85%) saturate(500%) hue-rotate(180deg) brightness(100%);
}
}
  /* ============================section_2========================= */

  /* =====================section_3================================= */
.section_3{

  h2{
    text-align: center;
        margin-bottom: 2rem;
  }
.card{
  display: flex;
        flex-direction: row;
        align-items: center;
        border: 0;
        border-bottom: 1px solid #c1c1c1;
        border-top: 1px solid #c1c1c1;
        border-radius: 0;
        padding: 1rem 8px;

        .img-container {
          width: 50px;
          height: 50px;
          background: #edf2fa;
          border-radius: 50%;
          padding: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 12px;
          overflow: hidden; /* Ensures that the image fits within the circle */
      }

      .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image scales properly within the container */
        filter: invert(10%) sepia(80%) saturate(500%) hue-rotate(180deg) brightness(100%);
        padding: 5px;
    }
  .why_hd{
    display: flex;
    align-items: center;
    padding-right: 5px;

    h6{
      font-size: 11px;
      font-weight: bold;
      width: 70px;
    }
  }
  .card-body{
    border-left: 2px dashed #b9d719;
    margin-left: 10px;
 

    p{
      margin-bottom: 0;
      font-size: 11px;
    }
  }
}


}
  /* =====================section_3================================== */

  /* ======================section_4================================= */
.section_4{

  @media (max-width:765px){
    p{
      font-size: 12px !important;
    }
    
  }
  h2{
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
  }
  p{
    text-align: center;
  }

  .s_btn{
    margin-top: 2rem;
    background: var(--secondary);
    color: var(--dark-green);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
  
    img{
      width: 25px;
      filter: invert(18%) sepia(5%) saturate(6018%) hue-rotate(103deg) brightness(82%) contrast(83%);
      margin-left: 5px;
    }
  }
  .col-md-4{
    display: flex;
    align-items: center;
  }
  form{
    width: 100%;
  }
}

   /* ======================section_4================================= */

   /* ====================footer============================================ */
   footer{
    @media (max-width:765px){
  .col-md-4{
    margin-bottom: 2rem;
  }
}

  
    background: var(--primary);
    /* height: 100vh; */
    padding: 2rem 0;
  
  .social_icn{
    display: flex;
          justify-content: center;
        
  
    a{
      color: var(--primary);
      background: white;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 5px;
      border-radius: 5px;
    }
  }
  h5{
    text-align: center;
      color:white;
      text-transform: capitalize;
      margin-top: 2rem;
  }
  .links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    a{
      color: #ffffffc2;
    
      text-transform: capitalize;
    }
  }
  @media (min-width:765px){
     h4{
      margin-bottom: 2rem;
     } 
  }
  h4{
    color:white;
    text-transform: capitalize;
    text-align: center;
  }
  .quick_lnk{
   text-align: center;
  
   
    a{
      color: #ffffff;
      display: block;
      text-transform: capitalize;
      margin: 10px 0;
      font-size: 14px;
      border: 1px solid #ffffff6e;
      padding: 5px;
      border-radius: 8px;
    }
  }
  .foot_logo{
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    img{
      width: 240px;
    }
  }
  .adrs{
    text-align: center;
    h6{
      color: white;
      text-transform: capitalize;
      font-size: 18px;
    }
   
    p{
      margin-bottom: 0;
      color: #ffffffc2;
     
  
    }
    a{
      color: white;
      font-size: 14px;
    }
  }
  .ft_bottom{
    text-align: center;
          margin-top: 4rem;
  
    a{
      text-transform: capitalize;
      color: #ffffffc2;
     
      font-size: 12px;
      
    }
    a:hover{
      text-decoration: underline !important;
    }
  }
  }
   /* ======================footer=========================== */
/* ================================faq======================== */

.faq{
background:var(--primary);

h2{
  color: white;
  text-align: center;
  margin-bottom: 3rem;
}

}

.qa-section{
  .accordion {
    background-color: transparent;
    border-radius: 0;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #ffffff87;
    border-style: dashed;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.5s;
    display: flex;
    justify-content: space-between;
    font-family: content;
  }
  
  /* .active, .accordion:hover {
    background-color: #050b43;
    color: white;
  } */
  
  .accordion:after {
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2212";
  }
  
  .panel {
    padding: 0px 18px;
  color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: transparent;
  }
  .panel p{
      padding-top: 10px;
  }
  
  
  @media screen and (max-width:600px) {
      .accordion {
          width: 100%;
      }
      
  }
  .faq-hide{
    color: var(--secondary);
  }
}

/* ==============faq======================================== */

  

/* =========================course===================================== */
/* banner */
@media screen and (min-width: 765px) {
  .course-banner.ncourse {
      height: 100vh;
  }
}
.course-banner {
  height: 500px;
  position: fixed;
  z-index: 0;
  background: #1e283f;
  color: white;
  width: 100%;
  overflow: hidden;
  .row{
    height: 100%;
    .col-md-8{
      height: 100%;
    }
  }

  .col-md-8 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
  .cnts {
      padding-left: 20px;
      width: 90%;
      h2 {
          font-size: 2.8rem;
          text-transform: uppercase;
         color: white;
      }
  }

 

  @media screen and (min-width:1757px) {
      .cnts {
          position: fixed;
          top: 400px;
          left: 150px;

         
      }
  }
  .crs-details {
      /* card */
      display: flex;
      gap: 5px;
      margin-top: 20px;
  }
  .card {
      .card-body {
          padding: 10px;
          display: flex;
          gap: 3px;
          color: var(--primary_clr);
      }
      img {
          width: 30px;
      }
      .sub-title {
          font-size: 13px;
          font-weight: 600;
      }
      h6 {
          color: var(--dark-green);
          font-weight: 600;
          margin-bottom: 0;
      }
  }
  .img-div img {
      clip-path: polygon(100% 0, 38% 0, 7% 100%, 100% 100%);
      transition: 1s;
  }
}

.contact-banner{
  background-image: url(../img/home-crs/contact-bnr.jpg) !important;
  background-position: top !important;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: center !important;
     height:75vh !important;
}


.gallery-banner{
  background-image: url(../img/home-crs/gallery.jpg) !important;
  background-position: top !important;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: center !important;
     height:75vh !important;
}

.about-cbs{
  background-image: url(../img/home-crs/about-cbs.jpg) !important;
  background-position: top !important;
  background-repeat: no-repeat;
  background-size: cover;
  height:80vh !important;

  .checked{
    padding: 20px 0;
    img{
      width: 20px;
      margin-right: 10px;
      filter:invert(40%) sepia(100%) saturate(320%) hue-rotate(31deg) brightness(115%) contrast(180%)
    }
  }
}
.course-banner {
  background-image: url(../img/home-crs/acca-bnr.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; /* Default position for larger screens */
  height: 400px;
  z-index: 0; /* Ensure it is behind the navbar */
  
  color: rgb(0, 0, 0);
  width: 100%;
  overflow: hidden;
  padding: 140px 0; /* Padding for vertical space */

.logo-sec{
  width: 90%;
  padding: 20px;
  
}
  .job-assurance{
    width: 110px;
    object-fit:contain;
  }
  
}

.course-banner::before {
  content: "";
  position: absolute;
  background:linear-gradient(92deg, #002281, #002281, #f3afaa00);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.course-banner .crs-points{
  padding-left: 20px;
  width: 90%;
  
 
    img{
      width: 25px;
      margin-right: 5px;
      filter:invert(40%) sepia(100%) saturate(320%) hue-rotate(31deg) brightness(115%) contrast(180%)
    }
    .division{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 80%;

      .col-md-6{
        display: flex;
        align-items: flex-start !important;
        justify-content: flex-start !important;
      }
      
    }
.check,.placement,.division{
  margin: 15px 0;
}
}




@media screen and (max-width:765px) {
  .course-banner {
    height: 70vh !important; /* Allow height to adjust based on content */
        padding: 130px 0 50px; /* Add padding-top to account for navbar height */
        position: relative;
        z-index: 0; /* Ensure it is behind the navbar */
        /*background: #737374;*/
        color: rgb(0, 0, 0);
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

       
      .col-md-6 {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
      }
      .row .col-md-6:nth-child(2) {
          display: none;
      }
      .cnts {
         
          h2 {
              font-size: 1.3rem;
              span {
                font-size: 2.3rem !important;
                
              }
          }
      }
      .crs-details {
          /* card */
          display: flex;
          gap: 5px;
          margin-top: 20px;
          flex-direction: column;
      }
      .card {
          .card-body {
              padding: 10px;
              display: flex;
              gap: 10px;
              color: var(--primary_clr);
          }
          img {
              width: 30px;
          }
          .sub-title {
              font-size: 13px;
              font-weight: 600;
          }
          h6 {
              color: var(--dark-green);
              font-weight: 600;
              margin-bottom: 0;
              font-size: 0.8rem;
          }
      }
      .img-div img {
          clip-path: polygon(100% 0, 38% 0, 7% 100%, 100% 100%);
          transition: 1s;
      }
  }
}



/* =====================investment banking about================================== */
.abt-section-1 {
  h4{
    text-transform: capitalize;
    color: var(--primary);
  }

  .col-md-6,
  .col-lg-6 {
      align-items: center;
      display: flex;
      justify-content: center;
  }
  .img-div {
      width: 100%;
      border: 8px solid silver;
      padding: 10px;
  }
  .img-div .img {
      width: 100%;
      object-fit: cover;
      object-position: center;
      height: 100%;
  }
  @media screen and (max-width:766px) {
      .reverse-row {
          flex-direction: column-reverse;
      }
      .img {
          margin-bottom: 0px;
      }
  }
}

.abt-section-1.ncourse,
.enq-section-1 {
  margin-top: 350px;
}

@media screen and (max-width:765px) {
  .abt-section-1.ncourse {
      margin-top: 160px;
  }
}




/* banking_courses===================================== */
.ibs_2{
  h2{
    text-transform: capitalize;
    color: var(--primary);
  }
}

.ibs_2 .card {
  padding: 0.5rem;
  /* font-weight: 600; */
  /* background: #45427e; */
  font-size: 16px;
  position: relative;
  overflow: hidden;
  /* color: white; */
  border-radius: 0;
  border: 2px solid white;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;



 

  p {
      margin-left: 10px;
      margin-bottom: 0;
  }
  i {
      font-size: 25px;
      color: #a7c218;
  }
}


.ibs_2 .col-md-6 {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
 
}

/* .ibs_2 .card::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
} */

.ibs_3 .tlt3 h3 {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.5rem;
  color: #2b2b2b;
  span {
      color: #b9d719;
  }
}

.point_sec .col-md-3 .card {
  padding: 1rem;
  height: 270px;
  padding-top: 3rem;
  border: 5px solid #2b2b2b;
}

.point_sec {
  margin-top: 2rem !important;
}

.point_sec .col-md-3:nth-child(2) .card,
.point_sec .col-md-3:nth-child(4) .card {
  border-color: #b9d719;
}

.ibs_4 h3 {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--primary);
  span {
      color: #b9d719;
  }
}
.ibs_4{
  .col-md-6,.col-md-4{
    margin-bottom: 1rem;
  }
}
.ibs_4 .card {
  border: none;
  padding: 1rem;
  background: linear-gradient(45deg, #d4443e, #c70b03);
  margin: 1rem 0;
  color: white;
  height: 100%;
  display: flex;
  justify-content: center;
}

.ibs_4 {
  background: #eceff7;
}

/* .ibs_4 .col-md-6:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

.ibs_5 {
  

  .col-md-6:nth-child(1) .card img {
      filter: invert(24%) sepia(58%) saturate(684%) hue-rotate(212deg) brightness(91%) contrast(93%);
  }
  .col-md-6:nth-child(2) .card img {
      filter: invert(49%) sepia(59%) saturate(5163%) hue-rotate(138deg) brightness(88%) contrast(101%);
  }
  .col-md-6:nth-child(3) .card img {
      filter: invert(22%) sepia(49%) saturate(3610%) hue-rotate(206deg) brightness(106%) contrast(109%);
  }
  .col-md-6:nth-child(4) .card img {
      filter: invert(9%) sepia(86%) saturate(5095%) hue-rotate(348deg) brightness(123%) contrast(111%);
  }


  .col-md-6:nth-child(5) .card img {
    filter: invert(24%) sepia(58%) saturate(684%) hue-rotate(212deg) brightness(91%) contrast(93%);
}
.col-md-6:nth-child(6) .card img {
    filter: invert(49%) sepia(59%) saturate(5163%) hue-rotate(138deg) brightness(88%) contrast(101%);
}
.col-md-6:nth-child(7) .card img {
    filter: invert(22%) sepia(49%) saturate(3610%) hue-rotate(206deg) brightness(106%) contrast(109%);
}
.col-md-6:nth-child(8) .card img {
    filter: invert(9%) sepia(86%) saturate(5095%) hue-rotate(348deg) brightness(123%) contrast(111%);
}

.col-md-6:nth-child(9) .card img {
  filter: invert(24%) sepia(58%) saturate(684%) hue-rotate(212deg) brightness(91%) contrast(93%);
}
.col-md-6:nth-child(10) .card img {
  filter: invert(49%) sepia(59%) saturate(5163%) hue-rotate(138deg) brightness(88%) contrast(101%);
}
  h5 {
      font-weight: bold;
  }
  .card {
   
      height: 100%;
      padding-top: 1rem;
      h4 {
          color: black;
          font-weight: bold;
          font-size: 20px;
          margin-bottom: 10px;
          span {
              color: #99b504;
          }
      }
  }

  .card:hover{
    transform: scale(1.1);
    transition: all 0.3s;
  }
  h3 {
      font-weight: bold;
      font-size: 2rem;
      line-height: 2.5rem;
      color: var(--primary);
      text-align: center;
      span {
          color: #b9d719;
      }
  }
  .ex_hd {
      width: 50px;
      margin-left: 18px;
  }
  .ibs5_end {
      text-align: center;
      margin-top: 3rem;
  }
  .col-md-6 {
      margin-bottom: 1rem;
  }
}

.ibs_6 {
  img {
      width: 100%;
  }
  h3 {
      font-weight: bold;
      font-size: 2rem;
      line-height: 2.5rem;
      color: #2b2b2b;
      span {
          color: #b9d719;
      }
  }
}

.ibs_7 {
  h3 {
      font-weight: bold;
      font-size: 2rem;
      line-height: 2.5rem;
      color: #2b2b2b;
      margin-bottom: 3rem;
      span {
          color: #b9d719;
      }
  }
  .card {
      padding: 10px;
      border: 1px solid #1e283f40;
      text-align: center;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0px 0px 4px 1px rgba(33, 42, 57, .102);
      height: 100%;
      img {
          width: 70px;
          height: 70px;
          object-fit: contain;
      }
  }
  .col-6 {
      margin-bottom: 1rem;
  }
}






.section-2 {
  .num-div{
    width: 100%;
  }

  .scroll-anime {
    opacity: 0;
    transform: translateY(50px) scale(0.95) rotate(2deg);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-anime.visible {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0);
}
  .title-row {
      text-align: center;
      font-weight: 600;
  }
  .h2 {
    
      font-weight: bold;
      font-size: 2rem;
      line-height: 2.5rem;
     
        span {
          color: #b9d719;
    
      }
  }
  .special-text{
    color: #b9d719;
  }
  .sub-title {
      font-weight: 600;
  }
  @media screen and (min-width:700px) {
      .col-md-6 {
          .sub-title {
              text-align: center;
          }
          .sub-text {
              text-align: center;
          }
      }
  }
  .sy-row {
    /* syllabus */
    .col-md-6 {
        justify-content: center;
        display: flex;
    }
    .syllabus_card {
        width: 400px;
        border: 0;
        background: #424242;
        padding: 10px;
        margin-bottom: 30px;
       
        color: white;
       

        
    }
   
    .cnt-div p{
      padding-left: 20px;

    }
     .cnt-div span{
     
      font-weight: 600;
    }
   
    .heading {
        font-weight: 600;
        padding-left: 12px;
    }
    .num-div .h3 {
        font-weight: 600;
        color: #b9d719;
        width: max-content;
        background-clip: text !important;
        color: transparent;
        background: linear-gradient(45deg, #92a917, #b9d719);
        padding-left: 12px;
    }
  }
  
 
}


/* =========================cma subjects============================== */
.subjects {
  background-color: #424242;
  .tab {
    overflow: hidden;
 
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

 
  .tab button {
    
  
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 150px;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
  }
  .tab .col-md-6{
    
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;

  }

  .tab h2{
    text-align: center;
    margin-bottom: 50px;
    color:white;
    font-weight: 700;
    font-size: 37px;
  }

  .tab .tab-1{
   
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;

  }
  .tab .tab-2{
   
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;

  }
 

  .tab button:hover {
    background-color: #9ee957;
  }

  .tab button.active {
    color: white !important;
    background-color: #9ab317;
  }
  .detail{
   padding: 30px;
    background-color: white;
   border-radius: 30px;
   display: flex;
  }

  .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
   
  
 
  }

 .tabcontent:first-of-type {
    display: flex;
    flex-direction: row; /* Align items in a row */
    flex-wrap: wrap; /* Allow wrapping if needed */
  }
  .tabcontent h3{
    color:#737374;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .tabcontent img{
    width: 30px;
    margin-right: 10px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(1723%) hue-rotate(58deg) brightness(93%) contrast(104%);
  }

  .tabcontent.show {
   display: block;
    display: flex;
    
  }


  .accordion-container {
    position: relative;
    margin-left: 40px; /* Adjust as needed for spacing */
}

.accordion-container {
  position: relative;
  padding-left: 30px; /* Adjust for indicator size */
}

.accordion {
  position: relative;
  cursor: pointer;
  background: linear-gradient(45deg, #afcb36, #92a917);
  padding: 10px;
  border: none;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  transition: background 0.3s ease;
}

.accordion-header {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between; /* Space between content and icon */
  font-weight: 600;
}

.plus-icon {
  font-size: 14px;
  transition: transform 0.3s ease;
}

.accordion.active .plus-icon {
  transform: rotate(45deg); /* Rotate icon when active */
}

.indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #afcb36;
  position: absolute;
  left: -30px; /* Adjust as needed */
  transition: background 0.3s ease;
}

.accordion.active .indicator {
  background: #000; /* Color for active state */
}

/* Dashed line connecting the circles */
.accordion-container::before {
  content: "";
  position: absolute;
  left: 5px; /* Adjust to align with circles */
  top: 0;
  width: 2px;
  background: #afcb36;
  height: 100%;
  z-index: 0;
  border: 1px dashed #afcb36;
  border-style: dashed;
  transition: height 0.6s ease;
}

/* Adjust line height based on active accordion */
.accordion-container .accordion.active ~ .accordion-panel::before {
  height: calc(100% + 2px); /* Extend to the next circle */
}


.accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease, padding 0.3s ease;
  background: #f4f4f4;
  padding: 0 10px;

}

.accordion-panel p {
  margin: 10px 0;
}


 

}

@media (max-width:765px) {

  
  
    
    .subjects .tab .tab-1{
     
      display: flex;
      align-content: center;
      justify-content:center !important;
      align-items: center;
      width: 50% !important;
  
    }
    .subjects .tab .tab-2{
     
      display: flex;
      align-content: center;
      justify-content: center !important;
      align-items: center;
      width: 50% !important;
  
    }
  
    .subjects .tabcontent.show {
      display: block;
      display: flex;
      flex-direction: column !important;
      padding: 20px;
      border-radius: 10px !important;
    }
  
    .subjects .tab button {
     
      padding: 10px 40px !important;
     
  }

  .subjects .detail{
    background-color: rgba(255, 255, 255, 0) !important;
   }
 
   .subjects .tabcontent {
     background-color: white;
   
  
   }

   .subjects .tabcontent:first-of-type {
    display: flex;
    flex-direction: column !important; /* Align items in a row */
    flex-wrap: wrap; /* Allow wrapping if needed */
  }

   .accordion-container {
    position: relative;
    padding-left: 0px !important; /* Adjust for indicator size */
  }

  .accordion-container::before {
    content: "";
    position: absolute;
    left: -25px !important;
    top: 0;
    width: 2px;
    background: #afcb36;
    height: 100%;
    z-index: 0;
    border: 1px dashed #afcb36;
    border-style: dashed;
    transition: height 0.6s ease;
  }

   }




   .skills{

    

  
  .slick-vertical .slick-slide {
      height: 170px; /* Adjust this value to match your slide height */
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }
    h3{
 
      font-weight: bold;
        font-size: 2rem;
        line-height: 2.5rem;
        color: #2b2b2b;
    }
    span{
      color:#b9d719;
    }

    /* General styling for the section */
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}

.col-md-7, .col-md-5 {
  padding: 15px;
}

h4 {
 
  margin-bottom: 20px;
  color: #333;
  font-weight: bold;
}

/* Card styling */
.card {
  display: flex !important;
width: 100%;
min-height: 250px;
  align-items: center !important;
  justify-content: center !important;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  padding: 15px;
  
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  
}

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

/* Technical skill image styling */
.t-skill {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.t-skill img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Card body styling */
.card-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.card-body h5 {
  text-align: center;
  margin-bottom: 10px;
  color: #afcb36;
}

.card-body p {
  margin: 0;
  font-size: 14px;
  color: #555;
  text-align: center;
}

/* Tech image styling */
.tech-img {
  text-align: center;
}

.tech-img img {
  max-width: 100%;
  height: auto;
 
  
}

   }


   @media (max-width: 765px) {
    .skills{
      .tech-img img {
        display: none !important;
      }
       .card{
        margin-right: 15px !important;
      }
      
    }
   }


   .scope{
    h3{
      text-align: left;
      padding-bottom: 20px;
      font-weight: bold;
      font-size: 2rem;
      line-height: 2.5rem;
      span{
        color: #b9d719;
      }
    }
    table {
      width: 100%;
      border-collapse: collapse;
      border-collapse: collapse; /*Entfernt die Standardabstände zwischen den Tabellenzellen */
  }
thead {
  background: linear-gradient(to right, #b9d719, #b5ed58, #89cf47);
  color: white;
}
  td {
      padding: 8px;
      text-align: left;
      /* border: 1px solid #d6d6d6; */
  }
  th{
    border: 1px solid #d6d6d6;
    padding: 8px;
  }

  @media (max-width: 1440px) {
      /* Stil für Bildschirme bis 1440px */
      th, td {
          font-size: 1.1em;
          padding: 8px;
      }
  }

  @media (max-width: 1280px) {
      /* Stil für Bildschirme bis 1280px */
      th, td {
          font-size: 1.1em;
          padding: 8px;
      }
  }

  @media (max-width: 1024px) {
      /* Stil für Bildschirme bis 1024px */
      th, td {
          font-size: 1.0em;
          padding: 8px;
      }
  }

  @media (max-width: 768px) {
      /* Stil für Bildschirme bis 768px */
      table, thead, tbody, th, td, tr {
          display: block; /* Stellt alle Tabellenelemente auf block um, wodurch sie wie div-Elemente angezeigt werden */
      }
      thead tr {
          display: none; /* Blendet die Kopfzeile der Tabelle aus */
      }
      tr {
          margin-bottom: 40px;
      }
      td {
          text-align: right;
          position: relative;
          padding-left: 50%;
      }
  td::before {
  content: attr(data-label); /* Fügt den Inhalt des data-label-Attributs vor dem Text der Zelle ein */
  position: absolute; /* Positioniert das ::before-Element absolut innerhalb der Zelle */
  left: 0; /* Setzt das ::before-Element an den linken Rand der Zelle */
  width: 50%; /* Weist dem ::before-Element eine Breite von 50% zu */
  padding-left: 1.15em; /* Fügt dem ::before-Element einen linken Innenabstand hinzu */
  font-weight: bold; /* Macht den Text des ::before-Elements fett */
  text-align: left; /* Richtet den Text des ::before-Elements linksbündig aus */
    background:linear-gradient(to right, #b9d719, #b5ed58, #89cf47);  /* Hintergrundfarbe der Pseudoelemente (ehemalige Überschriften) */
  width:100px;
}
}

  @media (max-width: 480px) {
      /* Stil für Bildschirme bis 480px */
      td {
          font-size: 1.2em;

      }
  }
@media (max-width: 480px) {
      /* Stil für Bildschirme bis 480px */
      th {
          color: red;
  font-size: 1.2em;
      }
  }
   }




   /* syllabus acca */

   .syllabus {
    background-color: #424242;
  }
  
  .syllabus .tab {
    overflow: hidden;
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  
  .syllabus .tab .col-md-4 {
    display: flex;
    align-items: stretch;
  }
  
  .syllabus .tab button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 50px;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
    width: 100%;
    height: 100%;
  }
  
  .syllabus .tab .button-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .syllabus .tab h2 {
    text-align: center;
    margin-bottom: 50px;
    color: white;
    font-weight: 700;
    font-size: 37px;
  }
  
  .syllabus .tab button:hover {
    background-color: #9ee957;
  }
  
  .syllabus .tab button.active {
    color: white !important;
    background-color: #9ab317;
  }
  
  

  .syllabus .detail {
    padding: 30px;
    background-color: white;
    border-radius: 30px;
    display: flex;
  }
  
  
  
  .syllabus .tabcontent {
    display: none; /* Hidden by default */
    padding: 6px 12px;
    border-top: none;
    background-color: white;
  }
  
  /* Show tab content when the .show class is added */
  .syllabus .tabcontent.show {
    display: block;
    display: flex; /* Align items in a row */

  }
  .syllabus .tabcontent:first-of-type {
    display: flex;
    flex-direction: row; /* Align items in a row */
    flex-wrap: wrap; /* Allow wrapping if needed */
  }
  
  .syllabus .tabcontent .col-md-6 {
    flex: 1;
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  .syllabus .tabcontent h3 {
    color: #737374;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  
  /* .syllabus .tabcontent img {
    width: 22px !important;
    margin-right: 10px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(1723%) hue-rotate(58deg) brightness(93%) contrast(104%);
  } */
  
  .exam-focus-container {
    display: flex; /* Align children horizontally */
    justify-content: space-between; /* Distribute space between items */
    width: 100%;
}

.exam, .focus {
    flex: 1; /* Each section takes up equal space */
    padding: 0 15px; /* Add padding between sections */
    box-sizing: border-box;
}

.exam img, .focus img {
    width: 30px;
    margin-right: 10px;
}

  @media (max-width: 765px) {
    .syllabus .tabcontent.show {
      flex-direction: column; /* Stack items in a column on small screens */
      padding: 20px;
      border-radius: 10px;
    }

    .syllabus .tab button {
     
      padding: 10px 40px !important;
     
  }

  .syllabus .tab .col-md-4 {
   padding-bottom: 20px;
  }

  .syllabus .tabcontent:first-of-type {
    display: flex;
    flex-direction: column !important; /* Align items in a row */
    flex-wrap: wrap; /* Allow wrapping if needed */
  }

 
  
  }
  
  

  /* ========================scope india============================= */
.scope-india{

  span {
    color: #b9d719;
}

h3 {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.5rem;
  color: #2b2b2b;
}
  .card {
    display: flex !important;
    width: 100%;
    min-height: 340px;
    
    align-items: center !important;
    justify-content: center !important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 15px;
    padding: 15px;
    
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    
  }
  
  
  
  /* Technical skill image styling */
  .t-skill {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }
  
  .t-skill img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  /* Card body styling */
  .card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .card-body h5 {
    
    margin-bottom: 10px;
    color: #afcb36;
    text-align: center !important;
  }
  
  .card-body p {
    margin: 0;
    font-size: 14px;
    color: #555;
    text-align: center ;
  }
  
  /* Tech image styling */
  .tech-img {
    text-align: center;
  }
  
  .tech-img img {
    max-width: 100%;
    height: auto;
   
    
  }
  .row {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
  }
}

@media (max-width: 765px) {
  .scope-india{
    .tech-img img {
      display: none !important;
    }
     .card{
      margin-right: 15px !important;
      min-height: 360px !important;
    }
    
  }
 }





 /* syllabus cfa */

 .syllabus-cfa {
  background-color: #424242;

  .detail .tabcontent .heading{
    display: flex;
    justify-content: space-between;
    .col-md-6{
      padding: 10px;
      width: 100%;
    }
  }

  .detail .tabcontent .heading h3{
    font-size: 1.7rem;
    font-weight: 800;
  }

 .tab {
  overflow: hidden;
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

 .tab .col-md-4 {
  display: flex;
  align-items: stretch;
}

 .tab button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 50px;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

 .tab .button-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

 .tab h2 {
  text-align: center;
  margin-bottom: 50px;
  color: white;
  font-weight: 700;
  font-size: 37px;
}

 .tab button:hover {
  background-color: #9ee957;
}

 .tab button.active {
  color: white !important;
  background-color: #9ab317;
}



 .detail {
  padding: 30px;
  background-color: white;
  border-radius: 30px;
  
}



 .tabcontent {
  display: none; /* Hidden by default */
  padding: 6px 12px;
  border-top: none;
  background-color: white;
}

/* Show tab content when the .show class is added */
 .tabcontent.show {
  display: block;
  display: flex; 
  /* Align items in a row */
  flex-direction: column;
  flex-wrap: wrap;

}
 .tabcontent:first-of-type {
  display: flex;
  flex-direction: column; /* Align items in a row */
  flex-wrap: wrap; /* Allow wrapping if needed */
}

 .tabcontent .col-md-6 {
  flex: 1;
 
  box-sizing: border-box;
}

 .tabcontent h3 {
  color: #b9d719;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.sep{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  h3{
    font-size: 1.7rem;
    font-weight: 800;
  }
}
.exams{
  flex: 1;
  padding: 10px;
  overflow: hidden;
  
  h4{
   
    font-size: 20px;
  }
  img{
    width: 30px;
    margin-right: 5px;
  }
  
}
.exams:last-child {
  margin-right: 0;
}

.exam-focus-container {
  display: flex; /* Align children horizontally */
  justify-content: space-between; /* Distribute space between items */
  width: 100%;
}

.exam, .focus {
  flex: 1; /* Each section takes up equal space */
  padding: 0 15px; /* Add padding between sections */
  box-sizing: border-box;
}

.exam img, .focus img {
  width: 30px;
  margin-right: 10px;
}
}

@media (max-width: 765px) {
  .syllabus-cfa 
  .tabcontent.show {
    flex-direction: column; 
    flex-wrap: wrap;/* Stack items in a column on small screens */
    padding: 20px;
    border-radius: 10px;
  }

 .tab button {
   
    padding: 10px 40px !important;
   
}

.tab .col-md-4 {
  display: flex;
  align-items: stretch;
  padding-bottom: 20px !important;
}

.tabcontent:first-of-type {
  display: flex;
  flex-direction: column; /* Align items in a row */
  flex-wrap: wrap; /* Allow wrapping if needed */
}


}



/* about us */

.about-us{
     h3{
    font-weight: 700;
    color: #303031 !important; 
   
    span{
      color: var(--primary) !important;
   
      
    }
  }
  img{
    width: 100%;
  }
  .para{
    padding-top: 40px;
  }
}





/* ====================contact======================= */
@media (max-width : 768px){
    .contact .card{
  border: none;
 display: flex;
 flex-direction: column !important;
 align-items:center;
 justify-content:center;
 
}
.contact .list-unstyled{
    width:100%;
  margin-bottom: 30px;
  border-radius: 10px;
  display: flex;
  background-color: #f5f5f5;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-right: 0px !important;
}
    
}
.contact form{
  width: 100%;
  input,textarea.form-control{
    border: 1px solid rgb(106, 106, 107, 1);
  }
  button{

  
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: #b9d719;
    outline: none;
    border: none;
  }
  .form-group{
    color: #414144;
    font-weight: 600;
  }
}

.contact .card{
  border: none;
 display: flex;
 flex-direction: row;
  border-radius: 5px; 
  padding-top: 30px;
}
.contact .list-unstyled{

  margin-bottom: 30px;
  border-radius: 10px;
  display: flex;
  background-color: #f5f5f5;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-right: 50px;
}



.contact-item {
  display: flex;
  align-items: flex-start;
  padding: 10px;

}
.contact-item .detail{
  display: flex;
  flex-direction: column;
}
.contact-icon {
  margin-right: 20px; /* Space between the icon and text */
  font-size: 20px; /* Adjust icon size */
  color: #aabe35; /* Icon color (optional, can be customized) */
}

.contact-item strong {
  font-weight: bold;
  text-transform: uppercase;
  color: #414144;
  margin-bottom: 10px;
}
.contact-item p{
  color: #6d6d6e; 
}
.contact-item a {
  color: #6d6d6e; /* Link color (optional, can be customized) */
  text-decoration: none; /* Remove underline from link */
}

.contact-item a:hover {
  text-decoration: underline; /* Add underline on hover */
}

/* Optional: Responsive adjustments */
@media (max-width: 767px) {
  .contact-item {
      flex-direction: column;
      align-items: flex-start;
  }

  .contact-icon {
      margin-bottom: 5px; /* Space between icon and text in mobile view */
  }
}


/* modal */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black with opacity */
  padding-top: 60px;

h3{
  color: #454546;
}
/* Modal Content */
.modal-content {
height: fit-content;
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Adjust as needed */
  max-width: 500px;
  border-radius: 10px;
}

/* Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: flex-end !important;
  margin-right: 10px;
  justify-content: flex-end;

}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Additional Form Styling (optional) */
form input[type="text"],
form input[type="tel"],
form select,
form textarea {
  width: 100%;
  padding: 10px;
  margin: 5px 0 5px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.sub-but{
  display: flex;
  align-items:center ;
  justify-content: flex-start;
}

button {
  background-color: var(--secondary);
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  width: 50%;
  justify-content: center;
  img{
    filter: invert(98%) sepia(99%) saturate(2%) hue-rotate(136deg) brightness(109%) contrast(100%);
  }
}

button img {
  margin-left: 8px; /* Space between the image and the text */
  height: 20px;
  width: 20px; /* Adjust the height of the icon as needed */
  object-fit: contain;
}

button:hover {
  background-color: #005b22;
}

}




/*========================contact us===============================*/

.contact-us{

  .form-card .card{
padding: 20px;
h3{
  margin-bottom: 20px;
}

  }

  .s_btn{
    margin-top: 2rem;
    background: var(--secondary);
    color: white;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
  
    img{
      width: 25px;
      filter: invert(98%) sepia(99%) saturate(2%) hue-rotate(136deg) brightness(109%) contrast(100%);          margin-left: 5px;
    }
  }
  


 .list-unstyled{

    margin-bottom: 30px;
    border-radius: 10px;
    display: flex;
    background-color: #f5f5f5 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-right: 50px;
  }
  
  
  
  .contact-item {
    display: flex;
    align-items: flex-start;
    padding: 10px;
  
  }
  .contact-item .detail{
    display: flex;
    flex-direction: column;
  }
  .contact-icon {
    margin-right: 20px; /* Space between the icon and text */
    font-size: 20px; /* Adjust icon size */
    color: var(--primary); /* Icon color (optional, can be customized) */
  }
  
  .contact-item strong {
    font-weight: bold;
    text-transform: uppercase;
    color: #414144;
    margin-bottom: 10px;
  }
  .contact-item p{
    color: #6d6d6e; 
  }
  .contact-item a {
    color: #6d6d6e; /* Link color (optional, can be customized) */
    text-decoration: none; /* Remove underline from link */
  }
  
  .contact-item a:hover {
    text-decoration: underline; /* Add underline on hover */
  }
  
  .p-3{
    border: none;
   display: flex;
   flex-direction: row;
    border-radius: 5px; 
    margin-top: 50px;
  }
  




  .custom-select-wrapper {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
  }

  .custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .custom-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    color: #97919a;
    padding: 10px;
    cursor: pointer;
  }

  .custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    max-height: 100px;
    overflow-y: auto;
    z-index: 999;
    display: none;
  }

  .custom-select.open .custom-options {
    display: block;
  }

  .custom-option {
    padding: 8px;
    cursor: pointer;
    background-color: #fff;
    color: #162044;
    font-size: 11px;
    font-weight: 600;
  }

  .custom-option:hover {
    background-color: #f0f0f0;
  }
.form-label{
  text-transform: capitalize;
    font-weight: 500;
    margin-left: 3px;
}


    
  }
  
  
  @media (max-width:765px){

    .contact-us .p-3{
      border: none;
     display: flex;
     flex-direction: column !important;

      border-radius: 5px; 
      margin-top: 50px;
    }

    .contact-us .list-unstyled{

      margin-bottom: 30px;
      border-radius: 10px;
      display: flex;
      background-color: #f5f5f5 !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      margin-right: 0px !important;
    }
    
      .custom-select-wrapper{
        width: 100%;
      }



      /* Optional: Responsive adjustments */

    .contact-item {
        flex-direction: column;
        align-items: flex-start;
    }
  
    .contact-icon {
        margin-bottom: 5px; /* Space between icon and text in mobile view */
    }
  
  }


  /* ============================gallery========================== */

  .gallery{
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
     ul li img {
      display: block;
      height: auto;
      width: 100%;
      max-width: 100%;
    }
    
     ul {
      columns: 17rem;
      column-gap: 1rem;
    }
     ul li {
      break-inside: avoid;
      margin: 0 0 1rem;
    }

  }
  @media screen and (max-width: 765px) {
    .gallery{
      ul li {
        margin-bottom: 20px !important;
      }
    }
  }


  /* ====================abt_1=============================== */
.services{
 
.img_div{
  width: 80px;
  img{
    filter: invert(13%) sepia(29%) saturate(6039%) hue-rotate(215deg) brightness(102%) contrast(117%);
  }
}
.card:hover .img_div img{
  filter: invert(100%) sepia(0%) saturate(7491%) hue-rotate(49deg) brightness(94%) contrast(98%);

}
   .card {
    position: relative;
    z-index: 1;
    border-top: 3px solid var(--primary);
    height: 100%;
    display: flex;
    align-items: center;
    p{
      font-size: 14px;
    }
  }
  
  i {
    color: var(--primary);
  }
  
  .card > .anim-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--primary);
    transition: height 0.3s ease;
  }
  
  .card:hover .anim-layer {
    height: 100%;
  }
  
  .card:hover h2, .card:hover i, .card:hover p {
    position: relative;
    z-index: 1;
    color: white;
  }
  
  .card i {
    background-color: white;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  
  .card:hover i {
    color: var(--primary);
  }
}
  
  /* ======================abt_1================================ */

  /* ==============================c1============================ */

.c1{
  background: var(--primary);
  color: white;

  h3{
    text-transform: capitalize;
   
    margin-bottom: 1rem;
  }

}
  /* ==========================c1=============================== */

  /* ==================c2=============================== */
.c2{
 
  h3{
    color: var(--primary);
    text-transform: capitalize;
    margin-bottom: 1rem;
  }
   @media (max-width:765px){
    .ft_cnt{
      font-size: 16px !important;
    }
  }
  .ft_cnt{
    font-size: 20px;
   
    /* font-weight: bold; */
    color: white;
    text-transform: capitalize;
    font-style: italic;
    background: #c9120a;
    padding: 1rem;
    border-radius: 10px;
  }
}
  /* ============================c2=========================== */

  /* ==================tr1================== */
.tr1{
  h2{
    color: var(--primary);
    margin-bottom: 2rem;
  }
}
  /* ==============tr1=============== */

  /* =================tr2========================== */

.tr2{
  h2{
    margin-bottom: 2rem;
    color: var(--primary);
  }
 .col-md-6{
  margin-bottom: 2rem;
  .card{
    .img_div{
      width: 80px;
      padding: 10px;
    }
  }
 }

}
  /* ======================tr2========================== */

  /* ====================taxation===================== */

.t2,.t3,.t4,.t1{
  h3{
    background: linear-gradient(181deg, #173784, #c80f07);
    color: #ffffff00;
    background-clip: text;
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-size: 2rem;
  }
}
.t4{
  .pt{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 7px;
    i{
      font-size: 22px;
      color: var(--secondary);
      margin-right: 10px;
    }
  }
  h4{
    text-transform: capitalize;
    color: var(--primary);
    margin-bottom: 15px;
  }
}
  /* ==============taxation====================== */