/* Hero Background Arrow */
.hero-bg-arrow {
  background: url(/assets/brand/zimkey-arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.view-more {
  float: "right";
  text-decoration: "underline";
}
.test {
  font-size: 8rem;
}
.my-swal-font-size {
  font-size: 5rem !important;
  color: red;
}
.my-swal-icon-size {
  width: 50px;
  height: 50px;
}
.my-swal-border-radius {
  border-radius: 20px !important;
}
.footerContentt {
  display: flex;
  margin-bottom: 2rem;
  justify-content: center;
}
.bullet-point {
  display: flex;
  gap: 11px;
}
.bullet-point::before {
  content: "• ";
  font-size: 2.2rem;
  color: #5d5454;
}
.sticky-c {
	position: fixed;
    width: 100%;
    padding: 10px 0;
    background: #ffffff;
    bottom: 0px;
    z-index: 9;
    box-shadow: 0px 0px 8px rgba(0,0,0,.2);
}
.campaign-primary-btn {
	color: white;
	background: #ff2b01;
    border-color: #ff2b01;
    border-radius: 10px;
	height: 54px;
    padding: 18px 19px;
}
.campaign-dark-btn {
	background-color: #343332;
	border-color: #343332;
	border-radius: 10px;
	height: 54px;
    padding:18px 19px;
}
.campaign-primary-btn-width {
	color: white;
	background: #ff2b01;
    border-color: #ff2b01;
    border-radius: 10px;
	height: 54px;
    padding: 12px 19px;
}
.campaign-dark-btn-width {
	background-color: #343332;
	border-color: #343332;
	border-radius: 10px;
	height: 54px;
    padding: 12px 19px;
}

/* Form Css Starts*/
.text-black {
  color: #000;
}

.content {
  padding: 7rem 0;
}

.heading {
  font-size: 2.5rem;
  font-weight: 900;
}

.form-control {
  border: none;
  background: #f3f3f3;
  border-radius: 6px;
  border: 2px orange solid;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.form-control:active,
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000;
  background: #f3f3f3;
}

.col-form-label {
  color: #000;
}

.btnCampaign,
.form-control,
.custom-select {
  height: 50px;
}

.custom-select:active,
.custom-select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000;
}

.btnCampaign {
  border: none;
  border-radius: 4px !important;
}
.btnCampaign.btnCampaign-primary {
  background: #000;
  color: #fff;
  padding: 15px 20px;
}
.btnCampaign:hover {
  color: #fff;
}
.btnCampaign:active,
.btnCampaign:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.box {
  padding: 40px;
  background: #fff;
  -webkit-box-shadow: -30px 30px 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: -30px 30px 0px 0 rgba(0, 0, 0, 0.08);
}
.box h3 {
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}

label.error {
  font-size: 12px;
  color: red;
}

#message {
  resize: vertical;
}

#form-message-warning,
#form-message-success {
  display: none;
}

#form-message-warning {
  color: #b90b0b;
}

#form-message-success {
  color: #55a44e;
  font-size: 18px;
  font-weight: bold;
}

