﻿/*Serach Box*/
.search-btn{cursor:pointer;}
.search-btn img {background: url(../images/search-icon.png) no-repeat center left; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.search-btn.close{opacity:1!important;}
.search-btn.close img{background-position:center right;}
.search-bx{position:fixed; left:0; right:0; margin:0 auto; width:100%; background:var(--bs-primary); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); color:#333;display:none;}
.search-field{width:calc(100% - 35px); background:transparent!important;}
.search-bx .form-control{height:50px; box-shadow:none; border:0; background:none!important; border-radius:0; color:#FFF!important; padding-left:10px;}
.search-bx .form-control::placeholder{color:#FFF!important;}
.search-btn2{height:auto;border-left:#FFF 1px solid;}
.search-btn2 input{border:0; background-color:var(--bs-primary); color:#FFF; height:50px; padding:0 15px; font-weight:500; }
@media (min-width:769px) {
.search-bx{position:fixed; width:auto; top:0px; padding:25px 15px; z-index:9999; height:100%;  align-items:center;}
.search-bx .container{display:flex; align-items:center; height:100%;}
.search-bx .border{border:1px solid #ddd; max-width:800px!important; width:100%;}
.search-bx .close{position:absolute; top:15px; right:12px;}
}
@media (max-width: 768px) {
.search-bx{position:fixed; width:100%; top:60px;}
.search-bx .close{display:none;}
}

.dropdown-menu[data-bs-popper] {top: 100%;left: auto;}


/*Dropdown Animation*/
.mega-dropdown .container{animation-name: fadeInUpnav;animation-duration: 300ms;}
@-webkit-keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}

/*Dropdown Style*/
.dropdown-item {color:inherit !important; white-space:normal; padding:.3rem .5rem !important;}
.dropdown-menu a {color:#FFF!important; font-size:16px; display:table; font-weight:500; text-decoration:none !important; position:relative;}
.dropdown-menu a:before {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 1px;left: 0%;position: absolute;background:var(--bs-secondary);transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.dropdown-menu a:hover:before {width: 100%;left: 0; right:0}

.dropdown-menu ul {padding:0px; margin:0px;}
.dropdown-menu ul li {list-style:none; font-weight:normal; position:relative; }
.dropdown-menu ul li a:after {content: "\F285";font-family: bootstrap-icons !important; margin-left:5px; color:#FFF; opacity:1; vertical-align:central; position:relative; top:3px; font-size:14px;}
.dropdown-menu ul li a:after{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.dropdown-menu ul li a:hover,
.dropdown-menu ul li a:hover:after{color:var(--bs-secondary)!important;}

/*Dropdown Animation*/
header .navbar-nav .dropdown a.nav-link:after{z-index:9999;}
.navbar-nav .dropdown > .dropdown-menu {transform:none!important; top:calc(100% - 4px)!important; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);}
@-webkit-keyframes fadeInDown2 {from {opacity: 0;transform: translate3d(0, -20%, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown2 {from {opacity: 0;transform: translate3d(0, -20%, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
/*Dropdown Animation*/
@media (max-width:1279.98px) {
.navbar-nav {position:relative; overflow:auto}
.navbar-nav .dropdown > .dropdown-menu {position: relative !important;top:-10px!important; transform: none !important;padding:0!important; background:none !important; text-transform:none; box-shadow: none !important;}
.navbar-nav .nav-link.show {color:var(--bs-primary)}
.dropdown-item {color:#000 !important; padding:0.5rem 1.35rem 0.5rem}
.offcanvas-start {top:1px !important; bottom:1px !important; border-radius:0rem 0rem 0px 0rem !important;}
.dropdown-item {color:inherit !important; white-space:normal; padding:.4rem 1rem !important; font-size:.90rem; line-height:1.4}
.dropdown-menu{}
.dropdown-menu ul li {padding: 0px 0px 0rem 0px; list-style:none; font-weight:normal; padding-left:0px;}
.mega-dropdown ul li:before, .dropdown-menu ul li:before {display:none!important;}
.nav-link {color: #000;font-size: 1.05rem;padding:8px 0!important;}
.dropdown-menu h4 {font-size:1.1rem !important}
.dropdown-menu a{color: #333!important; padding:3px 0!important;}
}


.dropdown-menu ul.menu-list {min-width: 10.5rem;}

@media (min-width:1024px) {
.news-blog-slider .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    max-width: 1400px;
    left: auto;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:0!important;
}
.news-blog-slider .swiper-pagination-bullet {
    display: block !important;
    background: #d1d1d1 !important;
    width: 5px !important;
    opacity: 1 !important;
    height: 18px !important;
    border: 0;
    border-radius: 0px !important;
    margin: 5px var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.news-blog-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--bs-secondary)!important}
}

@media (max-width:1023px) {
.news-blog-slider .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    max-width: 1400px;
    left: auto;
    right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    padding:0!important;
}
.news-blog-slider .swiper-pagination-bullet {
    display: block !important;
    background: #d1d1d1 !important;
    width: 20px !important;
    opacity: 1 !important;
    height: 5px !important;
    border: 0;
    border-radius: 0px !important;
    margin: 5px var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.news-blog-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--bs-secondary)!important}
}

