:root {
  --white: #fff;
  --black: #000;
  --color-100: #139bd3;
  --color-200: #98c829;
  --color-300: #c82929;
  --bk-grade-100: #eaeaea;
  --bk-grade-150: #d6d6d6;
  --bk-grade-200: #c1c1c1;
  --bk-grade-250: #adadad;
  --bk-grade-300: #999999;
  --bk-grade-350: #848484;
  --bk-grade-400: #707070;
  --bk-grade-450: #5b5b5b;
  --bk-grade-500: #474747;
  --bk-grade-550: #333333;
  --bk-grade-600: #2d2d2d;
  --bk-grade-650: #282828;
  --bk-grade-700: #232323;
  --bk-grade-750: #1e1e1e;
  --bk-grade-800: #191919;
  --bk-grade-850: #141414;
  --bk-grade-900: #0f0f0f;
  --bk-grade-950: #0a0a0a;
  --primary-font-family: "Neo Sans Pro";
  --font-weight-lighter: 200;
  --font-weight-light: 300;
  --font-weight-normal: normal;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: bold;
  --fs-08: 0.75rem;
  --fs-09: 0.875rem;
  --fs-10: 1rem;
  --fs-11: 1.125rem;
  --fs-12: 1.25rem;
  --fs-13: 1.5rem;
  --fs-14: 1.875rem;
  --fs-15: 2rem;
  --fs-16: 2.25rem;
  --fs-17: 2.5rem;
  --fs-18: 2.875rem;
  --fs-19: 3rem;
  --fs-20: 3.25rem;
  --fs-21: 3.5rem;
  --fs-22: 4rem;
  --fs-23: 4.5rem;
  --fs-24: 5rem;
  --fs-25: 5.5rem;
  --fs-26: 6rem;
  --fs-27: 7rem;
  --fs-28: 8rem;
  --fs-29: 9rem;
  --fs-30: 10rem;
}

@font-face {
  font-family: "Neo Sans Pro";
  src: url("../fonts/NeoSansPro-Bold.woff2") format("woff2"), url("../fonts/NeoSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neo Sans Pro";
  src: url("../fonts/NeoSansPro-Light.woff2") format("woff2"), url("../fonts/NeoSansPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neo Sans Pro";
  src: url("../fonts/NeoSansPro-Regular.woff2") format("woff2"), url("../fonts/NeoSansPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neo Sans Pro";
  src: url("../fonts/NeoSansPro-Medium.woff2") format("woff2"), url("../fonts/NeoSansPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--primary-font-family);
  font-weight: var(--font-weight-normal);
  font-size: 1rem;
}

a {
  text-decoration: none;
}

a,
button {
  transition: 0.3s ease-out;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a:focus,
button:focus {
  outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::selection {
  color: var(--white);
  background: var(--color-100);
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-100) var(--white);
}

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--color-100);
  border-radius: 0;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.4);
}

.return-top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 50px;
  height: 50px;
  border: 0;
  background: var(--color-100);
  border-radius: 50%;
  text-align: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: 0.3s ease-out;
  z-index: 10;
}
.return-top img {
  position: relative;
  width: 20px;
  animation: upBounce 2s infinite;
}
.return-top.visible {
  display: block;
}
.return-top:hover span img {
  top: 5px;
}

.navbar-main {
  position: relative;
  padding: 1rem 0;
}
.navbar-main .logo {
  display: block;
  width: 225px;
}
.navbar-main .logo img {
  width: 100%;
}
.navbar-main .btn-hamburger {
  height: 100%;
  background: var(--color-100);
  border: 0 solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  overflow: hidden;
  cursor: pointer;
}
.navbar-main .btn-hamburger:focus {
  box-shadow: none;
  outline: none;
}
.navbar-main .btn-hamburger::after {
  display: none;
}
.navbar-main .btn-hamburger svg {
  width: 48px;
  transform-origin: center;
  transition: all 1s;
}
.navbar-main .btn-hamburger .line {
  transition: 1s;
  stroke-dasharray: 60 31 60 300;
}
.navbar-main .btn-hamburger[aria-expanded=true] svg {
  rotate: 0.125turn;
}
.navbar-main .btn-hamburger[aria-expanded=true] .line {
  stroke-dasharray: 60 105 60 300;
  stroke-dashoffset: -90;
}

.main-nav {
  margin-left: auto;
}
.main-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  color: var(--bk-grade-950);
  font-weight: var(--font-weight-medium);
}
.main-nav .nav-item .nav-link .nav-icon {
  margin-right: 0.5rem;
}

