:root {
--color-primary: #0C1F65;
--color-secondary: #FFBE09;
--color-default: #2b2a29;
--cz-primary-rgb: #FE696A;
}
p{
  font-size: 14px;
}
.hero {
  /*background:linear-gradient(135deg, rgba(28, 157, 216, 0.85), rgba(161, 197, 59, 0.85));*/
  /*background:linear-gradient(45deg,#FFBE09,#0C1F65);*/
  background:  linear-gradient(45deg, #efd99c, #475897);
}
#particles-js {
  position: fixed; /* changed from absolute */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    border-bottom: 2px solid var(--color-secondary);
    color: var(--color-secondary);
    font-weight: bold;
}
  
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}
.header-logo {max-height: 80px;transition: .5s;}
.bg-primary {background-color: var(--color-primary) !important;}
.bg-secondary{background-color: var(--color-secondary) !important;}
/*.btn-primary{background-color: var(--color-primary);border-color: var(--color-primary);}*/

.btn-primary{
  background-color: linear-gradient(135deg, #223c6b, #00bfa6) !important;
  border-color: linear-gradient(135deg, #223c6b, #00bfa6) !important;}
}
.btn-primary:hover {background-color: var(--color-secondary); border-color: var(--color-secondary);}
.btn-secondary{background-color: var(--color-secondary) !important;border-color: var(--color-secondary) !important;}
.btn-secondary:hover {background-color: var(--color-secondary) !important; border-color: var(--color-secondary) !important;}
.text-primary{color: var(--color-primary) !important;}
.text-secondary{color: var(--color-secondary) !important;}
.sticky-top {z-index: 10 !important;}
.sticky-top { position: fixed;background: var(--bs-white);width: 100%;}
#searchbox:focus {outline: none;box-shadow: none;border: none;}
#category-section .CaardBox:hover {box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);border: 1px solid lightgray;}
#category-section .CaardBox {margin-bottom: 25px;text-align: center;border-radius: 6px;padding: 20px 20px;}
#Category h6, #Department h6, #Location h6 {padding: 10px !important;}
.service .nav .nav-link.active {border-color: var(--color-primary) !important;background: var(--color-primary);font-weight: 600;
color: white !important;}
.service .nav .nav-link {transition: .5s;font-weight: 600;color: #265285;}
#Category h6:hover, #Department h6:hover, #Location h6:hover {background: var(--color-primary);box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    color: #fff !important;padding: 10px;border-radius: 30px;}
#Category a:hover, #Department a:hover, #Location a:hover {color: #fff !important;}
#Category a:hover, #Department a:hover, #Location a:hover {color: #fff !important;}
#Category h6:hover, #Department h6:hover, #Location h6:hover {background: var(--color-primary);box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    color: #fff !important;padding: 10px;border-radius: 30px;}
.bg-footer {
 background: linear-gradient(45deg, #efd99c, #475897);
}
.bg-footer a{
  color:  white;
}
.back-to-top {position: fixed;right: 30px;bottom: 30px;display: flex;width: 45px;height: 45px;align-items: center;justify-content: center;
transition: 0.5s;z-index: 14;}
#Category h6:hover a, #Department h6:hover a, #Location h6:hover a{color: #fff !important;}
.icon-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.whatsapp_btn {
    position: fixed;
    bottom: 100px;
    right: -40px;
    width: 125px;
    height: 50px;
    z-index: 11;
}
.ui-menu .ui-menu-item{
padding-bottom: 20px !important;
}
.ui-menu .ui-menu-item-wrapper{
position: ABSOLUTE !important;
WIDTH: 100% !important;
padding: 8px 1em 8px .4em !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
border: 1px solid var(--color-primary);
background: var(--color-primary);
color: #fff;
}
.ui-state-active{
background-color: var(--color-primary) !important;
border: 1px solid var(--color-primary) !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--color-secondary) !important;
    background: var(--color-secondary) !important;
    color: #FFFFFF !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    background-size: 20px;
    background-repeat: no-repeat;
}
.accordion-button::after{
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 20px;
  background-repeat: no-repeat;
}
.search input{
  height: 60px;
  text-indent: 25px;
}
.search .fa-search{
  top: 24px;
  left: 16px;
}
#state-ul ul li a {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    width: auto;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 10px;
}
#state-ul ul li a:hover {
    background: var(--color-secondary);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    color: #fff;
}
.subcategory_listing ul li a {
    padding: 5px 10px !important;
    border: 2px solid var(--color-secondary) !important;
    color: var(--color-secondary) !important;
    font-family: Montserrat-Bold !important;
    font-weight: 600;
}
.subcategory_listing ul li a:hover, .subcategory_listing ul li a:focus, .subcategory_listing ul li a.active {
    background-color: var(--color-secondary) !important;
    color: #fff !important;
}
.milestone {
  background-color: #fff;
  border-left: 5px solid #0d6efd;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 0 12px rgba(0,0,0,0.05);
}
.pricing-box {
  text-align: center;
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s;
}
.achievements {
    background: url(../asset/img/bgimg.webp) bottom no-repeat;
    background-position: left;
}
.bg-gradiant{
  background: linear-gradient(25deg, #05193c, #4f83cc);
}

.vertical-button-left {
  position: fixed;
  top: 65%;
  left: 22px;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
  background: linear-gradient(135deg, #007bff, #00c6ff);
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  z-index: 9999;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  letter-spacing: 1px;
  text-align: center;
  letter-spacing: 3px;
}
.vertical-button-left:hover {
  background: linear-gradient(135deg, #6a11cb, #b04cff);
  color: #fff;
}
::-webkit-scrollbar {
  height: 7px;
  width: 3px;
  border: 1px solid #d5d5d5 !important;
}
.hero .form-control:focus{
  box-shadow: none;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
  margin-bottom: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-primary); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  /*background: #b30000; */
}

.hv-100{
  min-height: 100vh;
}
@media only screen and (max-width: 575px) {
  .header-logo {
    max-height: 50px;
  }
  .display-2 {
      font-size: 30px;
  }
  .SearchBox ul li.SlctBox select{
    font-size: 14px !important;
  }

  .SearchBox ul li.SlctBox{
    width: 74% !important;
  }
  .service .nav .nav-link,.service .nav .nav-link.active{
    font-size: 12px;
    font-weight:400;
  }

  .popup-inquiry-btn{
    display: none;
  }
  .hv-100{
    min-height: unset;
  }
}