@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{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: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  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 160px;}
.ss-title {font-weight: 400;font-size: 48px; line-height: 60px; color: rgb(143,39,170); margin-bottom: 56px; 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: rgb(74,85,91);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: #0A468C;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;}
.ss-form-control-full{ width: 100%;}
/* 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: 168px; height:42px; margin-right: 48px;}
header .navbar .navbar-nav .nav-item {position: relative; display: block; margin-right: 32px;}
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: 18px; line-height: 24px; 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: 18px; line-height: 24px; color: var(--black); opacity: 0.6; margin-right: 32px;}
header .navbar .action a.active {font-weight: 700; opacity: 1;}
header .navbar .action a.login { position: relative; display: flex; align-items: center; border-radius: 44px; border: 1px solid #D0D8DB;
background-color: #ffffff; opacity: 1; padding: 6px 20px 5px; min-width: 120px; justify-content: center; margin-right: 12px;}
header .navbar .action a.login figure { width: 24px; height: 24px; overflow: hidden; margin: 0 10px 0 0; display: flex;}
header .navbar .action .country-flag {position: relative;display: block; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.05); padding: 8px; margin-right: 12px;}
header .navbar .action .country-flag figure {margin: 0; width: 20px; height: 20px; border-radius: 50%; overflow: hidden;display: flex;}
.myr { width: 36px; height: 36px; overflow: hidden; border-radius: 50%; background-color: #FF9027; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; line-height: normal; color: var(--white); text-transform: uppercase; }


.hero-section {position: relative;display: block;background-image: url('../images/heroImage.png');width: 100%;height: 490px;background-size: cover;background-repeat: no-repeat;padding: 63px 0 59px; margin-bottom: 64px; background-position: center; }
.hero-section .hero-box {position: relative;display: block;width: 427px; height: 305px; background-color: var(--white);border-top: 8px solid rgb(143,39,170);}
.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: 48px; line-height: 51px;
color: rgb(143,39,170);  margin-bottom: 24px;}
.hero-section .hero-box .hinfo p {font-size: 18px; line-height: 24px; font-weight: 400; color: var(--black); margin-bottom: 24px;}
.getQuote { position: relative; background-color: rgb(143,39,170);  border: 1px solid rgb(143,39,170);  border-radius: 50px;  padding: 14px 30px; font-weight: 700; font-size: 18px; line-height: 24px; display: flex; color: var(--white); align-items: center;  transition: all 0.2s ease-in;  min-width: 170px;}
.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: #FF9027;border-color: #FF9027;}
.hero-section .hero-box .hinfo .getQuote  {padding: 14px 15px 15px 64px; display: inline-flex; min-width: 204px; background-image: url('../images/partner-logo.svg'); background-repeat: no-repeat;
  background-size: 24px; background-position: left 30px center;}

.service-section {position: relative;display: block;margin-bottom: 176px;}
.service-section .service-wrap {position: relative;display: block;}
.service-section .service-wrap .ss-title { max-width: unset; display: flex; align-items: center; flex-wrap: wrap;}
.service-section .service-wrap .ss-title span { width: 186px; height: 72px; overflow: hidden; margin: 0 16px; }
.service-section .service-wrap .sertvice-list { position: relative;display: flex; gap: 15px; flex-wrap: wrap; justify-content: space-between;}
.service-wrap .sertvice-list .service-list-item { position: relative; display: flex; width: 29%; padding: 20px;}
.benifits-main{ display: flex;     flex-wrap: wrap; justify-content: flex-start;  }
.service-section .service-wrap .benifit-row { position: relative; width: 70%; }
.service-section .service-wrap .benifit-row .service-list-item{ width: 31%; flex-direction: column; text-align: center; align-items: center; justify-content: flex-start;}
.service-section .service-wrap .takaful-row{ width: 30%;  }
.service-section .service-wrap .takaful-row .service-list-item{ width: 100%; background-color: transparent; flex-direction: column; text-align: center; align-items: center; justify-content: flex-start;}
.sertvice-list .service-list-item figure {position: relative;display: block;width: 82px; height: 82px; overflow: hidden;margin: 0 0 24px 0; flex: 0 0 82px;}
.sertvice-list .service-list-item figure img {object-fit: contain;}
.sertvice-list .service-list-item .sinfo {position: relative;display: block; min-height: 169px; }
.sertvice-list .service-list-item .sinfo h5 { font-weight: 600; font-size: 22px; line-height: 29px; color: #000000; margin-bottom: 15px; min-height: 87px;}
.sertvice-list .service-list-item .sinfo p {font-weight: 400; font-size: 18px; line-height: 24px; color: var(--black);margin-bottom: 0;}

.travel-mind { position: relative; display: block; background-color: #F5F8FA; padding: 64px 0 72px; margin-bottom: 64px;}
.travel-mind .travel-header {position: relative; display: flex;  align-items: center;  margin-bottom: 56px; }
.travel-mind .travel-header .ss-title { margin: 0 56px 0 0; }
.travel-mind .travel-header .travel-tab {position: relative; gap: 16px;}
.travel-mind .travel-header .travel-tab.mobile-travel-tab {display: none;}
.travel-header .travel-tab .nav-item .nav-link {color:#000; font-size: 18px; font-weight: 400; line-height: normal; padding: 15px 24px; border: 1px solid #D0D8DB; border-radius: 50px; text-transform: capitalize;}
.travel-header .travel-tab .nav-item .nav-link.active { border-radius: 100px; border: 1px solid #CDAF8A; background-color: #F6F1EB; color: #5E4930; font-weight: 700;}
.travel-mind .travel-fold {position: relative;display: flex;}
.travel-mind .travel-fold .tab-content {width: 100%;}
.travel-mind .travel-fold .tab-content.tf-mobile {display: none;}
.travel-mind .travel-fold .travel-info {position: relative;display: block;margin-right: 45px;}
.travel-fold .travel-info figure { position: relative; display: block; width: 394px; height: 394px; overflow: hidden; border-radius: 10px; margin-bottom: 41px;}
.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: 18px; line-height: 24px; color: var(--black);align-items: center;}
.travel-fold .travel-info .policy-doc span {position: relative; display: block; width: 24px; 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 32px;}
.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: #0A3A81; 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: 129px; height: 50px; overflow: hidden; margin: 0 auto 8px; }
.travel-plan .plans .plan-header .hplan span { position: relative; display: block; text-align: center; font-weight: 600; font-size: 22px; line-height: 29px; color: #0A468C; 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: 18px; line-height: 24px; color: var(--black); margin-bottom: 0;width: 140px; flex: 0 0 140px; padding: 24px 0; margin-right: 16px;}
.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 .family { position: absolute; display: flex; left: 0; width: 16px; height: 16px; overflow: hidden; }
.travel-fold .travel-plan .inner-plan .plan-name:last-child {margin-right: 0;background-color: var(--white);}
.travel-plan .inner-plan .plan-name .year { display: flex; align-items: center; justify-content: center;}
.travel-plan .inner-plan .plan-name .year .num-year{position: relative;display: block;font-weight: 400; font-size: 18px; line-height: 24px; 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: 20px; height: 20px; margin: 0 8px 0 0; overflow: hidden; opacity: 0.5;}
.travel-plan .inner-plan .plan-name .year figure.not-cover {opacity: 0.15;}
.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; margin-top: 8px;}
.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: 24px 0; font-weight: 700; font-size: 18px; line-height: 24px;  border-bottom: 1px solid #0A468C; color: #0A468C; }
.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: #0A468C; 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-header { position: relative; display: flex;  justify-content: space-between;  margin-bottom: 56px;  align-items: center; }
.faq-section .faq-header .ss-title { margin-bottom: 0;}
.faq-section .faq-header .question { position: relative;  display: flex;  padding: 14px 32px;  border: 1px solid rgb(143,39,170);  border-radius: 50px;  font-size: 18px;  line-height: 24px;  font-weight: 400;  color: rgb(143,39,170);  align-items: center;}
.faq-section .faq-header .question span { position: relative; display: flex;  margin-left: 10px;  width: 13px;  height: 15px;}
.faq-section .faq-header .question span img { object-fit: contain;}
.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;}


.airline {position: relative;display: block; margin-bottom: 56px;}
.airline .airfolds { position: relative; display: flex;  align-items: center;  justify-content: center; }
.airline .airfolds .air-detail { position: relative;  display: block;  background-color: #F5F8FA;  width: 550px;  padding: 28px 40px; z-index: 1;}
.airline .airfolds .air-detail h5 { color: rgb(143,39,170);  font-family: "Montserrat", sans-serif; font-size: 48px;  font-style: normal;  font-weight: 700;  line-height: 60px;
margin-bottom: 10px; }
.airline .airfolds .air-detail p { color: var(--Black, #000);  font-family: "Montserrat", sans-serif;  font-size: 48px;  font-style: normal;  font-weight: 400;  line-height: 60px;
margin: 0; }
.airline .airfolds figure {position: relative;display: block; width: 482px; height: 537px; border-radius: 10px; overflow: hidden; margin-left: -100px;}


.etiqa {position: relative;display: flex; align-items: center; justify-content: center;color: var(--Black, #000); font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 32px;
 background: #F5F8FA; padding: 20px; }
.etiqa span {position: relative;display: block;width: 123px; height: auto; margin: 0 0 0 12px; flex: 0 0 123px; margin-left: 15px; }


.claim-line {position: relative;display: block; background-color: rgb(143,39,170); padding: 17px 0;}
.claim-line .claim-fold {position: relative;display: flex; align-items: center; justify-content: space-between;}
.claim-line .claim-fold h5 {font-size: 22px; line-height: 29px; font-weight: 600; color: var(--white); margin-bottom: 0;}
.claim-line .claim-fold p {font-size: 18px; line-height: 24px; font-weight: 400; color: var(--white); margin-bottom: 0;}
.claim-line .claim-fold .submit-claim {position: relative;display: flex; align-items: center; padding: 14px 30px; border: 1px solid #FFFFFF; border-radius: 50px; font-size: 18px; line-height: 24px; font-weight: 400; color: #fff;}
.claim-line .claim-fold .submit-claim span {position: relative;display: flex; width: 13px; height: 16px; margin-left: 10px;}
.claim-line .claim-fold .submit-claim span img {object-fit: contain;}

footer {position: relative;display: block;background-color: #FF9027;padding: 15px 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: 176px;height: 68px; margin: 0 16px 0 0;}
footer .footer-fold .footer-widgets p { font-weight: 400; font-size: 18px; line-height: 24px; color: #fff; margin-bottom: 0; }
footer .footer-fold .footer-widgets .flink {position: relative;display: block;margin-right: 22px;font-weight: 400; font-size: 18px; line-height: 24px; color: #fff;}
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: 821px;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: #FF9027; 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: rgb(143,39,170);    width: 700px;margin: 0 auto 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: 821px; 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.6); margin-bottom: 12px;}
.quote-form form .step-form .form-group label.error{ margin-bottom: 0;}
.quote-form form .step-form .form-check {border: 1px solid #D0D8DB; border-radius: 8px; padding: 10px 16px 10px 37px; 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 { flex: 0 0 24px; margin-top: 0; 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: #0A468C;  border-color: #0A468C; }
.quote-form form .step-form .form-check .form-check-label {margin: 0 0 0 16px;white-space: pre-wrap;font-weight: 700; color: rgba(0, 0, 0, 0.25);}
.quote-form form .step-form .form-check.active .form-check-label { color: #0A468C;}
.quote-form form .step-form .promo-check .form-check figure{ width: 112px; height: 24px; margin-bottom: 0; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); opacity: 0.4; margin-left: 16px; flex: 0 0 112px;}
.quote-form form .step-form .form-check .form-check-input:checked[type=radio] {background-image: unset;background-color: var(--white);border-color: rgb(143,39,170);}
.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: rgb(143,39,170); border-radius: 50%; align-items: center; margin: 0 auto; top: 17px;  left: 19px;}
.quote-form form .step-form .form-check.active-field {border-color: #0A468C;}
.quote-form form .step-form .form-check.active-field label {color: #0A468C;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; filter: grayscale(100%);}
.quote-form form .step-form .form-check .return img {object-fit: contain; }
.quote-form form .step-form .form-check.active-field .return {opacity: 1; filter: grayscale(0);}
.quote-form form .step-form .check-fold .form-check label {margin-right: 16px;}
.quote-form form .step-form .check-fold .form-check { min-width: 220px; }
.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: #0A468C;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: 8px auto 0; 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 .trip-center {display: block; text-align: center; margin-bottom: 32px;}
.quote-step .trip-tab .trip-line { position: relative; display: inline-flex; border: 1px solid #D0D8DB;  border-radius: 50px;  align-items: center;  font-size: 14px;  line-height: 18px;  color: #0A468C;  padding: 8px 16px; }
.quote-step .trip-tab .trip-line:before { content: ''; position: absolute; display: block; width: 11px; height: 11px; background-color: white; top: -6px; right: 50px; transform: rotate(45deg); border: 1px solid #D0D8DB; border-right: none; border-bottom: none; }
.quote-step .trip-tab .trip-line figure { width: 15px; height: 15px; margin: 0 10px 0 0; display: flex;}
.quote-step .trip-tab .trip-line figure svg{ fill: #D0D8DB;}
.quote-step .trip-tab .trip-active .trip-line figure svg{ fill: #0A3A81;}
.quote-step .trip-tab .trip-active .trip-line{ border: 1px solid #0A3A81; }
.quote-step .trip-tab .trip-active .trip-line:before{ border-color: #0A3A81;}
.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: 24px; border-radius: 50px; border: 1px solid #D0D8DB;color: var(--black);}
.quote-step .trip-tab .nav-pills .nav-item .nav-link.active { font-weight: 700; color: #fff; border: 1px solid #CDAF8A;  background-color: #FF9027;}
.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: 128px;}
.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: #0A468C; 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: #FF9027;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: #0A468C;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: #0A468C;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 20px; color: var(--white);background-color: rgba(255, 126, 0, 1);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: 1;}
.tp-list .tp-list-item .tp-list-body .tprice-item .tp-info {position: relative;margin-left: 30px;z-index: 1;}
.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;
text-align: right;}
.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;}

.tp-list .tp-list-item.tp-silver .tprice-item:after {content: ''; width: 100%; background-color: #F6F1EB; height: 100%; display: block; top: 0; position: absolute; z-index: 0;
left: 0;}
.tp-list .tp-list-item.tp-bronze .tprice-item:after {content: ''; width: 30%; background-color: #F6F1EB; height: 100%; display: block; top: 0; position: absolute; z-index: 0;
left: 0;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(1):after {width: 0;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(2):after {width: 100%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(3):after {width: 50%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(4):after {width: 61%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(5):after {width: 70%;}
.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(7):after{width: 100%;}

.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:after {content: ''; width: 30%; background-color: #F6F1EB; height: 100%; display: block; top: 0; position: absolute; z-index: 0;
  left: 0;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(1)::after{ width: 91%;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(2)::after{ width: 100%;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(3)::after{ width: 83%;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(4)::after{ width: 75%;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(5)::after{ width: 82%;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(6)::after{ width: 66%;}
.trip-plans .tp-list .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(7)::after{ width: 100%;}

/*.tp-list .tp-list-item.tp-bronze .tprice-item:nth-child(3) h4{ width: 136px;}*/

.tp-list .tp-list-item .selct-fold {margin: 16px 20px;}
.tp-list .tp-list-item .select-btn {position: relative;display: block; color: rgb(143,39,170);border: 1px solid rgb(143,39,170); border-radius: 30px;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: #FF9027; border-color: #FF9027; 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: 840px; margin-bottom: 66px;}
.quote-step.personalise-cover .persnalize-fold {position: relative;display: block;}
.personalise-cover .persnalize-fold .persnalize-item {position: relative;display: flex; border: 1px solid #D0D8DB; padding: 24px 32px; border-radius: 12px; align-items: center; margin-bottom: 18px;}
.persnalize-fold .persnalize-item .personal-details {position: relative;display: flex; align-items: center; max-width: 516px;  margin-right: 20px;}
.persnalize-fold .persnalize-item .personal-details figure {position: relative;display: block;width: 72px; height: 72px; overflow: hidden; margin: 0 20px 0 0; flex: 0 0 72px;}
.persnalize-fold .persnalize-item .personal-details .pinfo {position: relative;display: block;}
.persnalize-item .personal-details .pinfo h4 {font-size: 22px; line-height: 29px; font-weight: 600; margin-bottom: 8px; color: #0A468C;}
.persnalize-item .personal-details .pinfo p {font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 0; color: #000000;}
.personalise-cover .persnalize-fold .persnalize-item .pcheck {position: relative;display: block; padding: 14px 45px; border: 1px solid #0A3A81; border-radius: 50px;
min-width: 240px; display: flex; justify-content: center;}
.persnalize-fold .persnalize-item .pcheck .form-check .form-check-label { font-size: 18px; line-height: 24px; font-weight: 400; color: #0A468C; white-space: nowrap;}
.persnalize-fold .persnalize-item .pcheck .form-check .form-check-input {width: 24px; height: 24px; overflow: hidden; background-color: #D0D8DB; border-radius: 4px; margin-right: 10px; border: none; outline: none; box-shadow: unset;}
.persnalize-fold .persnalize-item .pcheck .form-check .form-check-input:checked {background-color: #0A468C; border: unset;}
.persnalize-fold .persnalize-item .pcheck .form-check {display: flex; align-items: center; margin-bottom: 0;}



.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: #0A468C; 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; gap: 16px;}
.quote-main .travel-details .travel-form  .id-field {margin-bottom: 24px;}
.travel-details .travel-form .id-field .form-check label {color: #000000; font-size: 18px; line-height: 25px; font-weight: 400; opacity: 0.6; display: block; margin-bottom: 0;}
.travel-details .travel-form .id-field .field-fold {justify-content: flex-start; gap: 16px;}
.travel-details .travel-form .id-field .field-fold .form-check { width: 220px; margin-bottom: 0;}


 
.travel-details .travel-form .form-group label {position: relative;display: block;}
.travel-details .travel-form .field-fold .form-group {width: 49%;}
.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: 24px;}

.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: rgb(74,85,91); padding-bottom: 16px; border-bottom: 4px solid rgb(74,85,91);
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 h5 span{ color: #0A468C;font-size: 18px;font-weight: 700;line-height: normal;}
.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; margin-bottom: 12px;}
.bronze .bronze-header .bh-right .tag span {font-weight: 400; font-size: 14px; line-height: 18px; padding: 2px 12px; background: #0A468C; 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: #0A468C;padding: 3px 16px;border: 1px solid #0A468C;border-radius: 30px;background-color: #fff;}
.confirm-pay .bronze .bronze-header .bh-right .detail {font-weight: 400;  font-size: 16px;  line-height: 22px;color: #0A468C;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: 16px;}
.confirm-pay .bronze .bronze-body .plans label {position: relative; display: block; margin-bottom: 0;font-weight: 700; font-size: 18px; line-height: 25px;color: #0A468C;}
.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(1) {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: 20px;}
.confirm-pay .quote-form .cart-title h5 {font-weight: 600; font-size: 22px; line-height: 30px; color: #0A468C; 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: #0A468C; 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: #0A468C;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: 44px;}
.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: #0A468C; 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: 12px;width:124px; 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: #0A3A81;padding: 10px 16px; border: 1px solid #0A468C;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;}
  .confirm-pay .privacy-box .pb-info .pb-detail:last-child p{ max-width: 134px; margin: 0 auto; }

.quote-step.travel-confirm {position: relative;display: block;margin: 0 auto 56px;max-width: 917px;}
.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;margin-bottom: 56px;}
.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: 42px;height: 42px; flex: 0 0 42px;}
.quote-step.travel-confirm .confirm-box .captcha span {font-weight: 600; font-size: 22px; line-height: 30px; color: rgb(74,85,91);}
.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: 240px; white-space: nowrap; margin-bottom: 32px;font-weight: 400;border-radius: 100px;border: 1px solid #0A468C;    background: transparent;color:#0A468C; }
.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;color: rgb(74,85,91);}
.quote-step.travel-confirm .note b {font-weight: 700;display: block;color: rgb(74,85,91);}
.quote-step.travel-confirm .sponsored-box{position: relative;display: block;border-radius: 16px;border: 1px solid #0A3A81;padding: 41px 24px 32px;margin-bottom: 32px;}
.sponsored-box .sp-head {position: relative;display: flex;align-items: center;justify-content: center;    margin-bottom: 32.5px;}
.sponsored-box .sp-head figure {margin: 0;position: relative;display: block;height: 32px;width: 130px;}
.sponsored-box .sp-head span {color: #000;text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;margin-right: 12px;}
.sponsored-box h2 {font-weight: 400;font-size: 48px;line-height: 60px;display: block;text-align: center;color: var(--black);width: 700px;margin: 0 auto 24px;}
.sponsored-box .only-text {position: relative;display: flex;width: 350px;justify-content: center;margin: 0 auto 24px;padding: 8px 36px;border-radius: 40px;border: 1px solid #D0D8DB;background:#FFF;    align-items: center;}
.sponsored-box .only-text p {  font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;color: #000;margin: 0;}
.sponsored-box .only-text figure {  margin: 0 10px 0 0;position: relative;display: flex;background: #000;padding: 5px;border-radius: 50%;justify-content: center;align-items: center;}
.sponsored-box .sp-box-first {position: relative;display: flex;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 12px;padding: 32px;justify-content:space-between;align-items: flex-start;gap: 48px;margin-bottom: 24px;}
.sponsored-box .sp-box-first .f-box {  position: relative;display: block;width: 50%;}
.sponsored-box .sp-box-first .f-box figure {width: 378px;height: 131px;margin: 0 0 32px 0;}
.sponsored-box .sp-box-first .f-box h3 {color:#0A468C;font-size: 26px;font-style: normal;font-weight: 600;line-height: normal;margin: 0;}
.sponsored-box .sp-box-first .f-box p {color:#000;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;margin: 0;}
.sponsored-box .sp-box-first .f-box .s-box-list {position: relative;display: block;margin-top: 48px;}
.sponsored-box .sp-box-first .f-box .s-box-list .item {position: relative;display: flex;align-items: center;}
.sponsored-box .sp-box-first .f-box .s-box-list .item  span {position: relative;display: flex;width: 20px;height: 20px;margin-right: 16px;flex: 0 0 20px;}
.sponsored-box .sp-box-first .f-box .s-box-list .item  span img{object-fit: contain;}
.sponsored-box .sp-box-first .f-box .s-box-list .item:not(:last-child){margin-bottom: 32px;}
.sponsored-box .coverage-box {position: relative;  display: block;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 12px;padding: 32px; background-color: #F5F8FA;}
.sponsored-box .coverage-box .cov-box {position: relative;display: flex;    margin-bottom: 24px;}
.sponsored-box .coverage-box .cov-box figure {margin: 0;  position: relative;display: block;top: -32px;margin-right: 63px;width: auto;height: fit-content;}
.sponsored-box .coverage-box .cov-box .cov-right {position: relative;display: block;}
.sponsored-box .coverage-box .cov-box .cov-right h4 {color:#000;font-size: 22px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 40px;}
.sponsored-box .coverage-box .cov-box .cov-right .switch {position: relative;display: flex;align-items: center;margin-bottom: 24px;}
.coverage-box .knobs,
.coverage-box .layer {position: absolute;  top: 0;  right: 0;bottom: 0;left: 0;}
.coverage-box .button {position: relative;  width: 40px;    margin-right: 16px;height: 24px; }
.coverage-box .button,
.coverage-box .button .layer {border-radius: 100px;}
.coverage-box .checkbox {  position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;}
.coverage-box .knobs {z-index: 2;}
.coverage-box .layer {  width: 100%;background-color: #ffffff;transition: 0.3s ease all;z-index: 1;border: 1px solid #CDAF8A;}
.coverage-box #button-1 .knobs:before {content: "";position: absolute;top: 3px;left: 4px;width: 20px;height: 10px;padding: 9px 4px;background-color: #CDAF8A;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
.coverage-box #button-1 .checkbox:checked + .knobs:before {left: 16px;background-color: #ffffff;}
.coverage-box #button-1 .checkbox:checked ~ .layer {  background-color: #CDAF8A;}
.coverage-box #button-1 .knobs,
.coverage-box #button-1 .knobs:before,
.coverage-box #button-1 .layer {transition: 0.3s ease all;}
.quote-step.travel-confirm .coverage-box .getQuote{background-color: #0A468C;color: #ffffff;max-width: 320px;border: none;    margin-bottom: 0;}
.quote-step.travel-confirm .coverage-box .getQuote:hover{background-color: #CDAF8A;}
/* 7 step design HV*/
.quote-step.travel-confirm .holiday-sec {position: relative;display: flex;gap: 48px;border-radius: 16px;border: 1px solid var(--Borders, #D0D8DB);padding: 24px; margin-bottom: 32px;}
.holiday-sec figure {  position: relative;display: block;margin: 0;width: 50%;height: 356px;border-radius: 10px;  overflow: hidden;}
.holiday-sec .holiday-content-box {position: relative;display: flex;flex-flow: column;width: 50%; padding-top: 29px; gap: 24px;}

.holiday-sec .holiday-content-box .h-box figure{    width: 15px;height: fit-content;}

.holiday-sec .holiday-content-box h3{ font-size: 32px; color: #0A468C; font-weight: 600; line-height: normal; margin-bottom: 0; }
.holiday-sec .holiday-content-box p{ font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 0; color: #000; opacity: 0.7;}
.holiday-sec .holiday-content-box .h-box{ position: relative;display: flex;align-items: center; padding: 10px 16px; border: 1px solid #CAE3E3; border-radius: 40px; width: 222px;}
.holiday-sec .holiday-content-box .h-box p{ margin-bottom: 0; color: #0A468C; font-size: 14px; line-height: 18px; font-weight: 400; opacity: 0.7;}
.holiday-sec .holiday-content-box .h-box figure{ margin-right: 10px; border-radius: 0;}
.holiday-sec .holiday-content-box .learn-more-btn{ padding: 14px 30px; min-width: 165px; border: 1px solid #0A468C; color: #0A468C; font-size: 18px; font-weight: 400; 
display: inline-block; width: 223px; text-align: center; border-radius: 30px;}

.quote-step.travel-confirm .give-your-frnd-sec{position: relative;display: flex;gap: 48px;border-radius: 16px;border: 1px solid var(--Borders, #D0D8DB);padding: 24px 24px 24px 40px;}
.give-your-frnd-sec figure {  position: relative;display: block;margin: 0;width: 50%;height: 356px;border-radius: 10px;  overflow: hidden;}
.give-your-frnd-sec .gyf-content-box{ position: relative;display: flex;flex-flow: column;width: 50%; padding-top: 35px; gap: 24px;}
.give-your-frnd-sec .gyf-content-box h3{ color: #0A468C; font-size: 32px; font-weight: 600; line-height: normal; margin-bottom: 0; }
.give-your-frnd-sec .gyf-content-box p{ font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 0; color: #000; opacity: 0.7;}
.give-your-frnd-sec .gyf-content-box .gyf-box{ padding: 16px 24px; border-radius: 12px; border: 1px dashed #D0D8DB; background-color:#fff; width: 227px; display: flex;
align-items: center; color: #0A468C; font-size: 22px; font-weight: 600; line-height: normal;}
.give-your-frnd-sec .gyf-content-box .gyf-box figure{ width: 24px; height: 24px; border-radius: 0; margin-left: 20px; display: flex;}
.give-your-frnd-sec .way-to-share{ display: flex; gap: 16px; margin-top: 32px;}
.give-your-frnd-sec .way-to-share h4{ color: #0A468C;font-size: 18px;font-weight: 700; line-height: normal;}
.give-your-frnd-sec .way-social-icon { display: flex;}
.give-your-frnd-sec .way-social-icon a{ display: block; width: 24px; height: 24px; margin-right: 24px;}
.give-your-frnd-sec .way-social-icon a:last-child{ margin-right: 0;}
/* end 7 step design HV*/

.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: #0A468C; 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 #0A468C; border-radius: 6px; max-width: 219px; margin: 0 auto;font-weight: 400; font-size: 16px; line-height: 22px; color: #0A468C; 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: 10px 20px 10px; border: 1px solid #D0D8DB; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 25px; color: #0A468C; 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: #0A468C; 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: #0A468C; border-color: #0A468C;}
.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: #0A468C;}
.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: #0A468C; 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: #0A468C;} */
.promoModal .modal-body form .form-group.active .form-check-label {color: #0A468C;}
.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: #0A468C; 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: #0A468C;
  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: 0;
 }

 .policy-assistance{
  opacity: 1;
  color: rgba(32, 65, 114, 0.7);
  margin: 0;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 18px;
 }

 #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: #0A468C; opacity: 0.8; flex-flow: column;}
.tm-plans .tm-plan .tmp-header .hinfo figure {width: 100%; height: 40px; overflow: hidden; margin: 0 0 5px; 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;}
.tm-plan .tmp-body .tmp-plan .plan-name .family {position: relative;  display: block;  width: 14px;  height: auto;  left: -15px; }
.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 #0A468C; color: #0A468C;}
.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: #0A468C;  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: #0A3A81;}
.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);}


/* step new design */

.step-form .field-fold { position: relative; display: flex; justify-content: space-between;}
.step-form .field-fold .form-group {width: 48%;}
.step-form .field-fold .form-group-opt {width: auto;}
.step-form .field-fold .form-group .ss-form-control {width: 100%;}
.step-form .field-fold .form-group small { font-size: 14px; line-height: 18px; color: #D0D8DB; margin-top: 12px; font-weight: 400; position: relative; display: block;}



/* Understand your cover 1202 HV*/
.understand-cover-main{ position: relative; display: block;}
.understand-cover-main .page-title{ font-size: 48px; font-weight: 400; line-height: 60px; color: rgb(143,39,170); margin-top: 40px; margin-bottom: 32px;
text-align: center;}
.uc-tabs-main{ position: relative; display: block;}
.uc-tabs-main .uc-nav-pills{ display: flex; align-items: center; justify-content: center; margin-bottom: 48px;}
.uc-tabs-main .uc-nav-pills .nav-link{ padding: 19px 16px; font-size: 18px; font-weight: 400; color: #000; opacity: 0.6;
border-bottom: 1px solid #D0D8DB; border-radius: 0; line-height: 24px;}
.uc-tabs-main .uc-nav-pills .nav-link.active, .uc-tabs-main .uc-nav-pills .show>.nav-link{
  background-color: transparent; font-weight: 700; opacity: 1; color: #000; border-bottom: 2px solid #0A3A81;
}
.uc-tab-content .travel-insurance-box{ border: 1px solid #D0D8DB; border-radius: 12px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
padding: 32px; margin-bottom: 48px;}
.ti-logo figure{ width: 90px; height:38px; margin-bottom: 10px;}
.policy-link-list{ display: flex; gap: 32px; }
.policy-link-list .policy-link-col{ display: flex; flex-direction: column;}
.policy-link-list .policy-link-col:first-child{ width: 38%;}
.policy-link-list .policy-link-col h4{ font-size: 20px; margin-bottom: 15px;}
.policy-link-list .policy-link-col a{ font-size: 16px; color: #0A468C; margin-bottom: 10px; text-decoration: underline;}
.policy-link-list .policy-link-col a:hover{ color: #FF9027;}
.travel-insurance-detail{ display: flex; align-items: baseline; flex-direction: column; }
.travel-insurance-detail .insurance-top{ display: flex; justify-content: space-between; align-items: center;}
.travel-insurance-detail .insurance-top .insurance-right{ display: flex; align-items: center;}
.travel-insurance-detail .insurance-top .insurance-right a.policy-download-btn{ padding: 14px 30px; display: flex; border: 1px solid #0A3A81; border-radius: 100px; align-items: center; 
  justify-content: center; font-size: 18px; color: #0A468C; font-weight: 400; margin-left: 16px;}
.travel-insurance-detail .insurance-top .insurance-right .policy-download-btn figure{ width:21px; height: 21px; margin-bottom: 0; display: flex;
 margin-right: 10px;}
.travel-insurance-detail .insurance-top h3{ margin-bottom: 8px; font-size: 26px; font-weight: 600; line-height: normal; color: #0A468C; 
}

.select-couontery-box:first-child{ margin-right: 20px;}
.select-couontery-box .select2-selection--single{ position: relative; display: block; padding:11px 20px; border: 1px solid #D0D8DB; 
  font-weight: 700;
  font-size: 18px; line-height: 25px; color: rgb(74,85,91); outline: none; height: auto; min-width: 220px; }
.select-couontery-box .select2-container .select2-selection--single{ height: auto; border-radius: 8px; }
.select-couontery-box .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;
}
.select-couontery-box .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 24px; padding: 0;
}
.select-couontery-box .select2-container{ width: auto !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ font-weight: 400; color: rgb(74,85,91); font-size: 18px;}

.insurance-text{ margin-top: 0;}
.insurance-text p{ font-size: 18px; font-weight: 400; line-height: normal; opacity: 0.7; color: #000;
margin-bottom: 20px;}

.cover-list-detail{ display: block; position: relative;}
.cover-list-detail .cover-list-title{ display: flex; align-items: center; margin-bottom: 32px;}
.cover-list-detail .cover-list-title figure{ width: 72px; height: 72px; margin-bottom: 0; margin-right: 16px;}
.cover-list-detail .cover-list-title h3{ color: #0A3A81; font-size: 26px; font-weight: 600; line-height: normal; margin-bottom: 0;}
.cover-list-container{ display: flex; position: relative; gap: 32px; padding-bottom: 10px; margin-bottom: 38px;}
.cover-list-container .cover-list-box{ background-color: #fff; border: 1px solid #D0D8DB; border-radius: 12px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
padding: 32px 24px; display: flex; gap: 32px; width: 33.33%; min-height: 306px;}
.cover-list-container .cover-list-box figure{ width: 80px; height: 80px; margin-bottom: 0; flex: 0 0 80px;}
.cover-list-container .cover-list-box .cover-text{ display: flex; flex-direction: column; flex: 1;}
.cover-list-container .cover-list-box .cover-text p{ font-size: 20px; color: #000; font-weight: 600; line-height: normal; margin-bottom: 10px;}
.cover-list-container .cover-list-box .cover-tag{ margin-top: auto;}
.cover-list-container .cover-list-box .cover-tag .tag-text{ font-size: 18px; font-weight: 400; line-height: normal; 
  background-color: #F6F1EB; border-radius: 50px; padding: 0 12px; color: #000; display: inline-block;}
.cover-list-container .cover-list-box.covid-box{ border-left: 8px solid #F01449;}


/* popup style */
.cover-popup.left .modal-dialog,
.cover-popup.right .modal-dialog {
    position: fixed;
    margin: auto;
    max-width: 716px;
    width: 716px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    top:0;
    right: 0;
}

.cover-popup.left .modal-content,
.cover-popup.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.cover-popup.left .modal-body,
.cover-popup.right .modal-body {
    padding: 0 32px 80px;
}
.cover-popup.right.fade .modal-dialog {
    right: -716px;
    -webkit-transition: opacity 0.10s linear, right 0.10s ease-out;
    -moz-transition: opacity 0.10s linear, right 0.10s ease-out;
    -o-transition: opacity 0.10s linear, right 0.10s ease-out;
    transition: opacity 0.10s linear, right 0.10s ease-out;
}
.cover-popup.right.fade.show-modal .modal-dialog{
  right: 0;
  transition: all 0.5s ease;
}

.cover-popup.right.fade.in .modal-dialog {
    right: 0;
}
.cover-popup .modal-header{ display: block; padding: 24px 34px 0 32px; text-align: center; border: 0;}
.cover-popup .modal-header .popup-title{ display: flex; justify-content: center; align-items: center; margin-bottom: 12px;}
.cover-popup .modal-header .popup-title .popup-arrow{ background-color: #F6F1EB; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%;
text-align: center; display: flex; align-items: center; justify-content: center;}
.cover-popup .modal-header .popup-title .popup-arrow img{ width: 13px; height: 8px; object-fit: contain;}
.cover-popup .modal-header .popup-title .modal-title{ font-size: 26px; font-weight: 600; color: #000; margin: 0 25px;}
.cover-popup .modal-header .btn-close{ background: url(../images/popup-close.svg) no-repeat center center; background-size: 16px 16px;
background-color: #0A3A81; padding: 10px 24px; border-radius: 0px 0px 0px 16px; position: absolute; right: 0; top: 0; opacity: 1;
}
.cover-popup .modal-header p{ font-size: 18px; font-weight: 400;opacity: 0.7; color: #000; margin-bottom: 12px;}
.cover-popup-tabs{ display: block; position: relative; margin-bottom: 28px;}
.cover-popup-tabs .nav-pills .nav-link{ color: #000; opacity: 0.6;font-size: 18px;font-weight: 400; padding: 19px 16px; 
border-bottom: 1px solid rgba(0, 0, 0, 0.10); border-radius: 0;}
.cover-popup-tabs .nav-pills .nav-link.active, .cover-popup-tabs .nav-pills .show>.nav-link{ background-color: transparent;
border-bottom: 2px solid #0A468C; font-weight: 700; opacity: 1;}
.cover-popup-tabs .nav-pills{ align-items: center; justify-content: center;}
.coverpopup-content .eg-notes{ border-radius: 8px; border: 1px solid #D0D8DB; background-color: #F5F8FA; padding: 30px 27px 32px 32px;
display: flex; gap: 21px; margin-bottom: 32px;}
.coverpopup-content .eg-notes figure{ width: 26px; height: 25px; flex: 0 0 26px; display: flex; margin-bottom: 0;}
.coverpopup-content .eg-notes p{ font-size: 18px; font-weight: 700; margin-bottom: 0; color: #000; line-height: normal;}
.coverpopup-content .policy-support-box{border-radius: 8px; border: 1px solid #D0D8DB; background-color: #F5F8FA; padding: 30px; margin-bottom: 32px;}
.coverpopup-content .policy-support-box h3{font-size: 22px;font-weight: 600;line-height: normal; margin-bottom: 32px;}
.coverpopup-content .policy-support-box .policy-support-list{ display: flex; gap: 9px;}
.coverpopup-content .policy-support-box .policy-support-list .policy-support-detail{ width: 33.33%; text-align: center;}
.coverpopup-content .policy-support-box .policy-support-list .policy-support-detail figure{ width: 64px; height: 64px; margin:0 auto 16px;}
.coverpopup-content .policy-support-box .policy-support-list .policy-support-detail p{ margin-bottom: 0; font-size: 18px; font-weight: 400;
  line-height: normal; color: #000;}
.coverpopup-content .whats-coverd-main{display: block; position: relative; }
.coverpopup-content .whats-coverd-main h3{font-size: 22px;font-weight: 600;line-height: normal; color: #000; margin-bottom: 32px;}
.whats-covered-fold{ display: flex; flex-wrap: wrap; gap: 20px;}
.whats-covered-fold .whats-covered-box{ width: 31%; flex: 1; text-align: center;}
.whats-covered-fold .whats-covered-box figure{ width: 64px; height: 64px; margin:0 auto 16px;}
.whats-covered-fold .whats-covered-box p{ font-size: 18px; color: #000;}
.coverdpopup-footer{ border: 0; padding: 16px 32px 32px;}
.coverdpopup-footer .how-coverd-plans{border-radius: 8px; border: 1px solid #D0D8DB; background-color: #F5F8FA; padding: 24px 32px;
margin: 0; width: 100%;}
.coverdpopup-footer .how-coverd-plans .plans-top{ display: flex; justify-content: space-between; align-items: center;
margin-bottom: 16px;}
.coverdpopup-footer .how-coverd-plans .plans-top .plans-title{ display: flex; gap: 16px; align-items: center;}
.coverdpopup-footer .how-coverd-plans .plans-top .plans-title figure{ display: flex; flex: 0 0 24px; width: 24px; height: 32px; margin-bottom: 0;}
.coverdpopup-footer .how-coverd-plans .plans-top .plans-title h4{ margin-bottom: 0;font-weight: 700;font-size: 18px; color: #000;}
.coverdpopup-footer .how-coverd-plans .plans-top .compare-plans-btn{ border: 1px solid #0A468C; padding: 4px 30px; display: flex;
align-items: center; border-radius: 30px; color: #0A468C; font-weight: 400; line-height: normal; font-size: 18px;}
.coverdpopup-footer .how-coverd-plans .plans-top .compare-plans-btn span{ display: flex; width: 13px; height: 8px; margin-left: 10px;}
.coverdpopup-footer .how-coverd-plans .plans-top .compare-plans-btn span img{ object-fit: contain;}
.coverdpopup-footer .cov-plans-detail{ display: flex; gap: 16px; flex-wrap: wrap;}
.coverdpopup-footer .cov-plans-detail .cov-plan-box{ width: 31%; flex: 1; text-align: center;}
.coverdpopup-footer .cov-plans-detail .cov-plan-box label{ border-radius: 16px 16px 0px 0px; background-color: #0A3A81; padding: 10px 16px;
  font-size: 18px; font-weight: 400; line-height: normal; color: #fff; display: block; margin-bottom: 12px;}
.coverdpopup-footer .cov-plans-detail .cov-plan-box .cov-price{ display: flex; align-items: center; justify-content: center; }
.coverdpopup-footer .cov-plans-detail .cov-plan-box .cov-price figure{ width: 20px; height: 20px; margin-right: 8px; margin-bottom: 0;
display: flex; flex: 0 0 20px;}
.coverdpopup-footer .cov-plans-detail .cov-plan-box .cov-price p{ margin-bottom: 0;font-size: 18px;font-weight: 400;
  line-height: normal;opacity: 0.7;}
.coverdpopup-footer .cov-plans-detail .cov-plan-box .cov-premier p{ opacity: 1;font-weight: 700;}

.bplans-detail{ display: block;}
.bplans-detail p{font-size: 18px;font-weight: 400;line-height: normal; color: #000;opacity: 0.7;}
.bplans-detail p label{ background-color: #D0D8DB;border-radius: 40px;font-size: 12px;font-weight: 600;line-height: normal; padding: 0 12px; margin: 0 10px;}
.bplans-detail p span{font-size: 14px;font-weight: 400;line-height: 18px;opacity: 0.5; color: #000;}
/* end Understand your cover 1202 HV*/


/* claim landing */
.claims-landing .cl-hero-section{
    align-items: center; align-self: stretch; background-color: #F5F8FA; display: flex; gap: 108px; height: 490px; padding: 0px 160px;
    position: relative; width: 100%; overflow: hidden; 
}
.claims-landing .hero-title-wrapper { align-items: flex-start; display: inline-flex; flex: 0 0 auto; flex-direction: column; gap: 32px;
  position: relative;
}
.claims-landing .cl-hero-title-wrapper{ width: 371px;}
.claims-landing .title { color: rgb(143,39,170); font-size: 58px; font-weight: 400; line-height: 60px; margin-bottom: 32px; }
.claims-landing .frame-img {
  align-items: flex-start; align-self: stretch; display: flex; flex: 1; flex-grow: 1; gap: 8px; justify-content: center; padding: 12px 0px 0px;
  position: relative;
}
.claims-landing .ellipse-img { height: 637px; margin-bottom: -159px; object-fit: cover; position: relative; width: 637px; }
.claims-landing .submit-your-claim{ display: flex; gap: 10px; margin-bottom: 36px;}
.claims-landing .submit-your-claim a{border-radius: 100px; background-color: rgb(143,39,170); padding: 14px 30px;font-size: 18px;font-weight: 700; line-height: normal;
color: #fff; transition: all 0.3s ease-in;}
.claims-landing .submit-your-claim a:hover{ background:#FF9027}
.claims-landing .submit-your-claim a img{ width: 13px; height: 10px; object-fit: contain; }
.cl-hero-title-wrapper figure{ width: 123px; height: 31px; margin-bottom: 0;}
.claims-landing .claims-landing-item {
  align-self: stretch; display: flex; flex: 0 0 auto; flex-direction: column; gap: 56px;
  padding: 64px 160px 72px; position: relative; width: 100%;
}
.claims-landing .claims-landing-item h3{font-size: 48px;font-weight: 400;line-height: 60px; color: rgb(143,39,170); margin-bottom: 0;}
.claims-landing .claim-steps-wrapper{ display: flex; flex-wrap: wrap; gap: 25px;}
.claims-landing .claim-steps-wrapper .claim-step{ width: 23%; flex: 1; flex: 0 0 23%;}
.claims-landing .claim-steps-wrapper .step-icon{ position: relative; display: flex; margin-bottom: 24px;}
.claims-landing .claim-steps-wrapper .step-icon figure{ width: 64px; height: 64px; flex: 0 0 64px; margin-bottom: 0; }
.claims-landing .claim-steps-wrapper .step-icon sup{ color: #FF9027;font-size: 12px;font-weight: 600;line-height: normal; border: 1px solid #FF9027;
border-radius: 50%; width: 24px; height: 24px; align-items: center; justify-content: center; display: flex; margin-top: -20px;}
.claims-landing .claim-steps-wrapper .claim-step p{ font-size: 18px;font-weight: 400;line-height: normal; color: #000; max-width: 280px;}
.claims-landing .claims-landing-item .submit-your-claim{ justify-content: center; margin-bottom: 0; text-align: center;} 
.claims-landing .claim-docs-wrapper { align-items: flex-start; align-self: stretch; background-color: #F5F8FA; display: flex;
  flex: 0 0 auto; flex-direction: column; gap: 40px; padding: 64px 160px 72px; position: relative; width: 100%; }
.claims-landing .claim-docs-wrapper h3{font-size: 48px;font-weight: 400;line-height: 60px; margin-bottom: 0; color: rgb(143,39,170);}
.claim-docs-container .accordion{ display: flex; flex-wrap: wrap; gap: 48px;}
.claim-docs-container{ display: block; width: 100%;}
.claim-docs-container .accordion .claim-docs-column{ width: 50%; flex: 1;}
.claim-docs-container .accordion-item{ background-color: transparent; border-bottom: 1px solid #D0D8DB;}
.claim-docs-container .accordion-item .accordion-button{ background-color: transparent; padding: 11px 0;
color: #0A468C; font-size: 18px;font-weight: 700; box-shadow: none;}
.claim-docs-container .accordion-item .accordion-button::after{ display: none;}
.claim-docs-container .accordion-item .accordion-button:focus{ box-shadow: none;}
.claim-docs-container .accordion-body{ border: 0; padding: 4px 0 20px; font-size: 16px;}
.claims-landing .eligibility-wrapper {
  align-items: flex-start; align-self: stretch; display: flex; flex: 0 0 auto; position: relative; width: 100%; }
.claims-landing .eligibility-title { align-items: center; align-self: stretch; background-color: #FF9027; display: inline-flex; flex: 0 0 auto; gap: 10px;
  max-width: 475px; min-width: 320px; padding: 25px 32px 25px 160px; position: relative; color: #fff; font-size: 22px; font-weight: 600;
  line-height: normal;
}
.claims-landing .eligibility-content {
  align-items: center; background-color: #D0D8DB; display: flex; flex: 1; flex-grow: 1; flex-wrap: wrap; gap: 40px 40px;
  justify-content: center; min-width: 320px; padding: 13px 160px 13px 32px; position: relative; }
.claims-landing .see-whats-covered-a { flex: 1; letter-spacing: 0; line-height: normal; opacity: 0.8; position: relative; 
  text-align: center; margin-bottom: 0; font-size: 18px; font-weight: 400; color: #000;}
.claims-landing .eligibility-content .cl-cover-link{ border: 1px solid #0A468C; background-color: #fff; padding: 14px 30px;
  font-size: 18px;font-weight: 400;line-height: normal; color: #0A468C; border-radius: 30px; transition: all 0.3s ease-in;}
.claims-landing .eligibility-content .cl-cover-link:hover{ background-color:#0A468C; color: #fff;}
.claims-landing .claim-contact-sec{ padding: 64px 160px 56px; gap: 56px;}
.claims-landing .claim-contact-sec h3{font-size: 48px;font-weight: 400;line-height: 60px; color: rgb(143,39,170); margin-bottom: 56px;}
.claims-landing .claim-contact-sec .contact-option-row{ display: flex; gap: 32px; margin-bottom: 56px;}
.claims-landing .claim-contact-sec .contact-option-row .contact-option{ border-radius: 12px; border: 1px solid #E0EAEE; 
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13); background-color:#fff; padding: 32px; text-align: center; width: 33%;
display: flex; align-items: center; justify-content: center; flex-direction: column;}
.claims-landing .claim-contact-sec .contact-option-row .contact-option .contact-opt-text{font-size: 18px;font-weight: 400;line-height: normal;
color: #000; margin-bottom: 16px;}
.claims-landing .claim-contact-sec .contact-option-row .contact-option .contact-text-blue{font-size: 18px;font-weight: 400;line-height: normal;
color: #0A468C;}
.claims-landing .claim-contact-sec .contact-option-row .contact-option .contact-opt-text span{ color: #0A468C;font-size: 14px;font-weight: 400;
  line-height: 18px;opacity: 0.5; margin-left: 12px;}
.claims-landing .claim-contact-sec .submit-your-claim{ justify-content: center;}
.claims-landing .claim-contact-sec .underwritten-text{ text-align: center; font-size: 18px; font-weight: 400; line-height: normal; color: rgba(0,0,0,0.75); }
.claims-landing .claim-contact-sec .underwritten-text figure{ width: 113px; height: 48px; margin-bottom: 0; display: inline-block;
margin-left: 12px;}
/* end claim landing */


/* all steps new css added */
.trip-tab .tab-content .trip-plans .tp-list .viewall{ display: block; position: relative; margin: 16px 0; }
.trip-tab .tab-content .trip-plans .tp-list .viewall a{ color: rgb(74,85,91); font-size: 18px; font-weight: 700; line-height: normal; display: flex; align-items: center;}
.trip-tab .tab-content .trip-plans .tp-list .viewall a span{ width: 13px; height: 8px; display: flex; margin-left: 12px;}

.trip-tab .tab-content .trip-plans .tp-list .viewall-up{ display: block; position: relative; margin: 16px 0; }
.trip-tab .tab-content .trip-plans .tp-list .viewall-up a{ color: rgb(74,85,91); font-size: 18px; font-weight: 700; line-height: normal; display: flex; align-items: center;}
.trip-tab .tab-content .trip-plans .tp-list .viewall-up a span{ width: 13px; height: 8px; display: flex; margin-left: 12px;}

.trip-tab .tab-content .trip-plans .tp-list .viewall-mob{ display: block; position: relative; margin: 16px 0; }
.trip-tab .tab-content .trip-plans .tp-list .viewall-mob a{ color: rgb(74,85,91); font-size: 18px; font-weight: 700; line-height: normal; display: flex; align-items: center;}
.trip-tab .tab-content .trip-plans .tp-list .viewall-mob a span{ width: 13px; height: 8px; display: flex; margin-left: 12px;}

.trip-tab .tab-content .trip-plans .tp-list .viewall-mob-up{ display: block; position: relative; margin: 16px 0; }
.trip-tab .tab-content .trip-plans .tp-list .viewall-mob-up a{ color: rgb(74,85,91); font-size: 18px; font-weight: 700; line-height: normal; display: flex; align-items: center;}
.trip-tab .tab-content .trip-plans .tp-list .viewall-mob-up a span{ width: 13px; height: 8px; display: flex; margin-left: 12px;}


.quote-form form .step-form .form-check .apply{ display: flex;}
.quote-form form .step-form .form-check .apply figure{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); width: 20px; height: 20px; display: flex; margin: 0; opacity: 1; }
.quote-form form .step-form .form-check .apply p{ margin-bottom: 0; color: #000; font-size: 18px; font-weight: 400;
line-height: 18px; margin-left: 8px; }
.quote-form form .step-form .form-check .apply p span{ color: #0A468C; font-size: 16px;font-weight: 700; line-height: normal;}
.quote-form form .step-form .form-group.promo-check .form-check .form-check-input{ margin-top: 0;}
.quote-form form .step-form .form-check.active{ border-color: #0A468C;}

/* step 5*/
.quote-main .quote-step.add-ons-sec{max-width: 840px;}
.add-ons-fold{ display: block; position: relative;  margin: 0 auto;}
.add-ons-fold .add-ons-item{ padding: 24px 32px; border: 1px solid #D0D8DB; border-radius: 12px; background-color: #FFF;
display: flex; gap: 20px; align-items: center; margin-bottom: 18px; }
.add-ons-fold .add-ons-item .add-ons-icon{ width: 72px; height: 72px; flex: 0 0 72px; margin-bottom: 0;}
.add-ons-fold .add-ons-item .add-ons-detail{ display: block;}
.add-ons-fold .add-ons-item .add-ons-detail h3{ color: #0A468C; font-size: 22px; font-weight: 600; line-height: normal; margin-bottom: 8px; }
.add-ons-fold .add-ons-item .add-ons-detail .add-ons-tag{ padding: 10px 15px; border: 1px solid #CAE3E3; border-radius: 40px;
  color:rgba(32, 65, 114, 0.7); font-size: 14px; font-weight: 400; line-height: 18px; margin: 8px 0; display: flex;
width: 220px; gap: 10px;}
.add-ons-fold .add-ons-item .add-ons-detail .add-ons-tag figure{ width: 15px; height: 15px; flex: 0 0 15px; margin-bottom: 0;}
.add-ons-fold .add-ons-item .add-ons-detail p{font-size: 18px; font-weight: 400; line-height: normal; opacity: 0.7;
margin-bottom: 0;}
.add-ons-fold .add-ons-item .add-ons-pax{ display: flex; position: relative; align-items: center; gap: 12px;  }
.add-ons-fold .add-ons-item .add-ons-pax .pax-text{ color: #0A468C; opacity: 0.7; font-size: 18px; font-weight: 700; line-height: normal;}
.add-ons-fold .add-ons-item .add-ons-pax .plush-btn{ border: 1px solid #0A468C; background-color: #F6F1EB; border-radius: 100px;
width: 135px; height: 53px; flex: 0 0 135px; }
.add-ons-fold .add-ons-item .add-ons-pax .plush-btn img{ width: 15px; height: 15px;}
.add-ons-fold .add-ons-item .add-ons-pax p{ color: #0A468C; opacity: 0.35; font-size: 14px; font-weight: 400; line-height: 18px;
margin-bottom: 0;}
.add-ons-fold .add-ons-item .add-ons-pax .number-mob{border-radius: 8px; background-color: #FFF; border: 1px solid #D0D8DB; padding: 11px 10px;
display: flex;}
.add-ons-fold .add-ons-item .add-ons-pax .number-mob .plus{ width: 16px; height: 16px; flex: 0 0 16px; cursor: pointer;}
.add-ons-fold .add-ons-item .add-ons-pax .number-mob .minus{ width: 16px; height: 16px; flex: 0 0 16px; cursor: pointer;}
.add-ons-fold .add-ons-item .add-ons-pax .number-mob input{ border: 0; width: 30px; text-align: center; font-size: 18px; font-weight: 700;
  line-height: normal; color: rgba(0, 0, 0, 0.25);}
.add-ons-fold .add-ons-item .add-ons-pax .chk-btn{ background-color: #0A468C; border-radius: 100px; width: 127px; height: 53px; border: 0;}
.add-ons-fold .add-ons-item .add-ons-pax .chk-btn img{ width: 15px; height: 15px;}
.quote-main .quote-step .add-ons-btn .skip-btn{border-radius: 100px; border: 1px solid #0A468C; width: 320px; height: 53px; padding: 14px 30px; display:inline-block;
text-align: center; color: #0A468C; font-size: 18px; font-weight: 400; line-height: normal; margin-right: 24px; max-width: 100%; }
.quote-main .quote-step .add-ons-btn .skip-btn:hover{ background-color: #0A468C; color: #fff;}
.quote-main .quote-step .add-ons-btn{ display: flex; align-items: center; justify-content: center; margin:54px 0 32px;}
.quote-main .quote-step .add-ons-btn .getQuote{ margin: 0; width: 320px; max-width: 100%;}

/* step 2*/
.cover-type-main{ display: block;}
.cover-type-main h3{ color: #0A468C;font-size: 18px;font-weight: 700;line-height: normal; margin: 24px 0;}
.trip-tab-annual .cover-type-main h3{ max-width: 650px; margin: 24px auto;}

.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(1):after{ width: 50%;}
.trip-plans .travel-inconv .tp-list-item .tp-list-body .tprice-item:nth-child(1) h4{ width: 132px;}
.trip-plans .travel-inconv .tp-list-item .tp-list-body .tprice-item:nth-child(2) h4{ width: 132px;}
.trip-plans .travel-inconv .tp-list-item .tp-list-body .tprice-item:nth-child(3) h4{ width: 132px;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(2):after{ width: 50%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(3):after{ width: 50%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(4):after{ width: 30%; }
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(5):after{ width: 100%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(6):after{ width: 100%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(7):after{ width: 50%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(8):after{ width: 60%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(9):after{ width: 60%;}
.trip-plans .travel-inconv .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(10):after{ width: 40%;}

.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(1):after{ width: 80%;}
.trip-plans .travel-inconv .tp-list-item .tp-list-body .tprice-item:nth-child(1) h4{ width: 132px;}
.trip-plans .travel-inconv .tp-list-item .tp-list-body .tprice-item:nth-child(2) h4{ width: 132px;}
.trip-plans .travel-inconv .tp-list-item .tp-list-body .tprice-item:nth-child(3) h4{ width: 132px;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(2):after{ width: 80%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(3):after{ width: 70%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(4):after{ width: 65%; }
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(5):after{ width: 100%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(6):after{ width: 100%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(7):after{ width: 70%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(8):after{ width: 80%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(9):after{ width: 75%;}
.trip-plans .travel-inconv .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(10):after{ width: 70%;}


.trip-plans .personal-accident .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(1):after{ width: 70%;}
.trip-plans .personal-accident .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(2):after{ width: 60%;}
.trip-plans .personal-accident .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(3):after{ width: 55%;}
.trip-plans .personal-accident .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(4):after{ width: 100%; }
.trip-plans .personal-accident .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(5):after{ width: 100%;}

.trip-plans .personal-accident .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(1):after{ width: 80%;}
.trip-plans .personal-accident .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(2):after{ width: 80%;}
.trip-plans .personal-accident .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(3):after{ width: 75%;}
.trip-plans .personal-accident .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(4):after{ width: 100%; }
.trip-plans .personal-accident .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(5):after{ width: 100%;}


.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(1):after{ width: 38%;}
.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(2):after{ width: 100%;}
.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(3):after{ width: 100%;}
.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(4):after{ width: 100%; }
.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(5):after{ width: 40%;}
.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(6):after{ width: 50%;}

.trip-plans .medical-emerg .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(1):after{ width: 65%;}
.trip-plans .medical-emerg .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(2):after{ width: 100%;}
.trip-plans .medical-emerg .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(3):after{ width: 100%;}
.trip-plans .medical-emerg .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(4):after{ width: 100%; }
.trip-plans .medical-emerg .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(5):after{ width: 68%;}
.trip-plans .medical-emerg .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(6):after{ width: 80%;}


.trip-plans .liability-info .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(1):after{ width: 56%;}

.trip-plans .liability-info .tp-list-item.tp-gold .tp-list-body .tprice-item:nth-child(1):after{ width: 100%;}

.trip-plans .medical-emerg .tp-list-item.tp-bronze .tp-list-body .tprice-item:nth-child(5) h4{ width: 155px;}
.declarations-text h4{ font-size: 18px; font-weight: 600; margin-bottom: 15px;}
/*textarea.ss-form-control{ height: auto; min-height: 94px;}*/
/* all steps new css added */

/* claims flow */

.msig-p-title{
  color: rgb(143,39,170);
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
  margin: 0;
  flex: 1;
  text-align: center;
}
.blue-btn{
  padding: 16px 38px 16px 38px;
  background-color: rgb(143,39,170);
  border-radius: 4px;
  border: 0;
  color: var(--bs-white);
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  transition: all 0.5s ease-in;
  position: relative;
  min-width: 160px;
  border-radius: 100px;
}
.blue-btn:hover{
  background-color: #FF9027;
}
.blue-btn:focus{
  outline: none;
}
.select2-container--default .select2-selection--single{
    position: relative;
    display: block;
    padding: 11px 40px 10px 20px;
    border: 1px solid #D0D8DB;
    border-radius: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #0A468C;
    outline: none;
    box-shadow: unset;
    height: auto;
}
.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;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
  display: none;
}
.form-radio-div{
  border: 1px solid #D0D8DB;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-right: 16px;
  min-width: 220px;
}
.form-radio-div.check{
  border: 1px solid rgb(143,39,170);
}
.form-radio-div:last-child{
  margin-right: 0;
}
.form-radio-div .form-check{
  display: flex;
  align-items: center;
  padding-left: 0;
  width: 100%;
}

.form-radio-div .form-check [type="radio"]:checked,
.form-radio-div .form-check [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.form-radio-div .form-check [type="radio"]:checked + label,
.form-radio-div .form-check [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  padding: 8px 20px 9px;
  width: 100%;
}
.form-radio-div .form-check [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 10px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 100%;
  background: #fff;
  border: 2px solid rgb(143,39,170);
}
.form-radio-div .form-check [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 10px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.25);
  border:2px solid transparent;
}
.form-radio-div .form-check [type="radio"]:checked + label:after,
.form-radio-div .form-check [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: rgb(143,39,170);
  border: 2px solid rgb(143,39,170);
  position: absolute;
  top: 16px;
  left: 26px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.form-radio-div .form-check [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.form-radio-div .form-check [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.form-switch .form-check-input{
  width: 40px;
  height: 24px;
  border-radius: 24px;
  left: -39px;
  box-shadow: none;
}
.form-check-input:checked{
  background-color: rgb(143,39,170);
  border-color: rgb(143,39,170);
  box-shadow: none;
}
.form-switch .form-check-input:focus{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  border: 1px solid rgba(0,0,0,.25);
}
.form-check-input:checked:focus{
  border-color: #CDAF8A;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-switch .custom-control-label::after{
  width: 22px;
  height: 22px;
  background: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  left: -36px;
  top: 5px;
}

.form-control{
  border: 1px solid #D0D8DB;
  width: 100%;
  border-radius: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color:rgb(74,85,91);
  padding: 12px 20px;
}
.form-control-sel{
  border: 1px solid #D0D8DB;
  width: 100%;
  border-radius: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color:rgb(74,85,91);
  padding: 12px 20px;
  appearance: none;
  background: url("../images/down-arrow.png") no-repeat right 20px center #fff;
  
}
.form-control-sel:focus{
  box-shadow: none;
  outline: none;
}
.form-control:focus{
  color: #333333;
  border: 1px solid #D0D8DB;
  box-shadow: none;
}
.form-control::-webkit-input-placeholder { /* Edge */
  color: rgba(0, 0, 0, 0.25);
  font-weight: 700;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.25);
  font-weight: 700;
}

.form-control::placeholder {
  color: rgba(0, 0, 0, 0.25);
  font-weight: 700;
}

.cont-sec-title{
  color: #0A468C;
  font-weight: 600;
  font-size: 22px;
  line-height: normal;
  margin-bottom: 32px;
}
.input-dp-icon{
  background: url(../images/datepicker-icon.png) no-repeat 20px center #fff;
  background-size: 24px 24px;
  padding-left: 60px;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: rgb(74,85,91);
}
.msig-page-mid-sec{
  margin: 40px 0 56px;
}
.msig-page-mid-sec .msig-p-title-div{
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
.msig-page-mid-sec .msig-ci-main{
  display: flex;
  align-items: flex-start;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-right{
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13);
  border-radius: 12px;
  padding: 32px 0;
  flex: 0 0 350px;
  border: 1px solid #D0D8DB;
  display: flex;
  flex-direction: column;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-right .msig-order-no{
  border-radius: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  border:1px solid #000000;
  padding: 5px 15px 4px 15px;
  display: inline-block;
  margin: 0 auto;
  min-width: 115px;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-right ul.msig-right-menu{
    padding: 0;
    margin: 0;
    list-style: none;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-right ul.msig-right-menu li{
  position: relative;
  display: block;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-right ul.msig-right-menu li a{
  padding: 12px 32px;
  background-color: #ffffff;
  color: #0A468C;
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  display: block;
  transition: all 0.3s ease;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-right ul.msig-right-menu li a:hover,
.msig-page-mid-sec .msig-ci-main .msig-ci-right ul.msig-right-menu li.active a{
  background-color: #F6F1EB;
  text-decoration: none;
  color: #000000;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left{
  background-color: #ffffff;
  border: 1px solid #D0D8DB;
  border-radius: 12px;
  flex: 1;
  margin-right: 48px;
  overflow: hidden;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content{
  padding: 32px 32px 16px;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full{
  margin-bottom: 32px;
  display: flex;
  gap: 24px;
}

.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full .form-check{
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full:last-child{
  margin-bottom: 0;
}

.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont{
  padding: 0 0 32px;
  border-bottom: 1px solid rgba(208, 216, 219, 0.4);
  margin-bottom: 32px;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont:last-child{
  margin-bottom: 0;
  border: 0;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ci-field{
  width: 49%; 
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full .ci-field{ width: 100%;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .w-full .ci-field{
  width: 100%;
}

.custom-control-label {
  padding-left: 16px;
  cursor: pointer;
}

.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont label{
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.5px;
  color:rgba(0,0,0,0.6);
  margin-bottom: 12px;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont label.custom-control-label{
  color: #000;
  margin: 0;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full.ci-main-full-field{
  flex-direction: column;
  gap: 0;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ct-option-group{
  display: block;
  margin-bottom: 32px;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ct-option-group .ct-options{
  border: 1px solid #D0D8DB;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 12px;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ct-option-group .ct-options .form-check-label{ margin-bottom: 0; color: rgba(0, 0, 0, 0.35);}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ct-option-group .ct-options .active-field .form-check-label{ color: rgba(0, 0, 0, 1);}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ct-option-group .ct-options .form-check{
  margin-bottom: 0; display: flex; align-items: flex-start; gap: 16px;
}
.ct-options .form-check-input{ width: 24px; height: 24px; flex: 0 0 24px; background-color: #D0D8DB; border-color: #D0D8DB; box-shadow: none; margin-top: 0;}
.ct-options .form-check-input:checked{ background-color: rgb(143,39,170); border-color: rgb(143,39,170);}
.ct-options .form-check-input:checked:focus{ background-color: rgb(143,39,170); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.msig-page-mid-sec .msig-ci-main .ci-contbtn-div{
  background: #F5F8FA;
  border-top: 1px solid #D0D8DB;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.msig-page-mid-sec .msig-ci-main .ci-main-full .ci-radio-main{
  display: flex;
}
.msig-page-mid-sec .msig-ci-main .ci-main-full .ci-radio-main .form-radio-div span{
  width: 24px;
  height: 29px;
  display: inline-block;
  margin: 0 10px 0 34px;
  
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .form-radio-div .form-check label{
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .form-radio-div.check .form-check label{
  color: rgb(143,39,170);
}
.power-div{
  background: #ffffff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.09);
  border-radius: 12px 12px 0px 0px;
  transform: rotate(-90deg);
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}


.rotation-wrapper-outer {
  display: table;
}
.rotation-wrapper-inner {
  padding: 50% 0;
  height: 0;
}
.element-to-rotate {
  display: block;
  transform-origin: top left;
  /* Note: for a CLOCKWISE rotation, use the commented-out
     transform instead of this one. */
  transform: rotate(-90deg) translate(-100%);
  /* transform: rotate(90deg) translate(0, -100%); */
  margin-top: -50%;

  /* Not vital, but possibly a good idea if the element you're rotating contains
     text and you want a single long vertical line of text and the pre-rotation
     width of your element is small enough that the text wraps: */
  white-space: nowrap;
}

.check-claim {position: relative;display: flex;}
.check-claim h3 {position: relative; display: block;background-color: #1B1564;font-weight: 700; font-size: 24px; line-height: 33px;color:#ffffff; margin-bottom: 0;padding: 23px 32px 23px 160px;}
.check-claim .claim-detail {position: relative;display: flex;justify-content: space-between; align-items: center;flex: 1; padding: 0 160px 0 32px; background-color: #D1D1DA;}
.check-claim .claim-detail p {font-weight: 400; font-size: 18px; line-height: 22px;color: #333333;margin-bottom: 0; margin-right: 20px;}
.expenses-detail{
  background-color: #F5F8FA; border-radius: 8px; border: 1px solid #D0D8DB; padding: 24px 32px 32px;
}
.expenses-detail h4{ color: #0A468C; font-size: 18px; font-weight: 700; margin-bottom: 32px;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row { gap: 32px;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field{ width: 50%;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(2){ width: 16%;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(3){ width: 30%;}
.ci-main-cont p{ font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 32px; }
.add-another a{ display: flex; align-items: center; gap: 16px; color: rgb(143,39,170); font-size: 18px; font-weight: 700; line-height: normal;  }
.add-another figure{ width: 35px; height: 35px; border-radius: 100%; background-color: rgb(143,39,170); display: flex; align-items: center;
  justify-content: center; margin-bottom: 0;
}
.add-another figure img{ width: 15px; height: 15px; }
.add-another{ margin-bottom: 32px;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont.border-none{ border: 0; padding-bottom: 0;}
.document-box{border-radius: 8px; background-color: #F5F8FA; border: 1px solid #D0D8DB; padding: 24px 32px 32px; margin-bottom: 32px;}
.document-box:last-child{ margin-bottom: 0;}
.document-box h4{ font-size: 18px; font-weight: 700; line-height: normal; text-align: center; margin-bottom: 32px; color: #0A468C;}
.doc-info{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.doc-info .doc-title{ display: flex; align-items: center; gap: 16px;}
.doc-info .doc-title figure{ width: 20px; height: 20px; flex: 0 0 20px; margin-bottom: 0; display: flex;}
.doc-info .doc-title p{ margin-bottom: 0; font-size: 18px; font-weight: 400; color: #000;}
.doc-info .remove-file{ display: flex; align-items: center; gap: 10px; cursor: pointer; margin-left: 20px;}
.doc-info .remove-file figure{ width: 24px; height: 24px; display: flex; margin-bottom: 0;}
.doc-info .remove-file span{ font-size: 18px; font-weight: 700; color: rgba(0,0,0,0.35);}

.upload-area{ text-align: center; overflow: auto; display: flex; justify-content: center; align-items: center; background-color: #FFF;
  border: 1px dashed #D0D8DB; border-radius: 12px; padding: 24px 32px 32px; }
.upload-area:hover{ cursor: pointer; }
.dragfile{ text-align: center; margin-bottom: 0;font-size: 18px; font-weight: 400; line-height: normal; color: #000; display: flex;
  align-items: center; }
#file{ display: none; }
.select-file { display: flex; border: 1px solid rgb(143,39,170); padding: 8px; box-sizing: border-box; border-radius: 100px; 
width: 223px; padding: 14px 30px; text-align: center; align-items: center; justify-content: center; color: rgb(143,39,170);
font-size: 18px; font-weight: 400; gap: 10px; margin-left: 16px;}
.select-file figure{ width: 15px; height: 15px; display: flex; margin-bottom: 0;}

.payee-notes{ display: block; }
.payee-notes p{font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(0,0,0,0.35); margin-bottom: 16px;}
.payee-notes p:last-child{ margin-bottom: 0;}

.msig-page-mid-sec .msig-ci-main .msig-ci-left .payee-cont .ci-main-cont{ padding-bottom: 40px; margin-bottom: 40px;}
.msig-page-mid-sec .msig-ci-main .msig-ci-left .payee-cont .ci-main-full{ margin-bottom: 40px;}
.receive-payment-opt{ display: flex; gap: 20px; flex-wrap: wrap;}
.receive-payment-opt .rp-opt-box{ border: 1px solid #D0D8DB; border-radius: 12px; background-color: #FFF; overflow: hidden;
  width: 31%; flex: 1; }
.receive-payment-opt .rp-opt-box .rp-header{ background-color: #F5F8FA; border-bottom: 1px solid #D0D8DB; padding: 12px 12px 16px;
text-align: center;}
.receive-payment-opt .rp-opt-box .rp-header h5{ margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: normal; display: flex;
gap:12px; align-items: center; justify-content: center; }
.receive-payment-opt .rp-opt-box .rp-header p{ margin-bottom: 0; color: #000; opacity: 0.7;}
.receive-payment-opt .rp-opt-box .form-check-input{ width: 24px; height: 24px; background-color: rgba(0,0,0,0.25); 
  border:0; margin: 0 auto; position: relative;}
.receive-payment-opt .rp-opt-box .rp-content{ display: flex; flex-direction: column; padding: 32px; min-height: 318px; }
.receive-payment-opt .rp-opt-box .rp-content .form-check{ display: flex; flex-direction: column; padding-left: 0; text-align: center;}
.receive-payment-opt .rp-opt-box .rp-content .form-check h4{font-size: 22px;font-weight: 600;line-height: normal;color: #000;
margin-bottom: 32px;}
.receive-payment-opt .rp-opt-box .rp-content .form-check h4 span{ font-size: 18px; font-weight: 400; line-height: normal; color: rgba(0, 0, 0, 0.7); }
.receive-payment-opt .rp-opt-box .rp-content p{ margin:  auto 0 0; text-align: center; }
.logo-list figure:nth-child(1){ width: 73px; height: 29px; }
.logo-list figure:nth-child(2){ width: 69px; height: 26px; }
.logo-list figure:nth-child(3){ width: 74px; height: 21px; }
.logo-list figure:nth-child(4){ width: 96px; height: 21px; }
.logo-list figure:nth-child(5){ width: 58px; height: 22px; }
.logo-list{ display: flex; gap: 16px 20px; flex-wrap: wrap; align-items: center; justify-content: center; }
.logo-list figure{ margin-bottom: 0;}
.logo-list figure img{ object-fit: contain;}
.logo-list figure.etiqa{ width: 113px; height: 48px;}
.receive-payment-opt .rp-opt-box .rp-content p{font-size: 14px;font-weight: 400;line-height: 18px; color: #000; opacity: 0.35;}
.receive-payment-opt .rp-opt-box .rp-header svg{ fill: #000; opacity: 0.35;}
.receive-payment-opt .active-payment{ border: 1px solid #FF9027; }
.receive-payment-opt .active-payment .rp-header{ background-color: #FF9027; color: #fff;}
.receive-payment-opt .active-payment .rp-header svg{ fill: #fff; opacity: 1;}
.receive-payment-opt .active-payment .rp-header p{ color: #fff;}
.receive-payment-opt .active-payment { background-color: #F6F1EB;}
.receive-payment-opt .rp-opt-box .rp-content .form-check .form-check-input:checked[type=radio]{ background-color: transparent; border: 1px solid rgb(143,39,170);}
.receive-payment-opt .rp-opt-box .rp-content .form-check .form-check-input:checked[type=radio]:after {
  content: ''; position: absolute; display: block; width: 12px; height: 12px; background-color: rgb(143,39,170); border-radius: 50%;
  align-items: center; margin: 0 auto; top: 5px; left: 5px; }
.declaration-content .dec-info{ padding: 0 22px 32px; font-size: 18px; font-weight: 400; line-height: normal; color: #000;
display: flex; gap: 12px; align-items: center; justify-content: center; border-bottom: 1px solid #D0D8DB; margin-bottom: 40px;}
.declaration-content .dec-info figure{ width: 24px; height: 24px; flex: 0 0 24px; margin-bottom: 0;}
.declaration-content .form-control{ font-weight: 700;}
.personal-data{border-radius: 8px; background-color: #F5F8FA; border: 1px solid #D0D8DB; padding: 32px 32px 40px;
display: flex; flex-direction: column; gap: 32px; margin-bottom: 32px;}
.personal-data h4{font-size: 18px;font-weight: 700;line-height: normal; margin-bottom: 0;}
.personal-data p{font-size: 18px; font-weight: 400; line-height: normal; color:#000; opacity: 0.6; margin-bottom: 0; }
.personal-data .form-check{ display: flex; margin-bottom: 0; align-items: center; gap: 16px;}
.personal-data .form-check-input{ width: 24px; height: 24px; background-color: #D0D8DB; border-color: #D0D8DB; box-shadow: none; margin-top: 0;}
.personal-data .form-check-input:checked{ background-color: rgb(143,39,170); border-color: rgb(143,39,170);}
.personal-data .form-check-input:checked:focus{ background-color: rgb(143,39,170); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.personal-data .form-check .form-check-label{ color: #0A468C; opacity: 0.35;  font-size: 18px; font-weight: 400; line-height: normal; }

.msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .review-info label{ width: 160px; font-size: 18px; color: #000;
font-weight: 700; margin-bottom: 0; flex: 0 0 160px;}
.review-info{ display: flex; gap: 12px; margin-bottom: 12px;}
.review-info p{ margin-bottom: 0; color: #000; opacity: 0.7;}
.bill-detail{ background-color: #F5F8FA; border: 1px solid #D0D8DB; padding: 24px 32px 32px; border-radius: 8px; max-width: 738px; margin: 32px auto 0; }
.bill-detail h4{ font-size: 18px; font-weight: 700; line-height: normal; color: #0A468C; text-align: center; margin-bottom: 32px; }
.review-info:last-child{ margin-bottom: 0;}
.msig-page-mid-sec .submit-review-main{ display: block; position: relative; border: 1px solid #D0D8DB; border-radius: 12px;
overflow: hidden;}

.submit-review-cont{ padding: 32px; text-align: center;}
.review-con-icon{ width: 72px; height: 72px; margin: 0 auto 32px;}
.submit-review-cont h2{font-size: 48px; font-weight: 400; line-height: 60px; color: #000; margin-bottom: 32px; }
.clain-ref-box{ display: block; position: relative; max-width: 522px; margin: 0 auto;}
.clain-ref-box p{ font-size: 18px; font-weight: 400; line-height: normal; color: #000; opacity: 0.7; margin-bottom: 12px; }
.claim-ref-copy{ padding: 32px; border-radius: 12px; background-color:#FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
display: flex; align-items: center; justify-content: space-between;}
.claim-ref-copy .claim-logo{ width: 40px; height: 40px; flex: 0 0 40px;}
.claim-ref-copy span{ color: #0A468C; font-size: 22px; font-weight: 600; line-height: normal;}
.claim-ref-copy figure span {position: absolute; display: none; color: #0A468C; font-size: 16px; line-height: 20px; bottom: 5px; left: 40px;}
.claim-ref-copy figure{ margin-bottom: 0; width: 24px; height: 24px; flex: 0 0 24px; position: relative;}
.what-next-cont{ margin: 32px 0; border-bottom: 1px solid rgba(208, 216, 219, 0.4); padding-bottom: 32px;}
.what-next-cont h3{ color: #0A468C; font-size: 22px; font-weight: 600; line-height: normal; margin-bottom: 32px;}
.what-next-cont p{ margin-bottom: 16px;}
.what-next-cont a{ color: #0A468C; font-size: 18px; font-weight: 700; line-height: normal; }
.claim-notes{font-size: 18px; font-weight: 400; line-height: normal; color: rgba(0,0,0,0.35); margin-bottom: 28px; }

.msig-p-title-div .steps {position: relative;display: none;align-items: center;justify-content: center;font-weight: 400;  font-size: 18px; line-height: 25px; color: var(--black);margin-bottom: 10px;}
.msig-p-title-div .steps .number {position: relative; display: flex; margin-left: 9px; align-items: center;}
.msig-p-title-div .steps .number .select { position: relative; display: block; width: 32px; height: 32px; background-color: #0A468C; color: var(--white); text-align: center; font-weight: 700; font-size: 18px; line-height: 30px; border-radius: 50%;margin-right: 10px; }
.msig-p-title-div .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);}
.msig-p-title-div .steps .number span{font-weight: 400; font-size: 18px; line-height: 25px; color: var(--black); opacity: 0.35;margin-left: 3px;}

/* end claims flow */

/* contact dropdown */
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: 20px; left: -45px;}
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%);  */
  color: #0A468C; font-size: 18px;
  margin: 0 0 12px; text-transform: capitalize; font-weight: 700; position: relative; display: block; cursor: pointer;}
header .navbar .action .contact-info a.policy span,
header .navbar .action .contact-info p { display: block; color: #3b608e; margin-top: 2px; opacity: 1; margin: 0;}
header .navbar .action.active .contact-info { display: block;}
header .navbar .action .contact-info h3{ color: #0A468C; font-size: 18px; font-weight: 700; margin-bottom: 15px;}
header .navbar .action .contact-info h3 svg{ fill: #0A468C;}

.copy-click { position: relative; text-decoration: none; cursor: copy; color: #484848; transition: background-color calc(var(--duration) * 2) var(--ease); }
.copy-click:after { content: attr(); position: absolute; bottom: calc(100% + 6px); left: 50%; padding: 8px 16px; white-space: nowrap; background-color: white;   border-radius: 4px; box-shadow: 0 0 0 -12px rgba(0, 0, 0, 0);  pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0;    transform: translate(-50%, 12px); transition: box-shadow calc(var(--duration) / 1.5) var(--bounce), opacity calc(var(--duration) / 1.5) var(--bounce), transform calc(var(--duration) / 1.5) var(--bounce); }
.copy-click.is-hovered:after { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); opacity: 1; transform: translate(-50%, 0); transition-timing-function: var(--ease); }
.copy-click.is-copied:after { content: attr(data-tooltip-text-copied); }

/* end contact dropdown */

.select2-container--default .select2-selection--single .select2-selection__placeholder{ color: rgb(74,85,91);}

/* Privacy Notice */
.privacy-policy-main{ padding: 50px 0;}
.privacy-policy-main .privacy-content{ position: relative;}
.privacy-policy-main h2{ color:rgb(143,39,170); margin-bottom: 20px;}
.privacy-policy-main .privacy-content h4{ font-size: 18px; margin-bottom: 16px;}
.privacy-policy-main .privacy-content p{ font-size: 16px; margin-bottom: 16px;}
.privacy-policy-main .privacy-content h5{ font-size: 18px;}
.privacy-policy-main .privacy-content ul{ padding: 0; margin: 0 0 16px 20px; list-style-position: outside;}
.privacy-policy-main .faq-content h2{ margin-bottom: 0; }
.privacy-policy-main .faq-content h3{ margin: 30px 0; font-size: 18px;}
.privacy-policy-main .faq-content .accordion-body p:last-child{ margin-bottom: 0;}
.privacy-policy-main .faq-content .accordion-button:not(.collapsed){ background-color: #FF9027; color: #fff; box-shadow: none; }
.privacy-policy-main .faq-content .accordion-button:focus{ box-shadow: none;}
.privacy-policy-main .faq-content .accordion-button:not(.collapsed)::after{ background-image: var(--bs-accordion-btn-icon); filter: invert(1);}
.privacy-policy-main .faq-content .accordion-button{ align-items: flex-start; gap: 5px; }
/* end Privacy Notice */
.quote-form form .step-form .check-fold .form-check,
.quote-form form .step-form .check-fold .field-fold,
.travel-details .travel-form .id-field .field-fold .form-check{ cursor: pointer;}
.quote-form form .step-form .check-fold .form-check.check,
.quote-form form .step-form .check-fold .field-fold.check,
.travel-details .travel-form .id-field .field-fold .form-check.check{ border: 1px solid rgb(143,39,170); color: rgb(143,39,170); }
.quote-form form .step-form .check-fold .form-check.check label,
.quote-form form .step-form .check-fold .field-fold.check label,
.travel-details .travel-form .id-field .field-fold .form-check.check label{ color: rgb(143,39,170); opacity: 1; }
.mobile-header-right{ display: flex;}
.myr-mobile{ display: none; margin-right: 10px;}

@media only screen and (max-width: 1700px) {
  .service-section .service-wrap .benifit-row .service-list-item{ width: 31%;}
  .service-section .service-wrap .sertvice-list{ gap: 24px;}
  .sertvice-list .service-list-item .sinfo h5{ font-size: 18px;}
}
@media only screen and (max-width: 1550px) {
  .ss-container {margin: 0 100px;}
  .hero-section .hero-box .hinfo h2 {font-size: 40px; line-height: 52px;}
  .hero-section .hero-box {height: auto;}
  .ss-title { font-size: 40px; line-height: 52px;margin-bottom: 40px; }
  .service-section .service-wrap .ss-title span {width: 150px; height: auto;}
  .sertvice-list .service-list-item figure { width: 60px; height: 60px; flex: 0 0 60px; margin: 0 0 20px 0;}
  .service-section {margin-bottom: 120px;}
  .travel-mind .travel-header .ss-title { margin: 0 40px 0 0; }
  .travel-fold .travel-info figure {width: 320px; height: auto; margin-bottom: 30px;}
  .airline .airfolds .air-detail {width: 420px; padding: 20px 30px;}
  .airline .airfolds .air-detail h5 { font-size: 38px; line-height: 45px; margin-bottom: 10px; }
  .airline .airfolds .air-detail p { font-size: 36px; line-height: 48px; }
  .airline .airfolds figure {width: 370px; height: auto;}
  .etiqa span {width: 90px;}

  /* claim landing */
  .claims-landing .cl-hero-section{ padding: 0 100px;}
  .claims-landing .claims-landing-item{ padding: 50px 100px;}
  .claims-landing .claim-docs-wrapper{ padding: 50px 100px;}
  .claims-landing .eligibility-title { padding: 25px 32px 25px 100px; }
  .claims-landing .claim-contact-sec{ padding: 50px 100px;}

  .claims-landing .ellipse-img{ width: 537px; height: 537px;}
  .claims-landing .cl-hero-section{ height: 430px;}
  /* end claim landing */

  .msig-p-title{ font-size: 40px;}
}

@media only screen and (max-width:1500px) {
  .hero-section .hero-box {height: auto;}
  .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;}

  .submit-review-cont h2{ font-size: 46px;}

  
}

@media only screen and (max-width:1440px) {
  /*.service-wrap .sertvice-list .service-list-item {flex-flow: column;}*/
  .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;}

  .msig-p-title{ font-size: 36px;}
  /*.service-section .service-wrap .sertvice-list{ gap: 50px;}*/
  .submit-review-cont h2{ font-size: 40px;}
}

@media only screen and (max-width: 1439px) {
  .travel-mind .travel-fold {flex-flow: column;}
  .travel-mind .travel-fold .travel-info {margin: 0 0 50px;}
  .ss-container {margin: 0 60px;}
  header .navbar .navbar-nav .nav-item {margin-right: 15px;}
  header .navbar .navbar-nav .nav-item .nav-link {font-size: 16px; line-height: 20px;}
  header .navbar .navbar-brand {margin-right: 30px;}
  header .navbar .action a {font-size: 16px; line-height: 20px; margin-right: 15px;}
  header .navbar .action a.login {min-width: auto; border-radius: 50px;}
  header .navbar .action a.login figure {width: 18px; height: 18px; margin: 0 5px 0 0;}
  header .navbar .action .country-flag {width: 30px; height: 30px; padding: 6px;}
  header .navbar .action .country-flag figure {width: auto; height: auto;}
  .myr {width: 30px; height: 30px; font-size: 9px;}
  .airline .airfolds .air-detail h5 { font-size: 32px; line-height: 40px; margin-bottom: 10px; }
  .airline .airfolds .air-detail p { font-size: 30px; line-height: 42px;}

  /* claim landing */
  .claims-landing .cl-hero-section{ padding: 0 60px;}
  .claims-landing .claims-landing-item{ padding: 50px 60px;}
  .claims-landing .claim-docs-wrapper{ padding: 50px 60px;}
  .claims-landing .eligibility-title { padding: 25px 32px 25px 60px; }
  .claims-landing .claim-contact-sec{ padding: 50px 60px;}

  .claims-landing .ellipse-img{ width: 537px; height: 537px;}
  .claims-landing .cl-hero-section{ height: 430px;}
  .claims-landing .title{ font-size: 52px;}
  .claims-landing .claims-landing-item h3, .claims-landing .claim-docs-wrapper h3,
  .claims-landing .claim-contact-sec h3{ font-size: 40px;}
  .claims-landing .claim-contact-sec h3{ margin-bottom: 40px;}
  .claims-landing .eligibility-content{ padding-right: 60px;}
  /* end claim landing */

  .submit-review-cont h2{ font-size: 38px;}

  .service-section .service-wrap .sertvice-list{ gap: 20px;}
  .sertvice-list .service-list-item .sinfo{ min-height: 193px;}
  
}

@media only screen and (max-width: 1280px) {
  /* claim landing */
  .claims-landing .claim-contact-sec .contact-option-row .contact-option .contact-opt-text span{
    display: block; margin: 0;
  }
  .claims-landing .claim-contact-sec .contact-option-row .contact-option .contact-opt-text{
    margin-bottom: 5px;
  }
  /* end claim landing */

  /* Claims Flow step */
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field{ flex: auto;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row{ gap: 15px;}
  /* end Claims Flow step */

  .submit-review-cont h2{ font-size: 36px;}
  .receive-payment-opt .rp-opt-box .rp-header h5{ font-size: 14px; gap: 6px;}
  .receive-payment-opt .rp-opt-box .rp-header p{ font-size: 16px;}
  .receive-payment-opt .rp-opt-box .rp-content{ padding: 20px;}
  .receive-payment-opt .rp-opt-box .rp-content .form-check h4{ font-size: 18px; margin-top: 5px;}
  .logo-list{ margin-bottom: 15px;}

  .benifits-main{justify-content: flex-start; align-items: flex-start;}
  .service-section .service-wrap .benifit-row{ width: 100%;}
  .service-section .service-wrap .takaful-row{ width: 100%; justify-content: flex-start;}
  .service-section .service-wrap .takaful-row .service-list-item{ width: 32%;}
  .sertvice-list .service-list-item .sinfo{ min-height: inherit;}
}

@media only screen and (max-width:1199px) {
  header .navbar .navbar-brand {width: 100px; height: auto; margin-right: 20px;}
  header .navbar .navbar-nav .nav-item {margin-right: 30px;}
  header .navbar .navbar-nav .nav-item .nav-link { font-size: 14px; line-height: 18px; }
  header .navbar .action a {font-size: 14px; line-height: 18px; margin-right: 20px;}
  header .navbar .action a.login figure { width: 15px; height: 15px; margin: 0 5px 0 0; }
  .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-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; }
  .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;}
  .travel-mind .travel-header,
  .faq-section .faq-header {margin-bottom: 30px;}
  .claim-line .claim-fold h5 {font-size: 20px; line-height: 24px;}
  .claim-line .claim-fold .submit-claim { padding: 10px 15px; font-size: 16px; line-height: 20px; }
  .claim-line .claim-fold .submit-claim span { width: 10px; height: 12px; }
  footer .footer-fold .footer-widgets .flogo {width: 100px; height: auto; margin: 0 10px 0 0;}
  .hero-section .hero-box .hinfo .getQuote {min-width: auto; padding: 12px 15px 12px 50px; background-size: 20px;
  background-position: left 20px center;}
  .airline .airfolds .air-detail { width: 350px; padding: 20px; }
  .airline .airfolds .air-detail h5 { font-size: 28px; line-height: 35px; margin-bottom: 10px; }
  .airline .airfolds .air-detail p {font-size: 24px; line-height: 36px; }
  .airline .airfolds figure { width: 280px; }
  .claim-line .claim-fold {flex-flow: column; flex-direction: column; gap: 15px;}
  .service-section .service-wrap .sertvice-list {gap: 17px;}


  /* Understand your cover 1202 HV*/
  .understand-cover-main .page-title{ font-size: 42px;}
  .travel-insurance-detail .insurance-top{ flex-direction: column; align-items: flex-start;}
  .travel-insurance-detail .insurance-top h3{ margin: 0 0 20px; font-size: 22px;}
  .cover-list-detail .cover-list-title h3{ font-size: 22px;}
  .cover-list-detail .cover-list-title figure{ width: 60px; height: 60px; flex: 0 0 60px;}
  .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 16px;}
  .travel-insurance-detail .insurance-top .insurance-right a.policy-download-btn{ font-size: 16px;}
  .travel-insurance-detail .insurance-text p{ font-size: 16px;}
  .cover-list-container{ flex-wrap: wrap;}
  .cover-list-container .cover-list-box{ width: 47%;}
  .cover-list-container .cover-list-box .cover-text p{ font-size: 18px;}
  .cover-list-container .cover-list-box .cover-tag .tag-text{ font-size: 16px;}
  /* end Understand your cover 1202 HV*/

  /* claim landing */
  .claims-landing .title{ font-size: 42px;}  
  .claims-landing .claim-steps-wrapper .claim-step{ width: 22%; flex: 0 0 22%;}
  /* end claim landing */

  /* Claims Flow step */
  .msig-p-title{ font-size: 28px; line-height: 38px;}  
  .msig-page-mid-sec .msig-ci-main .msig-ci-right{ flex: 0 0 250px; padding: 24px 0;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full{ flex-direction: column; margin-bottom: 20px; gap: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ci-field{ width: 100%;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-right ul.msig-right-menu li a{ padding: 12px 24px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(2){ width: 11%;}
  .cont-sec-title{ margin-bottom: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .ct-option-group{ margin-bottom: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field{ flex: 0 0 100%; width: 100%;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(2){ width: 25%; flex: 0 0 25%;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(3){ width: 71%; flex: 0 0 71%;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row{ flex-direction: inherit; flex-wrap: wrap;}
  
  .declaration-content .dec-info{ padding: 0 22px 20px; margin-bottom: 30px; }
  .submit-review-cont h2{ font-size: 32px;}
  .review-con-icon{ margin: 0 auto 24px; width: 60px; height: 60px;}
  .receive-payment-opt{ justify-content: center; }

  .receive-payment-opt .rp-opt-box{ width: 100%; flex: 0 0 100%;}
  .receive-payment-opt .rp-opt-box .rp-content{ min-height: inherit;}
  /* end Claims Flow step */
}


@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 { gap: 24px;}
  .service-section .service-wrap .benifit-row .service-list-item{ width: 48%;}
  .service-section .service-wrap .takaful-row .service-list-item{ width: 48%; }
  .service-wrap .sertvice-list .service-list-item{ padding: 0;}
  .takaful-row{ padding-top: 20px;}

  .service-wrap .sertvice-list .service-list-item:not(:last-child) {margin: 0;}
  .travel-header .travel-tab .nav-item .nav-link { padding: 10px 16px; font-size: 16px; }
  .travel-mind .travel-header .travel-tab {gap: 10px;}
  .service-wrap .sertvice-list .service-list-item {width: 100%;}
  .travel-fold .travel-info figure { width: 320px; height: auto; margin-bottom: 20px;}
  .travel-fold .travel-info .getQuote {margin-bottom: 20px; min-width: unset; max-width: 140px; padding: 10px;}
  .travel-fold .travel-info .policy-doc span {width: 20px; margin-right: 10px;}
  .faq-section .faq-header .question {padding: 12px 20px; font-size: 16px; line-height: 20px;}
  .faq-section .faq-header .question span {width: 10px; height: 13px;}
  .travel-fold .travel-info .policy-doc {font-size: 16px; line-height: 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 { margin: 0; padding-top: 0; flex-flow: column;}
  .trip-tab .tab-content .trip-plans .tp-list .tp-list-item { width: 100%; /*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: #FF9027;text-align: center;}
  .trip-plans .tp-list .tp-list-item.tp-gold p {top: -10px; left: 40px; right: 40px;}
  .quote-form form .step-form .form-check {padding: 10px 20px 10px 35px;}
  .quote-form form .step-form .form-check .form-check-input {margin-top: 0;width: 18px;height: 18px; flex: 0 0 18px;}
  .quote-form form .step-form .form-check .form-check-input:checked[type=radio]:after {width: 8px; height: 8px; top: 17px; 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, .travel-details .travel-form .id-field 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; flex: 0 0 20px;}
  .quote-form form .step-form .check-fold .form-check label {margin-right: 16px;}
  .quote-form form .step-form .form-group {margin-bottom: 15px;}
  .quote-form form .step-form .form-group-opt{ margin-bottom: 0;}
  .ss-form-control {font-size: 16px; line-height: 22px; padding: 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: #fff;}
  .trip-plans .tp-list .tp-list-item.tp-silver .tp-list-header h5 { color: #fff;}
  .trip-plans .tp-list .tp-list-item.tp-gold .tp-list-header h5 {color: #fff;}


  .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 { display: flex; flex-flow: column; align-items: flex-start; gap: 15px; }
  header .navbar .action.active { align-items: flex-start; display: inline-flex;}
  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: 44px; }
  .trip-tab .tab-content .trip-plans.plan-web {display: none;}
  .trip-tab .tab-content .trip-plans.plan-mobile {display: block;}

  .airline .airfolds .air-detail { width: 300px; padding: 20px; }
  .airline .airfolds .air-detail h5 { font-size: 26px; line-height: 30px; }
  .airline .airfolds .air-detail p { font-size: 20px; line-height: 32px; }
  .etiqa ,
  .claim-line .claim-fold p { font-size: 16px; line-height: 20px; text-align: center;}
  .etiqa span { width: 70px; }
  footer .footer-fold .footer-widgets .flogo { margin: 0 5px 0 0; }

  /* Understand your cover 1202 HV*/
  .cover-list-container .cover-list-box{ flex-direction: column; gap: 15px;}  
  .cover-list-container .cover-list-box figure{ width: 60px; height: 60px; flex: 0 0 60px;}  
  .understand-cover-main{ padding-top: 75px;}
  .understand-cover-main .page-title{ font-size: 36px;}
  /* end Understand your cover 1202 HV*/

  /* claim landing */
  .claims-landing .cl-hero-section{ height: auto; flex-direction: column; gap: 10px;}  
  .claims-landing .cl-hero-title-wrapper{ width: 100%; text-align: center;}  
  .claims-landing{ padding-top: 68px;}
  .claims-landing .title{ font-size: 36px; margin-bottom: 10px; margin-top: 30px; }
  .claims-landing .submit-your-claim{ justify-content: center; margin-bottom: 20px;}
  .cl-hero-title-wrapper figure{ display: inline-block;}
  .claims-landing .ellipse-img{ width: 320px; height: 320px; margin: 0 0 30px;}
  .claims-landing .claim-steps-wrapper .claim-step{ width: 47%; flex: 0 0 47%;}
  .claims-landing .eligibility-wrapper{ align-items: flex-start; flex-direction: column; }
  .claims-landing .eligibility-title{ padding: 16px; display: block; max-width: 100%; text-align: center;}
  .claims-landing .claims-landing-item h3, .claims-landing .claim-docs-wrapper h3, .claims-landing .claim-contact-sec h3{
    font-size: 32px; line-height: normal;
  }
  .claims-landing .claim-contact-sec h3{ margin-bottom: 30px;}
  .claims-landing .claim-contact-sec .contact-option-row .contact-option{ width: 100%;}
  .claims-landing .claim-contact-sec .contact-option-row{ flex-direction: column; margin-bottom: 30px;}
  .claims-landing .claim-contact-sec .contact-option-row .contact-option .contact-opt-text span{ display: inline-block; margin-left: 5px;}
  /* end claim landing */

  /* all steps */
  .quote-main .quote-step.personalise-cover{ margin: 0 60px 60px;}
  .persnalize-fold .persnalize-item .pcheck .form-check .form-check-label{ font-size: 16px;}
  .personalise-cover .persnalize-fold .persnalize-item{ flex-direction: column; align-items: flex-start;}
  .personalise-cover .persnalize-fold .persnalize-item .pcheck{ margin: 30px 0 0 92px;}
  .quote-step.travel-confirm{ margin: 0 60px;}
  .sponsored-box h2{ width: auto; font-size: 36px; line-height: normal;}
  .sponsored-box .sp-head{ margin-bottom: 20px;}
  .sponsored-box .sp-box-first{ flex-direction: column; gap: 20px;}
  .sponsored-box .sp-box-first .f-box{ width: 100%;}
  .quote-main .quote-top h2{ width: auto;}
  .give-your-frnd-sec .way-to-share{ flex-direction: column; margin-top: 0;}
  .give-your-frnd-sec .gyf-content-box{ padding-top: 0;}
  .holiday-sec .holiday-content-box{ padding-top: 0;}
  .sponsored-box .sp-box-first .f-box .s-box-list{ margin-top: 20px;}
  .sponsored-box .sp-box-first .f-box .s-box-list .item:not(:last-child){ margin-bottom: 15px;}
  .sponsored-box .coverage-box .cov-box .cov-right h4{ margin-bottom: 20px;}
  .sponsored-box .coverage-box .cov-box .cov-right .switch:last-child{ margin-bottom: 0;}
  .holiday-sec .holiday-content-box h3{ font-size: 28px;}
  .give-your-frnd-sec .gyf-content-box h3{ font-size: 28px;}
  .give-your-frnd-sec .gyf-content-box .gyf-box{ font-size: 20px;}
  .sponsored-box .sp-box-first .f-box figure{ margin: 0 auto 30px;}
  .quote-step.travel-confirm .quote-top .confirm-icon{ width: 50px; height: 50px;}
  .quote-step.travel-confirm .holiday-sec,
  .quote-step.travel-confirm .give-your-frnd-sec{ gap: 30px;}

  /* step 5*/
  .quote-main .quote-step.add-ons-sec{ margin: 0 60px;}
  .add-ons-fold .add-ons-item .add-ons-detail{ flex: 0 0 100%; }
  .add-ons-fold .add-ons-item .add-ons-pax{ width: 100%; justify-content: flex-end; }
  .add-ons-fold .add-ons-item .add-ons-pax p{ width: 100%;}
  .add-ons-fold .add-ons-item{ flex-wrap: wrap;}

  .trip-tab .tab-content .trip-plans .tp-list .tp-list-item{max-width: 450px; margin: 0 auto;}
  /* end all steps */
  .quote-main .quote-step{ max-width: 700px;}
  .quote-main .quote-form form .step-form{ max-width: 700px;}

  /* Claims Flow step*/
  .msig-page-mid-sec .msig-ci-main .msig-ci-right{ display: none;}
  .msig-page-mid-sec{ margin: 100px 0 56px; }
  .backlink{ display: none;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left{ margin-right: 0;}
  .msig-page-mid-sec .msig-p-title-div{ flex-direction: column; justify-content: center;}
  .msig-p-title-div .steps{ display: flex; margin-bottom: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont label{ margin-bottom: 10px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont{padding: 0 0 25px; margin-bottom: 25px;}
  .select-file{ font-size: 16px; padding: 12px 23px; width: 160px;}
  .dragfile{ font-size: 16px;}
  .doc-info .doc-title p, .doc-info .remove-file span{ font-size: 16px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont label{ font-size: 16px;}
  .declaration-content .dec-info{ font-size: 16px;}
  .cont-sec-title{ font-size: 20px;}
  .personal-data p{ font-size: 16px;}
  .personal-data .form-check .form-check-label{ font-size: 16px;}
  .personal-data{ gap: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .review-info label{ font-size: 16px;}
  .review-info p{ font-size: 16px;}

  .receive-payment-opt .rp-opt-box .rp-header h5{ font-size: 13px;}
  .receive-payment-opt .rp-opt-box .rp-header p{ font-size: 14px;}
  .receive-payment-opt .rp-opt-box{ width: 31%; flex: 0 0 31%;}
  /* end Claims Flow step*/

  header .navbar .action .contact-info {left: 0;width: 100%;box-shadow: unset; border-radius: 0;position: relative;top: 0; padding:0;}
  header .navbar .action {display: inline-flex; flex-direction: row;}
  header .navbar .action.active {flex-flow: wrap; align-items: flex-start; display: inline-flex;}
  .policy-assistance{ font-size: 16px;}
  header .navbar .action .contact-info a.policy{ font-size: 14px;}

  .service-section .service-wrap .sertvice-list{ margin-top: 22px;}
  .policy-link-list{ flex-wrap: wrap;}
  .policy-link-list .policy-link-col:first-child{ width: 100%;}
  .travel-details .travel-form .id-field .form-check label{ font-size: 16px; line-height: 21px;}
  
  /* Privacy Notice */
  .privacy-policy-main{ padding: 115px 0 20px;}
  .privacy-policy-main h2{ font-size: 28px;}

  /* End Privacy Notice */

  .myr-desktop{ display: none;}
  .myr-mobile{ display: flex;}
  .sertvice-list .service-list-item .sinfo h5{ min-height: 50px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-form form .step-form .check-md .form-check .form-check-input:checked[type=radio]:after{ top: 28px;}
}

@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: 52px; height: 52px; flex: 0 0 52px; }
  .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 { 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;}
  .travel-plan-mobile {display: block;}
  .travel-mind .travel-fold .travel-plan {display: none;}
  .service-section .service-wrap .ss-title span {width: 100px; margin: 0 10px;}
  .travel-mind .travel-header, 
  .faq-section .faq-header { margin-bottom: 20px; flex-flow: column; align-items: flex-start; gap: 15px; }
  .airline .airfolds .air-detail { width: 70%; padding: 20px; }
  .etiqa { flex-wrap: wrap; font-size: 14px; }
  .travel-mind .travel-header .travel-tab {display: none;}
.travel-mind .travel-header .travel-tab.mobile-travel-tab {display: flex;}
.travel-mind .travel-fold .tab-content {width: 100%;}
.travel-mind .travel-fold .tab-content.tf-mobile {display: block;}

  /* Understand your cover 1202 HV*/
  .travel-insurance-detail .insurance-top .insurance-right a.policy-download-btn{ font-size: 14px; padding: 14px 20px;}
  .cover-popup.left .modal-dialog, .cover-popup.right .modal-dialog{ width: 100%;}
  .modal-dialog-scrollable .modal-body{ flex: auto;}
  .cover-popup .modal-header .popup-title .modal-title{ font-size: 20px;}
  .cover-popup .modal-header .popup-title .popup-arrow{ width: 26px; height: 26px; flex: 0 0 26px;}
  .cover-popup .modal-header p{ font-size: 16px;}
  .cover-popup-tabs .nav-pills .nav-link{ font-size: 16px; padding: 15px;}
  .coverpopup-content .eg-notes p{ font-size: 16px;}
  .coverpopup-content .policy-support-box h3{ font-size: 20px;}
  .coverpopup-content .policy-support-box .policy-support-list .policy-support-detail p{ font-size: 16px;}
  .coverpopup-content .policy-support-box .policy-support-list{ gap: 15px;}
  .coverdpopup-footer .how-coverd-plans .plans-top .compare-plans-btn{ width: auto; padding: 4px 10px; font-size: 13px;}
  /* end Understand your cover 1202 HV*/


  /* claim landing */
  .claims-landing .cl-hero-section{ padding: 0 30px; }
  .claims-landing .claims-landing-item{ padding: 30px;gap:30px 20px;}
  .claims-landing .claim-docs-wrapper{ padding: 30px; gap: 10px;}
  .claims-landing .claim-contact-sec{ padding: 30px;}
  .claims-landing .submit-your-claim a{ font-size: 16px;}
  .claims-landing .eligibility-content .cl-cover-link{ font-size: 16px;}
  .claims-landing .claim-steps-wrapper .claim-step p{ width: 100%; max-width: 100%;}
  /* end claim landing */

  /* all steps */
  .quote-main .quote-top h2{ width: auto;}
  .ss-form-control{ padding: 10px; }
  .quote-form form .step-form .date-fold .form-group .validation{ margin-bottom: 0;}
  .quote-main .quote-top .steps .number .select, .msig-p-title-div .steps .number .select{ font-size: 14px;}
  .quote-main .quote-top .steps .number span, .msig-p-title-div .steps .number span{ font-size: 14px;}
  .quote-main .quote-step.personalise-cover{ margin: 0 30px 30px;}
  .persnalize-fold .persnalize-item .personal-details{ margin-right: 0;}
  .sponsored-box h2{ font-size: 30px;}
  
  /* step 5 */
  .quote-main .quote-step.add-ons-sec{ margin: 0 30px;}
  .add-ons-fold .add-ons-item .add-ons-detail p{ font-size: 16px;}
  .add-ons-fold .add-ons-item .add-ons-detail h3{ font-size: 20px;}
  .add-ons-fold .add-ons-item{ gap: 10px;}
  .quote-main .quote-step .add-ons-btn{ margin-top: 30px;}
  .add-ons-fold .add-ons-item .add-ons-pax .pax-text{ font-size: 16px;}
  /* end all steps */

  .select-couontery-box:first-child{ margin: 0 0 15px;}
  .travel-insurance-detail .insurance-top .insurance-right{ flex-direction: column;}
  .quote-form form .step-form .check-fold{ flex-wrap: wrap;}
  .quote-form form .step-form .check-fold .form-check:not(:last-child) {margin: 0 0 15px;}
  .quote-form form .step-form .check-fold {flex-flow: column; margin-right:0 !important;}
  .quote-step .trip-tab .nav-pills .nav-item .nav-link{ font-size: 16px;}
  .quote-form form .step-form .field-fold-main{ flex-direction: column;}

  /* Claims Flow step*/
  .form-control{ padding: 10px 20px; font-size: 16px;}
  .blue-btn{ font-size: 16px; padding: 15px 20px;}
  
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content{ padding: 24px;}
  .cont-sec-title{ font-size: 18px; }
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-full{ gap: 15px;}
  form .form-group .select2-container .select2-selection--single{ padding: 10px 40px 10px 10px; font-size: 16px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont label{ font-size: 16px;}
  .input-dp-icon{ padding-left: 60px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont:last-child{ padding-bottom: 15px;}
  .form-control-sel{ font-size: 16px;}
  .select2-container--default .select2-selection--single{ font-size: 16px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .form-radio-div .form-check label{ font-size: 16px;}
  .ci-main-cont p{ font-size: 16px; margin-bottom: 20px;}
  .add-another a{ font-size: 16px;}
  .add-another{ margin-bottom: 15px;}
  .document-box{ padding: 20px;}
  .document-box h4{ margin-bottom: 20px;}
  .declaration-content .dec-info{ font-size: 16px;}
  .declaration-content .dec-info{ padding-bottom: 20px; margin-bottom: 20px;}  
  .review-info p{ margin-bottom: 0;}
  .review-con-icon{ width: 50px; height: 50px; flex: 0 0 50px;}
  .submit-review-cont h2{ line-height: normal; font-size: 30px;}
  .claim-notes, .what-next-cont p{ font-size: 16px;}

  .receive-payment-opt .rp-opt-box{ width: 100%; flex: 0 0 100%;}
  /* end Claims Flow step*/

  .service-section .service-wrap .sertvice-list{ gap: 22px; }
  .etiqa span{ margin: 15px 0 0;}
  .claim-ref-copy figure span{ bottom: -32px; left: -17px; }
}

@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;}

  /* Understand your cover 1202 HV*/
  .travel-insurance-detail .insurance-top .insurance-right{ flex-direction: column; width: 100%; align-items: flex-start;}
  .travel-insurance-detail .insurance-top .insurance-right a.policy-download-btn{ margin: 15px 0 0;}
  /* end Understand your cover 1202 HV*/

  /* all steps */
  .quote-step.travel-confirm .holiday-sec{ flex-direction: column; gap: 20px;}
  .holiday-sec figure{ width: 100%;}
  .holiday-sec .holiday-content-box{ width: 100%; gap: 15px;}
  .quote-step.travel-confirm .give-your-frnd-sec{ flex-direction: column-reverse; padding: 24px; gap: 20px;}
  .give-your-frnd-sec .gyf-content-box, .give-your-frnd-sec figure{ width: 100%; gap: 15px;}
  .holiday-sec .holiday-content-box h3{ font-size: 26px;}
  .sponsored-box .coverage-box .cov-box figure{ top: 0; margin-right: 43px; }
  .quote-step.travel-confirm .confirm-box{ margin-bottom: 36px;}
  .give-your-frnd-sec .gyf-content-box h3{ font-size: 26px;}
  .sponsored-box .only-text{ width: auto;}
  .sponsored-box h2{ font-size: 28px;}
  /* all steps */

  footer .footer-fold {flex-flow: column;}
  footer .footer-fold .footer-widgets:first-child {margin-bottom: 10px;}
  .quote-step .trip-tab .main-pills { flex-direction: column; align-items: center;}
  .quote-step .trip-tab .main-pills .nav-item:not(:last-child){ margin-right: 0; margin-bottom: 15px;}
  .quote-step .trip-tab .main-pills .nav-item .nav-link{ font-size: 14px;}
  .quote-form form .step-form .date-fold,
  .quote-main .travel-details .travel-form .field-fold {flex-flow: column;}
  .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-form form .step-form .date-fold .form-group:after, .travel-details .travel-form .form-group.date:after{ top: 44px;}

  .service-section .service-wrap .sertvice-list{ flex-direction: column;}
  .service-section .service-wrap .benifit-row .service-list-item{ width: 100%;}
  .service-section .service-wrap .takaful-row .service-list-item{ width: 100%;}
  .policy-link-list{ gap: 20px;}
  .quote-main .travel-details .travel-form .field-fold{ gap: 0;}
  .quote-main .travel-details .travel-form .id-field .field-fold{ gap: 16px;}
  .travel-details .travel-form .id-field .form-check label{ font-size: 16px;}
  .sertvice-list .service-list-item .sinfo h5{ min-height: inherit;}
}

@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-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, .msig-p-title {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;}

  /* Understand your cover 1202 HV*/
  .uc-tab-content .travel-insurance-box{ flex-direction: column; gap: 15px;}
  .cover-list-container{ gap: 20px;}
  /* end Understand your cover 1202 HV*/

  /* claim landing */
  .claim-docs-container .accordion{ flex-direction: column; gap: 0;}
  .claim-docs-container .accordion .claim-docs-column{ width: 100%;}
  .accordion-flush .accordion-item:last-child{ border-bottom: 1px solid #D0D8DB;}
  .claim-docs-container .accordion .claim-docs-column:last-child .accordion-item:last-child{ border: 0;}
  /* end claim landing */

  /* all steps */
  .step-form .field-fold{ flex-direction: column;}
  .step-form .field-fold .form-group{ width: 100%;}
  .quote-form form .step-form .date-fold .form-group:after, .travel-details .travel-form .form-group.date:after{ top: 43px;
  left: 15px;}
  .quote-main .quote-step .add-ons-btn .skip-btn{ padding: 10px 14px; font-size: 16px; line-height: 22px; height: auto; }
  /* end all steps */

  /* Claims Flow step*/
  .msig-page-mid-sec .msig-ci-main .ci-main-full .ci-radio-main{ flex-direction: column;}  
  .form-radio-div{ margin-right: 0; margin-bottom: 15px;}
  
  /* end Claims Flow step*/
  .quote-step.travel-confirm .confirm-box .captcha figure span{ bottom: -30px; left: -20px; }
}

@media only screen and (max-width:550px) {
  /* Claims Flow step*/
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(2),
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .bill-second-row .ci-field:nth-child(3){
    width: 100%; flex: 0 0 100%;
  }
  .dragfile{ flex-direction: column;}
  .select-file{ margin: 15px 0 0;}
  .doc-info .doc-title p, .doc-info .remove-file span{ font-size: 14px;}
  /* end Claims Flow step*/
}

@media only screen and (max-width:480px) {
  
  .hero-section .hero-box {width: 100%;}
  .hero-section {height: 400px;}
  .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: 15px;}
  .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 0 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 { height: 30px; }
  .airline .airfolds {flex-flow: column;}
  .airline .airfolds .air-detail {width: 90%; padding: 15px;}
  .airline .airfolds figure { width: 100%; margin-top: -30px; height: 300px; margin-left: 0; margin-bottom: 0;}
  .airline {margin-bottom: 25px;}
  .airline .airfolds .air-detail h5 { font-size: 22px; line-height: 30px; margin-bottom: 5px; }
  .airline .airfolds .air-detail p { font-size: 18px; line-height: 30px; }

  /* Understand your cover 1202 HV*/
  .cover-list-container .cover-list-box{ width: 100%; min-height: inherit;}
  .uc-tab-content .travel-insurance-box{ padding: 20px;}
  .understand-cover-main .page-title{ font-size: 25px; margin:15px 0;}
  .uc-tabs-main .uc-nav-pills .nav-link{ padding: 12px; font-size: 16px;}
  .cover-list-detail .cover-list-title{ margin-bottom: 20px;}

  .coverpopup-content .policy-support-box .policy-support-list .policy-support-detail{ width: 100%;}
  .coverpopup-content .policy-support-box .policy-support-list{ flex-wrap: wrap;}
  .coverdpopup-footer .cov-plans-detail .cov-plan-box{ width: 100%; flex: auto;}
  .coverdpopup-footer .how-coverd-plans .plans-top{ flex-direction: column;}
  .whats-covered-fold .whats-covered-box p{ font-size: 16px;}
  .whats-covered-fold .whats-covered-box{ width: 46%; flex: 0 0 46%;}
  .coverdpopup-footer .how-coverd-plans .plans-top .plans-title{ margin-bottom: 10px;}
  .cover-popup.left .modal-body, .cover-popup.right .modal-body{ padding: 0 20px 30px;}
  .coverdpopup-footer{ padding: 20px;}
  .cover-popup .modal-header{ padding: 20px 20px 0;}

  /* end Understand your cover 1202 HV*/

  /* claim landing */
  .claims-landing .eligibility-content{ flex-direction: column; gap: 10px;}
  .claims-landing .title{ font-size: 26px; line-height: normal;}
  .claims-landing .submit-your-claim a{ font-size: 14px; padding: 10px 20px;}
  .claims-landing .ellipse-img{ width: 280px; height: 280px;}
  .claims-landing .claim-steps-wrapper .claim-step{ width: 100%; flex: 0 0 100%; text-align: center;}
  .claims-landing .claim-steps-wrapper .step-icon{ justify-content: center;}
  .claims-landing .claims-landing-item h3, .claims-landing .claim-docs-wrapper h3, .claims-landing .claim-contact-sec h3{
    font-size: 26px; line-height: normal;
  }
  .claims-landing .eligibility-title{ font-size: 18px;}
  .claims-landing .eligibility-content .cl-cover-link{ font-size: 15px;}
  .claims-landing .eligibility-content{ padding: 20px;}
  .claims-landing .claim-contact-sec .contact-option-row{ gap: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .form-radio-div .form-check label{ font-size: 14px;}
  /* end claim landing */

  /* all steps */
  .personalise-cover .persnalize-fold .persnalize-item{ padding: 20px;}
  .persnalize-fold .persnalize-item .personal-details{ flex-direction: column; text-align: center;}
  .personalise-cover .persnalize-fold .persnalize-item .pcheck{ margin: 20px auto; padding: 10px 20px; min-width: inherit; }
  .persnalize-fold .persnalize-item .pcheck .form-check .form-check-label{ font-size: 14px;}
  .persnalize-item .personal-details .pinfo p{ font-size: 16px;}
  .persnalize-item .personal-details .pinfo h4{ font-size: 20px;}

  .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-form form .step-form .promo-check .form-check figure{ margin-left: 5px;}
  .confirm-pay.quote-step .card-form form .step-form .getQuote{ margin-top: 20px;}

  .sponsored-box h2{ font-size: 28px;}
  .sponsored-box .only-text p{ font-size: 14px;}
  .sponsored-box .sp-box-first .f-box h3{ font-size: 20px;}
  .sponsored-box .coverage-box .cov-box figure{ width: 100px; top: -28px;}
  .sponsored-box .coverage-box .cov-box{ flex-direction: column;}
  .give-your-frnd-sec .gyf-content-box .gyf-box{ font-size: 18px; width: 206px;}
  .sponsored-box .sp-box-first .f-box figure{ max-width: 100%;}
  .holiday-sec figure, .give-your-frnd-sec figure{ height: 250px;}
  .holiday-sec .holiday-content-box h3{ font-size: 22px;}
  .holiday-sec .holiday-content-box p{ font-size: 16px;}
  .holiday-sec .holiday-content-box .learn-more-btn{ padding: 10px 20px; font-size: 16px;}
  .give-your-frnd-sec .gyf-content-box h3{ font-size: 22px;}
  .give-your-frnd-sec .gyf-content-box p{ font-size: 16px;}
  .give-your-frnd-sec .gyf-content-box .gyf-box{ font-size: 16px;}
  .give-your-frnd-sec .way-to-share h4{ font-size: 16px;}
  .give-your-frnd-sec .way-to-share{ gap: 10px;}
  .sponsored-box .coverage-box{ padding: 20px;}
  .sponsored-box .coverage-box .cov-box .cov-right h4{ font-size: 20px;}
  .sponsored-box .sp-box-first .f-box p{ font-size: 16px;}

  /* step 5 */
  .quote-main .quote-step.add-ons-sec{ margin: 0 30px;}
  .add-ons-fold .add-ons-item .add-ons-detail p{ font-size: 14px;}
  .add-ons-fold .add-ons-item .add-ons-detail h3{ font-size:18px;}

  /* end all steps */

  /* Claims Flow step*/
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content{ padding: 20px; }
  .expenses-detail{ padding: 20px;}
  .expenses-detail h4{ margin-bottom: 20px;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont label{ font-size: 14px;}
  .form-control-sel, .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 14px;}
  .form-control{ font-size: 14px;}
  .doc-info{ flex-direction: column; align-items: flex-start;}
  .doc-info .remove-file{ margin: 8px 0 0;}
  .upload-area{ padding: 20px 10px;}
  .select-file{ width: 145px;}
  .personal-data p{ font-size: 14px;}
  .personal-data .form-check .form-check-label{ font-size: 14px; }
  .personal-data{ padding: 24px;}
  .declaration-content .dec-info{ font-size: 14px;}

  .review-info{ flex-direction: column;}
  .msig-page-mid-sec .msig-ci-main .msig-ci-left .ci-content .ci-main-cont .review-info label{ flex: auto; width: auto;}
  .bill-detail{ padding: 20px;}
  .bill-detail h4{ margin-bottom: 20px;}
  .submit-review-cont h2{ font-size: 26px;}
  .claim-ref-copy{ flex-direction: column;}
  .claim-ref-copy span{ margin-bottom: 10px;}
  .claim-notes, .what-next-cont p{ font-size: 14px;}
  .submit-review-cont{ padding: 20px;}
  .what-next-cont h3{ margin-bottom: 20px;}
  .ci-main-cont p{ font-size: 14px;}
  /* end Claims Flow step*/
  .travel-insurance-detail{ flex-direction: column;}
}

@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;}
  .getQuote { padding: 9px 12px; font-size: 14px; line-height: 18px; }
  .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, .msig-p-title { font-size: 22px; line-height: 30px;}
  .quote-step .trip-tab .nav-pills .nav-item .nav-link {font-size: 14px; 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: 10px 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; max-width: 100%;}
  .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;}
  .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,
  .travel-details .travel-form .id-field 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;}
  
  .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 20px 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;}
  .hero-section .hero-box .hinfo h2 {font-size: 24px; line-height: 30px; margin-bottom: 15px;}
  .hero-section .hero-box .hinfo p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
  .hero-section .hero-box .hinfo .getQuote { padding: 12px 15px 12px 42px; background-size: 15px; background-position: left 15px center; }
  .hero-section { height: 360px; padding-top: 90px;}
  .hero-section, 
  .service-section, 
  .travel-mind, 
  .faq-section { margin-bottom: 30px; }
  .ss-title { font-size: 20px; line-height: 28px; margin-bottom: 15px; }
  .airline .airfolds .air-detail h5 { font-size: 20px; line-height: 28px; }
  .airline .airfolds .air-detail p {font-size: 16px; line-height: 28px;}
  .claim-line .claim-fold h5 { font-size: 18px; line-height: 20px; }
  .claim-line .claim-fold {gap: 14px;}
  .claim-line .claim-fold .submit-claim {font-size: 14px; line-height: 18px;}

  /* Understand your cover 1202 HV*/
  .whats-covered-fold .whats-covered-box{ width: 100%; flex: 0 0 100%;}

  /* end Understand your cover 1202 HV*/

  /* claim landing */
  .claims-landing{ padding-top: 56px;}
  /* end claim landing */

  /* all steps */
  .quote-main .quote-step.personalise-cover{ margin: 0 20px 20px;}
  .sponsored-box h2{ font-size: 24px;}
  .sponsored-box .sp-head{ flex-direction: column; margin-bottom: 10px;}
  .sponsored-box .sp-head span{ margin: 0 0 12px; font-size: 16px;}
  .quote-step.travel-confirm .sponsored-box{ padding: 20px; margin-bottom: 20px;}
  .sponsored-box .sp-box-first .f-box .s-box-list .item:not(:last-child){ align-items: flex-start;}
  .sponsored-box .sp-box-first .f-box p{ font-size: 14px;}
  .sponsored-box .coverage-box .cov-box .cov-right .switch{ font-size: 14px;}
  .holiday-sec .holiday-content-box p{ font-size: 14px;}
  .holiday-sec .holiday-content-box .learn-more-btn{ font-size: 14px;}
  .give-your-frnd-sec .gyf-content-box p{ font-size: 14px;}
  .quote-step.travel-confirm .confirm-box p{ font-size: 16px;}
  .sponsored-box .coverage-box .cov-box .cov-right h4{ font-size: 18px;}
  .quote-step.travel-confirm .holiday-sec{ margin-bottom: 20px;}
  .sponsored-box .sp-box-first{ padding: 20px;}

  .quote-main .quote-step.add-ons-sec{ margin: 0 20px;}
  .add-ons-fold .add-ons-item{ padding: 20px;}
  .add-ons-fold .add-ons-item .add-ons-pax .plush-btn{ width: 115px; flex: 0 0 115px; height: 45px;}
  .quote-main .quote-step .add-ons-btn{ display: block; text-align: center;}
  .quote-main .quote-step .add-ons-btn .skip-btn{ padding: 9px 12px; font-size: 14px; line-height: 18px; height: auto; margin-bottom: 15px; 
  margin-right: 0; width: 100%;}
  .quote-main .quote-step .add-ons-btn .getQuote{ width: 100%;}
  .add-ons-fold .add-ons-item .add-ons-pax .chk-btn{ height: 45px;}
  .add-ons-fold .add-ons-item .add-ons-pax .number-mob{ padding: 7px 10px;}

  .travel-details .travel-form .id-field .form-check label{ line-height: normal; font-size: 14px;}
  /* end all steps */
}

@media only screen and (max-width: 375px){
  .quote-main .quote-top h2, .msig-p-title {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: 43px;
  }
  footer .footer-fold .footer-widgets{ flex-wrap: wrap; justify-content: center; }
}

@media only screen and (max-width: 325px){
  .confirm-pay .bronze .bronze-header .bh-right {display: block;}
  /* all steps */
  .confirm-pay .bronze .bronze-header .bh-right .detail{ margin-top: 5px;}
  .quote-form form .step-form .promo-check .form-check figure{ margin-left: 0;}
  /* end all steps */
}