/* placeholder */
@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins/Poppins-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("../fonts/Poppins/Poppins-ExtraBold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins/Poppins-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins/Poppins-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GE-SS";
  src: url(../vendors/arabic-font/GE-SS.otf);
  font-weight: medium;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Poppins-Medium";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
  border: none;
}

*:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

html {
  overflow-x: hidden;
}

body {
  background: #EDF3F8;
  padding: 0 !important;
  margin: 0 !important;
  color: #313c48;
}
body {
  scrollbar-width: thin;
  scrollbar-color: #313c48 #EDF3F8;
}
body::-webkit-scrollbar {
  width: 0.7rem;
}
body::-webkit-scrollbar-track {
  background: #EDF3F8;
  border-radius: 0.2rem;
}
body::-webkit-scrollbar-thumb {
  background: rgba(75, 85, 132, 0.4);
  border-radius: 0.2rem;
}
body::-webkit-scrollbar-thumb:hover {
  background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
}

.info-bg {
  background-color: #EDF3F8;
  margin: 0 30px;
}

.bg-sec {
  background: #ffffff;
}

.text-sec {
  color: #313c48;
}

.text-fade {
  color: #a3a3a3;
}

.text-color-1 {
  color: #676767 !important;
}

.text-color-2 {
  color: #8b8f93;
}

.text-color-3 {
  color: #626971;
}

.text-color-4 {
  color: #7B7B7B;
}

.textlight {
  color: #7B7B7B !important;
}

.textprimary {
  color: #06aecc;
}

.fw-6 {
  font-weight: 600;
}

.fw-5 {
  font-weight: 500;
}

.fs-xs {
  font-size: 0.75rem;
}

.fs-s {
  font-size: 0.875rem;
}

.fs-m {
  font-size: 1rem;
}

.br-5 {
  border-radius: 5px;
}

.td-u {
  text-decoration: underline;
}

.fs-r {
  font-family: "Poppins-Regular";
}

.fs-l {
  font-family: "Poppins-Light";
}

.fs-sb {
  font-family: "Poppins-SemiBold";
}

.fs-b {
  font-family: "Poppins-Bold";
}

.fs-m {
  font-family: "Poppins-Medium";
}

.z-9999 {
  z-index: 9999;
}

.o-5 {
  opacity: 0.5;
}

a {
  color: #313c48;
  text-decoration: none;
  transition: 300ms all ease-in;
}
a:hover, a:focus, a:active {
  color: inherit;
}

ul {
  list-style: none;
}

section.main {
  max-width: 80px;
}

.card {
  border: 0;
  background-color: #f4f8fb;
  border-radius: 8px;
  padding: 25px 10px;
}

.card-1 {
  border-radius: 3px;
  padding: 25px 0 !important;
}

section {
  padding-top: 4em;
  padding-bottom: 4em;
}

section h4 {
  font-family: "Poppins-Bold";
  font-size: 1.8rem;
  text-align: center;
  color: #313c48;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  section {
    padding: 2em 0;
  }

  section h4 {
    font-size: 1.5rem;
  }
}
.badge-complete {
  background: #06aecc;
  font-family: "Poppins-Medium";
  text-align: center;
  color: #ffffff;
  font-size: 0.7rem;
  padding: 0.2rem 1rem;
  border-radius: 5px;
}

.badge-pending {
  background: #e28554;
  font-family: "Poppins-Medium";
  text-align: center;
  color: #ffffff;
  font-size: 0.7rem;
  padding: 0.2rem 1rem;
  border-radius: 5px;
}

.badge-reject {
  background: #ce4f4f;
  font-family: "Poppins-Medium";
  text-align: center;
  color: #ffffff;
  font-size: 0.7rem;
  padding: 0.2rem 1rem;
  border-radius: 5px;
}

.hw-50 {
  height: 25px;
  width: 100%;
  background-color: #EDF3F8;
}

.form-control {
  border: 0;
  padding: 0.7rem 0.75rem;
  border-radius: 5px;
  font-size: 0.8rem;
  color: #788491;
}
.form-control:focus {
  outline: 0;
  box-shadow: 0 0 10px rgba(2, 59, 109, 0.15) !important;
}

.form-control::-webkit-input-placeholder,
.form-control::placeholder {
  color: #788491;
  font-size: 12px;
}

.opacity-50 {
  opacity: 0.5;
}

.pacity-100 {
  opacity: 1;
}

.w-95 {
  width: 95% !important;
}

.icon-bg {
  background: url(../img/sidebarin.svg) no-repeat;
}

.icon-claim {
  background: url(../img/claim.svg) no-repeat;
}

.icon-account {
  background: url(../img/account.svg) no-repeat;
}

.py-100 {
  padding: 100px 0;
}

.py-150 {
  padding: 150px 0;
}

.px-100 {
  padding: 0 100px;
}

.my-100 {
  margin: 100px 0;
}

.mx-100 {
  margin: 0 100px;
}

.mt-8 {
  margin-top: 8rem;
}

.text-left {
  text-align: left;
}

.gq-icon-download {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 10px 0 0;
  background-position: 0 21.5%;
  background: url(../img/gq-icon-download.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}

.gq-icon-right {
  width: 25px;
  height: 20px;
  vertical-align: middle;
  margin: 0 10px 0 0;
  background-position: 0 21.5%;
  background: url(../img/gq-icon-right.svg) no-repeat;
  background-size: 70%;
  display: inline-block;
}

@media (max-width: 991px) {
  .m-text-center {
    text-align: center;
  }

  .mt-8 {
    margin-top: 1rem;
  }

  .card {
    padding: 0;
  }

  .card-1 {
    padding: 0 !important;
    background-color: #ffffff;
  }

  .m-w-100 {
    width: 100%;
  }

  .m-br-5 {
    border-radius: 5px !important;
  }
}
@media (max-width: 767px) {
  .m-text-center {
    text-align: center;
  }

  .mt-8 {
    margin-top: 1rem;
  }

  .card {
    padding: 0;
  }

  .card-1 {
    padding: 0 !important;
    background-color: #ffffff;
  }

  .m-w-100 {
    width: 100%;
  }

  .m-br-5 {
    border-radius: 5px !important;
  }

  .owl-stage {
    padding-left: 0 !important;
  }
}
.btn-main {
  background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
  border-radius: 34px;
  color: #fbfbfb;
  font-family: "Poppins-Bold";
  padding: 0.7rem 2rem;
  font-size: 0.9rem;
  color: #fbfbfb;
  -webkit-box-shadow: 0px 0px 36px #0000000a;
  box-shadow: 0px 0px 36px #0000000a;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.btn-main:hover {
  color: #fbfbfb;
  opacity: 0.8;
}
.btn-main:disabled {
  background: #c4c4c4;
  cursor: no-drop;
}

.btn-outline {
  border-radius: 34px;
  border: 2px solid #7B7B7B;
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  font-size: 0.7rem;
  color: #7B7B7B;
  background-color: transparent;
}

.btn-sec {
  border: 2px solid #313c48;
  padding: 10px 30px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 0.875rem;
  transition: 300ms all ease-out;
}
.btn-sec:hover {
  background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
  color: #ffffff;
  border: 2px solid transparent;
}

.btn-primary-outline {
  border: 2px solid #06aecc;
  color: #06aecc;
  font-family: "Poppins-Bold";
  padding: 10px 30px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 0.875rem;
  background-color: transparent;
  transition: 300ms all ease-out;
}
.btn-primary-outline:hover {
  opacity: 0.5;
}

.btn-fade {
  border: 0;
  color: #ffffff;
  font-family: "Poppins-Bold";
  padding: 10px 30px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 0.875rem;
  background-color: #C4C4C4;
  transition: 300ms all ease-out;
}
.btn-fade:hover {
  opacity: 0.5;
}

.page-load,
.page-load .pre-text- span {
  display: block;
}

.page-load {
  position: fixed;
  z-index: 99999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
}

.page-load .pre-content {
  top: 50%;
  position: relative;
  right: 0;
  left: 0;
  text-align: center;
  transform: translateY(-50%);
}

.page-load .pre-text- {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  width: 50%;
  margin: 0 auto;
}

.logo-pre {
  background: #EDF3F8;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  box-shadow: 0 0 0 0 transparent;
  animation: loader 2s infinite;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  padding: 20px;
}

@keyframes loader {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 230, 230, 0.27);
  }
  70% {
    box-shadow: 0 0 0 30px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
/* custom owl dots */
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 3px;
  background: #dbdbdb;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #05a2d0;
  width: 18px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.deduction-modal {
  display: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  overflow: unset;
  background-color: #f5f8fbbd;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.deduction-modal .modal-contents {
  position: relative;
  width: 35%;
  margin-left: auto;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.deduction-modal .modal-contents .deduction-modal_title {
  display: flex;
  background: #06aecc;
  justify-content: space-between;
  padding: 10px 2rem;
  align-items: center;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.deduction-modal .modal-contents .deduction-modal_title p {
  font-family: "Poppins-Bold";
}
.deduction-modal .modal-contents .deduction-modal_title .deduction-details-close i {
  font-size: 1.8rem;
}
.deduction-modal .modal-contents .deduction-modal_title .deduction-details-close:hover, .deduction-modal .modal-contents .deduction-modal_title .deduction-details-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.deduction-modal .modal-contents .deduction-modal_des {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.deduction-modal .modal-contents .deduction-modal_des ul {
  margin: 0;
  padding: 0;
}
.deduction-modal .modal-contents .deduction-modal_des ul li {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
}
.deduction-modal .modal-contents .deduction-modal_des ul li:last-child {
  border: 0;
}
.deduction-modal .modal-contents .deduction-modal_des ul li span {
  color: #cccccc;
  font-family: "Poppins-SemiBold";
}
.deduction-modal .modal-contents .deduction-modal_des ul li span::before {
  content: "SAR ";
  font-size: 0.875rem;
  font-family: "Poppins-Regular";
}
.deduction-modal .modal-contents .deduction-modal_des ul li.active span {
  font-family: "Poppins-Bold";
  font-size: 1.2rem;
  color: #000;
}
.deduction-modal .modal-contents .deduction-modal_des ul li:hover {
  cursor: pointer;
  background-color: #f8fafc;
}

input.error {
  border: 1px solid red;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 10px rgba(255, 0, 0, 0.2);
}

input.success {
  border: 1px solid forestgreen;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 255, 0, 0.2);
}

.valid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.675em;
  text-align: left;
  color: forestgreen;
  padding-left: 12px;
  padding-top: 3px;
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.675em;
  text-align: left;
  color: #ff0000;
  padding-left: 12px;
  padding-top: 3px;
}

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  25%, 75% {
    -webkit-transform: translateX(-10px);
  }
  50% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  25%, 75% {
    -moz-transform: translateX(-10px);
  }
  50% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }
  25%, 75% {
    -o-transform: translateX(-10px);
  }
  50% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

footer {
  padding: 2.8rem 0;
  background-color: #313c48;
  color: #fbfbfb;
  clear: both;
  position: relative;
}

.footer-column:not(:first-child) {
  padding-top: 2rem;
}

@media (min-width: 768px) {
  .footer-column:not(:first-child) {
    padding-top: 0rem;
  }
}
.footer-column .nav-item .nav-link {
  font-family: "Poppins-Medium";
  padding: 0.2rem 0;
  color: #fbfbfb;
  font-size: 13px;
  -webkit-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}

.footer-column .nav-item .nav-link:hover {
  color: #bababa;
}

.footer-column .nav-item span.nav-link {
  color: #6c757d;
}

.footer-column .nav-item p.footer-title {
  font-size: 16px;
  font-family: "Poppins-Bold";
  font-weight: 400;
  margin-bottom: 10px;
}

.footer-column ul {
  display: inline-block;
}

@media (min-width: 768px) {
  .footer-column ul {
    text-align: left;
  }
}
.footer-logo img {
  max-width: 100px;
  width: 100%;
}

.download-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.download-wrap {
  font-size: 13px;
}

.download-wrap .download-links {
  margin-left: 20px;
}

.download-links .app-store {
  width: 120px;
  height: 40px;
  display: block;
  background: url("../img/app-store.svg") no-repeat;
}

.download-links .play-store {
  width: 120px;
  height: 40px;
  display: block;
  background: url("../img/google-play.svg") no-repeat;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.social-icon {
  margin-bottom: 0.6rem;
}

.social-icon a i {
  font-size: 26px;
  -webkit-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
  color: #fbfbfb;
}

.social-icon a i:hover {
  color: #bababa;
}

/* back to top */
#back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: visible;
  align-items: center;
  justify-content: center;
  text-align: left;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  opacity: 0.9;
  padding: 0px;
  cursor: pointer;
  visibility: hidden;
  z-index: 1000;
  background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
  color: #ffffff;
}
#back-to-top:hover {
  opacity: 0.5 !important;
}

#back-to-top i {
  font-size: 32px;
}

#back-to-top:hover {
  cursor: pointer;
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

span.copyright.quick-links {
  font-size: 13px;
}

@media (max-width: 767px) {
  footer .m-footer .social-icon a i {
    padding: 10px 15px;
    color: #d1d1d1;
  }
  footer .m-footer .copyright.quick-links {
    color: #d1d1d1;
  }
  footer .m-footer .wrap-panel {
    margin-bottom: 10px;
    background-color: transparent;
    color: #ffffff;
    box-shadow: unset;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
  }
  footer .m-footer .wrap-panel .footer-wrap-toggle {
    padding: 5px 10px 5px 0;
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    margin-bottom: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  footer .m-footer .wrap-panel .footer-wrap-toggle i {
    color: #ffffff;
    font-size: 24px;
  }
  footer .m-footer .wrap-panel .wrap-question {
    color: #ffffff;
    font-family: "Poppins-Bold";
    font-size: 0.975rem;
  }
  footer .m-footer .wrap-panel .wrap-ans {
    width: 100%;
    padding: 0px 0 15px 0;
  }
  footer .m-footer .wrap-panel .wrap-ans .nav-link {
    color: #ffffff;
  }
}
@media (max-width: 991px) {
  footer .d-footer {
    display: none !important;
  }
  footer .m-footer .social-icon a i {
    padding: 10px 15px;
    color: #d1d1d1;
  }
  footer .m-footer .copyright.quick-links {
    color: #d1d1d1;
  }
  footer .m-footer .wrap-panel {
    margin-bottom: 10px;
    background-color: transparent;
    color: #ffffff;
    box-shadow: unset;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
  }
  footer .m-footer .wrap-panel .footer-wrap-toggle {
    padding: 5px 10px 5px 0;
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    margin-bottom: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  footer .m-footer .wrap-panel .footer-wrap-toggle i {
    color: #ffffff;
    font-size: 24px;
  }
  footer .m-footer .wrap-panel .wrap-question {
    color: #ffffff;
    font-family: "Poppins-Bold";
    font-size: 0.975rem;
  }
  footer .m-footer .wrap-panel .wrap-ans {
    width: 100%;
    padding: 0px 0 15px 0;
  }
  footer .m-footer .wrap-panel .wrap-ans .nav-link {
    color: #ffffff;
  }
}
/* Desktop Header */
header {
  position: fixed;
  padding: 14px 0;
  background: #ffffff;
  width: 100%;
  top: 0;
  z-index: 999;
}

#header.active {
  box-shadow: 0px 0px 36px #0000000a;
  -webkit-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}

#navbarToggle {
  padding: 0 30px;
}

.navbar-nav.left-nav .header-logo img {
  width: 120px;
}

.navbar-nav.left-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-nav.left-nav .menu-link {
  padding: 0 30px;
  cursor: pointer;
}

.navbar-nav.left-nav .nav-item a {
  color: #06aecc;
  padding-left: 26px;
  font-weight: 600;
}
.navbar-nav.left-nav .nav-item a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  border-radius: 5px;
  background: #06aecc;
  transition: width 0.4s;
}
.navbar-nav.left-nav .nav-item a:hover::after {
  width: 100%;
}

.navbar-nav.right-nav .nav-item a {
  color: #313c48;
  padding-right: 25px;
  font-weight: 500;
  font-size: 0.9rem;
}
.navbar-nav.right-nav .nav-item a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  border-radius: 5px;
  background: #313c48;
  transition: width 0.4s;
}
.navbar-nav.right-nav .nav-item a:hover::after {
  width: 100%;
}

.arabic-lang {
  display: flex;
  align-items: center;
}
.arabic-lang img {
  height: 20px;
  width: 20px;
}
.arabic-lang a.nav-link {
  font-family: "GE-SS";
}

.navbar-nav.right-nav .nav-item .nav-link i {
  color: #c4c4c4;
  padding-right: 10px;
}

/*-----------Changes 27-09-2021---------------*/
ul.navbar-nav.right-nav .nav-link {
  font-size: 17px;
  font-family: "Poppins-SemiBold";
}

ul.navbar-nav.left-nav .nav-link {
  font-size: 17px;
  font-family: "Poppins-SemiBold";
}

@media (max-width: 991px) {
  header {
    position: relative;
    padding: 10px 0;
    background-color: unset;
  }
  header .navbar {
    padding: 0;
  }
  header .navbar #navbarToggle {
    padding: 0 15px;
    display: block;
  }
  header .navbar-nav.left-nav {
    flex-direction: inherit;
    justify-content: space-between;
    background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
    border-radius: 10px;
    padding: 15px 20px;
  }
  header .navbar-nav.left-nav .nav-item {
    display: none;
  }
  header .navbar-nav.left-nav .header-logo img {
    width: 100px;
  }
  header .navbar-nav.left-nav .menu-link {
    padding: 0 5px;
    cursor: pointer;
  }
  header .navbar-nav.left-nav .menu-link svg {
    filter: brightness(1000%);
  }
  header .navbar-nav.right-nav {
    display: none;
  }
  header .m-breadcrumbs {
    padding: 0 15px;
    color: #ffffff;
  }
  header .m-breadcrumbs_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
    padding: 20px 15px 15px 20px;
    border-radius: 0 0 10px 10px;
    margin-top: -10px;
  }
  header .m-breadcrumbs_wrap i {
    font-size: 1.6rem;
  }
  header .m-breadcrumbs_wrap_title {
    font-family: "Poppins-Bold";
    font-size: 1rem;
  }
  header .m-breadcrumbs_wrap_sign {
    font-family: "Poppins-Bold";
    font-size: 0.8rem;
  }
}
/* Mobile Header */
@media (max-width: 767px) {
  header {
    position: relative;
    padding: 10px 0;
    background-color: unset;
  }
  header .navbar {
    padding: 0;
  }
  header .navbar #navbarToggle {
    padding: 0 15px;
    display: block;
  }
  header .navbar-nav.left-nav {
    flex-direction: inherit;
    justify-content: space-between;
    background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
    border-radius: 10px;
    padding: 15px 20px;
  }
  header .navbar-nav.left-nav .nav-item {
    display: none;
  }
  header .navbar-nav.left-nav .header-logo img {
    width: 100px;
  }
  header .navbar-nav.left-nav .menu-link {
    padding: 0 5px;
    cursor: pointer;
  }
  header .navbar-nav.left-nav .menu-link svg {
    filter: brightness(1000%);
  }
  header .navbar-nav.right-nav {
    display: none;
  }
  header .m-breadcrumbs {
    padding: 0 15px;
    color: #ffffff;
  }
  header .m-breadcrumbs_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
    padding: 20px 15px 15px 20px;
    border-radius: 0 0 10px 10px;
    margin-top: -10px;
  }
  header .m-breadcrumbs_wrap i {
    font-size: 1.6rem;
  }
  header .m-breadcrumbs_wrap_title {
    font-family: "Poppins-Bold";
    font-size: 1rem;
  }
  header .m-breadcrumbs_wrap_sign {
    font-family: "Poppins-Bold";
    font-size: 0.8rem;
  }
}
@media (max-width: 360px) {
  header .m-breadcrumbs_wrap_title {
    font-size: 0.7rem;
  }
}
/* sidebar */
.modal.left .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-box-shadow: 0px 1px 20px #00000014;
  box-shadow: 0px 1px 20px #00000014;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.fade {
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
}

.modal.left .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.left .modal-content {
  scrollbar-width: thin;
  scrollbar-color: #313c48 #EDF3F8;
}
.modal.left .modal-content::-webkit-scrollbar {
  width: 0.7rem;
}
.modal.left .modal-content::-webkit-scrollbar-track {
  background: #EDF3F8;
  border-radius: 0.2rem;
}
.modal.left .modal-content::-webkit-scrollbar-thumb {
  background: rgba(75, 85, 132, 0.4);
  border-radius: 0.2rem;
}
.modal.left .modal-content::-webkit-scrollbar-thumb:hover {
  background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
}

.modal.left .modal-body {
  padding: 20px 0;
}

.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

#siderbarModal .modal-header {
  background-color: #ffffff;
  border: 0;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#siderbarModal .modal-header i {
  background-color: #ffffff;
  font-size: 36px;
  color: #707070;
  cursor: pointer;
}

#siderbarModal .modal-header a {
  position: absolute;
  left: 10%;
}

#siderbarModal .modal-header img {
  width: 110px;
  margin: auto;
}

#siderbarModal .modal-content {
  border-radius: 0;
  border: none;
}

#siderbarModal .modal-body .sidebar-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  padding: 0 30px;
}

#siderbarModal .modal-body .sidebar-account img {
  width: 60px;
}

#siderbarModal .modal-body .sidebar-account p {
  margin-left: 1rem;
  color: #313c48;
  font-family: "Poppins-SemiBold";
  font-weight: 600;
}

.modal.left.fade.show .modal-dialog {
  left: 0;
}

.modal-backdrop.show {
  background: #eef3f8;
  opacity: 0.93;
}

.sidebar-navigation {
  height: auto;
  background-color: #ffffff;
  margin: 30px auto;
}

.sidebar-navigation ul {
  margin: 0;
  padding: 0;
}

.sidebar-navigation ul li {
  display: block;
}

.sidebar-navigation ul li a {
  position: relative;
  display: block;
  font-family: "Poppins-Medium";
  font-size: 0.9rem;
  padding: 0.9rem 2rem;
  cursor: pointer;
  text-decoration: none;
  color: #313c48;
  border-top: 1px solid #eee;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sidebar-navigation ul li a span {
  font-family: inherit;
}

.sidebar-navigation ul li a i {
  width: 20px;
  height: 25px;
  display: inline-block;
  margin: 0 20px 0 0;
  background-size: 100%;
  vertical-align: middle;
}

i.get-quote {
  background-position: 0 -0.8%;
}

i.manage-policy {
  background-position: 0 9.9%;
}

i.submit-clamin {
  background-position: 0 21.5%;
}

i.we-offer {
  background-position: 0 32.5%;
}

i.who-we {
  background-position: 0 43.9%;
}

i.more-info {
  background-position: 0 55.5%;
}

i.notifiations {
  background-position: 0 66.5%;
}

i.faq {
  background-position: 0 78%;
}

i.join {
  background-position: 0 90%;
}

i.sign-out {
  background-position: 0 100.7%;
}

.sidebar-navigation ul li a em {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 5px;
  border-radius: 50%;
  color: #8d8d8d;
}

.sidebar-navigation ul li:hover > a,
.sidebar-navigation ul li.selected > a {
  background-color: #ecf0f1;
  color: #495d62;
  border-color: rgba(255, 255, 255, 0.1);
}

.sidebar-navigation ul li ul {
  display: none;
}

.sidebar-navigation ul li ul.open {
  display: block;
}

.sidebar-navigation ul li ul li a {
  color: #495d62;
  border-color: rgba(255, 255, 255, 0.1);
}

.sidebar-navigation ul li ul li:hover > a,
.sidebar-navigation ul li ul li.selected > a {
  background-color: #e6ebed;
}

.sidebar-navigation ul li ul li:hover > a:before,
.sidebar-navigation ul li ul li.selected > a:before {
  margin-right: 10px;
}

.sidebar-navigation ul li ul li.selected.selected--last > a {
  background-color: #94aab0;
  color: #ffffff;
}

.sidebar-navigation ul li ul li.selected.selected--last > a:before {
  background-color: #ffffff;
}

.user-card-info p {
  margin-bottom: 5px;
}
.user-card-info a.btn-main {
  font-size: 12px;
  padding: 5px 15px;
  font-family: "Poppins-Medium";
  margin: 5px;
}

@media (max-width: 767px) {
  #siderbarModal .modal-dialog {
    width: 100%;
  }
  #siderbarModal .modal-dialog .modal-header a::before {
    content: "\eef0";
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-size: 2.5rem;
    color: #898989;
  }
  #siderbarModal .modal-dialog .modal-header a svg {
    display: none;
  }
}
.wazen-tab {
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #e8e8e8;
  margin: 0 auto;
  border-radius: 28px;
}
.wazen-tab .nav-link.active {
  color: #fbfbfb;
  background-color: #06aecc;
  border: 0;
  border-radius: 28px;
}
.wazen-tab .nav-link {
  border: 0;
}
.wazen-tab .nav-link:focus {
  border: 0;
}
.wazen-tab .nav-link:hover {
  border: 0;
}

ul.nav.wazen-tab li a {
  font-family: "Poppins-Bold";
  color: #8b8f93;
  font-size: 0.8rem;
  padding: 10px 30px;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
}

.account-wrap {
  padding-top: 20px;
}
.account-wrap p {
  font-family: "Poppins-Bold";
  color: #313c48;
  text-align: center;
}
.account-wrap .account-action-item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.account-wrap .account-action-item ul li {
  list-style-type: none;
  background-color: #ffffff;
  border-radius: 8px;
  margin-top: 12px;
}
.account-wrap .account-action-item ul li i {
  font-size: 20px;
  margin-right: 24px;
  vertical-align: middle;
  width: 20px;
  display: inline-block;
  color: #bfbebe;
}
.account-wrap .account-action-item ul li i:nth-child(1) {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 20px 0 0;
  background-size: 100%;
  vertical-align: middle;
}
.account-wrap .account-action-item ul li i.edit-profile {
  background-position: 0 -1%;
}
.account-wrap .account-action-item ul li i.password-change {
  background-position: 0 25%;
}
.account-wrap .account-action-item ul li i.language-per {
  background-position: 0 50%;
}
.account-wrap .account-action-item ul li i.newsletter-sub {
  background-position: 0 76%;
}
.account-wrap .account-action-item ul li .delete-acc {
  background-position: 0 102%;
}
.account-wrap .account-action-item ul li a {
  font-family: "Poppins-Medium";
  font-size: 14px;
  white-space: nowrap;
  display: block;
  color: #313c48;
  position: relative;
  padding: 15px 20px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.account-wrap .account-action-item ul li i.bx-chevron-right {
  margin-right: 0;
  color: #bfbebe;
  margin-left: auto;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.account-wrap form .open-eye {
  position: absolute;
  top: 0;
  right: 0;
  top: 7px;
  right: 10px;
  cursor: pointer;
}
.account-wrap form .form-row .form-group:nth-child(2) {
  padding-left: 14px;
}
.account-wrap form .form-row .form-group select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  font-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../img/down.png");
  background-repeat: no-repeat;
  background-position-x: 85%;
  background-position-y: 17px;
  background-size: 16%;
}
.account-wrap .language-preference,
.account-wrap .newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-wrap .language-preference .radio-custom,
.account-wrap .newsletter .radio-custom {
  opacity: 0;
  position: absolute;
}
.account-wrap .language-preference .radio-custom,
.account-wrap .language-preference .radio-custom-label,
.account-wrap .newsletter .radio-custom,
.account-wrap .newsletter .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins-Medium";
  margin: 5px;
  cursor: pointer;
  color: #8b8f93;
  font-size: 14px;
}
.account-wrap .language-preference .radio-custom-label,
.account-wrap .newsletter .radio-custom-label {
  position: relative;
}
.account-wrap .language-preference .radio-custom + .radio-custom-label:before,
.account-wrap .newsletter .radio-custom + .radio-custom-label:before {
  content: "";
  background: #b5b5b5;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
}
.account-wrap .language-preference .radio-custom:checked + .radio-custom-label:before,
.account-wrap .newsletter .radio-custom:checked + .radio-custom-label:before {
  content: "\eca4";
  font-family: "boxicons";
  background: #06aecc;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.account-wrap .delete-dialog {
  color: #7B7B7B;
  font-family: "Poppins-Medium";
  font-size: 14px;
}

