html {
  background: linear-gradient(to right, #E85300, #a73906);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  scroll-behavior: smooth;
  /* Firefox */ }

.bg-top {
  background-color: #E85300;
  width: 100%;
  height: 150px;
  background: linear-gradient(to right, #fd8c23 0, #E85300 100%); }

#home table td .icon {
  line-height: 35px;
  font-size: 20px;
  color: #E85300; }

#home ul.link-icons li a {
  color: #E85300;
  line-height: 35px;
  font-size: 20px; }

#home .save-phonebook .btn {
  display: block;
  border: 2px solid #E85300;
  color: #E85300;
  width: 95%;
  margin: 0 auto;
  border-radius: 0;
  padding: 10px 0;
  margin-bottom: 10px; }

.page-container {
  text-align: left;
  padding: 20px;
  margin-top: 15px;
  line-height: 22px;
  font-size: 14px;
  position: relative;
  box-shadow: 1px 2px 15px #48484833;
  background: #fff;
  border: 10px solid #E85300;
  overflow: hidden;
  word-break: break-word;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036); }

.section-heading::after {
  position: absolute;
  content: "";
  width: 100%;
  background-color: #E85300;
  bottom: -5px;
  left: 0;
  height: 2px; }

#about-us i {
  color: #E85300;
  margin-right: 10px; }

.btn-primary {
  color: #fff;
  background-color: #E85300;
  border-color: #E85300; }

#enquiry .form-control:focus {
  background-color: transparent;
  border-color: #E85300;
  box-shadow: none; }

