:root {
    --section-title: #400A0C;
    --card-title: #020466;
    --card-text: #1e305d;
    --border-color: #FAC4AE;
    --body-text: #400A0C; /*#0a101f;*/
    --font-dmSans: DMSans;
    --font-Avenir: AvenirNext;
    --orange: #de5833;
    --orange-lt: #faf1ec;
    --purple: #4d319a;
    --purple-lt: #f3f4fe;
    --purple-lt-text: #53309c;
    --headings: #390f0d;
}
.text-white {color:#fff !important}
/* AvenirNext Regular*/
body {
    font-size: 1.125rem;
    font-family: var(--font-Avenir);
    color: var(--body-text);
}

    body a {
        color: var(--orange)
    }


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: var(--font-dmSans);
}
img {
  max-width: 100%;
}

h1,
.h1 {
  line-height: 1.3636363636;
  font-weight: 700;
}

h2,
.h2 {
  line-height: 1.333;
}

h3,
.h3 {
  line-height: 1.4166666667;
}

h4,
.h4 {
  line-height: 1.5;
}

h5,
.h5 {
  line-height: 1.625;
}

h6,
.h6 {
  line-height: 1.5;
}

.mb-42 {
  margin-bottom: 42px;
}

.mb-46 {
  margin-bottom: 46px;
}

.mb-160 {
  margin-bottom: 160px;
}

hr {
  border-color: #ECECEC;
  opacity: 1;
}
.section-title {
    color: var(--section-title);
}
.bg-primary-darker {
    background-color: #FEF3EE !important;
}

.bg-primary-dark {
  background-color: #030580 !important;
}

.bg-extra-light {
  background-color: #FBFBFB !important;
}

.bg-sky-light {
  background-color: #F5F9FC !important;
}

.bg-gray-light {
  background-color: #E6E6F2 !important;
}

.bg-gray-darker {
  background-color: #D9D9D9 !important;
}

.bg-off-white {
  background-color: #FAFAFA !important;
}

.bg-cosmos-shades {
  background-color: #DDD0D2 !important;
}

.bg-cannon-light {
  background-color: #1D1A05 !important;
}

.bg-blue-shades {
    background-color: var(--orange) !important;
    color:#fff
}

.bg-border-color {
    border-color: var(--section-title) !important;
    color: var(--section-title);
}

.bg-light-card {
  background: rgba(230, 230, 242, 0.2);
}

.border-color-primary-dark {
  border-color: #030580 !important;
}

.text-gray {
  color: #414141 !important;
}

.text-light {
  color: #6C6C6C !important;
}

.bg-cylindrical {
  background: #D6DCEB !important;
}

.bg-secondary-gold {
  background: #E2D2B3 !important;
}

.bg-navy-blue {
  background: #CDCDE6 !important;
}

.bg-gray-darkers {
  background: var(--purple-lt) !important;
}

.bg-treetop {
  background: #D7DCD0 !important;
}

.bg-greenLight {
  background: #607244 !important;
}

.bg-brownshades {
  background: #75424B !important;
}

.white-text-shade {
  color: #D6DCEB !important;
}

.offwhite-text-shade {
  color: #FAFAFA !important;
}

.white-text-shade-color {
  color: #E5E5E5 !important;
}

.bg-gray-shade {
  background: #E5E5E5 !important;
}

.bg-light-pink {
  background: #F0F2F8 !important;
}

.bg-cold-morning {
  background: #F5F5F5 !important;
}

.bg-gray-medium {
  background: #E8E8E6 !important;
}

.bg-light-blacks {
  background: #2E2E2E !important;
}

.bg-very-pale-blue {
  background: #F8F9FF !important;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-77 {
  margin-bottom: 77px;
}

.mt-150 {
  margin-top: 150px;
}
/*
.gray_text-color {
  color: #5F5D83;
}*/

.form-control {
  border-radius: 0px;
  border-color: #ececec;
  height: 42px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #414141;
  background-color: #FBFBFB;
}
.form-control:hover {
  background-color: #f6f6f7;
}
.form-control:focus {
  background-color: #ffffff;
}

.position-relative > .form-control {
  padding-right: 52px;
}

.form-control::-webkit-input-placeholder {
  color: #414141;
}

.form-control:-ms-input-placeholder {
  color: #414141;
}

.form-control::placeholder {
  color: #414141;
}

.form-select {
    border-radius: 0px;
    border-color: #ececec;
    height: 42px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #414141;
    font-size: 0.875rem;
    background-image: url(/Assets/CJPublic/Images/System/chevron-right.png);
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    padding-right: 3rem;
}
.form-select:hover {
  background-color: #f6f6f7;
}
    .form-select:focus {
        background-image: url(/Assets/CJPublic/Images/System/caret-up.png);
    }
.form-select.short + .select2 .selection .select2-selection {
  padding-right: 50px;
}
    .form-select.short + .select2 .select2-selection__arrow {
        background-image: url(/Assets/CJPublic/Images/System/short-icon.svg);
        background-size: 16px auto;
        background-repeat: no-repeat;
        background-position: center center;
        top: 16px !important;
        border: none;
        width: 16px !important;
        height: 13px !important;
    }