.tool-nav {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
.tool-nav .nav-item + .nav-item {
  margin-left: 0.5rem;
}
.tool-nav .nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--bk-grade-950);
  font-weight: var(--font-weight-medium);
  background-color: var(--black);
}
.tool-nav .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  background-color: var(--white);
  border-radius: 50px;
  transition: 0.3s ease-out;
}
.tool-nav .nav-item .nav-link span {
  position: relative;
}
.tool-nav .nav-item .nav-link.nav-lng {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.tool-nav .nav-item .nav-link.nav-lng::before {
  border-radius: 50%;
}
.tool-nav .nav-item .nav-link.nav-login {
  padding: 0.25rem 1.5rem;
  height: 48px;
  border-radius: 50px;
}
.tool-nav .nav-item .nav-link.nav-login .nav-icon {
  margin-right: 0.5rem;
}
.tool-nav .nav-item .nav-link:hover {
  color: var(--white);
  background-image: linear-gradient(to right, #139bd3 0%, #98c829 51%, #139bd3 100%);
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
}
.tool-nav .nav-item .nav-link:hover::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.footer-sec {
  position: relative;
  padding: 2rem 0 2rem;
  background-color: var(--bk-grade-750);
}

.btm-list {
  display: flex;
  flex-wrap: wrap;
}
.btm-list .btm-item {
  position: relative;
  color: var(--bk-grade-300);
  padding: 0.25rem;
}
.btm-list .btm-item + .btm-item {
  margin-left: 1rem;
}
.btm-list .btm-item + .btm-item::before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 10px;
  width: 1px;
  height: 12px;
  background-color: var(--bk-grade-300);
}
.btm-list .btm-item .btm-link {
  display: block;
  color: var(--bk-grade-300);
}
.btm-list .btm-item .btm-link:hover {
  color: var(--color-100);
}

.ft-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
.ft-social .soc-item {
  display: inline-block;
}
.ft-social .soc-item + .soc-item {
  margin-left: 0.5rem;
}
.ft-social .soc-item .soc-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  width: 36px;
  height: 36px;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}
.ft-social .soc-item .soc-link i {
  position: relative;
  transition: 0.3s ease-out;
}
.ft-social .soc-item .soc-link:hover {
  color: var(--white);
  background-image: linear-gradient(to right, #139bd3 0%, #98c829 15%, #71d0f8 51%, #98c829 85%, #139bd3 100%);
  background-size: 400% 400%;
  animation: btnGradient 2s ease infinite;
}
.ft-social .soc-item .soc-link:hover i {
  transform: rotateY(360deg);
  transition-duration: 600ms;
}

.ins-sec-hd {
  position: relative;
  max-width: 850px;
  padding-bottom: 1rem;
  margin-bottom: 2.5rem;
}
.ins-sec-hd::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 3px;
  background: linear-gradient(to right, rgb(142, 197, 59) 0%, rgb(50, 175, 200) 100%);
  border-radius: 3px;
}
.ins-sec-hd h2 {
  color: var(--bk-grade-950);
  font-size: var(--fs-15);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.ins-sec-hd h3 {
  color: var(--bk-grade-950);
  font-size: var(--fs-13);
  font-weight: var(--font-weight-normal);
  margin: 0;
}
.ins-sec-hd h4 {
  color: var(--bk-grade-950);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-normal);
  margin: 0;
}
.ins-sec-hd.hd-center {
  margin: 0 auto 2.5rem;
  text-align: center;
}
.ins-sec-hd.hd-center::after {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ins-sec-hd.hd-white h2,
.ins-sec-hd.hd-white h3,
.ins-sec-hd.hd-white h4 {
  color: var(--white);
}

.ins-banner-sec {
  position: relative;
  background-image: url(images/ins-slider-pattern.png), linear-gradient(to right, #8ec539 0%, #4cb5a1 100%);
  background-attachment: fixed;
}

.ins-banner-cover {
  position: relative;
  min-height: 275px;
}
.ins-banner-cover .ins-banner-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ins-banner-cover .great-place-img {
  position: absolute;
  top: 0;
  right: calc((100vw - 1320px) / 2);
  width: 150px;
}
.ins-banner-cover .great-place-img img {
  width: 100%;
}

.ins-banner-hd {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ins-banner-hd .banner-icon {
  max-width: 35px;
  margin-bottom: 1rem;
}
.ins-banner-hd .banner-icon img {
  width: 100%;
}
.ins-banner-hd .banner-hd {
  margin-bottom: 1rem;
}
.ins-banner-hd .banner-hd h1 {
  color: var(--white);
  font-size: var(--fs-18);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.ins-banner-hd .banner-dot {
  position: relative;
}
.ins-banner-hd .banner-dot::before, .ins-banner-hd .banner-dot::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0.25rem;
  background-color: var(--white);
  border-radius: 50%;
}

.motor-claims-form-cover {
  position: relative;
  margin-top: -3rem;
}
.motor-claims-form-cover .motor-claims-form-hd {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}
.motor-claims-form-cover .motor-claims-form-hd::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70px;
  height: 3px;
  margin: 0 auto;
  background: linear-gradient(to right, rgb(142, 197, 59) 0%, rgb(50, 175, 200) 100%);
  border-radius: 3px;
}
.motor-claims-form-cover .motor-claims-form-hd .sub-hd {
  color: var(--bk-grade-750);
  font-size: var(--fs-11);
  font-weight: var(--font-weight-medium);
}
.motor-claims-form-cover .motor-claims-form-hd h2 {
  color: var(--bk-grade-750);
  font-size: var(--fs-16);
  font-weight: var(--font-weight-medium);
  margin: 0;
}

.motor-claims-form-body {
  padding: 2.5rem;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.motor-claims-selection {
  display: flex;
  align-items: center;
  max-width: 950px;
  gap: 0.5rem;
  margin: 0 auto;
}
.motor-claims-selection .motor-sele-nav {
  position: relative;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  background-image: linear-gradient(to right, #139bd3 0%, #98c829 100%);
  border-radius: 0.5rem;
}
.motor-claims-selection .motor-sele-nav::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  background-color: var(--white);
  border-radius: calc(0.5rem - 2px);
}
.motor-claims-selection .motor-sele-nav .motor-icon {
  position: relative;
  flex: 0 0 auto;
  width: 70px;
  margin-right: 1rem;
}
.motor-claims-selection .motor-sele-nav .motor-label {
  position: relative;
  flex: 1 1 0;
  color: var(--bk-grade-950);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-medium);
}
.motor-claims-selection .motor-sele-nav .motor-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border: 1px solid var(--color-100);
  border-radius: 50%;
  margin-left: 1rem;
}
.motor-claims-selection .motor-sele-sug {
  flex: 0 0 auto;
  color: var(--bk-grade-950);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-medium);
  margin: 2rem;
}