#account-popup,
#forgot-password-popup,
#verification-code-popup,
#create-password-popup,
#email-verification-popup {
  background-color: #eef4f8;
  z-index: 9999999;
}
#account-popup .modal-dialog .modal-content,
#forgot-password-popup .modal-dialog .modal-content,
#verification-code-popup .modal-dialog .modal-content,
#create-password-popup .modal-dialog .modal-content,
#email-verification-popup .modal-dialog .modal-content{
  border: 0 !important;
  background-color: #f5f8fb !important;
}

#account-popup .profile-container ul.nav li a,
#forgot-password-popup .profile-container ul.nav li a,
#verification-code-popup .profile-container ul.nav li a,
#email-verification-popup .profile-container ul.nav li a,
#create-password-popup .profile-container ul.nav li a {
  padding: 10px 30px;
}
#account-popup .modal-dialog .modal-content .modal-body,
#forgot-password-popup .modal-dialog .modal-content .modal-body,
#verification-code-popup .modal-dialog .modal-content .modal-body,
#email-verification-popup .modal-dialog .modal-content .modal-body,
#create-password-popup .modal-dialog .modal-content .modal-body {
  padding: 50px 0 0px 0;
}
#account-popup .modal-dialog .modal-content .modal-body .btn-close,
#forgot-password-popup .modal-dialog .modal-content .modal-body .btn-close,
#verification-code-popup .modal-dialog .modal-content .modal-body .btn-close,
#email-verification-popup .modal-dialog .modal-content .modal-body .btn-close,
#create-password-popup .modal-dialog .modal-content .modal-body .btn-close {
  position: absolute;
  top: 5px;
  right: 20px;
  background: none;
}
#account-popup .modal-dialog .modal-content .modal-body .btn-close::after,
#forgot-password-popup .modal-dialog .modal-content .modal-body .btn-close::after,
#verification-code-popup .modal-dialog .modal-content .modal-body .btn-close::after,
#email-verification-popup .modal-dialog .modal-content .modal-body .btn-close::after,
#create-password-popup .modal-dialog .modal-content .modal-body .btn-close::after {
  content: "\eef0";
  font-family: boxicons !important;
  color: #ffffff;
  background: grey;
  border-radius: 50%;
  font-size: 1.5rem;
}
#account-popup #login-contanier form .form-control,
#email-verification-popup #login-contanier form .form-control,
#email-verification-popup #signup-contanier form .form-control,
#account-popup #signup-contanier form .form-control,
#forgot-password-popup #login-contanier form .form-control,
#forgot-password-popup #signup-contanier form .form-control,
#verification-code-popup #login-contanier form .form-control,
#verification-code-popup #signup-contanier form .form-control,
#create-password-popup #login-contanier form .form-control,
#create-password-popup #signup-contanier form .form-control {
  padding: 0.75rem 0.75rem;
  border-radius: 8px;
}
#account-popup #login-contanier form svg#loginPassword-icon,
#email-verification-popup #login-contanier form svg#loginPassword-icon,
#account-popup #signup-contanier form svg#loginPassword-icon,
#forgot-password-popup #login-contanier form svg#loginPassword-icon,
#forgot-password-popup #signup-contanier form svg#loginPassword-icon,
#verification-code-popup #login-contanier form svg#loginPassword-icon,
#verification-code-popup #signup-contanier form svg#loginPassword-icon,
#create-password-popup #login-contanier form svg#loginPassword-icon,
#create-password-popup #signup-contanier form svg#loginPassword-icon {
  position: absolute;
  top: 1rem;
  right: 0.9rem;
  cursor: pointer;
}
#account-popup #login-contanier form .btn-main,
#email-verification-popup #login-contanier form .btn-main,
#account-popup #signup-contanier form .btn-main,
#forgot-password-popup #login-contanier form .btn-main,
#forgot-password-popup #signup-contanier form .btn-main,
#verification-code-popup #login-contanier form .btn-main,
#verification-code-popup #signup-contanier form .btn-main,
#create-password-popup #login-contanier form .btn-main,
#create-password-popup #signup-contanier form .btn-main {
  padding: 0.6rem 2.8rem;
  font-size: 0.9rem;
}
#account-popup #login-contanier form .form-row .form-group:nth-child(2),
#email-verification-popup #login-contanier form .form-row .form-group:nth-child(2),
#account-popup #signup-contanier form .form-row .form-group:nth-child(2),
#forgot-password-popup #login-contanier form .form-row .form-group:nth-child(2),
#forgot-password-popup #signup-contanier form .form-row .form-group:nth-child(2),
#verification-code-popup #login-contanier form .form-row .form-group:nth-child(2),
#verification-code-popup #signup-contanier form .form-row .form-group:nth-child(2),
#create-password-popup #login-contanier form .form-row .form-group:nth-child(2),
#create-password-popup #signup-contanier form .form-row .form-group:nth-child(2) {
  padding-left: 14px;
}
#account-popup #login-contanier form select.form-control,
#email-verification-popup #login-contanier form select.form-control,
#account-popup #signup-contanier form select.form-control,
#forgot-password-popup #login-contanier form select.form-control,
#forgot-password-popup #signup-contanier form select.form-control,
#verification-code-popup #login-contanier form select.form-control,
#verification-code-popup #signup-contanier form select.form-control,
#create-password-popup #login-contanier form select.form-control,
#create-password-popup #signup-contanier form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  font-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 80%;
  background-position-y: 18px;
  background-size: 15%;
}
#account-popup #login-contanier form .open-eye,
#account-popup #signup-contanier form .open-eye,
#forgot-password-popup #login-contanier form .open-eye,
#forgot-password-popup #signup-contanier form .open-eye,
#verification-code-popup #login-contanier form .open-eye,
#verification-code-popup #signup-contanier form .open-eye,
#create-password-popup #login-contanier form .open-eye,
#email-verification-popup #login-contanier form .open-eye,
#create-password-popup #signup-contanier form .open-eye {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
#account-popup #login-contanier form .conformation-checkbox,
#account-popup #signup-contanier form .conformation-checkbox,
#forgot-password-popup #login-contanier form .conformation-checkbox,
#forgot-password-popup #signup-contanier form .conformation-checkbox,
#verification-code-popup #login-contanier form .conformation-checkbox,
#verification-code-popup #signup-contanier form .conformation-checkbox,
#create-password-popup #login-contanier form .conformation-checkbox,
#email-verification-popup #login-contanier form .conformation-checkbox,
#create-password-popup #signup-contanier form .conformation-checkbox {
  display: flex;
}
#account-popup #login-contanier form .conformation-checkbox .customcheck,
#account-popup #signup-contanier form .conformation-checkbox .customcheck,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.7rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#account-popup #login-contanier form .conformation-checkbox .customcheck input,
#account-popup #signup-contanier form .conformation-checkbox .customcheck input,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck input,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck input,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck input,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck input,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck input,
#email-verification-popup #signup-contanier form .conformation-checkbox .customcheck input,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck input,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#account-popup #login-contanier form .conformation-checkbox .checkmark,
#account-popup #signup-contanier form .conformation-checkbox .checkmark,
#forgot-password-popup #login-contanier form .conformation-checkbox .checkmark,
#forgot-password-popup #signup-contanier form .conformation-checkbox .checkmark,
#verification-code-popup #login-contanier form .conformation-checkbox .checkmark,
#verification-code-popup #signup-contanier form .conformation-checkbox .checkmark,
#email-verification-popup #login-contanier form .conformation-checkbox .checkmark,
#email-verification-popup #signup-contanier form .conformation-checkbox .checkmark,
#create-password-popup #login-contanier form .conformation-checkbox .checkmark,
#create-password-popup #signup-contanier form .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
#account-popup #login-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#account-popup #signup-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#email-verification-popup #signup-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
#account-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#account-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#email-verification-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
#account-popup #login-contanier form .conformation-checkbox .checkmark:after,
#account-popup #signup-contanier form .conformation-checkbox .checkmark:after,
#forgot-password-popup #login-contanier form .conformation-checkbox .checkmark:after,
#forgot-password-popup #signup-contanier form .conformation-checkbox .checkmark:after,
#verification-code-popup #login-contanier form .conformation-checkbox .checkmark:after,
#verification-code-popup #signup-contanier form .conformation-checkbox .checkmark:after,
#email-verification-popup #login-contanier form .conformation-checkbox .checkmark:after,
#email-verification-popup #signup-contanier form .conformation-checkbox .checkmark:after,
#create-password-popup #login-contanier form .conformation-checkbox .checkmark:after,
#create-password-popup #signup-contanier form .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#account-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#account-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#email-verification-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
#account-popup #login-contanier form .conformation-checkbox .customcheck .checkmark:after,
#account-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark:after,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck .checkmark:after,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark:after,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck .checkmark:after,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark:after,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck .checkmark:after,
#email-verification-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark:after,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck .checkmark:after,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark:after {
  left: 5.5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#account-popup #login-contanier .text-2,
#account-popup #signup-contanier .text-2,
#forgot-password-popup #login-contanier .text-2,
#forgot-password-popup #signup-contanier .text-2,
#verification-code-popup #login-contanier .text-2,
#verification-code-popup #signup-contanier .text-2,
#email-verification-popup #login-contanier .text-2,
#email-verification-popup #signup-contanier .text-2,
#create-password-popup #login-contanier .text-2,
#create-password-popup #signup-contanier .text-2 {
  color: #848484;
  font-size: 0.8rem;
}
#account-popup #login-contanier .social-icons,
#account-popup #signup-contanier .social-icons,
#forgot-password-popup #login-contanier .social-icons,
#forgot-password-popup #signup-contanier .social-icons,
#verification-code-popup #login-contanier .social-icons,
#verification-code-popup #signup-contanier .social-icons,
#email-verification-popup #login-contanier .social-icons,
#email-verification-popup #signup-contanier .social-icons,
#create-password-popup #login-contanier .social-icons,
#create-password-popup #signup-contanier .social-icons {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
#account-popup #login-contanier .social-icons li,
#account-popup #signup-contanier .social-icons li,
#forgot-password-popup #login-contanier .social-icons li,
#forgot-password-popup #signup-contanier .social-icons li,
#verification-code-popup #login-contanier .social-icons li,
#verification-code-popup #signup-contanier .social-icons li,
#email-verification-popup #login-contanier .social-icons li,
#email-verification-popup #signup-contanier .social-icons li,
#create-password-popup #login-contanier .social-icons li,
#create-password-popup #signup-contanier .social-icons li {
  padding: 0 12px;
}
#account-popup #login-contanier .join-now-label,
#account-popup #signup-contanier .join-now-label,
#forgot-password-popup #login-contanier .join-now-label,
#forgot-password-popup #signup-contanier .join-now-label,
#verification-code-popup #login-contanier .join-now-label,
#verification-code-popup #signup-contanier .join-now-label,
#email-verification-popup #login-contanier .join-now-label,
#email-verification-popup #signup-contanier .join-now-label,
#create-password-popup #login-contanier .join-now-label,
#email-verification-popup #login-contanier .join-now-label,
#create-password-popup #signup-contanier .join-now-label {
  color: #4d4d4d;
}
#account-popup #login-contanier .join-now-label a,
#account-popup #signup-contanier .join-now-label a,
#forgot-password-popup #login-contanier .join-now-label a,
#forgot-password-popup #signup-contanier .join-now-label a,
#verification-code-popup #login-contanier .join-now-label a,
#verification-code-popup #signup-contanier .join-now-label a,
#email-verification-popup #signup-contanier .join-now-label a,
#email-verification-popup #login-contanier .join-now-label a,
#create-password-popup #login-contanier .join-now-label a,
#create-password-popup #signup-contanier .join-now-label a {
  color: #06aecc;
  font-weight: 600;
}

.password-change .form-control {
  font-family: "Poppins-Medium";
}

@media (max-width: 991px) {
  #account-popup .profile-container .nav {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  #account-popup .profile-container .nav {
    width: fit-content;
    margin-bottom: 15px;
  }

  #account-popup #login-contanier form .conformation-checkbox .customcheck .checkmark::after,
#account-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark::after,
#forgot-password-popup #login-contanier form .conformation-checkbox .customcheck .checkmark::after,
#forgot-password-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark::after,
#verification-code-popup #login-contanier form .conformation-checkbox .customcheck .checkmark::after,
#verification-code-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark::after,
#email-verification-popup #login-contanier form .conformation-checkbox .customcheck .checkmark::after,
#email-verification-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark::after,
#create-password-popup #login-contanier form .conformation-checkbox .customcheck .checkmark::after,
#create-password-popup #signup-contanier form .conformation-checkbox .customcheck .checkmark::after {
    top: 2px;
  }
}
.user-profile {
  padding: 30px 0 0 0;
}
.user-profile img.user-ava {
  max-width: 100px;
}
.user-profile p.user-name {
  margin: 0;
  font-family: "Poppins-Bold";
  font-size: 1.3rem;
  padding: 16px 0;
  color: #34495e;
}

.profile-container .nav {
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #e8e8e8;
  margin: 0 auto;
  border-radius: 28px;
}
.profile-container .nav-tabs .nav-link.active {
  color: #fbfbfb;
  background-color: #06aecc;
  border: 0;
  border-radius: 28px;
}
.profile-container .nav-tabs .nav-link {
  border: 0;
}
.profile-container .nav-tabs .nav-link:focus {
  border: 0;
}
.profile-container .nav-tabs .nav-link:hover {
  border: 0;
}
.profile-container ul.nav li a {
  font-family: "Poppins-Bold";
  color: #8b8f93;
  font-size: 0.8rem;
  padding: 10px 20px;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
}

#profile-policies .acc-policies-list {
  border: 2px solid #d5dde8;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
#profile-policies .acc-policies-list:hover {
  border-color: #06aecc;
  background-color: #eafbff;
  transition: 0.3s ease-in all;
  cursor: pointer;
}

#profile-policies .acc-policies-list table {
  margin-bottom: 0;
}
#profile-policies .acc-policies-list table tr {
  vertical-align: initial;
}
#profile-policies .acc-policies-list table tr td {
  padding: 0;
}
#profile-policies .acc-policies-list table tr td b {
  font-family: "Poppins-Bold";
}
#profile-policies .acc-policies-list table th .policies-carname span {
  font-size: 12px;
  font-weight: 500;
}
#profile-policies .acc-policies-list table th .policies-carname p {
  font-size: 18px;
  font-weight: 600;
}
#profile-policies .acc-policies-list table .policies-carnum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
  border: 1px solid #707070;
  border-radius: 9px;
  padding: 5px 2px 2px 2px;
}
#profile-policies .acc-policies-list table .policies-carnum span {
  padding: 0 1rem;
  color: #565a5f;
  font-size: 1rem;
}
#profile-policies .acc-policies-list .policies-car {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
#profile-policies .acc-policies-list .policies-car .policies-carnum {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  border: 1px solid #707070;
  border-radius: 9px;
  padding: 5px 2px 2px 2px;
}
#profile-policies .acc-policies-list .policies-car .policies-carnum span {
  font-family: "Poppins-Bold";
  padding: 0 0.9rem;
  color: #565a5f;
  font-size: 1.3rem;
}
#profile-policies .acc-policies-list .policies-car .policies-carname span {
  font-size: 0.775rem;
  font-family: "Poppins-Regular";
  color: #313c48;
}
#profile-policies .acc-policies-list .policies-car .policies-carname p {
  font-size: 18px;
  font-family: "Poppins-Bold";
}

#profile-policies .acc-policies-list .policies-type,
#profile-policies .acc-policies-list .policies-expiry {
  justify-content: space-between;
  font-size: 12px;
  color: #313c48;
  margin-top: 5px;
}
#profile-policies .acc-policies-list .policies-type p,
#profile-policies .acc-policies-list .policies-expiry p {
  font-weight: 500;
}
#profile-policies .acc-policies-list .policies-type span,
#profile-policies .acc-policies-list .policies-expiry span {
  font-weight: 600;
}

.policies-list {
  border: 2px solid #d5dde8;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}
.policies-list .policies-status {
  position: absolute;
  top: -13px;
}
.policies-list .policies-car {
  justify-content: space-between;
}
.policies-list .policies-carname span {
  font-size: 0.775rem;
  color: #313c48;
}
.policies-list .policies-carname p {
  font-size: 18px;
  font-family: "Poppins-Bold";
}
.policies-list .policies-carnum {
  background-color: #f7f7f7;
  border: 2px solid #707070;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 2px 2px 2px;
}
.policies-list .policies-carnum span {
  font-family: "Poppins-Bold";
  font-size: 1.3rem;
  padding: 0 16px;
  color: #565a5f;
}

.singal-policies-info {
  padding: 28px 48px;
}
.singal-policies-info table tr {
  border-top: 0.7rem solid transparent;
  border-bottom: 0.7rem solid transparent;
}
.singal-policies-info table dl {
  margin-bottom: 0;
}
.singal-policies-info table dl dd {
  padding: 0.5rem 0;
}
.singal-policies-info table tr th {
  font-family: "Poppins-Medium";
  font-size: 0.9rem;
  color: #7B7B7B;
  font-weight: unset;
}
.singal-policies-info table tr th dt {
  font-family: "Poppins-Bold";
}
.singal-policies-info table tr th dl dd {
  font-family: "Poppins-Medium";
  margin-left: 10px;
  margin-bottom: 0;
}
.singal-policies-info table tr td {
  color: #313c48;
  font-family: "Poppins-SemiBold";
  font-size: 0.9rem;
  padding-left: 3rem;
}

.policies-price {
  font-family: "Poppins-SemiBold";
}
.policies-price::before {
  content: "SAR";
  color: #a3a3a3;
  font-family: "Poppins-SemiBold";
}

.policies-info-total {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: baseline;
}
.policies-info-total p {
  margin-bottom: 0;
  font-family: "Poppins-Medium";
  font-size: 1.1rem;
  color: #7B7B7B;
}
.policies-info-total .policies-price {
  font-family: "Poppins-Bold";
  font-size: 1.8rem;
  margin-left: 10px;
}

.policies-action {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
.policies-action .btn-main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px 8px 20px;
}
.policies-action .btn-main i {
  font-size: 1.5rem;
}

#policies-actions .modal-dialog .modal-content {
  border: 0 !important;
  background-color: #f5f8fb !important;
}
#policies-actions .modal-dialog .modal-content .btn-close {
  position: absolute;
  top: 5px;
  right: 25px;
  background: none;
}
#policies-actions .modal-dialog .modal-content .btn-close::after {
  content: "\eef0";
  font-family: boxicons !important;
  color: #ffffff;
  background: grey;
  border-radius: 50%;
  font-size: 1.5rem;
}
#policies-actions .modal-dialog .modal-content .claim-selection {
  padding: 180px 120px;
}

#policies-actions {
  top: 8%;
}

#profile-transactions .date-range i {
  color: #b2b2b2;
  position: absolute;
  top: 6px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.6;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-item {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  background-color: #EDF3F8;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 16px 0;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-item p {
  color: #818181;
  font-size: 0.875rem;
  font-family: "Poppins-Medium";
}
#profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-link a {
  font-size: 0.67rem;
  color: #06aecc;
  text-decoration: underline;
  font-family: "Poppins-Medium";
}
#profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-view h6 {
  color: #313c48;
  font-size: 1rem;
  font-family: "Poppins-Bold";
}
#profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-view p {
  font-size: 0.775rem;
  color: #818181;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-item .badge-pending,
#profile-transactions .transaction-wrap .transaction-list .transaction-item .badge-complete,
#profile-transactions .transaction-wrap .transaction-list .transaction-item .badge-reject {
  width: 6rem;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-filter .filter-item {
  display: flex;
  cursor: pointer;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-filter .filter-item P {
  font-family: "Poppins-SemiBold";
  color: #06aecc;
}
#profile-transactions .transaction-wrap .transaction-list .transaction-filter .filter-item P::after {
  display: inline-block;
  content: " ";
  background-image: url("../img/filter-down.svg");
  background-size: 14px 20px;
  background-repeat: no-repeat;
  height: 15px;
  width: 18px;
  margin-left: 0.5rem;
}

#claim-tracking .transaction-wrap {
  border-radius: 8px;
}
#claim-tracking .transaction-wrap .transaction-list .transaction-item {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
  background-color: #EDF3F8;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 20px 0;
}
#claim-tracking .transaction-wrap .transaction-list .transaction-item p {
  color: #818181;
  font-size: 14px;
  font-family: "Poppins-Medium";
}
#claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-pending,
#claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-complete,
#claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-reject {
  width: 6rem;
}

@media (max-width: 991px) {
  .profile-container .nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .profile-container .nav li a {
    white-space: nowrap;
  }
  .profile-container #myTabContent {
    background-color: #EDF3F8;
    border-radius: 0;
  }
  .profile-container #profile-transactions .transaction-wrap {
    padding: 15px 5px;
  }
  .profile-container #profile-transactions .transaction-wrap .transaction-list .transaction-item p {
    font-size: 0.775rem;
    font-family: "Poppins-Regular";
  }
  .profile-container #profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-view {
    text-align: start !important;
  }
  .profile-container #profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-view h6 {
    color: #3269c4;
    font-size: 0.75rem;
  }
  .profile-container #profile-transactions .transaction-wrap .filter-item p {
    margin-bottom: 0;
    font-size: 0.85rem;
  }
  .profile-container #profile-account .account-wrap {
    padding-top: 0;
  }
  .profile-container #claim-tracking .transaction-wrap {
    padding: 15px 8px;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item {
    position: relative;
    display: block;
    padding: 20px 20px;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item p {
    color: #afafaf;
    font-family: "Poppins-Regular";
    font-size: 0.75rem;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .transaction-view {
    text-align: start !important;
    margin-top: 8px;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .transaction-view p {
    color: #707070;
    font-family: "Poppins-Regular";
    font-size: 0.75rem;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-pending,
.profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-complete,
.profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-reject {
    position: absolute;
    right: 15px;
    top: 40px;
  }

  .m-account-wrap .user-profile {
    display: none;
  }
  .m-account-wrap .profile-container ul {
    display: none;
  }
  .m-account-wrap .profile-container #profile-account {
    background-color: #f2f7f9;
    border-radius: 8px;
  }
  .m-account-wrap .profile-container #profile-account .account-wrap p {
    text-align: start;
  }
}
@media (max-width: 767px) {
  .profile-container .nav {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .profile-container .nav li a {
    white-space: nowrap;
  }
  .profile-container #myTabContent {
    background-color: #EDF3F8;
    border-radius: 0;
    min-height: 80vh;
    display: flex;
    flex-grow: 1;
  }
  .profile-container #profile-transactions .transaction-wrap {
    padding: 15px 5px;
  }
  .profile-container #profile-transactions .transaction-wrap .transaction-list .transaction-item p {
    font-size: 0.775rem;
    font-family: "Poppins-Regular";
  }
  .profile-container #profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-view {
    text-align: start !important;
  }
  .profile-container #profile-transactions .transaction-wrap .transaction-list .transaction-item .transaction-view h6 {
    color: #3269c4;
    font-size: 0.75rem;
  }
  .profile-container #profile-transactions .transaction-wrap .filter-item p {
    margin-bottom: 0;
    font-size: 0.85rem;
  }
  .profile-container #profile-account .account-wrap {
    padding-top: 0;
  }
  .profile-container #claim-tracking .transaction-wrap {
    padding: 15px 8px;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item {
    position: relative;
    display: block;
    padding: 20px 20px;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item p {
    color: #afafaf;
    font-family: "Poppins-Regular";
    font-size: 0.75rem;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .transaction-view {
    text-align: start !important;
    margin-top: 8px;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .transaction-view p {
    color: #707070;
    font-family: "Poppins-Regular";
    font-size: 0.75rem;
  }
  .profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-pending,
.profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-complete,
.profile-container #claim-tracking .transaction-wrap .transaction-list .transaction-item .badge-reject {
    position: absolute;
    right: 15px;
    top: 40px;
  }

  .policies-details-wrap .card {
    background-color: #ffffff;
  }
  .policies-details-wrap .card .policies-list {
    border: 0;
    padding: 15px 0;
    margin-bottom: 0;
  }
  .policies-details-wrap .card .policies-list .policies-status {
    top: -20px;
    left: 0;
  }
  .policies-details-wrap .card .info-bg {
    background-color: transparent;
    margin: 0px;
  }
  .policies-details-wrap .card .info-bg .singal-policies-info {
    padding: 0px 20px;
  }
  .policies-details-wrap .card .info-bg .singal-policies-info_1 {
    padding-bottom: 25px;
    border-bottom: 1px solid #a7a7a7;
  }
  .policies-details-wrap .card .info-bg .singal-policies-info_2 {
    padding-top: 25px;
  }
  .policies-details-wrap .card .info-bg .singal-policies-info table {
    width: 100%;
  }
  .policies-details-wrap .card .info-bg .singal-policies-info table tr td {
    padding-left: 2rem;
  }
  .policies-details-wrap .card .policies-info-total {
    justify-content: space-between;
    padding: 18px 20px;
    background-color: #f3f2f2;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(#f3f2f2, #ffffff);
    border-radius: 0 0 8px 8px;
  }
  .policies-details-wrap .card .policies-info-total p {
    font-family: "Poppins-Bold";
    font-size: 0.875rem;
  }
  .policies-details-wrap .card .policies-info-total .policies-price {
    font-size: 1rem;
  }
  .policies-details-wrap .policies-action button {
    width: 100%;
  }

  .m-account-wrap .user-profile {
    display: none;
  }
  .m-account-wrap .profile-container ul {
    display: none;
  }
  .m-account-wrap .profile-container #profile-account {
    background-color: #f2f7f9;
    border-radius: 8px;
    width: 100%;
    margin: auto;
  }
  .m-account-wrap .profile-container #profile-account .account-wrap p {
    text-align: start;
  }

  #policies-actions {
    top: 30%;
  }
  #policies-actions .modal-dialog .modal-content {
    background-color: transparent !important;
  }
  #policies-actions .modal-dialog .modal-content .claim-selection {
    padding: 0;
  }
  #policies-actions .modal-dialog .modal-content .claim-selection .list-con {
    padding: 10px 25px;
    margin-bottom: 15px;
  }
  #policies-actions .modal-dialog .modal-content .claim-selection .list-con i {
    font-size: 30px !important;
  }
  #policies-actions .modal-dialog .modal-content .claim-selection .list-con span {
    font-size: 1rem;
  }
  #policies-actions .modal-dialog .modal-content .claim-selection .list-con img {
    width: 1.2rem;
  }
  #policies-actions .modal-dialog .modal-content .claim-selection .list-dropdown {
    position: relative;
    width: 100%;
  }
  #policies-actions .modal-dialog .modal-content .btn-close {
    display: none;
  }
}
/* hero */
section.hero {
  margin-top: 80px;
  position: relative;
}

.hero-form {
  background-color: #EDF3F8;
  padding: 28px 40px 30px 40px;
  z-index: 9;
  border-radius: 10px;
}
.hero-form .form-title {
  color: #313c48;
  font-weight: bold;
  font-size: 28px;
  margin: 0 0 30px 0;
}

.hero-form form {
  background-color: #f4f8fb;
  text-align: center;
  padding: 35px 60px;
  border-radius: 10px;
}
.hero-form form .datepickerIcon {
  position: absolute;
  right: 12px;
  top: 9px;
  width: 22px;
}
.hero-form form #datepickerInput {
  background-image: url(../img/cal.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 9px;
  background-size: 5%;
  cursor: pointer;
}

#datepickerRange {
  background-image: url(../img/cal.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
  background-size: 1.2rem;
  padding: 0.8rem 0.75rem;
  cursor: pointer;
  color: #8b8f93;
  font-family: "Poppins-Medium";
  font-size: 0.75rem;
}

.hero-form form i {
  color: #b2b2b2;
  position: absolute;
  top: 6px;
  right: 12px;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.6;
}

.hero-form .claim-selection p {
  font-family: "Poppins-Bold";
  text-align: center;
  padding-top: 24px;
}

.hero-form form .form-control {
  border: 0;
  border-radius: 10px;
  color: #788491;
  padding-bottom: 9px;
}

.hero-form form .form-control::-webkit-input-placeholder,
.hero-form form .form-control::placeholder {
  color: #788491;
  font-size: 0.775rem;
  font-family: "Poppins-Light";
}

.claim-selection .list-wrap {
  padding: 0 4px;
}

