@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@charset "UTF-8";
  /* General CSS */
  /* Default styles applied to all screen sizes */

html, body {
  position:relative;
  overflow-x:hidden;
  margin: auto;
  scroll-behavior: smooth;

}

body {
  padding: ;
}

body, 
input, 
select, 
textarea{
/*  color: #2f4f4f;*/
  font-weight: 400!important;
  font-kerning: normal;
  line-height: 1.9;
}

p{
    font-size: 1rem;
    font-weight: 400;
}
.lead {
    font-size: 1.15rem;
    font-weight: 400;
}


/*Inner Page Name Header*/

  .background-image {
   width: 100%;
   height: 50%;
   background:linear-gradient(180deg, #004b388f, var(--color-bg-highlight)),  url('<?php echo base_url(); ?>assets/images/about/a1.jpg');
   background-size: cover; /* Cover the entire area of the background */
   background-position: center; /* Center the background image */
   }

/*Accordion Tab*/
.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: #ccffc6;

  }
  .accordion-item {
    color: var(--bs-accordion-color);
/* active body color   */
    background-color: #e2e3e5;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}


.accordion-button:not(.collapsed) {
    color: #fefefe;
    background-color: #004b38;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
/*.accordion p{
  font-size: 1.5rem;
}

.accordion .table{
  font-size: 1.25rem;
}
.accordion ul{
  font-size: 1.25rem;
}
.body .address{
  font-size: 1.5rem!important;
}
*/


/*Home Update Section*/
.play-pause{
  bottom: 3%!important;
  right:1rem!important;
  position: absolute!important;
}
.upd_links{
  top: 3%;
  position: absolute;
}
/*Staff Profile*/

#staff_profile .nav-link:hover {
    color: var(--bs-gray-900);
}
/* Custom styles for tab buttons */
#director_profile .nav-tabs .nav-link {
    color: #000; /* Change text color */
    background-color: #fff; /* Default background color */
    border-color: #ddd; /* Border color */
}

/* Active tab button */
#director_profile .nav-tabs .nav-link.active {
    color: #fff; /* Text color when active */
    background-color: #28a745; /* Green background color */
    border-color: #28a745; /* Green border color */
}

.btn-outline-success {
    --bs-btn-color: #004b38!important;
  }

/*color*/
/* Color Definitions */

/* Pale Spring Bud */
.pale-spring-bud {
    background-color: #D9EDBF;
    color: #2C7865; /* Dark Slate Green */
}

/* Vivid Tangerine */
.vivid-tangerine {
    background-color: #FF9800;
    color: #2C7865; /* Dark Slate Green */
}

/* Dark Slate Green */
.dark-slate-green {
    background-color: #2C7865;
    color: #FFFFFF; /* White */
}

/* Light Sea Green */
.light-sea-green {
    background-color: #90D26D;
    color: #004b38;
    /* Dark Slate Green */
/*    color: #2C7865; */
}
:root {
  --color-bg-primary: #D9EDBF; /* Background color */
  --color-text-primary: #004b38; /* Font color for primary background */
/*  --color-text-primary: #2C7865;  Old Font color for primary background */
  
  --color-bg-secondary: #FF9800; /* Background color */
  --color-text-secondary: #2C7865; /* Font color for secondary background */
  
  --color-bg-accent: #2C7865; /* Background color */
  --color-text-accent: #FFFFFF; /* Font color for accent background */
  
  --color-bg-highlight: #90D26D; /* Background color */
  --color-text-highlight: #2C7865; /* Font color for highlight background */
}

/* CSS Example */

.primary-section {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.secondary-section {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
}

.accent-section {
  background-color: var(--color-bg-accent);
  color: var(--color-text-accent);
}

.highlight-section {
  background-color: var(--color-bg-highlight);
  color: var(--color-text-highlight);
}
.footer-section{
         background-color:#004b38; 
         color: #fefefe;
      }
      

.bg-pine {
  background-color: #234F1E!important;
}

.bg-darkgreen {
      background-color: #004b38!important;
   }

.text-darkgreen {
      color: #004b38!important;
   }

.bg-beige{
    background-color: #f5f5dc;
}

.bg-orange{
    background-color: #ff8d00;
}

/*Text Truncate*/

.truncate-1 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      max-height: calc(1 * 2.2em);
    }
    
    .truncate-2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      max-height: calc(2 * 2.2em);
    }
    
    .truncate-3 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      max-height: calc(3 * 2.2em);
    }
    
    .truncate-4 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 4;
      max-height: calc(4 * 2.2em);
    }
    
    .truncate-5 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 5;
      max-height: calc(5 * 2.2em);
    }

    .truncate-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    max-height: calc(6 * 2.2em);
  }

  .truncate-7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    max-height: calc(7 * 2.2em);
  }

  .truncate-8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    max-height: calc(8 * 2.2em);
  }

  .truncate-9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 9;
    max-height: calc(9 * 2.2em);
  }

  .truncate-10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    max-height: calc(10 * 2.2em);
  }