.motor-claims-form {
  margin-top: 2rem;
}
.motor-claims-form .form-label {
  font-weight: var(--font-weight-medium);
}
.motor-claims-form .form-control {
  flex: 1;
  min-width: 0%;
  height: 50px;
  border-color: var(--bk-grade-150);
  border-radius: 0.25rem;
}
.motor-claims-form .input-group .btn {
  border-color: var(--bk-grade-150);
}
.motor-claims-form .input-group .btn:hover {
  color: var(--bk-grade-950);
  background-color: var(--bk-grade-150);
}
.motor-claims-form .radio-inline {
  display: inline-block;
  position: relative;
  padding: 0 0 0 40px;
  margin: 5px 10px 5px 0;
  cursor: pointer;
  user-select: none;
  /* Hide the browser's default radio */
  /* Create a custom radio */
  /* When the radio is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.motor-claims-form .radio-inline input {
  position: absolute;
  opacity: 0 !important;
}
.motor-claims-form .radio-inline .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 26px;
  width: 26px;
  padding: 0;
  background-color: transparent;
  border: solid 2px var(--bk-grade-150);
  border-radius: 50%;
  transition: 0.2s ease;
}
.motor-claims-form .radio-inline:hover {
  /* On mouse-over, add a grey background color */
}
.motor-claims-form .radio-inline:hover input ~ .checkmark {
  background-color: transparent;
  border: solid 2px var(--color-200);
}
.motor-claims-form .radio-inline input:checked ~ .checkmark {
  background-color: transparent;
  border: solid 2px var(--color-200);
}
.motor-claims-form .radio-inline .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  border-radius: 50%;
  transform: scale(0);
}
.motor-claims-form .radio-inline input:checked ~ .checkmark:after {
  opacity: 1;
  transform: scale(1);
}
.motor-claims-form .radio-inline .checkmark:after {
  left: 1px;
  top: 1px;
  width: 20px;
  height: 20px;
  background: var(--color-200);
  transition: all 0.2s ease;
}
.motor-claims-form .btn-submit {
  display: flex;
  align-items: center;
  color: var(--white);
  padding: 0.5rem 2.5rem;
  background-color: var(--black);
  border: 0;
  border-radius: 50px;
}
.motor-claims-form .btn-submit .btn-label {
  flex: 1;
  min-width: 0%;
  margin-right: 0.5rem;
}
.motor-claims-form .btn-submit .btn-icon {
  font-size: var(--fs-13);
}
.motor-claims-form .btn-submit:hover {
  background-color: var(--color-200);
}

