/* header search css start */
.container{max-width: 95% !important;}
.site-header{z-index: 9999999 !important;}
.navbar-toggler{border: 0 !important;}
.navbar .search-popup {position: absolute; top: -100px; left: 0; background: transparent; z-index: -1; transition: all 0.5s ease-in-out; display: block !important;}
.navbar .search-popup.active{top: 62px; transition: all 0.5s ease-in-out;}
.navbar .search-popup-content{max-width: 100%; width: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); padding: 20px; animation: 0.3s ease-in-out; border-radius: 0 0 10px 10px;}
.navbar .close-search-popup{top: -49px; right: 0px; background-color: #fff; font-size: 40px; line-height: 1; position: static;}
.navbar .search-container{display: flex; width: 25px;}
.navbar .search-container .close-search-popup{visibility: hidden; opacity: 0; width: 0; padding: 0 !important;}
.navbar .search-container.active .search-icon-btn{visibility: hidden; opacity: 0; width: 0;}
.navbar .search-container.active .close-search-popup{visibility: visible; opacity: 1; width: max-content; transition: all 0.3s;}
 
.navbar .search-popup .close-search-popup{display: none;}
.navbar{position: relative;}
.search-popup form.searchform{display: flex; gap: 20px; margin: auto; max-width: 95%;}
.navbar .searchform input[type="text"]{width: calc(100% - 150px); margin-bottom: 0; height: 41px;}
:focus-visible{outline: 0;}
.navbar .searchform .button-search{width: 150px; height: 41px; display: flex; align-items: center; justify-content: center; border-radius: 32px; border: 1px solid transparent;}
.searchform .button-search:hover{border: 1px solid #371c61; background-color: transparent !important; color: #371c61;}

#search-results{position: absolute; background-color: #fff; top: 70px; left: 0; width: 100%; border-radius: 0 0 10px 10px; padding: 0 3.9% 20px 3.9% !important; max-height: 75vh; overflow: auto;}
#search-results li{line-height: 1.3; padding: 0 !important;}
#search-results li a{color: #333333; text-transform: capitalize; font-weight: 400; font-size: 14px; padding: 10px 0 0 0; display: block; width: 100%; position: relative;}
#search-results li:last-child a{padding-bottom: 0px;}
#search-results li:last-child a::after{display: none;}
#search-results ul{margin: 0;  max-height: 300px; overflow-y: auto; list-style-type: none; padding-left: 0px !important;}
#search-results ul::-webkit-scrollbar {width: 4px;}
#search-results ul::-webkit-scrollbar-track {background: #ccc; border-radius: 10px; margin-right: 10px;}
#search-results ul::-webkit-scrollbar-thumb {background: #452379; border-radius: 10px;}
#search-results{padding-top: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
#search-results h6{margin-bottom: 0; margin-top: 10px; position: relative; padding-bottom: 10px;}
#search-results h6::after{content: ""; display: block; width: 50px; height: 1px; border: 1px solid #ddd; position: absolute; bottom: 6px; left: 0;}
.searchNewpage .search span{text-transform: capitalize;}

.page-wrapper .searchNewpage .search span{font-size: 28px}
.page-wrapper .search_heading{margin-bottom: 30px; margin-top: 14px;}
.search-results .searchNewpage .col-sm-4{margin-bottom: 40px;}
.navbar-brand img{width: 254px;}
.header-cta button.btn-primary{font-size: 16px; white-space: nowrap;}
.navbar .searchform input[type="text"]::placeholder {
		font-size: 16px;
		color: #000000A8;
        font-weight: 400;
	}

.no-scroll {
    overflow: hidden;
}

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

    .navbar-primary li{padding: 0 !important;}
    .header-cta button.btn-primary{font-size: 14px;}
    .navbar-primary li a{font-size: 14px;}
}


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

    /* .navbar .search-popup{top: 63px;} */
    .navbar .search-popup.active{top: 63px;}
    
    .search-popup form.searchform{gap: 10px;}
    .navbar .search-popup-content{padding: 10px;}
    .navbar .searchform input[type="text"]{padding: 7px 10px;}
    .navbar .searchform .button-search{padding: 7px;}
    
    #search-results{top: 53px; padding: 0 3.7% 20px 3.7% !important;}
}

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

    .navbar .search-container {top: 13px; right: 97px;}
    .navbar .search-container .close-search-popup{top: 1px;}
    .navbar .search-container .close-search-popup{line-height: 0; position: relative; top: 3px; right: 0;}
    .navbar .close-search-popup{right: 60px;}

    .navbar-toggler-icon{font-size: 20px;}
    .page-wrapper .searchNewpage .search span{font-size: 20px;}
    .page-wrapper .search_heading{padding-left: 0;}
    .search-results .navbar .search-popup.active{top: 40px;}
}

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

    .navbar .close-search-popup{font-size: 30px; right: 42px; top: -37px;}
    /* .navbar .search-popup{top: 50px;} */
    .navbar .search-popup.active{top: 63px; z-index: -1;}
    .navbar .search-container .close-search-popup{top: 1px;}
    .navbar .searchform .button-search{width: 100px; font-size: 14px; padding: 3px;}
    .navbar .searchform input[type="text"]{width: calc(100% - 110px); padding: 3px 7px;}
    .navbar .search-container{top: 13px; right: 75px;}
    .site-header .navbar-toggler{padding-right: 0; padding-left: 0;}

    /* #search-results{top: 46px;} */
    #search-results li a{font-size: 14px; line-height: 1.3;}
    #search-results li{line-height: 1.3; padding: 0;}

}

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

    #search-results{padding: 0 4.9% 20px 4.9% !important;}
    #search-results{padding-bottom: 0 !important;}
    #search-results ul:last-child{padding-bottom: 20px !important;}
}

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

    .navbar .searchform .button-search{width: 80px;}
    .navbar .searchform input[type="text"]{width: calc(100% - 90px);}

    #search-results li a{font-size: 12px;}
}