/* BACKGROUND COLORS */

.blue-bg {
  background-color: #001335 !important;
}

.green-bg {
  background-color: #92d400 !important;
}

.grey-bg {
  background-color: #f5f5f5 !important;
}

.orange-bg {
  background-color: #faa804 !important;
}

.red-bg {
  background-color: #ff5000 !important;
}

.white-bg {
  background-color: #ffffff !important;
}

/* TEXT COLORS */
.white-color,
.white-color a,
.white-color p,
.white-color span,
.white-color i,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6 {
  color: #ffffff;
}

.blue-color,
.blue-color p,
.blue-color h1,
.blue-color h2,
.blue-color h3,
.blue-color h4,
.blue-color h5,
.blue-color h6,
.blue-color span,
.blue-color i,
.blue-color a {
  color: #001335 !important;
}

.red-color,
.red-color a,
.red-color p,
.red-color span,
.red-color i,
.red-color h1,
.red-color h2,
.red-color h3,
.red-color h4,
.red-color h5,
.red-color h6 {
  color: #ff5000 !important;
}

.green-color,
.green-color p,
.green-color h1,
.green-color h2,
.green-color h3,
.green-color h4,
.green-color h5,
.green-color h6,
.green-color a,
.green-color i,
.green-color span {
  color: #92d400 !important;
}

.red-color .green-color {
  color: #92d400 !important;
}

.grey-color {
  color: #f5f5f5 !important;
}

.orange-color,
.orange-color p,
.orange-color a,
.orange-color span,
.orange-color  i,
.orange-color h1,
.orange-color h2,
.orange-color h3,
.orange-color h4,
.orange-color h5,
.orange-color h6 {
  color: #faa804 !important;
}