.motor-claims-selection {
  display: flex;
}

.motor-claim-img {
  max-width: 550px;
}
.motor-claim-img figure {
  margin: 0;
}
.motor-claim-img figure img {
  width: 100%;
}

.motor-claim-con h4 {
  font-size: var(--fs-12);
  font-weight: var(--font-weight-medium);
  margin: 0 0 1rem 0;
}
.motor-claim-con p {
  color: var(--bk-grade-950);
  margin: 0 0 2rem 0;
}

.motor-claim-process-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
.motor-claim-process-item figure {
  flex: 0 0 auto;
  width: 285px;
  margin: 0;
  background-color: var(--black);
  border-radius: 1rem;
  overflow: hidden;
}
.motor-claim-process-item figure img {
  width: 100%;
  transition: 0.3s ease-out;
}
.motor-claim-process-item .motor-claim-process-body {
  flex: 1 1 0;
  padding: 2rem;
}
.motor-claim-process-item .motor-claim-process-body p {
  color: var(--bk-grade-950);
}
.motor-claim-process-item:hover figure img {
  opacity: 0.75;
  transform: scale(1.1);
}

.motor-claim-gmc-sec {
  position: relative;
  background-color: #f2fbff;
}

.motor-gmc-video-cover {
  position: relative;
  height: 100%;
}
.motor-gmc-video-cover .motor-gmc-video {
  height: 100%;
}
.motor-gmc-video-cover .motor-gmc-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.motor-gmc-video-cover .motor-gmc-video-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.motor-gmc-video-cover .motor-gmc-video-body .buttons {
  max-width: 120px;
  margin: 0 auto 0;
}
.motor-gmc-video-cover .motor-gmc-video-body .buttons .btn {
  width: 100px;
  height: 100px;
  color: var(--white);
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: 0.3s ease-out;
}
.motor-gmc-video-cover .motor-gmc-video-body .buttons .btn img {
  width: 100%;
}
.motor-gmc-video-cover .motor-gmc-video-body .buttons .btn.btnPause {
  display: none;
  opacity: 0;
}
.motor-gmc-video-cover:hover .motor-gmc-video-body .buttons .btnPause {
  opacity: 1;
}

.motor-gmc-video-cover {
  position: relative;
  max-width: 715px;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden;
}
.motor-gmc-video-cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.motor-gmc-video-cover .btn-video {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  color: var(--white);
  font-size: 4.5rem;
  background-color: transparent;
  border: 3px solid var(--white);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.motor-gmc-video-cover .btn-video.btn-pause {
  opacity: 0;
}
.motor-gmc-video-cover:hover .btn-video.btn-pause {
  opacity: 1;
}

.motor-claim-init-cover {
  display: flex;
  flex-flow: wrap;
}
.motor-claim-init-cover .motor-claim-init-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem 1rem;
  flex: 1 1 0;
}
.motor-claim-init-cover .motor-claim-init-item + .motor-claim-init-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50px;
  width: 1px;
  height: 100px;
  background-color: var(--bk-grade-250);
  transition: 0.3s ease-out;
}
.motor-claim-init-cover .motor-claim-init-item figure {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 150px;
  height: 150px;
  padding: 0.5rem;
  margin: 0 auto 2rem;
  border: 1px solid var(--color-100);
  border-radius: 50%;
}
.motor-claim-init-cover .motor-claim-init-item figure::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--bk-grade-100);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.motor-claim-init-cover .motor-claim-init-item figure i {
  position: relative;
  max-width: 90px;
  z-index: 10;
}
.motor-claim-init-cover .motor-claim-init-item figure i img {
  width: 100%;
  transition: 0.3s ease-out;
}
.motor-claim-init-cover .motor-claim-init-item .motor-claim-init-body {
  text-align: center;
}
.motor-claim-init-cover .motor-claim-init-item .motor-claim-init-body p {
  color: var(--bk-grade-750);
  font-size: var(--fs-10);
  font-weight: var(--font-weight-normal);
  margin: 0 0 0.25rem 0;
}
.motor-claim-init-cover .motor-claim-init-item .motor-claim-init-body h4 {
  color: var(--bk-grade-750);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.motor-claim-init-cover .motor-claim-init-item .motor-claim-init-body a {
  color: var(--color-100);
}
.motor-claim-init-cover .motor-claim-init-item .motor-claim-init-body a:hover {
  color: var(--color-200);
}
.motor-claim-init-cover .motor-claim-init-item:hover figure::before {
  transform: translate(-50%, -50%) scale(0.95);
}
.motor-claim-init-cover .motor-claim-init-item:hover figure img {
  transform: scale(0.75);
}

.motor-claim-req-img {
  max-width: 575px;
  margin-left: auto;
  border-radius: 10rem 0 10rem 0;
  overflow: hidden;
}

.motor-claim-req-con h4 {
  font-size: var(--fs-12);
  font-weight: var(--font-weight-medium);
  margin: 0 0 1rem 0;
}
.motor-claim-req-con p {
  color: var(--bk-grade-950);
  margin: 0 0 2rem 0;
}
.motor-claim-req-con ul {
  margin-bottom: 2rem;
}
.motor-claim-req-con ul li {
  position: relative;
  color: var(--bk-grade-950);
  padding: 0 0 0 2.5rem;
  margin-bottom: 1rem;
}
.motor-claim-req-con ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(19, 172, 235, 1)' stroke-linecap='round' stroke-miterlimit='10' d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022'/%3E%3C/svg%3E");
}
.motor-claim-req-con .btn-download-form {
  display: inline-flex;
  align-items: center;
  color: var(--color-100);
  padding: 0.5rem 1.5rem;
  margin-left: auto;
  background-color: var(--white);
  border: 1px solid var(--color-100);
  border-radius: 50px;
}
.motor-claim-req-con .btn-download-form .btn-label {
  flex: 1;
  min-width: 0%;
  margin-right: 0.5rem;
}
.motor-claim-req-con .btn-download-form .btn-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  font-size: var(--fs-13);
  border: 1px solid var(--color-100);
  border-radius: 50%;
}
.motor-claim-req-con .btn-download-form .btn-icon svg {
  animation: downBounce 2s infinite;
}
.motor-claim-req-con .btn-download-form:hover {
  color: var(--white);
  background-color: var(--color-200);
  border: 1px solid var(--color-200);
}
.motor-claim-req-con .btn-download-form:hover .btn-icon {
  color: var(--color-200);
  background-color: var(--white);
  border-color: var(--white);
}