/*Heights*/
/* Minimum height of 10% and maximum height of 30% of viewport height */
.min-h-10 {
    min-height: 10vh;
  }
.max-h-30 {
    max-height: 30vh;
  }


/* Minimum height of 20% and maximum height of 40% of viewport height */
.min-h-20 {
    min-height: 20vh;
  }
.max-h-40 {
    max-height: 40vh;
  }


/* Minimum height of 35% and maximum height of 55% of viewport height */
.min-h-35 {
    min-height: 35vh;
  }
.max-h-55 {
    max-height: 55vh;
  }


/* Minimum height of 45% and maximum height of 65% of viewport height */
.min-h-45 {
    min-height: 45vh;
  }
.max-h-65 {
    max-height: 65vh;
  }


/* Minimum height of 70% and maximum height of 85% of viewport height */
.min-h-70 {
    min-height: 70vh;
  }
.max-h-85 {
    max-height: 85vh;
  }


/* Minimum height of 80% and maximum height of 95% of viewport height */
.min-h-80 {
    min-height: 80vh;
  }
.max-h-95 {
    max-height: 95vh;
  }

/* Minimum height of 25% and maximum height of 50% of viewport height */
.min-h-25 {
    min-height: 25vh;
  }
.max-h-50 {
    max-height: 50vh;
  }

/* Minimum height of 40% and maximum height of 60% of viewport height */
.min-h-40 {
    min-height: 40vh;
  }
.max-h-60 {
    max-height: 60vh;
  }


/* Minimum height of 60% and maximum height of 80% of viewport height */
.min-h-60 {
    min-height: 60vh;
  }
.max-h-80 {
    max-height: 80vh;
  }

/* Minimum height of 75% and maximum height of 90% of viewport height */
.min-h-75 {
    min-height: 75vh;
  }
.max-h-90 {
    max-height: 90vh;
  }

/* Full height (100%) of viewport height */
.full-height-vh {
    height: 100vh;
}

/*breaking news*/
.news{width: 160px;
}
.news-scroll a{
  text-decoration: none;
}
.dot{
  height: 20px;
  width: 2px;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 5px !important;
  background-color: red;
  border-radius: 10%;
  display: inline-block;
}
/**/

/**/
.top-1 {
  top: 1em !important;
}

.bottom-1 {
  bottom: 1em !important;
}

.start-1 {
  left: 1em !important;
}
.end-1 {
  right: 1em !important;
}

.top-5 {
  top: 5em !important;
}

.bottom-5 {
  bottom: 5em !important;
}

.start-5 {
  left: 5em !important;
}
.end-5 {
  right: 5em !important;
}



/*breakpoint classes*/

/* Styles for Extra Small (xs) screens (up to 575.98px) */
@media (max-width: 575.98px) {
  /* Example: Adjust font size for extra small screens */
  body {
    font-size: 14px;
  }
  .p-navbar{
    padding: 1rem!important;
  }
  .navbar-expand-md .navbar-nav .nav-link:hover {
    background-color: #ffffff;
    font-weight: 700;
    color: #212529;
    padding: 0.5rem;
}
  .p-title{
    padding-left :5vw!important;
    padding-right :5vw!important;
    padding-top: 3vh!important;
    padding-bottom: 3vh!important;
    text-align: center;
  }
  .hmt1 {
    font-size: calc(2vw + 1vh + 2vmin)!important;
  }
  .hindi_main_title2{
    
    color: ;
     font-family: 'Roboto', sans-serif;
     font-style: normal;
     font-size: calc(1vw + 1vh + 2vmin);
     font-weight: 900;
    font-kerning: ;     
    word-spacing: 1px;
  }
.english_main_title{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
     font-size: calc(1vw + 1vh + 2vmin);
   font-weight: 900;
   word-spacing: 5px;
   font-kerning: ;
   word-spacing: 1px;
}
.iso_text{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size: 3vw;
   font-weight: 700;
   word-spacing: 5px;
   font-kerning: ;
   word-spacing: 1px;
}
  .carousel-item {
   /* height: 30vh;
    overflow: hidden;*/
}
.-object-fit-contain{
  min-height: 20vh;
  max-height: 20vh;
  object-fit: fit!important;
  image-rendering: optimizeQuality;
}
.logo-w{
max-width: vw!important;
}
}

