:root {
    --body-bg: #ffffff;
    --theme-color: #ffea3d;
    --theme-color2: #ffc107;
    --title-color: #000000;
    --body-color: #000;
    --vs-secondary-color: #6c757d;
    --smoke-color: #F0F6FA;
    --light-color: #f8f9fa;
    --black-color: #000000;
    --white-color: #ffffff;
    --yellow-color: #fec624;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: #E0E0E0;
    --title-font: "Fredoka", sans-serif;
    --body-font: "Jost", sans-serif;
    --icon-font: "Font Awesome 5 Pro";
    --main-container: 1140px;
    --container-gutters: 30px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s;
}
html{
  overflow-x: hidden;
}
body{
  overflow-x: hidden;
}
/* LayerSlider V6 Skin */
.mt-50 {
  margin-top: 50px
}
.mb-50{
 margin-bottom: 50px
}
.pt-50{
  padding-top: 50px
}
.pb-50{
  padding-bottom: 50px
}
.form-style2 .form-title {
  color: var(--white-color);
  margin: -0.2em 0 18px 0;
}
.form-style2 .form-group {
  display: flex;
  margin: 0;
}
.form-style2 input {
  border: 2px solid var(--white-color);
  color: var(--white-color);
  background-color: transparent;
  height: 60px;
  border-radius: 9999px;
  margin-right: 10px;
  flex: 1;
}
.form-style2 input::-moz-placeholder {
  color: var(--white-color);
}
.form-style2 input::-webkit-input-placeholder {
  color: var(--white-color);
}
.form-style2 input:-ms-input-placeholder {
  color: var(--white-color);
}
.form-style2 input::placeholder {
  color: var(--white-color);
}
.productUpdateShow {
position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 13px 0 rgb(0 0 0 / 45%);
    /* padding: 12px 60px; */
    padding: 5px 21px 5px 10px;
    display: none;
    margin-inline: auto;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
    max-width: fit-content;
    border: 1px solid 000;
}
.productUpdateShow p {
 margin: 0;
    color: #1E201E;
    font-weight: 600;
    font-size: 14px;
}
.productUpdateShow .message-cross {
    height: 100%;
    position: absolute;
    top: 0;
    right: 5px;
    /*width: 50px;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1E201E;
}
.loader{background-color: rgba(0, 0, 0, 0.3); width:100%; height:100%; position:fixed; top:0; left:0; z-index:20000000;}

.form-style3 {
/*  border: 3px solid var(--vs-secondary-color);*/
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

  padding: 30px 30px 3px 30px;
  margin-bottom: 30px;
  background-color: #055160;
  border-radius: 30px;
}
select, .form-control, .form-select, input {
/*    height: 40px !important;*/
border-radius: 0;

}
textarea.form-control, textarea {
    min-height: 50px;
    padding-top: 16px;
    padding-bottom: 0;
    border-radius: 0;
}
.form-style3 .form-group {
  margin-bottom: 20px;
}
.form-style3 input {
  border: 1px solid rgba(153, 153, 153, 0.5);
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 10px;
}
.form-style3 input[type=checkbox] ~ label {
  font-weight: 500;
  margin: 0;
}
.form-style3 input[type=checkbox] ~ label:before {
  background-color: #D9D9D9;
  border: none;
}
.form-style3 input[type=checkbox]:checked ~ label:before {
  background-color: var(--theme-color);
}
.form-style3 label {
  font-weight: 400;
}
.form-style3 .required {
  font-size: 14px;
  color: var(--error-color);
}
.form-style3.layout2 {
  padding: 0;
  border: none;
}

/*------------------- 2.4. Slick Slider -------------------*/
.row > .slick-list {
  padding-left: 0;
  padding-right: 0;
}

.slick-track > [class*=col] {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.slick-track {
  min-width: 100%;
}

.slick-slide img {
  display: inline-block;
}

.slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 10px 0 30px 0;
  text-align: center;
  height: max-content;
  line-height: 0;
}
.slick-dots li {
  display: inline-block;
  margin-right: 7px;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots button {
  position: relative;
  font-size: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  line-height: 0;
  border: none;
  background-color: #B5B5B5;
  border-radius: 50%;
  transition: all ease 0.4s;
}
.slick-dots button:hover,
.slick-dots .slick-active button {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.slick-arrow {
  display: inline-block;
  border: none;
  padding: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  left: var(--pos-x, -150px);
  width: var(--icon-size, 60px);
  height: var(--icon-size, 60px);
  font-size: var(--icon-font-size, 24px);
  margin-top: calc(var(--icon-size, 60px) / -2);
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 50%;
  transition: all ease 0.6s;
}
.slick-arrow:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  right: 3px;
  background-color: var(--theme-color2);
  border-radius: inherit;
  z-index: -1;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
}
.slick-arrow.default {
  position: relative;
  --pos-x: 0;
  margin-top: 0;
}
.slick-arrow.slick-next {
  right: var(--pos-x, -150px);
  left: auto;
}
.slick-arrow:hover {
  background-color: var(--vs-secondary-color);
  color: var(--title-color);
}
.slick-arrow:hover::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.arrow-margin .slick-arrow {
  top: calc(50% - 30px);
}

.arrow-wrap .slick-arrow {
  opacity: 0;
  visibility: hidden;
}
.arrow-wrap:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

/* Extra large devices */
@media (max-width: 1500px) {
  .slick-arrow {
    --arrow-horizontal: -20px;
  }
}
/* Medium Large devices */
@media (max-width: 1399px) {
  .slick-arrow {
    --arrow-horizontal: 40px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .nav-pills .nav-link {
   
    padding: 10px 21px !important;
    font-size: 14px !important;
}
  .bulk-enq{
    height: 140px;
  }
   .image-container a .imag {
    
    padding: 16px !important;
    
}
#ishicategory .image-container .text-container {
    padding: 10px 0 !important;
  }
  .slick-arrow {
    --icon-size: 40px;
    margin-right: 40px;
  }
  .slick-arrow.slick-next {
    margin-right: 0;
    margin-left: 40px;
  }
  .slick-dots {
    margin: 8px 0 38px 0;
  }
}
/*------------------- 2.5. Mobile Menu -------------------*/
.vs-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.vs-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 30px;
  display: block;
  text-align: center;
  background-color: var(--body-bg);
}
.vs-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}
.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color: var(--vs-secondary-color);
  color: var(--white-color);
}
.vs-menu-wrapper .vs-menu-area {
  width: 100%;
/*  max-width: 310px;*/
  background-color: var(--body-bg);
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
  z-index: 1;
}
.vs-menu-wrapper.vs-body-visible {
  opacity: 1;
  visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.vs-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.vs-mobile-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(232, 6, 60, 0.2);
  background-color: #000;
}
.vs-mobile-menu::-webkit-scrollbar {
  width: 6px;
  background-color: #000;
}
.vs-mobile-menu::-webkit-scrollbar-thumb {
  background-color: var(--theme-color);
}
.vs-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.vs-mobile-menu ul li {
  border-bottom: 1px solid var(--border-color);
  list-style-type: none;
}
.vs-mobile-menu ul li li:first-child {
  border-top: 1px solid var(--border-color);
}
.vs-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
  font-weight:400;
}
.vs-mobile-menu ul li a:before {
  content: "\f105";
  font-family: var(--icon-font);
  position: relative;
  left: 0;
  top: 0;
  margin-right: 10px;
  display: inline-block;
}
.vs-mobile-menu ul li.vs-active > a {
  color: var(--theme-color);
}
.vs-mobile-menu ul li.vs-active > a:before {
  transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
  padding-left: 20px;
}
.vs-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--vs-secondary-color);
  color: var(--white-color);
  box-shadow: 0 0 20px -8px rgba(232, 6, 60, 0.5);
  border-radius: 50%;
  transition: all ease 0.4s;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand:before {
  content: "\f067";
  font-family: var(--icon-font);
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand:before {
  content: "\f068";
}
.vs-mobile-menu > ul {
  padding: 0 40px;
}
.vs-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.vs-menu-toggle {
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 24px;
  border: none;
  background-color: var(--theme-color);
  color: #000;
  display: inline-block;
  border-radius: 50%;
  z-index: 99;
}
.vs-menu-toggle:hover {
  background-color: var(--vs-secondary-color);
  color: var(--white-color);
}

@media (max-width: 400px) {
  .vs-menu-wrapper .vs-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .vs-mobile-menu > ul {
    padding: 0 20px;
  }
}


/*------------------- 3.2. Buttons -------------------*/
.vs-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: none;
  outline: none;
  box-shadow: none;
/*  overflow: hidden;*/
  position: relative;
  font-family: var(--title-font);
  font-size: 16px;
  font-weight:5s00;
      padding: 14px 25px 15px 25px;
  background-color: var(--theme-color);
  color: #000;
  text-transform: capitalize;
  border-radius: 9999px;
  line-height: 1;
  transition: all ease 0.4s;
  z-index: 2;
  /* Small devices */
}
@media (max-width: 767px) {
  .vs-btn {
    padding: 16px 30px;
  }
}
.vs-btn:after, .vs-btn:before {
  content: "";
  position: absolute;
  top: var(--border-size, 3px);
  bottom: var(--border-size, 3px);
  left: var(--border-size, 3px);
  width: calc(50% - var(--border-size, 3px));
  background-color: #ffc107;
  z-index: -1;
  transform: scaleY(0.4);
  transform-origin: 100% 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  border-radius: 9999px 0 0 9999px;
}
.vs-btn:after {
  left: auto;
  right: var(--border-size, 3px);
  transform-origin: 100% 100%;
  border-radius: 0 9999px 9999px 0;
}
.vs-btn.style2 {
  background-color: var(--theme-color2);
  color: var(--title-color);
}
.vs-btn.style2:hover {
  background-color: var(--white-color);
  color: var(--white-color);
}
.vs-btn.style3 {
  background-color: var(--white-color);
  border: 2px solid var(--theme-color);
  color: var(--theme-color);
  --border-size: 1px;
}
.vs-btn:hover {
  color: #000;
  background-color: var(--theme-color);
}
.vs-btn:hover:after, .vs-btn:hover:before {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.icon-btn {
  padding: 0;
 font-size: var(--icon-font-size, 15px);
    width: var(--icon-size, 45px);
    height: var(--icon-size, 45px);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
  transition: all ease 0.4s;
  position: relative;
  z-index: 1;
}
.icon-btn:before {
  content: "";
  position: absolute;
  left: var(--border-size, 2px);
  top: var(--border-size, 2px);
  right: var(--border-size, 2px);
  bottom: var(--border-size, 2px);
  background-color: var(--white-color);
  border-radius: inherit;
  z-index: -1;
  transform: scale(0.5);
  transition: all ease 0.4s;
  opacity: 0;
  visibility: hidden;
}
.icon-btn:hover {
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.icon-btn:hover:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1.001);
}
.icon-btn.style2 {
  --icon-size: 120px;
  background-color: var(--smoke-color);
}
.cls-1 {
    fill: none;
    stroke: #000000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.5 !important;
}
.simple-icon {
  padding: 0;
  border: none;
  background-color: transparent;
  color: var(--title-color);
  line-height: 1;
  font-size: 25px;
  vertical-align: middle;
}
.simple-icon.style2 {
  color: var(--white-color);
}
.simple-icon:hover {
  color: var(--theme-color);
}


.link-btn {
  font-weight:400;
  font-size: 16px;
  display: inline-block;
  line-height: 0.8;
  position: relative;
  padding-bottom: 2px;
  margin-bottom: -2px;
  text-transform: capitalize;
}
.link-btn i {
  margin-left: 7px;
  font-size: 0.9rem;
}
.link-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--theme-color);
  transition: all ease 0.4s;
}
.link-btn:hover {
  color: var(--theme-color);
}
.link-btn:hover::before {
  width: 100%;
}

.scroll-btn {
  position: fixed;
  bottom: 300px;
  right: 30px;
  z-index: 94;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  border-radius: 50%;
  /* Small devices */
}
.scroll-btn i {
  display: inline-block;
  background-color: var(--theme-color);
    color: #000;
  text-align: center;
  font-size: 16px;
  width: var(--btn-size, 50px);
  height: var(--btn-size, 50px);
  line-height: var(--btn-size, 50px);
  z-index: 2;
  border-radius: inherit;
  position: relative;
  transition: all ease 0.8s;
}
.scroll-btn:before {
  content: "";
  position: absolute;
  left: var(--extra-shape, -6px);
  top: var(--extra-shape, -6px);
  right: var(--extra-shape, -6px);
  bottom: var(--extra-shape, -6px);
  background-color: var(--body-bg);
  border-radius: inherit;
  z-index: 1;
  transition: all ease 0.4s;
}
.scroll-btn:focus i, .scroll-btn:hover i {
  background-color: var(--vs-secondary-color);
  color: var(--white-color);
}
.scroll-btn.show {
  bottom: 120px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .scroll-btn {
    --btn-size: 40px;
    --extra-shape: -4px;
    right: 15px;
    bottom: 50px;
  }
  .scroll-btn.show {
    bottom: 15px;
  }
}

.scrollToTop {
  position: fixed;
  right: 60px;
  bottom: 500px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  z-index: 96;
}
.scrollToTop.show {
  bottom: 10px;
  opacity: 1;
  visibility: visible;
}

.btn-style2 {
  color: var(--white-color);
  font-size: 18px;
  font-weight:400;
  line-height: normal;
  border-radius: 50px;
  background: var(--theme-color);
  padding: 0 42px;
}