.motor-claim-pay-sec {
  position: relative;
  background-image: url(../images/motor-claim-payment-bg.jpg);
  background-size: cover;
  background-position: center, center;
  background-attachment: fixed;
  overflow: hidden;
}

.motor-claim-pay-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: 1rem;
}
.motor-claim-pay-item figure {
  margin: 0 0 1rem 0;
  text-align: center;
}
.motor-claim-pay-item figure img {
  max-width: 100%;
}
.motor-claim-pay-item .motor-claim-pay-body {
  min-height: 60px;
  text-align: center;
}
.motor-claim-pay-item .motor-claim-pay-body p {
  color: var(--bk-grade-950);
  margin: 0;
}

.contact-list {
  max-width: 580px;
  margin-bottom: 2rem;
}
.contact-list .contact-item {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-list .contact-item .contact-icon {
  flex: 0 0 auto;
  margin-right: 2rem;
}
.contact-list .contact-item .contact-icon i {
  display: block;
  width: 90px;
  height: 90px;
  border: 1px solid var(--color-200);
  border-radius: 50%;
}
.contact-list .contact-item .contact-body {
  flex: 1 1 0;
}
.contact-list .contact-item .contact-body p {
  color: var(--bk-grade-950);
  font-size: var(--fs-10);
  font-weight: var(--font-weight-normal);
  margin: 0 0 0.5rem 0;
}
.contact-list .contact-item .contact-body h4 {
  color: var(--bk-grade-950);
  font-size: var(--fs-13);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.contact-list .contact-item .contact-qr-code {
  flex: 0 0 auto;
  width: 90px;
  margin-left: 1rem;
}

.contact-assist-list {
  margin-bottom: 2rem;
}
.contact-assist-list .con-assist-item {
  display: flex;
  align-items: center;
  padding: 2rem 2rem;
  background-image: url(../images/contact-ass-bg-01.jpg);
  background-size: cover;
  background-position: center;
}
.contact-assist-list .con-assist-item + .con-assist-item {
  margin-top: 1px;
}
.contact-assist-list .con-assist-item .con-assist-icon {
  flex: 0 0 auto;
  width: 90px;
  margin-right: 2rem;
}
.contact-assist-list .con-assist-item .con-assist-body {
  flex: 1 1 0;
}
.contact-assist-list .con-assist-item .con-assist-body p {
  color: var(--white);
  font-size: var(--fs-10);
  font-weight: var(--font-weight-normal);
  margin: 0 0 0.5rem 0;
}
.contact-assist-list .con-assist-item .con-assist-body h4 {
  color: var(--white);
  font-size: var(--fs-13);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.contact-assist-list .con-assist-item:nth-child(odd) {
  background-image: url(../images/contact-ass-bg-02.jpg);
}

.tra-ins-accordion .accordion-item {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--bk-grade-150);
  border-radius: 0;
  box-shadow: none;
}
.tra-ins-accordion .accordion-item .accordion-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 0 solid var(--color-100);
  border-radius: 0;
}
.tra-ins-accordion .accordion-item .accordion-header .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--bk-grade-950);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-normal);
  padding: 0 2rem 0 0;
  margin: 0 0 1rem 0;
  background-color: transparent;
  border: 0 solid var(--color-100);
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}
.tra-ins-accordion .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
.tra-ins-accordion .accordion-item .accordion-header .accordion-button .acc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: var(--bk-grade-950);
  font-size: var(--fs-11);
  line-height: 100%;
  transform: translateY(0) rotate(180deg);
  transform-origin: center;
  transition: 0.3s ease-out;
}
.tra-ins-accordion .accordion-item .accordion-header .accordion-button.collapsed .acc-icon {
  transform: translateY(0) rotate(0deg);
}
.tra-ins-accordion .accordion-item .accordion-body {
  padding: 0;
}
.tra-ins-accordion .accordion-item .faq-item p {
  color: var(--bk-grade-950);
  font-weight: 500;
  margin: 0;
}