.submitting {
  float: left;
  width: 100%;
  padding: 10px 0;
  display: none;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

/*custome*/

.compaignInput {
  border-radius: 6px !important;
  /* border: 2px orange solid !important; */
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.compaignFormContainer {
	background-color: #ff6c37;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
	padding-top: 2.5rem !important;
}

.campaignDropdown {
  background-color: white !important;
  border-radius: 5px !important;
  border: none;
  color: #a5a5a5 !important;
  width: 100%;
  text-align: left;
  font-size: 15px;
  height: 3.9rem;
}

.campaignDropdown:hover {
  background-color: white;
  color: #a5a5a5;
}

.campaignDropdown:focus {
  background-color: white;
  color: #a5a5a5;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.dropdown-toggle::after {
  float: right !important;
  margin-top: 7px !important;
}

.campaignDropdown.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #a5a5a5 !important;
  background-color: #ffffff !important;
  border-color: #51585e !important;
}

.campaign-primary-btn:hover {
  background: #ff2b01;
  border-color: #ff2b01;
}

.campaign-primary-btn:active {
  background: #ff2b01;
  border-color: #ff2b01;
}

.campaignDropdownItem:hover {
  color: #a5a5a5 !important;
  background-color: #f1f1f1 !important;
  border-color: #51585e !important;
}

.campaignDropdown:active {
  background-color: rgb(165, 165, 165);
}

.clr-white {
  color: white !important;
}

/* Form Css Ends*/

@media (max-width: 480px) {
  /* Styles for mobile screen size */
  .whatWeOfferImg1 {
    margin-top: 8.5rem !important;
    height: 10rem !important;
  }
  .whatWeOfferImg3 {
    height: 9rem !important;
  }
  .whatWeOfferImg2 {
    max-width: 70% !important;
  }
  .whatWeOfferImg1Container {
    margin-top: -14rem;
  }
}

@media (max-width: 768px) {
  /* Styles for mobile screen size */
  #mobileQuoteButton {
    display: block;
	padding: 16px 19px !important;
  }
  #pcQuoteButton {
    display: none;
  }
  #lp-pom-button-646 {
	padding: 16px 19px !important;
  }
  #desktopBookNowButton {
    display: none;
  }
  #mobileBookNowButton {
    display: block;
  }

  .block-pricing .box-pricing-item .line-bd-bottom {
    padding-bottom: 18px !important;
  }

  .zs-bullet-12 {
    margin-bottom: -2rem;
  }

  .whatWeOfferImg1 {
    height: 15rem;
    margin-top: 1.5rem;
  }
}

@media (min-width: 769px) {
  /* Styles for desktop screen size */
  #pcQuoteButton {
    display: block;
  }
  #mobileQuoteButton {
    display: none;
  }

  #desktopBookNowButton {
    display: block;
  }
  #mobileBookNowButton {
    display: none;
  }
}

.my__carousel_main div button {
  background-color: rgb(255, 161, 161) !important;
  border-radius: 50% !important;
  height: 10px !important;
  width: 10px !important;
}

.my__carousel_main .carousel-control-prev {
  margin-left: -2rem;
}

.my__carousel_main .carousel-control-next {
  margin-right: -2rem;
}

.my__carousel_main .carousel-indicators {
  margin-bottom: -1rem;
}

.price-carousel-2 div button {
  background-color: rgb(255, 161, 161) !important;
  border-radius: 50% !important;
  height: 10px !important;
  width: 10px !important;
}

.price-carousel-2 .carousel-control-prev {
  margin-left: -2rem;
}

.price-carousel-2 .carousel-control-next {
  margin-right: -2rem;
}

.price-carousel-2 .carousel-indicators {
  margin-bottom: -1rem;
}

@media (max-width: 1200px) {
.burger-icon {
  display: block;
}
}



