:root {
  --custom-color: #003057;
  --custom-border-radius: 15px;
  --custom-text-color: #fff;
  --custom-bg-color: #f4f5f8;
}

body {
  background-color: var(--custom-bg-color) !important;
  background-image: none !important;
}

.box,
section {
  padding: 0px !important;
  margin-top: unset !important;
}

.box .mobilAccord,
#accord2, #accord1 {
  padding-right: var(--custom-border-radius) !important;
  padding-left: var(--custom-border-radius) !important;
}

section .tab-content h2 a:after {
  right: 15px !important;
  margin-top: -14px !important;
  color: var(--custom-text-color) !important;
  filter: invert(1);
}

.paymentOptionsCustomClass,
.panel-heading {
  background: var(--custom-color) !important;
  position: relative;
  padding-top: 1px;
  border-top-right-radius: var(--custom-border-radius) !important;
  border-top-left-radius: var(--custom-border-radius) !important;
}

.box,
section {
  border-top-right-radius: var(--custom-border-radius) !important;
  border-top-left-radius: var(--custom-border-radius) !important;
}

.box > h3,
.paymentOptionsCustomClass,
.panel-heading a {
  color: var(--custom-text-color) !important;
  border-top-right-radius: var(--custom-border-radius) !important;
  border-top-left-radius: var(--custom-border-radius) !important;
}

.box > h3 {
  padding: 10px var(--custom-border-radius) !important;
  background: var(--custom-color) !important;
}

.paymentOpt,
.secure3D,
.lastCheckAndPayArea {
  padding-right: var(--custom-border-radius) !important;
  padding-left: var(--custom-border-radius) !important;
}

.paymentOptionsCustomClass {
  padding: 12px !important;
}

footer {
  background: unset !important;
  border: unset !important;
  padding-left: 13px !important;
}

header {
  border-bottom: unset !important;
}

.orderInfo a:hover,
.splashBox .head,
.splashBox .confirm a:hover {
  background: var(--custom-color) !important;
  color: var(--custom-text-color) !important;
}

.checkAndPayBox .payBtn,
.confirmBtn {
  background: var(--custom-color) !important;
  color: var(--custom-text-color) !important;
}

.paymentOpt .seeAllPayOpt {
  color: var(--custom-color) !important;
}

section h2 {
  font-family: "futurabold" !important;
}

.languageChangeCustomClass .mobilAccord {
  padding-bottom: 15px !important;
}

@font-face {
  font-family: "futuraregular";
  src: url("../fonts/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futurabold";
  src: url("../fonts/Poppins-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futurabook";
  src: url("../fonts/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}