/* 14-10-2023 */

.pricing_banner_block {
  background-image: url(../img/pricing-bannerimg.png);
  background-size: cover;
  position: relative;
  padding: 130px 0px;
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}

.pricing_banner_block::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 30%);
  z-index: 0;
}

.pricing_banner_block .hero-heading::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAh4AAAANCAYAAADmHmdWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOlSURBVHgB7ZxNbtswEIWHig1kF90gzA267KrIVbrsKdqeoqsiV8mytzCLLrpVdgFsa0JZpjUakZKT2I5kvw9IIOvPSSBzPj4OYggAAAZY3D/k9Pyc0yuZzWaWLghTcrEs18XeF1xfF3ePX/c/H4AzwBAA4F0sPv+yet88u8o5M51CbUxmE7fJ2VC0sGcmu01c4z/AbFPHmDb3G5KFfc4BH0ux/YriB3GXOsZkosdKLv927sPd9ymJC8Pc2heTq7s/3xwBsCcQDzAZdIHXxZ2NyTPqFPtOQY8Vcl3Ae4q2JQDAEC2J6coRF0zZ7rgUISlAWnxa0oO0aLJAPMCr0MVfRul6Nu8Lfuu1Lviy2CcKvSVQ4VIHuOeY//v6QTnrHZhL5iciHhy8TdY/66bkz1c6uiB8whCT3z5yLocSJ39PY24o+Z7p1MukP0PJayaKfD4LI57VkPqwFxr/PD5V21JumJtndLVa1duQmqMC8Zg4UgRkAhCZ/e9m/oayGyNSAENlTttzIwJwjlG80zt0AY8V7VSR9kXZ6X2bmVrk3BWtOufWYKADH8umj4fafTxz8mOKEqmYXHl5su27tWUpIke5aY8r+viYcNU3mdoEmQlJTUxkdukMJKYDxONI6Ga8kAxoIZCpgEwEBmTA0jRx8oUs9vFC316H1gVeF/dqe0m6sQ8fegCmhBQgLT5KekRaJEWnlNdIwRnDJMqRSGRSAqPl5dx6aC5WPKQY9CQF0ZSgRwqmkg60YnMWr7UA6Fm+Lv4yStez+btHNJwBAMaHlJsZieViqpeLZYITJoQytRFLWJZOy2asbtKXuldGiIsLfTFjTlxGLR6p1ED1EuzkoJ0Y1A/JxNICFzb6ZUA0YgkRkAlAd/aPmT8AAByDIDIyoRHpzDaZCalMk8icWGAcqbQl9L3EhOWYKcvBxCP0Gsj0QApCWFLoSQ6suJ2l8dGs4SWkQKYDuhkvJANaCJAKAAAAqFjc13U0pDBBXkICo9OXE4mLCwnLoWTFVL/o1Xr+Kba8sEeCYGlcuLDBu4ageFqwnxggJQAAADANqnoeUpe4tOzSltD7YunwVDXT1clKsxRU9a94UXHZVenMvy+/f/j45zudjkRy0PyjmyE5aPcSQA4AAACAt5IWlnp5SCUs7+pl9CsDP2cD57iwEUsQYr0Gss9ACgKWFAAAAIDx8Zb6HJEV2/Sy8K1IViwpUTH/7x/smpY5lhcAAAAAcAyqBtw5Le2S5u4FSftfU8r/KuEAAAAASUVORK5CYII=) !important;
  width: 100% !important;
  top: 90px !important;
  background-size: 220px 12px !important;
  transform: translateX(42%) !important;
}

.pricing_banner_block .hero_block .hero-heading {
  color: #ffffff;
}

.pricing_banner_block .hero_text ,.pricing_banner_block .hero_text p{
  color: #ffffff;
}