.block-pricing-custom .box-pricing-item:hover .list-package-feature li,.block-pricing-2 .box-pricing-item.active .list-package-feature li{
  background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjk5OTkgMEM0LjkzNDYxIDAgMCA0LjkzNDUgMCAxMC45OTk5QzAgMTcuMDY1NCA0LjkzNDYxIDIyIDEwLjk5OTkgMjJDMTcuMDY1MyAyMiAyMS45OTk5IDE3LjA2NTQgMjEuOTk5OSAxMC45OTk5QzIxLjk5OTkgNC45MzQ1IDE3LjA2NTQgMCAxMC45OTk5IDBaTTE3LjMxNjMgOS4xNDE5NkwxMC40MDU2IDE2LjA1MjdDMTAuMTExOCAxNi4zNDY1IDkuNzIxMTUgMTYuNTA4MiA5LjMwNTY0IDE2LjUwODJDOC44OTAxMyAxNi41MDgyIDguNDk5NTIgMTYuMzQ2NSA4LjIwNTY4IDE2LjA1MjdMNC42ODM1OCAxMi41MzA2QzQuMzg5NzQgMTIuMjM2NyA0LjIyNzkgMTEuODQ2MSA0LjIyNzkgMTEuNDMwNkM0LjIyNzkgMTEuMDE1IDQuMzg5NzQgMTAuNjI0NCA0LjY4MzU4IDEwLjMzMDVDNC45NzczMSAxMC4wMzY3IDUuMzY3OTEgOS44NzQ4NSA1Ljc4MzU0IDkuODc0ODVDNi4xOTkwNSA5Ljg3NDg1IDYuNTg5NzcgMTAuMDM2NyA2Ljg4MzUgMTAuMzMwNkw5LjMwNTUyIDEyLjc1MjZMMTUuMTE2MiA2Ljk0MTkzQzE1LjQxIDYuNjQ4MDggMTUuODAwNiA2LjQ4NjM1IDE2LjIxNjEgNi40ODYzNUMxNi42MzE2IDYuNDg2MzUgMTcuMDIyMiA2LjY0ODA4IDE3LjMxNjEgNi45NDE5M0MxNy45MjI4IDcuNTQ4NjcgMTcuOTIyOCA4LjUzNTQ1IDE3LjMxNjMgOS4xNDE5NloiIGZpbGw9IiNFMjk1NzgiLz4KPC9zdmc+Cg==) no-repeat left top
}
  
  @media (min-width: 769px) {
	/* Styles for desktop screen size */
	#pcQuoteButton {
		display: block;
	}
	#mobileQuoteButton {
		display: none;
	}
  }

  .qoutes-right {
	float: right;
  position: absolute;
  bottom: -1rem;
  right: 14px;
  }

.testimonials-card {
  min-height: 27rem;
  position: relative;
  display: grid;
  place-items: center;
}

