*{margin: 0;padding: 0;box-sizing: border-box;}

:root{
  --white: #ffffff;
  --black: #000000;
}
/* common css start*/


/* fonts start */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
      url('../fonts/OpenSans-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
      url('../fonts/OpenSans-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
      url('../fonts/OpenSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
      url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
      url('../fonts/OpenSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
      url('../fonts/OpenSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Medium.woff2') format('woff2'),
      url('../fonts/OpenSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
      url('../fonts/OpenSans-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
      url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
      url('../fonts/OpenSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
      url('../fonts/OpenSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
      url('../fonts/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



/* fonts end */

body {font-family: 'Open Sans';position: relative;display: flex;min-height: 100vh;flex-flow: column;}
a{text-decoration: none;}
img {width: 100%; height: 100%; object-fit: cover;}
.ss-container {margin: 0 120px;}
.ss-title {font-weight: 400;font-size: 40px; line-height: 55px; color: var(--black); margin-bottom: 40px; max-width: 630px;}
.ss-form-control {position: relative;display: block;padding: 11px 20px 10px; border: 1px solid #D0D8DB;border-radius: 8px;font-weight: 700; font-size: 18px; line-height: 25px;color: #0C1729;outline: none;}
.ss-form-control::placeholder {color: #00000040;}
input[type="date"]::-webkit-calendar-picker-indicator {background-image: url('../images/calander.svg');opacity: 1; display: block; width: 20px; height: 20px; border-width: thin; position: absolute;left: 20px;}
.form-select {position: relative;display: block;padding: 11px 20px 10px; border: 1px solid #D0D8DB;border-radius: 8px;font-weight: 700; font-size: 18px; line-height: 25px;color: #0C1729;outline: none; box-shadow: unset; background-image: url('../images/down-arrow.png'); background-size: 13px 8px; background-position: right 20px center;}
.form-select::placeholder {color: #00000040;}
.form-select:focus {box-shadow: unset; border-color: #d0d8db;}
textarea {resize: unset; height: 48px;}

/* common css end*/


header {position: relative;display: block;}
header .navbar {position: relative;display: block; padding: 18px 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
header .navbar .ss-container { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;}
header .navbar .navbar-brand {position: relative;display: block;padding: 0; width: 120px; height: auto; margin-right: 48px;}
header .navbar .navbar-nav .nav-item {position: relative;display: block;margin-right: 48px;}
header .navbar .navbar-nav .nav-item:last-child {margin-right: 0;}
header .navbar .navbar-nav .nav-item .nav-link {padding: 0;font-weight: 400; font-size: 14px; line-height: 20px; color: var(--black);opacity: 0.6;}
header .navbar .navbar-nav .nav-item .nav-link.active {font-weight: 700; opacity: 1;}
header .navbar .action {position: relative;display: flex;align-items: center;}
header .navbar .action a {font-weight: 400; font-size: 14px; line-height: 20px; color: var(--black); opacity: 0.6; margin-right: 24px;}
header .navbar .action a.active {font-weight: 700; opacity: 1;}
header .navbar .action a.gbp {position: relative;display: flex; width: 30px; height: 30px;background: rgba(0, 0, 0, 0.05);border-radius: 6px;align-items: center;font-weight: 600; font-size: 10px; line-height: 12px; color: var(--black);opacity: 1; justify-content: center;}
header .navbar .action .contact-info { position: absolute; display: none; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 10px; top: 40px; z-index: 1; padding: 30px 20px; left: -70px;}
header .navbar .action .contact-info a.contact-call { position: relative; display: flex; align-items: center; font-weight: 600; opacity: 1;  margin: 0 0 20px;}
header .navbar .action .contact-info a.contact-call span { width: 22px; height: 22px; margin-right: 10px; }
header .navbar .action .contact-info a.policy { opacity: 1; color: rgb(0 0 0 / 60%); margin: 0; text-transform: capitalize; font-weight: 700;}
header .navbar .action .contact-info a.policy span { display: block; color: black; margin-top: 2px; opacity: 1;}
header .navbar .action.active .contact-info { display: block;}


.hero-section {position: relative;display: block;background-image: url('../images/heroImage.png');width: 100%;height: 420px;background-size: cover;background-repeat: no-repeat;padding-top: 63px; margin-bottom: 40px; background-position: center;}
.hero-section .hero-box {position: relative;display: block;width: 340px; height: 275px; background-color: var(--white);border-top: 8px solid #0C1729;}
.hero-section .hero-box .hinfo {position: relative;display: block;padding: 32px;}
.hero-section .hero-box .hinfo h2 {position: relative;display: block;font-weight: 400; font-size: 38px; line-height: 46px;color: #0C1729;margin-bottom: 24px;}
.getQuote {position: relative;background-color: #2EA56C;border: 1px solid #2EA56C;border-radius: 6px;padding: 12px 15px;font-weight: 700; font-size: 16px; line-height: 22px; display: inline-flex;color: var(--white);align-items: center; transition: all 0.2s ease-in;}
.getQuote span {position: relative;width: 10px;height: 12px;overflow: hidden;margin-left: 10px;display: flex;}
.getQuote span img {object-fit: contain;}
.getQuote:hover {color: var(--white);background-color: #0C1729;border-color: #0C1729;}


.service-section {position: relative;display: block;margin-bottom: 72px;}
.service-section .service-wrap {position: relative;display: block;}
.service-section .service-wrap .sertvice-list {position: relative;display: flex; justify-content: space-between;}
.service-wrap .sertvice-list .service-list-item {position: relative;display: flex;width: 32%; margin-right: 20px;}
.service-wrap .sertvice-list .service-list-item:last-child {margin-right: 0;}
.sertvice-list .service-list-item figure {position: relative;display: block;width: 55px; height: 55px; overflow: hidden;margin: 0 24px 0 0;flex: 0 0 55px;}
.sertvice-list .service-list-item figure img {object-fit: contain;}
.sertvice-list .service-list-item .sinfo {position: relative;display: block;}
.sertvice-list .service-list-item .sinfo h5 {font-weight: 600; font-size: 16px; line-height: 26px; color: #0C1729; margin-bottom: 20px;}
.sertvice-list .service-list-item .sinfo p {font-weight: 400; font-size: 16px; line-height: 24px; color: var(--black);margin-bottom: 0;}

.travel-mind {position: relative;display: block;background-color: #F5F8FA;padding: 64px 0;margin-bottom: 64px;}
.travel-mind .travel-fold {position: relative;display: flex;}
.travel-mind .travel-fold .travel-info {position: relative;display: block;margin-right: 45px;}
.travel-fold .travel-info figure { position: relative; display: block; width: 330px; height: 330px;overflow: hidden;border-radius: 6px;margin-bottom: 30px;}
.travel-mind .travel-fold .travel-info .getQuote span {display: flex;height: 12px;}
.travel-fold .travel-info .policy-doc {position: relative;display: flex; justify-content: center;font-weight: 400; font-size: 16px; line-height: 20px;color: var(--black);align-items: center;}
.travel-fold .travel-info .policy-doc span {position: relative;display: block;width: 20px;height: auto;overflow: hidden;margin-right: 16px;}
.travel-fold .travel-info .getQuote {position: relative;display: flex;align-items: center; max-width: 140px; justify-content: center; white-space: nowrap;margin: 0 auto 20px;}
.travel-mind .travel-fold .travel-plan {position: relative;width: 100%;display: block;}
.travel-mind .travel-fold .travel-plan .plans {position: relative;}
.travel-fold .travel-plan .plans .plan-header {position: relative; display: flex; border-bottom: 1px solid #D0D8DB; padding-left: 140px; justify-content: space-between;}
.travel-plan .plans .plan-header .hplan {position: relative;display: block;text-align: center;width: 32%; margin-right: 16px;padding: 24px 0;}
.travel-plan .plans .plan-header .hplan:last-child {margin-right: 0;background-color: #0C1729; border-radius: 10px 10px 0 0;}
.travel-plan .plans .plan-header .hplan:last-child span {color: var(--white);opacity: 1;}
.travel-plan .plans .plan-header .hplan figure {position: relative;display: block;width: 26px; height: auto;overflow: hidden;margin: 0 auto 12px;}
.travel-plan .plans .plan-header .hplan span {position: relative;display: block;text-align: center;font-weight: 600; font-size: 18px; line-height: 26px;color: #0C1729; opacity: 0.8;}
.travel-mind .travel-fold .travel-plan .plan-row {position: relative;display: flex;border-bottom: 1px solid #D0D8DB;}
.travel-fold .travel-plan .plan-row h5 {font-weight: 700; font-size: 14px; line-height: 20px; color: var(--black); margin-bottom: 0;width: 140px; flex: 0 0 140px; padding: 20px 0;}
.travel-fold .travel-plan .inner-plan {position: relative;display: flex;justify-content: space-between;width: 100%;}
.travel-fold .travel-plan .inner-plan .plan-name {width: 32%; margin-right: 16px;position: relative;display: flex; text-align: center;padding: 18px 15px;flex-flow: column; align-items: center; justify-content: center;}
.travel-fold .travel-plan .inner-plan .plan-name:last-child {margin-right: 0;background-color: var(--white);}
.travel-plan .inner-plan .plan-name .year {position: relative;display: flex;align-items: center;justify-content: center;margin-bottom: 8px;}
.travel-plan .inner-plan .plan-name .year .num-year{position: relative;display: block;font-weight: 400; font-size: 16px; line-height: 22px; color: var(--black); opacity: 0.7;word-break: break-all; text-align: start;}
.travel-plan .inner-plan .plan-name .year span {opacity: 0.7;}
.travel-plan .inner-plan .plan-name .year figure {position: relative;display: flex;width: 16px;height: 16px;margin: 0 8px 0 0; overflow: hidden; opacity: 0.5;}
.travel-plan .inner-plan .plan-name .year figure img {object-fit: contain;}
.travel-plan .inner-plan .plan-name span {font-weight: 400; font-size: 14px; line-height: 18px; color: var(--black); opacity: 0.35;}
.travel-plan .inner-plan .plan-name.gold-plan .year figure {opacity: 1;}
.travel-plan .inner-plan .plan-name.gold-plan .year .num-year {opacity: 1;font-weight: 700;}
.travel-mind .travel-fold .travel-plan .plan-title {position: relative;display: block;padding: 20px 0;font-weight: 700; font-size: 14px; line-height: 20px;border-bottom: 1px solid #0C1729;}
.travel-mind .travel-fold .travel-plan .plan-row.sub-plan h5 {position: relative;padding-left: 20px;}
.travel-mind .travel-fold .travel-plan .plan-row.sub-plan h5:after { content: ''; position: absolute; display: block; background-color: #000; width: 8px; height: 8px;
border-radius: 50%; left: 0; top: 30px;}
.travel-plan .plan-addon {position: relative;margin-top: 24px;}
.travel-plan .plan-addon .addon-title {position: relative; display: flex; align-items: center; background-color: #E1F2FF; padding: 20px; font-weight: 700; font-size: 14px; line-height: 20px; color: #0C1729; border-bottom: 1px solid #084774; cursor: pointer;}
.travel-plan .plan-addon .addon-title span {width: 16px; height: 16px;overflow: hidden;margin-right: 10px;position: relative;display: flex;}
.travel-mind .travel-fold p {position: relative;display: block;font-weight: 400; font-size: 18px; line-height: 25px;padding: 25px 0; color: var(--black);opacity: 0.7;margin-bottom: 0;}
.travel-mind .travel-fold p label {font-weight: 700;}


.faq-section {position: relative;display: block;margin-bottom: 72px;}
.faq-section .faq-list {position: relative;display: flex;}
.faq-section .faq-list .faq-item {position: relative;display: flex; width: 32%;margin-right: 70px; padding: 40px 40px 33px;flex-flow: column;height: 380px;background-color: #F5F8FA; justify-content: space-between;}
.faq-section .faq-list .faq-item p {font-weight: 600; font-size: 18px; line-height: 26px; color: var(--black);margin-bottom: 0;}
.faq-section .faq-list .faq-item .question {position: relative;display: block;width: 52px; height: 52px;border: 1px solid var(--black); border-radius: 50%; overflow: hidden; text-align: center; line-height: 45px;margin-left: auto;}
.faq-section .faq-list .faq-item .question img {width: 12px;height: auto;}
.faq-section .faq-list .faq-item:nth-child(2) {background-color: #CAE3E3;}
.faq-section .faq-list .faq-item:last-child{background-color: rgba(46, 165, 108, 0.25);margin-right: 0;}
.faq-section .faq-list .faq-item .info-text {overflow-y: scroll; font-size: 14px; line-height: 20px; display: none;}
.faq-section .faq-list .faq-item:hover p, .faq-section .faq-list .faq-item:hover a {  display: none;}
.faq-section .faq-list .faq-item:hover .info-text {display: block;}
.info-text::-webkit-scrollbar{ display: none;}


footer {position: relative;display: block;background-color: #0C1729;padding: 14px 0;margin-top: auto;}
footer .footer-fold {position: relative;display: flex;align-items: center;justify-content: space-between;}
footer .footer-fold .footer-widgets {position: relative;display: flex;align-items: center;}
footer .footer-fold .footer-widgets .flogo {position: relative;display: block;width: 30px;height: 30px;margin: 0 10px 0 0;}
footer .footer-fold .footer-widgets p {font-weight: 400; font-size: 14px; line-height: 20px; color: var(--white);margin-bottom: 0;}
footer .footer-fold .footer-widgets .flink {position: relative;display: block;margin-right: 22px;font-weight: 400; font-size: 14px; line-height: 20px; color: var(--white); transition: all 0.2s ease-in;}
footer .footer-fold .footer-widgets .flink:hover {color: #2EA56C;}
footer .footer-fold .footer-widgets .flink:last-child {margin-right: 0;}


.quote-main {position: relative;display: block;margin-top: 40px;}
.quote-main .quote-step {max-width: 700px;margin: 0 auto;}
.quote-main .quote-top {position: relative;display: block;}
.quote-main .quote-top .steps {position: relative;display: flex;align-items: center;justify-content: center;font-weight: 400;  font-size: 18px; line-height: 25px; color: var(--black);margin-bottom: 32px;}
.quote-main .quote-top .steps .number {position: relative; display: flex; margin-left: 9px; align-items: center;}
.quote-main .quote-top .steps .number .select {position: relative; display: block; width: 32px; height: 32px; background-color: #0C1729; color: var(--white); text-align: center; font-weight: 700; font-size: 18px; line-height: 30px; border-radius: 50%;margin-right: 10px;}
.quote-main .quote-top .steps .number .select:after {content: '/'; position: absolute; display: block; font-weight: 400;  font-size: 30px; line-height: 35px; color: #000; opacity: 0.35; top: -2px; right: -12px; transform: rotate(-10deg);}
.quote-main .quote-top .steps .number span{font-weight: 400; font-size: 18px; line-height: 25px; color: var(--black); opacity: 0.35;margin-left: 3px;}
.quote-main .quote-top h2 {font-weight: 400; font-size: 48px; line-height: 60px;display: block;text-align: center;color: var(--black);margin-bottom: 32px;}
.quote-main .quote-form {position: relative;display: block;}
.quote-main .quote-form form {position: relative;}
.quote-main .quote-form form .step-form {position: relative; display: block; max-width: 700px; margin: 0 auto 72px;}
.quote-form form .step-form .form-group {position: relative;display: block;margin-bottom: 24px;}
.quote-form form .step-form .form-group label,
.quote-form form .step-form .travelers,
.quote-form form .step-form .travelers label {font-weight: 400; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.25); margin-bottom: 12px;}
.quote-form form .step-form .form-check {border: 1px solid #D0D8DB; border-radius: 8px; padding: 11px 20px 10px 44px; min-height: unset;margin-bottom: 16px;position: relative;display: flex;align-items: center;}
.quote-form form .step-form .form-check label {margin-bottom: 0;}
.quote-form form .step-form .form-check:last-child {margin-bottom: 0;}
.quote-form form .step-form .form-check .form-check-input {width: 24px;height: 24px;border-radius: 50%;background-color: #00000040; border: 1px solid transparent;box-shadow: unset;outline: none;}
.quote-form form .step-form .form-group.promo-check .form-check .form-check-input {
  border-radius: 5px;
  background-color: #00000040;
}
.quote-form form .step-form .form-group.promo-check .form-check .form-check-input:checked {
  background-color: #0C1729;
  border-color: #0C1729;
}
.quote-form form .step-form .form-check .form-check-label {margin: 0 0 0 16px;white-space: pre-wrap;font-weight: 700;}
.quote-form form .step-form .form-check .form-check-input:checked[type=radio] {background-image: unset;background-color: var(--white);border-color: #0C1729;}
.quote-form form .step-form .form-check .form-check-input:checked[type=radio]:after { content: ''; position: absolute; display: block; width: 12px; height: 12px; background-color: #0C1729; border-radius: 50%; align-items: center; margin: 0 auto; top: 21px;  left: 26px;}
.quote-form form .step-form .form-check.active-field {border-color: #0C1729;}
.quote-form form .step-form .form-check.active-field label {color: #0C1729;font-weight: 700;opacity: 1;}
.quote-form form .step-form .form-check figure.info-img {width: 20px;height: 20px;justify-content: flex-end;margin: 0 0 0 auto;display: flex; cursor: pointer;}
.quote-form form .step-form .check-fold {position: relative;display: flex;}
.quote-form form .step-form .check-fold .form-check {margin-bottom: 0;}
.quote-form form .step-form .form-check .return {width: 24px; height: 24px; margin-left: 16px;display: flex;opacity: 0.2;}
.quote-form form .step-form .form-check .return img {object-fit: contain; }
.quote-form form .step-form .form-check.active-field .return {opacity: 1;}
.quote-form form .step-form .check-fold .form-check label {margin-right: 16px;}
.quote-form form .step-form .check-fold .form-check {min-width: 250px;}
.quote-form form .step-form .check-fold .form-check:not(:last-child) {margin-right: 16px;}
.quote-form form .step-form .date-fold {position: relative;display: flex; justify-content: space-between;margin-bottom: 8px;}
.quote-form form .step-form .date-fold .ss-form-control {padding-left: 60px;}
.quote-form form .step-form .date-fold .form-group {width: 48%;}
.quote-form form .step-form .date-fold .form-group .ss-form-control {width: 100%;text-transform: uppercase;}
.quote-form form .step-form .travelers {position: relative;display: block;opacity: 1;}
.quote-form form .step-form .travelers .travel-fold {position: relative;display: flex;align-items: center;padding: 12px 20px; border: 1px solid #D0D8DB; border-radius: 8px; margin-bottom: 16px;}
.quote-form form .step-form .travelers .travel-fold span {width: 32px;height: 22px;background-color: #0C1729;padding: 2px 12px; border-radius: 40px;font-weight: 400;
font-size: 14px; line-height: 18px;color: var(--white); margin-right: 16px;}
.quote-form form .step-form .travelers .travel-fold .tinput {width: auto; border: unset; outline: none;font-weight: 700; font-size: 18px; line-height: 25px;color: var(--black);flex: 1;}
.quote-form form .step-form .travelers .travel-fold .travel-text {font-weight: 400; font-size: 18px; line-height: 25px; color: #00000040; margin-left: auto;}
.quote-form form .step-form .travelers .travel-fold.add span {background-color: #D0D8DB; color: var(--black);}
.quote-main .quote-form form .step-form .getQuote {width: 320px;margin: 0 auto; justify-content: center; display: flex; padding: 13px 30px;}
.quote-form form .step-form .travelers .travel-fold .tinput::placeholder {color: rgba(0, 0, 0, 0.25);}
.quote-form form .step-form .travelers .travel-fold.add span {cursor: pointer;}
.quote-step {position: relative;}
.quote-step .trip-tab {position: relative;margin-bottom: 32px;}
.quote-step .trip-tab .nav-pills { justify-content: center;margin-bottom: 32px;}
.quote-step .trip-tab .nav-pills .nav-item:not(:last-child) {margin-right: 16px;}
.quote-step .trip-tab .nav-pills .nav-item .nav-link {padding: 15px 24px;font-weight: 400; font-size: 18px; line-height: 25px; border-radius: 6px; border: 1px solid #D0D8DB;color: var(--black);}
.quote-step .trip-tab .nav-pills .nav-item .nav-link.active {font-weight: 700;color: #0C1729; border: 1px solid #0C1729; background-color: #E1F2FF;}
.quote-step .trip-tab .tab-content {position: relative;display: block;}
.quote-form form .step-form .date-fold .form-group:after, .travel-details .travel-form .form-group.date:after {
  content: '';
  position: absolute;
  display: block;
  background-image: url(../images/calander.svg);
  width: 20px;
  height: 20px;
  background-size: cover;
  top: 52px;
  left: 22px;
}
.quote-form form .step-form .form-check figure.info-img span.quote-info,.person-cover-fold .pc-list-item h4 span.quote-info {
  width: 80%;
  display: none;
  background-color: white;
  color: black;
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.103);
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 2;
  font-size: 14px;
  font-weight: 400;
}
.person-cover-fold .pc-list-item h4 span.quote-info {width: 100%;height: auto;}
.quote-form form .step-form .form-check figure.info-img:hover span.quote-info {
  display: inline-block;
}
.quote-form form .step-form .form-check figure.info-img img{
  width: 20px;
  height: 20px;
}
.person-cover-fold .pc-list-item h4 span.info-img:hover .quote-info {
  display: block;
}

.trip-tab .tab-content .trip-plans {position: relative;}
.trip-tab .tab-content .trip-plans.plan-mobile {display: none;}
.trip-tab .tab-content .trip-plans .tp-list {justify-content: center;  position: relative;display: flex;}
.quote-main .quote-step.cover-step {max-width: 962px; margin-bottom: 56px;}
.trip-tab .tab-content .trip-plans .tp-list .tp-list-item {position: relative;display: block;margin-right: 16px;width: 33%;margin-right: 16px;}
.trip-tab .tab-content .trip-plans .tp-list .tp-list-item:last-child {margin-right: 0;}
.trip-plans .tp-list .tp-list-item .tp-list-header {position: relative;border-radius: 10px 10px 4px 4px; padding: 24px; height: 171px;}
.trip-plans .tp-list .tp-list-item .tp-list-header figure {position: relative; width: 34px; height: 34px; margin: 0 auto 19px; overflow: hidden;}
.trip-plans .tp-list .tp-list-item .tp-list-header h5 { font-weight: 600; font-size: 22px; line-height: 30px; position: relative; display: block; text-align: center; color: #0C1729; margin-bottom: 15px;}
.trip-plans .tp-list .tp-list-item .tp-list-header span {position: relative;display: block;text-align: center;font-weight: 400; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.35);}

.trip-plans.single .tp-list .tp-list-item.tp-silver .tp-list-header{background-color: #0C1729;text-align: center;}
.trip-plans.single .tp-list .tp-list-item.tp-silver .tp-list-header h5 {color: var(--white);}
.trip-plans.single .tp-list .tp-list-item.tp-silver .tp-list-header span {color: var(--white);border: 1px solid var(--white);border-radius: 30px;display: inline-block; padding: 3px  16px;}


.trip-plans.single .tp-list .tp-list-item.tp-gold.custom-style .tp-list-header{background-color: #0C1729;text-align: center;}
.trip-plans.single .tp-list .tp-list-item.tp-gold.custom-style .tp-list-header h5 {color: var(--white);}
.trip-plans.single .tp-list .tp-list-item.tp-gold.custom-style .tp-list-header span {color: var(--white);border: 1px solid var(--white);border-radius: 30px;display: inline-block; padding: 3px  16px;}


.trip-plans.multi .tp-list .tp-list-item.tp-gold .tp-list-header h5 {color: var(--white);}

.trip-plans.multi .tp-list .tp-list-item.tp-gold .tp-list-header{background-color: #0C1729;text-align: center;}
/* .trip-plans.multi .tp-list .tp-list-item.tp-gold .tp-list-header h5 {color: var(--white);} */
.trip-plans.multi .tp-list .tp-list-item.tp-gold .tp-list-header span {color: var(--white);border: 1px solid var(--white);border-radius: 30px;display: inline-block; padding: 3px  16px;}

.trip-plans.single .tp-list .tp-list-item.tp-silver p, .trip-plans.multi .tp-list .tp-list-item.tp-gold p{font-weight: 600; font-size: 12px; line-height: 16px;padding: 3px 30px; color: var(--white);background-color: #2EA56C;border-radius: 40px; position: absolute; display: block; left: 50px; right: 50px; top: -10px;}
.trip-plans .tp-list .tp-list-item .tp-list-body .tprice-item {position: relative;display: flex;justify-content: space-between;background-color: #F5F8FA;border-radius: 4px;margin-bottom: 3px;padding: 8px 12px; align-items: center;}
.tp-list .tp-list-item .tp-list-body .tprice-item h4 { font-weight: 700; font-size: 18px;line-height: 25px; color: var(--black); margin-bottom: 0; z-index: 2;}
.tp-list .tp-list-item .tp-list-body .tprice-item .tp-info {position: relative;margin-left: 30px;z-index: 2;}
.tp-list-item .tp-list-body .tprice-item .tp-info h6 {position: relative; font-weight: 400; font-size: 18px;line-height: 25px; color: rgba(0, 0, 0, 0.7);margin-bottom: 8px;}
.tp-list-item .tp-list-body .tprice-item .tp-info span {font-weight: 400; font-size: 14px; line-height: 18px;color: rgba(0, 0, 0, 0.35);white-space: nowrap;}

.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item {background-color: #E1F2FF;}
.tp-list .tp-list-item.tp-silver .tprice-item:after {content: ''; width: 65%; background-color: #E1F2FF; height: 100%; display: block; top: 0; position: absolute; z-index: 1;
left: 0;}
.tp-list .tp-list-item.tp-bronze .tprice-item:after {content: ''; width: 30%; background-color: #E1F2FF; height: 100%; display: block; top: 0; position: absolute; z-index: 1;
left: 0;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(1):after {width: 10%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(2):after {width: 67%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(3):after {width: 33%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(4):after {width: 25%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(5):after {width: 17%;}

.tp-list .tp-list-item.tp-silver .tprice-item:nth-child(1):after {width: 50%;}
.tp-list .tp-list-item.tp-silver .tprice-item:nth-child(2):after {width: 83%;}
.tp-list .tp-list-item.tp-silver .tprice-item:nth-child(3):after {width: 67%;}
.tp-list .tp-list-item.tp-silver .tprice-item:nth-child(4):after {width: 75%;}
.tp-list .tp-list-item.tp-silver .tprice-item:nth-child(5):after {width: 67%;}

.tp-list .tp-list-item .selct-fold {margin: 16px 20px;}
.tp-list .tp-list-item .select-btn {position: relative;display: block;color: #2EA56C;border: 1px solid #2EA56C; border-radius: 6px;font-weight: 400;
font-size: 18px; line-height: 25px; width: 100%; padding: 14px; background-color: transparent; transition: all 0.2s ease-in;}
.tp-list .tp-list-item .select-btn:hover,
.tp-list .tp-list-item .select-btn:focus,
.tp-list .tp-list-item .select-btn:active {background-color: #2EA56C; font-weight: 700; color: var(--white);}
/* .tp-list .tp-list-item.tp-gold .select-btn {background-color: #2EA56C; color: var(--white); font-weight: 700;} */
.quote-main .quote-step.cover-step .cover-footer {position: relative;display: block;}
.quote-step.cover-step .cover-footer .policy {position: relative;display: flex;align-items: center; justify-content: center; font-weight: 400;
font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.7); padding-bottom: 32px;margin-bottom: 32px; border-bottom: 1px solid #E0EAEE;}
.quote-step.cover-step .cover-footer .policy span {position: relative;display: block;width: 24px; height: auto;overflow: hidden; margin-right: 16px;}
.quote-step .cover-footer .back {position: relative;display: flex; justify-content: center;align-items: center;font-weight: 400; font-size: 18px; line-height: 25px;color: var(--black);}
.quote-step .cover-footer .back span {position: relative;display: block;width: 13px; height: auto;overflow: hidden; margin-right: 15px;}

.quote-main .quote-step.personalise-cover {max-width: 962px;margin-bottom: 66px;}
.personalise-cover .person-cover-fold {justify-content: center;  position: relative;display: flex;margin-bottom: 56px; align-items: flex-start;}
.personalise-cover .person-cover-fold .pc-list-item {position: relative;display: block;padding: 24px 32px;border: 1px solid #D0D8DB;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13); border-radius: 12px; width: 33%; margin-right: 16px;}
.personalise-cover .person-cover-fold .pc-list-item:last-child {margin-right: 0;}
.person-cover-fold .pc-list-item figure {position: relative;display: block;width: 72px; height: 72px; overflow: hidden; margin: 0 auto 32px;}
.person-cover-fold .pc-list-item h4 {position: relative; display: flex; font-weight: 600; font-size: 22px; line-height: 30px; justify-content: center; align-items: center;color: #0C1729;margin-bottom: 24px;}
.person-cover-fold .pc-list-item h4 span {width: auto;height: 100%;cursor: pointer;margin-left: 16px; display: flex; justify-content: flex-end;}
.person-cover-fold .pc-list-item .tag {position: relative;display: flex; justify-content: center;font-weight: 400; font-size: 18px; line-height: 25px;color: #0C1729; padding: 3px 16px; border: 1px solid #0C1729; border-radius: 30px; max-width: 74px; margin: 0 auto 24px;}
.person-cover-fold .pc-list-item .info {font-weight: 400; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.7); margin-bottom: 24px; min-height: 75px;}
.person-cover-fold .pc-list-item .add-cover {position: relative;padding-bottom: 32px; border-bottom: 1px solid #D0D8DB; margin-bottom: 24px;}
.person-cover-fold .pc-list-item .add-cover.includ .form-check.fcheck {display: none;}
.person-cover-fold .pc-list-item .add-cover.includ .included {display: flex;}

.person-cover-fold .pc-list-item .add-cover .form-check {padding: 14px;display: flex;align-items: center;justify-content: center; border: 1px solid #2EA56C; border-radius: 6px;}
.person-cover-fold .pc-list-item .add-cover .form-check .form-check-input {width: 24px; height: 24px; background-color: #D0D8DB; border: unset; border-radius: 4px; margin-right: 10px; box-shadow: unset; outline: none;}
.person-cover-fold .pc-list-item .add-cover .form-check label {font-weight: 400; font-size: 18px; line-height: 25px; color: #0C1729;}
.person-cover-fold .pc-list-item .add-cover .included {position: relative;display: none;align-items: center; background-color: #0C1729; border-radius: 6px; font-weight: 700;
font-size: 18px; line-height: 25px; color: var(--white);padding: 14px;justify-content: center;}
.person-cover-fold .pc-list-item .add-cover .included span {position: relative;display: block;width: 24px; height: 24px; overflow: hidden; margin-right: 10px;}
.person-cover-fold .pc-list-item .note {font-weight: 400; font-size: 18px; line-height: 25px; margin-bottom: 24px; color: rgba(0, 0, 0, 0.7);}
.person-cover-fold .pc-list-item .note b {color: var(--black); font-weight: 700;}
.person-cover-fold .pplan-list {position: relative;display: block;margin-bottom: 20px;}
.person-cover-fold .pplan-list .pplan-item {position: relative;display: flex; align-items: center; justify-content: space-between; padding: 24px 0; border-bottom: 1px solid #D0D8DB;}
.person-cover-fold .pplan-list .pplan-item h5 {font-weight: 700; font-size: 18px; line-height: 25px;color: var(--black); margin-bottom: 0; width: 136px;}
.pplan-list .pplan-item .pplan-detail {position: relative;}
.pplan-list .pplan-item .pplan-detail .pplan-price {position: relative;display: flex; align-items: center; font-weight: 700; font-size: 18px; line-height: 25px; color: var(--black);flex-wrap: wrap;}
.pplan-list .pplan-item .pplan-detail .pplan-price span {width: 20px; height: auto; margin-right: 8px; overflow: hidden;display: flex;flex: 0 0 20px; position: relative;}
.pplan-list .pplan-item .pplan-detail .price {font-weight: 400; font-size: 14px; line-height: 18px;color: rgba(0, 0, 0, 0.35);}
.pplan-list .pplan-item.sub-pplan {padding-left: 20px;}
.pplan-list .pplan-item.sub-pplan::after {content: ''; position: absolute; display: block; width: 6px; height: 6px; overflow: hidden; border-radius: 50%; top: 32px; left: 0;  background-color: var(--black);}
.quote-main .quote-step .getQuote {margin: 0 auto 32px; max-width: 320px; display: flex; justify-content: center;}

.quote-main .quote-step.travel-details {margin-bottom: 66px;}
.quote-main .travel-details .travel-form {position: relative;}
.quote-main .travel-details .travel-form h4 {font-weight: 600; font-size: 22px; line-height: 30px; color: #0C1729; margin-bottom: 32px; text-align: center; text-transform: capitalize;}
.quote-main .travel-details .travel-form .field-fold {position: relative;display: flex; justify-content: space-between;}
.travel-details .travel-form .form-group label {position: relative;display: block;}
.travel-details .travel-form .field-fold .form-group {width: 48%;}
.travel-details .travel-form .form-group .ss-form-control {width: 100%;}
.travel-details .travel-form .form-group.date .ss-form-control {padding-left: 60px;}
.travel-details .travel-form .form-group .country {position: relative; display: flex;}
.travel-details .travel-form .form-group .country .form-select {width: 104px; margin-right: 8px;flex: 0 0 104px;}
.quote-main .travel-details .travel-form .pholder {margin-bottom: 25px;}
.quote-main .travel-details .travel-form .step-form {margin-bottom: 0;}

.quote-main .quote-step.plan-review {margin-bottom: 56px;}
.quote-main .plan-review .plan-details {position: relative;display: block; padding-bottom: 52px; border-bottom: 1px solid #E0EAEE; margin-bottom: 44px;}
.quote-main .plan-review .plan-details .plans {position: relative;margin-bottom: 52px;}
.quote-main .plan-review .plan-details .plans:last-child {margin-bottom: 0;}
.plan-review .plan-details .plans .plan-title {position: relative; display: block; text-align: center; padding: 12px 20px 0; border-bottom: 1px solid #D0D8DB; border-radius: 10px 10px 0px 0px; margin-bottom: 20px;}
.plan-review .plan-details .plans .plan-title h4 {font-weight: 600; font-size: 22px; line-height: 30px; color: #0C1729; padding-bottom: 16px; border-bottom: 4px solid #0C1729;
margin-bottom: 0; display: inline-block;}
.quote-main .plan-review .plan-details .plans .plan-info {position: relative;display: block;}
.plan-review .plan-details .plans .plan-info .pdetail {position: relative;display: flex;margin-bottom: 12px;}
.plan-review .plan-details .plans .plan-info .pdetail:last-child {margin-bottom: 0;}
.plan-review .plan-details .plans .plan-info .pdetail label {width: 160px;margin-right: 12px;font-weight: 700; font-size: 18px; line-height: 25px;color: var(--black);margin-bottom: 0;}
.plan-review .plan-details .plans .plan-info .pdetail span {position: relative;display: block;font-weight: 400; font-size: 18px; line-height: 25px; color: var(--black);opacity: 0.7;}
.quote-main .plan-review .policy {position: relative;display: block;
  margin-bottom: 56px;
}
.quote-main .plan-review .policy .form-check {position: relative;display: flex;margin-bottom: 20px;}
.quote-main .plan-review .policy .form-check:last-child {margin-bottom: 0;}
.quote-main .plan-review .policy .form-check .form-check-input {width: 24px; height: 24px; background-color: #D0D8DB; border: 1px solid #D0D8DB; border-radius: 4px; margin-right: 16px; flex: 0 0 24px;margin-top: 0;}
.quote-main .plan-review .policy .form-check .form-check-input:checked,
.quote-main .plan-review .policy .form-check .form-check-input:focus {box-shadow: unset;outline: none;}
.quote-main .plan-review .policy .form-check .form-check-input:checked[type=checkbox] {background-image: url('../images/blue-check.png'); background-size: 15px; background-position: center;}
.quote-main .plan-review .policy .form-check label {font-weight: 400; font-size: 18px; line-height: 25px;color: var(--black); opacity: 0.35;}


.quote-main .confirm-pay {position: relative; margin-bottom: 56px;}
.quote-main .confirm-pay .quote-top p {position: relative;display: block; max-width: 492px; margin: 0 auto 32px; font-weight: 400; font-size: 18px; line-height: 25px;
text-align: center; color: rgba(0, 0, 0, 0.7);}
.quote-main .confirm-pay .bronze {position: relative; display: block; background-color: #F5F8FA; padding: 24px 32px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13);  border-radius: 12px; margin-bottom: 56px;}
.quote-main .confirm-pay .bronze .bronze-header { position: relative; display: flex; justify-content: space-between;}
.confirm-pay .bronze .bronze-header .bh-left { position: relative; margin-right: 10px;}
.confirm-pay .bronze .bronze-header .bh-left h5 { font-weight: 600; font-size: 22px; line-height: 30px; color: #000; margin-bottom: 12px;}
.confirm-pay .bronze .bronze-header .bh-left p {font-weight: 400; font-size: 18px; line-height: 25px; opacity: 0.7; margin-bottom: 0;}
.confirm-pay .bronze .bronze-header .bh-right { position: relative;}
.confirm-pay .bronze .bronze-header .bh-right .tag {position: relative; display: flex; flex-wrap: wrap; margin-bottom: 12px;}
.bronze .bronze-header .bh-right .tag span {font-weight: 400; font-size: 14px; line-height: 18px; padding: 7px 12px; background: #0C1729; border-radius: 40px;  margin-right: 8px; color: #fff;}
.bronze .bronze-header .bh-right .tag span:last-child{ margin-right: 0;}
.bronze .bronze-header .bh-right .tag span.active { font-weight: 400;font-size: 18px;line-height: 25px;color: #0C1729;padding: 3px 16px;border: 1px solid #0C1729;border-radius: 30px;background-color: transparent;}
.confirm-pay .bronze .bronze-header .bh-right .detail {font-weight: 400;  font-size: 16px;  line-height: 22px;color: #0C1729;display: flex;justify-content: flex-end;align-items: center;cursor: pointer;}
.confirm-pay .bronze .bronze-header .bh-right .detail span {position: relative;margin-left: 8px;width: 12px;height: 7px;overflow: hidden;display: flex;transition: all 0.3s ease-in;}
.confirm-pay .bronze.show-body .bronze-header .bh-right .detail span {transform: rotate(183deg);}
.quote-main .confirm-pay .bronze .bronze-body {position: relative;display: none;padding-top: 18px; border-top: 1px solid #E0EAEE; margin-top: 18px;}
.quote-main .confirm-pay .bronze.show-body .bronze-body {display: block;}
.quote-main .confirm-pay .bronze .bronze-body .plans {position: relative;display: flex; justify-content: space-between; margin-bottom: 24px;}
.confirm-pay .bronze .bronze-body .plans label {position: relative; display: block; margin-bottom: 0;font-weight: 700; font-size: 18px; line-height: 25px;color: #0C1729;}
.confirm-pay .bronze .bronze-body .plans span {position: relative; display: block; font-weight: 400; font-size: 18px; line-height: 25px; color: var(--black); opacity: 0.5;}
.confirm-pay .bronze .bronze-body .plans:nth-child(2) {margin-bottom: 16px;}
.confirm-pay .bronze .bronze-body .cover-car {font-weight: 400; font-size: 18px;line-height: 25px; color: var(--black);opacity: 0.7;display: flex;}
.confirm-pay .bronze .bronze-body .cover-car span {margin-left: auto;}

.confirm-pay .quote-form {position: relative;display: block;background-color: var(--white);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13); border-radius: 12px; padding: 24px 32px 40px;margin-bottom: 32px;}
.confirm-pay .quote-form .cart-title {position: relative;display: flex; justify-content: space-between;margin-bottom: 36px;}
.confirm-pay .quote-form .cart-title h5 {font-weight: 600; font-size: 22px; line-height: 30px; color: #0C1729; margin-bottom: 0;}
.confirm-pay .quote-form .cart-title .secure {position: relative;display: flex; align-items: center; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--black);  }
.confirm-pay .quote-form .cart-title .secure span {position: relative; display: flex; width: 11px; height: 14px; overflow: hidden; margin: 0 12px 0 0;cursor: pointer;}
.confirm-pay .quote-form .cart-title .secure label {opacity: 0.5; font-weight: 400;margin-bottom: 0;cursor: pointer;}
.confirm-pay .quote-form .form-group .visa-tag {margin: 0 0 0 auto; position: relative;display: flex;align-items: center; padding: 4px 16px;border: 1px solid #D0D8DB;
border-radius: 40px; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--black);}
.confirm-pay .quote-form .form-group .visa-tag-apply {margin: 0 0 0 auto; position: relative;display: flex;align-items: center; padding: 4px 16px;border: 1px solid #D0D8DB;
  border-radius: 40px; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--black);}
.confirm-pay .quote-form .form-group .visa-tag figure {width: 20px;height: 20px; overflow: hidden;margin: 0 8px 0 0;}
.confirm-pay .quote-form .form-group .visa-tag span {font-weight: 700; font-size: 16px; line-height: 22px; margin-left: 8px; color: #0C1729; cursor: pointer;}
.confirm-pay .quote-form .form-group .ss-form-control {width: 100%;}
.confirm-pay .quote-form .form-group .ss-form-control.card-field {padding: 11px 70px;}
.confirm-pay .quote-form .card-detail {position: relative;}
.confirm-pay .quote-form .card-detail figure {position: absolute; display: flex; width: 40px; height: 24px;overflow: hidden; padding: 4px 6px;border: 1px solid #E0EAEE;
border-radius: 4px;margin-bottom: 0; bottom: 11px; left: 20px;}
.confirm-pay .quote-form .card-detail span {font-weight: 400; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.25);margin-left: 16px; position: absolute;display: block; right: 20px; bottom: 11px;}
.confirm-pay .quote-form .field-fold {position: relative;display: flex; justify-content: space-between;}
.confirm-pay .quote-form .field-fold .form-group {width: 48%;margin-bottom: 0;}
.confirm-pay .quote-form .bill-title {font-weight: 600; font-size: 22px; line-height: 30px;color: #0C1729;margin-bottom: 20px; border-top: 1px solid #D0D8DB;padding-top: 30px; margin-top: 30px;}
.quote-main .confirm-pay.quote-step .card-form form .step-form {margin: 0 auto;}
.confirm-pay.quote-step .card-form form .step-form .getQuote {margin-top: 48px;}
.quote-main .confirm-pay .privacy-box {position: relative;display: flex; background-color: #F5F8FA;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13);
border-radius: 12px;padding: 24px 32px;margin-bottom: 56px;}
.quote-main .confirm-pay .privacy-box .pb-title {position: relative;display: flex; width: 220px; margin-right: 24px;flex: 0 0 220px;}
.quote-main .confirm-pay .privacy-box .pb-title figure {position: relative;display: block;width: 37px;height: 41px;overflow: hidden;margin: 0 22px 0 0;flex: 0 0 37px;}
.quote-main .confirm-pay .privacy-box .pb-title h5 {font-weight: 600; font-size: 22px; line-height: 30px;color: #0C1729; margin-bottom: 0;}
.quote-main .confirm-pay .privacy-box .pb-info {position: relative;display: flex;}
.confirm-pay .privacy-box .pb-info .pb-detail {position: relative;display: block; margin-right: 24px;width: 110px; text-align: center;}
.confirm-pay .privacy-box .pb-info .pb-detail:last-child {margin-right: 0;}
.privacy-box .pb-info .pb-detail span {position: relative;display: inline-block;font-weight: 700; font-size: 18px; line-height: 25px;color: #2EA56C;padding: 10px 16px; border: 1px solid #0C1729;border-radius: 30px; margin-bottom: 8px; background-color: var(--white);white-space: nowrap;}
.privacy-box .pb-info .pb-detail p {font-weight: 400; font-size: 14px; line-height: 18px; color: var(--black); opacity: 0.5; max-width: 70px;
margin: 0 auto;}

.quote-step.travel-confirm {position: relative;display: block;margin: 0 auto 70px;}
.quote-step.travel-confirm .quote-top .confirm-icon {position: relative;display: block;width: 72px; height: 72px; margin: 0 auto 32px;}
.quote-step.travel-confirm .confirm-box {position: relative;display: block;}
.quote-step.travel-confirm .confirm-box p {font-weight: 400; font-size: 18px; line-height: 25px; text-align: center;color: var(--black);opacity: 0.7; max-width: 454px; margin: 0 auto 12px;}
.quote-step.travel-confirm .confirm-box .captcha {position: relative;display: flex;width: 422px;margin: 0 auto;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13);
border-radius: 12px;background-color: var(--white);padding: 27px 32px; justify-content: space-between; margin-bottom: 24px;align-items: center;}
.quote-step.travel-confirm .confirm-box .captcha .sa-logo {position: relative;display: block;width: 40px;height: 40px;}
.quote-step.travel-confirm .confirm-box .captcha span {font-weight: 600; font-size: 22px; line-height: 30px; color: #0C1729;}
.quote-step.travel-confirm .confirm-box .captcha figure {position: relative;display: flex; width: 24px; height: 24px;margin: 0;}
.quote-step.travel-confirm .confirm-box .captcha figure span {position: absolute; display: none; color: #2EA56C; font-size: 16px; line-height: 20px; bottom: 5px; left: 40px;}
.quote-step.travel-confirm .getQuote {max-width: 200px; white-space: nowrap; margin-bottom: 32px;}
.quote-step.travel-confirm .note {font-weight: 700; font-size: 18px; line-height: 25px; text-align: center;font-weight: 400; max-width: 454px; margin: 0 auto;}
.quote-step.travel-confirm .note b {font-weight: 700;}


.policy-doc-main {position: relative;display: block;margin: 40px 0 56px;}
.policy-doc-main .policy-doc-fold {position: relative;}
.policy-doc-main .policy-doc-fold h1 {font-weight: 400; font-size: 40px; line-height: 52px;max-width: 700px; margin: 0 auto 36px;color: var(--black);text-align: center;}
.policy-doc-main .policy-doc-fold p {font-weight: 400; font-size: 16px; line-height: 20px;color: var(--black); opacity: 0.7;margin-bottom: 48px;display: block;text-align: center;}
.policy-doc-main .policy-doc-fold .important-box {position: relative;display: block; margin-bottom: 48px;}
.policy-doc-main .policy-doc-fold .important-box h3 {font-weight: 600; font-size: 26px; line-height: 35px;color: #2EA56C;position: relative;display: block;text-align: center; margin-bottom: 32px;}
.policy-doc-fold .important-box .doc-list {position: relative;display: flex;justify-content: space-between;}
.policy-doc-fold .important-box .doc-list .doc-list-item {position: relative;display: block; width: 32%;border: 1px solid #D0D8DB;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13); border-radius: 12px;background-color: var(--white); padding: 51px 24px;}
.policy-doc-fold .important-box .doc-list .doc-list-item figure {position: relative;display: block;width: 50px; height: 50px; overflow: hidden; margin: 0 auto 10px;}
.important-box .doc-list .doc-list-item h4 {font-weight: 600; font-size: 22px; line-height: 30px; text-align: center;color: #0C1729; margin-bottom: 20px;}
.important-box .doc-list .doc-list-item .download-btn,
.policy-doc-main .policy-doc-fold .policys .policy .download-btn {position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #0C1729; border-radius: 6px; max-width: 219px; margin: 0 auto;font-weight: 400; font-size: 16px; line-height: 22px; color: #0C1729; background-color: var(--white); padding: 11px 40px;}
.important-box .doc-list .doc-list-item .download-btn span,
.policy-doc-main .policy-doc-fold .policys .policy .download-btn span {position: relative;display: block;width: 18px; height: auto;overflow: hidden; margin-right: 10px;}
.important-box .doc-list .doc-list-item .download-btn:hover,
.policy-doc-main .policy-doc-fold .policys .policy .download-btn:hover {background-color: #efefef;}
.policy-doc-main .policy-doc-fold .policys {position: relative;}
.policy-doc-main .policy-doc-fold .policys .policy {position: relative;display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #D0D8DB;}
.policy-doc-main .policy-doc-fold .policys .policy .download-btn {margin: 0;}
.policy-doc-main .policy-doc-fold .policys .policy h4 {font-weight: 700; font-size: 16px; line-height: 20px;color: var(--black);margin-bottom: 0;}
.policy-doc-main .policy-doc-fold .policys .policy:last-child {border: unset;margin: 0;padding: 0;}

.sticky-text {position: fixed;display: flex;padding: 12px 8px;font-weight: 400; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.35);align-items: center;background: #FFFFFF; border-width: 1px 1px 0px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.05); box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.09); border-radius: 12px 12px 0px 0px;transform: rotate(-90deg);bottom: 300px; right: -75px;}
.sticky-text label {font-weight: 700; color: #2468E6; margin: 0 6px;}
.sticky-text span {position: relative;display: block;font-weight: 400; font-size: 12px; line-height: 16px;color: var(--black);}
.quote-main .confirm-pay .quote-form form .step-form .form-check .form-check-input:checked[type=radio]:after {top: 23px;}

form .form-group .select2-container .select2-selection--single { position: relative; display: block; padding: 11px 20px 10px; border: 1px solid #D0D8DB; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 25px; color: #0C1729; outline: none;   height: auto;}
form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { border: unset; background-image: url(../images/down-arrow.png); width: 13px;height: 10px; background-size: contain; background-repeat: no-repeat;  top: 21px; margin-left: -22px;}
form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 24px; padding: 0;
}
form .form-group.country .select2-container {width: 100% !important;}
form .form-group.ccode .select2-container {width: 104px !important; margin-right: 8px;}

.promoModal .modal-content {background-color: var(--white); border: unset; border-radius: 20px;}
.promoModal .modal-content .modal-body {padding: 30px 32px;}
.promoModal .modal-content .modal-body .pm-title {font-weight: 600; font-size: 22px; line-height: 30px; color: #0C1729; margin-bottom: 20px;}
.promoModal .modal-body form {position: relative;}
.promoModal .modal-body form .form-group {position: relative;display: flex; margin-bottom: 56px; border: 1px solid #D0D8DB; border-radius: 8px; padding: 11px 20px; justify-content: flex-start;}
.promoModal .modal-body form .form-group:last-child {margin-bottom: 0;}
.promoModal .modal-body form .form-group .form-check .form-check-label {font-weight: 700; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.25);white-space: nowrap;}
.promoModal .modal-body form .form-group .form-check .form-check-input {width: 24px; height: 24px; background-color: #D0D8DB; border-radius: 4px; margin-right: 16px; border: 1px solid #D0D8DB; margin-top: 0;}
.promoModal .modal-body form .form-group .form-check .form-check-input:checked {background-color: #0C1729; border-color: #0C1729;}
.promoModal .modal-body form .form-group .form-check .form-check-input:focus {box-shadow: unset; outline: none;}
.promoModal .modal-body form .form-group.active {border-color: #0C1729;}
.promoModal .modal-body form .form-check {margin-bottom: 0;display: flex; align-items: center;}
.promoModal .modal-body form .form-group .cnumber {border: unset; box-shadow: unset; outline: none; font-size: 14px; line-height: 20px; color: var(--black); opacity: 0.8; width: 55%;}
.promoModal .modal-body form .form-group .apply {position: relative;display: inline-block; padding: 4px 16px;font-weight: 700;
font-size: 16px; line-height: 22px;color: #0C1729; text-transform: capitalize; border: 1px solid #D0D8DB; border-radius: 50px; cursor: pointer;margin-left: auto;}
/* .promoModal .modal-body form .form-group:nth-child(2) .form-check .form-check-label {color: #0C1729;} */
.promoModal .modal-body form .form-group.active .form-check-label {color: #0C1729;}
.promoModal .modal-body form .form-group .visa-tls {position: relative;display: flex;align-items: center;border: 1px solid #D0D8DB; border-radius: 50px; cursor: pointer;font-size: 14px; line-height: 18px; font-weight: 400; color: var(--black);padding: 5px 16px; white-space: nowrap;}
.promoModal .modal-body form .form-group .visa-tls figure {width: 20px; height: 20px; margin-right: 8px;overflow: hidden; margin-bottom: 0; flex: 0 0 20px;}
.promoModal .modal-body form .form-group .visa-tls span {font-weight: 700; font-size: 16px;  line-height: 22px;color: #0C1729; margin-left: 8px;}
.card-form .select2-container {display: block;}
.cnumber     {border: unset;
box-shadow: unset;
outline: none;
background: none;

width: 44%;}
.apply{    font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  /* margin-left: 8px; */
  color: #0C1729;
  cursor: pointer;}

/* Custom */

 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
 }

 .alert-danger {
   background-color: #B22222;
 }

 .quote-form form .step-form .form-check.has-error,
 input.ss-form-control.datepickers.has-error,
 .travel-fold.has-error,
 input.ss-form-control.has-error,
 textarea.ss-form-control.has-error {
   border-color: red !important;
 }

 .quote-main .plan-review .policy .form-check .form-check-input.policy-checkbox.has-error {
   background-color: #ff000014;
   border-color: red;
 }

 .travel-text.has-error {
   color: red !important;
 }
 .travel-fold.add {
   margin-bottom: 45px !important;
 }
 .validation{
   color:red;
   font-size: 16px;
   margin-top: 10px;
   margin-bottom: 16px;
 }

 .policy-assistance{
  opacity: 1 !important;
  color: rgb(0 0 0 / 60%) !important;
  margin: 0 !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
 }

 #pay-trip-add-ons span {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: var(--black);
  opacity: 0.5;
}
.promocode-state.error{
  border-color: red !important;
}

/* travel plan mobile */

.travel-plan-mobile {position: relative; display: none;}
.travel-plan-mobile .tm-plans {position: relative;display: flex;}
.travel-plan-mobile .tm-plans .tm-plan {position: relative;width: 100%;display: none;}
.travel-plan-mobile .tm-plans .tm-plan.active {display: block;}
.travel-plan-mobile .tm-plans .tm-plan .tmp-header.sticky {	position:fixed;
	top: 70px;width: calc(100%  - 60px);z-index: 5;}
.travel-plan-mobile .tm-plans .tm-plan .tmp-header {position: relative;display: flex; align-items: center;background-color: #fff;
padding: 10px 20px; width: 100%; justify-content: space-around; border-radius: 12px; box-shadow: 0px 0px 20px rgb(201 201 201 / 35%);}
.tm-plans .tm-plan .tmp-header .hinfo {position: relative;display: flex; align-items: center;font-weight: 600; font-size: 18px; line-height: 26px;
color: #0C1729; opacity: 0.8;}
.tm-plans .tm-plan .tmp-header .hinfo figure {width: 26px; height: 26px; overflow: hidden; margin: 0 20px 0 0;display: flex;}
.tm-plans .tm-plan .tmp-header .prev,
.tm-plans .tm-plan .tmp-header .next {width: 15px; height: auto; cursor: pointer;opacity: 0.4;}
.tm-plans .tm-plan .tmp-body {position: relative;display: block; padding: 20px 0;}
.tm-plans .tm-plan .tmp-body .tmp-plan {position: relative;display: flex; padding: 15px 0; border-bottom: 1px solid #D0D8DB; align-items: center;}
.tm-plan .tmp-body .tmp-plan h5 { font-weight: 700; font-size: 14px; line-height: 20px; color: var(--black); margin-bottom: 0; width: 80%; position: relative; margin-right: 15px;}
.tm-plan .tmp-body .tmp-plan .plan-name { position: relative; display: flex; text-align: center; flex-flow: column; align-items: center; justify-content: center; flex: 1;}
.tmp-body .tmp-plan .plan-name .year {position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;}
.tmp-body .tmp-plan .plan-name .year figure {position: relative; display: flex; width: 16px; height: 16px; margin: 0 8px 0 0; overflow: hidden; opacity: 0.5;}
.tmp-body .tmp-plan .plan-name .year .num-year {position: relative; display: block; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--black); opacity: 0.7; word-break: break-all; text-align: start;}
.tm-plans .tm-plan .tmp-body .plan-title {position: relative; display: block; padding: 20px 0; font-weight: 700; font-size: 14px; line-height: 20px; border-bottom: 1px solid #0C1729;}
.tm-plans .tm-plan .tmp-body .plan-collapse {position: relative; display: flex; align-items: center; background-color: #E1F2FF;  padding: 20px;  font-weight: 700;  font-size: 14px;  line-height: 20px;  color: #0C1729;  border-bottom: 1px solid #084774;  cursor: pointer; margin-top: 20px;}
.tm-plans .tm-plan .tmp-body .plan-collapse p {position: relative; display: block; font-weight: 400; font-size: 18px; line-height: 25px;  padding: 25px 0; color: var(--black); opacity: 0.7; margin-bottom: 0;}
.tm-plans .tm-plan .tmp-body .tmp-plan.tp-sub-plan { padding-left: 30px !important;}
.tm-plans .tm-plan .tmp-body .tmp-plan.tp-sub-plan h5 { position: relative;}
.tm-plans .tm-plan .tmp-body .tmp-plan.tp-sub-plan h5:after { content: ''; position: absolute; display: block; background-color: #000;  width: 8px; height: 8px; border-radius: 50%; left: -20px; top: 5px;}
.tm-plan.gold .tmp-body .tmp-plan .plan-name .year figure {opacity: 1; height: auto;}
.tm-plans .tm-plan.gold .tmp-body .tmp-plan {background-color: #fff; padding: 15px;}
.tmp-body .tmp-plan.gold .plan-name .year .num-year {font-weight: 700;}
.travel-plan-mobile .tm-plans .tm-plan.gold .tmp-header {background-color: #0b1829;}
.tm-plans .tm-plan.gold .tmp-header .hinfo {color: #fff;}
.tm-plans .tm-plan.gold .tmp-header .prev,
.tm-plans .tm-plan.gold .tmp-header .next {filter: invert(1);}














@media only screen and (max-width:1500px) {
  .hero-section .hero-box {height: auto;}
  .hero-section .hero-box .hinfo h2 {font-size: 40px; line-height: 52px;}
  .ss-container {margin: 0 100px;}
  .ss-title {font-size: 36px; line-height: 50px;margin-bottom: 40px;}

  .travel-fold .travel-info .getQuote {margin: 0 0 30px;}
  .travel-fold .travel-info .policy-doc {justify-content: flex-start;}
  .travel-fold .travel-info figure {width: 400px; height: 330px;}
  .policy-doc-main .policy-doc-fold h1 {font-size: 40px; line-height: 52px; margin: 0 auto 30px;}
  .policy-doc-main .policy-doc-fold p {margin-bottom: 30px;}
  .quote-main .quote-top h2 {font-size: 40px;line-height: 52px;}
}

@media only screen and (max-width:1440px) {
  .service-wrap .sertvice-list .service-list-item {margin-right: 40px;flex-flow: column;}
  .sertvice-list .service-list-item figure {margin: 0 0 24px;}
  .faq-section .faq-list .faq-item {height: 300px; margin-right: 40px; padding: 30px;}
  .hero-section {height: 430px;}
  .travel-fold .travel-info figure {width: 400px; height: 300px;}
  .policy-doc-fold .important-box .doc-list .doc-list-item figure {width: 60px; height: 60px;}
  .important-box .doc-list .doc-list-item h4 {margin-bottom: 25px;}
  .policy-doc-fold .important-box .doc-list .doc-list-item {padding: 40px 25px;}
}

@media only screen and (max-width: 1439px) {
  .travel-mind .travel-fold {flex-flow: column;}
  .travel-mind .travel-fold .travel-info {margin: 0 0 50px;}
}
@media only screen and (max-width:1199px) {
  header .navbar .navbar-brand {width: 120px; height: auto; margin-right: 30px;}
  header .navbar .navbar-nav .nav-item {margin-right: 30px;}
  header .navbar .navbar-nav .nav-item .nav-link { font-size: 16px; line-height: 20px; }
  header .navbar .action a {font-size: 16px; line-height: 20px; margin-right: 20px;}
  .hero-section .hero-box .hinfo h2 {font-size: 30px;line-height: 42px;}
  .policy-doc-main .policy-doc-fold h1 {font-size: 30px;line-height: 42px;}
  .getQuote {padding: 12px 20px; font-size: 16px; line-height: 22px;}
  .ss-container {margin: 0 60px;}
  .ss-title {max-width: 550px; font-size: 28px; line-height: 40px; margin-bottom: 30px;}
  .sertvice-list .service-list-item figure {width: 55px; height: 55px; flex: 0 0 55px; margin: 0 0 15px;}
  .sertvice-list .service-list-item .sinfo h5 {margin-bottom: 15px; font-size: 20px; line-height: 30px;}
  .sertvice-list .service-list-item .sinfo p {font-size: 16px; line-height: 28px;}
  .hero-section,
  .service-section,
  .travel-mind,
  .faq-section {margin-bottom: 50px;}
  .travel-mind {padding: 50px 0;}
  .faq-section .faq-list .faq-item .question {width: 45px; height: 45px; line-height: 42px;}
  .hero-section .hero-box {width: 390px;}
  .travel-mind .travel-fold .travel-info .getQuote span {width: 10px;}
  .faq-section .faq-list .faq-item p {font-size: 18px; line-height: 24px;}
  .travel-plan .plans .plan-header .hplan span {font-size: 20px; line-height: 24px;}
  .travel-plan .plans .plan-header .hplan {padding: 18px 0;}
  .travel-fold .travel-plan .plan-row h5 {font-size: 16px; line-height: 22px; padding: 15px 0;}
  .travel-fold .travel-plan .inner-plan .plan-name {padding: 15px 10px;}
  .travel-plan .inner-plan .plan-name .year figure {width: 18px; height: 18px;}
  .travel-plan .inner-plan .plan-name .year .num-year {font-size: 16px; line-height: 22px;}
  .travel-mind .travel-fold .travel-plan .plan-title {padding: 20px 0; font-size: 16px; line-height: 22px;}
  footer .footer-fold .footer-widgets p {font-size: 16px; line-height: 22px;}
  footer .footer-fold .footer-widgets .flink {font-size: 16px; line-height: 22px; margin-right: 15px;}
  .quote-main .quote-top h2 {font-size: 30px; line-height: 42px;}
  .promoModal .modal-body form .form-group {margin-bottom: 25px;}
}

@media only screen and (max-width: 991px) {
  header {position: fixed;display: block;width: 100%;left: 0;top: 0;z-index: 2; background-color: var(--white);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
  .hero-section {padding-top: 110px;}
  header .navbar-toggler {border: unset; padding: 0; background-color: unset;}
  header .navbar-toggler .navbar-toggler-icon {background-image: unset;width: 25px; height: 25px;}
  header .navbar-toggler:focus {box-shadow: unset;}
  header .navbar-nav {padding: 20px 0 0 0;}
  header .navbar .navbar-nav .nav-item {margin: 0 0 15px;}
  .hero-section {background-position: bottom;}
  .hero-section .hero-box { width: 370px;}
  .hero-section .hero-box .hinfo h2 {font-size: 28px; line-height: 38px;}
  .policy-doc-main .policy-doc-fold h1 {font-size: 28px; line-height: 38px; margin: 0 auto 20px;}
  .policy-doc-main .policy-doc-fold p {margin-bottom: 20px;}
  .policy-doc-main .policy-doc-fold .important-box h3 {font-size: 20px; line-height: 26px;margin-bottom: 20px;}
  .ss-title {font-size: 26px; line-height: 38px;}
  .sertvice-list .service-list-item .sinfo h5 {font-size: 18px; line-height: 26px;}
  .sertvice-list .service-list-item .sinfo p {font-size: 16px; line-height: 28px;}
  .service-section .service-wrap .sertvice-list {flex-direction: column;}
  .service-wrap .sertvice-list .service-list-item:not(:last-child) {margin: 0 0 20px;}
  .service-wrap .sertvice-list .service-list-item {width: 100%;}
  .travel-fold .travel-info figure { width: 400px; height: 260px; margin-bottom: 20px;}
  .travel-fold .travel-info .getQuote {margin-bottom: 20px;}
  .travel-mind {padding: 30px 0;}
  .travel-plan .plan-addon .addon-title {padding: 18px; font-size: 16px; line-height: 20px;}
  .faq-section .faq-list .faq-item {height: 260px; margin-right: 20px; padding: 20px;}
  .faq-section .faq-list .faq-item p {font-size: 16px; line-height: 24px;}
  .travel-mind .travel-fold p {font-size: 16px; line-height: 22px; padding: 12px 0;}
  .policy-doc-main {margin: 100px 0 56px;}
  .important-box .doc-list .doc-list-item h4 {font-size: 20px; line-height: 24px; margin-bottom: 20px;}
  .important-box .doc-list .doc-list-item .download-btn span, 
  .policy-doc-main .policy-doc-fold .policys .policy .download-btn span {width: 18px; flex: 0 0 18px;}
  .important-box .doc-list .doc-list-item .download-btn, 
  .policy-doc-main .policy-doc-fold .policys .policy .download-btn {font-size: 16px; line-height: 24px;max-width: 100%;}
  .policy-doc-fold .important-box .doc-list .doc-list-item figure {width: 50px; height: 50px;}
  .quote-main {margin-top: 100px;}
  .quote-main .quote-top h2 {font-size: 28px; line-height: 38px; margin-bottom: 30px;}
  .quote-main .quote-top .steps {margin-bottom: 20px;}
  .trip-tab .tab-content .trip-plans .tp-list {overflow-x: scroll; margin: 0 20px; padding-top: 20px; flex-flow: column;}
  .trip-tab .tab-content .trip-plans .tp-list .tp-list-item {width: 450px; flex: 0 0 450px; margin: 40px auto 30px;}
  .trip-tab .tab-content .trip-plans .tp-list .tp-list-item:last-child {margin-right: auto;}
  .person-cover-fold .pc-list-item figure {width: 55px; height: 55px; margin: 0 auto 20px;}
  .person-cover-fold .pc-list-item h4 {font-size: 18px; line-height: 22px; margin-bottom: 20px;}
  .quote-main .travel-details .travel-form h4 {font-size: 20px; line-height: 28px;}
  .trip-plans .tp-list .tp-list-item .tp-list-header {padding: 30px 24px 25px;background-color: #0C1729;text-align: center;}
  .trip-plans .tp-list .tp-list-item.tp-gold p {top: -10px; left: 40px; right: 40px;}
  .personalise-cover .person-cover-fold {margin: 0 20px 56px; overflow-x: scroll; flex-flow: column;}
  .personalise-cover .person-cover-fold .pc-list-item {width: 450px; flex: 1; margin: 0 auto 30px;}
  .personalise-cover .person-cover-fold .pc-list-item:last-child {margin-right: auto;}
  .quote-form form .step-form .form-check {padding: 11px 20px 10px 35px;}
  .quote-form form .step-form .form-check .form-check-input {margin-top: 0;width: 18px;height: 18px;}
  .quote-form form .step-form .form-check .form-check-input:checked[type=radio]:after {width: 8px; height: 8px; top: 18px; left: 16px;}
  .quote-form form .step-form .form-group label, 
  .quote-form form .step-form .travelers,
  .quote-form form .step-form .form-group label, 
  .quote-form form .step-form .travelers, 
  .quote-form form .step-form .travelers label {font-size: 16px;line-height: 22px;margin-bottom: 10px;}
  .quote-form form .step-form .form-check .form-check-label {margin: 0 0 0 8px;}
  .quote-form form .step-form .form-check figure.info-img {width: 15px; height: 15px;}
  .quote-form form .step-form .form-check .return {width: 20px; height: 20px; margin-left: 10px;}
  .quote-form form .step-form .check-fold .form-check label {margin-right: 16px;}
  .quote-form form .step-form .form-group {margin-bottom: 15px;}
  .ss-form-control {font-size: 16px; line-height: 22px; padding: 14px 10px;}
  input[type="date"]::-webkit-calendar-picker-indicator {width: 16px; height: 16px; left: 10px;}
  .quote-form form .step-form .date-fold .ss-form-control { padding-left: 50px;}
  .quote-form form .step-form .travelers .travel-fold {padding: 10px 20px; margin-bottom: 15px;}
  .quote-form form .step-form .travelers .travel-fold .tinput {font-size: 16px; line-height: 22px;}
  .quote-form form .step-form .travelers .travel-fold .travel-text {font-size: 14px; line-height: 22px;}
  .quote-main .quote-form form .step-form .getQuote {padding: 10px 20px;}
  .quote-main .quote-step .getQuote {max-width: 270px;}
  .trip-plans .tp-list .tp-list-item .tp-list-header figure {width: 30px; height: 30px; margin: 0 auto 12px;}
  .trip-plans .tp-list .tp-list-item .tp-list-header h5 {font-size: 20px; line-height: 26px; margin-bottom: 15px; color: var(--white);}
  .trip-plans .tp-list .tp-list-item.tp-bronze .tp-list-header h5 {color: #e0a374;}
  .trip-plans .tp-list .tp-list-item.tp-silver .tp-list-header h5 { color: #dde2e7;}
  .trip-plans .tp-list .tp-list-item.tp-gold .tp-list-header h5 {color: #fefcbd;}


  .trip-plans .tp-list .tp-list-item .tp-list-header span {font-size: 16px; line-height: 22px; color: var(--white); border: 1px solid var(--white);
  border-radius: 30px; display: inline-block;  padding: 3px 16px;}
  .tp-list .tp-list-item .tp-list-body .tprice-item h4 {font-size: 16px; line-height: 22px;}
  .tp-list-item .tp-list-body .tprice-item .tp-info h6 {font-size: 14px; line-height: 20px; margin-bottom: 5px;}
  .tp-list .tp-list-item .select-btn {padding: 12px;}
  .person-cover-fold .pc-list-item .tag {font-size: 16px; line-height: 21px; margin: 0 auto 15px;}
  .person-cover-fold .pc-list-item .info {font-size: 14px; line-height: 24px; margin-bottom: 15px; min-height: auto;}
  .person-cover-fold .pc-list-item .add-cover .form-check .form-check-input {width: 20px; height: 20px; margin-top: 0;}
  .person-cover-fold .pc-list-item .add-cover .form-check label {font-size: 16px; line-height: 22px;}
  .person-cover-fold .pc-list-item .add-cover {padding-bottom: 20px;margin-bottom: 20px;}
  .person-cover-fold .pc-list-item .note {font-size: 16px; line-height: 24px; margin-bottom: 0;}
  .person-cover-fold .pplan-list .pplan-item {padding: 20px 0 20px 20px;}
  .person-cover-fold .pplan-list .pplan-item h5 {font-size: 16px; line-height: 22px;}
  .travel-details .travel-form .form-group.date .ss-form-control {padding-left: 50px;}
  .form-select {padding: 14px 10px; font-size: 16px; line-height: 22px;}
  .quote-main .plan-review .plan-details .plans {margin-bottom: 30px;}
  .plan-review .plan-details .plans .plan-info .pdetail label {font-size: 16px; line-height: 22px;} 
  .plan-review .plan-details .plans .plan-info .pdetail span {font-size: 16px; line-height: 22px;}
  .quote-main .plan-review .plan-details {margin-bottom: 40px; padding-bottom: 40px;}
  .confirm-pay .bronze .bronze-header .bh-left h5 {font-size: 20px; line-height: 28px; margin-bottom: 0;}
  .quote-main .confirm-pay .bronze .bronze-body .plans {margin-bottom: 12px;}
  .quote-main .confirm-pay .bronze {margin-bottom: 50px;}
  .confirm-pay .quote-form .cart-title {margin-bottom: 25px;}
  .quote-main .confirm-pay .privacy-box {flex-flow: column;}
  .quote-main .confirm-pay .privacy-box .pb-title {flex: 1; margin-bottom: 30px;width: auto; margin-right: 0;}
  .confirm-pay .privacy-box .pb-info .pb-detail {width: 33%;}
  .quote-form form .step-form .date-fold .form-group:after{ bottom: 16px; }
  header .navbar .action .contact-info {left: 0;width: 100%;box-shadow: unset; border-radius: 0;position: relative;top: 0; padding: 20px 0 0 0;}
  header .navbar .action {display: inline-flex;}
  header .navbar .action.active {flex-flow: column; align-items: flex-start; display: inline-flex;}
  header .navbar .action a.gbp {position: absolute;right: 0px;  z-index: 2;  top: -5px; margin: 0;}
  header .navbar .action.active a.header-contact-us {margin-right: 0;}
  header .navbar .action a {margin-right: 0; width: 125px;}
  .quote-form form .step-form .date-fold .form-group:after, .travel-details .travel-form .form-group.date:after{ top: 48px; }
  .personalise-cover .person-cover-fold .pc-list-item .pcl-bottom {display: none;}
  .personalise-cover .person-cover-fold .pc-list-item .pcl-top .add-cover {border-bottom: unset; padding-bottom: 0; margin-bottom: 0;}
  .personalise-cover .person-cover-fold .pc-list-item.collapse .pcl-top .add-cover {border-bottom: 1px solid #D0D8DB; padding-bottom: 20px; margin-bottom: 20px;}
  .personalise-cover .person-cover-fold .pc-list-item.collapse .pcl-bottom {display: block;}
  .trip-tab .tab-content .trip-plans.plan-web {display: none;}
  .trip-tab .tab-content .trip-plans.plan-mobile {display: block;}
}

@media only screen and (max-width: 767px) {
  .ss-container {margin: 0 30px;}
  .hero-section .hero-box .hinfo h2 {font-size: 26px; line-height: 32px;}
  .policy-doc-main .policy-doc-fold h1 {font-size: 26px; line-height: 32px;}
  .hero-section .hero-box .hinfo {padding: 30px 25px;}
  .hero-section, .service-section, .travel-mind, .faq-section { margin-bottom: 40px;}
  .ss-title { font-size: 22px; line-height: 34px; max-width: 100%; margin-bottom: 20px;}
  .sertvice-list .service-list-item .sinfo h5 {margin-bottom: 5px;}
  .sertvice-list .service-list-item figure { width: 45px; height: 45px; flex: 0 0 45px; margin: 0 0 10px;}
  .travel-fold .travel-info figure {width: 350px; height: 220px;}
  .travel-fold .travel-info .policy-doc {font-size: 16px; line-height: 20px;}
  .travel-fold .travel-info .policy-doc span {width: 18px; margin-right: 10px;}
  .faq-section .faq-list .faq-item .question {width: 35px; height: 35px; line-height: 30px;}
  .faq-section .faq-list .faq-item {height: 210px;}
  footer .footer-fold .footer-widgets .flogo {width: 25px; height: 25px; margin: 0 10px 0 0;}
  footer .footer-fold .footer-widgets p { font-size: 14px; line-height: 20px;}
  footer .footer-fold .footer-widgets .flink { font-size: 14px; line-height: 20px; margin-right: 15px;}
  .quote-main .quote-top h2 {font-size: 26px; line-height: 32px;}
  .quote-main .quote-step { max-width: 100%; margin: 0 30px 56px;}
  .pplan-list .pplan-item.sub-pplan::after {top: 25px;}
  .privacy-box .pb-info .pb-detail span {padding: 8px 26px;}
  .plan-review .plan-details .plans .plan-title h4 {font-size: 20px; line-height: 28px;}
  .quote-step.travel-confirm .quote-top .confirm-icon {width: 50px; height: 50px; margin: 0 auto 20px;}
  .personalise-cover .person-cover-fold {margin: 0 0 56px;}
  .travel-plan-mobile {display: block;}
  .travel-mind .travel-fold .travel-plan {display: none;}
}

@media only screen and (max-width:640px) {
  .travel-plan .plans .plan-header .hplan span { font-size: 16px; line-height: 20px;}
  .quote-main .confirm-pay .bronze .bronze-header {flex-flow: column;}
  .confirm-pay .bronze .bronze-header .bh-left {margin: 0 0 10px;}
  .confirm-pay .bronze .bronze-header .bh-right .tag {margin: 0;}
  .confirm-pay .bronze .bronze-header .bh-right {display: flex; justify-content: space-between;}
}

@media only screen and (max-width:575px) {
  .hero-section .hero-box .hinfo h2 {line-height: 34px;}
  .policy-doc-main .policy-doc-fold h1 {font-size: 24px;line-height: 34px;}
  .getQuote {padding: 10px 14px; font-size: 16px; line-height: 22px;}
  .travel-fold .travel-info .getQuote {max-width: 140px;}
  .travel-mind .travel-fold .travel-info .getQuote span {width: 8px;}
  .travel-fold .travel-plan .inner-plan .plan-name,
  .travel-plan .plans .plan-header .hplan {flex: 0 0 200px;width: 200px;margin-right: 0;}
  .travel-plan .inner-plan .plan-name .year {align-items: flex-start;}
  .travel-fold .travel-plan .plan-row h5 {font-size: 14px; line-height: 20px;width: 140px; flex: 0 0 140px;}
  .travel-mind .travel-fold .travel-plan {overflow-x: scroll;}
  .faq-section .faq-list {flex-flow: column;}
  .faq-section .faq-list .faq-item {width: 100%; margin: 0 0 20px;}
  .faq-section .faq-list .faq-item:last-child {margin: 0;}
  .travel-mind .travel-fold p {font-size: 14px; line-height: 20px;}
  .travel-mind .travel-fold .travel-plan .plan-row {border-bottom: unset;}
  .travel-fold .travel-plan .inner-plan .plan-name,
  .travel-fold .travel-plan .plan-row h5 {border-bottom: 1px solid #D0D8DB;}
  .travel-plan .plans .plan-header .hplan:nth-child(2) {border-bottom: 1px solid #D0D8DB;}
  .travel-mind .travel-fold .travel-plan .plan-title {border-bottom: unset;}
  .policy-doc-fold .important-box .doc-list {flex-flow: column;}
  .policy-doc-fold .important-box .doc-list .doc-list-item {width: 100%; margin-bottom: 20px;}
  .policy-doc-fold .important-box .doc-list .doc-list-item:last-child {margin-bottom: 0;}
  .quote-form form .step-form .check-fold,
  .quote-form form .step-form .date-fold,
  .quote-main .travel-details .travel-form .field-fold {flex-flow: column;}
  .quote-form form .step-form .check-fold .form-check:not(:last-child) {margin: 0 0 15px;}
  .quote-form form .step-form .date-fold .form-group,
  .travel-details .travel-form .field-fold .form-group {width: 100%;}
  .quote-form form .step-form .date-fold {margin-bottom: 0;}
  .quote-step .trip-tab .nav-pills .nav-item .nav-link {padding: 12px 30px;}
  .quote-step .trip-tab .nav-pills {margin-bottom: 20px;}
  .confirm-pay .privacy-box .pb-info .pb-detail {margin: 0 auto 20px;}
  .confirm-pay .privacy-box .pb-info .pb-detail:last-child {margin-bottom: 0;}
  .confirm-pay .quote-form .field-fold {flex-flow: column;}
  .confirm-pay .quote-form .field-fold .form-group {width: 100%;margin-bottom: 15px;}
  .quote-main .confirm-pay .privacy-box .pb-info {flex-flow: column;}
  .confirm-pay .privacy-box .pb-info .pb-detail {width: 100%;}
  .privacy-box .pb-info .pb-detail p {max-width: 100%;}
  .quote-main .quote-top h2 {font-size: 24px; line-height: 34px;}
  .confirm-pay .bronze .bronze-header .bh-left h5 {font-size: 18px; line-height: 26px;}
  .tm-plan .tmp-body .tmp-plan h5 {width: 50%;}
  .tm-plans .tm-plan .tmp-body .plan-collapse {padding: 20px 10px;}
}

@media only screen and (max-width:480px) {
  footer .footer-fold {flex-flow: column;}
  footer .footer-fold .footer-widgets:first-child {margin-bottom: 10px;}
  .hero-section .hero-box {width: 100%;}
  .hero-section {height: 350px;}
  .policy-doc-main .policy-doc-fold p {font-size: 16px; line-height: 24px;}
  .policy-doc-main .policy-doc-fold .important-box h3 {font-size: 18px; line-height: 24px;}
  .policy-doc-main .policy-doc-fold .policys .policy {flex-direction: column;}
  .policy-doc-main .policy-doc-fold .policys .policy h4 {margin-bottom: 15px;}
  .quote-form form .step-form .travelers .travel-fold {display: block;}
  .quote-form form .step-form .travelers .travel-fold .travel-text {margin-top: 10px;}
  .quote-step.travel-confirm .confirm-box .captcha {width: auto;}
  .quote-form form .step-form .form-check {align-items: flex-start;}
  .quote-form form .step-form .form-check .form-check-input:checked[type=radio]:after,
  .quote-main .confirm-pay .quote-form form .step-form .form-check .form-check-input:checked[type=radio]:after {top: 16px;}
  .personalise-cover .person-cover-fold .pc-list-item,
  .trip-tab .tab-content .trip-plans .tp-list .tp-list-item {width: 100%; flex: 1;}
  .quote-main .quote-step {margin: 0 20px 56px;}
  .quote-step .trip-tab .nav-pills .nav-item:not(:last-child){margin: 0 10px 10px 0;}
  .promoModal .modal-body form .form-group:last-child {flex-direction: column;}
  .promoModal .modal-body form .form-group .visa-tls {display: inline-flex; margin: 0 0 0 auto;}
  .tm-plans .tm-plan .tmp-header .prev, .tm-plans .tm-plan .tmp-header .next {width: 16px;}
  .tm-plans .tm-plan .tmp-header .hinfo figure {width: 20px; height: 20px;}
}

@media only screen and (max-width:393px) {
  .policy-doc-main .policy-doc-fold h1{font-size: 22px; line-height: 30px;}
  .ss-container {margin: 0 20px;}  
  .sertvice-list .service-list-item .sinfo h5 {font-size: 16px; line-height: 24px;}
  .sertvice-list .service-list-item .sinfo p {font-size: 14px; line-height: 26px;}
  .travel-plan .inner-plan .plan-name .year figure {width: 15px;height: 15px;}
  .travel-mind .travel-fold .travel-plan .plan-title {padding: 15px 0 0;}
  .travel-fold .travel-info figure {width: 100%;}
  .faq-section .faq-list .faq-item {height: 200px;}
  header .navbar {padding: 12px 0;}
  header .navbar .navbar-brand {width: 100px;}
  header .navbar-toggler .navbar-toggler-icon {width: 20px; height: 20px;}
  header .navbar .navbar-nav .nav-item .nav-link,
  header .navbar .action a {font-size: 14px; line-height: 18px;}
  header .navbar .action a.gbp {width: 25px; height: auto;}
  .getQuote { padding: 9px 12px; font-size: 14px; line-height: 18px; border-radius: 4px;}
  .getQuote span {width: 12px; height: 12px;}
  .important-box .doc-list .doc-list-item h4 {font-size: 18px;line-height: 20px;margin-bottom: 15px;}
  .policy-doc-fold .important-box .doc-list .doc-list-item {padding: 35px 25px;}
  .policy-doc-fold .important-box .doc-list .doc-list-item figure {width: 38px; height: 38px;}
  .quote-main .quote-top h2 { font-size: 22px; line-height: 30px;}
  .quote-step .trip-tab .nav-pills .nav-item .nav-link {font-size: 16px; line-height: 22px;padding: 10px 24px;}
  .person-cover-fold .pc-list-item figure {width: 40px; height: 40px; margin: 0 auto 15px;}
  .ss-form-control {font-size: 14px; line-height: 20px; padding: 12px 10px;}
  .travel-details .travel-form .form-group .country .form-select {width: 80px; flex: 0 0 80px;}
  .quote-main .quote-step .getQuote {min-width: max-content;}
  .quote-main .quote-form form .step-form .getQuote {width: 270px;}
  .person-cover-fold .pc-list-item .add-cover .included {font-size: 16px; line-height: 22px;}
  .quote-main .travel-details .travel-form h4 {margin-bottom: 20px; font-size: 18px; line-height: 24px;}
  .quote-main .quote-form form .step-form {margin: 0 auto 50px;}
  .personalise-cover .person-cover-fold .pc-list-item {padding: 24px 20px;}
  .pplan-list .pplan-item.sub-pplan::after {left: 5px;top: 35px;}
  .quote-main .plan-review .policy .form-check label {font-size: 14px; line-height: 20px;}
  .quote-main .plan-review .policy .form-check .form-check-input {width: 20px; height: 20px; margin-right: 12px; flex: 0 0 20px;}
  .plan-review .plan-details .plans .plan-info .pdetail {flex-flow: column;}
  .plan-review .plan-details .plans .plan-info .pdetail label {margin: 0 0 5px;}
  .plan-review .plan-details .plans .plan-info .pdetail span { font-size: 14px; line-height: 20px;}
  .plan-review .plan-details .plans .plan-title h4 {font-size: 18px; line-height: 24px;}
  .quote-main .confirm-pay .quote-top p {font-size: 16px; line-height: 22px; max-width: max-content; margin: 0 auto 22px;}
  .quote-main .confirm-pay .bronze {padding: 20px; margin-bottom: 30px;}
  .tp-list .tp-list-item .select-btn {font-size: 16px; line-height: 22px;}
  .quote-step.cover-step .cover-footer .policy {font-size: 16px; line-height: 22px; margin-bottom: 20px; padding-bottom: 20px;}
  .quote-step.cover-step .cover-footer .policy span {width: 18px;}
  .quote-step .cover-footer .back {font-size: 16px; line-height: 23px;}
  .quote-step .cover-footer .back span {font-size: 16px; line-height: 23px;}
  .confirm-pay .bronze .bronze-header .bh-left h5 {font-size: 16px; line-height: 24px; margin-bottom: 10px;}
  .confirm-pay .bronze .bronze-header .bh-left p {font-size: 14px; line-height: 22px;}
  .confirm-pay .bronze .bronze-body .plans label,
  .confirm-pay .bronze .bronze-body .plans span {font-size: 16px; line-height: 22px;}
  .quote-main .confirm-pay .bronze .bronze-body .plans {margin-bottom: 10px;}
  .confirm-pay .bronze .bronze-body .cover-car {font-size: 12px; line-height: 16px;}
  .trip-plans .tp-list .tp-list-item .tp-list-header figure {width: 26px; height: 26px;}
  .quote-form form .step-form .travelers .travel-fold .tinput {font-size: 14px; line-height: 20px;}
  .trip-plans .tp-list .tp-list-item .tp-list-header h5 { font-size: 18px; line-height: 22px; margin-bottom: 12px;}
  .tp-list .tp-list-item .tp-list-body .tprice-item h4 {font-size: 14px; line-height: 20px;}
  .person-cover-fold .pc-list-item h4 {font-size: 16px; line-height: 20px;}
  .person-cover-fold .pc-list-item h4 span {width: 16px; height: 16px; margin-left: 12px;}
  .person-cover-fold .pc-list-item .note {font-size: 14px; line-height: 22px;}
  .person-cover-fold .pplan-list .pplan-item h5 {font-size: 14px; line-height: 20px;}
  .pplan-list .pplan-item .pplan-detail .pplan-price {font-size: 16px; line-height: 22px;}
  .pplan-list .pplan-item .pplan-detail .pplan-price span {width: 16px; height: 16px; flex: 0 0 17px;}
  .person-cover-fold .pc-list-item .add-cover .form-check label {font-size: 14px; line-height: 20px;}
  .quote-form form .step-form .form-group label,
  .quote-form form .step-form .travelers,
  .quote-form form .step-form .form-group label,
  .quote-form form .step-form .travelers,
  .quote-form form .step-form .travelers label{font-size: 14px; line-height: 20px;}
  .quote-form form .step-form .form-check .return {width: 16px; height: 16px;}
  .quote-main .plan-review .plan-details .plans {margin-bottom: 20px;}
  .quote-main .plan-review .plan-details {margin-bottom: 30px; padding-bottom: 30px;}
  .confirm-pay .quote-form {padding: 24px 20px 40px;}
  .confirm-pay .quote-form .cart-title {flex-flow: column;}
  .confirm-pay .quote-form .cart-title .secure {justify-content: flex-end;}
  .confirm-pay .quote-form .cart-title h5 {margin-bottom: 5px; font-size: 18px; line-height: 28px;}
  .confirm-pay .quote-form .bill-title{font-size: 18px; line-height: 28px;}
  .confirm-pay .quote-form form .step-form .form-check {display: flex; flex-wrap: wrap;}
  .confirm-pay .quote-form .form-group .visa-tag { display: inline-flex;}
  .confirm-pay .quote-form .form-group .visa-tag-apply { display: inline-flex;}
  .quote-main .confirm-pay .privacy-box .pb-title h5 {font-size: 18px; line-height: 26px;}
  .quote-main .confirm-pay .privacy-box .pb-title figure {width: 30px; height: 33px; margin: 0 20px 0 0; flex: 0 0 30px;}
  .quote-main .confirm-pay .privacy-box .pb-title h5 {font-size: 18px; line-height: 26px;}
  .privacy-box .pb-info .pb-detail span {font-size: 16px; line-height: 24px;}
  .quote-step.travel-confirm .confirm-box .captcha {padding: 20px; border-radius: 6px;}
  .quote-step.travel-confirm .confirm-box .captcha .sa-logo {width: 30px; height: 30px;}
  .quote-step.travel-confirm .confirm-box .captcha span {font-size: 18px; line-height: 26px;}
  .quote-step.travel-confirm .confirm-box .captcha figure {width: 20px; height: 20px;}
  .quote-step.travel-confirm .note {font-size: 16px; line-height: 24px;}
  .quote-main .plan-review .policy {margin-bottom: 40px;}
  .quote-main .quote-step {margin: 0 10px 56px;}
  .promoModal .modal-body form .form-group .form-check .form-check-label {font-size: 14px; line-height: 18px;}
  .promoModal .modal-body form .form-group .form-check .form-check-input {width: 20px; height: 20px; margin-right: 12px;}
  .promoModal .modal-content .modal-body {padding: 30px 20px;}
  .travel-plan-mobile .tm-plans .tm-plan .tmp-header.sticky {top: 55px;width: calc(100%  - 30px); left: 10px;}
}


@media only screen and (max-width: 375px){
  .quote-main .quote-top h2 {font-size: 20px;line-height: 28px;}
  .quote-form form .step-form .date-fold .form-group:after{ bottom: 13px; }
  .quote-step .trip-tab .nav-pills .nav-item .nav-link:first-child {
    margin-right: 10px;
  }

  .quote-form form .step-form .date-fold .form-group:after, .travel-details .travel-form .form-group.date:after {
    top: 46px;
  }

}

@media only screen and (max-width: 325px){
  .confirm-pay .bronze .bronze-header .bh-right {display: block;}
}