.claim-selection .list-con {
  background-color: #06aecc;
  width: 100%;
  padding: 8px 15px;
  color: #ffffff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.claim-selection .list-con img {
  width: 14px;
}
.claim-selection .list-con i {
  font-size: 20px !important;
}
.claim-selection .list-con i:nth-child(1) {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.claim-selection .list-con i.manage-icon {
  background-position: 0 55.5%;
}
.claim-selection .list-con i.claim-icon {
  background-position: 50% 0;
}
.claim-selection .list-con i.order-icon {
  background-position: 100% 0;
}

.claim-selection .list-con span {
  font-size: 12px;
  font-family: "Poppins-Bold";
}

.claim-selection .list-dropdown {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #06aecc;
  border-radius: 6px;
  padding: 15px 0 15px 30px;
  width: 270px;
  margin-top: 6px;
}

.claim-selection .list-dropdown ul {
  padding-left: 0;
  margin-bottom: 0;
}

.claim-selection .list-dropdown ul li {
  border-bottom: 1px solid #eee;
}

.claim-selection .list-dropdown ul li:last-child {
  border: 0;
}

.claim-selection .list-dropdown ul li a {
  position: relative;
  display: block;
  font-size: 14px;
  padding: 5px 10px 5px 0;
  text-decoration: none;
  color: #313c48;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.claim-selection .list-dropdown ul li a span {
  font-family: "Poppins-SemiBold";
}

.claim-selection .list-dropdown ul li a:hover,
.claim-selection .list-dropdown ul li a:active {
  color: #06aecc;
}

.claim-selection .list-dropdown ul li a i {
  font-size: 22px;
}

.claim-selection .list-dropdown ul li a::after {
  content: "\ecb3";
  font-size: 24px;
  font-family: boxicons !important;
}

.bannerslider h3 {
  font-family: "Poppins-Bold";
  font-size: 30px;
}
.bannerslider p {
  color: #788491;
  font-size: 1rem;
}
.bannerslider .item-banner-row {
  padding-top: 80px;
}
.bannerslider .item-banner-row .banner-slider-text {
  display: flex;
  align-items: end;
}
.bannerslider .slider1 {
  background-image: url(../img/hero-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.bannerslider .owl-dots {
  text-align: end;
  margin-top: 50px !important;
}

/* claim */
.claim-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  margin-right: -10px;
}

.claim-content {
  -webkit-box-shadow: 0px 0px 36px #0000000a;
  box-shadow: 0px 0px 36px #0000000a;
  padding: 60px;
}

.claim-content h5 {
  font-size: 28px;
  font-family: "Poppins-Bold";
  color: #313c48;
  margin-bottom: 28px;
}

.claim-content p {
  font-family: "Poppins-Light";
  font-size: 14px;
}

.claim-content p a {
  font-weight: bold;
}

/* step */
section.steps {
  background-color: #f5f9fe;
}

.step-box {
  text-align: center;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 36px #0000000a;
  box-shadow: 0px 0px 36px #0000000a;
  padding: 50px 20px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.step-box img {
  margin-bottom: 30px;
}

.step-box p {
  color: #313c48;
  font-family: "Poppins-Medium";
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  section.steps .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 21%;
  }
}
/* Partners */
.partners-owl.owl-carousel .owl-item img {
  max-width: 150px;
}

.partners-owl .owl-carousel.owl-drag .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.owl-prev,
.owl-next {
  width: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block !important;
  border: 0px solid black;
}

.owl-prev {
  left: -20px;
}

.owl-next {
  right: -20px;
}

.owl-prev i,
.owl-next i {
  color: #ffffff;
  background-color: #e2e2e2;
  border-radius: 50%;
  font-size: 24px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: unset;
  color: unset;
  text-decoration: none;
}

@media (max-width: 767px) {
  .partners-owl .owl-nav {
    display: none;
  }
}
/*----27-09-2021----*/
section.steps .col-lg-3 {
  width: 25%;
}

.partners-owl.owl-carousel .owl-item img {
  max-width: 150px;
  margin: auto;
}

.owl-prev i:hover,
.owl-next i:hover {
  background: transparent linear-gradient(130deg, #06aecc 0%, #3269c4 100%) 0% 0%;
  color: #ffffff;
  transition: 0.9s;
}

.wrap-ans p {
  font-size: 0.9rem;
}

span.copyright.quick-links {
  font-size: 13px;
}

/* big landscape tablets, laptops, and desktops */
@media (max-width: 1100px) {
  .bannerslider h3 {
    font-size: 18px;
  }
  .bannerslider p {
    font-size: 0.75rem;
  }
}
@media (max-width: 991px) {
  section.hero {
    margin-top: 0;
    padding: 15px;
    background: transparent;
  }
  section.hero .bannerslider .owl-stage-outer {
    background-color: #fff;
    border-radius: 10px;
  }
  section.hero .bannerslider .item-banner-row {
    padding-top: 0;
  }
  section.hero .bannerslider .slider1 {
    background: unset;
  }
  section.hero .bannerslider .banner-slider-text {
    padding: 0 0 0 60px;
    display: flex;
    align-items: center;
  }
  section.hero .bannerslider .banner-slider-text h3 {
    font-size: 30px;
  }
  section.hero .bannerslider .owl-dots {
    text-align: center;
    margin-top: 10px !important;
  }
  section.hero .hero-form {
    background-color: #EDF3F8;
    padding: 0;
    text-align: center;
    position: relative;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    border-radius: 10px;
  }
  section.hero .hero-form .form-title {
    font-size: 24px;
    margin: 20px 0 15px 0;
  }
  section.hero .hero-form form {
    padding: 45px 15px;
  }
  section.hero .hero-form form .form-control {
    padding: 1rem 0.75rem;
  }
  section.hero .hero-form form #datepickerInput {
    background-size: inherit;
  }
  section.hero .hero-form .claim-selection {
    margin: 10px 15px;
  }
  section.hero .hero-form .claim-selection p {
    font-size: 18px;
  }
  section.hero .hero-form .claim-selection .list-con {
    padding: 15px 20px;
    margin-bottom: 10px;
  }
  section.hero .hero-form .claim-selection .list-con img {
    width: 22px;
  }
  section.hero .hero-form .claim-selection .list-con span {
    font-size: 16px;
  }
  section.hero .hero-form .claim-selection .list-con i {
    font-size: 28px;
  }
  section.hero .hero-form .claim-selection .list-dropdown {
    position: relative;
    padding: 15px 0 15px 30px;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 0;
  }
  section.hero .hero-form .claim-selection .list-dropdown ul li a {
    font-size: 16px;
  }

  section.steps {
    background-color: transparent;
  }

  section.claim {
    background: #ffffff;
    margin: 0 15px;
    border-radius: 10px;
  }
  section.claim .claim-content {
    box-shadow: unset;
    padding: 0 30px;
  }
  section.claim .claim-content h5 {
    font-size: 1.5rem;
    text-align: center;
  }

  section.partners {
    background-color: transparent;
  }

  section.faq {
    background: #ffffff;
    margin: 0 15px;
    border-radius: 10px;
    margin-bottom: 40px;
  }
  section.faq h4 {
    margin-bottom: 10px;
    text-align: left;
    padding: 0 30px;
  }
  section.faq .container {
    padding: 0;
  }
  section.faq .wrap-panel {
    box-shadow: unset;
    margin-bottom: 0;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 0;
  }
  section.faq .wrap-panel:last-child {
    border: 0;
  }
  section.faq .wrap-panel .wrap-question {
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
  }
  section.faq .wrap-panel .wrap-ans p {
    font-family: "Poppins-Medium";
    color: #75797e;
  }
}
/* Mobile Header */
@media (max-width: 767px) {
  section.hero {
    margin-top: 0;
    padding: 15px;
    background: transparent;
  }
  section.hero .bannerslider .owl-stage-outer {
    background-color: #fff;
    border-radius: 10px;
  }
  section.hero .bannerslider .item-banner-row {
    padding-top: 0;
    flex-wrap: nowrap;
  }
  section.hero .bannerslider .slider1 {
    background: unset;
  }
  section.hero .bannerslider .banner-slider-text {
    position: absolute;
    left: 15px;
    top: 50px;
    padding: 10px;
  }
  section.hero .bannerslider .banner-slider-text h3 {
    font-size: 20px;
  }
  section.hero .bannerslider .owl-dots {
    text-align: center;
    margin-top: 10px !important;
  }
  section.hero .hero-form {
    background-color: #EDF3F8;
    padding: 0;
    text-align: center;
    position: relative;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    border-radius: 10px;
  }
  section.hero .hero-form .form-title {
    font-size: 24px;
    margin: 20px 0 15px 0;
  }
  section.hero .hero-form form {
    padding: 45px 15px;
  }
  section.hero .hero-form form .form-control {
    padding: 1rem 0.75rem;
  }
  section.hero .hero-form form #datepickerInput {
    background-size: inherit;
  }
  section.hero .hero-form .claim-selection {
    margin: 10px 15px;
  }
  section.hero .hero-form .claim-selection p {
    font-size: 18px;
  }
  section.hero .hero-form .claim-selection .list-con {
    padding: 15px 20px;
    margin-bottom: 10px;
  }
  section.hero .hero-form .claim-selection .list-con img {
    width: 22px;
  }
  section.hero .hero-form .claim-selection .list-con span {
    font-size: 16px;
  }
  section.hero .hero-form .claim-selection .list-con i {
    font-size: 28px;
  }
  section.hero .hero-form .claim-selection .list-dropdown {
    position: relative;
    padding: 15px 0 15px 30px;
    width: 100%;
    margin-top: -10px;
    border: 0;
    margin-bottom: 10px;
  }
  section.hero .hero-form .claim-selection .list-dropdown ul li a {
    font-size: 16px;
  }

  section.steps {
    background-color: transparent;
  }
  section.steps .steps-owl .m-step-wrap {
    display: flex;
    background-color: #d0efff;
    border-radius: 10px;
    padding: 24px 20px;
  }
  section.steps .steps-owl .m-step-wrap_icon {
    margin-top: 5px;
  }
  section.steps .steps-owl .m-step-wrap_des {
    padding-left: 25px;
  }
  section.steps .steps-owl .m-step-wrap_des h5 {
    font-family: "Poppins-Bold";
    font-size: 0.975rem;
    margin-bottom: 10px;
  }
  section.steps .steps-owl .m-step-wrap_des p {
    margin-bottom: 0;
    font-size: 0.875rem;
  }

  section.claim {
    background: #ffffff;
    margin: 0 15px;
    border-radius: 10px;
  }
  section.claim .claim-img img {
    display: none !important;
  }
  section.claim .claim-content {
    box-shadow: unset;
    padding: 0 30px;
  }
  section.claim .claim-content h5 {
    font-size: 1.5rem;
    text-align: center;
  }

  section.partners {
    background-color: transparent;
  }

  section.faq {
    background: #ffffff;
    margin: 0 15px;
    border-radius: 10px;
    margin-bottom: 40px;
  }
  section.faq h4 {
    margin-bottom: 10px;
    text-align: left;
    padding: 0 30px;
  }
  section.faq .container {
    padding: 0;
  }
  section.faq .wrap-panel {
    box-shadow: unset;
    margin-bottom: 0;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 0;
  }
  section.faq .wrap-panel:last-child {
    border: 0;
  }
  section.faq .wrap-panel .wrap-question {
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
  }
  section.faq .wrap-panel .wrap-ans p {
    font-family: "Poppins-Medium";
    color: #75797e;
  }
}
@media (max-width: 360px) {
  section.hero .bannerslider .banner-slider-text h3 {
    font-size: 1rem;
  }

  section.steps .steps-owl .m-step-wrap {
    padding: 20px 10px;
  }
}
.wrap-accordian {
  width: 65%;
  margin: 0 auto;
}

.wrap-panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 36px #0000000a;
  box-shadow: 0px 0px 36px #0000000a;
}

.wrap-toggle {
  text-decoration: none;
  color: #313c48;
  font-size: 13px;
  padding: 5px 30px;
  line-height: 20px;
  border: 0;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrap-toggle i {
  font-size: 24px;
}

.wrap-ans {
  display: none;
  width: 90%;
  background: none;
  padding: 0px 20px 12px 30px;
  border: 0;
  border-top: none;
  border-bottom: none;
}

.wrap-ans p {
  font-family: "Poppins-Light";
  margin: 0;
  padding-bottom: 0px;
  text-align: justify;
  letter-spacing: 0px;
  color: #313c48;
}

.wrap-panel .wrap-question {
  font-family: "Poppins-Medium";
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0px;
  color: #313c48;
  margin: 15px 0 !important;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .wrap-accordian {
    width: 100%;
    margin: 0 auto;
  }
}
.faq-wrap {
  padding: 40px 0;
}
.faq-wrap h4 {
  font-family: "Poppins-Bold";
  font-size: 1.2rem;
}
.faq-wrap .new-acc {
  width: 85%;
  margin: 0 auto;
}
.faq-wrap .new-acc .nested-accordion {
  cursor: pointer;
  margin: 1.5rem 0;
}
.faq-wrap .new-acc h3.nested-heading {
  font-family: "Poppins-SemiBold";
  font-size: 1.2rem;
}
.faq-wrap .new-acc .comment .nested-accordion h3 {
  font-size: 0.975rem;
  color: #06aecc;
  border-top: 1px solid #d5d5d5;
  padding-top: 20px;
}
.faq-wrap .new-acc .nested-accordion h3 {
  position: relative;
  font-size: 1rem;
  border-top: 1px solid #d5d5d5;
  padding-top: 20px;
}
.faq-wrap .new-acc .nested-accordion h3:before {
  content: "+";
  position: absolute;
  right: 0;
  color: #313c48;
  font-family: "Poppins-Medium";
  font-size: 1.3rem;
}
.faq-wrap .new-acc .nested-accordion h3.selected:before {
  content: "-";
}

@media (max-width: 767px) {
  .faq-wrap {
    padding: 25px 0 0 0;
    margin: 15px;
    border-radius: 10px;
  }
  .faq-wrap .new-acc .nested-accordion h3 {
    padding-right: 10px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
  }
  .faq-wrap .new-acc .comment {
    font-size: 0.875rem;
    color: #75797E;
  }
  .faq-wrap .new-acc .comment .nested-accordion h3 {
    font-size: 0.775rem;
    padding-right: 30px;
  }
}
.notifiation_wrap {
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 25px 50px;
  margin-bottom: 15px;
}
.notifiation_wrap .notifiation_text {
  padding: 0 30px;
}
.notifiation_wrap .notifiation_text .title {
  font-family: "Poppins-SemiBold";
  font-size: 0.975rem;
  color: #313c48;
  margin-bottom: 0.7rem;
}
.notifiation_wrap .notifiation_text .description {
  font-family: "Poppins-Light";
  font-size: 0.775rem;
  color: #313c48;
}
.notifiation_wrap p {
  font-family: "Poppins-Bold";
  color: #313c48;
  margin-bottom: 0;
  font-size: 1.2rem;
}
.notifiation_wrap .notifiation_days {
  display: flex;
  position: absolute;
  top: 15px;
  right: 25px;
  align-items: center;
}
.notifiation_wrap .notifiation_days i {
  color: #c3c3c3;
  font-weight: 100;
}
.notifiation_wrap .notifiation_days span {
  padding-left: 5px;
  color: #919191;
  font-size: 12px;
  font-family: "Poppins-Medium";
}
.notifiation .duration {
  padding: 0 50px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #919191;
}
.notifiation_blog-wrap {
  background-color: #ffffff;
  border-radius: 8px;
  align-items: center;
  padding: 25px 50px;
  margin-bottom: 15px;
}
.notifiation_blog-wrap p {
  color: #313c48;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1.2rem;
}
.notifiation_blog-wrap .notifiation_img {
  max-width: 100%;
}
.notifiation_blog-container {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 20px 20px 50px 20px;
  border-radius: 8px;
  margin-bottom: 4rem;
}
.notifiation_blog-container .notifiation_text {
  padding: 40px 50px;
}
.notifiation_blog-container .notifiation_text .title {
  font-family: "Poppins-SemiBold";
  font-size: 0.975rem;
  color: #313c48;
  margin-bottom: 0.7rem;
}
.notifiation_blog-container .notifiation_text .description p {
  font-size: 0.875rem;
  color: #313c48;
  font-family: "Poppins-Light";
}
.notifiation_blog-container .notifiation_text .notifiation_days {
  display: flex;
  align-items: center;
  color: #919191;
  font-size: 0.875rem;
  font-family: "Poppins-SemiBold";
  padding: 1rem 0;
}
.notifiation_blog-container .notifiation_text .notifiation_days span {
  padding-left: 5px;
}

@media (max-width: 767px) {
  .notifiation .duration {
    padding: 0 20px;
  }
  .notifiation .notifiation_wrap {
    padding: 0 15px;
  }
  .notifiation .notifiation_wrap:first-child {
    display: none;
  }
  .notifiation .notifiation_wrap .notifiation_img img,
.notifiation .notifiation_wrap .notifiation_img svg {
    max-width: 65px;
    min-height: 90px;
  }
  .notifiation .notifiation_wrap .notifiation_text {
    padding: 0 15px;
  }
  .notifiation .notifiation_wrap .notifiation_text .title {
    margin-bottom: 0.3rem;
  }
  .notifiation .notifiation_wrap .notifiation_text .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .notifiation .notifiation_wrap .notifiation_days {
    top: 10px;
    right: 15px;
  }
  .notifiation .notifiation_blog-wrap {
    display: none;
  }
  .notifiation .notifiation_blog-container {
    padding: 10px 10px 50px 10px;
  }
  .notifiation .notifiation_blog-container .notifiation_text {
    padding: 25px 0;
  }
}
.contact-wrap {
  padding: 40px 60px;
  margin-top: -100px;
  margin-bottom: 50px;
  z-index: 9;
}
.contact-wrap p.title {
  font-size: 1.6rem;
  font-family: "Poppins-Bold";
  margin-bottom: 1.8rem;
}
.contact-wrap .company-tabs .nav-tabs {
  border: 0;
}
.contact-wrap .company-tabs .nav-tabs .nav-link {
  color: #313c48;
  border-radius: 8px;
  transition: inherit;
  border: 0;
  font-family: "Poppins-SemiBold";
}
.contact-wrap .company-tabs .nav-tabs .nav-link:hover, .contact-wrap .company-tabs .nav-tabs .nav-link:focus, .contact-wrap .company-tabs .nav-tabs .nav-link:active {
  border: 0;
}
.contact-wrap .company-tabs .nav-tabs .nav-item.show .nav-link,
.contact-wrap .company-tabs .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #06aecc;
  border-color: unset;
  padding: 6px 24px;
  font-family: "Poppins-SemiBold";
}

#company-contact p.description {
  font-size: 0.875rem;
}
#company-contact form .form-group {
  padding: 10px 20px 10px 0;
}
#company-contact form .form-control {
  border: 0;
  padding: 0.7rem 0.75rem;
  border-radius: 5px;
  font-size: 0.775rem;
  border: 1px solid transparent;
}
#company-contact form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1rem;
}
#company-contact .contact-details-wrap {
  background-color: #EDF3F8;
  padding: 24px 30px;
  border-radius: 8px;
}
#company-contact .contact-details-wrap_title {
  display: flex;
  align-items: center;
}
#company-contact .contact-details-wrap_title p {
  color: #06aecc;
  margin-left: 15px;
}
#company-contact .contact-details-wrap hr {
  background-color: #dce4e5;
  margin: 0.775rem 0;
  height: 2px;
}
#company-contact .contact-details-wrap_info div {
  display: flex;
  align-items: center;
}
#company-contact .contact-details-wrap_info div span {
  padding-left: 15px;
  font-weight: 500;
  font-size: 0.875rem;
}
#company-contact .contact-details-wrap_info div:not(:last-child) {
  margin-bottom: 0.3rem;
}

.comany-about-us {
  background-image: url(../img/about-bg.png);
  height: 500px;
  width: 100%;
  background-size: cover;
  background-position: bottom center;
  margin-top: 85px;
  filter: grayscale(100%);
}

#comapany-info .testimonials-slider .owl-stage-outer,
#company-partners .testimonials-slider .owl-stage-outer {
  background-color: #EDF3F8;
  border-radius: 8px;
  padding: 50px 0;
}
#comapany-info .testimonials-slider .owl-dots,
#company-partners .testimonials-slider .owl-dots {
  margin-top: 2rem;
}
#comapany-info .testimonials-slider .testimoial-description i.icon-up,
#comapany-info .testimonials-slider .testimoial-description i.icon-down,
#company-partners .testimonials-slider .testimoial-description i.icon-up,
#company-partners .testimonials-slider .testimoial-description i.icon-down {
  background-image: url(../img/testimoial.svg);
  width: 20px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 31%;
}
#comapany-info .testimonials-slider .testimoial-description .testimoial-name,
#company-partners .testimonials-slider .testimoial-description .testimoial-name {
  width: 160%;
  border-bottom: 2px solid #cccccc;
  line-height: 0.1em;
  margin: 0 0;
}
#comapany-info .testimonials-slider .testimoial-description .testimoial-name span,
#company-partners .testimonials-slider .testimoial-description .testimoial-name span {
  background: #EDF3F8;
  padding-right: 1rem;
}
#comapany-info .client-wrap .client-icon,
#company-partners .client-wrap .client-icon {
  border: 1px solid #d8d8d8;
  padding: 1.5rem;
  text-align: center;
  border-radius: 8px;
}
#comapany-info .client-wrap .client-icon:hover,
#company-partners .client-wrap .client-icon:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
#comapany-info .client-wrap .client-icon img,
#company-partners .client-wrap .client-icon img {
  max-width: 100%;
}
#comapany-info .terms-lists-wrap ul,
#comapany-info .terms-lists-wrap ol,
#company-partners .terms-lists-wrap ul,
#company-partners .terms-lists-wrap ol {
  position: relative;
  list-style: none;
  padding: 0;
}
#comapany-info .terms-lists-wrap ul ul,
#comapany-info .terms-lists-wrap ol ol,
#company-partners .terms-lists-wrap ul ul,
#company-partners .terms-lists-wrap ol ol {
  margin: 0;
}
#comapany-info .terms-lists-wrap ul li,
#comapany-info .terms-lists-wrap ol li,
#company-partners .terms-lists-wrap ul li,
#company-partners .terms-lists-wrap ol li {
  margin: 1.5rem 0;
}
#comapany-info .terms-lists-wrap ul li:before,
#comapany-info .terms-lists-wrap ol li:before,
#company-partners .terms-lists-wrap ul li:before,
#company-partners .terms-lists-wrap ol li:before {
  position: absolute;
  left: 0;
  font-family: "Poppins-SemiBold";
  color: #333;
  padding: 0 10px;
}
#comapany-info .terms-lists-wrap ol,
#company-partners .terms-lists-wrap ol {
  counter-reset: listitem;
}
#comapany-info .terms-lists-wrap ol li:before,
#company-partners .terms-lists-wrap ol li:before {
  counter-increment: listitem;
  content: counters(listitem, ":") "";
}
#comapany-info .terms-lists-wrap ol ol li,
#company-partners .terms-lists-wrap ol ol li {
  font-family: "Poppins-Light";
  padding-left: 2.8rem;
}
#comapany-info .terms-lists-wrap .list::before,
#company-partners .terms-lists-wrap .list::before {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #06aecc;
  color: #ffffff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
#comapany-info .terms-lists-wrap .list p,
#company-partners .terms-lists-wrap .list p {
  font-family: "Poppins-SemiBold";
  padding: 5px 0 0 45px;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .comany-about-us {
    margin-top: 0;
    background-position: 70%;
    height: 320px;
    border-radius: 10px;
  }

  .contact-wrap {
    padding: 40px 30px;
  }

  #company-partners .client-wrap {
    margin: 20px 0;
  }
  #company-partners .client-wrap .client-icon {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .terms-conditions-wrap .row,
.company-about-us .row,
.contact-us-wrap .row {
    margin: 0;
  }

  .comany-about-us {
    margin-top: 0;
    background-position: 70%;
    height: 320px;
    border-radius: 10px;
  }

  .company-tabs ul {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .company-tabs ul li a {
    white-space: nowrap;
  }

  .contact-wrap {
    margin-top: -10px;
    padding: 30px 20px;
    border-radius: 0 0 10px 10px;
  }
  .contact-wrap p.title {
    font-size: 1.1rem;
  }

  #comapany-info .testimonials-slider .owl-stage-outer,
#company-partners .testimonials-slider .owl-stage-outer {
    padding: 30px 0;
  }
  #comapany-info .testimonials-slider .owl-stage-outer .m-testimonials-slider-wrap,
#company-partners .testimonials-slider .owl-stage-outer .m-testimonials-slider-wrap {
    padding: 0 5px;
  }
  #comapany-info .testimonials-slider .owl-stage-outer .m-testimonials-slider-wrap .testimoial-description h5,
#company-partners .testimonials-slider .owl-stage-outer .m-testimonials-slider-wrap .testimoial-description h5 {
    font-size: 1.1rem;
  }
  #comapany-info .testimonials-slider .owl-stage-outer .m-testimonials-slider-wrap .testimoial-name p,
#company-partners .testimonials-slider .owl-stage-outer .m-testimonials-slider-wrap .testimoial-name p {
    font-family: "Poppins-SemiBold";
    font-size: 12px;
  }

  #company-partners .client-wrap {
    margin: 20px 0;
  }
  #company-partners .client-wrap .client-icon {
    margin-bottom: 20px;
  }

  .contact-us-wrap iframe {
    height: 300px;
    border-radius: 10px;
  }
  .contact-us-wrap #company-contact form .form-group {
    padding: 10px 0 10px 0;
  }
  .contact-us-wrap #company-contact .contact-details-wrap {
    margin-bottom: 15px;
  }
}
.add-remove-stepwizard #progressbar {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
.add-remove-stepwizard #progressbar li {
  list-style-type: none;
  color: #c4c4c4;
  font-size: 0.85rem;
  text-align: center;
  width: fit-content;
  float: left;
  position: relative;
  margin: 0 1rem;
}
.add-remove-stepwizard #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
  font-size: 1rem;
  color: #ffffff;
  background: #c4c4c4;
  border-radius: 50%;
  margin: 0 auto 0.752rem auto;
}
.add-remove-stepwizard #progressbar li:first-child:after {
  content: none;
}
.add-remove-stepwizard #progressbar li.checked::before {
  content: "\eca4" !important;
  font-family: boxicons !important;
  font-size: 1.5rem;
}
.add-remove-stepwizard #progressbar li.open {
  color: #06aecc;
}
.add-remove-stepwizard #progressbar li.open:before, .add-remove-stepwizard #progressbar li.open:after {
  background: #06aecc;
  color: white;
}

