/*! Place your custom styles here */

.bar .logo {
  max-height: 60px !important;
  /*margin-left: -18px !important;*/
  margin-top: -18px !important;
  
   
}

table {
  border-collapse: collapse;
}

td {
  border-bottom: 1px solid grey;
}

.homesection {
  padding-top: 1.42857143em;
  padding-bottom: 1.42857143em;
}

.smallpaddingtop {
  padding-top: 3em !important;
}

.smallpaddingbottom {
  padding-bottom: 3em !important;
}

.blog-homesection {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 1.42em !important;
  padding-top: 1.42em !important;
}

.bg--linkedin {
  background: #0077b5;
  color: #ffffff;
}

.bg--youtube {
  background: #ff0000;
  color: #ffffff;
}

.bg--green {
  background: #228b22;
  color: #ffffff;
}

.btn.bg--linkedin,
.btn.bg--youtube,
.btn.bg--green {
  border-color: rgba(0, 0, 0, 0) !important;
}

.btn.bg--linkedin .btn__text,
.btn.bg--youtube .btn__text,
.btn.bg--green .btn__text {
  color: #fff;
}

.btn.bg--linkedin .btn__text i,
.btn.bg--youtube .btn__text i,
.btn.bg--green .btn__text i {
  color: #fff;
}

.btn.bg--linkedin:hover,
.btn.bg--youtube:hover,
.btn.bg--green:hover {
  opacity: 0.9;
}

.topnavlabel a,
.topnavlabel a:hover {
  color: white;
  text-decoration: none;
}

.topnavlabel {
  display: inline-block;
  font-size: 9px;
  font-weight: 1400;
  letter-spacing: 0.5px;
  color: #fff;
  background-color: #0077b5;
  text-transform: uppercase;
  height: 26px;
  min-width: 65px;
  padding: 0 10px;
  margin-left: 10px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 3;
  /* top: 1.23809524em;
  right: 1.23809524em; */
}

.redlabel {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #fff;
  opacity: 0.5;
  background-color: #ff0000;
  text-transform: uppercase;
  height: 24px;
  min-width: 42px;
  padding: 0 10px;
  margin-left: 10px;
  margin-bottom: -5px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 3;
  /* top: 1.23809524em;
  right: 1.23809524em; */
}

h3 a:hover,
.h3 a:hover,
.h3.a:hover,
p a,
span a,
label a,
p a:hover,
span a:hover,
label a:hover {
  text-decoration: none !important;
}

.feature-4 p:last-of-type {
  margin-bottom: 0px;
}

.feature-4 p {
  min-height: 0px;
}

body,
p,
p.lead,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #505050;
}

.bg--white p,
.bg--white p.lead {
  color: #505050 !important;
}



.hidegrid {
  padding-bottom: 0em;
}


@media screen and (max-width: 1367px) {
  .fac_list_zoomin {
    zoom: 88%;
  }
}

@media screen and (max-width: 767px) {
  .bimage {
    padding-left: 26%;
    padding-bottom: 5%;
    /*margin-top: -12%;*/
  }
}

@media screen and (max-width: 375px) {
  .bimage {
    padding-left: 23%;
    padding-bottom: 5%;
    /*margin-top: -12%;*/
  }
}

@media screen and (max-width: 360px) {
  .bimage {
    padding-left: 20%;
    padding-bottom: 5%;
    /*margin-top: -12%;*/
  }
}
/* students main page styling */

@media screen and (max-width: 767px) {
  .stpara {
    margin-top: -5%;
  }
}

@media screen and (min-width: 768px)  {
  .stpara {
    margin-top: -13em;
  }
}



/* styling for text left align */
.text-left {
  text-align: left !important;
}

/* home page welcome box style */

@media screen and (max-width: 767px) {
  .welbox {
    margin-bottom: -87px;
  }
}
/* quick link module style */

@media (max-width: 767px) {
  .quickzoom {
    zoom: 79%;
  }
}

@media (max-width: 1024px) {
  .videobg .background-image-holder {
    opacity: 0 !important;
  }

  .youtube-background {
    display: block;
    z-index: 100 !important;
  }
}

/* style for event span on home screen */
.mylabel {
  border-radius: 50px;
  text-align: center;
  padding: 0px 10px;
  font-size: 11px;
  font-weight: 700;
}