.claim-policy-panel-cover {
  position: relative;
  background-image: linear-gradient(to right, #98c829 0%, #139bd3 100%);
  border-radius: 1rem;
}
.claim-policy-panel-cover::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  background-color: var(--white);
  border-radius: calc(1rem - 2px);
}
.claim-policy-panel-cover .claim-policy-panel-body {
  position: relative;
  padding: 1.5rem;
}

.claim-policy-profile {
  margin-bottom: 2rem;
}
.claim-policy-profile .card {
  border: 0;
}
.claim-policy-profile .card .card-header {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.claim-policy-profile .card .card-header h3 {
  position: relative;
  color: var(--bk-grade-950);
  font-size: var(--fs-13);
  font-weight: var(--font-weight-medium);
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
}
.claim-policy-profile .card .card-header h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-image: linear-gradient(to right, #98c829 0%, #139bd3 100%);
}
.claim-policy-profile .card .card-body {
  padding: 0;
}

.claim-policy-tb .table thead th {
  background-color: #e7f4c9;
  border: 1px solid #c1e374;
}
.claim-policy-tb .table tbody tr td {
  border: 1px solid #c1e374;
}
.claim-policy-tb .btn-add {
  color: var(--white);
  background-color: var(--color-200);
}
.claim-policy-tb .btn-add:hover {
  background-color: #a5d635;
}
.claim-policy-tb .btn-register {
  color: var(--white);
  padding: 0.875rem 2rem;
  background-color: var(--color-100);
}
.claim-policy-tb .btn-register:hover {
  background-color: #16acea;
}

.motor-claim-tab {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 0 auto 2rem;
}
.motor-claim-tab .nav-item .nav-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.motor-claim-tab .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 28px;
  width: 375px;
  height: 5px;
  background-color: var(--bk-grade-300);
}
.motor-claim-tab .nav-item .nav-link .nav-no {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  color: var(--white);
  font-size: var(--fs-12);
  background-color: var(--color-100);
  border: 3px solid var(--white);
  border-radius: 50%;
}
.motor-claim-tab .nav-item .nav-link .nav-no::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56px;
  height: 56px;
  border: 1px solid var(--color-100);
  border-radius: 50%;
  transform: scale(0) translate(-50%, -50%);
  transform-origin: 0 0;
  transition: 0.3s ease-out;
}
.motor-claim-tab .nav-item .nav-link .nav-label {
  color: var(--bk-grade-300);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-normal);
  text-align: center;
}
.motor-claim-tab .nav-item .nav-link.active .nav-no::before {
  content: "";
  transform: scale(1) translate(-50%, -50%);
}
.motor-claim-tab .nav-item:last-child .nav-link::before {
  display: none;
}