.form-select.short + .select2 .select2-selection__arrow b {
  display: none !important;
}
.blue.text-center, a {
    display:inline-block
}
btn, div#MainContent_pnlGhost a, .saperateBannerBtn a, body .advantage-hero .btn.secondary, .dropEmail button, .Showmore-button {
overflow:hidden
}
    .btnIcon {
    padding: 14px 28px 14px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.btnIcon img {
  margin-right: 12px;
}

.btn.btn-default:hover svg path {
  fill: #FFB443;
}
.btn.btn-default[disabled], .btn.btn-default:disabled {
  background-color: #F9F8F8;
  border-color: #F9F8F8;
  color: #6C6C6C;
  opacity: 1;
  pointer-events: none;
  cursor: not-allowed;
}
.btn.btn-default[disabled] svg path, .btn.btn-default:disabled svg path {
  fill: #6C6C6C;
}
.btn.btn-primary[disabled], .btn.btn-primary:disabled {
  background-color: #F9F8F8;
  border-color: #F9F8F8;
  color: #6C6C6C;
  opacity: 1;
  pointer-events: none;
  cursor: not-allowed;
}
.btn.btn-primary[disabled] svg path, .btn.btn-primary:disabled svg path {
  fill: #6C6C6C;
}
.btn.btn-primary:hover {
  background-color: #00819b;
  border-color: #00819b;
}
.btn.btn-outline-secondary {
  border-color: #ECECEC;
  color: #111111;
}
.btn.btn-outline-secondary:hover {
  background-color: #e0ecf6;
  border-color: #e0ecf6;
  color: #111111;
}
@media (min-width: 1200px) {
  .btn + .btn {
    margin-left: 17px;
  }
}

.video-button {
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.video-button:hover .video-btn-icon::after {
  transform: translate(-50%, -50%) scale(1.2);
}
.video-button:hover .video-btn-icon:before {
  content: "";
  opacity: 0;
}
transform: scale(0.9, 0.9);
transition: opacity 1.6s ease-out 0s, transform 7.2s linear 0s;
transform-origin: center center;

.video-button .video-btn-icon {
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    border: 1px solid;
    position: relative;
}
.video-button .video-btn-icon:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.video-button .video-btn-icon:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  border: 1px solid #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all 0.2s ease-in;
}
.video-button .video-btn-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-button .video-btn-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-button .video-btn-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.video-button .video-btn-title span {
  line-height: 21px;
}
.video-button .video-btn-title small {
  font-size: 0.625rem;
  line-height: 1;
}

.small-container {
  width: 636px;
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .container-sm {
    max-width: 1124px;
  }
}
@media (max-width: 767px) {
  .container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100%;
    padding: 0 18px;
  }
}
@media (max-width: 991px) {
  header .container,
  header .container-fluid,
  header .container-xxl,
  header .container-xl,
  header .container-lg,
  header .container-md,
  header .container-sm {
    max-width: 100%;
    padding: 0 30px;
  }
    .saperateBannerBtn a {width:100%}
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.px-100 {
    padding-left: 100px;
    padding-right: 100px;
}
@media (max-width: 1199px) {
  .py-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .px-100 {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 991px) {
  .py-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .px-100 {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 575px) {
  .py-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .px-100 {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.py-125 {
  padding: 125px 0;
}
@media (max-width: 1199px) {
  .py-125 {
    padding: 80px 0;
  }
}
@media (max-width: 991px) {
  .py-125 {
    padding: 80px 0;
  }
}

.bg-light {
  background-color: #FDF8F6 !important;
}

.multi-select-container {
  width: 100%;
}

.multi-select-container .multi-select-button {
  box-shadow: none;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #ECECEC;
  cursor: default;
  font-size: 14px;
  line-height: 1.4;
  color: #111111;
  height: 47px;
  padding: 14px 40px 14px 14px;
  width: 100%;
  text-align: left;
  transition: all 0.3s ease-in-out;
}
.multi-select-container .multi-select-button:hover {
  background-color: #f6f6f7;
}

    .multi-select-container .multi-select-button:after,
    .select2::after {
        position: absolute;
        top: 1px;
        right: 1px;
        display: inline-block;
        border-style: solid;
        border-width: 5px 5px 5px;
        border-color: #111111 transparent transparent transparent;
        margin-left: 0;
        vertical-align: 0;
        width: 24px;
        height: calc(100% - 2px);
        border: 0;
        background-image: url(/Assets/CJPublic/Images/System/down-caret.svg);
        background-repeat: no-repeat;
        background-position: center left;
        content: "";
        pointer-events: none;
        background-color: #fff;
    }

.select2:hover::after {
  background-color: #f6f6f7;
}

.multi-select-container.multi-select-container--open .multi-select-button:after,
.select2.select2-container--open::after {
  transform: rotateX(180deg);
}

.multi-select-container .multi-select-button:hover::before {
  opacity: 1;
}

.multi-select-container.multi-select-container--open .multi-select-button::before {
  opacity: 1;
}

.multi-select-container .multi-select-menu {
  top: 48px;
  margin: 0;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  border: 0;
  border-radius: 2px;
  z-index: 3;
  overflow-x: hidden !important;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #414141;
  padding: 15px 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem:hover {
  background-color: #f6f6f7;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem input {
  position: static;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 0;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem input[type=checkbox] {
  width: 1em;
  height: 1em;
  vertical-align: top;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #0c1c64;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  border-radius: 2px;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: #2D4B9E;
  border-color: #2D4B9E;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem input:disabled {
  opacity: 0.5;
}

.multi-select-container .multi-select-menu .multi-select-menuitems .multi-select-menuitem:nth-child(even) {
  background: #FBFBFB;
}

.select2 {
  display: block;
  width: 100% !important;
}

.select2 .selection {
  display: block;
  width: 100%;
}

.select2 .selection .select2-selection {
  box-shadow: none;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #ECECEC;
  cursor: default;
  font-size: 16px;
  line-height: 1.5;
  color: var(--orange);
  height: 44px;
  padding: 11px 24px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 600;
}
@media (max-width: 991px) {
  .select2 .selection .select2-selection {
    border: 0;
    padding: 0;
  }
}
.select2 .selection .select2-selection:hover {
  background-color: #f6f6f7;
}

.select2 .selection .select2-selection .select2-selection__rendered {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--orange);
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  font-weight: 600;
  font-size: 16px;
  color: var(--orange) !important;
  line-height: 18px;
}

.select2 .selection .select2-selection .select2-selection__arrow {
  position: absolute;
  top: 18px;
  right: 20px;
  line-height: 1;
  width: auto;
  height: auto;
  display: none;
}

    .select2 .selection .select2-selection .select2-selection__arrow b {
        width: 11px;
        height: 11px;
        border: 0;
        display: block;
        margin: 0;
        position: relative;
        left: auto;
        z-index: 1;
        top: auto;
        background-image: url(/Assets/CJPublic/Images/System/down-caret.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

.select2.select2-container--open .selection .select2-selection .select2-selection__arrow b {
  transform: rotateX(180deg);
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown {
  margin-top: 2px;
  border: 0;
  border-radius: 2px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  z-index: 9;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li {
  background-color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 14px;
  color: var(--orange);
  padding: 14px;
  position: relative;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options[aria-multiselectable=true] li {
  padding-left: 42px;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options[aria-multiselectable=true] li.select2-results__option--selectable.select2-results__option--selected {
  background: none;
  color: #414141;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options[aria-multiselectable=true] li::before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 13px;
  left: 14px;
  content: "";
  border-radius: 3px;
  border: 2px solid #CFD6DD;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options[aria-multiselectable=true] li.select2-results__option--selectable.select2-results__option--selected::before {
  border-color: #005eb8;
  background: #005eb8;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options[aria-multiselectable=true] li.select2-results__option--selectable.select2-results__option--selected::after {
  width: 5px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 15px;
  left: 19px;
  content: "";
  transform: rotate(45deg);
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li:hover,
.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li.select2-results__option--selectable.select2-results__option--highlighted {
  background-color: #f6f6f7;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li:nth-child(even) {
  background-color: #FBFBFB;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li:first-child {
  border-radius: 2px 2px 0 0;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li:first-child {
  border-radius: 0 0 2px 2px;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li.select2-results__option--selectable.select2-results__option--selected {
  background-color: #2D4B9E;
  color: #ffffff;
}

.select2-container.select2-container--default.select2-container--open .select2-results .select2-results__options li.select2-results__option--disabled {
  background-color: #F9F8F8;
  color: #6C6C6C;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
}

.select2-container--default .select2-search--inline {
  display: inherit;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin: 0px;
  color: #111111;
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--bs-body-font-family);
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #111111;
}

.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #111111;
}

.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
  color: #111111;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #e0ecf6;
  border: none;
  border-radius: 20px;
  font-size: 12px;
  line-height: 12px;
  color: #111;
  display: flex;
  margin: 0 4px 0 0;
  padding: 4px 16px 3px 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  right: 2px;
  top: 4px;
  left: auto;
  color: #d20037;
  border: none;
  font-size: 16px;
  background: none !important;
}

.text-sm {
  font-size: 0.75rem;
  line-height: 1.8;
}

.lead {
  line-height: 1.7;
}

.form-label {
  font-size: 0.75rem;
  line-height: 1.2;
  color: #414141;
}

.error-message {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ECECEC;
}
.error-message.calBg {
  background-color: #2D4B9E;
  pointer-events: none;
}

.helper-text {
  color: #990012;
  font-size: 0.75rem;
  margin-top: 12px;
  text-align: right;
  line-height: 1.8;
}

.form-check .form-check-input[type=radio] {
  border: 2px solid #2D4B9E;
  transition: 0.2s all ease;
}
.form-check .form-check-input[type=radio]:checked[type=checkbox] {
  border-color: #2D4B9E;
  border-radius: 50%;
  background: #ffffff;
  border: 6px solid #2D4B9E;
}
.form-check .form-check-input[type=radio]:disabled {
  border-color: #6C6C6C;
  background-color: #6C6C6C;
}
.form-check .form-check-input[type=radio]:disabled + .form-label {
  color: #6C6C6C;
}
.form-check .form-check-input[type=checkbox] {
  border: 2px solid #2D4B9E;
  border-radius: 3px;
  transition: 0.2s all ease;
}
.form-check .form-check-input[type=checkbox]:checked[type=checkbox] {
  border-color: #2D4B9E;
  border: 2px solid #2D4B9E;
}
.form-check .form-check-input[type=checkbox]:disabled {
  border-color: #6C6C6C;
  background-color: #6C6C6C;
}
.form-check .form-check-input[type=checkbox]:disabled + .form-label {
  color: #6C6C6C;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #030580;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCSB_scrollTools {
  opacity: 1;
  background: #f9f8f8;
  border-left: 1px solid #ececec;
}

@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 636px;
    max-width: 100%;
  }
}
.modal .modal-content {
  border-radius: 0;
}
.modal .modal-content .modal-header {
  background-color: #030580;
  border-radius: 0;
  border: 0;
  padding: 18px 26px;
}
.modal .modal-content .modal-body {
  padding: 50px 72px;
}
@media (max-width: 767px) {
  .modal .modal-content .modal-body {
    padding: 30px 20px;
  }
}
.modal .modal-content .modal-body.mCustomScrollbar {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.modal .modal-content .modal-body.mCustomScrollbar .mCSB_container {
  padding: 50px 72px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .modal .modal-content .modal-body.mCustomScrollbar .mCSB_container {
    padding: 30px 20px 30px 0;
  }
}
.modal .modal-content .modal-body p {
  line-height: 1.7;
  letter-spacing: 0.03px;
}
.modal .modal-content .modal-footer {
  border-radius: 0;
  padding: 1.25rem;
}
@media (max-width: 412px) {
  .modal .modal-content .modal-footer {
    padding: 1.25rem 10px;
  }
}

.doc-panel-wrapper {
  position: absolute;
  left: 50%;
  width: 330px;
  margin: 0 0 0 -660px;
}
@media (max-width: 1399px) {
  .doc-panel-wrapper {
    width: 330px;
    margin: 0 0 0 -609px;
  }
}
@media (max-width: 1199px) {
  .doc-panel-wrapper {
    width: 300px;
    margin: 0 0 0 -534px;
  }
}
@media (max-width: 991px) {
  .doc-panel-wrapper {
    width: calc(100% + 60px);
    z-index: 2;
    position: relative;
    left: -30px;
    right: -30px;
    margin: 0px;
  }
}
.doc-panel-wrapper.fixed {
  position: fixed;
}
@media (max-width: 991px) {
  .doc-panel-wrapper.fixed {
    left: 0;
    right: 0;
    width: 100%;
  }
}
.doc-panel-wrapper .doc-panel {
  height: calc(100vh - 150px);
}
@media (max-width: 991px) {
  .doc-panel-wrapper .doc-panel {
    display: none;
    padding-bottom: 111px;
  }
}
.doc-panel-wrapper .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}
.doc-panel-wrapper .doc-panel-toggle {
  display: flex;
  padding: 18px;
  background: #FBFBFB;
  justify-content: space-between;
  border-bottom: 1px solid #ECECEC;
  background: var(--material-primary-surface-alternative, #FBFBFB);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  align-items: center;
}
@media (min-width: 992px) {
  .doc-panel-wrapper .doc-panel-toggle {
    display: none;
  }
}
.doc-panel-wrapper .list-group .list-group-item {
  padding: 0;
  border-radius: 0;
  border: 0;
}
.doc-panel-wrapper .list-group .list-group-item a {
  padding: 36px 24px 36px 92px;
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: none;
  color: #414141;
  max-width: 315px;
  margin-left: auto;
  border-bottom: 1px solid #ECECEC;
  transition: all 0.4s ease;
  position: relative;
}
@media (max-width: 1199px) {
  .doc-panel-wrapper .list-group .list-group-item a {
    padding: 36px 24px 36px 70px;
  }
}
@media (max-width: 991px) {
  .doc-panel-wrapper .list-group .list-group-item a {
    padding: 36px 18px;
    max-width: 100%;
    margin: 0;
  }
}
.doc-panel-wrapper .list-group .list-group-item a::after {
  content: "";
  width: 2px;
  height: 42px;
  position: absolute;
  top: 50%;
  right: 0;
  background-color: transparent;
  transform: translate(0, -50%);
  transition: all 0.4s ease;
}
.doc-panel-wrapper .list-group .list-group-item a::before {
  content: "";
  width: 555rem;
  position: absolute;
  top: 0;
  right: 100%;
  background-color: transparent;
  transition: all 0.4s ease;
  bottom: -1px;
  border-bottom: 1px solid #ECECEC;
}
.doc-panel-wrapper .list-group .list-group-item a:hover {
  color: #111111;
  background-color: #f6f6f7;
}
.doc-panel-wrapper .list-group .list-group-item a:hover::after {
  background-color: #00819b;
}
.doc-panel-wrapper .list-group .list-group-item a:hover::before {
  background-color: #f6f6f7;
}
.doc-panel-wrapper .list-group .list-group-item a.active {
  background-color: #F5F9FC;
}
.doc-panel-wrapper .list-group .list-group-item a.active::after {
  background-color: #2D4B9E;
}
.doc-panel-wrapper .list-group .list-group-item a.active::before {
  background-color: #F5F9FC;
}
.doc-panel-wrapper .list-group .list-group-item a span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 14px;
}
.doc-panel-wrapper .list-group .list-group-item a small {
  display: block;
  margin-top: 12px;
  font-size: 0.75rem;
  color: #6C6C6C;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 12px;
}

.datepicker-dropdown {
  padding: 0px 0px 12px 0px;
  border-radius: 0px;
  border-color: #ECECEC;
}
.datepicker-dropdown thead tr:nth-child(2) {
  border-bottom: 1px solid #ECECEC;
}
.datepicker-dropdown th {
  font-size: 0.75rem;
  color: #111111;
  width: 35px;
  padding: 14px 0 10px 0;
}
.datepicker-dropdown td {
  font-size: 0.75rem;
  width: 35px;
  height: 28px;
  color: #414141;
  border-radius: 0px;
}
.datepicker-dropdown td:hover {
  background-color: #F5F9FC !important;
}
.datepicker-dropdown td.old {
  background-color: #F9F8F8;
  color: #6C6C6C;
}
.datepicker-dropdown td.active {
  background-color: #2D4B9E !important;
  background-image: none !important;
  color: #ffffff;
}
.datepicker-dropdown td span {
  border-radius: 0px !important;
}
.datepicker-dropdown td span:hover {
  background-color: #F5F9FC !important;
}
.datepicker-dropdown td span.focused {
  background-color: #2D4B9E !important;
  background-image: none !important;
  color: #ffffff;
}
.datepicker-dropdown .datepicker-switch {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  background: none !important;
}
.datepicker-dropdown .prev {
  background: none !important;
  font-size: 0px;
  padding: 14px 0 14px 14px;
}
.datepicker-dropdown .prev::after {
  display: block;
  content: "";
  width: 27px;
  height: 27px;
  border: 1px solid #ECECEC;
  font-size: 0px;
  background-image: url(/Assets/CJPublic/Images/System/long-arrowL.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.datepicker-dropdown .prev:hover::after {
  background-color: #e0ecf6;
  border-color: #e0ecf6;
}
.datepicker-dropdown .next {
  background: none !important;
  font-size: 0px;
  padding: 14px 14px 14px 0px;
}
.datepicker-dropdown .next::after {
  display: block;
  content: "";
  width: 27px;
  height: 27px;
  border: 1px solid #ECECEC;
  font-size: 0px;
  background-image: url(/Assets/CJPublic/Images/System/long-arrowR.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.datepicker-dropdown .next:hover::after {
  background-color: #e0ecf6;
  border-color: #e0ecf6;
}

.input-daterange {
  display: flex;
  position: relative;
}
.input-daterange::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
}
.input-daterange.space .spacer {
  opacity: 1;
}
.input-daterange .spacer {
  width: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.input-daterange .startslect {
  pointer-events: none;
}
.input-daterange .form-control {
  background: none !important;
  padding: 0px !important;
  border: none !important;
  width: 83px !important;
  height: auto !important;
  text-align: left;
  outline: none !important;
  box-shadow: none !important;
  pointer-events: none;
}

.datepicker table tr td.range {
  background: #e0ecf6;
}

.datepicker table tr td.selected {
  background: #005eb8;
}

.datepicker-dropdown {
  margin-left: -120px;
}

.btn.light-btn {
  display: inline-flex;
  padding: 14px 28px 14px 14px;
  align-items: flex-start;
  gap: 14px;
  background: #E0ECF6;
  border-color: #E0ECF6;
  color: #111111;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  justify-content: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.light-btn:hover {
  background-color: #B3CFEA;
  border-color: #B3CFEA;
}
.btn.light-btn:disabled, .btn.light-btn[disabled] {
  background-color: #F5F9FC;
  border-color: #F5F9FC;
  color: #6C6C6C;
  cursor: not-allowed;
  pointer-events: none;
}

/* header */
.header {
  z-index: 99;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.17);
}
@media (max-width: 991px) {
  .header {
    height: 66px;
    min-width:360px
  }
}
.header .go-backs i {
  font-size: 16px;
}
.header .item-left {
  flex: 0 0 17%;
}
.header .logo a {
  font-size: 30px;
  color: #000000;
  font-weight: 700;
  text-decoration: none;
}
.header .item-center {
  flex: 0 0 100%;
}
.header .item-right {
  flex: 0 0 17%;
  display: flex;
  justify-content: flex-end;
}
.header .item-right a {
  text-decoration: none;
  font-size: 16px;
  color: #555555;
  display: inline-block;
  margin-left: 10px;
  transition: color 0.3s ease;
}
.header .menu > ul > li {
  display: inline-block;
  line-height: 50px;
  margin-left: 32px;
}
.header .menu > ul > li:first-child {
  margin-left: 0;
}
.header .menu > ul > li > a {
  color: #262626;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  text-transform: capitalize;
  transition: color 0.3s ease;
  text-decoration: none;
  margin-bottom: 26px;
  display: block;
}
.header .menu > ul > li > a i {
  margin-left: 16px;
  color: #828282;
  font-weight: 400;
}
.header .menu > ul > li > a.active {
  font-weight: 600;
  color: var(--orange);
}
.menu-item-has-children {
    position: relative
}
.header .menu > ul > li .sub-menu {
    position: absolute;
    z-index: 500;
    background-color: #ffffff;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
    padding: 16px 10px;
    margin-top: 0;
    top: 40px;
   /* opacity: 0;
    visibility: hidden;*/
    max-width: 350px;
    border-radius: 16px;
}
.header .menu > ul > li .sub-menu > ul > li {
  line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a {
  display: inline-block;
  padding: 10px 0;
  font-size: 15px;
  color: #555555;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
}
.header .menu > ul > li .sub-menu > ul > li .single-column-menu {
  min-width: 280px;
  max-width: 350px;
}
.header .menu > ul > li .sub-menu > ul > li .single-column-menu > .list-item > ul > li {
  line-height: 1;
  display: block;
}
.header .menu > ul > li .sub-menu > ul > li .single-column-menu > .list-item > ul > li > a {
  padding: 10px 0;
  display: inline-block;
  font-size: 15px;
  color: #555555;
  transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu {
  left: 50%;
  transform: translateX(-62%);
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 {
  max-width: 915px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  box-shadow: 0px 8px 16px -2px rgba(27, 36, 44, 0.12), 0px 2px 2px -1px rgba(27, 35, 44, 0.04), 0px 0px 20px 14px rgba(27, 35, 63, 0.06);
  border-radius: 16px;
  background: var(--purple-lt);
  overflow: hidden;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .subMenuInner {
  padding: 38px 36px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .subMenuInner {
    padding: 18px 36px;
  }
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--orange);
  letter-spacing: -0.64px;
  padding: 0;
  margin-bottom: 32px;
  display: flex;
  align-items: end;
  gap: 16px;
}
.header .menu .menu-main {
  padding: 0;
  margin: 0;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
  text-align: center;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  position: relative;
  height: 200px;
  object-fit: cover;
  transition: 0.3s ease-in;
}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a {
  color: var(--orange);
}

.header .menu > ul > li a:hover i {
    color: var(--orange);
}

.header .menu > ul > li > a::after {
    content: "";
    position: absolute;
    border-bottom: 2px solid transparent;
    bottom: -5px;
    left: 0;
    width: 0;
    transition: width 0.6s;
}

.header .menu > ul > li > a:hover::after {
    border-color: var(--border-color);
    width: 100%
}

/* banner section */
.banner-section {
  background-image: url("../img/banner.jpg");
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
  display: none;
}

.double .megasubMenu {
  padding: 0;
  margin: 0;
    width: 300px;
}

.triple .megasubMenu {
    padding: 0;
    margin: 0;
}

.megasubMenu li {
  list-style: none;
  margin-bottom: 18px;
}
.megasubMenu li a {
  display: block;
  text-decoration: none;
  border-radius: 16px;
}
.megasubMenu li a.active {
  background: var(--purple-lt);
}
.megasubMenu li a.active h4 {
  color: var(--orange) !important;
}
.megasubMenu li a.active i {
  color: var(--orange) !important;
}
.megasubMenu li a .subMenuMains {
  display: flex;
  gap: 16px;
  padding: 15px 14px;
  box-sizing: border-box;
}
.megasubMenu li a .subMenuMains .subMenuItemMain .iconWrapper {
  background: transparent;
  border-radius: 8px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.megasubMenu li a .subMenuMains .subMenuItemMain .iconWrapper i {
  color: #000;
}
.megasubMenu li a .subMenuMains .subMenuItemMain h4 {
  color: var(--section-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.megasubMenu li a .subMenuMains .subMenuItemMain p {
  color: #6D758F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
}
    .megasubMenu li a:hover {

        background: var(--orange-lt);
        color: var(--section-title) !important
    }
        .megasubMenu li a:hover h4 {
            color: var(--section-title) !important;
        }
.megasubMenu li a:hover i {
  color: var(--section-title) !important;
}

.seeAllFeatured a {
  padding-left: 8px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #5C5C5C;
  text-decoration: none;
  align-items: baseline;
  gap: 4px;
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-left: 0;
}
.seeAllFeatured a:hover {
  color: var(--orange);
  border-bottom-color: var(--orange);
}
.seeAllFeatured a i {
  font-size: 12px;
}

.categoriesSec {
  padding: 0;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .categoriesSec {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.categoriesSec ul {
  margin: 0;
  padding: 0;
}
.categoriesSec ul li {
  list-style: none;
  margin-bottom: 24px;
}
.categoriesSec ul li:last-child {
  margin-bottom: 0px;
}
.categoriesSec ul li a {
  display: block;
}
.categoriesSec .categoriesBox {
  overflow: hidden;
  border-radius: 20px;
}
.categoriesSec .categoriesBox .categoriesBoxText {
 /* position: absolute;
  bottom: 23px;
  left: 33px;*/
}
.categoriesSec ul li a:hover {
    background: var(--purple-lt) !important;
    border-radius: 10px
}


.categoriesSec .categoriesBox img{
    height: 82px;
    width: auto;
    object-fit: cover;
}
.categoriesSec .categoriesBox .categoriesBoxText p {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: black;
  margin-bottom: 0;
}
.categoriesSec .categoriesBox .categoriesBoxText h4 {
  color: var(--section-title);
  margin-bottom: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -2px;
}
.header-img-container {
    height: 100%;
    width: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    padding: 32px 10px;
    border: 2px solid var(--border-color);
    border-radius: 20px;
    align-content: center;
    overflow:hidden
}
.categoriesSec .categoriesBox:hover img {
    /*transform: scale(1.57);
  opacity: 0.8;
  transition: 0.3s ease-in;*/
}

@media (max-width: 991px) {
  .single-column-menu .subMenuInner {
    padding: 18px 36px;
    box-sizing: border-box;
  }
    .siteLogo .mobileLogo {width:60%; min-width:125px}
    .header .menu > ul > li > a:hover::after {

        width: 15%
    }   
}
.single-column-menu .subMenuInner li:last-child {
  margin-bottom: 0;
}
.single-column-menu .subMenuInner .title {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--orange);
  letter-spacing: -0.64px;
  padding: 0;
  margin-bottom: 32px;
  display: flex;
  align-items: end;
  gap: 16px;
}
.subMenuInner h4, .categoriesSec h4{
    font-size: 16px;
    font-weight: 800;
    color: black;
}
/*responsive*/
@media (max-width: 991px) {
    .header .item-center {
    order: 3;
    flex: 0 0 100%;
  }
  .header .item-left,
  .header .item-right {
    flex: 0 0 auto;
  }
  .v-center {
    justify-content: space-between;
  }
  .header .mobile-menu-trigger {
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .mobile-menu-trigger.active:after {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    font-size: 21px;
  }
  .mobile-menu-trigger.active span {
    display: none !important;
  }
  .header .mobile-menu-trigger span {
    display: block;
    height: 2px;
    background-color: #333333;
    width: 24px;
    position: relative;
  }
  .header .mobile-menu-trigger span:before,
  .header .mobile-menu-trigger span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
  }
  .header .mobile-menu-trigger span:before {
    top: -6px;
  }
  .header .mobile-menu-trigger span:after {
    top: 6px;
  }
  .header .item-right {
    align-items: center;
    width: auto;
    height: 66px;
    margin-right:-15px
  }
    .header .menu {
        border-top: 1px solid #ccc;
        position: fixed;
        width: 100%;
        background-color: #ffffff;
        left: 0;
        top: 66px;
        /*height: 100%;*/
        overflow: auto;
        /*    transform: translate(-100%);
*/ z-index: 1099;
        transition: all 0.2s;
        visibility: visible !important;
        padding: 20px 0;
        padding-bottom: 50px;
    }
    .megamenu > div {width:100% !important}
    .position-variable {
        margin-top: 15px
    }

    .header .menu.active {
        transform: translate(50%);
    }
  .header .menu > ul > li {
    line-height: 1;
    margin: 0;
    display: block;
  }
  .header .menu > ul > li > a {
    padding: 0 50px 0 15px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    color: #1D1A05;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1px;
  }
  .header .menu > ul > li > a i {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    transform: rotate(-90deg);
  }
  .header .menu .mobile-menu-head {
    display: flex;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: sticky;
    background-color: #ffffff;
    top: 0;
    display: none;
  }
  .header .menu .mobile-menu-head .go-back {
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    display: none;
  }
  .header .menu .mobile-menu-head.active .go-back {
    display: block;
  }
  .header .menu .mobile-menu-head .current-menu-title {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
  }
  .header .menu .mobile-menu-head .mobile-menu-close {
    height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 25px;
  }
  .header .menu .menu-main {
    height: 100%;
    height:auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .header .menu > ul > li .sub-menu.mega-menu,
  .header .menu > ul > li .sub-menu {
    visibility: visible;
    opacity: 1;
    position: absolute;
    box-shadow: none;
    margin: 0;
    padding: 0px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: auto;
    transform: translateX(100%);
    transition: 0.5s ease-in;
    overflow-y: auto;
  }
  .header .menu > ul > li .sub-menu.active {
    display: block;
    transform: translateX(0%);
    animation-name: slideLeft;
    animation-duration: 0.5s;
    height: 80vh;
    overflow-y: scroll;
  }
  @keyframes slideLeft {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  @keyframes slideRight {
    0% {
      opacity: 1;
      transform: translateX(0%);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
    margin-top: 0;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
    margin-bottom: 20px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {
    margin-bottom: 0px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
    flex: 0 0 100%;
    padding: 0px;
  }
  .header .menu > ul > li .sub-menu > ul > li > a,
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    display: block;
  }
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 15px;
  }
  .menu-overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 66px;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
  }
  .menu-overlay.active {
    visibility: visible;
    opacity: 1;
    z-index:99
  }
}
.position-variable {position:relative}
.logoRight {
    position: absolute;
    left: 50%
}

@media (min-width: 992px) {
    .logoRight {
        position: relative;
   left:0
    }
    .header .menu > ul > li.menu-item-has-children:hover .sub-menu {
    margin-top: 8px;
    visibility: visible;
    opacity: 1;
  }
    .position-variable {
        position: absolute;
        right:0
    }
}

/* Global Menu Bar */
.logoRight ul {
  margin: 0;
  padding: 0;
  display: flex;
/*  justify-content: space-between;*/
  gap: 24px;
  float:right
}
.logoRight ul li {
  list-style: none;
}
    .logoRight ul li a {
        color: #9594B3;
        color: var(--orange);
        text-align: center;
        font-family: AvenirNext;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -0.28px;
        text-decoration: none;
    }
.logoRight ul li a.bordered {
  border-radius: 5px;
  border: 2px solid var(--orange);
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
  padding: 11px 24px;
}
.logoRight ul li a.coloredBorder, .header-item .coloredBorder {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  color: var(--orange);
}

.header-item .coloredBorder {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.32px;
    text-decoration: none;
    padding: 11px 24px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
    display: block;
}
    .header-item .coloredBorder.bordered {
        border: 2px solid transparent;
        padding: 9.32px 24px;
        box-sizing: border-box;
    }

header .headerBottom .siteLogo {
  padding: 20px 0;
  line-height: 47px;
}



@media (max-width: 991px) {
    header .headerBottom .siteLogo {
    gap: 16px;
    padding: 0;
    height:100%
  }
}

.rightmenuSec .col-megamenu ul li.list-unstyled .nav-item.dropdown a.show:after {
  transform: rotate(180deg);
  font-size: 14px;
  font-weight: 900;
  color: #082C3D;
  line-height: 14px;
  letter-spacing: -0.2px;
}
.rightmenuSec .col-megamenu ul li.list-unstyled .nav-item.dropdown a:hover {
  color: #005474;
}

.subchildwidth.show + .dropdown-menu {
  width: 280px !important;
  padding-bottom: 10px !important;
  background: #fff !important;
}

.rightmenuSec li.nav-item .col-megamenu a,
.rightmenuSec li.nav-item .dropdown-menu a {
  border-left: 4px solid transparent;
}

a.nav-link.dropdown-toggle.subchildwidth + .dropdown-menu:before {
  display: none;
}

a.nav-link.dropdown-toggle.subchildwidth.show span {
  position: relative;
}

a.nav-link.dropdown-toggle.subchildwidth.show span:before {
  content: "";
  background: #76B900;
  position: absolute;
  left: -15px;
  border-radius: 0 3px 3px 0px;
  height: 100%;
  width: 4px;
}

.col-megamenu ul.list-unstyled .nav-item.dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .col-megamenu ul.list-unstyled .nav-item.dropdown a.show span {
    border-left: 4px solid #76B900;
} */
a.nav-link.dropdown-toggle.subchildwidth.show {
  background: #fff !important;
  border-radius: 9px;
}

.rightmenuSec li.nav-item .col-megamenu a,
.rightmenuSec li.nav-item .dropdown-menu a {
  display: block;
}

.rightmenuSec li.nav-item .col-megamenu a:hover,
.rightmenuSec li.nav-item .dropdown-menu a:hover {
  background: #F3F3F3;
  border-radius: 9px;
}

.mainglobalmenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:100%
}

.rightmenuSec .navbar-expand-lg li.nav-item a {
  font-size: 14px;
  font-style: normal;
  font-weight: 560;
  line-height: 16px;
  letter-spacing: -0.1px;
  color: var(--bs-blue);
  padding: 0 20px;
}
.rightmenuSec .navbar-expand-lg li.nav-item a:after {
  border: 0;
}

.rightmenuSec li.nav-item .dropdown-menu a {
  position: relative;
}

.rightmenuSec li.nav-item .col-megamenu a,
.rightmenuSec li.nav-item .dropdown-menu a {
  text-decoration: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.2px;
  color: #535353;
  padding: 12px !important;
}

.rightmenuSec .navbar-nav .dropdown-menu {
  border-radius: 18px;
  background: #FBFBFB;
  box-shadow: 0px 14px 30px 2px rgba(0, 0, 0, 0.05);
  padding: 24px 12px;
  border: 0;
  margin-top: 60px;
  width: 300px;
}

.fullwidthmenu {
  width: 600px !important;
}

.dropdown-menu.show {
  display: block;
/*  left: 50%;
  transform: translateX(-50%);*/
}

.rightmenuSec .navbar-nav .dropdown-menu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -28px;
  transform: translateX(-50%);
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid #FBFBFB;
  border-left: 15px solid rgba(255, 255, 255, 0);
  border-right: 15px solid rgba(255, 255, 255, 0);
}

.back_btn {
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -0.4px;
  color: var(--bs-blue);
  background: #fff;
  padding: 36px 43px 36px 24px;
}

.back_btn span {
  padding-right: 24px;
}

.rightmenuSec li.nav-item .col-megamenu a:hover,
.rightmenuSec li.nav-item .dropdown-menu a:hover {
  color: #082c3d;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.ullistFooterbtm li a:hover {
  color: #082c3d;
}

.rightmenuSec .navbar-expand-lg li.nav-item a.dropdown-toggle:after {
  content: "";
  background: url(/Assets/CJPublic/Images/System/arrow-down.svg) no-repeat center center;
  width: 14px;
  height: 14px;
  border: 0;
  top: 2px;
  right: 0px;
  position: absolute;
  display: inline-block;
}

/* End Global Menu Bar */
@media (max-width: 991px) {

    .menu.row.g-0.position-relative.active {
        position: absolute !important;
        height: 80vh;
        top: 86px;
        width: 90vw;
        left: -41vw;
    }

    .menu-item-has-children {
        position: unset
    }

        .menu-item-has-children svg {
            transform: rotate(270deg);
            margin-left: 10px
        }

    .rightmenuSec .navbar-nav .dropdown-menu.show {
        padding: 0;
    }

    .col-megamenuMobile {
        margin-top: 0;
    }

    .subchildwidth.show + .dropdown-menu {
        top: 38px !important;
    }

    .col-megamenuMobilePadding {
        padding-top: 0 !important;
    }

    .rightmenuSec .navbar-nav .dropdown-menu.show .list-unstyled li.dropdown a:after {
        transform: rotate(1deg);
    }

    .col-megamenu ul.list-unstyled .nav-item.dropdown a.show:after {
        transform: rotate(180deg) !important;
    }

    .rightmenuSec .navbar-nav .dropdown-menu.show .list-unstyled li {
        padding: 0 !important;
        margin-bottom: 24px;
        border-bottom: 0 !important;
    }

    .rightmenuSec .navbar-nav .dropdown-menu.show .list-unstyled {
        padding: 24px;
        padding-bottom: 0;
    }

        .rightmenuSec .navbar-nav .dropdown-menu.show .list-unstyled li a {
            padding: 12px 24px 12px 12px !important;
        }

    .mobfoot {
        padding: 0;
    }

    .mt-4-mob {
        margin-top: 1.5rem !important;
    }

    .dropdown,
    .navbar {
        position: inherit;
    }
    .navbar.navbar-expand-lg {position:absolute}
    .ui-autocomplete.ui-front {
        right: -3% !important;
    }

    .headerBottom {
        position: relative;
    }

    .rightmenuSec .searchFormSection {
        order: -1;
    }

    .rightmenuSec .LoginBtn {
        display: none;
    }

    .rightmenuSec #navbarNavDropdown {
        position: absolute;
        /* top: 100px;
    left: 0;
    background: #fff;
    width: 100vw;
    height: 90vh; */
        width: 100%;
        background: #fff;
        height: calc(100% - 200px);
        overflow-x: hidden;
        position: fixed;
        top: 92px;
        left: 0px;
    }

        .rightmenuSec #navbarNavDropdown .navbar-nav li {
            display: block;
            width: 100%;
            font-size: 16px;
            padding: 36px 43px 36px 24px;
            border-bottom: solid 1px #F3F3F3;
        }

    .rightmenuSec .navbar-nav .dropdown-menu {
        position: absolute;
        transition: 0.3s ease all;
        top: 0;
        left: 0;
        margin: 0;
        width: 100% !important;
    }

    .dropdown-menu.show {
        transform: none;
        margin-top: 14px;
    }

        .dropdown-menu.show  .subMenuInner .title {
            display: none
        }
    .navbar-nav.navbar-nav-scroll  .nav-link svg {margin-left:10px
    }
    .dropdown-toggle::after {
        float: right;
        margin-top: 15px;
        transform: rotate(-90deg);
    }
  .overlayOpen::before {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 3;
    content: "";
    background: rgba(0, 0, 0, 0.2);
  }
  .rightmenuSec li.nav-item .col-megamenu a,
  .rightmenuSec li.nav-item .dropdown-menu a {
    display: block;
  }
  .menuToggle {
    vertical-align: top;
    width: 1.5em;
    height: 1.5em;
    border: 0;
    padding: 16px;
    background: url(/Assets/CJPublic/Images/System/humberger.svg) no-repeat center center;
  }
  .menuToggle.closeToggle {
    background: url(/Assets/CJPublic/Images/System/close-icon.svg) no-repeat center center;
  }
  .navbar-toggler-icon {
    background-image: none;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .headerBottom {
    padding: 20px 15px;
  }
  .navbar-expand-lg .container-fluid {
    padding-right: 0;
  }
  .rightmenuSec li.nav-item a,
  .menuDropdown li.top-nav a {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: -0.4px;
    padding: 0px !important;
    text-decoration: none;
    color: var(--bs-blue);
  }
  .menuDropdown li:last-child {
    border-bottom: 0 !important;
  }
  .col-megamenu ul.list-unstyled .nav-item.dropdown a:after {
    font-size: 20px;
    font-weight: 600;
    color: #082C3D;
    line-height: 34px;
    letter-spacing: -0.2px;
    margin-top: 5px;
  }
  .dropdown-menu.megamenu.show .col-megamenu .list-unstyled .nav-item.dropdown {
    position: relative !important;
  }
  .subchildwidth.show + .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    top: 60px;
  }
}
@media (min-width: 992px) {
  .mobileLogo {
    display: none;
  }
  #ul-arrow {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .desktopLogo {
    display: none;
  }
  .mobileLogo {
    display: block;
  }
  .headerBottom {
    padding: 14px 0px !important;
    width: auto;
    max-width:80%;
    z-index:2
  }
  .logoLeft {
    margin-top: 5.5px;
  }
  ul.zg-ul-select {
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    width: 144px;
  }
  ul.zg-ul-select li {
    border-radius: 3px;
    display: none;
    padding: 11px 14px 11px 24px;
    box-sizing: border-box;
    height: 44px;
    border-bottom: 2px solid #8496C3;
    border-radius: 0px;
    letter-spacing: -0.28px;
    font-size:14px
  }
  ul.zg-ul-select li:last-child {
    border-bottom: transparent !important;
  }
  ul.zg-ul-select li.active {
    border-radius: 5px;
    border: 2px solid var(--orange);
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  ul.zg-ul-select.active {
    border-radius: 5px;
    border: 2px solid var(--orange);
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
    border-top-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 1;
  }
  ul.zg-ul-select.active li {
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
  }
  #selected--zg-ul-select {
    align-items: center;
    box-sizing: border-box;
    color: #111;
    display: flex;
    justify-content: space-between;
    width: auto;
  }
    #selected--zg-ul-select.active {
        border-radius: 5px;
        border: 2px solid var(--orange);
        background: #FFF;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
        box-sizing: border-box;
        padding: 11px 24px;
        padding: 11px 14px 11px 24px;
        height: 44px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        color: #2D4B9E;
        text-align: center;
        width: 144px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -0.28px;
        text-decoration: none;
    }
  #selected--zg-ul-select.active #ul-arrow img {
    transform: rotate(180deg);
  }
  .logoRight ul li a {
    color: #2D4B9E;
    font-weight: 600;
  }
  .logoRight ul li a.bordered {
    border: 0;
    padding: 0;
    box-shadow: none;
  }
  ul.zg-ul-select.active li {
    border-bottom: 2px solid #8496C3;
    border-radius: 0px;
  }
  ul.zg-ul-select.active li.active {
    display: none;
  }
  ul.zg-ul-select li:last-child.active {
    border-bottom: 2px solid var(--orange) !important;
  }
}
#ul-arrow {
  height: auto;
  line-height: 0;
  position: relative;
}
footer {
  box-sizing: border-box;
}
    footer .footer-top {
        padding: 120px 0px 79px 0px;
        box-sizing: border-box;
        background: #FEF3EE !important
    }
@media (max-width: 767px) {
  footer .footer-top {
    padding: 60px 0px 72px 0px;
  }
}
@media (max-width: 991px) {
  footer .footer-top .footer-logo {
    max-width: 300px;
  }
}
footer .dropEmail {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  color: #EFF6FF !important;
}
@media (max-width: 1199px) {
  footer .dropEmail {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  footer .dropEmail {
    font-size: 16px;
  }
}
footer .footerContentSection h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #400A0C
}
footer .footerContentSection ul {
  padding: 0;
  margin: 0;
}
footer .footerContentSection ul li {
  list-style: none;
  margin-bottom: 16px;
}
    footer .footerContentSection ul li a {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        color: #400A0C;
        text-decoration: none;
        display: block;
    }
@media (max-width: 1199px) {
  footer .footerContentSection ul li a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  footer .footerContentSection ul li a {
    font-size: 16px;
  }
}
footer .footerContentSection ul li:last-child {
  margin-bottom: 0;
}
footer .ImportantFootlink ul {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 48px;
}
@media (max-width: 1199px) {
  footer .ImportantFootlink ul {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  footer .ImportantFootlink ul {
    flex-wrap: wrap;
    gap: 0;
  }
}
footer .ImportantFootlink ul li {
  list-style: none;
}
@media (max-width: 767px) {
  footer .ImportantFootlink ul li {
    flex: 0 0 50%;
    margin-bottom: 48px;
  }
  footer .ImportantFootlink ul li:nth-child(3), footer .ImportantFootlink ul li:nth-child(4) {
    margin-bottom: 30px;
  }
}
footer .ImportantFootlink ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    color: #400A0C;
    text-decoration: none;
}
@media (max-width: 1199px) {
  footer .ImportantFootlink ul li a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  footer .ImportantFootlink ul li a {
    font-size: 16px;
  }
}
footer .SocialFootlink ul {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 16px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  footer .SocialFootlink ul {
    justify-content: flex-start;
  }
}
footer .SocialFootlink ul li {
  list-style: none;
}
footer .SocialFootlink ul li a {
  width: 36px;
  height: 36px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 64px;
  padding: 8px;
  box-sizing: border-box;
}
footer .copiright p {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    color: #400A0C;
    margin-bottom: 0;
    padding: 24px 0;
    box-sizing: border-box;
}
@media (max-width: 1199px) {
  footer .copiright p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  footer .copiright p {
    font-size: 16px;
  }
}

footer .subscription-box {
    background-color: #6869B3;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

footer .subscription-box .subscription-icon-container{
    width: 48px; 
    height: 48px; 
    background-color: #070C31; 
    border-radius: 8px; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0 auto;
}

footer .subscription-box .footer-form-content h3{
    display: block; 
    font-size: 16px; 
    font-weight: 600;
    color: #FFFFFF;
    line-height: 22px;
}
footer .subscription-box .footer-form-content p{
    font-size: 14px; 
    color: #FFFFFF;
    line-height: 22px;
}
footer .dropEmail {
    position: relative;
    display: inline-block;
    width: 100%;
}
footer .dropEmail #emailAddressFooter {
    width: 100%;
    padding: 12px 85px 12px 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}
footer .dropEmail button {
    position: absolute;
    right: 0;
    margin: auto;
    top: calc(50% - 16px);
    margin-right: 8px;
    background-color: #001ba1;
    color: white;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 600;
}

footer .logo-footer-44{
    height: 44px;
    width:auto
}

.border-bottom-seperate {
  border-bottom: 1px solid rgba(239, 246, 255, 0.16);
}

.SubscribeBtn a.btn {
  border-radius: 5px;
  border: 2px solid #ffffff
  background: #2D4B9E;
  color: #EFF6FF;
  padding: 14px 23px;
  box-sizing: border-box;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  transition: 0.3s ease-in;
}
@media (max-width: 1199px) {
  .SubscribeBtn a.btn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .SubscribeBtn a.btn {
    padding: 16px 24px !important;
    line-height: 19px;
  }
}
@media (max-width: 767px) {
  .SubscribeBtn a.btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px !important;
  }
}
.SubscribeBtn a.btn:hover {
  background: transparent;
  transition: 0.3s ease-in;
}

.sectionHeading h3 {
  font-size: 55px;
  font-family: DMSans;
  font-style: normal;
  color: var(--orange);
  font-weight: 700;
  line-height: 66px;
  letter-spacing: -2.2px;
  margin-bottom: 8px;
}
.sectionHeading .subHeading {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #030580;
  margin-bottom: 0px;
}

.freeTrialCard {
  padding: 29px 32px;
  box-sizing: border-box;
  border-radius: 20px;
}
.freeTrialCard .free-trial {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #5C5C5C;
  margin-bottom: 2px;
}
.freeTrialCard .start-free {
  font-family: DMSans;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 12px;
  color: #141414;
}
.freeTrialCard p {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #4A4837;
  margin-bottom: 10px;
}

.linkButton {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: none;
  display: inline-block;
  color: #2D499D;
  border-bottom: 1px solid #2D499D;
}
.linksCardBtn .linkButton {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    line-height: 23px;
    border-bottom: 0px;
/*    color: #28407C;
*/}
.verticalStartedCard .nav-link {
  padding: 0;
  margin-bottom: 29px;
}
.verticalStartedCard .nav-link.active {
  background: transparent;
}
.verticalStartedCard .freeTrialCard {
  text-align: start;
  transition: 0.3s ease-in;
}
.verticalStartedCard .freeTrialCard:hover {
  background-color: #E6E6F2;
  transition: 0.3s ease-in;
}

.contentVeticalFrame {
  padding: 20px;
  height: 100vh;
  border-radius: 20px;
  box-sizing: border-box;
}
.contentVeticalFrame p {
  color: #000000;
  font-family: DMSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4px;
}

.getStartedCardBnnered {
  background: var(--orange) url(../../assets/images/getBnnr.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 100px;
  box-sizing: border-box;
}
.getStartedCardBnnered .getStartedCardHeader h2 {
  font-family: DMSans;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 80.5%;
  letter-spacing: -4px;
}
@media (max-width: 480px) {
  .getStartedCardBnnered .getStartedCardHeader h2 {
    font-size: 40px;
    line-height: 80.5%;
  }
}
.getStartedCardBnnered .getStartedCardHeader p {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
  letter-spacing: 1.2px;
  color: #ffffff;
}

.btnsBanner {
  gap: 8px;
}
.btnsBanner a {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.32px;
  text-decoration: none;
  padding: 11px 24px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
  display: block;
}

.getStartedCardTitledMain .getStartedCardTitled {
  padding: 32px 24px;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .getStartedCardTitledMain .getStartedCardTitled {
    display: block;
  }
}
.getStartedCardTitledMain .getStartedCardTitled .getStartedCardTitledItem:last-child {
  display: flex;
  gap: 24px;
  align-items: center;
}
.getStartedCardTitledMain .getStartedCardTitled .getStartedCardTitledItem:last-child .links {
  color: #FAFAFA;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  margin-left: 0;
}
.getStartedCardTitledMain .getStartedCardTitled .getStartedCardTitledItem h3 {
  color: #E5E5E5;
  font-family: DMSans;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: -2.2px;
}
.getStartedCardTitledMain .getStartedCardTitled .getStartedCardTitledItem p {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1px;
  color: #FAFAFA;
}

.btn-infobtn {
  border-radius: 5px;
  border: 2px solid var(--orange);
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
  display: flex;
  padding: 11px 24px;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  color: var(--orange);
  box-sizing: border-box;
}
.btn-infobtn:hover {
  background: #ffffff;
  border-color: var(--orange);
  color: var(--orange);
}

.freeTrialCard.bg-cannon-light .linkButton {
  border-color: var(--border-color) !important;
}
.freeTrialCard.bg-blue-shades .linkButton {
  border-color: var(--border-color) !important;
}

.cardMain {
  padding: 36px 40px;
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 767px) {
    .cardMain {
        padding: 32px;
        padding: 32px 16px;
    }
}
.cardMain .tags {
  font-family: DMSans;
  color: #1D1A05;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.8px;
}
.text-white .cardMain .tags, .text-white .cardMain .cardTitles, .text-white .cardMain .cardDescriptions {
    color: #fff !important
}

    .cardMain .cardTitles {
  font-family: DMSans;
  
  font-size: 55px;
  font-style: normal;
  font-weight: 500;
  line-height: 66px;
  letter-spacing: -2.2px;
}
.cardMain .cardTitles.fontdecrease {
  font-size: 50px;
}
.cardMain .cardDescriptions {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    color: #1D1A05;
    letter-spacing: 0.8px;
}
.cardMain .cardListings ul {
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .cardMain .cardListings ul {
    margin-top: 10px;
  }
}
.cardMain .cardListings ul li {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: -0.96px;
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 21px;
}
@media (max-width: 767px) {
  .cardMain .cardListings ul li {
    line-height: 36px;
  }
}
.cardMain .cardListings ul li i {
  font-size: 40px;
}

.mb-55 {
  margin-bottom: 55px;
}

.box-shadow-seperate {
  /*box-shadow: 0 45px 0;*/
}

.singleAccordions .accordion-item .accordion-collapse {
  background-color: #FAFAFA;
  border-top: 1px solid #CECCCC;
}
.singleAccordions .accordion-item .accordion-header .accordion-button {
  flex-direction: column;
  padding: 17px 26px 24px 26px;
  box-sizing: border-box;
  align-items: baseline;
  border-color: #CECCCC;
  background: #ffffff;
}
.singleAccordions .accordion-item .accordion-header .accordion-button h5 {
  margin-bottom: 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1px;
  color: #1D1A05;
}
.singleAccordions .accordion-item .accordion-header .accordion-button .subAccoHead {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #1D1A05;
}
@media (max-width: 767px) {
  .singleAccordions .accordion-item .accordion-header .accordion-button .subAccoHead {
    padding-right: 55px;
  }
}
@media (max-width: 767px) {
  .singleAccordions .accordion-item .accordion-header .accordion-button .subAccoHead br {
    display: none;
  }
}
.singleAccordions .accordion-item .accordion-header .accordion-button:after {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.singleAccordions .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.border-radius-default {
  border-radius: 20px;
}

.cardsMaineSectionFullWidth.box-shadow-seperate {
  box-shadow: 0 45px 0;
}
@media (max-width: 991px) {
  .cardsMaineSectionFullWidth .imagesRight {
    text-align: center;
  }
}
@media (max-width: 991px) {
    .cardsMaineSectionFullWidth .imagesRight img {
        margin-bottom: 30px;
        width: 80% !important;
    }

    .header-img-container.img-loaded img {
        margin-top: -10px
    }
    
}

    .darkSingleCard {
        background: #5C5C5C;
        padding: 24px;
        box-sizing: border-box;
        border-top: 18px solid #2E2E2E;
        min-height: 318px;
    }

        .darkSingleCard h5 {
            font-family: DMSans;
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -2px;
            color: #FAFAFA;
            margin-bottom: 28px;
            position: relative;
        }

            .darkSingleCard h5::after {
                content: "";
                position: absolute;
                bottom: -6px;
                left: 0;
                width: 127px;
                height: 1px;
                background: #FAFAFA;
            }

        .darkSingleCard p {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #FAFAFA;
            max-width: 303px;
        }

        .darkSingleCard .linksCardBtn .linkButtons {
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            color: #FAFAFA;
            text-decoration: none;
        }

    .slider-fullwidth {
        padding: 67px 24px;
        box-sizing: border-box;
    }

    @media (max-width: 767px) {
        .slider-fullwidth {
            padding: 24px;
        }
    }

    .slider-fullwidth .logoButton {
        justify-content: space-between;
    }

        .slider-fullwidth .logoButton .SlidernavLogo {
            padding-right: 70px;
        }

            .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt {
                justify-content: space-between;
                gap: 8px;
            }

                .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt i {
                    color: #FAFAFA;
                    font-size: 12px;
                }

                .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt a {
                    width: 32px;
                    text-decoration: none;
                    height: 32px;
                    border: 1px solid #E5E5E5;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100%;
                }

                    .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt a:hover {
                        background: #FAFAFA;
                    }

                        .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt a:hover i {
                            color: #000000;
                        }

                    .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt a.active {
                        background: #FAFAFA;
                    }

                        .slider-fullwidth .logoButton .SlidernavLogo .navLogoConetnt a.active i {
                            color: #000000;
                        }

    .slider-fullwidth .sliderDescriptions {
        color: #ffffff;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        margin-top: 44px;
        margin-bottom: 38px;
        display: flex;
        gap: 44px;
        max-width: 875px;
    }

    @media (max-width: 767px) {
        .slider-fullwidth .sliderDescriptions {
            gap: 8px;
        }
    }

    .slider-fullwidth .sliderDescriptions span {
        color: #ffffff;
        text-align: center;
        font-family: DMSans;
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: -1px;
    }

    .sliderauthordetails {
        display: flex;
        gap: 24px;
        align-items: center;
    }

        .sliderauthordetails .clientcompanylogo img {
            border-radius: 100%;
            width: 75px;
            height: 75px;
            object-fit: cover;
            min-width: 75px;
        }

        .sliderauthordetails .clientcompanyname h6 {
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: 110%;
            color: #ffffff;
            letter-spacing: -0.56px;
            margin-bottom: 0px;
        }

        .sliderauthordetails .clientcompanyname p {
            font-size: 28px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -1px;
            color: #ffffff;
        }

    .textContentBox .tags {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        color: #01011A;
        margin-bottom: 12px;
    }

    .textContentBox .cardTitles {
        font-family: DMSans;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -2px;
        color: #030580;
    }

    .textContentBox .cardDescriptions {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* Testimonials Sections */
    .py-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .testimonialsSection {
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

        .testimonialsSection .testimonialsInner h4 {
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -1px;
            color: #ffffff;
            position: relative;
        }

            .testimonialsSection .testimonialsInner h4:after {
                content: "";
                position: absolute;
                bottom: -5px;
                width: 91px;
                background-color: #383838;
                left: 0;
                height: 3px;
                border-radius: 10px;
            }

            .testimonialsSection .testimonialsInner h4:before {
                content: "";
                position: absolute;
                bottom: -5px;
                width: 44px;
                background-color: #ffffff;
                left: 0;
                height: 3px;
                z-index: 1;
                border-radius: 10px;
            }

        .testimonialsSection .testimonialsInner h5 {
            font-family: DMSans;
            color: #ffffff;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -2px;
        }

        .testimonialsSection .testimonialsInner p {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #ffffff;
        }

    .testimonialSliderMain {
        background: var(--orange);
        max-width: 475px;
        transform: rotate(-10.735deg);
        border: 2px solid #8193c2;
        border-radius: 48.648px;
    }

    @media (max-width: 991px) {
        .testimonialSliderMain {
            margin: 0 auto;
        }
    }

    .testimonialSliderMain .dividerTestimonilas {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .testimonialSliderMain .testimonialSliderInner {
        background: url(/Assets/CJPublic/Images/System/bgtestimonial.png) no-repeat;
        background-size: cover;
        overflow: hidden;
        transform: rotate(10.735deg);
        border: 2px solid #8193c2;
        border-radius: 48.648px;
        padding: 28px 32px;
        box-sizing: border-box;
    }

        .testimonialSliderMain .testimonialSliderInner .quotesSlider {
            margin-bottom: 30px;
        }

        .testimonialSliderMain .testimonialSliderInner .sliderTestimonialsPara {
            font-family: DMSans;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            color: #ffffff;
            margin-bottom: 55px;
        }

        .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .SlidernavLogo .navLogoConetnt {
                gap: 16px;
            }

                .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .SlidernavLogo .navLogoConetnt a {
                    color: #ffffff;
                    width: 32px;
                    height: 32px;
                    display: flex;
                    border-radius: 28px;
                    border: 1px solid #fff;
                    align-items: center;
                    justify-content: center;
                    text-decoration: none;
                }

            .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .sliderauthordetails .sliderAuthordetails {
                gap: 16px;
                align-items: center;
            }

                .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .sliderauthordetails .sliderAuthordetails .clientcompanylogo {
                    width: 56px;
                    height: 56px;
                    overflow: hidden;
                }

                    .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .sliderauthordetails .sliderAuthordetails .clientcompanylogo.imageCircleAvtaar img {
                        min-width: 56px;
                    }

                    .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .sliderauthordetails .sliderAuthordetails .clientcompanylogo img {
                        width: 100%;
                        height: auto;
                    }

                .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .sliderauthordetails .sliderAuthordetails .clientcompanyname h6 {
                    font-family: DMSans;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 150%;
                    color: #ffffff;
                }

                .testimonialSliderMain .testimonialSliderInner .testimonialSliderFoot .sliderauthordetails .sliderAuthordetails .clientcompanyname p {
                    color: #ffffff;
                    font-family: DMSans;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 150%;
                    margin-bottom: 0;
                }

    /* End Testimonials Sections */
    .bannerSection .bannerText h2 {
        font-size: 96px;
        font-style: normal;
        font-weight: 600;
        line-height: 112px;
        color: #030580;
        letter-spacing: -3.84px;
        margin-bottom: 40px;
    }

    @media (max-width: 480px) {
        .bannerSection .bannerText h2 {
            font-size: 70px;
            line-height: 92px;
        }
    }

    .bannerSection .bannerText p {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.36px;
        margin-bottom: 40px;
    }

    .bordered a {
        border: 2px solid var(--orange) !important;
        background:#fff;
        color:var(--orange);
        /*  padding: 9.32px 24px;
*/ box-sizing: border-box;
    }

    .heroBannerSection .bannerText h2 {
        font-size: 96px;
        color: var(--section-title);
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -1.28px;
        margin-bottom: 0;
    }

    @media (max-width: 991px) {
        .heroBannerSection .bannerText h2 {
            text-align: left;
        }
    }

    .heroBannerSection .bannerText h2 span {
        font-weight: 900;
        font-style: italic;
    }

    .heroBannerSection .bannerText p {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 28.8px */
        letter-spacing: -0.36px;
       /* color: #5F5D83;*/
        margin-bottom: 0px;
    }

    @media (max-width: 991px) {
        .heroBannerSection .bannerText p {
            text-align: left;
        }
    }

    .acceleratingSuccess .HeadingTitleMain {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
        margin-bottom: 37px;
    }

    @media (max-width: 991px) {
        .acceleratingSuccess .HeadingTitleMain {
            font-size: 29px;
        }
    }

    .slidersSection .carousel-indicators button.thumbnail {
        width: 230px;
        white-space: normal;
    }

    @media (max-width: 1199px) {
        .slidersSection .carousel-indicators button.thumbnail {
            width: 150px;
        }
    }

    @media (max-width: 991px) {
        .slidersSection .carousel-indicators button.thumbnail {
            width: 100%;
        }
    }

    .slidersSection .carousel-indicators button.thumbnail:not(.active) {
        opacity: 0.7;
    }

    .slidersSection .carousel-indicators {
        position: static;
    }

    @media screen and (max-width: 991px) {
        .slidersSection .carousel-item {
            transition: none;
        }

        .slidersSection .current-selected {
            padding: 11px 24px;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            letter-spacing: 0.32px;
        }

        .slidersSection .dropdown-el {
            display: inline-block;
            width: 80%;
            border-radius: 5px;
            background: #6869B3;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
            overflow: hidden;
            margin-bottom: 48px;
            margin-top: 20px;
        }

            .slidersSection .dropdown-el .dropdown-head {
                border: 0;
                cursor: pointer;
                position: relative;
                background: #6869B3;
                color: #ffffff;
            }

            .slidersSection .dropdown-el .dropdown-body,
            .slidersSection .dropdown-el .dropdown-head {
                background: #6869B3;
            }

            .slidersSection .dropdown-el .dropdown-body {
                position: relative;
            }

        .slidersSection .dropdown-body-inner {
            position: absolute;
            border: 0;
            left: 0;
            top: 0;
            border-top: none;
            width: 100%;
            box-sizing: border-box;
            display: none;
        }

        .slidersSection .dropdown-item {
            padding: 10px 10px 5px 10px;
            cursor: pointer;
            transition: all 0.55s ease-in-out;
            background: white;
        }

            .slidersSection .dropdown-item:hover {
                transition: all 0s ease-in-out;
                color: white;
            }

            .slidersSection .dropdown-item:nth-last-child(1) {
                padding-bottom: 10px;
            }

        .slidersSection .dropdown-head::after {
            content: "\f107";
            position: absolute;
            font-family: "Font Awesome 6 Pro";
            right: 25px;
            top: 8px;
            font-size: 15pt;
        }
    }

    .slidersSection .carousel-indicators {
        position: static;
        gap: 30px;
        border-bottom: 5px solid #ffffff;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 98px;
    }

    @media (max-width: 991px) {
        .slidersSection .carousel-indicators {
            margin-bottom: 0;
            border-bottom: 0;
        }
    }

    .slidersSection .carousel-indicators button {
        position: relative;
        height: auto;
        display: inline-flex;
        background: transparent;
        padding: 50px;
        justify-content: center;
        align-items: center;
        margin: 0;
        box-sizing: border-box;
        text-indent: inherit;
        color: #ffffff;
        border: 0;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.96px;
        text-align: left;
    }

    @media (max-width: 1199px) {
        .slidersSection .carousel-indicators button {
            padding: 25px;
            font-size: 19px;
        }
    }

    @media (max-width: 991px) {
        .slidersSection .carousel-indicators button {
            padding: 11px 24px;
            justify-content: flex-start;
            background: transparent;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            letter-spacing: 0.32px;
        }
    }

    .slidersSection .carousel-indicators button::after {
        content: "";
        position: absolute;
        bottom: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    @media (max-width: 991px) {
        .slidersSection .carousel-indicators button::after {
            display: none;
        }
    }

    .slidersSection .carousel-indicators button.active {
        font-weight: 600;
        background: linear-gradient(0deg, rgba(214, 220, 235, 0.3) 0%, rgba(214, 220, 235, 0) 88.55%);
    }

        .slidersSection .carousel-indicators button.active::after {
            border-bottom-color: #ffffff;
        }

    .slidersSection .slidertopHeading {
        font-family: DMSans;
        font-size: 55px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px;
        color: #28407C;
        letter-spacing: -2.2px;
    }

    @media (max-width: 1199px) {
        .slidersSection .slidertopHeading {
            font-size: 40px;
            line-height: 50px;
        }
    }

    .bannerInnerContent h2 {
        font-family: DMSans;
        font-size: 55px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px;
        color: #FAFAFA;
        letter-spacing: -2.2px;
    }

    @media (max-width: 1199px) {
        .bannerInnerContent h2 {
            font-size: 40px;
            line-height: 50px;
        }
    }

    .bannerInnerContent p {
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        color: #FAFAFA;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        /* 153.846% */
        letter-spacing: -1.04px;
    }

    @media (max-width: 1199px) {
        .bannerInnerContent p {
            font-size: 20px;
            line-height: 35px;
        }
    }

    @media (max-width: 767px) {
        .bannerInnerContent p {
            font-size: 26px;
            line-height: 40px;
        }
    }

    .bannerInnerContent .cardMain {
        padding: 36px 5px;
        padding-bottom: 0;
        box-sizing: border-box;
    }

        .bannerInnerContent .cardMain .cardListings ul li {
            font-size: 32px;
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
            letter-spacing: -1.28px;
            margin-bottom: 30px;
        }

    @media (max-width: 1199px) {
        .bannerInnerContent .cardMain .cardListings ul li {
            font-size: 20px;
            line-height: 35px;
            margin-bottom: 15px;
        }
    }

    @media (max-width: 767px) {
        .bannerInnerContent .cardMain .cardListings ul li {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 35px;
        }
    }

    @media (max-width: 1199px) {
        .bannerInnerContent .cardMain .cardListings ul li i {
            font-size: 30px;
        }
    }

    .max-width-605 {
        max-width: 605px;
    }

    .py-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

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

    .max-width-375 {
        max-width: 375px;
    }

    .max-width-set {
        max-width: 283px;
    }

    .borderR {
        border-right: 1px solid #E5E5E5;
    }

    @media (max-width: 991px) {
        .borderR {
            border-bottom: 1px solid #E5E5E5;
            border-right: 0;
            margin-bottom: 24px;
        }
    }

    .mb-100 {
        margin-bottom: 100px !important;
    }

    @media (max-width: 767px) {
        .heroStaticBannerItem {
            margin: 0 auto;
        }
    }

    .heroStaticBannerItem .heroStaticBannerImg img {
        height: 83px;
        object-fit: cover;
    }

    @media (max-width: 767px) {
        .heroStaticBannerItem .heroStaticBannerImg img {
            width: 100%;
            height: auto;
        }
    }

    .heroStaticBannerItem .heroStaticBannerhead {
        font-family: DMSans;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -2px;
        color: #030580;
    }

    .heroStaticBannerItem .heroStaticBannerpara {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #1D1A05;
    }

    .mainctaBoxes {
        border-radius: 20px;
        border: 2px solid var(--border-color);
        background: #ffffff;
    }

    @media (max-width: 767px) {
        .mainctaBoxes {
            padding-bottom: 32px;
        }
    }

    .mainctaBoxes .ctaBoxes {
        padding: 0 32px;
        box-sizing: border-box;
    }

        .mainctaBoxes .ctaBoxes h2 {
            font-family: DMSans;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -2px;
            /*color: #1D1A05;*/
        }

        .mainctaBoxes .ctaBoxes p {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            /* color: #1D1A05;*/
            /*max-width: 536px;*/
        }

    .mainctaBoxes .bannerRightImg {
        text-align: center;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    @media (max-width: 767px) {
        .mainctaBoxes .bannerRightImg {
            padding: 25px 32px;
        }
    }

    .mainctaBoxes .bannerRightImg img {
        height: 300px;
        object-fit: cover;
        border-radius: 20px;
    }

    .designDriveSection {
        border-radius: 20px;
        border: 2px solid var(--border-color);
        background: #ffffff;
        height: 100%;
    }

    @media (max-width: 991px) {
        .designDriveSection {
            margin-bottom: 40px;
            height: auto;
        }
    }

    .designDriveSection h2 {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
        color: #1D1A05;
    }

    .designDriveSection p {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #1D1A05;
    }

    @media (max-width: 767px) {
        .designDriveSection p.mb-100 {
            margin-bottom: 47px !important;
        }
    }

    .websiteBlock {
        padding: 32px 24px;
        box-sizing: border-box;
        max-width: 505px;
        border-radius: 20px;
        background-color: var(--purple-lt);
        min-height: 400px;
    }

    @media (max-width: 991px) {
        .websiteBlock {
            max-width: 100%;
        }
    }

    .websiteBlock.bg-light-blacks .websiteIconsSec {
        background: #7C7C7C;
    }

    .image-with-bg .websiteBlock .websiteIconsSec {
        width: 75px;
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background: #5b73af;
    }

    .websiteBlock .websiteIconsSec {
        width: fit-content;
        /*height: 75px;*/
        background: transparent;
    }

    .websiteBlock h3 {
        font-family: DMSans;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
/*        color: #020466;
*/    }

    .websiteBlock p {
        color: #1D1A05;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        /*line-height: 40px;*/
    }

    .TitlewithIocn {
        display: flex;
        gap: 24px;
        align-items: center;
    }

        .TitlewithIocn .websiteIconsSec {
            background: var(--purple-lt);
            width: 75px;
            height: 75px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 20px;
        }

    @media (max-width: 767px) {
        .TitlewithIocn .websiteIconsSec {
            min-width: 75px;
        }
    }

    .accordion-Section .accordion-item {
        border: 0;
        margin-bottom: 24px;
    }

        .accordion-Section .accordion-item .accordion-header .accordion-button {
            font-family: DMSans;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -2px;
            color: #FAFAFA;
            padding: 32px 32px 16px 32px;
            box-sizing: border-box;
            background-color: var(--orange);
            border-radius: 20px 20px 0 0;
            box-shadow: none;
        }

            .accordion-Section .accordion-item .accordion-header .accordion-button.collapsed {
                background: var(--purple-lt);
                color: #2E2E2E;
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 20px;
                padding-bottom: 32px;
            }

            .accordion-Section .accordion-item .accordion-header .accordion-button:after {
                content: "\f107";
                font-family: "Font Awesome 6 Pro";
                background: none;
                display: flex;
                font-weight: 500;
                margin-right: 20px;
                align-items: center;
            }

    @media (max-width: 767px) {
        .accordion-Section .accordion-item .accordion-header .accordion-button:after {
            margin-right: 0px;
        }
    }

    .accordion-Section .accordion-item:last-child {
        margin-bottom: 0;
    }

    .accordion-Section .accordion-body {
        font-size: 20px;
        padding: 0 32px 32px 32px;
        box-sizing: border-box;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background-color: var(--orange);
        color: #ffffff;
        border-radius: 0px 0px 20px 20px;
    }

    .titleHead {
        font-family: DMSans;
        font-size: 55px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px;
        /* 120% */
        letter-spacing: -2.2px;
        color: #030580;
    }

    @media (max-width: 767px) {
        .titleHead {
            text-align: left !important;
            font-size: 52px;
        }
    }

    .subtitleHead {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #1D1A05;
    }

    .sliderSeparated h4 {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
/*        color: var(--card-title);
*/    }

    .sliderIcons {
        width: 52px;
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        top: 40%;
        left: 32px;
        transform: translateY(10%);
        opacity: 0;
        transition: 0.3s ease-in;
    }

        .sliderIcons i {
            color: #FAFAFA;
        }

        .sliderIcons.rights-portion {
            right: 32px;
            left: auto;
        }

    @media (max-width: 767px) {
        .accordionSection .rounded {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .ToolBoxMain .saperateBannerBtn {
            text-align: center;
        }
    }

    @media (max-width: 767px) {
        .ToolBoxMain .saperateBannerBtn a {
            display: inline-block;
        }
    }

    .toolbox-owl-slider .owl-prev {
        width: 52px;
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        top: 35%;
        transform: translateY(-35%);
        left: 32px;
        transform: translateY(10%);
        font-size: 0px;
        background-color: var(--orange);
    }

    @media (max-width: 767px) {
        .toolbox-owl-slider .owl-prev {
            top: 25%;
        }
    }

    .toolbox-owl-slider .owl-prev:after {
        content: "\f053";
        font-family: "Font Awesome 6 Pro";
        font-size: 20px;
        color: #ffffff;
    }

    .toolbox-owl-slider .owl-next {
        width: 52px;
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        top: 35%;
        transform: translateY(-35%);
        right: 32px;
        transform: translateY(10%);
        font-size: 0px;
        background-color: var(--orange);
    }

    @media (max-width: 767px) {
        .toolbox-owl-slider .owl-next {
            top: 25%;
        }
    }

    .toolbox-owl-slider .owl-next:after {
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        font-size: 20px;
        color: #ffffff;
    }

    .sliderfullwidth-owl-slider .owl-prev {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        top: 64px;
        transform: translateY(-35%);
        right: 134px;
        transform: translateY(10%);
        font-size: 0px;
        border: 1px solid #E5E5E5;
    }

    @media (max-width: 767px) {
        .sliderfullwidth-owl-slider .owl-prev {
            top: 18px;
            right: 70px;
        }
    }

    .sliderfullwidth-owl-slider .owl-prev:after {
        content: "\f053";
        font-family: "Font Awesome 6 Pro";
        font-size: 15px;
        color: #ffffff;
    }

    .sliderfullwidth-owl-slider .owl-next {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        top: 64px;
        transform: translateY(-35%);
        right: 94px;
        transform: translateY(10%);
        font-size: 0px;
        border: 1px solid #E5E5E5;
    }

    @media (max-width: 767px) {
        .sliderfullwidth-owl-slider .owl-next {
            top: 18px;
            right: 29px;
        }
    }

    .sliderfullwidth-owl-slider .owl-next:after {
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        font-size: 15px;
        color: #ffffff;
    }

    .testimonialSlider-half .owl-prev {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        bottom: 15px;
        transform: translateY(-35%);
        right: 48px;
        transform: translateY(10%);
        font-size: 0px;
        border: 1px solid #E5E5E5;
    }

    @media (max-width: 767px) {
        .testimonialSlider-half .owl-prev {
            top: 18px;
            right: 70px;
        }
    }

    .testimonialSlider-half .owl-prev:after {
        content: "\f060";
        font-family: "Font Awesome 6 Pro";
        font-size: 15px;
        color: #ffffff;
    }

    .testimonialSlider-half .owl-next {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        bottom: 15px;
        transform: translateY(-35%);
        right: 0px;
        transform: translateY(10%);
        font-size: 0px;
        border: 1px solid #E5E5E5;
    }

    @media (max-width: 767px) {
        .testimonialSlider-half .owl-next {
            top: 18px;
            right: 29px;
        }
    }

    .testimonialSlider-half .owl-next:after {
        content: "\f061";
        font-family: "Font Awesome 6 Pro";
        font-size: 15px;
        color: #ffffff;
    }

    .testimonialSlider-half .clientcompanylogo img {
        min-width: auto;
    }

    .progressCustom .progress {
        background: var(--border-color);
        border-radius: 4px;
        height: 4px;
    }

    .sliderSeparated:hover .sliderIcons {
        opacity: 1;
        transition: 0.3s ease-in;
    }

    * {
        box-sizing: border-box;
    }

    .hero-banner {
        /*  overflow: hidden;*/
    }

    .font-family-set {
        font-family: AvenirNext !important;
    }

    .mainHeading {
        font-family: DMSans;
        font-size: 55px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px;
        color: var(--section-title);
        letter-spacing: -2.2px;
    }

        .mainHeading.technicalTeam {
            font-family: DMSans;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            color: #01011A;
            margin-bottom: 17px;
        }

    @media (max-width: 991px) {
        .mainHeading {
            text-align: left !important;
            word-wrap: break-word;
        }
    }

    .mainHeadingspacing {
        padding: 70px 0 56px 0;
        box-sizing: border-box;
    }

    .box-shadow-seperate-gold {
        box-shadow: 0 45px 0;
    }

    .box-navy-seperate {
        box-shadow: 0 45px 0 #9A9BCC;
    }

    .box-shadow-treetop {
        box-shadow: 0 45px 0 #AFB9A1;
    }

    .box-shadow-black {
        box-shadow: 0 45px 0 #000;
    }

    .border-color-white {
        border-color: #ffffff;
    }

    .subUpperHead {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        color: #1D1A05;
    }

    .mainHeadingPara {
        color: #1D1A05;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    @media (max-width: 991px) {
        .mainHeadingPara {
            text-align: left !important;
        }
    }

    .bg-cold-morning .heroStaticBannerpara {
        margin-bottom: 30px !important;
    }

    .bg-cold-morning .heroStaticBannerItem .heroStaticBannerImg img {
        height: auto;
    }

    /* Breadcrumb */
    @media (max-width: 991px) {
        .breadcrumbs {
            margin-top: 55px !important;
            visibility: hidden
        }

            .breadcrumbs nav .breadcrumb {
                margin-bottom: 0px;
            }
    }

    .breadcrumbs nav .breadcrumb .breadcrumb-item {
        font-size: 14px;
        font-family: AvenirNext;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #030580;
        position: relative;
        padding: 0;
    }

        .breadcrumbs nav .breadcrumb .breadcrumb-item a {
            font-size: 14px;
            padding-right: 7px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #5C5C5C;
            text-decoration: none;
        }

        .breadcrumbs nav .breadcrumb .breadcrumb-item:before {
            display: none;
        }

        .breadcrumbs nav .breadcrumb .breadcrumb-item:after {
            content: "\f054";
            font-family: "Font Awesome 6 Pro";
            font-size: 14px;
            color: #030580;
            line-height: 8px;
            padding: 0 8px 0 4px;
        }

        .breadcrumbs nav .breadcrumb .breadcrumb-item:last-child::after {
            display: none;
        }

    /* End Breadcrumb */
    .sliderContentPages .subsliderhead {
        margin: 24px 0;
        color: #01011A;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -1px;
    }

    @media (max-width: 991px) {
        .sliderContentPages .subsliderhead {
            margin: 8px 0px;
            font-weight: 500;
        }
    }

    .sliderContentPages h1 {
        font-size: 96px;
        font-style: normal;
        font-weight: 600;
        line-height: 112px;
        letter-spacing: -3.84px;
        color: #030580;
    }

        .sliderContentPages h1.fw-600 {
            font-weight: 600;
        }

            .sliderContentPages h1.fw-600 span {
                font-weight: 700;
            }

    @media (max-width: 991px) {
        .sliderContentPages h1 {
            font-size: 64px;
            font-weight: 700;
            line-height: normal;
            margin-bottom: 40px !important;
            word-wrap: break-word;
        }
    }

    .sliderContentPages p {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.36px;
    }

    @media (max-width: 991px) {
        .sliderContentPages p {
            font-size: 20px;
            margin-bottom: 40px !important;
            color: #1D1A05 !important;
        }
    }

    .paddingAccerleratingSet {
        padding: 48px 0 72px 0;
        box-sizing: border-box;
    }

    .paddingAccerleratingSetting {
        padding: 48px 0 48px 0;
        box-sizing: border-box;
    }

        .paddingAccerleratingSetting.bb-border {
            border-bottom: 1px solid #CECCCC;
        }

    @media (max-width: 991px) {
        .paddingAccerleratingSetting.bb-border {
            background: #E6E6F2;
        }
    }

    .home-demo .owl-carousel .owl-stage, .home-demo .row {
        display: flex;
        align-items: center;
    }


    .getStartedCardBnnered.content-productions {
        background: none;
        position: relative;
        height: 488px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions {
            height: auto;
            padding-top: 32px;
            margin-bottom: 120px;
        }
    }

    .getStartedCardBnnered.content-productions:after {
        content: "";
        position: absolute;
        bottom: -70.5px;
        background: url(/Assets/CJPublic/Images/System/radiusimg.svg);
        width: 100%;
        height: 197px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        background-position: bottom;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions:after {
            bottom: -110.5px;
            background-size: 100% 100%;
        }
    }

    .getStartedCardBnnered.content-productions .getStartedCardHeader h2 {
        font-size: 96px;
        font-style: normal;
        font-weight: 600;
        line-height: 112px;
        letter-spacing: -3.84px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions .getStartedCardHeader h2 {
            font-size: 64px;
            line-height: normal;
            letter-spacing: -4px;
            text-align: left;
            margin-bottom: 40px;
            word-wrap: break-word;
        }
    }

    .getStartedCardBnnered.content-productions .getStartedCardHeader p {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.36px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions .getStartedCardHeader p {
            text-align: left;
        }
    }

    .getStartedCardBnnered.content-productions .saperateBannerBtn {
        margin-bottom: 150px !important;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions .saperateBannerBtn {
            margin-bottom: 8px !important;
        }
    }

    .gradientBlueBg {
        position: relative;
    }

    @media (max-width: 991px) {
        .gradientBlueBg {
            margin-top: 60px;
        }
    }

    .gradientBlueBg:after {
        background: linear-gradient(330deg, #86EC09 2.79%, rgba(134, 236, 9, 0) 28.54%, rgba(134, 236, 9, 0) 37.86%), linear-gradient(324deg, rgba(99, 102, 241, 0) 32.2%, rgba(99, 102, 241, 0) 32.2%, #7B61FF 87.08%);
        filter: blur(54px);
        content: "";
        position: absolute;
        right: 0%;
        z-index: -1;
        margin: 0 auto;
        width: 333.823px;
        height: 590.005px;
        transform: rotate(-45deg);
        top: 0;
    }

    @media (max-width: 767px) {
        .gradientBlueBg:after {
            width: 200px;
            height: 192.484px;
            right: 20%;
        }
    }

    /* Dragable Slider Sections */
    .effortlessly-develop h2 {
        color: #1D1A05;
        font-family: DMSans;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
    }

    @media (max-width: 1024px) {
        .effortlessly-develop h2 {
            font-size: 30px;
        }
    }

    .effortlessly-develop p {
        color: #1D1A05;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .effortlessly-develop .effectivelySliderBtn {
        display: flex;
        gap: 16px;
    }

        .effortlessly-develop .effectivelySliderBtn .btnscircles {
            width: 52px;
            height: 52px;
            display: inline-flex;
            text-decoration: none;
            align-items: center;
            justify-content: center;
            background: #FAFAFA;
            border-radius: 100%;
            transition: 0.3s ease-in;
        }

            .effortlessly-develop .effectivelySliderBtn .btnscircles.active {
                background: var(--orange);
                color: #FAFAFA;
            }

            .effortlessly-develop .effectivelySliderBtn .btnscircles:hover {
                background: var(--orange);
                color: #FAFAFA;
                transition: 0.3s ease-in;
            }

    .slidersMainDrag {
        display: flex;
        gap: 24px;
        box-sizing: border-box;
    }

        .slidersMainDrag .slidersInnerDrag {
            background: #ffffff;
            padding: 30px;
            min-width: 385px;
            min-height: 538px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

    @media (max-width: 1024px) {
        .slidersMainDrag .slidersInnerDrag {
            min-width: 328px;
        }
    }

    .slidersMainDrag .slidersInnerDrag .slidersInnerDragIcon .IconWidthSet {
        width: 60px;
        height: 60px;
        display: inline-flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .slidersMainDrag .slidersInnerDrag .slidersInnerContent h2 {
        color: #1D1A05;
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
    }

    .slidersMainDrag .slidersInnerDrag .slidersInnerContent p {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #5C5C5C;
    }

    .slidersMainDrag .slidersInnerDrag .slidersInnerbtn a {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 23px;
        text-decoration: none;
        color: var(--orange);
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .slidersMainControlOuter {
        max-width: 388px;
        text-align: center;
    }

        .slidersMainControlOuter h5 {
            color: #1D1A05;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-top: 12px;
            margin-bottom: 0;
        }

        .slidersMainControlOuter .slidersMainControl {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            gap: 24px;
        }

            .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles {
                position: relative;
            }

                .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles.lefts:after {
                    content: "";
                    position: absolute;
                    width: 150px;
                    height: 2px;
                    background: var(--orange);
                    top: 10px;
                    left: 3px;
                }

                .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles.rights:before {
                    content: "";
                    position: absolute;
                    width: 150px;
                    height: 2px;
                    background: var(--orange);
                    top: 10px;
                    right: 3px;
                }

    /* End Dragable Slider Sections */
    .bannerRightImgs img {
        width: 40%;
        margin: 0 auto;
    }

    @media (max-width: 767px) {
        .bannerRightImgs img {
            width: 100%;
        }
    }

    .cardListingsNew ul {
        padding: 0;
        margin: 0;
        margin-bottom: 24px;
    }

        .cardListingsNew ul li {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            list-style: none;
            display: flex;
            align-items: center;
            margin-bottom: 32px;
            color: #000000;
            gap: 8px;
        }

            .cardListingsNew ul li i {
                font-size: 40px;
            }

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

    /* Overlay Hero Header */
    .overlayHeroHeader {
        background: url(/Assets/CJPublic/Images/System/banner.png), lightgray 50%/cover no-repeat;
        background-size: 100% 100%;
        position: relative;
        z-index: 0;
    }

    @media (max-width: 767px) {
        .overlayHeroHeader {
            background: url(/Assets/CJPublic/Images/System/bannermob.png), lightgray 50%/cover no-repeat;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
    }

    .overlayHeroHeader:before {
        content: "";
        background: rgba(50, 80, 155, 0.7);
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    @media (max-width: 767px) {
        .overlayHeroHeader:before {
            display: none;
        }
    }

    .overlayHeroHeader .heroHeading {
        color: #E5E5E5;
        font-size: 96px;
        font-style: normal;
        font-family: DMSans;
        font-weight: 600;
        line-height: 100px;
        letter-spacing: -3.84px;
    }

    @media (max-width: 767px) {
        .overlayHeroHeader .heroHeading {
            font-size: 64px;
            line-height: normal;
            letter-spacing: -4px;
        }
    }

    .overlayHeroHeader .heroPara {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #ffffff;
        padding-right: 45px;
    }

    @media (max-width: 767px) {
        .overlayHeroHeader .heroPara {
            padding-right: 0px;
            padding-bottom: 50px;
        }
    }

    /* End Overlay Hero Header */
    /* Card Sections */
    .cardSection .cardSectionMain {
        padding: 54px 0;
        box-sizing: border-box;
    }

        .cardSection .cardSectionMain .srno {
            color: #01011A;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -1px;
            margin-bottom: 24px;
        }

        .cardSection .cardSectionMain .cardSectionHead {
            color: #020466;
            font-family: DMSans;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -2px;
            margin-bottom: 16px;
        }

        .cardSection .cardSectionMain .cardSectionpara {
            color: #1D1A05;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            max-width: 550px;
        }

        .cardSection .cardSectionMain.bg-blue-shades {
            padding-left: 80px;
            position: relative;
        }

    @media (max-width: 991px) {
        .cardSection .cardSectionMain.bg-blue-shades {
            padding-left: 12px;
        }
    }

    .cardSection .cardSectionMain.bg-blue-shades .cardSectionHead {
        color: #E6E6F2;
    }

    .cardSection .cardSectionMain.bg-blue-shades:after {
        background: var(--orange);
        content: "";
        position: absolute;
        left: 99%;
        top: 0;
        bottom: 0;
        width: 555rem;
    }

    .cardSection .cardSectionMain.bg-blue-shades:before {
        content: "";
    }

    @media (max-width: 991px) {
        .cardSection .cardSectionMain.bg-blue-shades:before {
            background: var(--orange);
            content: "";
            position: absolute;
            right: 99%;
            top: 0;
            bottom: 0;
            width: 555rem;
        }
    }

    /* End Card Sections */
    /* Testimonials Section WhiteBg*/
    .testimonialsSection.whiteBg {
        background-image: url(/Assets/CJPublic/Images/System/white-stripes-waves-surface.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    @media (max-width: 767px) {
        .testimonialsSection.whiteBg {
            background-image: url(/Assets/CJPublic/Images/System/bgtestimonials-mob.png);
        }
    }

    .testimonialsSection.whiteBg:before {
        background-color: rgba(0, 0, 0, 0.95);
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        z-index: -1;
    }

    @media (max-width: 767px) {
        .testimonialsSection.whiteBg:before {
            background: transparent;
        }
    }

    /* End Testimonials Section WhiteBg */
    .getStartedCardBnnered.content-productions.sitemgmt {
        height: auto;
        padding-top: 175px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt {
            padding-top: 32px;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt:after {
        content: "";
        position: absolute;
        bottom: -70.5px;
        background: url(/Assets/CJPublic/Images/System/radiusima.png);
        width: 100%;
        height: 197px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        background-position: bottom;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt:after {
            bottom: -40.5px;
            background-size: 100% 100%;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .saperateBannerBtn {
        margin-bottom: 110px !important;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .saperateBannerBtn {
            margin-bottom: 8px !important;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain {
        display: flex;
        position: relative;
        gap: 4px;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain {
            margin-bottom: -60px;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages {
        flex: 0 0 25%;
        width: 150px;
        height: 150px;
        background: #FFF;
        filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages {
            width: 74px;
            height: 74px;
            flex: none;
        }
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages img {
            width: 70%;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.four {
        position: absolute;
        left: 0;
        bottom: -160px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.four {
            position: static;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.one {
        position: absolute;
        left: 33%;
        bottom: -114px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.one {
            position: static;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.two {
        position: absolute;
        right: 25%;
        bottom: -160px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.two {
            position: static;
        }
    }

    .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.three {
        position: absolute;
        right: 0;
        bottom: -6px;
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .bannerBottomImagesMain .bannerBottomImages.three {
            position: static;
        }
    }

    @media (max-width: 991px) {
        .getStartedCardBnnered.content-productions.sitemgmt .btnsBanner {
            margin-bottom: 50px;
        }
    }

    .viewmorebtn a {
        color: var(--orange);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: 0.32px;
        display: flex;
        gap: 10px;
        text-decoration: none;
        align-items: center;
    }

    .bodyHeadAccordions {
        font-family: DMSans;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 16px;
        margin-top: 0px;
    }

    .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item {
        margin-bottom: 30px;
        overflow: hidden;
        border-radius: 20px;
        border-color: #2E2E2E;
    }

        .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button {
            border-radius: 20px;
            border-color: #2E2E2E;
            padding: 48px 24px;
            box-sizing: border-box;
            background: transparent !important;
        }

            .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button:after {
                top: 85px !important;
            }

            .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button.collapsed {
                background: #2E2E2E !important;
            }

                .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button.collapsed span {
                    display: block;
                    color: #D6DCEB;
                }

    @media (max-width: 767px) {
        .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button.collapsed span {
            max-width: 260px;
        }
    }

    .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button.collapsed .numericButtons {
        background: #D6DCEB;
        color: #2E2E2E;
    }

    @media (max-width: 767px) {
        .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button.collapsed .numericButtons {
            display: none;
        }
    }

    .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button.collapsed:after {
        color: #D6DCEB;
        top: 85px;
    }

    .boostEfficiencyBusiness .singularAccordionMain .singularAccordion .accordion-item .accordion-button span {
        display: none;
    }

    .boostEfficiencyBusiness .cardMain {
        margin-bottom: 80px;
    }

    @media (max-width: 767px) {
        .boostEfficiencyBusiness .cardMain {
            margin-bottom: 40px;
        }
    }

    .getStartedCardTitledMain .getStartedCardTitled.bg-navy-blue .getStartedCardTitledItem h3 {
        color: #030580;
    }

    .getStartedCardTitledMain .getStartedCardTitled.bg-navy-blue .getStartedCardTitledItem p {
        color: #6869B3;
    }

    .getStartedCardTitledMain .getStartedCardTitled.bg-treetop .getStartedCardTitledItem h3 {
        color: #384F15;
    }

    .getStartedCardTitledMain .getStartedCardTitled.bg-treetop .getStartedCardTitledItem p {
        color: #607244;
    }

    .hubspotCorner {
        background: #D9D9D9;
        border-radius: 20px;
        padding: 30px 50px;
        min-height: 210px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .hubspotCorner p {
            color: #000000;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 0;
        }

    .subsliderheads {
        color: #172B4D;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
    }

    .filteredRow {
        text-align: center;
    }

        .filteredRow .select2 {
            border-radius: 5px;
            border: 2px solid var(--orange);
            background: #ffffff;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
            overflow: hidden;
        }

    @media (max-width: 991px) {
        .filteredRow .select2 {
            border: 0;
            box-shadow: none;
        }
    }

    .filteredRow .single_select, .multi_select {
        border-radius: 5px;
        border: 2px solid var(--orange);
    }

    .btn-filtered {
        display: flex;
        padding: 11px 24px;
        justify-content: center;
        gap: 10px;
        color: #ffffff;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 23px;
        border-radius: 5px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
    }

        .btn-filtered:hover {
            color: #ffffff;
        }

    .toolFilters .filterToggle {
        display: none;
    }

    @media (max-width: 991px) {
        .toolFilters .filterToggle {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 34px;
            border-radius: 5px;
            border: 2px solid var(--orange);
            background: #ffffff;
        }
    }

    @media (max-width: 991px) {
        .toolFilters .mobileFixedScroll {
            padding: 0 148px;
            position: relative;
            left: -148px;
            z-index: 2;
            width: calc(100% + 296px);
            background-color: #ffffff;
        }
    }

    @media (max-width: 991px) {
        .toolFilters .mobilefilterhide {
            display: none;
            position: relative;
            left: 0px;
            z-index: 2;
            width: 100%;
        }
    }

    .viewmorebtnn {
        color: #FAFAFA;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: 0.32px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mainHeading-details {
        color: #1D1A05;
        font-family: DMSans;
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -4px;
        margin-bottom: 60px;
    }

    .insightDetailsTitle {
        display: flex;
        justify-content: space-between;
        border-top: 2px solid var(--orange);
        padding: 20px 40px;
        box-sizing: border-box;
        padding-bottom: 0;
    }

    @media (max-width: 767px) {
        .insightDetailsTitle {
            display: block;
        }
    }

    .insightDetailsTitle h3 {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #1D1A05;
        margin-bottom: 0;
    }

    @media (max-width: 767px) {
        .insightDetailsTitle h3 {
            margin-bottom: 60px;
        }
    }

    .insightDetailsTitle h5 {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #1D1A05;
        margin-bottom: 0;
    }

    .detailsBlog {
        max-width: 765px;
    }

        .detailsBlog h6 {
            color: var(--orange);
            font-family: DMSans;
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -2px;
            margin-bottom: 34px;
        }

        .detailsBlog p {
            color: #1D1A05;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 40px;
        }

        .detailsBlog .sharing {
            display: flex;
            gap: 16px;
            margin-bottom: 20px;
        }

            .detailsBlog .sharing .sharingTitles {
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: -1px;
                color: #5C5C5C;
            }

            .detailsBlog .sharing .sharingIcons ul {
                margin: 0;
                padding: 0;
                display: flex;
                gap: 16px;
            }

                .detailsBlog .sharing .sharingIcons ul li {
                    list-style: none;
                }

                    .detailsBlog .sharing .sharingIcons ul li a {
                        border-radius: 64px;
                        background: #EFF6FF;
                        display: flex;
                        padding: 8px;
                        width: 36px;
                        height: 36px;
                        align-items: center;
                        justify-content: center;
                        text-decoration: none;
                        transition: 0.3s ease-in;
                    }

                        .detailsBlog .sharing .sharingIcons ul li a:hover {
                            background: var(--orange);
                            transition: 0.3s ease-in;
                        }

                            .detailsBlog .sharing .sharingIcons ul li a:hover i {
                                color: #EFF6FF;
                            }

                            .detailsBlog .sharing .sharingIcons ul li a:hover svg, .detailsBlog .sharing .sharingIcons ul li a:hover path {
                                fill: #EFF6FF;
                            }

    /* Horizontal Slider */
    .horizontalAccordions .mainHorizontalAccordion .bottomsArrow i {
        font-weight: 400;
    }

    .horizontalAccordions .mainHorizontalAccordion .numbered {
        border-radius: 20px;
        background: #7C7C7C;
        width: 75px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #D6DCEB;
        text-align: center;
        font-family: DMSans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 1.6px;
        margin-bottom: 0px;
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion {
        width: 100%;
        height: 550px;
        overflow: hidden;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion {
            height: auto;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul {
        height: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul {
            display: block;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 20px;
        overflow: hidden;
        transition: all 0.5s ease;
        margin-right: 40px;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li {
            margin-bottom: 24px;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner {
        background-repeat: no-repeat;
        background-position: center center;
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 3;
    }

        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .button {
            position: absolute;
            bottom: 10px;
            left: 32px;
            width: auto;
            opacity: 0;
            text-overflow: ellipsis;
            z-index: 5;
            padding: 20px;
            overflow: hidden;
            right: auto;
            transform: translateX(-20px);
            transition: all 0.5s ease;
            font-family: DMSans;
            font-size: 56px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -2px;
            color: #D6DCEB;
        }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .button {
            position: static;
            transform: none;
        }
    }

    @media (max-width: 1199px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .button {
            font-size: 50px;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .title {
        background-color: #2E2E2E;
        color: #FAFAFA;
        width: 100px;
        height: 100%;
        position: relative;
        cursor: pointer;
        padding: 32px 24px;
        box-sizing: border-box;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .title {
            padding-bottom: 0px;
            width: 100%;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .title__inner {
        position: absolute;
        transform: rotate(-90deg);
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .title__text {
        font-size: 30px;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li .panel-inner .title__text {
            display: block !important;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open {
        flex-grow: 1;
        transition: all 0.5s ease;
        max-width: 505px;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open {
            max-width: 100%;
            margin-right: 0;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .button {
        opacity: 1 !important;
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open a * {
        opacity: 1;
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner {
        display: flex;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner {
            display: block;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner .title {
        width: 100%;
        height: auto;
    }

        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner .title .title__text {
            align-items: flex-start;
            height: auto !important;
        }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner .title .title__text {
            display: block !important;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner .title .HeadeMinHorizon {
        flex-direction: row !important;
        gap: 330px;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .panel-inner .title .HeadeMinHorizon {
            gap: 0px;
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .bottomsArrow i {
        transform: rotate(180deg);
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li.is-open .bottomsArrow i {
            transform: rotate(-90deg);
        }
    }

    .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li:not(.is-open) {
        width: 100px;
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li:not(.is-open) {
            width: 100%;
            height: 140px;
        }
    }

    @media (max-width: 991px) {
        .horizontalAccordions .mainHorizontalAccordion .flex-accordion ul li:not(.is-open) .bottomsArrow i {
            transform: rotate(90deg);
        }
    }

    /* End Horizontal Slider */
    .homeBgColorBanner {
        background: linear-gradient(270deg, #F5F9FF -37.43%, rgba(245, 249, 255, 0.38) 100%) !important;
    }

    .mob-View {
        display: none;
    }

    /* Responsive */
    @media (min-width: 992px) {
        div#selected--zg-ul-select {
            display: none;
        }

        .slidersSection .carouselExampleIndicators .dropdown-body .carousel-indicators {
            display: flex !important;
            height: 165px !important;
            padding: 0 !important;
            margin: 98px 0 !important;
        }

        .hero-banner .btnsBanner,
        .getStartedCardBnnered .btnsBanner {
            gap: 8px;
        }
    }

    @media only screen and (max-width: 1600px) {
        .effortlessly-develop h2 {
            font-size: 45px;
        }
    }

    @media only screen and (max-width: 1200px) {
        .mainHeading br {
            display: none;
        }

        .heroStaticBannerItem .heroStaticBannerImg img {
            width: 100%;
            height: auto;
        }

        .header .menu > ul > li .sub-menu.mega-menu {
            left: 60%;
        }

        .header .menu > ul > li .sub-menu {
            padding: 20px 15px;
        }

        .header .menu > ul > li {
            margin-left: 15px;
        }
    }

    @media only screen and (max-width: 992px) {
        .gap-tablets {
            margin-top: 80px;
        }

        .header .menu > ul > li .sub-menu.mega-menu {
            left: 0%;
        }

        .mb-xs-0 {
            margin-bottom: 0;
        }

        .cardsMaine .imagesRight img {
            margin-bottom: 30px;
            width: 80% !important;
        }

        .mobileViewHeight {
            height: 600px;
        }

            .mobileViewHeight img {
                height: 100%;
            }

        .slidersSection .carouselExampleIndicators .saperateDeveloperBannerBtn a {
            display: inline-block;
            margin-bottom: 50px;
        }

        .boostEfficiency {
            padding-left: 18px;
            padding-right: 18px;
        }

        .cardsMaineSection .cardMain {
            margin-bottom: 40px;
        }

        .cardsMaineSection .mb-100 {
            margin-bottom: 0px !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .header .menu > ul > li > a:hover::after {
            border: 0;
        }

        .sliderIcons {
            opacity: 1;
            top: 30%;
        }

            .sliderIcons.rights-portion {
                right: 0;
            }

        .height-143 {
            max-height: 143px !important;
        }

        .height-350 {
            height: 350px !important;
        }

        .mob-View {
            display: block;
        }

        .desk-View {
            display: none;
        }

        .contentVeticalFrame {
            height: 100vh !important;
        }

        .bg-gray-lightMobView {
            background-color: #E6E6F2 !important;
        }

        .btnsBanner a.bgTransparent {
            background: transparent !important;
        }

        .hero-banner .sliderContentPages p br {
            display: none;
        }

        .gap-tablets {
            margin-top: auto;
        }

        section.acceleratingSuccess.paddingAccerleratingSetting.mt-150 {
            margin-top: 0px !important;
            padding-top: 0px !important;
        }

        .clientcompanyname {
            max-width: 145px;
        }

        .quotesSlider svg {
            width: 48px;
            height: 48px;
        }

        .testimonialSliderMain .testimonialSliderInner .quotesSlider {
            margin-bottom: 10px;
        }

        .testimonialSliderMain .testimonialSliderInner .sliderTestimonialsPara,
        .testimonialSliderMain .dividerTestimonilas {
            margin-bottom: 16px;
        }

        .slider-fullwidth.bg-blue-shades .SlidernavLogo {
            padding-right: 0;
        }

        .boostEfficiency {
            padding-left: 18px;
            padding-right: 18px;
        }

        .columnSettingonMobile {
            padding-top: 56px;
        }

        .slidersMainControlOuter .slidersMainControl {
            justify-content: space-around;
        }

            .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles.rights:before {
                width: 100px;
            }

            .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles.lefts:after {
                width: 100px;
            }

        .aminated-image.text-center.text-lg-end {
            margin-top: 60px;
        }

        .hero-banner {
            overflow: hidden;
        }

        .br_remove {
            margin-bottom: 0px !important;
            height: auto;
        }

            .br_remove h2 br {
                display: none;
            }

        .height-remove-mobile {
            height: auto;
        }

        .newSeperation {
            margin-bottom: 40px;
        }

        .cardsMaineSection .cardMain {
            margin-bottom: 40px;
        }

        .cardsMaineSection .mb-100 {
            margin-bottom: 0px !important;
        }

        .cardsMaineSectionFullWidth {
            margin-bottom: 0px;
        }

        .mobView_column-reverse {
            flex-direction: column-reverse;
        }

        .customCarousel .owl-carousel .owl-item img {
            width: 60%;
            margin: 0 auto;
        }

        .slidersSection .carouselExampleIndicators .saperateDeveloperBannerBtn a {
            display: inline-block;
            margin-bottom: 50px;
        }

        .accordionSection .mainHeading {
            margin-bottom: 40px;
        }

        .accordionSection .mobView_column-reverse .rounded {
            margin-bottom: 48px;
        }

        .hero-banner.mb-160 {
            margin-bottom: 50px !important;
        }
    }

    .mainCradsoverlay {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

        .mainCradsoverlay .card__overlay {
            border-radius: 8px;
            background: linear-gradient(180deg, rgba(24, 59, 86, 0) 0%, rgba(22, 49, 70, 0.45) 45.38%, #152532 100%);
            padding: 48px;
            box-sizing: border-box;
            position: absolute;
            width: 100%;
            bottom: 0;
            height: 100%;
        }

            .mainCradsoverlay .card__overlay .overlay__text {
                position: absolute;
                bottom: 52px;
            }

                .mainCradsoverlay .card__overlay .overlay__text h3 {
                    font-family: DMSans;
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 48px;
                    letter-spacing: 0.2px;
                    color: #FAFAFA;
                    margin-bottom: 44px;
                }

                .mainCradsoverlay .card__overlay .overlay__text p {
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 23px;
                    color: #B7B7B7;
                    margin-bottom: 0;
                }

        .mainCradsoverlay:hover img {
            transition: 0.3s ease-in;
            transform: scale(1.57);
        }

    .overlay__textUp {
        display: inline-flex;
        border-radius: 20px;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        position: absolute;
        top: 32px;
        left: 32px;
        padding: 6px 18px;
        box-sizing: border-box;
    }

        .overlay__textUp .featuredTag {
            text-decoration: none;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            color: #030580;
            text-transform: capitalize;
        }

    .mainCradsoverlay.font-decrease {
        border-radius: 16px;
    }

        .mainCradsoverlay.font-decrease .overlay__text {
            position: absolute;
            left: 48px;
            right: 22px;
        }

            .mainCradsoverlay.font-decrease .overlay__text h3 {
                font-family: DMSans;
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: -2px;
                color: #FAFAFA;
                margin-bottom: 27px;
            }

            .mainCradsoverlay.font-decrease .overlay__text p {
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 23px;
                color: #B7B7B7;
                margin-bottom: 0;
            }

        .mainCradsoverlay.font-decrease.sidebarMain .card__overlay_new .overlay__text {
            top: 66px;
        }

    .mainCradsoverlay .card__overlay_new .overlay__text {
        max-width: 332px;
    }

        .mainCradsoverlay .card__overlay_new .overlay__text .overlay-box-btn a {
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 23px;
            border-radius: 5px;
            border: 2px solid var(--primary-advantage, var(--orange));
            background: #FFF;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
            padding: 11px 24px;
            box-sizing: border-box;
            text-decoration: none;
        }

        .mainCradsoverlay .card__overlay_new .overlay__text h3 {
            font-family: DMSans;
            font-size: 64px;
            font-style: normal;
            font-weight: 700;
            line-height: 65px;
            color: #FAFAFA;
            margin-bottom: 18px;
        }

        .mainCradsoverlay .card__overlay_new .overlay__text p {
            font-size: 24px;
            font-style: normal;
            font-weight: 500 !important;
            line-height: normal;
            letter-spacing: -1px;
            margin-bottom: 29px;
            color: #FAFAFA !important;
        }

    .max-width-card {
        max-width: 420px;
    }

    .max-width-cardwithLink {
        max-width: 810px !important;
    }

    .recommendMain h3 {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
        color: #1D1A05;
        margin-bottom: 20px;
    }

    .recommendMain .ecommendlistmain ul {
        padding: 0;
        margin: 0;
    }

        .recommendMain .ecommendlistmain ul li {
            list-style: none;
            margin-bottom: 25px;
        }

            .recommendMain .ecommendlistmain ul li a {
                display: block;
                text-decoration: none;
            }

                .recommendMain .ecommendlistmain ul li a .recommendList {
                    display: flex;
                    align-items: center;
                    gap: 25px;
                }

                    .recommendMain .ecommendlistmain ul li a .recommendList .recommendMainImage {
                        min-width: 90px;
                        border: 1px solid #ddd;
                        border-radius: 20px;
                        background: rgba(0, 0, 0, 0.2);
                        overflow: hidden;
                    }

                        .recommendMain .ecommendlistmain ul li a .recommendList .recommendMainImage img {
                            height: 90px;
                            border-radius: 15px;
                        }

                    .recommendMain .ecommendlistmain ul li a .recommendList .recommendContent h5 {
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        letter-spacing: -1px;
                        color: #1D1A05;
                        margin-bottom: 16px;
                    }

                    .recommendMain .ecommendlistmain ul li a .recommendList .recommendContent .dateView {
                        color: #E0E4E8;
                    }

                        .recommendMain .ecommendlistmain ul li a .recommendList .recommendContent .dateView span {
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 23px;
                            color: #5C5C5C;
                        }

    .popularMain h3 {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
        color: #1D1A05;
    }

    .popularMain .popularlistmain ul {
        display: flex;
        gap: 8px;
        padding: 0;
        margin: 0;
        flex-wrap: wrap;
    }

    @media (max-width: 767px) {
        .popularMain .popularlistmain ul {
            gap: 4px;
        }
    }

    .popularMain .popularlistmain ul li {
        list-style: none;
        margin-bottom: 10px;
    }

    @media (max-width: 767px) {
        .popularMain .popularlistmain ul li {
            margin-bottom: 0px;
        }
    }

    .popularMain .popularlistmain ul li a {
        display: block;
        text-decoration: none;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        text-transform: capitalize;
        color: #5C5C5C;
        padding: 11px 20px;
        box-sizing: border-box;
        border-radius: 20px;
        background: #ffffff;
        border: 2px solid #E5E5E5;
        transition: 0.3s ease-in;
    }

        .popularMain .popularlistmain ul li a.active {
            background-color: var(--orange);
            color: #ffffff;
            border-color: var(--orange);
        }

        .popularMain .popularlistmain ul li a:hover {
            background-color: var(--orange);
            color: #ffffff;
            border-color: var(--orange);
            transition: 0.3s ease-in;
        }

    .subscribeInner h3 {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
        color: #28407C;
    }

    .subscribeInner .subscribeform form label {
        width: 100%;
    }

        .subscribeInner .subscribeform form label input {
            border-radius: 8px;
            padding: 15px 16px;
            box-sizing: border-box;
            border: 2px solid #E5E5E5;
            background: #FFF;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #777669;
            height: 50px;
        }

    .trendingMain h3 {
        font-family: DMSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
        color: #1D1A05;
        margin-bottom: 35px;
    }

    .trendingMain .trendinglistmain ul {
        padding: 0;
        margin: 0;
    }

        .trendingMain .trendinglistmain ul li {
            list-style: none;
            margin-bottom: 17px;
        }

            .trendingMain .trendinglistmain ul li a {
                display: block;
                text-decoration: none;
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: -1px;
                color: #1D1A05;
            }

    .singularAccordion .accordion .accordion-item {
        background: #D6DCEB;
    }

        .singularAccordion .accordion .accordion-item .accordion-header .accordion-button {
            background: #D6DCEB;
            flex-direction: column;
            align-items: flex-start;
            font-family: DMSans;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            color: #2E2E2E;
            margin-bottom: 0px;
            position: relative;
            box-shadow: none;
        }

            .singularAccordion .accordion .accordion-item .accordion-header .accordion-button .numericButtons {
                font-family: DMSans;
                font-size: 40px;
                font-style: normal;
                font-weight: 700;
                line-height: 30px;
                letter-spacing: 1.6px;
                width: 75px;
                border-radius: 20px;
                background: #2E2E2E;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 75px;
                color: #ffffff;
                margin-bottom: 32px;
            }

            .singularAccordion .accordion .accordion-item .accordion-header .accordion-button:after {
                position: absolute;
                right: 50px;
                content: "\f107";
                background: none;
                font-family: "Font Awesome 6 Pro";
                top: 40px;
                font-size: 28px;
                line-height: 0;
                height: auto !important;
            }

        .singularAccordion .accordion .accordion-item .accordion-body {
            font-size: 28px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -1px;
            color: #2E2E2E;
            padding-top: 0;
        }

    .singleSharePoint {
        border-radius: 20px;
        border: 1px solid #CECCCC;
        display: flex;
        align-items: center;
        gap: 27px;
        background: #FFF;
        padding: 9px 10px;
        box-sizing: border-box;
        color: #111;
    }

    @media (max-width: 767px) {
        .singleSharePoint {
            padding: 41.5px 24px;
        }
    }

    .singleSharePoint .singleSharePointImage {
        width: 78px;
        height: 78px;
    }

    @media (max-width: 767px) {
        .singleSharePoint .singleSharePointImage {
            min-width: 44px;
            height: 100%;
            width: 44px;
        }
    }

    .singleSharePoint .singleSharePointContent h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -1px;
    }

        .singleSharePoint .singleSharePointContent h3 span {
            font-weight: 400;
            padding-left: 15px;
        }

    @media (max-width: 767px) {
        .singleSharePoint .singleSharePointContent h3 span {
            display: block;
            padding-left: 0px;
        }
    }

    .accordionExpandable {
        background: #EFEFEF;
        border-radius: 20px;
        padding: 42px;
        box-sizing: border-box;
    }

    @media (max-width: 991px) {
        .accordionExpandable {
            padding: 15px;
        }
    }

    .accordionExpandable .accordion .accordion-item {
        background: transparent;
        border: 0;
        margin-bottom: 32px;
    }

        .accordionExpandable .accordion .accordion-item .accordion-header {
            box-shadow: none;
        }

            .accordionExpandable .accordion .accordion-item .accordion-header .accordion-button {
                font-size: 28px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: -1px;
                color: #2D499D;
                padding: 0;
                background: transparent;
                border: 0;
                box-shadow: none;
                padding-left: 25px;
            }

                .accordionExpandable .accordion .accordion-item .accordion-header .accordion-button:after {
                    position: absolute;
                    left: 0;
                    content: "\f054";
                    background: none;
                    font-family: "Font Awesome 6 Pro";
                    top: 17px;
                    font-size: 18px;
                    line-height: 0;
                    height: auto !important;
                }

    @media (max-width: 767px) {
        .accordionExpandable .accordion .accordion-item .accordion-header .accordion-button:after {
            top: 21px;
            font-size: 22px;
        }
    }

    .accordionExpandable .accordion .accordion-item .accordion-header .accordion-button.collapsed {
        color: #000000;
    }

    .accordionExpandable .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        transform: rotate(90deg);
        top: 22px;
    }

    @media (max-width: 767px) {
        .accordionExpandable .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
            top: 16px;
        }
    }

    .accordionExpandable .accordion .accordion-item .accordion-body .expandableList {
        margin: 0;
        padding: 0;
        border-left: 2px solid #CECCCC;
    }

        .accordionExpandable .accordion .accordion-item .accordion-body .expandableList li {
            list-style: none;
            padding-left: 33px;
            margin-bottom: 23px;
        }

    @media (max-width: 767px) {
        .accordionExpandable .accordion .accordion-item .accordion-body .expandableList li {
            margin-bottom: 10px;
        }
    }

    .accordionExpandable .accordion .accordion-item .accordion-body .expandableList li a {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #000000;
        text-decoration: none;
    }

    .accordionExpandable .accordion .accordion-item .accordion-body .expandableList li:last-child {
        margin-bottom: 0;
    }

    @media (max-width: 992px) {
        .tabingwithsliderMain .saperateDeveloperBannerBtn {
            margin-bottom: 50px;
        }
    }

    .tabingwithsliderMain .__referral .tabpanel-head {
        background: none;
        border: none;
        display: flex;
        gap: 23px;
        opacity: 1;
        margin-bottom: 45px;
    }

    @media (max-width: 992px) {
        .tabingwithsliderMain .__referral .tabpanel-head {
            flex-wrap: wrap;
        }
    }

    .tabingwithsliderMain .__referral .tabpanel-tab {
        background: transparent;
        border: none;
        padding: 11px 24px;
        box-sizing: border-box;
        display: inline-flex;
        justify-content: center;
        color: #FAFAFA;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: 0.32px;
        border-radius: 5px;
    }

        .tabingwithsliderMain .__referral .tabpanel-tab span {
            display: none;
            padding-left: 5px;
        }

        .tabingwithsliderMain .__referral .tabpanel-tab:hover {
            color: #470030;
            background: #eee;
        }

        .tabingwithsliderMain .__referral .tabpanel-tab.__active {
            border: none;
            color: #FAFAFA;
            background: #6869B3;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
        }

        .tabingwithsliderMain .__referral .tabpanel-tab.__complete span {
            display: block;
        }

        .tabingwithsliderMain .__referral .tabpanel-tab:hover, .tabingwithsliderMain .__referral .tabpanel-tab:focus, .tabingwithsliderMain .__referral .tabpanel-tab:active {
            color: #FAFAFA;
            background: #6869B3;
            text-decoration: none;
        }

    .tabingwithsliderMain .__referral .tabpanel-panel {
        padding: 20px;
        color: #470030;
        display: none;
    }

        .tabingwithsliderMain .__referral .tabpanel-panel.__active {
            display: block;
        }

    .tabingwithsliderMain .__referral .tabpanel-content {
        border: 1px solid #eee;
        border-top: transparent;
    }

    .tabingwithsliderMain .__referral .tabpanel-title {
        font-size: 24px;
        margin: 10px 0;
    }

    .tabingwithsliderMain .__referral .tabpanel-progress-bar {
        background-color: #ffffff;
        border-radius: 4px;
        height: 5px;
        width: 10%;
    }

    .tabingwithsliderMain .__referral .tabpanel-progress-bar-wrap {
        background-color: #020466;
        border-radius: 4px;
        margin-bottom: 45px;
        height: 4px;
    }

    .tabingwithsliderMain .__referral .tabpanel-content {
        border: none;
    }

    .tabingwithsliderMain .tab-pane {
        display: none;
        margin-bottom: 60px;
    }

        .tabingwithsliderMain .tab-pane.__active {
            display: block;
        }

    .tabingwithsliderMain .button {
        background-color: #732251;
        border: none;
        box-shadow: none;
        color: #fff;
        border-radius: 4px;
        padding: 10px 20px;
    }

    .tabingwithsliderMain h1 {
        font-family: DMSans;
        font-size: 55px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px;
        color: #FAFAFA;
        letter-spacing: -2.2px;
        margin-bottom: 48px;
    }

    .tabingwithsliderMain h5 {
        color: #FAFAFA;
        margin-bottom: 31px;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.48px;
        max-width: 360px;
    }

    @media (max-width: 992px) {
        .tabingwithsliderMain h5 {
            max-width: 100%;
        }
    }

    .tabingwithsliderMain p {
        color: #FAFAFA;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 149%;
        margin-bottom: 44px;
        max-width: 400px;
    }

    @media (max-width: 992px) {
        .tabingwithsliderMain p {
            max-width: 100%;
        }
    }

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

    @media (max-width: 992px) {
        .bottomSliderAccordion {
            display: block;
        }
    }

    @media (max-width: 992px) {
        .bottomSliderAccordion .imagesBottom {
            margin-bottom: 80px;
        }
    }

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

    /* Dragable Slider Sections */
    .effortlessly-develop h2 {
        color: #1D1A05;
        font-family: DMSans;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -2px;
    }

    @media (max-width: 1024px) {
        .effortlessly-develop h2 {
            font-size: 30px;
        }
    }

    .effortlessly-develop p {
        color: #1D1A05;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .effortlessly-develop .effectivelySliderBtn {
        display: flex;
        gap: 16px;
    }

        .effortlessly-develop .effectivelySliderBtn .btnscircles {
            width: 52px;
            height: 52px;
            display: inline-flex;
            text-decoration: none;
            align-items: center;
            justify-content: center;
            background: #FAFAFA;
            border-radius: 100%;
            transition: 0.3s ease-in;
        }

            .effortlessly-develop .effectivelySliderBtn .btnscircles.active {
                background: var(--orange);
                color: #FAFAFA;
            }

            .effortlessly-develop .effectivelySliderBtn .btnscircles:hover {
                background: var(--orange);
                color: #FAFAFA;
                transition: 0.3s ease-in;
            }

    .slidersMainDrag {
        display: flex;
        gap: 24px;
        box-sizing: border-box;
    }

        .slidersMainDrag .slidersInnerDrag {
            background: #ffffff;
            padding: 30px;
            min-height: 538px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .slidersMainDrag .slidersInnerDrag .slidersInnerDragIcon .IconWidthSet {
                width: 60px;
                height: 60px;
                display: inline-flex;
                border-radius: 100%;
                align-items: center;
                justify-content: center;
                margin-bottom: 20px;
            }

            .slidersMainDrag .slidersInnerDrag .slidersInnerContent h2 {
                color: #1D1A05;
                font-family: DMSans;
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: -2px;
            }

            .slidersMainDrag .slidersInnerDrag .slidersInnerContent p {
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                color: #5C5C5C;
            }

            .slidersMainDrag .slidersInnerDrag .slidersInnerbtn a {
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 23px;
                text-decoration: none;
                color: var(--orange);
                display: flex;
                gap: 8px;
                align-items: center;
            }

    .slidersMainControlOuter {
        max-width: 380px;
        text-align: center;
        position: relative;
        margin-top: 40px;
    }

        .slidersMainControlOuter:before {
            content: "\f104";
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            display: var(--fa-display, inline-block);
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            color: inherit;
            color: var(--fa-color, inherit);
            font-weight: 900;
            font-family: "Font Awesome 6 Pro";
            position: absolute;
            left: 1px;
            top: -15.5px;
        }

        .slidersMainControlOuter:after {
            content: "\f105";
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            display: var(--fa-display, inline-block);
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            color: inherit;
            color: var(--fa-color, inherit);
            font-weight: 900;
            font-family: "Font Awesome 6 Pro";
            position: absolute;
            right: 3px;
            top: -15px;
        }

    @media (max-width: 450px) {
        .slidersMainControlOuter:after {
            right: -1px;
        }
    }

    .slidersMainControlOuter .drag-line {
        display: block;
        border-top: 2px solid #030580;
        position: absolute;
        left: -5px;
        right: -5px;
        top: 0.5px;
    }

    @media (max-width: 450px) {
        .slidersMainControlOuter .drag-line {
            right: 2px;
        }
    }

    .slidersMainControlOuter h5 {
        color: #1D1A05;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 0px;
        margin-bottom: 0;
        padding-right: 12px;
    }

    .slidersMainControlOuter .swiper-scrollbar {
        height: auto;
        background-color: transparent;
        position: relative;
        margin: 0 5px;
        max-width: 360px;
    }

    @media (max-width: 450px) {
        .slidersMainControlOuter .swiper-scrollbar {
            max-width: 100%;
        }
    }

    .slidersMainControlOuter .swiper-scrollbar .swiper-scrollbar-drag {
        height: 40px;
        top: -19px;
        background-color: #f0f2f8;
        background-image: url(/Assets/CJPublic/images/System/grab-hand.svg);
        background-repeat: no-repeat;
        background-position: center;
        cursor: grab;
    }

    .slidersMainControlOuter .slidersMainControl {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        gap: 24px;
    }

        .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles {
            position: relative;
        }

            .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles.lefts:after {
                content: "";
                position: absolute;
                width: 150px;
                height: 2px;
                background: var(--orange);
                top: 10px;
                left: 3px;
            }

            .slidersMainControlOuter .slidersMainControl .slidersControl .btnscircles.rights:before {
                content: "";
                position: absolute;
                width: 150px;
                height: 2px;
                background: var(--orange);
                top: 10px;
                right: 3px;
            }

    /* End Dragable Slider Sections */
    .cardsMaineSectionFullWidth {
        margin-top: 0px
    }

    .mb-90 {
        margin-top: 90px
    }

    .mb-48 {
        margin-bottom: 48px
    }

    .cardListings.text-white {
        margin-top: 20px
    }

    #emailAddressFooter {
        width: 100%;
        padding: 5px;
    }

    .designDriveSection {
        height: 94%
    }

    /*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left:0 !important; padding-right:0 !important}
*/
    .bannerRightImg.text-center img {
        max-height: 252px;
    }

    /* Styles for Multibanner */

    .progress-wrap {
        display: flex;
        margin: auto;
        width: 75%;
        margin-bottom: -5px;
    }

    .advancedMultitabBanner .progressButton {
        width: 100%;
        background: #D6DCEB;
        border: none;
        height: 4px;
    }

        .advancedMultitabBanner .progressButton.active, .advancedMultitabBanner .progressButton:hover {
            background: #28407C;
        }

    .advancedMultitabBanner h2 {
        color: var(--section-title);
        font-size: 55px;
        line-height: 66px;
        letter-spacing: -2.2px;
        font-weight: 700;
    }

    .advancedMultitabBanner .button-tabs {
        background: white;
        border: none;
        color: #0A101F;
        margin-right: 23px;
        padding: 11px 24px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.32px;
    }

        .advancedMultitabBanner .button-tabs.active, .advancedMultitabBanner .button-tabs:hover {
            background: var(--section-title);
            color: white;
        }


    /* Position the carousel controls at the bottom center */
    .advancedMultitabBanner .carousel-control-prev, .advancedMultitabBanner .carousel-control-next, .owl-carousel .owl-nav > div {
        position: absolute;
        top: calc(100% + 20px);
        left: 50%;
        /* transform: translateX(-50%);*/
        width: 40px; /* Adjust width as needed */
        height: 40px; /* Adjust height as needed */
        background-color: rgba(0, 0, 0, 0.5); /* Optional: Semi-transparent background */
        border-radius: 8px; /* Optional: Circular buttons */
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        background: white;
        padding: 10px;
        border: 1px solid var(--orange);
    }

        .advancedMultitabBanner .carousel-control-prev:hover, .advancedMultitabBanner .carousel-control-next:hover, .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {
            background: var(--orange);
            border: 0px;
        }
    /* Adjust next button to sit slightly right of center */
    .advancedMultitabBanner .carousel-control-next, .owl-carousel .owl-nav .owl-next {
        left: calc(50% + 15px); /* Adjust to separate from the prev button */
    }

    /* Adjust prev button to sit slightly left of center */
    .advancedMultitabBanner .carousel-control-prev, .owl-carousel .owl-nav .owl-prev {
        left: calc(50% - 55px); /* Adjust to separate from the next button */
    }

    .advancedMultitabBanner .carousel-control-next-icon {
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.72266 13.9727L1.24958 7.79381L7.72266 1.61496' stroke='%236D758F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1.25 7.79297L14.75 7.79297' stroke='%236D758F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    }

    .advancedMultitabBanner .carousel-control-next:hover .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.82617 3.61328L15.2992 9.79209L8.82617 15.9709' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.2991 9.79297L2.69922 9.79297' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        transform: rotate(360deg);
    }

    .advancedMultitabBanner .carousel-control-prev-icon {
        /*white icon*/
        background-image: url("data:image/svg+xml,%3csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.72266 13.9727L1.24958 7.79381L7.72266 1.61496' stroke='%236D758F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1.25 7.79297L14.75 7.79297' stroke='%236D758F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    }

    .advancedMultitabBanner .carousel-control-prev:hover .carousel-control-prev-icon {
        /*white icon*/
        background-image: url("data:image/svg+xml,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.82617 3.61328L15.2992 9.79209L8.82617 15.9709' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.2991 9.79297L2.69922 9.79297' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        transform: rotate(180deg);
    }

    .owl-carousel .owl-nav > div {
    }

    .advancedMultitabBanner .saperateDeveloperBannerBtn a, .sliderSeparated .saperateDeveloperBannerBtn a {
        border-radius: 5px;
        border: 2px solid var(--orange);
        padding: 11px 24px;
        font-weight: bold;
        font-size: 16px;
        color: var(--section-title);
    }


        .advancedMultitabBanner .saperateDeveloperBannerBtn a.blue, .sliderSeparated .saperateDeveloperBannerBtn a.blue {
            background: var(--section-title);
            color: white
        }

    .advancedMultitabBanner .btnsBanner {
        gap: 8px;
    }

    .advancedMultitabBanner .col-lg-7 {
        padding: 63px 12px;
    }

    .advancedMultitabBanner .col-lg-5 img {
        border: 2px solid var(--border-color);
        border-radius: 20px;
        height: auto;
        width: 100%;
        margin-bottom: 32px;
    }

    .advancedMultitabBanner .col-lg-7 {
        flex: 1;
    }

    .advancedMultitabBanner .col-lg-5 {
        width: 505px;
        padding: 0;
    }

    @media (max-width: 992px) {
        .advancedMultitabBanner .col-lg-5 {
            width: 100%;
            padding-right: calc(var(--bs-gutter-x)* .5);
            padding-left: calc(var(--bs-gutter-x)* .5);
        }
    }
    /* END Styles for Multibanner */
    /* STYLES FOR OWL CAROUSEL CUSTOM*/
    .sliderSeparated .owl-item {
        /*height: 500px;*/
        border: 1px solid var(--border-color);
        border-radius: 20px;
        /*width: calc(440px - 32px) !important;*/
        /*margin: 0 16px;*/
        padding: 32px;
    }

    .sliderSeparated.fullwidthbanner .owl-item {
        margin: 0;
    }

    .sliderSeparated h4 {
        margin-bottom: 16px;
    }

    .toolbox-owl-slider .owl-next::after, .toolbox-owl-slider .owl-prev::after {
        font-family: "Font Awesome 6 Pro";
        font-size: 22px;
        font-weight: 300;
        color: var(--orange);
    }

    .toolbox-owl-slider .owl-next::after {
        content: "\f061";
    }

    .toolbox-owl-slider .owl-prev::after {
        content: "\f060";
    }

    .toolbox-owl-slider .owl-next:hover::after, .toolbox-owl-slider .owl-prev:hover::after {
        color: white;
    }

    .owl-dots {
        width: 350px;
        margin: auto;
        display: flex;
        margin-top: 20px;
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        flex: 1;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 100%;
            height: 4px;
            background: var(--orange-lt);
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: var(--orange);
        }

    .owl-dot:first-child span {
        border-radius: 4px 0 0 4px; /* Rounded on the left side */
    }

    .owl-dot:last-child span {
        border-radius: 0 4px 4px 0; /* Rounded on the right side */
    }

    .sliderSeparated .item-displayed .owl-item {
        height: 500px;
    }

    .sliderSeparated .item-displayed-1 .owl-item {
        max-width: 640px !important;
        height: 650px;
    }

    .sliderSeparated .item-displayed-2 .owl-item {
        /*max-width: 615px !important;*/
    }

    .sliderSeparated .item-displayed-3 .owl-item {
        /* max-width: 400px !important;*/
    }

    .sliderSeparated .item {
        max-height: 100%
    }

        .sliderSeparated .item .slidIMg {
            /* height: 400px;*/
        }

    .owl-carousel .owl-item img {
        width: auto !important;
        margin: auto;
        max-height: 100%;
    }
    /* END STYLES FOR OWL CAROUSEL CUSTOM */


    /* STYLES FOR 3SPACED CARDS WITH SEPARATOR (Applications.cshtml)*/

    .applicationBoxes h3 {
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
    }

        .applicationBoxes h3.large-header {
            font-size: 55px;
        }

    .applicationBoxes h4 {
        font-size: 36px;
        font-weight: 600;
    }

        .applicationBoxes h4 span {
            font-size: 16px;
            color: #5C5C5C;
        }

    .applicationBoxes hr {
        width: 75%;
        background: var(--purple);
    }

    .applicationBoxes .row .col-lg-4 .websiteBlock, .applicationBoxes .row .col-lg-6 .websiteBlock {
        padding: 32px;
        border-radius: 20px;
        background: white;
        position: relative;
    }

        .applicationBoxes .row .col-lg-4 .websiteBlock.bg-hover-color:hover {
            background: var(--purple-lt);
            
            border-radius: 8px;
        }

            .applicationBoxes .row .col-lg-4 .websiteBlock.bg-hover-color:hover p {
                color: #1E305D;
            }

.bg-hover-color h3 {
    color: black;
    color: var(--section-title)
}

    .bg-hover-color p {
        color: #5C5C5C;
        line-height: 27px;
    }

    .applicationBoxes.card-with-border .row .col-lg-4 .websiteBlock, .applicationBoxes.card-with-border .row .col-lg-6 .websiteBlock {
        border: 2px solid var(--border-color);
    }

    .applicationBoxes .websiteBlock p {
        font-size: 20px;
    }

    @media (min-width: 992px) {
        .row.spaced {
            flex-wrap: nowrap;
            margin: 0;
            padding: 0;
            --bs-gutter-x: 0;
            --bs-gutter-y: 0;
        }

            .row.spaced > div {
                flex: 1;
            }

        .gap-16-32px {
            gap: 32px;
        }

        .double-gap .gap-16-32px {
            gap: 64px;
        }

        .gap-24px {
            gap: 24px;
        }

        .applicationBoxes.with-separator .row .col-lg-4 .websiteBlock:after {
            content: "";
            height: 300px;
            width: 2px;
            position: absolute;
            background: var(--border-color);
            right: -18px;
            top: 50%;
            transform: translateY(-50%);
            opacity:0.5
        }

        .applicationBoxes.with-separator.purple-bdr .row .col-lg-4 .websiteBlock:after {
            background: var(--purple-lt);
        }
            .applicationBoxes.double-gap .row .col-lg-4 .websiteBlock:after {
                right: -35px;
            }

        .applicationBoxes.with-separator .row .col-lg-4:last-child .websiteBlock:after {
            height: 0;
        }
    }

    .applicationBoxes .websiteIconsSec img {
        max-height: 75px;
    }

    .applicationBoxes.image-with-bg .websiteIconsSec img {
        max-width: 35px;
        height: auto;
    }


    @media (min-width: 992px) and (max-width: 1399px) {
        .auxBtns {
            zoom: 0.8;
            -ms-zoom: 0.8;
            -webkit-zoom: 0.8;
            -moz-transform: scale(0.8,0.8);
            -moz-transform-origin: left center;
        }

        .menu-main li {
            zoom: 0.9;
            -ms-zoom: 0.9;
            -webkit-zoom: 0.9;
            -moz-transform: scale(0.9);
            -moz-transform-origin: left center;
        }
    }


    /* END OF Application.cshtml*/

    .fulWidthButton {
        width: 100%;
        background: var(--orange);
        color: white;
        font-size: 16px;
        text-align: center;
        padding: 11px 24px;
        border-radius: 5px;
        display: block;
        text-decoration: none;
        margin-top: auto;
    }

        .fulWidthButton:hover {
            background: #14203E;
            color: white;
        }

    .applicationBoxes .ul-custom-checkbox ul {
        list-style: none; /* Remove default bullets */
        padding-left: 20px; /* Add padding for custom bullet */
    }

        .applicationBoxes .ul-custom-checkbox ul li {
            list-style-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_553_33446)'%3E%3Cpath d='M7.99902 15.208C11.9799 15.208 15.207 11.9809 15.207 7.99999C15.207 4.01912 11.9799 0.791992 7.99902 0.791992C4.01815 0.791992 0.791016 4.01912 0.791016 7.99999C0.791016 11.9809 4.01815 15.208 7.99902 15.208Z' fill='white'/%3E%3Cpath d='M7.99102 0.791992C6.56699 0.791992 5.17495 1.21426 3.99091 2.00541C2.80688 2.79656 1.88404 3.92104 1.33909 5.23667C0.794135 6.5523 0.651551 7.99998 0.929365 9.39664C1.20718 10.7933 1.89291 12.0762 2.89985 13.0832C3.90679 14.0901 5.1897 14.7758 6.58637 15.0536C7.98303 15.3315 9.43071 15.1889 10.7463 14.6439C12.062 14.099 13.1865 13.1761 13.9776 11.9921C14.7687 10.8081 15.191 9.41602 15.191 7.99199C15.191 6.08243 14.4324 4.25109 13.0822 2.90082C11.7319 1.55056 9.90058 0.791992 7.99102 0.791992ZM11.375 5.95999L7.82302 10.888C7.71721 11.0308 7.56281 11.13 7.38891 11.1669C7.21502 11.2037 7.03366 11.1756 6.87902 11.088L4.83902 9.89599C4.67352 9.79627 4.55442 9.63489 4.50791 9.44735C4.4614 9.25982 4.4913 9.06149 4.59102 8.89599C4.69074 8.7305 4.85212 8.61139 5.03966 8.56489C5.22719 8.51838 5.42552 8.54827 5.59102 8.64799L7.03902 9.51199L10.239 5.11999C10.3578 5.00101 10.5144 4.92734 10.6818 4.91175C10.8492 4.89616 11.0168 4.93963 11.1555 5.03462C11.2942 5.12962 11.3952 5.27015 11.4412 5.43186C11.4871 5.59357 11.475 5.76626 11.407 5.91999L11.375 5.95999Z' fill='%23de5833'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_553_33446'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            padding-left: 20px; /* Adjust spacing for bullet */
            background-position: 0 50%; /* Center bullet vertically */
            background-repeat: no-repeat;
        }

    .applicationBoxes h3 img {
        width: 48px;
    }

    .applicationBoxes {
        margin: 20px 0;
    }

        .applicationBoxes > .container {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }


    .currency-option:not(.active):hover {
        background: #e0e0e0;
    }

    .price-usd, .price-cad, .price-self, .price-adv {
        display: none;
    }

    .price-usd-visible.price-self-visible .price-usd.price-self,
    .price-usd-visible.price-adv-visible .price-usd.price-adv,
    .price-cad-visible.price-self-visible .price-cad.price-self,
    .price-cad-visible.price-adv-visible .price-cad.price-adv {
        display: block;
    }

    .price-usd-visible.price-self-visible td.price-usd.price-self,
    .price-usd-visible.price-adv-visible td.price-usd.price-adv,
    .price-cad-visible.price-self-visible td.price-cad.price-self,
    .price-cad-visible.price-adv-visible td.price-cad.price-adv {
        display: table-cell;
    }

    .applicationBoxes span.recommendedSpan {
        /*position: absolute;
        left: calc(50% - 56px);
        top: -12px;*/
        text-align: center;
        font-size: 14px;
        background: var(--purple-lt);
        padding: 0 8px;
        border-radius: 6px;
    }

    .applicationBoxes .ul-custom-checkbox ul li {
        font-size: 14px;
        padding-left: 0;
    }

    .applicationBoxes .row .col-lg-4 .websiteBlock.recommended {
        border: 2px solid var(--orange);
    }


    .currency-toggler, .hosting-toggler {
        display: inline-flex;
        border: 1px solid var(--orange);
        border-radius: 8px;
        overflow: hidden;
        padding: 4px;
    }

    .currency-option, .hosting-option {
        padding: 10px 20px;
        border: none;
        background: #fff;
        color: var(--orange);
        cursor: pointer;
        font-weight: bold;
    }

        .currency-option.active, .hosting-option.active {
            background: var(--orange);
            color: #fff;
            border-radius: 4px;
        }

    .planTable {
        table-layout: fixed;
    }
        /* setting colors for table fonts */
        .planTable tbody tr td {
            color: var(--orange);
            font-weight: 600;
        }

        .planTable thead tr th {
            color: black;
        }

    tr.color-text-0 td {
        color: #5C5C5C !important;
        font-weight: 400 !important;
    }

    .planTable tbody tr td:nth-child(2), .planTable tbody tr td:nth-child(2) svg path {
        color: #5C5C5C !important;
        stroke: #5C5C5C !important;
    }

    /* end of setting colors*/

    .planTable tr td, .planTable thead tr th {
        text-align: center;
        font-size: 16px;
    }

    .planTable tr td, .planTable tbody tr th {
        padding: 18px 10px;
    }

    .planTable thead tr th {
        padding: 10px 10px;
        font-size: 20px;
    }

    .planTable thead tr td {
        padding: 10px 10px;
    }

    .planTable tr td:first-child, .planTable tr th:first-child {
        text-align: left;
        border-left: 0px;
        color: #5C5C5C;
    }

    .planTable tr td, .planTable tr th {
        border-left: 2px solid #E5E5E5;
    }

    .planTable tr:hover td, .planTable tr:hover th {
        background: #F5F5F5;
    }

    .planTable .check-res svg {
        display: none;
    }

    .planTable .check-res-True svg {
        display: block;
        margin: auto;
    }

    .Showmore-button {
        width: fit-content;
        margin: 25px auto;
        border: 2px solid var(--orange);
        padding: 6px 20px;
        border-radius: 5px;
        cursor: pointer;
    }

    .sliderSeparated .nav .nav-tab {
        padding: 8px 16px;
        border: 1px solid var(--border-color);
        font-size: 14px;
        color: var(--section-title);
        border-radius: 6px;
        margin-bottom: 16px;
        text-align: left;
    }

        .sliderSeparated .nav .nav-tab.active {
            background: #14203E;
            color: white;
        }

        .sliderSeparated .nav .nav-tab img {
            width: 26px;
            height: 26px;
            margin-top: -2px;
        }

    .tab-card-content h2 {
        font-size: 55px;
        font-weight: 700;
        color: var(--section-title);
    }

    .tab-card-content p {
        font-size: 20px;
    }

    .gap-48px {
        gap: 48px;
        display: flex;
        flex-wrap: nowrap;
    }

        .gap-48px > div {
            padding: 0 !important;
        }

    .sliderSeparated .saperateDeveloperBannerBtn {
        display: inline-block;
    }

        .sliderSeparated .saperateDeveloperBannerBtn a {
            text-decoration: none;
        }

.color-blue-default p, .color-blue-default p {
    color: var(--section-title)
}

    .color-blue-default h2, .mainctaBoxes.color-blue-default h2, .darket-text-color h2 {
        color: var(--section-title)
    }

    .p-spacing p {
        font-size: 20px;
        line-height: 27.32px;
    }

    .TitlewithIocn h2 {
        font-size: 48px;
    }

    .bold-header {
        font-weight: 700;
    }

    .darket-text-color p {
        color: var(--card-text);
    }

    .mainctaBoxes .ctaBoxes h2 {
        font-size: 48px;
    }

    .fw-500 {
        font-weight: 500 !important;
    }

    .card-color {
        color: var(--card-text)
    }

    .nav-tabs-shadow ul {
        display: flex;
    }

    .nav-tabs-shadow li {
        flex: 1;
    }

        .nav-tabs-shadow li button.nav-link {
            width: 100%;
            text-align: center;
            background: transparent;
            border: 0;
            border-bottom: 1px solid #EAEAEA;
            color: black;
            border-radius: 0;
            height: 100%
        }

        .nav-tabs-shadow li .nav-link.active {
            border-bottom: 1px solid var(--border-color);
            color: var(--orange);
            background: linear-gradient(to top, #8496BB -30px, #FFFFFF 15px);
        }

    .dark-header {
        line-height: 40px;
        color: #020466;
        font-size: 32px;
        font-weight: 700;
        text-decoration: none;
    }

    .h-80px {
        height: 80px;
    }

    .hover-border {
        border: 1px solid transparent;
        border-radius: 20px;
    }

        .hover-border:hover {
            border: 1px dashed grey;
        }

    .scroll-area {
        /*max-height: 505px;
    overflow-y: scroll;
    -ms-overflow-style: none;*/ /* IE and Edge */
        /*scrollbar-width: none;*/ /* Firefox */
    }

        .scroll-area::-webkit-scrollbar {
            display: none;
        }

        .scroll-area img {
            max-height: 280px;
        }

    .p-32px {
        padding: 32px;
    }

    .fb-form .form-group .fb-label.fb-textBoxLabel, .fb-form .form-group .fb-label.fb-radioLabel, .fb-form .form-group .fb-label.fb-contentBoxLabel, .fb-form .form-group .fb-control, .fb-form .form-group .fb-label.fb-listboxLabel {
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
    }

        .fb-form .form-group .fb-control.fb-textBox, .fb-form .form-group .fb-control.fb-radio, .fb-form .form-group .fb-control.fb-contentBox {
            padding: 7px 16px;
            border-radius: 6px;
            background: #FCFCFC;
        }


.min-height-565px .owl-carousel.owl-drag .owl-item {
   /* min-height: 496px;*/
}

    .soft-preheader {
        background: #D7E4FF;
        font-size: 14px;
        font-weight: normal;
        padding: 0 8px 0 8px;
        border-radius: 6px;
        width: fit-content;
    }

    .bg-dark-blue {
        background: #0A101F;
        border-radius: 8px;
        padding: 40px 20px 20px 40px;
    }

        .bg-dark-blue * {
            color: white;
        }

        .bg-dark-blue h2 {
            color: white;
            font-size: 20px;
            font-weight: 700;
        }

        .bg-dark-blue p {
            font-size: 16px;
            font-weight: 400;
        }

    .home-demo > div {
        text-align: center;
        align-content: center
    }

    .onActive .original {
    }

    .onActive .hovered, .onActive.active .original { /*.onActive:hover .original*/
        display: none;
    }

    .onActive .original, .onActive.active .hovered { /*.onActive:hover .hovered,*/
        display: unset;
    }

    .nav-link.nav-tab img {
        margin-right: 10px;
    }

    .divider-small, .divider-large {
        width: 100%;
        display: block;
        height: 48px;
        background: transparent;
    }

    .divider-large {
        height: 72px;
    }

    .fs-20, .applicationBoxes h3.fs-20 {
        font-size: 20px;
        color: black;
        line-height: 28px;
    }

    .fs-16, .applicationBoxes p.fs-16 *, .applicationBoxes p.fs-16 {
        font-size: 16px;
        color: black;
    }

    .h-246px {
        height: 246px;
        background-color: var(--purple-lt);
        margin-bottom: 24px;
    }

        .h-246px img {
            display: block;
            margin: auto;
            height: 100%;
        }

    .type-date span {
        padding: 2px 8px;
        border-radius: 6px;
        width: fit-content;
        font-size: 14px;
        font-weight: 450;
    }

        .type-date span.date {
            font-weight: bold;
            color: #5C5C5C;
        }

            .type-date span.date:before {
                content: '';
                display: inline-block;
                width: 18px;
                height: 18px;
                background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljc1IDAuMDg2OTE0QzYuMTY0MjEgMC4wODY5MTQgNi41IDAuNDIyNyA2LjUgMC44MzY5MTRWMi4wODY5MUgxMS41VjAuODM2OTE0QzExLjUgMC40MjI3IDExLjgzNTggMC4wODY5MTQgMTIuMjUgMC4wODY5MTRDMTIuNjY0MiAwLjA4NjkxNCAxMyAwLjQyMjcgMTMgMC44MzY5MTRWMi4wODY5MUgxNS4yNUMxNi43Njg4IDIuMDg2OTE0IDE4IDMuMzE4MTMgMTggNC44MzY5MTRWMTUuMzM2OTFDMTggMTYuODU1NyAxNi43Njg4IDE4LjA4NjkgMTUuMjUgMTguMDg2OUgyLjc1QzEuMjMxMjIgMTguMDg2OSAwIDE2Ljg1NTcgMCAxNS4zMzY5MVY0LjgzNjkxNEMwIDMuMzE4MTMgMS4yMzEyMiAyLjA4NjkxMyAyLjc1IDIuMDg2OTEzSDVWMDAuODM2OTE0QzUgMC40MjI3IDUuMzM1NzkgMC4wODY5MTQgNS43NSAwLjA4NjkxNFpNNSAzLjU4NjkxSDIuNzVDMi4wNTk2NCAzLjU4NjkxIDEuNSA0LjE0NjU2IDEuNSA0LjgzNjkxVjcuMDg2OTFIMTYuNVY0LjgzNjkxQzE2LjUgNC4xNDY1NiAxNS45NDA0IDMuNTg2OTEgMTUuMjUgMy41ODY5MUgxM1Y0LjMzNjkxQzEzIDQuNzUxMTMgMTIuNjY0MiA1LjA4NjkxIDEyLjI1IDUuMDg2OTFDMTEuODM1OCA1LjA4NjkxIDExLjUgNC43NTExMyAxMS41IDQuMzM2OTFWMy41ODY5MUg2LjVWNC4zMzY5MUM2LjUgNC43NTExMyA2LjE2NDIxIDUuMDg2OTEgNS43NSA1LjA4NjkxQzUuMzM1NzkgNS4wODY5MSA1IDQuNzUxMTMgNSA0LjMzNjkxVjMuNTg2OTFaTTE2LjUgOC41ODY5MUgxLjVWMTUuMzM2OTFDMS41IDE2LjAyNzMgMi4wNTk2NCAxNi41ODY5IDIuNzUgMTYuNTg2OUgxNS4yNUMxNS45NDA0IDE2LjU4NjkgMTYuNSAxNi4wMjczIDE2LjUgMTUuMzM2OTFWOC41ODY5MVoiIGZpbGw9IiMzMjUwOUIiLz48L3N2Zz4=');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                margin-bottom: -4px;
                margin-right: 4px;
            }

    .mainCradsoverlay.font-decrease .card {
        border-radius: 20px;
        /*border: 2px solid;*/
        padding: 32px;
        /*    height: 505px;
*/
    }

        .mainCradsoverlay.font-decrease .card h3 {
            font-size: 32px;
            color: var(--section-title);
            line-height: 42px;
        }

        .mainCradsoverlay.font-decrease .card a {
            color: var(--orange);
        }

    .mainCradsoverlay.font-decrease:hover .card img {
        transition: 0s all;
        transform: none;
    }

    .ellipsis-display {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: calc(42px* 2);
    }

    .circle-owl-dots .owl-dots {
        justify-content: center;
        gap: 16px;
        margin-top: 0;
    }

        .circle-owl-dots .owl-dots .owl-dot span {
            width: 0;
        }

        .circle-owl-dots .owl-dots .owl-dot.active span,
        .circle-owl-dots .owl-dots .owl-dot:hover span {
            background-color: #28407C;
            border-radius: 50%;
            height: 16px;
            width: 16px;
            position: absolute;
            top: -1px;
            left: -1px;
        }

        .circle-owl-dots .owl-dots .owl-dot {
            border: 0px solid gray;
            background: #E5E5E5;
            border-radius: 50%;
            height: 16px;
            width: 16px;
            position: relative;
            flex: initial;
        }

    .sliderSeparated .no-border .owl-item {
        border: none;
        padding: 0;
    }

    .fs-96px {
        font-size: 96px;
        line-height: 100px;
    }

    .color-CaseStudies {
        border: 2px solid #DDD0D2;
    }

        .color-CaseStudies .span-type {
            background: #EEE7E9;
            color: #420F18;
        }

    .color-News {
        border: 2px solid #D6DCEB;
    }

        .color-News .span-type {
            background: #D7E4FF;
            color: #113997;
        }

    .color-Insights {
        border: 2px solid #D7DCD0;
    }

        .color-Insights .span-type {
            background: #EBEDE8;
            color: #2D3F11;
        }

    /*.colorTab-Case-Studies {
    border: 2px solid #75424B;
    color: #75424B;
    width: max-content;
}
.colorTab-Case-Studies:hover, .colorTab-Case-Studies:has(input:checked) {
    color: white;
    cursor: pointer;
    background: #75424B;
}
.colorTab-Insights {
    border: 2px solid #607244;
    color: #607244;
    width: max-content;
}
.colorTab-Insights:hover, .colorTab-Insights:has(input:checked) {
    color: white;
    cursor: pointer;
    background: #607244;
}

.colorTab-News {
    border: 2px solid var(--orange);
    color: var(--orange);
    width: max-content;
}
.colorTab-News:hover, .colorTab-News:has(input:checked){
    color: white;
    cursor: pointer;
    background: var(--orange);
}*/

    /*scrollbars*/
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--orange) white;
    }
        /* Works on Chrome, Edge, and Safari */
        *::-webkit-scrollbar {
            width: 8px;
            height: 8px
        }

        *::-webkit-scrollbar-track {
            background: white;
            border-left: 1px solid #ccc;
            border-top: 0;
        }

        *::-webkit-scrollbar-thumb {
            background-color: var(--orange);
            border-radius: 0;
            border: 0px solid white;
        }


    /*MJS*/
    @media (min-width: 992px) {
        .header .menu > ul > li .sub-menu {
            width: 100vw;
            max-width: calc(820px) !important;
            transform: unset !important;
            left: 0 !important;
        }
    }

    @media (max-width: 991px) {
        .dropdown-menu.show {
            z-index: 999999;
            position: relative;
        }

        .no-scroll {
            height: 100vh;
            overflow: hidden
        }

        .menu:before {
            content: '';
            width: 100vw;
            height: 100vh;
            position: fixed;
            background: rgba(255,255,255,0.8);
            pointer-events: none;
            opacity: 0;
            transition: all 0.1s
        }

        .menu.show:before {
            opacity: 1
        }

        body.locked {
            overflow-y: hidden;
            width: calc(100% - 15px)
        }

        nav.active {
            overflow: hidden !important
        }

        .go-backs {
            cursor: pointer
        }

        .menu.row.g-0.position-relative.active {
            width: 90%;
            left: 5%;
            transform: unset;
            border-radius: 15px
        }

        .menu-main > li {
            padding: 10px;
            border-radius: 15px;
        }

            .menu-main > li:hover {
                background: var(--purple-lt);
            }

        .header .menu > ul > li {
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 15px
        }

            .header .menu > ul > li > a {
                font-size: 16px;
                font-size: 25px;
                font-style: normal;
                font-weight: 500;
                line-height: 28px;
                color: var(--orange);
                letter-spacing: -0.64px;
                display: flex;
                align-items: end;
                margin-bottom: 0;
                padding-left: 0
            }

        .navbar-toggler {
            padding-top: 8px
        }

        .header .menu > ul > li:first-child {
            /* margin-left: 15px;*/
        }

        .go-backs {
            transform: rotate(90deg);
        }


            .go-backs .svg-inline--fa {
                margin-top: 4px;
                display: block
            }


        .subMenuInner {
            padding: 0 !important;
            box-sizing: border-box;
        }

            .subMenuInner .title:before {
                content: '';
                background: #fff;
                position: absolute;
                width: 100%;
                height: 80px;
                left: -9px;
                top: -30px;
                z-index: 8;
                border-bottom: 1px solid #efefef
            }

            .subMenuInner .title {
                font-size: 32px;
                font-style: normal;
                font-weight: 500;
                line-height: 28px;
                color: var(--orange);
                letter-spacing: -0.64px;
                padding: 0;
                margin-bottom: 32px;
                display: flex;
                align-items: end;
                gap: 16px;
                position: sticky;
                top: 0;
                background: #fff;
                z-index: 9;
                cursor: pointer
            }

                .subMenuInner .title > * {
                    position: relative;
                    z-index: 9
                }

        .header .menu > ul > li .sub-menu {
            top: 20px !important
        }

            .header .menu > ul > li .sub-menu.active {
                overflow: auto
            }

        .header .menu > ul > li .sub-menu {
            padding: 20px 15px !important;
        }

            .header .menu > ul > li .sub-menu.mega-menu {
                left: 0%;
                padding-left: 0 !important;
                padding-right: 0 !important;
                padding-bottom: 80px !important;
            }

        .categoriesSec {
            padding-left: 25px;
            padding-right: 25px;
        }

            .categoriesSec a {
                padding: 15px
            }

            .categoriesSec > ul > li {
                width: 50%;
                float: left
            }

        body {
            overflow-x: hidden
        }

        .full-container {
            margin-top: 0 !important
        }

        .cardMain {
            margin-bottom: 84px !important;
        }

        .fs-96px {
            font-size: 72px;
            line-height: normal;
        }

        .divider-small, .divider-large {
            max-height: 20px
        }

        .header-item {
            height: 00px;
            overflow: hidden
        }

            .header-item.active {
                height: unset
            }

        .wh-505px {
            width: 100% !important;
            height: auto !important
        }

        .py-100px {
            padding-top: 20px !important;
            padding-bottom: 20px !important
        }

        .sliderSeparated {
            gap: unset;
            display: flex;
            flex-wrap: wrap;
            padding-left: 10px;
            padding-right: 10px
        }

        .img-fluid {
            max-width: 100%;
            height: auto;
            width: 100%;
        }

        .h-246px img {
            object-fit: contain;
        }

        .owl-carousel .owl-item img {
            width: 100% !important
        }

        .mainctaBoxes .ctaBoxes {
            padding: 0;
        }

        .h-100 {
            height: auto !important;
            min-height: auto !important
        }
    }

    .singularAccordion .accordion .accordion-item:last-child {
        border: 0 !important
    }

    .height-100 {
        height: 100% !important
    }

    .rounded-8 {
        border-radius: 8px;
    }

    .resources-pagination .pagination {
        justify-content: flex-end;
        padding: 0;
        margin: 0;
    }

    .resources-pagination .page-item {
        margin-right: 4px;
    }

        .resources-pagination .page-item a {
            background: none;
            padding: 8px 16px;
            border-radius: 6px;
            border: 0px;
            color: #4A545E;
        }

        .resources-pagination .page-item.active a, .resources-pagination .page-item:hover a {
            background: #022F520F;
            color: #3A424A;
        }

        .resources-pagination .page-item.\{active\} {
            border: 1px solid #CFD6DD;
            border-radius: 6px;
        }

            .resources-pagination .page-item.\{active\}:first-child {
                margin-right: 16px;
            }

            .resources-pagination .page-item.\{active\}:last-child {
                margin-left: 16px;
                margin-right: 0;
            }

                .resources-pagination .page-item.\{active\}:first-child a:before, .resources-pagination .page-item.\{active\}:last-child a:after {
                    font-family: 'Font Awesome 6 Pro';
                    position: relative;
                    top: 1px;
                }

            .resources-pagination .page-item.\{active\}:first-child a:before {
                content: "\f104";
                padding-right: 10px;
            }

            .resources-pagination .page-item.\{active\}:last-child a:after {
                content: "\f105";
                padding-left: 10px;
            }

    .page-item.\{active\}:has(+ .page-item.active), .page-item.active + .page-item.\{active\} {
        pointer-events: none;
        border-color: #CFD6DD
    }

        .page-item.\{active\}:has(+ .page-item.active) a, .page-item.active + .page-item.\{active\} a {
            color: #CFD6DD;
        }

    .search-container {
        border-radius: 6px;
        border: 1px solid #CFD6DD;
        padding-left: 35px;
    }

        .search-container svg {
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

    .search-input:focus {
        outline: none;
    }

    .search-container:has(.search-input:focus) {
        border-color: #6e7072;
    }

    /* Bootstrap overrides*/
    .btn-primary, .dropdown-item.active, .dropdown-item:active {
        background-color: var(--section-title) !important;
        border-color: var(--section-title) !important;
    }

    .btn-check:focus + .btn, .btn:focus {
        box-shadow: 0 0 0 .25rem rgb(102 102 178) !important;
    }

    svg:not(:root).svg-inline--fa {
        overflow: visible
    }

    .svg-inline--fa {
        display: inline-block;
        font-size: inherit;
        height: 1em;
        overflow: visible;
        vertical-align: -.125em
    }

        .svg-inline--fa.fa-lg {
            vertical-align: -.225em
        }

        .svg-inline--fa.fa-w-1 {
            width: .0625em
        }

        .svg-inline--fa.fa-w-2 {
            width: .125em
        }

        .svg-inline--fa.fa-w-3 {
            width: .1875em
        }

        .svg-inline--fa.fa-w-4 {
            width: .25em
        }

        .svg-inline--fa.fa-w-5 {
            width: .3125em
        }

        .svg-inline--fa.fa-w-6 {
            width: .375em
        }

        .svg-inline--fa.fa-w-7 {
            width: .4375em
        }

        .svg-inline--fa.fa-w-8 {
            width: .5em
        }

        .svg-inline--fa.fa-w-9 {
            width: .5625em
        }

        .svg-inline--fa.fa-w-10 {
            width: .625em
        }

        .svg-inline--fa.fa-w-11 {
            width: .6875em
        }

        .svg-inline--fa.fa-w-12 {
            width: .75em
        }

        .svg-inline--fa.fa-w-13 {
            width: .8125em
        }

        .svg-inline--fa.fa-w-14 {
            width: .875em
        }

        .svg-inline--fa.fa-w-15 {
            width: .9375em
        }

        .svg-inline--fa.fa-w-16 {
            width: 1em
        }

        .svg-inline--fa.fa-w-17 {
            width: 1.0625em
        }

        .svg-inline--fa.fa-w-18 {
            width: 1.125em
        }

        .svg-inline--fa.fa-w-19 {
            width: 1.1875em
        }

        .svg-inline--fa.fa-w-20 {
            width: 1.25em
        }

        .svg-inline--fa.fa-pull-left {
            margin-right: .3em;
            width: auto
        }

        .svg-inline--fa.fa-pull-right {
            margin-left: .3em;
            width: auto
        }

        .svg-inline--fa.fa-border {
            height: 1.5em
        }

        .svg-inline--fa.fa-li {
            width: 2em
        }

        .svg-inline--fa.fa-fw {
            width: 1.25em
        }

    .fa-layers svg.svg-inline--fa {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0
    }

    .fa-layers {
        display: inline-block;
        height: 1em;
        position: relative;
        text-align: center;
        vertical-align: -.125em;
        width: 1em
    }

        .fa-layers svg.svg-inline--fa {
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

    .fa-layers-counter, .fa-layers-text {
        display: inline-block;
        position: absolute;
        text-align: center
    }

    .fa-layers-text {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .fa-layers-counter {
        background-color: #ff253a;
        border-radius: 1em;
        color: #fff;
        height: 1.5em;
        line-height: 1;
        max-width: 5em;
        min-width: 1.5em;
        overflow: hidden;
        padding: .25em;
        right: 0;
        text-overflow: ellipsis;
        top: 0;
        -webkit-transform: scale(.25);
        transform: scale(.25);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .fa-layers-bottom-right {
        bottom: 0;
        right: 0;
        top: auto;
        -webkit-transform: scale(.25);
        transform: scale(.25);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }

    .fa-layers-bottom-left {
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
        -webkit-transform: scale(.25);
        transform: scale(.25);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }

    .fa-layers-top-right {
        right: 0;
        top: 0;
        -webkit-transform: scale(.25);
        transform: scale(.25);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .fa-layers-top-left {
        left: 0;
        right: auto;
        top: 0;
        -webkit-transform: scale(.25);
        transform: scale(.25);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .fa-lg {
        font-size: 1.33333em;
        line-height: .75em;
        vertical-align: -.0667em
    }

    .fa-xs {
        font-size: .75em
    }

    .fa-sm {
        font-size: .875em
    }

    .fa-1x {
        font-size: 1em
    }

    .fa-2x {
        font-size: 2em
    }

    .fa-3x {
        font-size: 3em
    }

    .fa-4x {
        font-size: 4em
    }

    .fa-5x {
        font-size: 5em
    }

    .fa-6x {
        font-size: 6em
    }

    .fa-7x {
        font-size: 7em
    }

    .fa-8x {
        font-size: 8em
    }

    .fa-9x {
        font-size: 9em
    }

    .fa-10x {
        font-size: 10em
    }

    .fa-fw {
        text-align: center;
        width: 1.25em
    }

    .fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0
    }

        .fa-ul > li {
            position: relative
        }

    .fa-li {
        left: -2em;
        position: absolute;
        text-align: center;
        width: 2em;
        line-height: inherit
    }

    .fa-border {
        border: solid .08em #eee;
        border-radius: .1em;
        padding: .2em .25em .15em
    }

    .fa-pull-left {
        float: left
    }

    .fa-pull-right {
        float: right
    }

    .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
        margin-right: .3em
    }

    .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
        margin-left: .3em
    }

    .fa-spin {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear
    }

    .fa-pulse {
        -webkit-animation: fa-spin 1s infinite steps(8);
        animation: fa-spin 1s infinite steps(8)
    }

    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .fa-rotate-90 {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .fa-rotate-180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fa-rotate-270 {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .fa-flip-horizontal {
        -webkit-transform: scale(-1,1);
        transform: scale(-1,1)
    }

    .fa-flip-vertical {
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1)
    }

    .fa-flip-horizontal.fa-flip-vertical {
        -webkit-transform: scale(-1,-1);
        transform: scale(-1,-1)
    }

    :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
        -webkit-filter: none;
        filter: none
    }

    .fa-stack {
        display: inline-block;
        height: 2em;
        position: relative;
        width: 2em
    }

    .fa-stack-1x, .fa-stack-2x {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0
    }

    .svg-inline--fa.fa-stack-1x {
        height: 1em;
        width: 1em
    }

    .svg-inline--fa.fa-stack-2x {
        height: 2em;
        width: 2em
    }

    .fa-inverse {
        color: #fff
    }

    .sr-only {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .sr-only-focusable:active, .sr-only-focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

    .dropdown-menu .megamenu {
        width: 767px
    }

    .dropdown-menu:has(.w-items-short) .megamenu {
        width: 431px;
    }

    @media (max-width: 767px) {
        .dropdown-menu .megamenu, .dropdown-menu:has(.w-items-short) .megamenu {
            width: 100%
        }
    }

    .saperateBannerBtn a {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: 0.32px;
        text-decoration: none;
        padding: 11px 24px;
        box-sizing: border-box;
        border-radius: 5px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
        display: inline-block;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 500;
        background-color: #ffffff;
        box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
        padding: 16px 10px;
        border-radius: 16px;
        border: 0;
        min-width: 300px
    }

    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
            z-index: 500;
            background-color: #ffffff;
            box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
            padding: 16px 10px;
            border-radius: 16px;
            border: 0;
            min-width: 300px
        }
    }

    @media (max-width: 991px) {
        .auxBtns a {
            width: 100%;
            display: block;
            margin: 15px 0;
        }

        .fs-96px {
            font-size: 52px;
            line-height: normal;
        }
    }

    a.dropdown-item {
        display: block;
        text-decoration: none;
        border-radius: 16px;
        padding: .25rem 1rem;
        color: #212529
    }

        a.dropdown-item:hover {
            background: var(--purple-lt);
        }

    .colContent .btn.btn-primary {
        color: #fff !important
    }


    .page-item.active .page-link {
        background-color: var(--section-title)
    }

    .page-item.disabled .page-link {
        color: #ddd
    }

    .page-link {
        color: var(--section-title)
    }

    .page-item.active .page-link {
        border-color: var(--section-title);
    }

    .page-item .page-link {
        min-height: 42px
    }

    .page-item.active.page-control {
    }


    .mainctaBoxes {
        border: 0
    }

    .websiteBlock:hover, .cardMain:hover, .freeTrialCard:hover {
        box-shadow: none !important
    }

    .siteLogo img {
        width: 100%;
        max-width: 200px
    }

    .accordion-button:not(.collapsed)::before {
        left: -10px !important
    }


    .accordion-collapse.collapse.show {
        position: relative
    }



        .accordion-collapse.collapse.show::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            background: var(--adv-gradient-blue);
            opacity: 0;
            animation: adv-fade-in 0.4s forwards;
        }

    body .advantage-hero .btn.secondary {
        background-color: rgba(255,255,255, 1) !important
    }

    .RadTreeView .rtTemplate > .left.content-display {
        font-weight: bold;
        width: 50%;
    }

    .RadTreeView .rtTemplate > .left.content-title {
        width: 50%;
        max-width: unset;
        margin-bottom: 10px;
        font-style: oblique;
        min-height: 27px;
    }

    .nav-tree-item.right.edit {
        float: left !important;
    }

    .custom-form h3 {
        font-weight: bold;
        font-size: 32px;
        line-height: 137%;
        margin-bottom: 16px;
        color: #020466 !important;
    }

    .custom-form p {
        font-size: 20px;
        margin-bottom: 0;
    }

    .custom-form .fb-form .form-group .fb-label.fb-textBoxLabel {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.2px;
    }

    .custom-form .fb-form .form-group .fb-control.fb-button {
        width: 100%;
        text-align: center;
        border-radius: 6px;
        padding: 10px 16px;
        margin-top: 0;
        font-size: 16px;
        line-height: 28px;
        font-weight: 450;
        background: var(--orange);
    }

    .custom-round-border {
        border: 2px solid #D6DCEB;
        border-radius: 20px;
        padding: 32px;
    }

    .trial-image {
        max-width: 286px;
        margin-top: 16px;
    }

    .trial-image {
        width: 100%
    }


    a, .btn, body .advantage-hero .btn.secondary, .Showmore-button {
        transition: all 0.4s
    }

        div#MainContent_pnlGhost a:not(.nav-link ):not(.text-decoration-none):hover, .saperateBannerBtn a:not(.text-decoration-none):hover, .btn:hover, body .advantage-hero .btn.secondary:hover, .dropEmail button:hover, .Showmore-button:hover {
            background: var(--purple) !important;
            color: #fff !important;
            border-color: var(--purple) !important;
        }

    .btn-outline-primary {
        color: var(--section-title)
    }


    html {
        scroll-behavior: smooth;
    }

    .owl-carousel.owl-drag .owl-item {
        overflow: hidden
    }

@media (max-width: 767px) {
    .btnsBanner a, .saperateBannerBtn. .saperateDeveloperBannerBtn a, .btn, div#MainContent_pnlGhost a, .saperateBannerBtn a, body .advantage-hero .btn.secondary, .dropEmail button, .Showmore-button {
        width: 100%
    }

    .sliderSeparated .saperateDeveloperBannerBtn, .saperateBannerBtn {
        display: block
    }
        div#MainContent_pnlGhost a, .saperateBannerBtn a {
            width: 100%
        }
}

.priceUSD, .priceCAD {
    display: block;
    font-size: 32px;
    font-family: DMSans;
    color: rgb(29, 26, 5) !important;
    font-style: normal;
    font-weight: 500 !important;
}

.logoRight a:hover, footer li a:hover {
    text-decoration: underline !important
}
div#MainContent_pnlGhost .logoRight a:before, footer li a:before {
    background: none !important
}

div#MainContent_pnlGhost .linksCardBtn a:before {
    background: none !important
}

div#MainContent_pnlGhost .cardMain a:hover, div#MainContent_pnlGhost .cardMain a:not(.nav-link ):not(.text-decoration-none):hover, div#MainContent_pnlGhost .linksCardBtn a:hover {
    background: transparent !important;
    text-decoration: underline;
   
    box-shadow: none !important
}
div#MainContent_pnlGhost .linksCardBtn a.text-white:hover {
    color: #fff !important
}
div#MainContent_pnlGhost .linksCardBtn a:not(.text-white):hover {
    color: unset !important
}
.applicationBoxes > p {
    font-size: 20px
}

.mobileDD.nav-link:focus, .mobileDD.nav-link:hover {color:#fff !important}
.mobileDD :after {

}

/*CJ specific*/

.footer .footer-top {
    
}

.cardMain.box-shadow-seperate {
    box-shadow:none !important
}
.eyebrow {
    font-size:20px
}

.fb-form .form-group .fb-control.fb-button {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: #fff
}

    .fb-form .form-group .fb-control.fb-button:hover {
        background-color: #fff !important;
        border-color: var(--orange) !important;
        color: var(--orange) !important
    }


.fb-form .form-group .fb-control.fb-textBox {
    box-shadow: none;
    border-color: #CFD6DD;
    border-radius:6px
}

.fb-form .form-group .fb-control.fb-contentBox {
    box-shadow:none;

}


.addBdr {
    border: 1px solid var(--orange);
    padding: 0 25px;
    border-radius: 8px;
}

@media (min-width: 992px) {
    .header.position-fixed {
        height: 160px;
        transition: all 0.3s
    }

        .header.position-fixed.scrollDown {
            height: 87px;
            overflow: hidden
        }

    .logoRight, .logoRight2 {
        transition: all 0.2s
    }

    .header.position-fixed.scrollDown .logoRight {
        opacity: 0;
        pointer-events: none
    }

    .header.position-fixed .logoRight2 {
        display: none;
        opacity: 0
    }

    .header.position-fixed.scrollDown .logoRight2 {
        display: block;
        opacity: 1;
        top: 27px;
        right: 0;
        position: absolute;
    }
}


.cardListings  .fa-light.fa-circle-check {
    color: var(--orange)
}


.purple .applicationBoxes.card-with-border .row .col-lg-4 .websiteBlock, .purple .sliderSeparated .owl-item {
    border-color: #DEDBF9 !important
}
.purple .applicationBoxes.with-separator .row .col-lg-4 .websiteBlock:after {
    background:  #DEDBF9
}
.item {
    display: flex;
    flex-direction: column; /* stack text + image vertically */
    justify-content: space-between; /* push image to bottom */
    height: 100%; /* or set a fixed height if needed */
}

.slidIMg {
    margin-top: auto; /* forces image block to the bottom */
}

    .slidIMg img {
        display: block;
        max-width: 100%;
        height: auto;
    }
.owl-stage {
    display: flex !important; /* make all items flex children */
    align-items: stretch !important; /* stretch items to equal height */
}

.owl-item {
    display: flex;
    height: auto !important; /* let them stretch naturally */
}

.item {
    display: flex;
    flex-direction: column; /* stack content */
    justify-content: space-between; /* keeps spacing even */
    width: 100%;
}

.bs-orange .cardsMaineSectionFullWidth {
    box-shadow: 0 45px 0 var(--orange) !important;
 
}

body > form {
    width: 100%;
    overflow-x: hidden;
}

.vbanner {
    margin: 0
}

.video-container {
    margin-left: 2rem;
    margin-right: 2rem;
}

@media (max-width: 600px) {
    .priceUSD,
    .priceCAD {
        font-size: 15px
    }

    .planTable tr td {
        font-size: 12px;
        padding: 18px 5px;
    }

    .planTable tr th {
        font-size: 14px
    }

    .planTable thead tr th {
        font-size: 14px
    }
}