.pricing_banner_block .hero_block {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.pricing_switch_box {
  width: 232px;
  position: relative;
  display: flex;
  padding: 0;
  background: transparent;
  margin-left: auto;
  border: 1.6px solid #e53f9e;
  margin-right: auto;
  line-height: 44px;
  border-radius: 4px;
  margin-top: 18px;
}

.pricing_switch_box input {
  visibility: hidden;
  position: absolute;
  top: 0;
}

.pricing_switch_box label {
  width: 50%;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.64px;
}

.pricing_switch_box .switch-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  padding: 3px;
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.pricing_switch_box .switch {
  background: #e53f9e;
  border-radius: 4px;
  height: 100%;
}

.pricing_switch_box .switch div {
  width: 100%;
  text-align: center;
  opacity: 0;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: opacity 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0.125s;
  position: absolute;
  top: 0;
  left: 0;
}

.pricing_switch_box input:nth-of-type(1):checked ~ .switch-wrapper {
  transform: translateX(0%);
}

.pricing_switch_box input:nth-of-type(2):checked ~ .switch-wrapper {
  transform: translateX(100%);
}

.pricing_switch_box
  input:nth-of-type(1):checked
  ~ .switch-wrapper
  .switch
  div:nth-of-type(1) {
  opacity: 1;
}

.pricing_switch_box
  input:nth-of-type(2):checked
  ~ .switch-wrapper
  .switch
  div:nth-of-type(2) {
  opacity: 1;
}

.pricing_block {
  background-color: #f7f9fc;
  padding: 22px;
  margin: 60px 0;
  border-radius: 16px;
}

.pricing_card_box {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 0px 5px 0px rgba(229, 63, 158, 0.2);
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pricing_card_title {
  color: #e53f9e;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 14px;
}

.pricing_card_desc {
  color: #425466;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 28px;
  min-height: 60px;
}

.pricing_card_price {
  color: #e53f9e;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 29px;
}

.pricing_card_price small {
  font-size: 17px;
  font-weight: 500;
}

.pricing_list_box {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.pricing_list_box li {
  color: #425466;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  gap: 10px;
}

.pricing_selectBtn {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-top: 28px;
}

.pricing_tagBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.pricing_popularTag {
  border-radius: 6px;
  background: rgba(229, 63, 158, 0.15);
  color: #e53f9e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.48px;
  padding: 7px 16px;
  margin-bottom: 14px;
}

.pricing_card_box.active {
  background: #f6eaf4;
}

.pricing_card_box.active .hero_btn {
  border: 1px solid #e53f9e;
  background: #e53f9e;
  color: #fff;
}

.pricing_card_box.active .hero_btn:hover {
  border: 1px solid #e53f9e;
  background: transparent;
  color: #e53f9e;
}

.pricing_list_box li span svg {
  flex: 0 0 23px;
  position: relative;
  top: -4px;
}

/*  */
@media (min-width: 1200px) and (max-width: 1440px) {

  .pricing_banner_block .hero-heading::before {
    top: 73px !important;
    background-size: 210px 11px !important;
    transform: translateX(40%) !important;
}

}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pricing_card_title {
    font-size: 34px;
    margin-bottom: 10px;
  }

  .pricing_popularTag {
    margin-bottom: 10px;
  }
  
  .pricing_list_box li {
    font-size: 16px;
  }

  .pricing_list_box li span svg {
    width: 21px;
  }

  .pricing_card_price {
    font-size: 36px;
    margin-bottom: 18px;
  }

  .pricing_card_desc {
    font-size: 18px;
    margin-bottom: 18px;
  }

  .pricing_list_box {
    row-gap: 10px;
  }

  .search_img_select_btn {
    padding: 0 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .pricing_banner_block {
    padding: 100px 0px;
  }

  .pricing_card_title {
    font-size: 34px;
    margin-bottom: 10px;
  }

  .pricing_popularTag {
    margin-bottom: 10px;
  }

  .pricing_list_box li {
    font-size: 16px;
  }

  .pricing_list_box li span svg {
    width: 21px;
  }

  .pricing_card_price {
    font-size: 36px;
    margin-bottom: 18px;
  }

  .pricing_card_desc {
    font-size: 18px;
    margin-bottom: 18px;
    min-height: 30px;
}

  .pricing_list_box {
    row-gap: 10px;
  }

  .pricing_banner_block .hero-heading::before {
    width: 100% !important;
    top: 66px !important;
    background-size: 170px 10px !important;
    transform: translateX(41%) !important;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
  .pricing_card_title {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .pricing_banner_block {
    padding: 90px 0px;
  }

  .pricing_popularTag {
    margin-bottom: 10px;
  }

  .pricing_list_box li {
    font-size: 16px;
  }

  .pricing_list_box li span svg {
    width: 21px;
  }

  .pricing_card_price {
    font-size: 32px;
    margin-bottom: 18px;
  }

  .pricing_card_desc {
    font-size: 18px;
    margin-bottom: 18px;
    min-height: 54px;
}

  .pricing_list_box {
    row-gap: 10px;
  }

  .pricing_banner_block .hero_block .hero-heading::before {
    top: 57px !important;
    width: 100% !important;
    transform: translateX(37%) !important;
    background-size: 159px 10px !important;
  }
}

@media (max-width: 767.98px) {
  .location_searchBox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    gap: 11px;
  }

  .contact_map iframe {
    height: 400px;
  }

  .pricing_card_title {
    font-size: 26px;
  }

  .pricing_popularTag {
    font-size: 11px;
    padding: 5px 13px;
  }

  .pricing_list_box li {
    font-size: 15px;
  }

  .pricing_card_price {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .pricing_card_desc {
    font-size: 16px;
    margin-bottom: 13px;
    min-height: 24px;
}

  .pricing_block {
    padding: 16px;
    margin: 30px 0;
  }

  .pricing_switch_box .switch div,
  .pricing_switch_box label {
    font-size: 15px;
  }

  .pricing_banner_block {
    padding: 75px 0px;
  }

  .pricing_switch_box {
    width: 182px;
    line-height: 39px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .pricing_banner_block .hero_block .hero-heading::before {
    top: 54px !important;
    background-size: 135px 10px !important;
}
}

@media (max-width: 575.98px) {
  .pricing_banner_block .hero_block .hero-heading::before {
    top: 40px !important;
    width: 100%;
    transform: translateX(37%);
    background-size: 140px 10px !important;
    
  }
  .hero-heading {
    font-size: 28px !important;
    margin-bottom: 40px;
  }
}

@media (max-width: 440px) {
  .pricing_banner_block .hero_block .hero-heading::before {
    transform: translateX(28%) !important;
  }
}