/* Small devices */
@media (max-width: 767px) {
  .play-btn {
    --icon-size: 60px;
  }
  .scrollToTop {
    right: 20px;
  }
  .scrollToTop.show {
    bottom: 20px;
  }
}
/*------------------- 3.3. Titles -------------------*/
.sec-title2,
.sec-title {
  font-size: 60px;
  margin-top: -0.25em;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.sec-title2 {
  font-size: 55px;
}

.sec-subtitle {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.3em;
  color: #6c757d;
  font-weight:400;
  font-family: var(--title-font);
  line-height: 1;
  margin-top: -0.1em;
  margin-bottom: 25px;
}

.sec-subtitle2 {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight:400;
  text-transform: uppercase;
  color: var(--title-color);
  position: relative;
  margin-top: -0.25em;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: block;
}

.title-divider2,
.title-divider1 {
  height: 3px;
  width: 24px;
  background-color: var(--theme-color2);
  border-radius: 9999px;
  display: inline-block;
  margin-bottom: 17px;
}

.title-divider2 {
  height: 4px;
  width: 42px;
}

.sec-text {
  font-size: 18px;
}

.sec-bubble {
  width: 36px;
  height: 36px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.sec-bubble .bubble {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: var(--theme-color2);
  border-radius: 50%;
}
.sec-bubble .bubble:nth-child(1) {
  top: 0;
  left: 50%;
  z-index: 3;
  margin-left: -10px;
}
.sec-bubble .bubble:nth-child(2) {
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: var(--theme-color);
}
.sec-bubble .bubble:nth-child(3) {
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: var(--vs-secondary-color);
}

.title-area {
  margin-bottom: calc(var(--section-title-space) - 22px);
}

.sec-btns {
  margin-bottom: calc(var(--section-title-space) - 9px);
}
.sec-btns .icon-btn {
  margin-right: 5px;
}
.sec-btns .icon-btn i{
  color: #000
  }
.sec-btns .icon-btn:last-child {
  margin-right: 0;
}

.sec-bottom-btns {
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
}

.vs-carousel + .sec-bottom-btns {
  margin-top: 10px;
}

.title-area-four {
  position: relative;
  margin-bottom: 46px;
}
.title-area-four h2 {
  color: #000;
  font-size: 60px;
  font-weight:400;
  line-height: 65px;
  text-transform: capitalize;
  margin-bottom: 18px;
}
.title-area-four .sub-title {
  color: #444;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  display: inline-block;
}
.title-area-four img {
  margin-bottom: 21px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .title-area-four img {
    margin-bottom: 0;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .sec-title2,
  .sec-title {
    font-size: 30px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .sec-title2,
  .sec-title {
    font-size: 42px;
  }
  .sec-subtitle {
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .sec-text {
    font-size: 16px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .sec-title2,
  .sec-title {
    font-size: 36px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .sec-btns {
    margin-bottom: 30px;
  }
}
/*------------------- 3.4. Common -------------------*/
.svg-hidden {
  position: absolute;
  width: 0;
  height: 0;
}

.vs-wave-shape {
  /* Small devices */
}
@media (min-width: 1399px) {
  .vs-wave-shape {
    margin-bottom: -40px;
  }
}
@media (max-width: 767px) {
  .vs-wave-shape {
    overflow: hidden;
  }
  .vs-wave-shape svg {
    height: 150px;
  }
}
.vs-wave-shape .svg {
  width: 100%;
}
.vs-wave-shape .wave-path {
  fill: var(--vs-secondary-color);
}
.vs-wave-shape.style2 .wave-path {
  fill: var(--white-color);
}
.vs-wave-shape.style3 .wave-path {
  fill: var(--smoke-color);
}

.shape-mockup-wrap {
  position: relative;
}
.shape-mockup-wrap .container-fluid,
.shape-mockup-wrap .container {
  z-index: 1;
  position: relative;
}

.shape-mockup {
  position: absolute;
  z-index: 1;
}

.image-scale-hover {
  overflow: hidden;
}
.image-scale-hover img {
  transition: all ease 0.4s;
  transform: scale(1.001);
}
.image-scale-hover:hover img {
  transform: scale(1.2);
}

.fa, .fa:before,
.far,
.far:before,
.fas,
.fas:before,
.fal,
.fal:before {
  font-family: var(--icon-font) !important;
}

.vertical-line {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  height: 100%;
}

.z-index-step1 {
  position: relative;
  z-index: 4 !important;
}

.z-index-common {
  position: relative;
  z-index: 3;
}

.z-index-n1 {
  z-index: -1;
}

.media-body {
  flex: 1;
}

.badge {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  text-align: center;
  background-color: var(--theme-color);
  color: #000;
  padding: 0.35em 0.55em;
  border-radius: 50%;
}

.mega-hover {
  position: relative;
  overflow: hidden;
}
.mega-hover img {
  transition: all 2s ease;
  transform: scale(1.001);
}
.mega-hover:after, .mega-hover:before {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 1;
  z-index: 3;
  transform: rotate(5deg);
}
.mega-hover:before {
  top: -10%;
  right: 51%;
  bottom: -10%;
  left: 50%;
  background: rgba(255, 255, 255, 0.3);
}
.mega-hover:after {
  top: 50%;
  right: -10%;
  bottom: 50%;
  left: -10%;
  background: rgba(255, 255, 255, 0.6);
}
.mega-hover:hover:before {
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 900ms linear;
}
.mega-hover:hover:after {
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 900ms linear;
}
.mega-hover:hover img {
  transform: scale(1.05);
}

@media (min-width: 1921px) {
  .d-hd-none {
    display: none !important;
  }
}
@media (min-width: 1700px) {
  .d-xxxl-block {
    display: block !important;
  }
}
/*------------------- 3.6. Font -------------------*/
.font-icon {
  font-family: var(--icon-font);
}

.font-title {
  font-family: var(--title-font);
}

.font-body {
  font-family: var(--body-font);
}

.fw-light {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight:400;
}

.fw-bold {
  font-weight:400;
}

.fw-extrabold {
  font-weight: 800;
}

.fs-md {
  font-size: 18px;
}

.fs-xs {
  font-size: 14px;
}

.fs-20 {
  font-size: 20px;
}

/* Small devices */
@media (max-width: 767px) {
  .fs-20,
  .fs-md {
    font-size: 16px;
  }
}
/*------------------- 3.7. Background -------------------*/
.bg-theme {
  background-color: var(--theme-color) !important;
}

.bg-vs-secondary {
  background-color: var(--vs-secondary-color) !important;
}

.bg-smoke {
  background-color: var(--smoke-color) !important;
}

.bg-vs-light {
  background-color: var(--light-color) !important;
}

.bg-white {
  background-color: var(--white-color) !important;
}

.bg-black {
  background-color: var(--black-color) !important;
}

.bg-title {
  background-color: var(--title-color) !important;
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-fluid {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.bg-auto {
  background-size: auto auto;
}

/*------------------- 3.8. Text Color -------------------*/
.text-theme {
  color: var(--theme-color) !important;
}

.text-title {
  color: var(--title-color) !important;
}

.text-body {
  color: var(--body-color) !important;
}

.text-white {
  color: var(--white-color) !important;
}

.text-yellow {
  color: var(--yellow-color) !important;
}

.text-success {
  color: var(--success-color) !important;
}

.text-error {
  color: var(--error-color) !important;
}

.text-inherit {
  color: inherit;
}
/*.text-inherit:hover {
  color: var(--theme-color);
}
*/
a.text-theme:hover,
.text-reset:hover {
  text-decoration: underline;
}

/*------------------- 3.9. Overlay -------------------*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.position-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

[data-overlay] {
  position: relative;
}
[data-overlay] [class^=col-],
[data-overlay] [class*=col-] {
  z-index: 1;
}

[data-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

[data-overlay=theme]:before {
  background-color: var(--theme-color);
}

[data-overlay=title]:before {
  background-color: var(--title-color);
}

[data-overlay=white]:before {
  background-color: var(--white-color);
}

[data-overlay=black]:before {
  background-color: var(--black-color);
}

[data-opacity="1"]:before {
  opacity: 0.1;
}

[data-opacity="2"]:before {
  opacity: 0.2;
}

[data-opacity="3"]:before {
  opacity: 0.3;
}

[data-opacity="4"]:before {
  opacity: 0.4;
}

[data-opacity="5"]:before {
  opacity: 0.5;
}

[data-opacity="6"]:before {
  opacity: 0.6;
}

[data-opacity="7"]:before {
  opacity: 0.7;
}

[data-opacity="8"]:before {
  opacity: 0.8;
}

[data-opacity="9"]:before {
  opacity: 0.9;
}

[data-opacity="10"]:before {
  opacity: 1;
}

/*------------------- 3.10. Animation -------------------*/
.transform-banner img {
  animation: border-transform 20s linear infinite alternate forwards;
  border-radius: 100%;
}

.jump-reverse-img,
.jump-img,
.jump-reverse,
.jump {
  animation: jumpping var(--duration, 6s) infinite linear;
}

.jump-reverse-img,
.jump-img {
  --duration: 5s;
}

.jump-reverse-img,
.jump-reverse {
  --jump-y: -20px;
}

.rotate-reverse-img,
.rotate-img,
.rotate-reverse,
.rotate {
  animation: rotate var(--duration, 12s) infinite linear;
}

.rotate-reverse-img,
.rotate-img {
  --duration: 40s;
}

.rotate-reverse {
  --rotate-angle: -360deg;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.wow-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadein {
  --animation-name: fadein-custom;
}

.slideinup {
  --animation-name: slideinup;
}

.slideindown {
  --animation-name: slideindown;
}

.slideinleft {
  --animation-name: slideinleft;
}

.slideinright {
  --animation-name: slideinright;
}

.animated {
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-name: var(--animation-name);
}

.ripple-animation, .play-btn:after, .play-btn:before {
  animation-duration: var(--ripple-ani-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-name: ripple;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(var(--rotate-angle, 360deg));
  }
}
@keyframes slideinup {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideindown {
  0% {
    opacity: 0;
    transform: translateY(-70px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideinleft {
  0% {
    opacity: 0;
    transform: translateX(-70px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideinright {
  0% {
    opacity: 0;
    transform: translateX(70px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fadein-custom {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes jumpping {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, var(--jump-y, 20px), var(--jump-x, 0));
  }
}
@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_categories ul {
  list-style: none;
  margin: 0 0 -10px 0;
  padding: 0;
}
.widget_nav_menu a,
.widget_pages a,
.widget_archive a,
.widget_categories a {
  position: relative;
  display: block;
  padding: 20px 20px 20px 55px;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight:400;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--title-color);
  background-color: var(--white-color);
  font-family: var(--title-font);
  border-radius: 9999px;
}
.widget_nav_menu a:before,
.widget_pages a:before,
.widget_archive a:before,
.widget_categories a:before {
  content: "\f178";
  font-family: var(--icon-font);
  font-size: 12px;
  color: var(--white-color);
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: var(--vs-secondary-color);
  border-radius: 50%;
}
.widget_nav_menu a:hover,
.widget_pages a:hover,
.widget_archive a:hover,
.widget_categories a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.widget_nav_menu li,
.widget_pages li,
.widget_archive li,
.widget_categories li {
  display: block;
  position: relative;
}
.widget_nav_menu li > span,
.widget_pages li > span,
.widget_archive li > span,
.widget_categories li > span {
  width: 40px;
  height: 40px;
  line-height: 35.5px;
  font-size: 18px;
  font-weight: 500;
  color: var(--title-color);
  background-color: transparent;
  right: 10px;
  top: 10px;
  z-index: 1;
  display: inline-block;
  text-align: center;
  position: absolute;
  border: 2px solid var(--theme-color);
  transition: all ease 0.4s;
  border-radius: 0;
}
.widget_nav_menu li:hover > span,
.widget_pages li:hover > span,
.widget_archive li:hover > span,
.widget_categories li:hover > span {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.widget_nav_menu .children,
.widget_pages .children,
.widget_archive .children,
.widget_categories .children {
  margin-left: 10px;
}

.widget_nav_menu .sub-menu {
  margin-left: 10px;
}

.wp-block-archives {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.wp-block-archives a:not(:hover) {
  color: inherit;
}

.vs-blog ul.wp-block-archives li {
  margin: 5px 0;
}

/* Large devices */
@media (max-width: 1199px) {
  .widget_nav_menu a,
  .widget_pages a,
  .widget_archive a,
  .widget_categories a {
    font-size: 14px;
  }
  .widget_nav_menu li > span,
  .widget_pages li > span,
  .widget_archive li > span,
  .widget_categories li > span {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 14px;
  }
}
.widget {
  padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
  background-color: var(--smoke-color);
  position: relative;
  margin-bottom: 40px;
  border-radius: 30px;
}
.widget select,
.widget input {
  height: 60px;
  border: none;
  background-color: var(--input-bg, #ffffff);
}

.widget_title {
  position: relative;
  font-weight:400;
      font-size: 22px;
  line-height: 1em;
  font-family: var(--title-font);
  margin: -0.2em 0 30px 0;
  padding: 0 0 13px 0;
}
.widget_title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 30px;
  background-color: var(--theme-color2);
  border-radius: 9999px;
}

.widget .search-form {
  position: relative;
}
.widget .search-form input {
  padding-right: 70px;
}
.widget .search-form button {
  border: none;
  background-color: transparent;
  padding: 4px 0 4px 15px;
  line-height: 1;
  color: var(--theme-color);
  border-left: 1px solid var(--border-color);
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  font-size: 18px;
}
.widget .search-form button:hover {
  color: var(--vs-secondary-color);
}

.footer-widget {
  margin-bottom: 40px;
}
.footer-widget,
.footer-widget .widget {
  padding: 0;
  border: none;
  padding-bottom: 0;
  background-color: transparent;
}
.footer-widget .widget_title {
  margin-bottom: 33px;
}
.footer-widget.widget_meta, .footer-widget.widget_pages, .footer-widget.widget_archive, .footer-widget.widget_categories, .footer-widget.widget_nav_menu {
  margin-bottom: 45px;
}
.footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul {
  padding: 3px 0 0 0;
}
.footer-widget.widget_meta ul ul, .footer-widget.widget_pages ul ul, .footer-widget.widget_archive ul ul, .footer-widget.widget_categories ul ul, .footer-widget.widget_nav_menu ul ul {
  margin-top: 0;
}
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
  width: max-content;
  display: block;
  border: none;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  max-width: 100%;
  padding: 0 0 0 20px;
  background-color: transparent;
  position: relative;
}
.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: var(--theme-color2);
  border-radius: 2px;
  left: 0;
  top: 51%;
  transform: rotate(45deg) translateY(-50%);
}
.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: #000;
}
.footer-widget.widget_meta li > span, .footer-widget.widget_pages li > span, .footer-widget.widget_archive li > span, .footer-widget.widget_categories li > span, .footer-widget.widget_nav_menu li > span {
  width: auto;
  height: auto;
  position: relative;
  background-color: transparent;
  color: var(--body-color);
  line-height: 1;
}
.footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}
.footer-widget .footer-menu ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.footer-widget .footer-menu a {
  font-size: 14px;
}

.footer-logo {
  margin-bottom: 18px;
}

.footer-social a {
  position: relative;
  display: inline-block;
  border: none;
  /*background-color:var(--theme-color);;*/
  color: var(--white-color);
  text-align: center;
 /* width: 40px;
    height: 40px;
    line-height: 40px;
  border-radius: 50%;*/
  font-size: 14px;
  margin-right: 7px;
  z-index: 1;
}
.footer-social a::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  right: 3px;
  background-color: var(--vs-secondary-color);
  border-radius: inherit;
  transition: all ease 0.3s;
  transform: scale(0.4);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.footer-social a:last-child {
  margin-right: 0;
}
.footer-social a.active, .footer-social a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: transparent;
}
.footer-social a.active:before, .footer-social a:hover:before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.footer-social a.active:hover {
  background-color: var(--vs-secondary-color);
  color: var(--white-color);
}

.map-link {
  display: flex;
  gap: 20px;
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 30px 0;
  max-width: 370px;
}

.footer-text {
  margin: 0 0 8px 0;
  font-size: 18px;
}
.footer-text .time {
  font-weight: 500;
}

.footer-info {
  font-size: 18px;
  margin-bottom: 15px;
}
.footer-info:nth-last-child(2) {
  margin-top: 25px;
}
.footer-info i {
  width: var(--icon-size, 42px);
  height: var(--icon-size, 42px);
  line-height: var(--icon-size, 42px);
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  background-color: var(--theme-color2);
  color: var(--black-color);
}
.footer-info a {
  color: inherit;
}
.footer-info a:hover {
  color: var(--theme-color);
}

/* Large devices */
@media (max-width: 1199px) {
  .footer-widget {
    margin-bottom: 60px;
  }
  .footer-widget .footer-menu a {
    font-size: 16px;
  }
  .footer-text {
    margin: 0 0 4px 0;
    font-size: 16px;
  }
  .footer-info {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer-info:nth-last-child(2) {
    margin-top: 15px;
  }
  .map-link {
    gap: 15px;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 15px 0;
    max-width: 370px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .footer-widget .footer-menu ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
  .footer-widget {
    margin-bottom: 50px;
  }
  .footer-widget .widget_title {
    margin-bottom: 25px;
  }
  .ddbck11  svg{
    margin-top:-120px !important;
  }
  .ddbck  svg{
    margin-top:-120px !important;
  }
.svg-bt{
           margin-bottom: -237px !important;
}
}
/*------------------- 4.2. Header  -------------------*/
.vs-header {
  position: relative;
/*  z-index: 9;*/
}

.header-logo {
  max-width: 215px;
     padding: 0px 0;
}

.will-sticky .sticky-active {
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  background-color: var(--white-color);
  transition: all ease 0.8s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}
.will-sticky .sticky-active.active {
  top: 0;
  position: fixed;
      z-index: 9;

}
.mr-5 {
    margin-right: 5px !important;
}
.contact-infor {
  font-size: 15px;
  color: #253D4E;
  list-style: none;
      padding-left: 0;
}
.contact-infor li:not(:last-child) {
  margin-bottom: 10px;
}
.contact-infor li img {
  margin-right: 8px;
  max-width: 16px;
}
.main-menu{
  border-top: 1px solid #d8d8d8 ;
/*        border-bottom: 1px solid #d8d8d8;*/
      text-align: center;
}
 .active .main-menu{
  border-top: 0px solid #d8d8d8 !important;
}
.main-menu a {
  display: block;
  position: relative;
  color: var(--title-color);
  font-family: var(--title-font);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .main-menu a {
    font-size: 15px;
  }
}
.main-menu a:hover {
  color: #ff781a;
}
.main-menu > ul > li {
     margin: 0 2px;
}
.main-menu ul {
  margin: 0;
  padding: 0px 0px;
/*  padding: 10px 0;*/
}
.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.main-menu ul li.menu-item-has-children > a:after {
  content: "\f078";
  position: relative;
  font-family: var(--icon-font);
  margin-left: 1px;
  top: -0.8px;
  font-size: 0.6rem;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li:first-child {
  margin-left: 0;
}
.main-menu ul li:hover > ul.sub-menu,
.main-menu ul li:hover ul.mega-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  z-index: 999;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--body-bg);
  visibility: hidden;
  min-width: 190px;
  width: max-content;
  padding: 7px;
  left: -14px;
  margin-top: 50px;
  opacity: 0;
  z-index: -1;
  border-bottom: 3px solid var(--theme-color);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004);
  transform-origin: top center;
  transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
}
.main-menu ul.sub-menu a,
.main-menu ul.mega-menu a {
     font-size: 14px;
    line-height: 25px;
}
.main-menu ul.sub-menu {
  padding: 18px 20px;
  left: -27px;
}
.main-menu ul.sub-menu:before {
/*  content: "";
  position: absolute;
  left: 34px;
  top: 30px;
  width: 1px;
  background-color: var(--border-color);
  height: calc(100% - 65px);*/
}
.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 3px 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  float: right;
  top: 3px;
}
.main-menu ul.sub-menu li a {
  position: relative;
/*  padding-left: 21px;*/
}
/*.main-menu ul.sub-menu li a:before {
  content: "\f111";
  position: absolute;
  top: 2.8em;
  left: 0;
  font-family: var(--icon-font);
  width: 11px;
  height: 11px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.2em;
  line-height: 11.5px;
  color: var(--theme-color);
  font-weight:400;
  background-color: var(--body-bg);
  box-shadow: inset 0px 2px 4px 0px rgb(255 214 0);

}*/
.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}
.main-menu .mega-menu-wrap {
  position: static;
}
.main-menu .mega-menu-wrap:before {
  display: none;
}
.main-menu ul.mega-menu {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  max-width: var(--main-container);
  padding: 20px 15px 23px 15px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu ul.mega-menu li {
  display: block;
  width: 100%;
  padding: 0 15px;
}
.main-menu ul.mega-menu li li {
  padding: 4px 0;
}
.main-menu ul.mega-menu li a {
  display: inline-block;
}
.main-menu ul.mega-menu > li > a {
  display: block;
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:400;
  color: var(--title-color);
  border-color: var(--theme-color);
}
.main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 1px;
  background-color: var(--theme-color);
}
.main-menu ul.mega-menu > li > a::after {
  width: calc(100% - 20px);
  left: 20px;
}
.main-menu ul.mega-menu > li > a:hover {
  padding-left: 0;
}
.main-menu .home > a {
  position: relative;
}
.main-menu .home > a:before {
  content: "\f80a";
  font-family: var(--icon-font);
  background-color: var(--theme-color);
  color: var(--white-color);
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 14px;
}

.menu-style1 > ul > li > a {
/*      padding: 15px 0;*/
}

.menu-style2 > ul > li {
  margin: 0;
}
.menu-style2 > ul > li > a {
  padding: 14.5px 20px 14.5px 25px;
}
.menu-style2 > ul > li:first-child > a {
  padding-left: 0;
}
.menu-style2 > ul > li:not(:first-child) > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 18px;
  margin-top: -9px;
  width: 1px;
  background-color: #BEBEBE;
}

.menu-style3 > ul > li > a {
  padding: 41px 0;
  color: var(--white-color);
}
.menu-style3 > ul > li > a:hover {
  color: var(--theme-color);
}
.btn-head{
/*   background: #ff7f31;*/
    padding: 5px 10px;
    background-image: linear-gradient(#FFD5FD, #FFEB3B);
    border-radius: 10px 0 10px;
}
/*.btn-head1{
    background: #ffc107;
    padding: 5px 10px;
/*    background-image: linear-gradient(#FFEB3B, #FFD5FD);*/
    border-radius: 10px 0 10px;
}*/
.btn-head a{
  color: #000 !important;
}
/*.btn-head1 a{
  color: #000 !important;
}*/
.header-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
}
.header-links li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: var(--title-color);
  font-family: var(--body-font);
      margin: 0 10px 0 0;
  line-height: 1;
      text-align: center;
}
.header-links li:last-child {
  margin-right: 0;
}
.header-links i {
  color: #0c0c0c;
  /*margin: 0 10px 0 0;*/
  font-size: 18px;
  vertical-align: middle;
  transition: all ease 0.4s;
}
.header-links a {
  color: inherit;
      line-height: 1.6;
}
.header-links a:hover,
.header-links a:hover i {
  color: var(--theme-color);
}
/*.header-links.style3 i, .header-links.style2 i {
 width: var(--icon-size, 40px);
    height: var(--icon-size, 40px);
    line-height: calc(var(--icon-size, 40px) - 2px);
    font-size: var(--icon-font-size, 18px);
    text-align: center;
    border: 1px solid var(--title-color);
    border-radius: 50%;
}
.header-links.style3 li i, .header-links.style2 li i {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: transparent;
}*/
.header-links.style-white i,
.header-links.style-white li {
  color: #fff;
  border-color:#fff;
}
.header-links.style3 i {
  border-color: transparent;
  color: var(--title-color);
  background-color: var(--theme-color2);
}

.header-layout1 .header-top {
  background-color: #808080;
padding: 2px 0;
}
.sticky-wrap{
  /*-webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    box-shadow: 0 3px 15px rgb(0 0 0 / 10%);*/
    /*position: fixed;*/
}
@media (min-width: 1399px) {
  .header-layout2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
}
.header-layout2 .header-logo {
  margin-right: 75px;
}
.header-layout2 .menu-area {
  padding: 0 35px;
  position: relative;
  z-index: 1;
  background-color: var(--white-color);
  border-radius: 9999px;
}
.header-layout2 .simple-icon:not(.style2) {
  position: relative;
  padding-left: 20px;
}
.header-layout2 .simple-icon:not(.style2):before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 18px;
  margin-top: -9px;
  width: 1px;
  background-color: #BEBEBE;
}
.header-layout2 .vs-menu-toggle {
  margin: 7px 0;
}

.header-layout3 .header-top {
  padding: 10px 0;
}
.header-layout3 .menu-area {
  max-width: 1360px;
  background-color: var(--vs-secondary-color);
  margin: 0 auto -55px auto;
  border-radius: 9999px;
}

.header-layout4 {
  position: relative;
}

.header-top4 {
  background-color: var(--vs-secondary-color);
  padding: 10px 0 53px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .header-top4 {
    display: none;
  }
}

.header-links.v4 ul li {
  margin: 0 20px 0 0;
}
.header-links.v4 ul li i {
  background-color: var(--white-color);
  color: var(--vs-secondary-color);
}
.header-links.v4 ul li a {
  font-family: var(--title-font);
}

.header-links.v5 > ul > li {
  margin-right: 76px;
}
.header-links.v5 > ul > li:last-child {
  margin-right: 0;
}

.social-links4 li {
  position: relative;
  padding-right: 16px;
  margin-right: 15px;
}
.social-links4 li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.social-links4 li:last-child::before {
  display: none;
}
.social-links4 li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 18px;
  background: #B3B3B3;
}
.social-links4 li a i {
  font-size: 18px;
}

.header-links-btn {
  margin-top: 3px;
}

.menu-style4 > ul > li.v1 > a {
  color: var(--theme-color);
}

.header-icons4 {
  margin-right: 3px;
  margin-top: 5px;
}

.simple-icon.v2 {
  position: relative;
  padding-right: 17px;
  margin-right: 8px;
}
.simple-icon.v2::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 18px;
  background: #B3B3B3;
}

.simple-icon.cart {
  position: relative;
  font-size: 36px;
}
.simple-icon.cart:hover {
  color: var(--theme-color);
}
.simple-icon.cart span {
  position: absolute;
  top: 0;
  right: -10px;
  font-size: 13px;
  color: var(--title-color);
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--theme-color2);
}

.vs-btn.v4 {
  height: 50px;
  line-height: 50px;
  padding: 0 42px;
  margin-top: 5px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .vs-btn.v4 {
    display: none;
  }
}

.sticky-active.active .header-lower4 {
  margin-top: 0;
}


.vs-menu-toggle {
  /* Large devices */
}
/*@media (max-width: 1199px) {
  .vs-menu-toggle {
    display: inline-block !important;
  }
}*/

/* Large devices */
@media (max-width: 1199px) {
  .header-links li {
    margin: 0 25px 0 0;
  }
  .header-links.style2 i {
    --icon-size: 36px;
    --icon-font-size: 16px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .header-layout1 .header-top {
    padding: 17px 0;
  }
  .header-layout2 .vs-btn {
    padding: 14px 15px;
    font-size: 14px;
  }
  .header-layout2 .menu-area {
    margin-bottom: 0;
  }
  .header-links li {
    margin: 0 0 10px 0;
    display: block;
  }
  .header-links li:last-child {
    margin-bottom: 0;
  }
  .header-links.style2 i {
    --icon-size: auto;
    border: none;
    vertical-align: top;
  }
}
/*------------------- 4.3. Footer  -------------------*/
.widget-area {
  padding-top: 80px;
  padding-bottom: 40px;
}

.copyright-wrap {
  text-align: center;
  padding: 29px 0;
  background-color: var(--theme-color2);
}

.copyright-text {
  margin: 0;
  font-size: 16px;
  font-weight:400;
  color: var(--black-color);
  font-family: var(--title-font);
}
.copyright-text a {
  color: inherit;
  text-decoration: underline;
}
.copyright-text a:hover {
  color: var(--theme-color2);
}

.copyright-menu ul {
  margin: 0;
}
.copyright-menu li {
  margin-right: 20px;
  display: inline-block;
}
.copyright-menu a {
  display: block;
  text-decoration: underline;
  text-transform: uppercase;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 500;
}
.copyright-menu a:hover {
  color: var(--theme-color);
}

.footer-layout3,
.footer-layout1 {
  background-color: var(--vs-secondary-color);
  --title-color: #FFFFFF;
  --body-color: #FFFFFF;
}
.footer-layout3 .countdown-style1,
.footer-layout3 .vs-social,
.footer-layout3 .vs-btn,
.footer-layout1 .countdown-style1,
.footer-layout1 .vs-social,
.footer-layout1 .vs-btn {
  --title-color: #000;
}

.footer-layout1 .footer-top {
  padding: 60px 0 0 0;
}

.footer-call {
  font-size: 18px;
  color: var(--white-color);
  display: flex;
}
.footer-call i {
  color: var(--theme-color2);
  margin-right: 10px;
  font-size: 30px;
}
.footer-call a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--theme-color2);
}

.footer-layout3 .copyright-wrap {
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 1199px) {
  .footer-layout3 .widget-area {
    padding-top: 90px;
    padding-bottom: 50px;
  }
}
.footer-layout3 .footer-top {
  background-color: var(--white-color);
  padding: 30px 60px;
  border-radius: 30px;
}

.footer-layout4 {
  position: relative;
  background: rgba(46, 0, 58, 0.95);
}

.widget_title.v4 {
  color: #000;
  margin-bottom: 37px;
}

.widget-about-two p {
   color: #0e0e0e;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding-right: 35px;
    margin-bottom: 31px;
    font-family: "Fredoka", sans-serif;
}

.time-shadule {
  list-style: none;
  padding-left: 0;
}
.time-shadule li {
  color: #FFF;
  font-family: Fredoka;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 16px;
}
.time-shadule li span {
  font-weight:400;
  margin-left: 4px;
}

.menu.v4 li a {
  color: #0e0e0e;
}
.menu.v4 li a::before {
  border-radius: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.footer-form-box {
  border-radius: 20px;
  background-color: var(--theme-color2);
  padding: 36px 40px 44px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .footer-form-box {
    padding: 36px 24px 44px;
  }
}
.footer-form-box p {
  color: var(--title-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 19px;
}

.footer-logo4 {
  /* Large devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .footer-logo4 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .footer-logo4 {
    text-align: left;
  }
}

.widget_title.form::before {
  background-color: var(--title-color);
}

.form-style5 .form-group {
  margin-bottom: 0;
}
.form-style5 .form-group input {
  height: 50px;
  background-color: var(--white-color);
  border-radius: 50px;
  width: 100%;
  padding: 0 28px;
  margin-bottom: 20px;
}

.vs-btn.form5 {
  width: 100%;
  height: 50px;
  padding: 0;
}

.copyright-wrap-five {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Medium devices */
  /* Extra small devices */
}
@media (max-width: 991px) {
  .copyright-wrap-five {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .copyright-wrap-five {
    justify-content: left;
  }
}
.copyright-wrap-five p {
  color: var(--white-color);
  font-size: 18px;
  font-weight:400;
  text-transform: capitalize;
  /* Medium devices */
}
@media (max-width: 991px) {
  .copyright-wrap-five p {
    margin-bottom: 30px;
  }
}
.copyright-wrap-five p .end-text {
  text-decoration: none;
  color: var(--theme-color2);
}

.social-style1.v2 a {
  background-color: unset;
  border: 2px solid var(--theme-color2);
  line-height: 46px;
  color: var(--white-color);
}
.social-style1.v2 a:hover {
  background-color: var(--theme-color2);
  color: var(--title-color);
}
.social-style1.v2 a:hover::before {
  display: none;
}

.footer-bottom5 {
  background-color: var(--vs-secondary-color);
  padding: 22px 0 20px;
}

.footer-contact5 {
  display: flex;
  align-items: center;
  /* Medium devices */
  /* Extra small devices */
}
@media (max-width: 991px) {
  .footer-contact5 {
    margin-top: 40px;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .footer-contact5 {
    justify-content: left;
  }
}
.footer-contact5 .footer-icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  font-size: 32px;
  color: var(--title-color);
  background-color: var(--theme-color2);
  border-radius: 50%;
  margin-right: 19px;
  /* Small devices */
}
@media (max-width: 767px) {
  .footer-contact5 .footer-icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-right: 10px;
    font-size: 25px;
  }
}

.footer-contact-content .title {
  color: var(--white-color);
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 7px;
}
.footer-contact-content .gmail {
  color: var(--white-color);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
.footer-contact-content .gmail:hover {
  text-decoration: underline;
}

.footer-box5 {
  border-bottom: 3px solid #5A7694;
  padding: 51px 0 53px;
}

.widget-area-four {
  padding: 105px 0 44px;
  /* Small devices */
}
@media (max-width: 767px) {
  .widget-area-four {
    padding: 80px 0 41px;
  }
}

.footer-layout5 {
  position: relative;
/*  padding-top: 10px;*/
  /* Small devices */
}
@media (max-width: 767px) {
  .footer-layout5 {
    padding-top: 0px;
  }
}
.footer-layout5 .row {
  /* Medium devices */
}
@media (max-width: 991px) {
  .product-style1 .product-img img {
   
    height: 150px !important;
    
}
  .footer-layout5 .row {
    justify-content: flex-start !important;
  }
}

.footer-box6 {
  border-radius: 50px 50px 150px 50px;
  background: #ececec;
      padding: 25px 54px 25px;
  /* Medium devices */
  /* Extra small devices */
}
@media (max-width: 991px) {
  .footer-box6 {
    padding: 37px 34px 38px;
  }
}
@media (max-width: 416px) {
  .footer-box6 {
    padding: 30px 24px 25px;
  }
}

.form-style2.v2 {
  position: relative;
}
.form-style2.v2::before {
 /* content: "";
  position: absolute;
  top: -49px;
  right: -57px;
  width: 2px;
  height: 215px;
  background: rgba(217, 217, 217, 0.5);*/
}
.form-style2.v2 .form-group input {
  background-color: var(--white-color);
  color: #242424;
  font-family: var(--title-font);
  max-width: 463px;
}
.form-style2.v2 .form-group input::placeholder {
  color: #242424;
  font-family: var(--title-font);
}

.form-title5 {
  color: var(--title-color);
  font-size: 22px;
  font-weight:400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 20px;
  display: block;
}

.vs-btn.style2.footer5 {
  background-color: var(--theme-color);
  color: #000;
  padding: 0 48px;
  /* Small devices */
}
@media (max-width: 767px) {
  .form-style2 .form-group {
    display: block !important;
    margin: 0;
    /* margin-bottom: 10px; */
}
  .vs-btn.style2.footer5 {
    padding: 16px 30px;
            margin-top: 10px;
  }
}

.footer-social-link5 {
  margin-left: 119px;
  /* Large devices */
  /* Medium devices */
}
@media (max-width: 1199px) {
  .footer-social-link5 {
    margin-left: 59px;
  }
}
@media (max-width: 991px) {
  .footer-social-link5 {
    margin: 30px 0 0;
  }
}
.footer-social-link5 a {
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: 2px solid #484848;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    color: var(--title-color);
    transition: all 0.3s ease;
}
.footer-social-link5 a:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}
@media (max-width: 416px) {
  .footer-social-link5 a {
    margin-bottom: 10px;
  }
}

.footer-contact6 {
  padding-left: 0;
  list-style: none;
}
.footer-contact6 li {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #7D7D7D;
  padding-bottom: 18px;
  margin-bottom: 16px;
}
.footer-contact6 li a {
  color: var(--white-color);
}
.footer-contact6 li a:hover {
  color: var(--theme-color);
}
.footer-contact6 li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.footer-contact6 li i {
  font-size: 24px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: var(--theme-color2);
  border-radius: 50%;
  color: var(--title-color);
  margin-right: 10px;
}

.copyright-wrap-six .end-text {
  color: var(--theme-color2);
  text-decoration: none;
}

.widget-area-five {
  padding: 50px 0 10px;
  /* Small devices */
}
@media (max-width: 767px) {
  .widget-area-five {
    padding: 75px 0 0px;
  }
}

.footer-bottom6 {
  background-color: var(--vs-secondary-color);
 padding: 10px 10px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .footer-layout3 .footer-top {
    padding: 10px 10px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .copyright-text {
    font-size: 16px;
  }
  .footer-layout3 .footer-top {
  padding: 10px 10px;
  }
}

/*------------------- 4.8. Hero Area  -------------------*/
.ls-container.ls-v6 .ls-bottom-slidebuttons {
  background-color: #fff;
  padding: 6px 9px;
  line-height: 1;
  border-radius: 9999px;
}

.ls-container.ls-v6 .ls-bottom-slidebuttons a {
  border: none !important;
  background-color: #B5B5B5;
  width: 13px !important;
  height: 13px !important;
}

.ls-container.ls-v6 .ls-bottom-slidebuttons a:hover,
.ls-container.ls-v6 .ls-bottom-slidebuttons a.ls-nav-active {
  border: none !important;
  background-color: var(--theme-color) !important;
}

.ls-container.ls-v6 .ls-bottom-nav-wrapper {
  text-align: right;
  max-width: var(--main-container);
  top: -73px !important;
}

.vs-hero-wrapper4 {
  position: relative;
  margin-top: -30px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .vs-hero-wrapper4 {
    margin-top: -30px;
  }
  .product-style1 .product-content {
        padding: 10px 10px 10px 10px !important;
    }
    .product-style1 .vs-btn {
    padding: 8px 5px !important;
    font-size: 12px !important;
    cursor: pointer;
}
.product-style1 .icon-btn {
  
    font-size: 10px !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
}.product-style1 .product-title {
    font-size: 16px !important;
    line-height: 17px;
  
}
.product-style1 .product-price {
    font-size: 16px !important;
    font-weight: 500;
   
}

}



@media (max-width: 1199px) {
  .ls-container.ls-v6 .ls-bottom-slidebuttons {
   /* display: none !important;*/

  }
  .ls-container.ls-v6 .ls-bottom-slidebuttons {
    background-color: #fff;
    padding: 6px 9px;
    line-height: 1;
    border-radius: 9999px;
    position: absolute;
    right: 0;
    bottom: -91px;
}
}
@media (max-width: 1024px) {
  .ls-html-layer.ls-layer .vs-btn {
    padding: 10px 23px 12px 23px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ls-html-layer.ls-layer .vs-btn {
    padding: 9px 22px 12px 22px;
    font-size: 13px;
  }
}
/*------------------- 4.9. Error  -------------------*/
.vs-error-wrapper {
  background-color: var(--smoke-color);
}

.error-number {
  font-size: 150px;
  font-weight:400;
  display: block;
  line-height: 1;
  margin: -0.17em 0 17px 0;
  color: var(--theme-color);
}

.error-title {
  text-transform: capitalize;
  font-size: 60px;
  margin: -0.3em 0 20px 0;
}

.error-text {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 38px;
  max-width: 500px;
  text-transform: capitalize;
  color: var(--title-color);
}

.search-inline {
  position: relative;
  width: 100%;
  margin-bottom: 45px;
}
.search-inline input {
  background-color: var(--white-color);
  border: 2px solid #D9D9D9;
  height: 60px;
  padding: 0 0 0 40px;
  font-size: 16px;
  border-radius: 9999px;
}
.search-inline input:focus {
  border-color: var(--theme-color);
}
.search-inline button {
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  color: var(--white-color);
  background-color: var(--vs-secondary-color);
  padding: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
}
.search-inline button:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

/* Large devices */
@media (max-width: 1199px) {
  .error-number {
    font-size: 120px;
  }
  .error-title {
    font-size: 48px;
  }
  .error-text {
    font-size: 18px;
    margin-bottom: 25px;
    max-width: 100%;
  }
  .search-inline {
    margin-bottom: 30px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .error-content {
    margin-top: 50px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .error-number {
    font-size: 100px;
  }
  .error-title {
    font-size: 28px;
  }
  .error-text {
    font-size: 16px;
  }
  .search-inline input {
    padding: 0 0 0 25px;
  }
}
/*------------------- 4.10. About  -------------------*/
.list-style1 ul {
  margin: 0 0 30px 0;
}
.list-style1 li {
  position: relative;
  display: flex;
  margin-bottom: 12px;
}
.list-style1 li:before {
  content: var(--icon, url("data:image/svg+xml,%3Csvg width='25' height='23' viewBox='0 0 25 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6842 20.6753C9.59141 20.6753 9.50023 20.651 9.4197 20.6049C9.33917 20.5588 9.27209 20.4924 9.22512 20.4124C7.45633 17.399 2.74074 10.9826 2.69336 10.9182C2.61761 10.8152 2.58145 10.6884 2.59149 10.5609C2.60153 10.4335 2.65709 10.3139 2.74804 10.224L4.19806 8.79111C4.28662 8.7036 4.40305 8.6499 4.52711 8.63934C4.65116 8.62879 4.77499 8.66205 4.87706 8.73335L9.57343 12.0125C12.716 7.98275 15.6351 5.19864 17.5556 3.5558C19.7177 1.70658 21.0941 0.874056 21.1517 0.839774C21.2344 0.790135 21.3291 0.763914 21.4256 0.763916H23.7714C23.8794 0.763909 23.9847 0.796703 24.0736 0.85795C24.1624 0.919197 24.2306 1.006 24.269 1.10686C24.3074 1.20772 24.3142 1.31787 24.2886 1.4227C24.2629 1.52753 24.2061 1.62209 24.1254 1.69385C17.4636 7.62747 10.2191 20.2793 10.1467 20.4064C10.1005 20.4875 10.0338 20.5551 9.9532 20.6023C9.87262 20.6495 9.78104 20.6746 9.68766 20.6752L9.6842 20.6753Z' fill='%23E8063C'/%3E%3Cpath d='M9.58204 22.8931C4.2985 22.8931 0 18.5946 0 13.311C0 8.02746 4.2985 3.72901 9.58204 3.72901C10.6414 3.72784 11.6936 3.90269 12.6957 4.24644C12.8292 4.29232 12.9391 4.38938 13.0011 4.51624C13.063 4.64311 13.0721 4.7894 13.0262 4.92293C12.9803 5.05646 12.8833 5.1663 12.7564 5.22827C12.6295 5.29025 12.4832 5.29929 12.3497 5.25341C11.4588 4.9479 10.5234 4.79254 9.58156 4.79368C4.88503 4.79368 1.06419 8.61457 1.06419 13.311C1.06419 18.0075 4.88503 21.8284 9.58156 21.8284C14.2781 21.8284 18.0989 18.0075 18.0989 13.311C18.0991 12.7348 18.0412 12.1599 17.9261 11.5953C17.9121 11.5268 17.9118 11.4562 17.925 11.3875C17.9383 11.3189 17.965 11.2535 18.0035 11.1952C18.0421 11.1368 18.0917 11.0866 18.1497 11.0475C18.2076 11.0083 18.2727 10.981 18.3412 10.967C18.4097 10.953 18.4803 10.9526 18.549 10.9659C18.6176 10.9792 18.683 11.0059 18.7413 11.0444C18.7997 11.083 18.8498 11.1326 18.889 11.1905C18.9281 11.2485 18.9555 11.3136 18.9695 11.3821C19.0989 12.0169 19.164 12.6632 19.1639 13.311C19.1641 18.5946 14.8656 22.8931 9.58204 22.8931Z' fill='%23E8063C'/%3E%3C/svg%3E%0A"));
  margin-right: 10px;
  font-family: var(--icon-font);
}

.list-style2 ul {
  margin-bottom: 30px;
}
.list-style2 li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.list-style2 li:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--theme-color);
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
}

.vs-circle {
  width: var(--circle-size, 315px);
  height: var(--circle-size, 315px);
  border: var(--circle-border-size, 60px) solid var(--circle-border-color, var(--theme-color2));
  border-radius: var(--circle-radius, 50%);
}

.vs-media {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.vs-media .media-icon {
  width: var(--icon-size, 94px);
  height: var(--icon-size, 94px);
  line-height: var(--icon-size, 94px);
  background-color: var(--icon-bg, #F0F6FA);
  color: var(--title-color);
  border-radius: 50%;
  text-align: center;
  transition: all ease 0.4s;
  display: inline-block;
}
.vs-media .media-icon img {
  max-width: calc(var(--icon-size, 94px) - 20px);
  transition: all ease 0.4s;
  filter: none;
}
.vs-media:hover .media-icon {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.vs-media:hover .media-icon img {
  filter: brightness(0) invert(1);
}

.exp-pill {
  background-color: var(--vs-secondary-color);
  width: 190px;
  height: 190px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.exp-pill:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  border: 2px dashed var(--white-color);
  z-index: -1;
  border-radius: inherit;
  animation: rotate 40s infinite linear;
}
.exp-pill .exp-number {
  font-size: 50px;
  font-weight:400;
  line-height: 1;
  margin: 0;
  color: var(--white-color);
  font-family: var(--title-font);
  margin-bottom: 5px;
}
.exp-pill .exp-text {
  color: var(--white-color);
  font-size: 22px;
  font-weight:400;
  margin: 0 0 5px 0;
  line-height: 1;
}

.media-style1 .media-icon {
  margin-right: 20px;
}
.media-style1 .media-label {
  font-size: 60px;
  font-weight:400;
  color: var(--theme-color);
  line-height: 1;
  margin: 0;
  font-family: var(--title-font);
}
.media-style1 .media-title {
  font-size: 18px;
  font-weight:400;
  font-family: var(--title-font);
  margin: 0;
}
.media-style1.layout2 {
  align-items: center;
}
.media-style1.layout2 .media-label {
  font-size: 90px;
}
.media-style1.layout2 .media-title {
  color: var(--title-color);
}

.media-style2 {
  display: flex;
  align-items: center;
}
.media-style2 .media-icon {
  margin-right: 15px;
}
.media-style2 .media-label {
  color: var(--theme-color);
  font-size: 20px;
  font-weight:400;
  line-height: 1;
  display: block;
  font-family: var(--title-font);
  letter-spacing: 0.02em;
  margin-bottom: 13px;
}
.media-style2 .media-title {
  font-family: var(--title-font);
  font-size: 46px;
  font-weight:400;
  color: #000;
  margin: 0;
  line-height: 1;
}

.media-style3 {
  display: flex;
  align-items: center;
  padding: 15px 50px 15px 20px;
  background-color: var(--white-color);
  border-radius: 25px;
  text-align: left;
}
.media-style3 .media-icon {
  margin-right: 15px;
}
.media-style3 .media-title {
  font-size: 18px;
  font-weight:400;
  color: var(--vs-secondary-color);
  line-height: 1;
  margin: 0 0 15px 0;
}
.media-style3 .media-info {
  font-size: 18px;
  color: var(--title-color);
  margin: 0;
  line-height: 1;
}

.img-box1 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
.img-box1 [class*=img-] img {
  width: 100%;
}
.img-box1 .img-1 {
  border-radius: var(--radius-outer, 119px) var(--radius-inner, 50px) 0 var(--radius-inner, 50px);
}
.img-box1 .img-2 {
  border-radius: var(--radius-inner, 50px) var(--radius-outer, 119px) var(--radius-inner, 50px) 0;
}
.img-box1 .img-3 {
  border-radius: var(--radius-inner, 50px) 0 var(--radius-inner, 50px) var(--radius-outer, 119px);
}
.img-box1 .img-4 {
  border-radius: 0 var(--radius-inner, 50px) var(--radius-outer, 119px) var(--radius-inner, 50px);
}
.img-box1 .vs-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.img-box2 {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.img-box2 .vs-circle {
  position: absolute;
  right: -10%;
  top: 3%;
  z-index: -1;
}
.img-box2.style2 .vs-circle {
  right: auto;
  left: -10%;
}

.img-box3 {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.img-box3 .img-1 {
  border-radius: 290px 290px 94px 298px;
  overflow: hidden;
  position: relative;
}
.img-box3 .img-1 img {
  width: 100%;
}
.img-box3 .vs-circle {
  position: absolute;
  left: 0;
  top: -4%;
  z-index: -1;
}

.img-box4 .img-1 {
  border-radius: 50px;
}

.img-box5 {
  position: relative;
  margin-bottom: 30px;
}
.img-box5 .img-1 {
  clip-path: url(#ab-shape1);
}
.img-box5 .img-1 img {
  width: 100%;
}
.img-box5 .exp-pill {
  position: absolute;
  top: 0;
  left: 0;
}

.img-box6 {
  margin: 27px 0 86px 0;
}
.img-box6 .img-2,
.img-box6 .img-1 {
  width: max-content;
  max-width: 100%;
  border-radius: 30px;
  overflow: hidden;
  border: 5px solid var(--white-color);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
.img-box6 .img-1 {
  margin-left: 114px;
  transform: rotate(-8.183deg);
}
.img-box6 .img-2 {
  margin: -52px 0 0 -36px;
  margin-left: 36px;
  transform: rotate(18.31deg);
}

.img-box7 {
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 30px;
}

.info-style1 {
  margin-bottom: 25px;
}
.info-style1 .info-text,
.info-style1 .info-title {
  font-size: 18px;
  font-family: var(--title-font);
  font-weight:400;
  margin: 0 0 15px 0;
  line-height: 1;
}
.info-style1 .info-title {
  color: var(--theme-color);
}

.info-style2 {
  padding: 30px 20px;
  border: 3px solid var(--theme-color2);
  border-radius: 30px;
  text-align: center;
  margin-bottom: 30px;
  transition: all ease 0.4s;
}
.info-style2 .info-icon {
  width: var(--icon-size, 120px);
  height: var(--icon-size, 120px);
  line-height: var(--icon-size, 120px);
  background-color: var(--theme-color2);
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 27px;
  transition: all ease 0.4s;
}
.info-style2 .info-icon img {
  filter: none;
  transition: all ease 0.4s;
}
.info-style2 .info-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 4px;
}
.info-style2 .info-text {
  font-size: 18px;
  margin: 0 0 -0.3em 0;
}
.info-style2:hover {
  border-color: var(--theme-color);
}
.info-style2:hover .info-icon {
  background-color: var(--theme-color);
}
.info-style2:hover .info-icon img {
  filter: brightness(0) invert(1);
}

.about-section-four {
  position: relative;
}

.about-img-four {
  position: relative;
  margin-top: 50px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .about-img-four {
    margin: 59px 0 20px;
  }
}

.exp-box-four {
  position: absolute;
  top: -59px;
  right: 52px;
  width: 190px;
  height: 190px;
  background-color: #490D59;
  text-align: center;
  border-radius: 50%;
  padding: 68px 0;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .exp-box-four {
    width: 125px;
    height: 124px;
    padding: 32px 0;
  }
}
.exp-box-four::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 180px;
  height: 180px;
  border: 1px dashed var(--white-color);
  border-radius: 50%;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .exp-box-four::before {
    width: 114px;
    height: 114px;
  }
}
.exp-box-four .title {
  color: var(--white-color);
  font-size: 50px;
  font-style: normal;
  font-weight:400;
  line-height: 32px;
  margin-bottom: 11px;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .exp-box-four .title {
    font-size: 30px;
    margin-bottom: 4px;
  }
}
.exp-box-four span {
  color: var(--white-color);
  font-size: 22px;
  font-weight:400;
  line-height: 13px;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .exp-box-four span {
    font-size: 16px;
  }
}

.about-content4 .sub-title {
  color: #E8063C;
  font-size: 16px;
  font-weight:400;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 3px;
  display: inline-block;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .about-content4 .sub-title {
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.about-content4 h2 {
  color: var(--title-color);
  font-size: 60px;
  font-weight:400;
  line-height: normal;
  margin-bottom: 17px;
  /* Large devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .about-content4 h2 {
    font-size: 50px;
  }
}
@media (max-width: 416px) {
  .about-content4 h2 {
    font-size: 37px;
  }
}
.about-content4 p {
  color: #444;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 46px;
}

.about-shedule .title {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 19px;
}

.about-list4 {
  list-style: none;
  padding-left: 0;
}
.about-list4 li {
  color: var(--title-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  border-radius: 50px;
  background: #F5F5F5;
  padding: 11px 38px 12px;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  /* Large devices */
}
@media (max-width: 1199px) {
  .about-list4 li {
    padding: 11px 22px 12px;
  }
}
.about-list4 li:last-child {
  margin-bottom: 0;
}
.about-list4 li:hover {
  background-color: var(--theme-color2);
}
.about-list4 li span {
  font-weight: 400;
  display: inline-block;
  margin-left: 20px;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .about-list4 li span {
    margin: 6px 0 0;
  }
}

.about-style5 {
  position: relative;
}

.title-area-four.about5 {
  margin-bottom: 86px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .title-area-four.about5 {
    margin-bottom: 40px;
  }
}
.title-area-four.about5 .sub-title {
  /* Large devices */
  /* Medium devices */
  /* Small devices */
}
.title-area-four.about5 .sub-title span {
  color: var(--theme-color);
  font-size: 18px;
  font-weight:400;
  line-height: 32px;
}
@media (max-width: 1199px) {
  .title-area-four.about5 .sub-title {
    width: 700px;
  }
}
@media (max-width: 991px) {
  .title-area-four.about5 .sub-title {
    width: 667px;
  }
  .title-area-four.about5 .sub-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .title-area-four.about5 .sub-title {
    width: unset;
  }
}
.title-area-four.about5 h2 {
  margin-bottom: 23px;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .title-area-four.about5 h2 {
    font-size: 47px;
    line-height: 49px;
  }
}
@media (max-width: 991px) {
  .title-area-four.about5 h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .title-area-four.about5 h2 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .title-area-four.about5 h2 {
    font-size: 29px;
    line-height: 40px;
  }
}
@media (max-width: 416px) {
  .title-area-four.about5 h2 {
    font-size: 26px;
  }
  .title-area-four.about5 h2 br {
    display: none;
  }
}
.title-area-four.about5 h2 span {
  position: relative;
}
.title-area-four.about5 h2 span::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 11px;
  border-radius: 50px;
  background-color: var(--theme-color2);
  z-index: -11;
}

.about-content5 {
  margin-top: 29px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .about-content5 {
    margin: 0 0 50px;
  }
}
.about-content5 .title {
  position: relative;
  font-size: 24px;
  font-weight:400;
  line-height: 32px;
  display: inline-block;
  margin-bottom: 20px;
}
.about-content5 .title::before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 50px;
  background-color: var(--theme-color2);
}
.about-content5 p {
  color: #444;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-right: 30px;
  margin-bottom: 25px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .about-content5 p {
    padding-right: 0;
  }
}

.about-list5 {
  list-style: none;
  padding-left: 0;
}
.about-list5 li {
  position: relative;
  color: #444;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  padding-left: 20px;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .about-list5 li {
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.about-list5 li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 9px;
  height: 9px;
  background-color: var(--theme-color);
  border-radius: 50%;
  /* Extra small devices */
}
@media (max-width: 416px) {
  .about-list5 li::before {
    top: 10px;
  }
}

.about-img5 img {
  /* Medium devices */
}
@media (max-width: 991px) {
  .about-img5 img {
    width: 100%;
  }
}

.registration-section {
  position: relative;
  /*padding-top: 70px !important;*/
}

.registration-box {
  position: relative;
  padding: 143px 195px 116px 195px;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 1399px) {
  .registration-box {
    padding: 143px 119px 116px 130px;
  }
}
@media (max-width: 1199px) {
  .registration-box {
    background-image: unset;
    background-color: #4a0d5a;
    border-radius: 20px;
    padding: 56px 119px 75px 51px;
  }
}
@media (max-width: 991px) {
  .registration-box {
    padding-bottom: 55px;
  }
}
@media (max-width: 767px) {
  .registration-box {
    padding: 56px 37px 54px 51px;
  }
}
@media (max-width: 416px) {
  .registration-box {
    padding: 35px 28px 40px 28px;
  }
}

.papper-plan {
  position: absolute;
  top: 15px;
  right: -150px;
  /* Medium Large devices */
}
@media (max-width: 1399px) {
  .papper-plan {
    display: none;
  }
}

.register-img {
  position: absolute;
  top: 104px;
  right: 60px;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
}
@media (max-width: 1399px) {
  .register-img {
    right: 0;
  }
}
@media (max-width: 1199px) {
  .register-img {
    top: 10px;
    right: 0;
  }
}
@media (max-width: 991px) {
  .register-img {
    display: none;
  }
}

.registration-content span {
  color: var(--white-color);
  font-size: 16px;
  font-weight:400;
  line-height: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
  /* Extra small devices */
  /* Extra small devices */
}
@media (max-width: 575px) {
  .registration-content span {
    line-height: 26px;
  }
}
@media (max-width: 416px) {
  .registration-content span {
    font-size: 14px;
  }
}
.registration-content h2 {
  color: var(--white-color);
  font-size: 60px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 30px;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .registration-content h2 {
    font-size: 50px;
  }
}
@media (max-width: 991px) {
  .registration-content h2 {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .registration-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 416px) {
  .registration-content h2 {
    font-size: 27px;
  }
}

.reg-btn {
  color: var(--white-color);
  text-align: center;
  font-size: 16px;
  font-weight:400;
  line-height: 56px;
  height: 56px;
  padding: 0 51px;
  border-radius: 50px;
  background: var(--theme-color);
  display: inline-block;
}

.enrol-style {
  position: relative;
  padding: 72px 0 120px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .enrol-style {
    padding-bottom: 80px;
  }
}

.enrol-content-box {
  margin: 9px 0 0 76px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .enrol-content-box {
    margin: 0;
  }
}
.enrol-content-box .sub-title {
  font-size: 50px;
  font-weight:400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 28px;
  /* Small devices */
  /* Extra small devices */
  /* Extra small devices */
}
@media (max-width: 767px) {
  .enrol-content-box .sub-title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .enrol-content-box .sub-title {
    font-size: 39px;
  }
}
@media (max-width: 416px) {
  .enrol-content-box .sub-title {
    font-size: 31px;
    margin-bottom: 15px;
  }
}

.enrol-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  border-radius: 50%;
  margin: 8px;
  background-color: var(--theme-color2);
  /* Extra small devices */
}
@media (max-width: 416px) {
  .enrol-icon {
    position: relative;
    margin-bottom: 30px;
  }
}
.enrol-icon::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  border: 2px solid #FFD600;
  background: var(--white-color);
  z-index: -1;
}

.enrol-img {
  position: relative;
  /* Medium devices */
}
@media (max-width: 991px) {
  .enrol-img {
    margin-bottom: 50px;
  }
}
.enrol-img img {
  /* Medium devices */
}
@media (max-width: 991px) {
  .enrol-img img {
    width: 100%;
  }
}

.enrol-content .title {
  font-size: 26px;
  font-weight:400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
}
.enrol-content p {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
}

.enrol-box {
  position: relative;
  padding: 15px 0 16px 150px;
  margin-bottom: 24px;
  /* Extra small devices */
}
.enrol-box:last-child {
  margin-bottom: 0;
}
@media (max-width: 416px) {
  .enrol-box {
    padding-left: 0;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .img-box2 .vs-circle {
    right: 0;
    top: 3%;
  }
  .img-box2.style2 .vs-circle {
    left: 0;
  }
  .media-style2 .media-title {
    font-size: 36px;
  }
  .media-style2 .media-label {
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 10px;
  }
  .img-box6 {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .img-box6 .img-2,
  .img-box6 .img-1 {
    width: 100%;
    margin: 0;
    transform: none;
  }
  .img-box6 .img-2 img,
  .img-box6 .img-1 img {
    width: 100%;
  }
  .img-box6 .img-1 {
    margin-bottom: 30px;
  }
  .media-style1.layout2 .media-label {
    font-size: 60px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .media-style1 .media-icon {
    --icon-size: 60px;
  }
  .media-style1 .media-label {
    font-size: 46px;
  }
  .media-style1 .media-title {
    font-size: 16px;
  }
  .vs-circle {
    --circle-size: 350px;
    --circle-border-size: 40px;
  }
  .img-box3 .vs-circle {
    --circle-size: 200px;
    --circle-border-size: 20px;
  }
  .img-box6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 40px;
  }
  .img-box6 .img-1 {
    margin-bottom: 0;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .info-style2 {
    padding: 25px 15px;
  }
  .info-style2 .info-icon {
    --icon-size: 80px;
  }
  .info-style2 .info-icon img {
    max-width: 50%;
  }
  .info-style2 .info-title {
    font-size: 16px;
  }
  .info-style2 .info-text {
    font-size: 15px;
  }
  .media-style2 {
    display: block;
    text-align: center;
  }
  .media-style2 .media-icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .media-style3 {
    padding: 15px 20px 15px 20px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .list-style1 li {
    display: flex;
    margin-bottom: 4px;
  }
  .media-style2 .media-title {
    font-size: 25px;
  }
  .media-style3 {
    padding: 20px 15px 20px 15px;
  }
  .exp-pill {
    width: 130px;
    height: 130px;
  }
  .exp-pill .exp-number {
    font-size: 32px;
  }
  .exp-pill .exp-text {
    font-size: 16px;
  }
  .vs-circle {
    --circle-size: 200px;
    --circle-border-size: 30px;
  }
  .vs-media {
    display: block;
  }
  .vs-media .media-icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .img-box1 {
    gap: 15px;
    --radius-outer: 80px;
    --radius-inner: 30px;
  }
  .img-box4 .img-1 {
    border-radius: 20px;
  }
  .img-box6 {
    display: block;
  }
  .img-box6 .img-1 {
    margin-bottom: 20px;
  }
  .media-style1.layout2 {
    text-align: center;
  }
  .media-style1.layout2 .media-title {
    font-size: 15px;
  }
}

/*------------------- 4.12. Popup Side Menu  -------------------*/
.sidemenu-wrapper {
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.8s;
}
.sidemenu-wrapper .closeButton {
  display: inline-block;
  border: 1px solid;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--black-color);
  color: var(--white-color);
  border-radius: 50%;
  transform: rotate(0);
  transition: all ease 0.4s;
  z-index: 2;
}
.sidemenu-wrapper .closeButton:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: transparent;
  transform: rotate(90deg);
}
.sidemenu-wrapper .sidemenu-content {
  background-color: var(--body-bg);
  width: 450px;
  margin-left: auto;
  padding: 40px 30px 80px 30px;
  height: 100%;
  overflow: scroll;
  position: relative;
  right: -500px;
  cursor: auto;
  transition-delay: 1s;
  transition: right ease 1s;
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
  width: 2px;
  background-color: #F5F5F5;
}
.sidemenu-wrapper .widget {
  padding: 0;
  border: none;
  background-color: transparent;
}
.sidemenu-wrapper.show {
  opacity: 1;
  visibility: visible;
  width: 100%;
  transition: all ease 0.8s;
}
.sidemenu-wrapper.show .sidemenu-content {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.input-container {
  display: flex;
}

::placeholder {
  color: #757575;
  opacity: 1;
}

.search-input {
  background: #EEEEEE !important;
  color: #212121;
  vertical-align: middle;
  font-size: 16px;
  line-height: 2;
  padding: 10px 20px;
  border: 0;
  border-radius: 0 !important;
  outline: none;
  box-shadow: inset 0 -1px 1px -1px #CCCCCC, inset 0 1px 1px -1px #CCCCCC, inset 1px 0 1px -1px #CCCCCC;
}
.getSuggestionDropdown{
  left: 50%;
    transform: translateX(-50%);
      padding: 30px;
          z-index: 99;
}
.search-submit {
      background: #ffd600;
    color: #000;
  vertical-align: middle;
  padding: 0 20px;
  border: 0;
  outline: none;
  cursor: pointer;
}

/*.search-submit:hover {
  background: #AB47BC;
}*/

.search-submit i {
  font-size: 24px;
}



Resources
/*------------------- 4.13. Popup Side Menu  -------------------*/
.popup-search-box {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.95);
  height: 0;
  width: 0;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  transform: translateX(-50%);
  transition: all ease 0.4s;
}
.popup-search-box button.searchClose {
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 40px;
  right: 40px;
  border: none;
  color: var(--theme-color);
  background-color: var(--white-color);
  font-size: 30px;
  border-radius: 50%;
  transform: rotate(0);
  transition: all ease 0.4s;
}
.popup-search-box button.searchClose:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  transform: rotate(90deg);
}
.popup-search-box form {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding-bottom: 40px;
  cursor: auto;
  width: 100%;
  max-width: 700px;
  transform: translate(-50%, -50%) scale(0);
  transition: transform ease 0.4s;
  /* Large devices */
}
@media (max-width: 1199px) {
  .popup-search-box form {
    max-width: 600px;
  }
}
.popup-search-box form input {
  font-size: 18px;
  height: 70px;
  width: 100%;
  border: 2px solid var(--theme-color);
  background-color: transparent;
  padding-left: 30px;
  color: #fff;
  border-radius: 50px;
}
.popup-search-box form input::-moz-placeholder {
  color: #fff;
}
.popup-search-box form input::-webkit-input-placeholder {
  color: #fff;
}
.popup-search-box form input:-ms-input-placeholder {
  color: #fff;
}
.popup-search-box form input::placeholder {
  color: #fff;
}
.popup-search-box form button {
  position: absolute;
  top: 0px;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  right: 12px;
  color: var(--white-color);
  cursor: pointer;
  width: 70px;
  height: 70px;
  transition: all ease 0.4s;
  transform: scale(1.001);
}
.popup-search-box form button:hover {
  transform: scale(1.1);
}
.popup-search-box.show {
  opacity: 1;
  visibility: visible;
  width: 100.1%;
  height: 100%;
  transition: all ease 0.4s;
  border-radius: 0;
}
.popup-search-box.show form {
  transition-delay: 0.5s;
  transform: translate(-50%, -50%) scale(1);
}

/*------------------- 4.14. Serive Area  -------------------*/
.service-style1 {
  --theme-color: #76AD1E;
  margin-bottom: 30px;
}
.service-style1 .service-body {
  text-align: center;
  padding-bottom: 115px;
  position: relative;
}
.service-style1 .service-img {
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}
.service-style1 .service-img img {
  width: 100%;
  transform: scale(1.001);
  transition: all ease 0.4s;
}
.service-style1 .service-content {
  padding: 0.1px 20px 20px 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin-top: -145px;
  background-color: var(--theme-color);
  border-radius: 150px 150px 30px 30px;
}
.service-style1 .service-icon {
  width: var(--icon-size, 100px);
  height: var(--icon-size, 100px);
  line-height: var(--icon-size, 100px);
  background-color: var(--white-color);
  text-align: center;
  border-radius: var(--icon-radius, 10px 50px 10px 10px);
  display: inline-block;
  margin-top: -35px;
  margin-bottom: 28px;
  transition: all ease 0.4s;
}
.service-style1 .service-title {
  color: var(--white-color);
  font-size: 26px;
  margin-bottom: 12px;
}
.service-style1 .service-title a {
  color: inherit;
}
.service-style1 .service-title a:hover {
  text-decoration: underline;
}
.service-style1 .service-text {
  color: var(--white-color);
  margin: 0 0 17px 0;
}
.service-style1 .service-bottom {
  overflow: hidden;
}
.service-style1 .service-btn {
  display: block;
  border: 3px solid var(--white-color);
  color: var(--white-color);
  border-radius: 9999px;
  height: 50px;
  line-height: 43px;
  font-family: var(--title-font);
  font-weight:400;
  transition: all ease 0.4s;
  margin-bottom: -50px;
  opacity: 0;
  visibility: hidden;
}
.service-style1 .service-btn:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}
.service-style1:hover .service-btn {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
}
.service-style1:hover .service-icon {
  background-color: var(--theme-color2);
}
.service-style1:hover .service-img img {
  transform: scale(1.15);
  transition: all ease 0.4s;
}
.service-style1:nth-child(2n+2) {
  --theme-color: #18C0CB;
  --icon-radius: 10px 10px 10px 50px;
}
.service-style1:nth-child(3n+3) {
  --theme-color: #490D59;
  --icon-radius: 50px 10px 10px 10px;
}
.service-style1:nth-child(4n+4) {
  --theme-color: #E93500;
  --icon-radius: 10px 10px 50px 10px;
}

/*------------------- 4.19. Testimonial  -------------------*/
.testi-style1 {
  position: relative;
  background-color: var(--vs-secondary-color);
  padding: 50px 105px 49px 105px;
  border-radius: 166px 94px 290px 166px;
  margin-bottom: 30px;
}
.testi-style1 .testi-icon {
  position: absolute;
  right: 35px;
  top: 30px;
  width: 76px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-size: 30px;
}
.testi-style1 .testi-name {
  color: var(--white-color);
  margin-bottom: 0;
}
.testi-style1 .testi-rating {
  color: var(--yellow-color);
  font-size: 14px;
  margin-bottom: 15px;
}
.testi-style1 .testi-rating i {
  margin-right: 2px;
}
.testi-style1 .testi-text {
  font-size: 16px;
  color: var(--white-color);
  margin-bottom: 0;
}
.testi-style1.layout2 {
  padding: 90px 70px 130px 70px;
  text-align: center;
  border-radius: 79px 315px 315px 315px;
}
.testi-style1.layout2 .testi-icon {
  position: relative;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-size: 40px;
  margin-bottom: 28px;
}
.testi-style1.layout2 .testi-text {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
}
.testi-style1.layout2 .testi-rating {
  margin-bottom: 0;
}

/* Extra large devices */
@media (max-width: 1500px) {
  .testi-style1 {
    padding: 40px 85px 45px 85px;
  }
  .testi-style1 .testi-name {
           font-size: 30px;
  }
  .testi-style1.layout2 {
    padding: 45px 30px 80px 30px;
    border-radius: 30px;
  }
}
/* Medium Large devices */
@media (max-width: 1399px) {
  .testi-style2 {
    padding: 28px 30px 30px 30px;
  }
  .testi-style2 .testi-text {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .testi-style2 .testi-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
  }
  .testi-style2 .testi-name {
    font-size: 24px;
    margin-bottom: 3px;
  }
  .testi-style2 .testi-rating {
    font-size: 12px;
  }
  .testi-style1.layout2 .testi-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    margin-bottom: 22px;
  }
  .testi-style1.layout2 .testi-text {
    font-size: 24px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .testi-style1 {
    padding: 40px 40px 40px 40px;
    border-radius: 50px;
  }
  .testi-style1 .testi-icon {
    right: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
  .testi-style1 .testi-text {
    font-size: 18px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .testi-style1 {
    text-align: center;
  }
  .testi-style1.layout2 {
    padding: 45px 25px 45px 25px;
  }
  .testi-style1.layout2 .testi-text {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .testi-style1.layout2 .testi-name {
    font-size: 30px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .testi-style1 {
    padding: 20px 20px 40px 20px;
    border-radius: 50px;
  }
  .testi-style1 .testi-icon {
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: 10px;
  }
  .testi-style1 .testi-name {
    font-size: 26px;
    margin-bottom: 7px;
  }
  .testi-style1.layout2 {
    padding: 45px 15px 45px 15px;
  }
}

/*------------------- 4.21. Call To Active  -------------------*/
.cta-box1 {
 /* background-color: var(--vs-secondary-color);
  max-width: 610px;*/
  padding: 220px 75px 70px 110px;
    border-radius: 274px 30px 274px 274px;
}
.cta-box1 .cta-title {
     color: #000;
    margin-bottom: 18px;
    margin-top: -0.2em;
    font-size: 40px;
}
.cta-box1 .cta-text {
  color: #000;
    font-size: 18px;
  margin-bottom: 30px;
}

/* Large devices */
@media (max-width: 1199px) {
  .cta-box1 {
    padding: 60px 60px 60px 100px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .cta-box1 {
    border-radius: 50px;
    padding: 60px 80px;
    max-width: 100%;
    text-align: center;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .cta-box1 {
    padding: 50px 20px;
  }
}



.product-style1 {
/*     border: 1px solid #dbd3d3;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
    margin-bottom: var(--bs-gutter-x, 30px);
/*    border-radius: 10px;*/
  transition: all ease 0.4s;
      background: #fff;
/*          transform: scale(0.99);*/

    border: 1px solid #ececec;

    border-radius: 10px;
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
    transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
    transform: scale(1);
    inset: -15px -15px -2px -15px;
    /* visibility: hidden; */
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
}
.product-style1:hover {
/*  border-color: var(--theme-color);*/
  border: 1px solid #dbd3d3;
   border-radius: 10px;
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
       transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
    transform: scale(1);
inset: -15px -15px -2px -15px;
    /* visibility: hidden; */

   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

    transform: scale(0.98);

}
.product-style1 .product-img img {
  width: 100%;
      height: 250px;
    object-fit: contain;
}
.product-style1 .product-content {
  padding: 20px 30px 20px 30px;
}
.product-style1 .product-price {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  font-family: var(--title-font);
  margin-bottom: 12px;
  display: block;
  line-height: 1;
}
.product-style1 .product-price del {
  font-size: 14px;
  color: #777777;
}
.product-style1 .product-title {
font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 500;
}
.product-style1 .star-rating {
  margin-bottom: 18px;
      font-size: 14px;
}
.product-style1 .vs-btn i {
  margin-right: 10px;
}
.product-style1 .actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  /*visibility: hidden;
  opacity: 0;*/
}
/*.product-style1:hover .actions{
opacity: 1;
visibility: visible;
}*/
.product-style1 .icon-btn {
  background-color: transparent;
  color: var(--body-color);
  border: 2px solid #D0D0D0;
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.product-style1 .icon-btn:before {
  background-color: var(--vs-secondary-color);
  --border-size: 1px;
}
.product-style1 .icon-btn:hover {
  background-color: var(--theme-color);
  border-color: transparent;
  color: #fff;
}
.product-style1 .vs-btn:hover {
  background-color: var(--theme-color2);
  border-color: transparent;
/*  color: #fff;*/
}
.product-style1 .vs-btn {
  background-color: var(--theme-color);
  padding: 17px 26px;
}
.product-style1 .vs-btn:after, .product-style1 .vs-btn:before {
  background-color: var(--theme-color);
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .product-style1 .product-content {
    padding: 20px 20px 20px 20px;
  }
  .product-style1 .vs-btn {
    padding: 17px 19px;
  }
}
/* Large devices */
/* Medium devices */
@media (max-width: 991px) {
  .product-thumb-slide {
    margin-bottom: 30px;
  }
  .product-about .product-title {
    font-size: 34px;
    margin-bottom: 6px;
  }
  .product-about .product-price {
    font-size: 26px;
    margin: 0 0 11px 0;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .product-about .product-title {
    font-size: 30px;
    margin-bottom: 8px;
  }
}

.footer_nav2 {padding:0;margin:0;list-style:none;;}
.footer_nav2 li{display:block;margin:0 0 15px;display:block;color:#fff;font-size:15px;padding:0 0 0 34px;position:relative;line-height:25px;}
.footer_nav2 li i{position:absolute;left:0;margin-top:2px;font-size:20px;color:#fff}
.footer_nav2 li a {
    color: var(--white-color);
}
.footer_nav2 li {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #7D7D7D;
  padding-bottom: 18px;
  margin-bottom: 16px;
}
.footer_nav2 li a {
 color: #0e0e0e;
    font-size: 16px;
}
.footer_nav2 li a:hover {
  color: #000;
}
.footer_nav2 li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.footer_nav2 li i {
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  text-align: center;
  background-color: var(--theme-color2);
  border-radius: 50%;
  color: var(--title-color);
  margin-right: 10px;
}
#ishicategory {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0 50px;
  /* If media is below 544 */ }
  @media (max-width: 543px) {
  #ishicategory {
    padding: 0 15px; } }
  #ishicategory .image-container {
    position: relative;
    overflow: hidden;
    margin: 0 1px; }
  #ishicategory .image-container:before {
   /* content: '';
    border: 1px solid #eee;
    border-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 56%;
    bottom: 0;
    border-radius: 0 0 15px 15px;*/ }
 /* #ishicategory .image-container:after {
    content: '';
    height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 41%;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: -1;
    border: 1px solid #eee;
    border-bottom: 0;
    border-radius: 100%/100px 100px 0 0; }*/
  #ishicategory .image-container a {
    position: relative;
    overflow: hidden;
    display: block;
    /*border-radius: 50%;*/
     }
     .slider-items {
    position: relative;
/*   slider-height */
    height: 100vh;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}
/* you can use background imgae in internal css */
.bg-img-1 {
    background-image: url(https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350);
}
.bg-img-2 {
    background-image: url(https://images.freeimages.com/images/small-previews/b8d/irish-landscape-1393571.jpg);
}
.bg-img-3 {
    background-image: url(https://images.pexels.com/photos/348097/pexels-photo-348097.jpeg?auto=compress&cs=tinysrgb&h=350);
}

/*slider-style*/
.active-slider {
    position: relative;
}
.sigle-item {
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    top: 50%;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
/*over-lay-for-slider*/
.slider-items:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/* overlay-color */
    background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
    background: -webkit-linear-gradient(#777, #000);
    background: -o-linear-gradient(#777, #000);
    background: linear-gradient(#777, #000);
    opacity: .65
}
/*slider-reade-more-button*/
a.home-btn {;
  border: 2px solid #fff;
  display: inline-block;
  padding: 10px 25px;
  margin-top: 30px;
  color: #fff;
  text-decoration: none;
  transition: linear .3s;
}
a.home-btn:hover, .owl-nav div:hover {
    background-color: #000;
}
/*owl-nav*/
.owl-nav div {
    border: 2px solid #fff;
    color: #fff;
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -20px;
    left: 10px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
}
.owl-nav div.owl-next {
    left: auto;
    right: 10px;
}
/* optional */
.owl-nav h1 {
    font-weight: 900;
}
  #ishicategory .image-container a img {
    width: auto;
    max-width: 100%;
    margin: 5px auto 0;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  #ishicategory .image-container .text-container {
    padding: 20px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #000;
    /*font-family: 'Baloo Paaji', cursive;*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  #ishicategory .image-container:hover img {
   /* -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg); */
  }
  #ishicategory .image-container:hover .text-container {
    /*color: #ff6f69;*/
    /*transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg); */
  }
  #ishicategory i:after {
    display: none; }
@media(max-width: 991px){
  .mbnn{
    display: none !important;
  }
  }
  .ddbck{
    background-image: url(../images/db1.png);
       border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-blend-mode: soft-light;
      background-color: rgb(255 255 255 / 73%);
  }
 /* .ddbck::before{
        opacity: 0.5;
  }*/
  .ddbck11 {
    background-image: url(../images/bg3.png);
    background-color: #f5d2d5d6;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-blend-mode: soft-light;
    -webkit-background-blend-mode: soft-light; /* Add the prefix for Safari */
}
   .ddbck1{
    background-image: url('../images/db1.png');
       background-color: #eeeeeeba;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-blend-mode: soft-light;
    -webkit-background-blend-mode: soft-light; /* Add the prefix for Safari */
  }
 .image-container a .imag {
     background: #ececec;
    /* background-image: linear-gradient(#FFD5FD, #FFEB3B); */
    padding: 34px;
    border-radius: 8px !important;
    border: 1px solid #ececec;
    width: 140px !important;
}
  .image-container a .imag:hover {
    background: #FFD600 !important;
/*            background-image: linear-gradient(#FF9800, #00BCD4);*/
    padding: 34px;
    /* border-radius: 50px; */
    border: 1px solid #ececec;
}
.breadcumb-wrapper {
        padding-top: 30px;
    padding-bottom: 20px;
    background-color: var(--smoke-color);
    overflow: hidden;
    background-position: center left;
}

  .breadcumb-menu {
       position: relative;
    margin: 0;
    /* padding: 15px 30px 15px 30px; */
    list-style-type: none;
    /* background-color: var(--vs-secondary-color); */
    border-radius: 10px;
    padding-left: 5px;
}
.breadcumb-menu span, .breadcumb-menu li, .breadcumb-menu a {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    word-break: break-word;
    white-space: normal;
    display: inline-block;
    font-family: var(--title-font);
    letter-spacing: 0.02em;
}
.breadcumb-menu span, .breadcumb-menu li, .breadcumb-menu a {
      color: #000;
    font-size: 15px;
    font-weight:400;
    text-transform: capitalize;
    word-break: break-word;
    white-space: normal;
    display: inline-block;
    font-family: var(--title-font);
    letter-spacing: 0.02em;
}
.breadcumb-menu li:not(:last-child):after {
    content: "/";
    position: relative;
       margin-left: 10px;
    margin-right: 5px;
}
/*.breadcumb-menu li a::before {
      content: "/";
    position: relative;
       margin-left: 10px;
    margin-right: 5px;
}*/
.breadcumb-title{
 font-size: 22px;
    line-height: 13px;
}
.vs-product-wrapper .vs-pagination {
    justify-content: center;
    display: flex;
    margin-top: 30px;
}
.vs-pagination {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.vs-pagination .pagi-btn {
    width: auto;
    height: auto;
    line-height: 1;
    padding: 21px 31px;
    border-radius: 9999px;
    background-color: var(--vs-secondary-color);
    color: var(--white-color);
}
.vs-pagination span, .vs-pagination a {
    position: relative;
    display: inline-block;
    text-align: center;
    border: none;
    color: var(--title-color);
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 600;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 1;
    text-transform: capitalize;
    background-color: var(--white-color);
    border-radius: 50%;
}
.vs-pagination .pagi-btn:before {
    background-color: var(--theme-color);
}

.vs-pagination span:before, .vs-pagination a:before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    background-color: var(--vs-secondary-color);
    border-radius: inherit;
    transition: all ease 0.4s;
    transform: scale(0.6);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.vs-pagination ul {
    margin: 0;
    padding: 7.5px 10px;
    list-style: none;
    border-radius: 9999px;
    background-color: var(--smoke-color);
}
.vs-pagination li {
    display: inline-block;
    margin: 0 2px;
    list-style-type: none;
}
.vs-pagination span, .vs-pagination a {
    position: relative;
    display: inline-block;
    text-align: center;
    border: none;
    color: var(--title-color);
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 600;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 1;
    text-transform: capitalize;
    background-color: var(--white-color);
    border-radius: 50%;
}
.vs-pagination span:before, .vs-pagination a:before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    background-color: var(--vs-secondary-color);
    border-radius: inherit;
    transition: all ease 0.4s;
    transform: scale(0.6);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.vs-pagination span.active, .vs-pagination span:hover, .vs-pagination a.active, .vs-pagination a:hover {
    color:#000;

    border-color: transparent;
    background-color: var(--theme-color);
   border: none !important;
}
th {
    font-weight: 500;
    color: var(--title-color);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
    background-color: #ffc107 !important;
/*    border-radius: 50px ! IMPORTANT;*/
        padding: 10px 30px;
            background-image: linear-gradient(#FFD5FD, #FFEB3B);
    border-radius: 10px 0 10px !important;
}
.nav-pills .nav-link1 {
     border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
}
.nav-pills .nav-link {
    border-radius: 0px !important;
    background: #d6d3d3;
    color: #000;
        margin-right: 20px;
            padding: 10px 30px;
            font-size: 17px;
            border-radius: 10px 0 10px !important;
}
.tab-content{
  background: var(--sunpv-white, #fff);
  position: relative;
  padding: 30px;
  z-index: 1;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px;
}
.tab-content1{
    box-shadow: rgb(149 157 165 / 13%) 0px 8px 24px 24px !important
}
.form-check {

    padding-left: 0 !important;

}
.pt-3 {
    padding-top: 1.5rem !important;
}
a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    outline: 0;
    transition: all ease 0.4s;
}
.card {

    background-color: #e9ecef;

}
.me-3 {
    margin-right: 1rem !important;
}
.stock-status.in-stock {
   background: #ff8c3f52;
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

.stock-status {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 20px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}
.filter-price {
  width: 220px;
  border: 0;
  padding: 0;
  margin: 0;
}

.price-title {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  background: #d58e32;
  padding:10px;
}

.price-container {
      display: flex;
    border: 1px solid #ccc;
    padding: 5px;
/*    margin-left: 35px;*/
    margin-top: 10px;
  width:fit-content
}

.price-field {
  position: relative;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
/*  padding-top: 15px;*/
  padding-left: 0px;
}

.price-field input[type=range] {
    position: absolute;
}

/* Reset style for input range */

.price-field input[type=range] {
width: 100%;
    height: 7px;
    border: none;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-appearance: none;
    /* background: #b2c310 !important; */
    padding: 0;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-ms-track {
  width: 188px;
  height: 2px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: red;
  border-radius: 5px;
}

/* Style toddler input range */

.price-field input[type=range]::-webkit-slider-thumb {
  /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
/*    border-radius: 50%;*/
    height: 12px;
    width: 5px;
    margin-top: -5px;
    background-color: #ffc107;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb {
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #fff;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb  {
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #242424;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track {
  /* WebKit/Blink */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #555;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track {
  /* Firefox */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #242424;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track {
  /* IE */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #242424;
  border-radius: 5px;
}

/* Style for input value block */

.price-wrap {
    /* display: flex
; */
    color: #242424;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 0px;
    position: relative;
    z-index: 9;
}

.price-wrap-1,
.price-wrap-2 {
  display: flex;
  margin-left: 0px;
}

.price-title {
  margin-right: 5px;
}

.price-wrap_line {
    margin:5px 5px 5px 5px;
}

.price-wrap #one,
.price-wrap #two {
/*  width: 60px;*/
    /* text-align: right; */
    margin: 0;
    padding: 0;
/*    margin: 4px;*/
    background: 0;
    border: 0;
    outline: 0;
    color: #242424;

    font-size: 17px;
    line-height: 1.2em;
    font-weight: 600;
    height: auto !important;
}

.price-wrap label {
    text-align: right;
    margin-top: 6px;
    padding-left: 5px;
}

/* Style for active state input */

.price-field input[type=range]:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #242424;
  transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #242424;
  transition-duration: 0.3s;
}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
  }
.panel-group .panel-custom {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    background: #fff;
    border: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
  .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #ececec;
    border-color: #EEEEEE;
  }
.panel-default > .panel-body {

    background-color: #fff;

  }
  .panel-title {
    font-size: 14px;
  }

  .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
  }

  .more-less {
    float: right;
    color: #212121;
  }

  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
  }
  .glyphicon-plus:before {
    content: "\2b";
}
.glyphicon-minus:before {
    content: "\2212";
}


.glyphicon-plus{
      background: #22564b;
    padding: 5px 7px 5px 7px;
    border-radius: 2px;
    color: #fff;
    /*margin: 13px;*/
}
.glyphicon-minus{
     background-image: linear-gradient(#ececec, #000);
    padding: 5px 7px 5px 7px;
    border-radius: 2px;
    color: #fff;
        /*margin: 13px;*/
}


.cart_quantiy {
    width: 100px;
    display: inline-flex;
    border-radius: 7px;
}
.custom_form {
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
}
.prfil_form2, .profil_form {
    width: 100%;
    background: #fff;
    height: 40px border: 1px solid #ccc;
    margin: 0;
    color: #727272 !important;
    font-size: 13px;
    transition: all 0.4s;
   margin-bottom: 0;
    border-radius: 0;
}
.toggle-password {
    position: absolute;
    right: 28%;
    /* top: 13px; */
    cursor: pointer;
    line-height: 38px !important;
}


.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0px;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}
#left-column {
    padding-left: 0;
}
.StickySidebar{
/* position: sticky;*/
 display: block;
    padding: 0 6px 0 0;
    float: left;
    top: 85px;
}
/*.StickySidebar{
      padding-top: 0px;
    padding-bottom: 1px;
    position: fixed;
    transform: translateY(160px);
    top: 0px;
    left: 72.5px;
    width: 277.5px;
}*/
.block-categories {
    float: left;
    padding: 15px;
    width: 100%;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px;
}
/*.panel-group{
  border: 1px solid #e5e5e5;
}*/

/*.glyphicon-plus:before {

     font-family: Fontawesome;
            float: right;
    font-size: 10px;
    font-weight: 300;
    content: '\f078';
}
.glyphicon-minus:before {
    content: "\f077";
        font-family: Fontawesome;
            float: right;
    font-size: 10px;
    font-weight: 300;
}*/
#search_filters_wrapper {
   /* border: 1px solid #e5e5e5;*/

}
#search_filters .facet .facet-title {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
        margin-bottom: 0;
        font-weight: 400;
        font-size: 15px;
        color: #000 !important;
}
/*#search_filters .facet .facet-title:before {
   content: "";
    position: absolute;
     bottom: 0;
    left: 32px;
    width: 40px;
    height: 2px;
    background: #eca906;
    top: 83px;
}*/
#facet_44914{
      list-style: none;
}
#search_filters .facet .collapse1 {
    display: block;
    margin: 0;
    padding: 0;

}
.categories-list {
    padding: 0px 5px;
    margin-bottom: 0;
        list-style: none;


}
.height-scroll{
   height: 160px;
    overflow: auto;
}
.categories-list li {
    padding: 3px 0;
    list-style-type: none;
    /* border-bottom: 1px dotted #000; */
}
.categories-list-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;

}

.categories-list-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  /*-webkit-border-radius: 10px;*/
  /*border-radius: 10px;*/
}

.categories-list-scroll::-webkit-scrollbar-thumb {
 /* -webkit-border-radius: 10px;
  border-radius: 10px;*/
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.categories-list-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}
.categories-list li a{
/*  padding: 10px 7px 8px 18px;*/
    font-size: 14px;
    font-weight: 400;
}
.categories-list li i{
  font-size: 8px;
    /* position: absolute; */
    left: 0;
    top: 15px;
    color: #0E9804;
    content: "\f111";
    /* position: absolute; */
    /* top: 2.8em; */
    left: 0;
    font-family: var(--icon-font);
    width: 11px;
    height: 11px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 0.2em;
    line-height: 18.5px;
    color: var(--theme-color);
    font-weight: 400;
    background-color: var(--body-bg);
        box-shadow: inset 0px 2px 4px 0px rgb(34 86 75);
            margin-right: 10px;



}
.filter-custom-control {
    display: block;
    margin-bottom: 0px;
    transition: var(--DTBaseTransition);
}
.filter-custom-control li {
      position: relative;
    border-bottom: 1px dashed #e4e4e4;

}
.filter-custom-control li:last-child {
      position: relative;
    border-bottom: 0px dashed #e4e4e4;

}


/*.filter-custom-control li a{

        padding: 6px 7px 5px 14px;
}*/
.filter-custom-control input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.filter-custom-control label {
    position: relative;
    cursor: pointer;
    display: block;
    color: #ef4b27;
    font-size: 14px;
    color: #606060;
}
.filter-custom-control label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #0E9804;
    /* padding: 10px; */
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -2px;
    border-radius: 0;
}

.filter-custom-control input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 4px;
    height: 8px;
    border: solid #0E9804;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
}
/*.container {
  max-width: 1280px;
}*/
    .product-style1 .vs-btn {
        padding: 14px 19px;
        font-size: 14px;
        cursor: pointer;
    }

.modal-header .btn-close {
    padding: 0 .5rem !important;
    margin: -.5rem -.5rem -.5rem auto;
}
button.submit, button[type=submit], button[type="button"] {
       font-size: 16px;
    font-weight: 500;
    padding: 12px 20px;
    color: #000;
    border: none;
    background-color: #ffd600 !important;
    border: 1px solid #f8c505;
    border-radius: 5px;
    line-height: 12px;
    height: 40px;

}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 19px;
}

/*----------------------hf css*/


.form-group {
    margin-bottom: 10px;
    position: relative;
}
select, .form-control, .form-select, textarea, input {
    height: 40px !important;
  }
  label {

    font-weight: 300 !important;

}
.shop-now a{
     background-color: #ffea3d;
    padding: 8px 20px;
    color: #000;
}
.DisplayMoreProd .col-lg-4 {
  padding: 0 10px !important;
}
.wh-icon {
    max-width: 70px;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 99;
}
.help-tip {
    position: absolute;
    text-align: center;
    background-color: #fff;
    /*border: 1px solid rgb(0 175 239);*/
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 17px;
    cursor: default;
   /* right: 96px;*/
        margin-top: 5px;
}
.help-tip:before {
    content: 'i';
    font-weight: 600;
 /*   color: rgb(0, 175, 239);*/
}
.help-tip:hover span {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}
.help-tip span {
    display: none;
    background-color: #1E2021;
    padding: 10px;
    width: 200px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    font-style: italic;
    transition: opacity 0.3s ease 0s;
    width: 60vw;
    max-width: 320px;
    background-color: rgba(29, 29, 29, 0.8);
    color: rgb(255, 255, 255);
    text-align: center;
    transform: translateX(-95%) translateY(110%);
    padding: 5px 0px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 8px;
}.promoform1 {
    margin: 0;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
@media(min-width:991px){
  
  .dsknn{
    display: none !important;
  }
}
 .mobile_filter {
                display: inline-block;
        width: 40px;
        height: 40px;
        position: fixed;
        left: 3px;
        bottom: 60px;
        z-index: 99;
        right: auto;
        background: #c1af1b;
        padding: 6px;
        border-radius: 60px;
  }
  .mobile_filter i{
            display: table;
    max-width: initial;
    float: none;
    color: #000;
    font-size: 16px;
    margin: auto;
    line-height: 30px;
  }
@media(max-width:991px){
  .ddbck {
   
    padding-bottom: 0;
    padding-top: 30px;
}
.ddbck11{
   padding-bottom: 0;
    padding-top: 30px;
}
  .filter-price {
    width: 100% !important;
}
   
}.
.breadcumb-wrapper {
      padding-top: 30px;
    padding-bottom: 0 !important;
   
}
/*.price-wrap #one, .price-wrap #two {
    width: 100px;
   
}*/
.price-wrap label {
    text-align: right;
    margin-top: 11px;
    padding-left: 30px;
}
 .wd-toolbar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 350;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
            padding: 15px;
    height: 55px;
            background-color: #fff;
    box-shadow: 0 0 9px rgba(0,0,0,0.12)
}

.wd-toolbar>a {
    display: block;
    align-items: center;
    justify-content: center
}
.wd-t i{
   display: block;
}
@media(max-width:991px){
.sidenav {
            height: 100%; 
        width: 0;
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
      
        transition: 0.5s;
                height: 600px;
}



.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.form-check-input[type=radio] {
    border-radius: 50%;
    display: inline-block;
    height: 20px !important;
    width: 10px !important;
    margin-top: -2px;
        padding: 10px ! IMPORTANT;
       /* background-color: #ffd600;
    border-color: #ffd600;*/
}
.form-check-input:checked {
    background-color: #ffd600;
    border-color: #ffd600;
}
input[type=radio] {
    visibility: visible !important;
    opacity: 1 !important;
    
}
input[type=radio] ~ label:before{
  display: none;
}
input[type=radio] ~ label {
   
    padding-left: 0;
    
}
select, .form-control, .form-select, textarea, input {
   
    padding: .375rem .75rem !important;
}
.address_radio{
  visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box;
    padding: 0;
    accent-color: #ffc356;
    width: 100% !important;
    display: block !important
}
.box-bg{
    padding: 20px 30px;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    background: 000;
}
.theme-btn {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 20px;
    color: #ffffff;
    border: none;
    background-color: #1E201E;
    border: 1px solid #323533;
    border-radius: 10px;
}
span.allAddressSelectedCl span.span2 {
  background: #9e9e9e75;
  display: inline-block;
  padding-inline: 20px;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 37px;
  margin-bottom: 14px;
  color: #1E201E;
  font-weight: 700;
}
span.allAddressSelectedCl span {
  display: block;
  line-height: 32px;
}
.theme-btn1 {
    background: #fdc040 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    color: #ffffff;
    border: none;
    /* background-color: #1E201E; */
    border: 1px solid #fdc040;
    border-radius: 10px;
}

.sidenav::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.sidenav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.sidenav::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.sidenav::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}
.orders_page {
  margin: 10px 0;
  /*    float: left;*/
  /*  width: 100%;*/

  /* background: #f5f5f5;
    position: relative;*/
}

.orders_detl {
  display: table;
  margin: auto;
  background: #fff;
  padding: 30px;
  border: 1px solid #ebebeb;
}

.order_image {
  max-width: 90px;
  margin: 0 auto 20px;
  display: block;
      width: 100px;
}
.mr-5{
  margin-right: 10px;
}
@media(max-width:991px){
  .orders_detl {
  
    padding: 10px !important;
    
}
.tab-content {
    padding: 10px !important;
}
}
/** Invoice 1 **/
.invoice {
 /* padding: 0px 0;
  border: 5px solid #F2F3F4;*/
}
.invoice .invoice-info {
  background: #fff;
  margin-bottom: 30px;
  border-radius: 20px;
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}
.invoice .invoice-inner {
  max-width: 1296px;
  margin: 0 auto;
      box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
}
.invoice .item-desc-1 small {
  font-size: 14px;
}
.invoice .item-desc-1 span {
  font-size: 14px;
  font-weight: 600;
}
.invoice .invoice-header {
  padding: 80px 50px;
  border-radius: 20px 20px 0 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.invoice .table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgb(255 255 255 / 5%);
  color: var(--bs-table-striped-color);
}
.invoice .invoice-top {
  padding: 40px 50px 25px 50px;
  font-size: 15px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 50px;
}
.invoice .invoice-center {
  padding: 0 50px 40px;
}
.invoice .invoice-center .table {
  margin-bottom: 0;
}
.invoice .table-section {
  text-align: center;
}
.invoice .table > :not(caption) > * > * {
  padding: 15px 20px;
}
.invoice .table td {
  font-size: 15px;
  font-weight: 400;
}
.invoice table th {
  font-size: 15px;
}
.invoice .caption-top {
  caption-side: top;
  text-align: right;
  margin-bottom: 0;
}
.invoice .invoice-bottom {
  padding: 0 150px 25px;
}
.invoice .invoice-bottom .amount {
  text-align: right;
}
.invoice .invoice-bottom h3 {
  margin-bottom: 15px;
}
.invoice .bg-active {
  background: #f3f3f3;
  color: #535353 !important;
}
.invoice .invoice-contact {
  padding: 70px 150px 40px;
}
.invoice .social-list {
  float: left;
}
.invoice .social-list span {
  margin-right: 5px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
.invoice .social-list a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  font-size: 17px;
  background: #fff;
  margin: 0 2px 2px 0;
  color: #25cc7e;
  border-radius: 50%;
}
.invoice .social-list a:hover {
  background: #fff6f6;
}

.invoice-top .float-end p {
  margin-bottom: 0;
}

.invoice-1 .invoice-info-buttom .table .invoice-1 .invoice-info-buttom .table tr,
.table tr {
  border: 1px solid #e9ecef;
}

.table > :not(caption) > * > * {
  background-color: #fff;
  border-bottom-width: 0;
}

.invoice-1 .table td,
.invoice-1 .table th {
  vertical-align: middle;
  border: none !important;
}
.invoice-3 .invoice-header {
    /* background: url(../images/header-bg-2.jpg) top left no-repeat; */
    background-size: cover;
    padding: 20px 50px;
    color: #fff;
    background-blend-mode: overlay;
    background-color: #ececec;
}
.invoice-3 .invoice-table thead {
  color: #fff !important;
  background-color: #1E201E;
}
.categories-list  li a{
  color: #000 !important;
}




.prod-det-li ul li {
  position: relative;
  padding-bottom: 10px;
    font-size: 18px;
}

.prod-det-li ul {
  list-style: none;
}

.prod-det-li ul li:before {
    content: '';
    position: absolute;
    border-right: 2px solid #ffc107;
    border-bottom: 2px solid #ffacb2;
    width: 8px;
    height: 8px;
    top: calc(50% - 6px);
    left: -20px;
    transform: translateY(-50%) rotate(-45deg);
}

.prod-det-li h3 {
    font-size: 22px !important;
}
.prod-det-li p{
      font-size: 18px;
      line-height: 36px;
}

.prod-det-li h4 {
    font-size: 22px !important;
}
.prod-det-li h3:after {
    content: ' ';
    display: block;
    border: 2px solid #EDC20F;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    width: 36px;
    margin-top: 10px;
}
.prod-det-li h4:after {
    content: ' ';
    display: block;
    border: 2px solid #EDC20F;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    width: 36px;
    margin-top: 10px;
}
.product-title a{
      height: 54px;
    display: block;
    overflow: hidden;
    line-height: 27px;
}
.product-style1 .product-price i {
font-size: 17px;
   
}
@media only screen and (min-width: 1300px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
       
        max-width: 1280px !important;
    }
}