.add-remove-wrap {
  padding: 8rem 0;
}
.add-remove-wrap_title p {
  color: #7B7B7B;
}
.add-remove-wrap_title h4 {
  font-family: "Poppins-Bold";
}
.add-remove-wrap_title .icon-car {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-position: 0 21.5%;
  background: url(../img/car-icon.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}
.add-remove-wrap_inner .col-1 {
  width: 4rem;
  padding: 0 0.2rem;
}
.add-remove-wrap_inner .col-1 .form-control {
  height: 3rem;
  font-size: 1.3rem;
}
.add-remove-wrap_inner .conformation-checkbox {
  display: flex;
  justify-content: center;
}
.add-remove-wrap_inner .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.add-remove-wrap_inner .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.add-remove-wrap_inner .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.add-remove-wrap_inner .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.add-remove-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.add-remove-wrap_inner .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.add-remove-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.add-remove-wrap_inner .conformation-checkbox .customcheck .checkmark:after {
  left: 5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.add-remove-wrap_inner .owl-carousel .owl-nav .nav-btn {
  height: 30px;
  position: absolute;
  width: 30px;
  cursor: pointer;
  top: -30px !important;
  background-color: #e2e2e2;
  border-radius: 50%;
}
.add-remove-wrap_inner .owl-carousel .owl-nav .prev-slide {
  left: -1.5rem;
}
.add-remove-wrap_inner .owl-carousel .owl-nav .next-slide {
  right: -1.5rem;
}
.add-remove-wrap_inner .owl-carousel .owl-nav .owl-prev i,
.add-remove-wrap_inner .owl-carousel .owl-nav .owl-next i {
  color: #ffffff;
  font-size: 30px;
}

.acc-policies-list {
  border: 2px solid #d5dde8;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0.8rem 1.2rem;
  margin-bottom: 20px;
  position: relative;
}
.acc-policies-list .policies-status {
  position: absolute;
  top: -13px;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 0.1rem 0.8rem;
}
.acc-policies-list .check-icon {
  position: absolute;
  top: -1px;
  right: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #c4c4c4;
  border-radius: 5px;
  transition: 200ms linear;
}
.acc-policies-list .check-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
}
.acc-policies-list:hover {
  border-color: #06aecc;
  background-color: #eafbff;
  transition: 0.3s ease-in all;
  cursor: pointer;
}
.acc-policies-list:hover .check-icon {
  background-color: #06aecc;
}
.acc-policies-list table {
  margin-bottom: 0;
}
.acc-policies-list table tr {
  vertical-align: initial;
}
.acc-policies-list table tr td {
  padding: 0;
}
.acc-policies-list table th .policies-carname span {
  font-size: 12px;
  font-weight: 500;
}
.acc-policies-list table th .policies-carname p {
  font-size: 18px;
  font-weight: 600;
}
.acc-policies-list table .policies-carnum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
  border: 1px solid #707070;
  border-radius: 9px;
  padding: 5px 2px 2px 2px;
}
.acc-policies-list table .policies-carnum span {
  padding: 0 1rem;
  color: #565a5f;
  font-size: 1rem;
}
.acc-policies-list .policies-car {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.acc-policies-list .policies-car .policies-carnum {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  border: 1px solid #707070;
  border-radius: 9px;
  padding: 5px 2px 2px 2px;
}
.acc-policies-list .policies-car .policies-carnum span {
  font-family: "Poppins-Bold";
  padding: 0 0.9rem;
  color: #565a5f;
  font-size: 1.3rem;
}
.acc-policies-list .policies-car .policies-carname span {
  font-size: 12px;
  font-weight: 500;
  color: #313c48;
}
.acc-policies-list .policies-car .policies-carname p {
  font-size: 18px;
  font-weight: 600;
}
.acc-policies-list .delete-icon {
  position: absolute;
  bottom: 0.6rem;
  right: 0.8rem;
  z-index: 99;
}

.acc-policies-list.active {
  border-color: #06aecc;
  background-color: #eafbff;
  transition: 0.3s ease-in all;
  cursor: pointer;
}
.acc-policies-list.active span.check-icon {
  background-color: #06aecc;
}

#add-features h4,
#remove-features h4 {
  font-family: "Poppins-Bold";
}
#add-features #datepickerInput,
#remove-features #datepickerInput {
  background-image: url(../img/cal.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
  background-size: 1.5rem 1.5rem;
  cursor: pointer;
}
#add-features table,
#remove-features table {
  margin: 20px auto;
  max-width: 500px;
}
#add-features table tr:last-child td,
#remove-features table tr:last-child td {
  border: 0;
}
#add-features table td,
#remove-features table td {
  font-family: "Poppins-Medium";
  padding: 10px;
  border-bottom: 0.1rem solid #e3e3e3;
}
#add-features table .checkbox,
#remove-features table .checkbox {
  position: relative;
  display: block;
  float: right;
}
#add-features table .checkbox label,
#remove-features table .checkbox label {
  width: 55px;
  height: 25px;
  background: #e8e8e8;
  position: relative;
  display: inline-block;
  -moz-border-radius: 46px;
  -webkit-border-radius: 46px;
  border-radius: 999px;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
#add-features table .checkbox label:after,
#add-features table .checkbox label:before,
#remove-features table .checkbox label:after,
#remove-features table .checkbox label:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  left: 0;
  top: 0;
  background: #9b9b9b;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
#add-features table .checkbox label:before,
#remove-features table .checkbox label:before {
  content: "\eef0";
  font-family: boxicons !important;
  font-size: 24px;
  color: #ffffff;
  z-index: 1;
  overflow: hidden;
  line-height: 26px;
}
#add-features table .checkbox input,
#remove-features table .checkbox input {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
#add-features table .checkbox input:checked + label:before,
#remove-features table .checkbox input:checked + label:before {
  content: "\eca4";
  background: #06aecc;
  color: #ffffff;
  left: 30px;
}
#add-features table .checkbox input:checked + label:after,
#remove-features table .checkbox input:checked + label:after {
  content: "\eca4";
  background: #06aecc;
  color: transparent;
  left: 30px;
}
#add-features table .checkbox input:checked + label:before,
#remove-features table .checkbox input:checked + label:before {
  -moz-animation: 0.25s pin-on forwards;
  -webkit-animation: 0.25s pin-on forwards;
  animation: 0.25s pin-on forwards;
}

.total-summary_l {
  text-align: justify;
}
.total-summary_l p {
  font-family: "Poppins-Medium";
  color: #A0A0A0;
  font-size: 0.875rem;
}
.total-summary_l_total {
  font-family: "Poppins-Bold";
  font-size: 1.8rem;
}
.total-summary_l_total span {
  font-family: "Poppins-Medium";
  font-size: 1.2rem;
  color: #b5b4b3;
  vertical-align: middle;
}
.total-summary_r p {
  font-family: "Poppins-SemiBold";
  font-size: 0.775rem;
  color: #A0A0A0;
}
.total-summary_r .btn-main {
  padding: 0.7rem 4rem;
}

.confirm-policy-wrap {
  width: 100%;
}
.confirm-policy-wrap .wrap-panel {
  margin-bottom: 0.7rem;
  box-shadow: unset;
}
.confirm-policy-wrap .wrap-panel .wrap-question {
  font-family: "Poppins-Bold";
}
.confirm-policy-wrap .wrap-panel .wrap-toggle {
  padding: 10px 25px 10px 60px;
}
.confirm-policy-wrap .wrap-panel .wrap-toggle i {
  font-size: 1.3rem;
  color: #707070;
}
.confirm-policy-wrap .wrap-panel .wrap-ans {
  margin-top: 10px;
  padding: 0px 20px 12px 50px;
}
.confirm-policy-wrap .wrap-panel .wrap-ans h6 {
  font-family: "Poppins-SemiBold";
  padding: 10px 0 0 10px;
}
.confirm-policy-wrap .wrap-panel .wrap-ans .table {
  text-align: left;
  width: 500px;
  margin: 0 10px;
}
.confirm-policy-wrap .wrap-panel .wrap-ans .table:first-child td {
  font-family: "Poppins-Light";
}
.confirm-policy-wrap .wrap-panel .wrap-ans .table td {
  width: 250px;
  font-family: "Poppins-Medium";
  font-size: 0.875rem;
  padding: 2px;
}
.confirm-policy-wrap .wrap-panel .wrap-ans .table td b {
  font-family: "Poppins-SemiBold";
}

.bank-details-wrap h4 {
  font-size: 1.3rem;
}
.bank-details-wrap table {
  width: 500px;
  margin: 0 auto;
}
.bank-details-wrap table td {
  font-family: "Poppins-Light";
  font-size: 0.875rem;
  padding: 0.4rem 0.4rem;
}
.bank-details-wrap table td b {
  font-family: "Poppins-SemiBold";
}
.bank-details-wrap form .form-control {
  border: 0;
  padding: 0.9rem 0.75rem;
  border-radius: 5px;
  font-family: "Poppins-Medium";
  font-size: 0.775rem;
  border: 1px solid transparent;
}
.bank-details-wrap form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/filter-down.svg);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 45%;
  background-size: 0.9rem;
}
.bank-details-wrap form .form-group {
  padding: 10px 40px 10px 0;
}
.bank-details-wrap form .custom-file label {
  cursor: pointer;
  background-image: url(../img/upload-icon.svg);
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 45%;
  background-size: 1.2rem;
}
.bank-details-wrap form .conformation-checkbox {
  display: flex;
  justify-content: center;
}
.bank-details-wrap form .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-top: 3px;
  cursor: pointer;
  font-size: 0.7rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bank-details-wrap form .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.bank-details-wrap form .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.bank-details-wrap form .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.bank-details-wrap form .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.bank-details-wrap form .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.bank-details-wrap form .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.bank-details-wrap form .conformation-checkbox .customcheck .checkmark:after {
  left: 6px;
  top: 2.5px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bank-details-wrap form .conformation-checkbox-text {
  display: flex;
  flex-direction: column;
}
.bank-details-wrap form .conformation-checkbox-text span {
  color: #7B7B7B;
  font-family: "Poppins-Medium";
  font-size: 0.775rem;
}
.bank-details-wrap form .conformation-checkbox-text p {
  font-family: "Poppins-Light";
  font-size: 0.775rem;
  color: #989898;
}

.pay-wrap h6,
.payment-wrap h6 {
  font-family: "Poppins-Medium";
}
.pay-wrap .pay-option span,
.payment-wrap .pay-option span {
  font-family: "Poppins-Medium";
  font-size: 0.875rem;
  padding-left: 20px;
}
.pay-wrap .pay-option_apple,
.payment-wrap .pay-option_apple {
  background-color: #2b2b2b;
  color: #ffffff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  cursor: pointer;
}
.pay-wrap .pay-option_stc,
.payment-wrap .pay-option_stc {
  background-color: #e8e8e8;
  color: #2b2b2b;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  cursor: pointer;
}
.pay-wrap #paypage .form-card,
.payment-wrap #paypage .form-card {
  border: 1px solid #989898;
  padding: 10px 15px;
  border-radius: 15px;
}
.pay-wrap #paypage .form-card .input-container,
.payment-wrap #paypage .form-card .input-container {
  display: flex;
  position: relative;
  margin-bottom: 10px;
}
.pay-wrap #paypage .form-card .input-container i,
.payment-wrap #paypage .form-card .input-container i {
  white-space: nowrap;
  padding: 8px;
  color: #00b7ed;
  min-width: 50px;
  text-align: center;
  vertical-align: bottom;
  border-bottom: 1px solid #dedede;
  font-size: 26px;
}
.pay-wrap #paypage .form-card .input-container #cr_no,
.payment-wrap #paypage .form-card .input-container #cr_no {
  background-image: url(../img/visa.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 15%;
  background-position-y: center;
}
.pay-wrap #paypage .form-card .input-container-checkbox,
.payment-wrap #paypage .form-card .input-container-checkbox {
  display: flex;
  align-items: center;
}
.pay-wrap #paypage .form-card .input-container-checkbox span,
.payment-wrap #paypage .form-card .input-container-checkbox span {
  color: #989898;
}
.pay-wrap #paypage .form-card .input-container-checkbox label,
.payment-wrap #paypage .form-card .input-container-checkbox label {
  display: inline-block;
  cursor: pointer;
  margin: 0 12.5px;
  width: 15px;
  height: 15px;
  border: 1.8px solid #a7a7a7;
  border-radius: 12.5%;
  transition: 400ms 100ms ease-out;
}
.pay-wrap #paypage .form-card .input-container-checkbox input[type=checkbox],
.payment-wrap #paypage .form-card .input-container-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  left: -1000px;
}
.pay-wrap #paypage .form-card .input-container-checkbox .marks,
.payment-wrap #paypage .form-card .input-container-checkbox .marks {
  position: relative;
  position: relative;
  right: -6px;
  top: -6px;
  background: #ffffff;
  width: 7.2px;
  height: 14.8px;
  border-right: 2.5px solid #000;
  border-bottom: 2.5px solid #000;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.5);
}
.pay-wrap #paypage .form-card .input-container-checkbox input[type=checkbox]:checked + label .marks,
.payment-wrap #paypage .form-card .input-container-checkbox input[type=checkbox]:checked + label .marks {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
.pay-wrap #paypage .form-card .input-container-checkbox input[type=checkbox]:focus + label,
.payment-wrap #paypage .form-card .input-container-checkbox input[type=checkbox]:focus + label {
  animation: 400ms linear cb-pop;
}
@keyframes cb-pop {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.9);
  }
  66% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pay-wrap #paypage .form-card .pay,
.payment-wrap #paypage .form-card .pay {
  font-weight: bold;
}
.pay-wrap #paypage .form-card input,
.payment-wrap #paypage .form-card input {
  padding: 10px 5px;
  border: none;
  border-bottom: 1px solid #dedede;
  border-radius: 2px;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: 1px;
}
.pay-wrap .pay-wrap-container,
.payment-wrap .pay-wrap-container {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: center;
  width: auto;
  padding: 0;
  margin: 0;
  border: 1px solid #989898;
  border-radius: 13px;
  background: #f2f2f2;
}
.pay-wrap .pay-wrap-container .pay-wrap-container__button,
.payment-wrap .pay-wrap-container .pay-wrap-container__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 13px 0 0 13px;
  padding: 0 20px;
}
.pay-wrap .pay-wrap-container .pay-wrap-container__button:before,
.payment-wrap .pay-wrap-container .pay-wrap-container__button:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 10px;
  background: #d1d1d1;
}
.pay-wrap .pay-wrap-container input[type=radio],
.payment-wrap .pay-wrap-container input[type=radio] {
  display: none;
}
.pay-wrap .pay-wrap-container input[type=radio]:checked + label:before,
.payment-wrap .pay-wrap-container input[type=radio]:checked + label:before {
  background: url(../img/card-checkbox.svg) no-repeat;
  background-position: 0 32.5%;
}
.pay-wrap .pay-wrap-container input[type=radio]:checked + label,
.payment-wrap .pay-wrap-container input[type=radio]:checked + label {
  background: #6f7070;
}
.pay-wrap .pay-wrap-container input[type=radio]:checked + label .pay-wrap-container__title,
.payment-wrap .pay-wrap-container input[type=radio]:checked + label .pay-wrap-container__title {
  color: #ffffff;
  margin-bottom: 0;
}
.pay-wrap .pay-wrap-container p,
.payment-wrap .pay-wrap-container p {
  font-family: "Poppins-SemiBold";
}
.pay-wrap .conformation-checkbox,
.payment-wrap .conformation-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay-wrap .conformation-checkbox .customcheck,
.payment-wrap .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pay-wrap .conformation-checkbox .customcheck input,
.payment-wrap .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.pay-wrap .conformation-checkbox .checkmark,
.payment-wrap .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.pay-wrap .conformation-checkbox .customcheck:hover input ~ .checkmark,
.payment-wrap .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.pay-wrap .conformation-checkbox .customcheck input:checked ~ .checkmark,
.payment-wrap .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.pay-wrap .conformation-checkbox .checkmark:after,
.payment-wrap .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.pay-wrap .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
.payment-wrap .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.pay-wrap .conformation-checkbox .customcheck .checkmark:after,
.payment-wrap .conformation-checkbox .customcheck .checkmark:after {
  left: 6px;
  top: 2.5px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pay-wrap .conformation-checkbox .conformation-checkbox-text,
.payment-wrap .conformation-checkbox .conformation-checkbox-text {
  font-size: 0.85rem;
  color: #7B7B7B;
}

.payment-wrap #paypage .form-card {
  padding: 26px 30px;
}
.payment-wrap #paypage .form-card .input-container {
  margin-bottom: 10px;
}
.payment-wrap #paypage .form-card .input-container #cr_no {
  background-image: url(../img/mastercard-wb.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 15%;
  background-position-y: center;
}
.payment-wrap #paypage .form-card .conformation-checkbox-text span {
  font-family: "Poppins-Light";
}

.add-remove-con-modal {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 5px;
  z-index: 1;
  height: 100%;
  padding: 0 !important;
  overflow: unset;
  background-color: #f4f8fb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.add-remove-con-modal .modal-contents {
  position: relative;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 0;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.add-remove-con-modal .modal-contents form select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1rem;
  cursor: pointer;
}
.add-remove-con-modal .add-remove-con-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #A0A0A0;
  color: #ffffff;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.add-remove-con-modal .add-remove-con-close:hover, .add-remove-con-modal .add-remove-con-close:focus {
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 991px) {
  .add-remove-otp .btn-main {
    width: unset;
  }

  .add-remove-vehicles-list .card {
    background-color: transparent;
  }

  .add-remove-bank-details .card {
    background-color: transparent;
  }
  .add-remove-bank-details .bank-details-wrap h4 {
    font-size: 0.875rem;
    color: #000;
    padding: 20px 0 0 0;
    font-family: "Poppins-Bold";
  }
  .add-remove-bank-details .bank-details-wrap form .form-group {
    padding: 10px 20px 10px 0;
  }

  .add-remove-review-confirm .card {
    background-color: transparent;
  }
  .add-remove-review-confirm .total-summary-wrap {
    background-color: transparent;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_l_total {
    color: #707070;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_l_total span {
    font-family: "Poppins-Bold";
    color: inherit;
    vertical-align: unset;
    font-size: inherit;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .add-remove-payment-wrap .add-remove-con-btn {
    position: absolute;
    left: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .add-remove-stepwizard {
    font-size: 0.75rem;
    margin: 0 0.5rem;
  }

  .w-payment-getway .payment-wrap {
    background-color: transparent;
  }

  .add-remove-otp .add-remove-wrap {
    background-color: transparent;
    padding: 4rem 0;
  }
  .add-remove-otp .add-remove-wrap_title_des {
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    padding: 0 20px;
  }
  .add-remove-otp .add-remove-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .add-remove-otp .add-remove-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }
  .add-remove-otp .add-remove-wrap .btn-main {
    width: 100%;
  }

  .add-remove-disclaimer .add-remove-wrap {
    padding: 4rem 2rem;
    background-color: #ffffff;
    z-index: 99;
  }

  .add-remove-vehicles-list .card {
    background-color: transparent;
  }
  .add-remove-vehicles-list .add-remove_total_count {
    background: #EDF3F8;
    padding: 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .add-remove-get-quote .card {
    background-color: transparent;
  }
  .add-remove-get-quote .policies-slider .owl-nav {
    display: none;
  }
  .add-remove-get-quote .add-remove-get-quote-features {
    background-color: #e2effa;
    padding: 30px 0;
  }
  .add-remove-get-quote .add-remove-get-quote-features #add-features .bg-sec,
.add-remove-get-quote .add-remove-get-quote-features #remove-features .bg-sec {
    background-color: transparent;
  }
  .add-remove-get-quote .add-remove-get-quote-features #add-features h4,
.add-remove-get-quote .add-remove-get-quote-features #remove-features h4 {
    font-size: 1rem;
    text-align: left !important;
    padding: 0;
  }
  .add-remove-get-quote .add-remove-get-quote-features #add-features table,
.add-remove-get-quote .add-remove-get-quote-features #remove-features table {
    margin: 0 auto;
  }
  .add-remove-get-quote .add-remove-get-quote-features #add-features table td,
.add-remove-get-quote .add-remove-get-quote-features #remove-features table td {
    border: 0;
    padding: 5px;
  }
  .add-remove-get-quote .add-remove-get-quote-features #add-features table .checkbox label,
.add-remove-get-quote .add-remove-get-quote-features #remove-features table .checkbox label {
    background: #c9cdce;
  }
  .add-remove-get-quote .add-remove-get-quote-features .total-summary {
    background-color: #eff4f7;
    padding: 45px 20px 20px 20px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
  }
  .add-remove-get-quote .add-remove-get-quote-features .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .add-remove-get-quote .add-remove-get-quote-features .total-summary_l_total {
    color: #707070;
    font-size: 1.5rem;
  }
  .add-remove-get-quote .add-remove-get-quote-features .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .add-remove-get-quote .add-remove-get-quote-features .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .add-remove-get-quote .add-remove-get-quote-features .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .add-remove-bank-details .card {
    background-color: transparent;
  }
  .add-remove-bank-details .bank-details-wrap h4 {
    font-size: 0.875rem;
    color: #000;
    padding: 20px 0 0 0;
    font-family: "Poppins-Bold";
  }
  .add-remove-bank-details .bank-details-wrap form .form-group {
    padding: 10px 0;
  }
  .add-remove-bank-details .bank-details-wrap form .conformation-checkbox {
    justify-content: start;
  }

  .add-remove-review-confirm .card {
    background-color: transparent;
  }
  .add-remove-review-confirm .confirm-policy-wrap .wrap-panel {
    border-radius: 10px;
  }
  .add-remove-review-confirm .confirm-policy-wrap .wrap-panel .wrap-toggle {
    padding: 5px 10px;
  }
  .add-remove-review-confirm .confirm-policy-wrap .wrap-panel .wrap-ans {
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  .add-remove-review-confirm .confirm-policy-wrap .wrap-panel .wrap-ans .table {
    width: 100%;
  }
  .add-remove-review-confirm .confirm-policy-wrap .wrap-panel .wrap-ans .table td {
    width: auto;
  }
  .add-remove-review-confirm .total-summary-wrap {
    background-color: transparent;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_l_total {
    color: #707070;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_l_total span {
    font-family: "Poppins-Bold";
    color: inherit;
    vertical-align: unset;
    font-size: inherit;
  }
  .add-remove-review-confirm .total-summary-wrap .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .add-remove-payment-wrap .pay-wrap h6 {
    text-align: left;
    padding: 0 25px;
  }
  .add-remove-payment-wrap .add-remove-con-btn {
    position: absolute;
    left: 0;
    right: 0;
  }

  .add-remove-thank-page .add-remove-wrap {
    padding: 4rem 0;
    background-color: #ffffff;
  }

  #add-remove-backdrops {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    background: #eef3f8;
    opacity: 0.93;
  }

  .add-remove-con-modal {
    margin: 0 auto;
    width: 80%;
    border-radius: 15px;
    height: auto;
    left: 0;
    right: 0;
    z-index: 999999;
  }
  .add-remove-con-modal .btn-outline {
    border: 0;
    font-size: unset;
  }
  .add-remove-con-modal .add-remove-con-close {
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    background-color: #A0A0A0;
    color: #ffffff;
    top: -12px;
    right: -6px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .add-remove-con-modal .car-icon {
    display: none;
  }

  #add-remove-con-backdrop.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    opacity: 0.93;
  }

  .add-remove-wrap_inner .conformation-checkbox .customcheck .checkmark:after {
    left: 6px;
    top: 2.5px;
  }
}
@media (max-width: 360px) {
  .acc-policies-list {
    padding: 0.6rem 0.8rem;
  }
  .acc-policies-list .policies-car {
    margin-bottom: 0.8rem;
  }
  .acc-policies-list .policies-car .policies-carnum span {
    padding: 0 0.7rem;
  }

  .add-remove-stepwizard #progressbar li {
    font-size: 0.6rem;
    margin: 0 0.4rem;
  }
  .add-remove-stepwizard #progressbar li::before {
    width: 2rem;
    line-height: 2rem;
  }

  .add-remove-payment-wrap .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 5px;
  }
}
.claim-stepwizard #progressbar {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
.claim-stepwizard #progressbar li {
  list-style-type: none;
  color: #c4c4c4;
  font-size: 0.85rem;
  text-align: center;
  width: fit-content;
  float: left;
  position: relative;
  margin: 0 1rem;
}
.claim-stepwizard #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
  font-size: 1rem;
  color: #fff;
  background: #c4c4c4;
  border-radius: 50%;
  margin: 0 auto 0.752rem auto;
}
.claim-stepwizard #progressbar li:first-child:after {
  content: none;
}
.claim-stepwizard #progressbar li.checked::before {
  content: "\eca4" !important;
  font-family: boxicons !important;
  font-size: 1.5rem;
}
.claim-stepwizard #progressbar li.open {
  color: #06aecc;
}
.claim-stepwizard #progressbar li.open:before, .claim-stepwizard #progressbar li.open:after {
  background: #06aecc;
  color: white;
}

.claim-wrap .py-100 {
  padding: 100px 0;
}
.claim-wrap form .form-group {
  padding: 10px 20px 10px 0;
}
.claim-wrap form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1rem;
}
.claim-wrap form #claimdatepickerInput {
  background-image: url(../img/date-icon-2.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 9px;
  background-size: 5%;
  cursor: pointer;
}

.own-damage-claim h5 {
  font-size: 1.1rem;
}
.own-damage-claim .form-check-input {
  background-color: #d1d1d1;
  border: 0;
}
.own-damage-claim table {
  width: 500px;
}
.own-damage-claim table td {
  font-family: "Poppins-Regular";
  font-size: 0.875rem;
  width: 150px;
  padding: 0.25rem 0;
  color: #7B7B7B;
}
.own-damage-claim table td b {
  color: #313c48;
  font-weight: 500;
}
.own-damage-claim .damage-list ul {
  display: flex;
  padding: 0;
}
.own-damage-claim .damage-list ul li + li:before {
  content: " | ";
  padding: 0 14px;
}
.own-damage-claim .form-check-label {
  font-family: "Poppins-Regular" !important;
  font-size: 0.9rem;
}
.own-damage-claim .form-check-input:checked {
  background-color: #06aecc !important;
  border-color: #06aecc !important;
}
.own-damage-claim textarea {
  font-size: 0.75rem;
  color: #a7acb1;
}
.own-damage-claim textarea::-webkit-input-placeholder, .own-damage-claim textarea::placeholder {
  color: #a7acb1;
}
.own-damage-claim .number-of-passengers {
  position: relative;
}
.own-damage-claim .number-of-passengers .value-btn-wrap {
  position: absolute;
  display: flex;
  top: 7px;
  right: 10px;
  align-items: center;
  justify-content: center;
}
.own-damage-claim .number-of-passengers .value-btn-wrap .value-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  width: 27px;
  height: 27px;
  text-align: center;
  background: #06aecc;
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
}
.own-damage-claim .number-of-passengers .value-button:hover {
  cursor: pointer;
}
.own-damage-claim .number-of-passengers form #decrease {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}
.own-damage-claim .number-of-passengers form #increase {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}
.own-damage-claim .number-of-passengers form #input-wrap {
  margin: 0px;
  padding: 0px;
}
.own-damage-claim .number-of-passengers input#number-of-passengers {
  border: none;
  margin: 0px;
  height: 40px;
  width: 310px;
  padding: 0 1rem;
  color: #a7acb1;
  font-size: 0.75rem;
  border-radius: 6px;
}
.own-damage-claim .number-of-passengers input#number-of-passengers::-webkit-input-placeholder, .own-damage-claim .number-of-passengers input#number-of-passengers::placeholder {
  color: #a7acb1;
}
.own-damage-claim .number-of-passengers input[type=number]::-webkit-inner-spin-button,
.own-damage-claim .number-of-passengers input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.own-damage-claim .claim-wrap-toggle {
  position: absolute;
  right: 30px;
  top: 5px;
  display: block;
  width: 120px;
  height: 30px;
  border-radius: 999px;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 999px;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox] + .back {
  position: absolute;
  width: 100%;
  border-radius: 999px;
  height: 100%;
  background: #e8e8e8;
  transition: background 150ms linear;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox] + .back .toggle {
  display: block;
  position: absolute;
  content: " ";
  background: #06aecc;
  width: 50%;
  border-radius: 9999px;
  height: 100%;
  transition: margin 150ms linear;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox] + .back .label.off {
  color: #8b8f93;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox]:checked + .back {
  background: #e8e8e8;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox]:checked + .back .toggle {
  margin-left: 60px;
  border-radius: 999px;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox]:checked + .back .label.yes {
  color: #fff;
}
.own-damage-claim .claim-wrap-toggle input[type=checkbox]:checked + .back .label.no {
  color: #8b8f93;
}
.own-damage-claim .claim-wrap-toggle .label {
  display: block;
  font-family: "Poppins-Bold";
  position: absolute;
  width: 50%;
  line-height: 30px;
  border-radius: 999px;
  text-align: center;
  font-size: 0.775rem;
  color: #fff;
}
.own-damage-claim .claim-wrap-toggle .label.no {
  left: 0px;
}
.own-damage-claim .claim-wrap-toggle .label.yes {
  right: 0px;
  color: #8b8f93;
}

.claim-otp-wrap {
  padding: 8rem 0;
}
.claim-otp-wrap_inner .col-1 {
  width: 4rem;
  padding: 0 0.2rem;
}
.claim-otp-wrap_inner .col-1 .form-control {
  height: 3rem;
  font-size: 1.3rem;
}

.claim-thank-wrap span {
  background-color: #eef4ff;
  cursor: pointer;
}
.claim-thank-wrap p {
  font-size: 0.65rem;
}

.claim-thank-wrap_sec {
  margin: 1.8rem;
  padding-bottom: 1.6rem;
  padding-top: 0.5rem;
  background-color: #EDF3F8;
}