.no-paddings-all {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

/* TYPOGRAPHY */
h1 {
  font-size: 64px !important;
}

h2 {
  font-size: 48px !important;
  width: auto !important;
  margin-bottom: initial !important;
}

h3 {
  font-size: 42px !important;
}

h4 {
  font-size: 36px !important;
}

h5 {
  font-size: 30px !important;
  font-weight: bold !important;
}

h6 {
  font-size: 24px !important;
  font-weight: bold !important;
}

p {
  font-size: 20px !important;
}

.medium-p p {
  font-size: 20px !important;
}

.large-p p {
  font-size: 24px !important;
}

.xlarge-p p {
  font-size: 30px !important;
}

.hidden {
  display: none !important;
}
/* STYLING */
/* div#connectivity-checker {
    position: fixed;
    z-index: 99;
    bottom: 0px;
    width: 100%;
} */
/* 
div#__webchat-iframe-container {
  top: 82% !important;
} */

.no-radius{
  border-radius: 0px !important;
}

.wpb-content-wrapper {
  max-width: 1200px !important;
  margin: auto !important;
}

.vc_row {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.vc_row .vc_row {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.form-inputs-container {
  display: flex;
  align-items: center;
  position: relative;
}

.form-inputs-container .text_heading {
  margin-bottom: 0px;
  margin-right: 2.5rem;
  width: 54%;
}

.form-inputs-container .btn-container {
  position: absolute;
  right: 3%;
}

.inputs-container {
  width: 100%;
  background-color: white;
}

.checker-btn button {
  background-color: #ffffff !important;
  border: 0px !important;
  padding: 6px;
}

.wp-element-button, .wp-block-button__link {
  background-color: #92D400;
  border-radius: 0px !important;
  color: #001335;
  font-family: inherit;
  font-size: inherit;
  padding: 10px 20px;
}

/* Buttons */
.inf-button {
  display: block;
  width: fit-content;
  border-radius: 5px;
}
.inf-button a {
  font-weight: bold !important;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 1rem 1.5rem;
  display: flex;
}


/* RED BUTTON */
.inf-button.red {
  background-color: #ff5000;
}
.inf-button.red a {
  color: #ffffff;
}

.inf-button.red:hover {
  background-color: #ffffff;
}
.inf-button.red:hover a {
  color: #ff5000;
}

/* WHITE BUTTON */
.inf-button.white {
  background-color: #ffffff;
}
.inf-button.white a {
  color: #001335;
}

.inf-button.white:hover {
  background-color: #001335;
}

.inf-button.white:hover a {
  color: #ffffff;
}

/* GREEN BUTTON */
.inf-button.green {
  background-color: #92d400;
}
.inf-button.green a {
  color: #001335;
}

.inf-button.green:hover {
  background-color: #001335;
}
.inf-button.green:hover a {
  color: #92d400;
}

.vox-hypa_product_card {
  background-color: white;
  padding: 1.5rem;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 10px;
  padding-bottom: 3.5rem;
}

.vox-hypa_product_card.flipped {
  background-color: #001335;
  border: 2px solid #ffffff !important;
}


.vox-hypa_product_card.flipped p,
.vox-hypa_product_card.flipped i,
.vox-hypa_product_card.flipped h3{
  color: #ffffff !important;
}

ul#main-menu {
  scrollbar-width: none;
}

.image-container {
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.image-container img {
  width: 200px !important;
  margin: auto;
}

.card-label {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 20px;
  border-radius: 0px 0px 20px 0px;
  font-weight: bold;
}

.product-speeds {
  display: flex;
  border: 1px solid;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.product-speeds p {
  display: none;
  font-size: 10px;
}

.product-speeds h6 {
  margin-bottom: 0px;
}

.product-speeds .download,
.product-speeds .upload {
  width: 50%;
  padding: 1.2rem;
}

.product-speeds .download {
  border-right: 1px solid;
}

.upload_download {
  margin-bottom: 0px;
  font-weight: bold;
}

.capped_or_uncapped {
  font-weight: bold;
}

a.btn-link {
  font-size: 24px;
}

.card-btn-info .vox-button {
  position: absolute;
  left: -4%;
  width: 108%;
  background-color: #92d400;
  padding: 10px;
  bottom: -3.5rem;
}

.card-btn-info .vox-button a {
  font-weight: bold;
  display: inline-flex;
  text-decoration: none !important;
}

.card-btn-info .vox-button i {
  font-weight: bold;
  margin-left: 1rem;
  color: #001335 !important;
}

.price_amount_text {
  display: inline-flex;
  align-items: end;
}

.price_text {
  display: inline-flex;
}

span.currency {
  font-size: 18px;
  margin-top: 7px;
  margin-right: 2px;
}

span.price_terms_text {
  font-size: 20px;
  margin-bottom: 5px;
  margin-left: 2px;
}

.speed-container i {
  font-weight: bold;
  color: #92d400;
}

.small,
small {
  font-size: 75%;
}

.post_excerpt a {
  display: none;
}

.post_excerpt p {
  font-size: 18px !important;
}

.owl-nav button:hover i {
  color: #92d400;
}

.testimonials-card {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 15px;
  box-shadow: 0px 4px 4px 0px #00000045;
  margin-bottom: 1rem;
  text-align: center;
  margin: 10px;
  height: 100%;
}

.testimonial-stars i {
  color: #faa804;
}

#why-choose-hypa-slider .owl-nav button:hover i{
  color: #000;
}

img.author-image-placeholder {
  width: 70px !important;
  margin: auto;
  margin-bottom: 1rem;
}
.testimonial_text {
  text-align: left;
}

.testimonial_text p {
  font-size: 18px !important;
}

.thin-text {
  font-weight: 500;
}

.inline.wpb_column .wpb_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

#faqs-cta .inf-button {
  margin-left: 4rem;
}

.item {
  height: 95% !important;
}

.owl-stage {
  display: flex;
}

.owl-item {
  display: flex;
  flex: none;
  max-height: 99%;
  justify-content: center;
}

.post-slider-card .card-image {
  height: 250px;
  background-position: center;
  background-size: cover;
}

.post-slider-card {
  border: 1px solid #dde1e6;
  margin: 20px;
  height: 100% !important;
  padding-bottom: 1.5rem;
}

.post-slider-card .post_excerpt {
  /* max-height: 135px; */
  overflow: hidden;
  /* margin-bottom: 1.5rem; */
}

.post-slider-card .card-content-text {
  padding: 1.5rem;
}

.card-content .col-md-12 {
  position: unset;
}

.post-slider-card .post_actions {
  position: absolute;
  bottom: 2.5rem;
}

.post-slider-card h3.post_title {
  font-size: 20px !important;
}

.post-slider-card .post_actions a {
  background-color: #faa804;
  padding: 15px 25px;
}

.item.image-bg {
  width: 100%;
  height: 450px !important;
  background-size: cover !important;
  background-position: center !important;
}

.image-slider .owl-nav.disabled {
  display: block !important;
}

.image-slider .owl-nav button:hover i {
  color: #001335 !important;
}

.image-slider .owl-nav button i {
  font-size: 40px;
}

.image-slider .owl-nav button.owl-prev {
  left: 2rem;
}

.image-slider .owl-nav button.owl-next {
  right: 2rem;
}

.inf-partners_slider .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.inf-partners_slider .owl-stage .owl-item img {
  display: block;
  width: 80% !important;
  margin: auto;
  max-width: 100% !important;
}

.owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}

.owl-nav i {
  font-size: 50px;
}

.owl-carousel .owl-nav button {
  padding: 0px !important;
  background-color: transparent !important;
  border: 0px;
}

.image-slider .owl-nav button {
  background-color: #92d400 !important;
  width: 50px !important;
  height: 50px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

div#home-banner {
  min-height: auto !important;
}

#home-banner .banner-image .wpb_single_image img {
  height: 82vh !important;
  width: auto !important;
}