#myInput {
  background-image: url("../img/search.png");
  background-position: 10px 10px;
  background-size: 20px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myFac {
  background-image: url("../img/search.png");
  background-position: 10px 10px;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  width: 90%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

@media screen and (min-width: 767px) {
  #myFac {
    background-image: url(../img/search.png);
    background-position: 10px 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    right: 150px;
    position: absolute;
    width: 30%;
    text-align: left;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-right: 3%;
  }
}

/* Grid layout style */

.mygridstyle {
  padding-top: 500px;
}

.grid {
  top:8em !important;
}


@media screen and (max-width: 768px) {
  .mygridstyle {
    padding-top: 100px;
  }
  
  .grid {
    top:12em !important;
    
  }

  .slider {
    max-height: 533px;
  }
}


@media screen and (min-width: 1280px) and (max-width: 1364px) {

  .mygridstyle {
    padding-top: 34%;
  }
  
  .grid {
    top:8em !important;
  }
}


@media screen and (min-width: 1365px) and (max-width: 1439px) {

  .mygridstyle {
    padding-top: 340px;
  }
  
  .grid {
    top:8em !important;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1535px) {

  .mygridstyle {
    padding-top: 32%;
  }
  
  .grid {
    top:8em !important;
  }
}

@media screen and (min-width: 1600px) {
  .mygridstyle {
    padding-top: 560px;
  }
  
}
@media screen and (min-width: 1900px) {
  .mygridstyle {
    padding-top: 81%;
  }
  
}

@media screen and (max-width: 1025px) {

  .hidegrid {
    display: none;
  }
}

@media screen and (min-width: 1025px) {

  .eventslide {
    display: none;
  }

}

@media screen and (min-width: 1026px) and (max-width: 1364px)  {


  .hidegrid {
    padding-bottom: 8em;;
  }
}

@media (min-width: 992px) {
    .container {
        max-width: 1178px;
    }
}



.fac_box{
  height: 250px !important;
}

.ALgreen{
  font-size: 1.3em !important;
  color: #58bc32 !important;
}

.ALblue{
  font-size: 1.3em !important;
  color: #4187c4 !important;
}

.ALred{
  font-size: 1.3em !important;
  color: #e26b58 !important;
}

.fac_box
{	


    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
 
    height: 220px;
   
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;    
    border: 1px solid #ececec !important;
    border-radius: 0 0 6px 6px !important;

}
.fac_box > h4 > a{
  color: #4a90e2 ! important;
}


figure {
	height: 227px;
	max-width: 600px;
	margin: 3% auto;
}

@media(min-width: 768px) {
   
	figure {
		height: 227px;
		margin: 3% auto;
	}
   
}

.aac_alc_image{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}
.aac_alc_image:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.aac_alc_box{
  height:400px;
}

.stud_img {
  border: 1px solid #ddd;
  border-radius: 4%;
  padding: 5%;
  width:100%;
  height:100%;
  
}

.stud_img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/* custom style for footer */
.myfooter {
  padding-top: 3em !important;
  padding-bottom: 1em !important;
}

.bottom_row {
  margin-top: 1.5em !important;
}


/*quick links btech first year*/
.space_p{
    margin-right:20px;
    margin-left:10px;
}
.neeev_pic {
  border-radius: 5%;
  border: 10px solid #c4c5c7;
}



/* October 2025 new CSS for home page*/

        
       /* ==================================================
   HEADER MENU – UNDERLINE + DROPDOWN (FINAL)
   ================================================== */

                /* Base header menu font */
                .headerMenu {
                    font-size: 1em;
                }
                
                /* ------------------------------
                   Underline animation (header)
                   ------------------------------ */
                
                /* Prepare underline */
                .headerMenu > li > .dropdown__trigger span,
                .headerMenu > li > a {
                    position: relative;
                    padding-bottom: 4px;
                }
                
                /* Underline element */
                .headerMenu > li > .dropdown__trigger span::after,
                .headerMenu > li > a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 0;
                    height: 3px;
                    background-color: #163850;
                    transition: width 0.25s ease;
                    pointer-events: none; /* IMPORTANT: prevents hover blocking */
                }
                
                /* Hover underline */
                .headerMenu > li:hover > .dropdown__trigger span::after,
                .headerMenu > li:hover > a::after {
                    width: 100%;
                }
                
                /* Active page underline */
                .headerMenu > li.active > .dropdown__trigger span::after,
                .headerMenu > li.active > a::after {
                    width: 100%;
                }
                
                /* ------------------------------
                   Dropdown hover (KEEP STACK)
                   ------------------------------ */
                
                .headerMenu > li.dropdown:hover .dropdown__container {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: translateY(0) !important;
                    pointer-events: auto !important;
                }
                
                /* ------------------------------
                   Dropdown submenu styles
                   ------------------------------ */
                
                .headerMenu .menu-vertical li a {
                    transition: color 0.25s ease;
                }
                
                .headerMenu .menu-vertical li a:hover {
                    color: #163850 !important;
                }
                
                .headerMenu .menu-vertical li.active > a {
                    color: #163850 !important;
                    font-weight: 600;
                }

            
            
            /* ===============================
               Bottom Bar Menu (NEW)
               =============================== */
            
            .menu-horizontal > li > div > a {
                position: relative;
                padding-bottom: 4px;
                transition: color 0.25s ease;
            }
            
            .menu-horizontal > li > div > a::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 3px;
                background-color: #163850;
                transition: width 0.25s ease;
            }
            
            .menu-horizontal > li > div > a:hover {
                color: #163850;
            }
            
            .menu-horizontal > li > div > a:hover::after {
                width: 100%;
            }
            
            


        .back-to-top { display:none; }
        .btn { vertical-align: baseline; }
        
        .btn-darkblue { background-color: #045F82;}
        .bg--darkblue { background-color: #045F82;}
        
        .bg-lightblue { background-color: #B3EAF9;}
        .bg-mkblue {background-color: #163850;}
        .bg-white {background-color: white;}
        .bg-mred {background-color: #550000 !important;}
        
        .text-blue {color: #163850 !important;}
        .text-black {color: black !important;}
        a.btn.type--uppercase.bg-white:hover {
            background-color: #B3EAF9 !important;
            transition: background-color 0.3s ease;
        }

        a.btn.bg-mred {
            border-color: transparent; /* remove the gray/blue border */
        }
        
        a.btn.bg-mred:hover,
        a.btn.bg-mred:focus {
            border-color: transparent; /* keep no border on hover/focus */
        }



        
        
        .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a,
                .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
                    color: #fff;
                }
            
                .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a:hover,
                .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span:hover {
                    color: #079BD8;
                    transition: color 0.25s ease;
                }

            .text-white {color: white !important;}
            .txt-white { 
                     color: white !important;
                     font-size: 1.1em;
                 }
            .txt-darkblue { color: #045F82 !important ;}
                 
                 .headerMenu {  
                    font-size: 1em;
                }
                
                
                .bar.bar--sm  {  padding: 0.3em ; }
                
                .resp-align {
                    text-align: left !important;
                }
                
                .btn-arrow { font-size:1.8em;}
                
                
                
                /* Large screens: make it right */
                @media (min-width: 767px) {
                    .resp-align {
                        text-align: right !important;
                    }
                }

                .title_mb {margin-bottom: 0.1em !important;}
            
            
        @media (min-width: 992px) {

                section, footer {
                    padding-top: 2em;
                    padding-bottom: 1em;
                }
                
                #menu1 {
                        top: 35px;        /* exactly equal to top bar height */
                        z-index: 2000;
                    }
                
                .topnav-bar {
                        top: 0;
                        z-index: 3000;
                    }
                    
                    .midbar { top:89px !important;}
                    
                    body {
                            padding-top: 34px;
                        }

                
                .background-image-holder {
                    background-position: 50% 100% !important;
                }
            
            
                .imgbottom {
                    margin-bottom: 0em;
                }
                
                

            
                .headerMenu {  
                    font-size: 1.2em;
                }
            
                .fs-6em { font-size: 6em; }
            
                
                
                .span-text-size   span {
                    font-size: 1.2em !important;
                }
                
                 .bar .logo { top: 10px ; }
                 .bg--darkblue { background-color: #045F82;}
                 .btn-darkblue { background-color: #045F82;}
                 
                 .text-white {color: white !important;}
                 
                 .txt-white { 
                     color: white !important;
                     font-size: 1.1em;
                 }
                 
                 .bar.bar--sm  {  padding: 0.4em ; }
                 
                 .bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
                        text-transform: none; 
                        font-size: 1em;
                     }
                
            }
             /* end of 992 media query */
             
                 .btn-row .btn:hover {
                  transform: translateY(-3px);
                  transition: transform .18s ease !important;
                  color: #fff !important;
                }
                
                .btn-row .btn .btn__text,
                .btn-row .btn i {
                  color: #fff !important;
                  
                }
  
                .btn--sm
                     {
                        padding-top: 0.2em;
                        padding-bottom: 0.2em;
                        padding-right: 1.2em;
                        padding-left: 1.2em;
                    }
            
                .reduced-padding {
                    padding: 25px 0 !important;
                }
                
                
                .reduced-box {
                    padding: 10px !important;
                }
                
                
                .title {
                    font-weight: 700 !important;
                }
                
                
                .mb-2 {
                    margin-bottom: 12px !important;
                }
                
                .mt-3 {
                    margin-top: 40px !important;
                }
                
                .mb-3 {
                    margin-bottom: 40px !important;
                }
                
                
                .caption-row {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                
                .caption-text {
                    line-height: 1.3em;
                    max-height: 4em;
                    overflow: hidden;
                    flex: 1;
                    margin-right: 10px;
                }
                
                
                .btn-small {
                    padding: 4px 12px !important;
                    font-size: 12px;
                    line-height: 1.2;
                }

                
                .pt--2 { padding-top: 4em;}
                .pb--2 { padding-bottom: 4em;}
                
                .pt--1 { padding-top: 1em;}
                .pb--1 { padding-bottom: 1em;}
                
                    .iitgn-section-3d {
                      position: relative;
                      z-index: 1;
                    }
                    
                    .iitgn-section-3d::after {
                      content: "";
                      position: absolute;
                      left: 50%;
                      transform: translateX(-50%);
                    
                      bottom: -15px;          /* ✔ exactly 4px below the section */
                      width: 45%;            /* centered width */
                      height: 15px;          /* thin shadow */
                      
                      z-index: -1;
                      pointer-events: none;
                    
                      background: radial-gradient(
                        ellipse at top,
                        rgba(0, 0, 0, 0.28),
                        rgba(0, 0, 0, 0) 70%
                      );
                    }


                .btn-row .btn {
                  box-sizing: border-box;
                  min-width: 0;
                  white-space: nowrap;     
                  color: #fff !important;  
                }
                
                
                @media (min-width: 767.20px) {
                  
                  .btn-row .col-sm-auto:first-child .btn { border-radius: 8px 0 0 8px; }
                  .btn-row .col-sm-auto:last-child  .btn { border-radius: 0 8px 8px 0; }
                  
                  #chatbot-container {
                                position: fixed;
                                z-index: 10; /* below header */
                            }
                            .event-mt { padding-top: 0;}
                            
                                .sticky-top {
                                        position: sticky;
                                        top: 0;
                                        z-index: 99;
                                    }
                }
                
               
                /* =====================================================
   HERO VIDEO: DESKTOP vs MOBILE (FINAL, BULLETPROOF)
   ===================================================== */

/* DEFAULT: DESKTOP */
.desktop-hero {
    display: block;
    position: relative;
}

.mobile-hero {
    display: none;
}

/* MOBILE ONLY */
@media (max-width: 767.98px) {

    /* Kill desktop YouTube hero completely */
    .desktop-hero {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    /* Enable mobile MP4 hero */
    .mobile-hero {
        display: block !important;
        position: relative;
        height: 70vh;
        overflow: hidden;
    }

    .mobile-hero-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
    }

    .mobile-hero .background-image-holder {
        display: none;
    }
}

/* DESKTOP SAFETY NET */
@media (min-width: 768px) {
    .mobile-hero {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }
}


             
                
                 /* MOBILE ONLY safety fix */
                        @media (max-width: 767.98px) {
                            
                            .mobpadding {
                                padding-top: 3em;
                            }
                            .event-mt { margin-top: 3em important;}
                            
                             .modal-container .modal-content
                             {
                                 margin-top: 6.2em;
                             } 
        
                              .btn-row .btn {
                                width: 100%;
                                white-space: normal;    
                                padding-left: 1rem;
                                padding-right: 1rem;
                                border-radius: 8px;     
                              }
                             
                                 .bar--hidden {
                                    transform: translateY(0) !important;
                                    opacity: 1 !important;
                                    visibility: visible !important;
                                    pointer-events: auto !important;
                                }
                          
                               .mb--5 { margin-bottom: 10px !important;}
                            
                              .btn-row .col-12 + .col-12 { margin-top: 0.7rem; }
                              
                              .bar .logo {
                                    top: 11px;
                                }
                        
                            .bar.bar--sm  {  padding: 0.2em ; }
                            
                             section, footer {
                                padding-top: 3em;
                                padding-bottom: 2em;
                            }
                            
                            /* Header always above page content */
                                .bar,
                                .bar--sticky,
                                .headerMenu {
                                position: sticky;
                                z-index: 1001;
                            }
                            
                            .headerMenu {
                                font-size:1.1em;
                            }
                            
                            /* Root container injected by your page */
                              #chatbot-container {
                                position: fixed !important;
                                bottom: 16px !important;
                                right: 16px !important;
                                width: 56px !important;
                                height: 56px !important;
                                overflow: visible !important;
                                z-index: 9999 !important; /* above page, below modals */
                              }
                            
                              /* Widget wrappers injected by MyBotGenie */
                              #chatbot-container .MyBotGenie,
                              #chatbot-container .chatWidgetContainer {
                                width: 56px !important;
                                height: 56px !important;
                                max-width: 56px !important;
                                max-height: 56px !important;
                                overflow: hidden !important;
                              }
                            
                              /* Actual chatbot icon (ONLY clickable area) */
                              #chatbot-container .botGeniebotIcn {
                                width: 56px !important;
                                height: 56px !important;
                                cursor: pointer;
                                pointer-events: auto !important;
                              }
                            
                              /* Kill invisible overlays */
                              #chatbot-container *:not(.botGeniebotIcn) {
                                pointer-events: none !important;
                              }
                              
                               #chatbot-container:not(.chatbot-closed),
                                  #chatbot-container:not(.chatbot-closed) * {
                                    pointer-events: auto !important;
                                  }
                            
                            
                                
                                .site-hero {
                                        position: relative;
                                        overflow: hidden;
                                        height: 80vh;
                                    }
                                    
                                    .site-hero .youtube-background iframe {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        transform: translate(-50%, -50%);
                                        width: 177.78vh;   /* 16:9 cover */
                                        height: 100vh;
                                        min-width: 100%;
                                        min-height: 100%;
                                        pointer-events: none;
                                    }
                                            
                                            
                                
                                .topnav-bar {
                                    top: 0 !important;
                                }
                            
                                .nav-container .bar.visible-xs {
                                    position: fixed;
                                    top: 67px;              
                                    left: 0;
                                    right: 0;
                                    z-index: 2500;
                                }
                            
                                /*body {*/
                                /*    padding-top: 20px;      */
                                /*}*/
                                
                                 .nav-container .bar.visible-xs {
                                    background-color: #ffffff !important;
                                    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
                                }
                                
                                   #menu1 {
                                    position: fixed;
                                    top: 115px;               
                                    left: 0;
                                    right: 0;
                                    width: 100%;
                                    background-color: #ffffff !important;
                                    z-index: 2400;
                                }
                            
                                /* Remove transparent gaps caused by container padding */
                                #menu1 > .container {
                                    background-color: #ffffff;
                                }
                            
                                /* Ensure dropdown area also stays solid */
                                #menu1 .dropdown__container,
                                #menu1 .dropdown__content {
                                    background-color: #ffffff;
                                }
                            
                                /* Improve readability */
                                #menu1 .menu-horizontal > li > a,
                                #menu1 .menu-horizontal > li > span {
                                    color: #163850;
                                }

                                
                                  .midbar {
                                    position: relative !important;
                                    top: auto !important;
                                    z-index: 1 !important;
                                  }
                                
                                  /* Neutralize Bootstrap sticky class */
                                  .midbar.sticky-top {
                                    position: sticky !important;
                                  }
                                  
                                  .midbar {
                                      top: 115px; /* header height */
                                    }

                        }
                /* End of small screen */
                
                
                
                /*  Tablet screen CSS */

           
                    /* ===============================
               TABLET SPACING FIX (768–991px)
               =============================== */
            @media (min-width: 768px) and (max-width: 991.98px) {
            
                /* Reduce header bar padding */
                .bar.bar--sm {
                    padding: 0.25em 0.5em;
                }
            
                /* Fix main header position (same as desktop) */
                #menu1 {
                    top: 35px;
                    background-color: #ffffff;
                }
            
                /* Correct body offset (avoid double spacing) */
                body {
                    padding-top: 34px;
                }
            
                /* Reduce section vertical spacing on tablet */
                section,
                footer {
                    padding-top: 1.2em;
                    padding-bottom: 1.2em;
                }
            
                /* Prevent hero/video from being pushed down */
                .site-hero {
                    margin-top: 0 !important;
                }
            
            }
                
                /* End for table screen CSS*/
                
                /* FIX: 13.3" laptops (1920×1080 effective viewport issue) */
                    @media (min-width: 1900px) and (max-height: 900px) {
                        .site-hero.height-70 {
                            height: 70vh;
                        }
                    }


@media (max-width: 990px) {
    .main-container {
        margin-top: 1.85714286em;
    }
}