@media (max-width: 991px) {
  .claim-wrap .py-100 {
    padding: 40px 25px;
  }
  .claim-wrap form .form-group {
    padding: 5px 0 5px 0;
  }
  .claim-wrap form #claimdatepickerInput {
    background-image: url(../img/date-icon-2.svg);
    background-position-y: 7px;
    background-size: 4%;
    cursor: pointer;
  }
  .claim-wrap form .claim-submission-btn-wrap {
    position: fixed;
    width: 90%;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .own-damage-claim .claim-wrap {
    background-color: #fff;
    padding: 15px;
  }
  .own-damage-claim .claim-wrap h5 {
    font-size: 0.875rem;
  }
  .own-damage-claim .claim-wrap_type-damage {
    display: flex;
    flex-wrap: wrap;
  }
  .own-damage-claim .claim-wrap_type-damage .form-check-inline {
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .own-damage-claim .claim-wrap_bodily-injured, .own-damage-claim .claim-wrap_death {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .own-damage-claim .claim-wrap_bodily-injured .form-check-inline, .own-damage-claim .claim-wrap_death .form-check-inline {
    width: 100%;
    margin-bottom: 10px;
  }
  .own-damage-claim .claim-wrap_bodily-injured .number-of-passengers_wrap, .own-damage-claim .claim-wrap_death .number-of-passengers_wrap {
    margin: 5px 0 0 0;
    padding: 0;
  }
  .own-damage-claim .claim-wrap_bodily-injured .number-of-passengers_wrap .number-of-passengers input, .own-damage-claim .claim-wrap_death .number-of-passengers_wrap .number-of-passengers input {
    background: #faf8f8;
    height: 50px !important;
    width: 100% !important;
  }
  .own-damage-claim .claim-wrap_bodily-injured .number-of-passengers_wrap .number-of-passengers .value-btn-wrap, .own-damage-claim .claim-wrap_death .number-of-passengers_wrap .number-of-passengers .value-btn-wrap {
    top: 12px;
  }
  .own-damage-claim .claim-wrap-toggle {
    right: 10px;
    top: -8px;
  }
  .own-damage-claim textarea {
    background: #faf8f8;
    height: 4rem;
  }

  .claim-wrap-details-wrap .claim-wrap {
    padding: 20px 5px 10px 25px;
    border-radius: 0;
    border-bottom: 1px solid #a7a7a7;
  }
  .claim-wrap-details-wrap .claim-wrap table {
    width: auto;
  }
  .claim-wrap-details-wrap .claim-wrap .damage-list ul {
    display: flex;
    padding: 0;
  }
  .claim-wrap-details-wrap .claim-wrap .damage-list ul li {
    padding-right: 15px;
    font-family: "Poppins-Regular";
  }
  .claim-wrap-details-wrap .claim-wrap .damage-list ul li + li:before {
    content: unset;
  }
  .claim-wrap-details-wrap .claim-wrap:first-child {
    border-radius: 8px 8px 0 0;
  }
  .claim-wrap-details-wrap .claim-wrap:last-child {
    border: 0;
    border-radius: 0 0 8px 8px;
  }

  .claim-pay-wrap {
    background-color: #ffffff;
  }
  .claim-pay-wrap .wazen-payment-list-wrap {
    padding: 25px 10px;
  }
  .claim-pay-wrap #paypage .form-card {
    padding: 10px 15px;
  }

  .claim-thank-wrap_con {
    background-color: #ffffff;
    padding: 30px 0;
    margin-bottom: 100px;
  }
  .claim-thank-wrap_con .claim-thank-wrap span {
    color: #000;
    font-size: 20px;
  }
  .claim-thank-wrap_con .claim-thank-wrap_sec {
    margin: 30px 0 0 0;
    border-top: 1px solid #ccc;
    background-color: #ffffff;
    padding: 30px 20px;
  }
  .claim-thank-wrap_con .claim-thank-wrap_btn button {
    position: absolute;
    bottom: -75px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .claim-stepwizard #progressbar li {
    font-size: 0.75rem;
    margin: 0 0.5rem;
  }
  .claim-stepwizard #progressbar li::before {
    width: 2rem;
    line-height: 2rem;
  }

  .claim-wrap h4.claim-m-title {
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
  }
  .claim-wrap .py-100 {
    padding: 20px 15px;
  }
  .claim-wrap form .form-group {
    padding: 5px 0 5px 0;
  }
  .claim-wrap form #claimdatepickerInput {
    background-image: url(../img/date-icon-2.svg);
    background-position-y: 7px;
    background-size: 8%;
    cursor: pointer;
  }
  .claim-wrap form .claim-submission-btn-wrap {
    position: fixed;
    width: 90%;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .own-damage-claim .claim-wrap {
    background-color: #fff;
    padding: 15px 15px;
  }
  .own-damage-claim .claim-wrap h5 {
    font-size: 0.875rem;
  }
  .own-damage-claim .claim-wrap_type-damage {
    display: flex;
    flex-wrap: wrap;
  }
  .own-damage-claim .claim-wrap_type-damage .form-check-inline {
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .own-damage-claim .claim-wrap_bodily-injured, .own-damage-claim .claim-wrap_death {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .own-damage-claim .claim-wrap_bodily-injured .form-check-inline, .own-damage-claim .claim-wrap_death .form-check-inline {
    width: 100%;
    margin-bottom: 10px;
  }
  .own-damage-claim .claim-wrap_bodily-injured .number-of-passengers_wrap, .own-damage-claim .claim-wrap_death .number-of-passengers_wrap {
    margin: 5px 0 0 0;
    padding: 0;
  }
  .own-damage-claim .claim-wrap_bodily-injured .number-of-passengers_wrap .number-of-passengers input, .own-damage-claim .claim-wrap_death .number-of-passengers_wrap .number-of-passengers input {
    background: #faf8f8;
    height: 50px !important;
    width: 100% !important;
  }
  .own-damage-claim .claim-wrap_bodily-injured .number-of-passengers_wrap .number-of-passengers .value-btn-wrap, .own-damage-claim .claim-wrap_death .number-of-passengers_wrap .number-of-passengers .value-btn-wrap {
    top: 12px;
  }
  .own-damage-claim .claim-wrap-toggle {
    right: 10px;
    top: -8px;
  }
  .own-damage-claim textarea {
    background: #faf8f8;
    height: 4rem;
  }

  .claim-otp-wrap {
    padding: 4rem 0;
    background-color: transparent;
  }
  .claim-otp-wrap_title_des {
    font-size: 1rem;
    padding: 0 50px;
  }
  .claim-otp-wrap_inner .col-1 {
    width: 4.5rem;
    padding: 0 0.2rem;
  }
  .claim-otp-wrap_inner .col-1 .form-control {
    height: 3.5rem;
    font-size: 1.3rem;
    border-radius: 15px;
  }
  .claim-otp-wrap_inner button {
    position: fixed;
    bottom: 15px;
    width: 90%;
    left: 0;
    margin: 0 auto;
    right: 0;
  }

  .claim-wrap-processing {
    background-color: #fff;
    margin: 50px 0px;
  }
  .claim-wrap-processing .py-100 {
    padding: 50px 0;
  }
  .claim-wrap-processing h4 {
    font-size: 1.1rem;
  }

  .claim-wrap-details-wrap .claim-wrap {
    padding: 20px 5px 10px 25px;
    border-radius: 0;
    border-bottom: 1px solid #a7a7a7;
  }
  .claim-wrap-details-wrap .claim-wrap table {
    width: auto;
  }
  .claim-wrap-details-wrap .claim-wrap .damage-list ul {
    display: flex;
    padding: 0;
  }
  .claim-wrap-details-wrap .claim-wrap .damage-list ul li {
    padding-right: 15px;
    font-family: "Poppins-Regular";
  }
  .claim-wrap-details-wrap .claim-wrap .damage-list ul li + li:before {
    content: unset;
  }
  .claim-wrap-details-wrap .claim-wrap:first-child {
    border-radius: 8px 8px 0 0;
  }
  .claim-wrap-details-wrap .claim-wrap:last-child {
    border: 0;
    border-radius: 0 0 8px 8px;
  }

  .claim-pay-wrap {
    background-color: #ffffff;
  }
  .claim-pay-wrap .wazen-payment-list-wrap {
    padding: 25px 10px;
  }
  .claim-pay-wrap h6 {
    margin: 0;
    text-align: left;
  }
  .claim-pay-wrap #paypage .form-card {
    padding: 10px 15px;
  }

  .claim-thank-wrap_con {
    background-color: #ffffff;
    padding: 30px 0;
    margin-bottom: 100px;
  }
  .claim-thank-wrap_con .claim-thank-wrap span {
    color: #000;
    font-size: 20px;
  }
  .claim-thank-wrap_con .claim-thank-wrap_sec {
    margin: 30px 0 0 0;
    border-top: 1px solid #ccc;
    background-color: #ffffff;
    padding: 30px 20px;
  }
  .claim-thank-wrap_con .claim-thank-wrap_btn button {
    position: absolute;
    bottom: -75px;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .claim-stepwizard #progressbar li {
    font-size: 0.6rem;
    margin: 0 0.4rem;
  }
  .claim-stepwizard #progressbar li::before {
    width: 2rem;
    line-height: 2rem;
  }

  .claim-otp-wrap {
    padding: 2.5rem 0;
  }
  .claim-otp-wrap_title_des {
    font-size: 0.75rem;
    padding: 0 10px;
  }
  .claim-otp-wrap_inner .col-1 {
    width: 3.5rem;
    padding: 0 0.2rem;
  }
  .claim-otp-wrap_inner .col-1 .form-control {
    height: 3rem;
    font-size: 1.3rem;
    border-radius: 15px;
  }

  .claim-wrap-processing {
    margin: 25px 0px;
  }
  .claim-wrap-processing .py-100 {
    padding: 50px 0;
  }
  .claim-wrap-processing p {
    font-size: 0.75rem;
  }
}
.renew-policy-stepwizard #progressbar {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
.renew-policy-stepwizard #progressbar li {
  list-style-type: none;
  color: #c4c4c4;
  font-size: 0.85rem;
  text-align: center;
  width: fit-content;
  float: left;
  position: relative;
  margin: 0 1rem;
}
.renew-policy-stepwizard #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
  font-size: 1rem;
  color: #fff;
  background: #c4c4c4;
  border-radius: 50%;
  margin: 0 auto 0.752rem auto;
}
.renew-policy-stepwizard #progressbar li:first-child:after {
  content: none;
}
.renew-policy-stepwizard #progressbar li.checked {
  color: #06aecc;
}
.renew-policy-stepwizard #progressbar li.checked::before {
  content: "\eca4" !important;
  font-family: boxicons !important;
  font-size: 1.5rem;
  background: #06aecc;
}
.renew-policy-stepwizard #progressbar li.checked::before span {
  color: #06aecc;
}
.renew-policy-stepwizard #progressbar li.open {
  color: #06aecc;
}
.renew-policy-stepwizard #progressbar li.open:before, .renew-policy-stepwizard #progressbar li.open:after {
  background: #06aecc;
  color: white;
}

.renew-policy-wrap {
  padding: 8rem 0;
}
.renew-policy-wrap_title p {
  color: #A0A0A0;
}
.renew-policy-wrap_title h4 {
  font-family: "Poppins-Bold";
}
.renew-policy-wrap_title .icon-car {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-position: 0 21.5%;
  background: url(../img/car-icon.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}
.renew-policy-wrap_inner .col-1 {
  width: 4rem;
  padding: 0 0.2rem;
}
.renew-policy-wrap_inner .col-1 .form-control {
  height: 3rem;
  font-size: 1.3rem;
}
.renew-policy-wrap_inner .conformation-checkbox {
  display: flex;
  justify-content: center;
}
.renew-policy-wrap_inner .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.renew-policy-wrap_inner .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.renew-policy-wrap_inner .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.renew-policy-wrap_inner .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.renew-policy-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.renew-policy-wrap_inner .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.renew-policy-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.renew-policy-wrap_inner .conformation-checkbox .customcheck .checkmark:after {
  left: 5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.renew-policy-wrap_inner .owl-carousel .owl-nav .nav-btn {
  height: 30px;
  position: absolute;
  width: 30px;
  cursor: pointer;
  top: -30px !important;
  background-color: #e2e2e2;
  border-radius: 50%;
}
.renew-policy-wrap_inner .owl-carousel .owl-nav .prev-slide {
  left: -1.5rem;
}
.renew-policy-wrap_inner .owl-carousel .owl-nav .next-slide {
  right: -1.5rem;
}
.renew-policy-wrap_inner .owl-carousel .owl-nav .owl-prev i,
.renew-policy-wrap_inner .owl-carousel .owl-nav .owl-next i {
  color: #fff;
  font-size: 30px;
}

.renew-policy-tab li a {
  width: 180px;
  text-align: center;
}

#add-comprehensive #datepickerInput {
  background-image: url(../img/date-icon-2.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
  background-size: 1.5rem 1.5rem;
  cursor: pointer;
}
#add-comprehensive table {
  border: 1px solid #e1e1e1;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-color: 0px;
  border-bottom-style: none;
}
#add-comprehensive table thead tr {
  border: 0;
}
#add-comprehensive table thead tr th {
  padding: 2.2rem 0;
  color: #06aecc;
  font-family: "Poppins-SemiBold";
  border: 0;
}
#add-comprehensive table tbody tr td {
  font-family: "Poppins-Bold";
  font-size: 1.1rem;
  vertical-align: middle;
  padding: 0.5rem;
  position: relative;
}
#add-comprehensive table tbody tr td:first-child {
  border-left: 0;
}
#add-comprehensive table tbody tr td:last-child {
  border-right: 0;
}
#add-comprehensive table tbody tr td a {
  font-family: inherit;
}
#add-comprehensive table tbody tr td .price {
  font-family: "Poppins-Bold";
}
#add-comprehensive table tbody tr td .price::before {
  content: "SAR ";
  font-size: 0.875rem;
  font-family: "Poppins-Medium";
  color: #b5b5b3;
}
#add-comprehensive table tbody tr td span.price-valid {
  font-size: 0.775rem;
  color: #c48e8b;
}
#add-comprehensive table tbody tr td .range-action {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 12px;
  right: 28%;
}
#add-comprehensive table tbody tr td .range-action a {
  color: #d1d1d1;
  height: 20px;
}
#add-comprehensive table tbody tr td .range-action a i {
  font-size: 24px;
}
#add-comprehensive table tbody tr:last-child {
  border-bottom: 0;
}

.details-list-wrap {
  position: relative;
}

.dp-modal {
  display: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  overflow: unset;
  background-color: #ffffffdb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.dp-modal .modal-contents {
  position: relative;
  width: 95%;
  background-color: #eafbff;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 2px solid #06aecc;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.dp-modal .modal-contents p {
  text-align: left;
  font-size: 1.2rem;
}
.dp-modal .modal-contents .details-list-info {
  text-align: left;
}
.dp-modal .modal-contents .details-list-info p {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.dp-modal .modal-contents .details-list-info span {
  font-size: 0.775rem;
}
.dp-modal .modal-contents .details-list-info .price {
  font-family: "Poppins-SemiBold";
  font-size: 1.2rem;
}
.dp-modal .modal-contents .details-list-info .price::before {
  content: "SAR ";
  font-size: 0.875rem;
  font-family: "Poppins-Medium";
  color: #a3a3a3;
}
.dp-modal .modal-contents .details-list-info_1 {
  border-right: 1px solid #c7e2e8;
}
.dp-modal .modal-contents .details-list-info_1 span {
  color: #1fad35;
}
.dp-modal .modal-contents .details-list-info_2 {
  border-right: 1px solid #c7e2e8;
}
.dp-modal .modal-contents .details-list-info_2 span {
  font-family: "Poppins-Light";
}
.dp-modal .modal-contents .details-list-info_3 {
  border-right: 1px solid #c7e2e8;
  position: relative;
}
.dp-modal .modal-contents .details-list-info_3 .range-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 22%;
}
.dp-modal .modal-contents .details-list-info_3 .range-action a {
  color: #d1d1d1;
  height: 20px;
}
.dp-modal .modal-contents .details-list-info_3 .range-action a i {
  font-size: 28px;
}
.dp-modal .modal-contents .details-list-info_4 span {
  font-size: 0.675rem;
  color: #c48d8d;
}
.dp-modal .details-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #fff;
  top: 10px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.dp-modal .details-close:hover, .dp-modal .details-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.renew-policy-select-plan .renew-policy-mobile-tab .wazen-tab {
  border-radius: 12px;
}
.renew-policy-select-plan .renew-policy-mobile-tab .wazen-tab li {
  position: relative;
}
.renew-policy-select-plan .renew-policy-mobile-tab .wazen-tab li a {
  width: 165px;
  padding: 15px 30px;
  border-radius: 12px;
}
.renew-policy-select-plan .renew-policy-mobile-tab .wazen-tab li .nav-link.active::after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 65px;
  border-top: 15px solid #06aecc;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: none;
}

.renew-review-wrap_l {
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 8px;
  padding: 150px 0;
}
.renew-review-wrap_l span {
  font-size: 0.85rem;
}
.renew-review-wrap_l P {
  font-size: 0.75rem;
  font-family: "Poppins-Light";
}
.renew-review-wrap_r table tr td {
  color: #7B7B7B;
  font-family: "Poppins-Light";
  font-size: 0.9rem;
  padding: 0.325rem 0;
}
.renew-review-wrap_r table tr td b {
  color: #313c48;
  font-family: "Poppins-SemiBold";
  padding-left: 4rem;
}
.renew-review-wrap_r table tr td .policies-price {
  padding-left: 2rem;
  color: #080808;
  font-family: "Poppins-Bold";
}
.renew-review-wrap_r table tr td .policies-price::before {
  font-family: "Poppins-Medium";
  color: #7B7B7B;
}
.renew-review-wrap_r table tr dt {
  font-family: "Poppins-Bold";
}
.renew-review-wrap_r table tr dd {
  font-family: "Poppins-Light";
  margin-left: 10px;
  margin-bottom: 0;
}
.renew-review-wrap_total {
  background-color: #f4f4f4;
  border-radius: 5px;
}
.renew-review-wrap_total table tr td {
  width: 160px;
}
.renew-review-wrap_total .policies-price {
  font-size: 1.3rem;
  font-family: "Poppins-Bold";
  padding-left: 2.5rem;
}
.renew-review-wrap_total .policies-price::before {
  font-family: "Poppins-Medium";
}

.acc-policies-list .delete-icon {
  position: absolute;
  bottom: 0.6rem;
  right: 0.8rem;
  z-index: 99;
}
.acc-policies-list .delete-icon .icon-delete {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/delete-icon2.svg) no-repeat;
}

.renew-policy-list .list-con {
  background-color: #06aecc;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 5px 15px;
  color: #fff;
  font-family: "Poppins-SemiBold";
  font-size: 0.775rem;
  border-radius: 8px 8px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.renew-policy-list .list-con i {
  font-size: 24px;
}
.renew-policy-list .list-con.collapsed {
  border-radius: 8px;
}
.renew-policy-list .list-dropdown {
  position: relative;
  background-color: #06aecc;
  border-radius: 0 0 6px 6px;
  top: -45px;
  margin: 5px 21.5px;
  padding: 20px 25px;
}
.renew-policy-list .list-dropdown ul {
  margin-bottom: 0;
  padding: 0;
}
.renew-policy-list .list-dropdown ul li {
  padding: 8px 0;
  border-bottom: 1px solid #82d4e3;
  display: flex;
  justify-content: space-between;
}
.renew-policy-list .list-dropdown ul li:last-child {
  border-bottom: 0;
}
.renew-policy-list .list-dropdown ul li .conformation-checkbox {
  justify-content: unset;
}
.renew-policy-list .list-dropdown ul li .conformation-checkbox .customcheck {
  margin-bottom: 0;
  color: #fff;
  font-size: 0.85rem;
}
.renew-policy-list .list-dropdown ul li .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #4fce80;
}
.renew-policy-list .list-dropdown ul li .conformation-checkbox .customcheck .checkmark:after {
  left: 5.5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
}
.renew-policy-list .list-dropdown ul li .conformation-checkbox .checkmark {
  background-color: #c6c6c6;
}
.renew-policy-list .list-dropdown ul li a {
  color: #fff;
  font-size: 0.85rem;
}
.renew-policy-list .list-dropdown ul li .renew-policy-price-dropdown-list {
  color: #f0f0f0;
  font-size: 0.875rem;
}
.renew-policy-list .list-dropdown ul li .renew-policy-price-dropdown-list::before {
  content: "SAR";
  color: #c8ecf2;
  font-family: "Poppins-SemiBold";
}
.renew-policy-list .acc-policies-list.active .delete-icon {
  bottom: 3.5rem;
}