/* Fix sticky header behavior */
.header.sticky-bar {
  position: -webkit-sticky !important; /* Safari */
  position: sticky !important;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* Footer Custom Layout */
.footer-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.footer-links {
  display: flex;
  align-items: center;
}

.footer-link {
  margin-left: 50px;
}

/* Mobile Layout (< 768px) */
@media (max-width: 768px) {
  .footer-flex-container {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    text-align: center;
  }

  .footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
  }

  .footer-link {
    margin-left: 0; /* Remove left margin on mobile */
  }

  .copyright-text {
    order: 4; /* Move copyright to bottom */
    margin-top: 15px;
  }

  /* Force center alignment for Launching Soon section items on mobile */
  .list-icons,
  .list-icons .item-icon {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Reset the parent column padding */
  .col-lg-4.col-md-12.col-sm-12.d-flex {
    padding-left: 15px !important;
    padding-right: 15px !important;
    justify-content: center !important;
  }
  
  .list-icons h4,
  .list-icons .text-heading-4 {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Attempt to center common divider patterns (pseudo-elements) */
  .list-icons h4::after,
  .list-icons h4::before,
  .list-icons .item-icon::after,
  .list-icons::after {
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important; /* Hide any decorative elements that might cause offset */
  }
}

/* ===========================================
   MOBILE RESPONSIVE STYLES
   These styles only affect mobile viewports
   =========================================== */

/* Tablet and Mobile (max-width: 991px) */
@media (max-width: 991px) {
  /* Hero Section */
  .banner-hero .container {
    background-size: 80% !important;
    background-position: center top !important;
  }
  
  .banner-hero .row {
    flex-direction: column;
  }
  
  .banner-hero .col-lg-7 {
    text-align: center;
    padding: 0 15px;
  }
  
  .banner-hero .text-display-2 {
    font-size: 2.5rem;
    line-height: 1.3;
  }
  
  .banner-hero .text-body-lead-large {
    padding-right: 0 !important;
    margin-top: 20px !important;
  }

  /* WhatWeOffer Section */
  .block-we-do {
    margin-top: 40px;
    text-align: center;
  }
  
  .block-we-do .text-heading-1 {
    text-align: center;
  }
  
  .block-we-do .mt-40 {
    display: flex;
    justify-content: center;
  }
  
  /* Safety Section */
  .section-box .container.mt-120 .row .col-lg-6:last-child {
    margin-top: 0 !important;
  }
  
  /* InfoSection Cards */
  .section-box .card {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    margin-bottom: 2rem;
    min-height: auto !important;
  }
  
  /* Pricing Section */
  .block-pricing .row {
    gap: 20px;
  }
  
  .box-pricing-item {
    margin-bottom: 20px;
  }
}

/* Mobile Only (max-width: 768px) */
@media (max-width: 768px) {
  /* General spacing adjustments */
  .container.mt-120 {
    margin-top: 60px !important;
  }
  
  .container.mt-100 {
    margin-top: 50px !important;
  }
  
  .section-box.mt-100 {
    margin-top: 50px !important;
  }
  
  .section-box.mt-70 {
    margin-top: 35px !important;
  }
  
  .mt-70 {
    margin-top: 35px !important;
  }
  
  .mt-50 {
    margin-top: 25px !important;
  }
  
  .mt-40 {
    margin-top: 20px !important;
  }
  
  /* Hero Section Mobile */
  .banner-hero {
    padding: 40px 15px !important;
    min-height: auto !important;
    background-color: #FAEDE3 !important;
  }
  
  .hero-arrow-img {
    width: auto !important;
    height: 80% !important; /* Smaller on mobile */
    max-height: 150px !important;
  }
  
  .banner-hero .container {
    padding: 30px 15px !important;
    overflow: visible !important;
  }
  
  /* Ensure banner-hero row wraps properly */
  .banner-hero .row {
    flex-wrap: wrap !important;
    margin: 0 !important;
  }
  
  .banner-hero .col-lg-7 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    text-align: center !important;
  }
  
  .banner-hero .text-display-2 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }
  
  .banner-hero .text-display-2 br {
    display: none;
  }
  
  .banner-hero .text-body-lead-large {
    font-size: 1rem;
    padding: 0 !important;
    margin-top: 20px !important;
    text-align: center !important;
  }
  
  .banner-hero .pr-40 {
    padding-right: 0 !important;
  }
  
  /* WhatWeOffer Section Mobile */
  .block-img-we-do {
    margin-bottom: 30px;
  }
  
  .block-we-do .row .col-lg-6,
  .block-we-do .row .col-sm-6 {
    text-align: center;
  }
  
  .block-we-do .text-heading-6 {
    justify-content: center !important;
    text-align: center;
  }
  
  /* Safety Section Mobile */
  .section-box .col-lg-6.col-md-12 .box-video-homepage6 img {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Bullet point alignment fix for InfoSection cards */
  .bullet-point {
    gap: 8px;
    align-items: center !important;
    text-align: left !important;
  }
  
  .bullet-point::before {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
    flex-shrink: 0;
  }
  
  /* InfoSection card content alignment */
  .section-box .card > div {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .section-box .card .item-icon {
    text-align: left !important;
  }
  
  /* InfoSection Cards Mobile */
  .section-box .card {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    padding: 1.5rem !important;
    min-height: auto !important;
  }
  
  .section-box .card span {
    font-size: 24px !important;
    padding-top: 1rem !important;
  }
  
  .section-box .card .item-icon {
    padding-left: 0 !important;
  }
  
  /* Pricing Section Mobile */
  .block-pricing .container.mt-50 {
    margin-top: 30px !important;
  }
  
  .block-pricing .text-heading-1 {
    font-size: 1.75rem !important;
  }
  
  .block-pricing .text-heading-1 br {
    display: none !important;
  }
  
  .block-pricing .box-pricing-item {
    margin-bottom: 25px;
  }
  
  .list-package-feature {
    min-height: auto !important;
  }
  
  /* LaunchingSoon Section Mobile */
  .list-icons.mt-40 {
    margin-top: 15px !important;
    padding: 15px 0 !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .list-icons.mt-40 .item-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }
  
  .list-icons.mt-40 .item-icon h4 {
    text-align: center !important;
    width: 100% !important;
  }
  
  .text-heading-4 {
    font-size: 1.25rem;
  }
  
  /* General Typography Mobile */
  .text-heading-1 {
    font-size: 2rem;
    line-height: 1.3;
  }
  
  .text-heading-5 {
    font-size: 1.25rem;
  }
  
  .text-body-text {
    font-size: 0.95rem;
    line-height: 1.6;
  }
  
  /* Footer Mobile */
  .footer.mt-50 {
    margin-top: 30px !important;
  }
  
  .footer-bottom {
    padding: 20px 0;
  }
  
  .footer-social {
    margin-top: 15px;
  }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
  /* General small mobile adjustments */
  .container.mt-120 {
    margin-top: 40px !important;
  }
  
  .container.mt-100 {
    margin-top: 35px !important;
  }
  
  .section-box.mt-100 {
    margin-top: 35px !important;
  }
  
  /* Hero Section Small Mobile */
  .banner-hero {
    padding: 20px 0 !important;
  }
  
  .banner-hero .container {
    background-size: 50% !important;
  }
  
  .banner-hero .text-display-2 {
    font-size: 1.75rem;
    padding: 0 10px;
  }
  
  .banner-hero .text-body-lead-large {
    font-size: 0.9rem;
  }
  
  /* WhatWeOffer Small Mobile */
  .block-we-do .text-heading-1 {
    font-size: 1.75rem !important;
  }
  
  .block-we-do .text-heading-6 {
    font-size: 0.95rem !important;
  }
  
  .block-we-do .row .col-12.mt-50 {
    margin-top: 25px !important;
  }
  
  /* Safety Section Small Mobile */
  .section-box .container.mt-120 .row .col-lg-6:last-child .container.text-center.mt-100 {
    margin-top: 30px !important;
  }
  
  .section-box .container.mt-120 .row .col-lg-6:last-child .container.text-center.mt-100 h2 {
    font-size: 1.75rem !important;
  }
  
  /* InfoSection Cards Small Mobile */
  .section-box .card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 10px !important;
  }
  
  .section-box .card span {
    font-size: 20px !important;
  }
  
  /* Pricing Small Mobile */
  .block-pricing .text-heading-1 {
    font-size: 1.5rem !important;
    padding: 0 10px;
  }
  
  .box-pricing-item {
    padding: 20px 15px !important;
  }
  
  .box-pricing-item .text-heading-5 {
    font-size: 1.1rem !important;
  }
  
  .list-package-feature li {
    font-size: 0.9rem;
    line-height: 1.5;
  }
  
  /* LaunchingSoon Small Mobile */
  .text-heading-4 {
    font-size: 1.1rem;
  }
  
  /* General Typography Small Mobile */
  .text-heading-1 {
    font-size: 1.75rem;
  }
  
  .text-heading-5 {
    font-size: 1.1rem;
  }
  
  .text-body-text {
    font-size: 0.9rem;
  }
  
  /* Button adjustments */
  .btn.btn-pink {
    padding: 12px 20px !important;
    font-size: 0.95rem !important;
  }
}

/* Book Now Button - ensure text and arrow display in a row */
.btn.btn-pink.icon-arrow-right-white,
a.btn.btn-pink.icon-arrow-right-white {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  background-image: none !important;
  padding-right: 25px !important;
}

.btn.btn-pink.icon-arrow-right-white::after,
a.btn.btn-pink.icon-arrow-right-white::after {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
}