* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* =============================== header a tag  */
/* header .headertop ul li a {
  text-decoration: none;
  color: black;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.5s;
}
header .headertop ul li i {
  color: #902941;
  font-size: 18px;
}
header .headertop ul li a:hover {
  color: #902941;
} */
header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

/* =============================== navbar section */
.logobrand {
  width: 80px;
}
/* =============================== stickey navbar */
.fixed-top {
  background-color: #ffffff;
  animation: slideDown 300ms ease-in-out;
  padding: 0px;
}
.fixed-top ul .navlink a {
  color: #000 !important;
}
.fixed-top .dropdown .dropdown-toggle {
  color: rgb(0, 0, 0);
  font-size: 16px;
  transition: all 0.5s;
  text-transform: uppercase;
  font-weight: 400;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/* =============================== list animation */
.navbar ul .button_2 {
  border: none;
  padding: 10px 30px 10px 30px;
  background-color: #96293f;
  border-radius: 30px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}



.navbar ul .navlink a {
  width: 100%;
  color: rgb(0, 0, 0);
  font-size: 16px;
  transition: all 0.5s;
  text-transform: uppercase;
  font-weight: 400;
}
.navbar ul .navlink:hover a::before {
  content: "";
  height: 2px;
  width: 50%;
  background-color: #ffffff;
  bottom: 11px;
  position: absolute;
}
.navbar ul .navlink a.active:hover:before {
  content: "";
  height: 2px;
  width: 50%;
  background-color: #ffffff;
  bottom: 11px;
  position: absolute;
}
.navbar ul .navlink a.active:before {
  content: "";
  height: 2px;
  width: 50%;
  background-color: #B0B9A4;
  bottom: 11px;
  position: absolute;
}
.navbar ul li {
  position: relative;
  color: black;
 padding: 5px 10px 5px 10px;
  background-size: 200% 200%;
  background-image: linear-gradient(to top, #B0B9A4 50%, transparent 50%);
  -webkit-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  -moz-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  -ms-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  -o-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
}
.navbar ul li:hover {
  color: white;
  border-color: #00000000;
  background-image: linear-gradient(to top, #B0B9A4 51%, transparent 50%);
  background-position: 0 100%;
  -webkit-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  -moz-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  -ms-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  -o-transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
  transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
}
.navbar ul .navlink:hover a {
  color: #ffffff !important;
  text-decoration: none;
  transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
}
.navbar ul .navlink a.active {
  color: #000000;
}

/* ==================================== dropdown section */
.dropdown .dropdown-toggle {
  color: rgb(0, 0, 0);
  font-size: 16px;
  transition: all 0.5s;
  text-transform: uppercase;
  font-weight: 400;
}
.dropdown:hover .dropdown-toggle {
  color: #ffffff;
  text-decoration: none;
  transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
}
.dropdown-toggle::after {
  display: none;
}

.dropdown:hover .dropdown-toggle::before {
  content: "";
  height: 2px;
   width: 50%;
  background-color: #ffffff;
  bottom: 11px;
  position: absolute;
}

/* ==============================================  dropdown menuw link css */
.dropdown .dropdown-menu .droplink:hover a {
  color: #ffffff !important;
  text-decoration: none;
  transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
}
.dropdown .dropdown-menu .droplink a {
  background-color: transparent;
  color: black !important;
  font-size: 16px;
  transition: all 0.5s;
  text-transform: uppercase;
  font-weight: 400;
}
.dropdown .dropdown-menu .droplink a::before {
  content: "";
  height: 2px;
  width: 12%;
    background-color: #B0B9A4;
   bottom: 7px;
  position: absolute;
}
.dropdown .dropdown-menu .droplink:hover a::before {
  content: "";
  height: 2px;
  width: 12%;
  background-color: #e4e4e4;
   bottom: 7px;
  position: absolute;
}
/* =================================== dropdown menue display */
.dropdown:hover .dropdown-menu {
  display: block;
  width: 100% ;
  padding: 20px;
  margin: 0;
  /*left: -600px;*/
   width: 22vw;
  box-shadow: 0.4px 1.7px 14.3px rgba(0, 0, 0, 0.052),
    1.7px 7px 29.1px rgba(0, 0, 0, 0.075), 4.8px 19px 47px rgba(0, 0, 0, 0.098),
    17px 68px 80px rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) and (max-width: 1399px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    /*left: -350px;*/
   width: 27vw;
  }
}
.dropdown .dropdown-menu {
  width: 100%;
  border: none;
  border-radius: 0;
  display: none;
  animation: downOut 300ms ease-in-out forwards;
  transform-origin: center center;
}
@-moz-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-webkit-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-o-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}

/* ================ mobile tab responsive ==================== */
@media (max-width: 991px) {
  .navbar-collapse {
    background-color: #ffffff;
    width: 100%;
    margin: 0;
            padding: 10px;
  }
  .dropdown .dropdown-menu {
  width: 100% !important;
  }
  .fixed-top .navbar-collapse {
    width: 100%;
    margin: 0;
  }
  .logobrand {
    width: 50px;
  }
  button.navbar-toggler {
    box-shadow: none !important;
    border: none;
  }
  button.navbar-toggler span i {
    color: #000000 !important;
  }
  .fixed-top button.navbar-toggler span i {
    color: #000000 !important;
  }
  .navbar ul li {
    position: relative;
    color: black;
    padding: 5px 0px 5px 6px;
    background-size: 200% 200%;
    background-image: linear-gradient(to top, #902941 50%, transparent 50%);
    -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}
  .navbar ul .button_2 {
    border: none;
    color:#fff;
    width: 100%;
    margin-top: 10px;
    padding: 10px 30px 10px 30px;
    background-color: #5d2e52;
    border-radius: 30px;
  }
  .dropdown .dropdown-menu .droplink a {
    font-size: 14px;
  }
}
.dropdown .dropdown-menu .droplink .brtag {
  display: none;
}
@media (min-width: 320px) and (max-width: 370px) {
  .dropdown .dropdown-menu .droplink .brtag {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dropdown .dropdown-menu .droplink .brtag {
    display: block;
  }
}
/* Popup container */
.contactuspopup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top:0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
 backdrop-filter: blur(10px);
}

/* Popup content */
.contactuspopup .container {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}
@media (max-width:992px){
    .contactuspopup .container {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}
}
@media (max-width:767px){
    .contactuspopup .container {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
}
}
/* Close button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Show the popup */
.show {
  display: block;
  z-index: 9999;
}


.contactuspopup .button_submit .button_1 {
  border: none;
  padding: 10px 30px 10px 30px;
  background-color: #902941;
  border-radius: 30px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
.contactuspopup form .radiolable{
      font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
}

.contactuspopup form .form-controlt {
  border-radius: 20px;
  padding: 10px 0px 10px 30px;
}
.contactuspopup form .form-control:focus {
  outline: none !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 -2px 0 0 #902941 inset;
}
.contactuspopup form .form-check-input{
  padding: 12px;
}
.contactuspopup form .form-check-input:focus {
  outline: none !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 -2px 0 0 #902941 inset;
}
.form-check-input:checked {
    background-color: #5D2E52;
    border-color: #5D2E52;
     outline: none !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 -2px 0 0 #902941 inset
}
.form-check .form-check-input {
   
    margin-left: 0em;
}