@media (max-width: 991px) {
  .renew-policy .card {
    background-color: transparent;
  }

  .renew-policy-select-plan .card {
    background-color: transparent;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table {
    border: 1px solid #e1e1e1;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: 0px;
    border-bottom-style: none;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr {
    border: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th {
    padding: 1rem 0;
    color: #06aecc;
    font-family: "Poppins-SemiBold";
    border: 1px solid #e1e1e1;
    border-top: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th:first-child {
    border-left: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th:last-child {
    border-right: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr:hover, .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr.active {
    background-color: #eaf7ff;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td {
    font-family: "Poppins-Bold";
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0.5rem;
    position: relative;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td:first-child {
    border-left: 0;
    border-radius: 15px 0 0 15px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td:last-child {
    border-right: 0;
    border-radius: 0 15px 15px 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td a {
    font-family: inherit;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .price {
    font-family: "Poppins-Bold";
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .price::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Medium";
    color: #b5b5b3;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td span.price-valid {
    font-family: "Poppins-Regular";
    font-size: 0.775rem;
    color: #c48e8b;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 5%;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action a {
    height: 20px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action a i {
    font-size: 30px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr:last-child {
    border-bottom: 0;
  }
  .renew-policy-select-plan .renew-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
  .renew-policy-select-plan .dp-modal {
    display: none;
    position: absolute;
    z-index: 1;
    height: 100%;
    overflow: unset;
    background-color: #ffffffdb;
    padding: 10% 0 0 0;
    transition: 0.5s ease-in all;
  }
  .renew-policy-select-plan .dp-modal .modal-contents {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: auto;
    padding: 20px 20px 5px 20px;
    border: 0;
    border-radius: 15px;
    transition: 0.5s ease-in all;
  }
  .renew-policy-select-plan .dp-modal .modal-contents p {
    text-align: left;
    font-size: 1.2rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info {
    text-align: left;
    border: 1px solid #06aecc;
    border-radius: 12px;
    background-color: #eafbff;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap {
    padding: 10px 15px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(1) {
    border-right: 1px solid #06aecc;
    border-bottom: 1px solid #06aecc;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(2) {
    border-bottom: 1px solid #06aecc;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(3) {
    border-right: 1px solid #06aecc;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(4) {
    background-color: #06aecc;
    border-radius: 0 0 12px 0;
    text-align: center;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info p {
    font-size: 0.775rem;
    margin-bottom: 0.25rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info span {
    font-size: 0.775rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info .price {
    font-family: "Poppins-SemiBold";
    font-size: 1.4rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info .price::before {
    content: "SAR ";
    font-size: 0.975rem;
    font-family: "Poppins-Medium";
    color: #a3a3a3;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_1 {
    border: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_1 span {
    color: #1fad35;
    font-size: 0.875rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_2 {
    border: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_2 p {
    margin-bottom: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_2 span {
    color: #000000;
    font-family: "Poppins-Regular";
    font-size: 0.875rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 {
    border: 0;
    position: relative;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 p {
    text-align: center;
    font-family: "Poppins-Bold";
    color: #707070;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 5%;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a {
    color: #707070;
    height: 18px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 32px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_4 {
    color: #fff;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_4 .price::before {
    color: #fff;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_4 span {
    font-size: 0.675rem;
    color: #cecece;
  }
  .renew-policy-select-plan .dp-modal .m-details-close {
    color: #06aecc;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: solid #dfdfdf;
    border-width: thin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .renew-policy-select-plan .dp-modal .m-details-close:hover, .renew-policy-select-plan .dp-modal .m-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .renew-policy-select-plan-cover .card {
    background-color: transparent;
  }
  .renew-policy-select-plan-cover .renew-policy-list .list-dropdown {
    width: auto;
    margin: 5px 21.5px;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_r {
    padding: 1rem 0;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_r table {
    width: 100%;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_r table tr td b {
    padding-left: 0;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_total table {
    width: 100%;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
}
@media (max-width: 767px) {
  .renew-policy-stepwizard #progressbar {
    margin-bottom: 15px;
  }
  .renew-policy-stepwizard #progressbar li {
    margin: 0;
    font-size: 0.75rem;
  }
  .renew-policy-stepwizard #progressbar li span {
    visibility: hidden;
  }
  .renew-policy-stepwizard #progressbar li.open span {
    visibility: visible;
    color: #313c48;
  }

  .renew-policy .card {
    background-color: transparent;
  }
  .renew-policy .renew-policy-wrap {
    background-color: transparent;
  }
  .renew-policy .renew-policy-wrap_title_des {
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    padding: 0 20px;
  }
  .renew-policy .renew-policy-wrap_inner_no {
    color: #000000;
    font-size: 22px;
    font-family: "Poppins-SemiBold";
  }
  .renew-policy .renew-policy-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .renew-policy .renew-policy-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }
  .renew-policy .renew-policy-wrap_title .container,
.renew-policy .renew-policy-wrap_inner .container {
    padding: 0;
  }
  .renew-policy-wrap_total_count {
    background: #EDF3F8;
    padding: 20px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .renew-policy-wrap_inner .policies-slider {
    padding: 0;
  }
  .renew-policy-wrap_inner .policies-slider .owl-nav {
    display: none;
  }

  .renew-policy-select-plan .card {
    background-color: transparent;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table {
    border: 1px solid #e1e1e1;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: 0px;
    border-bottom-style: none;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr {
    border: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th {
    padding: 1rem 0;
    color: #06aecc;
    font-family: "Poppins-SemiBold";
    border: 1px solid #e1e1e1;
    border-top: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th:first-child {
    border-left: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th:last-child {
    border-right: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr:hover, .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr.active {
    background-color: #eaf7ff;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td {
    font-family: "Poppins-Bold";
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0.5rem;
    position: relative;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td:first-child {
    border-left: 0;
    border-radius: 15px 0 0 15px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td:last-child {
    border-right: 0;
    border-radius: 0 15px 15px 0;
    text-align: left;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td a {
    font-family: inherit;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .price {
    font-family: "Poppins-Bold";
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .price::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Medium";
    color: #b5b5b3;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td span.price-valid {
    font-family: "Poppins-Regular";
    font-size: 0.775rem;
    color: #c48e8b;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action a {
    height: 20px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action a i {
    font-size: 30px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr:last-child {
    border-bottom: 0;
  }
  .renew-policy-select-plan .renew-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
  .renew-policy-select-plan .m-datepickerInput {
    background-image: url(../img/date-icon-2.svg);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 7px;
    background-size: 7%;
    cursor: pointer;
  }
  .renew-policy-select-plan .dp-modal {
    display: none;
    position: absolute;
    z-index: 1;
    height: 100%;
    overflow: unset;
    background-color: #ffffffdb;
    padding: 10% 0 0 0;
    transition: 0.5s ease-in all;
  }
  .renew-policy-select-plan .dp-modal .modal-contents {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: auto;
    padding: 20px 20px 5px 20px;
    border: 0;
    border-radius: 15px;
    transition: 0.5s ease-in all;
  }
  .renew-policy-select-plan .dp-modal .modal-contents p {
    text-align: left;
    font-size: 1.2rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info {
    text-align: left;
    border: 1px solid #06aecc;
    border-radius: 12px;
    background-color: #eafbff;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap {
    padding: 10px 15px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(1) {
    border-right: 1px solid #06aecc;
    border-bottom: 1px solid #06aecc;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(2) {
    border-bottom: 1px solid #06aecc;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(3) {
    border-right: 1px solid #06aecc;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(4) {
    background-color: #06aecc;
    border-radius: 0 0 12px 0;
    text-align: center;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info p {
    font-size: 0.775rem;
    margin-bottom: 0.25rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info span {
    font-size: 0.775rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info .price {
    font-family: "Poppins-SemiBold";
    font-size: 1.4rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info .price::before {
    content: "SAR ";
    font-size: 0.975rem;
    font-family: "Poppins-Medium";
    color: #a3a3a3;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_1 {
    border: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_1 span {
    color: #1fad35;
    font-size: 0.875rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_2 {
    border: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_2 p {
    margin-bottom: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_2 span {
    color: #000000;
    font-family: "Poppins-Regular";
    font-size: 0.875rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 {
    border: 0;
    position: relative;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 p {
    text-align: center;
    font-family: "Poppins-Bold";
    color: #707070;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a {
    color: #707070;
    height: 18px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 32px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_4 {
    color: #fff;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_4 .price::before {
    color: #fff;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_4 span {
    font-size: 0.675rem;
    color: #cecece;
  }
  .renew-policy-select-plan .dp-modal .m-details-close {
    color: #06aecc;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: solid #dfdfdf;
    border-width: thin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .renew-policy-select-plan .dp-modal .m-details-close:hover, .renew-policy-select-plan .dp-modal .m-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .renew-policy-select-plan-cover .card {
    background-color: transparent;
  }
  .renew-policy-select-plan-cover .renew-policy-list .list-dropdown {
    width: auto;
    margin: 5px 21.5px;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_l {
    padding: 30px 0;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_r {
    padding: 1rem 0;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_r table {
    width: 100%;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_r table tr td b {
    padding-left: 0;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_total {
    border-radius: 0 0 5px 5px;
    background: linear-gradient(0deg, white, #ededed 100%) no-repeat;
  }
  .renew-policy-select-plan-cover .renew-review-wrap_total table {
    width: 100%;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .renew-policy-payment .card {
    background-color: #fff;
  }
  .renew-policy-payment .pay-wrap h6 {
    text-align: left;
    font-size: 0.775rem;
  }
  .renew-policy-payment .pay-wrap .pay-wrap-container {
    width: 100%;
  }
  .renew-policy-payment .pay-wrap .pay-wrap-container p {
    font-size: 0.87rem;
  }
  .renew-policy-payment .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 10px;
    width: 50%;
  }
  .renew-policy-payment .btn-main {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: -20px 0;
  }

  .renew-policy-confirmation .renew-policy-wrap {
    padding: 4rem 0;
    background: #fff;
  }
}
@media (max-width: 360px) {
  .renew-policy-select-plan .renew-policy-mobile-tab .wazen-tab li a {
    width: 140px;
    padding: 10px 0px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table thead tr th {
    font-size: 0.8rem;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td {
    font-size: 0.8rem;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td span.price-valid {
    font-size: 0.675rem;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action a {
    height: 16px;
  }
  .renew-policy-select-plan .renew-policy-mobile-tab #m-add-comprehensive table tbody tr td .range-action a i {
    font-size: 22px;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_r p {
    font-size: 0.7rem;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l p {
    font-size: 0.752rem;
  }
  .renew-policy-select-plan .renew-policy-total-summary .total-summary_l_total {
    font-size: 1rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info p {
    font-size: 0.675rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info .price {
    font-size: 1rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_wrap {
    padding: 8px 5px;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_1 span {
    font-size: 0.775rem;
  }
  .renew-policy-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 20px;
  }

  .renew-policy-payment .pay-wrap .pay-wrap-container p {
    font-size: 0.675rem;
  }
  .renew-policy-payment .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 10px;
  }

  .renew-policy-select-plan-cover .renew-policy-total-summary .total-summary_l_total {
    font-size: 0.875rem;
  }
}
.cancel-policy-stepwizard #progressbar {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
.cancel-policy-stepwizard #progressbar li {
  list-style-type: none;
  color: #c4c4c4;
  font-size: 0.85rem;
  text-align: center;
  width: fit-content;
  float: left;
  position: relative;
  margin: 0 1rem;
}
.cancel-policy-stepwizard #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
  font-size: 1rem;
  color: #ffffff;
  background: #c4c4c4;
  border-radius: 50%;
  margin: 0 auto 0.752rem auto;
}
.cancel-policy-stepwizard #progressbar li:first-child:after {
  content: none;
}
.cancel-policy-stepwizard #progressbar li.checked::before {
  content: "\eca4" !important;
  font-family: boxicons !important;
  font-size: 1.5rem;
}
.cancel-policy-stepwizard #progressbar li.open {
  color: #06aecc;
}
.cancel-policy-stepwizard #progressbar li.open:before, .cancel-policy-stepwizard #progressbar li.open:after {
  background: #06aecc;
  color: white;
}

.cancel-policy-wrap {
  padding: 8rem 0;
}
.cancel-policy-wrap_title .icon-car {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-position: 0 21.5%;
  background: url(../img/car-icon.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}
.cancel-policy-wrap_title p {
  color: #7B7B7B;
}
.cancel-policy-wrap_title h4 {
  font-family: "Poppins-Bold";
}
.cancel-policy-wrap_inner .icon-car {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-position: 0 21.5%;
  background: url(../img/car-icon.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}
.cancel-policy-wrap_inner .col-1 {
  width: 4rem;
  padding: 0 0.2rem;
}
.cancel-policy-wrap_inner .col-1 .form-control {
  height: 3rem;
  font-size: 1.3rem;
}
.cancel-policy-wrap_inner .conformation-checkbox {
  display: flex;
  justify-content: center;
}
.cancel-policy-wrap_inner .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cancel-policy-wrap_inner .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.cancel-policy-wrap_inner .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 2px;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.cancel-policy-wrap_inner .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.cancel-policy-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.cancel-policy-wrap_inner .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cancel-policy-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.cancel-policy-wrap_inner .conformation-checkbox .customcheck .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cancel-policy-wrap_inner .owl-carousel .owl-nav .nav-btn {
  height: 30px;
  position: absolute;
  width: 30px;
  cursor: pointer;
  top: -30px !important;
  background-color: #e2e2e2;
  border-radius: 50%;
}
.cancel-policy-wrap_inner .owl-carousel .owl-nav .prev-slide {
  left: -1.5rem;
}
.cancel-policy-wrap_inner .owl-carousel .owl-nav .next-slide {
  right: -1.5rem;
}
.cancel-policy-wrap_inner .owl-carousel .owl-nav .owl-prev i,
.cancel-policy-wrap_inner .owl-carousel .owl-nav .owl-next i {
  color: #ffffff;
  font-size: 30px;
}

.new-vehicle-modal {
  display: none;
  position: absolute;
  top: 0;
  width: 98%;
  border-radius: 5px;
  z-index: 1;
  height: 92%;
  padding: 0 !important;
  overflow: unset;
  background-color: #f4f8fb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.new-vehicle-modal .modal-contents {
  position: relative;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 0;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.new-vehicle-modal .modal-contents form select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1rem;
  cursor: pointer;
}
.new-vehicle-modal .new-vehicle-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #A0A0A0;
  color: #ffffff;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.new-vehicle-modal .new-vehicle-close:hover, .new-vehicle-modal .new-vehicle-close:focus {
  text-decoration: none;
  cursor: pointer;
}

.cancel-policy-form form .form-group {
  padding: 15px 40px 10px 0;
}
.cancel-policy-form form .form-control {
  padding: 0.9rem 0.75rem;
}
.cancel-policy-form form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1.2rem;
}
.cancel-policy-form form #cancelPolicyInput {
  background-image: url(../img/date-icon-2.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 11px;
  background-size: 5%;
  cursor: pointer;
}

.cancel-policy-tabel-list .border-right {
  border-right: 1px solid #a7a7a7;
  height: 50px;
}
.cancel-policy-tabel-list table {
  max-width: 450px;
}
.cancel-policy-tabel-list table tr td {
  font-family: "Poppins-Light";
  font-size: 0.875rem;
  padding: 0.35rem 0;
  color: #434343;
}
.cancel-policy-tabel-list table tr td b {
  font-family: "Poppins-SemiBold";
  color: #313c48;
}

.cancel-policy-bank-info form .form-group {
  padding: 10px 40px 10px 0;
}
.cancel-policy-bank-info form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/filter-down.svg);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 45%;
  background-size: 0.9rem;
}
.cancel-policy-bank-info form .conformation-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cancel-policy-bank-info form .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cancel-policy-bank-info form .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.cancel-policy-bank-info form .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.cancel-policy-bank-info form .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.cancel-policy-bank-info form .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.cancel-policy-bank-info form .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cancel-policy-bank-info form .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.cancel-policy-bank-info form .conformation-checkbox .customcheck .checkmark:after {
  left: 5.5px;
  top: 2.5px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cancel-policy-bank-info form .conformation-checkbox .conformation-checkbox-text {
  font-size: 0.85rem;
  color: #7B7B7B;
}
.cancel-policy-bank-info form .cancel-policy-alert p {
  font-family: "Poppins-Light";
  font-size: 0.775rem;
  color: #989898;
}

@media (max-width: 991px) {
  .cancel-policy-otp .btn-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 50%;
    margin: 0 auto;
  }

  .cancel-policy-cancellation-details-wrap .cancel-policy-form form #cancelPolicyInput {
    background-size: 8%;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-wrap_total_count {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 15px;
    background: #EDF3F8;
  }

  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list {
    background-color: transparent;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list table tr td {
    font-family: "Poppins-Medium";
    color: #7B7B7B;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list table tr td b {
    color: #1a1a1a;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list .row {
    --bs-gutter-x: 0;
    padding: 15px 0 10px 0;
    border-radius: 10px;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list .policies-list {
    border: 0;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list .border-right {
    border: 0;
  }
  .cancel-policy-vehicle-information-wrap_list {
    padding: 0 20px;
  }
  .cancel-policy-vehicle-information-wrap_list:first-child {
    border-bottom: 1px solid #a7a7a7;
  }
  .cancel-policy-vehicle-information-wrap .total-summary {
    padding: 0 20px;
  }

  .cancel-policy-bank-info form .form-group {
    padding: 10px 10px 10px 0;
  }

  .cancel-policy-pay-wrap {
    background-color: #ffffff;
  }
  .cancel-policy-pay-wrap .wazen-payment-list-wrap {
    padding: 25px 10px;
  }
  .cancel-policy-pay-wrap h6 {
    text-align: center;
  }
  .cancel-policy-pay-wrap #paypage .form-card {
    padding: 10px 15px;
  }

  .cancel-policy-thank-wrap {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .cancel-policy-stepwizard #progressbar li {
    font-size: 0.75rem;
    margin: 0 0.5rem;
  }
  .cancel-policy-stepwizard #progressbar li::before {
    width: 2rem;
    line-height: 2rem;
  }

  .cancel-policy-otp .cancel-policy-wrap {
    background-color: transparent;
  }
  .cancel-policy-otp .cancel-policy-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .cancel-policy-otp .cancel-policy-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }
  .cancel-policy-otp .renew-policy-wrap_title_des {
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    padding: 0 20px;
  }
  .cancel-policy-otp .btn-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }

  .cancel-policy-select-vehicles .cancel-policy-wrap {
    background-color: #ffffff;
    padding: 4rem 20px;
    z-index: 9999;
  }
  .cancel-policy-select-vehicles .cancel-policy-wrap_title p {
    font-size: 12px;
  }

  .cancel-policy-select-vehicles-2 .card {
    background-color: transparent;
  }
  .cancel-policy-select-vehicles-2 .cancel-policy-wrap_title {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
  }
  .cancel-policy-select-vehicles-2 .cancel-policy-wrap_inner .btn-main#new-vehicle-popup-btn {
    border-radius: 5px;
  }
  .cancel-policy-select-vehicles-2 .new-vehicle-modal {
    margin: 0 auto;
    width: 80%;
    border-radius: 25px;
    height: auto;
    left: 0;
    right: 0;
  }
  .cancel-policy-select-vehicles-2 .new-vehicle-modal .new-vehicle-close {
    color: #06aecc;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    background-color: #A0A0A0;
    color: #ffffff;
    top: -12px;
    right: -6px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .cancel-policy-select-vehicles-2 .new-vehicle-modal .car-icon {
    display: none;
  }

  .cancel-policy-vehicles-list .card {
    background-color: transparent;
  }
  .cancel-policy-vehicles-list .cancel-policy-wrap_total_count {
    background: #EDF3F8;
    padding: 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .cancel-policy-cancellation-details-wrap .card {
    background-color: transparent;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-form {
    padding: 25px 20px;
    background-color: #e2effa;
    margin-bottom: 200px;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-form h4 {
    text-align: left !important;
    font-size: 1rem;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-form form {
    margin-top: 10px;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-form form #cancelPolicyInput {
    background-size: 8%;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-form form .form-group {
    padding: 0 0 10px 0;
  }
  .cancel-policy-cancellation-details-wrap .cancel-policy-form .cancel-policy-wrap_total_count {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 15px;
    background: #EDF3F8;
  }

  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list {
    background-color: transparent;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list table tr td {
    font-family: "Poppins-Medium";
    color: #7B7B7B;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list table tr td b {
    color: #1a1a1a;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list .row {
    --bs-gutter-x: 0;
    padding: 15px 0 10px 0;
    border-radius: 10px;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list .policies-list {
    border: 0;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .cancel-policy-vehicle-information-wrap .cancel-policy-tabel-list .border-right {
    border: 0;
  }
  .cancel-policy-vehicle-information-wrap_list {
    padding: 0 20px;
  }
  .cancel-policy-vehicle-information-wrap_list:first-child {
    border-bottom: 1px solid #a7a7a7;
  }
  .cancel-policy-vehicle-information-wrap .total-summary {
    flex-direction: column;
  }
  .cancel-policy-vehicle-information-wrap .total-summary_l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
  }
  .cancel-policy-vehicle-information-wrap .total-summary_r {
    position: fixed;
    background: #EDF3F8;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    transition: 0.3s all ease-in-out;
  }

  .cancel-policy-bank-info {
    background-color: transparent;
  }
  .cancel-policy-bank-info form .form-group {
    padding: 10px 0 0 0;
  }
  .cancel-policy-bank-info form .conformation-checkbox {
    justify-content: left;
  }
  .cancel-policy-bank-info form .cancel-policy-alert p {
    text-align: left;
  }
  .cancel-policy-bank-info_total {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 10px;
    background: #EDF3F8;
  }

  .cancel-policy-otp-wrap {
    padding: 4rem 0;
    background-color: transparent;
  }
  .cancel-policy-otp-wrap_des {
    font-size: 1rem;
    padding: 0 50px;
  }
  .cancel-policy-otp-wrap .cancel-policy-wrap_inner .col-1 {
    width: 4.5rem;
    padding: 0 0.2rem;
  }
  .cancel-policy-otp-wrap .cancel-policy-wrap_inner .col-1 .form-control {
    height: 3.5rem;
    font-size: 1.3rem;
    border-radius: 15px;
  }

  .cancel-policy-pay-wrap {
    background-color: #ffffff;
  }
  .cancel-policy-pay-wrap .wazen-payment-list-wrap {
    padding: 25px 10px;
  }
  .cancel-policy-pay-wrap h6 {
    margin: 0;
    text-align: left;
  }
  .cancel-policy-pay-wrap #paypage .form-card {
    padding: 10px 15px;
  }

  #cancel-policy-select-vehicles-backdrops {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    background: #eef3f8;
    opacity: 0.93;
  }

  #cancel-policy-select-vehicles-backdrop.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #eef3f8;
    opacity: 0.93;
  }
}
@media (max-width: 360px) {
  .cancel-policy-stepwizard #progressbar li {
    font-size: 0.65rem;
  }
}
.get-quote-stepwizard #progressbar {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
.get-quote-stepwizard #progressbar li {
  list-style-type: none;
  color: #c4c4c4;
  font-size: 0.85rem;
  text-align: center;
  width: fit-content;
  float: left;
  position: relative;
  margin: 0 1rem;
}
.get-quote-stepwizard #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
  font-size: 1rem;
  color: #fff;
  background: #c4c4c4;
  border-radius: 50%;
  margin: 0 auto 0.752rem auto;
}
.get-quote-stepwizard #progressbar li:first-child:after {
  content: none;
}
.get-quote-stepwizard #progressbar li.checked {
  color: #06aecc;
}
.get-quote-stepwizard #progressbar li.checked::before {
  content: "\eca4" !important;
  font-family: boxicons !important;
  font-size: 1.5rem;
  background: #06aecc;
}
.get-quote-stepwizard #progressbar li.checked::before span {
  color: #06aecc;
}
.get-quote-stepwizard #progressbar li.open {
  color: #06aecc;
}
.get-quote-stepwizard #progressbar li.open:before, .get-quote-stepwizard #progressbar li.open:after {
  background: #06aecc;
  color: white;
}

.get-quote-wrap {
  padding: 6rem 0;
}
.get-quote-wrap_title p {
  color: #7B7B7B;
}
.get-quote-wrap_title h4 {
  font-family: "Poppins-Bold";
}
.get-quote-wrap_title .icon-car {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-position: 0 21.5%;
  background: url(../img/car-icon.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}
.get-quote-wrap_inner .col-1 {
  width: 4rem;
  padding: 0 0.2rem;
}
.get-quote-wrap_inner .col-1 .form-control {
  height: 3rem;
  font-size: 1.3rem;
}
.get-quote-wrap_inner .conformation-checkbox {
  display: flex;
  justify-content: center;
}
.get-quote-wrap_inner .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.get-quote-wrap_inner .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.get-quote-wrap_inner .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.get-quote-wrap_inner .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.get-quote-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.get-quote-wrap_inner .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.get-quote-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.get-quote-wrap_inner .conformation-checkbox .customcheck .checkmark:after {
  left: 5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.get-quote-wrap_inner .owl-carousel .owl-nav .nav-btn {
  height: 30px;
  position: absolute;
  width: 30px;
  cursor: pointer;
  top: -30px !important;
  background-color: #e2e2e2;
  border-radius: 50%;
}
.get-quote-wrap_inner .owl-carousel .owl-nav .prev-slide {
  left: -1.5rem;
}
.get-quote-wrap_inner .owl-carousel .owl-nav .next-slide {
  right: -1.5rem;
}
.get-quote-wrap_inner .owl-carousel .owl-nav .owl-prev i,
.get-quote-wrap_inner .owl-carousel .owl-nav .owl-next i {
  color: #fff;
  font-size: 30px;
}
.get-quote-wrap_inner .claim-selection .list-dropdown {
  z-index: 9;
}
.get-quote-wrap_inner form #datepickerInput {
  background-image: url(../img/cal.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 10px;
  background-size: 5%;
  cursor: pointer;
}

.gq-new-vehicle-modal {
  display: none;
  position: absolute;
  top: 0;
  width: 98%;
  border-radius: 5px;
  z-index: 1;
  height: 92%;
  padding: 0 !important;
  overflow: unset;
  background-color: #f4f8fb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.gq-new-vehicle-modal .modal-contents {
  position: relative;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 0;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.gq-new-vehicle-modal .modal-contents form select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1rem;
  cursor: pointer;
}
.gq-new-vehicle-modal .gq-new-vehicle-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #bcbcbc;
  color: #fff;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.gq-new-vehicle-modal .gq-new-vehicle-close:hover, .gq-new-vehicle-modal .gq-new-vehicle-close:focus {
  text-decoration: none;
  cursor: pointer;
}

#driver-details .driver-details-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
#driver-details .driver-details-checkbox .radio-custom {
  opacity: 0;
  position: absolute;
}
#driver-details .driver-details-checkbox .radio-custom,
#driver-details .driver-details-checkbox .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins-Medium";
  margin: 5px;
  cursor: pointer;
  font-size: 14px;
}
#driver-details .driver-details-checkbox .radio-custom-label {
  position: relative;
}
#driver-details .driver-details-checkbox .radio-custom + .radio-custom-label:before {
  content: "";
  background: #b5b5b5;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
}
#driver-details .driver-details-checkbox .radio-custom:checked + .radio-custom-label:before {
  content: "\eca4";
  font-family: "boxicons";
  background: #06aecc;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
#driver-details form .form-group {
  padding: 15px 40px 10px 0;
}
#driver-details form .form-control {
  padding: 0.9rem 0.75rem;
}
#driver-details form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1.2rem;
}
#driver-details form #driverDetailsInput,
#driver-details form #validationInput {
  /* background-image: url(../img/date-icon-2.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 11px;
  background-size: 5%; */
  cursor: pointer;
}
#driver-details .traffic-violation-wrap_list {
  background-color: #f4f4f4;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px;
  color: #788491;
  text-align: left;
}
#driver-details .traffic-violation-wrap_list-l span {
  font-family: "Poppins-Regular";
  font-size: 0.775rem;
}
#driver-details .traffic-violation-wrap_list-l p {
  font-family: "Poppins-Bold";
  font-size: 0.875rem;
}
#driver-details .traffic-violation-wrap_list-r .edit-icon {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin: 0 8px 0 0;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/traffic-violation-icon.svg) no-repeat;
  background-position: 0 32.5%;
}
#driver-details .traffic-violation-wrap_list-r .remove-icon {
  width: 35px;
  height: 35px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/traffic-violation-icon.svg) no-repeat;
  background-position: 100%;
}
#driver-details .new-vehicle-modal {
  height: 100%;
}

#add-comprehensive #datepickerInput,
#tpl-features #datepickerInput {
  background-image: url(../img/date-icon-2.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
  background-size: 1.5rem 1.5rem;
  cursor: pointer;
}
#add-comprehensive table,
#tpl-features table {
  border: 1px solid #e1e1e1;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-color: 0px;
  border-bottom-style: none;
}
#add-comprehensive table thead tr,
#tpl-features table thead tr {
  border: 0;
}
#add-comprehensive table thead tr th,
#tpl-features table thead tr th {
  padding: 2.2rem 0;
  color: #06aecc;
  font-family: "Poppins-SemiBold";
  border: 0;
}
#add-comprehensive table tbody tr td,
#tpl-features table tbody tr td {
  font-family: "Poppins-Bold";
  font-size: 1.1rem;
  vertical-align: middle;
  padding: 0.5rem;
  position: relative;
}
#add-comprehensive table tbody tr td:first-child,
#tpl-features table tbody tr td:first-child {
  border-left: 0;
}
#add-comprehensive table tbody tr td:last-child,
#tpl-features table tbody tr td:last-child {
  border-right: 0;
}
#add-comprehensive table tbody tr td a,
#tpl-features table tbody tr td a {
  font-family: inherit;
}
#add-comprehensive table tbody tr td .price,
#tpl-features table tbody tr td .price {
  font-family: "Poppins-Bold";
}
#add-comprehensive table tbody tr td .price::before,
#tpl-features table tbody tr td .price::before {
  content: "SAR ";
  font-size: 0.875rem;
  font-family: "Poppins-Medium";
  color: #b5b5b3;
}
#add-comprehensive table tbody tr td span.price-valid,
#tpl-features table tbody tr td span.price-valid {
  font-size: 0.775rem;
  color: #c48e8b;
}
#add-comprehensive table tbody tr td .range-action,
#tpl-features table tbody tr td .range-action {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 12px;
  right: 28%;
}
#add-comprehensive table tbody tr td .range-action a,
#tpl-features table tbody tr td .range-action a {
  color: #d1d1d1;
  height: 20px;
}
#add-comprehensive table tbody tr td .range-action a i,
#tpl-features table tbody tr td .range-action a i {
  font-size: 24px;
}
#add-comprehensive table tbody tr:last-child,
#tpl-features table tbody tr:last-child {
  border-bottom: 0;
}

.quote-review-wrap_l {
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 8px;
  padding: 150px 0;
}
.quote-review-wrap_l span {
  font-size: 0.85rem;
}
.quote-review-wrap_l P {
  font-size: 0.75rem;
  font-family: "Poppins-Light";
}
.quote-review-wrap_r table tr td {
  color: #7B7B7B;
  font-family: "Poppins-Light";
  font-size: 0.9rem;
  padding: 0.325rem 0;
}
.quote-review-wrap_r table tr td dl {
  margin-bottom: 0.2rem;
}
.quote-review-wrap_r table tr td b {
  color: #313c48;
  font-family: "Poppins-SemiBold";
  padding-left: 4rem;
}
.quote-review-wrap_r table tr td .policies-price {
  padding-left: 2rem;
  color: #080808;
  font-family: "Poppins-Bold";
}
.quote-review-wrap_r table tr td .policies-price::before {
  font-family: "Poppins-Medium";
  color: #7B7B7B;
}
.quote-review-wrap_r table tr dt {
  font-family: "Poppins-Bold";
}
.quote-review-wrap_r table tr dd {
  font-family: "Poppins-Light";
  margin-left: 10px;
  margin-bottom: 0;
}
.quote-review-wrap_total {
  background-color: #f4f4f4;
  border-radius: 5px;
}
.quote-review-wrap_total table tr td {
  width: 160px;
}
.quote-review-wrap_total .policies-price {
  font-size: 1.3rem;
  font-family: "Poppins-Bold";
  padding-left: 2.5rem;
}
.quote-review-wrap_total .policies-price::before {
  font-family: "Poppins-Medium";
}

.quote-policy-list .list-con {
  background-color: #06aecc;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 5px 15px;
  color: #fff;
  font-family: "Poppins-SemiBold";
  font-size: 0.775rem;
  border-radius: 8px 8px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.quote-policy-list .list-con i {
  font-size: 24px;
}
.quote-policy-list .list-con.collapsed {
  border-radius: 8px;
}
.quote-policy-list .list-dropdown {
  position: relative;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  top: -35px;
  margin: 5px 21.5px;
  padding: 5px 20px;
  border: 2px solid #06aecc;
}
.quote-policy-list .list-dropdown ul {
  margin-bottom: 0;
  padding: 0;
}
.quote-policy-list .list-dropdown ul li {
  padding: 15px 0;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  justify-content: space-between;
}
.quote-policy-list .list-dropdown ul li:last-child {
  border-bottom: 0;
}
.quote-policy-list .list-dropdown ul li .conformation-checkbox {
  justify-content: unset;
}
.quote-policy-list .list-dropdown ul li .conformation-checkbox .customcheck {
  margin-bottom: 0;
  font-size: 0.85rem;
}
.quote-policy-list .list-dropdown ul li .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #4fce80;
}
.quote-policy-list .list-dropdown ul li .conformation-checkbox .customcheck .checkmark:after {
  left: 5.5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
}
.quote-policy-list .list-dropdown ul li .conformation-checkbox .checkmark {
  background-color: #c6c6c6;
}
.quote-policy-list .list-dropdown ul li a {
  color: #fff;
  font-size: 0.85rem;
}
.quote-policy-list .list-dropdown ul li .renew-policy-price-dropdown-list {
  font-size: 0.875rem;
}
.quote-policy-list .list-dropdown ul li .renew-policy-price-dropdown-list::before {
  content: "SAR";
  color: #c6c6c6;
}
.quote-policy-list .acc-policies-list.active .delete-icon {
  bottom: 3.5rem;
}

.add-additional-modal {
  display: none;
  position: absolute;
  top: 0;
  width: 98%;
  border-radius: 5px;
  z-index: 1;
  height: 100%;
  padding: 0 !important;
  overflow: unset;
  background-color: #f4f8fb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.add-additional-modal .modal-contents {
  position: relative;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 0;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.add-additional-modal .modal-contents form select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/down.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 1rem;
  cursor: pointer;
}
.add-additional-modal .add-additional-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #bcbcbc;
  color: #fff;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.add-additional-modal .add-additional-close:hover, .add-additional-modal .add-additional-close:focus {
  text-decoration: none;
  cursor: pointer;
}
.add-additional-modal .add-additional-list-con .add-additional-check {
  background-position: 0 43.9%;
  background: url(../img/add-additional-list-icon-check.svg) no-repeat;
  width: 30px;
  height: 35px;
  display: inline-block;
  margin: 0 20px 0 0;
  background-size: 100%;
  vertical-align: middle;
}
.add-additional-modal .add-additional-list-con .add-additional-uncheck {
  background-position: 0 43.9%;
  background: url(../img/add-additional-list-icon-uncheck.svg) no-repeat;
  width: 30px;
  height: 35px;
  display: inline-block;
  margin: 0 20px 0 0;
  background-size: 100%;
  vertical-align: middle;
}

.add-additional-list-con_sec {
  background-color: #f2f2f2;
  padding: 20px 20px 0 20px;
  border-radius: 10px;
}
.add-additional-list-con_sec p {
  font-size: 0.875rem;
}
.add-additional-list-con_sec .add-additional-check {
  background-position: 0 43.9%;
  background: url(../img/add-additional-list-icon-check.svg) no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 20px 0 0;
  background-size: 90%;
  vertical-align: middle;
}
.add-additional-list-con_sec .add-additional-uncheck {
  background-position: 0 43.9%;
  background: url(../img/add-additional-list-icon-uncheck.svg) no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 20px 0 0;
  background-size: 90%;
  vertical-align: middle;
}

.gq-legal-agreement-popup {
  display: none;
  position: absolute;
  top: 0;
  width: 98%;
  border-radius: 5px;
  z-index: 1;
  height: 92%;
  padding: 0 !important;
  overflow: unset;
  background-color: #f4f8fb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.gq-legal-agreement-popup .modal-contents {
  position: relative;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 0;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.gq-legal-agreement-popup .gq-legal-agreement-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #bcbcbc;
  color: #fff;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.gq-legal-agreement-popup .gq-legal-agreement-close:hover, .gq-legal-agreement-popup .gq-legal-agreement-close:focus {
  text-decoration: none;
  cursor: pointer;
}

.get-quote-select-plan .get-quote-desktop-tab .wazen-tab li a {
  width: 185px;
  text-align: center;
}
.get-quote-select-plan .get-quote-mobile-tab .wazen-tab {
  border-radius: 12px;
}
.get-quote-select-plan .get-quote-mobile-tab .wazen-tab li {
  position: relative;
}
.get-quote-select-plan .get-quote-mobile-tab .wazen-tab li a {
  width: 165px;
  padding: 15px 30px;
  border-radius: 12px;
}
.get-quote-select-plan .get-quote-mobile-tab .wazen-tab li .nav-link.active::after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 65px;
  border-top: 15px solid #06aecc;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: none;
}

.get-quote-select-plan-cover .get-quote-wrap_total {
  background-color: #f4f4f4;
  border-radius: 5px;
}
.get-quote-select-plan-cover .get-quote-wrap_total table {
  width: 100%;
}

@media (max-width: 991px) {
  .get-quote-intro .get-quote-wrap {
    padding: 3rem 15px;
    margin-bottom: 1rem;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-wrap {
    padding: 5px 15px;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-con {
    padding: 15px 15px;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-con span {
    font-size: 14px;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-dropdown {
    position: relative;
    width: 100%;
  }
  .get-quote-intro .get-quote-wrap_inner form #datepickerInput {
    background-position-y: 9px;
    background-size: 4%;
  }

  .get-quote-otp .get-quote-wrap {
    background-color: transparent;
    padding: 3rem 0;
  }
  .get-quote-otp .get-quote-wrap_title p {
    padding: 0 30px;
    font-family: "Poppins-SemiBold";
    font-size: 16px;
  }
  .get-quote-otp .get-quote-wrap_inner_no {
    color: #000000;
    font-size: 22px;
    font-family: "Poppins-Bold";
  }
  .get-quote-otp .get-quote-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .get-quote-otp .get-quote-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }

  .get-quote-vehicle-details .card {
    background-color: transparent;
  }
  .get-quote-vehicle-details .get-quote-wrap_title_des {
    display: flex;
    flex-direction: column-reverse;
  }
  .get-quote-vehicle-details .get-quote-wrap_title_des p {
    color: #A0A0A0;
    margin-top: 1rem;
  }
  .get-quote-vehicle-details .get-quote_total_count {
    background: #EDF3F8;
    padding: 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .get-quote-vehicle-wrap .card {
    background-color: transparent;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .driverDetailsInput {
    background-image: url(../img/date-icon-2.svg);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 7px;
    background-size: 7%;
    cursor: pointer;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details form #driverDetailsInput {
    background-position-y: 10px;
    background-size: 8%;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details form .form-group {
    padding: 5px 10px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal {
    height: auto;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    border-radius: 20px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal .new-vehicle-close {
    top: -15px;
    right: -10px;
    width: 35px;
    height: 35px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal .new-vehicle-close i {
    font-size: 30px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal form #validationInput {
    background-position-y: 9px;
    background-size: 5%;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 {
    background-color: transparent;
    margin: 0;
    padding: 20px 5px;
    border-radius: 15px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list {
    background-color: #fff;
    border: 1px solid #06aecc;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list-l {
    display: flex;
    flex-direction: column;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list-r .edit-icon {
    background: url(../img/m-traffic-violation-icon.svg) no-repeat;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list-r .remove-icon {
    background: url(../img/m-traffic-violation-icon.svg) no-repeat;
    background-position: 100%;
  }

  .get-quote-select-plan .card {
    background: transparent;
  }
  .get-quote-select-plan .policies-slider .owl-nav {
    display: none;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab {
    border-radius: 12px;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li {
    position: relative;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li a {
    width: 165px;
    padding: 15px 30px;
    border-radius: 12px;
    text-align: center;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li .nav-link.active::after {
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 65px;
    border-top: 15px solid #06aecc;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: none;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table {
    border: 1px solid #e1e1e1;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: 0px;
    border-bottom-style: none;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr {
    border: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr th {
    padding: 1rem 0;
    color: #06aecc;
    font-family: "Poppins-SemiBold";
    border: 1px solid #e1e1e1;
    border-top: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th:first-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr th:first-child {
    border-left: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th:last-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr th:last-child {
    border-right: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr:hover, .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr.active,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr:hover,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr.active {
    background-color: #eaf7ff;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td {
    font-family: "Poppins-Bold";
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0.5rem;
    position: relative;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td:first-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td:first-child {
    border-left: 0;
    border-radius: 15px 0 0 15px;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td:last-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td:last-child {
    border-right: 0;
    border-radius: 0 15px 15px 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td a,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td a {
    font-family: inherit;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .price,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .price {
    font-family: "Poppins-Bold";
    text-align: center;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .price::before,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .price::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Medium";
    color: #b5b5b3;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td span.price-valid,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td span.price-valid {
    font-family: "Poppins-Regular";
    font-size: 0.775rem;
    color: #c48e8b;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .range-action {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 2rem;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action a,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .range-action a {
    height: 20px;
    color: #707070;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action a i,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .range-action a i {
    font-size: 30px;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr:last-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr:last-child {
    border-bottom: 0;
  }
  .get-quote-select-plan .dp-modal {
    display: none;
    position: absolute;
    z-index: 1;
    height: 100%;
    overflow: unset;
    background-color: #ffffffdb;
    padding: 10% 0 0 0;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .dp-modal .modal-contents {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: auto;
    padding: 20px 20px 5px 20px;
    border: 0;
    border-radius: 15px;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .dp-modal .modal-contents p {
    text-align: left;
    font-size: 1.2rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info {
    text-align: left;
    border: 1px solid #06aecc;
    border-radius: 12px;
    background-color: #eafbff;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap {
    padding: 10px 15px;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(1) {
    border-right: 1px solid #06aecc;
    border-bottom: 1px solid #06aecc;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(2) {
    border-bottom: 1px solid #06aecc;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(3) {
    border-right: 1px solid #06aecc;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(4) {
    background-color: #06aecc;
    border-radius: 0 0 12px 0;
    text-align: center;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info p {
    font-size: 0.775rem;
    margin-bottom: 0.25rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info span {
    font-size: 0.775rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info .price {
    font-family: "Poppins-SemiBold";
    font-size: 1.4rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info .price::before {
    content: "SAR ";
    font-size: 0.975rem;
    font-family: "Poppins-Medium";
    color: #a3a3a3;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_1 {
    border: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_1 span {
    color: #1fad35;
    font-size: 0.875rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_2 {
    border: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_2 p {
    margin-bottom: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_2 span {
    color: #000000;
    font-family: "Poppins-Regular";
    font-size: 0.875rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 {
    border: 0;
    position: relative;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 p {
    text-align: center;
    font-family: "Poppins-Bold";
    color: #707070;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a {
    color: #707070;
    height: 18px;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 32px;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_4 {
    color: #fff;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_4 .price::before {
    color: #fff;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_4 span {
    font-size: 0.675rem;
    color: #cecece;
  }
  .get-quote-select-plan .dp-modal .m-details-close {
    color: #06aecc;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: solid #dfdfdf;
    border-width: thin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .get-quote-select-plan .dp-modal .m-details-close:hover, .get-quote-select-plan .dp-modal .m-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .get-quote-select-plan .m-deduction-modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: unset;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents {
    position: relative;
    margin-left: auto;
    border-radius: 5px;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title {
    display: flex;
    background: #06aecc;
    justify-content: space-between;
    padding: 1rem 2rem;
    align-items: center;
    color: #fff;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title p {
    font-family: "Poppins-Bold";
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close i {
    font-size: 1.8rem;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:hover, .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    height: 200px;
    overflow: scroll;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul {
    margin: 0;
    padding: 0;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li:last-child {
    border: 0;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li span {
    color: #cccccc;
    font-family: "Poppins-SemiBold";
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li span::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Regular";
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li.active span {
    font-family: "Poppins-Bold";
    font-size: 1.2rem;
    color: #000;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li:hover {
    cursor: pointer;
    background-color: #f8fafc;
  }
  .get-quote-select-plan .get-quote-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_l_total {
    color: #707070;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .get-quote-select-plan-cover .card {
    background-color: transparent;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .get-quote-select-plan-cover .quote-policy-list .list-con {
    padding: 5px 15px;
  }
  .get-quote-select-plan-cover .quote-policy-list .list-dropdown {
    width: auto;
    margin: 5px 21.5px;
  }
  .get-quote-select-plan-cover .quote-review-wrap_r {
    padding: 1rem 0;
  }
  .get-quote-select-plan-cover .quote-review-wrap_r table {
    width: 100%;
  }
  .get-quote-select-plan-cover .quote-review-wrap_r table tr td b {
    padding-left: 0;
  }
  .get-quote-select-plan-cover .get-quote-total-summary {
    background: #EDF3F8;
    padding: 45px 10px 10px 10px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l_total {
    color: #707070;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
  .get-quote-select-plan-cover .get-quote-wrap_total table tr td:last-child {
    text-align: end;
    padding-right: 20px;
  }

  .gq-new-vehicle-modal {
    width: 80%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
    z-index: 99999;
  }
  .gq-new-vehicle-modal .gq-new-vehicle-close {
    background-color: #d5d5d5;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
  }
  .gq-new-vehicle-modal .gq-new-vehicle-close i {
    font-size: 32px;
  }

  .add-additional-modal {
    position: fixed;
    top: 30%;
    width: 90%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
    z-index: 99999;
  }
  .add-additional-modal .modal-contents {
    padding: 35px 20px;
  }
  .add-additional-modal .modal-contents h4 {
    font-size: 1.2rem;
  }
  .add-additional-modal .add-additional-list-con .add-additional-check,
.add-additional-modal .add-additional-list-con .add-additional-uncheck {
    background-size: 75%;
    margin: 0;
    vertical-align: top;
  }
  .add-additional-modal .add-additional-close {
    background-color: #d5d5d5;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
  }

  #get-quote-con-backdrop.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #EDF3F8;
    opacity: 0.93;
  }
}
@media (max-width: 767px) {
  .get-quote-stepwizard #progressbar {
    margin-bottom: 15px;
  }
  .get-quote-stepwizard #progressbar li {
    margin: 0;
    font-size: 0.75rem;
  }
  .get-quote-stepwizard #progressbar li span {
    visibility: hidden;
  }
  .get-quote-stepwizard #progressbar li.open span {
    visibility: visible;
    color: #06aecc;
  }

  .get-quote-intro .get-quote-wrap {
    padding: 3rem 15px;
    margin-bottom: 1rem;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-wrap {
    padding: 5px 15px;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-con {
    padding: 15px 15px;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-con span {
    font-size: 14px;
  }
  .get-quote-intro .get-quote-wrap .claim-selection .list-dropdown {
    position: relative;
    width: 100%;
  }
  .get-quote-intro .get-quote-wrap_inner form #datepickerInput {
    background-position-y: 7px;
    background-size: 7%;
  }

  .get-quote-otp .get-quote-wrap {
    background-color: transparent;
    padding: 3rem 0;
  }
  .get-quote-otp .get-quote-wrap_title p {
    padding: 0 30px;
    font-family: "Poppins-SemiBold";
    font-size: 16px;
  }
  .get-quote-otp .get-quote-wrap_inner_no {
    color: #000000;
    font-size: 22px;
    font-family: "Poppins-Bold";
  }
  .get-quote-otp .get-quote-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .get-quote-otp .get-quote-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }
  .get-quote-otp .get-quote-wrap_inner .btn-main {
    position: fixed;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    bottom: 20px;
  }

  .get-quote-processing .card {
    background-color: #fff;
  }
  .get-quote-processing .card h4,
.get-quote-processing .card p {
    font-size: 95%;
  }

  .get-quote-vehicle-details .card {
    background-color: transparent;
  }
  .get-quote-vehicle-details .get-quote-wrap_title_des {
    display: flex;
    flex-direction: column-reverse;
  }
  .get-quote-vehicle-details .get-quote-wrap_title_des p {
    color: #A0A0A0;
    margin-top: 1rem;
  }
  .get-quote-vehicle-details .get-quote_total_count {
    background: #EDF3F8;
    padding: 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .get-quote-failed .get-quote-wrap {
    background-color: #fff;
    padding: 5rem 0;
  }
  .get-quote-failed .get-quote-wrap h4 {
    font-size: 1rem;
    padding-bottom: 0.5rem;
  }

  .get-quote-vehicle-wrap .card {
    background-color: transparent;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .driverDetailsInput {
    background-image: url(../img/date-icon-2.svg);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 7px;
    background-size: 7%;
    cursor: pointer;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .get-quote-wrap-tab-outter {
    background: #e2effa;
    padding: 20px 0 0 0;
    border-radius: 15px 15px 0 0;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-checkbox {
    justify-content: space-between;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-checkbox span {
    margin-right: auto;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details form #driverDetailsInput {
    background-position-y: 10px;
    background-size: 8%;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details form .form-group {
    padding: 5px 0;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-1 {
    background-color: #e2effa;
    margin: 0;
    padding: 0 5px 10px 5px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-2 {
    background-color: #e2effa;
    margin: 0;
    padding: 0 5px 20px 5px;
    border-radius: 0 0 15px 15px;
    margin-bottom: 20px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-2 h4 {
    font-size: 1rem;
    text-align: start !important;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-3 {
    background-color: #e2effa;
    margin: 0;
    padding: 20px 5px;
    border-radius: 15px 15px 0 0;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-3 h4 {
    font-size: 1rem;
    text-align: start !important;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-4 {
    background-color: #e2effa;
    margin: 0;
    padding: 0 5px 20px 5px;
    border-radius: 0 0 15px 15px;
    margin-bottom: 20px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 {
    background-color: #e2effa;
    margin: 0;
    padding: 20px 5px;
    border-radius: 15px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list {
    background-color: #fff;
    border: 1px solid #06aecc;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list-l {
    display: flex;
    flex-direction: column;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list-r .edit-icon {
    background: url(../img/m-traffic-violation-icon.svg) no-repeat;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .driver-details-wrap-5 .traffic-violation-wrap_list-r .remove-icon {
    background: url(../img/m-traffic-violation-icon.svg) no-repeat;
    background-position: 100%;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal {
    height: auto;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    border-radius: 20px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal .new-vehicle-close {
    top: -15px;
    right: -10px;
    width: 35px;
    height: 35px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal .new-vehicle-close i {
    font-size: 30px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner #driver-details .new-vehicle-modal form #validationInput {
    background-position-y: 9px;
    background-size: 9%;
  }

  .get-quote-select-plan .card {
    background: transparent;
  }
  .get-quote-select-plan .policies-slider .owl-nav {
    display: none;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab {
    border-radius: 12px;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li {
    position: relative;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li a {
    width: 165px;
    padding: 15px 30px;
    border-radius: 12px;
    text-align: center;
  }
  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li .nav-link.active::after {
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 65px;
    border-top: 15px solid #06aecc;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: none;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table {
    border: 1px solid #e1e1e1;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: 0px;
    border-bottom-style: none;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr {
    border: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr th {
    padding: 1rem 0;
    color: #06aecc;
    font-family: "Poppins-SemiBold";
    border: 1px solid #e1e1e1;
    border-top: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th:first-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr th:first-child {
    border-left: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th:last-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table thead tr th:last-child {
    border-right: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr:hover, .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr.active,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr:hover,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr.active {
    background-color: #eaf7ff;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td {
    font-family: "Poppins-Bold";
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0.5rem;
    position: relative;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td:first-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td:first-child {
    border-left: 0;
    border-radius: 15px 0 0 15px;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td:last-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td:last-child {
    border-right: 0;
    border-radius: 0 15px 15px 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td a,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td a {
    font-family: inherit;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .price,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .price {
    font-family: "Poppins-Bold";
    text-align: unset;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .price::before,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .price::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Medium";
    color: #b5b5b3;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td span.price-valid,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td span.price-valid {
    font-family: "Poppins-Regular";
    font-size: 0.775rem;
    color: #c48e8b;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .range-action {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action a,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .range-action a {
    height: 20px;
    color: #707070;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action a i,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr td .range-action a i {
    font-size: 30px;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr:last-child,
.get-quote-select-plan .get-quote-mobile-tab #m-tpl-features table tbody tr:last-child {
    border-bottom: 0;
  }
  .get-quote-select-plan .dp-modal {
    display: none;
    position: absolute;
    z-index: 1;
    height: 100%;
    overflow: unset;
    background-color: #ffffffdb;
    padding: 10% 0 0 0;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .dp-modal .modal-contents {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: auto;
    padding: 20px 20px 5px 20px;
    border: 0;
    border-radius: 15px;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .dp-modal .modal-contents p {
    text-align: left;
    font-size: 1.2rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info {
    text-align: left;
    border: 1px solid #06aecc;
    border-radius: 12px;
    background-color: #eafbff;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap {
    padding: 10px 15px;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(1) {
    border-right: 1px solid #06aecc;
    border-bottom: 1px solid #06aecc;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(2) {
    border-bottom: 1px solid #06aecc;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(3) {
    border-right: 1px solid #06aecc;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_wrap:nth-child(4) {
    background-color: #06aecc;
    border-radius: 0 0 12px 0;
    text-align: center;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info p {
    font-size: 0.775rem;
    margin-bottom: 0.25rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info span {
    font-size: 0.775rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info .price {
    font-family: "Poppins-SemiBold";
    font-size: 1.4rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info .price::before {
    content: "SAR ";
    font-size: 0.975rem;
    font-family: "Poppins-Medium";
    color: #a3a3a3;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_1 {
    border: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_1 span {
    color: #1fad35;
    font-size: 0.875rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_2 {
    border: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_2 p {
    margin-bottom: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_2 span {
    color: #000000;
    font-family: "Poppins-Regular";
    font-size: 0.875rem;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 {
    border: 0;
    position: relative;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 p {
    text-align: center;
    font-family: "Poppins-Bold";
    color: #707070;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a {
    color: #707070;
    height: 18px;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 32px;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_4 {
    color: #fff;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_4 .price::before {
    color: #fff;
  }
  .get-quote-select-plan .dp-modal .modal-contents .details-list-info_4 span {
    font-size: 0.675rem;
    color: #cecece;
  }
  .get-quote-select-plan .dp-modal .m-details-close {
    color: #06aecc;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: solid #dfdfdf;
    border-width: thin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .get-quote-select-plan .dp-modal .m-details-close:hover, .get-quote-select-plan .dp-modal .m-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .get-quote-select-plan .m-deduction-modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: unset;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents {
    position: relative;
    margin-left: auto;
    border-radius: 5px;
    transition: 0.5s ease-in all;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title {
    display: flex;
    background: #06aecc;
    justify-content: space-between;
    padding: 1rem 2rem;
    align-items: center;
    color: #fff;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title p {
    font-family: "Poppins-Bold";
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close i {
    font-size: 1.8rem;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:hover, .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    height: 200px;
    overflow: scroll;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul {
    margin: 0;
    padding: 0;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li:last-child {
    border: 0;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li span {
    color: #cccccc;
    font-family: "Poppins-SemiBold";
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li span::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Regular";
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li.active span {
    font-family: "Poppins-Bold";
    font-size: 1.2rem;
    color: #000;
  }
  .get-quote-select-plan .m-deduction-modal .modal-contents .deduction-modal_des ul li:hover {
    cursor: pointer;
    background-color: #f8fafc;
  }
  .get-quote-select-plan .get-quote-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_l_total {
    color: #707070;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .get-quote-select-plan .get-quote-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .get-quote-select-plan-cover .card {
    background-color: transparent;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .get-quote-select-plan-cover .quote-policy-list .list-con {
    padding: 5px 15px;
  }
  .get-quote-select-plan-cover .quote-policy-list .list-dropdown {
    width: auto;
    margin: 5px 21.5px;
  }
  .get-quote-select-plan-cover .quote-review-wrap_l {
    padding: 30px 0;
  }
  .get-quote-select-plan-cover .quote-review-wrap_r {
    padding: 1rem 0;
  }
  .get-quote-select-plan-cover .quote-review-wrap_r table {
    width: 100%;
  }
  .get-quote-select-plan-cover .quote-review-wrap_r table tr td b {
    padding-left: 0;
  }
  .get-quote-select-plan-cover .get-quote-total-summary {
    background: #EDF3F8;
    padding: 45px 10px 10px 10px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l_total {
    color: #707070;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
  .get-quote-select-plan-cover .get-quote-wrap_total {
    width: 100%;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(0deg, white, #ededed 100%) no-repeat;
  }
  .get-quote-select-plan-cover .get-quote-wrap_total table tr td:last-child {
    text-align: end;
    padding-right: 20px;
  }

  .get-quote-payment .card {
    background-color: #fff;
  }
  .get-quote-payment .pay-wrap h6 {
    text-align: left;
    font-size: 0.775rem;
  }
  .get-quote-payment .pay-wrap .pay-wrap-container {
    width: 100%;
  }
  .get-quote-payment .pay-wrap .pay-wrap-container p {
    font-size: 0.87rem;
  }
  .get-quote-payment .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 10px;
    width: 50%;
  }
  .get-quote-payment .btn-main {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: -20px 0;
  }

  .gq-legal-agreement-popup {
    height: auto;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: 99999;
    border-radius: 15px;
  }
  .gq-legal-agreement-popup .modal-contents {
    padding: 3rem 1.5rem;
  }
  .gq-legal-agreement-popup p {
    font-size: 0.875rem;
  }
  .gq-legal-agreement-popup .gq-legal-agreement-close {
    top: -15px;
    right: -10px;
    width: 35px;
    height: 35px;
  }

  .add-additional-modal {
    width: 90%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
    z-index: 99999;
  }
  .add-additional-modal .modal-contents {
    padding: 35px 20px;
  }
  .add-additional-modal .modal-contents h4 {
    font-size: 1.2rem;
  }
  .add-additional-modal .add-additional-list-con .add-additional-check,
.add-additional-modal .add-additional-list-con .add-additional-uncheck {
    background-size: 75%;
    margin: 0;
    vertical-align: top;
  }
  .add-additional-modal .add-additional-close {
    background-color: #d5d5d5;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
  }

  .get-quote-thank-you-wrap .card {
    background-color: #fff;
    padding: 3rem 0;
  }

  .gq-new-vehicle-modal {
    width: 80%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
    z-index: 99999;
  }
  .gq-new-vehicle-modal .gq-new-vehicle-close {
    background-color: #d5d5d5;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
  }
  .gq-new-vehicle-modal .gq-new-vehicle-close i {
    font-size: 32px;
  }

  #get-quote-con-backdrop.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #EDF3F8;
    opacity: 0.93;
  }
}
@media (max-width: 360px) {
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list {
    padding: 0.6rem;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list .policies-car .policies-carnum span {
    font-size: 1rem;
    padding: 0 0.5rem;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list .policies-car .policies-carname p {
    font-size: 14px;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list table tr td p,
.get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list table tr td b {
    font-size: 0.6rem;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list .delete-icon {
    bottom: 0;
    right: 0;
  }
  .get-quote-vehicle-wrap .get-quote-wrap_inner .policies-slider .acc-policies-list .delete-icon .icon-delete {
    background-size: 75%;
  }

  .get-quote-payment .pay-wrap .pay-wrap-container p {
    font-size: 0.675rem;
  }
  .get-quote-payment .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 10px;
  }

  .get-quote-select-plan .get-quote-mobile-tab .wazen-tab li a {
    width: 140px;
    padding: 10px 0px;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table thead tr th {
    font-size: 0.8rem;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td {
    font-size: 0.8rem;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td span.price-valid {
    font-size: 0.675rem;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action a {
    height: 16px;
  }
  .get-quote-select-plan .get-quote-mobile-tab #m-add-comprehensive table tbody tr td .range-action a i {
    font-size: 22px;
  }

  .get-quote-select-plan-cover .quote-policy-list .list-dropdown {
    margin: 5px 12px;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .acc-policies-list {
    padding: 0.6rem;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .acc-policies-list .policies-car .policies-carnum span {
    font-size: 1rem;
    padding: 0 0.5rem;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .acc-policies-list .policies-car .policies-carname p {
    font-size: 14px;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .acc-policies-list table tr td p,
.get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .acc-policies-list table tr td b {
    font-size: 0.6rem;
  }
  .get-quote-select-plan-cover .get-quote-wrap_inner .policies-slider .acc-policies-list .delete-icon .icon-delete {
    background-size: 75%;
  }
  .get-quote-select-plan-cover .get-quote-total-summary .total-summary_l_total {
    font-size: 0.875rem;
  }
}
.upgrade-policy-stepwizard #progressbar {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
.upgrade-policy-stepwizard #progressbar li {
  list-style-type: none;
  color: #c4c4c4;
  font-size: 0.85rem;
  text-align: center;
  width: fit-content;
  float: left;
  position: relative;
  margin: 0 1rem;
}
.upgrade-policy-stepwizard #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
  font-size: 1rem;
  color: #ffffff;
  background: #c4c4c4;
  border-radius: 50%;
  margin: 0 auto 0.752rem auto;
}
.upgrade-policy-stepwizard #progressbar li:first-child:after {
  content: none;
}
.upgrade-policy-stepwizard #progressbar li.checked::before {
  content: "\eca4" !important;
  font-family: boxicons !important;
  font-size: 1.5rem;
}
.upgrade-policy-stepwizard #progressbar li.open {
  color: #06aecc;
}
.upgrade-policy-stepwizard #progressbar li.open:before, .upgrade-policy-stepwizard #progressbar li.open:after {
  background: #06aecc;
  color: white;
}

.upgrade-policy-wrap {
  padding: 6rem 0;
}
.upgrade-policy-wrap_title p {
  color: #A0A0A0;
}
.upgrade-policy-wrap_title h4 {
  font-family: "Poppins-Bold";
}
.upgrade-policy-wrap_title .icon-car {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-position: 0 21.5%;
  background: url(../img/car-icon.svg) no-repeat;
  background-size: 75%;
  display: inline-block;
}
.upgrade-policy-wrap_inner .col-1 {
  width: 4rem;
  padding: 0 0.2rem;
}
.upgrade-policy-wrap_inner .col-1 .form-control {
  height: 3rem;
  font-size: 1.3rem;
}
.upgrade-policy-wrap_inner .conformation-checkbox {
  display: flex;
  justify-content: center;
}
.upgrade-policy-wrap_inner .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upgrade-policy-wrap_inner .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.upgrade-policy-wrap_inner .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.upgrade-policy-wrap_inner .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.upgrade-policy-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.upgrade-policy-wrap_inner .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.upgrade-policy-wrap_inner .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.upgrade-policy-wrap_inner .conformation-checkbox .customcheck .checkmark:after {
  left: 5px;
  top: 2.5px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.upgrade-policy-wrap_inner .owl-carousel .owl-nav .nav-btn {
  height: 30px;
  position: absolute;
  width: 30px;
  cursor: pointer;
  top: -30px !important;
  background-color: #e2e2e2;
  border-radius: 50%;
}
.upgrade-policy-wrap_inner .owl-carousel .owl-nav .prev-slide {
  left: -1.5rem;
}
.upgrade-policy-wrap_inner .owl-carousel .owl-nav .next-slide {
  right: -1.5rem;
}
.upgrade-policy-wrap_inner .owl-carousel .owl-nav .owl-prev i,
.upgrade-policy-wrap_inner .owl-carousel .owl-nav .owl-next i {
  color: #ffffff;
  font-size: 30px;
}

.upgrade-policy-list-table_title {
  background-color: #06aecc;
  border-radius: 99px;
  color: #ffffff;
  padding: 0.6rem 0;
}
.upgrade-policy-list-table_wrap table {
  border: 1px solid #e1e1e1;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-color: 0px;
  border-bottom-style: none;
}
.upgrade-policy-list-table_wrap table thead tr {
  border: 0;
}
.upgrade-policy-list-table_wrap table thead tr th {
  padding: 2.2rem 0;
  color: #06aecc;
  font-family: "Poppins-SemiBold";
  border: 0;
}
.upgrade-policy-list-table_wrap table tbody tr td {
  font-family: "Poppins-Bold";
  font-size: 1.1rem;
  vertical-align: middle;
  padding: 0.5rem;
  position: relative;
}
.upgrade-policy-list-table_wrap table tbody tr td:first-child {
  border-left: 0;
}
.upgrade-policy-list-table_wrap table tbody tr td:last-child {
  border-right: 0;
}
.upgrade-policy-list-table_wrap table tbody tr td a {
  font-family: inherit;
}
.upgrade-policy-list-table_wrap table tbody tr td .price {
  font-family: "Poppins-Bold";
}
.upgrade-policy-list-table_wrap table tbody tr td .price::before {
  content: "SAR ";
  font-size: 0.875rem;
  font-family: "Poppins-Medium";
  color: #b5b5b3;
}
.upgrade-policy-list-table_wrap table tbody tr td span.price-valid {
  font-size: 0.775rem;
  color: #c48e8b;
}
.upgrade-policy-list-table_wrap table tbody tr td .range-action {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 12px;
  right: 28%;
}
.upgrade-policy-list-table_wrap table tbody tr td .range-action a {
  color: #d1d1d1;
  height: 20px;
}
.upgrade-policy-list-table_wrap table tbody tr td .range-action a i {
  font-size: 24px;
}
.upgrade-policy-list-table_wrap table tbody tr:last-child {
  border-bottom: 0;
}
.upgrade-policy-list-table_wrap .dp-modal {
  display: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  overflow: unset;
  background-color: #ffffffdb;
  padding-top: 8%;
  transition: 0.5s ease-in all;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents {
  position: relative;
  width: 95%;
  background-color: #eafbff;
  margin: auto;
  padding: 20px 20px 0 20px;
  border: 2px solid #06aecc;
  border-radius: 5px;
  transition: 0.5s ease-in all;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents p {
  text-align: left;
  font-size: 1.2rem;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info {
  text-align: left;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info p {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info span {
  font-size: 0.775rem;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info .price {
  font-family: "Poppins-SemiBold";
  font-size: 1.2rem;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info .price::before {
  content: "SAR ";
  font-size: 0.875rem;
  font-family: "Poppins-Medium";
  color: #a3a3a3;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_1 {
  border-right: 1px solid #c7e2e8;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_1 span {
  color: #1fad35;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_2 {
  border-right: 1px solid #c7e2e8;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_2 span {
  font-family: "Poppins-Light";
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_3 {
  border-right: 1px solid #c7e2e8;
  position: relative;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_3 .range-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 22%;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_3 .range-action a {
  color: #d1d1d1;
  height: 20px;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_3 .range-action a i {
  font-size: 28px;
}
.upgrade-policy-list-table_wrap .dp-modal .modal-contents .details-list-info_4 span {
  font-size: 0.675rem;
  color: #c48d8d;
}
.upgrade-policy-list-table_wrap .dp-modal .details-close {
  color: #06aecc;
  float: right;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  background-color: #ffffff;
  top: 10px;
  right: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.upgrade-policy-list-table_wrap .dp-modal .details-close:hover, .upgrade-policy-list-table_wrap .dp-modal .details-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.upgrade-review-wrap_l {
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 8px;
  padding: 150px 0;
}
.upgrade-review-wrap_l span {
  font-size: 0.85rem;
}
.upgrade-review-wrap_l P {
  font-size: 0.75rem;
  font-family: "Poppins-Light";
}
.upgrade-review-wrap_r table tr td {
  color: #7B7B7B;
  font-family: "Poppins-Light";
  font-size: 0.9rem;
  padding: 0.325rem 0;
}
.upgrade-review-wrap_r table tr td b {
  color: #313c48;
  font-family: "Poppins-SemiBold";
  padding-left: 4rem;
}
.upgrade-review-wrap_r table tr td .policies-price {
  padding-left: 2rem;
  color: #080808;
  font-family: "Poppins-Bold";
}
.upgrade-review-wrap_r table tr td .policies-price::before {
  font-family: "Poppins-Medium";
  color: #7B7B7B;
}
.upgrade-review-wrap_r table tr dt {
  font-family: "Poppins-Bold";
}
.upgrade-review-wrap_r table tr dd {
  font-family: "Poppins-Light";
  margin-left: 10px;
  margin-bottom: 0;
}
.upgrade-review-wrap_total {
  background-color: #f4f4f4;
  border-radius: 5px;
}
.upgrade-review-wrap_total table tr td {
  width: 160px;
}
.upgrade-review-wrap_total .policies-price {
  font-size: 1.3rem;
  font-family: "Poppins-Bold";
  padding-left: 2.5rem;
}
.upgrade-review-wrap_total .policies-price::before {
  font-family: "Poppins-Medium";
}

.upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.upgrade-policy-list .list-con {
  background-color: #06aecc;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 5px 15px;
  color: #ffffff;
  font-family: "Poppins-SemiBold";
  font-size: 0.775rem;
  border-radius: 8px 8px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.upgrade-policy-list .list-con i {
  font-size: 24px;
}
.upgrade-policy-list .list-con.collapsed {
  border-radius: 8px;
}
.upgrade-policy-list .list-dropdown {
  position: relative;
  background-color: #06aecc;
  border-radius: 0 0 6px 6px;
  top: -45px;
  margin: 0 auto;
  width: 88.5%;
  padding: 20px 25px;
}
.upgrade-policy-list .list-dropdown ul {
  margin-bottom: 0;
  padding: 0;
}
.upgrade-policy-list .list-dropdown ul li {
  padding: 8px 0;
  border-bottom: 1px solid #82d4e3;
  display: flex;
  justify-content: space-between;
}
.upgrade-policy-list .list-dropdown ul li:last-child {
  border-bottom: 0;
}
.upgrade-policy-list .list-dropdown ul li .conformation-checkbox {
  justify-content: unset;
}
.upgrade-policy-list .list-dropdown ul li .conformation-checkbox .customcheck {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 0.85rem;
}
.upgrade-policy-list .list-dropdown ul li .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #4fce80;
}
.upgrade-policy-list .list-dropdown ul li .conformation-checkbox .customcheck .checkmark:after {
  left: 5.5px;
  top: 3px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
}
.upgrade-policy-list .list-dropdown ul li .conformation-checkbox .checkmark {
  background-color: #c6c6c6;
}
.upgrade-policy-list .list-dropdown ul li a {
  color: #ffffff;
  font-size: 0.85rem;
}
.upgrade-policy-list .list-dropdown ul li .renew-policy-price-dropdown-list {
  color: #f0f0f0;
  font-size: 0.875rem;
}
.upgrade-policy-list .list-dropdown ul li .renew-policy-price-dropdown-list::before {
  content: "SAR";
  color: #c8ecf2;
  font-family: "Poppins-SemiBold";
}
.upgrade-policy-list .acc-policies-list.active .delete-icon {
  bottom: 3.5rem;
}

.upgrade-policy-bank-info .conformation-checkbox,
.upgrade-policy-previous-policy .conformation-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.upgrade-policy-bank-info .conformation-checkbox .customcheck,
.upgrade-policy-previous-policy .conformation-checkbox .customcheck {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upgrade-policy-bank-info .conformation-checkbox .customcheck input,
.upgrade-policy-previous-policy .conformation-checkbox .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.upgrade-policy-bank-info .conformation-checkbox .checkmark,
.upgrade-policy-previous-policy .conformation-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #b5b5b5;
  border-radius: 50%;
}
.upgrade-policy-bank-info .conformation-checkbox .customcheck:hover input ~ .checkmark,
.upgrade-policy-previous-policy .conformation-checkbox .customcheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.upgrade-policy-bank-info .conformation-checkbox .customcheck input:checked ~ .checkmark,
.upgrade-policy-previous-policy .conformation-checkbox .customcheck input:checked ~ .checkmark {
  background-color: #06aecc;
  border-radius: 50%;
  transition: 0.3s all ease-in;
}
.upgrade-policy-bank-info .conformation-checkbox .checkmark:after,
.upgrade-policy-previous-policy .conformation-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.upgrade-policy-bank-info .conformation-checkbox .customcheck input:checked ~ .checkmark:after,
.upgrade-policy-previous-policy .conformation-checkbox .customcheck input:checked ~ .checkmark:after {
  display: block;
}
.upgrade-policy-bank-info .conformation-checkbox .customcheck .checkmark:after,
.upgrade-policy-previous-policy .conformation-checkbox .customcheck .checkmark:after {
  left: 5.5px;
  top: 2.5px;
  width: 4.5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.upgrade-policy-bank-info .conformation-checkbox .conformation-checkbox-text,
.upgrade-policy-previous-policy .conformation-checkbox .conformation-checkbox-text {
  font-size: 0.85rem;
  color: #7B7B7B;
}
.upgrade-policy-bank-info form .form-group,
.upgrade-policy-previous-policy form .form-group {
  padding: 10px 40px 10px 0;
}
.upgrade-policy-bank-info form select.form-control,
.upgrade-policy-previous-policy form select.form-control {
  color: #788491;
  cursor: pointer;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/filter-down.svg);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 45%;
  background-size: 0.9rem;
}

.upgrade-policy-alert p {
  font-family: "Poppins-Light";
  font-size: 0.775rem;
  color: #989898;
}

@media (max-width: 991px) {
  .upgrade-policy-otp .card {
    background-color: transparent;
  }
  .upgrade-policy-otp .upgrade-policy_title_des {
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    padding: 0 20px;
  }
  .upgrade-policy-otp .upgrade-policy-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .upgrade-policy-otp .upgrade-policy-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }
  .upgrade-policy-otp .btn-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: max-content;
    margin: 0 auto;
  }

  .upgrade-policy-vehicles-list .card {
    background-color: transparent;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des p {
    font-size: 14px;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des .btn-main {
    margin-bottom: 15px;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_total_count {
    background: #EDF3F8;
    padding: 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .upgrade-policy-select-plan-cover .card {
    background-color: transparent;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-list .list-con {
    padding: 5px 15px;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-list .list-dropdown {
    width: auto;
    margin: 5px 21.5px;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_r {
    padding: 1rem 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_r table {
    width: 100%;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_r table tr td b {
    padding-left: 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 10px 10px 10px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 0.875rem;
    color: #b2b2b2;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_total table {
    width: 100%;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_total table tr td:last-child {
    text-align: end;
    padding-right: 20px;
  }

  .upgrade-policy-list-table_title {
    border-radius: 8px;
    padding: 0.7rem 0;
  }
  .upgrade-policy-list-table_title::after {
    content: " ";
    position: absolute;
    left: 47%;
    border-top: 20px solid #06aecc;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: none;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table {
    border: 1px solid #e1e1e1;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: 0px;
    border-bottom-style: none;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr {
    border: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th {
    padding: 1rem 0;
    color: #06aecc;
    font-family: "Poppins-SemiBold";
    border: 1px solid #e1e1e1;
    border-top: 0;
    border-bottom: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th:first-child {
    border-left: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th:last-child {
    border-right: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr:hover, .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr.active {
    background-color: #eaf7ff;
    border-top: 0;
    border-bottom: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td {
    font-family: "Poppins-Bold";
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0.5rem;
    position: relative;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td:first-child {
    border-left: 0;
    border-radius: 15px 0 0 15px;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td:last-child {
    border-right: 0;
    border-radius: 0 15px 15px 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td a {
    font-family: inherit;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .price {
    font-family: "Poppins-Bold";
    text-align: center;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .price::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Medium";
    color: #b5b5b3;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td span.price-valid {
    font-family: "Poppins-Regular";
    font-size: 0.775rem;
    color: #c48e8b;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action a {
    height: 20px;
    color: #707070;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action a i {
    font-size: 30px;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr:last-child {
    border-bottom: 0;
  }
  .upgrade-policy-list-table .dp-modal {
    display: none;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    overflow: unset;
    background-color: #ffffffdb;
    padding: 5% 0 0 0;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: auto;
    padding: 20px 20px 5px 20px;
    border: 0;
    border-radius: 15px;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents p {
    text-align: left;
    font-size: 1.2rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info {
    text-align: left;
    border: 1px solid #06aecc;
    border-radius: 12px;
    background-color: #eafbff;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap {
    padding: 10px 15px;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(1) {
    border-right: 1px solid #06aecc;
    border-bottom: 1px solid #06aecc;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(2) {
    border-bottom: 1px solid #06aecc;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(3) {
    border-right: 1px solid #06aecc;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(4) {
    background-color: #06aecc;
    border-radius: 0 0 12px 0;
    text-align: center;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info p {
    font-size: 0.775rem;
    margin-bottom: 0.25rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info span {
    font-size: 0.775rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info .price {
    font-family: "Poppins-SemiBold";
    font-size: 1.4rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info .price::before {
    content: "SAR ";
    font-size: 0.975rem;
    font-family: "Poppins-Medium";
    color: #a3a3a3;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_1 {
    border: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_1 span {
    color: #1fad35;
    font-size: 0.875rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_2 {
    border: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_2 p {
    margin-bottom: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_2 span {
    color: #000000;
    font-family: "Poppins-Regular";
    font-size: 0.875rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 {
    border: 0;
    position: relative;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 p {
    text-align: center;
    font-family: "Poppins-Bold";
    color: #707070;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 .range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 .range-action a {
    color: #707070;
    height: 18px;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 32px;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_4 {
    color: #fff;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_4 .price::before {
    color: #fff;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_4 span {
    font-size: 0.675rem;
    color: #cecece;
  }
  .upgrade-policy-list-table .dp-modal .m-details-close {
    color: #06aecc;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: solid #dfdfdf;
    border-width: thin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .upgrade-policy-list-table .dp-modal .m-details-close:hover, .upgrade-policy-list-table .dp-modal .m-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .upgrade-policy-list-table .m-deduction-modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: unset;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents {
    position: relative;
    margin-left: auto;
    border-radius: 5px;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title {
    display: flex;
    background: #06aecc;
    justify-content: space-between;
    padding: 1rem 2rem;
    align-items: center;
    color: #fff;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title p {
    font-family: "Poppins-Bold";
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close i {
    font-size: 1.8rem;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:hover, .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    height: 200px;
    overflow: scroll;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul {
    margin: 0;
    padding: 0;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li:last-child {
    border: 0;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li span {
    color: #cccccc;
    font-family: "Poppins-SemiBold";
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li span::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Regular";
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li.active span {
    font-family: "Poppins-Bold";
    font-size: 1.2rem;
    color: #000;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li:hover {
    cursor: pointer;
    background-color: #f8fafc;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  #upgrade-policy-con-backdrops.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #EDF3F8;
    opacity: 0.93;
  }
}
@media (max-width: 767px) {
  .upgrade-policy-stepwizard #progressbar li {
    font-size: 0.75rem;
    margin: 0 0.5rem;
  }

  .upgrade-policy-page-header-bg {
    background: #ffffff;
    margin-left: 12px;
    border-radius: 0 0 0 8px;
  }
  .upgrade-policy-page-header-bg header .m-breadcrumbs {
    padding: 0 15px 0 0;
  }
  .upgrade-policy-page-header-bg .policies-slider {
    padding-right: 0;
  }

  .upgrade-policy-otp .card {
    background-color: transparent;
  }
  .upgrade-policy-otp .upgrade-policy_title_des {
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    padding: 0 20px;
  }
  .upgrade-policy-otp .upgrade-policy-wrap_inner #otp-verification .col-1 {
    width: 4.5rem;
  }
  .upgrade-policy-otp .upgrade-policy-wrap_inner #otp-verification .col-1 .form-control {
    height: 3.5rem;
    border-radius: 18px;
  }
  .upgrade-policy-otp .btn-main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }

  .upgrade-policy-disclaimer .upgrade-policy-wrap {
    background-color: #ffffff;
    z-index: 99999;
    padding: 3rem 1rem;
  }

  .upgrade-policy-vehicles-list .card {
    background-color: transparent;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des p {
    font-size: 14px;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_title_des .btn-main {
    margin-bottom: 15px;
  }
  .upgrade-policy-vehicles-list .upgrade-policy-wrap_total_count {
    background: #EDF3F8;
    padding: 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }

  .upgrade-policy-processing .card {
    background: #ffffff;
    z-index: 9999999;
  }

  .upgrade-policy-select-plan .card {
    background: transparent;
  }
  .upgrade-policy-select-plan .policies-slider .owl-nav {
    display: none;
  }
  .upgrade-policy-select-plan .upgrade-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .upgrade-policy-select-plan .upgrade-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .upgrade-policy-select-plan .upgrade-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .upgrade-policy-select-plan .upgrade-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .upgrade-policy-select-plan .upgrade-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .upgrade-policy-select-plan .upgrade-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .upgrade-policy-bank-details .upgrade-policy-bank-info h4 {
    font-size: 0.875rem;
    color: #000000;
    font-family: "Poppins-Bold";
  }
  .upgrade-policy-bank-details .upgrade-policy-bank-info form .form-group {
    padding: 10px 0;
  }
  .upgrade-policy-bank-details .upgrade-policy-bank-info_sec {
    position: absolute;
    margin-top: 1.5rem;
    left: 0;
    right: 0;
  }
  .upgrade-policy-bank-details .upgrade-policy-bank-info_sec_btn {
    position: fixed;
    bottom: 0;
    width: 90%;
    left: 0;
    right: 0;
    margin: 1rem auto;
  }

  .upgrade-policy-previous-policy-wrap .card {
    position: fixed;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 30%;
    background-color: #fff;
    padding: 3rem 0;
  }
  .upgrade-policy-previous-policy-wrap .card .upgrade-policy-wrap_title p {
    font-size: 0.875rem;
    padding: 0 1rem;
  }

  .upgrade-policy-select-plan-cover .card {
    background-color: transparent;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .owl-nav {
    display: none;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-list .list-con {
    padding: 5px 15px;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-list .list-dropdown {
    width: auto;
    margin: 5px 21.5px;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-list .acc-policies-list .delete-icon {
    bottom: 3rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_l {
    padding: 30px 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_r {
    padding: 1rem 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_r table {
    width: 100%;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_r table tr td b {
    padding-left: 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 10px 10px 10px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_l_total {
    color: #707070;
    font-size: 1.2rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 0.875rem;
    color: #b2b2b2;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_total {
    width: 100%;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(0deg, white, #f8f8f8 100%) no-repeat;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_total table {
    width: 100%;
  }
  .upgrade-policy-select-plan-cover .upgrade-review-wrap_total table tr td:last-child {
    text-align: end;
    padding-right: 20px;
  }

  .upgrade-policy-list-table_title {
    border-radius: 8px;
    padding: 0.7rem 0;
  }
  .upgrade-policy-list-table_title::after {
    content: " ";
    position: absolute;
    left: 47%;
    border-top: 20px solid #06aecc;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: none;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table {
    border: 1px solid #e1e1e1;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-color: 0px;
    border-bottom-style: none;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr {
    border: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th {
    padding: 1rem 0;
    color: #06aecc;
    font-family: "Poppins-SemiBold";
    border: 1px solid #e1e1e1;
    border-top: 0;
    border-bottom: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th:first-child {
    border-left: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th:last-child {
    border-right: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr:hover, .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr.active {
    background-color: #eaf7ff;
    border-top: 0;
    border-bottom: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td {
    font-family: "Poppins-Bold";
    font-size: 1.1rem;
    vertical-align: middle;
    padding: 0.5rem;
    position: relative;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td:first-child {
    border-left: 0;
    border-radius: 15px 0 0 15px;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td:last-child {
    border-right: 0;
    border-radius: 0 15px 15px 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td a {
    font-family: inherit;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .price {
    font-family: "Poppins-Bold";
    text-align: unset;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .price::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Medium";
    color: #b5b5b3;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td span.price-valid {
    font-family: "Poppins-Regular";
    font-size: 0.775rem;
    color: #c48e8b;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action a {
    height: 20px;
    color: #707070;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action a i {
    font-size: 30px;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr:last-child {
    border-bottom: 0;
  }
  .upgrade-policy-list-table .dp-modal {
    display: none;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    overflow: unset;
    background-color: #ffffffdb;
    padding: 10% 0 0 0;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: auto;
    padding: 20px 20px 5px 20px;
    border: 0;
    border-radius: 15px;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents p {
    text-align: left;
    font-size: 1.2rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info {
    text-align: left;
    border: 1px solid #06aecc;
    border-radius: 12px;
    background-color: #eafbff;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap {
    padding: 10px 15px;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(1) {
    border-right: 1px solid #06aecc;
    border-bottom: 1px solid #06aecc;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(2) {
    border-bottom: 1px solid #06aecc;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(3) {
    border-right: 1px solid #06aecc;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_wrap:nth-child(4) {
    background-color: #06aecc;
    border-radius: 0 0 12px 0;
    text-align: center;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info p {
    font-size: 0.775rem;
    margin-bottom: 0.25rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info span {
    font-size: 0.775rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info .price {
    font-family: "Poppins-SemiBold";
    font-size: 1.4rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info .price::before {
    content: "SAR ";
    font-size: 0.975rem;
    font-family: "Poppins-Medium";
    color: #a3a3a3;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_1 {
    border: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_1 span {
    color: #1fad35;
    font-size: 0.875rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_2 {
    border: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_2 p {
    margin-bottom: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_2 span {
    color: #000000;
    font-family: "Poppins-Regular";
    font-size: 0.875rem;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 {
    border: 0;
    position: relative;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 p {
    text-align: center;
    font-family: "Poppins-Bold";
    color: #707070;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 .range-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 8px;
    right: 0;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 .range-action a {
    color: #707070;
    height: 18px;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_3 .range-action a i {
    font-size: 32px;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_4 {
    color: #fff;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_4 .price::before {
    color: #fff;
  }
  .upgrade-policy-list-table .dp-modal .modal-contents .details-list-info_4 span {
    font-size: 0.675rem;
    color: #cecece;
  }
  .upgrade-policy-list-table .dp-modal .m-details-close {
    color: #06aecc;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: solid #dfdfdf;
    border-width: thin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .upgrade-policy-list-table .dp-modal .m-details-close:hover, .upgrade-policy-list-table .dp-modal .m-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .upgrade-policy-list-table .m-deduction-modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: unset;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents {
    position: relative;
    margin-left: auto;
    border-radius: 5px;
    transition: 0.5s ease-in all;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title {
    display: flex;
    background: #06aecc;
    justify-content: space-between;
    padding: 1rem 2rem;
    align-items: center;
    color: #fff;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title p {
    font-family: "Poppins-Bold";
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close i {
    font-size: 1.8rem;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:hover, .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_title .m-deduction-details-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    height: 200px;
    overflow: scroll;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul {
    margin: 0;
    padding: 0;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li:last-child {
    border: 0;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li span {
    color: #cccccc;
    font-family: "Poppins-SemiBold";
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li span::before {
    content: "SAR ";
    font-size: 0.875rem;
    font-family: "Poppins-Regular";
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li.active span {
    font-family: "Poppins-Bold";
    font-size: 1.2rem;
    color: #000;
  }
  .upgrade-policy-list-table .m-deduction-modal .modal-contents .deduction-modal_des ul li:hover {
    cursor: pointer;
    background-color: #f8fafc;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary {
    background: #EDF3F8;
    padding: 45px 20px 20px 20px;
    position: sticky;
    z-index: 9999;
    bottom: 0;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_l p {
    font-family: "Poppins-Regular";
    color: #707070;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_l_total {
    color: #707070;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_l_total span {
    font-family: "Poppins-Bold";
    font-size: inherit;
    vertical-align: inherit;
    color: inherit;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_r p {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-family: "Poppins-SemiBold";
    font-size: 1rem;
    color: #b2b2b2;
  }
  .upgrade-policy-list-table .m-upgrade-policy-total-summary .total-summary_r .btn-main {
    padding: 0.7rem 2rem;
  }

  .upgrade-policy-payment .card {
    background-color: #fff;
  }
  .upgrade-policy-payment .pay-wrap h6 {
    text-align: left;
    font-size: 0.775rem;
  }
  .upgrade-policy-payment .pay-wrap .pay-wrap-container {
    width: 100%;
  }
  .upgrade-policy-payment .pay-wrap .pay-wrap-container p {
    font-size: 0.87rem;
  }
  .upgrade-policy-payment .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 10px;
    width: 50%;
  }
  .upgrade-policy-payment .btn-main {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: -20px 0;
  }

  .upgrade-policy-thank-you-wrap .card {
    background-color: #fff;
    padding: 4rem 1rem;
  }

  #upgrade-policy-con-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background-color: #eff4f7;
    opacity: 0.93;
  }

  #upgrade-policy-con-backdrops.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #EDF3F8;
    opacity: 0.93;
  }
}
@media (max-width: 360px) {
  .upgrade-policy-stepwizard #progressbar li {
    font-size: 0.65rem;
  }
  .upgrade-policy-stepwizard #progressbar li::before {
    width: 2rem;
    line-height: 2rem;
  }

  .upgrade-policy-payment .pay-wrap .pay-wrap-container p {
    font-size: 0.675rem;
  }
  .upgrade-policy-payment .pay-wrap .pay-wrap-container .pay-wrap-container__button {
    padding: 0 10px;
  }

  .upgrade-policy-select-plan-cover .upgrade-policy-list .list-dropdown {
    margin: 25px 12px 0;
    padding: 10px 15px;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .acc-policies-list {
    padding: 0.6rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .acc-policies-list .policies-car .policies-carnum span {
    font-size: 1rem;
    padding: 0 0.5rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .acc-policies-list .policies-car .policies-carname p {
    font-size: 14px;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .acc-policies-list table tr td p,
.upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .acc-policies-list table tr td b {
    font-size: 0.6rem;
  }
  .upgrade-policy-select-plan-cover .upgrade-policy-wrap_inner .policies-slider .acc-policies-list .delete-icon .icon-delete {
    background-size: 75%;
  }

  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table thead tr th {
    font-size: 0.8rem;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td {
    font-size: 0.8rem;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td span.price-valid {
    font-size: 0.675rem;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action a {
    height: 16px;
  }
  .upgrade-policy-list-table .m-upgrade-policy-list-table_wrap table tbody tr td .range-action a i {
    font-size: 22px;
  }
}
.wazen-payment-list-wrap_flex {
  display: flex;
}
.wazen-payment-list-wrap_flex .btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 8.3333333333px;
  padding: 10px 25px;
  border-radius: 2px;
  line-height: normal;
  font-size: 14px;
  color: #ffffff;
  background: #ffffff;
  width: 25%;
  margin: 0 5px;
  border-radius: 10px;
}
.wazen-payment-list-wrap_flex .btn span {
  padding: 0;
}
.wazen-payment-list-wrap_flex .flex > .btn {
  flex: 1;
  margin-right: 3px;
}
.wazen-payment-list-wrap_flex .apple-btn {
  background-color: #000;
}
.wazen-payment-list-wrap_flex .stc-btn {
  background-color: #e8e8e8;
  color: #000;
}
.wazen-payment-list-wrap_flex .sadad-btn {
  color: #000;
  border: 1px solid #a7a7a7;
  padding: 10px 5px;
}
.wazen-payment-list-wrap_flex .mada-btn {
  color: #000;
  border: 1px solid #a7a7a7;
  padding: 10px 5px;
}
.wazen-payment-list-wrap_flex .btn-icon-apple {
  width: 25px;
  height: 30px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/apple-pay.svg) no-repeat;
  background-size: 85%;
}
.wazen-payment-list-wrap_flex .btn-icon-stc {
  width: 35px;
  height: 25px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/w-stc-pay.svg) no-repeat;
  background-size: 85%;
}
.wazen-payment-list-wrap_flex .btn-icon-sadad {
  width: 65px;
  height: 25px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/w-SADAD-pay.svg) no-repeat;
}
.wazen-payment-list-wrap_flex .btn-icon-mada {
  width: 65px;
  height: 25px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  background: url(../img/w-mada-pay.svg) no-repeat;
}

@media (max-width: 991px) {
  .wazen-payment-list-wrap_flex {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: center;
  }
  .wazen-payment-list-wrap_flex .btn {
    flex: 0 0 38%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .wazen-payment-list-wrap_flex {
    flex-direction: column;
  }
  .wazen-payment-list-wrap_flex .btn {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=style.css.map */