:root {
        --bgcolor-thead: #187F99;
        --thead-text-color: #FFFFFF;
        --table-btn-bgcolor: #187F99;
        --page-heading-text-color: #004080;
        --page-heading-bg-color: linear-gradient(#cce7e8, #187F99);
        --table-bg-color: #f9f9f9;
        --hover-row-bg: #f1f1f1;
        --btn-hover-color: #0c5e70;
        --btn-active-color: #004080;
    }

        *
        {
               padding: 0;
                box-sizing: border-box;
                font-family: 'Poppins', sans-serif;
        }
        .thought {
            font-style: italic;
            font-size: 12px;
            color: #01458e;
            margin-top: 0px;
            
            text-align: center;
        }
       
        .brdr-rght {
        border-right: 1px solid #646464;
        }
        
        .table td {
            width: 30px;
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
        }
        .top-nav
        {
                background-color: #187F99;
                padding:0 16px;
                
                
        
        }
        .first_navbar
        {
            z-index:1;
        }
        
        .top-nav ul
        {
           padding:0;
        }
        
        .top-nav button {
            left:0;
            margin:3px;
            background:#5BB8D0;
        }
        .top-nav button span{
                width: 18px;
                height: 18px;
                background-size:20px;
        }
        
        .top-nav .topnav {
                display: flex;
                flex-direction: row;
               
                
        }
        
        .top-nav ul li a{
                color: #FFFFFF !important;
                padding-top:5px;
              
        }
        
        .top-nav ul li a:hover{
                background-color: #000000;
        }
        
        .top-nav ul li a.active{
                background-color: #000000;
        }
        
        .top-nav ul li .dropdown-menu{
                background-color: #187F99;
        }
    /* Back to top */

        #progress
        {
                background-color: #03cc65;
                position: fixed;
                bottom: 20px;
                right: 10px;
                height: 40px;
                width: 40px;
                display: grid;
                place-items: center;
                border-radius: 50%;
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
                cursor: pointer;
                z-index: 9999;
        }
        
        #progress-value
        {
                display: block;
                height: calc(100% - 8px);
                width: calc(100% - 8px);
                background-color: #d6e5ff;
                border-radius: 50%;
                display: grid;
                place-items: center;
                font-size: 20px;
                color: #D50C0C;
        }
    


/* --------Default color and size ---------- */
        .default-header-fontsize
        {
         font-size:20px;
         color: #D50C0C;
         
        }
         
        .default-header-color
        {
            color: #D50C0C;
            
        }

   /*admission_enquiry*/
    .floating-btn {
        position: fixed;
        top: 50%; 
        right: 8px; 
        /*transform: translateY(-50%);*/
        background-color:  #187F99;
        color: white;
        border: none;
        padding: 5px;
        /*font-size: 10px;*/
       font-family: "Lato", sans-serif;
        font-weight: 700;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 130px;
        width: 40px;
        text-align: center;
        border-radius: 7px;
    }
    
    .vertical-text {
        writing-mode: vertical-rl; 
        transform: rotate(180deg); 
        font-size: 16px;
        color: white;
    }
/* --------Header Banner---------- */

        .container-fluid #header
        {
                vertical-align: middle;
        }
        
        .container-fluid #header #header-img img
        {
                width: 60px;
                height: 60px;
        }
        
        .container-fluid #header #header-text h4
        {
                color: #D50C0C;
                text-align: center;
                font-size: 0.9rem;
                font-weight: bold;
        }
        
        .container-fluid #header #header-text h6
        {
                color: ##187F99;
                text-align: center;
                font-size: 0.6rem;
        }
    /*Latest News */
        .news{
    	/*background: #7DB59E;*/
        }

        .latest-news{
        	padding-top: 10px;
        	margin: 0;
        	height: 300px;
        	overflow: hidden;
        }

        .latest-news ul{
        	padding: 2px 25px;
        	list-style: none;
        }
        .fonts{
        font-family:Roboto, sans-serif;
        font-size:13px;
        /*font-weight: bold;*/
        color: #35a0ff;
        
        }
        .latest-news ul li{
        	font-weight: bold;
        	padding: 15px 0;
        /*line_colour_chenge*/
        	border-bottom: 1px solid #D50C0C;
           /*border-bottom: 1px solid #aefc34;*/
         /*line_colour_chenge*/
        }
        
        .latest-news ul li:before{
        	content: "\f101";
        	font-family: FontAwesome;
        	padding-right: 5px;
        }
        .latest-news a {
        	color:#030059 !important;
        }
    /*Navbar */
        header
        {
            z-index:999;
            top:0;
            left:0;
            width:100%;
            display:flex;
            justify-content:space-between;
            align-items:center;
            background:#187F99;
            box-shadow:0  5px 25px rgb(0 0 0/ 20%);
            
             transition:0.6s;
             position:sticky;
        }
        
        header .navigation
        {
            position:relative;
            line-height:1px;
            padding-top:1px;
        }
        .navigation button 
        {
            background:#5BB8D0;
            margin:3px;
        }
        .navigation button span
        {
            width: 18px;
            height: 18px;
            background-size:20px;
            
        }
     
        header .navigation .menu
        {
            position:relative;
            display:block;
            background:#25A0BF;
            min-width: 50px;
            height:55vh;
            top:0px;
            left: 0;
            line-height:30px;
            padding: 5px 30px;
            overflow-y: auto;
            justify-content:center;
            list-style:none;
            user-select:none;
            align-items:center;
            
        }
        .menu-item
        {
            border-top: 1px solid #EBF0F3;
        }
        .menu-item > a
        {
            color: #FFFFFF !important;
            text-decoration:none !important;
        }
            
        header .navigation .menu.active
        {
            left:0;
        }
            
        .menu-item .sub-menu
        {
            opacity: 1;
            position: relative;
            top: 0;
            line-height:15px;
            transform: translateX(10px);
            background:#2D91BB;
            border-radius:5px;
            overflow:hidden;
            display:none;
            list-style:none;
            padding-right:10px;
           
            
        }
        .menu-item:hover .sub-menu
        {
            transform: translate(10px);
        }
        .menu-item .sub-menu .sub-item
        {
            box-shadow: none;
            padding:7px 0;
            border-top: 1px solid #EBF0F3;
        }
        .menu-item .sub-menu .sub-item:hover{
            background:none;
        }
            
        .menu-item .sub-menu .sub-item a
        {
            color: #FFFFFF; 
            text-decoration:none;
           
        }
        .menu-item .sub-menu .sub-item a:hover
        {
            
            transition:0.3s;
        }
            
        .more .more-menu
        {
            opacity: 1;
            position: relative;
            left: 0;
            margin-top:10px;
            transform: translateY(0);
            background:#54BBE7;
            border-radius: 5px;
            display:none;
            list-style:none;
        }
            
        .more .more-menu .more-item
        {
            box-shadow: none;
            padding:7px 0;
            border-top: 1px solid #EBF0F3;
        }
        
        .more .more-menu .more-item:hover
        {
            background: none;
        }
       
        
        header
        {
            padding:0 16px;
        }
    /* Carousel */

        .carousel-inner .carousel-item
        {
                height: 200px;
        }
    
        .carousel-inner .carousel-item img
        {
                height: 200px;
                width: 100%;
        } 
        /* Inspiration Carousel */

        .carousel-inners .carousel-item
        {
                height: 200px;
        }
    
        .carousel-inners .carousel-item img
        {
                height: 200px;
                width: 100%;
        } 
    /* Announcement News */
        .container_news h2
        {
            font-weight: 700 !important;
            font-family: "Lato", sans-serif;
        } 
        .container_news h2
        {
            text-align:center; 
        }
        .news 
        {
          
          background-color: #d9efff; 
          border-radius: 8px;
          height: 300px !important;
        
        }
        
    /* Home Page Principal-Desk */
        .container_principal 
        {
            background: #d9efff;
        }
        .container_principal img
        {
            width:150px;
            height:150px;
            padding-bottom:5px;
        }
        
        .container_principal h2
        {
            font-weight: 700 !important;
            font-family: "Lato", sans-serif;
            <!--text-align:center;-->
        } 
        
        .image_corner 
        {
            width: 100%;
            border-radius: 15px;
        }
        
        .alignment
        {
            text-align:center;
            padding-right:20px;
        } 
    /* Vision Mission */
        .container_vision 
        {
            display: flex;
        }
       
        .col-sm-1 img 
        {
            margin-right: 15px; 
            max-width: 100%;
            height: auto;
        }
        
        .carousel-item 
        {
         text-align: center;
        } 
        
    /* Admission Enquiry */
        .modal-content {
            border-radius: 10px;
            padding: 20px;
            max-height: 600px;
            overflow-y: auto;
        }
        
       
        #admissionForm {
            font-family: Arial, sans-serif;
            padding: 10px;
        }
        
        /* Reduce the size of the text boxes to fit the modal better */
        .form-row_modal {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 5px;
        }
        
        .form-group_modal {
            flex: 1;
            min-width: 250px;
            
            
        }
    
    /* Adjust the form field sizes */
        .form-label {
            font-size: 14px;
            font-weight: bold;
        }
    
        input.form-control,
        select.form-control {
            width: 80%;
            padding: 8px;
            font-size: 13px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
    
    /* Style for input focus */
        input.form-control:focus,
        select.form-control:focus {
            border-color: #6c757d;
            outline: none;
        }
        
    /* Error Messages */
        .text-danger.error-message {
            font-size: 13px;
            color: red;
            margin-top: 5px;
        }
    
    /* Button Styling */
        button.btn-success {
        
        background-color: #28a745;
        color: white;
        border: none;
        padding: 10px 20px;
        font-weight: bold;
        font-size: 14px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        }
    
        button.btn-success:hover {
            background-color: #218838;
        }
    
    
        .modal-title {
            font-size: 18px;
            font-weight: bold;
            text-align:center;
            width:100%;
        }
    
    /* Modal Body */
        .modal-body {
            padding: 20px;
            max-height: 300px;
        }
    /* Home Page  for inspiration carousel */
        .custom-carousel {
            position: relative;
        }
        .custom-carousel-inner {
            /*position: relative;*/
            width: 100%;
            /*overflow: hidden;*/
        }
        .custom-carousel-item {
            display: none;
            position: relative;
            width: 100%;
            backface-visibility: hidden;
            transition: transform .6s ease-in-out;
        }
         .custom-carousel-item.active img
        {
                height: 50%;
                width: 100%;
                
        } 
        .custom-carousel-item.active {
            display: block;
        }
        
        .custom-carousel-control-prev,
        .custom-carousel-control-next {
            position: absolute;
            top: 40%;
            width: 5%;
            height: 100%;
            color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translateY(-50%);
            cursor: pointer;
        }
        .w-100 {
            width: 100% !important;
            height: auto !important;
            }
        .custom-carousel-control-prev {
            left: 0;
        }
        .custom-carousel-control-next {
            right: 0;
        }
        .custom-carousel-control-prev-icon,
        #customInspirationCarousel .custom-carousel-control-next-icon {
            background-image: url(assets/img/prev.svg);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: inline-block;
            background-color: transparent !important;
        }
        
        .center {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 80%;
        }
        .inspiration_name 
        {
            font-size: 12px;
            text-align : center;
            font-family: Roboto,sans-serif;
            font-weight: bold;
        }
    /*Grievance Portal*/
       .grievance_portal .grievance-form 
        {
            margin-top: 18px;
            animation: fadeIn 1.5s ease-in;
            font-family: Arial, sans-serif;
            background: var(--table-bg-color);
            padding: 20px;
            border-radius: 20px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 700px; 
            margin: 0 auto;  
        }
        .grievance_portal .grievance-form input,
        .grievance_portal .grievance-form select,
        .grievance_portal .grievance-form textarea {
            width: 100%; 
            padding: 8px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
        }

        .grievance_portal .grievance-form label {
               font-size: 15px;
            font-weight: bold;
            margin-bottom: 5px;
            display: block;
        }
        
        .grievance_portal .form-row {
            display: flex;
            justify-content: space-between;
        }
        
        .grievance_portal .form-row .form-group {
            flex-basis: 48%;  
        }

        .grievance_portal .btn-submit {
        background-color: var(--table-btn-bgcolor);
        color: #ffffff;
        border: none;
        border-radius: 4px;
        padding: 12px 25px;
        font-weight: bold;
        transition: background-color 0.3s ease, transform 0.2s ease;
        }

        .grievance_portal .btn-submit:hover {
            background-color: var(--btn-hover-color);
            transform: translateY(-3px);
        }

        .grievance_portal .btn-submit:active {
            background-color: var(--btn-active-color);
        }
    /* Non Teaching Staff */
         .para1
         {
            font-size:10px;  
            font-family: Roboto,sans-serif;
         }

        .faculty-content
        {
            border-radius: 25px;
        }

        .faculty-card
        {
            border-radius: 25px;
            background-color: #FFF;
        }

        .faculty-image-content, .faculty-card-content
        {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 10px 14px;
        }
        .faculty-image-content
        {
                position: relative;
                row-gap: 5px;
                padding: 25px 0;
        }
        .overlay
        {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                background-color: #187F99;
                border-radius: 25px 25px 0 25px;
        }
        .overlay::before, .overlay::after
        {
                content: '';
                position: absolute;
                right: 0;
                bottom: -40px;
                height: 40px;
                width: 40px;
                background-color: #187F99;
        }
        .overlay::after
        {
                border-radius: 0 25px 0 0;
                background-color: #FFF;
        }
        .card-image
        {
                position: relative;
                height: 150px;
                width: 150px;
                border-radius: 50%;
                background: #FFF;
                padding: 3px;
        }
        .card-image .card-img
        {
                height: 100%;
                width: 100%;
                object-fit: cover;
                border-radius: 50%;
                border: 4px solid #187F99;
        }
        .name
        {
                font-size: 18px;
                font-weight: 500;
                color: #333;
        }
        .description
        {
                font-size: 14px;
                color: #707070;
                text-align: center;
        }

        #button_view {
            background: #187F99;
            border-radius: 999px;
            box-shadow: #5E5DF0 0 10px 20px -10px;
            box-sizing: border-box;
            color: #FFFFFF;
            cursor: pointer;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            opacity: 1;
            outline: 0 solid transparent;
            padding: 8px 18px;
            border: 0;
        }


         .notices.h2 
        {
            padding-top: 1rem ;
            padding-bottom: 1rem ;
            color: #ff3d96;
            font-weight:bold;
            text-align:center;
            font-size: 22px !important;
            font-family: "Sans-serif", Times, serif;
        }
    
 
    
        @keyframes fadeIn {
            0% {
                opacity: 0;
                transform: translateY(10px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
    /*Gallery*/
        .gallery-section {
            padding: 20px;
            /*background-color: #f8f9fa;*/
        }

        .gallery-container {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            justify-content: center;
        }
        
        .gallery-card {
            position: relative;
            width: 220px;
            height: 235px; 
            border: 2px solid #1C93B0;
            border-radius: 10px;
            overflow: hidden;
            /*background-color: #ffffff;*/
            background-color: #187F99;
            text-align: center;
            cursor: pointer;
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
            transition: transform 0.2s ease, box-shadow 023s ease;
        }

        .gallery-card:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
        }
        
        
        .gallery-card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            border-bottom: 2px solid #1C93B0;
        }


        .gallery-card .file-name {
            margin: 0;
            padding-top: 12px; 
            padding-right: 8px;
            /*padding-bottom: 8px; */
            padding-left: 8px;
            font-size: 15px;
            font-weight: 600; 
            font-family: "Nunito", sans-serif;
            color: #ffffff;
            text-transform: capitalize;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


        .gallery-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
             height: 100%; 
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 9999;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .gallery-modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            text-align: center;
             overflow: hidden;
        }
        
        .gallery-modal-content img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            max-height: 100%;
        }
        
        .gallery-modal-content p {
            color: white;
            margin-top: 10px;
            font-size: 1rem;
        }
        
        .gallery-modal-close { 
            position: absolute;
            top: 1rem;
            right: 1rem;
            color: white;
            font-size: 2rem;
            cursor: pointer;
            font-weight: bold;
        }
      /* Principal Desk */  
        .principal_desk_text {
         font-size:16px;  
         font-family: Roboto,sans-serif;
         text-align:justify;
       }
    /*Admission Enquiry*/
        .std_reg .std_reg-form {
            margin-top: 18px;
            font-family: Arial, sans-serif;
            background: var(--table-bg-color);
            padding: 20px;
            border-radius: 20px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 900px; 
            margin: 0 auto;
        }

        .std_reg .std_reg-form input,
        .std_reg .std_reg-form select {
            width: 100%;
            padding: 8px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
        }
    
        .std_reg .std_reg-form label {
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 5px;
            display: block;
        }
        .std_reg .form-row {
            display: flex;
            justify-content: space-between;
            gap: 15px; 
        }
    
        .std_reg .form-row .form-group {
            flex: 1; 
        }
    
    
        .std_reg .form-group input {
            margin-right: 8px; 
        }
    
    
        .std_reg .btn-submit {
            background-color: var(--table-btn-bgcolor);
            color: #ffffff;
            border: none;
            border-radius: 4px;
            padding: 12px 25px;
            font-weight: bold;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }
    
        .std_reg .btn-submit:hover {
            background-color: var(--btn-hover-color);
            transform: translateY(-3px);
        }
    
        .std_reg .btn-submit:active {
            background-color: var(--btn-active-color);
        }
    
    
        .std_reg .form-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
    
        .std_reg .form-row .form-group {
            flex-basis: 100%; 
            margin-bottom: 15px;
        }
    /*Yearwise Gallery*/
        .yearwise_gallery {
            padding: 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            background-color: #f9f9f9;
    }
        .yearwise_gallery-card {
            width: 250px;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
           transition: transform 0.3s, box-shadow 0.3s;
        }
    
        .yearwise_gallery-card:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }
        .yearwise_gallery-card-bg {
            height: 150px;
            background-size: cover;
            background-position: center;
            transition: transform 0.3s ease-in-out;
        }
        .yearwise_gallery-card-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(2px);
            background: linear-gradient(#02AABD,#00CDAC);
           
        }
        .yearwise_gallery-card-title {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }   
    /*Back To Top*/
       .top-bott.btn-primary 
       {
           color: #fff;
           /*background-color: #376C95 !important;*/
           background-color:#187F99 !important;
           border-color: #ff3d96 !important;
       }
    
       .top-bott {
           position: fixed;
           bottom: 20px;
           right: 20px;  
           z-index: 999;
       }    
    /* Strip Header Section */
    .strip_report-page-header {
        background: var(--page-heading-bg-color);
        height: 15vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: black;
    }
    
    .strip-title {
        font-family: 'Playfair Display', serif;
        font-size: 3rem;
        font-weight: 700;
        color: var(--page-heading-text-color);
        text-transform: uppercase;
        letter-spacing: 2px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
        /*animation: fadeIn 1.5s ease-in;*/
    }
    
    .strip_report-page-header h1.display-3 {
        font-size: 22px; /* Default size */
    }
    
    /* Table Section */
     .default-table {
        margin-top: 20px;
        border-collapse: collapse;
        width: 100%;
        animation: fadeIn 1.5s ease-in;
        font-family: Arial, sans-serif;
        background: var(--table-bg-color);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
        border-radius: 8px;
    }
    
    .default-table thead {
        background-color: var(--bgcolor-thead);
        color: var(--thead-text-color);
        text-transform: uppercase;
        font-weight: bold;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    
     .default-table td,
     .default-table th {
        padding: 12px 15px;
        text-align: left;
        border: 1px solid #ddd;
        font-weight: bold;
    }
    
     .default-table tbody tr:hover {
        background-color: var(--hover-row-bg);
    }
    /** Button Styling */
     .btn-view {
        background-color: var(--table-btn-bgcolor);
        color: #ffffff;
        border: none;
        border-radius: 4px;
        padding: 6px 12px;
        transition: background-color 0.3s ease, transform 0.2s ease;
        font-weight: bold;
        text-decoration: none;
    }
    
     .btn-view:hover {
        background-color: var(--btn-hover-color);
        transform: translateY(-3px);
    }
    
     .btn-view:active {
        background-color: var(--btn-active-color);
    }
   /* About Sanstha */
        .sanstha_img {
            font-size:10px;
            max-width: 100%;
            height: auto;
            border: 3px solid black;
        }

    /* Footer */
        .footer {
            background: #187F99;
        } 
        
        .footer h2, .footer h3, .footer p, .footer a, .footer li {
            color: #fff;
          
        }

        .footer li{
            font-size: 0.9rem;
        }
        
        .footer p, .footer a {
            text-align: justify;
            line-height: initial;
        }
        
        .footer .footer-section h2, .footer-section h3 {
            font-family: "Lato", sans-serif;
            font-weight: 700 !important;
            white-space: nowrap;
        }
        
        .footer-list {
            list-style: none;
            padding: 0;
        }

        .footer-list li::before {
            content: "\f105";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin-right: 10px;
            color: #fff;
        }
        
        .footer-list li a {
            text-decoration: none;
            transition: transform 0.3s ease, color 0.3s ease;
            color: #fff;
            display: inline-block;  
        }
        
        .footer-list li a:hover {
            transform: scale(1.1);  
            transform-origin: center; 
            border-bottom: 1.8px solid #fff; 
        }
        
        
        .footer .social-icon .btn {
            margin-right: 01px;
            transition: transform 0.3s ease, color 0.3s ease;
            color: #fff;
        }
        
        .footer .social-icon .btn:hover {
            transform: scale(1.1);
            color: #e83e8c;
        }
        
        .footer .ct img {
            max-width: 100px;
            height: auto;
            background-color: #F0FBFC; 
            padding: .25rem;
            display: block;
        }

/*---------- Media ---------*/

         @media (min-width: 320px) {
               .footer .social-connect {
                padding-bottom: 20px; 
            }
            
        .brdr-rght {
            border-right: 0px solid #646464;
        }
        .our_desk_align {
            text-align:center;
        }
         }
        @media (max-width: 425px) {
    
        /* Carousel */
          .carousel-item img {
            max-width: 100% !important;
            margin: 0 auto;
            }
        /* Vision Mission */
        .container_vision {
            flex-direction: column;
            align-items: center;
            padding: 10px;
        }
    
        .col-sm-9,  .col-sm-3 
        {
            width: 100%;
            padding: 0 10px;
        }
    
        .col-sm-9 .row 
        {
            flex-direction: column;
            text-align: center;
        }
    
        .col-sm-1 {
            flex: 0 0 auto;
            display: flex;
            justify-content: center;
            margin-bottom: 15px;
        }
    
        .col-sm-1 img 
        {
            max-width: 60px;  
            height: auto;
        }
    
        .col-sm-10 
        {
            text-align: center;
        }
    
        h2 
        {
            font-size: 20px;
            margin-bottom: 15px;
        }
    
        .para 
        {
            font-size: 14px;
            text-align: justify;
            line-height: 1.4;
            padding: 0 10px;
        }.paragraph_index
        {
            color:#030059;
            font-size: 14px;
            text-align: justify;
            line-height: 1.4;
            padding: 0 10px;
        }
    
        .carousel-item img {
            max-width: 80%;
            margin: 0 auto;
        }
    
        .carousel-item span,.carousel-item p 
        {
            font-size: 14px;
            text-align: center;
            margin-top: 10px;
        }
    
        #inspirationCarousel 
        {
            padding: 10px 0;
        }
    
        .py-4 
        {
            padding-top: 20px;
            padding-bottom: 20px;
         }   
            
            
    }

@media (min-width: 576px) {

    /* Top Navbar */
        .top-nav button 
        {
            margin:3px ;
        }
    /* Header Banner */

        .container-fluid #header #header-img img
        {
                width: 90px;
                height: 90px;
        }

        .container-fluid #header #header-text h4,h5
        {
                font-size: 0.9rem;
        }

        .container-fluid #header #header-text h6
        {
                font-size: 0.6rem;
        }
    /*admission_enquiry*/
        .floating-btn {
            height: 100px;
            width: 35px; 
        }
        .vertical-text {
            font-size: 12px; 
        }
        .modal-dialog {
          width: 90%;
          max-width: none;
          margin: auto;
        } 
    /*admission_enquiry*/ 
    .modal-dialog {
        width: 80%; 
    }

    /* Carousel */
        .carousel-inner .carousel-item
        {
            height: 400px;
        }
        .carousel-inner .carousel-item img
        {
            height: 400px;
            width: 100%;
        }
    /* Announcement News */
        .container_news
        {
           display:flex;
           
        }
        .news
        {
          
          height: auto !important;
          
        }
        .about-college
        {
           height:auto;
          
        }
    /*Grievance Portal*/
        .grievance_portal .grievance-form {
            padding: 15px; 
        }
    
       
        .grievance_portal .grievance-form input,
        .grievance_portal .grievance-form select,
        .grievance_portal .grievance-form textarea {
            font-size: 14px;
        }
    
        
        .grievance_portal .form-row {
            display: block; 
        }
        
        .grievance_portal .form-row .form-group {
            flex-basis: 100%; 
            margin-bottom: 10px;
        }
    /* Principal Desk */
        .principal_desk_text {
         
         font-size:14px;  
         font-family: Roboto,sans-serif;
         text-align:justify;
         
       }
    /* Principal Desk */
        .principaldiv
        {
            float:left; 
            width: 250px;
            height: 200px;
        }
    /*Admission Enquiry*/ 
        .std_reg .form-row .form-group {
            flex-basis: 48%; 
    }    
    /*Admission Enquiry*/ 
         .std_reg .form-row .form-group {
            flex-basis: 48%; 
    } 
    /*Yearwise Gallery*/   
        .yearwise_gallery-card {
            width: 200px;
        }
        .yearwise_gallery-card-title {
            font-size: 18px;
        }
    /*Back To Top */
        .top-bott {
            bottom: 10px;
            right: 10px;
        }
    
        .top-bott.btn-lg 
        {
            font-size: 1.2rem; 
            padding: 8px;
        }
    /* Strip Header Section */ 
        .strip_report-page-header {
           
            height: 22vh;
           
        }
        .strip_report-page-header h1.display-3 {
            font-size: 28px;
        } 
        
    /* About Sanstha */
    
        .sanstha-title{
            font-size:10px;
             }
         .floats{
             float:left; 
             width: 250px;
             height: 200px;
         <!--margin: 10px;-->
         }
    
    /* Footer */
        .footer .social-connect {
            padding-bottom: 20px; 
        }
    
}
@media (min-width:768px)
{    
    /* Back to top */

        #progress
        {
                height: 50px;
                width: 50px;
        }

        #progress-value
        {
                height: calc(100% - 12px);
                width: calc(100% - 12px);
                font-size: 28px;
        }
    /* Top Navbar */
    .top-nav button 
    {
        margin:3px 0;
    }
    /* Header */
    .container-fluid #header #header-text h4,h5
    {
            font-size: 1.0rem;
    }

    .container-fluid #header #header-text h6
    {
            font-size: 0.6rem;
    }
    /* Navbar */
    .navigation button 
        {
           
            margin:3px 8px;
        }  
   /* Admission Enquiry */
         .form-group_modal {
      
            min-width:20%;
        }
        .modal-body {
          
            max-height: 250px;
        }
     /*  Admission Information */    
    
        .admission_info {
            display: flex;
            justify-content: center;
        }
        .default-header-fontsize
        {
         font-size:25px; 
          color: #D50C0C;
        }
    
        #example {
            width: 100%;
            max-width: 600px; 
            margin:0 auto 40px; 
        }
    /*Grievance Portal*/
        .grievance_portal .grievance-form {
            padding: 25px;
        }
    
      
        .grievance_portal .form-row {
            display: flex;
            justify-content: space-between;
        }
    
        .grievance_portal .form-row .form-group {
            flex-basis: 48%; 
        }
    /* Principal Desk */
        .principaldiv
        {
            float:left; 
            height: 290px;
            margin:0 30px 80px;
           
        }
    /*Admission Enquiry*/ 
        .std_reg .form-row {
            justify-content: space-between;
        }
    
        .std_reg .form-row .form-group {
            flex-basis: 48%; 
        }  
    /*Yearwise Gallery*/  
        .yearwise_gallery {
            gap: 25px; 
        }
        .yearwise_gallery-card {
            width: 220px;
        }
        .yearwise_gallery-card-title {
            font-size: 20px;
        }    
    /*Back To Top */
        .top-bott {
            bottom: 5px;
            right: 10px;
        }
    
        .top-bott.btn-lg {
            font-size:1 rem; 
            padding: 5px;
        }
     /* Strip Header Section */   
        .strip_report-page-header h1.display-3 {
            font-size: 28px;
        } 
        
    /* About Sanstha */   
        
        .sanstha-title 
         {
        font-size: 16px;
        font-weight: bold;
        }

    .floats{
        float:left; 
        width: 250px;
        height: 250px;
        margin:0 30px 1px;
    }
    .para 
        {
            font-size: 14px;
          
            text-align: justify;
            line-height: 1.4;
            padding: 0 10px;
        }
         .col-sm-1 img {
        margin-right: 15px;
        max-width: 250%;
        height: auto;
    }
        .brdr-rght {
    border-right: 1px solid #646464;
}
        
    }