/* Styles for Small (sm) screens (576px - 767.98px) */
@media (min-width: 576px) and (max-width: 767.96px) {
  /* Example: Adjust padding for small screens */
  .container {
    padding: 10px;
  }
  .top-bar {
   display: none;
  }

  .top-bar-mobile {
   display: block;
  }
    .p-navbar{
    padding: 1rem!important;
  }
  .navbar-expand-md .navbar-nav .nav-link:hover {
    background-color: #ffffff00;
    font-weight: 700;
    color: #212529;
    padding: 0.5rem;
}
  .p-title{
    padding-left :5vw!important;
    padding-right :5vw!important;
    padding-top: 3vh!important;
    padding-bottom: 3vh!important;
    text-align: center;
  }
  .hmt1 {
    font-size: calc(2vw + 1vh + 2vmin)!important;
  }
  .hindi_main_title2{
    
    color: ;
     font-family: 'Roboto', sans-serif;
     font-style: normal;
     font-size: calc(1.25vw + 1.25vh + 1vmin);
     font-weight: 900;
    font-kerning: ;     
    word-spacing: 1px;
  }
.english_main_title{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size:  calc(1.5vw + 1.5vh + 0.5vmin);
   font-weight: 900;
   word-spacing: 5px;
   font-kerning: ;
   word-spacing: 1px;
}
.iso_text{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size: calc(0.5vw + 0.5vh + 0.5vmin);
   font-weight: 700;
   word-spacing: 5px;
   font-kerning: ;
   word-spacing: 1px;
}
/*  .carousel-item {
    height: 20vh!important;
    overflow: hidden;
}*/
.-object-fit-contain{
  min-height: 30vh;
  max-height: 30vh;
  object-fit: fit!important;
  image-rendering: optimizeQuality;
}
.logo-w{
max-width: vw!important;
}
}

/* Styles for Medium (md) screens (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Example: Center align text on medium screens */
  h1 {
  }
  .p-navbar{
    padding: ;
  }
  .p-title{
    padding-top: 5vh;
  }
  .hmt1 {
    font-size: calc(2vw + 1vh + 2vmin)!important;
  }
  .hindi_main_title2{
    
    color: ;
     font-family: 'Roboto', sans-serif;
     font-style: normal;
     font-size: 2vw;
     font-weight: 600;
    font-kerning: ;
     word-spacing: 10px;
  }
.english_main_title{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
     font-size: calc(1vw + 1vh + 0.5vmin);
   font-weight: 600;
   word-spacing: 10px;
   font-kerning: ;
}
.iso_text{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size: 2.5vw;
   font-weight: 600;
   word-spacing: 10px;
   font-kerning: ;
}
  /*.carousel-item {
    height: auto!important;
    overflow: hidden;
}*/
.-object-fit-contain{
  min-height: 60vh;
  max-height: 65vh;
}
.logo-w{
max-width: 8vw!important;
}
}

@media (min-width: 1023.98px) and (max-width: 1024px) {

}

/* Styles for Large (lg) screens (992px - 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Example: Adjust margins for large screens */
  
  .p-navbar{
    padding: ;
  }
  .p-title{
    padding:auto!important;
    margin-top: 20px !important;
  }
  .hmt1 {
    font-size: calc(2vw + 1vh + 2vmin)!important;
  }
  .hindi_main_title2{
    
        color: ;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
     font-size: calc(0.5vw + 1.5vh + 0.5vmin);
    font-weight: 600;
    font-kerning: ;
    word-spacing: 5px;
    margin-top: 2rem;
}
  }
.english_main_title{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
     font-size: calc(1.5vw + 1.5vh + 1.5vmin);
    font-weight: 600;
    word-spacing: 0px;
    font-kerning: ;

}
.iso_text{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size: calc(0.5vw + 1.5vh + 0.5vmin);
   font-weight: 600;
   word-spacing: 3px;
   font-kerning: ;
}
  .-object-fit-contain{
  min-height: 60vh;
  max-height: 60vh;
}
.logo-w{
max-width: vw!important;}
}

/* Styles for Extra Large (xl) screens (1200px and above) */
@media (min-width: 1200px) {
  /* Example: Increase font size for extra large screens */
  .p-navbar{
    padding: ;
  }
  .p-title{
    padding:auto!important;
  }
  .hmt1 {
    font-size: calc(2vw + 1vh + 2vmin)!important;
  }
  .hindi_main_title2{
    
    color: ;
     font-family: 'Roboto', sans-serif;
     font-style: normal;
     font-size: calc(2vw + 2vh + 4vmin);
     font-weight: 600;
    font-kerning: ;
     word-spacing: 10px;
  }
.english_main_title{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size: 2.5vw;
   font-weight: 600;
   word-spacing: 10px;
   font-kerning: ;
}
.iso_text{
  
  color: ;
   font-family: 'Roboto' sans-serif;
   font-style: normal;
   font-size: calc(0.5vw + 0.5vh + 0.5vmin)!important;
   font-weight: 600;
   word-spacing: 10px;
   font-kerning: ;
}
  .-object-fit-contain{
  min-height: 60vh;
  max-height: 65vh;
}
.logo-w{
max-width: 13vw!important;
}
}

@media print {
  .container,
  .container-fluid{
    padding: 10px;
    margin-top: 10px;
  }
    /* Target the element with class 'col-md-9' and change it to 'col-md-12' */
    .col-md-10,
    .col-md-9,
    .col-md-8 {
        width: 100%; /* Set width to 100% for printing */
    }
    .accordion-collapse {
        display: block !important;
        visibility: visible !important;
        max-height: none !important;
    }

    /* Ensure that accordion headers are not collapsed in print view */
    .accordion-button.collapsed::after {
        content: none; /* Hide the 'collapsed' icon in print view */
    }
}
}