button.owl-prev {
  position: absolute;
  left: -2rem;
}

button.owl-next {
  right: -2rem;
  position: absolute;
}

.hypa-products-slider .owl-nav i {
  color: #ffffff !important;
}

.vc_row.patten-bg,
.vc_custom_1710911057913 {
  background-repeat: no-repeat !important;
  padding: 0px !important;
  background-size: 101% !important;
  background-position: bottom !important;
}

.vc_row.patten-bg  .vc_column-inner{
  padding: 35px !important;
}

.mobile-banner-info h1 {
  font-size: 28px !important;
}

.mobile-banner-info {
  display: flex;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.mobile-banner-info .vc_col-sm-6 {
  width: 50%;
}

.mobile-banner-content {
  padding: 10px !important;
}

.banner-content {
  padding: 15px !important;
  margin-bottom: 2rem;
}

div#connectivity-checker {
  position: fixed !important;
  bottom: 0;
  z-index: 99;
  width: 102vw !important;
  max-width: 113vw !important;
  left: 0 !important;
  right: 0;
}

.banner-image .vc_column-inner {
  padding: 0px !important;
}

.banner-image figure.wpb_wrapper.vc_figure,
.banner-image .vc_single_image-wrapper,
.banner-image .vc_single_image-wrapper img {
  width: 100% !important;
}

.more-info {
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
  z-index: 999;
}

.more-info i {
  font-size: 30px;
}

a.open-more-info.mobile i {
  font-size: 23px;
  margin-left: 6px;
  margin-bottom: 0px !important;
  line-height: 30px;
}

a.open-more-info.mobile {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #92d400;
  padding: 0px 10px;
  border-radius: 6px;
  font-size: 14px;
}

.product-more-details p {
  margin-bottom: 5px;
  font-size: 18px !important;
  display: flex;
  /* align-items: center; */
}

.product-more-details p i {
  margin-right: 7px;
}

.product-more-details b {
  margin-right: 5px;
}

.product-more-details {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

#why-choose-hypa-slider .inf-testimonials_slider .testimonial-stars {
  display: none;
}

#why-choose-hypa-slider .inf-testimonials_slider .testimonial-author {
  margin-top: 1.5rem;
}

.vox-hypa_product_card .card-btn-info .vox-button a {
  font-size: 17px;
  text-transform: uppercase;
  line-height: 25px !important;
}

.partners-slider.social-slider .owl-nav {
  top: -5%;
}

/* .owl-carousel .owl-stage {
  display: flex;
}
.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  margin: 0 15px;
} */


.modal-dialog {
  max-width: 90% !important;
  width: max-content !important;
}

div#checkCoverageModal.show{
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all .3s ease-in-out;
}



div#checkCoverageModal button.btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 99;
}

div#checkCoverageModal .input-details {
  display: flex;
  align-items: center;
}

.address-input-container {
  width: 62%;
  margin-right: 1%;
}

div#checkCoverageModal input.form-control {
  border: 1px solid #91D400;
  padding: 9px;
  height: auto;
}

div#checkCoverageModal .address-button .vox-button button {
  background-color: #FF5000 !important;
  box-shadow: none;
  border: 0px;
  padding: 10px 10px;
  border-radius: 10px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

div#checkCoverageModal .modal-content {
  padding: 1rem;
  border: 4px solid #91D400;
  border-radius: 15px;
}

.pac-container {
  z-index: 9999;
}


#nav.navbar #navbar {
  padding: 1.5rem;
}
#navbar #main-menu li{
  text-align: left !important;
}

body #nav.navbar.menu-open {
  background-color: #001335 !important;
  min-height: 80px;
  overflow:visible !important;
}