.claim-reg-form .card {
  border-color: #b4cf73;
}
.claim-reg-form .card .card-header {
  color: var(--bk-grade-950);
  font-size: var(--fs-12);
  font-weight: var(--font-weight-medium);
  background-color: #f2f8e9;
  border-color: #b4cf73;
}
.claim-reg-form .card:nth-child(1) {
  border-radius: 0.25rem 0.25rem 0 0;
}
.claim-reg-form .card:nth-child(2) {
  border-radius: 0;
}
.claim-reg-form .card:nth-child(3) {
  border-radius: 0 0 0.25rem 0.25rem;
}
.claim-reg-form .form-sec-hd {
  margin-bottom: 1rem;
}
.claim-reg-form .form-sec-hd h4 {
  color: var(--bk-grade-950);
  font-size: var(--fs-11);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.claim-reg-form .form-label {
  color: var(--bk-grade-950);
  font-size: var(--fs-11);
}
.claim-reg-form .form-control {
  min-height: 36px;
  border-color: var(--bk-grade-150);
  border-radius: 0.25rem;
}
.claim-reg-form .mandatory {
  color: var(--bs-danger);
}
.claim-reg-form .radio-input {
  display: inline-block;
  position: relative;
  padding: 0 0 0 40px;
  margin: 5px 10px 5px 0;
  cursor: pointer;
  user-select: none;
  /* Hide the browser's default radio */
  /* Create a custom radio */
  /* When the radio is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.claim-reg-form .radio-input input {
  position: absolute;
  opacity: 0 !important;
}
.claim-reg-form .radio-input .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 26px;
  width: 26px;
  padding: 0;
  background-color: transparent;
  border: solid 2px var(--bk-grade-150);
  border-radius: 50%;
  transition: 0.2s ease;
}
.claim-reg-form .radio-input:hover {
  /* On mouse-over, add a grey background color */
}
.claim-reg-form .radio-input:hover input ~ .checkmark {
  background-color: transparent;
  border: solid 2px var(--color-200);
}
.claim-reg-form .radio-input input:checked ~ .checkmark {
  background-color: transparent;
  border: solid 2px var(--color-200);
}
.claim-reg-form .radio-input .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  border-radius: 50%;
  transform: scale(0);
}
.claim-reg-form .radio-input input:checked ~ .checkmark:after {
  opacity: 1;
  transform: scale(1);
}
.claim-reg-form .radio-input .checkmark:after {
  left: 1px;
  top: 1px;
  width: 20px;
  height: 20px;
  background: var(--color-200);
  transition: all 0.2s ease;
}
.claim-reg-form .btn-save {
  color: var(--white);
  min-width: 150px;
  padding: 0.5rem 1rem;
  background-color: var(--color-100);
  border-radius: 0.25rem;
}
.claim-reg-form .btn-save:hover {
  background-color: var(--color-200);
}

.claim-reg-form label {
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.5rem;
}
.claim-reg-form .claim-pol-dtl-item {
  margin-bottom: 1rem;
}
.claim-reg-form .claim-pol-dtl-item .pol-label {
  color: var(--bk-grade-950);
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.25rem;
}
.claim-reg-form .claim-pol-dtl-item .pol-value {
  color: var(--bk-grade-950);
}
.claim-reg-form .claim-coverage {
  position: relative;
  padding: 1rem;
  border: 1px solid var(--bk-grade-100);
  border-radius: 0.5rem;
}
.claim-reg-form .checkbox {
  font-weight: var(--font-weight-normal);
}
.claim-reg-form .mandatory {
  color: #dc3545;
}
.claim-reg-form .hr-transparent {
  border-top-color: transparent;
}
.claim-reg-form .sketch-accident-cover .accident-graphics {
  margin-bottom: 2rem;
}
.claim-reg-form .sketch-accident-cover .accident-graphics img {
  width: 100%;
}
.claim-reg-form .sketch-accident-cover .sketch-accident-nav {
  text-align: center;
}
.claim-reg-form .sketch-accident-cover .sketch-accident-nav .btn-refresh {
  color: var(--white);
  background-color: var(--color-200);
}
.claim-reg-form .sketch-accident-cover .sketch-accident-nav .btn-refresh:hover {
  background-color: #aeda4a;
}

