/* ================= SEARCH ================= */

/* ================= SEARCH WRAPPER ================= */
@media(max-width:768px){

    #chatBox{

        width: 95%;
        right: 2.5%;
        bottom: 90px;
        height: 80vh;

    }

}

#chatToggle {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 999999 !important;
}
@media (max-width: 768px) {
  #chatToggle {
    display: flex;
  }
}
.group:hover {
  box-shadow: 0 0 15px rgba(237, 225, 17, 0.6);
}
/* 🔄 Flip animation (works always, not only hover) */
.flip-animation {
  animation: flipIdle 3s infinite linear;
}

@keyframes flipIdle {
  0%   { transform: rotateY(0deg); }
  50%  { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}

/* 🤖 Emoji bounce always visible */
.emoji-bounce {
  display: inline-block;
  animation: bounce 1.5s infinite;
}

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

/* 📱 Better mobile tap feedback */
button:active {
  transform: scale(0.95);
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
.search-wrapper {

    width: 240px;
    height: 46px;
    background: #fffccc;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid #00ffcc;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);

    display: flex;
    align-items: center;

}

/* REMOVE GOOGLE DEFAULT STYLES */

.gsc-control-cse,
.gsc-control-cse-en {

    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;

}

/* SEARCH BOX */

.gsc-search-box {

    margin: 0 !important;
    width: 100% !important;

}

/* INPUT BOX */

.gsc-input-box {

    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 42px !important;

}

/* INPUT FIELD */

input.gsc-input {

    padding: 10px 14px !important;
    font-size: 14px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

}

/* PLACEHOLDER */

input.gsc-input::placeholder {

    color: #6b7280 !important;
    font-size: 13px;

}

/* SEARCH BUTTON */

.gsc-search-button {

    padding-right: 6px !important;

}

.gsc-search-button-v2 {

    width: 36px !important;
    height: 36px !important;

    border-radius: 999px !important;
    border: none !important;

    background: #002D72 !important;

    padding: 8px !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

}

/* SEARCH ICON */

.gsc-search-button-v2 svg {

    fill: white !important;
    width: 16px !important;
    height: 16px !important;

}

/* REMOVE BRANDING */

.gsc-branding {

    display: none !important;

}

/* REMOVE EXTRA GOOGLE SPACING */

table.gsc-search-box td {

    vertical-align: middle !important;

}

/* MOBILE */

@media(max-width:768px){

    .search-wrapper{

        width: 180px;
        height: 42px;

    }

}

/* MOBILE */

@media(max-width:768px){

    .search-wrapper{

        width: 170px;

    }

}
    @keyframes scrollUp{

    0%{
        transform:translateY(100%);
    }

    100%{
        transform:translateY(-100%);
    }

}
    
@keyframes scrollUp{

    0%{
        transform:translateY(100%);
    }

    100%{
        transform:translateY(-100%);
    }

}
        .hero-bg{
            background:url('images/nizamcollegebuilding.jpeg') center center/cover no-repeat;
            height:520px;
        }

        .overlay{
            background:rgba(0,0,0,0.45);
        }
.scrollbar-hide::-webkit-scrollbar{
    display:none;
}

.scrollbar-hide{
    -ms-overflow-style:none;
    scrollbar-width:none;
}
        
.news-scroll{
    max-height:500px;
    overflow-y:auto;
    scrollbar-width:thin;
}