button.navbar-toggler {
  background-color: #92d400;
  padding: 15px;
  border-radius: 0px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 1rem;
  display: flex !important;
  align-items: center !important;
  position: absolute;
    left: 0;
}

button.navbar-toggler span {
  margin-right: 1rem;
}

.navbar-toggler-icon {
  background-image: url("/wp-content/uploads/hamburger-menu.svg") !important;
}

.menu-open .navbar-toggler-icon {
  background-image: url("/wp-content/uploads/Vector-1.svg") !important;
  width: 20px;
  height: 20px;
}

.menu-open button.navbar-toggler {
  position: relative;
  left: 22%;
}

.menu-logo {
  position: absolute;
  top: 5px;
  left: 0;
}

.menu-open .navbar-toggler-text {
  display: none;
}

nav#nav {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 73px !important;
}

ul#shoping-menu {
  margin-bottom: 10px !important;
  margin-top: 10px;
}

ul#menu-social-icons {
  display: none !important;
}

.logo a {
  background-image: url("/wp-content/uploads/Hypa-Powered-by-Vox-logoGreen.png") !important;
  width: 185px !important;
  height: 65px !important;
}

#navbar #main-menu li a.nav-link{
  background-color: transparent !important;
  padding: 5px !important;
}

#navbar #main-menu  li.menu-btn a,
#navbar #main-menu  li a.nav-link.bg-primary  {
  background-color: #ffffff !important;
  color: #001335 !important;
  text-align: center;
  display: flex !important;
  width: fit-content;
  padding: 10px 20px !important;
  align-items: center;

}

.menu-btn {
    float: left;
    margin-right: 2rem !important;
}

#shoping-menu li.icon-profile {
    margin-right: 1rem !important;
}

#navbar #main-menu li#menu-item-973 a:hover, 
#navbar #main-menu li a.nav-link.bg-primary:hover {
  background-color: #001335 !important;
  color: #ffffff !important;
}

#navbar #main-menu li.menu-btn a:hover, #navbar #main-menu li a.nav-link.bg-primary:hover {
    background-color: rgb(0, 19, 53) !important;
    color: rgb(255, 255, 255) !important;
}

#nav li a i,
#nav li a span{
  margin-right: 10px;
}

#navbar #main-menu  li#menu-item-695 a{
  color: #001335 !important;
}

#navbar #main-menu li#menu-item-695 a:hover {
  color: #ffffff !important;
}

#navbar #main-menu li#menu-item-973 {
  float: left;
  margin-right: 2rem;
}


button.navbar-toggler {
  z-index: 99;
}

#nav.navbar.menu-open .icon-cart, #nav.navbar.menu-open .icon-profile {
  opacity: 1 !important;
}

#shoping-menu li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background-color: #ffffff !important;
  font-weight: bold;
}

#shoping-menu li#menu-item-974 {
  margin-right: 1rem !important;
}

body {
  padding-top: 70px !important;
}

#nav.navbar #navbar ul.nav.navbar-nav li.nav-item a.nav-link:hover{
  color: #ffffff !important;
}

input,
textarea,
select{
  font-size: 18px !important;
}

input::placeholder,
textarea::placeholder{
  color: #ffffff !important;
  opacity: 1 !important;
}

.footer-social a {
  color: #FF5000;
  font-size: 30px;
  padding: 10px;
}

.footer-social a:hover {
  color: #92d400;
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0px;
  list-style: none;
}

#footer strong{
  color: #92d400;
  font-weight: 500;
}

.copyright {
  border-top: 1px solid #92D400 !important;
}

.footer-login-btn {
  display: flex;
  background-color: #92D400;
  width: max-content;
  color: #001335 !important;
  padding: 10px 25px;
  font-size: 18px;
  font-weight: bold;
  align-items: center;
}

li#menu-item-737 a {
  color: #FF5000;
}

.copyright .row {
  align-items: center;
}

.footer-login-btn i{
  margin-right: 10px;
  font-size: 20px;
}

.page-new-homepage-data {
  padding-bottom: 3.5rem !important;
}

footer .column-1 a{
  margin-bottom: 1.5rem;
  display: flex;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
  margin-bottom: 15px !important;
}

#why-choose-hypa-slider .owl-item img {
  display: block;
  width: 45%;
  margin: auto;
}

#nav.navbar #navbar ul.nav.navbar-nav li.nav-item a.nav-link {
  margin: 4px !important;
}

.latest-blog-posts .title, 
.latest-blogs .title {
  font-size: 1.7rem !important;
}

.gform_confirmation_message{
  color: #ffffff !important;
}