@keyframes navDown {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes upBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes downBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes dropAnim {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes btnIconMove {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(0 0);
  }
  40% {
    transform: translate(8px, -8px);
  }
  60% {
    transform: translate(4px, -4px);
  }
}
@keyframes btn-shineAnim {
  100% {
    left: 125%;
  }
}
@keyframes btnGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes waveSlide {
  from {
    background-position: 3966px bottom;
  }
  to {
    background-position: 0 bottom;
  }
}
.pt-6 {
  padding-top: 4rem !important;
}

.pt-7 {
  padding-top: 6rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.pt-9 {
  padding-top: 10rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pb-7 {
  padding-bottom: 6rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pb-9 {
  padding-bottom: 10rem !important;
}

.ps-6 {
  padding-left: 4rem !important;
}

.ps-7 {
  padding-left: 6rem !important;
}

.ps-8 {
  padding-left: 6rem !important;
}

.ps-9 {
  padding-left: 6rem !important;
}

.pe-6 {
  padding-right: 4rem !important;
}

.pe-7 {
  padding-right: 6rem !important;
}

.pe-8 {
  padding-right: 8rem !important;
}

.pe-9 {
  padding-right: 10rem !important;
}

.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-7 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.px-9 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-7 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-9 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 4rem !important;
  }
  .pt-md-7 {
    padding-top: 6rem !important;
  }
  .pt-md-8 {
    padding-top: 8rem !important;
  }
  .pt-md-10 {
    padding-top: 10rem !important;
  }
  .pb-md-6 {
    padding-bottom: 4rem !important;
  }
  .pb-md-7 {
    padding-bottom: 6rem !important;
  }
  .pb-md-8 {
    padding-bottom: 8rem !important;
  }
  .pb-md-10 {
    padding-bottom: 10rem !important;
  }
  .ps-md-6 {
    padding-left: 4rem !important;
  }
  .ps-md-7 {
    padding-left: 6rem !important;
  }
  .ps-md-8 {
    padding-left: 6rem !important;
  }
  .ps-md-10 {
    padding-left: 6rem !important;
  }
  .pe-md-4 {
    padding-right: 4rem !important;
  }
  .pe-md-6 {
    padding-right: 6rem !important;
  }
  .pe-md-8 {
    padding-right: 8rem !important;
  }
  .pe-md-10 {
    padding-right: 10rem !important;
  }
  .px-md-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-md-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-md-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-md-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .py-md-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-md-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-md-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 4rem !important;
  }
  .pt-lg-7 {
    padding-top: 6rem !important;
  }
  .pt-lg-8 {
    padding-top: 8rem !important;
  }
  .pt-lg-9 {
    padding-top: 10rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 8rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 10rem !important;
  }
  .ps-lg-6 {
    padding-left: 4rem !important;
  }
  .ps-lg-7 {
    padding-left: 6rem !important;
  }
  .ps-lg-8 {
    padding-left: 6rem !important;
  }
  .ps-lg-9 {
    padding-left: 6rem !important;
  }
  .pe-lg-6 {
    padding-right: 4rem !important;
  }
  .pe-lg-7 {
    padding-right: 6rem !important;
  }
  .pe-lg-8 {
    padding-right: 8rem !important;
  }
  .pe-lg-9 {
    padding-right: 10rem !important;
  }
  .px-lg-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-lg-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-lg-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-lg-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .py-lg-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-lg-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-lg-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 4rem !important;
  }
  .pt-xl-7 {
    padding-top: 6rem !important;
  }
  .pt-xl-8 {
    padding-top: 8rem !important;
  }
  .pt-xl-9 {
    padding-top: 10rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 4rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 6rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 8rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 10rem !important;
  }
  .ps-xl-6 {
    padding-left: 4rem !important;
  }
  .ps-xl-7 {
    padding-left: 6rem !important;
  }
  .ps-xl-8 {
    padding-left: 6rem !important;
  }
  .ps-xl-9 {
    padding-left: 6rem !important;
  }
  .pe-xl-6 {
    padding-right: 4rem !important;
  }
  .pe-xl-7 {
    padding-right: 6rem !important;
  }
  .pe-xl-8 {
    padding-right: 8rem !important;
  }
  .pe-xl-9 {
    padding-right: 10rem !important;
  }
  .px-xl-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-xl-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xl-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-xl-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .py-xl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xl-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xl-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xl-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pt-xxl-6 {
    padding-top: 4rem !important;
  }
  .pt-xxl-7 {
    padding-top: 6rem !important;
  }
  .pt-xxl-8 {
    padding-top: 8rem !important;
  }
  .pt-xxl-9 {
    padding-top: 10rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 4rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 6rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 8rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 10rem !important;
  }
  .ps-xxl-6 {
    padding-left: 4rem !important;
  }
  .ps-xxl-7 {
    padding-left: 6rem !important;
  }
  .ps-xxl-8 {
    padding-left: 6rem !important;
  }
  .ps-xxl-9 {
    padding-left: 6rem !important;
  }
  .pe-xxl-6 {
    padding-right: 4rem !important;
  }
  .pe-xxl-7 {
    padding-right: 6rem !important;
  }
  .pe-xxl-8 {
    padding-right: 8rem !important;
  }
  .pe-xxl-9 {
    padding-right: 10rem !important;
  }
  .px-xxl-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-xxl-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xxl-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-xxl-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .py-xxl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xxl-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xxl-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xxl-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (max-width: 991px) {
  .navbar-main .navbar-collapse {
    order: 4;
  }
}
@media (max-width: 767px) {
  .car-insurance .car-ins-img {
    min-width: auto;
  }
  .mot-ins-tab .nav-item {
    flex: 1 1;
  }
  .mot-ins-tab .nav-item .nav-link::before {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */