.btn {
            transition: none !important;
        }
        .btn .button-dark {
            background: #000;
            color: #fff;
            border-radius: 10px;
        }

        .ui-autocomplete {
            position: absolute;
            z-index: 1050;
            cursor: default;
            padding: 0;
            margin-top: 2px;
            list-style: none;
            background-color: #fff;
            border: 1px solid #ccc;
            -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
            -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
            width: auto;
        }

        .ui-autocomplete>li {
            padding: 7px 20px;
            border-bottom: 1px solid #e7e5e5;
        }

        .ui-state-focus {
            background-color: #0062cc;
            color: #fff
        }

        .ui-autocomplete1>li {
            padding: 7px 20px;
            border-bottom: 1px solid #e7e5e5;
        }

        #closeCookieConsent {
            float: right;
            display: inline-block;
            cursor: pointer;
            height: 20px;
            width: 20px;
            margin: 0;
            font-weight: 700;
        }

        #cookieConsent {
            background-color: #2F2F2F;
            min-height: 26px;
            font-size: 12px;
            color: #ccc;
            line-height: 26px;
            padding: 5px 0 5px 30px;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
            z-index: 9999;
        }

        #cookieConsent a {
            color: #fff;
            text-decoration: none;
        }

        #cookieConsent a.cookieConsentOK {
            background-color: #2874F0;
            color: #fff;
            display: inline-block;
            border-radius: 5px;
            padding: 0 20px;
            cursor: pointer;
            float: right;
            margin: 0 60px 0 10px;
        }

        #gotoTop {
            display: none;
            z-index: 299;
            position: fixed;
            width: 40px;
            height: 40px;
            background-color: #a300ff;
            font-size: 20px;
            line-height: 36px;
            text-align: center;
            color: #fff;
            top: auto;
            left: auto;
            right: 30px;
            bottom: 115px;
            cursor: pointer;
            border-radius: 2px;
        }

        #gotoTop:hover {
            background-color: #ffc600 !important;
        }

        .icon-angle-up:before {
            content: "\e7a6";
        }

        @media screen and (max-width: 425px) {
            input::placeholder {
                font-size: 10px !important;
                margin-top: 2px;
            }

            .autocomplete {
                font-size: 11px !important;
            }

            button#lnkbtnSearch {
                height: 30px;
                font-size: 11px;
                width: 57px;
                margin-left: -60px;
            }

            input#collegecourname {
                width: 100%;
                height: 36px;
                /* height: 3.4rem; */
                background: #f5f5f5;
                outline: none;
                border: none;
                border-radius: 1.625rem;
                padding: 0 3.5rem 0 2.5rem;
                font-size: 1rem;
            }

            label.top_search.small_top_search {
                position: absolute;
                left: 22px;
                top: 10px;
                font-size: 12px;
            }


        }




        @media screen and (max-width: 375px) {
            input::placeholder {
                font-size: 10px !important;
                margin-top: 2px;
            }

            .autocomplete {
                font-size: 11px !important;
            }

            button#lnkbtnSearch {
                height: 28px;
                font-size: 11px;
                width: 57px;
                margin-left: -60px;
            }

            input#collegecourname {
                width: 100%;
                height: 36px;
                /* height: 3.4rem; */
                background: #f5f5f5;
                outline: none;
                border: none;
                border-radius: 1.625rem;
                padding: 0 3.5rem 0 2.5rem;
                font-size: 1rem;
            }

            label.top_search.small_top_search {
                position: absolute;
                left: 22px;
                top: 10px;
                font-size: 12px;
            }

        }




        @media screen and (max-width: 325px) {
            input::placeholder {
                font-size: 10px !important;
                margin-top: 2px;
            }

            .autocomplete {
                font-size: 11px !important;
            }

            button#lnkbtnSearch {
                height: 28px;
                font-size: 10px;
                width: 57px;
                margin-left: -60px;
            }

            input#collegecourname {
                width: 100%;
                height: 36px;
                /* height: 3.4rem; */
                background: #f5f5f5;
                outline: none;
                border: none;
                border-radius: 1.625rem;
                padding: 0 3.5rem 0 2.5rem;
                font-size: 1rem;
            }

            label.top_search.small_top_search {
                position: absolute;
                left: 22px;
                top: 11px;
                font-size: 10px;
            }
        }

        #lnkbtnSearch:hover {
    background: #fff !important;
    color: #141414 !important;
    border: 1px solid #141414 !important;
}


.gff-smart-header{
  width:100%;
  position:relative;
  z-index:9999;
  font-family:Outfit,sans-serif;
  margin-bottom:72px;
}

/* ================================
   FIXED HEADER
================================ */
.gff-smart-header .gf-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#fff;
  border-bottom:1px solid #f1f1f1;
  z-index:9999;

  /* iOS Safari fix */
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
}

/* ================================
   LAYOUT
================================ */
.gff-smart-header .gf-wrap{
  margin:auto;
  width:90%;
  padding:14px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* Logo */

.gff-smart-header .gf-logo span{
  font-size:11px;
  margin-left:2px;
  margin-top:-6px;
}

/* Right group */
.gff-smart-header .gf-right-group{
  display:flex;
  align-items:center;
  gap:26px;
}

/* Menu */
.gff-smart-header .gf-menu{
  display:flex;
  gap:28px;
}
.gff-smart-header .gf-menu a{
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  color:#1f2937;
}
.gff-smart-header .gf-mobile a {
    display: none;
}
/* Icons */
.gff-smart-header .gf-icons{
  display:flex;
  align-items:center;
  gap:14px;
}
.gff-smart-header .gf-flag{
  /* width:22px;
  height:16px;
  border-radius:3px; */
  /* background:linear-gradient(#ff9933 33%,#fff 33% 66%,#138808 66%); */
}

/* Auth */
.gff-smart-header .gf-auth{
  display:flex;
  align-items:center;
  gap:16px;
}
.gff-smart-header .gf-signin{
  font-size:14px;
  font-weight:500;
  color:#000;
  text-decoration:none;
}
.gff-smart-header .gf-register{
  background:#141414;
  color:#fff;
  border:solid 1px #141414;
  padding:10px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}

.gff-smart-header .gf-register:hover{
  background:#fff;
  color:#141414;
  border:solid 1px #141414;

}

/* ================================
   HAMBURGER
================================ */
.gff-smart-header .gf-hamburger{
  display:none;
  width:28px;
  height:20px;
  position:relative;
  cursor:pointer;
  z-index:10000;
}
.gff-smart-header .gf-hamburger span{
  position:absolute;
  left:0;
  width:100%;
  height:3px;
  background:#000;
  border-radius:2px;
  transition:.35s ease;
}
.gff-smart-header .gf-hamburger span:nth-child(1){top:0;}
.gff-smart-header .gf-hamburger span:nth-child(2){top:8px;}
.gff-smart-header .gf-hamburger span:nth-child(3){top:16px;}

.gff-smart-header .gf-hamburger.open span:nth-child(1){
  transform:rotate(45deg);
  top:8px;
}
.gff-smart-header .gf-hamburger.open span:nth-child(2){
  opacity:0;
}
.gff-smart-header .gf-hamburger.open span:nth-child(3){
  transform:rotate(-45deg);
  top:8px;
}

/* ================================
   MOBILE MENU (iOS SAFE)
================================ */
.gff-smart-header .gf-mobile{
  position:fixed;
  top:64px;
  left:0;
  width:100%;
  background:#fff;
  border-top:1px solid #eee;
  display:flex;
  flex-direction:column;
  padding:20px 28px;

  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-12px);
  transition:max-height .45s ease, opacity .3s ease, transform .3s ease;
  z-index:9998;
}

.gff-smart-header .gf-mobile.active{
  max-height:500px;
  opacity:1;
  transform:translateY(0);
}

.gff-smart-header .gf-mobile a{
  padding:14px 0;
  font-size:16px;
  color:#111;
  text-decoration:none;
  border-bottom:1px solid #f2f2f2;
}

.gff-smart-header .gf-mobile .gf-register{
  margin-top:16px;
}

/* ================================
   RESPONSIVE
================================ */
@media(max-width:900px){
  .gff-smart-header .gf-right-group{display:none;}
  .gff-smart-header .gf-hamburger{display:block;}
}
.gff-smart-header .gf-menu a:hover,.gff-smart-header .gf-signin:hover {
    color: #bd00ff;
}
@media(max-width:768px){
    .search-mobile-hide{
    display:none;
}
}
@media (max-width: 900px) {
    .gff-smart-header .gf-mobile a {
        display: block;
    }
}
#collegecourname::placeholder {
    font-size: 11px;
    /* text-transform: capitalize; */
}

.card{
    margin-bottom:0px !important;
}