h2.gform_submission_error {
  font-size: 16px !important;
  display: flex;
  align-items: center;
}

.contact-us-form input,
.contact-us-form textarea,
.contact-us-form select {
  background-color: transparent;
  border: 1px solid #92D400;
  border-radius: 0px;
  padding: 14px !important;
  color: #ffffff !important;
}

.contact-us-form .gform_footer input.gform_button {
  background-color: #92D400 !important;
  color: black !important;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0px;
}

.contact-us-details .inf-benefits-card {
  display: flex;
}

.contact-us-details .inf-icon {
  font-size: 40px;
  margin-right: 10px;
}

.contact-us-details .benefit_heading {
  font-size: 24px !important;
  margin-bottom: 10px;
}

.contact-us-details p {
  font-size: 20px !important;
}

.contact-us-details a:hover{
  color: #92d400 !important;
}



.contact-us-details .benefits-icon-container{
  margin-right: 10px;
}

.contact-us-details .benefits-icon-container img {
  width: 35px;
}

#page.site #content.site-content {
  min-height: auto !important;
}

.center {
  text-align: center !important;
}

/* MOBILE */
@media (max-width: 800px) {
  .desktop {
    display: none !important;
  }

  h2,
  h3 {
    font-size: 32px !important;
  }

  h4 {
    font-size: 24px !important;
  }

  h5 {
    font-size: 20px !important;
  }
  h6 {
    font-size: 20px !important;
  }

  p{
    font-size: 20px !important;
  }

  #why-choose-hypa h2{
    font-size: 26px !important;
  }

  .single-post h1 {
    font-size: 28px !important;
  }

  .vc_row {
    margin-left: 0;
    margin-right: 0;
  }

  .banner-content {
    text-align: center;
  }

  .banner-content .inf-button {
    margin: auto;
  }
  .form-inputs-container .text_heading {
    display: none;
  }

  .inputs-container {
    width: 100%;
    border-radius: 5px;
  }

  .form-inputs-container input {
    padding: 20px;
  }

  #home-banner .vc_column-inner {
    padding: 0px !important;
  }

  /* .testimonials-slider .item {
    max-width: 92%;
  } */

  .testimonials-slider .owl-item.active {
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
    /* margin-left: -14px !important; */
  }

  #hypa-partners .owl-nav {
    top: 27%;
  }

  button.owl-prev{
    left: -3rem;
  }



  button.owl-next {
    right: -3rem;
  }

  #entertainment .owl-nav {
    top: -1rem;
  }

  .checker-btn button {
    background-color: #ff5000 !important;
    color: white;
    width: 46px;
    border-radius: 5px;
    height: 35px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .form-inputs-container .btn-container {
    right: 1.5%;
  }

  .inline.wpb_column .wpb_wrapper {
    display: block;
    align-items: center;
    justify-content: center;
  }

  #faqs-cta .inf-button {
    margin-left: 0rem;
    margin-top: 2rem;
  }

  .hypa-products-slider .owl-item.cloned {
    display: none;
  }

  .hypa-products-slider .owl-stage {
    display: contents;
  }

  .hypa-products-slider .owl-nav {
    display: none;
  }

  .hypa-products-slider .owl-item {
    width: 100% !important;
  }

  div#popular-fibre-deals {
    text-align: center;
  }

  #popular-fibre-deals .vc_column-inner {
    padding: 0 1rem !important;
  }

  .vox-hypa_product_card .card-info {
    text-align: left;
  }

  .vox-hypa_product_card .card-btn-info {
    text-align: center;
  }

  .vox-hypa_product_card .product-speeds {
    display: none;
  }

  .vox-hypa_product_card .image-container img {
    margin: initial;
  }

  .vox-hypa_product_card .price_amount_text {
    color: #92d400;
  }

  .vox-hypa_product_card span.currency {
    font-size: inherit;
    margin-top: 0;
    margin-right: 2px;
  }

  div#faqs-cta {
    text-align: center;
  }

  #faqs-cta .inf-button {
    margin: auto !important;
    margin-top: 2rem !important;
  }

  div#connectivity-checker {
    width: 107vw !important;
  }

  div#checkCoverageModal .input-details {
    display: block;
    text-align: center;
  }
  .address-input-container {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 1rem;
  }

  .post-slider-card .post_excerpt {
    /* max-height: 153px; */
  }

  .post-slider-card .post_actions {
    bottom: 3.5rem;
  }

  #ai-post-sliders .item {
    height: 96% !important;
  }

  #hypa-blog .vc_column_container>.vc_column-inner,
  #testimonials .vc_column_container>.vc_column-inner{
    padding-left: 30px;
    padding-right: 30px;
  }

  #nav .logo a {
    width: 120px !important;
    height: 40px !important;
  }

  nav#nav {
    height: auto !important;
    overflow: hidden;
  }

  #nav.navbar #navbar {
    top: 0px !important;
    padding-top: 65px !important;
  }

  .menu-open button.navbar-toggler {
    left: 86%;
  }
  
  .menu-open .nav.navbar-nav {
    margin-top: 2rem !important;
  }

  .menu-logo img {
    width: 75%;
  }

  #shoping-menu li a {
    background-color: transparent !important;
    color: #92D400;
    font-size: 25px;
    padding: 0px !important;
  }

  button.navbar-toggler {
    position: relative;
    left: -3%;
  }

  ul#shoping-menu {
    margin-bottom: 0px !important;
    margin-top: 0px;
  }

  body {
    padding-top: 45px !important;
  }
  .copyright{
    text-align: center;
  }
  
  .column-1 div div{
    display: flex;
    align-items: center;
  }

  .column-1 img{
    max-width: 140px;
    margin-right: 1rem;
  }

  .column-1 a:nth-child(1){
    width: 50%;
  }

  .page-new-homepage-data {
    padding-bottom: 6.5rem !important;
  }

  .copyright {
    padding-bottom: 3rem !important;
    border-top: 0px !important;
  }

  .footer-social-container{
    border-bottom: 1px solid #92D400 !important;
    margin-bottom: 1rem;
  }

  .footer-social {
    justify-content: center;
  }

  .testimonials-card {
    max-width: 100%;
    margin: 10px !important;
    height: 100%;
    /* width: 100% !important; */
  }

  /* .testimonials-slider  .item {
    max-width: 100%;
    margin: auto !important;
  } */

  /* .testimonials-slider > div{
    width: 100% !important;
  } */

  .vc_row.patten-bg, .vc_custom_1710911057913 {
    background-repeat: repeat-x !important;
  }

  .vc_row.patten-bg  .vc_column-inner{
    padding: 45px !important;
  }

  nav#nav {
    /* position: relative; */
    z-index: 2147483648 !important;
  }

  #nav.navbar #navbar {
    min-height: 100vh !important;
  }

  .refer-image{
    order: 2;
  }

  .refer-content,
  .refer-content .inf-vc-element.inf-bodytext.left {
    text-align: center;
  }
  .refer-content .inf-button{
    margin: auto;
  }

  .refer-content h3{
    font-size: 24px !important;
  }

  .vc_row.patten-bg{
    background-image: url("/wp-content/uploads/ec8b636d8ed1d7b422cd060666558fbd.png") !important;
    background-size: contain !important;
  }

  .btn-link {
    margin: auto;
  }

  .f-size-18 h3 {
    font-size: 20px !important;
  }

  .product-more-details p {
    font-size: 16px !important;
  }

  .latest-blog-posts .blog-item-wrapper, 
  .latest-blogs .blog-item-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    flex: auto !important;
  }

  .contact-us-details .benefit_heading {
    font-size: 20px !important;
    margin-bottom: 7px;
  }

  .contact-us-details p {
    font-size: 16px !important;
  }

}

/* Small mobile */
@media (max-width: 350px) and (max-height:700px) {
  div#__webchat-iframe-container {
    top: 78% !important;
  }

  .testimonials-card {
    max-width: 88%;
  }
}

@media (min-width: 800px) and (max-width:1200px) {
  .owl-nav {
    width: 97%;
    left: 1.5%;
  }
  .form-inputs-container .text_heading {
    margin-right: 0;
    width: 100%;
  }
}

@media (max-width: 900px) and (orientation: landscape)  {
  .mobile-banner-info h1 {
    font-size: 60px !important;
  }
  .container {
    max-width: 98% !important;
  }
}

/* DESKTOP */
@media (min-width: 801px) {
  .mobile {
    display: none !important;
  }

  .address-input-container {
    width: 70%;
  }

  #nav.navbar #navbar {
    width: 30% !important;
    top: 0 !important;
    padding-top: 100px;
    max-height: 100vh !important;
    height: 100vh;
    min-width: 400px;
  }

  .logo.mx-auto {
    left: 5rem;
    position: relative;
  }


  .inf-vc-element.inf-button.inline {
    margin-right: 1rem;
  }
}