@font-face {
  font-family: "BentonSans-Light";
  src: url("../fonts/bentonsans-light.ttf");
  src: url("../fonts/BentonSans-Light.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BentonSans-Bold";
  src: url("../fonts/BentonSans-Bold.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bentonsans Serif Regular";
  src: url("../fonts/bentonsans_book.ttf");
}

@font-face {
  font-family: "Bentonsans-Medium";
  src: url("../fonts/bentonsans-medium.ttf");
}

@font-face {
  font-family: "Bentonsans-Regular";
  src: url("../fonts/bentonsans_regular.ttf");
}

@font-face {
  font-family: "Bentonsans-Black";
  src: url("../fonts/Benton_Sans_Black.ttf");
}

/* Page content only (inside <main>) — avoids conflicts with .inav_header */
main {
  color: #333333;
  font-family: "Bentonsans Serif Regular";
}

main h1,
main h2,
main h3,
main h4 {
  font-family: "Bentonsans-Regular";
  display: block;
}

main strong {
  font-family: "BentonSans-Bold";
}

main sup {
  font-family: Arial, Helvetica, sans-serif;
}

main .header-row {
  color: #fff;
}
main .h2_banner_head {
  font-family: "Bentonsans-Regular";
  font-size: 38px;
  margin-bottom: 15px;
}
main .h2_head {
  font-family: "Bentonsans-Regular";
  margin-bottom: 15px;
  font-weight: 32px;
}
main .max {
  display: block;
}
main .min {
  display: none;
}
main .banner {
  background: url(../images/Banner_new.png) #006fcf;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  color: #fff;
  padding-bottom: 90px;
  padding-top: 70px;
}
main .Bottom-Banner {
  background: url(../images/Banner_new.png) #006fcf !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
  background-size: cover !important;
  transform: translateZ(0);
  color: #fff;
}
main .section_02,
main .section_05 {
  background: #006fcf;
  color: #fff;
}
main .section_03 {
  background: url(../images/Holiday-People-with-iPad.png);
  background-repeat: no-repeat;
  background-size: cover;
}

main .benefits-accordion
  .accordion-list
  .accordion-item.open
  .accordion-button::after {
  content: "";
  background-image: url(../icons/axp-icon-left.svg);
  background-size: 28px;
  width: 28px;
  height: 28px;
  transform: rotate(90deg);
}
main .benefits-accordion .accordion-list .accordion-item .accordion-button::after {
  content: "";
  background-image: url(../icons/axp-icon-right.svg);
  background-size: 28px;
  width: 28px;
  height: 28px;
  transform: rotate(90deg);
}
main .accordion-list {
  list-style: none;
  padding: 0;
}
main .h3_head {
  font-size: 20px;
}
main .terms-heading {
  font-family: "BentonSans-Regular";
  font-size: 14px;
}
main .terms-heading a {
  text-decoration: none;
  color: #fff;
}

main .btn-apply-now {
  background: #ffffff;
  font-size: 16px;
  color: #006fcf;
  width: 180px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .offertag {
  width: 53px;
}
main .section_01,
main .section_03 {
  padding: 30px 0;
}
main .section_02 {
  padding: 50px 0;
  text-align: center;
}
main .item_left {
  background: #fff;
}
main .ExclusiveOffer {
  background: #fff;
  color: #00175a;
  font-family: "Bentonsans-Medium";
  padding: 4px 10px;
  display: flex;
  width: fit-content;
  margin-bottom: 15px;
  position: relative;
  align-items: baseline;
}
main .ExclusiveOffer img {
  margin-right: 10px;
}
main .ExclusiveOffer::after {
  content: "";
  border-top: 16px solid #ffffff;
  border-bottom: 16px solid #ffffff;
  border-right: 13px solid rgb(0 128 0 / 0%);
  position: absolute;
  right: -12px;
  top: 0;
}
main .Exclusive {
  margin-bottom: 10px;
}
main .fee {
  margin-bottom: 0;
}
main .section_01 .h2_head {
  color: #006fcf;
}
main .item_left .h2_head,
main .card .h2_head {
  color: #00175a;
}
main .card_band {
  width: 100%;
}
/* .card_item {
  max-width: 296px;
} */
main .item_left {
  max-width: 459px;
  padding: 25px 50px;
}
main .icon {
  width: 70px;
  margin-bottom: 20px;
}
main .card_wrap {
  padding-top: 60px;
  padding-bottom: 60px;
  align-items: center;
}
main .card {
  border: none;
  max-width: 459px;
  padding: 25px 50px 25px 0;
}
main .note {
  font-size: 12px;
}
main .faq_Head {
  text-align: center;
  color: #00175a;
  max-width: 600px;
  margin: 0 auto 40px;
}
main .faq_Head .h2_head {
  margin-top: 25px;
}
main .P_blue {
  font-weight: bold;
  margin-bottom: 5px;
  color: #00175a;
}
main .input_value {
  border: 1px solid #c8c9c7;
  background: #f7f8f9;
  width: 197px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 4px;
  padding: 14px 11px 14px 30px;
  margin-bottom: 20px;
}
main .result {
  font-size: 48px;
  color: #00175a;
}
main .featured-image {
  width: 100%;
}
main .input_value_wrap {
  position: relative;
}
main .input_value_wrap span {
  position: absolute;
  color: #97999b;
  font-size: 16px;
  top: 15px;
  left: 14px;
}
main .section_05 {
  padding: 60px 0;
}
main .h4_head {
  font-size: 16px;
  font-family: "BentonSans-Bold";
  margin-bottom: 15px;
}
main .section_02 .h2_head {
  margin-bottom: 0;
}
main .bplus_section_3 {
  background: url(../images/Full_Bleed.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 450px;
}
main .bplus_section_4 {
  margin-top: -100px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  main .bplus_section_4{
    margin-bottom: 40px;
  }
}
main .items_wrap {
  background: #f7f8f9;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);
  padding: 20px;
  height: 100%;
  margin-bottom: 20px;
}
main .items_wrap .h2_head {
  font-size: 20px;
  text-align: center;
}
main .items_wrap .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* section {
  overflow-x: hidden;
} */
/*** video section ****/

main .video-container {
  position: relative;
  max-width: 735px;
  aspect-ratio: 16 / 9;
  width: 100%;
 padding: 0;
  background-size: cover;
  margin: auto;
  
  box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.09);
}
main .video {
 max-width:100%;
 height: auto;
  display: none; /* Initially hide the video */
}
main .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
 
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}
main .overlay img{
  border: 6px solid #FFF;
  width: 100%;
}
main .play-btn {
  border: none;
  border-radius: 50%;
  width: 100px;
  position: absolute;
  height: 100px;
  cursor: pointer;
  transition: 0.3s;
  background: url(../images/play_btn.svg);
  background-position: center;
  background-size: 100% 100%;
}

main .play-btn:hover {
  opacity: 0.95;
}
main .video_section-test{
  max-width: 636px;
  margin:0 auto 40px;
}
main .video_section{
  text-align: center;
  background: #EBEBEB;
  padding-top:60px;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
main .video_section .h2_head{
   color: #00175a;
}
@media (min-width: 1200px) {
  main .container {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  main .bplus_section_3 {
    min-height: 300px;
    background-position: center;
  }
  main .accordion-list .accordion-item .accordion-button {
    border-bottom: 1px solid #979797 !important;
  }
  main .accordion-list .accordion-item .accordion-body {
    margin-bottom: 15px;
    border-bottom: 1px solid #979797 !important;
  }
  main .min {
    display: block;
  }
  main .max {
    display: none;
  }
  main .flex-sec {
    margin-top: -30%;
  }
}

main .font-13 {
  font-size: 13px;
}

@media (max-width: 992px) {
  main .stkcky .containerBanner {
    width: 100%;
    justify-content: center !important;
  }

  main .stkcky .link {
    width: 100%;
  }

  main .stkcky .card_btn_wrap {
    width: 100% !important;
    /* justify-content: center; */
  }
}
/*** dm ****/

main .section_form__inner{
  border-radius: 5px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  max-width: 764px;
  width: 100%;
  padding: 30px 40px;
  margin: 0 auto;
  margin-top:-90px ;
  box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.17);
}
main .form_wrap{
 display: flex;
 gap: 15px;
 position: relative;
}
main .section_form__heading{
  color: #333;
  font-family: "Bentonsans-Medium";
  font-size: 16px;
}
main .input_banner{
  border-radius: 4px;
  border: 1px solid #C8C9C7;
  background: #F7F8F9;
  padding: 11px 14px;
  font-size: 16px;
  height: 50px;
  width: 100%;
  font-family: "Bentonsans-Regular";
}
main .go-to-apply{
  background: #006fcf;
  color: #fff;
  font-size: 16px;
  border: 0;display: flex;
  align-items: center;
  min-width: 178px;
  border-radius: 4px;
  justify-content: center;
  height: 50px;
  font-family: "Bentonsans-Medium";
}
main .h2_banner_head{
  max-width:757px;
  text-align: center;
  margin: auto;
  margin-bottom: 50px;
}
main .rsvpcode{
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
}
main .rsvp-button{
  color: #00175A;
  font-size: 15px;
  text-decoration-line: underline;
  background: none;
  font-family: "Bentonsans-Medium";
  margin-top: 15px;
  border: none;
  position: relative;
  padding: 0;
}
main .rsvp-button::after{
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cg clip-path='url(%23clip0_41_570)'%3e%3cpath d='M9 0C13.9706 0 18 4.02938 18 9C18 13.9706 13.9706 18 9 18C4.02938 18 0 13.9706 0 9C0 4.02938 4.02938 0 9 0ZM9 1.125C4.65788 1.125 1.125 4.65769 1.125 9C1.125 13.3421 4.65769 16.875 9 16.875C13.3421 16.875 16.875 13.3423 16.875 9C16.875 4.65788 13.3423 1.125 9 1.125ZM6.85763 5.80087L6.90533 5.84469L9 7.93914L11.0947 5.84469C11.3722 5.56721 11.813 5.55261 12.1076 5.80087L12.1553 5.84469C12.4328 6.12216 12.4474 6.56296 12.1991 6.85764L12.1553 6.90534L10.0609 9.00002L12.1553 11.0947C12.4328 11.3722 12.4474 11.813 12.1991 12.1076L12.1553 12.1553C11.8779 12.4328 11.4371 12.4474 11.1424 12.1992L11.0947 12.1553L9 10.0609L6.90533 12.1553C6.62785 12.4328 6.18705 12.4474 5.89238 12.1992L5.84468 12.1553C5.5672 11.8779 5.5526 11.4371 5.80086 11.1424L5.84468 11.0947L7.93913 9.00002L5.84468 6.90534C5.58261 6.64328 5.55503 6.23552 5.76192 5.94279L5.80086 5.89238L5.84468 5.84468C6.12215 5.5672 6.56295 5.55261 6.85763 5.80087Z' fill='%23006FCF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_41_570'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 18px;
  background-repeat: no-repeat;
  width: 18px;
  margin-top: 2px;
  height: 18px;
  position: absolute;
  margin-left: 8px;

}
main .rsvp-button.close::after{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cg clip-path='url(%23clip0_41_572)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.1001 13.5H9.9001V8.1H8.1001V13.5ZM8.1001 6.3H9.9001V4.5H8.1001V6.3Z' fill='%23006FCF'/%3e%3cpath d='M9 0C13.9706 0 18 4.02938 18 9C18 13.9706 13.9706 18 9 18C4.02938 18 0 13.9706 0 9C0 4.02938 4.02938 0 9 0ZM9 1.125C4.65788 1.125 1.125 4.65769 1.125 9C1.125 13.3421 4.65769 16.875 9 16.875C13.3421 16.875 16.875 13.3423 16.875 9C16.875 4.65788 13.3423 1.125 9 1.125Z' fill='%23006FCF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_41_572'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");

}
main .section_form__cta .rates-link{
 font-size: 15px;
  color: #006FCF;
  text-decoration: underline;
  margin-top: 12px;
}
main .tooltip-d {
  background-color: #fff;
  border-color: #c8c9c7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  width: 436px;
  padding: 18px 20px;
  font-size: 15px;
  color: #333;
  position: absolute;
  margin-top: 20px;
}
main .tooltip-d:before {
  content: "";
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
  height: .75rem;
  position: absolute;
  visibility: visible;
  width: .8125rem;
  top: -7px;
  left: 295px;
  right: 0;
  transform: rotate(45deg);
  z-index: -1;
}
main .section_form__rsvp,
main .section_form__zip{
  width: 100%;
}
main .error_msg{
  color: red;
  font-size: 14px;
  padding: 5px 0 30px;
}
@media (max-width: 768px) {
  main .banner{
    padding-bottom: 65px;
    padding-top: 30px;
  }
  main .h2_banner_head{
    text-align: left;
    font-size: 32px;
  }
  main .form_wrap{
    flex-direction: column;
  }
  main .error_msg {
    padding: 5px 0 0;
}
  main .section_form__inner{
    padding: 16px 20px;
  }
  main .go-to-apply{
    width: 100%;
  }
  main .rsvpcode{
    position: relative;
    z-index: 10;
  }
  main .card_band {
    display: block;
    width: 250px;
    margin: 10px auto 15px;
  }
  main .rsvp-button{
    font-size: 14px;
  }
  main .tooltip-d{
    width: 100%;
    margin-top: 12px;
  }
  main .tooltip-d:before{
    left: 275px;
  }
  
}