.btn-primary.custom-file-control::before,
.btn.btn-primary {
  color: #E85300;
  background-color: transparent;
  border-color: #ccc; }

.custom-file-control,
.form-control,
.is-focused .custom-file-control,
.is-focused .form-control {
  background-image: linear-gradient(0deg, #E85300 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0); }

.bmd-btn-fab.btn-primary.custom-file-control::before,
.btn-group-raised .btn-primary.custom-file-control::before,
.btn-group-raised .btn.btn-primary,
.btn-raised.btn-primary.custom-file-control::before,
.btn.bmd-btn-fab.btn-primary,
.btn.btn-raised.btn-primary {
  color: #fff;
  background-color: #E85300;
  border-color: #E85300; }

.section-heading {
  color: #E85300;
  margin: 0 0 20px 0;
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase; }

.btn-primary.active.custom-file-control::before, .btn-primary.custom-file-control:active::before, .btn-primary.custom-file-control:focus::before, .btn-primary.custom-file-control:hover::before, .btn-primary.focus.custom-file-control::before, .btn.btn-primary.active, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, .open > .btn-primary.dropdown-toggle.custom-file-control::before, .open > .btn.btn-primary.dropdown-toggle {
  color: #E85300;
  background-color: rgba(153, 153, 153, 0.2);
  border-color: rgba(153, 153, 153, 0.2); }

.bmd-btn-fab.btn-primary.active.custom-file-control:focus::before,
.bmd-btn-fab.btn-primary.active.custom-file-control:hover::before,
.bmd-btn-fab.btn-primary.active.focus.custom-file-control::before,
.bmd-btn-fab.btn-primary.custom-file-control:active.focus::before,
.bmd-btn-fab.btn-primary.custom-file-control:active:focus::before,
.bmd-btn-fab.btn-primary.custom-file-control:active:hover::before,
.btn-group-raised .btn-primary.active.custom-file-control:focus::before,
.btn-group-raised .btn-primary.active.custom-file-control:hover::before,
.btn-group-raised .btn-primary.active.focus.custom-file-control::before,
.btn-group-raised .btn-primary.custom-file-control:active.focus::before,
.btn-group-raised .btn-primary.custom-file-control:active:focus::before,
.btn-group-raised .btn-primary.custom-file-control:active:hover::before,
.btn-group-raised .btn.btn-primary.active.focus,
.btn-group-raised .btn.btn-primary.active:focus,
.btn-group-raised .btn.btn-primary.active:hover,
.btn-group-raised .btn.btn-primary:active.focus,
.btn-group-raised .btn.btn-primary:active:focus,
.btn-group-raised .btn.btn-primary:active:hover,
.btn-raised.btn-primary.active.custom-file-control:focus::before,
.btn-raised.btn-primary.active.custom-file-control:hover::before,
.btn-raised.btn-primary.active.focus.custom-file-control::before,
.btn-raised.btn-primary.custom-file-control:active.focus::before,
.btn-raised.btn-primary.custom-file-control:active:focus::before,
.btn-raised.btn-primary.custom-file-control:active:hover::before,
.btn.bmd-btn-fab.btn-primary.active.focus,
.btn.bmd-btn-fab.btn-primary.active:focus,
.btn.bmd-btn-fab.btn-primary.active:hover,
.btn.bmd-btn-fab.btn-primary:active.focus,
.btn.bmd-btn-fab.btn-primary:active:focus,
.btn.bmd-btn-fab.btn-primary:active:hover,
.btn.btn-raised.btn-primary.active.focus,
.btn.btn-raised.btn-primary.active:focus,
.btn.btn-raised.btn-primary.active:hover,
.btn.btn-raised.btn-primary:active.focus,
.btn.btn-raised.btn-primary:active:focus,
.btn.btn-raised.btn-primary:active:hover,
.open > .bmd-btn-fab.btn-primary.dropdown-toggle.custom-file-control:focus::before,
.open > .bmd-btn-fab.btn-primary.dropdown-toggle.custom-file-control:hover::before,
.open > .bmd-btn-fab.btn-primary.dropdown-toggle.focus.custom-file-control::before,
.open > .btn-group-raised .btn-primary.dropdown-toggle.custom-file-control:focus::before,
.open > .btn-group-raised .btn-primary.dropdown-toggle.custom-file-control:hover::before,
.open > .btn-group-raised .btn-primary.dropdown-toggle.focus.custom-file-control::before,
.open > .btn-group-raised .btn.btn-primary.dropdown-toggle.focus,
.open > .btn-group-raised .btn.btn-primary.dropdown-toggle:focus,
.open > .btn-group-raised .btn.btn-primary.dropdown-toggle:hover,
.open > .btn-raised.btn-primary.dropdown-toggle.custom-file-control:focus::before,
.open > .btn-raised.btn-primary.dropdown-toggle.custom-file-control:hover::before,
.open > .btn-raised.btn-primary.dropdown-toggle.focus.custom-file-control::before,
.open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle.focus,
.open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle:focus,
.open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle:hover,
.open > .btn.btn-raised.btn-primary.dropdown-toggle.focus,
.open > .btn.btn-raised.btn-primary.dropdown-toggle:focus,
.open > .btn.btn-raised.btn-primary.dropdown-toggle:hover,
.bmd-btn-fab.btn-primary.active.custom-file-control::before,
.bmd-btn-fab.btn-primary.custom-file-control:active::before,
.bmd-btn-fab.btn-primary.custom-file-control:focus::before,
.bmd-btn-fab.btn-primary.custom-file-control:hover::before,
.bmd-btn-fab.btn-primary.focus.custom-file-control::before,
.btn-group-raised .btn-primary.active.custom-file-control::before,
.btn-group-raised .btn-primary.custom-file-control:active::before,
.btn-group-raised .btn-primary.custom-file-control:focus::before,
.btn-group-raised .btn-primary.custom-file-control:hover::before,
.btn-group-raised .btn-primary.focus.custom-file-control::before,
.btn-group-raised .btn.btn-primary.active,
.btn-group-raised .btn.btn-primary.focus,
.btn-group-raised .btn.btn-primary:active,
.btn-group-raised .btn.btn-primary:focus,
.btn-group-raised .btn.btn-primary:hover,
.btn-raised.btn-primary.active.custom-file-control::before,
.btn-raised.btn-primary.custom-file-control:active::before,
.btn-raised.btn-primary.custom-file-control:focus::before,
.btn-raised.btn-primary.custom-file-control:hover::before,
.btn-raised.btn-primary.focus.custom-file-control::before,
.btn.bmd-btn-fab.btn-primary.active,
.btn.bmd-btn-fab.btn-primary.focus,
.btn.bmd-btn-fab.btn-primary:active,
.btn.bmd-btn-fab.btn-primary:focus,
.btn.bmd-btn-fab.btn-primary:hover,
.btn.btn-raised.btn-primary.active,
.btn.btn-raised.btn-primary.focus,
.btn.btn-raised.btn-primary:active,
.btn.btn-raised.btn-primary:focus,
.btn.btn-raised.btn-primary:hover,
.open > .bmd-btn-fab.btn-primary.dropdown-toggle.custom-file-control::before,
.open > .btn-group-raised .btn-primary.dropdown-toggle.custom-file-control::before,
.open > .btn-group-raised .btn.btn-primary.dropdown-toggle,
.open > .btn-raised.btn-primary.dropdown-toggle.custom-file-control::before,
.open > .btn.bmd-btn-fab.btn-primary.dropdown-toggle,
.open > .btn.btn-raised.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #a73906;
  border-color: #a74e06; }

.Modern-Slider .slick-dots li {
  float: left;
  width: 0px;
  height: 5px;
  background: #E85300;
  position: absolute;
  left: 0px;
  bottom: 0px; }

/*# sourceMappingURL=main.css.map */

/* bottom nav start */
/* bottom nav start */
.bottom-nav {
  display: none; 
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 999;
}

.nav-box {
  display: flex;
  padding: 8px;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px #4444;
  border-radius: 1px;
  width: 100%;
}

.nav-container {
  display: flex;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -10px;
  justify-content: space-around;
}

.nav__item {
  display: flex;
  position: relative;
  padding: 2px;
  flex-grow: 1;
  justify-content: center;
}

.nav__item.active .nav__item-icon{
  margin-top: -26px;
  box-shadow: 0px 0px 10px 0px #4444;
  color: #E85300;
}
.nav__item svg{
 height: 25px;
 width: 25px;
 fill: none; /* Optional: Makes the SVG fill transparent */
 stroke: #2f3046; /* Sets the outline color to red */
 stroke-width: 5px; /* Sets the thickness of the outline */
}
.nav__item.active svg{
  stroke:  #E85300; /* Sets the outline color to red */
  stroke-width: 5px; /* Sets the thickness of the outline */
}
.nav__item.active .nav__item-text {
  transform: scale(1);
  font-size: 0.75rem;
  bottom: 0;
  color: #E85300;
}

.nav__item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2f3046;
  text-decoration: none;
}

.nav__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6em;
  background-color: #fff;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  transition: margin-top 250ms ease-in-out, box-shadow 200ms ease-in-out;
}

.nav__item-text {
  position: absolute;
  bottom: -10px;
  transform: scale(1);
  transition: transform 250ms ease-in-out;
  font-size: 10px;
}

/* Media query for small and medium devices */
@media (max-width: 768px) {
  .bottom-nav {
    display: block; 
  }
}

/* Media query for large devices */
@media (min-width: 1025px) {
  .bottom-nav {
    display: none; 
  }
}

.skeleton-loader {
  position: relative;
  height: 1029px;
  width: 100%;
  overflow: hidden;
}

.skeleton-loader:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-image: 
      linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%), 
      linear-gradient(#dedede 220px, transparent 0), 
      linear-gradient(#dedede 9px, transparent 0), 
      linear-gradient(#dedede 42px, transparent 0), 
      radial-gradient(circle 32px at 32px 32px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 14px, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 16px, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 15px, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 16px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#f7f7f7 193px, transparent 0), 
      linear-gradient(#dedede 136px, transparent 0), 
      linear-gradient(#fafafa 161px, transparent 0), 
      linear-gradient(#e0e0e0 135px, transparent 0), 
      linear-gradient(#ffffff 100%, transparent 0);
  
  /* Default desktop sizes */
  background-size: 
      264px 100%, 
      calc(100% - 70px) 220px, /* Adjusted to be responsive */
      200px 9px, 
      min(347px, 90%) 42px, /* Adjusted to not exceed container */
      64px 64px, 
      245px 14px, 
      21px 21px, 
      21px 21px, 
      248px 16px, 
      21px 21px, 
      248px 15px, 
      21px 21px, 
      248px 16px, 
      45px 45px, 
      45px 45px, 
      45px 45px, 
      45px 45px, 
      calc(100% - 70px) 193px, /* Adjusted to be responsive */
      min(319px, 90%) 136px, /* Adjusted to not exceed container */
      calc(100% - 70px) 161px, /* Adjusted to be responsive */
      min(347px, 90%) 135px, /* Adjusted to not exceed container */
      100% 100%;
  
  background-position: 
      0 0, 
      35px 11px, 
      147px 237px, 
      60px 262px, 
      232px 128px, 
      69px 324px, 
      35px 324px, 
      35px 358px, 
      69px 358px, 
      35px 392px, 
      69px 392px, 
      35px 426px, 
      69px 426px, 
      72px 473px, 
      147px 473px, 
      317px 473px, 
      232px 473px, 
      35px 559px, 
      60px 584px, 
      35px 760px, 
      60px 786.5px, 
      0 0;
  
  animation: skeleton-animation 2100ms infinite;
}

@keyframes skeleton-animation {
  to {
      background-position: 
          100% 0, 
          35px 11px, 
          147px 237px, 
          60px 262px, 
          232px 128px, 
          69px 324px, 
          35px 324px, 
          35px 358px, 
          69px 358px, 
          35px 392px, 
          69px 392px, 
          35px 426px, 
          69px 426px, 
          72px 473px, 
          147px 473px, 
          317px 473px, 
          232px 473px, 
          35px 559px, 
          60px 584px, 
          35px 760px, 
          60px 786.5px, 
          0 0;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991px) {
  .skeleton-loader {
      height: auto;
      min-height: 800px; /* Adjust as needed */
  }
  
  .skeleton-loader:after {
      /* Adjust background positions and sizes for medium devices */
      background-position: 
          0 0, 
          25px 11px, 
          120px 237px, 
          30px 262px, 
          180px 128px, 
          40px 324px, 
          25px 324px, 
          25px 358px, 
          40px 358px, 
          25px 392px, 
          40px 392px, 
          25px 426px, 
          40px 426px, 
          40px 473px, 
          120px 473px, 
          250px 473px, 
          180px 473px, 
          25px 559px, 
          30px 584px, 
          25px 760px, 
          30px 786.5px, 
          0 0;
  }
}

/* Small devices (phones, 576px and up) */
.skeleton-loader {
  position: relative;
  height: 1029px;
  width: 100%;
  overflow: hidden;
}

.skeleton-loader:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-image: 
      linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%), 
      linear-gradient(#dedede 220px, transparent 0), 
      linear-gradient(#dedede 9px, transparent 0), 
      linear-gradient(#dedede 42px, transparent 0), 
      radial-gradient(circle 32px at 32px 32px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 14px, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 16px, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 15px, transparent 0), 
      radial-gradient(circle 10.5px at 10.5px 10.5px, #dedede 100%, transparent 0), 
      linear-gradient(#dedede 16px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#dedede 45px, transparent 0), 
      linear-gradient(#f7f7f7 193px, transparent 0), 
      linear-gradient(#dedede 136px, transparent 0), 
      linear-gradient(#fafafa 161px, transparent 0), 
      linear-gradient(#e0e0e0 135px, transparent 0), 
      linear-gradient(#ffffff 100%, transparent 0);
  
  /* Default desktop sizes */
  background-size: 
      264px 100%, 
      calc(100% - 70px) 220px, /* Adjusted to be responsive */
      200px 9px, 
      min(347px, 90%) 42px, /* Adjusted to not exceed container */
      64px 64px, 
      245px 14px, 
      21px 21px, 
      21px 21px, 
      248px 16px, 
      21px 21px, 
      248px 15px, 
      21px 21px, 
      248px 16px, 
      45px 45px, 
      45px 45px, 
      45px 45px, 
      45px 45px, 
      calc(100% - 70px) 193px, /* Adjusted to be responsive */
      min(319px, 90%) 136px, /* Adjusted to not exceed container */
      calc(100% - 70px) 161px, /* Adjusted to be responsive */
      min(347px, 90%) 135px, /* Adjusted to not exceed container */
      100% 100%;
  
  background-position: 
      0 0, 
      35px 11px, 
      147px 237px, 
      60px 262px, 
      232px 128px, 
      69px 324px, 
      35px 324px, 
      35px 358px, 
      69px 358px, 
      35px 392px, 
      69px 392px, 
      35px 426px, 
      69px 426px, 
      72px 473px, 
      147px 473px, 
      317px 473px, 
      232px 473px, 
      35px 559px, 
      60px 584px, 
      35px 760px, 
      60px 786.5px, 
      0 0;
  
  animation: skeleton-animation 2100ms infinite;
}

@keyframes skeleton-animation {
  to {
      background-position: 
          100% 0, 
          35px 11px, 
          147px 237px, 
          60px 262px, 
          232px 128px, 
          69px 324px, 
          35px 324px, 
          35px 358px, 
          69px 358px, 
          35px 392px, 
          69px 392px, 
          35px 426px, 
          69px 426px, 
          72px 473px, 
          147px 473px, 
          317px 473px, 
          232px 473px, 
          35px 559px, 
          60px 584px, 
          35px 760px, 
          60px 786.5px, 
          0 0;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991px) {
  .skeleton-loader {
      height: auto;
      min-height: 800px; /* Adjust as needed */
  }
  
  .skeleton-loader:after {
      /* Adjust background positions and sizes for medium devices */
      background-position: 
          0 0, 
          25px 11px, 
          120px 237px, 
          30px 262px, 
          180px 128px, 
          40px 324px, 
          25px 324px, 
          25px 358px, 
          40px 358px, 
          25px 392px, 
          40px 392px, 
          25px 426px, 
          40px 426px, 
          40px 473px, 
          120px 473px, 
          250px 473px, 
          180px 473px, 
          25px 559px, 
          30px 584px, 
          25px 760px, 
          30px 786.5px, 
          0 0;
  }
}

/* Small devices (phones, 576px and up) */
@media (max-width: 767px) {
  .skeleton-loader {
    height: 100%; /* Takes parent's height */
    min-height: 600px; /* Fallback */
  }
  
  .skeleton-loader:after {
      /* Simplify some elements for small screens */
      background-image: 
          linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%), 
          linear-gradient(#dedede 180px, transparent 0), 
          linear-gradient(#dedede 9px, transparent 0), 
          linear-gradient(#dedede 32px, transparent 0), 
          radial-gradient(circle 24px at 24px 24px, #dedede 100%, transparent 0), 
          linear-gradient(#dedede 14px, transparent 0), 
          linear-gradient(#dedede 16px, transparent 0), 
          linear-gradient(#dedede 15px, transparent 0), 
          linear-gradient(#dedede 16px, transparent 0), 
          linear-gradient(#dedede 35px, transparent 0), 
          linear-gradient(#f7f7f7 150px, transparent 0), 
          linear-gradient(#dedede 100px, transparent 0), 
          linear-gradient(#fafafa 120px, transparent 0), 
          linear-gradient(#e0e0e0 100px, transparent 0), 
          linear-gradient(#ffffff 100%, transparent 0);
      
      background-size: 
          264px 100%, 
          calc(100% - 50px) 180px, 
          150px 9px, 
          calc(100% - 60px) 32px, 
          48px 48px, 
          calc(100% - 80px) 14px, 
          calc(100% - 80px) 16px, 
          calc(100% - 80px) 15px, 
          calc(100% - 80px) 16px, 
          35px 35px, 
          calc(100% - 50px) 150px, 
          calc(100% - 60px) 100px, 
          calc(100% - 50px) 120px, 
          calc(100% - 60px) 100px, 
          100% 100%;
      
      background-position: 
          0 0, 
          25px 11px, 
          80px 197px, 
          30px 222px, 
          120px 108px, 
          30px 264px, 
          25px 298px, 
          25px 332px, 
          25px 366px, 
          30px 411px, 
          25px 471px, 
          30px 551px, 
          25px 681px, 
          30px 731px, 
          0 0;
  }
  
  @keyframes skeleton-animation {
      to {
          background-position: 
              100% 0, 
              25px 11px, 
              80px 197px, 
              30px 222px, 
              120px 108px, 
              30px 264px, 
              25px 298px, 
              25px 332px, 
              25px 366px, 
              30px 411px, 
              25px 471px, 
              30px 551px, 
              25px 681px, 
              30px 731px, 
              0 0;
      }
  }
}

/*------------------- 4.00. Popup newsletter  -------------------*/
.popup-subscribe {
  
  max-width: 412px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F5F5;
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-animation: newsLetter 1.2s ease;
          animation: newsLetter 1.2s ease;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.popup-subscribe-area {
  position: fixed;
  inset: 0;
  display: grid;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.popup-subscribe-area.hide {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.popup-subscribe .popupClose {
  position: absolute;
  top: 15px;
  right: 20px;
  padding: 0px;
  background-color: #fff;
  border-radius: 50%;
  height: 27px;
  width: 27px;
  font-weight: 800;
  
}





/* .popup-subscribe .box-content {
  background: #fff;
} */

.frame-area{
  height: auto;
  /* width: 98%;
  margin-left: 2%; */
}
.frame-photo-col img {
   height: 80px !important;
   width: 80px !important;
   border-radius: 50%;
   border: 1px solid #54595F;
}
@media(max-width:390px){
  .frame-photo-col img {
    height: 60px !important;
    width: 60px !important;
    /* margin-top: 15px; */

 } 

}
.frame-photo-col{
  display: flex;
  vertical-align: center;
  border-right: 1px solid rgb(192, 192, 192);
}
.frame-detail-col {
  text-align: left;
}
.frame-detail-col .name{
  color: #E85300;
  font-weight: 600;
  font-size: 14px;
}
.frame-detail-col .bname{
 
  font-weight: 600;
  font-size: 13px;
  margin-top: -18px;
  color: #000;
}
.frame-detail-col .contact{
  margin-top: -12px;
  height: 15px;
}
.frame-detail-col .mobile{
 font-size: 12px;
 color: #000;
}
.frame-detail-col  hr {
  margin-top: -17px !important;
}

.popup-subscribe .click-button{
height: 50%;
width: 100%;
position: absolute;
top: 25%;
left: 0;

background-color: transparent
}


@-webkit-keyframes newsLetter {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes newsLetter {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes newsLetterclose {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
}

@keyframes newsLetterclose {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
}

.popup-subscribe-area.hide .popup-subscribe {
  -webkit-animation: newsLetterclose 1s ease;
          animation: newsLetterclose 1s ease;
}



/*------------------- 4.00. Popup Side Menu  -------------------*/


/* bottom nav start */
.bottom-nav2 {
  position: fixed;
  bottom: 4px;
  width: 33%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 999;

}

.nav-box2 {
  display: flex;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px #4444;
  border-radius: 10px;
  width: 100%;
}

.nav-container2 {
  display: flex;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -10px;
  justify-content: space-around;
}

.nav__item2 {
  display: flex;
  position: relative;
  padding: 2px;
  flex-grow: 1;
  justify-content: center;
}

.nav__item2 svg{
 height: 25px;
 width: 25px;
 fill: none; /* Optional: Makes the SVG fill transparent */
 stroke: #2f3046; /* Sets the outline color to red */
 stroke-width: 5px; /* Sets the thickness of the outline */
}

.nav__item-link2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2f3046;
  text-decoration: none;
}

.nav__item-icon2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6em;
  background-color: #fff;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  transition: margin-top 250ms ease-in-out, box-shadow 200ms ease-in-out;
}

.nav__item-text2 {
  position: absolute;
  bottom: -10px;
  transform: scale(1);
  transition: transform 250ms ease-in-out;
  font-size: 10px;
}

/* Media query for small and medium devices */
@media (max-width: 768px) {
  .bottom-nav2 {
    display: none; 
  }
}



.sticky-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.group-card {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #f0f8ff;
  padding: 10px 15px;
  border-radius: 25px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}

.whatsapp-card {
  background-color: #25d366;
}

.telegram-card {
  background-color: #0088cc;
}

.seoquake-nofollow {
  display: flex;
  align-items: center;
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.seoquake-nofollow img {
  margin-right: 8px;
}

.group-card:hover {
  background-color: #1e90ff;
}

.seoquake-nofollow:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .sticky-container {
    bottom: 75px;
    right: 10px;
  }
}