@charset "utf-8";
/* css reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* button effect reset for mac IOS version */
input[type="button"] {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}

input[type="submit"] {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}

button {
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}

a {
  text-decoration: none;
  cursor: pointer;

  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

a:hover {
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.sub {
  cursor: pointer;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  font-family: "helveticaneue-light";
}

.sub:hover {
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

div,
select,
input,
textarea,
span,
b,
i,
a,
button,
td,
th,
tr,
span,
b,
ul,
li,
label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.clear {
  display: block;
  clear: both;
  width: 100%;
}

select {
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

p {
  line-height: 1.5;
}

body {
  overflow-x: hidden;
  font-family: "helveticaneue";
  font-size: 14px;
  padding-top: 82px;
  margin: 0 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

body.loadingscreen {
  overflow-y: hidden;
}

body.lock {
  overflow-y: hidden;
}

:root {
  --mainblue: #00214c;
  --maintheme: #ff8220;
  --mainthemehover: #de9021;
  --mainfooterbg: #10161b;
}
/* css reset */

/* editable css */
@font-face {
  font-family: "helveticaneue";
  src: url("../fonts/helveticaneue.eot");
  src: url("../fonts/helveticaneue.woff2") format("woff2"),
    url("../fonts/helveticaneue.woff") format("woff"),
    url("../fonts/helveticaneue.ttf") format("truetype"),
    url("../fonts/helveticaneue.svg#helveticaneue") format("svg"),
    url("../fonts/helveticaneue.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "helveticaneue-light";
  src: url("../fonts/helveticaneue-light.eot");
  src: url("../fonts/helveticaneue-light.woff2") format("woff2"),
    url("../fonts/helveticaneue-light.woff") format("woff"),
    url("../fonts/helveticaneue-light.ttf") format("truetype"),
    url("../fonts/helveticaneue-light.svg#helveticaneue-light") format("svg"),
    url("../fonts/helveticaneue-light.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "helveticaneue-medium";
  src: url("../fonts/helveticaneue-medium.eot");
  src: url("../fonts/helveticaneue-medium.woff2") format("woff2"),
    url("../fonts/helveticaneue-medium.woff") format("woff"),
    url("../fonts/helveticaneue-medium.ttf") format("truetype"),
    url("../fonts/helveticaneue-medium.svg#helveticaneue-medium") format("svg"),
    url("../fonts/helveticaneue-medium.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "helveticaneue-bold";
  src: url("../fonts/helveticaneue-bold.eot");
  src: url("../fonts/helveticaneue-bold.woff2") format("woff2"),
    url("../fonts/helveticaneue-bold.woff") format("woff"),
    url("../fonts/helveticaneue-bold.ttf") format("truetype"),
    url("../fonts/helveticaneue-bold.svg#helveticaneue-bold") format("svg"),
    url("../fonts/helveticaneue-bold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Black";
  src: url("../fonts/Gotham-Black.eot");
  src: url("../fonts/Gotham-Black.woff2") format("woff2"),
    url("../fonts/Gotham-Black.woff") format("woff"),
    url("../fonts/Gotham-Black.ttf") format("truetype"),
    url("../fonts/Gotham-Black.svg#Gotham-Black") format("svg"),
    url("../fonts/Gotham-Black.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "minecraft";
  src: url("../fonts/minecraft-webfont.eot");
  src: url("../fonts/minecraft-webfont.woff2") format("woff2"),
    url("../fonts/minecraft-webfont.woff") format("woff"),
    url("../fonts/minecraft-webfont.ttf") format("truetype"),
    url("../fonts/minecraft-webfont.svg#minecraft-webfont") format("svg"),
    url("../fonts/minecraft-webfont.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* h2, h3{
	font-weight: bold !important;

	display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
} */

.padding80 {
  padding: 80px 0px;
}

.row-title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  padding-bottom: 30px;
  line-height: 1.3;
}

.center-row-title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.3;
}

.center-row-title i {
  width: 5px;
  height: 5px;
  background: #f87532;
  border-radius: 100%;
  display: inline-block;
  margin-left: 5px;
}

input[type="submit"].submit,
input[type="button"].submit {
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  border: none;
  transition: all ease 0.3s;
}

input[type="submit"].submit:hover,
input[type="button"].submit:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

a.submit {
  display: inline-block;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  transition: all ease 0.3s;
}

a.submit:hover {
  background: var(--mainthemehover);
  transition: all ease 0.3s;
}

.press-detail-content h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.press-detail-content h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.insurancestep .swiper-slide {
  font-size: 18px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0px;
  position: relative;
  height: 100%;
}

.insurancestep {
  background: #1e252b;
  height: 630px;
  width: 100%;
  overflow: hidden;
}

.insurancebullet {
  right: 20px !important;
}

.insurancebullet .swiper-pagination-bullet {
  opacity: 1 !important;
  background: #242d35 !important;
}

.insurancebullet .swiper-pagination-bullet-active {
  background: #ffba26 !important;
}

.insurancestep .fixtitle {
  text-transform: uppercase;
  color: #ffcb5e;
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 50px;
}

.step-wrapper {
  height: 560px;
  margin: auto 0;
  width: 100%;
  position: relative;
}

.step-wrapper .step-desc {
  position: absolute;
  right: 28px;
  bottom: 50px;
  width: 400px;
  height: auto;
  min-height: 200px;
}

.step-wrapper .step-desc .title {
  text-transform: uppercase;
  font-size: 68px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  height: 70px;
  width: 100%;
  font-family: "helveticaneue-bold";
}

.step-wrapper .step-desc .title b.front {
  position: absolute;
  left: 50%;
  width: 100%;
  text-align: center;
  z-index: 2;
  transform: translateX(-50%);
  color: #fac75c;
  text-transform: uppercase;
  bottom: -105px;
  opacity: 0;
}

.step-wrapper .step-desc .title b.back {
  top: 0;
  position: absolute;
  left: 48%;
  z-index: 1;
  width: 100%;
  text-align: center;
  transform: translateX(-50%);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #354350;
  color: transparent;
  opacity: 0;
}

@keyframes textinbtm {
  from {
    bottom: -105px;
    opacity: 0;
  }
  to {
    bottom: -2px;
    opacity: 1;
  }
}

@keyframes textintop {
  from {
    top: -105px;
    opacity: 0;
  }
  to {
    top: -2px;
    opacity: 1;
  }
}

.step-wrapper .step-desc .title b.front.animated {
  animation-name: textinbtm;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.step-wrapper .step-desc .title b.back.animated {
  animation-name: textintop;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.step-wrapper .step-desc .desc_text {
  font-size: 19px;
  opacity: 0;
  line-height: 1.5;
}

.step-wrapper .step-desc .desc_text a {
  display: none;
  padding: 6px 10px;
  background: var(--maintheme);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  width: 120px;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

.step-wrapper .step-desc .desc_text.animated {
  animation-name: fadeInUp;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

.step-wrapper .step-desc .desc_title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  opacity: 0;
  font-family: "helveticaneue-medium";
  margin-bottom: 10px;
}

.step-wrapper .step-desc .desc_title.animated {
  animation-name: fadeInDown;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

.insurancestep .fixtext {
  color: #384856;
  position: absolute;
  left: 150px;
  top: 120px;
  font-size: 70px;
  opacity: 0.2;
  text-transform: uppercase;
  font-family: "Gotham-Black";
}

.row {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  background: #ffffff;
  font-size: 15px;
  color: #31393f;
}

.policy .row {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  font-size: 15px;
  color: #31393f;
  background: none;
}

.row h4 {
  font-weight: bold;
}

.row-cover {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0px 30px;
}

.parallax-animation {
  position: absolute;
  left: 0;
  width: 100%;
  height: 560px;
  top: 0;
}

.parallax-animation img {
  width: 100%;
  display: block;
  transform: scale(1.15);
}

.parallax-animation .car {
  position: absolute;

  z-index: 10;
  width: 400px;
  bottom: 50px;
  left: 1200px;
  opacity: 0;

  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .car.animation1 {
  left: 230px;
  opacity: 1;
}

.parallax-animation .car.animation2 {
  bottom: 180px;
  transform: scale(0.7);
}

.parallax-animation .car.animation3 {
  bottom: 60px;
}

.parallax-animation .street {
  position: absolute;

  z-index: 6;
  width: 670px;
  top: 80px;
  left: 50px;

  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .street.animation1 {
  transform: scale(0.8);
  top: 20px;
}

.parallax-animation .street.animation2 {
  top: 80px;
}

.parallax-animation .circle {
  position: absolute;

  z-index: 7;
  width: 350px;
  left: 280px;
  top: -500px;
  opacity: 0;

  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .circle.animation1 {
  top: 180px;
  opacity: 0.1;
}

.parallax-animation .circle.animation2 {
  top: 50px;
  transform: scale(0.7);
}

.parallax-animation .circle.animation3 {
  top: 130px;
  transform: scale(1.2);
}

.parallax-animation .laptop {
  position: absolute;
  left: 120px;
  top: 150%;
  width: 600px;

  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .laptop.animation1 {
  left: 120px;
  top: 190px;
}

.parallax-animation .whitebg {
  position: absolute;
  left: 120px;
  top: 150%;
  width: 600px;

  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .whitebg.animation1 {
  left: 120px;
  top: 190px;
}

.parallax-animation .laptop-nav {
  position: absolute;
  left: 120px;
  top: 150%;
  width: 600px;
  z-index: 9;
  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .laptop-nav.animation1 {
  left: 120px;
  top: 190px;
}

.parallax-animation .bank-support {
  position: absolute;
  left: 145px;
  bottom: -150%;
  width: 550px;
  z-index: 10;

  transition: all ease 1s;
  -moz-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
}

.parallax-animation .bank-support.animation1 {
  left: 145px;
  bottom: 90px;
}

.parallax-animation .bank-support.animation2 {
  left: 145px;
  bottom: -150%;
  opacity: 0;
}

.parallax-animation .plus {
  position: absolute;
  left: 345px;
  bottom: 148px;
  width: 30px;
  z-index: 10;
  opacity: 0;
  transition: all ease 0.2s;
}

.parallax-animation .plus.animation1 {
  opacity: 1;
  transition-delay: 0.9s;
}

.parallax-animation .plus1 {
  position: absolute;
  left: 585px;
  bottom: 100px;
  width: 30px;
  z-index: 10;
  opacity: 0;
  transition: all ease 0.2s;
}

.parallax-animation .plus1.animation1 {
  opacity: 1;
  transition-delay: 1.1s;
}

.parallax-animation .minus {
  position: absolute;
  left: 239px;
  bottom: 82px;
  width: 30px;
  z-index: 10;
  opacity: 0;
  transition: all ease 0.2s;
}

.parallax-animation .minus.animation1 {
  opacity: 1;
  transition-delay: 1.3s;
}

.parallax-animation .cardanimation {
  position: absolute;
  left: 100px;
  top: 180px;
  width: 120px;
  z-index: 10;
  opacity: 0;
  transition: all ease 1s;
  transition-delay: 0;
}

.parallax-animation .cardanimation.animation {
  opacity: 1;
  transition-delay: 1s;
}

.parallax-animation .cardanimation .card1 {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 4;
  transition: all ease 0.5s;
  transition-delay: 0s;
}

.parallax-animation .cardanimation.animation .card1 {
  top: 50px;
  transition-delay: 1.1s;
}

.parallax-animation .cardanimation .card2 {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 3;
  transition: all ease 0.5s;
}

.parallax-animation .cardanimation .card3 {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 2;
  transition: all ease 0.5s;
}

.parallax-animation .cardanimation.animation .card3 {
  top: 150px;
  transition-delay: 1.1s;
}

.parallax-animation .cardanimation .card4 {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 1;
  transition: all ease 0.5s;
}

.parallax-animation .cardanimation.animation .card4 {
  top: 200px;
  transition-delay: 1.1s;
}

.parallax-animation .button {
  position: absolute;
  bottom: -40px;
  left: 350px;
  z-index: 10;
  opacity: 0;
  transition: all ease 0.5s;
}

.parallax-animation .button a {
  display: block;
  padding: 10px 15px;
  background: var(--maintheme);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  font-size: 17px;
  white-space: nowrap;
  overflow: hidden;
}

.parallax-animation .button a.splitter {
  opacity: 1;
  width: 130px;
  transform: scaleX(1);
}

@keyframes buttonscale {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.parallax-animation .button:hover a.splitter {
  transform: scaleX(0);
  transform-origin: center;
  border-radius: 100%;
}

.parallax-animation .button a.splitleft {
  top: 0;
  left: 0;
  position: absolute;
  transform-origin: left;
  transition: all ease 0.3s;
  padding: 10px 0px;
  width: 0;
}

.parallax-animation .button a.splitright {
  top: 0;
  right: 0;
  position: absolute;
  transform-origin: right;
  transition: all ease 0.3s;
  padding: 10px 0px;
  width: 0;
}

.parallax-animation .button a.splitleft:hover,
.parallax-animation .button a.splitright:hover {
  background: #de9021;
}

.parallax-animation .button:hover a.splitleft {
  left: 100px;
}

.parallax-animation .button:hover a.splitright {
  right: 100px;
}

.parallax-animation .button:hover a.splitleft,
.parallax-animation .button:hover a.splitright {
  transition-delay: 0.1s;
  animation-name: buttonscale;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
}

.parallax-animation .button.animation {
  opacity: 1;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #ffffff;
  height: 82px;
  display: flex;

  transition: all ease 0.3s;
}

.header.shadow {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);

  transition: all ease 0.3s;
}

.header .header-cover {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 5px 0px;
  justify-content: space-between;
  align-items: center;
}

.header .left .logo {
  display: inline-block;
  vertical-align: middle;
  padding-right: 30px;
  position: relative;
  margin-left: 10px;
}

.header .left .logo:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  background: #d7d7d7;
  content: "";
}

.header .left .logo a {
  display: block;
}

.header .left .logo a img {
  display: block;
  width: auto;
  max-width: 136px;
}

.header .left .link {
  display: inline-block;
  vertical-align: middle;
}

.header .left .link a {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px;
  color: #000000;
}

.header .left .link a:hover {
  color: var(--maintheme);
}

.header .right ul {
  display: flex;
  align-items: center;
}

.header .right ul li {
  padding: 0px 10px;
  position: relative;
}

.header .right ul li:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  background: #d7d7d7;
  content: "";
}

.header .right ul li:last-child:before {
  display: none;
}

.header .right ul li a.button {
  display: block;
  padding: 10px 10px;
  color: var(--maintheme);
  border-radius: 5px;
  border: 1px solid var(--maintheme);
}

.header .right ul li a.button:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.header .right ul li .current_lang {
  display: block;
  color: #000000;
  cursor: pointer;
  margin: 0 10px;
}

.header .right ul li .current_lang i {
  margin-right: 10px;
}

.header .right ul li .user_logout {
  cursor: pointer;
  padding-right: 20px;
  background-image: url(../images/downarrow-white.png);
  background-position: center right;
  background-repeat: no-repeat;
}

.header .right ul li a {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px;
  color: var(--maintheme);
}

.header .right .choose_lang,
.header .right .choose_action {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  width: 150px;
  border-radius: 5px;
  padding: 8px 5px;

  background: #ffffff;
  z-index: 999999;
  -webkit-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.1);
}

.header .right .choose_lang a,
.header .right .choose_action a {
  display: block;
  padding: 10px 10px;
  color: #000;
  border-radius: 5px;
  margin: 0 0;
}

.header .right .choose_lang a:hover,
.header .right .choose_action a:hover {
  background: var(--maintheme);
  color: #fff;
}

/*loading*/

.loadingpage {
  display: none;
  position: fixed;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh + 80px);
  z-index: 1000;
  border-bottom: 80px solid var(--maintheme);
  transition: all ease 1s;
}

.loadingpage.moveout {
  top: -150%;
  border-bottom: 50px solid transparent;
  transition: all ease 1.5s;
}

.lds-ring {
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.3s;
}

.lds-ring.fadeout {
  opacity: 0;
  transition: all ease 0.3s;
}

.lds-ring .loading-word {
  font-family: "minecraft";
}

/* .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  margin: 8px;
  border: 15px solid var(--maintheme);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--maintheme) transparent transparent transparent;
} */
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*loading*/

.ourpartner {
  display: block;
  padding: 80px 0px 20px;
}

.ourpartner .title {
  font-size: 40px;
  color: #000000;
  display: block;
  font-family: "helveticaneue-bold";
  text-align: center;
}

.ourpartner .title p {
  color: #f87532;
  font-size: 17px;
  font-family: "helveticaneue-medium";
  padding-top: 10px;
}

.ourpartner .divline {
  display: block;
  clear: both;
  width: 100%;
  margin: 50px 0px 80px;
  border-bottom: 1px #494949 dashed;
}

.ourpartner ul.partnerlist {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 800px;
  margin: 20px auto 0;
}

.ourpartner ul.partnerlist li {
  display: inline-block;
  margin: 20px 20px;
  width: 150px;
  vertical-align: middle;

  position: relative;
  transition: all ease 0.3s;
}

.ourpartner ul.partnerlist li a {
  display: flex;
  align-items: center;
  height: 90px;
  justify-content: center;
  padding: 10px 10px;
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  transition: all ease 0.3s;
}

.ourpartner ul.partnerlist li a:hover {
  transform: scale(1.2);
  transition: all ease 0.3s;
}

.ourpartner ul.partnerlist li a:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 2px solid transparent;
  bottom: -1px;
  left: -1px;
  border-radius: 8px;
}

.ourpartner ul.partnerlist li a:hover:before {
  height: 100%;
  width: 100%;
  border: 2px solid var(--maintheme);
  border-right: none;
  border-bottom: none;
  transition: height 0.15s linear, width 0.15s linear 0.15s;
}

.ourpartner ul.partnerlist li a:after {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 2px solid transparent;
  top: -1px;
  right: -1px;
  border-radius: 8px;
}

.ourpartner ul.partnerlist li a:hover:after {
  height: 100%;
  width: 100%;
  border: 2px solid var(--maintheme);
  border-left: none;
  border-top: none;
  transition: height 0.15s linear, width 0.15s linear 0.15s;
}

.ourpartner ul.partnerlist li img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.ourpartner ul.featured {
  text-align: center;
  margin: 30px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.ourpartner ul.featured li {
  display: inline-block;
  margin: 30px 10px;
  width: 120px;
  vertical-align: middle;
}

.ourpartner ul.featured li:hover img {
  filter: none;
  transition: all ease 0.3s;
}

.ourpartner ul.featured li img {
  width: 100%;
  filter: grayscale(100%);
  transition: all ease 0.3s;
}

.contact-social {
  padding: 70px 0px;
}

.contact-social .title {
  font-family: "helveticaneue-bold";
  font-size: 26px;
  line-height: 1.5;
  text-align: center;
}

.contact-social ul.socialmedia {
  text-align: center;
  padding: 20px 0px 30px;
}

.contact-social ul.socialmedia li {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 10px;
}

.contact-social ul.socialmedia li a {
  display: block;
  border-radius: 100%;
  border: 1px solid var(--maintheme);
  color: #000;
  width: 55px;
  height: 55px;
  font-size: 20px;
  text-align: Center;
  line-height: 55px;
}

.contact-social ul.socialmedia li a:hover {
  background: var(--maintheme);
  color: #fff;
}

.contact-social .contact-whatsapp {
  text-align: center;
  margin-bottom: 50px;
}

.contact-social .contact-whatsapp p {
  display: inline-block;
  vertical-align: middle;
  color: #ababab;
  font-size: 20px;
  margin-right: 10px;
}

.contact-social .contact-whatsapp div,
.contact-social .contact-whatsapp a {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  background: var(--maintheme);
  color: #fff !important;
  font-size: 20px;
  border-radius: 5px;
}

.contact-social .divline {
  background: var(--maintheme);
  height: 2px;
  width: 100%;
  display: block;
  margin: 40px 0px;
}

.contact-social .content h1 {
  font-family: "helveticaneue-medium";
  font-size: 16px;
}

.contact-social .content {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

.contact-social .content b {
  font-weight: bold;
}

/*footer*/
.footer {
  background: #10161b;
  width: 100%;
  z-index: 1;
  position: relative;
}

.footer .phrase {
  top: -95px;
  position: absolute;
  width: 98%;
  overflow: hidden;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
}

.phrase span {
  display: block;
  font-size: 200px;
  width: fit-content;
  white-space: nowrap;
  font-weight: 900;
  -webkit-animation-name: phraseAnimation;
  animation-name: phraseAnimation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  will-change: transform;
  transition: ease-out 0.3s;
  -webkit-text-stroke: 1px #cbcbcb;
  opacity: 0.2;
  color: transparent;
  font-family: "Gotham-Black";
}

.footer .phrase span {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

@-webkit-keyframes phraseAnimation {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes phraseAnimation {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.footer .row-cover {
  padding: 40px 0px 20px;
}

.footer-widget {
  overflow: hidden;
  width: 100%;
  padding: 0px 20px 30px;
}

.footer-widget .widget-left {
  width: 400px;
  float: left;
}

.footer-widget .widget-left .logo {
  width: 100%;
  max-width: 200px;
  margin-bottom: 30px;
}

.footer-widget .widget-left .logo img {
  display: block;
  width: 100%;
}

.footer-widget .widget-left .subscribe {
  display: block;
  width: 100%;
  padding-bottom: 30px;
}

.footer-widget .widget-left .subscribe p {
  color: #cbcbcb;
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 1.5;
}

.footer-widget .widget-left .subscribe .input {
  position: relative;
  width: 100%;
}

.footer-widget .widget-left .subscribe .input .email {
  width: 100%;
  padding: 10px 150px 10px 20px;
  border-radius: 8px;
  border: 1px solid #3c4a58;
  color: #ffffff;
  background: #1e252b;
}

.footer-widget .widget-left .subscribe .input .sub {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 8px;
  width: 130px;
  background: var(--maintheme);
  color: #fff;
  border: 1px solid var(--maintheme);
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  cursor: pointer;
}

.footer-widget .widget-left .subscribe .input .sub:hover {
  background: #de9021;
}

.footer-widget .widget-left .followus p {
  color: #cbcbcb;
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 1.5;
}

.footer-widget .widget-left .followus {
  width: 100%;
}

.footer-widget .widget-left .followus ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-bottom: 20px;
}

.footer-widget .widget-left .followus ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #cbcbcb;
  border-radius: 100%;
  border: 1px solid #cbcbcb;
}

.footer-widget .widget-left .followus ul li a:hover {
  background: #cbcbcb;
  color: #000;
}

.footer-widget .widget-right {
  width: calc(100% - 400px);
  float: left;
  padding-left: 80px;
}

.footer-widget .widget-right .sitemaplink {
  width: 100%;
  padding-bottom: 20px;
}

.footer-widget .widget-right .sitemaplink .title {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.footer-widget .widget-right .sitemaplink .title p {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--maintheme);
  padding-bottom: 3px;
  font-family: "helveticaneue-bold";
  position: relative;
  display: inline;
  border-bottom: 1px solid var(--maintheme);
}

.footer-widget .widget-right .sitemaplink a {
  display: inline-block;
  margin-bottom: 15px;
  color: #cbcbcb;
  font-size: 14px;
  line-height: 1.3;
}

.footer-widget .widget-right .sitemaplink span {
  display: inline-block;
  margin: 0px 10px;
  color: #cbcbcb;
}

.footer-widget .widget-right .sitemaplink.featurescontent a {
  display: block;
  margin-right: 0;
}

.footer-widget .widget-right .sitemaplink p {
  color: #cbcbcb;
  line-height: 1.5;
}

.copyright_lang {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0px;
  border-top: 1px solid #373c3f;
}

.copyright_lang .language ul {
  overflow: hidden;
}

.copyright_lang .language ul li {
  float: left;
  padding: 0px 10px;
  border-right: 1px solid #cbcbcb;
}

.copyright_lang .language ul li:first-child {
  padding-left: 0;
}

.copyright_lang .language ul li:last-child {
  padding-right: 0;
  border-right: none;
}

.copyright_lang .language ul li a {
  display: block;
  color: #989898;
}

.copyright_lang .language ul li.active a {
  color: var(--maintheme);
}

.copyright_lang .copyright {
  color: #989898;
  text-align: right;
  line-height: 1.5;
}

.copyright_lang .copyright a {
  color: var(--maintheme);
}
/*footer*/

/*quote*/
.quote-fill {
  padding: 70px 30px 50px;
}

.quote-fill .title {
  text-align: center;
  font-size: 26px;
  color: #31393f;
}

.quote-fill .title b {
  display: inline-block;
  font-size: 46px;
  font-family: "helveticaneue-bold";
  vertical-align: baseline;
}

.quote-fill .title i {
  display: inline-block;
  vertical-align: baseline;
  height: 12px;
  width: 4px;
  background: #f27727;
  margin: 0px 10px;
}

.progress-dot {
  width: 100%;
  padding: 60px 0px 40px;
}

.progress-dot ul {
  width: 100%;
  text-align: center;
}

.progress-dot ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 90px;
  position: relative;
  height: 25px;
  width: 25px;
  background: #cccccc;
  border-radius: 100%;
  cursor: pointer;
}

.progress-dot ul li.current,
.progress-dot ul li.done {
  background: #f47727;
}

.progress-dot ul li.done a {
  display: block;
  width: 100%;
  height: 100%;
}

.progress-dot ul li.disable {
  pointer-events: none;
}

.progress-dot ul li:last-child {
  margin-right: 0;
}

.progress-dot ul li div {
  position: absolute;
  left: 38px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 3px;
  background: #cccccc;
  border-radius: 20px;
  pointer-events: none;
}

.progress-dot ul li.done div {
  background: #f47727;
}

.progress-content {
  padding: 40px 0px;
  text-align: center;
  display: none;
}

.progress-content#d1 {
  display: block;
}

.progress-content .title {
  font-size: 20px;
  padding-bottom: 30px;
  font-family: "helveticaneue-medium";
}

.progress-content .input-data {
  width: 100%;
  text-align: center;
}

.progress-content .input-data input {
  display: inline-block;
  vertical-align: middle;
}

.progress-content .input-data .input-field {
  border-radius: 5px;
  background: #ffffff;
  color: #000000;
  border: none;
  font-size: 18px;
  padding: 10px 15px;
  text-align: left;
  width: 100%;
  font-size: 17px;
  max-width: 280px;
  margin-right: 20px;
}

.progress-content .input-data i {
  position: relative;
  font-size: 15px;
  color: red;
  right: 37px;
  display: none;
}

.progress-content .input-data i.error-plus {
  position: relative;
  font-size: 15px;
  color: red;
  right: 42px;
  display: none;
}

.progress-content .input-data span {
  display: none;
  position: relative;
  font-size: 13px;
  color: red;
  right: 133px;
  top: 5px;
}

.progress-content .input-data span.invalid {
  display: none;
  position: relative;
  font-size: 13px;
  color: red;
  right: 83px;
  top: 5px;
}

.progress-content .input-data span.invalid-plus {
  display: none;
  position: relative;
  font-size: 13px;
  color: red;
  right: 83px;
  top: -20px;
}

.progress-content .input-data select.input-field {
  margin: 0 auto 30px;
  padding-right: 20px;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 5px;
  background-repeat: no-repeat;
}

.progress-content .input-data .input-field::-webkit-input-placeholder {
  /* Edge */
  text-transform: capitalize !important;
}

.progress-content .input-data .input-field:-ms-input-placeholder {
  /* Internet Explorer */
  text-transform: capitalize !important;
}

.progress-content .input-data .input-field::placeholder {
  text-transform: capitalize !important;
}

.progress-content .input-data .next {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  font-size: 17px;
  min-width: 100px;
  max-width: 150px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-family: "helveticaneue-light";
  transition: all ease 0.3s;
}

.progress-content .input-data .next:hover {
  background: #de9021;

  transition: all ease 0.3s;
}

.carinformation {
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  align-items: center;
}

.carinformation .car-info-left {
  width: 400px;
  border-right: 1px solid #d7d7d7;
}

.carinformation .car-info-left .car-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  border-bottom: 1px solid #d7d7d7;
}

.carinformation .car-info-left .car-logo img {
  display: block;
  width: 200px;
  margin: 0 auto;
}

.carinformation .car-info-left .car-coverage-period {
  padding: 20px 30px;
}

.carinformation .car-info-left .car-coverage-period table {
  width: 100%;
}

.carinformation .car-info-left .car-coverage-period table tr td {
  vertical-align: middle;
  padding: 10px 5px;
  text-align: left;
}

.carinformation .car-info-left .car-coverage-period table tr td:first-child {
  width: 200px;
  color: #000;
}

.carinformation .car-info-left .car-coverage-period table tr td:last-child {
  color: red;
}

.carinformation .car-info-right {
  height: 100%;
  width: calc(100% - 400px);
  padding: 30px 40px;
}

.car-info-table .table-row {
  width: 100%;
  display: table;
}

.car-info-table .table-row > div {
  display: table-cell;
  text-align: center;
  padding: 15px 20px;
  background: #e6e5eb;
  border: 2px solid #ffffff;
  vertical-align: middle;
  width: 33.3%;
}

.car-info-table .table-row > div b {
  font-family: "helveticaneue-bold";
  display: block;
  font-size: 15px;
}

.car-info-table .table-row.last > div {
  width: 50%;
}

.progress-content input.nextstep {
  display: inline-block;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  min-width: 100px;
  max-width: 150px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 17px;
}

.progress-content input.nextstep:hover {
  background: #de9021;
}

/*quote*/

.contact-social .page-footer {
  padding: 0 0;
}

.page-footer {
  width: 100%;
  padding: 30px 0px 30px;
}

.page-footer .divline {
  background: var(--maintheme);
  height: 2px;
  width: 100%;
  display: block;
  margin: 40px 0px;
}

.page-footer .content {
  color: #31393f;
  font-size: 17px;
  line-height: 1.5;
  position: relative;
}



.page-footer .content h1,
.homepage_footercontent h1 {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  text-align: center;
  padding-bottom: 30px;
  color: #000000;
}

.page-footer .content h2,
.homepage_footercontent h2 {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  padding: 10px 0px;
  color: #000000;
}

.page-footer .content h3,
.homepage_footercontent h3 {
  font-size: 27px;
  font-family: "helveticaneue-bold";
  padding: 10px 0px;
  font-weight: normal;
  color: #000000;
}

.page-footer .content h4,
.homepage_footercontent h4 {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding: 10px 0px;
  font-weight: normal;
  color: #000000;
}

.page-footer .content i,
.homepage_footercontent i {
  font-style: italic;
}

.page-footer .content b,
.page-footer .content strong,
.homepage_footercontent b,
.homepage_footercontent strong {
  font-weight: bold;
}

.page-footer .content a,
.homepage_footercontent a {
  color: var(--maintheme);
}

.page-footer .content ul {
  list-style-type: disc;
  margin-left: 20px;
}

.page-footer .content ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.page-footer .content ul li,
.page-footer .content ol li {
  line-height: 1.5;
}

/*step 2*/
.provider-compare {
  padding: 50px 0px;
}

.provider-compare .title {
  font-size: 16px;
  padding-bottom: 30px;
  font-family: "helveticaneue-medium";
}

.provider-table-cover {
  display: block;
  max-width: 900px;
  margin: 0 auto;
}

.provider-thead {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  background-color: #32393f;
  color: #ffffff;
  font-family: "helveticaneue-light";
  font-weight: 100 !important;
  padding: 15px 10px;
  border-radius: 10px 10px 0px 0px;
}

.provider-tbody {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.provider-tbody .provider-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  background-color: #ffffff;
  color: #32393f;
  font-family: "helveticaneue-light";
  font-weight: 100 !important;
  padding: 20px 0px;
  position: relative;
  border-top: 1px solid #d7d7d7;
}

.provider-tbody .provider-row:first-child {
  background: #ececec;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  z-index: 3;
}

.provider-table-cover .open {
  width: 10%;
}

.provider-table-cover .open b {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  cursor: pointer;
  margin: 0 auto;
}

.provider-table-cover .open b.show {
  background-image: url(../images/details_open.png);
}

.provider-table-cover .open b.hide {
  background-image: url(../images/details_close.png);
}

.provider-table-cover .providers {
  width: 22.5%;
}

.provider-table-cover .providers img {
  width: auto;
  max-width: 100%;
  max-height: 30px;
  display: block;
}

.provider-table-cover .suminsured {
  width: 22.5%;
}

.provider-table-cover .provider-tbody .suminsured {
  font-family: "helveticaneue-medium";
}

.provider-table-cover .grosspremium {
  width: 22.5%;
}

.provider-table-cover .grosspremium p {
  display: block;
  font-size: 12px;
  color: #000000;
}

.provider-table-cover .grosspremium p b {
  color: red;
}

.provider-table-cover .pendingquote {
  width: 45%;
  text-align: center;
  color: red;
}

.provider-table-cover .provider-tbody .grosspremium {
  color: green;
  font-family: "helveticaneue-medium";
}

.provider-table-cover .action {
  width: 120px;
  margin-right: 20px;
}

.provider-table-cover .action .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  min-width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  white-space: pre-wrap;
}

.provider-table-cover .action .sub.disable {
  background: #9c9c9c;
  color: #d7d7d7;
  pointer-events: none;
}

.provider-table-cover .action .sub:hover {
  background: #de9021;
}

.provider-table-cover .hiddenrow {
  width: 100%;
  padding-top: 20px;
  padding-left: 100px;
  display: none;
  position: relative;
}

.provider-table-cover .hiddenrow:before {
  width: calc(100% - 120px);
  right: 30px;
  position: absolute;
  content: "";
  top: 0;
  height: 1px;
  display: none;
  border-top: 1px dashed #d7d7d7;
}

.provider-table {
  border-radius: 10px;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
}

#comparetable thead th {
  background-color: #32393f;
  color: #ffffff;
  font-family: "helveticaneue-light";
  font-weight: 100 !important;
  padding: 15px 10px;
}

#comparetable.dataTable.no-footer {
  border-bottom: none;
}

#comparetable thead th:first-child {
  background: #32393f;
}

#comparetable tbody tr td {
  vertical-align: middle;
  background-color: #ffffff !important;
  text-align: center;
  padding: 15px 10px;
}

#comparetable tbody tr td img {
  height: 30px;
}

#comparetable tbody tr td:first-child {
  width: 50px;
}

#comparetable tbody tr td:nth-child(3) {
  font-family: "helveticaneue-medium";
}

#comparetable tbody tr td:nth-child(4) {
  color: red;
}

#comparetable tbody tr td .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
}

#comparetable tbody tr td .sub:hover {
  background: #de9021;
}

#comparetable tbody tr td .tooltips {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#comparetable tbody tr td .tooltips .tipscontent {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: #cbcbcb;
  color: #000000;
  padding: 15px 15px;
  border-radius: 10px;
  width: 250px;
  text-align: left;
  font-size: 14px;
  font-family: "helveticaneue-light";
  z-index: -1;
  opacity: 0;
  transition: all ease 0.3s;
}

#comparetable tbody tr td .tooltips:hover .tipscontent {
  opacity: 1;
  z-index: 1;
  transition: all ease 0.3s;
}

#comparetable tbody tr td .tooltips .tipscontent:before {
  position: absolute;
  content: "";
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #cbcbcb;
  border-bottom: 10px solid transparent;
}

#comparetable td.details-control {
  background: url("../images/details_open.png") no-repeat center center;
  cursor: pointer;
}
#comparetable tr.shown td.details-control {
  background: url("../images/details_close.png") no-repeat center center;
}

ul.provider-free-services {
  width: 100%;
}

ul.provider-free-services li {
  line-height: 1.5;
  margin: 5px 0px;
  color: #000000;
  font-size: 14px !important;
  -webkit-text-size-adjust: 100%;
}

ul.provider-free-services li b {
  color: red;
}

ul.provider-free-services li i {
  color: #3bb779;
  margin-right: 10px;
}

table.hidden-services {
  width: 100%;
}

table.hidden-services tr td {
  text-align: left !important;
  padding-left: 120px !important;
}

.provider-addon {
  width: 100%;
  overflow: hidden;
}

.provider-addon .title {
  font-size: 16px;
  padding-bottom: 30px;
  font-family: "helveticaneue-medium";
}

.provider-addon .coverage-cover {
  width: 100%;
}

.provider-addon .coverage-left {
  float: left;
  width: calc(100% - 330px);
}

.provider-addon .coverage-left .table-cover {
  width: 100%;
  margin-bottom: 30px;
}

.provider-addon .coverage-left .table-header {
  border-radius: 10px 10px 0px 0px;
  background: #32393f;
  padding: 20px 30px;
  font-size: 16px;
  color: #ffffff;
}

.provider-addon .coverage-left .table-body {
  background: #ffffff;
  padding: 30px 30px;
  border-radius: 0px 0px 10px 10px;
}

/**on off**/
.onoffswitch {
  position: relative;
  width: 45px;

}
.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 15px;
  padding: 0;
  line-height: 15px;
  border: 0px solid #ffffff;
  border-radius: 25px;
  background-color: #9e9e9e;
}
.onoffswitch-label:before {
  content: "";
  display: block;
  width: 25px;
  margin: -5px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 26px;
  border-radius: 25px;
  box-shadow: 0 2px 5px 0px #757575;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #f79f21;
}
.onoffswitch-checkbox:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #f79f21;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
  background-color: #ffffff;
  box-shadow: 0 3px 5px 0px #757575;
}
/**on off**/

ul.coveragelist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

ul.coveragelist li .flex-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

ul.coveragelist li:last-child {
  margin-bottom: 0;
}

ul.coveragelist li .addon-select {
  width: 60px;
}

ul.coveragelist li .addon-title {
  width: calc(100% - 210px);
}

ul.coveragelist li .addon-title p {
  max-width: 85%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}

ul.coveragelist li .tooltips {
  width: 100%;
  display: block;
  padding-top: 10px;
}

ul.coveragelist li .tooltips .tipscontent {
  color: #777 !important;
  font-size: 14px;
  line-height: 1.3;
}

ul.coveragelist li .addon-title .tooltips {
  display: none;
}

ul.coveragelist li .tooltips i {
  display: none;
}

ul.coveragelist li .addon-price {
  width: 150px;
}

ul.coveragelist li .addon-price .currencycover {
  position: relative;
  display: block;
}

ul.coveragelist li .addon-price .currencycover b {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

ul.coveragelist li .addon-price input.input-field {
  width: 100%;
  padding: 8px 20px 8px 40px;
  background: #ffffff;
  color: #000000;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
}

ul.coveragelist li .addon-price input:read-only {
  background: #e6e5eb;
}

ul.coveragelist li .addon-price select.input-field {
  width: 100%;
  padding: 8px 20px 8px 15px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
}

.coverage-right {
  float: left;
  width: 330px;
  padding-left: 20px;
}

.coverage-detail {
  border-radius: 15px;
  background: #32393f;
  padding: 10px 10px;
}

.coverage-detail .coverage-amount {
  background: #ffffff;
  border-radius: 15px;
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 20px;
}

.coverage-detail .coverage-amount p,
.coverage-detail .coverage-insurance p {
  padding-bottom: 5px;

  font-family: "helveticaneue-medium";
}

.coverage-detail .coverage-amount > div {
  font-size: 30px;
  color: #f27727;
  font-family: "helveticaneue-bold";
}

.coverage-detail .coverage-insurance {
  background: #ffffff;
  border-radius: 15px;
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 20px;
}

.coverage-detail .coverage-insurance .logo {
  padding: 20px 20px;
  margin-bottom: 20px;
}

.coverage-detail .coverage-insurance .logo img {
  width: auto;
  max-width: 150px;
  display: block;
  margin: 0 auto;
}

.coverage-detail .coverage-insurance table {
  width: 100%;
}

.coverage-detail .coverage-insurance table tr td {
  width: 35%;
  padding: 5px 0px;
  color: #000000;
  font-size: 14px;
  text-align: left;
}

.coverage-detail .coverage-insurance table tr td:first-child {
  width: 65%;
  padding-right: 15px;
}

.coverage-detail .coverage-insurance .divline {
  width: 100%;
  border-bottom: 1px dashed #000000;
  margin: 20px 0px;
}

.coverage-detail .coverage-insurance table.total tr td {
  font-family: "helveticaneue-bold";
  font-size: 15px;
}

.coverage-detail .back_proceed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.coverage-detail .back_proceed a,
.coverage-detail .back_proceed input {
  display: block;
  text-transform: capitalize;
  border: none;
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
}

.coverage-detail .back_proceed a:hover,
.coverage-detail .back_proceed input:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.coverage-detail table tr.addontext {
  display: none;
}

.coverage-detail table tr.addon {
  display: none;
  font-weight: bold;
}

.coverage-detail table tr.deduct td {
  color: red;
}

/*step 2*/

/*step 3*/
ul.personal-detail {
  width: 100%;
  max-width: 400px;
}

ul.personal-detail li {
  display: block;
  margin-bottom: 25px;
}

ul.personal-detail li p {
  line-height: 1.5;
  padding-bottom: 5px;
}

ul.personal-detail li .input-field {
  width: 100%;
  padding: 8px 20px 8px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  margin-bottom: 5px;
}

ul.personal-detail li input:read-only {
  background: #e6e5eb;
}

ul.personal-detail li select.input-field {
  width: 100%;
  padding: 8px 20px 8px 20px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
}

ul.paymentmethod {
  text-align: center;
}

ul.paymentmethod li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 20px 20px;
}

ul.paymentmethod li a {
  display: block;
}

ul.paymentmethod li .images {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 273px;
  height: 130px;
  border-radius: 5px;
  border: 1px solid #cbcbcb;
  margin-bottom: 20px;
  position: relative;
}

ul.paymentmethod li .images img {
  display: block;
  width: 100%;
  max-width: 180px;
}

ul.paymentmethod li p {
  text-align: center;
}

ul.paymentmethod li a:hover .images {
  border: 1px solid #f5a021;
}

ul.paymentmethod li.selected .images {
  border: 1px solid #f5a021;
}

ul.paymentmethod li.selected .images:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;

  position: absolute;
  right: 10px;
  top: 10px;
  color: #3bb779;
}

.bank-payment {
  display: none;
  width: 100%;
  text-align: center;
  padding: 50px 0px 20px;
}

.bank-payment p {
  padding-bottom: 20px;
  text-align: center;
  font-size: 16px;
}

.bank-payment ul {
  text-align: center;
}

.bank-payment ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 20px 20px 20px;
}

.bank-payment ul li .images {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 188px;
  height: 75px;
  border-radius: 5px;
  border: 1px solid #cbcbcb;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.bank-payment ul li .images img {
  display: block;
  width: 100%;
  max-width: 120px;
}

.bank-payment ul li.selected .images,
.bank-payment ul li:hover .images {
  border: 1px solid #f5a021;
}

.bank-payment ul li.selected .images:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;

  position: absolute;
  right: 10px;
  top: 10px;
  color: #3bb779;
}
/*step 3*/

.home-landing {
  width: 100%;
  position: relative;
  margin-top: -82px;
}

.home-landing .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 92px;
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.home-landing .title b {
  font-size: 50px;
  color: #31393f;
  line-height: 1.5;
  font-family: "helveticaneue-medium";
  display: inline-block;
  margin: 0px 5px;
  vertical-align: middle;
  opacity: 0;
}

@-webkit-keyframes growIn {
  0% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes growIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.home-landing .title b.growIn {
  -webkit-animation-name: growIn;
  animation-name: growIn;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

@keyframes animated-text {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* cursor animations */

.home-landing .title span {
  white-space: nowrap;
  overflow: hidden;
  font-size: 50px;
  color: #000000;
  margin: 0 auto;
  padding: 5px 0px;
  font-family: "helveticaneue-medium";
  width: 100%;
  animation: animated-text 2s steps(60, end) 1s 1 normal both;
  animation-delay: 2s;
}

.home-landing .title i {
  margin: 0px 10px;
  width: 10px;
  height: 10px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  display: inline-block;
  vertical-align: middle;
}

.home-landing .title p {
  color: #f87532;
  font-size: 22px;
  font-family: "helveticaneue-medium";
  width: 100%;
  padding-top: 70px;
}

.home-landing-cover {
  min-height: 525px;
  height: 100vh;
  overflow: hidden;
}

.home-landing-cover .landing-car {
  width: 50%;
  float: left;
  min-height: 525px;
  height: 100vh;
  background-image: url(../images/carbg.png);
  background-position: bottom right 10px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-right: 10px;
  filter: grayscale(100%);
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car:hover {
  filter: grayscale(0%);
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car .vehicle {
  position: absolute;
  bottom: 0px;
  left: -100%;
  width: 75%;
  z-index: 2;
  transition: all ease 0.5s;
}

.home-landing-cover .landing-car .vehicle.show {
  left: 0;
  transition: all ease 0.5s;
  transition-delay: 1s;
}

.home-landing-cover .landing-car .vehicle img {
  display: block;
  width: 100%;
}

.home-landing-cover .landing-car .vehicle-link {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  opacity: 0;
  transition: all ease 0.5s;
}

.home-landing-cover .landing-car .vehicle-link.show {
  opacity: 1;
  transition: all ease 0.5s;
  transition-delay: 0.5s;
}

.home-landing-cover .landing-car .vehicle-link a,
.home-landing-cover .landing-car .vehicle-link b {
  color: #49535d;
  text-align: right;
  display: block;
  font-size: 40px;
  text-transform: capitalize;
  z-index: 1;
  font-family: "helveticaneue-bold";
  margin-bottom: 20px;
  position: relative;
}

.home-landing-cover .landing-car .vehicle-link p {
  opacity: 1;
  color: var(--maintheme);
  font-size: 20px;
  font-family: "helveticaneue-medium";
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car > a,
.home-landing-cover .landing-motor > a {
  display: block;
  width: 100%;
  height: 100%;
}

.home-landing-cover .landing-motor {
  width: 50%;
  float: left;
  min-height: 525px;
  height: 100vh;
  padding-left: 10px;
  background-image: url(../images/motor-bg.png);
  background-position: bottom 0px left 10px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  filter: grayscale(100%);
  transition: all ease 0.3s;
}

.home-landing-cover .landing-motor:hover {
  filter: grayscale(0%);
  transition: all ease 0.3s;
}

.home-landing-cover .landing-motor .vehicle {
  position: absolute;
  bottom: 0px;
  right: -100%;
  width: 60%;
  z-index: 2;
  transition: all ease 0.5s;
}

.home-landing-cover .landing-motor .vehicle.show {
  right: 0;
  transition: all ease 0.5s;
  transition-delay: 1s;
}

.home-landing-cover .landing-motor .vehicle img {
  width: 100%;
  display: block;
}

.home-landing-cover .landing-motor .vehicle-link {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  opacity: 0;
  transition: all ease 0.5s;
}

.home-landing-cover .landing-motor .vehicle-link.show {
  opacity: 1;
  transition: all ease 0.5s;
  transition-delay: 0.5s;
}

.home-landing-cover .landing-motor .vehicle-link a,
.home-landing-cover .landing-motor .vehicle-link b {
  color: #49535d;
  text-align: left;
  display: block;
  font-size: 40px;
  text-transform: capitalize;
  z-index: 1;
  font-family: "helveticaneue-bold";
  margin-bottom: 20px;
  position: relative;
}

.home-landing-cover .landing-motor .vehicle-link p {
  color: var(--maintheme);
  font-size: 20px;
  font-family: "helveticaneue-medium";
  text-align: right;
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car > a .vehicle-link b:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: -10px;
  height: 6px;
  background: #f87532;
  width: 100%;
  transition: all ease 0.3s;
}

.home-landing-cover .landing-motor > a .vehicle-link b:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  height: 6px;
  background: #f87532;
  width: 100%;
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car > a:hover .vehicle-link b:before,
.home-landing-cover .landing-motor > a:hover .vehicle-link b:before {
  width: 100%;
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car > a:hover .vehicle-link p,
.home-landing-cover .landing-motor > a:hover .vehicle-link p {
  opacity: 1;
  transition: all ease 0.3s;
}

.home-landing-cover .landing-car > a:hover .vehicle-link b,
.home-landing-cover .landing-motor > a:hover .vehicle-link b {
  color: #1e252b;
  transition: all ease 0.3s;
}

/*register login*/
.register_login {
  background-color: #e5e5ea;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000000;
}

.register_login .close_register_login {
  position: absolute;
  right: 30px;
  top: -40px;
  font-size: 20px;
  font-family: "helveticaneue-medium";
  cursor: pointer;
  z-index: 999;
  transition: all ease 0.5s;
}

.register_login .close_register_login.in {
  top: 20px;

  transition: all ease 0.5s;
  transition-delay: 1s;
}

.register_login .row-cover {
  height: 100%;
  display: flex;
  align-items: center;
}

.register_login_cover {
  display: flex;
  align-items: center;
  height: 80%;
  max-height: 437px;
  position: relative;
  margin: auto auto;
  background: rgba(49, 57, 63, 0.9);
  border-radius: 25px;
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

.register_login_cover.bouncein {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.register_login__login {
  width: 50%;
  padding: 10px 100px 10px 50px;
  color: #ececea;
  transition: all ease 0.3s;
}

.register_login__register {
  width: 50%;
  padding: 10px 50px 10px 100px;
  color: #ececea;
  transition: all ease 0.3s;
}

.register_login__register.hide,
.register_login__login.hide {
  opacity: 0;
  transition: all ease 0.3s;
}

.register_left_right .title {
  font-size: 30px;
  display: block;
  line-height: 1.4;
  padding-bottom: 30px;
}

.register_left_right p {
  line-height: 1.5;
  font-size: 18px;
  padding-bottom: 30px;
}

.register_left_right .button {
  padding: 10px 10px;
  width: 120px;
  display: block;
  text-align: center;
  color: #ececea;
  border: 1px solid #ececea;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all ease 0.3s;
}

.register_left_right .button:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #ececea;
  content: "";
  z-index: -1;
  transition: all ease 0.3s;
}

.register_left_right .button:hover {
  color: #000000;
  transition: all ease 0.3s;
}

.register_left_right .button:hover:before {
  width: 100%;
  transition: all ease 0.3s;
}

.register_login_form {
  height: 670px;
  max-height:95vh;
  overflow-y:auto;
  display: flex;
  align-items: center;
  width: 500px;
  background: #ffffff;
  border-radius: 30px;
  padding: 30px 30px;
  position: absolute;
  left: 5%;
  top: 50%;
  transform:translateY(-50%);
  z-index: 2;

  -webkit-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.3);

  transition: all ease 0.8s;
}

.register_login_form.slideright {
  left: calc(95% - 500px);

  transition: all ease 0.8s;
}

.form_fill {
  width: 100%;
  padding: 10px 0px;
}

.form_fill .h1 {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  padding-bottom: 15px;
}

.form_fill .h2 {
  color: #ababab;
  font-size: 16px;
}

.form_fill .fill_area {
  padding: 15px 0px;
}

.form_fill .fill_area .input-cover {
  margin: 20px 0px;
}

.form_fill .input-field {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 15px 50px 15px 20px;
  color: #000;
  width: 100%;
  display: block;
  background-size: 15px;
}

.form_fill .input-field.email {
  background-image: url(../images/icon-email.png);
  background-repeat: no-repeat;
  background-position: center right 23px;
}

.form_fill .input-field.password {
  background-image: url(../images/icon-lock.png);
  background-repeat: no-repeat;
  background-position: center right 23px;
}

.form_fill .input-field.user {
  background-image: url(../images/icon-user.png);
  background-repeat: no-repeat;
  background-position: center right 23px;
}

.form_fill .input-field.mobile {
  background-image: url(../images/icon-mobile.png);
  background-repeat: no-repeat;
  background-position: center right 23px;
}

.form_fill .submit_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form_fill .submit_link a {
  color: #ababab;
}

.form_fill .submit_link a:hover {
  color: #000000;
}

.form_fill .submit_link input {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100px;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
}

.form_fill .submit_link input:hover {
  background: #de9021;
}

.form_fill .submit_link .acknowledge {
  position: relative;
}

.form_fill .submit_link .acknowledge input {
  display: none;
}

.form_fill .submit_link .acknowledge label {
  display: block;
  padding-left: 30px;
  line-height: 1.4;
  padding-right: 5px;
  color: #000;
  font-size: 13px;
  position: relative;
  max-width: 270px;
  cursor: pointer;
  font-family: "helveticaneue-light";
}

.form_fill .submit_link .acknowledge label span {
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #ababab;
}

.form_fill .submit_link .acknowledge input:checked + label span {
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
}

/*register login*/

/*aboutus*/
.row.aboutus {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

.aboutus .row-cover {
  padding: 50px 0px;
}

.row.aboutus .h2 {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 30px;
  padding-bottom: 15px;
}

.row.aboutus .h1 {
  color: #31393f;
  font-family: "helveticaneue-bold";
  font-size: 50px;
  line-height: 1.2;
}

.row.aboutus .h1 b {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 30px;
}

.row.aboutus .phrasetitle {
  display: block;
  padding: 150px 10px 10px;
}

.row.aboutus .phrasetitle .static {
  font-size: 120px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  padding-left: 60px;
}

.row.aboutus .phrasetitle .static i {
  display: inline-block;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.row.aboutus .phrasetitle .moving {
  position: relative;
  overflow: hidden;
}
.row.aboutus .phrasetitle .moving span {
  display: block;
  font-size: 120px;
  width: fit-content;
  white-space: nowrap;
  font-weight: 900;
  -webkit-animation-name: phraseAnimation;
  animation-name: phraseAnimation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  will-change: transform;
  transition: ease-out 0.3s;
  -webkit-text-stroke: 1px #000000;
  text-transform: uppercase;
  color: transparent;
  font-family: "Gotham-Black";
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

.whoweare {
  width: 100%;
  text-align: center;
  padding-bottom: 200px;
  overflow-x: hidden;
  position: relative;
}

.whoweare .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 30px;
}

.whoweare p {
  padding: 0px 30px 40px;
  font-size: 17px;
  color: #777;
  line-height: 1.8;
  font-family: "helveticaneue-medium";
}

.whoweare p a {
  color: #f87532;
}

.whoweare p b {
  font-family: "helveticaneue-medium";
}

.whoweare .title i {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.ourvision {
  padding-left: 200px;
  display: flex;
  align-items: center;
  padding: 50px 0px 0px;
  text-align: center;
  justify-content: center;
}

.row.vision {
  z-index: 3;
  text-align: center;
}

.row.vision .visionppl {
  width: auto;
  position: relative;
  margin: -180px auto 0;
}

.ourvision .title {
  font-family: "helveticaneue-bold";
  position: relative;
  padding-right: 20px;
  font-size: 44px;
  text-align: right;
  width: 220px;
}

.ourvision .title:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #f87532;
  content: "";
}

.ourvision .text {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
  font-family: "helveticaneue-light";
}

.ourvision .text span {
  display: inline-block;
  padding: 3px 5px;
  background: #f87532;
  color: #fff;
  line-height: 1;
  font-size: 20px;
}

.ourvision .text b {
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.vision .shadow1 {
  position: absolute;
  left: 0;
  top: -50px;
}

.vision .shadow3 {
  position: absolute;
  right: 50px;
  top: -50px;
}

.vision-quote {
  display: flex;
  align-items: center;
}

.vision-quote .quote-speaker {
  width: 300px;
}

.vision-quote .quote-speaker img {
  width: 100%;
  display: block;
}

.vision-quote .quote-content {
  padding: 120px 150px;
  position: relative;
  width: calc(100% - 300px);
}

.quoteslider .quote-icon {
  position: absolute;
  left: 300px;
  top: 100px;
}

.vision-quote .quote-content .text {
  line-height: 1.4;
  color: #fff;
  font-size: 16px;
}

.vision-quote .quote-content .text b {
  display: block;
  padding-top: 20px;
  font-family: "helveticaneue-medium";
}

.swiper-container.quoteslider {
  height: 514px;
  margin-bottom: 0px !important;
  overflow: hidden;
}

.quotebullet {
  right: 20px !important;
}

.quotebullet:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  height: 180px;
  width: 2px;
  background: #242d35;
  content: "";
}

.quotebullet:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  height: 220px;
  width: 2px;
  background: #242d35;
  content: "";
}

.quotebullet .swiper-pagination-bullet {
  opacity: 1 !important;
  background: #242d35 !important;
  width: 15px;
  height: 15px;
}

.quotebullet .swiper-pagination-bullet-active {
  background: #ffba26 !important;
}

.vision-quote .quote-speaker img {
  position: relative;
  left: -50px;
  opacity: 0;
}

.vision-quote .quote-speaker img.fadeinshort {
  left: 0px;
  opacity: 1;

  transition: all ease 1s;
}

.vision-quote .quote-content .text {
  position: relative;
  right: -50px;
  opacity: 0;
}

.vision-quote .quote-content .text.fadeinshort {
  right: 0px;
  opacity: 1;

  transition: all ease 0.7s;
}

.fincrew-family-cover {
  width: 100%;
  padding: 50px 0px;
}

.fincrew-family-cover ul {
  display: flex;
  align-items: center;
  padding: 30px 0px;
  flex-wrap: wrap;
}

.fincrew-family-cover ul li {
  width: 25%;
  position: relative;
  padding: 10px 10px;
}

.fincrew-family-cover ul li .border {
  position: absolute;
  width: 80%;
  border: 5px solid var(--maintheme);
  top: -8%;
  left: 10%;
  transform: scale(0);
  transition: all ease 0.5s;
  z-index: 4;
  opacity: 0;
}

.fincrew-family-cover ul li .border:before {
  position: relative;
  padding-top: 100%;
  content: "";
  display: block;
}

.fincrew-family-cover ul li:hover .border {
  opacity: 1;
  transform: scale(0.9);
  transition: all ease 0.5s;
}

.fincrew-family-cover ul li img {
  width: 100%;
  display: block;
  transition: all ease 0.3s;
}

.fincrew-family-cover ul li .img {
  width: 100%;
  display: block;
  position: relative;
}

.fincrew-family-cover ul li .overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: all ease 0.3s;
}

.fincrew-family-cover ul li:hover .overlay {
  opacity: 1;
  transition: all ease 0.3s;
}

.fincrew-family-cover ul li:hover img {
  filter: grayscale(100%);
  transition: all ease 0.3s;
}

.fincrew-family-cover ul li .crewinfo {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  padding: 10px 5px;
  color: #ffffff;
  text-align: center;
  z-index: 5;
  opacity: 0;
  transition: all ease 0.5s;
}

.fincrew-family-cover ul li:hover .crewinfo {
  bottom: 20px;
  opacity: 1;
  transition: all ease 0.5s;
  transition-delay: 0.3s;
}

.fincrew-family-cover ul li .crewinfo b {
  display: block;
  font-size: 17px;
  line-height: 1.5;
  font-family: "helveticaneue-medium";
}

.fincrew-family-cover ul li .crewinfo i {
  display: block;
  font-size: 16px;
  line-height: 1.3;
}

.fincrew-family-cover ul li.colspan3 {
  width: 50%;
  text-align: center;
}

.fincrew-family-cover ul li.colspan3 .h1 {
  font-size: 80px;
  font-family: "helveticaneue-bold";
  color: #31393f;
}

.fincrew-family-cover ul li.colspan3 .h1 i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

/*aboutus*/

/*floating social*/
.floating-social {
  position: fixed;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 998;
  transition: all ease 0.3s;
}

.floating-social ul li {
  margin-bottom: 10px;
}

.floating-social ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 100%;
  position: relative;
}

.floating-social ul li a.fb {
  background: #3765a3;
}

.floating-social ul li a.ins {
  background: #b9338c;
}

.floating-social ul li a.tt {
  background: #11c1ff;
}

.floating-social ul li a.pin {
  background: #e6001a;
}

.floating-social ul li a.ln {
  background: #0077b5;
}

.floating-social ul li a.tumb {
  background: #314358;
}

.floating-social ul li a.blog {
  background: #dc4a38;
}

.floating-social ul li a.med {
  background: #000000;
}

.floating-social ul li a.redd {
  background: #f84300;
}

.floating-social ul li a.quora {
  background: #b42a26;
}

.floating-social ul li a.yt {
  background: #e6001a;
}

.floating-social ul li a:hover {
  background: #000000;
  opacity: 0.8;
}
/*floating social*/

/*dashboard*/
.member-dashboard {
  width: 100%;
  position: relative;
  display: flex;
  padding: 50px 0px 100px;
}

.dashboard-left {
  width: 200px;
}

.dashboard-left .dashboard-link {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  padding: 20px 0px;
}

.dashboard-left .dashboard-link a {
  display: block;
  padding: 10px 30px;
  color: #000;
  margin: 5px 0px;
  position: relative;
  z-index: 1;
}

.dashboard-left .dashboard-link a.active {
  color: #fff;
}

.dashboard-left .dashboard-link a.active:before,
.dashboard-left .dashboard-link a:hover:before {
  position: absolute;
  left: -10px;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fc9d34;
  border-radius: 5px;
  content: "";
  z-index: -1;
}

.dashboard-left .dashboard-link a:hover {
  color: #fff;
}

.dashboard-right {
  width: calc(100% - 200px);
  padding-left: 30px;
  position: relative;
}

.dashboard-content {
  border-radius: 10px;
  overflow: hidden;
}

.dashboard-thead {
  background: #31393f;
  padding: 20px 30px;
  color: #fff;
}

.dashboard-tbody {
  padding: 20px 30px;
  background: #ffffff;
}

.myorder-history {
  width: 100%;
  padding: 30px 0px;
}

table.default-table {
  width: 100%;
}

table.default-table thead tr th {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-family: "helveticaneue-medium";
  border-bottom: 1px solid #d7d7d7;
  font-size: 16px;
}

table.default-table tbody tr td {
  padding: 20px 10px;
  text-align: left;
  border-bottom: 1px solid #d7d7d7;
}

table.default-table tbody tr td a.links {
  color: var(--maintheme);
}

p.total-record {
  display: block;
  padding-top: 20px;
  color: #9c9c9c;
}

table.default-table tbody tr:nth-child(odd) td {
  background: #f6f6f6;
  vertical-align: middle;
}

table.default-table tbody tr td a.link {
  color: #fc9d34;
  display: inline-block;
  margin: 5px 0px;
}

div.status,
a.status,
input.status {
  display: inline-block;
  padding: 10px 10px;
  min-width: 100px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  text-transform: capitalize;
  border: none;
}

input.status.download {
  cursor: pointer;
}

div.status.waiting,
a.status.waiting,
input.status.waiting,
div.status.pending,
a.status.pending,
input.status.pending {
  background: #0088dc;
}

div.status.complete,
a.status.complete,
input.status.complete {
  background: #3cb778;
}

div.status.expired,
a.status.expired,
input.status.expired {
  background: #e15139;
}

div.status.paynow,
a.status.paynow,
a.status.download,
input.status.download {
  background: #f79f21;
}

.mypolicies {
  padding: 30px 0px 50px;
}

.myaddressbook {
  padding: 30px 0px 50px;
}

.myaddressbook .add-new-address {
  display: block;
  padding-bottom: 30px;
}

.myaddressbook .add-new-address a {
  display: inline-block;
  color: #fc9d34;
  padding: 10px 10px;
  border: 1px solid #fc9d34;
  text-align: center;
  width: 100%;
  max-width: 230px;
  border-radius: 5px;
}

.myaddressbook .add-new-address a:hover {
  background: #fc9d34;
  color: #ffffff;
}

.current-saved-address {
  width: 100%;
}

.current-saved-address ul {
  display: flex;
  justify-content: space-between;

  flex-wrap: wrap;
}

.current-saved-address ul li {
  width: 48%;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
}

.current-saved-address ul li .address-cover {
  padding: 20px 20px;
  position: Relative;
}

.current-saved-address ul li .delete {
  color: red;
  cursor: pointer;
  text-transform: capitalize;
}

.address-cover .address-name {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.address-cover .address-name b {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  text-transform: capitalize;
}

.address-cover .address-name span {
  color: #fc9d34;
  cursor: pointer;
}

.address-cover .address-text {
  line-height: 1.4;
}

/*dashboard*/

/*popup*/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  display: none;
}

.popup-wrapper {
  width: 95%;
  max-width: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 10px;
}

.popup-wrapper .popup-thead {
  background: #31393f;
  padding: 20px 30px;
  color: #fff;
  position: relative;
  font-family: "helveticaneue-medium";
  font-size: 17px;
  line-height: 1.3;
}

.popup-wrapper .popup-thead .closethis {
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 18px;
  transform: translateY(-50%);
  cursor: pointer;
}

.popup-wrapper .popup-tbody {
  padding: 20px 30px;
  background: #ffffff;
  line-height: 1.5;

  max-height: 50vh;
  overflow: hidden;
  overflow-y: auto;
}

.popup-wrapper .popup-tbody strong {
  font-family: "helveticaneue-bold";
}

.popup-wrapper .popup-tbody ul {
  list-style-type: decimal;
  margin-left: 20px;
}

.popup-wrapper .popup-tbody > ul li {
  padding: 5px 0px;
}

.popup-wrapper .popup-tbody ol {
  list-style-type: lower-alpha;
  margin-left: 20px;
}

.popup-wrapper .popup-tbody .edit_address_form {
  display: block;
  width: 100%;
}

.popup-wrapper .popup-tbody .edit_address_form .edit_address_form_cover {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}

/* width */
.edit_address_form_cover::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.edit_address_form_cover::-webkit-scrollbar-track {
  background: #ebebeb;
}

/* Handle */
.edit_address_form_cover::-webkit-scrollbar-thumb {
  background: #10161b;
}

.edit_address_form .input-cover {
  display: block;
  margin-bottom: 20px;
  position: Relative;
}

.edit_address_form .input-cover p {
  line-height: 1.5;
  padding-bottom: 5px;
}

.input-field {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 15px 20px 15px 20px;
  color: #000;
  width: 100%;
  display: block;
  font-family: "helveticaneue";
  font-size: 16px;
}

textarea.input-field {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 15px 20px 15px 20px;
  color: #000;
  width: 100%;
  display: block;
  height: 200px;
  resize: none;
  font-family: "helveticaneue";
  font-size: 16px;
}

select.input-field {
  width: 100%;
  padding: 16px 20px 16px 20px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-family: "helveticaneue";
  font-size: 16px;
}

.edit_address_form input.sub {
  display: block;
  text-transform: capitalize;
  border: none;
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
}

.edit_address_form input.sub:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.promotion-popup-cover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  max-width: 600px;
  max-height: 400px;
  overflow-y: auto;
  background: #ffffff;
  padding: 40px 30px 20px;
}

.promotion-popup-cover .image {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.promotion-popup-cover .image img {
  display: block;
  width: 100%;
}

.promotion-popup-cover .content {
  line-height: 1.5;
  padding: 0px 10px;
}

.promotion-popup-cover .content b {
  font-weight: bold;
}

.promotion-popup-cover .closepromo {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  transition: all ease 0.3s;
  text-align: center;
  margin-top: 30px;
}

.promotion-popup-cover .closepromo:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.promotion-popup-cover .closepromo-sub {
  position: absolute;
  right: 30px;
  top: 15px;
  cursor: pointer;
}

/*popup*/

.myinfo {
  padding: 20px 30px;
  background: #ffffff;
}

.myinfo .myinfo-option {
  width: 100%;
  padding-bottom: 20px;
}

.myinfo .myinfo-option ul {
  padding-bottom: 30px;
  border-bottom: 1px dashed #d7d7d7;
}

.myinfo .myinfo-option ul li {
  display: inline-block;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.myinfo .myinfo-option ul li a {
  display: block;
  padding: 10px 10px;
  width: 150px;
  text-align: center;
  color: #000000;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}

.myinfo .myinfo-option ul li.active a,
.myinfo .myinfo-option ul li a:hover {
  border: 1px solid #fc9d34;
  color: #fc9d34;
}

.myinfo-option-show {
  width: 100%;
}

.myinfo-option-show .create_update {
  display: flex;
  padding-bottom: 10px;
  align-items: flex-start;
}

.myinfo-option-show .create_update b {
  width: 200px;
}

.myinfo-option-show .member-basic-info {
  margin-top: 20px;
  border-radius: 20px;
  background: #e6e5eb;
  padding: 20px 40px;
}

.myinfo-option-show .member-basic-info > div {
  display: flex;
  margin: 10px 0px;
}

.myinfo-option-show .member-basic-info > div b {
  font-family: "helveticaneue-medium";
  width: 200px;
}

.myinfo-option-show .member-editinfo {
  text-align: center;
  margin-top: 30px;
}

.myinfo-option-show .member-editinfo a {
  display: block;
  width: 100px;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #fc9d34;
  color: #fc9d34;
  text-align: center;
  text-transform: capitalize;
  margin: 0 auto;
}

.myinfo-option-show .member-editinfo a:hover {
  background: #fc9d34;
  color: #ffffff;
}

.myinfo-option-show .member-password {
  width: 100%;
  max-width: 400px;
}

.myinfo-option-show .member-password .input-cover {
  display: block;
  margin-bottom: 20px;
  position: Relative;
}

.myinfo-option-show .member-password .input-cover p {
  line-height: 1.5;
  padding-bottom: 5px;
}

.myinfo-option-show .member-password input.sub {
  display: block;
  text-transform: capitalize;
  border: none;
  width: 170px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
  font-size: 16px;
}

.myinfo-option-show .member-password input.sub:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.contactus-feature {
  min-height: 100vh;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.contactus-feature .phrasetitle {
  display: block;
  padding: 150px 10px 10px;
}

.contactus-feature .phrasetitle .static {
  font-size: 120px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  position: relative;
  padding-top: 80px;
  padding-left: 60px;
}

.contactus-feature .phrasetitle .static b {
  display: block;
  font-size: 60px;
  text-align: right;
  position: absolute;
  left: 144px;
  top: 24px;
}

.contactus-feature .phrasetitle .static i {
  display: inline-block;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.contactus-feature .phrasetitle .moving {
  position: relative;
  overflow: hidden;
}
.contactus-feature .phrasetitle .moving span {
  display: block;
  font-size: 160px;
  width: fit-content;
  white-space: nowrap;
  font-weight: 900;
  -webkit-animation-name: phraseAnimation;
  animation-name: phraseAnimation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  will-change: transform;
  transition: ease-out 0.3s;
  -webkit-text-stroke: 1px #000000;
  text-transform: uppercase;
  color: transparent;
  font-family: "Gotham-Black";
}

.contactus-middle {
  position: relative;
  z-index: 3;
}

.contactus-middle .shadow1 {
  position: absolute;
  left: 0;
  top: -30px;
}

.contactus-middle .shadow2 {
  position: absolute;
  right: 0;
  bottom: -30px;
}

.contactus-desc {
  display: flex;
  align-items: center;
  padding: 50px 0px 50px;
  text-align: center;
  justify-content: center;
}

.contactus-desc .title {
  font-family: "helveticaneue-bold";
  position: relative;
  padding-right: 20px;
  font-size: 44px;
  text-align: right;
}

.contactus-desc .title:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #f87532;
  content: "";
}

.contactus-desc .text {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}

.contactus-desc .text p {
  display: block;
  font-weight: bold;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.contactus-desc .text p span {
  display: inline-block;
  padding: 3px 5px;
  background: #f87532;
  color: #fff;
  line-height: 1;
}

.contact-us-form-cover {
  padding: 80px 0px;
}

.contact-us-form {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.contact-us-form .input-field {
  padding: 10px 20px;
  font-size: 17px;
}

.contact-us-form .input-cover {
  width: 48%;
  margin-bottom: 20px;
}

.contact-us-form-cover input.sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 150px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  margin: 20px auto 0px;
  display: block;
  font-size: 17px;
}

.contact-us-form-cover input.sub:hover {
  background: #de9021;
}

.contact-us-footer {
  display: flex;
  width: 100%;
}

.contact-us-map {
  width: 50%;
}

.contact-us-address {
  width: 50%;
  background: #31393f;
  text-align: center;
  color: #ffffff;
  line-height: 1.5;
  padding: 50px 20px;
}

.contact-us-address .logo {
  width: 100%;
  max-width: 231px;
  margin: 0 auto 30px;
}

.contact-us-address .logo a {
  display: block;
}

.contact-us-address .logo a img {
  width: 100%;
}

.contact-us-address ul.social {
  text-align: center;
}

.contact-us-address ul.social li {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 10px;
}

.contact-us-address ul.social li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #cbcbcb;
  border-radius: 100%;
  border: 1px solid #cbcbcb;
}

.contact-us-address ul.social li a:hover {
  background: #cbcbcb;
  color: #000;
}

.contact-us-address a.whatsapp {
  padding: 10px 20px;
  width: 200px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  display: block;
  margin: 10px auto 0px;
}

.contact-us-address a.whatsapp:hover {
  background: #ffffff;
  color: #000000;
}

.top-feature {
  padding-bottom: 80px;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.top-feature .phrasetitle {
  display: block;
  padding: 150px 10px 10px;
}

.top-feature .phrasetitle .static {
  font-size: 120px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  position: relative;
  padding-top: 80px;
  overflow-wrap: break-word;
  padding-left: 60px;
}

.top-feature .phrasetitle .static b {
  display: block;
  font-size: 60px;
  text-align: left;
}

.top-feature .phrasetitle .static i {
  display: inline-block;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.top-feature .phrasetitle .moving {
  position: relative;
  overflow: hidden;
}
.top-feature .phrasetitle .moving span {
  display: block;
  font-size: 120px;
  width: fit-content;
  white-space: nowrap;
  font-weight: 900;
  -webkit-animation-name: phraseAnimation;
  animation-name: phraseAnimation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  will-change: transform;
  transition: ease-out 0.3s;
  -webkit-text-stroke: 1px #000000;
  text-transform: uppercase;
  color: transparent;
  font-family: "Gotham-Black";
}

.press-review {
  padding: 0px 0px 80px;
}

.press-review ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}

.press-review ul li {
  width: 33%;
  margin-bottom: 50px;
  padding: 0px 10px;
}

.press-review ul li .review-content {
  border-radius: 10px;
  display: block;
  padding: 20px 20px;
  background: #e5e5ea;
  position: relative;
  transition: all ease 0.3s;
  color: #31393f;
}

.press-review ul li:hover .review-content {
  background: #31393f;
  color: #fff;
  transition: all ease 0.3s;
}

.press-review ul li .review-content:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #e5e5ea;
  position: absolute;
  bottom: -10px;
  left: 20px;
  transition: all ease 0.3s;
}

.press-review ul li:hover .review-content:before {
  border-top: 10px solid #31393f;
  transition: all ease 0.3s;
}

.press-review ul li .review-content p {
  font-family: "helveticaneue-medium";
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp:3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 80px;
  margin-bottom: 10px;
}

.press-review ul li .review-content span {
  display: block;
  padding-top: 20px;
  border-top: 1px dashed #979799;
}

.press-review ul li:hover .review-content span {
  border-top: 1px dashed #ffffff;
}

.press-review ul li .review-from {
  display: block;
  width: 100%;
  padding-top: 20px;
}

.press-review ul li .review-from img {
  /* width:auto;
	max-width:100%;
	max-height:40px;	
	filter: grayscale(100%);
	transition:all ease 0.3s; */

  width: auto;
  max-width: 100%;
  max-height: 50px;
  filter: grayscale(100%);
  transition: all ease 0.3s;
  /* height: 71px; */
  width: 160px;
}

.press-review ul li:hover .review-from img {
  filter: grayscale(0);
  transition: all ease 0.3s;
}

.press-viewmore {
  display: block;
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--maintheme);
  text-align: center;
  padding: 10px 10px;
  cursor: pointer;
  color: var(--maintheme);
  transition: all ease 0.3s;
}

.press-viewmore i {
  margin-left: 10px;
}

.press-viewmore:hover {
  background: var(--maintheme);
  color: #fff;
  transition: all ease 0.3s;
}

.press-details-wrapper {
  padding: 0px 0px 0px;
  display: flex;
  align-items: stretch;
}

.press-recent {
  width: 300px;
  border-right: 1px solid #d7d7d7;
  padding-top: 50px;
}

.press-recent .title {
  font-family: "helveticaneue-medium";
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
}

.press-recent .title:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 90%;
  height: 4px;
  background: #000000;
}

.press-recent ul li {
  padding: 20px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.press-recent ul li a {
  display: block;
}

.press-recent ul li span {
  color: #d7123d;
  display: block;
  padding-bottom: 10px;
  font-family: "helveticaneue-medium";
}

.press-recent ul li div {
  color: #31393f;
  line-height: 1.4;
  padding-right: 20px;
}

.press-content {
  width: calc(100% - 300px);
  padding-left: 30px;
  padding-top: 50px;
}

.press-content .press-logo {
  display: block;
  margin-bottom: 20px;
}

.press-content .press-logo img {
  width: auto;
  max-width: 100%;
  max-height: 60px;
}

.press-content .press-title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  line-height: 1.3;
  padding-bottom: 30px;
}

.press-content .press-author {
  color: #959595;
  padding-bottom: 10px;
  border-bottom: 4px solid #000000;
}

.press-detail-content {
  padding: 30px 0px 100px;
  line-height: 1.5;
  color: #31393f;
  font-size: 17px;
}

.press-detail-content img {
  width: auto;
  max-width: 100%;
}

.press-detail-content ul {
  list-style-type: disc;
  margin-left: 20px;
}

.press-detail-content ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.press-detail-content ul li,
.press-detail-content ol li {
  line-height: 1.5;
  color: #000000;
}

.press-detail-content a {
  color: var(--maintheme);
}

.press-detail-content b,
.press-detail-content strong {
  font-weight: bold;
}

.press-detail-content i {
  font-style: italic;
}

.press-detail-content .h1 {
  font-size: 20px;
  font-weight: bold;
}

.press-detail-content .h2 {
  font-size: 18px;
  font-weight: bold;
}

.press-detail-content .h3 {
  font-size: 16px;
  font-weight: bold;
}

.promotion-wrapper {
  display: flex;
  padding: 20px 0px 80px;
  justify-content: space-between;
}

.promotion-recent {
  width: 300px;
}

.promotion-recent .title {
  font-family: "helveticaneue-medium";
  padding-bottom: 10px;
  padding-top: 20px;
  position: relative;
  margin-bottom: 10px;
  font-size: 17px;
  border-bottom: 4px solid #000000;
}

.promotion-recent ul {
  list-style-image: url(../images/list-bullet.png);
  margin-left: 20px;
}

.promotion-recent ul li {
  padding: 20px 0px;
  border-bottom: 1px dashed #d7d7d7;
}

.promotion-recent ul li > div a {
  color: #000000;
  line-height: 1.4;
  font-size: 17px;
}

.promotions-latest {
  width: calc(100% - 350px);
  background: #e5e5ea;
  padding: 20px 20px 50px;
  border-radius: 10px;
}

.promotions-latest .title {
  font-family: "helveticaneue-medium";
  position: relative;
  padding-bottom: 15px;
  font-size: 17px;
}

.promotions-latest ul li {
  display: block;
  margin-bottom: 10px;
}

.promotions-latest ul li a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.promotions-latest ul li a img {
  width: 100%;
  display: block;
}

.career_intro {
  width: 100%;
  display: flex;
  padding: 50px 0px;
}

.career_intro .image {
  width: 30%;
}

.career_intro .image img {
  width: 100%;
  display: block;
}

.career_intro .content {
  width: 70%;
  padding-left: 50px;
  line-height: 1.5;
  font-size: 17px;
}

.career-feature {
  padding: 80px 0px;
}

.career-feature .title {
  color: #fff;
  font-size: 30px;
  padding-bottom: 50px;
  text-align: center;
}

.career-feature .title b {
  color: #fac75c;
}

.career-feature-list {
  position: relative;
}

.career-feature-list:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../images/triangleicon2.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
}

.career-feature-list:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../images/triangleicon2.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
}

.career-feature-list ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.career-feature-list ul li {
  width: 30%;
  margin: 30px 0px;
  text-align: center;
}

.career-feature-list ul li .image {
  margin-bottom: 30px;
  height: 136px;
  display: flex;
  align-items: center;
}

.career-feature-list ul li .image img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.career-feature-list ul li .content {
  color: #ffffff;
}

.career-feature-list ul li .content b {
  display: block;
  font-family: "helveticaneue-medium";
  padding-bottom: 30px;
  font-size: 18px;
}

.career-feature-list ul li .content p {
  font-size: 17px;
}

.career-available {
  padding: 80px 0px;
}

.career-available .title {
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 40px;
  text-align: center;
}

.career-available ul {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.career-available ul li {
  display: flex;
  padding: 20px 20px;
  border-bottom: 1px solid #d7d7d7;
  align-items: center;
  justify-content: space-between;
}

.career-available ul li .career-position {
  font-family: "helveticaneue-bold";
  font-size: 20px;
}

.career-available ul li .career-apply a {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 130px;
  background: var(--maintheme);
  color: #ffffff;
  text-align: center;
  display: block;
}

.career-available ul li .career-apply a:hover {
  background: #de9021;
}

.career-apply-intro {
  padding: 40px 0px;
}

.career-apply-intro > a {
  color: #fc9d34;
  display: inline-block;
}

.career-apply-intro .career-job-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
}

.career-apply-intro .career-job-name div b {
  font-size: 25px;
  font-family: "helveticaneue-bold";
  display: block;
  color: #000000;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.career-apply-intro .career-job-name div p {
  color: #959595;
  text-transform: uppercase;
  font-size: 18px;
}

.career-apply-intro .career-job-name div a {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 170px;
  background: var(--maintheme);
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  display: block;
}

.career-apply-intro .career-job-name div a:hover {
  background: #de9021;
}

.career-full-desc {
  padding: 40px 0px;
}

.career-full-desc .desc {
  line-height: 1.5;
  color: #000000;
  font-size: 17px;
}

.career-full-desc .desc h1 {
  font-family: "helveticaneue-medium";
  color: #000000;
  font-size: 25px;
}

.career-full-desc .desc h2 {
  font-family: "helveticaneue-medium";
  color: #000000;
  font-size: 20px;
  padding: 10px 0px;
}

.career-full-desc .desc h3 {
  font-family: "helveticaneue-medium";
  color: #000000;
  font-size: 17px;
  padding: 10px 0px;
}

.career-full-desc .desc b {
  font-weight: bold;
}

.career-full-desc .desc ul {
  margin-left: 20px;
  list-style-type: disc;
}

.career-full-desc .desc ol {
  margin-left: 20px;
  list-style-type: decimal;
}

.career-full-desc .desc ul li,
.career-full-desc .desc ol li {
  line-height: 1.5;
  margin-bottom: 5px;
}

.career-full-desc .desc ul li > ul {
  list-style-type: circle;
}

.career-form {
  width: 100%;
  max-width: 500px;
  color: #000000;
  padding-bottom: 20px;
}

.career-form .title {
  font-family: "helveticaneue-medium";
  padding-bottom: 30px;
  font-size: 18px;
}

.career-form .input-cover p {
  padding-bottom: 5px;
  font-size: 16px;
}

.career-form .input-cover {
  margin-bottom: 30px;
}

.career-form .input-cover .input-field {
  padding: 13px 20px;
  font-size: 16px;
}

.career-form .input-cover label {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.career-form .input-cover .filename {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  overflow: hidden;

  line-height: 1.3;
  text-overflow: ellipsis;
}

.career-form .input-cover label input {
  display: none;
}

.career-form .input-cover label div {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  background: #000000;
  transition: all ease 0.3s;
  cursor: pointer;
}

.career-form .input-cover label div:hover {
  background: var(--maintheme);
  transition: all ease 0.3s;
}

.career-form .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 170px;
  text-align: center;
  display: block;
  text-align: center;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
}

.career-form .sub:hover {
  background: #de9021;
}

.feature-content {
  padding: 80px 0px;
}

.feature-content .title {
  font-size: 50px;
  color: #31393f;
  line-height: 1.5;
  font-family: "helveticaneue-bold";
  text-transform: uppercase;
  text-align: center;
}

.feature-content .title i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.feature-content-list {
  padding-top: 40px;
}

.feature-content-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.feature-content-list ul li {
  width: 48%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 40px;
}

.feature-content-list ul li > div {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 80px 0px;
}

.feature-content-list ul li > div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  transition: all ease 0.3s;
}

.feature-content-list ul li > div .feature-title {
  width: 100%;
  text-align: center;
  padding: 20px 20px 0px;
  color: #fff;
  font-family: "helveticaneue-bold";
  margin-bottom: 20px;
  position: relative;
  font-size: 25px;
  height: 68px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.feature-content-list ul li > div .feature-title:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 5px;
  background: #f87532;
  border-radius: 5px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.feature-content-list ul li > div a {
  display: block;
  color: #fc9d34;
  width: 100px;
  margin: 20px auto 0px;
  text-align: center;
  position: relative;
  font-size: 16px;
  opacity: 0;
  bottom: -20px;
}

.feature-content-list ul li:hover > div:before {
  opacity: 1;
  transition: all ease 0.3s;
}

.feature-content-list ul li:hover > div a {
  opacity: 1;
  bottom: 0;
}

.feature-content-banner {
  height: 40vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.feature-content-desc {
  padding-top: 80px;
  line-height: 1.5;
  padding-bottom: 50px;
  font-size: 17px;
}

.feature-content-desc .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  padding-bottom: 40px;
}

.feature-content-desc .subtitle {
  font-size: 20px;
  font-family: "helveticaneue-bold";
}

.feature-content-desc b {
  font-weight: bold;
}

.share-feature-content {
  padding-bottom: 40px;
  text-align: center;
}

.share-feature-content p {
  color: #959595;
}

.share-feature-content ul {
  padding: 20px 0px;
  text-align: center;
}

.share-feature-content ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px;
}

.share-feature-content ul li a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 100%;
}

.share-feature-content ul li a.fb {
  background: #2f5894;
}

.share-feature-content ul li a.tw {
  background: #3bb0df;
}

.share-feature-content ul li a.in {
  background: #007cb3;
}

.next_prev-feature-content {
  display: flex;
  padding: 20px 0px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  justify-content: space-between;
  align-items: flex-start;
}

.next_prev-feature-content div {
  width: 40%;
  padding: 0px 20px;
}

.next_prev-feature-content div a {
  display: block;
  color: #000000;
}

.next_prev-feature-content div a b {
  color: #959595;
  display: block;

  padding-bottom: 10px;
}

.next_prev-feature-content div a p {
  line-height: 1.4;
  font-family: "helveticaneue-medium";
  font-size: 16px;
  transition: all ease 0.3s;
}

.next_prev-feature-content div a:hover p {
  color: var(--maintheme);
  transition: all ease 0.3s;
}

.next_prev-feature-content .next-feature {
  text-align: right;
}

.viewall-feature {
  padding: 30px 0px 80px;
}

.viewall-feature a {
  border-radius: 5px;
  padding: 10px 15px;
  width: 150px;
  background: #ffffff;
  color: var(--maintheme);
  border: 1px solid var(--maintheme);
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.viewall-feature a:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.getquote-cover {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 30px 0px;
}

.choose_your_quotation_type {
  width: 100%;
  text-align: center;
}

.choose_your_quotation_type .title {
  text-align: center;
  font-family: "helveticaneue-medium";
  font-size: 26px;
  line-height: 1.2;
  padding-top: 20px;
}

.choose_your_quotation_type ul {
  padding-top: 50px;
  text-align: center;
}

.choose_your_quotation_type ul li {
  display: inline-block;
  margin: 0px 40px 50px;
}

.choose_your_quotation_type ul li .bg {
  width: 260px;
  height: 260px;
  border-radius: 10px;
  border: 3px solid #dfdcdc;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin-bottom: 40px;
  transition: all ease 0.3s;
}

.choose_your_quotation_type ul li .bg a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.choose_your_quotation_type ul li .bg img {
  position: absolute;
  bottom: -20px;
  left: -5%;
  width: 110%;
}

.choose_your_quotation_type ul li p {
  font-size: 18px;
  font-family: "helveticaneue-medium";
}

.choose_your_quotation_type ul li .bg:hover {
  border: 3px solid var(--maintheme);
  transition: all ease 0.3s;
}

.getstart-selection {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: -80px;
}

.getstart-selection a {
  display: block;
  width: 250px;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #000000;
  text-align: center;
  margin: 10px 20px;
  color: #000000;
  font-size: 17px;
}

.getstart-selection a.active,
.getstart-selection a:hover {
  background: var(--maintheme);
  color: #ffffff;
  border: 1px solid var(--maintheme);
}

.getstart-selection img {
  width: auto;
  max-width: 100%;
  margin: 10px 20px;
}

.insurance-introduction {
  padding: 50px 0px;
}

.insurance-introduction .title {
  font-size: 40px;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
  text-align: center;
}

.insurance-introduction p {
  line-height: 1.8;
  font-size: 17px;
  color: #777;
}

.insurance-introduction p b {
  font-weight: bold;
}

.insurance-introduction p i {
  font-style: italic;
}

.insurance-introduction p a {
  color: var(--maintheme);
}

.insurance-howitwork {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 0px;
}

.insurance-howitwork .title {
  font-family: "helveticaneue-bold";
  position: relative;
  padding-right: 20px;
  font-size: 40px;
  text-align: right;
  width: 300px;
}

.insurance-howitwork .title:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #f87532;
  content: "";
}

.insurance-howitwork .text {
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}

.insurance-howitwork .text span {
  display: inline-block;
  padding: 3px 5px;
  background: #f87532;
  color: #fff;
  line-height: 1;
}

.insurance-step {
  padding: 80px 0px;
}

.insurance-step .step-content {
  padding-bottom: 60px;
}

.insurance-step .step-content .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  text-align: center;
  padding-bottom: 30px;
}

.insurance-step .step-content .title b {
  display: inline-block;
  margin-left: 10px;
  padding-left: 15px;
  border-left: 3px solid #f87532;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.insurance-step .step-content p {
  font-size: 17px;
  color: #777;
}

.insurance-step .step-content p a {
  color: var(--maintheme);
}

.getquote {
  text-align: center;
}

.getquote a {
  display: inline-block;
  width: 250px;
  padding: 10px 10px;
  border-radius: 5px;
  text-align: center;
  margin: 10px auto;
  color: #fff;
  background: var(--maintheme);
  font-size: 17px;
}

.getquote a:hover {
  background: #de9021;
}

.insurance-detail {
  padding: 80px 0px;
  line-height: 1.4;
  color: #31393f;
}

.insurance-detail b,
.insurance-detail strong {
  font-weight: bold;
}

.insurance-detail i {
  font-style: italic;
}

.insurance-detail .insurance-logo {
  text-align: center;
  padding-bottom: 50px;
}

.insurance-detail .insurance-logo img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.insurance-detail .h1,
.insurance-detail h1 {
  font-size: 20px;
  color: #000000;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
}

.insurance-detail h2 {
  font-size: 17px;
  color: #000000;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
}

.insurance-detail h3 {
  color: #000000;
  font-weight: bold;
  padding-bottom: 10px;
}

.insurance-detail a {
  color: var(--maintheme);
}

.insurance-detail ul {
  list-style-type: disc;
  margin-left: 20px;
}

.insurance-detail ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.insurance-detail ul li,
.insurance-detail ol li {
  margin-bottom: 5px;
  line-height: 1.4;
}

#mobile-trigger {
  display: none;
  width: 35px;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 28px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#mobile-trigger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #000000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#mobile-trigger span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#mobile-trigger span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}

#mobile-trigger span:nth-child(1),
#mobile-trigger span:nth-child(2) {
  top: 0px;
}

#mobile-trigger span:nth-child(3),
#mobile-trigger span:nth-child(4) {
  top: 12px;
}

#mobile-trigger span:nth-child(5),
#mobile-trigger span:nth-child(6) {
  top: 24px;
}

#mobile-trigger.open span:nth-child(1),
#mobile-trigger.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#mobile-trigger.open span:nth-child(2),
#mobile-trigger.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#mobile-trigger.open span:nth-child(1) {
  left: 3px;
  top: 10px;
}

#mobile-trigger.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 10px;
}

#mobile-trigger.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#mobile-trigger.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#mobile-trigger.open span:nth-child(5) {
  left: 3px;
  top: 20px;
}

#mobile-trigger.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 20px;
}

.mobile-landing {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
}

.mobile-landing img {
  display: block;
  width: 95%;
  margin: 0 auto;
}

.mobile-menu {
  position: fixed;
  top: 0;
  height: calc(100% - 72px);
  width: 100%;
  background: #ffffff;
  padding: 0px 10px 0px;
  left: 0;
  z-index: 99999;
  opacity: 0;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  transition: 0.3s opacity, 0s visibility 0.3s, 0.3s transform, all ease 0.2s;
}

.mobile-menu.show {
  opacity: 1;
  top: 82px;
  visibility: visible;
  transition-delay: 0s;
  transform: none;
  transition: all ease 0.2s;
}

.mobile-menu .getquote {
  text-align: left;
  position: absolute;
  bottom: 50px;
  display: block;
  width: 100%;
  left: 0;
  padding: 0px 10px;
}

.mobile-menu .getquote a {
  width: 100%;
  margin: 0 0;
}

.mobile-menu ul.menu {
  width: 100%;
}

.mobile-menu ul.menu li {
  margin: 25px 0px;
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.mobile-menu ul.menu li .user_logout a {
  display: block;
  color: var(--maintheme);
  margin-top: 5px;
}

.mobile-menu ul.menu li .choose_action a {
  color: #adadad;
}

.mobile-menu ul.menu li a {
  display: inline-block;
  font-size: 14px;
  color: #000000;
}

.mobile-menu ul.menu li a.login_trigger {
  color: var(--maintheme);
}

.mobile-menu .divline {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  margin: 20px 0px;
}

.mobile-menu .select-language {
  width: 100%;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.mobile-menu .select-language i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.mobile-menu .select-language ul {
  display: inline-block;
  vertical-align: middle;
}

.mobile-menu .select-language ul li {
  float: left;
  padding: 0px 10px;
  border-right: 1px solid #cbcbcb;
}

.mobile-menu .select-language ul li:first-child {
  padding-left: 0;
}

.mobile-menu .select-language ul li:last-child {
  padding-right: 0;
  border-right: none;
}

.mobile-menu .select-language ul li a {
  display: block;
  color: #000000;
}

.mobile-menu .select-language ul li.active a {
  color: var(--maintheme);
}

.payment_success {
  display: flex;
  min-height: 100vh;
  width: 100%;
  padding-bottom: 200px;
  flex-wrap: wrap;
  padding-top: 50px;
}

.payment_success > div {
  width: 100%;
  text-align: center;
}

.payment_success img {
  margin-bottom: 20px;
}

.payment_success .title {
  font-size: 40px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
  text-align: center;
}

.payment_success .title i {
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.payment_success > div a.directto {
  display: block;
  padding: 10px 10px;
  color: var(--maintheme);
  border-radius: 5px;
  border: 1px solid var(--maintheme);
  margin: 30px auto 0px;
  width: 130px;
  text-align: center;
  background: var(--maintheme);
  color: #ffffff;
}

.payment_success p {
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.payment_success p a {
  color: var(--maintheme);
}

.form_fill .mobile-view {
  display: none;
  padding-top: 20px;
}

.form_fill .mobile-view .button {
  display: inline-block;
  color: var(--maintheme);
  cursor: pointer;
}

.add-new-vehicle {
  display: block;
  padding-bottom: 30px;
}

.add-new-vehicle a {
  display: inline-block;
  color: #fc9d34;
  padding: 10px 10px;
  border: 1px solid #fc9d34;
  text-align: center;
  width: 100%;
  max-width: 230px;
  border-radius: 5px;
}

.add-new-vehicle a:hover {
  background: #fc9d34;
  color: #ffffff;
}

.saved-vehicle-detail {
  width: 100%;
}

.saved-vehicle-detail ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.saved-vehicle-detail ul li {
  width: 48%;
  position: relative;
  margin-bottom: 20px;
}

.saved-vehicle-detail ul li .vehicle-detail-cover {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  padding: 20px 20px;
  position: Relative;
  margin-bottom: 20px;
}

.vehicle-detail-cover table {
  width: 100%;
}

.vehicle-detail-cover table thead tr th {
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
  font-weight: 700;
  font-size: 16px;
  position: relative;
}

.vehicle-detail-cover table thead tr th .delete {
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  transform: translateY(-50%);
  color: red;
}

.vehicle-detail-cover table tbody tr:first-child td {
  padding-top: 15px;
}

.vehicle-detail-cover table tbody tr td {
  padding: 10px 0px;
}

.vehicle-detail-cover table tbody tr td.renew {
  color: red;
}

.vehicle-detail-cover table tbody tr td:first-child {
  padding-right: 5px;
  font-weight: 700;
  width: 160px;
}

.saved-vehicle-detail ul li .renew-ins {
  display: block;
  color: #ffffff;
  width: 100%;
  max-width: 200px;
  padding: 10px 10px;
  border: 1px solid #fc9d34;
  text-align: center;
  background: #fc9d34;
  width: 100%;
  max-width: 230px;
  border-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
  font-size: 16px;
}

.saved-vehicle-detail ul li .renew-ins:hover {
  background: #de9021;
}

.saved-vehicle-detail ul li .renew-ins.disable {
  pointer-events: none;
  background: #c6c0c2;
  color: #ffffff;
  border: 1px solid #c6c0c2;
}

.myvehicle {
  padding-bottom: 30px;
}

.add-vehicle-form {
  padding-top: 30px;
  border-top: 1px dashed #d7d7d7;
  display: none;
  margin-bottom: 30px;
}

.add-vehicle-form .dashboard-thead {
  border-radius: 5px 5px 0px 0px;
}

.add-vehicle-form .dashboard-tbody {
  border: 1px solid #d7d7d7;
  border-radius: 0px 0px 5px 5px;
}

.add-vehicle-form .input-cover {
  margin-bottom: 30px;
  width: 100%;
  max-width: 500px;
}

.add-vehicle-form .input-cover p {
  padding-bottom: 10px;
}

.add-vehicle-form .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 16px;
}

.add-vehicle-form .sub:hover {
  background: #de9021;
}

.policy {
  padding: 80px 0px;
  line-height: 1.6;
  color: #000000;
}

.policy .title {
  font-size: 60px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 50px;
}

.policy .title i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.policy b {
  font-family: "helveticaneue-medium";
}

.policy a {
  color: var(--maintheme);
}

.policy ul {
  list-style-type: disc;
  margin-left: 20px;
}

.policy ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.policy ul li,
.policy ol li {
  margin-bottom: 5px;
}

.floatingmsg {
  display: block;
  position: fixed;
  top: 80px;
  padding: 15px 20px;
  border-radius: 5px;
  width: 96%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  background: #ebebeb;
  z-index: 9999;
  -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.floatingmsg.success {
  background: #3cba69;
}

.floatingmsg.errormsg {
  background: #f83c31;
}

.floatingmsg i {
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
}

.floatingmsg .closefloatmsg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.floatingmsg a {
  color: #ffffff !important;
  text-decoration: underline;
}

.floatingmsg .closefloatmsg:before {
  height: 20px;
  width: 2px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  transform: rotate(45deg);
}

.floatingmsg .closefloatmsg:after {
  height: 20px;
  width: 2px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  transform: rotate(-45deg);
}

.edit-addressbook {
  padding-top: 30px;
  display: none;
  margin-bottom: 30px;
}

.edit-addressbook .dashboard-thead {
  border-radius: 5px 5px 0px 0px;
}

.edit-addressbook .dashboard-tbody {
  border: 1px solid #d7d7d7;
  border-radius: 0px 0px 5px 5px;
}

.edit-addressbook .input-cover {
  margin-bottom: 30px;
  width: 100%;
  max-width: 500px;
}

.edit-addressbook .input-cover p {
  padding-bottom: 10px;
}

.edit-addressbook .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
}

.edit-addressbook .sub:hover {
  background: #de9021;
}

.progress-content .select-car-type .input-data .input-field {
  display: inline-block;
  margin-right: 0;
  margin-bottom: 30px;
}

.progress-content .select-car-type .input-data select.input-field {
  padding-right: 20px;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 5px;
  background-repeat: no-repeat;
}

.orderhistory input[type="submit"] {
  background: #f79f21;
  display: inline-block;
  padding: 10px 10px;
  width: 120px !important;
  cursor: pointer;
  border: none;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  text-transform: capitalize;
}

.error {
  padding: 80px 0px;
}

.error .title {
  font-size: 40px;
  color: #31393f;
  line-height: 1.5;
  font-family: "helveticaneue-bold";
  vertical-align: middle;
  text-align: center;
}

.error img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 30px auto;
}

.error-desc {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 0px;
}

.error-desc .title {
  font-family: "helveticaneue-bold";
  position: relative;
  padding-right: 20px;
  font-size: 40px;
  text-align: right;
  width: 400px;
  line-height: 1.1;
}

.error-desc .title:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: #f87532;
  content: "";
}

.error-desc .text {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}

.error-desc .text span {
  font-size: 23px;
  font-family: "helveticaneue-bold";
}

.error .direct {
  text-align: center;
}

.error .direct a {
  display: inline-block;
  border-radius: 5px;
  width: 130px;
  background: var(--maintheme);
  color: #fff;
  border: 1px solid var(--maintheme);
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  cursor: pointer;
  margin: 10px 10px;
}

.error .direct a.contact {
  background: #f87532;
}

ul.howitwork {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

ul.howitwork li:first-child {
  width: 100%;
}

ul.howitwork li {
  width: 45%;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1.5;
  font-size: 17px;
}

ul.howitwork li b {
  display: block;
  font-size: 17px;
  font-family: "helveticaneue-medium";
  padding: 5px 10px;
  position: relative;
}

ul.howitwork li b:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  background: #e5e5ea;
  height: 16px;
  content: "";
  z-index: -1;
}

.promotion-details {
  width: 100%;
}

.promotion-details .promotionbanner {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.promotion-details .promotionbanner img {
  display: block;
  width: 100%;
}

.promotion-details .promotion-content {
  padding: 30px 30px;
  line-height: 1.5;
  font-size: 16px;
  color: #31393f;
}

.promotion-details .promotion-content b,
.promotion-details .promotion-content strong {
  font-weight: bold;
  font-size: 15px;
}

.promotion-details .promotion-content a {
  color: var(--maintheme);
}

.promotion-details .promotion-content a.button {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  display: inline-block;
  text-align: center;
}

.promotion-details .promotion-content a.button:hover {
  background: #de9021;
}

.promotion-details .promotion-content > ul {
  list-style-type: disc;
  margin-left: 20px;
}

.promotion-details .promotion-content > ul li {
  margin: 2px 0px;
  display: list-item;
  font-size: 15px;
  color: #666666;
}

.promotion-details .promotion-content > ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.promotion-details .promotion-content > ol li {
  margin: 2px 0px;
  display: list-item;
  font-size: 15px;
  color: #666666;
}

.promotion-details .promotion-next_prev {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}

.promotion-details .promotion-next_prev a {
  display: inline-block;
  color: #31393f;
  font-size: 14px;
  font-family: "helveticaneue-medium";
}

.faq {
  padding: 80px 0px;
  line-height: 1.5;
}

.faq .title i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.faq .title {
  font-size: 40px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.faq .subtitle {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding: 10px 0px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  display: block;
}

.faq p.desc {
  text-align: center;
}

.faq p.desc a {
  color: #f87532;
}

.faq > ul.faqlist {
  padding: 30px 0px;
  display: block;
  max-width: 900px;
  margin: 0 auto;
}

.faq > ul.faqlist > li {
  border-bottom: 1px solid #c2c2c2;
}

.faq > ul.faqlist > li .faq-quiz {
  display: block;
  cursor: pointer;
  padding: 30px 30px;
  position: relative;
  font-size: 18px;
  font-family: "helveticaneue-medium";
}

.faq > ul.faqlist > li .faq-quiz:before {
  content: "+";
  position: absolute;
  left: 0;
  top: 27px;
  color: #f87532;
  width: 13px;
  text-align: center;
  font-size: 20px;
}

.faq > ul.faqlist > li .faq-quiz.show:before {
  content: "-";
}

.faq > ul.faqlist > li .faq-ans {
  padding: 0px 30px 30px;
  line-height: 1.5;
  font-size: 17px;
  display: none;
}

.faq > ul.faqlist > li .faq-ans a {
  color: var(--maintheme);
}

.faq > ul.faqlist > li .faq-ans img {
  width: 100%;
  display: block;
}

.faq > ul.faqlist > li .faq-ans ul {
  list-style-type: disc;
  display: list-item;
  margin-left: 20px;
}

.faq > ul.faqlist > li .faq-ans ul li {
  margin: 3px 0px;
}

.faq > ul.faqlist > li .faq-ans p a {
  color: #f87532;
}

.mobile-quote-button {
  display: none;
  width: 100%;
  align-items: center;
}

.mobile-quote-button a {
  width: 50%;
  display: block;
  padding: 15px 10px;
  color: #ffffff;
  text-align: center;
  background: #ffcb5e;
}

.mobile-quote-button a.car {
  background: var(--maintheme);
}

.mobile-quote-button a.motor {
  background: #f87331;
}

.mobileversion-step {
  display: none;
  width: 100%;
  padding: 20px 0px 0px;
}

.mobileversion-step .mobile-title {
  text-transform: uppercase;
  color: #ffcb5e;
  font-size: 15px;
  padding-bottom: 20px;
  text-align: center;
}

.mobileversion-step .mobile-step {
  display: block;
  text-align: center;
  margin-bottom: 60px;
}

.mobileversion-step .mobile-step img {
  display: block;
  width: auto;
  margin-bottom: 10px;
  max-width: 100%;
}

.mobileversion-step .mobile-step .step-name {
  color: #fff;
  font-family: "helveticaneue-bold";
  font-size: 18px;
  text-align: center;
  padding-bottom: 10px;
}

.mobileversion-step .mobile-step .step-name b {
  font-size: 36px;
  color: #fac75c;
  text-align: center;
}

.mobileversion-step .mobile-step .step-name i {
  height: 16px;
  width: 4px;
  background: #fac75c;
  display: inline-block;
  margin: 0px 10px;
}

.mobileversion-step .mobile-step p {
  color: #cbcbcb;
  font-size: 16px;
  text-align: center;
}

.mobileversion-step .mobile-step .step-quote {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0px 0px;
  flex-wrap: wrap;
}

.mobileversion-step .mobile-step .step-quote a {
  display: block;
  padding: 10px 10px;
  background: var(--maintheme);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  width: 150px;
  text-align: center;
  margin: 10px 10px;
  font-size: 17px;
}

.next_prev_press {
  display: block;
  padding-top: 10px;
}

.next_prev_press a {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: #000000;
  cursor: pointer;
  font-size: 17px;
  margin-right: 5px;
  background: #d7d7d7;
  opacity: 0.8;
}

.next_prev_press a:hover {
  opacity: 1;
}

.deletethis {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #ebebeb;
}

.deletethis .content {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.deletethis .content > div {
  width: 100%;
  padding: 10px 20px;
}

.deletethis .content p {
  font-size: 16px;
  padding-bottom: 30px;
}

.deletethis .content .button {
  display: flex;
  justify-content: space-around;
}

.deletethis .content .button input {
  display: block;
  text-transform: capitalize;
  border: 1px solid var(--maintheme);
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--maintheme);
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
}

.deletethis .content .button input:hover {
  color: #ffffff;
  background: var(--maintheme);
}

.resetpassword {
  padding: 80px 0px;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resetpassword .title {
  font-size: 20px;
  padding-bottom: 30px;
  font-family: "helveticaneue-medium";
  vertical-align: middle;
  text-align: center;
  color: #31393f;
}

.resetpassword .desc {
  max-width: 500px;
  margin: 0 auto;
}

.resetpassword .desc .input-cover {
  display: flex;
  justify-content: center;
}

.resetpassword .desc .input-field {
  border-radius: 5px;
  background: #ffffff;
  color: #000000;
  border: none;
  font-size: 18px;
  padding: 10px 15px;
  text-align: left;
  width: 100%;
  font-size: 17px;
  max-width: 280px;
  margin-right: 20px;
  margin: 0px 0px 30px;
  display: block;
}

.resetpassword .desc .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  font-size: 17px;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-family: "helveticaneue-light";
  transition: all ease 0.3s;
  margin: 0 auto;
  display: block;
}

.roadtax-calculator {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 80px 0px;
  line-height: 1.5;
}

.roadtax-calculator .title i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.roadtax-calculator div > .title {
  font-size: 60px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.roadtax-calculator p {
  color: #000000;
  text-align: center;
  font-size: 16px;
  padding-bottom: 20px;
}

.roadtax-calculator p b {
  display: block;
  font-size: 20px;
  padding-bottom: 10px;
}

.roadtax-calculator .input-cover {
  max-width: 400px;
  display: block;
  margin: 0 auto 20px;
}

.roadtax-calculator .input-cover .title {
  font-family: "helveticaneue-light";
  font-size: 16px;
  padding-bottom: 10px;
  text-align: left;
  color: #000;
  text-transform: capitalize;
}

.roadtax-calculator .input-cover input,
.roadtax-calculator .input-cover select {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-family: "helveticaneue-light";
}

.roadtax-calculator .input-cover .input-field {
  padding: 10px 15px;
  font-size: 16px;
}

.roadtax-calculator .input-cover p {
  padding-top: 10px;
  width: 100%;
  text-align: left;
  display: block;
  margin: 0 auto;
  color: #898989;
  font-size: 13px;
  padding-bottom: 0;
}

.roadtax-calculator .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  font-size: 17px;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-family: "helveticaneue-light";
  transition: all ease 0.3s;
  display: block;
  margin: 0 auto;
}

.roadtax-calculator .input-cover .total {
  color: #f87532;
  font-size: 60px;
  text-align: center;
  font-family: "helveticaneue-medium";
  display: block;
}

a.terms-link {
  color: var(--maintheme) !important;
}

#howitwork-slide {
  width: 100%;
  max-width: 900px;
  margin: 30px auto 0px;
  height: 100%;
  position: relative;
}

#howitwork-slide .swiper-wrapper {
  position: relative;
}

#howitwork-slide .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: 380px !important;
  padding: 30px 0px;
  /* Center slide text vertically */
}

#howitwork-slide .swiper-slide img {
  width: 200px;
  text-align: right;
  margin-top: 20px;
  transition: all ease 0.3s;
}

#howitwork-slide .swiper-slide.swiper-slide-active img {
  width: 250px;
  margin-top: 0;
  transition: all ease 0.3s;
}

#howitwork-slide .swiper-template {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #fe7c4d;
  width: 300px;
  z-index: 2;
}

#howitwork-slide .swiper-template-bg {
  position: absolute;
  left: 10px;
  top: 15px;
  width: 278px;
  height: 348px;
  background: #f2f3f7;
  border-radius: 5px;
  content: "";
}

#howitwork-slide .swiper-template .desc {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 900px;
  height: 150px;
  display: flex;
}

#howitwork-slide .swiper-template .desc .left {
  width: 300px;
}

#howitwork-slide .swiper-template .desc .left p {
  color: #000000;
  padding-bottom: 20px;
}

#howitwork-slide .swiper-template .desc .left .next {
  display: block;
  padding: 10px 10px;
  background: var(--maintheme);
  color: #ffffff;
  width: 100px;
  margin: 0 auto;
  border-radius: 5px;
  cursor: pointer;
}

#howitwork-slide .swiper-template .desc .right {
  width: 600px;
  padding: 10px 30px 0px 0px;
}

#howitwork-slide .swiper-template .desc .right p {
  color: #000000 !important;
  text-align: left;
  font-size: 14px !important;
  line-height: 1.3;
  font-family: "helveticaneue-light";
}

.howitwork-pagination {
  bottom: initial !important;
  top: 0;
  left: 330px !important;
  transform: none !important;
  width: auto !important;
}

.howitwork-pagination .swiper-pagination-bullet-active {
  background: var(--maintheme);
}

table.refund_table th {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  padding: 10px 10px;
  border: 1px solid #b3b3b3;
}

table.refund_table td {
  font-size: 16px;
  padding: 10px 10px;
  border: 1px solid #b3b3b3;
}

ul.agents-list {
  display: flex;
  padding-top: 20px;
  justify-content: space-between;
}

.radio-data {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.radio-data.justify-left {
  justify-content: flex-start;
}

.radio-data .radiobutton {
  margin: 0px 20px;
}

.radio-data .radiobutton input {
  display: none;
}

.radio-data .radiobutton label {
  position: relative;
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  display: block;
  cursor: pointer;
}

.radio-data .radiobutton label:before {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  content: "";
}

.radio-data .radiobutton label:after {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 14px;
  height: 14px;
  background: var(--maintheme);
  content: "";
  border-radius: 100%;
  display: none;
}

.radio-data .radiobutton input:checked + label:after {
  display: block;
}

.radio-data .radiobutton input:checked + label:before {
  border: 1px solid var(--maintheme);
}

.insurance-compare-table table {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.insurance-compare-table .title {
  font-size: 16px;
  padding-bottom: 30px;
  font-family: "helveticaneue-medium";
  text-align: center;
  color: #31393f;
}

.insurance-compare-table table tr th {
  background: #32393f;
  padding: 20px 30px;
  font-size: 16px;
  text-align: left;
  color: #ffffff;
  border-left: 1px solid #ebebeb;
}

.insurance-compare-table table tr td {
  background: #ffffff;
  padding: 20px 30px;
  text-align: right;
  vertical-align: middle;
  border-bottom: 1px solid #ebebeb;
}

.insurance-compare-table table tr td:first-child {
  text-align: left;
}

.insurance-compare-table table tr td .carvalue {
  display: block;
  color: #f47727;
  padding-top: 5px;
}

.insurance-compare-table table tr td.ncd {
  color: red;
}

.insurance-compare-table table tr td .sub {
  display: block;
  text-transform: capitalize;
  border: none;
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
  float: right;
}

.waiting_quote {
  display: flex;
  height: 170vh;
  align-items: center;
  width: 100%;
  padding-bottom: 500px;
}

.waiting_quote > div {
  width: 100%;
  text-align: center;
}

.waiting_quote .title {
  font-size: 40px;
  font-family: "helveticaneue-bold";

  padding-bottom: 30px;
  text-align: center;
}

.waiting_quote .title i {
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.waiting_quote .expect {
  font-size: 20px;
  font-family: "helveticaneue-bold";
  color: #565c61;
  padding-bottom: 10px;
  text-align: center;
}

.waiting_quote p {
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
  width: 90%;
  margin: 10px auto;
  color: #565c61;
}

.waiting_quote .contact-whatsapp {
  margin-top: 20px;
}

.waiting_quote .contact-whatsapp a {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 15px;
  background: var(--maintheme);
  color: #fff !important;
  font-size: 20px;
  border-radius: 5px;
}

.waiting_quote .timer {
  margin-bottom: 20px;
}

.waiting_quote .timer {
  color: var(--maintheme);
  font-size: 100px;
  font-family: "helveticaneue-medium";
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0px 20px;
}

.progress-content .ictype .input-data input {
  margin-right: 0;
}

.progress-content .ictype .next {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  font-size: 17px;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-family: "helveticaneue-light";
  transition: all ease 0.3s;
  margin-top: 20px;
  margin-bottom: 20px;
}

.progress-content .ictype .next:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.get-compare-quote {
  position: fixed;
  right: -200px;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 5px 0px 0px 5px;
  padding: 20px 20px;
  z-index: 9999;
  transition: all ease 0.3s;
}

.get-compare-quote.slide {
  right: 0;
  transition: all ease 0.3s;
}

.get-compare-quote .selected-provider {
  margin-bottom: 20px;
}

.get-compare-quote .selected-provider ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.get-compare-quote .selected-provider ul li span {
  display: block;
  width: 20px;
  height: 20px;
  background: red;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  border-radius: 100%;
  font-size: 25px;
  font-family: "helveticaneue-medium";
  cursor: pointer;
}

.get-compare-quote .selected-provider ul li p {
  width: calc(100% - 40px);
}

.get-compare-quote .selected-provider ul li p img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.get-compare-quote .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
}

.get-compare-quote .sub.disable {
  background: #9c9c9c;
  color: #d7d7d7;
  pointer-events: none;
}

.get-compare-quote .title {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: "helveticaneue-medium";
}

.get-compare-quote .trigger-compare {
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  width: 40px;
  padding: 20px 10px;
  background: var(--maintheme);
  color: #ffffff;
  border-radius: 0px 10px 10px 0px;
  cursor: pointer;
}

.comparison-cover {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}

.comparison-cover .category {
  flex-grow: 6;
}

.comparison-cover .provider-quote {
  flex-grow: 1;
}

.comparison-cover .cat-header {
  text-align: left;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0px 20px;
  background: #32393f;
  font-size: 16px;
  color: #ffffff;
  border-left: 1px solid #d7d7d7;
}

.comparison-cover .category .cat-name {
  text-align: left;
  display: flex;
  align-items: center;
  height: 70px;
  background: #ffffff;
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  text-transform: capitalize;
}

.comparison-cover .provider-quote .cat-quote {
  display: flex;
  align-items: center;
  height: 70px;
  background: #ffffff;
  padding: 10px 20px;
  justify-content: flex-end;
  flex-wrap: wrap;
  border-bottom: 1px solid #d7d7d7;
  text-transform: capitalize;
}

.comparison-cover .provider-quote .cat-quote .carvalue {
  display: block;
  color: #f47727;
  width: 100%;
  text-align: right;
}

.comparison-cover .provider-quote .cat-quote .ncd {
  color: red;
}

.comparison-cover .cat-divider {
  text-align: left;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0px 20px;
  background: #32393f;
  font-size: 16px;
  color: #ffffff;
}

.comparison-cover .cat-button {
  display: flex;
  align-items: center;
  height: 70px;
  background: #ffffff;
  padding: 10px 20px;
  justify-content: flex-end;
  flex-wrap: wrap;
  border-bottom: 1px solid #d7d7d7;
  text-transform: capitalize;
}

.comparison-cover .provider-quote .cat-button .sub {
  display: block;
  text-transform: capitalize;
  border: none;
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
  float: right;
}

.comparison-cover .provider-quote .cat-button .sub:hover {
  background: #de9021;
}

.floatingmsg span.gump-error-message {
  display: block;
  margin-right: 20px;
}

.community-video {
  padding: 100px 0px;
}

.insurancestep .slider-next {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  border-radius: 100%;
  height: 70px;
  background: rgba(0, 0, 0, 1);
  z-index: 99;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  transition: all ease 0.3s;
}

.insurancestep .slider-next:before {
  position: absolute;
  left: 50%;
  top: 17px;
  height: 20px;
  width: 4px;
  background: #ffffff;
  transform: rotate(-35deg) translateX(-50%);
  content: "";
}

.insurancestep .slider-next:after {
  position: absolute;
  left: 50%;
  bottom: 17px;
  height: 20px;
  width: 4px;
  background: #ffffff;
  transform: rotate(35deg) translateX(-50%);
  content: "";
}

.insurancestep .slider-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  border-radius: 100%;
  height: 70px;
  background: rgba(0, 0, 0, 1);
  z-index: 99;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  transition: all ease 0.3s;
}

.insurancestep .slider-prev:before {
  position: absolute;
  left: 50%;
  top: 19px;
  height: 20px;
  width: 4px;
  background: #ffffff;
  transform: rotate(35deg) translateX(-50%);
  content: "";
}

.insurancestep .slider-prev:after {
  position: absolute;
  left: 50%;
  bottom: 20px;
  height: 20px;
  width: 4px;
  background: #ffffff;
  transform: rotate(-35deg) translateX(-50%);
  content: "";
}

.insurancestep:hover .slider-next,
.insurancestep:hover .slider-prev {
  display: block;
  opacity: 0.3;
}

.insurancestep .slider-next:hover,
.insurancestep .slider-prev:hover {
  opacity: 1;

  transition: all ease 0.3s;
}

.home-landing .text-wrap {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 92px;
  z-index: 10;
}

.home-landing .text-wrap span {
  font-size: 50px;
  color: #000000;
  font-family: "helveticaneue-medium";
  width: 100%;
}

.home-landing .text-wrap span i {
  margin: 0px 10px;
  width: 10px;
  height: 10px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  display: inline-block;
  vertical-align: middle;
}



.typed-cursor {
  color: #000000;
  font-family: "Kohi-Light";
  font-size: 22pt;
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

.quote-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 10px;
}

.quote-loading .lds-ring {
  width: 44px;
  height: 44px;
}

.lds-ring div {
  margin: 0;
  width: 44px;
  height: 44px;
}

.loader {
  width: 95%;
  margin: 0 auto;
  position: relative;
}

.loader .loading_1 {
  position: relative;
  width: 100%;
  max-width: 250px;
  margin: 0px auto 0px;
  height: 12px;
  border: 1px solid #f47727;
  border-radius: 10px;
  animation: turn 4s linear 1.75s infinite;
}

.loader .loading_1:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  border-radius: 10px;
  background-color: #f47727;
  box-shadow: 12px 0px 15px 0px #f47727;
  animation: load 2s linear infinite;
}

.loader .loading_2 {
  width: 100%;
  max-width: 550px;
  line-height: 1.5;
  color: #f47727;
  font-size: 20px;
  text-align: center;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: 0.15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto 15px; /* Gives that scrolling effect as the typing happens */
  letter-spacing: 1px; /* Adjust as needed */
  animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
}

.agents-list li {
  padding: 0 10px;
}

.agents-list li:nth-child(4n + 1) {
  padding-left: 0;
}

.agents-list li:nth-child(4n) {
  padding-right: 0;
}

@keyframes load {
  0% {
    width: 0%;
  }

  87.5% {
    width: 100%;
  }
}

@keyframes turn {
  0% {
    transform: rotateY(0deg);
  }

  6.25%,
  50% {
    transform: rotateY(180deg);
  }

  56.25%,
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes bounce {
  0%,
  100% {
    top: 10px;
  }

  12.5% {
    top: 30px;
  }
}

.home-video {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
  z-index: 100;
  width: auto;
}

.home-video i {
  width: 75px;
  height: 75px;
  border: 1px solid #ffffff;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  border-radius: 100%;
  cursor: pointer;
}

.home-video-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.home-video-pop .video-script {
  width: 95%;
  max-width: 500px;
}

.home-video-pop .video-script .close {
  display: flex;
  justify-content: flex-end;
}

.home-video-pop .video-script .close i {
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
  cursor: pointer;
}

.ourpartner ul.partnerlist.mobile-partnerlist {
  display: none;
}

/* Service unavailable starts */

.motor-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content-wrap {
  border-radius: 10px;
  background-color: #fefefe;
  margin: 15% auto;
  width: 50%;
}

/* The Close Button */
.modal-close-btn {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-content {
  padding: 10px;
  box-sizing: border-box;
}

.modal-content-head {
  padding: 10px;
  box-sizing: border-box;
  background-color: orange;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
}

.modal-content-head-left {
  color: white;
  text-align: left;
}

.modal-content-head-right-close {
  color: white;
  text-align: right;
}

/* Service unavailable ends*/

.provider-download-doc {
  display: flex;
  justify-content: space-between;
}

.provider-download-doc a {
  display: block;
  padding: 15px 20px;
  color: #31393f;
  border: 1px solid #31393f;
  border-radius: 5px;
}

.provider-download-doc a:hover {
  background: #31393f;
  color: #ffffff;
}

.provider-download-doc a i {
  padding-right: 10px;
  color: #31393f;
}

.provider-download-doc a:hover i {
  color: #ffffff;
}

/* new message css starts */

.message-wrap-wrap {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.message-header {
  font-size: 35px;
  padding-bottom: 20px;
}

.message-wrap {
  position: fixed;
  top: 35%;
  border-radius: 5px;
  width: 50%;
  left: 50%;
  transform: translateX(-50%);
  color: #36393f;
  background: white;
  z-index: 9999;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #e6e5eb;
}

.message {
  padding: 15px 20px;
  background-color: white;
}

.message-close-wrap {
  padding: 15px 20px;
  background-color: #e6e5eb;
  border-radius: 0 0 5px 5px;
}

.message-close {
  display: block;
  padding: 10px 40px;
  float: right;
  background-color: var(--maintheme);
  color: white;
  border-radius: 5px;
}

/* new message css ends */

/* The typewriter cursor effect */
@keyframes blink-caret {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: orange;
  }
}

/* The typing effect */
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.provider-tbody .provider-row-quoted .provider-row:first-child {
  background: #ececec;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  z-index: 3;
}

.provider-tbody .provider-row-unquote .provider-row:first-child {
  background: #ffffff;
  box-shadow: none;
}

.provider-tbody .provider-row-unquote {
  position: relative;
}

.provider-tbody .provider-row-unquote .action {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

.provider-tbody .provider-row-unquote .quoteall-button {
  position: relative;
  display: flex;
  padding: 20px 20px;
  background: #ffffff;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #d7d7d7;
}

.provider-tbody .provider-row-unquote .quoteall-button input {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 120px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  white-space: pre-wrap;
}

.provider-tbody .provider-row-unquote .quoteall-button input:hover {
  background: #de9021;
}

.provider-table-cover .hiddenrow {
  padding-right: 120px;
}

.provider-tbody .provider-row .mobile-text {
  display: block;
  color: #000000;
  font-size: 14px;
  display: none;
  font-family: "helveticaneue-light";
}

.provider-tbody .provider-row .mobile-open {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  min-width: 100px;
  background: none;
  color: var(--maintheme);
  cursor: pointer;
  font-size: 15px;
  border: 1px solid var(--maintheme);
  white-space: pre-wrap;
  transition: all ease 0.3s;
  display: none;
}

.provider-tbody .provider-row .mobile-open:hover {
  background: var(--maintheme);
  color: #ffffff;
  transition: all ease 0.3s;
}

.provider-row-quoted.insurance-compare .suminsured span {
  display: block;
  color: #f47727;
  padding-top: 5px;
  font-family: "helveticaneue-light";
  font-size: 14px;
}

.insurance-compare-table-detail table tbody tr:last-child td {
  font-family: "helveticaneue-medium";
}

.provider-tbody
  .provider-row-quoted.insurance-compare
  .provider-row:first-child {
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.insurance-compare-table-detail table tbody td {
  border: none;
  padding: 10px 10px;
}

.lpg .center {
  text-align: center;
  padding: 20px 0px 50px;
}

.lpg .center b {
  text-align: center;
  display: block;
  padding-bottom: 10px;
}

.lpg ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.lpg ol li {
  margin-bottom: 20px;
}

.lpg ol li img {
  display: block;
  width: auto;
  max-width: 100%;
  margin-top: 10px;
}

.lpg ol li a.link {
  color: #f69e27;
  text-decoration: underline;
}

.lpg ol li a.lpgform {
  display: block;
  text-align: center;
  padding: 10px 10px;
  width: 100%;
  max-width: 270px;
  color: #fff;
  background: #f69e27;
  border-radius: 5px;
  margin: 10px 0px;
}

.lpg ol li a.lpgform:hover {
  background: #de9021;
}

.form-submission {
  padding: 80px 0px;
  color: #000000;
}

.form-submission .title {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding-bottom: 20px;
  color: #000000;
}

.form-submission .desc {
  line-height: 1.4;
  font-size: 14px;
  padding-bottom: 40px;
}

.form-submission .desc b {
  font-family: "helveticaneue-medium";
}

.form-submission .form-cover {
  display: block;
  margin-bottom: 40px;
}

.form-submission .form-cover .section-title {
  display: block;
  color: #000000;
  padding: 0px 10px 10px;
  border-bottom: 1px solid #000000;
  font-family: "helveticaneue-medium";
  font-size: 14px;
  margin-bottom: 20px;
}

.form-submission .form-cover .section-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  max-width: 900px;
  padding: 0px 10px;
}

.form-submission .form-cover .section-form .input-cover {
  width: 48%;
  margin-bottom: 15px;
}

.form-submission .form-cover .section-form .input-cover p {
  margin-bottom: 5px;
}

.form-submission .form-cover .section-form .input-cover p.note {
  font-size: 12px;
  color: #9c9c9c;
}

.form-submission .form-cover .section-form .input-cover label {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.form-submission .form-cover .section-form .input-cover .filename {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  overflow: hidden;

  line-height: 1.3;
  text-overflow: ellipsis;
}

.form-submission .form-cover .section-form .input-cover label input {
  display: none;
}

.form-submission .form-cover .section-form .input-cover label div {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  background: #000000;
  transition: all ease 0.3s;
  cursor: pointer;
}

.form-submission .form-cover .section-form .input-cover label div:hover {
  background: var(--maintheme);
  transition: all ease 0.3s;
}

.form-submission .form-cover .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 170px;
  text-align: center;
  display: block;
  text-align: center;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
}

.form-submission .form-cover .sub:hover {
  background: #de9021;
}

.feat-logos {
  display: flex;
  flex-direction: row;
}

.feat-logos img {
  transition: 0.4s;
}

.feat-logos-top img {
  width: auto;
  max-width: 100%;
}

.feat-logos-top div {
  border: 1px solid #ebebeb;
  display: flex;
  width: 100%;
  min-height: 135px;
  height: 135px;
  align-items: center;
  justify-content: center;
  padding: 50px;
  box-sizing: border-box;
}

.feat-logos-bot img {
  width: auto;
  max-width: 100%;
}

.feat-logos-bot div {
  border: 1px solid #ebebeb;
  display: flex;
  width: 100%;
  min-height: 135px;
  height: 135px;
  align-items: center;
  justify-content: center;
  padding: 50px;
  box-sizing: border-box;
}

.feat-logos-top {
  margin-top: 30px;
}

.feat-logos-wrap {
  margin-top: 50px;
}

.swiper-pagination-bullet-active {
  background-color: #f6a023 !important;
}

.swiper-container {
  padding-bottom: 30px !important;
  box-sizing: border-box;
}

.swiper-container {
  margin-bottom: 30px !important;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 6px;
}

.provider-table-cover .grosspremium {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.provider-table-cover .grosspremium .badge {
  width: auto;
  display: block;
  max-width: 60px;
  margin-right: 10px;
}

.provider-table-cover .grosspremium .badge img {
  width: 100%;
}

.mobile-cover {
  width: 100%;
  font-size: 17px;
  max-width: 280px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}

.mobile-cover p {
  position: absolute;
  font-weight: 600;
  color: #000;
  left: 10px;
  top: 12px;
  font: 400 17px Arial;
  line-height: 1;
}

.mobile-cover .input-field {
  padding-left: 31px !important;
}

.no_car_found {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  width: 100%;
  height: 100%;
}

.no_car_found .content {
  width: 95%;
  max-width: 500px;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.no_car_found .content .ncf_header {
  background: #f7a837;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px;
  position: relative;
}

.no_car_found .content .ncf_header .close_ncf {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #1f2543;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 100%;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
}

.no_car_found .content .ncf_header .close_ncf:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  left: 14px;
  top: 8px;
  background: #ffffff;
  border-radius: 5px;
  transform: rotate(45deg);
}

.no_car_found .content .ncf_header .close_ncf:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  left: 14px;
  top: 8px;
  background: #ffffff;
  border-radius: 5px;
  transform: rotate(-45deg);
}

.no_car_found .content .ncf_header .image {
  width: 100px;
}

.no_car_found .content .ncf_header .image img {
  display: block;
  width: 100%;
}

.no_car_found .content .ncf_header .title {
  color: #ffffff;
  text-align: center;
  padding: 0px 10px;
}

.no_car_found .content .ncf_header .title b {
  font-size: 16px;
  font-family: "helveticaneue-bold";
  text-transform: uppercase;
  display: block;
  line-height: 1.3;
}

.no_car_found .content .ncf_header .title p {
  font-size: 10px;
  display: block;
  font-weight: 400;
}

.no_car_found .content .ncf_body {
  padding: 20px 40px;
  background: #ffffff;
}

.no_car_found .content .ncf_body .helper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.no_car_found .content .ncf_body .helper i {
  color: #ff0f00;
  font-size: 13px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 2px solid #ff0f00;
  display: block;
  text-align: center;
  line-height: 22px;
}

.no_car_found .content .ncf_body .helper p {
  width: calc(100% - 40px);
  font-size: 12px;
}

.no_car_found .content .ncf_body .ncf_form p {
  font-size: 13px;
  display: block;
  line-height: 1.3;
  padding-bottom: 5px;
  font-family: "helveticaneue-medium";
}

.no_car_found .content .ncf_body .ncf_form p a {
  color: #0db900;
}

.no_car_found .content .ncf_body .ncf_form .input-cover {
  padding-bottom: 10px;
}

.no_car_found .content .ncf_body .ncf_form .input-cover input {
  display: block;
  border: none;
  border-bottom: 2px solid #e3e3e3;
  color: #000000;
  width: 100%;
  padding: 0px 0px 5px;
}

.no_car_found .content .ncf_body .ncf_form .input-cover input:focus {
  border-bottom: 2px solid #f7a837;
  outline: none;
}

.no_car_found .content .ncf_body .ncf_form .notice {
  text-align: center;
  display: block;
  padding: 10px 20px;
  line-height: 1.3;
  font-family: "helveticaneue-medium";
  margin-bottom: 10px;
}

.no_car_found .content .ncf_body .ncf_form .sub {
  display: block;
  width: 100%;
  max-width: 120px;
  margin: 0 auto;
  color: #f7a837;
  padding: 10px 10px;
  border-radius: 5px;
  border: 2px solid #f7a837;
  background: #ffffff;
  text-transform: capitalize;
  font-family: "helveticaneue-medium";
}

.no_car_found .content .ncf_body .ncf_form .sub:hover {
  background: #f7a837;
  color: #ffffff;
}

.quote-summary {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  color: #000000;
  line-height: 1.5;
  max-width: 900px;
  margin: 0 auto 40px;
}

.quote-summary b {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  color: var(--maintheme);
}

.quote-summary span {
  font-weight: bold;
}

.quote-summary a {
  color: var(--maintheme);
  text-decoration: underline;
}

.quote-summary div {
  width: 49%;
  padding: 20px 20px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.37);
  background: #ffffff;
}

.notice-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #000000;
  display: none;
  z-index: 999;
}

.notice-popup .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 30px;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
  line-height: 1.5;
  width: 95%;
  max-width: 400px;
}

.notice-popup .content .close-notice-popup {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #000000;
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
}

.notice-popup .content b {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  color: var(--maintheme);
}

.notice-popup .content .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  max-width: 150px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  white-space: pre-wrap;
  display: block;
  margin: 20px auto 0;
}

.covidvaccine.phrasetitle .static {
  display: flex;
  align-items: flex-end;
  font-size: 160px !important;
}

.covidvaccine.phrasetitle .static img {
  display: block;
  width: 100%;
  max-width: 350px;
  margin-bottom: -20px;
  margin-left: 40px;
}

.covidvaccine.phrasetitle .static b {
  font-size: 50px;
  display: block;
}

.vaccinevision .vaccine-coverage {
  padding-left: 400px;
  color: #31393f;
  padding-bottom: 30px;
}

.vaccinevision .vaccine-coverage .title {
  padding-left: 20px;
  border-left: 4px solid #f87532;
  font-size: 24px;
  font-family: "helveticaneue-bold";
  line-height: 1.3;
  margin-bottom: 20px;
}

.vaccinevision .vaccine-coverage .text {
  line-height: 1.5;
  font-size: 16px;
}

.vaccinecampaign {
  z-index: 3;
  position: relative;
}

.vaccinecampaign .row-cover {
  padding: 40px 10px;
  position: relative;
}

.vaccinecampaign .shadow1 {
  position: absolute;
  left: 50px;
  top: -30px;
  width: 80px;
}

.vaccinecampaign .shadow2 {
  position: absolute;
  right: 300px;
  bottom: -30px;
  width: 80px;
}

.vaccinecampaign .shadow3 {
  position: absolute;
  right: 0px;
  top: -30px;
  width: 80px;
}

.vaccinecampaign .vaccinecamp-title {
  padding-left: 400px;
  color: #31393f;
}

.vaccinecampaign .vaccinecamp-title b {
  font-size: 24px;
  padding: 10px 5px 10px;
  display: block;
}

.vaccinecampaign .vaccinecamp-title span {
  font-size: 24px;
  margin-left: 100px;
  background: #f87532;
  color: #ffffff;
  display: inline-block;
  padding: 5px 5px;
  font-family: "helveticaneue-medium";
}

.vaccinecampaign .vaccine-image {
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 300px;
}

.vaccinecampaign .vaccine-image img {
  display: block;
  width: 100%;
  margin-bottom: -30px;
}

.vaccine-explain {
  background: #ffffff;
}

.vaccine-explain .row-cover {
  padding: 80px 10px;
}

.vaccine-cover-by {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.vaccine-cover-by .button {
  display: flex;
  width: 350px;
  background: rgb(0, 90, 168);
  background: linear-gradient(
    180deg,
    rgba(0, 90, 168, 1) 0%,
    rgba(0, 58, 121, 1) 100%
  );
  padding: 10px 10px;
  border-radius: 15px;
  align-items: center;
  position: Relative;
  border: 1px solid #3c97e6;
  margin-right: 30px;
  cursor: pointer;

  transition: all ease 0.3s;
}

.vaccine-cover-by a:hover .button {
  background: rgb(0, 58, 121, 1);
  background: linear-gradient(
    180deg,
    rgba(0, 58, 121, 1) 0%,
    rgba(0, 90, 168, 1) 100%
  );
  transition: all ease 0.3s;
}

.vaccine-cover-by .button .arrowshadow {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  position: relative;
}

.vaccine-cover-by .button .arrowshadow:before {
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  width: 3px;
  background: #02346a;
  content: "";
  border-radius: 5px;
}

.vaccine-cover-by .button .arrowshadow:after {
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #1e7bcc;
  content: "";
  border-radius: 5px;
}

.vaccine-cover-by .button .arrowshadow img {
  display: block;
  width: 20px;
}

.vaccine-cover-by .button .covered-amount {
  color: #fff;
  line-height: 1.3;
  text-shadow: -1px 2px #000000;
  font-family: "helveticaneue-medium";
  font-size: 16px;
  padding: 0px 20px;
}

.vaccine-cover-by .button .covered-amount p {
  font-size: 14px;
  display: flex;
  text-transform: uppercase;
}

.vaccine-cover-by .button .covered-amount p b {
  font-size: 30px;
  margin-left: 5px;
  line-height: 1;
}

.vaccine-cover-by .provider {
  height: 80px;
}

.vaccine-cover-by .provider img {
  display: block;
  height: 100%;
}

.summary-table {
  padding: 80px 0px;
}

.summary-table .title,
.vaccine-faq .title {
  font-size: 50px;
  color: #31393f;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  text-align: center;
  padding-bottom: 50px;
}

.summary-table .title i,
.vaccine-faq .title i {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.summary-table .title {
  padding-bottom: 10px;
}

.summary-table .subtitle {
  font-size: 16px;
  color: #31393f;
  text-align: center;
  padding: 0px 10px 50px;
}

.summary-table .table {
  border-radius: 10px;
  overflow: hidden;
}

.summary-table table {
  width: 100%;
}

.summary-table table thead {
  background: #31393f;
}

.summary-table table thead tr th {
  padding: 20px 10px;
  color: #ffffff;
  font-family: "helveticaneue-medium";
  text-align: left;
}

.summary-table table thead tr th:first-child,
.summary-table table thead tr th:last-child {
  text-align: center;
}

.summary-table table tbody tr td {
  padding: 20px 10px;
  color: #000000;
  line-height: 1.3;
  text-align: left;
  background: #f2f3f7;
  border: 1px solid #ffffff;
}

.summary-table table tbody tr td:first-child,
.summary-table table tbody tr td:last-child {
  text-align: center;
}

.summary-table table tbody tr:nth-child(even) td {
  background: #e5e5ea;
}

.summary-table .coverageduration {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 50px;
}

.summary-table .coverageduration p {
  font-size: 16px;
  padding-right: 10px;
  border-right: 2px solid #f87532;
  line-height: 1;
  margin-bottom: 3px;
}

.summary-table .coverageduration b {
  font-size: 28px;
  font-family: "helveticaneue-bold";
  color: #31393f;
  line-height: 1;
  margin-left: 10px;
}

.vaccine-faq {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.vaccine-quiz-cover {
  display: block;
  width: 100%;
  position: relative;
}

.vaccine-quiz-cover li {
  border: 1px solid #f5f5f5;
  display: block;
  width: 100%;
  border-bottom: none;
}

.vaccine-quiz-cover li:last-child {
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px 0px 5px 5px;
}

.vaccine-quiz-cover li:first-child {
  border-radius: 5px 5px 0px 0px;
}

.vaccine-quiz-cover .vaccine-quiz {
  padding: 20px 40px;
  font-family: "helveticaneue-medium";
  position: relative;
  cursor: pointer;
}

.vaccine-quiz-cover li:hover {
  background: #f5f5f5;
}

.vaccine-quiz-cover .vaccine-quiz i {
  position: absolute;
  top: 17px;

  right: 20px;
  color: #f87532;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid var(--maintheme);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
}

.vaccine-quiz-cover .vaccine-ans {
  padding: 20px 40px;
  background: #fdf2e4;
  line-height: 1.5;
  display: none;
}

.vaccine-form-submit {
  position: relative;
}

.vaccine-form-submit .row-cover {
  padding: 30px 0px;
  position: Relative;
}

.vaccine-form-submit .shadow1 {
  position: absolute;
  left: 50px;
  top: 30px;
  width: 80px;
}

.vaccine-form-submit .shadow3 {
  position: absolute;
  right: 0px;
  bottom: 30px;
  width: 80px;
}

.vaccine-form-submit .vaccinecamp-title {
  color: #31393f;
}

.vaccine-form-submit .vaccinecamp-title .title {
  font-size: 24px;
  padding: 5px 5px;
}

.vaccine-form-submit .vaccinecamp-title .text {
  font-size: 24px;
  padding-left: 100px;
  font-family: "helveticaneue-medium";
}

.vaccine-form-topbannercover {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vaccine-form-submit .vaccine-image {
  width: 300px;
}

.vaccine-form-submit .vaccine-image img {
  display: block;
  width: 100%;
}

.vaccine-form-submit .vaccinecamp-title .text span {
  background: #f87532;
  color: #ffffff;
  display: inline-block;
  padding: 5px 5px;
  font-family: "helveticaneue-medium";
  margin-bottom: 20px;
}

.vaccine-form-submit .vaccinecamp-title .text b {
  display: inline-block;
  padding-left: 20px;
  border-left: 4px solid #f87532;
  font-size: 24px;
  font-family: "helveticaneue-bold";
  line-height: 1.3;
  margin-bottom: 20px;
}

.vaccine-form {
  padding: 50px 0px 100px;
}

.vaccine-form .title {
  display: block;
  padding-bottom: 15px;
  border-bottom: 2px solid #f87532;
  font-family: "helveticaneue-medium";
  margin-bottom: 30px;
}

.vaccine-form .input-cover {
  max-width: 400px;
  margin-bottom: 20px;
}

.vaccine-form .input-cover p {
  padding-bottom: 5px;
}

.vaccine-form .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 150px;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
}

.vaccine-form .sub:hover {
  background: #de9021;
}

.vaccinepayment-success {
  min-height: 600px;
  display: flex;
  align-items: center;
}

.vaccinepayment-success > div {
  width: 100%;
  max-width: 600px;
}

.vaccinepayment-success img {
  display: block;
  width: 350px;
  margin-bottom: -50px;
}

.vaccinepayment-success .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
}

.vaccinepayment-success .title i {
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.vaccinepayment-success p {
  font-size: 16px;
}

.summary-table table .mobiletext {
  display: none;
}

.insurance-detail-banner-top .row-cover {
  padding-top: 150px;
  position: Relative;
}

.insurance-detail-banner-top .row-cover .text {
  font-size: 50px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  position: relative;
  overflow-wrap: break-word;
}

.insurance-detail-banner-top .row-cover .text i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.insurance-detail-banner-top .insurance-logo {
  position: absolute;
  right: 350px;
  top: 30px;
  width: 200px;
}

.insurance-detail-banner-top .insurance-logo img,
.insurance-detail-banner-top .insurance-logo b img {
  width: 100%;
  display: block;
}

.insurance-detail-banner-top .insurance-logo b {
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%) rotate(90deg);
  width: 22px;
}

.insurance-detail-banner.top-feature {
  padding-bottom: 20px;
}

.insurance-detail-banner.top-feature .phrasetitle {
  padding: 0px 0px 10px;
}

.insurance-detail-banner.top-feature .static {
  font-size: 50px;
}

.insurance-detail-banner.top-feature .static i {
  width: 20px;
  height: 20px;
}

.insurance-detail-banner-bottom .row-cover {
  padding: 40px 10px;
  position: relative;
}

.insurance-detail-banner-bottom .insurance-detail-intro {
  padding-right: 400px;
  color: #ffffff;
  line-height: 1.3;
}

.insurance-detail-banner-bottom .insurance-detail-intro p {
  padding-right: 100px;
  padding-bottom: 20px;
}

.insurance-detail-banner-bottom .insurance-detail-intro a {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 200px;
  background: #f87532;
  font-size: 17px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  display: block;
}

.insurance-detail-banner-bottom .insurance-detail-intro a:hover {
  background: #de9021;
}

.insurance-detail-banner-bottom .insurance-model {
  position: absolute;
  right: 50px;
  bottom: 0;
}

.insurance-detail-banner-bottom .row-cover .floattext {
  position: absolute;
  top: -20px;
  display: block;
  padding: 10px 30px;
  background: #f87532;
  color: #ffffff;
  font-size: 20px;

  transform: rotate(-1deg);
  font-family: "helveticaneue-medium";
}

.insurance-detail-banner-bottom .insurance-model img {
  width: 100%;
  display: block;
}

.current-insurance-promotion {
  padding: 50px 0px;
  border-top: 5px solid #f87532;
}

.current-insurance-promotion .title {
  font-size: 20px;
  color: #000000;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
}

.current-insurance-promotion .running-promotion {
  background: #f2f3f7;
  border-radius: 5px;
  padding: 15px 15px;
  width: 100%;
  max-width: 740px;
  display: inline-block;
}

.running-promotion-swiper.swiper-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.swiper-pagination-fraction.running-promotion-pagination {
  display: inline-block;
  width: auto;
  bottom: initial;
  vertical-align: bottom;
  margin-left: 10px;
  left: initial;
}

.current-insurance-promotion .running-promotion a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.current-insurance-promotion .running-promotion a img {
  display: block;
  width: 100%;
}

.other-insurance.ourpartner {
  padding: 50px 0px;
}

.other-insurance.ourpartner .title {
  font-size: 20px;
  color: #000000;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
}

.other-insurance.ourpartner ul.partnerlist li a {
  background: #ffffff;
}

.insurance-detail-mobile {
  display: none;
}

.insurance-detail-mobile .row-cover {
  padding: 0px 10px 30px;
}

.insurance-detail-mobile .insurance-logo {
  width: 200px;
}

.insurance-detail-mobile .insurance-logo img,
.insurance-detail-mobile .insurance-logo b img {
  width: 100%;
  display: block;
}

.insurance-detail-mobile .insurance-logo b {
  display: block;
  transform: rotate(90deg);
  width: 22px;
}

/*new compare design*/
.provider_plan_detail {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #ffffff;
}

.provider_plan_detail .provider_plan_logo {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 20px;
}

.provider_plan_detail .provider_plan_logo .logo {
  padding-right: 10px;
}

.provider_plan_detail .provider_plan_logo img {
  max-height: 34px;
  display: block;
  width: auto;
  max-width: 100%;
}

.provider_plan_detail .provider_plan_logo .slidetoggle i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;

  border-radius: 100%;
  color: var(--maintheme);
  border: 1px solid var(--maintheme);
  background: #ffffff;
  cursor: pointer;
  font-size: 12px;
  transition: all ease 0.3s;
}

.provider_plan_detail .provider_plan_logo .slidetoggle i:hover {
  background: var(--maintheme);
  color: #ffffff;
  transition: all ease 0.3s;
}

.provider_plan_detail .provider_plan_insured {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 20px 40px;
  align-items: center;
  flex-wrap: wrap;
}

.provider_plan_detail .provider_plan_insured .suminsured p {
  color: #7d7d7d;
  display: block;
  font-size: 13px;
}

.provider_plan_detail .provider_plan_insured .suminsured b {
  display: block;
  font-family: "helveticaneue-medium";
  font-size: 20px;
  color: #000000;
}

.provider_plan_detail .provider_plan_insured .suminsured b span {
  color: #f47727;
  padding-top: 5px;
  font-family: "helveticaneue-light";
  font-size: 14px;
}

.provider_plan_detail .provider_plan_insured .grosspremium p,
.provider_plan_detail .provider_plan_insured .basepremium p {
  color: #7d7d7d;
  display: block;
  font-size: 13px;
}

.provider_plan_detail .provider_plan_insured .grosspremium b {
  display: block;
  font-family: "helveticaneue-medium";
  font-size: 20px;
  color: #2fb87c;
}

.provider_plan_detail .provider_plan_insured .basepremium b {
  display: block;
  font-family: "helveticaneue-medium";
  font-size: 20px;
  text-decoration: line-through;
  color: var(--maintheme);
}

.provider_plan_detail .provider_plan_insured_new {
  padding: 0 0;
  align-items: stretch;
}

.provider_plan_detail .provider_plan_insured .badge {
  width: 20%;
}

.provider_plan_detail .provider_plan_insured .grosspremium {
  padding: 0px 15px;
  display: block;
}

.provider_plan_detail .provider_plan_insured .grosspremium,
.provider_plan_detail .provider_plan_insured .suminsured,
.provider_plan_detail .provider_plan_insured .basepremium,
.provider_plan_detail .provider_plan_insured .discountpremium,
.provider_plan_detail .provider_plan_insured .actionbutton,
.provider_plan_detail .provider_plan_insured.input-cover-checkbox {
  width: 20%;
}

.provider_plan_detail .provider_plan_insured_new .grosspremium,
.provider_plan_detail .provider_plan_insured_new .suminsured,
.provider_plan_detail .provider_plan_insured_new .basepremium,
.provider_plan_detail .provider_plan_insured_new .discountpremium,
.provider_plan_detail .provider_plan_insured_new .actionbutton,
.provider_plan_detail .provider_plan_insured_new .input-cover-checkbox {
  padding: 20px 20px;
}

.provider_plan_detail .provider_plan_insured_new .suminsured {
  background: #f5f4fc;
}

.provider_plan_detail .provider_plan_insured .discountpremium {
  padding-left: 11px;
}

.provider_plan_detail .provider_plan_insured .grosspremium .discount b {
  text-decoration: line-through;
  color: var(--maintheme);
}

.provider_plan_detail .provider_plan_insured .discountpremium .discountwrapper {
  border-radius: 50px;
  background: rgb(241, 106, 108);
  background: -moz-radial-gradient(
    circle,
    rgba(241, 106, 108, 1) 0%,
    rgba(212, 19, 28, 1) 75%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(241, 106, 108, 1) 0%,
    rgba(212, 19, 28, 1) 75%
  );
  background: radial-gradient(
    circle,
    rgba(241, 106, 108, 1) 0%,
    rgba(212, 19, 28, 1) 75%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f16a6c",endColorstr="#d4131c",GradientType=1);
  color: #ffffff;
  padding: 2px 20px 2px 40px;
  display: inline-block;
  position: relative;
}

.provider_plan_detail
  .provider_plan_insured
  .discountpremium
  .discountwrapper
  span {
  position: absolute;
  border-radius: 50%;
  font-family: "helveticaneue-medium";
  color: #ffffff;
  font-size: 14px;
  width: 30px;
  height: 30px;
  left: -7px;
  top: 4px;
  line-height: 30px;
  text-align: center;
  background: rgb(249, 229, 166);
  background: -moz-radial-gradient(
    circle,
    rgba(249, 229, 166, 1) 0%,
    rgba(255, 156, 8, 1) 50%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(249, 229, 166, 1) 0%,
    rgba(255, 156, 8, 1) 50%
  );
  background: radial-gradient(
    circle,
    rgba(249, 229, 166, 1) 0%,
    rgba(255, 156, 8, 1) 50%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9e5a6",endColorstr="#ff9c08",GradientType=1);
}

.provider_plan_detail
  .provider_plan_insured
  .discountpremium
  .discountwrapper
  p {
  font-size: 11px;
}

.provider_plan_detail
  .provider_plan_insured
  .discountpremium
  .discountwrapper
  b {
  font-size: 18px;
  text-decoration: line-through;
  font-family: "helveticaneue-medium";
}

.provider_plan_detail .provider_plan_insured .badge {
  display: flex;
  align-items: center;
  padding: 0px 15px;
  flex-wrap: wrap;
}

.provider_plan_detail .provider_plan_insured .badge img {
  height: 48px;
  margin: 0 10px;
}

.provider_plan_detail .provider_plan_insured .actionbutton {
  text-align: right;
}

.provider_plan_detail .provider_plan_insured .actionbutton .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  max-width: 150px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  white-space: pre-wrap;
  display: block;
  float: right;
}

.provider_plan_detail .provider_plan_insured .actionbutton .sub:hover {
  background: #de9021;
}

.provider_plan_detail .provider_plan_insured .actionbutton p {
  display: block;
  font-size: 14px;
  color: #000000;
  font-family: "helveticaneue-light";
  padding-top: 5px;
}

.provider_plan_detail .provider_plan_insured .actionbutton p b {
  color: red;
}

.provider_plan_detail .hiddenrow {
  display: none;
  padding: 20px 20px 20px 40px;
  border-top: 1px dashed #d7d7d7;
}

.provider_plan_detail .hiddenrow .provider-download-doc {
  justify-content: normal;
}

.provider_plan_detail .hiddenrow .provider-download-doc a {
  margin-right: 20px;
}

.provider_plan_insured .getquotemanual {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  color: red;
  width: 70%;
}

.provider_plan_insured_new .getquotemanual {
  padding: 20px 20px;
}

.covid-badge {
  position: fixed;
  bottom: 70px;
  right: 20px;
  z-index: 998;
  width: 120px;
}

.covid-badge a,
.covid-badge a img {
  display: block;
  width: 100%;
}

.fincrew_homepage {
  padding: 50px 0px 50px;
}

.fincrew_homepage > .desc {
  text-align: center;
  font-size: 20px;
  padding: 0px 0px 30px;
}

.fincrew_homepage svg {
  width: 100%;
}

.fincrew_homepage .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 10px;
  text-align: center;
}

.fincrew_homepage .subtitle {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  color: #f87532;
  text-align: center;
}

.fincrew_insurance_option {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 50px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.homepage-feature {
  background-size: cover;
  background-position: center bottom;
}

.fincrew_insurance_option .insurancetype {
  display: flex;
  width: 185px;
  height: 185px;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #ffffff;
  margin: 10px 10px;
  overflow: hidden;
}

.fincrew_insurance_option .insurancetype .tagmark {
  position: absolute;
  color: #ffffff;
  z-index: 2;
  transform: rotate(-45deg);
  left: -37px;
  top: 35px;
}

.fincrew_insurance_option .insurancetype .tagmark:before {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid var(--maintheme);
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
}

.fincrew_insurance_option .insurancetype .tagmark i {
  position: absolute;
  color: #ffffff;
  font-size: 11px;
  left: 20px;
  top: 34px;
  text-transform: capitalize;
  text-align: center;
  width: 65px;
}

.fincrew_insurance_option .insurancetype:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 2px solid transparent;
  bottom: -1px;
  left: -1px;
  border-radius: 8px;
}

.fincrew_insurance_option .insurancetype:hover:before {
  height: 100%;
  width: 100%;
  border: 2px solid var(--maintheme);
  border-right: none;
  border-bottom: none;
  transition: height 0.15s linear, width 0.15s linear 0.15s;
}

.fincrew_insurance_option .insurancetype:after {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 2px solid transparent;
  top: -1px;
  right: -1px;
  border-radius: 8px;
}

.fincrew_insurance_option .insurancetype:hover:after {
  height: 100%;
  width: 100%;
  border: 2px solid var(--maintheme);
  border-left: none;
  border-top: none;
  transition: height 0.15s linear, width 0.15s linear 0.15s;
}

.fincrew_insurance_option .insurancetype.comingsoon {
  pointer-events: none;
}

.fincrew_insurance_option .insurancetype.comingsoon p {
  color: #b7b7b7;
}

.fincrew_insurance_option .insurancetype.comingsoon b {
  display: block;
  font-size: 13px;
  color: #31393f;
  text-align: center;
  text-transform: capitalize;
  padding-top: 5px;
}

.fincrew_insurance_option .insurancetype.comingsoon img {
  filter: grayscale(120%);
}

.fincrew_insurance_option .insurancetype:hover {
  border: 1px solid #fc9d34;
}

.fincrew_insurance_option .insurancetype img {
  display: block;
  width: auto;
  max-width: 90%;
  margin: 0 auto 10px;
}

.fincrew_insurance_option .insurancetype p {
  text-align: center;
  color: #000000;
  font-size: 14px;
  transition: color 0.3s;
}

.fincrew_insurance_option .insurancetype:hover p {
  color: #fc9d34;
}

.fincrew_insurance_option .insurancetype.newinsurance .new {
  text-align: center;
  display: block;
  color: #f87532;
  padding-top: 5px;
}

.fincrew_insurance_option .insurancetype.newinsurance .new i {
  font-size: 10px;
  color: yellow;
  display: inline-block;
  vertical-align: text-top;
}

.blink_me {
  animation: blinker 0.7s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.fincrew_insurance_option .or {
  padding: 20px 20px;
}

.vaccine-appointment {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}

.vaccine-appointment a {
  display: inline-block;
  padding: 10px 10px;
  color: var(--maintheme);
  border-radius: 5px;
  border: 1px solid var(--maintheme);
  text-align: center;
}

.vaccine-appointment a:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.videopage-desc {
  padding-top: 40px;
  padding-left: 10px;
}

.videopage-desc b {
  color: var(--maintheme);
  font-family: "helveticaneue-bold";
  font-size: 30px;
  display: block;
  padding-bottom: 15px;
}

.videopage-desc p {
  line-height: 1.5;
  max-width: 700px;
  font-size: 17px;
}

.row-cover .phrasetitle .static {
  padding-left: 0;
  padding-top: 0;
}

.row-cover .insurance360-logo {
  display: flex;
  justify-content: flex-end;
  padding-top: 50px;
}

.row-cover .insurance360-logo img {
  display: block;
  width: auto;
  max-width: 100%;
}

.video-category {
  width: 100%;

  position: relative;
  padding: 0px 10px 40px;
}

.video-category p {
  font-family: "helveticaneue-medium";
  font-size: 16px;
}

.video-click {
  border: 1px solid #d7d7d7;
}

.video-click a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.video-click a img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.video-click a .playbutton {
  width: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 50px;
  color: #ff0000;
  opacity: 0;
  transition: all ease 0.3s;
  transform: translate(-50%, -50%);
}

.video-click a:hover .playbutton {
  opacity: 1;
  transition: all ease 0.3s;
}

.video-click a:hover .playbutton img {
  opacity: 1;
  width: 100%;
  transition: all ease 0.3s;
}

.video-click a .duration {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: block;
  padding: 3px 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

.swiper-container.video-slider {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
  padding-top: 30px;
}

.swiper-navigationbutton {
  position: absolute;
  width: 50px;
  top: 0;
  right: 0;
  height: 20px;
  display: flex;
  justify-content: space-between;
}

.swiper-navigationbutton > div:hover {
  background: var(--maintheme);
}

.swiper-navigationbutton .video-button-prev,
.swiper-navigationbutton .video-button-next {
  width: 20px;
  height: 20px;
  border: 1px solid var(--maintheme);
  right: initial;
  left: initial;
  position: relative;
  margin: 0 0;
  top: initial;
  bottom: initial;
  cursor: pointer;
}

.swiper-navigationbutton .video-button-prev:before {
  position: absolute;
  content: "";
  left: 7px;
  top: 6px;
  transform: rotate(44deg);
  width: 5px;
  height: 5px;
  border-left: 2px solid var(--maintheme);
  border-bottom: 2px solid var(--maintheme);
}

.swiper-navigationbutton .video-button-prev:hover:before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.swiper-navigationbutton .video-button-next:before {
  position: absolute;
  content: "";
  right: 7px;
  top: 6px;
  transform: rotate(-44deg);
  width: 5px;
  height: 5px;
  border-right: 2px solid var(--maintheme);
  border-bottom: 2px solid var(--maintheme);
}

.swiper-navigationbutton .video-button-next:hover:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.swiper-navigationbutton .video-button-next.swiper-button-disabled,
.swiper-navigationbutton .video-button-prev.swiper-button-disabled {
  border: 1px solid #e3e3e3;
  background: #e3e3e3;
}

.swiper-navigationbutton .video-button-prev.swiper-button-disabled:before {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.swiper-navigationbutton .video-button-next.swiper-button-disabled:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.iframe-popup {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.iframe-popup .close-video {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #ffffff;
  top: -40px;
  right: 0px;
  cursor: pointer;
  border-radius: 100%;
}

.iframe-popup .close-video:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 2px;
  height: 10px;
  transform: rotate(45deg);
  background: #000000;
}

.iframe-popup .close-video:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 5px;
  width: 2px;
  height: 10px;
  transform: rotate(-45deg);
  background: #000000;
}

.iframe-popup .video-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 560px;
}

.iframe-popup .video-iframe iframe {
  width: 100%;
  height: 315px;
}

.videosubscribe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: block;
  background: rgba(0, 0, 0, 0.5);
}

.videosubscribe .content {
  display: block;
  width: 95%;
  max-width: 650px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 20px;
  border-radius: 5px;
}

.videosubscribe .content .imagemodel {
  position: absolute;
  left: 31px;
  bottom: 0;
  width: 49%;
}

.videosubscribe .content .imagemodel img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.videosubscribe .content .cover {
  display: flex;
  justify-content: flex-end;
  padding: 40px 20px 40px;
  border: 2px solid #ffffff;
  border-radius: 5px;
  align-items: center;
}

.videosubscribe .content .cover .subscribe_now {
  width: 45%;
}

.videosubscribe .content .cover .subscribe_now b {
  font-family: "helveticaneue-bold";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.3;
  padding-bottom: 10px;
  display: block;
  color: #ffffff;
}

.videosubscribe .content .cover .subscribe_now p {
  color: #ffffff;
  line-height: 1.3;
  padding-bottom: 20px;
  font-size: 14px;
}

.videosubscribe .content .cover .subscribe_now p strong {
  font-weight: bold;
}

.videosubscribe .content .cover .subscribe_now .subs {
  display: inline-block;
  padding: 10px 10px;
  color: var(--maintheme);
  border-radius: 5px;
  background: #ffffff;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 14px;
}

.videosubscribe .content .cover .subscribe_now .subs:hover {
  background: #31393f;
  color: #ffffff;
}

.videosubscribe .content .close-subscribe {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #ffffff;
  top: -40px;
  right: 0px;
  cursor: pointer;
  border-radius: 100%;
}

.videosubscribe .content .close-subscribe:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 2px;
  height: 10px;
  transform: rotate(45deg);
  background: #000000;
}

.videosubscribe .content .close-subscribe:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 5px;
  width: 2px;
  height: 10px;
  transform: rotate(-45deg);
  background: #000000;
}

.videopage-feature .phrasetitle {
  padding-top: 0px;
}

.header .left .link .header_dd {
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  padding: 12px 10px 12px;
}

.header .left .link .header_dd:hover {
  box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.48);
  background: #ffffff;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 5;
}

.header .left .link .header_dd span {
  display: block;
  transition: all ease 0.3s;
}

.header .left .link .header_dd:hover span {
  display: block;
  color: var(--maintheme);
  transition: all ease 0.3s;
}

.header .left .link .header_dd .header_dd_list {
  position: absolute;
  left: 0;
  width: 200px;
  top: 30px;
  background: #ffffff;
  padding: 10px 10px;
  border-radius: 5px;
  border-top-left-radius: 0;
  box-shadow: 1px 10px 9px 0px rgba(0, 0, 0, 0.49);
  -webkit-box-shadow: 1px 10px 9px 0px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 10px 9px 0px rgba(0, 0, 0, 0.49);
  display: none;
}

.header .left .link .header_dd:hover .header_dd_list {
  display: block;
}

.header .left .link .header_dd .header_dd_list a {
  display: block;
  padding: 7px 10px;
  margin: 5px 0;
}

.header .left .link .header_dd .header_dd_list a:hover {
  background: #fa9d41;
  color: #ffffff;
  border-radius: 5px;
}
.header .left .link .header_dd .header_dd_list a.comingsoon {
  background: #cccccc;
  color: #ffffff;
  border-radius: 5px;
}

.allrisk-middle .allrisk-desc {
  position: Relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 60px 0px;
}

.allrisk-middle .allrisk-desc .text {
  width: 50%;
  line-height: 1.5;
  font-size: 20px;
}

.allrisk-middle .allrisk-desc .image {
  position: absolute;
  right: 0;
  top: -50px;
  max-width: 45%;
}

.allrisk-middle .allrisk-desc .image img {
  display: block;
  width: auto;
  max-width: 100%;
}

.allrisk-middle .shadow1 {
  position: absolute;
  left: 0;
  top: -30px;
}

.allrisk-middle .shadow2 {
  position: absolute;
  right: 0;
  top: -30px;
}

.allrisk-middle .triangleicon {
  position: absolute;
  left: 50%;
  bottom: -27px;
  transform: translateX(-50%) rotate(180deg);
}

.office-insurance-cover {
  padding: 0px 0px 80px;
}

.office-insurance-cover-form {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
  border-bottom: 1px solid #d7d7d7;
}

.office-insurance-cover-form .coverage-question {
  display: block;
  margin-bottom: 80px;
}

.office-insurance-cover-form .coverage-question .question {
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
  line-height: 1.5;
  font-size: 20px;
}

.office-insurance-cover-form .coverage-question .question p {
  display: block;
  font-size: 16px;
  font-family: "helveticaneue-light";
}

.office-insurance-cover-form .coverage-question .option {
  padding-left: 20px;
}

.option-container {
  display: block;
  position: relative;
  font-size: 16px;
  padding-left: 0px;
  margin: 20px 0px;
  font-family: "helveticaneue-medium";
}

.option-container input {
  display: none;
}

.option-container label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}

.option-container label .checkmark {
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #d7d7d7;
  cursor: pointer;
}

.option-container input:checked + label .checkmark {
  border: 1px solid var(--maintheme);
}

.option-container input:checked + label .checkmark:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
}

.option-container .customize_number {
  display: block;
  max-width: 200px;
  margin-top: 10px;
}

.office-insurance-cover-form .nextform {
  display: block;
  text-align: center;
  color: #ffffff;
  width: 200px;
  padding: 12px 10px;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
  font-size: 16px;
  margin: 0 auto;
}

.office-insurance-cover-form .nextform:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.comfirmation-form .form-title {
  color: #ff7139;
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding-bottom: 50px;
}

.comfirmation-form .input-details {
  padding-bottom: 50px;
}

.comfirmation-form .input-details .title {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}

.comfirmation-form .input-details .input-cover-row {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.comfirmation-form .input-details .input-cover-row .input-cover {
  width: 32%;
  margin-bottom: 20px;
}

.comfirmation-form .input-details .input-cover-row .input-cover.full {
  width: 100%;
}

.comfirmation-form .input-details .input-cover-row .input-cover p {
  padding-bottom: 10px;
}

.comfirmation-form .input-details .input-cover-row .input-cover label.yesno {
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
  padding-left: 30px;
  position: relative;
  line-height: 1.5;
  cursor: pointer;
}

.comfirmation-form
  .input-details
  .input-cover-row
  .input-cover
  label.yesno
  input {
  display: none;
}

.comfirmation-form
  .input-details
  .input-cover-row
  .input-cover
  label.yesno
  .radiobox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  display: block;
}

.comfirmation-form
  .input-details
  .input-cover-row
  .input-cover
  label.yesno
  input:checked
  ~ .radiobox {
  border: 1px solid var(--maintheme);
}

.comfirmation-form
  .input-details
  .input-cover-row
  .input-cover
  label.yesno
  input:checked
  ~ .radiobox:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
}

.comfirmation-form .sub {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 120px;
  background: var(--maintheme);
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  text-transform: capitalize;
}

.comfirmation-form .sub:hover {
  background: #de9021;
}

.office-insurance-desc {
  padding-top: 20px;
  margin: 0 auto;
  padding-bottom: 200px;
}

.office-insurance-desc .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 40px;
  text-align: center;
}

.office-insurance-desc p {
  font-size: 16px;
  padding-bottom: 40px;
}

.office-insurance-desc .office-insurance-table {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.office-insurance-desc .office-insurance-table .office-contents-rate,
.office-insurance-desc .office-insurance-table .office-electronic-rate {
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}

.office-insurance-desc .office-insurance-table .thead {
  background: #31393f;
  color: #ffffff;
  display: flex;
  align-items: center;
  height: 70px;
  font-family: "helveticaneue-medium";
  font-size: 16px;
  padding: 5px 30px;
}

.office-insurance-desc .office-insurance-table .tbody {
  background: #f2f3f7;
  padding: 20px 30px;
  min-height: 200px;
}

.office-insurance-desc .office-insurance-table .tbody ul {
  margin-left: 20px;
}

.office-insurance-desc .office-insurance-table .tbody ul li {
  list-style-type: decimal;
  margin: 10px 0px;
  line-height: 1.5;
}

.office-insurance-desc .office-insurance-feature b {
  font-family: "helveticaneue-medium";
  display: block;
  padding-bottom: 10px;
  font-size: 18px;
}

.office-insurance-desc .office-insurance-feature ul {
  list-style-type: disc;
  margin-left: 20px;
}

.office-insurance-desc .office-insurance-feature ul li {
  margin: 5px 0px;
  line-height: 1.5;
  color: #ff7139;
}

.office-insurance-desc .office-insurance-feature ul li p {
  color: #000000;
  padding-bottom: 0;
  font-size: 16px;
}

.office-wfh-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: -150px;
}

.office-wfh-header .image {
  width: 50%;
}

.office-wfh-header .image img {
  display: block;
  width: 100%;
}

.office-wfh-header .title {
  width: 48%;
}

.office-wfh-header .title .top {
  font-size: 40px;
  font-family: "helveticaneue-bold";
  text-align: right;
  width: 240px;
  margin-bottom: 30px;
}

.office-wfh-header .title .top b {
  font-style: italic;
  text-transform: uppercase;
  display: block;
}

.office-wfh-header .title .btm {
  margin-left: 100px;
  padding-left: 20px;
  border-left: 5px solid #f87532;
  font-size: 20px;
}

.office-wfh-header .title .btm p {
  display: inline-block;
  padding: 2px 5px;
  background: #f87532;
  color: #ffffff;
  margin-top: 5px;
  line-height: 1;
}

.office-wfh-desc {
  padding: 30px 0px;
  line-height: 1.5;
  margin-top: -130px;
}

.all-risk-insurance-list {
  padding: 100px 0px;
}

.all-risk-insurance-list b {
  display: block;
  font-family: "helveticaneue-bold";
  font-size: 18px;
  padding-bottom: 20px;
}

.all-risk-insurance-list ul {
  list-style-type: disc;
  margin-left: 20px;
}

.all-risk-insurance-list ul li {
  margin: 5px 0px;
  line-height: 1.5;
  color: #ff7139;
}

.all-risk-insurance-list ul li p {
  color: #000000;
  padding-bottom: 0;
  font-size: 16px;
}

.all-risk-insurance-faq {
  padding-bottom: 100px;
}

.all-risk-insurance-faq .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.all-risk-insurance-faq-list {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  padding: 0px 0px;
}

.all-risk-insurance-faq-list > ul > li {
  border-bottom: 1px solid #d7d7d7;
  padding: 30px 50px;
}

.all-risk-insurance-faq-list > ul > li:last-child {
  border-bottom: none;
}

.all-risk-insurance-faq-list > ul > li .faq-question {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  line-height: 1.3;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
}

.all-risk-insurance-faq-list > ul > li .faq-question i {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--maintheme);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--maintheme);
  cursor: pointer;
}

.all-risk-insurance-faq-list > ul > li .faq-question i.arrow-down:before {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 7px;
  top: 5px;
  border-right: 2px solid var(--maintheme);
  border-bottom: 2px solid var(--maintheme);
  transform: rotate(45deg);
  content: "";
}

.all-risk-insurance-faq-list > ul > li .faq-question i.arrow-up:before {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 7px;
  top: 9px;
  border-right: 2px solid var(--maintheme);
  border-bottom: 2px solid var(--maintheme);
  transform: rotate(-135deg);
  content: "";
}

.all-risk-insurance-faq-list > ul > li .faq-answer {
  padding: 30px 0px 0px;
  color: #31393f;
  font-size: 18px;
  display: none;
  line-height: 1.3;
}

.faq-answer ul,
.faq-answer ol {
  margin: 10px 0px;
}

.faq-answer ul li b,
.faq-answer ol li b {
  font-weight: bold;
}

.faq-answer a,
.faq-answer a {
  color: var(--maintheme);
}

.faq-answer ul li {
  list-style-type: disc;
  margin-left: 30px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.faq-answer ol li {
  list-style-type: lower-alpha;
  margin-left: 30px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.office-insurance-cover-form .first-form {
  display: block;
}

.office-insurance-cover-form .comfirmation-form {
  display: none;
}

.allrisk-summary {
  padding: 100px 0px;
}

.allrisk-summary .title {
  text-align: center;
  font-size: 40px;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
  color: #31393f;
}

.allrisk-summary .subtitle {
  font-size: 20px;
  text-align: center;
  color: #31393f;
  padding-bottom: 40px;
}

.allrisk-summary .company_pic_details {
  padding: 0px 30px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  margin-bottom: 50px;
}

.allrisk-summary .company_pic_details span {
  display: block;
  padding: 30px 0px 10px;
  border-bottom: 1px solid #d7d7d7;
  color: #ff7139;
  font-size: 18px;
  font-family: "helveticaneue-medium";
}

.allrisk-summary .company_pic_details .details-cover {
  padding: 10px 0px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.allrisk-summary .company_pic_details .details-cover .info-field {
  width: 31%;
  margin: 10px 0px;
}

.allrisk-summary .company_pic_details .details-cover .info-field.full {
  width: 100%;
}

.allrisk-summary .company_pic_details .details-cover .info-field p {
  display: block;
  font-size: 16px;
  color: #959595;
  font-family: "helveticaneue-medium";
}

.allrisk-summary .company_pic_details .details-cover .info-field div {
  color: #000000;
  font-size: 16px;
  line-height: 1.3;
}

.order-review {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}

.order-review .order-thead {
  background: #31393f;
  padding: 20px 30px;
  color: #ffffff;
  font-size: 18px;
}

.order-review .order-tbody {
  background: #ffffff;
  padding: 0px 10px;
}

.order-review .order-tbody .review-question {
  padding: 20px 20px;
  border-bottom: 1px solid #d7d7d7;
}

.order-review .order-tbody .review-question:nth-child(2) {
  border-bottom: none;
}

.order-review .order-tbody .review-question .order-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 0px;
  align-items: center;
}

.order-review .order-tbody .review-question .order-row div {
  width: calc(100% - 250px);
  padding-right: 40px;
}

.order-review .order-tbody .review-question .order-row p {
  width: 250px;
  font-family: "helveticaneue-medium";
  text-align: right;
}

.order-review .order-tbody .review-question .order-row p b {
  font-family: "helveticaneue-medium";
  color: #ff7139;
}

.order-review .order-tbody .review-question span {
  display: block;
  padding-bottom: 30px;
  padding-top: 10px;
}

.order-review-total {
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 18px;
}

.order-review-total div {
  width: calc(100% - 200px);
  padding-right: 40px;
  line-height: 1;
  font-family: "helveticaneue-medium";
}

.order-review-total p {
  width: 200px;
  font-family: "helveticaneue-medium";
  text-align: right;
  color: #ff7139;
  line-height: 1;
}

.allrisk-summary .button-align {
  display: flex;
  flex-wrap: Wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.button-align.left-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.allrisk-summary .button-align a,
.button-align.left-right a,
.allrisk-summary .button-align .sub,
.button-align.left-right .sub {
  background: var(--maintheme);
  color: #ffffff;
  text-align: Center;
  height: 40px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 16px;
  font-family: "helveticaneue-light";
  border-radius: 5px;
}

.allrisk-summary .button-align a:hover,
.allrisk-summary .button-align .sub:hover,
.button-align.left-right a:hover,
.button-align.left-right .sub:hover {
  background: #de9021;
}

.mobile-menu ul.menu li.mobile_header_dd {
  display: block;
}

.mobile-menu ul.menu li span {
  display: block;
  cursor: pointer;
}

.mobile-menu ul.menu li span i {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  width: 5px;
  height: 5px;
}

.mobile-menu ul.menu li span i:before {
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 100%;
  border-right: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
  content: "";
  transform: rotate(45deg);
}

.mobile-menu ul.menu li span i.hide:before {
  transform: rotate(225deg);
  top: 0px;
}

.mobile-menu ul.menu li .mobile-dropdown {
  display: none;
  border-top: 2px solid #d7d7d7;
  margin-top: 10px;
}

.mobile-menu ul.menu li .mobile-dropdown a {
  display: block;
  padding: 5px 0px 5px 20px;
  margin: 10px 0px;
  color: #7d7d7d;
  position: relative;
}

.mobile-menu ul.menu li .mobile-dropdown a.comingsoon {
  text-decoration: line-through;
  pointer-events: none;
}

.mobile-menu ul.menu li .mobile-dropdown a:hover {
  color: var(--maintheme);
}

.mobile-menu ul.menu li .mobile-dropdown a b.new {
  font-size: 10px;
  color: #f87532;
  display: inline-block;
  margin-left: 5px;
  vertical-align: super;
}

.download_pdf {
  text-align: center;
  display: block;
  font-size: 18px;
  margin: 30px 0px;
  color: var(--maintheme);
  text-align: center;
}

.download_pdf i {
  margin-left: 10px;
}

.download_pdf:hover {
  text-decoration: underline;
}

.comfirmation-form .input-details .input-cover-row .input-cover .input-field {
  padding: 15px 20px;
}

.input-cover .input-field::-webkit-input-placeholder {
  /* Edge */
  color: #d7d7d7;
}

.input-cover .input-field:-ms-input-placeholder {
  /* Internet Explorer */
  color: #d7d7d7;
}

.input-cover .input-field::placeholder {
  color: #d7d7d7;
}

.payment_redirect {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-content: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 50px;
  background: #ffffff;
  z-index: 9999;
  background-image: url(../images/success-bg.png);
  background-position: center top;
}

.payment_redirect img {
  max-width: 230px;
  margin: 0 auto;
}

.payment_redirect p,
.payment_redirect b {
  width: 100%;
  text-align: center;

  line-height: 1.5;
  margin: 20px 0px;
  font-size: 20px;
}

.payment_redirect p {
  font-size: 40px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  text-align: center;
}

.payment_redirect b {
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: var(--maintheme);
}

.payment_redirect .loading {
  display: block;
  width: 54px;
  height: 54px;
  transition: all ease 0.3s;
}

.payment_redirect .loading.fadeout {
  opacity: 0;
  transition: all ease 0.3s;
}
.payment_redirect .loading div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  border: 15px solid var(--maintheme);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--maintheme) transparent transparent transparent;
}
.payment_redirect .loading div:nth-child(1) {
  animation-delay: -0.45s;
}
.payment_redirect .loading div:nth-child(2) {
  animation-delay: -0.3s;
}
.payment_redirect .loading div:nth-child(3) {
  animation-delay: -0.15s;
}

.medic-middle .middle-intro {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  top: -105px;
}

.row.top-feature.medic-feature .image {
  width: 100%;
  display: none;
}

.medic-middle .middle-intro .text {
  padding-right: 40px;
  position: relative;
  top: -18px;
  width: calc(100% - 230px);
}

.medic-middle .middle-intro .text .subtitle {
  padding-left: 20px;
  border-left: 4px solid #f87532;
  font-size: 28px;
  font-family: "helveticaneue-bold";
  line-height: 1.3;
  margin-bottom: 30px;
}

.medic-middle .middle-intro .text p {
  font-size: 22px;
  padding-top: 5px;
}

.medic-middle .middle-intro .middle-image {
  width: 213px;
  position: relative;
  top: 45px;
}

.medic-middle .middle-intro .middle-image img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.medic-middle .shadow1 {
  position: absolute;
  left: 0px;
  top: -30px;
}

.medic-middle .shadow2 {
  position: absolute;
  right: 0px;
  bottom: 40px;
}

.medical-insurance-step .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  line-height: 1.5;
}

.medical-insurance-step .title p {
  font-size: 16px;
  font-family: "helveticaneue";
}

.medical-insurance-step .step-status {
  width: 100%;
}

.medical-insurance-step .step-status ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.medical-insurance-step .step-status ul li {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #cccccc;
  border: 3px solid #ffffff;
  position: relative;
}

.medical-insurance-step .step-status ul li p {
  position: absolute;
  color: #cccccc;
  font-size: 14px;
  width: 54px;
  top: -19px;
  font-family: "helveticaneue-medium";
}

.medical-insurance-step .step-status ul li span {
  position: absolute;
  color: #cccccc;
  font-size: 14px;
  width: 75px;
  bottom: -20px;
}

.medical-insurance-step .step-status ul li#status-1 p {
  right: -58px;
}

.medical-insurance-step .step-status ul li#status-2 p {
  left: -13px;
}

.medical-insurance-step .step-status ul li#status-3 p {
  left: -48px;
}

.medical-insurance-step .step-status ul li#status-1 span {
  left: 0;
}

.medical-insurance-step .step-status ul li#status-2 span {
  left: -25px;
}

.medical-insurance-step .step-status ul li#status-3 span {
  right: 0;
  text-align: right;
}

.medical-insurance-step .step-status ul li.active {
  background: #f87532;
}

.medical-insurance-step .step-status ul li.active p,
.medical-insurance-step .step-status ul li.active span {
  color: #000000;
}

.medical-insurance-step .step-status ul li.status-bar {
  position: absolute;
  left: 0;
  top: 9px;
  width: 50%;
  background: #cccccc;
  height: 2px;
  border-radius: 50px;
  border: none;
  z-index: -1;
}

.medical-insurance-step .step-status ul li.status-bar.last {
  right: 0;
  left: initial;
}

.medical-insurance-step .step-status ul li.status-bar.active {
  background: #f87532;
}

.medical-client-info-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.medical-client-info-form .input-field {
  padding: 15px 20px;
}

.medical-client-info-form .input-cover {
  width: 49%;
  margin-bottom: 30px;
}

.medical-client-info-form .input-cover.full {
  width: 100%;
}

.medical-client-info-form .input-cover p {
  padding-bottom: 10px;
}

.input-cover label.input-field-radio {
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
  padding-left: 30px;
  position: relative;
  line-height: 1.5;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 4px;
}

.input-cover label.input-field-radio input {
  display: none;
}

.input-cover label.input-field-radio .radiobox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  display: block;
}

.input-cover label.input-field-radio input:checked ~ .radiobox {
  border: 1px solid var(--maintheme);
}

.input-cover label.input-field-radio input:checked ~ .radiobox:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
}

.input-cover label.input-field-radio.large {
  font-size: 25px;
}

.input-cover label.input-field-radio.large .radiobox {
  top: 5px;
  width: 26px;
  height: 26px;
}

.input-cover label.input-field-radio.large input:checked ~ .radiobox:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 18px;
  height: 18px;
  content: "";
  border-radius: 100%;
}

.input-mobile {
  display: flex;
  align-items: center;
}

.input-mobile .countrycode {
  width: 70px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  text-align: center;
  padding: 15px 5px;
}

.input-mobile .mobileno {
  width: calc(100% - 70px);

  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-cover-checkbox {
  width: 100%;
}

.input-cover-checkbox label.input-field-checkbox {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
}

.input-cover-checkbox label.input-field-checkbox a {
  color: #fc9d34;
}

.input-cover-checkbox label.input-field-checkbox input {
  display: none;
}

.input-cover-checkbox label.input-field-checkbox p {
  width: calc(100% - 40px);
  padding-left: 10px;
}

.input-cover-checkbox label.input-field-checkbox .checkbox-circle {
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  display: block;
  position: relative;
  background: #ffffff;
}

.input-cover-checkbox
  label.input-field-checkbox
  input:checked
  ~ .checkbox-circle {
  border: 1px solid var(--maintheme);
}

.input-cover-checkbox
  label.input-field-checkbox
  input:checked
  ~ .checkbox-circle:before {
  position: absolute;
  left: 2px;
  top: 2px;
  background: var(--maintheme);
  width: 14px;
  height: 14px;
  content: "";
  border-radius: 100%;
}

input.form-sub {
  display: block;
  text-align: center;
  color: #ffffff;
  width: 120px;
  padding: 15px 10px;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
  font-size: 16px;
  border: none;
}

input.form-sub:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.medical-client-info-summary {
  border-radius: 20px;
  overflow: hidden;
  background: #f2f3f7;
  margin-bottom: 80px;
}

.medical-client-info-summary table {
  width: 100%;
}

.medical-insurance-step .divline {
  display: block;
  clear: both;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  margin: 30px 0px;
}

.medical-client-info-summary table thead tr th {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  vertical-align: middle;
  text-align: left;
  padding: 20px 20px;
}

.medical-client-info-summary table tbody tr td {
  font-size: 16px;
  vertical-align: middle;
  text-align: left;
  padding: 20px 20px;
  border: 1px solid #d7d7d7;
  border-bottom: none;
}

.medical-client-info-summary table tbody tr td p {
  padding-bottom: 5px;
  color: #898989;
}

.medical-client-info-summary table tbody tr td:first-child,
.medical-client-info-summary table tbody tr td:last-child {
  border-left: none;
  border-right: none;
}

.medical-insurance-provider-list {
  width: 100%;
}

.medical-provider-table {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
}

.medical-provider-table .thead {
  background: #31393f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  color: #ffffff;
  font-size: 20px;
}

.medical-provider-table .tbody {
  padding: 30px 30px;
}

.medical-provider-table .tbody .provider-logo-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 30px;
  border-bottom: 1px solid #d7d7d7;
}

.medical-provider-table .tbody .provider-logo-price .image {
  width: 150px;
}

.medical-provider-table .tbody .provider-logo-price .image img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.medical-provider-table .tbody .provider-logo-price .price {
  text-align: right;
  font-size: 26px;
  color: #ff3333;
  font-family: "helveticaneue-medium";
  width: calc(100% - 150px);
}

.medical-provider-table .tbody .provider-logo-price .price p {
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-size: 14px;
  color: #000000;
  font-family: "helveticaneue-light";
}

.medical-provider-table .tfooter a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 20px 30px;
  text-align: center;
  color: #ffff;
  background: var(--maintheme);
  font-size: 16px;
}

.medical-provider-table .tbody .provider-insurance-cover {
  padding: 20px 0px;
}

.medical-provider-table .tbody .provider-insurance-cover .trow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 13px 0px;
}

.medical-provider-table .tbody .provider-insurance-cover .trow .cover-title {
  font-size: 18px;
  font-family: "helveticaneue-medium";
  display: flex;
  align-items: center;
  line-height: 1.3;
}

.medical-provider-table
  .tbody
  .provider-insurance-cover
  .trow
  .cover-title
  img {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: block;
  object-fit: contain;
}

.medical-provider-table .tbody .provider-insurance-cover .trow .cover-price {
  font-size: 18px;
  font-family: "helveticaneue-medium";
  text-align: right;
}

.medical-provider-table .tbody .provider-insurance-more-detail {
  padding: 30px 0px 40px;
  border-top: 1px dashed #d7d7d7;
  display: none;
}

.medical-provider-table .tbody .provider-insurance-more-detail ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.medical-provider-table .tbody .provider-insurance-more-detail ul li {
  color: #000000;
  font-size: 16px;
  margin: 5px 0px;
  line-height: 1.5;
}

.medical-provider-table .tbody .provider-insurance-more-detail ul li i {
  color: var(--maintheme);
  margin-right: 5px;
}

.medical-provider-table
  .tbody
  .provider-insurance-more-detail
  ul
  li
  i.fa-info-circle {
  color: #000000;
  cursor: pointer;
}

.medical-provider-table .tbody .provider-insurance-more-detail .others-detail {
  background: #f2f3f7;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.medical-provider-table
  .tbody
  .provider-insurance-more-detail
  .others-detail
  .cover {
  width: 50%;
  display: flex;
  align-items: baseline;
  color: #999a9a;
  margin: 10px 0px;
}

.medical-provider-table
  .tbody
  .provider-insurance-more-detail
  .others-detail
  div
  i {
  padding-right: 10px;
  color: var(--maintheme);
  font-size: 14px;
}

.medical-provider-table
  .tbody
  .provider-insurance-more-detail
  .others-detail
  div
  .detail-info
  p {
  color: #000000;
  padding-bottom: 5px;
  display: block;
}

.medical-provider-table .tbody .insurance-show-more {
  display: block;
  width: 100%;
  border-top: 1px solid #d7d7d7;
  position: relative;
  margin: 0px 0px 30px;
}

.medical-provider-table .tbody .insurance-show-more b {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  position: absolute;
  left: 50%;
  top: -15px;
  z-index: 2;
  cursor: pointer;
  transform: translateX(-50%);
}

.medical-provider-table .tbody .insurance-show-more b:hover {
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
}

.medical-provider-table .tbody .insurance-show-more b:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 6px;
  transform: rotate(-45deg);
  width: 10px;
  height: 10px;
  border-left: 1px solid var(--maintheme);
  border-bottom: 1px solid var(--maintheme);
}

.medical-provider-table .tbody .insurance-show-more b:hover:before {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.medical-provider-table .tbody .insurance-show-more b.active:before {
  left: 9px;
  top: 12px;
  transform: rotate(135deg);
}

.insurance-tooltips {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.insurance-tooltips .tipscontent {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: #cbcbcb;
  color: #000000;
  padding: 15px 15px;
  border-radius: 10px;
  width: 250px;
  text-align: left;
  font-size: 14px;
  font-family: "helveticaneue-light";
  z-index: -1;
  opacity: 0;
  transition: all ease 0.3s;
}

.insurance-tooltips:hover .tipscontent {
  opacity: 1;
  z-index: 1;
  transition: all ease 0.3s;
}

.insurance-tooltips .tipscontent:before {
  position: absolute;
  content: "";
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #cbcbcb;
  border-bottom: 10px solid transparent;
}

.medical-insurance-step.step-3 .subtitle {
  display: block;
  clear: both;
  width: 100%;
  margin: 80px 0px 30px;
  font-size: 20px;
  font-family: "helveticaneue-medium";
  text-align: center;
}

.medical-insurance-step.step-3
  .medical-provider-table
  .tbody
  .provider-insurance-more-detail {
  display: block;
}

.medical-insurance-step.step-3
  .medical-provider-table
  .tbody
  .insurance-show-more {
  display: none;
}

.form-table {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
}

.form-table .thead {
  background: #31393f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  color: #ffffff;
  font-size: 20px;
}

.form-table .tbody {
  padding: 30px 30px;
}

.form-table .tbody .select-payment-option {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.form-table .tbody .select-payment-option .payment-option {
  width: 300px;
  cursor: pointer;
  margin: 10px 10px;
}

.form-table .tbody .select-payment-option .payment-option .image {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-table .tbody .select-payment-option .payment-option.active .image {
  border: 1px solid var(--maintheme);
}

.form-table .tbody .select-payment-option .payment-option .image img {
  display: block;
  width: 100%;
  object-fit: scale-down;
}

.form-table .tbody .select-payment-option .payment-option p {
  text-align: center;
  padding: 10px 5px;
  font-size: 16px;
}

.form-table .selected-payment-required-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.form-table .selected-payment-required-info .input-cover {
  width: 49%;
  margin-bottom: 20px;
}

.form-table .selected-payment-required-info .input-cover p {
  padding-bottom: 10px;
}

.form-table .selected-payment-required-info .input-cover.full {
  width: 100%;
}

.form-table
  .selected-payment-required-info
  .input-cover
  .payment-frequency-amount {
  background: #f2f3f7;
  padding: 20px 30px;
  margin-top: 10px;
}

.form-table
  .selected-payment-required-info
  .input-cover
  .payment-frequency-amount
  p {
  padding-bottom: 0;
}

.form-table
  .selected-payment-required-info
  .input-cover
  .payment-frequency-amount
  b {
  color: #ff3333;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.form-table
  .selected-payment-required-info
  .input-cover
  .payment-frequency-amount
  span {
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.medical-insurance-step .authorise-checkbox {
  margin-bottom: 50px;
}

#sig-canvas {
  border: 1px solid #d7d7d7;
  border-radius: 15px;
  cursor: crosshair;
  touch-action: none;
  width: 100%;
}

#sig-clearBtn,
#sig-submitBtn {
  border: none;
  background: none;
  appearance: none;
  cursor: pointer;
  margin-top: 5px;
  color: var(--maintheme);
}

.order-summary-table {
  padding: 20px 20px;
}

.order-summary-table table {
  width: 100%;
}

.order-summary-table table thead {
  background: #e5e5ea;
}

.order-summary-table table thead tr th {
  color: #000000;
  font-family: "helveticaneue-medium";
  padding: 20px 20px;
  font-size: 16px;
}

.order-summary-table table thead tr th:first-child {
  text-align: left;
}

.order-summary-table table tbody tr td {
  color: #000000;
  padding: 20px 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.3;
  border: 1px solid #e5e5ea;
}

.order-summary-table table tbody tr td:first-child {
  text-align: left;
}

.order-summary-table table tbody tr td:nth-child(2),
.order-summary-table table tbody tr td:last-child {
  width: 200px;
}

.order-summary-table table.premiumtotal tbody tr td {
  border: none !important;
  padding: 3px 10px;
}

.order-summary-table table.premiumtotal tbody tr td .promo_click {
  color: var(--maintheme);
  cursor: pointer;
  text-align: center;
}

.order-summary-table table.premiumtotal tbody tr:first-child td {
  padding-top: 20px;
}

.order-summary-table table.premiumtotal tbody tr td:nth-child(2) {
  text-align: left;
}

.order-summary-table table.premiumtotal tbody tr td:last-child {
  text-align: right;
  font-family: "helveticaneue-medium";
  padding-right: 30px;
}

.getstart-video-wrap {
  display: flex;
  padding: 0px 0px 0px;
  justify-content: space-between;
  align-items: center;
}

.getstart-video-wrap .getstart-left {
  width: 500px;
}

.getstart-video-wrap .getstart-left .title {
  font-size: 35px;
  font-family: "helveticaneue-bold";
  padding: 10px 0px 10px;
  position: relative;
  max-width: 400px;
}

.getstart-video-wrap .getstart-left .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 3px;
  background: #f87532;
}

.getstart-video-wrap .getstart-left .subtitle {
  font-size: 20px;
  font-family: "helveticaneue-light";
  padding-bottom: 23px;
}

.getstart-video-wrap .getstart-left a.playvideo-wistia {
  cursor: pointer;
  padding: 10px 10px;
  text-align: center;
  width: 160px;
  font-size: 16px;
  margin-bottom: 30px;
  display: block;
  border: 1px solid #000000;
  border-radius: 5px;
}

.getstart-video-wrap .getstart-left a.playvideo-wistia:hover {
  background: #000000;
  color: #ffffff;
}

.getstart-video-wrap .getstart-left a.playvideo-wistia i {
  margin-right: 10px;
}

.getstart-video-wrap .getstart-left p {
  font-size: 18px;
  max-width: 300px;
  line-height: 1.3;
  padding-top: 50px;
}

.getstart-video-wrap .getstart-left p b {
  display: block;
  position: relative;
  font-family: "helveticaneue-medium";
  padding-left: 30px;
}

.getstart-video-wrap .getstart-left p b:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1px;
  width: 20px;
  background: #000000;
}

.getstart-video-wrap .getstart-right {
  width: calc(100% - 500px);
  text-align: center;
  position: relative;
}

.getstart-video-wrap .getstart-right .image {
  position: relative;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.getstart-video-wrap .getstart-right .image img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}

.getstart-video-wrap .getstart-right div.playvideo-wistia {
  position: absolute;
  width: 113px;
  height: 113px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer;
  opacity: 0.9;
}

.getstart-video-wrap .getstart-right div.playvideo-wistia img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.getstart-video-wrap .getstart-right .animation-circle {
  width: 480px;
  height: 480px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.getstart-video-wrap .getstart-right .animation-circle img {
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease 0.3s;
}

.getstart-video-wrap .getstart-right .animation-circle img.circle-midtop {
  top: -49px;
  left: 45px;
}
.getstart-video-wrap .getstart-right .animation-circle img.circle-midbottom {
  top: 49px;
  left: -45px;
}

.getstart-video-wrap .getstart-right:hover .animation-circle img {
  top: 0 !important;
  left: 0 !important;
  transition: all ease 0.3s;
}

.wistia-video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.wistia-video-popup .content {
  width: 95%;
  max-width: 600px;
  position: Relative;

  margin: 20px 0px 0px;
}

.wistia-video-popup .content .close-wistia {
  position: absolute;
  right: 0;
  top: -30px;
  font-size: 18px;
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}

.wistia-video-popup .content .video-wrap {
  width: 100%;
}

.getstart-right .image-cover {
  height: 596px;
}

.getstart-right .image-cover .animation-image {
  width: 100%;
  height: 100%;
  background-image: url("../images/model-stella.png"),
    url("../images/circle-moving.png");
  background-blend-mode: multiply;
  background-position: center;
  background-repeat: no-repeat;

  transition: background 0.8s ease;
}

.getstart-right .image-cover .animation-image.malay {
  background-image: url("../images/model-yuna-new.png"),
    url("../images/circle-moving.png");
}

.getstart-right .image-cover .animation-image.chinese {
  background-image: url("../images/model-cassandra-new.png"),
    url("../images/circle-moving.png");
}

.getstart-right:hover .image-cover .animation-image {
  background-image: url("../images/model-stella.png"),
    url("../images/circle-complete.png");
  background-blend-mode: multiply;
  background-position: center;
  background-repeat: no-repeat;
  transition: background 0.8s ease;
}

.getstart-right:hover .image-cover .animation-image.malay {
  background-image: url("../images/model-yuna-new.png"),
    url("../images/circle-complete.png");
}

.getstart-right:hover .image-cover .animation-image.chinese {
  background-image: url("../images/model-cassandra-new.png"),
    url("../images/circle-complete.png");
}

.coverage-question ul {
  padding: 10px 20px 0px;
}

.coverage-question ul li {
  display: block;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.coverage-question ul li .circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #d7d7d7;
  position: relative;
}

.coverage-question ul li .circle.checked:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
  display: none;
}

.coverage-question ul li p,
.coverage-question ul li .amount {
  padding-left: 10px;
  font-family: "helveticaneue-medium";
  font-size: 16px;
}

.coverage-question ul li .circle.checked {
  border: 1px solid var(--maintheme);
}

.coverage-question ul li .circle.checked:before {
  display: block;
}

.coverage-question ul li .amount input {
  margin-top: 10px;
}

.pa-feature,
.travel-feature {
  background-size: contain;
  background-position: top right;
}

.pa-feature .image {
  position: absolute;
  right: 0;
  top: 80px;
}

.pa-feature .image img {
  width: auto;
  max-width: 100%;
  display: block;
}

.default-middle-title {
  position: relative;
}

.default-middle-title .middle-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0px;
}

.default-middle-title .middle-cover .subtitle {
  font-family: "helveticaneue-bold";
  position: relative;
  padding-right: 20px;
  font-size: 44px;
  text-align: right;
  width: 300px;
}

.default-middle-title .middle-cover .divline {
  height: 80px;
  background: #f87532;
  width: 4px;
  display: block;
}

.default-middle-title .middle-cover .text {
  font-size: 25px;
  line-height: 1.5;
  text-align: left;
  padding-left: 20px;
}

.default-middle-title .triangleicon {
  position: absolute;
  left: 50%;
  bottom: -27px;
  transform: translateX(-50%);
}

.default-middle-title .shadow1 {
  position: absolute;
  left: 0;
  top: -50px;
}

.default-middle-title .shadow2 {
  position: absolute;
  right: 50px;
  bottom: -20px;
}

.default-middle-title .shadow3 {
  position: absolute;
  right: 0;
  top: -50px;
}

.pa-insurance-cover {
  padding: 10px 0px 100px;
  max-width: 900px;
  margin: 0 auto;
}

.pa-insurance-cover .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 40px;
  text-align: center;
}

.pa-insurance-cover ul.insured-person-status {
  list-style-type: disc;
  max-width: 550px;
  margin: 0 auto 30px;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.pa-insurance-cover ul.insured-person-status li {
  margin: 5px 0px 5px 20px;
  line-height: 1.5;
  color: #ff7139;
}

.pa-insurance-cover ul.insured-person-status li p {
  color: #000000;
  padding-bottom: 0;
  font-size: 18px;
}

.pa-insurance-cover .insured-person-status-answer {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: "helveticaneue-medium";
}

.pa-insurance-cover .insured-person-status-answer .radiobutton {
  position: relative;
  margin-right: 100px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.pa-insurance-cover .insured-person-status-answer .radiobutton .radiobox {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #d7d7d7;

  position: Relative;
  margin-right: 15px;
}

.pa-insurance-cover
  .insured-person-status-answer
  .radiobutton.checked
  .radiobox {
  border: 1px solid var(--maintheme);
}

.pa-insurance-cover
  .insured-person-status-answer
  .radiobutton.checked
  .radiobox:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
  content: "";
}

.pa-insurance-cover .pa-insurance-form {
  padding-top: 30px;
  margin-top: 40px;
  border-top: 1px solid #e5e5e5;
}

.pa-insurance-cover .input-cover-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0px;
}

.pa-insurance-cover .input-cover-row .input-cover {
  width: 49%;
  margin-bottom: 35px;
}

.pa-insurance-cover .input-cover-row .input-cover p {
  padding-bottom: 10px;
}

.input-cover input[type="date"] {
  height: 51px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.pa-insurance-cover .submit-button {
  margin-top: 40px;
  position: relative;
  display: inline-block;
}

.pa-insurance-cover .submit-button:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  height: 10px;
  width: 10px;
  z-index: 1;
}

.pa-insurance-cover .submit-button:after {
  content: "";
  position: absolute;
  left: 48px;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px solid #ffffff;
  height: 26px;
  z-index: 1;
}

.pa-insurance-cover .submit-button .sub {
  border-radius: 7px;
  padding: 10px 50px 10px 80px;
  border: none;
  background: var(--maintheme);
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  text-transform: capitalize;
  box-shadow: 0px 0px 2px 1px #ffff9b inset;
}

.pa-insurance-cover .submit-button .sub:hover {
  background: #de9021;
}

.pa-insurance-cover .submit-button .sub.disable {
  background: #e5e5e5;
  pointer-events: none;
  box-shadow: 0px 0px 2px 1px #e5e5e5 inset;
}

.popup-tfooter {
  background: #ffffff;
  padding: 20px 30px;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: flex-end;
}

.popup-tfooter .exit {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  display: block;
  transition: all ease 0.3s;
}

.popup-tfooter .exit:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.popup#application-rejected .popup-wrapper {
  max-width: 700px;
}

.popup#application-rejected .popup-wrapper .popup-tbody a {
  color: var(--maintheme);
}

.input-cover .checkspouse {
  display: inline-block;
}

.input-cover .checkspouse input {
  display: none;
}

.input-cover .checkspouse label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.input-cover .checkspouse label .box {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  position: relative;
  margin-right: 10px;
}

.input-cover .checkspouse input:checked + label .box {
  background: #f39f02;
  border: 1px solid #f39f02;
}

.input-cover .checkspouse input:checked + label .box:before {
  content: "";
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
  width: 5px;
  height: 10px;
}

.input-cover input.disable {
  pointer-events: none;
  background: #e5e5e5;
}

.input-cover-row#myself_spouse {
  display: none;
}

#myself_spouse_child {
  margin-bottom: 40px;
  display: none;
}

#myself_spouse_child .input-cover-row .child_no {
  font-family: "helveticaneue-medium";
  display: inline-block;
  margin-bottom: 10px;

  border-bottom: 1px solid #000000;
}

#myself_spouse_child .add_remove_child {
  display: flex;
  align-items: center;
}

#myself_spouse_child .add_new_child {
  display: block;
  width: 200px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  border: 1px solid #000000;
  padding: 10px 10px;
  border-radius: 5px;
  margin-right: 20px;
  cursor: pointer;
}

#myself_spouse_child .remove_child {
  display: none;
  width: 200px;
  background: #ffffff;
  color: #000000;
  text-align: center;
  border: 1px solid #000000;
  padding: 10px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.pa-preferred-plan {
  padding: 100px 0px;
}

.pa-preferred-plan .title {
  font-family: "helveticaneue-bold";
  font-size: 20px;
  color: #31393f;
  padding-bottom: 40px;
  text-align: center;
}

.pa-preferred-plan .plan-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pa-preferred-plan .plan-list .plan-cover {
  width: 24%;
  border-radius: 15px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
}

.pa-preferred-plan .plan-list .plan-cover .thead {
  padding: 20px 10px;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  font-family: "helveticaneue-medium";
  background: #31393f;
}

.pa-preferred-plan .plan-list .plan-cover .tbody {
  padding: 30px 10px;
  background: #ffffff;
}

.pa-preferred-plan .plan-list .plan-cover .tbody .sum_amount_cover {
  text-align: center;
}

.pa-preferred-plan .plan-list .plan-cover .tbody .sum_amount_cover .sum_amount {
  width: 100%;
  padding-bottom: 30px;
}

.pa-preferred-plan .plan-list .plan-cover .tbody .sum_amount_cover p {
  width: 100%;
  font-size: 18px;
  padding-bottom: 5px;
}

.pa-preferred-plan .plan-list .plan-cover .tbody .sum_amount_cover span {
  display: block;
  width: 100%;
  color: #31393f;
  font-size: 30px;
  font-family: "helveticaneue-medium";
}

.pa-preferred-plan .plan-list .plan-cover .tbody .sum_amount_cover span.color {
  color: #ff3333;
}

.pa-preferred-plan .plan-list .plan-cover .tbody .pa-coverage-list {
  padding-top: 20px;
  border-top: 1px dashed #d7d7d7;
}

.pa-preferred-plan .plan-list .plan-cover .tbody .pa-coverage-list ul li {
  line-height: 1.5;
  background: url("../images/list-bullet-checked.png") no-repeat left top 8px;
  list-style: none;
  vertical-align: middle;
  padding: 5px 0px 5px 25px;
}

.pa-preferred-plan .plan-list .plan-cover .tfooter {
  width: 100%;
}

.pa-preferred-plan .plan-list .plan-cover .tfooter a {
  background: var(--maintheme);
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  color: #ffffff;
  display: block;
}

.pa-preferred-plan .plan-list .plan-cover .tfooter a:hover {
  background: #de9021;
}

.pa-insurance-payment-details {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.pa-insurance-payment-details .input-cover {
  width: 49%;
  margin-bottom: 20px;
}

.pa-insurance-payment-details .input-cover.full {
  width: 100%;
}

.pa-insurance-payment-details .input-cover p {
  padding-bottom: 10px;
}

.coverage-right .coverage-insurance .pa-insurance-summary {
  padding-bottom: 35px;
}

.coverage-right .coverage-insurance .pa-insurance-summary .plan {
  text-align: center;
  color: #999a9a;
  font-size: 16px;
  padding-bottom: 15px;
}

.coverage-right .coverage-insurance .pa-insurance-summary .plan b {
  font-size: 22px;
  font-family: "helveticaneue-medium";
  color: #000000;
}

.coverage-right .coverage-insurance .pa-insurance-summary .coverperiod {
  text-align: center;
  line-height: 1.5;
}

.travel-middle {
  height: 235px;
}

.travel-middle .middle-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: -58px;
}

.travel-middle .middle-cover .image {
  width: 400px;
}

.travel-middle .middle-cover .image img {
  width: 100%;
  display: block;
}

.travel-middle .middle-cover .text {
  width: calc(100% - 400px);
  padding: 20px 30px 0px 30px;
  line-height: 1.5;
  font-size: 19px;
}

.travel-middle .triangleicon {
  position: absolute;
  left: 50%;
  bottom: -27px;
  transform: translateX(-50%);
}

.travel-middle .shadow1 {
  position: absolute;
  left: 50px;
  top: -50px;
}

.travel-middle .shadow2 {
  position: absolute;
  right: 100px;
  bottom: -20px;
}

.travel-middle .shadow3 {
  position: absolute;
  right: -20px;
  top: -50px;
}

.travel-middle .airplane {
  position: absolute;
  left: 50%;
  top: -65px;
  transform: translateX(-50%);
}

.travel-insurance-form {
  padding: 100px 40px;
}

.travel-insurance-form .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
}

.travel-insurance-form .single_annual_selection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
  gap: 20px;
  border-bottom: 1px dashed #d7d7d7;
  padding-bottom: 50px;
}

.travel-insurance-form .single_annual_selection div {
  display: block;
  width: 300px;
  padding: 15px 10px;
  text-align: center;
  color: #31393f;
  border: 1px solid #31393f;
  border-radius: 5px;
  background: #ffffff;
  font-size: 20px;
  cursor: pointer;
}

.travel-insurance-form .single_annual_selection div.active {
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
  color: #ffffff;
}

.travel-insurance-form .input-cover-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.travel-insurance-form .input-cover-row .input-cover {
  width: 49%;
  margin-bottom: 40px;
}

.travel-insurance-form .input-cover-row .input-cover.full {
  width: 100%;
}

.travel-insurance-form .input-cover-row p {
  padding-bottom: 10px;
  font-size: 18px;
}

.daterangepicker.show-calendar .drp-buttons {
  background: var(--maintheme);
  overflow: hidden;
  padding: 14px;
}

.daterangepicker .drp-calendar {
  padding: 20px 20px !important;
  background: #fbfbfb;
  max-width: 100% !important;
}

.daterangepicker .calendar-table {
  background-color: #fbfbfb !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #d7d7d7 !important;
}

.daterangepicker .drp-buttons .btn {
  border: none;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 20px !important;
  margin-left: 30px !important;
}

.daterangepicker .drp-buttons .btn.cancelBtn {
  background: #efefef;
  color: #000000;
}

.daterangepicker.opensright:after {
  left: initial !important;
  right: 100px;
}

.daterangepicker.opensright:before {
  left: initial !important;
  right: 99px;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 5px 10px !important;
}

.daterangepicker {
  -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 20%);
}

.submit-button-getquote {
  margin-top: 40px;
  position: relative;
}

.submit-button-getquote:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  height: 10px;
  width: 10px;
  z-index: 1;
}

.submit-button-getquote:after {
  content: "";
  position: absolute;
  left: 48px;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px solid #ffffff;
  height: 26px;
  z-index: 1;
}

.submit-button-getquote .sub {
  border-radius: 7px;
  padding: 10px 50px 10px 80px;
  border: none;
  background: var(--maintheme);
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  text-transform: capitalize;
  box-shadow: 0px 0px 2px 1px #ffff9b inset;
}

.submit-button-getquote a.sub {
  display: block;
  padding: 10px 30px 10px 80px;
}

.submit-button-getquote .sub:hover {
  background: #de9021;
}

.submit-button-getquote .sub.disable {
  background: #e5e5e5;
  pointer-events: none;
  box-shadow: 0px 0px 2px 1px #e5e5e5 inset;
}

.single_trip_form .google-capcha,
.annual_trip_form .google-capcha {
  text-align: center;
}

.submit-button-getquote {
  margin: 50px auto 0;
  display: table;
}

.annual_trip_form {
  display: none;
}

.annual_trip_form p {
  padding-bottom: 10px;
  font-size: 18px;
}

.annual_trip_form .country_region {
  border-radius: 10px;
  background: #f2f3f7;
  overflow: hidden;
}

.annual_trip_form .country_region .select_country_region {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}

.annual_trip_form .country_region .select_country_region .region {
  width: 33.3%;
  padding: 30px 10px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.annual_trip_form .country_region .select_country_region .region span {
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #d7d7d7;
  position: Relative;
  margin-right: 15px;
  background: #ffffff;
}

.annual_trip_form
  .country_region
  .select_country_region
  .region.checked:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--maintheme);
  content: "";
}

.annual_trip_form .country_region .select_country_region .region.checked span {
  border: 1px solid var(--maintheme);
}

.annual_trip_form
  .country_region
  .select_country_region
  .region.checked
  span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
  content: "";
}

.annual_trip_form .country_region .region_cover {
  padding: 30px;
}

.annual_trip_form .country_region .region_cover p {
  font-size: 16px;
  padding-bottom: 20px;
  font-family: "helveticaneue-medium";
}

.annual_trip_form .country_region .region_cover p b {
  font-size: 14px;
}

.annual_trip_form .country_region .region_cover ul.region_country_list {
  column-count: 4;
  column-gap: 5px;
  column-fill: balance;
}

.annual_trip_form .country_region .region_cover ul.region_country_list li {
  line-height: 1.5;
  margin-bottom: 10px;
}

.annual_trip_form p.notice_region {
  padding: 10px 0px;
  font-size: 14px;
}

.annual_trip_form .country_region .region_cover {
  display: none;
}

.annual_trip_form .country_region .region_cover#region_1 {
  display: block;
}

.annual_trip_form .country_region .region_cover .checkregion {
  display: block;
  text-align: right;
  padding-top: 30px;
}

.annual_trip_form .country_region .region_cover .checkregion span {
  color: var(--maintheme);
  text-decoration: underline;
  cursor: pointer;
}

.travel_plan_policy {
  padding: 100px 0px;
}

.travel_plan_policy .title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  color: #ffffff;
  padding-bottom: 40px;
  text-align: center;
}

.travel_plan_policy .plan_policy_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover {
  width: 24%;
  text-align: center;
  line-height: 1.5;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .thead {
  padding: 10px 20px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .tbody {
  background: #ffffff;
  padding: 30px 20px 20px;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .tbody .price_info {
  padding-bottom: 20px;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .tbody .price_info b {
  font-size: 18px;
  display: block;
  padding-bottom: 30px;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .tbody .price_info p {
  min-height: 88px;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .tbody .price_sum {
  padding-top: 20px;
  border-top: 1px solid #d7d7d7;
  padding-bottom: 30px;
}

.travel_plan_policy
  .plan_policy_wrap
  .plan_policy_cover
  .tbody
  .price_sum
  span {
  display: block;
  color: #959595;
}

.travel_plan_policy
  .plan_policy_wrap
  .plan_policy_cover
  .tbody
  .price_sum
  ul
  li {
  margin: 10px 0px;
}

.travel_plan_policy
  .plan_policy_wrap
  .plan_policy_cover
  .tbody
  .price_sum
  ul
  li
  b {
  font-family: "helveticaneue-medium";
  display: block;
  font-size: 14px;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover .tbody .learnmore a {
  display: block;
  width: 100%;
  padding: 10px 10px;
  text-align: center;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #000000;
}

.travel_plan_policy
  .plan_policy_wrap
  .plan_policy_cover
  .tbody
  .learnmore
  a:hover {
  background: #000000;
  color: #ffffff;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.deluxe b {
  color: #f87532;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.deluxe .thead {
  background: #f87532;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.standard b {
  color: #00b0ec;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.standard .thead {
  background: #00b0ec;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.basic b {
  color: #00a657;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.basic .thead {
  background: #00a657;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.domestic b {
  color: #642e8e;
}

.travel_plan_policy .plan_policy_wrap .plan_policy_cover.domestic .thead {
  background: #642e8e;
}

.insurance_faq {
  padding: 100px 0px;
}

.insurance_faq .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.insurance_faq_list {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  padding: 0px 0px;
}

.insurance_faq_list > ul > li {
  border-bottom: 1px solid #d7d7d7;
}

.insurance_faq_list > ul > li:last-child {
  border-bottom: none;
}

.insurance_faq_list > ul > li .faq-question {
  font-size: 17px;
  font-family: "helveticaneue-medium";
  line-height: 1.3;
  position: relative;
  cursor: pointer;
  padding: 20px 50px 20px 30px;
}

.insurance_faq_list > ul > li .faq-question i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--maintheme);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--maintheme);
  cursor: pointer;
}

.insurance_faq_list > ul > li .faq-question i.arrow-down:before {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 7px;
  top: 5px;
  border-right: 2px solid var(--maintheme);
  border-bottom: 2px solid var(--maintheme);
  transform: rotate(45deg);
  content: "";
}

.insurance_faq_list > ul > li .faq-question i.arrow-up:before {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 7px;
  top: 9px;
  border-right: 2px solid var(--maintheme);
  border-bottom: 2px solid var(--maintheme);
  transform: rotate(-135deg);
  content: "";
}

.insurance_faq_list > ul > li .faq-answer {
  padding: 0px 30px 30px;
  color: #31393f;
  font-size: 17px;
  display: none;
  line-height: 1.3;
}

.ss-main .ss-multi-selected {
  padding: 12px 20px !important;
  height: 51px;
  overflow-y: auto;
}

.learn_more_header {
  padding: 30px 0px;
}

.trigger_individual_family {
  padding: 15px 20px;
  background: #1e252b;
  border-radius: 10px;
}

.trigger_individual_family .trigger_button {
  display: inline-block;
}

.trigger_individual_family .trigger_button label {
  color: #ffffff;
  position: relative;
  cursor: pointer;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

.trigger_individual_family .trigger_button label b {
  font-family: "helveticaneue-bold";
  display: inline-block;
}

.trigger_individual_family .trigger_button input {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

.trigger_individual_family .trigger_button label p {
  width: calc(100% - 60px);
  padding-left: 20px;
}

.trigger_individual_family .trigger_button .checkbox-switch {
  width: 65px;
  height: 30px;
  border-radius: 50px;
  background: #ffffff;
  position: relative;
  display: block;
}

.trigger_individual_family .trigger_button .checkbox-switch:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--maintheme);
  left: 5px;
  top: 3px;
  transition: all ease 0.3s;
}

.trigger_individual_family
  .trigger_button
  input:checked
  + label
  .checkbox-switch:before {
  left: 31px;
  transition: all ease 0.3s;
}

.filter_plan_policy {
  padding: 30px 0px 30px;
}

.filter_plan_policy table {
  width: 100%;
  background: #ffffff;
}

.filter_plan_policy table tr td {
  padding: 15px 20px;
  border: 1px solid #d7d7d7;
  vertical-align: bottom;
  width: 25%;
}

.filter_plan_policy table tr td:first-child {
  vertical-align: middle;
}

.filter_plan_policy table tr td .buynow {
  width: 100%;
  padding: 10px 20px 10px 20px;
  background-color: var(--maintheme);
  color: #ffffff;
  border-radius: 5px;
  font-size: 16px;
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
}

.filter_plan_policy table tr td .buynow:hover {
  background: #de9021;
}

.filter_plan_policy table tr td .input-field {
  border: none;
  padding-left: 0;
}

.filter_plan_policy table tr td p.deluxe {
  color: #f87532;
  font-family: "helveticaneue-medium";
}

.filter_plan_policy table tr td p.standard {
  color: #00b0ec;
  font-family: "helveticaneue-medium";
}

.filter_plan_policy table tr td p.basic {
  color: #00a657;
  font-family: "helveticaneue-medium";
}

.filter_plan_policy table tr td p.domestic {
  color: #642e8e;
  font-family: "helveticaneue-medium";
}

.travel_plan_policy_table {
  padding: 40px 0px;
}

.travel_plan_policy_table .title {
  padding-bottom: 40px;
}

.plan_policy_table {
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
  border-radius: 5px;
}

.plan_policy_table table {
  width: 100%;
}

.plan_policy_table table thead {
  background: #1e252b;
}

.plan_policy_table table thead tr th {
  padding: 15px 20px;
  color: #ffffff;
  text-align: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.plan_policy_table .insurance-tooltips {
  vertical-align: initial;
}

.plan_policy_table table tbody {
  background: #ffffff;
}

.plan_policy_table table tbody tr td {
  padding: 20px 20px;
  color: #1e252b;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #d7d7d7;
  width: 25%;
  border-radius: 5px;
  position: relative;
}

.plan_policy_table table tr td ul.benefit-list li {
  margin: 10px 0px;
  display: flex;
}

.plan_policy_table table tr td ul.benefit-list li .insurance-tooltips {
  margin-right: 5px;
}

.plan_policy_table table tbody tr td b {
  color: #00a657;
  font-family: "helveticaneue-medium";
}

.plan_policy_table table tbody tr td i.disable {
  color: red;
  font-size: 20px;
}

.sticky-row.fixed {
  z-index: 998;
  position: fixed;
  top: 82px;
  background: #f2f3f7 !important;
  padding: 20px 0px;
}

.sticky-sub.trigger {
  padding-top: 204px;
}

.sticky-row.fixed .filter_plan_policy {
  padding: 0;
}

.plan_policy_table .insurance-tooltips .tipscontent {
  left: -20px;
  top: 26px;
  transform: none;
}

.plan_policy_table .insurance-tooltips .tipscontent:before {
  position: absolute;
  content: "";
  left: 18px;
  top: -9px;
  transform: none;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #cbcbcb;
  border-top: none;
}

.plan_policy_table table tbody tr td i.mobile-plus {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.plan_policy_table table tbody tr td p.deluxe {
  color: #f87532;
}

.plan_policy_table table tbody tr td p.standard {
  color: #00b0ec;
}

.plan_policy_table table tbody tr td p.basic {
  color: #00a657;
}

.plan_policy_table table tbody tr td p.domestic {
  color: #642e8e;
}

.plan_policy_table table tbody tr td p {
  display: none;
  font-family: "helveticaneue-medium";
}

.insurance-payment-step {
  padding: 80px 0px;
}

.insurance-payment-step .step-status {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.insurance-payment-step .step-status ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.insurance-payment-step .step-status ul li {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #cccccc;

  position: relative;
}

.insurance-payment-step .step-status ul li p {
  position: absolute;
  color: #cccccc;
  font-size: 14px;
  width: 54px;
  top: -19px;
  font-family: "helveticaneue-medium";
}

.insurance-payment-step .step-status ul li span {
  position: absolute;
  color: #cccccc;
  font-size: 14px;
  width: 190px;
  top: 25px;
}

.insurance-payment-step .step-status ul li#status-1 p {
  right: -58px;
}

.insurance-payment-step .step-status ul li#status-2 p {
  left: -13px;
}

.insurance-payment-step .step-status ul li#status-3 p {
  left: -48px;
}

.insurance-payment-step .step-status ul li#status-1 span {
  left: 0;
}

.insurance-payment-step .step-status ul li#status-2 span {
  left: -25px;
}

.insurance-payment-step .step-status ul li#status-3 span {
  right: 0;
  text-align: right;
}

.insurance-payment-step .step-status ul li.active {
  background: #f87532;
}

.insurance-payment-step .step-status ul li.active p,
.insurance-payment-step .step-status ul li.active span {
  color: #000000;
}

.insurance-payment-step .step-status ul li.status-bar {
  position: absolute;
  left: 0;
  top: 9px;
  width: 50%;
  background: #cccccc;
  height: 2px;
  border-radius: 50px;
  border: none;
  z-index: -1;
}

.insurance-payment-step .step-status ul li.status-bar.last {
  right: 0;
  left: initial;
}

.insurance-payment-step .step-status ul li.status-bar.active {
  background: #f87532;
}

.insurance-payment-cover {
  padding: 30px 0px 80px;
  display: flex;
  justify-content: space-between;
}

.insurance-payment-cover .insurance-payment-left {
  width: 100%;
  max-width: 870px;
  position: relative;
}

.insurance-payment-cover .insurance-payment-right {
  width: 100%;
  max-width: 330px;
  padding-left: 20px;
}

.insurance-payment-cover .insurance-payment-right .insurance-payment-details {
  display: block;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .title {
  background: #10161b;
  display: flex;
  justify-content: space-between;
  padding: 11px 15px;
  align-items: center;
  color: #ffffff;
  border-radius: 5px 5px 0px 0px;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .title.blue {
  background: var(--mainblue);
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .title
  i {
  margin-right: 10px;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .title
  a {
  color: var(--maintheme);
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .content {
  padding: 10px 15px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  margin-bottom: 20px;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .content
  .paymentpackage {
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .content
  div
  p {
  color: #888;
  font-size: 15px;
  padding: 0;
  margin: 0;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .content
  img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .content
  p {
  margin: 10px 0px;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .content
  p
  b {
  font-family: "helveticaneue-medium";
  display: block;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .sub {
  display: block;
  padding: 15px 20px;
  text-align: center;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  font-size: 17px;
  width: 100%;
  border: none;
}

.insurance-payment-cover
  .insurance-payment-right
  .insurance-payment-details
  .sub:hover {
  background: #de9021;
}

.insurance-payment-cover .insurance-payment-left .sticky-row.fixed {
  width: inherit;
  max-width: inherit;
  padding: 0;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}

.filter_plan_policy a.select_this_plan {
  text-transform: capitalize;
}

.filter_plan_policy a.select_this_plan.selected {
  background: #888888;
}

.insurance-payment-table-cover {
  width: 100%;
  margin-bottom: 30px;
}

.insurance-payment-table-cover .table-header {
  background: #1e252b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 20px;
  color: #ffffff;
}

.insurance-payment-table-cover .table-header.blue {
  background: var(--mainblue);
}

.insurance-payment-table-cover .table-body {
  background: #ffffff;
  padding: 20px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #d7d7d7;
  border-top: none;
}

.insurance-payment-table-cover .table-body .travel-optional-addon {
  width: 100%;
  margin-bottom: 30px;
}

.insurance-payment-table-cover .table-body .travel-optional-addon .addon-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
  font-size: 18px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-item
  .addon-select {
  width: 60px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-item
  .addon-price {
  width: 200px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-item
  .addon-title {
  width: calc(100% - 260px);
  padding: 0px 10px;
}

.insurance-payment-table-cover .table-body .travel-optional-addon .addon-desc {
  padding: 10px 70px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  p {
  padding-bottom: 20px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  table {
  width: 100%;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  table
  thead {
  background: #1e252b;
  color: #ffffff;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  table
  thead
  tr
  th {
  text-align: left;
  padding: 15px 20px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  table
  tbody
  tr
  td {
  background: #f5f5f5;
  border-bottom: 2px solid #ffffff;
  padding: 15px 20px;
  color: #1e252b;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  table
  tbody
  tr
  td:last-child {
  width: 200px;
}

.insurance-payment-table-cover
  .table-body
  .travel-optional-addon
  .addon-desc
  table
  tbody
  tr
  td
  .insurance-tooltips {
  vertical-align: baseline;
}

.insurance-payment-right .insurance-payment-details .content table {
  width: 100%;
}

.insurance-payment-right .insurance-payment-details .content table tr td {
  padding: 10px 0px;
}

.insurance-payment-right
  .insurance-payment-details
  .content
  table
  tr
  td:last-child {
  text-align: right;
}

.insurance-payment-right .insurance-payment-details .content .divline {
  width: 100%;
  border-bottom: 1px dashed #d7d7d7;
  margin: 10px 0px;
}

.insurance-payment-right .insurance-payment-details .content table.total tr td {
  font-family: "helveticaneue-bold";
  font-size: 17px;
}

.insurance-payment-table-cover .table-body .payment-form-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.insurance-payment-table-cover .table-body .payment-form-details .input-cover {
  width: 49%;
  margin-bottom: 30px;
}

.insurance-payment-table-cover
  .table-body
  .payment-form-details
  .input-cover
  p {
  padding-bottom: 10px;
}

.insurance-payment-table-cover
  .table-body
  .payment-form-details
  .input-cover.full {
  width: 100%;
}

.input-cover-checkbox label.input-field-checkbox .checkbox-square {
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  display: block;
  position: relative;
  background: #ffffff;
  border-radius: 5px;
}

.input-cover-checkbox
  label.input-field-checkbox
  input:checked
  ~ .checkbox-square {
  border: 1px solid var(--maintheme);
}

.input-cover-checkbox
  label.input-field-checkbox
  input:checked
  ~ .checkbox-square:before {
  position: absolute;
  left: 2px;
  top: 2px;
  background: var(--maintheme);
  width: 14px;
  height: 14px;
  content: "";
  border-radius: 5px;
}

.insurance-payment-table-cover#primaryinsured {
  display: none;
}

.insurance-payment-table-cover .payment_declaration_authorisation {
  width: 100%;
}

.insurance-payment-table-cover .payment_declaration_authorisation p {
  padding-bottom: 10px;
}

.insurance-payment-table-cover .payment_declaration_authorisation .terms {
  height: 150px;
  overflow-y: scroll;
  background: #ffffff;
  padding: 20px 20px;
  line-height: 1.5;
  margin-bottom: 20px;
  border: 1px solid #d7d7d7;
}

#insurance_proceed_terms .popup-wrapper {
  max-width: 700px;
}

#insurance_proceed_terms .popup-wrapper .terms_list p {
  padding-bottom: 10px;
}

#insurance_proceed_terms .popup-wrapper .terms_list ul {
  margin-left: 20px;
}

#insurance_proceed_terms .popup-wrapper .terms_list ul li {
  list-style-type: decimal;
  padding-bottom: 20px;
}

#insurance_proceed_terms .popup-wrapper .terms_list ul li b {
  font-weight: bold;
  text-decoration: underline;
}

#insurance_proceed_terms .popup-wrapper .terms_list a {
  color: var(--maintheme);
}

#insurance_proceed_terms
  .popup-wrapper
  .terms_list
  ul
  li
  .input-cover-checkbox {
  margin-top: 10px;
}

#insurance_proceed_terms
  .popup-wrapper
  .terms_list
  ul
  li
  .input-cover-checkbox
  label {
  margin-bottom: 0;
}

#insurance_proceed_terms .popup-wrapper .popup-tfooter a {
  display: block;
  width: 110px;
  text-align: center;
  color: #ffffff;
  padding: 10px 10px;
  background: var(--maintheme);
  border-radius: 5px;
  margin-left: 20px;
}

#insurance_proceed_terms .popup-wrapper .popup-tfooter .submit {
  max-width: 110px;
  font-size: 14px;
  margin-left: 10px;
}

#insurance_proceed_terms .popup-wrapper .popup-tfooter a:hover {
  background: #de9021;
}

.count_down_for_payment {
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}

.count_down_for_payment span {
  display: block;
  font-size: 40px;
  color: var(--maintheme);
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
}

.count_down_for_payment p {
  color: #000000;
  font-size: 16px;
  font-style: italic;
}

.expired_payment {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  display: none;
}

.expired_payment .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background: #ffffff;
  padding: 30px 30px;
  text-align: center;
  width: 95%;
  max-width: 700px;
}

.expired_payment .content p {
  font-size: 18px;
  line-height: 1.3;
  padding-bottom: 20px;
}

.expired_payment .content a {
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  max-width: 150px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  display: block;
  margin: 0 auto;
}

.row.top-feature.allriskinsurance .image {
  display: none;
  width: 100%;
}

.row.top-feature.travel-feature .image {
  width: 100%;
  display: none;
}

.row.top-feature.travel-feature .image img {
  width: 100%;
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

.row.top-feature.travel-feature .image img.airplane {
  position: relative;
  width: 100%;
  max-width: 230px;
  display: block;
  float: right;
}

.pa-feature .image img.mobile {
  display: none;
}

.page-footer .readmore-bg {
  width: 100%;
  padding: 20px 0px;
  backdrop-filter: blur(1px);
}

.page-footer .readmore {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 150px;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff !important;
  text-align: center;
  margin: 0px auto;
}

.page-footer .readmore-bg.change {
  background: none;
}

.page-footer .content-control-line {
  display: block;
  max-height: 300px;
  overflow: hidden;
}

.page-footer .content-control-line.showall {
  display: block;
  overflow: visible;
  max-height: 100%;
}

.mobile-partnerlist-cover {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 50px;
  position: relative;
  display: none;
  padding-top: 40px;
}

.mobile-partner .swiper-pagination {
  bottom: -20px;
  z-index: 10;
}

.mobile-partner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 200px;
  height: auto;
}

.mobile-partner .swiper-slide a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  align-items: center;
}

.mobile-partner .swiper-slide a img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.swiper-container-feature .swiper-pagination {
  bottom: 0 !important;
}

.top-feature.extended-feature {
  background-position: center bottom;
  background-size: cover;
}


.extended-middle .row-cover .middle-cover {
  position: relative;
  top: -65px;
}

.extended-middle .row-cover .middle-cover .subtitle {
  font-size: 34px;
  font-family: "helveticaneue-bold";
  padding-left: 20px;
  border-left: 5px solid #f87532;
  margin-bottom: 60px;
}

.extended-middle .row-cover .middle-cover .text {
  width: 100%;
  padding-right: 500px;
}

.extended-middle .row-cover .middle-cover .content {
  font-size: 22px;
  line-height: 1.5;
}

.extended-middle .row-cover .middle-cover .content a {
  color: var(--maintheme);
}

.extended-middle .row-cover .middle-cover .content span {
  display: inline-block;
  padding: 1px 10px;
  color: #ffffff;
  background: #f87532;
  margin-left: 30px;
}

.extended-middle .row-cover .middle-cover .image {
  position: absolute;
  right: 0;
  top: -100px;
}

.extended-middle .row-cover .middle-cover .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.whatiswarranty-desc {
  padding-top: 50px;
  line-height: 2;
  font-size: 16px;
}

.after_warranty_expired .title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.3;
}

.after_warranty_expired .title i {
  width: 5px;
  height: 5px;
  background: #f87532;
  border-radius: 100%;
  display: inline-block;
  margin-left: 5px;
}

.after_warranty_expired .content {
  padding-bottom: 30px;
  position: relative;
  font-size: 16px;
}

.after_warranty_expired .content img {
  position: absolute;
  left: -87px;
  top: -120px;
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.after_warranty_expired .content p {
  line-height: 2;
}

.after_warranty_expired .content p.padleft {
  padding-left: 100px;
}

.after_warranty_expired .subcontent {
  background: #ffffff;
  padding: 30px 120px 30px 30px;
  position: relative;
  line-height: 2;
  border-radius: 10px;
  font-family: "helveticaneue-medium";
  font-size: 18px;
}

.after_warranty_expired .subcontent img {
  position: absolute;
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  right: -71px;
  bottom: -71px;
}

.extendedwarranty_help {
  padding: 80px 0px;
}

.extendedwarranty_help .title {
  padding-bottom: 30px;
}

.extendedwarranty_help .content {
  line-height: 2;
  font-size: 16px;
  padding-bottom: 30px;
}

.extendedwarranty_help .content a {
  color: var(--maintheme);
}



.extendedwarranty_help a.getquote {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 150px;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  margin: 50px auto 0px;
}

.extendedwarranty_help a.getquote:hover {
  background: #de9021;
}

.howtobuy-extended-warranty .title {
  padding-bottom: 40px;
}

.howtobuy-extended-warranty .step-to-buy {
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 0px;
  font-size: 16px;
}

.howtobuy-extended-warranty a.getquote {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 150px;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  margin: 20px auto 0;
}

.howtobuy-extended-warranty a.getquote:hover {
  background: #de9021;
}

.howtobuy-extended-warranty .step-to-buy .image {
  width: 200px;
}

.howtobuy-extended-warranty .step-to-buy .image img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.howtobuy-extended-warranty .step-to-buy .desc {
  width: calc(100% - 200px);
  padding: 0px 20px;
}

.howtobuy-extended-warranty .step-to-buy .desc b {
  display: block;
  color: #31393f;
  padding-bottom: 10px;
  font-family: "helveticaneue-medium";
}

.howtobuy-extended-warranty .step-to-buy .desc p {
  color: #707070;
  padding-bottom: 10px;
}

.howtobuy-extended-warranty .step-to-buy .desc ul li {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: #707070;
  margin-bottom: 5px;
  padding-left: 15px;
}

.howtobuy-extended-warranty .step-to-buy .desc ul li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  content: "";
  top: 6px;
  left: 4px;
  background: var(--maintheme);
}

.howtobuy-extended-warranty .step-to-buy .desc .explain {
  font-size: 14px;
  line-height: 1.5;
  color: #707070;
}

.howtobuy-extended-warranty .step-to-buy .desc .explain span {
  display: block;
  color: #f87532;
  padding-bottom: 5px;
}

.extendedwarranty_package .extendedwarranty_detail_result {
  text-align: center;
  font-size: 20px;
  line-height: 2;
  font-family: "helveticaneue-medium";
  padding-bottom: 40px;
}

.extendedwarranty_package .extendedwarranty_detail_result b {
  color: #ff863f;
}

.extended-warranty-table.selectpackage .thead .trow .tcolumn,
.extended-warranty-table.selectpackage .tfooter .trow .tcolumn {
  text-align: center;
}

.extended-warranty-table.selectpackage .tfooter .trow .tcolumn {
  vertical-align: middle;
}

.extended-warranty-table.selectpackage .thead .trow .tcolumn b,
.extended-warranty-table.selectpackage .tfooter .trow .tcolumn b {
  display: block;
  text-align: center;
  padding: 15px 0px;
}

.extended-warranty-table.selectpackage .thead .trow .tcolumn a,
.extended-warranty-table.selectpackage .tfooter .trow .tcolumn a,
.extended-warranty-table.selectpackage
  .thead
  .trow
  .tcolumn
  input[type="submit"],
.extended-warranty-table.selectpackage
  .tfooter
  .trow
  .tcolumn
  input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 180px;
  text-align: center;
  margin: 0 auto;
  background: #ffffff;
  color: #ff863f;
  padding: 10px 10px;
  font-size: 16px;
  border-radius: 10px;
  border: none;
  font-family: "helveticaneue-medium";
}

.extended-warranty-table.selectpackage .thead .trow .tcolumn a:hover,
.extended-warranty-table.selectpackage .tfooter .trow .tcolumn a:hover,
.extended-warranty-table.selectpackage
  .thead
  .trow
  .tcolumn
  input[type="submit"]:hover,
.extended-warranty-table.selectpackage
  .tfooter
  .trow
  .tcolumn
  input[type="submit"]:hover {
  background: #000000;
  color: #ffffff;
}

.extendedwarranty_detail {
  min-height: 80vh;
  padding: 100px 0px;
}

.extendedwarranty_detail .title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1.3;
}

.extendedwarranty_detail .extendedwarranty_form {
  display: flex;
  line-height: 1.5;
  padding-top: 40px;
}

.extendedwarranty_detail .extendedwarranty_form .customize-dd {
  border: none;
  display: inline-block;
  width: 250px;
  padding: 5px 10px;
  border-bottom: 1px solid #e1e1e1;
  background: none;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  position: relative;
}

.extendedwarranty_detail .extendedwarranty_form .customize-dd p {
  color: #959595;
  background-image: url("../images/downarrow-black.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center right 10px;
}

.extendedwarranty_detail .extendedwarranty_form .customize-dd .select-dd {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  height: 150px;
  width: 100%;
  background: #ffffff;
  overflow-y: auto;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);

  display: none;
}

.extendedwarranty_detail .extendedwarranty_form .customize-dd .select-dd a {
  cursor: pointer;
  display: flex;
  height: 50px;
  align-items: center;
  padding: 10px 20px;
  color: var(--maintheme);
  text-align: center;
}

.extendedwarranty_detail
  .extendedwarranty_form
  .customize-dd
  .select-dd
  a:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.extendedwarranty_detail .extendedwarranty_form .sub {
  display: block;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  width: 150px;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  margin: 10px auto 10px;
}

.extendedwarranty_detail .extendedwarranty_form .sub:hover {
  background: #de9021;
}

/* width */
.extendedwarranty_detail
  .extendedwarranty_form
  .customize-dd
  .select-dd::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.extendedwarranty_detail
  .extendedwarranty_form
  .customize-dd
  .select-dd::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.extendedwarranty_detail
  .extendedwarranty_form
  .customize-dd
  .select-dd::-webkit-scrollbar-thumb {
  background: #888;
}

.extended-warranty-inspection {
  padding: 0px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  background: #ffffff;
  width: 100%;
}

.extended-warranty-inspection .payment_success_notice {
  padding: 50px 0px;
  border-bottom: 1px dashed #e1e1e1;
  text-align: center;
}

.extended-warranty-inspection .payment_success_notice .title {
  padding-bottom: 10px;
}

.extended-warranty-inspection .payment_success_notice p {
  line-height: 1.5;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  font-size: 18px;
}

.extended-warranty-inspection .inspection_appointment_form {
  padding: 50px 0px;
}

.extended-warranty-inspection .inspection_appointment_form .title {
  padding-bottom: 20px;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_location_choice {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 70px;
  font-size: 20px;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_location_choice
  p {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_location_choice
  .option {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0px 20px;
  cursor: pointer;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_location_choice
  .option
  span {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  margin-right: 10px;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_location_choice
  .option.checked
  span {
  background: var(--maintheme);
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_date_time {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_date_time
  .notice {
  width: 100%;
  font-size: 16px;
  padding-bottom: 30px;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_date_time
  .input-cover {
  width: 49%;
  margin-bottom: 20px;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_date_time
  .input-cover.not_in_klang {
  display: none;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_date_time
  .input-cover
  a.link {
  color: var(--maintheme);
  font-size: 14px;
  text-decoration: underline;
  margin-top: 10px;
  display: inline-block;
}

.extended-warranty-inspection
  .inspection_appointment_form
  .inspection_date_time
  .input-cover
  p {
  padding-bottom: 5px;
}

.extended-warranty-inspection .inspection_appointment_form .submit {
  margin: 40px auto 0px;
}

.extended-warranty-inspection .inspection_status {
  padding: 80px 0px;
  max-width: 800px;
  margin: 0 auto;
}

.extended-warranty-inspection .inspection_status .image {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.extended-warranty-inspection .inspection_status .image img {
  display: block;
  width: auto;
  max-width: 100%;
}

.extended-warranty-inspection .inspection_status .title {
  padding-bottom: 30px;
}

.extended-warranty-inspection .inspection_status table {
  width: 100%;
  margin-bottom: 60px;
}

.extended-warranty-inspection .inspection_status table thead {
  background: #1e252b;
}

.extended-warranty-inspection .inspection_status table thead tr th {
  text-align: left;
  padding: 10px 20px;
  color: #ffffff;
}

.extended-warranty-inspection .inspection_status table thead tr th:first-child {
  border-top-left-radius: 5px;
}

.extended-warranty-inspection .inspection_status table thead tr th:last-child {
  border-top-right-radius: 5px;
}

.extended-warranty-inspection .inspection_status table tbody {
  background: #ffffff;
}

.extended-warranty-inspection .inspection_status table tbody tr td {
  padding: 30px 20px;
  color: #000000;
  text-align: left;
  border: 1px solid #d7d7d7;
  width: 50%;
}

.extended-warranty-inspection .inspection_status table tbody tr td:first-child {
  border-bottom-left-radius: 5px;
  border-right: none;
}

.extended-warranty-inspection .inspection_status table tbody tr td:last-child {
  border-bottom-right-radius: 5px;
  border-left: none;
}

.extended-warranty-inspection .inspection_status table tbody tr td p {
  text-transform: uppercase;
  padding-bottom: 15px;
}

.extended-warranty-inspection .inspection_status table tbody tr td b {
  display: block;
  color: #898989;
  font-size: 15px;
  line-height: 1.5;
}

.extended-warranty-inspection .inspection_status .inspection_approval {
  text-align: center;
  width: 80%;
  margin: 0 auto 40px;
}

.extended-warranty-inspection .inspection_status .inspection_approval div {
  font-family: "helveticaneue-medium";
  font-size: 20px;
  padding-bottom: 20px;
}

.extended-warranty-inspection
  .inspection_status
  .inspection_approval.approved
  div
  b {
  color: #48ba74;
}

.extended-warranty-inspection
  .inspection_status
  .inspection_approval.disapproved
  div
  b {
  color: #f40127;
}

.extended-warranty-inspection .inspection_status .inspection_approval p {
  line-height: 1.5;
  font-size: 18px;
}

.extended-warranty-inspection .select_workshop {
  position: relative;
  width: 100%;
}

.extended-warranty-inspection .select_workshop span {
  width: 100%;
  padding: 15px 20px 15px 20px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-family: "helveticaneue";
  font-size: 16px;
  display: block;
  cursor: pointer;
  line-height: 1.3;
}

.extended-warranty-inspection .select_workshop .select_workshop_dd {
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.extended-warranty-inspection .select_workshop .select_workshop_dd .items {
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
}

.extended-warranty-inspection .select_workshop .select_workshop_dd .items b {
  display: block;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
}

.extended-warranty-inspection .select_workshop .select_workshop_dd .items p {
  padding-bottom: 0;
}

.extended-warranty-inspection
  .select_workshop
  .select_workshop_dd
  .items:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.workshop-address {
  min-height: 80vh;
}

.workshop-address .title {
  padding-bottom: 40px;
}

.workshop_table_cover {
  width: 100%;
}

.workshop_table_cover table {
  width: 100%;
  margin-bottom: 30px;
}

.workshop_table_cover table thead {
  background: #ff863f;
}

.workshop_table_cover table thead tr th {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 20px;
  color: #ffffff;
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.workshop_table_cover table tbody tr:nth-child(odd) {
  background: #f7f9fc;
}

.workshop_table_cover table tbody tr td {
  width: 50%;
  padding: 30px 30px;
  line-height: 1.3;
  border: 1px solid #e1e1e1;
}

.workshop_table_cover table tbody tr td strong {
  display: block;
  font-family: "helveticaneue-bold";
}

.extended-feature .image {
  width: 95%;
  margin: auto 0;
  display: none;
}

.extended-feature .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.workshop-address .workshop_panel_malaysia {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 40px;
}

.workshop-address .workshop_panel_malaysia a {
  display: block;
  padding: 10px 15px;
  color: #9e9e9e;
  border-radius: 5px;
  border: 1px solid #9e9e9e;
  margin: 10px 5px;
  text-transform: capitalize;
}

.workshop-address .workshop_panel_malaysia a:hover,
.workshop-address .workshop_panel_malaysia a.current {
  color: #ffffff;
  border: 1px solid var(--maintheme);
  background: var(--maintheme);
}

/*character info css*/
.fincrew_staff_card_wrapper {
  width: 430px;
  height: 430px;
  padding: 15px 15px;

  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  font-family: "minecraft";
}

.fincrew_staff_card {
  width: 100%;
  height: 100%;
  position: relative;
}

.fincrew_staff_card .card_left {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 280px;
}

.fincrew_staff_card .card_right {
  position: absolute;
  right: 0;
  top: 0;
  width: 216px;
  height: 280px;
}

.fincrew_staff_card .card_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 394px;
  height: 100px;
  background: #ffffff;
  border-radius: 5px;
}

.fincrew_staff_card .card_left .chatbox-float {
  width: 100%;
  height: 75px;
  background-image: url("../images/chatbox-border.png");
  background-repeat: no-repeat;
  background-size: 100% 75px;
  position: absolute;
  left: 0;
  top: 0;
  color: #ff5056;
  font-size: 17px;
}

.fincrew_staff_card .card_left .chatbox-float p {
  padding: 10px 10px;
  max-height: 41px;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fincrew_staff_card .card_left .staff_character {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 195px;
  width: 100%;
  background-image: url("../images/character-border.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.fincrew_staff_card .card_left .staff_character .gender {
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
}

.fincrew_staff_card .card_left .staff_character .gender img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.fincrew_staff_card .card_left .staff_character .character_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fincrew_staff_card .card_left .staff_character .character_image img {
  display: block;
  object-fit: contain;
  height: 100%;
}

.fincrew_staff_card .card_right .character_name_position {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-left: 3px solid #492447;
  border-right: 3px solid #492447;
}

.fincrew_staff_card .card_right .character_name_position .c_name {
  padding: 10px 10px 10px;
  background: #ffffff;
  color: #ea272e;
  font-size: 18px;
  line-height: 1.3;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 35px;
}

.fincrew_staff_card .card_right .character_name_position .c_position {
  color: #ffffff;
  background: #492447;
  padding: 10px 10px 10px;
  font-size: 16px;
  line-height: 1.3;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 54px;
}

.fincrew_staff_card .card_right .pixelate_border_top {
  position: absolute;
  left: 1px;
  background: #492447;
  width: calc(100% - 2px);
  height: 3px;
}

.fincrew_staff_card .card_right .pixelate_border_top {
  top: -3px;
}

.fincrew_staff_card .card_right .pixelate_border_btm {
  position: absolute;
  left: 1px;
  background: #492447;
  width: calc(100% - 2px);
  height: 3px;
}

.fincrew_staff_card .card_right .pixelate_border_btm {
  bottom: -3px;
}

.fincrew_staff_card .card_right .character_hp_mp {
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  border-left: 3px solid #492447;
  border-right: 3px solid #492447;
  background: #492447;
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp.c_hp {
  margin-bottom: 15px;
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp .text {
  background: #ffffff;
  padding: 8px 0px 3px;
  border-radius: 5px;
  text-align: Center;
  color: #301410;
  text-transform: uppercase;
  font-size: 18px;
  width: 40px;
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp .value_bar {
  width: calc(100% - 40px);
  padding: 0px 5px;
  display: flex;
  align-items: center;
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp .value_bar span {
  background: linear-gradient(0deg, #d7d7d7 50%, #9c9c9c 50%);
  height: 27px;
  border-radius: 2px;
  display: block;
  width: 11px;
  margin: 0px 2px;
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.yellow
  span {
  background: linear-gradient(180deg, #e2ac46 50%, #f9e449 50%);
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp .value_bar.blue span {
  background: linear-gradient(
    0deg,
    rgba(62, 182, 216, 1) 25%,
    rgba(6, 154, 201, 1) 50%,
    rgba(94, 192, 213, 1) 25%
  );
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.silver
  span {
  background: linear-gradient(180deg, #acb8c6 10%, #8392a5 40%, #e0eff2 50%);
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.brown
  span {
  background: rgb(216, 104, 75);
  background: linear-gradient(
    180deg,
    rgba(216, 104, 75, 1) 0%,
    rgba(169, 75, 51, 1) 43%,
    rgba(136, 46, 22, 1) 54%,
    rgba(233, 149, 127, 1) 100%
  );
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp .value_bar.red span {
  background: rgb(241, 44, 106);
  background: linear-gradient(
    180deg,
    rgba(241, 44, 106, 1) 0%,
    rgba(197, 28, 33, 1) 46%,
    rgba(250, 60, 84, 1) 51%,
    rgba(255, 213, 221, 1) 100%
  );
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.green
  span {
  background: rgb(144, 218, 208);
  background: linear-gradient(
    180deg,
    rgba(144, 218, 208, 1) 0%,
    rgba(184, 250, 180, 1) 43%,
    rgba(71, 149, 150, 1) 54%,
    rgba(183, 231, 222, 1) 100%
  );
}

.fincrew_staff_card .card_right .character_hp_mp .c_hp_mp .value_bar.pink span {
  background: rgb(255, 184, 210);
  background: linear-gradient(
    180deg,
    rgba(255, 184, 210, 1) 0%,
    rgba(251, 103, 156, 1) 43%,
    rgba(255, 155, 192, 1) 54%,
    rgba(255, 228, 239, 1) 100%
  );
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.purple
  span {
  background: rgb(165, 89, 237);
  background: linear-gradient(
    180deg,
    rgba(165, 89, 237, 1) 0%,
    rgba(136, 41, 225, 1) 47%,
    rgba(176, 102, 240, 1) 50%,
    rgba(236, 171, 241, 1) 100%
  );
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.deepblue
  span {
  background: rgb(55, 67, 183);
  background: linear-gradient(
    180deg,
    rgba(55, 67, 183, 1) 0%,
    rgba(1, 135, 186, 1) 40%,
    rgba(2, 201, 241, 1) 60%,
    rgba(144, 232, 249, 1) 100%
  );
}

.fincrew_staff_card
  .card_right
  .character_hp_mp
  .c_hp_mp
  .value_bar.deepgreen
  span {
  background: rgb(16, 135, 101);
  background: linear-gradient(
    180deg,
    rgba(16, 135, 101, 1) 0%,
    rgba(59, 226, 177, 1) 40%,
    rgba(60, 193, 154, 1) 60%,
    rgba(197, 245, 231, 1) 100%
  );
}

.fincrew_staff_card .card_right .character_stat {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.fincrew_staff_card .card_right .c_stat {
  width: 48%;
  display: flex;
  align-items: center;
  margin: 7px 0px;
}

.fincrew_staff_card .card_right .c_stat span,
.fincrew_staff_card .card_right .c_stat .span {
  display: block;
  width: 50%;
  background: #ffffff;
  text-align: center;
  text-transform: lowercase;
  font-size: 16px;
  color: #301410;
  padding: 6px 0px 3px;
  border-left: 3px solid #492447;
  position: relative;
}

.fincrew_staff_card .card_right .c_stat p {
  display: block;
  width: 50%;
  background: #492447;
  text-align: center;
  text-transform: lowercase;
  font-size: 16px;
  color: #ffffff;
  padding: 6px 0px 3px;
  line-height: 1;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fincrew_staff_card .card_bottom .character_ability_wrapper {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 0 50px;
  cursor: pointer;
}

.fincrew_staff_card .card_bottom .character_ability {
  display: flex;
  flex: 1;
  align-items: center;
}

.fincrew_staff_card .card_bottom .character_ability span {
  flex: 1;
  font-size: 16px;
  color: #492447;
}

.fincrew_staff_card .card_bottom .character_bio {
  height: 100%;
  padding: 10px 10px;
  overflow: hidden;
}

.fincrew_staff_card .card_bottom .character_bio b {
  font-size: 16px;
  color: #ff5056;
  margin-bottom: 5px;
  display: block;
}

.fincrew_staff_card .card_bottom .character_bio p {
  font-size: 14px;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 63px;
  overflow: hidden;
}

.aboutus_staff_slider {
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
  padding: 80px 0px 80px 20px;
}

.aboutus_staff_slider .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 30px;
  text-align: center;
}

.aboutus_staff_slider .title i {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.aboutus_staff_slider .swiper-slide {
  width: 430px;
}

/*character info css*/

.dashboard-content .dashboard-tbody .table-tab {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.dashboard-content .dashboard-tbody .table-tab a {
  display: block;
  width: 170px;
  text-align: center;
  color: #000000;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  padding: 10px 10px;
  margin: 5px 20px 5px 0px;
}

.dashboard-content .dashboard-tbody .table-tab a:hover,
.dashboard-content .dashboard-tbody .table-tab a.active {
  border: 1px solid #fc9d34;
  color: #fc9d34;
}

.extendedwarranty_form input.carplate {
  text-transform: uppercase;
}

.extendedwarranty_form input.carplate::-webkit-input-placeholder {
  /* Edge */
  text-transform: capitalize !important;
}

.extendedwarranty_form input.carplate:-ms-input-placeholder {
  /* Internet Explorer */
  text-transform: capitalize !important;
}

.extendedwarranty_form input.carplate::placeholder {
  text-transform: capitalize !important;
}

.fincrew_desc_home {
  width: 100%;
}

.fincrew_desc_home .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 30px;
  text-align: center;
}

.fincrew_desc_home p {
  line-height: 1.5;
  text-align: center;
}

.fincrew_promotion {
  padding: 30px 0px;
}

.fincrew_promotion .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  text-align: center;
  padding-bottom: 20px;
  color: #000000;
}

.fincrew_promotion p {
  text-align: center;
}

.fincrew_promotion p a {
  color: var(--maintheme);
}

.office-risk-video {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.office-risk-video .video-frame {
  width: 30%;
  margin-bottom: 20px;
}

.office-risk-video .video-frame iframe {
  width: 100%;
}

.office-insurance-cover .title {
  font-family: "helveticaneue-bold";
  font-size: 35px;
  color: #31393f;
  padding-bottom: 10px;
}

.office-insurance-cover .subtitle {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  color: var(--maintheme);
  padding: 0px 0px 50px;
}

.swiper-container.quoteslider {
  height: auto;
  padding-bottom: 0px !important;
}

.swiper-container.quoteslider .swiper-pagination-bullets {
  left: initial;
  right: 0;
  width: auto;
  height: 100%;
}

.swiper-container.quoteslider
  .swiper-pagination-clickable
  .swiper-pagination-bullet {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  z-index: 2;
}

.quotebullet:before {
  top: 20%;
  height: 30%;
}

.quotebullet:after {
  bottom: 0;
  top: initial;
  height: 50%;
}

#howitwork-slide .swiper-pagination-bullet {
  margin: 0 5px;
}

.claiming-form {
  padding: 80px 0px;
}

.claiming-form .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 40px;
  text-align: center;
}

.claiming-form .subtitle {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding-bottom: 20px;
  line-height: 1.3;
}

.claiming-form .flex-cover {
  display: flex;
  justify-content: space-between;
}

.claiming-form .form-cover {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 49%;
}

.claiming-form .form-cover .input-cover {
  width: 100%;
  margin-bottom: 20px;
}

.claiming-form .form-cover .input-cover.full {
  width: 100%;
}

.claiming-form .form-cover .input-cover.half {
  width: 49%;
}

.claiming-form .form-cover .input-cover p {
  padding-bottom: 10px;
}

/*
.claiming-form .form-cover .input-cover label {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.claiming-form .form-cover .input-cover .filename {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  overflow: hidden;

  line-height: 1.3;
  text-overflow: ellipsis;
}


.claiming-form .form-cover .input-cover label input {
  display: none;
}

.claiming-form .form-cover .input-cover label div {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
  background: #000000;
  transition: all ease 0.3s;
  cursor: pointer;
}

.claiming-form .form-cover .input-cover label div:hover {
  background: var(--maintheme);
  transition: all ease 0.3s;
}
*/

.claiming-form .notice {
  background: #e5e5ea;
  padding: 20px 20px;
  border-radius: 10px;
  line-height: 1.5;
  margin-top: 30px;
  width: 49%;
}

.claiming-form .notice b {
  font-weight: bold;
}

.claiming-form .notice a {
  color: var(--maintheme);
}

.claiming-form .submit {
  margin: 30px auto;
}

.claim-required-condition-document {
  padding-top: 50px;
}

.claim-required-condition-document table {
  width: 100%;
}

.claim-required-condition-document table tr td {
  padding: 20px 20px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
}

.claim-required-condition-document table tr td:first-child {
  background: #f4f6fa;
  width: 20%;
  font-family: "helveticaneue-medium";
  font-size: 18px;
}

.claim-required-condition-document table tr td b {
  font-weight: bold;
  display: block;
  padding-bottom: 10px;
}

.claim-required-condition-document table tr td ul {
  list-style-type: disc;
  margin-left: 20px;
}

.claim-required-condition-document table tr td ul li {
  line-height: 1.5;
}

.claim-required-condition-document table tr td ul li a.claim-pdf {
  font-size: 12px;
  color: var(--maintheme);
  width: 150px;
  display: block;
  line-height: 1;
  text-align: center;
}

.ncd-check {
  padding: 80px 0px;
}

.content_page_title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  color: #31393f;
  padding: 20px 0px 30px;
  text-align: center;
  line-height: 1.3;
}

.ncd-check .ncd-form {
  max-width: 600px;
  margin: 0 auto;
}

.ncd-check .ncd-form .input-cover {
  margin-bottom: 20px;
}

.ncd-check .ncd-form .input-cover p {
  padding-bottom: 10px;
}

.button-submit-home {
  display: block;
  text-align: center;
}

.button-submit-home input[type="submit"] {
  margin: 0 auto 20px;
}

.button-submit-home .submit {
  display: inline-block;
  width: 200px;
  padding: 10px 10px;
  border-radius: 5px;
  text-align: center;
  margin: 10px auto;
  color: #fff;
  background: var(--maintheme);
  font-size: 17px;
}

.button-submit-home .submit:hover {
  background: #de9021;
}

.button-submit-home .link_backtohome {
  display: inline-block;
  color: var(--maintheme);
}

.button-submit-home .link_backtohome:hover {
  text-decoration: underline;
}

.page-footer .content_title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  padding: 10px 0px;
  text-align: center;
}

.page-footer .content_blocks {
  display: none;
  width: 100%;
  margin: 30px auto;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
}

.page-footer .content_blocks .block {
  width: 100%;
  border-radius: 20px;
  padding: 20px 20px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(5px);
  overflow: hidden;
  position: relative;
}

.page-footer .content_blocks .block h2,
.page-footer .content_blocks .block h3 {
  font-size: 20px !important;
}

.reviews-badges a {
  display: inline-block !important;
}

.extendedwarranty_form .userinfo .input-cover {
  width: 100%;
  margin-bottom: 30px;
}

.travel-provider-price-compare {
  padding: 80px 0px;
  width: 100%;
}

.travel-provider-table {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.travel-provider-table table {
  width: 100%;

  border: 1px solid #d7d7d7;
}

.travel-provider-table table thead {
  background: #1e252b;
}

.travel-provider-table table thead tr th {
  padding: 15px 10px;
  color: #ffffff;
  vertical-align: middle;
  font-size: 14px;
}

.travel-provider-table table tbody tr td {
  padding: 20px 10px;
  color: #1e252b;
  text-align: center;
  border-top: 1px solid #d7d7d7;
  background: #ffffff;
}

.travel-provider-table table tbody tr td .plan_class {
  display: block;
  padding-bottom: 10px;
}

.travel-provider-table table tbody tr td .plan_class span {
  display: inline-block;
  padding: 5px 10px;
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  width: 100px;
  margin: 0 auto 10px;
}

.travel-provider-table table tbody tr td .provider_logo {
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
}

.travel-provider-table table tbody tr td .provider_logo img {
  width: 100%;
  height: 100%;
  max-height: 90px;
  display: block;
  object-fit: contain;
}

.travel-provider-table table tbody tr td .price {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.travel-provider-table table tbody tr td .buynow {
  display: block;
  border-radius: 5px;
  padding: 10px 10px;
  background-color: var(--maintheme);
  color: #ffffff;
  width: 120px;
  border: none;
  cursor: pointer;
}

.travel-provider-table table tbody tr td .buynow:hover {
  background: #de9021;
}

.travel-provider-table table tbody tr td span.all {
  background: #f87532;
}

.travel-provider-table table tbody tr td span.child {
  background: #00b0ec;
}

.travel-provider-table table tbody tr td span.adult {
  background: #00a657;
}

.travel-provider-table table tbody tr td span.senior {
  background: #642e8e;
}

.travel_plan_cover_table {
  width: 100%;
  margin-bottom: 30px;
}

.travel_plan_cover_table .toggle_header {
  background: #1e252b;
  padding: 15px 20px;
  color: #ffffff;
  text-align: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-transform: capitalize;
}

.travel_plan_cover_table .table_body {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
}

.travel_plan_cover_table .table_body .column {
  width: 100%;
  border: 1px solid #d7d7d7;
  display: flex;
  flex-wrap: wrap;
  border-right: none;
  border-bottom: none;
}

.travel_plan_cover_table .table_body .column.full {
  width: 100%;
  border: 1px solid #d7d7d7 !important;
  border-bottom: none !important;
}

.travel_plan_cover_table .table_body .column .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 20px;
  font-size: 13px;
  border-bottom: 1px solid #d7d7d7;
  align-items: center;
  line-height: 1.5;
  width: 50%;
  border-right: 1px solid #d7d7d7;
}

.travel_plan_cover_table .table_body .column.full .item {
  width: 100%;
  border-right: none;
}

.travel_plan_cover_table .table_body .column .item .download {
  display: inline-block;
  border-radius: 5px;
  padding: 5px 15px;
  background: var(--maintheme);
  color: #ffffff;
  margin: 5px 10px 5px 0px;
}

.travel_plan_cover_table .table_body .column .item .download:hover {
  background: #de9021;
}

.travel_plan_cover_table .table_body .column .item.download_button {
  justify-content: flex-start;
}

.travel_plan_cover_table .table_body .column .item > div {
  width: 70%;
  text-transform: capitalize;
  padding-right: 20px;
  box-sizing: border-box;
}

.travel_plan_cover_table .table_body .column .item .insurance-tooltips {
  vertical-align: baseline;
  text-transform: none;
}

.travel_plan_cover_table .table_body .column .item span {
  width: 30%;

  display: block;
  padding-right: 20px;
}

.travel_plan_summary {
  padding-bottom: 40px;
}

.travel_plan_summary .selected_provider {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 20px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
}

.travel_plan_summary .selected_provider .logo {
  width: 200px;
}

.travel_plan_summary .selected_provider .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.travel_plan_summary .selected_provider .plan_class {
  width: calc(100% - 400px);
  font-size: 25px;
  padding-left: 20px;
}

.travel_plan_summary .selected_provider .price {
  width: 200px;
  text-align: right;
  font-family: "helveticaneue-medium";
  font-size: 25px;
  color: var(--maintheme);
}

.travel_plan_summary .plan_summary_price {
  display: flex;
  align-items: center;
  padding: 20px 20px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-top: none;
  flex-wrap: wrap;
}

.travel_plan_summary .plan_summary_price div {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.travel_plan_summary .plan_summary_price div b {
  display: block;
  width: 100%;
  text-align: center;
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding-top: 5px;
}

.daily_banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: none;
}

.daily_banner .content {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #ffffff;
  border-radius: 5px;
  padding: 5px 5px;
  width: 90%;
  max-width: 600px;
  transform: translate(-50%, -50%);
}

.daily_banner .content img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.daily_banner .content .close_daily {
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  background: #ffffff;
  line-height: 25;
  top: -10px;
  right: -10px;
  z-index: 10;
  cursor: pointer;
}

.daily_banner .content .close_daily:before {
  height: 15px;
  width: 3px;
  background: #000000;
  content: "";
  position: absolute;
  left: 11px;
  top: 5px;
  transform: rotate(45deg);
}

.daily_banner .content .close_daily:after {
  height: 15px;
  width: 3px;
  background: #000000;
  content: "";
  position: absolute;
  right: 11px;
  top: 5px;
  transform: rotate(-45deg);
}

.daily_banner .scam_alert {
  padding: 20px 20px;
  max-height: 90vh;
  overflow-y: auto;
}

.daily_banner .scam_alert .title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  color: #31393f;
  padding-bottom: 10px;
  text-align: center;
}

.daily_banner .scam_alert .title span {
  display: inline-block;
  color: var(--maintheme);
}

.daily_banner .scam_alert p {
  line-height: 1.5;
}

.daily_banner .scam_alert p b {
  font-family: "helveticaneue-bold";
}

.daily_banner .scam_alert ul {
  margin-left: 15px;
}

.daily_banner .scam_alert ul li {
  list-style-type: disc;
  margin: 5px 0px;
}

.travel-provider-table table tbody tr td.noresult a {
  color: var(--maintheme);
}

.travel-provider-table table tbody tr td.noresult a:hover {
  text-decoration: underline;
}

table.dataTable thead .sorting {
  background-image: url(../images/sort_both.png);
}

table.dataTable thead .sorting_asc {
  background-image: url(../images/sort_asc.png);
}

table.dataTable thead .sorting_desc {
  background-image: url(../images/sort_desc.png);
}

table.dataTable thead tr th {
  background-repeat: no-repeat !important;
  background-position: center right !important;
  cursor: pointer;
}

.filter_plan_policy table tr td {
  text-align: center;
}

.filter_plan_policy table tr td .pandemic-priority {
  width: auto;
  max-width: 200px;
  margin: 0 auto 20px;
}

.filter_plan_policy table tr td .pandemic-priority img {
  display: block;
  object-fit: contain;
  width: 100%;
}

.filter_plan_policy table tr td .p-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter_plan_policy table tr td .p-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 40px;
}

.filter_plan_policy table tr td p {
  padding: 0px 0px 5px;
  font-size: 12px;
}

.plan_policy_table table tbody tr td span.all {
  background: #f87532;
}

.plan_policy_table table tbody tr td span.child {
  background: #00b0ec;
}

.plan_policy_table table tbody tr td span.adult {
  background: #00a657;
}

.plan_policy_table table tbody tr td span.senior {
  background: #642e8e;
}

.filter_plan_policy table tr td .price {
  padding-bottom: 10px;
}

.filter_plan_policy table tr td .price b {
  color: var(--maintheme);
  font-size: 18px;
  font-family: "helveticaneue-medium";
}

.plan_policy_table table tbody tr td span {
  display: inline-block;
  padding: 5px 10px;
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  width: 100px;
  text-align: center;
}

.plan_policy_table table tbody tr td p img {
  width: auto;
  max-width: 100px;
  display: block;
}

.multiple_insured_form {
  margin-bottom: 10px;
}

.multiple_insured_form .slide_toggle_header {
  position: relative;
  cursor: pointer;
}

.multiple_insured_form .slide_toggle_header i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.multiple_insured_form .slide_toggle_header i.arrow-down:before {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 7px;
  top: 5px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
  content: "";
}

.multiple_insured_form .slide_toggle_header i.arrow-up:before {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 7px;
  top: 9px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-135deg);
  content: "";
}

.travel-provider-table table tbody tr td .compare_now {
  display: block;
  border-radius: 5px;
  padding: 10px 10px;
  background-color: #1e252b;
  color: #ffffff;
  width: 120px;
  border: none;
  cursor: pointer;
  margin-top: 15px;
  transition: all ease 0.1s;
}

.travel-provider-table table tbody tr td .compare_now.active {
  background: #d7d7d7;
  color: #f1f1f1;
  transition: all ease 0.1s;
}

.table-button-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.table-button-selection .left {
  display: flex;
  align-items: flex-start;
}

.table-button-selection .right {
  display: flex;
  align-items: flex-end;
}

.table-button-selection a {
  display: block;
  border-radius: 50px;
  padding: 10px 20px;
  text-align: center;
  background: #1e252b;
  color: #ffffff;
  margin-bottom: 10px;
}

.table-button-selection a.filter_provider {
  background: #00b9ff;
}

.table-button-selection a.compare_provider {
  background: var(--maintheme);
  padding: 5px 10px 5px 5px;
  display: flex;
  align-items: center;
}

.table-button-selection a.compare_provider i {
  display: inline-block;
  border-radius: 50px;
  background: #ffffff;
  color: #000000;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
}

.tablesorter-header {
  background-image: url(../images/sort_both.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.headerSortUp,
.tablesorter-headerSortUp,
.tablesorter-headerAsc {
  background-image: url(../images/sort_asc.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.headerSortDown,
.tablesorter-headerSortDown,
.tablesorter-headerDesc {
  background-image: url(../images/sort_desc.png);
  background-repeat: no-repeat;
  background-position: center right;
}

table.sorting-table thead tr th {
  cursor: pointer;
}

.sorting-table thead .sorter-false {
  background-image: none;
  cursor: default;
}

.provider_moreinfo {
  text-align: left;
}

.tablesorter-childRow td {
  background: #e5e5e5 !important;
}

.provider_moreinfo .travel_plan_cover_table {
  margin-bottom: 0;
}

.provider_moreinfo .travel_plan_cover_table .toggle_header {
  border-radius: 0;
}

.travel-provider-table table tbody tr td .moreinfo {
  color: var(--maintheme);
  display: inline-block;
  margin-top: 10px;
  text-decoration: underline;
}

.travel-provider-table table tbody tr td .moreinfo.bottom {
  display: none;
  width: 100%;
  margin-top: 15px;
}

.filtering_option {
  display: block;
  width: 0px;
  background: #ffffff;
  overflow: hidden;
}

.filtering_option.slidein {
  width: 300px;
}

.filtering_option .filter_category {
  padding: 20px;
}

.filtering_option .filter_category .filter_title {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
  color: var(--maintheme);
  font-size: 18px;
}

.filtering_option .filter_category .filter_selection_cover {
  display: block;
}

.filtering_option .filter_category .filter_selection_cover .filter_selection {
  width: 100%;
  padding-bottom: 20px;
}

.filtering_option .filter_category .filter_selection_cover .filter_selection p {
  padding-bottom: 10px;
}

.travel-provider-table table tbody tr td .m_title {
  display: none;
}

.copyright_lang .language .followus ul {
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
}

.copyright_lang .language .followus ul li {
  padding: 0;
  border: none;
  margin: 5px 10px 5px 0px;
}

.copyright_lang .language .followus ul li a {
  border-radius: 100%;
  border: 1px solid #cbcbcb;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
}

.copyright_lang .language .followus ul li a:hover {
  background: #ffffff;
  color: #000000;
}

.travel-provider-table table tbody tr td .pandemic-priority {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 10px;
}

.travel-provider-table table tbody tr td .pandemic-priority img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.promotion-slider {
  width: 100%;
  max-width: 1024px;
  overflow: hidden;
  margin: 0 auto;
}



.promotion-slider .promotionswiper .swiper-slide {
  width: 100%;
}

.promotion-slider .promotionswiper .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: contain;
  border: 10px solid var(--maintheme);
  box-sizing: border-box;
}

.promotionswiper-pagination {
  margin: 20px auto 0px;
  text-align: center;
}

.officerisk-video-slider {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  padding: 0px 57px;
}

.officerisk-video-slider .officevideoswiper {
  width: 100%;
  max-width: 580px;
  overflow: hidden;
  margin: 0 auto;
}

.officerisk-video-slider .officevideoswiper .swiper-slide {
  width: 100%;
}

.officerisk-video-slider .officevideoswiper .swiper-slide .video-frame {
  border: 10px solid var(--maintheme);
}

.officerisk-video-slider .officevideoswiper .swiper-slide .video-frame iframe {
  width: 100%;
  height: 100%;
}

.officerisk-video-slider .sliderbutton {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all ease 0.3s;
}

.officerisk-video-slider .sliderbutton:hover {
  background: var(--maintheme);
  transition: all ease 0.3s;
}

.officerisk-video-slider .sliderbutton.officevideoswiper-button-next {
  right: 0;
}

.officerisk-video-slider .sliderbutton.officevideoswiper-button-next:before {
  content: "";
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  border-radius: 2px;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 45%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.officerisk-video-slider .sliderbutton.officevideoswiper-button-prev {
  left: 0;
}

.officerisk-video-slider .sliderbutton.officevideoswiper-button-prev:before {
  content: "";
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  border-radius: 2px;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 55%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.page-video-middle {
  width: 100%;
  max-width: 580px;
  margin: 0px auto 0px;
  border: 10px solid var(--maintheme);
}

.faq .faq_redirect_option {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 50px 0px;
}

.faq .faq_redirect_option a {
  display: block;
  width: auto;
  min-width: 200px;
  text-align: Center;
  border: 1px solid var(--maintheme);
  padding: 15px 20px;
  color: #ffffff;
  border-radius: 5px;
  margin: 10px 5px;
  background: var(--maintheme);
}

.faq .faq_redirect_option a:hover {
  background: #de9021;
  color: #ffffff;
  border: 1px solid #de9021;
}

.flex-input-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex-input-form .input-cover {
  width: 32%;
  margin-bottom: 20px;
}

.flex-input-form .input-cover p {
  padding-bottom: 10px;
  font-size: 16px;
}

.flex-input-form .input-cover.half {
  width: 49%;
}

.flex-input-form .input-cover.full {
  width: 100%;
}

.provider-compare .smallnote_for_user {
  padding: 20px;
  border-radius: 5px;
  background: #ffffff;
  margin-bottom: 20px;
}

.provider-compare .smallnote_for_user .title {
  text-align: left;
  color: var(--maintheme);
  padding-bottom: 20px;
  font-size: 15px;
}

.provider-compare .smallnote_for_user ul {
  list-style-type: decimal;
  margin-left: 20px;
}

.provider-compare .smallnote_for_user ul li {
  line-height: 1.5;
}

.quote_step_notice p {
  max-width: 500px;
  margin: 0 auto;
  font-size: 12px;
  text-align: left;
}

.filter_selection.input-cover-checkbox label.input-field-checkbox {
  margin-bottom: 0;
}

.travel_filter_provider_table {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: Relative;
  overflow: hidden;
}

.travel_filter_provider_table .travel-provider-price-compare.trigger {
  width: calc(100% - 330px);
}

.content_page_title_big {
  font-size: 60px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.content_page_title_big i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.voucher_selection {
  display: block;
  width: 100%;
  margin: 50px 0px 0px;
}

.voucher_selection .submit {
  margin: 20px auto 0px;
}

.voucher_selection .subtitle {
  font-family: "helveticaneue-bold";
  font-size: 25px;
  color: #31393f;
  padding: 20px 0px 30px;
  text-align: center;
  line-height: 1.3;
}

.voucher_available {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.voucher_available .voucher_cover {
  display: block;
  max-width: 400px;
  border-radius: 5px;
  background: #ffffff;
  border: 2px solid #d7d7d7;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  margin: 0px 20px 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 30px auto;

  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}

.voucher_available .voucher_cover:hover {
  border: 2px solid var(--maintheme);
  background: var(--maintheme);
  color: #ffffff;
}

.voucher_available .voucher_cover.active {
  border: 2px solid var(--maintheme);
}

.voucher_available .voucher_cover.active:before {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid var(--maintheme);
  top: -30px;
  right: -37px;
  content: "";
  transform: rotate(-315deg);
}

.voucher_available .voucher_cover.active:after {
  position: absolute;
  right: 8px;
  top: 3px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 7px;
  height: 15px;
  content: "";
  transform: rotate(45deg);
}

.voucher_available label {
  position: relative;
  overflow: hidden;
  width: 30%;
}

.voucher_available label input {
  opacity: 0;
  position: absolute;
  left: -9000px;
  z-index: -99;
}

.footer-address .title {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--maintheme);
  padding-bottom: 3px;
  font-family: "helveticaneue-bold";
  position: relative;
  display: inline;
  border-bottom: 1px solid var(--maintheme);
  margin-bottom: 10px;
}

.footer-address p {
  color: #cbcbcb;
  padding: 10px 0px;
}

.footer-address p a {
  color: var(--maintheme);
}

.footer-address a.viewongoogle {
  display: block;
  color: var(--maintheme);
  border: 1px solid var(--maintheme);
  border-radius: 5px;
  padding: 10px 5px;
  text-align: center;
  max-width: 250px;
  margin-bottom: 30px;
  margin-top: 10px;
}

.footer-address a.viewongoogle:hover {
  color: #ffffff;
  background: var(--maintheme);
}

.gadget-desc {
  position: Relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 60px 0px;
}

.gadget-desc .text {
  width: 50%;
  line-height: 1.5;
  font-size: 20px;
}

.gadget-desc .image {
  position: absolute;
  right: 0;
  top: -80px;
  max-width: 45%;
}

.gadget-desc .image img {
  display: block;
  width: auto;
  max-width: 100%;
}

.default-middle-title .triangleicon.reverse {
  transform: translateX(-50%) rotate(180deg);
}

.gadget-insurance-cover {
  padding: 80px 0px;
}

.gadget-insurance-cover p.whatis {
  text-align: center;
  font-size: 20px;
  padding: 40px 0px;
  max-width: 1000px;
  margin: 0 auto;
}

.gadget-insurance-cover .gadget-icon {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
  flex-wrap: wrap;
}

.gadget-insurance-cover .gadget-icon li {
  margin: 10px 30px;
}

.gadget-insurance-cover .gadget-icon li div {
  display: flex;
  align-items: center;
  height: 100px;
  width: 100px;
  border-radius: 100%;
  background: #e1e1e1;
  justify-content: center;
}

.gadget-insurance-cover .gadget-icon li p {
  text-align: center;
  line-height: 1.3;
  margin-top: 10px;
  font-family: "helveticaneue-medium";
}

.gadget-insurance-cover .gadget-icon li img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  transform: scale(1.1);
}

.gadget-insurance-feature {
  padding: 40px 0px;
}

.gadget-insurance-feature ul {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.gadget-insurance-feature ul li {
  margin: 10px 10px;
  width: 30%;
  background: #f1f1f4;
  border-radius: 20px;
  border: 1px solid var(--mainblue);
  padding: 20px 20px;
}

.gadget-insurance-feature ul li div {
  display: flex;
  justify-content: center;
  height: 100px;
}

.gadget-insurance-feature ul li div img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.gadget-insurance-feature ul li p {
  text-align: center;
  font-family: "helveticaneue-medium";
  font-size: 16px;
  padding-top: 30px;
}

.insurance_scenario_cover {
  padding: 80px 0px;
}

.insurance_scenario_cover .title {
  display: block;
  font-family: "helveticaneue-bold";
  font-size: 18px;
  padding-bottom: 20px;
}

.insurance_scenario_cover ul {
  list-style-type: disc;
  margin-left: 20px;
}

.insurance_scenario_cover ul li {
  margin: 5px 0px;
  line-height: 1.5;
  color: #ff7139;
}

.insurance_scenario_cover ul li p {
  color: #000000;
  padding-bottom: 0;
  font-size: 16px;
}

.insurance_scenario_cover ul li p b {
  font-weight: bold;
}

.gadget-insurance-form {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.gadget-insurance-form .next {
  display: block;
  width: 180px;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  border: none;
  transition: all ease 0.3s;
}

.gadget-insurance-form .next:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.gadget-insurance-device .title {
  padding: 10px 10px;
  background: #f2f2f5;
  font-family: "helveticaneue-bold";
  margin-bottom: 20px;
  font-size: 16px;
}

.gadget-insurance-device .title b {
  cursor: pointer;
  color: red;
  font-family: "helveticaneue-medium";
  display: inline-block;
  margin-left: 10px;
}

.gadget-insurance-device .input-cover {
  margin-bottom: 20px;
  max-width: 800px;
}

.gadget-insurance-device .input-cover p {
  padding-bottom: 10px;
  font-family: "helveticaneue-medium";
  font-size: 16px;
}

.gadget-insurance-device .input-cover p a {
  color: var(--maintheme);
}

.gadget-insurance-device .input-cover p.notice {
  font-size: 12px;
  padding-top: 5px;
  font-family: "helveticaneue-light";
}

.gadget-insurance-device .input-cover .input-field {
  max-width: 500px;
}

.gadget-insurance-device .section-yesno .input-cover {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.gadget-insurance-device .section-yesno .input-cover p {
  width: calc(100% - 300px);
}

.gadget-insurance-device .section-yesno .input-cover .answer {
  width: 220px;
}

.gadget-insurance-form .add_device {
  color: var(--maintheme);
  text-decoration: underline;
  cursor: pointer;
}

.gadget-insurance-device label.input-field-radio {
  color: #a1a1a1;
  margin-bottom: 10px;
}

.gadget-insurance-comfirmation {
  display: block;
  padding: 40px 0px;
  border-top: 1px solid #d7d7d7;
  max-width: 900px;
  margin: 0 auto;
}

.gadget-insurance-comfirmation .title {
  font-family: "helveticaneue-medium";
  margin-bottom: 20px;
  font-size: 16px;
}

.gadget-insurance-comfirmation-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.gadget-insurance-comfirmation .input-cover {
  margin-bottom: 20px;
  width: 49%;
}

.gadget-insurance-comfirmation .input-cover.full {
  width: 100%;
}

.gadget-insurance-comfirmation .input-cover p {
  padding-bottom: 10px;
}

.gadget-quotation-coverage {
  display: none;
  padding: 80px 0px;
  border-top: 1px solid #d7d7d7;
  max-width: 900px;
  margin: 0 auto;
}

.gadget-quotation-coverage .title {
  color: #fc9d36;
  font-size: 22px;
  font-family: "helveticaneue-medium";
  padding-bottom: 50px;
  text-align: center;
}

.gadget-quotation-coverage .insurer_detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 40px;
  max-width: 900px;
  margin: 0 auto;
}

.gadget-quotation-coverage .insurer_detail .input-cover {
  width: 33%;
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 15px 20px;
}

.gadget-quotation-coverage .insurer_detail .input-cover p {
  padding-bottom: 10px;
  color: #959595;
}

.gadget-quotation-coverage .insurer_detail .input-cover span {
  display: block;
  color: #000000;
}

.gadget-quotation-coverage .order-summary-table {
  padding: 20px 0px 40px;
}

.gadget-quotation-coverage .submit {
  margin: 40px auto 0px;
}

.gadget-quotation-coverage .divline {
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  margin: 30px 0px;
}

.insurance-payment-cover .insurance-payment-left.full.middle {
  margin: 0 auto;
}

.insurance-payment-cover
  .insurance-payment-left.full.middle
  .insurance-payment-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.insurance-payment-cover
  .insurance-payment-left.full.middle
  .insurance-payment-button
  a.back,
.insurance-payment-cover
  .insurance-payment-left.full.middle
  .insurance-payment-button
  .sub {
  display: block;
  width: 150px;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  border: none;
  transition: all ease 0.3s;
}

.insurance-payment-cover
  .insurance-payment-left.full.middle
  .insurance-payment-button
  a.back:hover,
.insurance-payment-cover
  .insurance-payment-left.full.middle
  .insurance-payment-button
  .sub:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.row.top-feature.gadgetinsurance .image,
.row.top-feature.personalloan-feature .image {
  display: none;
  width: 100%;
}

.input-cover.fileupload {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.input-cover.fileupload .filename {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  overflow: hidden;

  line-height: 1.3;
  text-overflow: ellipsis;
}


.input-cover.fileupload .button-pattern {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  background: #000000;
  transition: all ease 0.3s;
  cursor: pointer;
}

label.fileupload div:hover {
  background: var(--maintheme);
  transition: all ease 0.3s;
}

.insurance-payment-right
  .insurance-payment-details
  .content
  table
  tr
  td.promocode {
  text-align: center;
}

.insurance-payment-right .insurance-payment-details .promo_click {
  cursor: pointer;
  text-align: center;
  text-decoration: underline;
  color: var(--maintheme);
  margin-bottom: 20px;
}

.fincrew-calculator {
  padding: 80px 0px;
}

.fincrew-calculator .car-loan-calculator {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fincrew-calculator .car-loan-calculator .calculator-form {
  width: 49%;
  padding: 20px 20px;
}

.fincrew-calculator .car-loan-calculator .carloan-result {
  width: 49%;
  padding: 20px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #f5f5f5;
}

.fincrew-calculator .car-loan-calculator .carloan-result div {
  width: 100%;
  padding: 20px 0px;
  font-size: 20px;
}

.fincrew-calculator .car-loan-calculator .carloan-result div#minimum_pass {
  line-height: 1.3;
  padding: 20px 20px;
}

.fincrew-calculator .car-loan-calculator .carloan-result div#minimum_pass b {
  color: var(--maintheme);
}

.fincrew-calculator .car-loan-calculator .carloan-result div p {
  font-size: 25px;
  color: var(--maintheme);
}

.fincrew-calculator .calculator-form .input-cover {
  margin-bottom: 20px;
}

.fincrew-calculator .calculator-form .input-cover p {
  width: 100%;
  padding-bottom: 5px;
}

.fincrew-calculator .calculator-form .input-cover input {
  width: 100%;
}

.fincrew-calculator .calculator-form .input-cover input:read-only {
  background: #e5e5e5;
}

.fincrew-calculator .calculator-form .button-submit-home {
  padding-top: 50px;
}

.fincrew-calculator .calculator-form .input-cover .symbols_align {
  display: flex;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  overflow: hidden;
}

.fincrew-calculator .calculator-form .input-cover .symbols_align .symbols {
  width: 80px;
  display: flex;
  align-items: center;
  background: #d7d7d7;
  justify-content: center;
  border-radius: 0;
}

.fincrew-calculator .calculator-form .input-cover .symbols_align .input-field {
  width: calc(100% - 80px);
  border-radius: 0;
  border: none;
}

.daily_banner .daily-slider {
  overflow: hidden;
}

.promotiondailyswiper-pagination {
  text-align: center;
}

.promotiondailyswiper-next {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  z-index: 10;
  border-radius: 100%;
  cursor: pointer;
}

.promotiondailyswiper-next:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  height: 10px;
  width: 10px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.promotiondailyswiper-prev {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  z-index: 10;
  border-radius: 100%;
  cursor: pointer;
}

.promotiondailyswiper-prev:before {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  height: 10px;
  width: 10px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.promotiondailyswiper-control {
  opacity: 100;
  transition: all ease 0.3s;
}

.promotiondailyswiper-control.swiper-button-disabled {
  opacity: 0;
  transition: all ease 0.3s;
}

.floating-language {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99;
  display: none;
}

.floating-language .click_language {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--maintheme);
  color: #ffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  cursor: pointer;

  box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
}

.floating-language .click_language i {
  transition: all ease 0.3s;
}

.floating-language .click_language i.rotate {
  transform: rotate(90deg);
  transition: all ease 0.3s;
}

.floating-language a.change_lang {
  position: absolute;
  width: 35px;
  height: 35px;
  color: #ffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--maintheme);
  opacity: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.floating-language a.change_lang.trigger {
  z-index: 1;
  opacity: 1;
  box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
}

.floating-language a.change_lang.en.trigger {
  left: 0;
  bottom: 60px;
}

.floating-language a.change_lang.bm.trigger {
  left: 47px;
  bottom: 46px;
  transition-delay: 0.05s;
}

.floating-language a.change_lang.ch.trigger {
  left: 60px;
  bottom: 0px;
  transition-delay: 0.1s;
}

.homeinsurance-middle .gadget-desc {
  max-width: 900px;
  margin: 0 auto;
}

.homeinsurance-middle .gadget-desc .image {
  top: initial;
}

.homeinsurance-middle .gadget-desc .title {
  position: absolute;
  top: -50px;
  font-style: italic;
  font-family: "helveticaneue-bold";
  font-size: 25px;
  padding-left: 10px;
  border-left: 5px solid var(--maintheme);
}

.homeinsurance-whatis {
  padding: 80px 0px;
}

.homeinsurance-whatis ul {
  column-count: 2;
  column-gap: 30px;
  column-fill: balance;
  padding: 30px 0px;
  max-width: 1000px;
  margin: 0 auto;
}

.homeinsurance-whatis ul li {
  background-image: url(../images/verified-li.png);
  background-repeat: no-repeat;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 50px;
  margin-bottom: 30px;
}

.homeinsurance-whatis a {
  display: block;
  max-width: 400px;
  padding: 10px 20px;
  text-align: center;
  color: #ffffff;
  background: var(--maintheme);
  border-radius: 5px;
  margin: 0 auto;
}

.homeinsurance-whatis a:hover {
  background: #de9021;
}

.homeinsurance-quote {
  padding: 80px 0px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  max-width: 1000px;
  margin: 0 auto;
}

.homeinsurance-quote .homeinsurance-step {
  background: #f2f2f4;
  padding: 0px 10px;
  border-radius: 10px;
}

.homeinsurance-quote .homeinsurance-step .insurance-payment-step {
  padding: 40px 0px;
}

.homeinsurance-quote .insurance-payment-step .step-status ul li.status-bar {
  z-index: 1;
}

.homeinsurance-quote .insurance-payment-step .step-status ul li {
  z-index: 2;
}

.homeinsurance-quote .insurance-payment-step .step-status ul li#status-1 span {
  left: 24px;
}

.homeinsurance-quote .insurance-payment-step .step-status ul li#status-2 p,
.homeinsurance-quote .insurance-payment-step .step-status ul li#status-2 span {
  left: -40px;
}

.homeinsurance-quote .insurance-payment-step .step-status ul li#status-3 span {
  right: 24px;
}

.homeinsurance-form {
  padding-top: 50px;
}

.homeinsurance-form .input-cover {
  margin-bottom: 30px;
}

.homeinsurance-form .input-cover p {
  padding-bottom: 10px;
}

.homeinsurance-form .input-cover input[type="date"] {
  max-width: 300px;
}

.homeinsurance-form .input-cover div .insurance-tooltips {
  display: inline-block;
}

.homeinsurance-form .input-cover div .insurance-tooltips .tipscontent b {
  font-family: "helveticaneue-medium";
}

.homeinsurance-form .input-cover div p {
  display: inline-block;
}

.input-cover .radio-align-horizontal {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}

.input-cover label.input-field-radio-image {
  display: flex;
  vertical-align: middle;
  margin-right: 50px;
  position: relative;
  line-height: 1.5;
  cursor: pointer;
  padding: 30px 10px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  width: 200px;
  align-items: center;
  justify-content: center;
}

.input-cover label.input-field-radio-image input {
  display: none;
}

.input-cover label.input-field-radio-image .radioclick {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-top: 20px;
}

.input-cover label.input-field-radio-image .radiobox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  display: block;
}

.input-cover label.input-field-radio-image .radioimage {
  text-align: center;
}

.input-cover label.input-field-radio-image .radioimage img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}

.input-cover label.input-field-radio-image.selected {
  border: 1px solid var(--maintheme);
}

.input-cover
  label.input-field-radio-image
  input:checked
  ~ .radioclick
  .radiobox {
  border: 1px solid var(--maintheme);
}

.input-cover
  label.input-field-radio-image
  input:checked
  ~ .radioclick
  .radiobox:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--maintheme);
  width: 13px;
  height: 13px;
  content: "";
  border-radius: 100%;
}

.homeinsurance-form-step1 .findmore {
  margin-bottom: 30px;
}

.homeinsurance-form-step1 .findmore a {
  color: var(--maintheme);
  text-decoration: underline;
}

input.copycode {
  display: inline-block;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  transition: all ease 0.3s;
}

input.copycode:hover {
  background: #de9021;
  transition: all ease 0.3s;
}

.copypromocode {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

a.backtoform {
  display: block;
  text-align: center;
  color: #ffffff;
  width: 200px;
  padding: 12px 10px;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  margin: 0 auto;
}

a.backtoform:hover {
  background: #de9021;
}

.fincrew-calculator .calculator-title {
  background: #1e252b;
  padding: 15px 20px;
  color: #ffffff;
  text-align: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-transform: capitalize;
  line-height: 1.3;
}

.fincrew-calculator .calculator-content {
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.fincrew-calculator .button-submit-home {
  max-width: 500px;
  margin: 20px auto;
}
/*
.fincrew-calculator .button-submit-home .submit{
  margin:10px 10px;
}


.fincrew-calculator .button-submit-home a.link_backtohome{
  display: flex;
  align-items:center; 
  justify-content: center;
  width: 180px;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  border: none;
  transition: all ease 0.3s;
  margin:10px 10px;
  height:40px;
}


.fincrew-calculator .button-submit-home a.link_backtohome:hover{
  text-decoration:none;
  background: #de9021;
}
*/

.carloan-result .carloan-result-cover {
  background: #ffffff;
  max-width: 80%;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
}

.singletrip-datepick {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.singletrip-datepick input {
  width: 45%;
}

.singletrip-datepick p {
  width: 8%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding-bottom: 0 !important;
}

.claim-feature .row-cover .phrasetitle .static {
  font-size: 80px;
}

.onlinewill-middle {
  position: relative;
}

.onlinewill-middle .shadow1 {
  position: absolute;
  left: 50px;
  top: -50px;
}

.onlinewill-middle .shadow2 {
  position: absolute;
  right: -20px;
  top: -50px;
}

.onlinewill-middle .middle-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.onlinewill-middle .middle-cover .image {
  width: 50%;
}

.onlinewill-middle .middle-cover .image img {
  position: relative;
  top: 20px;
  width: auto;
  max-width: 100%;
}

.onlinewill-middle .middle-cover .text {
  width: 40%;
  font-size: 20px;
  line-height: 1.5;
}

.onlinewill-middle .middle-cover .text b {
  font-family: "helveticaneue-bold";
}

.onlinewill-middle .middle-cover .triangleicon img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.onlinewill-middle .middle-cover .tri1 {
  position: absolute;
  left: 0;
  top: -30px;
  transform: rotate(180deg);
  width: 30px;
}

.onlinewill-middle .middle-cover .tri2 {
  position: absolute;
  right: 30px;
  bottom: -40px;
  transform: rotate(180deg);
  width: 40px;
}

.onlinewill-content {
  padding: 80px 0px;
}

.onlinewill-content .desc {
  text-align: left;
  line-height: 1.5;
  font-size: 16px;
}

.onlinewill-content .content_page_title {
  text-align: left;
}

.onlinewill-content .divline {
  display: block;
  width: 100%;
  border-bottom: 1px dashed #d7d7d7;
  margin: 40px 0px;
}

.onlinewill-content .onlinewill-option .onlinewill-executor {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}

.onlinewill-content .onlinewill-option .onlinewill-executor p {
  padding-bottom: 20px;
  font-size: 20px;
}

.onlinewill-option .onlinewill-option-table {
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
}

.onlinewill-option .onlinewill-option-table .table-column {
  font-size: 16px;
  border-right: 1px solid #d7d7d7;
}

.onlinewill-option .onlinewill-option-table .table-column:last-child {
  border-right: none;
}

.onlinewill-option .onlinewill-option-table .table-column div.price {
  background: #31393f !important;
  height: 113px;
  color: #ffffff;
  font-family: "helveticaneue-bold";
  line-height: 1.5;
  font-size: 18px;
  padding: 20px 5px;
}

.onlinewill-option .onlinewill-option-table .table-column .price b {
  width: 100%;
  color: #f87532;
}

.onlinewill-option .onlinewill-option-table .table-column > div {
  height: 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 20px;
  border-bottom: 1px solid #d7d7d7;
  align-items: center;
  font-family: "helveticaneue-bold";
}

.onlinewill-option .onlinewill-option-table .table-column > div:nth-child(odd) {
  background: #f2f2f2;
}

.onlinewill-option .onlinewill-option-table .table-column > div:last-child {
  border-bottom: none;
}

.onlinewill-option .onlinewill-option-table .table-column.desc-column > div {
  justify-content: flex-start;
}

.onlinewill-option .onlinewill-option-table .table-column .selecthis {
  height: 85px;
}

.onlinewill-option .onlinewill-option-table .desc-column {
  width: 25%;
  color: #31393f;
}

.onlinewill-option .onlinewill-option-table .desc-column i {
  margin-left: 5px;
  cursor: pointer;
}

.onlinewill-option .onlinewill-option-table .price-column {
  width: 15%;
  text-align: center;
}

.onlinewill-option .onlinewill-option-table .price-column i.fa-check {
  color: #52ae7a;
  font-size: 20px;
}

.onlinewill-option .onlinewill-option-table .price-column .selecthis input {
  display: block;
  border-radius: 5px;
  padding: 10px 10px;
  background-color: #ffffff;
  color: #a1a1a1;
  width: 120px;
  border: 1px solid #a1a1a1;
  cursor: pointer;
  transition: all ease 0.3s;
}

.onlinewill-option
  .onlinewill-option-table
  .price-column
  .selecthis
  input:hover,
.onlinewill-option
  .onlinewill-option-table
  .price-column
  .selecthis
  input.selected {
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
  color: #ffffff;
  transition: all ease 0.3s;
}

.why_need_will {
  padding: 80px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.why_need_will .images {
  width: 300px;
}

.why_need_will .images img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.why_need_will .text {
  width: calc(100% - 330px);
}

.why_need_will .text > div {
  font-size: 20px;
  font-family: "helveticaneue-bold";
  padding-bottom: 20px;
  line-height: 1.3;
}

.why_need_will .text p {
  font-size: 18px;
  line-height: 1.3;
}

.popup.willpopup .popup-wrapper {
  max-width: 700px;
}

input[type="text"].input-field:read-only {
  background: #ebebeb;
}

.onlinewill-detail-form {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.onlinewill-detail-form .multiple_insured_form {
  margin-bottom: 0;
}

.onlinewill-detail-form .multiple_insured_form .table-body,
.onlinewill-detail-form .multiple_insured_form .table-header {
  border-radius: 0;
}
.onlinewill-detail-form .multiple_insured_form .table-header {
  border-bottom: 1px solid #ffffff;
}

.input-child-element .title {
  font-size: 16px;
  font-family: "helveticaneue-bold";
}

.multiple_insured_form .add_child {
  color: var(--maintheme);
  text-decoration: underline;
  cursor: pointer;
}

.input-child-element .title .remove_this_child {
  color: #f40127;
  font-family: "helveticaneue";
  cursor: pointer;
  text-decoration: underline;
  margin-left: 15px;
}

.guardian_option_child,
.optionalasset_option_child {
  margin-bottom: 40px;
  width: 100%;
}

.input-switch {
  width: 100%;
}

.input-switch input {
  display: none;
}

.input-switch label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.input-switch label .switch-cover {
  width: 70px;
  border-radius: 30px;
  height: 31px;
  background: #e6e6e6;
  position: relative;
}

.input-switch label .switch-cover:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background: #bcbcbc;
  transition: all ease 0.3s;
}

.input-switch input:checked + label .switch-cover:before {
  background: var(--maintheme);
  left: 37px;
  transition: all ease 0.3s;
}

.input-switch input:checked + label .switch-cover {
  background: #ffe9d0;
}

.input-switch label p {
  width: calc(100% - 70px);
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.3;
}

.input-switch label .content {
  width: calc(100% - 70px);
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.input-switch label .content p {
  width: auto;
  padding-left: 0;
}

.input-switch label .content .specialnote {
  background: var(--mainblue);
  color: #ffffff;
  display: inline-block;
  padding: 1px 10px;
}

.input_select_wrapper {
  position: relative;
  width: 100%;
}

.input_select_wrapper span {
  width: 100%;
  padding: 15px 20px 15px 20px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-family: "helveticaneue";
  font-size: 16px;
  display: block;
  cursor: pointer;
  line-height: 1.3;
}

.input_select_wrapper .input_select_option {
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  z-index: 999;
  max-height: 250px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.input_select_wrapper .input_select_option .items {
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
}

.input_select_wrapper .input_select_option .items b {
  display: block;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
}

.input_select_wrapper .input_select_option .items p {
  padding-bottom: 0;
}

.input_select_wrapper .input_select_option .items:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.optional_asset .input-cover .propertyexample {
  line-height: 1.5;
  padding-top: 5px;
  font-family: "helveticaneue-bold";
  font-size: 14px;
  color: var(--maintheme);
}

.optionalasset_add_child {
  font-size: 16px;
  font-family: "helveticaneue-bold";
  margin: 20px 0px;
}

.optionalasset_child_element {
  padding-bottom: 30px;
  padding-top: 30px;
}

.optional_asset .optional_asset_title {
  font-size: 18px;
  color: #ffffff;
  background: var(--maintheme);
  padding: 15px 20px;
  border-radius: 5px;
}

#optionalchild_1 {
  padding-top: 0;
}

.addon_switch_desc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.addon_switch_desc .input-switch {
  width: 80px;
}

.addon_switch_desc .desc {
  width: calc(100% - 80px);
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  flex-wrap: wrap;
}

.addon_switch_desc .desc p {
  width: calc(100% - 120px);
}

.addon_switch_desc .desc b {
  font-family: "helveticaneue-medium";
  width: 100px;
  text-align: right;
}

.insurance-payment-table-cover .promo_click {
  color: var(--maintheme);
  cursor: pointer;
  text-decoration: underline;
}

.apply_coupon_wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 400px;
}

.apply_coupon_wrapper .input-field {
  width: calc(100% - 120px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.apply_coupon_wrapper input.submit {
  width: 120px;
  padding: 15px 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.payment_summary_table {
  padding-top: 20px;
}

.payment_summary_table table {
  width: 100%;
}

.payment_summary_table table tr td {
  padding: 0px 20px 20px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5;
}

.payment_summary_table table tr td a {
  color: var(--maintheme);
  font-size: 15px;
  text-decoration: underline;
}

.payment_summary_table table tr td:last-child {
  font-family: "helveticaneue-medium";
  text-align: right;
}

.payment_summary_table table tfoot tr td {
  background: #e1e1e1;
  padding: 20px 20px;
  font-family: "helveticaneue-medium";
}

.onlinewill-mobile-package {
  display: none;
  margin-bottom: 30px;
  justify-content: space-between;
}

.onlinewill-mobile-package a {
  width: 19%;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.onlinewill-mobile-package a:hover,
.onlinewill-mobile-package a.active {
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
  color: #ffffff;
}

.radiobuttonquestion .input-cover p {
  padding-bottom: 10px;
}

.radiobuttonquestion .input-cover {
  margin-bottom: 30px;
}

.homeinsurance-compare-table {
  padding: 80px 0px;
}

.homeinsurance-table-wrapper {
  border-radius: 5px;
  overflow: hidden;
  display: block;
  border: 1px solid #d7d7d7;
}

.homeinsurance-table {
  width: 100%;
}

.homeinsurance-table thead tr th {
  background: #31393f;
  text-align: center;
  padding: 20px 10px;
  border-right: 1px solid #d7d7d7;
  color: #ffffff;
  vertical-align: bottom;
}

.homeinsurance-table thead tr th:first-child {
  width: 40%;
}

.homeinsurance-table thead tr th .coverageplan {
  display: block;
  padding-bottom: 20px;
  font-family: "helveticaneue-bold";
  font-size: 18px;
}

.homeinsurance-table thead tr th .coverage_content {
  color: #ffffff;
  font-family: "helveticaneue-medium";
  line-height: 1.3;
  padding-bottom: 30px;
}

.homeinsurance-table thead tr th p {
  color: #c2c2c2;
  padding-bottom: 10px;
}

.homeinsurance-table thead tr th .coverage_price {
  color: #f87532;
}

.homeinsurance-table thead tr th .coverage_price b {
  font-family: "helveticaneue-bold";
  font-size: 18px;
}

.homeinsurance-table thead tr th a.select {
  display: block;
  max-width: 150px;
  padding: 15px 10px;
  color: #707070;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  margin: 20px auto 0px;
}

.homeinsurance-table thead tr th a.select:hover {
  color: #ffffff;
  background: var(--maintheme);
}

.homeinsurance-table thead tr th:last-child {
  border-right: none;
}

.homeinsurance-table .coverage1 {
  color: #52ae7a;
}

.homeinsurance-table .coverage2 {
  color: #bdabe9;
}

.homeinsurance-table .coverage3 {
  color: #b7b7b7;
}

.homeinsurance-table tbody tr td {
  padding: 20px 20px;
  text-align: center;
  border-right: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  vertical-align: middle;
}

.homeinsurance-table tbody tr:nth-child(even) td {
  background: #f2f2f2;
}

.homeinsurance-table tbody tr td:first-child {
  text-align: left;
}

.homeinsurance-table tbody tr td:last-child {
  border-right: none;
}

.homeinsurance-table tbody tr td i.fa-check {
  font-size: 20px;
  margin: 0px 5px;
}

.homeinsurance-table tbody tr td a.select {
  display: block;
  max-width: 150px;
  padding: 15px 10px;
  color: #707070;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #707070;
  text-align: center;
  margin: 20px auto 0px;
}

.homeinsurance-table tbody tr td a.select:hover {
  color: #ffffff;
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
}

.form_process_loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: none;
}

.form_process_loader .loading_gif {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 10px 10px;
  transform: translate(-50%, -50%);
  width: 250px;
}

.form_process_loader .loading_gif img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.animationborder {
  position: absolute;
  left: 14px;
  top: 11px;
  width: 100px;
  height: 100px;
  border: 3px solid transparent;
  z-index: -1;
}

.btop,
.bbtm,
.bleft,
.bright {
  position: absolute;
  -webkit-animation: 3s linear infinite;
  animation: 3s linear infinite;
}
.btop {
  top: -3px;
  left: -3px;
  height: 3px;
  -webkit-animation-name: top;
  animation-name: top;
}

@keyframes top {
  25% {
    width: 0;
    background: var(--maintheme);
  }
  38% {
    width: calc(103%);
    background: var(--maintheme);
  }
  50% {
    background: var(--maintheme);
  }
  62% {
    background: var(--maintheme);
  }
  75% {
    width: calc(103%);
    background: var(--maintheme);
  }
  88% {
    left: auto;
    right: -3px;
    width: 0;
    background: var(--maintheme);
  }
}

@-webkit-keyframes top {
  25% {
    width: 0;
    background: var(--maintheme);
  }
  38% {
    width: calc(103%);
    background: var(--maintheme);
  }
  50% {
    background: var(--maintheme);
  }
  62% {
    background: var(--maintheme);
  }
  75% {
    width: calc(103%);
    background: var(--maintheme);
  }
  88% {
    left: auto;
    right: -3px;
    width: 0;
    background: var(--maintheme);
  }
}

.bbtm {
  bottom: -3px;
  right: -3px;
  height: 3px;
  -webkit-animation-name: bottom;
  animation-name: bottom;
}

@keyframes bottom {
  0% {
    width: 0;
  }
  12% {
    width: calc(103%);
    background: var(--maintheme);
  }
  25% {
    background: var(--maintheme);
  }
  38% {
    background: var(--maintheme);
  }
  50% {
    width: calc(103%);
    background: var(--maintheme);
  }
  62% {
    left: -3px;
    width: 0;
    background: var(--maintheme);
  }
  75% {
    background: var(--maintheme);
  }
}

@-webkit-keyframes bottom {
  0% {
    width: 0;
  }
  12% {
    width: calc(103%);
    background: var(--maintheme);
  }
  25% {
    background: var(--maintheme);
  }
  38% {
    background: var(--maintheme);
  }
  50% {
    width: calc(103%);
    background: var(--maintheme);
  }
  62% {
    left: -3px;
    width: 0;
    background: var(--maintheme);
  }
  75% {
    background: var(--maintheme);
  }
}

.bleft {
  bottom: -3px;
  left: -3px;
  width: 3px;
  -webkit-animation-name: left;
  animation-name: left;
}

@keyframes left {
  12% {
    height: 0;
    background: var(--maintheme);
  }
  25% {
    height: calc(103%);
    background: var(--maintheme);
  }
  38% {
    background: var(--maintheme);
  }
  50% {
    background: var(--maintheme);
  }
  62% {
    height: calc(103%);
    background: var(--maintheme);
  }
  75% {
    top: -3px;
    height: 0;
    background: var(--maintheme);
  }
  88% {
    background: var(--maintheme);
  }
}

@-webkit-keyframes left {
  12% {
    height: 0;
    background: var(--maintheme);
  }
  25% {
    height: calc(103%);
    background: var(--maintheme);
  }
  38% {
    background: var(--maintheme);
  }
  50% {
    background: var(--maintheme);
  }
  62% {
    height: calc(103%);
    background: var(--maintheme);
  }
  75% {
    top: -3px;
    height: 0;
    background: var(--maintheme);
  }
  88% {
    background: var(--maintheme);
  }
}

.bright {
  top: -3px;
  right: -3px;
  width: 3px;
  -webkit-animation-name: right;
  animation-name: right;
}

@keyframes right {
  38% {
    height: 0;
    background: var(--maintheme);
  }
  50% {
    height: calc(103%);
    background: var(--maintheme);
  }
  62% {
    background: var(--maintheme);
  }
  75% {
    background: var(--maintheme);
  }
  88% {
    height: calc(103%);
    background: var(--maintheme);
  }
  100% {
    top: auto;
    bottom: -3px;
    height: 0;
    background: var(--maintheme);
  }
}

@-webkit-keyframes right {
  38% {
    height: 0;
    background: var(--maintheme);
  }
  50% {
    height: calc(103%);
    background: var(--maintheme);
  }
  62% {
    background: var(--maintheme);
  }
  75% {
    background: var(--maintheme);
  }
  88% {
    height: calc(103%);
    background: var(--maintheme);
  }
  100% {
    top: auto;
    bottom: -3px;
    height: 0;
    background: var(--maintheme);
  }
}

.homeinsurance-form-step2 .desc {
  margin-bottom: 30px;
}

.homeinsurance-form-step2 .desc p {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding-bottom: 5px;
}

.homeinsurance-form-step2 .desc span {
  color: #7d7d7d;
}

.home-calculate-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.home-building-worth {
  width: 60%;
  padding-right: 20px;
}

.home-building-worth p.note {
  line-height: 1.5;
  padding-top: 5px;
  font-size: 14px;
  color: #7d7d7d;
}

.home-building-worth p.note a {
  color: var(--maintheme);
}

.home-building-worth .input-cover {
  margin-bottom: 20px;
}

.home-building-worth .totalsuminsured {
  width: 100%;
  background: #31393f;
  padding: 20px 20px;
  border-radius: 5px;
}

.home-building-worth .totalsuminsured p {
  color: #b7b7b7;
  padding-bottom: 5px;
}

.home-building-worth .totalsuminsured b {
  font-size: 25px;
  font-family: "helveticaneue-bold";
  text-transform: uppercase;
  color: #ffffff;
}

.home-building-calc {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f4;
  border-radius: 5px;
  padding: 20px 20px;
  width: 40%;
}

.home-building-calc .linktocalc p {
  color: #000000;
  text-align: center;
  padding-bottom: 10px;
}

.home-building-calc .linktocalc a {
  background: var(--maintheme);
  color: #ffffff;
  width: 100%;
  text-align: center;
  padding: 15px 10px;
  border-radius: 5px;
  display: block;
}

.home-building-calc .linktocalc a:hover {
  background: #de9021;
}

.home_total_premium {
  background: var(--mainblue);
  padding: 30px 10px;
  border-radius: 10px;
  margin-bottom: 40px;
  text-align: center;
}

.home_total_premium p {
  color: #ffffff;
  padding-bottom: 10px;
}

.home_total_premium b {
  display: block;
  font-family: "helveticaneue-bold";
  color: var(--maintheme);
  text-align: center;
  font-size: 40px;
}

.home_total_premium span {
  font-size: 12px;
  text-align: center;
  color: #d7d7d7;
}

.homeinsurance-form-step2 .button-align a {
  height: 40px;
}

.provider_plan_insured_new.provider_alliance_plan .suminsured {
  width: 100% !important;
}

.whatispa-desc {
  line-height: 1.5;
  padding-top: 40px;
}

.homeinsurance-cot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 50px;
}

.homeinsurance-cot .input-cover {
  width: 49%;
  margin-bottom: 30px;
}

.homeinsurance-cot .input-cover.full {
  width: 100%;
}

.input-cover.flex-radio {
  display: flex;
  justify-content: space-between;
  max-width: 700px;
  align-items: center;
  flex-wrap: wrap;
}

.input-cover.flex-radio p {
  width: calc(100% - 240px);
}

.input-cover.flex-radio .answer {
  width: 220px;
}

.homeinsurance-form-step3 .desc {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding-bottom: 20px;
}

.home-calculator {
  padding: 80px 0px;
}

.text-left {
  text-align: left;
}

.input-field-checkbox .invalidmsg {
  width: 100%;
  color: red;
  display: none;
}

.home-calc-content-wrapper {
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 20px;
}

.home-calc-content-wrapper .home-items {
  font-size: 18px;
  position: relative;
  background: var(--mainblue);
  padding: 20px 20px;
  width: 100%;
  color: #ffffff;
}

.home-calc-content-wrapper .home-items.toggle {
  cursor: pointer;
}

.home-calc-content-wrapper .home-calc-content {
  width: calc(100% - 400px);
  padding: 20px 20px;
}

.home-calc-content-wrapper .home-items i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--maintheme);
}

.home-calc-content-wrapper .home-calc-content .home-items-covered {
  color: #000000;
}

.home-calc-content-wrapper .home-calc-content .home-items-covered p {
  font-family: "helveticaneue-medium";
  padding-bottom: 10px;
  font-size: 16px;
}

.home-calc-content-wrapper .home-calc-content .home-items-covered ul {
  column-count: 2;
  column-gap: 5px;
  column-fill: balance;
  list-style-type: disc;
  margin-left: 20px;
}

.home-calc-content-wrapper .home-calc-price {
  background: #f2f2f4;
  width: 400px;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-calc-content-wrapper .home-calc-price p {
  padding-bottom: 10px;
}

.input-cover .input-cover-currency {
  display: flex;
  align-items: center;
}

.input-cover .input-cover-currency .currency-field {
  width: 50px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.input-cover .input-cover-currency .symbol-field {
  width: calc(100% - 50px);
  height: 51px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-left: 10px;
}

.home-calc-content-wrapper .home-calc-content .home-items-covered ul li {
  line-height: 1.5;
  padding-right: 15px;
}

.home-calc-content-wrapper.slide_toggle .home-calc-content {
  width: 100%;
  padding: 0 0;
}

.home-calc-content-wrapper.slide_toggle .home-calc-content .home-items-covered {
  display: none;
}

.home-calc-content-wrapper.slide_toggle .home-calc-price {
  display: none;
}

.home-calc-content-wrapper.slide_toggle .home-calc-content .home-items {
  padding: 20px 20px;

  margin: 0;
}

.home-calc-content-wrapper .home-calc-content .home-items.toggle {
  cursor: pointer;
}

.home-calc-content-wrapper .home-calc-content .home-items span {
  display: inline-block;
  font-size: 15px;
  color: #9c9c9c;
  font-family: "helveticaneue";
}

.home-calc-content-total {
  border-radius: 5px;
  background: #f5f5f5;
  margin: 10px 0px 20px;
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.home-calc-content-total .content {
  width: 50%;
  border-right: 1px solid #d7d7d7;
  padding: 10px 0px;
}

.home-calc-content-total .content b {
  font-size: 20px;
  font-family: "helveticaneue-bold";
  display: block;
  padding-bottom: 5px;
}

.home-calc-content-total .content p {
  font-size: 16px;
  padding-bottom: 5px;
}
.home-calc-content-total .content span {
  color: var(--maintheme);
  font-size: 16px;
  display: block;
  line-height: 1.3;
}

.home-calc-content-total .totalprice {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-calc-content-total .totalprice .calculated_price {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  width: 50%;
  padding-left: 20px;
}

.home-calc-content-total .totalprice .button {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 50%;
  align-items: center;
}

.home-calc-content-total .totalprice .button a.confirm {
  background: var(--maintheme);
  padding: 15px 10px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  width: 150px;
}

.home-calc-content-total .totalprice .button a.confirm:hover {
  background: var(--mainthemehover);
}

.home-calc-content-total .totalprice .button a.reset {
  color: var(--maintheme);
  text-align: center;
}

.home-calc-content-button {
  margin: 30px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-calc-content-button a {
  display: block;
  width: 150px;
  text-align: center;
  padding: 15px 10px;
  margin: 10px 10px;
  border-radius: 5px;
  color: #ffffff;
}

.home-calc-content-button a.reset {
  background: #b7b7b7;
}

.home-calc-content-button a.reset:hover {
  background: #9c9c9c;
}

.home-calc-content-button a.confirm {
  background: var(--maintheme);
}

.home-calc-content-button a.confirm:hover {
  background: #de9021;
}



.input-start-end-date {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.input-start-end-date input {
  width: 45%;
}

.input-start-end-date p {
  width: 8%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding-bottom: 0 !important;
}

.gadget-coverage-desc {
  margin: 30px 0px;
}

.gadget-coverage-desc .title {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  color: #000000;
  text-align: center;
  padding-bottom: 15px;
}

.gadget-coverage-desc .gadget-coverage-wrapper {
  display: flex;
  background: #f8f8f8;
  border-radius: 10px;
  flex-wrap: wrap;
}

.gadget-coverage-desc .gadget-coverage-wrapper .gadget-coverage-content {
  width: 33.33%;
  display: flex;
  padding: 20px 20px;
}

.gadget-coverage-desc .gadget-coverage-wrapper .gadget-coverage-content .icon {
  width: 50px;
  height: 50px;
  margin-top: 15px;
}

.gadget-coverage-desc
  .gadget-coverage-wrapper
  .gadget-coverage-content
  .icon
  img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.gadget-coverage-desc .gadget-coverage-wrapper .gadget-coverage-content .desc {
  width: calc(100% - 50px);
  padding-left: 10px;
}

.gadget-coverage-desc
  .gadget-coverage-wrapper
  .gadget-coverage-content
  .desc
  b {
  font-family: "helveticaneue-medium";
  color: #ff7139;
  font-size: 16px;
  padding-bottom: 10px;
  display: block;
}

.gadget-coverage-desc
  .gadget-coverage-wrapper
  .gadget-coverage-content
  .desc
  p {
  color: #000000;
  font-size: 14px;
}

.header.new-header {
  background-color: var(--mainblue);
  color: #ffffff;
}

.header.new-header .left .link a,
.header.new-header .right ul li .current_lang {
  color: #ffffff;
}

.header.new-header .left .link a:hover {
  color: var(--maintheme);
}

.header.new-header .right ul li a.button {
  background: var(--maintheme);
  color: #ffffff;
}

.new-header #mobile-trigger span {
  background: #ffffff;
}

.header.new-header .left .link .header_dd {
  padding: 34px 12px;
}

.header.new-header .left .link .header_dd:hover {
  box-shadow: none;
  background: #ffffff;
  border-radius: 0;
  z-index: 5;
}

.header.new-header .left .link .header_dd .products_dd_list {
  position: fixed;
  left: 0;
  top: 82px;
  width: 100%;
  padding: 30px 10px;
  background: #ffffff;
  z-index: 99;
  box-shadow: 1px 5px 5px 0px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 1px 5px 5px 0px rgb(0 0 0 / 20%);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.2);
  display: none;
}

.header.new-header .left .link .header_dd:hover .products_dd_list {
  display: block;
}

.header.new-header .left .link .header_dd .products_dd_list .wrapper {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.header.new-header
  .left
  .link
  .header_dd
  .products_dd_list
  .wrapper
  .products_dd_items
  b {
  display: block;
  color: var(--mainblue);
  font-family: "helveticaneue-bold";
  padding: 0px 10px 10px;
  font-size: 16px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
}

.header.new-header
  .left
  .link
  .header_dd
  .products_dd_list
  .wrapper
  .products_dd_items
  a {
  color: #31393f;
  padding: 10px 10px;
  border-radius: 5px;
  display: flex;
  margin: 0;
  font-family: "helveticaneue-medium";
}

.header.new-header
  .left
  .link
  .header_dd
  .products_dd_list
  .wrapper
  .products_dd_items
  a:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.header.new-header
  .left
  .link
  .header_dd
  .products_dd_list
  .wrapper
  .products_dd_items
  a.comingsoon {
  pointer-events: none;
  text-decoration: line-through;
  color: #d7d7d7;
}

.hoveroverlay {
  position: fixed;
  top: 82px;
  height: calc(100% - 82px);
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  z-index: 98;
  display: none;
}

.fincrew_all_product {
  padding: 80px 0px;
  background-repeat: no-repeat;
}

.fincrew_all_product .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 10px;
  text-align: center;
}

.fincrew_all_product .title .selector {
  display: inline-block;
  color: var(--maintheme);
}

.fincrew_all_product .title .selector .ah-words-wrapper b {
  width: 100%;
}

.fincrew_all_product .subtitle {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  color: #000000;
  text-align: center;
}

.fincrew_all_product .search_products {
  margin: 30px auto;
  max-width: 700px;
}

.fincrew_all_product .search_products .input-field {
  background: #f4f4f4;
}

.fincrew_all_product .search_products .input-cover {
  display: flex;
}

.fincrew_all_product .search_products .input-cover .icon {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #f4f4f4;
  padding: 0px 5px;
  border: 1px solid #d8d8d8;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.fincrew_all_product .search_products .input-cover .input-field {
  width: calc(100% - 50px);
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fincrew_all_product .products_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 30px;
  gap: 1%;
}

.fincrew_all_product .products_list.half {
  max-width: 700px;
  margin: 0 auto;
}

.fincrew_all_product .products_list a {
  width: 24%;
  border: 2px solid #d7d7d7;
  border-radius: 10px;
  padding: 20px 20px;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}

.fincrew_all_product .products_list.half a {
  width: 32%;
}

.fincrew_all_product .products_list a:hover {
  border: 2px solid var(--maintheme);
}

.fincrew_all_product .products_list a span {
  display: flex;
  width: 105px;
  height: 65px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}

.fincrew_all_product .products_list a span img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.fincrew_all_product .products_list b {
  display: block;
  text-align: center;
  line-height: 1.3;
  transition: all ease 0.4s;
}

.fincrew_all_product .products_list a:hover b {
  color: var(--maintheme);
  transition: all ease 0.2s;
}

.fincrew_running_slider {
  padding: 80px 0px;
}

.fincrew_running_slider .fincrew_slider_title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  padding-bottom: 20px;
}

.fincrew_running_slider .fincrew_slider_title p {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  padding-top: 10px;
  font-family: "helveticaneue";
}

.fincrew_slider_wrapper {
  padding-top: 20px;
}

.fincrew_slider_wrapper .swiper {
  position: relative;
}

.fincrew_slider_wrapper .swiper-slide img {
  width: 100%;
  display: block;
  object-fit: contain;
  border-radius: 5px;
  max-height: 100%;
}

.fincrew_slider_wrapper .swiper-slide .slider_img {
  border-radius: 5px;
  border: 5px solid #e0e0e0;
  overflow: hidden;
}

.fincrew_slider_wrapper .swiper-slide .slider_img a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.fincrew-swiper-next {
  height: 40px;
  width: 40px;
  background: #000000;
  border-radius: 100%;
  border: 2px solid #ffffff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}

.fincrew-swiper-next:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 11px;
  left: 9px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
}

.fincrew-swiper-prev {
  height: 40px;
  width: 40px;
  background: #000000;
  border-radius: 100%;
  border: 2px solid #ffffff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}

.fincrew-swiper-prev:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 11px;
  right: 8px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
}

.fincrew-swiper-control {
  opacity: 0.7;
  transition: all ease 0.3s;
}

.fincrew-swiper-control.swiper-button-disabled {
  opacity: 0;
  transition: all ease 0.3s;
}

.fincrew_slider_wrapper .playbutton {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  height: 50px;
  border: 2px solid #ffffff;
  opacity: 1 !important;
  display: block;
}

.fincrew_slider_wrapper .playbutton:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 15px solid #ffffff;
  border-bottom: 10px solid transparent;
  top: 13px;
  left: 18px;
}

.fincrew_slider_wrapper .video-click {
  border-radius: 5px;
  border: 5px solid #e0e0e0;
  overflow: hidden;
}

.fincrew_slider_wrapper .video-click a img {
  object-fit: cover;
  border-radius: 0;
}

.ourcustomer-review {
  padding: 50px 0px;
}

.partner_swiper .swiper-slide .slider_img {
  border: 1px solid #d7d7d7;
  height: 82px;
  display: flex;
  align-items: center;
  padding: 10px 10px;
}

.home-contactus {
  padding: 80px 0px;
  text-align: center;
  color: #ffffff;
}

.home-contactus .title {
  color: #ffffff;
  font-size: 18px;
  font-family: "helveticaneue";
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.3;
}

.home-contactus ul.social {
  margin: 30px 0px;
  display: flex;
  justify-content: center;
}

.home-contactus ul.social li {
  margin: 15px 15px;
}

.home-contactus ul.social li a {
  display: flex;
  width: 50px;
  height: 50px;
  border: 2px solid #ff8220;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 100%;
  font-size: 20px;
}

.home-contactus ul.social li a:hover {
  background: var(--maintheme);
}

.home-contactus .whatsapp_contact {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-contactus .whatsapp_contact a {
  background: var(--maintheme);
  padding: 8px 30px;
  margin-left: 10px;
  color: #ffffff;
  border-radius: 5px;
}

.overflowxhide {
  overflow-x: hidden;
}

.ss-main .ss-single-selected {
  border: none !important;
  background: none !important;
}

.ui-menu {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-menu .ui-menu-item {
  border-bottom: 1px solid #d7d7d7;
}

.ui-menu .ui-menu-item-wrapper {
  background: none !important;
  border: none !important;
  padding: 10px 10px !important;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
  background: var(--maintheme) !important;
  color: #ffffff !important;
}

.auto-insurance-wrapper {
  padding: 80px 0px;
}

.form_selection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
}

.form_selection .option {
  display: block;
  width: 300px;
  padding: 15px 10px;
  text-align: center;
  color: #31393f;
  border: 1px solid #31393f;
  border-radius: 5px;
  background: #ffffff;
  font-size: 20px;
  cursor: pointer;
  margin: 10px 10px;
}

.form_selection .option.active {
  background: #f69f22;
  border: 1px solid #f69f22;
  color: #ffffff;
}

.auto_insurance_required_form {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.auto_insurance_required_form .form_cover_header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 30px;
  background: var(--mainblue);
  color: #ffffff;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.auto_insurance_required_form .form_cover_content {
  padding: 20px 30px;
  border: 1px solid #d7d7d7;
  border-bottom-left-radius: 10px;
  background: #ffffff;
  border-bottom-right-radius: 10px;
}

.auto_insurance_required_form .input-cover-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.auto_insurance_required_form .input-cover-row .input-cover {
  margin-bottom: 40px;
  width: 49%;
}

.auto_insurance_required_form .input-cover-row p {
  padding-bottom: 10px;
  font-size: 18px;
}

.input-cover.icpersonal,
.input-cover.icother,
.input-cover.iccompany {
  display: none;
}

.input-cover-row .input-cover.three {
  width: 32%;
}

.row-cover .team {
  padding: 80px 0px;
}

.team .teamphoto {
  display: block;
  width: 100%;
  position: relative;
}

.team .teamphoto .photo {
  width: 630px;
  margin: 0 auto;
  position: relative;
  height: 345px;
}

.team .teamphoto .photo .img {
  position: absolute;
  left: -22px;
  bottom: -25px;
  width: 580px;
  height: 368px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.team .teamphoto .photo .border {
  position: absolute;
  right: -18px;
  z-index: -1;
  top: -29px;
  width: 480px;
  height: 368px;
  display: block;
  border: 5px solid #33354b;
}

.team .teamphoto .text {
  position: absolute;
  left: 0;
  top: -50px;
  z-index: 1;
  width: 390px;
}

.team .teamphoto .text2 {
  position: absolute;
  right: 70px;
  bottom: -70px;
  z-index: 1;
  width: 500px;
}

.team .teamphoto .text img,
.team .teamphoto .text2 img {
  width: 100%;
}

.team .team_member {
  padding: 0px 0px 0px;
}

.team .team_member .row-title {
  color: #b7b0ab;
  text-align: center;
  font-size: 30pt;
  padding-bottom: 40px;
}

.team .team_member .team-profile {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}

.team .team_member .team-profile li {
  float: left;
  width: 33.33%;
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.team .team_member .team-profile li .personalphoto {
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  overflow: hidden;
  transition: background 0.7s ease;
}

.team .team_member .team-profile li .personalphoto:hover {
  background: none !important;

  transition: background 0.7s ease;
}

.team .team_member .team-profile li .personalphoto:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.team .team_member .team-profile li .personalphoto .image {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ffffff;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team
  .team_member
  .team-profile
  li
  .personalphoto
  .imagecover.agent:hover
  .agencymode {
  left: -100%;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team
  .team_member
  .team-profile
  li
  .personalphoto
  .imagecover.agent:hover
  .funmode {
  left: 0;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team
  .team_member
  .team-profile
  li
  .personalphoto
  .imagecover.fun:hover
  .agencymode {
  left: 0%;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team
  .team_member
  .team-profile
  li
  .personalphoto
  .imagecover.fun:hover
  .funmode {
  left: 100%;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team .team_member .team-profile li .personalphoto .agencymode.show {
  left: 0;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team .team_member .team-profile li .personalphoto .agencymode.hide {
  left: -100%;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team .team_member .team-profile li .personalphoto .funmode.show {
  left: 0;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team .team_member .team-profile li .personalphoto .funmode.hide {
  left: 100%;

  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.team .team_member .team-profile li a.social {
  display: inline-block;
  vertical-align: middle;
  color: #33354a;
  font-size: 12pt;
  margin-right: 20px;
}

.team .team_member .team-profile li .profile-name-position {
  position: absolute;
  left: -83px;
  bottom: 132px;
  transform: rotate(-90deg);
  width: 233px;
  white-space: nowrap;
}

.team .team_member .team-profile li .profile-name-position p {
  color: #b7b0ab;
  font-size: 10pt;
}

.team .team_member .team-profile li .profile-name-position p b {
  color: #33354a;
  display: block;
  font-size: 11pt;
  font-family: "helveticaneue-bold";
}

.team .personal-info {
  padding: 40px 0px;
}

.team .personal-info .profilepic {
  padding-bottom: 40px;
}

.team .personal-info .profilepic img {
  display: block;
  width: auto;
  max-width: 250px;
}

.team .personal-info .profiledesc {
  line-height: 1.5;
}

.team .personal-info .profiledesc h1 {
  font-size: 15pt;
  font-family: "helveticaneue-bold";
  color: #b7b0ab;
  padding-bottom: 10px;
}

.team .personal-info .profiledesc h2 {
  font-size: 11pt;
  font-family: "helveticaneue-bold";
  color: #000000;
  padding-bottom: 10px;
}

.team .personal-info .profiledesc b,
.team .personal-info .profiledesc strong {
  font-family: "helveticaneue-bold";
}

.team .personal-info .profiledesc i {
  font-style: italic;
}

.team_member .modechange {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 50px;
}

.team_member .modechange > div {
  display: block;
  width: 170px;
  padding: 10px 10px;
  text-align: center;
  color: var(--maintheme);
  border: 1px solid var(--maintheme);
  border-radius: 50px;
  font-size: 18px;
  cursor: pointer;
  margin: 10px 0px;
  position: relative;
  overflow: hidden;
  transition: all ease 0.3s;
}

.team_member .modechange .fun {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  z-index: 1;
  border-right: none;
}

.team_member .modechange .fun:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--maintheme);
  z-index: -1;
  transition: all ease 0.1s;
}

.team_member .modechange .fun.active:before {
  width: 100%;
  transition: all ease 0.6s;
}

.team_member .modechange .agency {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}

.team_member .modechange .agency:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--maintheme);
  z-index: -1;
  transition: all ease 0.1s;
}

.team_member .modechange .agency.active:before {
  width: 100%;
  transition: all ease 0.6s;
}

.team_member .modechange > div.active {
  border: 1px solid var(--maintheme);
  color: #ffffff;
}

.team .title {
  font-size: 60px;
  font-family: "helveticaneue-bold";
  color: #31393f;
  text-align: center;
  padding-bottom: 30px;
}

.team .title i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.howwestarted .row-cover .text {
  width: 50%;
  padding: 30px 0px;
}

.howwestarted .row-cover .text .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 30px;
}

.howwestarted .row-cover .text p b {
  font-family: "helveticaneue-medium";
  font-size: 17px;
}

.howwestarted .sub-row {
  color: #ffffff;
}

.howwestarted .sub-row .row-cover {
  position: relative;
}

.howwestarted .sub-row .row-cover .partner_image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 400px;
}

.howwestarted .sub-row .row-cover .partner_image img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.fincrew_team_profile {
  width: 900px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.fincrew_team_profile .profile-name-position {
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.fincrew_team_profile .profile-name-position .profile-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.fincrew_team_profile .profile-name-position .profile-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease 0.3s;
}

.fincrew_team_profile .profile-name-position .profile-image img.work_img {
  left: 100%;
  object-fit: cover;
}

.fincrew_team_profile .profile-name-position .profile-image img.play_img {
  left: -100%;
}

.fincrew_team_profile .profile-name-position .profile-image img.play_img.show,
.fincrew_team_profile .profile-name-position .profile-image img.work_img.show {
  left: 0;
  transition: all ease 0.3s;
}

.fincrew_team_profile .profile-name-position .profile-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  transition: all ease 0.3s;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  color: #ffffff;
}

.fincrew_team_profile .profile-name-position:hover .profile-info {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  transition: all ease 0.3s;
}

@-webkit-keyframes comeindown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes comeindown {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fincrew_team_profile .profile-name-position .profile-info .position p {
  padding-bottom: 10px;
  font-family: "helveticaneue-light";
  line-height: 1.1;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.fincrew_team_profile .profile-name-position:hover .profile-info .position p {
  -webkit-animation-name: comeindown;
  animation-name: comeindown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fincrew_team_profile .profile-name-position .profile-info .name p {
  font-size: 26px;
  font-family: "helveticaneue-bold";
  line-height: 1.1;
}

.fincrew_team_profile .profile-name-position:hover .profile-info .name p {
  -webkit-animation-name: comeindown;
  animation-name: comeindown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.gadget-insurance-device .device-selection .other-select {
  display: block;
}

.gadget-insurance-device .device-selection .other-select select {
  max-width: 300px;
}

.video-click a.swiper-viewall {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: var(--maintheme);
  font-size: 20px;
  text-align: center;
}

.search_products .animate-typing {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  height: 36px;
}

.swiper-slide .swiper-viewall {
  position: relative;
}

.swiper-slide .swiper-viewall p {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #ffffff;
  width: 100%;
}

.search_result_wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
}

.search_result_wrapper .search_result_time {
  color: #70757a;
  font-size: 14px;
  padding-bottom: 30px;
}

.search_result_category {
  width: 100%;
}

.search_result_category .category {
  color: #000000;
  font-size: 25px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 20px;
}

.search_result_category .search_result_link {
  width: 100%;
  margin-bottom: 30px;
}

.search_result_category .search_result_link a {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 18px;
}

.search_result_category .search_result_link p {
  font-size: 14px;
  padding-top: 5px;
  line-height: 1.5;
  color: #4d5156;
}

.fincrew_all_product .products_list a.comingsoon {
  pointer-events: none;
  filter: grayscale(120%);
}

.row.payment_succes_page {
  background-repeat: no-repeat;
}

.personalloan_calculate_form {
  padding: 80px 0px;
}

.personalloan_calculate_form .title {
  font-family: "helveticaneue-medium";
  font-size: 20px;
  padding-bottom: 30px;
}

.personalloan_calculate_form .input-cover-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.personalloan_calculate_form .input-cover-row .input-cover {
  width: 46%;
  margin-bottom: 40px;
}

.input-cover-row .input-cover.input-cover-text {
  width: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 28px;
}

.input-cover-row p {
  padding-bottom: 5px;
}

.input-cover-years-select {
  display: flex;
  align-items: center;
}

.input-cover-years-select select.input-field {
  width: calc(100% - 100px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-cover-years-select .input-field-desc-text {
  width: 100px;
  text-align: center;
  background: #ebebeb;
  border: 1px solid #d8d8d8;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.search_result_category .search_result_link .video-click {
  width: 320px;
  margin: 10px 0px;
}

.provider_plan_detail .provider_plan_personal_loan {
  padding: 20px 20px;
}

.provider_plan_detail .provider_plan_personal_loan .loan_feature {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 20px;
}

.provider_plan_detail .provider_plan_personal_loan .loan_feature div {
  background: #ebebeb;
  color: #7d7d7d;
  text-align: center;
  display: inline-block;
  padding: 10px 20px;
  min-width: 150px;
}

.provider_plan_detail .provider_plan_personal_loan .loan_bank_compare {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d7d7d7;
  margin-bottom: 15px;
  align-items: center;
}

.provider_plan_detail
  .provider_plan_personal_loan
  .loan_bank_compare
  .bank_loan_name {
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.provider_plan_detail .provider_plan_personal_loan .loan_bank_compare .compare {
  background: var(--mainblue);
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  border: none;
  transition: all ease 0.3s;
}

.provider_plan_detail
  .provider_plan_personal_loan
  .loan_bank_compare
  .compare.active {
  background: #d7d7d7;
  color: #f1f1f1;
  transition: all ease 0.3s;
}

.provider_plan_detail .provider_plan_personal_loan .loan_info {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.provider_plan_detail .provider_plan_personal_loan .loan_info div {
  width: 25%;
}

.provider_plan_detail .provider_plan_personal_loan .loan_info .action_button {
  width: 200px;
}

.provider_plan_detail .provider_plan_personal_loan .loan_info div p {
  color: #7d7d7d;
  padding-bottom: 5px;
  text-transform: capitalize;
}

.provider_plan_detail .provider_plan_personal_loan .loan_info div b {
  font-family: "helveticaneue-medium";
  font-size: 18px;
}

.hiddenrow .loan_feature_document_fee {
  display: flex;
  align-items: center;
  gap: 100px;

  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 30px;
}

.hiddenrow .loan_feature_document_fee a {
  color: #7d7d7d;
  position: relative;
  padding-bottom: 10px;
}

.hiddenrow .loan_feature_document_fee a.active {
  color: var(--maintheme);
}

.hiddenrow .loan_feature_document_fee a.active:before {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background: var(--maintheme);
  content: "";
}

.hiddenrow .loan_featured_service ul {
  margin-bottom: 20px;
}

.hiddenrow .loan_featured_service .readmore {
  font-family: "helveticaneue-medium";
  text-decoration: underline;
  color: var(--maintheme);
  cursor: pointer;
}

.hiddenrow .loan_featured_tab .provider-download-doc {
  flex-wrap: wrap;
}

.hiddenrow .loan_featured_tab .provider-download-doc a {
  margin-bottom: 20px;
}

.loan_featured_tab ul.provider-free-services {
  list-style-type: decimal;
  margin-left: 20px;
}

.loan_featured_tab ul.provider-free-services li b {
  color: var(--maintheme);
}

.personal_loan_form_wrapper {
  padding: 50px 0px;
  max-width: 1000px;
  margin: 0 auto;
}

.personal_loan_form_wrapper .wrapper_header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 30px;
  background: var(--mainblue);
  color: #ffffff;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.personal_loan_form_wrapper .wrapper_content {
  background: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #d7d7d7;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied {
  padding: 20px 30px;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied div {
  width: 33.33%;
  color: #003374;
  font-size: 20px;
  font-family: "helveticaneue-bold";
  border-left: 1px solid #f5f5f5;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied .logo {
  border-left: none;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 50px;
  object-fit: contain;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied div p {
  color: #7d7d7d;
  font-size: 14px;
  padding-bottom: 5px;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied div b {
  font-size: 16px;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied .profit_rate,
.personal_loan_form_wrapper .wrapper_content .loan_bank_applied .payment_month {
  padding-left: 20px;
}

.personal_loan_form_wrapper .wrapper_content .personal_loan_form_input {
  padding: 20px 30px 40px;
}

.personal_loan_form_wrapper
  .wrapper_content
  .personal_loan_form_input
  .input-cover-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
}

.personal_loan_form_wrapper
  .wrapper_content
  .personal_loan_form_input
  .input-cover-row
  .input-cover {
  width: 47%;
}

.personal_loan_form_wrapper
  .wrapper_content
  .personal_loan_form_input
  .input-cover-row
  .input-cover
  ul {
  list-style-type: disc;
  margin-left: 20px;
  line-height: 1.5;
}

.personal_loan_form_wrapper
  .wrapper_content
  .personal_loan_form_input
  .input-cover-row
  .input-cover.full {
  width: 100%;
}

.personal_loan_form_wrapper .form_checkbox {
  padding: 20px 30px;
}

.personal_loan_form_wrapper .wrapper_content .loan_my_details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 30px;
}

.personal_loan_form_wrapper .wrapper_content .loan_my_details div {
  width: 33.3%;
  text-align: left;
  padding: 10px 20px;
  border-left: 1px solid #d7d7d7;
}

.personal_loan_form_wrapper .wrapper_content .loan_my_details div:nth-child(1) {
  padding-left: 0;
  border-left: none;
}

.personal_loan_form_wrapper .wrapper_content .loan_my_details p {
  padding-bottom: 10px;
  font-family: "helveticaneue-medium";
}

.personal_loan_form_wrapper .wrapper_content .loan_my_details b {
  display: block;
  color: #636363;
  word-break: break-word;
}

.personal_loan_form_wrapper .wrapper_content .loan_all_details {
  padding: 0px 30px 30px;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0px 20px;
  border-bottom: 1px solid #d7d7d7;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record:last-child {
  border-bottom: none;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_title {
  width: 100%;
  position: relative;
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_title:before {
  content: "";
  left: 0;
  bottom: 0;
  height: 4px;
  background: var(--maintheme);
  width: 50px;
  position: absolute;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_info {
  width: 33%;
  margin-bottom: 30px;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_info
  a.attachment {
  color: var(--maintheme);
  display: inline-block;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_info
  p {
  padding-bottom: 10px;
  font-family: "helveticaneue-medium";
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_info
  div {
  display: block;
  color: #636363;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_info
  div
  img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_all_details
  .loan_all_details_record
  .details_info.full {
  width: 100%;
}

.sms-verfication-wrapper {
  width: 100%;
  background: var(--mainblue);
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  margin-bottom: 20px;
}

.sms-verfication-wrapper p.note {
  text-align: left;
}

.sms-verfication-wrapper .sms-verification .input-cover {
  display: flex;
  gap: 20px;
  width: 100%;
}

.sms-verfication-wrapper .sms-verification p {
  padding-bottom: 15px;
  font-style: italic;
}

.sms-verfication-wrapper .sms-verification p a {
  color: var(--maintheme);
  text-decoration: underline;
  font-style: normal;
}

.sms-verfication-wrapper .sms-verification p a.resend_disable {
  color: #9c9c9c;
  pointer-events: none;
}

.loan_icupload {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.loan_icupload label {
  width: 100%;
  max-width: 300px;
  margin: 20px 20px;
}

.loan_icupload label input {
  display: none;
}

.loan_icupload label p {
  text-align: center;
  padding-top: 5px;
}

.loan_icupload label .imageframe {
  cursor: pointer;
  width: 100%;
  height: 189px;
  border: 1px solid var(--maintheme);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebebeb;
}

.loan_icupload label .imageframe img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

.sitemap-features {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-widget .widget-right .sitemap-features .sitemaplink {
  width: 49%;
}

.footer-widget .widget-right .sitemap-features .sitemaplink .title p {
  font-size: 14px;
}

.header.new-header
  .left
  .link
  .header_dd
  .products_dd_list
  .wrapper
  .products_dd_items
  a.all {
  color: var(--maintheme);
}

.header.new-header
  .left
  .link
  .header_dd
  .products_dd_list
  .wrapper
  .products_dd_items
  a.all:hover {
  background: var(--mainblue);
  color: #ffffff;
}

.personal_loan_processing {
  padding: 180px 0px 80px;
}

.personal_loan_processing .personal_loan_thankyou {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px 50px 50px;
}

.personal_loan_processing .personal_loan_thankyou .thankyou_image {
  margin: -150px auto 0;
  max-width: 300px;
}

.personal_loan_processing .personal_loan_thankyou .thankyou_image img {
  display: block;
  width: 100%;
}

.personal_loan_processing .personal_loan_thankyou .thankyou_msg {
  text-align: center;
  padding: 30px 0px 30px;
}

.personal_loan_processing .personal_loan_thankyou .thankyou_msg b {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  padding-bottom: 10px;
  display: block;
}

.personal_loan_processing .personal_loan_thankyou .thankyou_msg p {
  font-size: 20px;
}

.personal_loan_thankyou .credit_card_apply {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px dashed #000000;
}

.personal_loan_thankyou .credit_card_apply .card-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 30px;
}

.personal_loan_thankyou .credit_card_apply .card-image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.personal_loan_thankyou .credit_card_apply p {
  font-family: "helveticaneue-bold";
  font-size: 25px;
  line-height: 1.3;
}

.personal_loan_thankyou .credit_card_msg {
  padding: 40px 0px 0px;
}

.personal_loan_thankyou .credit_card_msg p {
  text-align: center;
  padding-bottom: 20px;
  font-size: 18px;
}

.personal_loan_thankyou .credit_card_msg .button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.personal_loan_thankyou .credit_card_msg .button a {
  width: 100%;
  max-width: 200px;
  border: 1px solid var(--maintheme);
  text-align: center;
  padding: 15px 10px;
  color: var(--maintheme);
  border-radius: 5px;
  margin: 10px 10px;
}

.personal_loan_thankyou .credit_card_msg .button a:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.personal_loan_process_status .title {
  width: 100%;
  position: relative;
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.personal_loan_process_status .title:before {
  content: "";
  left: 0;
  bottom: 0;
  height: 4px;
  background: var(--maintheme);
  width: 50px;
  position: absolute;
}

.personal_loan_process_status ul li {
  display: flex;
  margin-bottom: 60px;
  position: relative;
}

.personal_loan_process_status ul li:before {
  content: "";
  position: absolute;
  top: 30px;
  height: 50px;
  width: 4px;
  left: 10px;
  background: #e5e5ea;
}

.personal_loan_process_status ul li:last-child:before {
  display: none;
}

.personal_loan_process_status ul li b {
  width: 25px;
  display: block;
  padding-top: 1px;
}

.personal_loan_process_status ul li b.pending {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.personal_loan_process_status ul li b img {
  width: 100%;
  display: block;
}

.personal_loan_process_status ul li p {
  padding-left: 20px;
  font-size: 18px;
  width: calc(100% - 25px);
}

.personal_loan_process_status .note {
  font-family: "helveticaneue-medium";
  font-size: 17px;
}

.autoinsurance-feature .phrasetitle .static b {
  font-size: 40px;
}

.select-auto-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 0px 50px;
  gap: 30px;
}

.select-auto-type button {
  width: 19%;
  min-width: 200px;
  border: 2px solid #d7d7d7;
  border-radius: 10px;
  padding: 20px 20px;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
  cursor: pointer;
}

.select-auto-type button:hover {
  border: 2px solid var(--maintheme);
}

.select-auto-type button span {
  display: flex;
  width: 105px;
  height: 65px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}

.select-auto-type button span img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.select-auto-type button b {
  display: block;
  text-align: center;
  line-height: 1.3;
  transition: all ease 0.4s;
  font-family: "helveticaneue";
  font-size: 15px;
}

.select-auto-type a {
  width: 19%;
  min-width: 200px;
  border: 2px solid #d7d7d7;
  border-radius: 10px;
  padding: 20px 20px;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}

.select-auto-type a:hover {
  border: 2px solid var(--maintheme);
}

.select-auto-type a span {
  display: flex;
  width: 105px;
  height: 65px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}

.select-auto-type a span img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.select-auto-type a b {
  display: block;
  text-align: center;
  line-height: 1.3;
  transition: all ease 0.4s;
}

.row.autoinsurance-select {
  background-image: url(../images/auto-insurance-city-flip-bg.png),
    url(../images/auto-insurance-city-bg.png);
  background-position: center left, center right;
  background-repeat: no-repeat, no-repeat;
  background-size: 50%, 50%;
}

.autoinsurance-select-video {
  padding: 0px 0px 100px;
}

.auto-insurance-cover-list,
.page-slider-cover-list {
  padding: 50px 0px;
}

.auto-insurance-cover-list .title,
.page-slider-cover-list .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
}

.auto-insurance-cover-list .title p,
.page-slider-cover-list .title p {
  padding-top: 10px;
  font-size: 16px;
  font-family: "helveticaneue";
  text-transform: none;
}

.auto-insurance-list-swiper .swiper-slide,
.page-slider-list-swiper .swiper-slide {
  height: auto;
  border: 3px solid #e0e0e0;
  border-radius: 10px;
}

.auto-insurance-list-swiper .swiper-slide:hover,
.page-slider-list-swiper .swiper-slide:hover {
  border: 3px solid var(--maintheme);
}

.auto-insurance-list-swiper .list-desc,
.page-slider-list-swiper .list-desc {
  padding: 20px 20px;
}

.auto-insurance-list-swiper .list-desc .icon,
.page-slider-list-swiper .list-desc .icon {
  display: block;
  margin-bottom: 20px;
}

.auto-insurance-list-swiper .list-desc .icon img,
.page-slider-list-swiper .list-desc .icon img {
  width: auto;
  max-width: 100%;
}

.auto-insurance-list-swiper .list-desc b,
.page-slider-list-swiper .list-desc b {
  font-family: "helveticaneue-bold";
  font-size: 20px;

  display: block;
  line-height: 1.3;
  min-height: 52px;
  margin-bottom: 20px;
}

.auto-insurance-list-swiper .list-desc p,
.page-slider-list-swiper .list-desc p {
  color: #898989;
  line-height: 1.3;
}

.auto-insurance-list-swiper .list-desc a.view-workshop,
.page-slider-list-swiper .list-desc a.view-workshop {
  text-decoration: underline;
  color: var(--maintheme);
}

.auto-insurance-list-swiper-cover .swiper,
.page-slider-list-swiper-cover .swiper {
  position: relative;
  overflow-x: hidden;
}

.auto-insurance-howitwork,
.page-howitwork {
  padding: 80px 0px;

  background-repeat: no-repeat;
  background-position: right center;
}

.auto-insurance-howitwork p a,
.page-howitwork p a {
  color: var(--maintheme);
}

.auto-insurance-howitwork .title,
.page-howitwork .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
  line-height: 1.3;
}

.auto-insurance-howitwork .step-list,
.page-howitwork .step-list {
  display: block;
  max-width: 600px;
}

.auto-insurance-howitwork .step-list .step-cover,
.page-howitwork .step-list .step-cover {
  display: block;
  position: relative;
  padding-left: 50px;
  padding-bottom: 40px;
  z-index: 1;
}

.auto-insurance-howitwork .step-list .step-cover:last-child,
.page-howitwork .step-list .step-cover:last-child {
  padding-bottom: 0;
  z-index: 2;
}

.auto-insurance-howitwork .step-list .step-cover span,
.page-howitwork .step-list .step-cover span {
  position: absolute;
  left: 0;
  top: -5px;
  width: 30px;
  height: 30px;
  background: var(--maintheme);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 100%;
}

.auto-insurance-howitwork .step-list .step-cover span:before,
.page-howitwork .step-list .step-cover span:before {
  height: 250px;
  top: 0;
  left: 15px;
  width: 2px;
  background: var(--maintheme);
  content: "";
  position: absolute;
  z-index: -1;
}

.auto-insurance-howitwork .step-list .step-cover:last-child span:before,
.page-howitwork .step-list .step-cover:last-child span:before {
  background: #ebeff4;
  background: #ebeff4;
  width: 6px;
  left: 12px;
}

.auto-insurance-howitwork .step-list .step-cover b,
.page-howitwork .step-list .step-cover b {
  font-family: "helveticaneue-bold";
  padding-bottom: 5px;
  display: block;
  font-size: 20px;
}

.auto-insurance-howitwork .step-list .step-cover p,
.page-howitwork .step-list .step-cover p {
  font-size: 18px;
  font-family: "helveticaneue-light";
}

.onlinewill-executor .input-cover label.input-field-radio {
  width: 100%;
  font-size: 20px;
  text-align: left;
  margin-bottom: 30px;
  margin-right: 0;
}

.onlinewill-executor .input-field-radio p {
  font-size: 16px !important;
}

.onlinewill-executor .input-cover label.input-field-radio .radiobox {
  top: 3px;
}

.onlinewill-detail-form .multiple_insured_form .table-body .step-notice {
  line-height: 1.5;
  padding-bottom: 50px;
  font-size: 17px;
}

.onlinewill-detail-form .multiple_insured_form .table-body .step-notice span {
  display: inline-block;
  color: var(--maintheme);
  font-family: "helveticaneue-bold";
  font-size: 18px;
  text-transform: uppercase;
}

.popup.onlinewill-popup .popup-wrapper {
  max-width: 800px;
}

.insurance-payment-table-cover
  .table-body
  .payment-form-details
  .input-cover.title
  p {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding-bottom: 0;
}

.distribution-form .title {
  font-size: 20px;
  font-family: "helveticaneue-medium";
  padding-bottom: 30px;
  line-height: 1.3;
}

.distribution-option {
  display: flex;
  gap: 30px;
  justify-content: center;
  padding: 40px 0px;
}

.distribution-option .option-checkbox .checkbox-show {
  text-align: center;
  width: 200px;
  cursor: pointer;
  border: 2px solid #d7d7d7;
  border-radius: 8px;
  height: 173px;
  padding: 30px 10px;
}

.distribution-option .option-checkbox .checkbox-show i {
  font-size: 50px;
}

.distribution-option .option-checkbox .checkbox-show p {
  line-height: 1.3;
  padding-top: 20px;
}

.distribution-option .option-checkbox input {
  display: none;
}

.distribution-option .option-checkbox .checkbox-show:hover i,
.distribution-option .option-checkbox .checkbox-show:hover p {
  color: var(--maintheme);
}

.distribution-option .option-checkbox input:checked ~ .checkbox-show {
  border: 2px solid var(--maintheme);
}

.distribution-option .option-checkbox input:checked ~ .checkbox-show i,
.distribution-option .option-checkbox input:checked ~ .checkbox-show p {
  color: var(--maintheme);
}

.distribution-form .option-shared .beneficiary_row {
  margin-bottom: 30px;
}

.distribution-form .option-shared .beneficiary_row .beneficiary_counter {
  font-weight: bold;
  padding-bottom: 10px;
  color: var(--maintheme);
}

.distribution-form .option-shared .add_remove_child {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.distribution-form .option-shared .add_remove_child > div {
  text-decoration: underline;
  color: var(--maintheme);
  cursor: pointer;
  margin-right: 40px;
  font-size: 18px;
  font-family: "helveticaneue-light";
}

.willwriting-overview {
  max-width: 870px;
  margin: 0 auto;
  padding: 30px 30px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
}

.willwriting-overview .title {
  font-size: 20px;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
  line-height: 1.3;
  text-align: center;
}

.willwriting-overview a {
  color: var(--maintheme);
}

.distribution-form .title span {
  color: var(--maintheme);
  display: inline-block;
}

.estate-type-selection {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.estate-type-selection .option {
  padding: 15px 15px;
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  text-align: center;
  color: #9c9c9c;
  cursor: pointer;
  min-width: 100px;
}

.estate-type-selection .option.active {
  background: var(--maintheme);
  color: #ffffff;
  border: 1px solid var(--maintheme);
}

.estate-type-selection .option:hover {
  border: 1px solid var(--maintheme);
}

.estate_row .title {
  font-family: "helveticaneue-medium";
  font-size: 17px;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.estate_row {
  margin-bottom: 40px;
}

.property-form .add_remove_child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

.property-form .add_remove_child div {
  background: var(--mainblue);
  color: #ffffff;
  border-radius: 10px;
  width: 200px;
  text-align: center;
  padding: 10px 10px;
  cursor: pointer;
}

.estate-distribute-wrapper {
  margin-bottom: 50px;
}

.property-form .beneficiary_row {
  margin-bottom: 20px;
}

.property-form .beneficiary_row .beneficiary_counter {
  font-weight: bold;
  padding-bottom: 10px;
  color: var(--maintheme);
}

.estate-distribute-wrapper .add_remove_estate {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}

.estate-distribute-wrapper .add_remove_estate div {
  display: block;
  width: 150px;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  border: none;
  transition: all ease 0.3s;
}

.sme-loan-estimate {
  padding: 40px 0px;
}

.sme-loan-estimate .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
  line-height: 1.3;
}

.sme-loan-estimate .sme-loan-estimate-form {
  display: block;
}

.sme-loan-estimate .sme-loan-estimate-form .input-cover select {
  max-width: 500px;
}

.sme-loan-estimate .sme-loan-estimate-form .input-cover {
  margin-bottom: 20px;
}

.sme-loan-estimate .sme-loan-estimate-form .input-cover p {
  padding-bottom: 5px;
}

.sme-loan-estimate .sme-loan-estimate-form .input-cover .select_company_type {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sme-loan-estimate .sme-loan-estimate-form .input-cover .select_company_type a {
  border: 1px solid #9c9c9c;
  border-radius: 5px;
  padding: 15px 15px;
  color: #9c9c9c;
  min-width: 250px;
}

.sme-loan-estimate
  .sme-loan-estimate-form
  .input-cover
  .select_company_type
  a.active {
  color: #ffffff;
  background: var(--maintheme);
  border: 1px solid var(--maintheme);
}

.sme-loan-estimate
  .sme-loan-estimate-form
  .input-cover
  .select_company_type
  a
  i {
  margin-right: 10px;
}

.sme-loan-estimate-form table.sme-company-latest {
  width: 100%;
  max-width: 1000px;
}

.sme-loan-estimate-form table.sme-company-latest thead tr th {
  background: #31393f;
  color: #ffffff;
  padding: 20px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: left;
}

.sme-loan-estimate-form table.sme-company-latest tbody {
  border: 1px solid #d7d7d7;
}

.sme-loan-estimate-form table.sme-company-latest tbody tr td {
  padding: 10px 10px;
  background: #f8f8f8;
  line-height: 1.3;
  vertical-align: middle;
}

.sme-loan-estimate-form table.sme-company-latest tbody tr:first-child td {
  padding-top: 20px;
}

.sme-loan-estimate-form table.sme-company-latest tbody tr:last-child td {
  padding-bottom: 20px;
}

.sme-loan-estimate-form table.sme-company-latest tbody tr td:first-child {
  width: 40%;
  text-align: right;
}

.sme-loan-estimate-form table.sme-company-latest tbody tr td input {
  max-width: 400px;
}

.lds-ring img {
  position: relative;
  left: -35px;
}

.smeloan-result {
  border: 1px solid #d7d7d7;
  border-radius: 15px;
  padding: 30px 30px;
  background: #ffffff;
}

.smeloan-result .title {
  font-family: "helveticaneue-medium";
  font-size: 20px;
  padding-bottom: 10px;
  line-height: 1.3;
  margin-bottom: 10px;
  border-bottom: 2px solid var(--maintheme);
}

.smeloan-result .subtitle {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding-bottom: 20px;
  line-height: 1.3;
}

.smeloan-result .divline {
  border: 1px dashed #d7d7d7;
  width: 100%;
  display: block;
  margin: 40px 0px;
}

.smeloan-result p {
  padding-bottom: 10px;
}

.smeloan-result p a {
  color: var(--maintheme);
}

.smeloan-result table {
  width: 100%;
}

.smeloan-result table thead tr th {
  background: var(--mainblue);
  color: #ffffff;
  padding: 20px 10px;
  border: 1px solid #d7d7d7;
  text-align: left;
}

.smeloan-result table thead tr th:first-child {
  border-top-left-radius: 10px;
  border: none;
}

.smeloan-result table thead tr th:last-child {
  border-top-right-radius: 10px;
  border: none;
}

.smeloan-result table tbody tr td {
  border: 1px solid #d7d7d7;
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle;
}

.smeloan-result table tbody tr td span {
  display: none;
}

.smeloan-result table tbody tr td a {
  border: 1px solid var(--maintheme);
  color: var(--maintheme);
  padding: 10px 10px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

.smeloan-result table tbody tr td a:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.smeloan-result table tbody tr td a.link {
  padding: 0;
  text-decoration: underline;
  border: none;
  color: var(--maintheme);
  margin-top: 5px;
}

.smeloan-result table tbody tr td a.link:hover {
  background: none;
  color: var(--maintheme);
}

.smeloan-result .company-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-top: 30px;
}

.smeloan-result .company-details .input-cover {
  width: 49%;
}

.smeloan-result .company-details .input-cover.full {
  width: 100%;
}

.insurance-payment-cover .insurance-payment-left.full-width {
  max-width: 1000px;
}

.insurance-payment-cover
  .insurance-payment-left.full.middle
  .insurance-payment-button.align-middle {
  justify-content: center;
}

.row.travel-video-bg {
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding-top: 150px;
  background-size: cover;
}

.critical-illness-cover {
  padding: 40px 0px;
}

.critical-illness-cover .desc {
  line-height: 1.5;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.critical-illness-cover .choose-ward p {
  font-size: 18px;
  padding-bottom: 20px;
  text-align: center;
}

.critical-illness-cover .choose-ward .input-cover {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.critical-illness-cover .choose-ward .input-cover label {
  position: relative;
}

.critical-illness-cover .choose-ward .input-cover label .tooltips {
  margin-top: 10px;
  font-size: 13px;
}

.critical-illness-cover .choose-ward .input-cover label .tooltips i {
  cursor: pointer;
}

.critical-illness-cover .choose-ward .input-cover label input {
  display: none;
}

.critical-illness-cover .choose-ward .input-cover label .label-layout {
  border-radius: 5px;
  border: 1px solid #000000;
  padding: 10px 20px 10px 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
  cursor: pointer;
  position: relative;
}

.critical-illness-cover .choose-ward .input-cover label .label-layout .flag {
  width: 39px;
  border-radius: 3px;
  overflow: hidden;
}

.critical-illness-cover
  .choose-ward
  .input-cover
  label
  .label-layout
  .flag
  img {
  width: 100%;
  display: block;
}

.critical-illness-cover .choose-ward .input-cover label .label-layout .text {
  line-height: 1.3;
}

.critical-illness-cover
  .choose-ward
  .input-cover
  label
  input:checked
  + .label-layout {
  border: 1px solid var(--maintheme);
}

.critical-illness-cover
  .choose-ward
  .input-cover
  label
  input:checked
  + .label-layout:before {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: var(--maintheme);
  position: absolute;
  left: 5px;
  top: 5px;
  content: "";
}

.critical-illness-cover
  .choose-ward
  .input-cover
  label
  input:checked
  + .label-layout:after {
  width: 4px;
  height: 10px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  left: 12px;
  top: 8px;
  content: "";
  transform: rotate(45deg);
}

.critical-illness-cover .calculate-cover {
  display: flex;
  background: #ffffff;
  border-radius: 15px;
  padding: 20px 30px;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  max-width: 1000px;
  margin: 50px auto 20px;
}

.critical-illness-cover .calculate-cover .monthlyincome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.critical-illness-cover .calculate-cover .monthlyincome .input-cover {
  width: 150px;
}

.critical-illness-cover
  .calculate-cover
  .monthlyincome
  .input-cover
  .input-cover-currency
  .currency-field {
  background: #ebebeb;
}

.critical-illness-cover .calculate-cover .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
}

.critical-illness-cover .calculate-cover .button a.reset-calc {
  text-align: center;
  color: var(--maintheme);
  display: block;
  padding: 0px 10px;
}

.critical-illness-cover .estimate-result {
  max-width: 1000px;
  margin: 40px auto;
  border-radius: 10px;
  overflow: hidden;
}

.critical-illness-cover .estimate-result .thead {
  background: var(--maintheme);
  color: #ffffff;
  padding: 20px 10px;
  text-align: center;
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.critical-illness-cover .estimate-result .tfooter {
  padding: 20px 50px;
  background: #31393f;
}

.critical-illness-cover .estimate-result .tfooter p {
  font-size: 15px;
  color: #b7b7b7;
  padding-bottom: 5px;
}

.critical-illness-cover .estimate-result .tfooter .total_cover_amount {
  font-size: 30px;
  font-family: "helveticaneue-medium";
  color: #ffffff;
}

.critical-illness-cover .estimate-result .tbody {
  background: #ffffff;
}

.critical-illness-cover .estimate-result .tbody .prefered__income {
  padding: 30px 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.critical-illness-cover
  .estimate-result
  .tbody
  .prefered__income
  .prefered__income_option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 17px;
}

.critical-illness-cover
  .estimate-result
  .tbody
  .prefered__income
  .prefered__income_option
  .text
  p {
  font-size: 14px;
  color: #b7b7b7;
  padding-bottom: 5px;
}

.critical-illness-cover
  .estimate-result
  .tbody
  .prefered__income
  .prefered__income_option
  .text
  .m_income {
  font-family: "helveticaneue-medium";
  display: block;
}

.critical-illness-cover .estimate-result .tbody .cover_cost {
  border-top: 1px solid #ebebeb;
  padding: 30px 50px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  font-size: 17px;
}

.critical-illness-cover .estimate-result .tbody .cover_cost b {
  font-family: "helveticaneue-medium";
}

.critical-illness-cover .estimate-result .tbody .cover_cost div p {
  font-size: 14px;
  color: #b7b7b7;
}

.critical-illness-cover .note {
  font-size: 14px;
  padding-top: 40px;
}

.autorepair-middle .middle-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.autorepair-middle .middle-cover .image {
  width: 400px;
}

.autorepair-middle .middle-cover .image img {
  width: 100%;
  display: block;
}

.autorepair-middle .middle-cover .text {
  width: calc(100% - 450px);
  font-size: 18px;
  line-height: 1.5;
}

.autorepair-middle .bg-cover {
  background: #e5e5ea;
  width: 100%;
  height: 135px;
  position: absolute;
  left: 0;
  top: 120px;
}

.autorepair-middle .middle-cover .text span {
  display: block;
  max-width: 500px;
  padding-left: 10px;
  border-left: 4px solid var(--maintheme);
  margin-bottom: 30px;
  font-family: "helveticaneue-medium";
  font-size: 18px;
  line-height: 1.3;
}

.autorepair-middle .triangleicon {
  position: absolute;
  right: 20%;
  bottom: -20px;
}

.autorepair-loan-intro {
  padding: 50px 0px;
  border-bottom: 1px dashed #000000;
}



.autorepair-loan-intro .features-list {
  padding: 30px 0px;
  display: flex;
  gap: 20px;
}

.autorepair-loan-intro .features-list .features-item {
  width: 20%;
}

.autorepair-loan-intro .features-list .features-item .icon {
  display: flex;
  justify-content: center;
}

.autorepair-loan-intro .features-list .features-item .icon img {
  display: block;
  width: auto;
  max-width: 100%;
}

.autorepair-loan-intro .features-list .features-item .desc {
  font-family: "helveticaneue-medium";
  line-height: 1.3;
  font-size: 18px;
  text-align: center;
  padding-top: 20px;
}

.autorepair-loan-intro .underwritten {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.autorepair-loan-intro .underwritten p {
  padding: 15px 20px;
  background: #31393f;
  color: #ffffff;
  border-radius: 10px;
}

.auto-repair-financing {
  padding: 50px 0px;
}

.auto-repair-financing .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
}

.auto-repair-financing .text {
  padding-bottom: 40px;
}

.auto-repair-financing .text b {
  color: var(--maintheme);
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}

.auto-repair-financing .prequalified-form {
  display: flex;
  justify-content: space-between;
  row-gap: 30px;
  flex-wrap: wrap;
}

.auto-repair-financing .prequalified-form .input-cover {
  width: 49%;
}

.auto-repair-financing .prequalified-form .input-cover.full {
  width: 100%;
}

.auto-repair-financing .prequalified-form .input-cover p {
  padding-bottom: 5px;
  font-weight: bold;
}

.auto-repair-financing .prequalified-form .statement-upload {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 5px 10px 5px 20px;
  color: #000;
  width: 100%;
  display: flex;
  font-family: "helveticaneue";
  font-size: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.auto-repair-financing .prequalified-form .statement-upload input.fileupload {
  display: none;
}

.auto-repair-financing .prequalified-form .statement-upload .filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.auto-repair-financing .prequalified-form .statement-upload label {
  display: block;
  padding: 10px 30px;
  color: #ffffff;
  background: var(--mainblue);
  border-radius: 5px;
  cursor: pointer;
}

.workshop_panel_categories {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.workshop_panel_categories a {
  padding: 15px 30px;
  color: var(--mainblue);
  border: 1px solid var(--mainblue);
  border-radius: 5px;
}

.workshop_panel_categories a:hover {
  border: 1px solid var(--maintheme);
  color: var(--maintheme);
}

.workshop_panel_categories a.current {
  border: 1px solid var(--maintheme);
  background: var(--maintheme);
  color: #ffffff;
}

.workshop_panel_locatons .input-field {
  max-width: 400px;
  margin: 0 auto 40px;
}

.autorepairloan-schedule .schedule-row {
  display: flex;
  padding: 20px 0px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
}

.autorepairloan-schedule .schedule-row .deletethis_schedule {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: #ebebeb;
}

.autorepairloan-schedule .schedule-row .deletethis_schedule div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.autorepairloan-schedule .schedule-row .deletethis_schedule div input {
  display: block;
  text-transform: capitalize;
  border: 1px solid var(--maintheme);
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--maintheme);
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all ease 0.3s;
  margin: 0px 10px;
}

.autorepairloan-schedule .schedule-row .deletethis_schedule div input:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.autorepairloan-schedule .schedule-row:last-child {
  border-bottom: none;
}

.autorepairloan-schedule .schedule-row:first-child {
  padding-top: 0;
}

.autorepairloan-schedule .schedule-row div p {
  line-height: 1.5;
}

.autorepairloan-schedule .schedule-row div b {
  font-family: "helveticaneue-medium";
  display: block;
  padding-bottom: 5px;
}

.autorepairloan-schedule .schedule-row .time_date {
  width: 20%;
  padding-right: 20px;
}

.autorepairloan-schedule .schedule-row .category {
  width: 20%;
  padding: 0px 20px;
  border-left: 1px solid #d7d7d7;
}

.autorepairloan-schedule .schedule-row .action {
  width: 20%;
  padding: 0px 20px;
}

.autorepairloan-schedule .schedule-row .action a {
  display: block;
  width: 100%;
  text-align: center;
  background: #acacac;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
}

.autorepairloan-schedule .schedule-row .action a:hover {
  background: var(--maintheme);
}

.autorepairloan-schedule .schedule-row .workshop {
  width: 40%;
  padding: 0px 20px;
  border-left: 1px solid #d7d7d7;
}

.autorepairloan-schedule .schedule-row .time_date span {
  display: block;
  padding: 10px 20px;
  color: #ffffff;
  background: var(--maintheme);
}

.autorepairloan-schedule .schedule-row .time_date p {
  text-align: center;
  padding-bottom: 5px;
}

.autorepairloan-schedule .schedule-row .time_date.comingsoon span {
  background: #189c49;
}

.autorepairloan-schedule .schedule-row .time_date.comingsoon p {
  color: #189c49;
}

.autorepairloan-schedule .schedule-row .time_date.expired span {
  background: #cccccc;
}

.autorepairloan-schedule .schedule-row .time_date.expired p {
  color: #cccccc;
}

.autorepairloan-schedule .schedule-row .time_date.pending span {
  background: var(--maintheme);
}

.autorepairloan-schedule .schedule-row .time_date.pending p {
  color: var(--maintheme);
}

.autorepairloan-schedule .schedule-row .time_date.reject span {
  background: red;
}

.autorepairloan-schedule .schedule-row .time_date.reject p {
  color: red;
}

.autorepairloan-amount {
  padding: 20px 0px 30px;
  border-bottom: 1px dashed #000000;
}

.autorepairloan-amount p {
  color: #898989;
  font-size: 18px;
  padding-bottom: 5px;
}

.autorepairloan-amount span {
  font-family: "helveticaneue-bold";
  font-size: 38px;
  display: block;
  padding-bottom: 10px;
}

.autorepairloan-amount .loan-amount-progressbar {
  width: 100%;
  max-width: 800px;
  position: relative;
  margin: 20px 0px;
}

.autorepairloan-amount .loan-amount-progressbar .outter {
  width: 100%;
  border-radius: 20px;
  height: 10px;
  background: #e5e5ea;
  position: relative;
  overflow: hidden;
}

.autorepairloan-amount .loan-amount-progressbar .inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 10px;
  background: var(--maintheme);
  border-radius: 20px;
}

.autorepairloan-amount .loan-amount-progressbar .loan-range {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  color: var(--maintheme);
  font-size: 16px;
}

.autorepairloan-amount .loan-leftover b {
  font-weight: bold;
}

.autorepairloan-setappointment {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  justify-content: space-between;
  row-gap: 30px;
  padding: 40px 0px;
}

.autorepairloan-setappointment .input-cover {
  width: 49%;
}

.autorepairloan-setappointment .input-cover.full {
  width: 100%;
}

.autorepairloan-setappointment .input-cover p {
  padding-bottom: 5px;
}

.mobile-floating-contact {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px 10px;
  background: #ffffff;
  border-top: 1px solid #d7d7d7;
  box-shadow: 0 -3px 3px 0 rgb(0 0 0 / 10%);
  z-index: 9999;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: none;
  height: 71px;
  padding-right: 82px;
}

.mobile-floating-contact .language {
  border-radius: 20px;
  padding: 5px 20px;
  background: var(--maintheme);
  color: #ffffff;
  cursor: pointer;
  position: relative;
}

.mobile-floating-contact a {
  border-radius: 100%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d7d7d7;
  color: var(--mainblue);
}

.mobile-floating-contact .language .language-select {
  position: absolute;
  bottom: -240px;
  left: 0;
  opacity: 0;
  transition: all ease 0.3s;
}

.mobile-floating-contact .language .language-select.trigger {
  bottom: 40px;
  opacity: 1;
  transition: all ease 0.3s;
}

.mobile-floating-contact .language .language-select a {
  border-radius: 100%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--maintheme);
  color: #ffffff;
  margin-bottom: 10px;

  box-shadow: -3px 2px 4px 1px rgb(0 0 0 / 40%);
  -webkit-box-shadow: -3px 2px 4px 1px rgb(0 0 0 / 40%);
  -moz-box-shadow: -3px 2px 4px 1px rgba(0, 0, 0, 0.4);
}

.addmoreupload {
  color: var(--maintheme);
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
}

.removeupload {
  color: var(--maintheme);
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
  margin-top: 20px;
}

.statement-cover {
  margin-bottom: 20px;
}

.workshop_table_cover table tbody tr td .workshopimg {
  margin-bottom: 20px;
}

.workshop_table_cover table tbody tr td .workshopimg img {
  display: block;
  object-fit: cover;
  width: auto;
  max-width: 100%;
  height: 200px;
}

.autorepair_workshop_table {
  width: 100%;
}

.autorepair_workshop_table .thead {
  background: var(--maintheme);
  color: #ffffff;
  padding: 20px 20px;
  font-family: "helveticaneue-medium";
  font-size: 20px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.autorepair_workshop_table .tbody {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  border-left: none;
}

.autorepair_workshop_table .tbody .workshop-info {
  width: 50%;
  border-bottom: 1px solid #d7d7d7;
  padding: 30px 30px;
  line-height: 1.3;
  border-left: 1px solid #d7d7d7;
}

.autorepair_workshop_table .tbody .workshop-info .workshopimg {
  margin-bottom: 20px;
}

.autorepair_workshop_table .tbody .workshop-info .workshopimg img {
  display: block;
  object-fit: cover;
  width: auto;
  max-width: 100%;
  height: 200px;
}

.autorepair_workshop_table .tbody .workshop-info strong {
  display: block;
  font-family: "helveticaneue-bold";
}

.autorepair_workshop_table .tbody .workshop-info b {
  font-family: "helveticaneue-medium";
}

.thead.default {
  background: #1e252b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 20px;
  color: #ffffff;
}

.tbody.default {
  background: #ffffff;
  padding: 20px 20px;
}

.loe-benefits {
  padding: 50px 0px;
}

.loe-benefits .title {
  font-size: 60px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.loe-benefits .title i {
  display: inline-block;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #f87532;
  border-radius: 100%;
  border: none;
  vertical-align: baseline;
}

.loe-benefits .subtitle {
  font-size: 30px;
  color: #31393f;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.loe-benefits .desc {
  max-width: 1000px;
  margin: 0 auto 50px;
}

.loe-benefits .desc a {
  color: var(--maintheme);
}

.loe-benefits .desc b {
  font-weight: bold;
}

.benefitcalculator {
  max-width: 1000px;
  margin: 0 auto 30px;
}

.benefitcalculator .tbody .input-cover-row {
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
  flex-wrap: wrap;
  max-width: 1000px;
}

.benefitcalculator .tbody .input-cover-row .input-cover {
  width: 49%;
}

.benefitcalculator .tbody .input-cover-row .input-cover p {
  padding-bottom: 5px;
}

.benefitcalculator .tbody .input-cover-row .input-cover .note {
  font-size: 13px;
  color: #9c9c9c;
}

.loe-calculate-table {
  max-width: 1000px;
  margin: 0 auto;
}

.loe-calculate-table table {
  width: 100%;
}

.loe-calculate-table table thead tr th {
  background: #1e252b;
  color: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 10px 10px;
  vertical-align: middle;
}

.loe-calculate-table table thead tr th b {
  display: block;
  font-size: 13px;
  padding-top: 5px;
}

.loe-calculate-table table tbody tr td {
  padding: 20px 10px;
  text-align: center;
  background: #ffffff;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
}

.loe-calculate-table table tbody tr:nth-child(even) td {
  background: #ebebeb;
}

.loe-calculate-table table tbody tr td.empty {
  background: #acacac;
}

.loe-calculate-table > p {
  padding: 10px 0px;
  font-size: 14px;
}

.loe_job_eligible {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1000px;
  padding: 50px 0px;
  margin: 0 auto;
}

.loe_job_eligible b {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
}

.loe_job_eligible div {
  width: 45%;
}

.loe_job_eligible div ul li {
  padding-left: 25px;
  position: relative;
  line-height: 1.5;
  padding-bottom: 10px;
}

.loe_job_eligible div ul.eligible li:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../images/bullet-right.png);
  content: "";
}

.loe_job_eligible div ul.non-eligible li:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../images/bullet-wrong.png);
  content: "";
}

.loe_reminder {
  padding: 30px 30px;
  background: #ffffff;
  border-radius: 20px;
  margin: 0 auto;
  max-width: 1000px;
}

.loe_reminder b {
  font-family: "helveticaneue-bold";
  font-size: 18px;
  display: block;
  padding-bottom: 20px;
}

.loe_reminder ul {
  margin-left: 20px;
  list-style-type: disc;
  color: var(--maintheme);
}

.loe_reminder ul li p {
  color: #000000;
  line-height: 1.5;
  padding-bottom: 5px;
}

.addon-simcard-available {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 30px;
}

.addon-simcard-available label.simcard-cover {
  width: 48%;
  margin-bottom: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
}

.addon-simcard-available label.simcard-cover input {
  display: none;
}

.addon-simcard-available label.simcard-cover .select-simcard {
  display: flex;
  align-items: center;
  padding: 20px 20px;
}

.addon-simcard-available label.simcard-cover .select-simcard .radiobox {
  position: relative;
  width: 25px;
  height: 25px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
}

.addon-simcard-available label.simcard-cover .select-simcard .radiobox:before {
  position: absolute;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  content: "";
  left: 8px;
  top: 3px;
  display: none;
}

.addon-simcard-available
  label.simcard-cover
  input:checked
  + .select-simcard
  .radiobox {
  background: var(--maintheme);
}

.addon-simcard-available
  label.simcard-cover
  input:checked
  + .select-simcard
  .radiobox:before {
  display: block;
}

.addon-simcard-available label.simcard-cover .select-simcard p {
  margin-left: 10px;
  font-family: "helveticaneue-bold";
  font-size: 20px;
}

.addon-simcard-available label.simcard-cover .simcard-info {
  padding: 10px 20px 20px;
}

.addon-simcard-available label.simcard-cover .simcard-info .image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.addon-simcard-available label.simcard-cover .simcard-info .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.addon-simcard-available label.simcard-cover .simcard-info .name {
  display: block;
  text-align: center;
  padding: 30px 0px;
  font-family: "helveticaneue-bold";
  font-size: 20px;
}

.addon-simcard-available label.simcard-cover .simcard-info .quota {
  padding: 0px 20px;
  line-height: 1.3;
  text-align: center;
  min-height: 60px;
}

.addon-simcard-available label.simcard-cover .simcard-type {
  background: #ebeff4;
  padding: 10px 20px;
}

.addon-simcard-available label.simcard-cover .simcard-type div {
  padding: 10px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.addon-simcard-available label.simcard-cover .simcard-type div:last-child {
  border-bottom: none;
}

.addon-simcard-available label.simcard-cover .simcard-type div b {
  color: #7d7d7d;
  display: block;
  padding-bottom: 5px;
}

.addon-simcard-available label.simcard-cover .simcard-type div a {
  display: inline-block;
  color: var(--maintheme);
}

.addon-simcard-available label.simcard-cover p {
  padding-bottom: 0 !important;
}

.autorepairloan-setappointment .select_workshop {
  position: relative;
  width: 100%;
}

.autorepairloan-setappointment .select_workshop span {
  width: 100%;
  padding: 15px 20px 15px 20px;
  background-color: #ffffff;
  color: #000000;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background-image: url(../images/downarrow-black.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-family: "helveticaneue";
  font-size: 16px;
  display: block;
  cursor: pointer;
  line-height: 1.3;
}

.autorepairloan-setappointment .select_workshop .select_workshop_dd {
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.autorepairloan-setappointment .select_workshop .select_workshop_dd .items {
  padding: 10px 20px;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
}

.autorepairloan-setappointment .select_workshop .select_workshop_dd .items b {
  display: block;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
}

.autorepairloan-setappointment .select_workshop .select_workshop_dd .items p {
  padding-bottom: 0;
}

.autorepairloan-setappointment
  .select_workshop
  .select_workshop_dd
  .items:hover {
  background: var(--maintheme);
  color: #ffffff;
}

.personal_loan_compare table tr td .p-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}

.personal_loan_compare table tr td p {
  height: 50px;
  font-size: 15px;
  padding-bottom: 0;
  overflow: hidden;
}

.filter_plan_policy.personal_loan_compare table tr td {
  vertical-align: top;
}

.personal_loan_compare table tr td .p-logo img {
  max-height: 80px;
  display: block;
  object-fit: contain;
}

.personal_loan_compare table tr td .submit {
  font-size: 16px;
}

/*set here*/

.creditcard-middle .middle-cover {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}

.creditcard-middle .middle-cover .image {
  width: 300px;
  display: flex;
  justify-content: flex-end;
}

.creditcard-middle .middle-cover .image img {
  width: auto;
  max-width: 100%;
  display: block;
}

.creditcard-middle .bg-cover {
  background: #e5e5ea;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
}

.creditcard-middle .middle-cover .text {
  position: relative;
  width: calc(100% - 400px);
}

.creditcard-middle .middle-cover .triangleicon {
  position: absolute;
  left: 0;
  bottom: -20px;
}

.creditcard-middle .middle-cover .text span {
  display: block;
  max-width: 500px;
  padding-left: 10px;
  border-left: 4px solid var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 18px;
  line-height: 1.3;
  position: relative;
  top: -115px;
}

.creditcard-middle .middle-cover .text p {
  padding-left: 100px;
  padding-right: 50px;
  font-size: 20px;
  position: relative;
  top: -65px;
}

.creditcard-list-wrapper {
  padding: 80px 0px 50px;
  border-bottom: 1px dashed #000000;
}

.creditcard-list-wrapper .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
  line-height: 1.3;
}

.credit-card-option {
  display: flex;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  background: #ffffff;
  justify-content: space-between;
  position: relative;
}

.credit-card-option .filter {
  background: var(--mainblue);
  width: 11%;
  color: #ffffff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  transition: all ease 0.3s;
}

.credit-card-option .filter.trigger {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all ease 0.3s;
}

.credit-card-option .filter .filter-dd {
  width: 280px;
  background: var(--mainblue);
  position: absolute;
  left: 0;
  top: 100%;
  padding: 20px 20px;
  color: #ffffff;
  display: none;
}

.credit-card-option .filter .filter-dd .input-cover {
  margin-bottom: 20px;
}

.credit-card-option .nav {
  display: flex;
  width: 89%;
  overflow-x: auto;
}

.credit-card-option .credit-card-cat {
  display: flex;
  width: 100%;
}

.credit-card-option .icon {
  width: 40px;
  height: 40px;
}

.credit-card-option .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.credit-card-option .filter p {
  width: 100%;
  text-align: center;
}

.credit-card-option .filter p i {
  margin-left: 5px;
  transform: scale(0.8);
}

.credit-card-option a {
  width: 12.5%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;

  position: Relative;
}

.credit-card-option a:before {
  position: absolute;
  content: "";
  height: 80%;
  width: 1px;
  background: #d7d7d7;
  right: 0;
  top: 10%;
}

.credit-card-option a:last-child:before {
  display: none;
}

.credit-card-option a p {
  width: 100%;
  text-align: center;
  color: #000000;
  line-height: 1.3;
  position: relative;
}

.credit-card-option a p:before {
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 3px;
  background: var(--maintheme);
  content: "";
  left: 0;
  transition: all ease 0.3s;
}

.credit-card-option a:hover p:before,
.credit-card-option a.active p:before {
  width: 100%;
  transition: all ease 0.3s;
}

.credit-card-nav-sort.fixed {
  position: fixed;
  top: 80px;
  max-width: 1200px;
  width: 100%;

  z-index: 99;
}

.credit-card-nav-sort.fixed .credit-card-option {
  box-shadow: 0 0 5px #737373;
  position: relative;
  z-index: 3;
}

.credit-card-nav-sort.fixed .credit-card-option a,
.credit-card-nav-sort.fixed .credit-card-option .filter {
  flex-wrap: nowrap;
  align-items: center;
  padding: 15px 10px;
}

.credit-card-nav-sort.fixed .credit-card-option a {
  flex: 1 1 auto;
  width: auto;
}

.credit-card-nav-sort.fixed .credit-card-option a p {
  font-size: 14px;
}

.credit-card-nav-sort.fixed .credit-card-option a i {
  margin-right: 5px;
}

.credit-card-nav-sort.fixed .creditcard-sorting {
  background: #ffffff;
  padding: 5px 10px;
  margin: 0;
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
  box-shadow: 0 0 5px #737373;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.creditcard-listing.fixed {
  padding-top: 165px;
}

.button-submit-home .search_reset {
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-submit-home .search_reset .submit {
  margin: 0 auto 20px;
}

.creditcard-sorting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0px;
}

.creditcard-sorting .select-sort {
  max-width: 250px;
  width: 100%;
}

.creditcard-sorting .result-layout {
  display: flex;
  width: 100px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  overflow: hidden;
}

.creditcard-sorting .result-layout div {
  width: 50%;
  padding: 10px 10px;
  color: #000000;
  text-align: center;
  cursor: pointer;
}

.creditcard-sorting .result-layout div.active {
  background: var(--maintheme);
  color: #ffffff;
}

.creditcard-sorting .result-layout div i {
  font-size: 20px;
}

.creditcard-sorting .result-layout .grid i {
  width: 20px;
  height: 20px;
  background: #ffffff;
  display: block;
  margin: 0 auto;
  position: relative;
  border: 2px solid #000000;
}

.creditcard-sorting .result-layout .grid i:before {
  content: "";
  position: absolute;
  left: 7px;
  height: 100%;
  width: 2px;
  background: #000000;
}

.creditcard-sorting .result-layout .grid i:after {
  content: "";
  position: absolute;
  top: 7px;
  width: 100%;
  height: 2px;
  left: 0;
  background: #000000;
}

.creditcard-sorting .result-layout .grid.active i {
  background: #ffffff;
  border: 2px solid var(--maintheme);
}

.creditcard-sorting .result-layout .grid.active i:before {
  background: var(--maintheme);
}

.creditcard-sorting .result-layout .grid.active i:after {
  background: var(--maintheme);
}

.creditcard-listing {
  padding: 30px 0px;
}

.creditcard-listing .title {
  font-family: "helveticaneue-medium";
  font-size: 20px;
  padding-bottom: 30px;
}

.creditcard-listing .listing-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.creditcard-listing .listing-area .creditcard-info-wrapper {
  width: 24%;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  margin: 0px 0.5% 20px;
  transition: all ease 0.3s;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-type {
  padding: 20px 20px;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-type .image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 104px;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-type .image img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-type .bank {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  text-align: center;
  padding: 15px 10px 10px;

  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-type .desc {
  text-align: center;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-type .desc p {
  line-height: 1.3;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 59px;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-anual-rate {
  background: #ebeff4;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper
  .cc-anual-rate
  .value {
  width: 48%;
  margin: 10px 0px;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper
  .cc-anual-rate
  .value
  b {
  color: #7d7d7d;
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper
  .cc-anual-rate
  .value
  p {
  font-size: 18px;
  color: #000000;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-button {
  padding: 10px 20px;
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-button a {
  display: block;
  width: 100%;
  margin: 10px 0px;
  border-radius: 10px;
  padding: 10px 20px;
  text-align: center;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper
  .cc-button
  a.learnmore {
  border: 1px solid var(--maintheme);
  color: var(--maintheme);
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-button a.apply {
  background: var(--maintheme);
  color: #ffffff;
  border: 1px solid var(--maintheme);
}

.creditcard-listing .listing-area .creditcard-info-wrapper .cc-button a:hover {
  background: var(--mainthemehover);
  color: #ffffff;
  border: 1px solid var(--mainthemehover);
}

.creditcard-listing .showmore {
  margin: 30px 0px 10px;
  background: var(--mainblue);
  color: #ffffff;
  border-radius: 10px;
  text-align: center;
  padding: 15px 10px;
  cursor: pointer;
}

.creditcard-listing p.cardamount {
  text-align: right;
  font-size: 14px;
}

.creditcard-listing .listing-area .creditcard-info-wrapper.list-view {
  width: 100%;
  margin: 0 0 30px;
  display: flex;
  transition: all ease 0.3s;
  padding: 20px 0px;
}

.creditcard-listing .listing-area .creditcard-info-wrapper.list-view .cc-type {
  display: flex;
  width: 50%;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper.list-view
  .cc-type
  .desc {
  text-align: left;
  width: calc(100% - 162px);
  padding-left: 20px;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper.list-view
  .cc-type
  .desc
  p {
    line-clamp: 4;
  -webkit-line-clamp: 4;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper.list-view
  .cc-type
  .bank {
  text-align: left;
  padding: 0;
  padding-bottom: 10px;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper.list-view
  .cc-type
  .image {
  width: 162px;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper.list-view
  .cc-anual-rate {
  width: 30%;
}

.creditcard-listing
  .listing-area
  .creditcard-info-wrapper.list-view
  .cc-button {
  width: 20%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.creditcard-details-wrapper {
  padding: 60px 0px 80px;
}

.creditcard-details-wrapper .creditcard-name-image {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}

.creditcard-details-wrapper .creditcard-name-image .image {
  width: 270px;
  display: flex;
  justify-content: flex-end;
}

.creditcard-details-wrapper .creditcard-name-image .image img {
  display: block;
  object-fit: contain;
  width: auto;
  max-width: 100%;
}

.creditcard-details-wrapper .creditcard-name-image .name {
  width: calc(100% - 270px);
  padding-left: 30px;
}

.creditcard-details-wrapper .creditcard-name-image .name b {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  line-height: 1.5;
  display: block;
  padding-bottom: 10px;
}

.creditcard-details-wrapper .creditcard-name-image .name p {
  padding-bottom: 20px;
}

.creditcard-details-wrapper .creditcard-rate {
  display: flex;
  padding: 15px 40px;
  border-radius: 50px;
  border: 1px solid #d7d7d7;
  background: #ebebeb;
  justify-content: space-between;
}

.creditcard-details-wrapper .creditcard-rate div {
  padding-left: 10px;
  border-left: 1px solid #000000;
}

.creditcard-details-wrapper .creditcard-rate div b {
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  color: var(--mainblue);
}

.creditcard-highlight {
  padding-top: 50px;
}

.creditcard-highlight .title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  padding-bottom: 30px;
}

.creditcard-highlight .highlight-wrapper {
  position: relative;
}

.creditcard-highlight .highlight-wrapper .swiper-slide {
  border: 2px solid var(--mainblue);
  border-radius: 10px;
  height: auto;
}

.creditcard-highlight .highlight-wrapper .cover {
  padding: 30px 20px;
}

.creditcard-highlight .highlight-wrapper .cover .image {
  display: block;
  margin-bottom: 20px;
}

.creditcard-highlight .highlight-wrapper .cover .image img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.creditcard-highlight .highlight-wrapper .cover b {
  font-family: "helveticaneue-bold";
  font-size: 20px;
  display: block;
  line-height: 1.3;
  min-height: 52px;
  margin-bottom: 20px;
}

.creditcard-highlight .highlight-wrapper .cover p {
  color: #898989;
  line-height: 1.3;
  padding-bottom: 20px;
}

.creditcard-features-tab {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}

.creditcard-features-tab a {
  padding-bottom: 20px;
  font-family: "helveticaneue-medium";
  color: #000000;
  width: 22%;
  font-size: 17px;
  border-bottom: 3px solid #ebebeb;
}

.creditcard-features-tab a:hover {
  border-bottom: 3px solid var(--maintheme);
}

.creditcard-tab_content {
  padding: 80px 0px;
}

.creditcard-tab_content .title {
  font-family: "helveticaneue-medium";
  font-size: 25px;
  padding-bottom: 10px;
  line-height: 1.3;
  border-bottom: 1px dashed #9c9c9c;
  margin-bottom: 20px;
}

.creditcard-tab_content .content-cover {
  margin-bottom: 20px;
}

.creditcard-tab_content .content-cover .content-table {
  line-height: 1.5;
}

.creditcard-tab_content .content-cover .trigger {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  cursor: pointer;
}

.creditcard-tab_content .content-cover ul {
  list-style-type: disc;
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.creditcard-tab_content .content-cover ul li {
  line-height: 1.8;
  margin: 5px 0px;
}

.creditcard-tab_content .content-cover ul li strong,
.creditcard-tab_content strong,
.creditcard-tab_content b {
  font-family: "helveticaneue-medium";
}

.creditcard-tab_content .content-cover .trigger i {
  width: 20px;
}

.creditcard-tab_content .content-cover a {
  color: var(--maintheme);
}

.creditcard-tab_content .content-cover .content-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 15px;
}

.creditcard-tab_content .content-cover .content-table table tr th {
  font-family: "helveticaneue-medium";
  padding: 10px 20px;
  border-bottom: 1px dashed #9c9c9c;
  text-align: left;
  font-size: 16px;
}

.creditcard-tab_content .content-cover .content-table table tbody tr td {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.3;
}

.creditcard-tab_content .content-cover .content-table table tfoot tr td {
  padding: 10px 20px;
  border-top: 1px dashed #9c9c9c;
}

.creditcard-tab_content
  .content-cover
  .content-table
  table
  tbody
  tr
  td:first-child {
  border-radius: 20px 0px 0px 20px;
}

.creditcard-tab_content
  .content-cover
  .content-table
  table
  tbody
  tr
  td:last-child {
  border-radius: 0px 20px 20px 0px;
}

.creditcard-tab_content
  .content-cover
  .content-table
  table
  tbody
  tr:nth-child(even) {
  background: #d0d8e1;
}

.creditcard-tab_content
  .content-cover
  .content-table
  table
  tbody
  tr:nth-child(odd)
  td {
  padding: 0px 20px;
}

.creditcard-tab_content .content-cover .content-table table tfoot tr td ul {
  list-style-type: disc;
}

.creditcard-tab_content
  .content-cover
  .content-table
  table.listing
  tbody
  tr
  td:first-child {
  font-family: "helveticaneue-medium";
  width: 30%;
}

.credit-card-option .nav .mobilefilter {
  display: none;
}

.row-cover.creditcard-tab-cover {
  padding-top: 80px;
}

input:disabled {
  pointer-events: none !important;
  background: #a1a1a1 !important;
}

.creditcard-apply {
  padding: 80px 0px;
}

.creditcard-apply .title {
  font-family: "helveticaneue-medium";
  font-size: 20px;
  padding-bottom: 30px;
  line-height: 1.3;
  color: #ffffff;
}

.creditcard-apply .input-cover-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ebebeb;
  margin-bottom: 50px;
}

.creditcard-apply .input-cover-row .input-cover {
  width: 48%;
  margin-bottom: 20px;
}

.creditcard-apply .input-cover-row .input-cover.full {
  width: 100%;
}

.creditcard-apply .input-cover-row .input-cover-checkbox {
  margin-top: 30px;
}

.creditcard-apply .input-cover-row p {
  color: #ffffff;
  padding-bottom: 5px;
}

.policy .security h2 {
  font-size: 25px;
  text-align: center;
}

.policy .security > p {
  text-align: center;
}

.policy .security .security-feature {
  margin: 50px auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.policy .security .security-feature .cover {
  width: 48%;
  margin: 10px 0px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  padding: 30px 30px;
}

.policy .security .security-feature .cover .icon {
  font-size: 50px;
  text-align: center;
  color: var(--mainblue);
}

.policy .security .security-feature .cover h3 {
  text-align: center;
  font-size: 20px;
  padding: 10px 0px;
}

.row.office-video-bg {
  background-image: url(../images/office-video-cover-left.png),
    url(../images/office-video-cover-right.png);
  background-position: left -200px center, right -200px center;
  background-repeat: no-repeat, no-repeat;
}

.row.office-video-bg .row-cover {
  padding: 150px 10px;
}

.creditcard-bank {
  padding-top: 50px;
}

.creditcard-bank .fincrew_slider_wrapper {
  padding-top: 0;
}

.loan_bank_applied.col4 {
  row-gap: 20px;
}

.loan_bank_applied.col4 .col-item {
  width: 25% !important;
  padding: 0px 20px;
  row-gap: 20px;
}

.loan_bank_applied.col4 .col-item:first-child {
  border-left: none;
  padding-left: 0;
}

.loan_bank_applied.col4 .col-item p {
  color: #7d7d7d;
  font-size: 14px;
  padding-bottom: 5px;
}

.loan_bank_applied.col4 .col-item b {
  font-size: 16px;
}

.personal_loan_form_wrapper .wrapper_content .loan_bank_applied.provider .logo {
  width: 100%;
  display: flex;
  align-items: center;
}

.personal_loan_form_wrapper
  .wrapper_content
  .loan_bank_applied.provider
  .logo
  img {
  margin-right: 20px;
}

.simcard-wrapper {
  width: 100%;
}

.simcard-wrapper .simcard-img-package {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #d7d7d7;
  flex-wrap: wrap;
}

.simcard-wrapper .simcard-img-package .image {
  width: 200px;
}

.simcard-wrapper .simcard-img-package .image img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.simcard-wrapper .simcard-img-package .package_name {
  width: calc(100% - 200px);
  padding-left: 50px;
}

.simcard-wrapper .simcard-img-package .package_name b {
  font-family: "helveticaneue-bold";
  font-size: 26px;
  line-height: 1.3;

  display: block;
  padding-bottom: 30px;
}

.simcard-wrapper .simcard-img-package .package_name span {
  display: block;
  font-family: "helveticaneue-medium";
  color: var(--maintheme);
  font-size: 20px;
  padding-bottom: 20px;
}

.simcard-wrapper .simcard-img-package .package_name ul {
  list-style-type: decimal;
  margin-left: 20px;
}

.simcard-wrapper .simcard-img-package .package_name ul li {
  margin: 5px 0px;
  line-height: 1.5;
}

.simcard-wrapper .simcard-img-package .package_name p {
  display: block;
  padding-top: 20px;
  color: #9c9c9c;
}

.simcard-wrapper .simcard-desc {
  padding-top: 30px;
}

.simcard-wrapper .simcard-desc .cover {
  padding-bottom: 30px;
}

.simcard-wrapper .simcard-desc .cover p {
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.simcard-wrapper .simcard-desc .cover ul {
  margin-left: 20px;
  list-style-type: disc;
}

.simcard-wrapper .simcard-desc .cover ul li {
  line-height: 1.5;
  margin: 5px 0px;
}

.smeloan-result .sme-boost-feature {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 0;
}

.smeloan-result .sme-boost-feature .cover {
  margin: 10px 20px;
  width: 200px;
  border: 1px solid #d7d7d7;
  padding: 20px 20px;
  border-radius: 10px;
}

.smeloan-result .sme-boost-feature .cover b {
  height: 40px;
  display: block;
  margin-bottom: 10px;
}

.smeloan-result .sme-boost-feature .cover img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.smeloan-result .sme-boost-feature .cover p {
  text-align: center;
}

.shipping-fees-cover {
  padding: 10px;
  border-radius: 10px;
  background: #e5e5e5;
  margin-bottom: 10px;
}

.shipping-fees-cover b {
  display: block;
  line-height: 1.5;
  color: var(--maintheme);
}

.travel-cancellation-policy {
  padding: 20px 20px;
  border-radius: 5px;
  color: #c74a54;
  font-weight: bold;
  background: #f8d7da;
}

.mailing_fincrew {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  display: none;
}

.mailing_fincrew .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: auto;
  max-height: 95%;
  overflow-y: auto;
  max-width: 600px;
}

.mailing_fincrew .close_mailing {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #000000;
  cursor: pointer;
  font-size: 18px;
  text-decoration: underline;
}

.creditcard-tab_content .table-scrollable-XS {
  padding-bottom: 20px;
  overflow-x: auto;
}

.loan_featured_tab .download_button {
  display: flex;
  flex-wrap: wrap;
}

.loan_featured_tab .download_button a {
  display: block;
  padding: 15px 20px;
  color: #31393f;
  border: 1px solid #31393f;
  border-radius: 5px;
  margin: 5px 20px 5px 0px;
}

.loan_featured_tab .download_button a i {
  margin-right: 10px;
  font-size: 18px;
}

.loan_featured_tab .download_button a:hover {
  background: #31393f;
  color: #ffffff;
}

.personal_loan_processing .personal_loan_thankyou .thankyou_msg a.gotonext {
  display: inline-block;
  margin: 20px auto;
  padding: 15px 40px;
  background: var(--maintheme);
  border-radius: 10px;
  color: #ffffff;
}

.personal_loan_processing
  .personal_loan_thankyou
  .thankyou_msg
  a.gotonext:hover {
  background: var(--mainthemehover);
}

.claiming-form .statement-upload {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 5px 10px 5px 20px;
  color: #000;
  width: 100%;
  display: flex;
  font-family: "helveticaneue";
  font-size: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.claiming-form .statement-upload input.fileupload {
  display: none;
}

.claiming-form .statement-upload label {
  display: block;
  padding: 10px 30px;
  color: #ffffff;
  background: var(--mainblue);
  border-radius: 5px;
  cursor: pointer;
}

.claiming-form .statement-upload .filename {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 115px);
  overflow: hidden;
}

.financialtools img.financial_calculator {
  position: absolute;
  right: 20px;
  top: 50px;
}

.medical-malpractice-middle .middle-cover {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
}

.medical-malpractice-middle .middle-cover .text {
  max-width: 600px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 1.3;
}

.medical-malpractice-middle .middle-cover .text h2 {
  padding-left: 20px;
  border-left: 5px solid var(--maintheme);
  font-size: 25px;
  font-family: "helveticaneue-medium";
  line-height: 1.3;
  margin-bottom: 15px;
}

.medical-malpractice-middle .middle-cover .image img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  position: relative;
  top: -40px;
}

.medical-malpractice-middle:before {
  content: "";
  background: #e5e5ea;
  width: 100%;
  height: 250px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.default-form-title {
  font-size: 30px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  padding-bottom: 30px;
}

.medical-malpractice-form {
  padding-bottom: 60px;
  border-bottom: 1px dashed #d7d7d7;
}

.medical-malpractice-form .input-cover-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.medical-malpractice-form .input-cover-row .input-cover {
  width: 49%;
  margin-bottom: 40px;
}

.medical-malpractice-form .input-cover-row .input-cover.full {
  width: 100%;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details {
  padding: 20px 20px;
  background: #f5f5f5;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details
  .title {
  padding-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  margin-bottom: 10px;
  cursor: pointer;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details
  .title
  i {
  margin-left: 20px;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details
  .desc {
  line-height: 1.3;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details
  .desc
  ul {
  margin-left: 40px;
  list-style-type: upper-roman;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details
  .desc
  ul
  li {
  line-height: 1.3;
  margin: 3px 0px;
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full
  .classification-details
  .desc
  b {
  font-family: "helveticaneue-medium";
}

.medical-malpractice-form
  .input-cover-row
  .input-cover.full.hidden-classification {
  display: none;
}

.medical-malpractice-form .input-cover-row .input-cover p {
  padding-bottom: 10px;
  font-size: 18px;
}

.default_loan_wrapper {
  padding: 50px 0px;
  max-width: 1000px;
  margin: 0 auto;
}

.default_loan_wrapper .wrapper_header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 30px;
  background: var(--mainblue);
  color: #ffffff;
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.default_loan_wrapper .wrapper_content {
  background: #ffffff;
  border-radius: 0px 0px 10px 10px;
  border: 1px solid #d7d7d7;
}

.default_loan_wrapper
  .wrapper_content
  .input-cover-row
  .input-cover
  .hiddentextarea {
  margin-top: 20px;
  font-size: 16px;
  height: 100px;
  border: 1px solid #d7d7d7;
  display: none;
}

.default_loan_wrapper .wrapper_content .input-cover-row .input-cover.full {
  width: 100%;
}

select.input-field:required:invalid {
  color: #d7d7d7;
}

select.input-field option {
  color: #000000;
}

.medical_premium_wrapper .medical_premium_content {
  display: flex;
  align-items: center;
  position: relative;
}

.medical_premium_wrapper .medical_premium_content:before {
  content: "";
  position: absolute;
  right: 250px;
  width: 1px;
  background: #d7d7d7;
  height: 100%;
  top: 0;
}

.medical_premium_wrapper .medical_premium_content .premium_desc {
  width: calc(100% - 250px);
  padding: 20px 30px;
}

.medical_premium_wrapper .medical_premium_content .premium_desc ul {
  list-style-type: decimal;
  margin-left: 20px;
  color: #636363;
}

.medical_premium_wrapper .medical_premium_content .premium_desc ul li {
  line-height: 1.3;
  padding: 5px 0px;
}

.medical_premium_wrapper .medical_premium_content .premium_desc ul li b {
  color: var(--mainblue);
  font-family: "helveticaneue-medium";
}

.medical_premium_wrapper .medical_premium_content .premium_price {
  text-align: center;
  font-family: "helveticaneue-medium";
  padding: 20px 30px;
  width: 250px;
}

.medical_premium_wrapper .medical_premium_content .premium_price p {
  color: var(--mainblue);
  font-size: 16px;
  line-height: 1.2;
  padding-bottom: 10px;
}

.medical_premium_wrapper .medical_premium_content .premium_price b {
  font-family: "helveticaneue";
  font-size: 13px;
  display: block;
  padding-top: 10px;
  line-height: 1.3;
}

.medical_premium_wrapper .medical_premium_content .premium_price span {
  color: var(--maintheme);
  display: block;
  font-size: 25px;
}

.yesno-checkbox {
  display: inline-block;
}

.yesno-checkbox label {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.yesno-checkbox label p {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  width: calc(100% - 70px);
  padding-left: 10px;
  line-height: 1.3;
}

.yesno-checkbox input {
  display: none;
}

.yesno-button {
  display: block;
  width: 70px;
  height: 32px;
  border-radius: 50px;
  background: #a1a1a1;
  cursor: pointer;
  position: relative;
}

.yesno-button span {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #ffffff;
  left: 3px;
  top: 3px;
  transition: all ease 0.3s;
}

.yesno-button:before {
  content: "No";
  position: absolute;
  right: 11px;
  top: 9px;
  color: #ffffff;
  font-size: 15px;
}

.yesno-button:after {
  content: "Yes";
  position: absolute;
  left: 11px;
  top: 9px;
  color: #ffffff;
  font-size: 15px;
  display: none;
}

.yesno-checkbox input:checked ~ .yesno-button {
  background: var(--maintheme);
}

.yesno-checkbox input:checked ~ .yesno-button span {
  left: initial;
  left: 39px;
  transition: all ease 0.3s;
}

.yesno-checkbox input:checked ~ .yesno-button:after {
  display: block;
}

.yesno-checkbox input:checked ~ .yesno-button:before {
  display: none;
}

.padbtm0 {
  padding-bottom: 0;
}

.padtop0 {
  padding-top: 0;
}

.default_loan_wrapper .wrapper_content .input-cover-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 30px;
}

.default_loan_wrapper .wrapper_content .input-cover-row .input-cover {
  width: 49%;
  margin-bottom: 40px;
}

.creditcard-tab_content .content-cover .content-table h3 {
  font-family: "helveticaneue-medium";
  margin: 10px 0px;
  font-size: 18px;
}

.creditcard-tab_content .content-cover .content-table p {
  margin: 10px 0px;
}

.creditcard-tab_content .content-cover .content-table hr {
  display: none;
}

.table-button-selection .right .filter-loan {
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 15px;
  border: none;
  background-color: transparent;
  background-image: url("../images/downarrow-black.png");
  background-position: right center;
  background-repeat: no-repeat;
  text-align: right;
}

.auto-insurance-list-swiper.swiper-with-link .list-desc p,
.page-slider-list-swiper.swiper-with-link .list-desc p {
  padding-bottom: 20px;
}

.auto-insurance-list-swiper.swiper-with-link .list-desc a.view-workshop,
.page-slider-list-swiper.swiper-with-link .list-desc a.view-workshop {
  position: absolute;
  left: 20px;
  bottom: 10px;
}

.smeloan-result .sme_provider {
  max-width: 136px;
  max-height: 40px;
}

.smeloan-result .sme_provider img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}

.provider-compare .title {
  font-size: 25px;
  line-height: 1.6;
  font-family: "helveticaneue";
  letter-spacing: 1px;
}

.provider-compare .title span {
  color: var(--mainblue);
  display: inline-block;
  padding: 0px 10px;
  position: relative;
}

.provider-compare .title span:before {
  position: absolute;
  content: "";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--mainblue);
}

.compare-provider {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 20px 20px;
  -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
  z-index: 99999;
  background: #ffffff;
  transition: all ease 0.3s;
}

.compare-provider.show {
  bottom: 0;
  transition: all ease 0.3s;
}

.compare-provider .compare-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.compare-provider .compare-content .compare-selected {
  width: calc(100% - 200px);
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}

.compare-provider .compare-content .compare-selected .compare-borderline {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 20px;
}

.compare-provider .compare-content .compare-selected .compare-borderline span {
  width: 30%;
  border: 1px #d7d7d7 dashed;
  position: relative;
  height: 70px;
}

.compare-provider .compare-content .compare-selected .mobile-clear {
  display: none;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}

.compare-provider .compare-content .compare-selected .mobile-clear:before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--mainblue);
}

.compare-provider .compare-content .compare-selected .selected-provider {
  width: 30%;
  border: 1px solid #d7d7d7;
  background: #f7f7f7;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  height: 70px;
}

.compare-provider .compare-content .compare-selected .selected-provider.show {
  display: flex;
}

.compare-provider .compare-content .compare-selected .selected-provider img {
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 60%;
  object-fit: cover;
}

.compare-provider
  .compare-content
  .compare-selected
  .selected-provider
  .remove-selected {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #ebebeb;
  border: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
}

.compare-provider .compare-content .compare-confirm {
  width: 200px;
  padding-left: 30px;
}

.compare-provider .compare-content .compare-confirm p {
  font-size: 16px;
  padding-bottom: 5px;
}

.compare-provider .compare-content .compare-confirm a {
  display: inline-block;
  padding: 10px 10px;
  width: 100%;
  text-align: center;
  background: var(--mainblue);
  color: #ffffff;
  border-radius: 5px;
}

.smeloan-result .sme-consultant {
  padding: 30px 0px;
  font-size: 18px;
  line-height: 1.3;
}

.smeloan-result .sme-consultant a {
  color: var(--maintheme);
}

.calculator-content .incometax-calculator .incometax-header {
  display: flex;
  padding: 30px 30px;
  background: var(--mainblue);
  gap: 50px;
}

.calculator-content .incometax-calculator .incometax-header div {
  color: #ffffff;
  font-size: 20px;
  position: relative;
  display: none;
}

.calculator-content .incometax-calculator .incometax-header div.active {
  display: block;
}

.calculator-content .incometax-calculator .incometax-calculator-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px 30px;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover {
  margin-bottom: 40px;
  width: 49%;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover.full {
  width: 100%;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover
  > p {
  padding-bottom: 15px;
  font-family: "helveticaneue-medium";
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover
  p
  b {
  font-size: 14px;
  font-style: italic;
  line-height: 1.2;
  display: inline-block;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover
  .input-field {
  max-width: 400px;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover
  .sub-input {
  padding-left: 30px;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover
  .sub-input
  p {
  font-family: "helveticaneue";
  font-style: italic;
}

.calculator-content
  .incometax-calculator
  .incometax-calculator-form
  .input-cover.title {
  font-family: "helveticaneue-medium";
  font-size: 20px;
  padding-bottom: 10px;
  line-height: 1.3;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--maintheme);
}

.calculator-content .incometax-calculator .incometax-footer {
  padding: 30px 30px;
  border-top: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  gap: 30px;
}

.calculator-content .incometax-calculator .incometax-footer a {
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 15px 10px;
  border: none;
  transition: all ease 0.3s;
}

.incometax-calculator-form .incometax-total-amount {
  color: var(--maintheme);
  font-size: 40px;
  font-family: "helveticaneue-bold";
}

.incometax-calculator-form .incometax-breakdown div {
  display: flex;
  justify-content: space-between;
  max-width: 400px;
  align-items: center;
}

.incometax-calculator-form .incometax-breakdown div p {
  font-family: "helveticaneue-medium";
  font-size: 17px;
}

.incometax-calculator-form .incometax-breakdown div span {
  color: #9d9d9d;
  font-size: 17px;
}

.incometax-calculator-form .incometax-breakdown div span.total {
  color: var(--maintheme);
}

.windscreen-price {
  padding: 20px 20px;
}

.windscreen-price .title {
  font-size: 25px;
  font-family: "helveticaneue-medium";
  text-align: center;
  padding-bottom: 40px;
  line-height: 1.3;
}

.windscreen-price .windscreen-cover-calculate {
  display: flex;
  max-width: 800px;
  margin: 40px auto 80px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
}

.windscreen-price .windscreen-cover-calculate .amount {
  width: 50%;
  padding: 30px 30px;
  text-align: Center;
}

.windscreen-price .windscreen-cover-calculate .total_result {
  background: #f5f5f5;
  width: 50%;
}

.windscreen-price .windscreen-cover-calculate p {
  font-size: 20px;
  padding-bottom: 10px;
}

.windscreen-price .windscreen-cover-calculate .calculate-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.windscreen-price .windscreen-cover-calculate .calculate-cover .input-field {
  max-width: 200px;
  margin-right: 20px;
  padding: 10px 20px;
}

.windscreen-price .windscreen-cover-calculate .total_result .totalpay {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.windscreen-price .windscreen-cover-calculate .total_result .totalpay p {
  font-size: 18px;
  padding-bottom: 0px;
  text-align: center;
  line-height: 1.3;
}

.windscreen-price .windscreen-cover-calculate .total_result .totalpay b {
  color: var(--maintheme);
  display: block;
  text-align: center;
  font-size: 35px;
  font-family: "helveticaneue-bold";
}

.page_video_wrapper {
  max-width: 580px;
  margin: 0 auto;
  border: 10px solid var(--maintheme);
}

.page_video_wrapper .video_size {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.page_video_wrapper .video_size iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.windscreen-car-list {
  padding: 30px 0px;
}

.windscreen-car-list > p {
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px;
}

.windscreen-car-list #car-windscreen-select {
  max-width: 300px;
  margin: 0 auto;
}

.windscreen-car-list .windscreen-table-cover .windscreen-price-list-car {
  max-width: 700px;
  margin: 0 auto;
  padding-top: 40px;
  display: none;
}

.windscreen-car-list .windscreen-table-cover {
  padding-bottom: 30px;
}

.windscreen-price-list-car table {
  width: 100%;
}

.windscreen-price-list-car table tr td {
  padding: 15px 15px;
  border: 1px solid #f5f5f5;
}

.windscreen-price-list-car table tr:nth-child(even) {
  background: #ebebeb;
}

.windscreen-price-list-car table tr:first-child td {
  background: var(--mainblue);
  color: #ffffff;
  font-size: 17px;
  padding: 15px 15px;
  border: none;
}

.windscreen-price-list-car table tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

.windscreen-price-list-car table tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.fincrew-calculator .incometax-calculator {
  display: flex;
  justify-content: space-between;
  padding: 50px 0px 0px;
}

.fincrew-calculator .incometax-calculator .left {
  width: calc(100% - 400px);
  padding-right: 20px;
}

.fincrew-calculator .incometax-calculator .left .incometax-category .title {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding: 20px 20px;
  border-radius: 10px 10px 0px 0px;
  background: var(--mainblue);
  color: #ffffff;
}

.fincrew-calculator .incometax-calculator .left .incometax-category {
  margin-bottom: 40px;
}

.fincrew-calculator
  .incometax-calculator
  .left
  .incometax-category
  .input-cover-row {
  padding: 20px 20px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #d7d7d7;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fincrew-calculator
  .incometax-calculator
  .left
  .incometax-category
  .input-cover-row
  p {
  padding-bottom: 10px;
}

.fincrew-calculator
  .incometax-calculator
  .left
  .incometax-category
  .input-cover-row
  p
  b {
  display: block;
  font-size: 14px;
  color: var(--maintheme);
  font-style: italic;
}

.fincrew-calculator
  .incometax-calculator
  .left
  .incometax-category
  .input-cover-row
  .input-cover {
  margin-bottom: 30px;
  width: 49%;
}

.fincrew-calculator
  .incometax-calculator
  .left
  .incometax-category
  .input-cover-row
  .input-cover.full {
  width: 100%;
}

.incometax-category .input-cover.full .symbols_align,
.incometax-category .input-cover.full select {
  max-width: 49%;
}

.incometax-category .input-cover-row .input-cover .children-cover {
  padding-top: 30px;
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}

.incometax-category .input-cover-row .input-cover .children-cover .child-row {
  width: 49%;
}

.incometax-category .input-cover-row .input-cover .children-cover .child-no {
  color: var(--maintheme);
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
  font-family: "helveticaneue-medium";
}

.incometax-category
  .input-cover-row
  .input-cover
  .children-cover
  .child-input-cover {
  margin-bottom: 20px;
}

.incometax-calculator .right {
  width: 400px;
  position: sticky;
  top: 84px;
  align-self: flex-start;
  margin-bottom: 40px;
}

.incometax-calculator .right.not-sticky {
  position: relative;
  top: 0;
}

.incometax-calculator .right .incometax-summary {
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  overflow: hidden;
}

.incometax-calculator .right.not-sticky .incometax-summary {
  margin-bottom: 40px;
}

.incometax-calculator .right .incometax-summary .title {
  font-family: "helveticaneue-medium";
  font-size: 18px;
  padding: 20px 20px;
  border-radius: 10px 10px 0px 0px;
  background: var(--mainblue);
  color: #ffffff;
}

.incometax-calculator .right .incometax-summary table {
  width: 100%;
}

.incometax-calculator .right .incometax-summary table tr td {
  padding: 10px 20px;

  font-size: 15px;
  line-height: 1.3;
}

.incometax-calculator .right .incometax-summary table tr td:first-child {
  font-weight: bold;
}

.incometax-calculator .right .incometax-summary-table {
  padding: 20px 0px;
}

.incometax-calculator .right .incometax-summary table tr td:last-child {
  width: 150px;
  font-size: 16px;
  text-align: right;
  color: var(--maintheme);
}

.incometax-calculator .right .incometax-summary .total_tax_pay {
  padding: 20px 30px;
  background: #f5f5f5;
  text-align: center;
}

.incometax-calculator .right .incometax-summary .total_tax_pay p {
  font-size: 20px;
  font-family: "helveticaneue-medium";
}

.incometax-calculator .right .incometax-summary .total_tax_pay b {
  color: var(--maintheme);
  font-size: 30px;
  font-family: "helveticaneue-medium";
}

.incometax-category .input-cover-row .input-cover b.max_amount {
  display: none;
  padding-top: 5px;
  font-style: italic;
  font-size: 14px;
}

.fincrew-calculator .remaining-balance {
  padding: 50px 0px;
}

.fincrew-calculator .remaining-balance .title {
  font-size: 20px;
  color: #31393f;
  font-family: "helveticaneue-medium";
  text-align: center;
  padding-bottom: 30px;
}

.page_desc_middle .subrow-cover {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 10px;
}

.page_desc_middle.bca_middle .subrow-cover .title {
  max-width: calc(100% - 500px);
  padding-left: 20px;
  border-left: 5px solid var(--maintheme);
  font-size: 25px;
  font-family: "helveticaneue-bold";
  text-transform: capitalize;
  line-height: 1.2;
  margin-left: 30px;
}

.page_desc_middle .greyrow {
  background: #e5e5ea;
}

.page_desc_middle.bca_middle .greyrow .text {
  max-width: calc(100% - 500px);
  padding-right: 20px;
  line-height: 1.5;
  font-size: 20px;
}

.page_desc_middle.bca_middle .image-float {
  position: absolute;
  max-width: 1200px;
  width: 100%;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}

.page_desc_middle.bca_middle .image-float img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page_desc_middle.bca_middle {
  z-index: 3;
}

.intregrating_alliance {
  padding: 50px 0px;
}

.intregrating_alliance .logo {
  padding-bottom: 30px;
  max-width: 300px;
}

.intregrating_alliance .logo img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.intregrating_alliance p {
  font-size: 16px;
}

.intregrating_alliance p b {
  color: var(--mainblue);
  font-family: "helveticaneue-medium";
  font-size: 18px;
}

.how_to_get_imei {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

.how_to_get_imei .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 700px;
  background: #ffffff;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 10px;
  padding: 20px 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.how_to_get_imei .content .step {
  padding-bottom: 20px;
  width: 48%;
}

.how_to_get_imei .content .step b {
  font-family: "helveticaneue-bold";
  font-size: 20px;
  padding-bottom: 5px;
  display: block;
}

.how_to_get_imei .content .step p {
  padding-bottom: 10px;
}

.how_to_get_imei .content .step img {
  display: block;
  width: auto;
  max-width: 300px;
  object-fit: contain;
  max-height: 300px;
}

.how_to_get_imei .content .close_imei {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--maintheme);
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 25px;
  border: none;
  transition: all ease 0.3s;
}

.imei_guideline {
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 20px;
  line-height: 1.3;
}

.imei_guideline b {
  display: block;
  font-family: "helveticaneue-bold";
  padding-bottom: 5px;
  font-size: 16px;
}

.imei_guideline a {
  color: var(--maintheme);
  text-decoration: underline;
}

.default-upload {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 7px 10px 7px 20px;
  color: #000;
  width: 100%;
  display: flex;
  font-family: "helveticaneue";
  font-size: 16px;
  align-items: center;
  justify-content: space-between;
}

.default-upload input.fileupload {
  display: none;
}

.default-upload .filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.default-upload label {
  display: block;
  padding: 10px 30px;
  color: #ffffff;
  background: var(--mainblue);
  border-radius: 5px;
  cursor: pointer;
}

.golfer-insurance-about .middle-cover {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding-top: 30px;
  margin-top: 130px;
}

.golfer-insurance-about .middle-cover .text {
  width: calc(100% - 400px);
  padding-right: 30px;
}

.golfer-insurance-about .middle-cover .text .subtitle {
  padding-left: 10px;
  border-left: 5px solid var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 20px;
  margin-bottom: 60px;
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: -100px;
}

.golfer-insurance-about .middle-cover .content {
  padding-bottom: 30px;
}

.golfer-insurance-about .middle-cover .image {
  width: 200px;
  position: absolute;
  right: 100px;
  bottom: 0;
}

.golfer-insurance-about .middle-cover .image img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.getquote-form {
  padding: 80px 0px;
}

.input-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1%;
}

.input-wrapper .input-cover {
  width: 49%;
  margin-bottom: 30px;
}

.input-wrapper .input-cover.full {
  width: 100%;
}

.input-wrapper .input-cover p {
  padding-bottom: 5px;
}

.input-wrapper .input-cover p span.required,
.insurance-payment-table-cover
  .table-body
  .payment-form-details
  .input-cover
  p
  span.required {
  color: red;
}

.golf-insurance-provider-wrapper {
  padding: 50px 0px;
}

.golf-insurance-provider-wrapper .golf-plan {
  width: 300px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  border-radius: 50px;
  background: #a1a1a1;
  overflow: hidden;
  position: relative;
  height: 34px;
}

.golf-insurance-provider-wrapper .golf-plan .option {
  width: 160px;
  text-align: center;
  color: #707070;
  padding: 10px 10px;
  font-family: "helveticaneue-medium";
  border-radius: 50px;
  position: absolute;
  top: -1px;
  cursor: pointer;
}

.golf-insurance-provider-wrapper .golf-plan .option#individual {
  left: -1px;
}

.golf-insurance-provider-wrapper .golf-plan .option#family {
  right: -1px;
}

.golf-insurance-provider-wrapper .golf-plan .option.active {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: var(--maintheme);
}

.golf-insurance-provider-wrapper .provider-list {
  padding: 30px 0px;
}

.golf-insurance-provider-wrapper .provider-list .provider-premium {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .provider-name {
  background: var(--mainblue);
  padding: 20px 30px;
  font-family: "helveticaneue-medium";
  font-size: 18px;
  color: #ffffff;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info {
  background: #ffffff;
  padding: 30px 30px;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px dashed #d7d7d7;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .logo {
  width: 60%;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .logo
  img {
  display: block;
  width: auto;
  max-width: 150px;
  object-fit: contain;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .price {
  width: 40%;
  display: flex;
  align-items: center;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .price
  .total-premium {
  width: 50%;
  padding-right: 10px;
  border-right: 1px solid #d7d7d7;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .price
  .total-premium
  p {
  color: #7d7d7d;
  font-size: 14px;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .price
  .total-premium
  b {
  font-size: 25px;
  font-family: "helveticaneue-medium";
  color: var(--maintheme);
  display: block;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-price
  .price
  .apply-premium {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-features {
  padding-top: 20px;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-features
  ul
  li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-features
  ul
  li
  p {
  width: 60%;
}

.golf-insurance-provider-wrapper
  .provider-list
  .provider-premium
  .premium-info
  .premium-features
  ul
  li
  b {
  width: 40%;
}

.maid-insurance-about .middle-cover {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding-top: 30px;
  margin-top: 60px;
}

.maid-insurance-about .middle-cover .text {
  width: 100%;
  padding-right: 30px;
}

.maid-insurance-about .middle-cover .text .subtitle {
  padding-left: 10px;
  border-left: 5px solid var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 25px;
  margin-bottom: 60px;
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: -100px;
}

.maid-insurance-about .middle-cover .content {
  padding-bottom: 30px;
}

.maid-insurance-about .middle-cover .content .text_with_img {
  display: flex;
  padding-bottom: 30px;
  position: Relative;
}

.maid-insurance-about .middle-cover .content .text_with_img p {
  font-family: "helveticaneue-medium";
  width: 50%;
  font-size: 16px;
  padding-right: 50px;
}

.maid-insurance-about .middle-cover .content .text_with_img img {
  position: absolute;
  width: auto;
  width: 40%;
  right: 0;
  bottom: 50px;
}

.maid-quote-steps {
  padding: 80px 0px;
  border-bottom: 1px dashed #d7d7d7;
}

.maid-quote-steps ul {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.maid-quote-steps ul li {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #cccccc;
  border: 4px solid #ffffff;
}

.maid-quote-steps ul li.active {
  background: var(--maintheme);
}

.maid-quote-steps ul li.middle {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background: #cccccc;
  z-index: -2;
  border-radius: 0;
  top: 50%;
  border: none;
  transform: translateY(-50%);
}

.maid-quote-steps ul li.middle.active {
  background: var(--mainblue);
}

.maid-quote-steps ul li p {
  position: absolute;
  top: -20px;
  font-family: "helveticaneue-medium";
  font-size: 16px;
  width: 100px;
  color: #cccccc;
}

.maid-quote-steps ul li span {
  position: absolute;
  bottom: -20px;
  font-size: 14px;
  width: 100px;
  color: #cccccc;
}

.maid-quote-steps ul li.active p,
.maid-quote-steps ul li.active span {
  color: #000000;
}

.maid-quote-steps ul li:first-child p {
  left: 20px;
}

.maid-quote-steps ul li:last-child p {
  right: 20px;
  text-align: right;
}

.maid-quote-steps ul li:first-child span {
  left: 0px;
}

.maid-quote-steps ul li:last-child span {
  right: 0px;
  text-align: right;
}

.maid-quote-cover {
  padding: 50px 0px;
}

.input-cover.withtooltips p {
  display: inline-block;
  padding-bottom: 10px;
}

.maid-insurance-scheme .thead {
  background: var(--mainblue);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 30px;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
}

.maid-insurance-scheme .tbody {
  padding: 30px 30px;
  border: 1px solid #d7d7d7;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.maid-insurance-scheme .tbody .provider-logo {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.maid-insurance-scheme .tbody .provider-logo img {
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.maid-insurance-scheme .tbody .desc {
  text-align: center;
}

.maid-insurance-scheme .tbody .desc p {
  padding-bottom: 20px;
}

.maid-insurance-scheme .tbody .desc b {
  font-weight: 600;
  font-size: 22px;
  display: block;
  padding-bottom: 20px;
}

.maid-insurance-scheme .tbody table {
  width: 100%;
  max-width: 1000px;
  margin: 30px auto 50px;
}

.maid-insurance-scheme .tbody table thead tr th {
  padding: 20px;
  background: var(--mainfooterbg);
  color: #ffffff;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  text-transform: capitalize;
}

.maid-insurance-scheme .tbody table thead tr th:nth-child(2) {
  text-align: left;
}

.maid-insurance-scheme .tbody table tbody tr td {
  padding: 20px 20px;
  text-align: center;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  line-height: 1.5;
}

.maid-insurance-scheme .tbody table tbody tr:nth-child(even) td {
  background: #f5f5f5;
}

.maid-insurance-scheme .tbody table tbody tr td:nth-child(2) {
  text-align: left;
}

.maid-insurance-scheme .tbody table tbody tr td ol {
  list-style-type: lower-alpha;
  margin-left: 20px;
}

.maid-insurance-scheme .tbody table tbody tr:last-child td {
  border-bottom: 1px solid #d7d7d7;
}

.maid-insurance-document {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 80px;
  padding-top: 20px;
  border-bottom: 1px solid #d7d7d7;
}

.maid-insurance-document a {
  padding: 10px 30px;
  border: 2px solid var(--mainblue);
  border-radius: 10px;
  display: flex;
  color: var(--mainblue);
  align-items: center;
  width: 45%;
}

.maid-insurance-document a i {
  margin-right: 20px;
  font-size: 30px;
}

.payment-form-details .divline {
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  margin: 0px 0px 30px;
}

.payment-form-details .divline p {
  background: #d7d7d7;
  padding: 10px 20px;
  color: #000000;
  font-size: 16px;
  font-family: "helveticaneue-medium";
}

.extendedwarranty_detail_result .whatsapp {
  padding: 10px 20px;
  width: 200px;
  text-align: center;
  color: var(--maintheme);
  border: 1px solid var(--maintheme);
  border-radius: 10px;
  display: block;
  margin: 10px auto 0px;
}

.extendedwarranty_detail_result .whatsapp:hover {
  background: var(--mainthemehover);
  color: #ffffff;
}

.whatsapp-floating {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #25d366;
  z-index: 9999;
}

.whatsapp-floating a {
  color: #ffffff;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.whatsapp-floating a i {
  font-size: 40px;
}

.phonewarranty-plan-wrapper {
  padding: 80px 0px;
}

.phonewarranty-plan-wrapper .plan-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium {
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium .plan-name {
  background: var(--mainblue);
  padding: 20px 30px;
  font-family: "helveticaneue-medium";
  font-size: 18px;
  color: #ffffff;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium .premium-info {
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  gap: 2%;
  row-gap: 20px;
  flex-wrap: wrap;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium .premium-info > div {
  width: 23.5%;
  padding-right: 5px;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium .premium-info div b {
  font-family: "helveticaneue-medium";
  font-size: 16px;
  padding-bottom: 5px;
  display: block;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium .premium-info div p.price {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 18px;
}

.phonewarranty-plan-wrapper .plan-list .plan-premium .premium-info .applynow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-left: 1px solid #d7d7d7;
  padding-left: 10px;
}

.phonewarranty-plan-wrapper
  .plan-list
  .plan-premium
  .premium-info
  .applynow
  .submit {
  width: 150px;
}

.home-coverage-package {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}

.home-coverage-package .package-premium {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: center;
}

.home-coverage-package .package-premium .provider {
  width: 120px;
}

.home-coverage-package .package-premium .provider img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.home-coverage-package .package-premium .premium-peryear p {
  font-size: 18px;
  padding-bottom: 5px;
}

.home-coverage-package .package-premium .premium-peryear .price {
  font-family: "helveticaneue-bold";
  font-size: 25px;
  color: var(--mainblue);
}

.home-coverage-package .package-premium .premium-peryear .price b {
  font-size: 16px;
}

.home-coverage-package .package-premium .premium-peryear .price span {
  font-family: "helveticaneue";
  font-size: 16px;
}

.home-coverage-package .package-building-contents table {
  width: 100%;
}

.home-coverage-package .package-building-contents table thead {
  background: var(--mainfooterbg);
}

.home-coverage-package .package-building-contents table thead tr th {
  padding: 10px 10px;
  color: #ffffff;
  border: 1px solid #d7d7d7;
  text-align: left;
}

.home-coverage-package .package-building-contents table tbody tr td {
  padding: 10px;
  color: #000000;
  border: 1px solid #d7d7d7;
  width: 50%;
}

.home-coverage-package .package-building-contents table tbody tr td > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.home-coverage-package .package-building-contents table tbody tr td > div b {
  font-family: "helveticaneue-bold";
}

.home-coverage-package .home-cover-list ul {
  margin-left: 20px;
}

.home-coverage-package .home-cover-list ul li {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.3;
  padding-left: 10px;
}

.home-coverage-package .home-cover-list ul li:before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  left: -23px;
  top: -2px;
  background-image: url(../images/tick-border.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.home-coverage-package-addon .addon-category {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.home-coverage-package-addon .input-switch label .content,
.home-coverage-package-addon .input-switch label .content p {
  font-size: 14px;
}

.home-coverage-package-addon {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.home-coverage-package-addon .divline {
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}

.insurance-payment-cover .medical-plan-table {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
  margin: 50px 0px;
}

.insurance-payment-cover .medical-plan-table table {
  width: 100%;
}

.insurance-payment-cover .medical-plan-table table thead tr th {
  background: var(--mainblue);
  padding: 20px 10px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  border: 1px solid #d7d7d7;
}

.insurance-payment-cover .medical-plan-table table tbody tr td {
  color: #000000;
  text-align: center;
  padding: 20px 10px;
  border: 1px solid #d7d7d7;
  font-size: 16px;
  line-height: 1.3;
  vertical-align: middle;
}

.insurance-payment-cover .medical-plan-table table tbody tr td:nth-child(1) {
  text-align: left;
  width: 250px;
}

.insurance-payment-cover .medical-plan-table table tbody tr td b,
.insurance-payment-cover .medical-plan-table table tbody tr td span {
  color: var(--maintheme);
}

.insurance-payment-cover .medical-plan-table table tbody tr td b {
  font-size: 16px;
  font-family: "helveticaneue-medium";
}

.insurance-payment-cover .medical-plan-table table tbody tr td span {
  font-size: 13px;
}

.insurance-payment-cover .medical-plan-table table tbody tr td p {
  display: block;
  text-align: center;
  color: #a1a1a1;
  font-size: 13px;
}

.insurance-payment-cover .medical-plan-table table tbody tr td .select-radio {
  padding-top: 5px;
}

table tr td .select-radio label {
  display: block;
  width: 100%;
}

table tr td .select-radio label input {
  display: none;
}

table tr td .select-radio label p {
  padding: 5px 10px;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  color: #a1a1a1;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}

table tr td .select-radio label input:checked + p {
  background: var(--maintheme);
  color: #ffffff;
  border: 1px solid var(--maintheme);
}

.dental-middle {
  position: relative;
}

.dental-middle .shadow1 {
  left: 0px;
  width: 80px;
}

.dental-middle .shadow2 {
  right: 0px;
  width: 80px;
}

.dental-middle .middle-content {
  padding: 20px 0px;
}

.dental-middle .middle-content .title {
  font-family: "helveticaneue-bold";
  font-size: 25px;
  padding-left: 10px;
  border-left: 5px solid var(--maintheme);
  max-width: 550px;
  text-transform: capitalize;
  line-height: 1.3;
}

.dental-middle .middle-content .text {
  line-height: 1.5;
  font-size: 18px;
  padding-right: 400px;
}

.dental-middle .middle-content .image {
  position: absolute;
  right: 30px;
  width: 370px;
  top: -125px;
}

.dentalinsurance-quote .desc {
  line-height: 1.5;
  font-size: 18px;
  padding-bottom: 50px;
}

.dentalinsurance-quote .quote-cover {
  padding: 50px 0px;
  border-top: 1px dashed #d7d7d7;
  border-bottom: 1px dashed #d7d7d7;
}

.insurance-payment-table-cover .dental-plan-table table {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin: 30px 0px;
}

.insurance-payment-table-cover .dental-plan-table table thead tr th {
  background: var(--mainblue);
  padding: 15px 20px;
  color: #ffffff;
  font-family: "helveticaneue-medium";
  border: 1px solid #d7d7d7;
}

.insurance-payment-table-cover .dental-plan-table table tbody tr td {
  padding: 15px 20px;
  vertical-align: top;
  text-align: center;
  border: 1px solid #d7d7d7;
}

.insurance-payment-table-cover .dental-plan-table table tbody tr td b {
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 20px;
}

.insurance-payment-table-cover .dental-plan-table table tbody tr td ul {
  margin-left: 20px;
}

.insurance-payment-table-cover .dental-plan-table table tbody tr td ul li {
  position: relative;
  padding-left: 25px;
  margin: 25px 0px;
  text-align: left;
}

.insurance-payment-table-cover
  .dental-plan-table
  table
  tbody
  tr
  td
  ul
  li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 15px;
  border-radius: 100%;
  height: 15px;
  background: var(--maintheme);
}

.insurance-payment-table-cover
  .dental-plan-table
  table
  tbody
  tr
  td
  ul
  li:after {
  content: "";
  width: 4px;
  height: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 5px;
  top: 2px;
  transform: rotate(45deg);
}

.insurance-payment-table-cover .dental-plan-table table tr.tfoot td {
  padding: 20px 20px;
  border: 1px solid #d7d7d7;
  background: #f2f2f5;
}

.insurance-payment-table-cover
  .dental-plan-table
  table
  tr.tfoot
  td
  .plan_price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.dental-plan-table table .select-radio {
  max-width: 100px;
  width: 100%;
}

table tr td .select-radio label p {
  background: #ffffff;
}

.dental-plan-details .package-premium {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: center;
}

.dental-plan-details .package-premium .provider {
  width: 120px;
}

.dental-plan-details .package-premium .provider img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.dental-plan-details .package-premium .premium-peryear p {
  font-size: 18px;
  padding-bottom: 5px;
}

.dental-plan-details .package-premium .premium-peryear .price {
  font-family: "helveticaneue-bold";
  font-size: 25px;
  color: var(--mainblue);
}

.dental-plan-details .package-premium .premium-peryear .price b {
  font-size: 16px;
}

.dental-plan-details .package-premium .premium-peryear .price span {
  font-family: "helveticaneue";
  font-size: 16px;
}

.dental-plan-details .package-features {
  padding: 30px 30px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  margin: 50px 0px;
}

.dental-plan-details .package-features ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
  row-gap: 30px;
}

.dental-plan-details .package-features ul li {
  width: 49%;
  position: relative;
  padding-left: 25px;
}

.dental-plan-details .package-features ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 15px;
  border-radius: 100%;
  height: 15px;
  background: var(--maintheme);
}

.dental-plan-details .package-features ul li:after {
  content: "";
  width: 4px;
  height: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 5px;
  top: 2px;
  transform: rotate(45deg);
}

.dental-plan-details .dental-insurer-details {
  padding-bottom: 30px;
}

.dental-plan-details .dental-insurer-details span {
  display: block;
  padding: 10px 20px;
  background: rgba(242, 242, 245, 0.85);
  font-size: 17px;
  font-family: "helveticaneue-bold";
}

.dental-plan-details .dental-insurer-details .userinfo {
  padding: 30px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 30px;
}

.dental-plan-details .dental-insurer-details .userinfo div {
  width: 32%;
}

.dental-plan-details .dental-insurer-details .userinfo div b {
  display: block;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
  font-size: 17px;
}

.medicalinsurance-form.input-wrapper .occupations-list {
  padding: 20px 20px;
  border-radius: 5px;
  background: #f5f5f5;
  display: none;
}

.medicalinsurance-form.input-wrapper .occupations-list ul {
  list-style-type: disc;
  margin-left: 20px;
}

.medicalinsurance-form.input-wrapper .occupations-list ul li {
  line-height: 1.5;
  margin: 5px;
}

.medicalinsurance-form.input-wrapper #view-occupations {
  color: var(--maintheme);
  margin-bottom: 20px;
  cursor: pointer;
  display: inline-block;
}

input.form-sub.disabled {
  pointer-events: none;
  background: #d7d7d7;
}

.input-cover p.validation {
  color: red;
  font-size: 12px;
  line-height: 1.3;
  padding-top: 10px;
}

.medical-plan-list .plan-detail {
  margin: 30px 0px;
}

.medical-plan-list .plan-detail .plan-name {
  background: var(--mainblue);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 20px;
  color: #ffffff;
}

.medical-plan-list .plan-detail .plan-content {
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.medical-plan-list .plan-detail .plan-content .plan-premium {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  row-gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #d7d7d7;
}

.medical-plan-list .plan-detail .plan-content .plan-premium .provider {
  width: 100px;
}

.medical-plan-list .plan-detail .plan-content .plan-premium .profilename{
  font-family: "helveticaneue-medium";
  font-size:20px;
  color:#000000;
  width:calc(100% - 380px);
  line-height:1.3;
}

.medical-plan-list .plan-detail .plan-content .plan-premium .provider img {
  width: 100%;
  display: block;
  object-fit: contain;
}

.medical-plan-list .plan-detail .plan-content .plan-premium .premium {
  display: flex;
  align-items: center;
  width:380px;
  justify-content:flex-end;
}

.medical-plan-list .plan-detail .plan-content .plan-premium .premium .price {
  padding: 15px 20px;
  color: var(--maintheme);
  font-family: "helveticaneue-medium";
  font-size: 20px;
  border-right: 1px solid #d7d7d7;
}

.medical-plan-list .plan-detail .plan-content .plan-premium .premium .price b {
  font-size: 16px;
  font-family: "helveticaneue";
}

.medical-plan-list .plan-detail .plan-content .plan-premium .premium .button {
  padding: 15px 20px;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-premium
  .premium
  .button
  .select-radio {
  width: 150px;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-premium
  .premium
  .button
  .select-radio
  label
  input {
  display: none;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-premium
  .premium
  .button
  .select-radio
  label
  p {
  padding: 5px 10px;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--maintheme);
  color: var(--maintheme);
  background: #ffffff;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-premium
  .premium
  .button .buynow{
	   padding: 10px 10px;
  text-align: center;
  width: 150px;
  border-radius: 5px;
  border: 1px solid var(--maintheme);
  color: var(--maintheme);
  background: #ffffff;
  margin: 0;
  box-sizing: border-box;
  font-size:14px;
  cursor: pointer;
  }
  
  .medical-plan-list
  .plan-detail
  .plan-content
  .plan-premium
  .premium
  .button .buynow:hover{
	  background:var(--maintheme);
	  color:#ffffff;
  }

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-premium
  .premium
  .button
  .select-radio
  input:checked
  + p {
  background: var(--maintheme);
  color: #ffffff;
}

.medical-plan-list .plan-detail .plan-content .plan-features {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  row-gap: 20px;
  align-items: flex-start;
}

.medical-plan-list .plan-detail .plan-content .plan-features .feature-list {
  width: 100%
}

.medical-plan-list .plan-detail .plan-content .plan-features .feature-list p b{
	font-family: "helveticaneue-medium";
	font-size:16px;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-features
  .feature-list
  ul
  li {
  position: relative;
  padding-left: 25px;
  padding-bottom: 10px;
  line-height: 1.3;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-features
  .feature-list
  ul
  li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  border-radius: 100%;
  height: 15px;
  background: #ffffff;
  border: 1px solid #51ba5b;
}

.medical-plan-list
  .plan-detail
  .plan-content
  .plan-features
  .feature-list
  ul
  li:after {
  content: "";
  width: 4px;
  height: 8px;
  border-right: 1px solid #51ba5b;
  border-bottom: 1px solid #51ba5b;
  position: absolute;
  left: 6px;
  top: 4px;
  transform: rotate(45deg);
}

.medical-plan-list .plan-detail .plan-content .plan-features .annual_limit {
  border-radius: 15px;
  background: #eeeeee;
  padding: 10px 20px;
  font-size: 18px;
  color: #000000;
  font-family: "helveticaneue-bold";
}

.medical-plan-list .plan-detail .plan-content .plan-features .annual_limit b {
  font-family: "helveticaneue";
  color: #a1a1a1;
  font-size: 14px;
}

.medical-plan-list .plan-detail .plan-content .plan-features .viewmore {
  color: var(--maintheme);
  margin-top: 10px;
  cursor: pointer;
}

.finalise-plan-details .package-premium {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: center;
}

.finalise-plan-details .package-premium .provider {
  width: 120px;
}

.finalise-plan-details .package-premium .provider img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.finalise-plan-details .package-premium .premium-peryear p {
  font-size: 18px;
  padding-bottom: 5px;
}

.finalise-plan-details .package-premium .premium-peryear .price {
  font-family: "helveticaneue-bold";
  font-size: 25px;
  color: var(--mainblue);
}

.finalise-plan-details .package-premium .premium-peryear .price b {
  font-size: 16px;
}

.finalise-plan-details .package-premium .premium-peryear .price span {
  font-family: "helveticaneue";
  font-size: 16px;
}

.finalise-plan-details .package-features {
  padding: 30px 30px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  margin: 50px 0px;
}

.finalise-plan-details .package-features ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
  row-gap: 30px;
}

.finalise-plan-details .package-features ul li {
  width: 49%;
  position: relative;
  padding-left: 25px;
}

.finalise-plan-details .package-features ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 15px;
  border-radius: 100%;
  height: 15px;
  background: var(--maintheme);
}

.finalise-plan-details .package-features ul li:after {
  content: "";
  width: 4px;
  height: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 5px;
  top: 2px;
  transform: rotate(45deg);
}

.finalise-plan-details .finalise-insurer-details {
  padding-bottom: 30px;
}

.finalise-plan-details .finalise-insurer-details span {
  display: block;
  padding: 10px 20px;
  background: rgba(242, 242, 245, 0.85);
  font-size: 17px;
  font-family: "helveticaneue-bold";
}

.finalise-plan-details .finalise-insurer-details .userinfo {
  padding: 30px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 30px;
}

.finalise-plan-details .finalise-insurer-details .userinfo div {
  width: 32%;
}

.finalise-plan-details .finalise-insurer-details .userinfo div b {
  display: block;
  font-family: "helveticaneue-bold";
  padding-bottom: 10px;
  font-size: 17px;
}

.finalise-plan-details .package-premium .premium-peryear .medical-annual-limit {
  border-radius: 15px;
  background: #eeeeee;
  padding: 10px 20px;
  font-size: 18px;
  color: #000000;
  font-family: "helveticaneue-bold";
  margin-top: 10px;
  display:inline-block;
}

.finalise-plan-details
  .package-premium
  .premium-peryear
  .medical-annual-limit
  b {
  font-family: "helveticaneue";
  color: #a1a1a1;
  font-size: 14px;
}

.finalise-plan-details .sub{
	display: block;
    padding: 15px 20px;
    text-align: center;
    color: #ffffff;
    background: var(--maintheme);
    border-radius: 5px;
    font-size: 17px;
    width: 100%;
	max-width:200px;
    border: none;
	text-transform:uppercase;
	margin:0 auto;
}

.finalise-plan-details .sub:hover{
	background: #de9021;
}

.custom-dd {
  display: block;
  width: 100%;
  position: relative;
}

.custom-dd .show {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding: 15px 20px;
  cursor: pointer;
}

.custom-dd .list {
  position: absolute;
  width: 300px;
  top: 100%;
  height: 230px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  display: none;
}

.custom-dd .list#made {
  left: 0;
}

.custom-dd .list#model {
  left: 300px;
  border-left: none;
}

.custom-dd .list#variant {
  left: 600px;
  border-left: none;
}

.custom-dd .list > div {
  display: block;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
  transition: all ease 0.3s;
  background-image: url("../images/rightarrow-black.png");
  background-size: 5px;
  background-position: center right 10px;
  background-repeat: no-repeat;
}

.custom-dd .list#variant > div {
  background-image: none;
}

.custom-dd .list > div.active {
  color: var(--maintheme);
}

.custom-dd .list > div:last-child {
  border-bottom: none;
}

.custom-dd .list > div:hover {
  background-color: var(--maintheme);
  color: #ffffff;
  transition: all ease 0.3s;
}

/* width */
.custom-dd .list::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.custom-dd .list::-webkit-scrollbar-track {
  background: #d7d7d7;
}

/* Handle */
.custom-dd .list::-webkit-scrollbar-thumb {
  background: var(--maintheme);
}

.carmodel_insurance_list {
  padding: 40px 0px;
}

.carmodel_insurance_list .car_hotbrand {
  padding-bottom: 30px;
}

.carmodel_insurance_list .car_hotbrand .title {
  font-family: "helveticaneue-bold";
  font-size: 30px;
  padding-bottom: 20px;
}

.carmodel_insurance_list .car_hotbrand .brand_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
}

.carmodel_insurance_list .car_hotbrand .brand_list .brandname img {
  max-height: 50px;
}

.carmodel_insurance_list .car_sorting_asc {
  width: 100%;
}

.carmodel_insurance_list .car_sorting_asc .sorting_row {
  padding-bottom: 20px;
}

.carmodel_insurance_list .car_sorting_asc .sorting_row .title {
  padding: 10px 10px;
  background: var(--mainblue);
  color: #ffffff;
  font-size: 20px;
}

.carmodel_insurance_list .car_sorting_asc .sorting_row .brand_list,
.carmodel_insurance_list .model_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px 30px;
}

.carmodel_insurance_list .model_list p {
  width: 100%;
  font-family: "helveticaneue-bold";
  font-size: 18px;
}

.carmodel_insurance_list .model_list span {
  display: block;
  width: 200px;
  background: var(--maintheme);
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
}

.carmodel_insurance_list .model_list span:hover {
  background: var(--mainthemehover);
}

.carmodel_insurance_list .brand_list .brandname,
.carmodel_insurance_list .model_list .modelname {
  flex: 0 0 12.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.carmodel_insurance_list .brand_list .brandname img,
.carmodel_insurance_list .model_list .modelname img {
  max-height: 50px;
}

.carmodel_insurance_list .model_list .modelname.selected,
.carmodel_insurance_list .model_list .modelname:hover {
  color: var(--maintheme);
}

.carmodel_insurance_list .variant_list {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  row-gap: 25px;
  padding: 20px 20px;
  background: #f5f5f5;
}

.carmodel_insurance_list .variant_list p {
  width: 100%;
  font-family: "helveticaneue-bold";
  font-size: 18px;
}

.carmodel_insurance_list .variant_list a {
  color: #000000;
  width: 30%;
  line-height: 1.3;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 10px;
  background: #ffffff;
  border-radius: 5px;
}

.carmodel_insurance_list .variant_list a:hover {
  background: var(--maintheme);
  color: #000000;
}

.carmodel_insurance_list .model_list,
.carmodel_insurance_list .variant_list {
  display: none;
}

.carmodel_insurance_list .variant_list .variant_name:hover {
  color: var(--maintheme);
}

.market-value {
  padding: 80px 0px;
  display: flex;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}

.market-value .car-image {
  width: 50%;
}

.market-value .car-image img {
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.market-value .car-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.market-value .car-info .car-name {
  font-family: "helveticaneue-bold";
  font-size: 20px;
  line-height: 1.5;
}

.market-value .car-info .car-mileage {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.market-value .car-info .car-mileage select {
  max-width: 200px;
}

.market-value .car-info .car-value {
  background: #f5f5f5;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.market-value .car-info .car-value p {
  font-size: 18px;
}

.market-value .car-info .car-value b {
  display: block;
  color: var(--maintheme);
  font-family: "helveticaneue-bold";
  font-size: 30px;
}

.market-value .car-info .backtoprev {
  display: flex;
}

.market-value .car-info .backtoprev a {
  display: block;
  text-align: center;
  color: #ffffff;
  width: 200px;
  padding: 12px 10px;
  background: var(--maintheme);
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.market-value .car-info .backtoprev a:hover {
  background: var(--mainthemehover);
}

.zurich_purchase_msg {
  padding: 10px;
  border-radius: 5px;
  line-height: 1.5;
  background: #ffffff;
  color: #000000;
}

.zurich_purchase_msg a {
  color: var(--maintheme);
}

.carloan-result-cover a.select {
  color: #ffffff;
  background: var(--maintheme);
  padding: 10px 10px;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
}

.carloan-result-cover a.select:hover {
  background: var(--mainthemehover);
}

.compare_wrapper {
  padding: 80px 0px;
}

.compare_wrapper .title {
  font-family: "helveticaneue-bold";
  font-size: 40px;
  color: #31393f;
  padding-bottom: 50px;
  text-align: center;
}

.compare_wrapper .all_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  gap: 2%;
}

.compare_wrapper .all_list .item_details {
  width: 32%;
  border-radius: 15px;
  border: 1px solid #d7d7d7;
}

.compare_wrapper .all_list .item_details > div {
  padding: 20px;
  line-height: 1.3;
}

.compare_wrapper .all_list .item_details .item_image {
  width: 150px;
  padding-bottom: 0;
}

.compare_wrapper .all_list .item_details .item_image img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.compare_wrapper .all_list .item_details .item_name {
  font-size: 22px;
  font-family: "helveticaneue-bold";
}

.compare_wrapper .all_list .item_details .item_price {
  background: var(--maintheme);
  color: #ffffff;
  font-size: 35px;
  font-family: "helveticaneue-bold";
}

.compare_wrapper .all_list .item_details .item_price p {
  font-size: 18px;
}

.compare_wrapper .all_list .item_details .featured_list > span {
  font-family: "helveticaneue-bold";
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}

.compare_wrapper .all_list .item_details .featured_list > div,
.compare_wrapper .all_list .item_details .other_list > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 5px 0px;
  align-items: center;
}

.compare_wrapper .all_list .item_details .featured_list > div b {
  font-family: "helveticaneue-bold";
}

.compare_wrapper .compare_item_filter {
  padding-bottom: 40px;
}

.compare_wrapper .compare_item_filter > p {
  font-size: 18px;
  padding-bottom: 20px;
}

.compare_wrapper .compare_item_filter .input-cover-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.compare_wrapper .compare_item_filter .input-cover-row .input-cover {
  width: 32%;
}

.compare_wrapper .compare_item_filter .input-cover-row .input-cover.full {
  width: 100%;
}

.input-cover .input_with_text {
  display: flex;
}

.input-cover .input_with_text div {
  width: 100px;
  display: flex;
  align-items: center;
  background: #d7d7d7;
  justify-content: center;
}

.insurer_relationship {
  padding: 20px 20px;
  background: #ffffff;
  border-radius: 5px;
  margin-bottom: 40px;
}

.insurer_relationship p a {
  color: var(--maintheme);
}

.insurer_relationship p b {
  font-weight: 700;
}

.table_refund_scale {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 30px 0px;
}

.table_refund_scale table {
  width: 100%;
}

.table_refund_scale table thead {
  background: var(--maintheme);
  color: #ffffff;
}

.table_refund_scale table tbody {
  background: #ffffff;
}

.table_refund_scale table td,
.table_refund_scale table th {
  padding: 10px 10px;
  border: 1px solid #d7d7d7;
  width: 50%;
}

.carro_quote_cover {
  max-width: 800px;
  margin: 50px auto 0;
  padding: 30px 30px;
  border-radius: 10px;
  background: #ffffff;
}

.carro_quote_cover iframe {
  width: 100%;
  height:425px;
}

.gadget-insurance-form .gadgetinsurance-rules{
	display:flex;
	gap:30px;
	justify-content:space-between;
}

.gadget-insurance-form .gadgetinsurance-rules > div{
	width:49%;
	border: 3px solid #e0e0e0;
	border-radius:5px;
	padding:20px 20px;
}

.gadget-insurance-form .gadgetinsurance-rules > div:hover{
	border:3px solid var(--maintheme);
}

.gadget-insurance-form .gadgetinsurance-rules > div .title{
	font-size: 20px;
    font-family: "helveticaneue-bold";
    text-transform: capitalize;
    padding-bottom: 20px;
	color:var(--maintheme);
}

.gadget-insurance-form .gadgetinsurance-rules > div ul li{
	padding-bottom:10px;
	line-height:1.3;
}

.gadget-insurance-form .gadgetinsurance-rules > div ul li b{
	font-family: "helveticaneue-bold";
}

.gadget-insurance-form .gadgetinsurance-rules > div ul li a{
	color:var(--maintheme);
}

.gadget-insurance-form .gadgetinsurance-rules > div ul li:last-child{
	padding-bottom:0;
}

.default-middle-title .default-desc {
  position: Relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 60px 0px;
}

.default-middle-title .default-desc .text {
  line-height: 1.5;
  font-size: 20px;
}

.corporate-health-cover{
  padding:60px 0px;
}

.corporate-health-cover .corporate-health-plan{
  width: 100%;
  max-width:700px;
  margin:0 auto;
  padding-bottom:40px;
}

.corporate-health-cover .corporate-health-plan ul{
  list-style-type: disc;
  margin-left:20px;
}

.corporate-health-cover .corporate-health-plan ul li{
  margin:10px;
  font-size:18px;
  line-height:1.3;
}

.corporate-health-cover .input-form{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  max-width:700px;
  margin:0 auto;
  gap:2%;
  row-gap:20px;
  padding-bottom:30px;
  justify-content:space-between;
}

.corporate-health-cover .input-form .title{
	width:100%;
}

.corporate-health-cover .input-form .input-cover{
  width:49%;
}

.corporate-health-cover .input-form .input-cover.full{
	width:100%;
}

.corporate-health-cover .input-form .title{
  font-family: "helveticaneue-medium";
  font-size: 16px;
}

.insurance-payment-cover .medical-screening-appointment{
	background:#ffffff;
	padding:30px 30px;
	border-radius:8px;
	color:#000000;
	display:flex;
	flex-direction:column;
	gap:10px;
	align-items:center;
	justify-content:center;
	width:100%;
}

.insurance-payment-cover .medical-screening-appointment table{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.insurance-payment-cover .medical-screening-appointment table tr th{
	background:#1e252b;
	text-align: left;
    padding: 10px 20px;
    color: #ffffff;
}

.insurance-payment-cover .medical-screening-appointment table tr td{
	padding: 30px 20px;
    color: #000000;
    text-align: left;
    border: 1px solid #d7d7d7;
    width: 50%;
}

.insurance-payment-cover .medical-screening-appointment table tr td .package{
	font-family: "helveticaneue-medium";
	font-size:20px;
	padding-bottom:10px;
}

.insurance-payment-cover .medical-screening-appointment table tr td .feature-list p b{
	font-family: "helveticaneue-medium";
	font-size:16px;
}

.insurance-payment-cover .medical-screening-appointment table tr td .feature-list
  ul
  li {
  position: relative;
  padding-left: 25px;
  padding-bottom: 10px;
  line-height: 1.3;
}

.insurance-payment-cover .medical-screening-appointment table tr td .feature-list
  ul
  li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  border-radius: 100%;
  height: 15px;
  background: #ffffff;
  border: 1px solid #51ba5b;
}

.insurance-payment-cover .medical-screening-appointment table tr td .feature-list
  ul
  li:after {
  content: "";
  width: 4px;
  height: 8px;
  border-right: 1px solid #51ba5b;
  border-bottom: 1px solid #51ba5b;
  position: absolute;
  left: 6px;
  top: 4px;
  transform: rotate(45deg);
}