@media (min-width:992px)
{
    .top-nav ul li a{
        font-size: 0.8rem;
    }
     /* Header Banner */
    .container-fluid #header #header-text h4,h5
        {
                font-size: 1.2rem;
        }

        .container-fluid #header #header-text h6
        {
                font-size: 0.7rem;
        }
        /* Navbar */
        .second_navbar
        {
            z-index:2;
        }
        header .navigation
        {
            position:relative;
            line-height:2px;
            padding-top:15px;
            width:100% !important;
            margin-left:10px  !important;
        }
        
        header
        {
            padding:0 ;
            
        }
     
        header .navigation .menu
        {
            position:relative;
            display: flex;
            justify-content:center !important;
            align-items:center !important;
            align-content:center;
            height:1.5vh;
            overflow-y:visible;
            background:none;
             
        }
        .menu-item
        {
            border-top:none;
        }
        .menu-item > a
        {
            color: #FFFFFF !important;
            font-size:0.8rem;
            text-decoration:none;
            padding:25px 4px;
            
        }
     
        .menu-item > a:hover
        {
            transition:0.3s;
        }
        .menu-item .sub-menu
        {
            position:absolute;
            background:#2D91BB;
            top:25px;
            line-height:11px;
            list-style:none;
            padding-left:0;
            padding-right:0;
            border-radius:0 0 8px 8px;
            box-shadow:0 5px 25px rgb(0 0/ 20%);
            pointer-events:none;
            transform:translateY(20px);
            opacity:0;
            transition:0.3s;
            transition-property:transform, opacity;
            display:block;
            overflow:visible;
            width:max-content;
        }
        .menu-item:hover .sub-menu
        {
            pointer-events:all;
            transform:translateY(0);
            opacity:1;
        }
        .menu-item .sub-menu .sub-item
        {
            position:relative;
            cursor:pointer;
            box-shadow:inset 0px -30px 5px -30px rgba(255, 255, 255 0.2);
            border-top: 1px solid #EBF0F3;
            
        }
        .menu-item .sub-menu .sub-item a
        {
            color: #FFFFFF; 
            font-size:0.8rem !important;
            text-decoration:none;
            padding:7px 10px;
            
        }
        .menu-item .sub-menu .sub-item:hover
        {
            background: #000000;
            
        }
        .menu-item .sub-menu .sub-item:last-child:hover
        {
              border-radius:0 0 8px 8px;
        }
        .more .more-menu
        {
            position:absolute;
            background:#54BBE7;
            list-style:none;
            top:0;
            left:100%;
            padding-left:0;
            margin-top:0;
            display:block;
            white-space: nowrap;
            border-radius:0 8px 8px 8px;
            overflow:hidden;
            pointer-events: none;
            transform:translateY(20px);
            opacity:0;
            transition:0.3s;
            transition-property:transform, opacity;
        }
        .more:hover .more-menu
        {
            pointer-events: all;
            transform:translateY(0);
            opacity:1;
        }
        .more .more-menu .more-item 
        {
            padding:7px 0;
            box-shadow:inset 0px -30px 5px -30px rgba(255, 255, 255 0.2);
            transition:0.3s;
            border-top: 1px solid #EBF0F3;
        }
        .more .more-menu .more-item:hover
        {
            background: #000000;
        } 
    /* Home Page Principal-Desk */
        .container_principal img
        {
            width:180px;
            height:auto;
        }
        
            .container_principal p
        {
            padding-right:15px;
            
        } 
    /* Back to top */

        #progress
        {
                height: 60px;
                width: 60px;
        }

        #progress-value
        {
                height: calc(100% - 13px);
                width: calc(100% - 13px);
                font-size: 30px;
        }    
    /* Admission Enquiry */  
        .form-group_modal
        {
         min-width:10%;
        }
    
      .modal-body 
      {
        padding: 20px;
        max-height: 250px;
      }  
      
    /*Admission Enquiry*/   
     .std_reg .form-row .form-group {
        flex-basis: 32%; 
    }
    /*Yearwise Gallery*/  
        .yearwise_gallery-card {
            width: 250px;
        }
        .yearwise_gallery-card-title {
            font-size: 22px;
        }
    /* Strip Header Section */  
        .strip_report-page-header h1.display-3 {
             font-size: 30px;
    }
    /* ABOUT SANSTHA  */  
        .floats{
             float:left; 
             width: 250px;
             height: 250px;
             margin:0 30px 50px;
         } 
        
    }

    @media (min-width:1200px)
    {
        .top-nav ul li a{
            font-size: 0.9rem;
        }
        /* Header Banner */
    
         .container-fluid #header #header-text h4,h5
        {
                font-size: 1.5rem;
        }
    
        .container-fluid #header #header-text h6
        {
                font-size: 0.9rem;
        }
        .our_desk_align {
            text-align:left;
        }
    /*admission_enquiry*/ 
        .modal-dialog {
            width: 70%; 
        }    
    /* Back to top */

        #progress
        {
                height: 70px;
                width: 70px;
        }

        #progress-value
        {
                height: calc(100% - 15px);
                width: calc(100% - 15px);
                font-size: 35px;
        }    
    /* Navbar */
        header .navigation
        {
            width:100% !important;
            margin-left:60px  !important;
        }
         header .navigation .menu
        {
            
            justify-content:center !important;
            align-items:center !important;
            align-content:center;
           
        }
        .menu-item > a
        {
            font-size:0.9rem;
            padding:25px 6px;
        }
     /* Home Page Principal-Desk */
        .container_principal img
        {
            width:210px;
            height:210px;
        }
        
        .alignment
        {
            text-align:center;
            padding-right:20px;
        } 
     /* Admission Enquiry */  
        .modal-body {
        padding: 20px;
        max-height: 400px;
    }
    /*Grievance Portal*/
            .grievance_portal .grievance-form {
            max-width: 900px; 
            padding: 30px;
        }
    /* Principal Desk */
        .principaldiv
        {
             margin:0 20px 80px;
        }
    /* Yearwise Gallery*/  
        .yearwise_gallery {
            gap: 30px; 
        }
        .yearwise_gallery-card {
            width: 270px;
        }
        .yearwise_gallery-card-title {
            font-size: 24px;
        }
    /* Strip Header Section */  
        .strip_report-page-header h1.display-3 {
            font-size: 35px;
    } 
    /* About Sanstha */  
      .floats{
        margin:0 5px 90px;
    }
    .sanstha-title{
   font-size:13px;
 }

}    
     @media (max-width: 1024px) 
    {
      /*Back To Top */  
        .top-bott {
            bottom: 1px;
            right: 10px;
        }
    
        .top-bott.btn-lg 
        {
            font-size: 1.2rem; 
            padding: 8px;
        }
    }
     @media (max-width: 1440px) 
    {
      /*Back To Top */   
        .top-bott {
            bottom: 1px;
            right: 10px;
        }
    
        .top-bott.btn-lg 
        {
            font-size: 1.2rem; 
            padding: 8px;
        }
    }   
        
    @media (min-width: 1400px) {
        
    /* Principal Desk */
        .principaldiv
        {
            float:left; 
            height: 350px;
            margin:0 30px 80px;
           
        }
        .principal_desk_text {
         font-size:16px;  
         font-family: Roboto,sans-serif;
         text-align:justify;
       }
    /*Admission Enquiry*/ 
        .std_reg .form-row {
            gap: 20px;
        }
    
        .std_reg .form-row .form-group {
            flex-basis: 30%; 
        } 
        .strip_report-page-header h1.display-3 {
            font-size: 42px;
        }
    /*About College*/     
        .college-info .floats
        {
            margin:0 30px 120px;
        }
}